/* W3.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */

/*html,body{font-family:"OpenSans-Regular",sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}*/
html,body{font-family:"OpenSans-Regular",sans-serif;color:#54585e;line-height:1.5}html{overflow-x:hidden}

 /*Custom added for site*/ 
 

 /*-----------FORMATTING FOR FORM ELEMENTS-----------*/ 
 input
 {
     width:300px;
     height:40px;
     margin: 5px 5px 5px 5px;
     padding-left:10px;
 }

  input.compact
 {
     width:300px;
     height:25px;
     margin: 2px 2px 2px 2px;
     padding-left:10px;
 }

 input[type="button"]
 {
     width:200px;
     height:40px;
     margin: 5px 5px 5px 5px;
     font-family:"OpenSans-Bold";
     font-weight:200;
 }

 input[type="checkbox"]
 {
     width:20px;
     height:20px;
     margin: 5px 5px 5px 5px;
     font-family:"OpenSans-Bold";
     font-weight:200;
     position:relative;
     bottom:-4px;
 }

 .select
 {
     width:300px;
     height:40px;
     margin: 5px 0px 5px 5px;
     padding-left:8px;
     color: #5f5f5f;
 }

 .select_compact
 {
     width:300px;
     height:25px;
     margin: 2px 2px 2px 2px;
     padding-left:8px;
     color: #5f5f5f;
 }
.formLabel 
{
    display:inline-block;
    width:200px;
    font-size:.9em;
}
.formLabelFlat
{
    font-size:.9em;
}

a.compact 
{
    font-family:'OpenSans-Bold';
    font-size:.9em;
    line-height:1em;
}
 /*-----------END FORMATTING FOR FORM ELEMENTS-----------*/ 

/*-----------FORMATTING FOR TABLE SEARCH RESULTS-----------*/

table.resultsetLrg tr:nth-child(even) {background: #fff;}
table.resultsetLrg tr:nth-child(odd) {background: #F8F8F8;}

table.resultsetLrg
{
    width:100%;
    text-decoration:none;
}

table.resultsetLrg th 
{
    font-family:"OpenSans-Bold";
    font-weight:400;
    text-align:left;
    padding:0 4px 0 4px;
    color:#fff;
}


table.resultsetLrg td
{
    font-family:"OpenSans-Regular";
    padding:0 4px 0 4px;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    max-width:1px;
}
/*---*/

table.resultset 
{
    width:100%;
    text-decoration:none;
}

table.resultset th 
{
    font-family:"OpenSans-Bold";
    font-weight:400;
    font-size:12px;
    text-align:left;
    padding:0 4px 0 4px;
    color:#fff;
}

table.resultset th span
{
    cursor:pointer
}

table.resultset td
{
    font-family:"OpenSans-Regular";
    font-size:12px;
    padding:0 4px 0 4px;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
    max-width:1px;
}

table.resultset tr:nth-child(even) {background: #fff;}
table.resultset tr:nth-child(odd) {background: #F8F8F8;}

table.resultset tr.inactive
{
    color:silver;
}
table.resultset tr:hover
{
    background-color:#ebebeb;
    cursor:pointer;
}

table.resultset tr.resultsetOverride:hover 
{
    background-color:unset;
    cursor:unset;
}

table.resultset tr.resultsetOverrideWithHighlight:hover 
{
    background-color:#ebebeb;
    cursor:unset;
}

table.resultset input[type="checkbox"]
 {
     width:15px;
     height:15px;
     margin: 5px 5px 5px 5px;
     font-family:"OpenSans-Bold";
     font-weight:200;
     position:relative;
     top:-1px;
 }

/*-----------END FORMATTING FOR TABLE SEARCH RESULTS-----------*/ 

.wrapper
{
    /*max-width:1200px; */
    max-width:100%;
    margin:0 auto;
}

.pageContentWrapper
{
    margin: 10px 20px 10px 20px;
}

.shaded
{
    background-color:#f5f6f6;
    display:inline-block;
    width:100%;
}

 .title
 {
   font-size:24px;
   font-weight:400;
   font-family:"OpenSans-Bold"
 }  
 
  .subtitle
 {
   font-size:16px;
   font-weight:400;
   font-family:"OpenSans-Bold"
 }                                                                   


/*-----------FORMATTING FOR Header and nav-----------*/ 
.rd-containerHeader 
{
    text-align:right;
    height:50px;
    padding-right:0px;
}
.rd-containerHeader2
{
    padding: 5px 15px 5px 15px;
    font-size:18px;
    font-weight:200;
}

.rd-containerHeroHeader 
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width:100%;
  height:100%;
  min-height:100px;
  max-height:300px;
  background-image:url('/images/hero2.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/*Not using the image iinside the div anymore so removing it here instead of going into everypage it is on*/
.rd-containerHeroHeader img
{
  display:none;
}

.rd-containerSectionHeader 
{
    min-height:30px;
    max-height:100%;
    margin-top: 10px;
    padding: 3px 15px 5px 15px;
    font-size:24px;
    font-weight:400;
}

div.nav-items 
{
    display:inline-block;
    height:50px;
}

div.nav-item
{  
  height:50px;
  text-align:right;
  vertical-align:middle;
  display:table-cell;
  cursor:pointer;
}

.nav-clicked
{
    display:inline;
}


div.nav-divider
{  
  height:35px;
  width: 1px;
  text-align:center;
  vertical-align:middle;
  display:block;
  background-color:#4ecdbb; /*1e9d8b*/


}

span.nav-content 
{
    display:none;
    margin-left: 40px;
    margin-right: 5px;
    vertical-align:bottom;
    /*margin-top: 4px;*/
}

div.nav-image 
{
  border-left:solid;
  border-width:3px;
  border-left-color:transparent;
  max-width:140px;
  min-width:40px;
}

div.home 
{
  background:url('../images/icons/home.png') center left no-repeat;
  background-size: 28px 28px;
}
div.profile 
{
  background:url('../images/icons/profile.png') center left no-repeat;
  background-size: 28px 28px;
}
div.contacts 
{
  background:url('../images/icons/contacts.png') center left no-repeat;
  background-size: 28px 28px;
}
div.calendar 
{
  background:url('../images/icons/calendar.png') center left no-repeat;
  background-size: 28px 28px;
}
div.repair 
{
  background:url('../images/icons/repair.png') center left no-repeat;
  background-size: 28px 28px;
}
div.reports 
{
  background:url('../images/icons/reports_nav.png') center left no-repeat;
  background-size: 28px 28px;
}
div.support 
{
  background:url('../images/icons/support.png') center left no-repeat;
  background-size: 28px 28px;
}
div.faq 
{
  background:url('../images/icons/faq.png') center left no-repeat;
  background-size: 28px 28px;
}
div.cart 
{
  background:url('../images/icons/cart.png') center left no-repeat;
  background-size: 28px 28px;
}
div.logout 
{
  max-width:150px;
  min-width:60px;
  background:url('../images/icons/logout.png') center left no-repeat;
  background-size: 28px 28px;
}
/*-----------END FORMATTING FOR Header and nav-----------*/ 

/*-----------FORMATTING FOR Footer and nav-----------*/ 
.rd-containerFooter 
{   
    font-size:16px;
    font-weight:600;
    text-align: center;
    min-height:50px;
    padding-right:0px;
    color:#767474;
    display:block;
    position:relative;
} 

.rd-containerFooter a
{   
    text-decoration:none;
}
/*-----------END FORMATTING FOR Footer and nav-----------*/ 
    
/*-----------FORMATTING FOR smart search links-----------*/ 
.smartsearch 
{
    cursor:pointer;
    display:inline;text-decoration:underline;
}
/*-----------END FORMATTING FOR smart search links-----------*/ 

/*-----------FORMATTING FOR modal popup window-----------*/ 
    #outerModal 
    {
       width: 100%;
       height: 100%;
       top: 0px;
       left: 0px;
       position: fixed;
       display:none;
       background: rgba(0, 0, 0, .15);
       z-index: 99;
       text-align: center;
    }

    #innerModal
    {   
        display:none;
        z-index: 100;
        padding-bottom: 10px;
        max-width:60%;
        min-width:20%;
        max-height:80%;
        min-height:20%;
        opacity:1;
        background-color:#fff;
        border: 1px solid #54585e;
    }

    #innerModalContent
    {   
        height:100%;
        overflow-x:auto;
		z-index:9999;
		-webkit-overflow-scrolling: touch;
    }

    span.closeContainer
    {   
        font-family: OpenSans-Bold;
        font-size:18px;
        cursor:pointer;
        color:#fff;
    }

    div.closeContainer
    {
        text-align:right;
        height:25px;
        padding:0px 5px 0px 0px;
    }
/*-----------END FORMATTING FOR modal popup window-----------*/ 

/*---------Formatting for Reports specific items-------------*/
img.reports 
{
    /*background-color:#54585e;*/
}
/*--------END Formatting for Reports specific items-----------*/

/*---------Formatting for FAQs specific items-------------*/
.faqText
{
    font-size:.9em;
}

.faqHeader
{
    font-family:"OpenSans-Bold";
    font-weight:200;
    color:#1e9d8b!important;
}

.faqHeader:hover
{
    cursor:pointer;
}

.faqHeader_clicked
{
    font-family:"OpenSans-Bold";
    font-weight:200;
    color:#abad23!important;
}
.faqHeader_clicked:hover
{
    cursor:pointer;
}

.faqContent 
{
    display:block;
    margin-left:20px;
}

.faqArrow 
{
    font-family:"OpenSans-Regular";
}

.faqContent_Q
{
    font-family:"OpenSans-Bold";
    font-weight:200;
    font-size:.9em;
    color:#54585e;
    width:20px;
    vertical-align:top;
}
.faqContent_QContent
{
    font-family:"OpenSans-Bold";
    font-weight:100;
    font-size:.9em;
    color:#54585e;
    vertical-align:top;
}
.faqContent_A
{
    font-family:"OpenSans-Bold";
    font-weight:200;
    font-size:.9em;
    color:#54585e;
    width:20px;
    vertical-align:top;
}
.faqContent_AContent
{
    font-family:"OpenSans-Regular";
    font-size:.9em;
    color:#54585e;
    margin-left:20px;
    vertical-align:top;
}
/*--------END Formatting for FAQs specific items-----------*/


/*--------Formatting for SURVEY specific items-----------*/
.SurveyQuestion 
{
    display:inline-block;
    width:100%;
    font-family:"OpenSans-Bold";
    font-weight:200;
}

.FiveAcross
{
    display:inline-block;
    min-width:19%;
    height:60px;
    vertical-align:top;
}

/*--------END Formatting for SURVEY specific items-----------*/

.rd-button{
text-transform:uppercase;
}

/*Custom added for site*/                                                                    



/*CSS originally provided with some new classes added, as needed*/   
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.rd-serif{font-family:"OpenSans-Regular"}
h1,h2,h3,h4,h5,h6{font-family:"OpenSans-Regular",Arial,sans-serif;font-weight:400;margin:10px 0}.rd-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.rd-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.rd-table,.rd-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.rd-table-all{border:1px solid #ccc}
.rd-bordered tr,.rd-table-all tr{border-bottom:1px solid #ddd}.rd-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.rd-table-all tr:nth-child(odd){background-color:#fff}.rd-table-all tr:nth-child(even){background-color:#f1f1f1}
.rd-hoverable tbody tr:hover,.rd-ul.rd-hoverable li:hover{background-color:#ccc}.rd-centered tr th,.rd-centered tr td{text-align:center}
.rd-table td,.rd-table th,.rd-table-all td,.rd-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.rd-table th:first-child,.rd-table td:first-child,.rd-table-all th:first-child,.rd-table-all td:first-child{padding-left:16px}

/*.rd-btn,.rd-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}*/
.rd-btn,.rd-button,.rd-ReverseButton{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;text-align:center;cursor:pointer;white-space:nowrap}
.rd-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.rd-btn,.rd-button,.rd-ReverseButton{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.rd-disabled,.rd-btn:disabled,.rd-button:disabled{cursor:not-allowed;opacity:0.3}.rd-disabled *,:disabled *{pointer-events:none}
.rd-btn.rd-disabled:hover,.rd-btn:disabled:hover{box-shadow:none}

.rd-badge,.rd-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.rd-badge{border-radius:50%}
.rd-ul{list-style-type:none;padding:0;margin:0}.rd-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.rd-ul li:last-child{border-bottom:none}
.rd-tooltip,.rd-display-container{position:relative}.rd-tooltip .rd-text{display:none}.rd-tooltip:hover .rd-text{display:inline-block}
.rd-ripple:active{opacity:0.5}.rd-ripple{transition:opacity 0s}
.rd-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.rd-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.rd-dropdown-click,.rd-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.rd-dropdown-hover:hover .rd-dropdown-content{display:block}
.rd-dropdown-hover:first-child,.rd-dropdown-click:hover{background-color:#ccc;color:#000}
.rd-dropdown-hover:hover > .rd-button:first-child,.rd-dropdown-click:hover > .rd-button:first-child{background-color:#ccc;color:#000}
.rd-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.rd-check,.rd-radio{width:24px;height:24px;position:relative;top:6px}
.rd-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.rd-bar-block .rd-dropdown-hover,.rd-bar-block .rd-dropdown-click{width:100%}
.rd-bar-block .rd-dropdown-hover .rd-dropdown-content,.rd-bar-block .rd-dropdown-click .rd-dropdown-content{min-width:100%}
.rd-bar-block .rd-dropdown-hover .rd-button,.rd-bar-block .rd-dropdown-click .rd-button{width:100%;text-align:left;padding:8px 16px}
.rd-main,#main{transition:margin-left .4s}
.rd-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.rd-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.rd-bar{width:100%;overflow:hidden}.rd-center .rd-bar{display:inline-block;width:auto}
.rd-bar .rd-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.rd-bar .rd-dropdown-hover,.rd-bar .rd-dropdown-click{position:static;float:left}
.rd-bar .rd-button{white-space:normal}
.rd-bar-block .rd-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.rd-bar-block.rd-center .rd-bar-item{text-align:center}.rd-block{display:block;width:100%}
.rd-responsive{display:block;overflow-x:auto}

/*New*/.rd-containerHeader:after, 
/*New*/.rd-containerHeader:before, 
.rd-container:after,.rd-container:before,.rd-panel:after,.rd-panel:before,.rd-row:after,.rd-row:before,.rd-row-padding:after,.rd-row-padding:before,

.rd-cell-row:before,.rd-cell-row:after,.rd-clear:after,.rd-clear:before,.rd-bar:before,.rd-bar:after{content:"";display:table;clear:both}
.rd-col,.rd-half,.rd-third,.rd-twothird,.rd-threequarter,.rd-quarter{float:left;width:100%}
.rd-col.s1{width:8.33333%}.rd-col.s2{width:16.66666%}.rd-col.s3{width:24.99999%}.rd-col.s4{width:33.33333%}
.rd-col.s5{width:41.66666%}.rd-col.s6{width:49.99999%}.rd-col.s7{width:58.33333%}.rd-col.s8{width:66.66666%}
.rd-col.s9{width:74.99999%}.rd-col.s10{width:83.33333%}.rd-col.s11{width:91.66666%}.rd-col.s12{width:99.99999%}
@media (min-width:601px){.rd-col.m1{width:8.33333%}.rd-col.m2{width:16.66666%}.rd-col.m3,.rd-quarter{width:24.99999%}.rd-col.m4,.rd-third{width:33.33333%}
.rd-col.m5{width:41.66666%}.rd-col.m6,.rd-half{width:49.99999%}.rd-col.m7{width:58.33333%}.rd-col.m8,.rd-twothird{width:66.66666%}
.rd-col.m9,.rd-threequarter{width:74.99999%}.rd-col.m10{width:83.33333%}.rd-col.m11{width:91.66666%}.rd-col.m12{width:99.99999%}}
@media (min-width:993px){.rd-col.l1{width:8.33333%}.rd-col.l2{width:16.66666%}.rd-col.l3{width:24.99999%}.rd-col.l4{width:33.33333%}
.rd-col.l5{width:41.66666%}.rd-col.l6{width:49.99999%}.rd-col.l7{width:58.33333%}.rd-col.l8{width:66.66666%}
.rd-col.l9{width:74.99999%}.rd-col.l10{width:83.33333%}.rd-col.l11{width:91.66666%}.rd-col.l12{width:99.99999%}}
.rd-rest{overflow:hidden}.rd-stretch{margin-left:-16px;margin-right:-16px}
.rd-content,.rd-auto{margin-left:auto;margin-right:auto}.rd-content{max-width:980px}.rd-auto{max-width:1140px}
.rd-cell-row{display:table;width:100%}.rd-cell{display:table-cell}
.rd-cell-top{vertical-align:top}.rd-cell-middle{vertical-align:middle}.rd-cell-bottom{vertical-align:bottom}
.rd-hide{display:none!important}.rd-show-block,.rd-show{display:block!important}.rd-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.rd-auto{max-width:95%}}
@media (max-width:600px){.rd-modal-content{margin:0 10px;width:auto!important}.rd-modal{padding-top:30px}
.rd-dropdown-hover.rd-mobile .rd-dropdown-content,.rd-dropdown-click.rd-mobile .rd-dropdown-content{position:relative}	
.rd-hide-small{display:none!important}.rd-mobile{display:block;width:100%!important}.rd-bar-item.rd-mobile,.rd-dropdown-hover.rd-mobile,.rd-dropdown-click.rd-mobile{text-align:center}
.rd-dropdown-hover.rd-mobile,.rd-dropdown-hover.rd-mobile .rd-btn,.rd-dropdown-hover.rd-mobile .rd-button,.rd-dropdown-click.rd-mobile,.rd-dropdown-click.rd-mobile .rd-btn,.rd-dropdown-click.rd-mobile .rd-button{width:100%}}
@media (max-width:768px){.rd-modal-content{width:500px}.rd-modal{padding-top:50px}}
@media (min-width:993px){.rd-modal-content{width:900px}.rd-hide-large{display:none!important}.rd-sidebar.rd-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.rd-hide-medium{display:none!important}}
@media (max-width:992px){.rd-sidebar.rd-collapse{display:none}.rd-main{margin-left:0!important;margin-right:0!important}.rd-auto{max-width:100%}}
.rd-top,.rd-bottom{position:fixed;width:100%;z-index:1}.rd-top{top:0}.rd-bottom{bottom:0}
.rd-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.rd-display-topleft{position:absolute;left:0;top:0}.rd-display-topright{position:absolute;right:0;top:0}
.rd-display-bottomleft{position:absolute;left:0;bottom:0}.rd-display-bottomright{position:absolute;right:0;bottom:0}
.rd-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.rd-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.rd-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.rd-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.rd-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.rd-display-container:hover .rd-display-hover{display:block}.rd-display-container:hover span.rd-display-hover{display:inline-block}.rd-display-hover{display:none}
.rd-display-position{position:absolute}
.rd-circle{border-radius:50%}
.rd-round-small{border-radius:2px}.rd-round,.rd-round-medium{border-radius:4px}.rd-round-large{border-radius:8px}.rd-round-xlarge{border-radius:16px}.rd-round-xxlarge{border-radius:32px}
.rd-row-padding,.rd-row-padding>.rd-half,.rd-row-padding>.rd-third,.rd-row-padding>.rd-twothird,.rd-row-padding>.rd-threequarter,.rd-row-padding>.rd-quarter,.rd-row-padding>.rd-col{padding:0 8px}


/*New*//*.rd-containerHeader,*/
.rd-container,.rd-panel{padding:0.01em 16px}.rd-panel{margin-top:16px;margin-bottom:16px}
.rd-code,.rd-codespan{font-family:"OpenSans-Regular","courier new";font-size:16px}
.rd-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.rd-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.rd-card,.rd-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.rd-card-4,.rd-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.rd-spin{animation:rd-spin 2s infinite linear}@keyframes rd-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.rd-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.rd-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.rd-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.rd-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.rd-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.rd-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.rd-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.rd-animate-input{transition:width 0.4s ease-in-out}.rd-animate-input:focus{width:100%!important}
.rd-opacity,.rd-hover-opacity:hover{opacity:0.60}.rd-opacity-off,.rd-hover-opacity-off:hover{opacity:1}
.rd-opacity-max{opacity:0.25}.rd-opacity-min{opacity:0.75}
.rd-greyscale-max,.rd-grayscale-max,.rd-hover-greyscale:hover,.rd-hover-grayscale:hover{filter:grayscale(100%)}
.rd-greyscale,.rd-grayscale{filter:grayscale(75%)}.rd-greyscale-min,.rd-grayscale-min{filter:grayscale(50%)}
.rd-sepia{filter:sepia(75%)}.rd-sepia-max,.rd-hover-sepia:hover{filter:sepia(100%)}.rd-sepia-min{filter:sepia(50%)}
.rd-tiny{font-size:10px!important}.rd-small{font-size:12px!important}.rd-medium{font-size:15px!important}.rd-large{font-size:18px!important}
.rd-xlarge{font-size:24px!important}.rd-xxlarge{font-size:36px!important}.rd-xxxlarge{font-size:48px!important}.rd-jumbo{font-size:64px!important}
.rd-left-align{text-align:left!important}.rd-right-align{text-align:right!important}.rd-justify{text-align:justify!important}.rd-center{text-align:center!important}
.rd-border-0{border:0!important}.rd-border{border:1px solid #ccc!important}
.rd-border-top{border-top:1px solid #ccc!important}.rd-border-bottom{border-bottom:1px solid #ccc!important}
.rd-border-left{border-left:1px solid #ccc!important}.rd-border-right{border-right:1px solid #ccc!important}
.rd-topbar{border-top:6px solid #ccc!important}.rd-bottombar{border-bottom:6px solid #ccc!important}
.rd-leftbar{border-left:6px solid #ccc!important}.rd-rightbar{border-right:6px solid #ccc!important}
.rd-section,.rd-code{margin-top:16px!important;margin-bottom:16px!important}
.rd-margin{margin:16px!important}.rd-margin-top{margin-top:16px!important}.rd-margin-bottom{margin-bottom:16px!important}
.rd-margin-left{margin-left:16px!important}.rd-margin-right{margin-right:16px!important}
.rd-padding-small{padding:4px 8px!important}.rd-padding{padding:8px 16px!important}.rd-padding-large{padding:12px 24px!important}
.rd-padding-16{padding-top:16px!important;padding-bottom:16px!important}.rd-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.rd-padding-32{padding-top:32px!important;padding-bottom:32px!important}.rd-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.rd-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.rd-left{float:left!important}.rd-right{float:right!important}
/*.rd-button:hover{color:#000!important;background-color:#ccc!important}*/
.rd-transparent,.rd-hover-none:hover{background-color:transparent!important}
.rd-hover-none:hover{box-shadow:none!important}
/*CSS originally provided with some new classes added, as needed*/   


/* Colors */
/*New*/.login-button{color:#fff!important;background-color:#1e9d8b!important;border:none!important}
/*New*/.login-button:hover{color:#fff!important;background-color:#abad23!important}
/*New*/table.resultsetLrg th,table.resultset th,.ui-datepicker-header,.rd-btn,.rd-button,.rd-primaryColor,.rd-hover-primaryColor:hover{color:#fff!important;background-color:#1e9d8b!important}
/*New*/.ui-datepicker-prev:hover,.ui-datepicker-next:hover,.rd-button:hover,.rd-secondaryColor,.rd-hover-primaryColor:hover{color:#fff!important;background-color:#abad23!important}
/*New*/.rd-DarkGreyColor{color:#000000!important;background-color:#d5d5d5!important}
/*New*/.rd-WhiteColor{color:#000000!important;background-color:#ffffff!important}
/*New*/.rd-LightGreyColor{color:#000000!important;background-color:#f5f6f6!important}
/*New*/.rd-TanColor{color:#000000!important;background-color:cornsilk!important}
/*New*/.rd-ReverseButton{color:#fff!important;background-color:#abad23!important}


.rd-amber,.rd-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.rd-aqua,.rd-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.rd-blue,.rd-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.rd-light-blue,.rd-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.rd-brown,.rd-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.rd-cyan,.rd-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.rd-blue-grey,.rd-hover-blue-grey:hover,.rd-blue-gray,.rd-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.rd-green,.rd-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.rd-light-green,.rd-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.rd-indigo,.rd-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.rd-khaki,.rd-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.rd-lime,.rd-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.rd-orange,.rd-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.rd-deep-orange,.rd-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.rd-pink,.rd-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.rd-purple,.rd-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.rd-deep-purple,.rd-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.rd-red,.rd-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.rd-sand,.rd-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.rd-teal,.rd-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.rd-yellow,.rd-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.rd-white,.rd-hover-white:hover{color:#000!important;background-color:#fff!important}
.rd-black,.rd-hover-black:hover{color:#fff!important;background-color:#000!important}
.rd-grey,.rd-hover-grey:hover,.rd-gray,.rd-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.rd-light-grey,.rd-hover-light-grey:hover,.rd-light-gray,.rd-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.rd-dark-grey,.rd-hover-dark-grey:hover,.rd-dark-gray,.rd-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.rd-pale-red,.rd-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.rd-pale-green,.rd-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.rd-pale-yellow,.rd-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.rd-pale-blue,.rd-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.rd-text-amber,.rd-hover-text-amber:hover{color:#ffc107!important}
.rd-text-aqua,.rd-hover-text-aqua:hover{color:#00ffff!important}
.rd-text-blue,.rd-hover-text-blue:hover{color:#2196F3!important}
.rd-text-light-blue,.rd-hover-text-light-blue:hover{color:#87CEEB!important}
.rd-text-brown,.rd-hover-text-brown:hover{color:#795548!important}
.rd-text-cyan,.rd-hover-text-cyan:hover{color:#00bcd4!important}
.rd-text-blue-grey,.rd-hover-text-blue-grey:hover,.rd-text-blue-gray,.rd-hover-text-blue-gray:hover{color:#607d8b!important}
.rd-text-green,.rd-hover-text-green:hover{color:#4CAF50!important}
.rd-text-light-green,.rd-hover-text-light-green:hover{color:#8bc34a!important}
.rd-text-indigo,.rd-hover-text-indigo:hover{color:#3f51b5!important}
.rd-text-khaki,.rd-hover-text-khaki:hover{color:#b4aa50!important}
.rd-text-lime,.rd-hover-text-lime:hover{color:#cddc39!important}
.rd-text-orange,.rd-hover-text-orange:hover{color:#ff9800!important}
.rd-text-deep-orange,.rd-hover-text-deep-orange:hover{color:#ff5722!important}
.rd-text-pink,.rd-hover-text-pink:hover{color:#e91e63!important}
.rd-text-purple,.rd-hover-text-purple:hover{color:#9c27b0!important}
.rd-text-deep-purple,.rd-hover-text-deep-purple:hover{color:#673ab7!important}
.rd-text-red,.rd-hover-text-red:hover{color:#f44336!important}
.rd-text-sand,.rd-hover-text-sand:hover{color:#fdf5e6!important}
.rd-text-teal,.rd-hover-text-teal:hover{color:#009688!important}
.rd-text-yellow,.rd-hover-text-yellow:hover{color:#d2be0e!important}
.rd-text-white,.rd-hover-text-white:hover{color:#fff!important}
.rd-text-black,.rd-hover-text-black:hover{color:#000!important}
.rd-text-grey,.rd-hover-text-grey:hover,.rd-text-gray,.rd-hover-text-gray:hover{color:#757575!important}
.rd-text-light-grey,.rd-hover-text-light-grey:hover,.rd-text-light-gray,.rd-hover-text-light-gray:hover{color:#f1f1f1!important}
.rd-text-dark-grey,.rd-hover-text-dark-grey:hover,.rd-text-dark-gray,.rd-hover-text-dark-gray:hover{color:#3a3a3a!important}
.rd-border-amber,.rd-hover-border-amber:hover{border-color:#ffc107!important}
.rd-border-aqua,.rd-hover-border-aqua:hover{border-color:#00ffff!important}
.rd-border-blue,.rd-hover-border-blue:hover{border-color:#2196F3!important}
.rd-border-light-blue,.rd-hover-border-light-blue:hover{border-color:#87CEEB!important}
.rd-border-brown,.rd-hover-border-brown:hover{border-color:#795548!important}
.rd-border-cyan,.rd-hover-border-cyan:hover{border-color:#00bcd4!important}
.rd-border-blue-grey,.rd-hover-border-blue-grey:hover,.rd-border-blue-gray,.rd-hover-border-blue-gray:hover{border-color:#607d8b!important}
.rd-border-green,.rd-hover-border-green:hover{border-color:#4CAF50!important}
.rd-border-light-green,.rd-hover-border-light-green:hover{border-color:#8bc34a!important}
.rd-border-indigo,.rd-hover-border-indigo:hover{border-color:#3f51b5!important}
.rd-border-khaki,.rd-hover-border-khaki:hover{border-color:#f0e68c!important}
.rd-border-lime,.rd-hover-border-lime:hover{border-color:#cddc39!important}
.rd-border-orange,.rd-hover-border-orange:hover{border-color:#ff9800!important}
.rd-border-deep-orange,.rd-hover-border-deep-orange:hover{border-color:#ff5722!important}
.rd-border-pink,.rd-hover-border-pink:hover{border-color:#e91e63!important}
.rd-border-purple,.rd-hover-border-purple:hover{border-color:#9c27b0!important}
.rd-border-deep-purple,.rd-hover-border-deep-purple:hover{border-color:#673ab7!important}
.rd-border-red,.rd-hover-border-red:hover{border-color:#f44336!important}
.rd-border-sand,.rd-hover-border-sand:hover{border-color:#fdf5e6!important}
.rd-border-teal,.rd-hover-border-teal:hover{border-color:#009688!important}
.rd-border-yellow,.rd-hover-border-yellow:hover{border-color:#ffeb3b!important}
.rd-border-white,.rd-hover-border-white:hover{border-color:#fff!important}
.rd-border-black,.rd-hover-border-black:hover{border-color:#000!important}
.rd-border-grey,.rd-hover-border-grey:hover,.rd-border-gray,.rd-hover-border-gray:hover{border-color:#9e9e9e!important}
.rd-border-light-grey,.rd-hover-border-light-grey:hover,.rd-border-light-gray,.rd-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.rd-border-dark-grey,.rd-hover-border-dark-grey:hover,.rd-border-dark-gray,.rd-hover-border-dark-gray:hover{border-color:#616161!important}
.rd-border-pale-red,.rd-hover-border-pale-red:hover{border-color:#ffe7e7!important}.rd-border-pale-green,.rd-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.rd-border-pale-yellow,.rd-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.rd-border-pale-blue,.rd-hover-border-pale-blue:hover{border-color:#e7ffff!important}


.searchimg_Desktop{
    display:inline-block;
    position:absolute;
    top:81px;
    right:20px;
    padding:3px;
    border:none
}

.searchimg_Mobile{
    display:none;
}

.searchBox{
    padding-right:30px;
    position:absolute;
    right:10px;
    font-size:16px;
    height:30px;
    width:380px;
    top:74px;
    display:inline-block;
}


.cartbubble {
    top: -10px;
    left: -6px;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    position: relative;
    display: inline-block;
    font-size: 11px;
    text-align: center;
}

/*
@media only screen and (max-width:920px) and (min-width:1px) {
    .searchBox {
        top: 104px;
        display:inline-block;
    }

    .searchimg_Desktop {
        top: 111px;
    }
}
*/

@media only screen and (max-width:920px) and (min-width:1px) {

.searchBox {
    display:none;
    padding-right:0px;
    font-size:16px;
    height:30px;
    max-width:380px;
    width:100%;
    top:62px;
    position:absolute;
    right:40px;

}
.searchimg_Mobile{
    display:inline-block;
    position:absolute;
    top:68px;
    right:10px;
    padding:3px;
    border:none
}
.searchimg_Desktop {
    display:none;
}
.rd-containerHeroHeader{
    max-height:200px!important;
}
.navimage{
    width:120px;
}
.navtitle{
    display:inline-block;
}
.rd-containerHeader2{
    height:65px;
}



}


@media only screen and (max-width:768px) and (min-width:1px) {
    .rd-containerFooter 
    {   
        font-size:12px;
    } 
    .swiper-slide img{
        height:190px;
        width:140px;
    }
    .swiper-slide p{
        font-size: 8px!important;
        z-index: 1000;
        position: absolute;
        bottom: -9px!important;
        right: 3px!important;
        display: inline-block;
    }
    .swiper-slide{
        max-height:190px!important;
        max-width:140px!important;
    }
    .swiper-container {
        max-height:234px;
       
    }
    .swiper-wrapper {
        margin-top: 23px;
    } 
    
    #pwdForm{
       font-size:12px!important;
    }
    #pwdForm table td{
       font-size:12px!important;
    }
    
}

@media only screen and (max-width:500px) and (min-width:1px) {



.cartbubble {
    top: 10px;
    left: -1px;
    width: 16px;
    height: 16px;
}

.searchBox {
    width: calc(95% - 40px);
}
.searchimg_Mobile{
    top:68px;
}
.rd-containerHeader2{
    height:60px;
}
.navtitle{
    font-size:15px;
    position:absolute;
    top:68px;
}
.navimage{
    width:100px;
}


div.home, div.profile, div.contacts, div.calendar, div.cart, div.faq, div.logout, div.reports, div.support {
    background-size: 18px 18px;
    background-position: center 4px;
    min-width:36px;
}
div.repair{
    background-size: 18px 18px;
    background-position: center 4px;
    min-width:56px;

}

div.nav-image{

    margin-top:3px;
    text-align:center;
}
div.nav-item{
    height:40px;
}
span.nav-content{
    font-size:9px;
    margin:auto;
    display:block;
    position:relative;
    top:10px;
    text-align:center;
}
#nav-contacts-text{
    margin-left:0px;
}
.rd-containerHeader{
    height:40px;
    text-align:center;
}

}

@media only screen and (max-width:425px) and (min-width:1px) {


.searchBox {
    padding-right:0px;
    font-size:12px;
    height:30px;
    width: calc(95% - 30px);
    top:86px;
    position:absolute;
    right:30px;

}

.searchimg_Mobile{
    display:inline-block;
    position:absolute;
    top:94px;
    right:6px;
    padding:3px;
    border:none
}

.navtitle{
    font-size:15px;
    position:absolute;
    top:84px;
    margin-left:0!important;
    padding-left:0!important;
    margin-top:10px!important;
}
.navimage{
    width:90px;
    display:block;
    margin:auto;
    text-align:center;
}
.rd-containerHeader2{
    height:86px;
}
.swiper-wrapper {
        margin-top: 10px;
    }

div.home, div.profile, div.contacts, div.repair, div.calendar, div.logout, div.reports, div.support, div.cart, div.faq, div.profile {
    background-size: 18px 18px;
    background-position: center 4px;
    min-width:20px;
}

div.nav-image{
    margin-top:3px;
    text-align:center;
}
div.nav-item{
    height:40px;
    text-align:center;
}
span.nav-content{
    font-size:9px;
    margin:auto;
    padding:0px 2px 0px 1px;
    display:block;
    position:relative;
    top:10px;
    text-align:center;
}
#nav-contacts-text{
    margin-left:0px;
}
.rd-containerHeader{
    height:40px;
    text-align:center;
}

}





