@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic");
/*********************
GENERAL STYLES
*********************/
           html  
            {  
                overflow: auto;  
            }  
            html, body, form, #ctl00_ContentPlaceHolder1_ctl00_ContentPlaceHolder1_gridOrdersPanel,#ctl00_ContentPlaceHolder1_ctl00_ContentPlaceHolder1_gridRAFilesPanel
            {  
                margin: 0;  
                height: 100%;  
            }

/*body{font-family: 'PT Sans', sans-serif !important;background-color:#f5f5f5;}*/
body {
    font-family: 'PT Sans', sans-serif !important;
    background-color: #f5f5f5;
}
a:link, a:visited:link {-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {text-decoration: none; }

/** GLOBAL STYLES **/
.logo{max-width:40px;}
.logo-footer{max-width:450px;}
.header ul.off-canvas-list li {list-style: none; }
#content {min-height:700px;}
.set-min{min-width:1100px;}
.full-width{width:100%;margin: 0 0 1rem 0;}
.fullWidth {width: 100%;margin-left: auto;margin-right: auto;max-width: initial;}
.spacer{height:30px;}
#idletimeout { background:#CC5100; border:1px solid #FF6500; color:#fff; font-family:arial, sans-serif; text-align:center; font-size:12px; padding:10px; position:absolute; top:0px; left:0; right:0; z-index:100000; display:none; }
#idletimeout a { color:#fff; font-weight:bold }
#idletimeout span { font-weight:bold }
.button-link{    background-color: transparent;border: none !important;color: #589CCF;font-weight: 700;text-decoration: underline!important; text-transform: uppercase; position:relative;    top: 30px !important;}
/** MASTER TEMPLATE **/
#wrapper{min-height:100%;height:auto !important; height:100%;margin:0 auto -200px;}

/* Header */
.app-header { margin: 0; padding: 4px 0 4px 0;     background-color: #666;padding: 10px 0px 0 10px;min-height: 60px;}
.app-nav, .app-nav-right {margin: 0;padding: 0;color: #ffffff;display: inline;}
.app-nav-right {float: right;}
.app-nav a, .app-nav li, .app-nav-right a, .app-nav-right li {}
.app-nav a, .app-nav-right a {	color: #ffffff;	text-decoration: none;	font-weight: bold;}
.app-nav a img, .app-nav-right img {	vertical-align: middle;}
.app-nav-right .contact-company {	font-weight: normal;}
#menu-bar .icon-bar{background-color:transparent;margin-top:-10px;}
#menu-bar .icon-bar > a:hover {background: #3f4f62;}
#menu-bar .icon-bar .item{font-size:1.2rem;  padding: .45rem;min-height: 60px;}
#menu-bar .icon-bar > * i {color: #fff;font-size: 1.675rem;}
#menu-bar .icon-bar ul > * i {color: #79869a;font-size: 1.675rem;}
#menu-bar .icon-bar > a:hover i, #menu-bar .icon-bar > a:hover label {color: #fff;}
#menu-bar .icon-bar > * i + label, .icon-bar > * img + label {color: #fff;margin-top: .0625rem;    font-size: .8rem;line-height: .9rem;}
#drop1 {	border: 1px solid #7C6A55;}
#drop1:focus {    outline-width: 0;}
#drop1 li{	line-height: 20px!important;	text-align:left;padding:10px;font-weight:normal;	border-top:1px solid #ECE2D7;}
#drop1 li:first-child {    border-top:0px;}
#drop1 li a{	padding: 0 5px 0 5px;}
#drop1 li a:hover{}
#drop1 .f-dropdown:before {}
#drop1 li a i{ margin-right:10px; font-size:18px; color: #357613;float:left;}

#dropSearch {	border: 1px solid #7C6A55;}
#dropSearch:focus {    outline-width: 0;}
#dropSearch li{	line-height: 20px!important;	text-align:left;padding:10px;font-weight:normal;	border-top:1px solid #ECE2D7;}
#dropSearch li:first-child {    border-top:0px;}
#dropSearch li a{	padding: 0 5px 0 5px;}
#dropSearch li a:hover{}
#dropSearch .f-dropdown:before {}
#dropSearch li a i{ margin-right:10px; font-size:18px; color: #357613;float:left;}

.contact-record
{
    background-color: #fff;
    line-height: 1.3rem;
    padding: 10px;
    border: 1px solid #ccc;
}
/* Dashboard */
.dashboard .top-bar .name h1 {text-transform:uppercase; color:#fff;    font-weight: bold;
    letter-spacing: 0;
    margin-left: 30px;}
.dashboard .top-bar {
    background-color: #19499E;
    margin-bottom: 15px;
}
.dashboard .top-bar-section li:not(.has-form) a:not(.button) {font-size:1.1rem; background: #4298B5;    text-decoration: none;    color: #fff;}
.dashboard .top-bar-section ul li:hover:not(.has-form) > a {background: #555;text-decoration:none;}
.dashboard .widget-icon p {color: #6895CC;padding: 0;margin: 0; text-align: right;}
.dashboard .widget-icon i {font-size: 4rem;color: #ddd;float:right;}
.dashboard .widget-data ul {
    margin-top: 0px;
}
/* Footer */
#footer, .push{height:200px;}
#footer{border-top: 10px solid #2B3643;height:200px;background: url('../images/footer.jpg') no-repeat center top /cover;}
.primary-footer {padding: 35px 0;}
.primary-footer h4 {color: #fff;	font-weight: bold;	font-size: 1rem;}
.primary-footer ul {list-style: none;	margin: 0}
.primary-footer ul li {line-height: 1rem!important;	margin-bottom: 5%;}
.primary-footer ul a {color: #c4beb7;	font-size: 0.875;}
.primary-footer ul a:hover {color: #fff;}
.primary-footer address, .primary-footer .copyright {	font-size: 0.875rem;	color: #beb5aa;	font-style: normal;	margin-top: 5px;}
.address {	text-align: right;}
.address i {	color: #fff;font-style: normal;}
.address address + a {	margin-right: 3%;}
.secondary-footer ul {	list-style: none;margin: 0;}
.secondary-footer li {	float: left;margin-right: 3%;}
.secondary-footer a {	color: #a49f98;	font-size: 0.75rem;	text-transform: uppercase;}
.secondary-footer a:hover {	color: #fff;}
.know .learn-more {	margin-left: 65px;}
.primary-footer .bold, .primary-footer .bold a {font-weight: bold!important;color: #ffffff!important;}
.primary-footer h4 {	display: none;}
.operator {margin-bottom:0;}

.completed-row, .completed-row div, .completed-row td {color: #cacaca;} 
.in-progress-row,  .in-progress-row td{color: #4A9C4D;font-weight:bold;}
/* customer RECORD */
.customer-bar .name h1{font-size: 1.2625rem; margin: 0 0 0 1.625rem; font-weight: bold;    line-height: 2rem;display:inline;}
.customer-bar .name h4{font-size: 1rem; margin: 0 0 0 1.625rem; font-weight:lighter;line-height: 1.1rem;display:inline;}
.customer-bar .order-info{margin: 5px 0 0 15px;border-left: 1px solid #ccc}
.customer-bar .order-info h1{font-size: 1.2rem;margin: 0 0 0 .75rem; font-weight: bold; line-height: 1.3rem;display:inline;}
.customer-bar .order-info h4{font-size: 1rem;  margin: 0 0 0 .75rem; font-weight:lighter;line-height: 1.1rem;display:inline;}

.customer-bar{background-color: #e9e9e9 !important;border-bottom: 2px solid #d3d3d3;height: 4rem;}
.customer-bar ul li a{font-size:100%;background-color: #e9e9e9;color: #2b3643;padding: 0 .7rem !important;}
/*.customer-bar .top-bar-section li:not(.has-form) a:not(.button) {background-color: #e9e9e9;color:#000;}
.customer-bar .top-bar-section li a:hover {background-color: #fff;color:#000;}*/
.customer-header{margin:1rem 0 0 0;}
.customer-header hr{margin: 1.25rem 0 0 !important;}
/* CUSTOMER PORTAL */
h2.detail-header {
    color: #589CCF;
    font-weight: bold;
    font-size: 2rem;
    padding-bottom: 0px;
    line-height: 1rem;
}
.view-as-text input,
.view-as-text select,
.view-as-text .RadComboBox *,
.view-as-text .RadPicker * {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0px;
    height: 1.4rem !important;
    color: #333 !important;
    margin-bottom: 1rem;
    font-size: 1.1rem;
}
.view-as-text .RadComboBox table td.rcbInputCell,
.view-as-text .riSingle .riTextBox {
    padding: 0px;
}
.view-as-text .rcbArrowCell{display:none;}
.view-as-text .RadPicker .rcCalPopup, .view-as-text .RadPicker .rcTimePopup {
    display: none;
}
.view-as-text select {
    /* for Firefox */
    -moz-appearance: none !important;
    /* for Chrome */
    -webkit-appearance: none !important;
    background-image: none;
}
    .view-as-text select::-ms-expand {
        display: none !important;
    }
.RadSplitter, .RadSplitter .rspSlideZone, .RadSplitter .rspSlideContainer, .RadSplitter .rspPaneTabContainer, .RadSplitter .rspPane, .RadSplitter .rspResizeBar, .RadSplitter .rspSlideContainerResize, .RadSplitter .rspPaneHorizontal, .RadSplitter .rspResizeBarHorizontal, .RadSplitter .rspSlideContainerResizeHorizontal {
    border:none !important;
}
    .customer-sub-bar .name h1 {
    font-size: 1.6625rem;
    margin: 0 0 0 1.625rem;
    font-weight: bold;
    display: inline;
    color: #fff;
}

#customer-content{ -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  height: 100%;  overflow-x: hidden;  padding-left: 140px;  width: 100%;}
#customer-toolbar{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100%; position: absolute; left: 0;  top: 0;  width: 140px;  }
#customer-toolbar:before{background-color: #364150; width:140px; height:100%;content:"";position:fixed;z-index:-1;top: 0;}
#customer-toolbar .icon-bar{background-color: #364150;}
#customer-toolbar .icon-bar > * {padding: 1.3rem .75rem;border-bottom: 1px solid #52657a;}
#customer-toolbar .icon-bar > * label {color: #a4acb5;}
#customer-toolbar .icon-bar > * i + label, .icon-bar > * img + label {    margin-top: .0625rem;    font-size: .8rem;    line-height: .8rem;text-align:left;padding-left: 30px;}
#customer-toolbar .icon-bar > * i {color: #67788b;float: left;    position: relative; bottom: 7px;    font-size: 1.75rem;margin-right: 5px;}
#customer-toolbar .icon-bar > a:hover i, #customer-toolbar .icon-bar > a.active i {color: #FFFFFF;}
#customer-toolbar .icon-bar > a:hover label, #customer-toolbar .icon-bar > a.active label {color: #FFFFFF;}
.customer-header h3{display: inline; font-size: 200%;padding: 20px 20px 5px 20px;}
.customer-header .contact {list-style-type: none; margin: 0;text-align: left; font-size:90%; }
.customer-header .contact li{ margin-bottom: 1rem; display:inline;float:left; }
.customer-header .contact li p {padding-left: 3.5rem;    margin-bottom: 0;line-height: 1.4rem; }
.customer-header .contact i { position: absolute; background-color: #1BBC9B; color: #fff; font-size: 1rem; border-radius: 50%; line-height: 1;
      margin: 0 0 0 -2.1rem;  vertical-align: middle;  padding: .25em .45em; }
.customer-header .subdata{display:inline;color:#999;padding-left:10px;}
.customer-header .button{    padding: .5rem 1rem .50625rem 1rem;margin:1rem .2rem 0 .2rem;}
label .subdialog:link, label .subdialog{color:inherit;}

/* customer orders */


#customer-visit-content{ -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  height: 100%;  overflow-x: hidden;  padding-left: 200px;  width: 100%;}
#customer-visit-toolbar{border:#ebebeb; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100%; position: absolute; left: 0;  top: 0;  width: 200px;  }
#customer-visit-toolbar:before{border-right:1px solid #dadada;background-color:#fff; width:200px; height:100%;content:"";position:fixed;z-index:-1;}
.customer-visit-button{background-color:#ebebeb;border:1px solid #dadada;border-top:none;min-height:60px;}
.customer-visit-button .button{padding:0.375rem 1.25rem 0.4375rem 1.25rem;top:12px;}
.customer-visit-button h4{padding-top:10px;}
.event-listing p{font-size:90%;    padding: .75rem .35rem;    margin: 0;line-height: 1.2rem;}
.button-count{background-color: #E02733;    border-radius: 50%;    padding: 0px 5px !important;    color: #fff;    font-size: .8rem !important;    width: auto;    position: relative;    bottom: 30px;}

.status-pending{background-color:#00ccff; border-radius: 5px; padding:3px;}
.status-cancelled{background-color:#cc0000; border-radius: 5px; padding:3px;}

.update-tag{background-color:#e7505a; border-radius: 5px; padding:3px; color:#fff;font-size: .8rem !important;font-weight:bold;    width: auto; display: inline-block; float: right; }

top-bar .title-area {z-index: 1; }

#listelement a{line-height:35px;}
.copy-link{background-color: #36C6D3;    color: #fff;    padding: 3px;    border-radius: 4px;    position: relative;    float: right;    bottom: 1px;font-size:80% !important;  opacity: 0.4;}
.copy-link:hover{    opacity: 1;color:#fff !important;}
.copy-link:before {margin-right:4px; }
/* FORM ELEMENTS */
.required {font-weight: bold;color: #E7505A;}
.no-margin{margin:0;}
/*.required:before {color: #E7505A; content: ' *';display:inline;}*/
.required label{font-weight: bold;color: #E7505A;}
.red{background-color:#E7505A;}
.red-text, .red-text td{color:red !important;}
.green{background-color: #1BBC9B !important;}
.grey{background-color:#999}
.grey-text, .grey-text td {
    color: #999 !important;
}
.delete{    background-color: #2F4263; border: 4px solid #fff;  border-style: double;}
.small-delete{    color: #E7505A;    float: right;    background-color: #fff;    border-radius: 10px;    padding: 2px;}
.nice-form {background-color:#fff;  border: 1px solid #cacaca;  padding: 1rem !important;  border-radius: 3px; }
.dialog-header {
    background-color: #a60808;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
}
.page-header{margin-left:.625rem;border-bottom:3px solid #21BEDE }
.dietitian-options .icon-bar{background: #2B3643;width: 100%;}
.dietitian-options .icon-bar > * i {float:left;}
.dietitian-options .icon-bar.vertical .item, .icon-bar.small-vertical .item {border-top:1px solid #fff;}
.dietitian-options .icon-bar > a:hover {background: #E7505A;}

legend input[type="checkbox"]
{
    margin:0;
}
.grid-edit input[type="text"]{padding:0px !important; height:18px !Important; margin:0 !important;background-color:transparent !important; }
/** TELERIK OVERRIDES **/
.header-search{margin-bottom:0 !important;font-size:14px !important;}
.header-search .racInput{padding-bottom: 5px !important;    font-size: 16px !important; color:#fff !important;}
.header-search .racEmptyMessage{color: #ebf3f9 !important;font-style:normal !important;}
.header-search .racToken{margin-bottom: 4px !important;background-color: transparent !important;border: transparent !important;}
.header-search .racTokenList{background-color:inherit !important;border-color: #ebf3f9 !important;   border-radius: 3px;}
.header-search .racInput{background-color:inherit !important;}
.grid-pager .RadComboBox_accumera .rcbInputCell {
    min-width: 40px !important;
}
/*.*/


.RadPicker table.rcTable {    margin: 0 0 .25rem 0 !important;}
.no-margin table.rcTable {margin:0 !important;}
.rcTimePopup {width: 26px !important;height: 35px !important;}
.rcCalPopup {width: 26px !important;height: 35px !important;}
.riSingle{display:block !important;}



/* Reporting Display */
.report{min-height: 155px; padding: 9px; margin-bottom: 20px; background-color: #fafafa;    border: 1px solid #e8e8e8;   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);}
.report i{display:block; font-size:4.5em; text-align:center;}
.report small{font-size:80%; display:block; text-align:center;}
.report a{color:#3F4F62;}
.report a:hover{color: #0078a0;}
.report-ddl{    display: table-cell;margin: 0 auto;padding: 3px;height: auto;font-size: 90%;   text-align: center;width: 100px;border: none; color: #999999;background-image: none;    width: inherit;}
.report .spacer{    height: 24px;}
.report .report-label{text-align:center; font-size:85%; color:#999;    display: block;    text-align: center;    font-weight: bold;}
.report .aspNetDisabled{cursor:pointer; color:#ccc;pointer-events: none;}

.report-shortcut{float:right;margin-left: 15px;padding: 9px; width:70px; background-color: #fafafa;    border: 1px solid #e8e8e8;   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);}
.report-shortcut i{display:block; font-size:1.5em; text-align:center;   }
.report-shortcut small{font-size:80%; display:block; text-align:center;}
.report-shortcut a{color:#3F4F62;}
.report-shortcut a:hover{color: #0078a0;}

/* Patient Forms */
.patient-form-success{margin-top:4rem;}
.patient-form-success .fa
{
    font-size:12rem;
    color:#bbbbbb;
    float:right;
}
.patient-form-success h1{color:#7e7e7e;}
.patient-form-success p{color:#7e7e7e;}
/** ERROR / DISPLAY MESSAGES **/
.sticky-success{background-color:#fff;}
.message{background-size: 40px 40px;background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                        transparent 75%, transparent); box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     width: inherit;     border: 1px solid;     color: #fff;     padding: 5px;     margin-bottom:15px;     text-shadow: 0 1px 0 rgba(0,0,0,.5);     animation: animate-bg 5s linear infinite;
     position: relative; top: 5px;}

.info{background-color: #4ea5cd;border-color: #3b8eb5;}
.error{color:#fff !important;background-color: #de4343;     border-color: #fff;}
.success{color:#fff !important;background-color: green;     border-color: #fff;}
.warning{     background-color: #eaaf51;     border-color: #fff;}
.finished{     background-color: #1BBC9B;     border-color: #1BBC9B;}
.message h3{     margin: 0 0 5px 0;         font-size:1.2em;}
.message p{ margin: 0; font-size:1.2em;color:#fff !important;}
.message a{text-decoration:underline;}
.message p a:hover{color:Blue;text-decoration:none;}
    /** EXCEPTIONS **/
    .message-properties{padding:5px; margin-bottom:5px;}
    .message-properties p{font-size:1em;}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}


.service {
  width: 100%;
  height: 320px;
  margin: 80px 0;
  text-align: center;
  border: 1px solid #ddd;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .service .service-icon-box {
    position: relative;
    top: 100px;
    display: inline-block;
    margin-bottom: 40px;
    padding: 10px;
    background: white;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .service .service-heading {
    position: relative;
    top: 80px;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .service .service-description {
    width: 80%;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  .service .service-icon-box > img.service-icon {
    width: 40px; }
  .service:hover {
    border-color: #00a8ff; }
  .service:hover .service-icon-box {
    top: -30px; }
  .service:hover .service-heading {
    top: -30px; }
  .service:hover .service-description {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
    
/* Absolute Center Spinner */
.loading-screen{position: fixed; z-index: 999;  height: 2em;  width: 2em;  overflow: show;  margin: auto;  top: 0;  left: 0;  bottom: 0;  right: 0;}
.loading-screen:before {}
.loading-screen:not(:required) { /* hide "loading..." text */  font: 0/0 a;  color: transparent;  text-shadow: none;  background-color: transparent;  border: 0;}
.loading-screen:not(:required):after {  content: '';  display: block;  font-size: 10px;  width: 1em;  height: 1em;  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(54, 198, 211, 0.75) 1.5em 0 0 0, rgba(54, 198, 211, 0.75) 1.1em 1.1em 0 0, rgba(54, 198, 211, 0.75) 0 1.5em 0 0, rgba(54, 198, 211, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(54, 198, 211, 0.75) 0 -1.5em 0 0, rgba(54, 198, 211, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(54, 198, 211, 0.75) 1.5em 0 0 0, rgba(54, 198, 211, 0.75) 1.1em 1.1em 0 0, rgba(54, 198, 211, 0.75) 0 1.5em 0 0, rgba(54, 198, 211, 0.75) -1.1em 1.1em 0 0, rgba(54, 198, 211, 0.75) -1.5em 0 0 0, rgba(54, 198, 211, 0.75) -1.1em -1.1em 0 0, rgba(54, 198, 211, 0.75) 0 -1.5em 0 0, rgba(54, 198, 211, 0.75) 1.1em -1.1em 0 0;
}

.loading { position: fixed; z-index: 999;  height: 2em;  width: 2em;  overflow: show;  margin: auto;  top: 0;  left: 0;  bottom: 0;  right: 0;}
.loading:before {  content: '';  display: block;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: rgba(255, 255, 255, 0.4);}
.loading:not(:required) { /* hide "loading..." text */  font: 0/0 a;  color: transparent;  text-shadow: none;  background-color: transparent;  border: 0;}
.loading:not(:required):after {  content: '';  display: block;  font-size: 10px;  width: 1em;  height: 1em;  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(54, 198, 211, 0.75) 1.5em 0 0 0, rgba(54, 198, 211, 0.75) 1.1em 1.1em 0 0, rgba(54, 198, 211, 0.75) 0 1.5em 0 0, rgba(54, 198, 211, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(54, 198, 211, 0.75) 0 -1.5em 0 0, rgba(54, 198, 211, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(54, 198, 211, 0.75) 1.5em 0 0 0, rgba(54, 198, 211, 0.75) 1.1em 1.1em 0 0, rgba(54, 198, 211, 0.75) 0 1.5em 0 0, rgba(54, 198, 211, 0.75) -1.1em 1.1em 0 0, rgba(54, 198, 211, 0.75) -1.5em 0 0 0, rgba(54, 198, 211, 0.75) -1.1em -1.1em 0 0, rgba(54, 198, 211, 0.75) 0 -1.5em 0 0, rgba(54, 198, 211, 0.75) 1.1em -1.1em 0 0;
}


/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}