.guidance-table-th th{
            text-align: center;
          }

          .guidance-table-td td{
            text-align: center;
          }

          .guidance-table-thead{
            background-color: #262961;
            color: white;
          }

          .guidance-table>thead>tr>th{
            border-bottom: 2px solid #262961;

          }

          .guidance-table-td td{
          
            border: 2px solid #262961 ;
          }

          .guidance-table-th th{
          
          border: 2px solid #fafafa ;
        }

          .guidance-table-th .borderLeft{
            border-left:2px solid #262961 ;
          }

          .guidance-table-th .borderRight{
            border-right:2px solid #262961 ;
          }

          .ICP-Component-style{
            font-weight: bold;
          }
/********************/
.RadioButtonValue
{
  display:none;
}
.NeedRevisionSpan
{
  float:right;
  color:black;;
}
.AcceptedSpan
{
  float:right;
  color:black;
}
.toggle-button{
  top: 10px;
    position: relative;
    cursor: pointer;
    margin-left: 16px;
}

.entity-notes{

  width: 100%!important;
}
.ICPBackDiv
{
  position:relative;
  right:17px;
}
.metadata{
  
  padding-left: 0px!important;
}
.SidedList{
  margin-left: 40px;
}
.table-header{
  font-size:20px;
}

button,textarea{
  font-family: Arial Regular !important;
}

.PreviewBackArrowLink
{
  cursor: pointer;
}
.font-style-set{
  font-family: Arial Regular;
}
.BackButton
{
  cursor: pointer;
}
/******************************/
.nextbutton{
    width: 152px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid rgba(121, 121, 121, 0);
  background-color: #1b2351;
  box-sizing: border-box;
  font-family: 'Roboto-Bold', 'Roboto Bold', 'Roboto', Arial Regular;
  font-weight: 700;
  color: #fefefe;
  text-align: center;
  line-height: normal;
  margin-right:16px
}
.submitbutton{
    width: 170px;
  height: 46px;
  border-radius: 5px;
  border: 1px solid rgba(121, 121, 121, 0);
  background-color: #63a103;
  box-sizing: border-box;
  font-family: 'Roboto Bold', 'Roboto Regular', 'Roboto', Arial Regular;
  font-weight: 700;
  color: #fefefe;
  text-align: center;
  line-height: normal;
}
.report-tab-navigation{
    list-style: none;
}
.report-tab-navigation li{
    font-size: 22px;
    color: #262961;
    font-weight:600;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;

}

.report-col{
    text-align: center;
    border-bottom-color:  #262961;
    border-bottom-style:solid;


}

.content-answer{
    border-color: #262961;
    border-style: solid;

}

.report-content-row{
    padding-top: 10px;
    padding-left:40px;
}

.content-column{

    padding-top: 20px;
}

.c-heading{
    padding-left: 15px;
    padding-bottom: 10px;
    margin-top:15px;
    margin-bottom:5px;
}

.c-content{
    padding-left: 15px;
    padding-top:20px;
    padding-bottom:20px;
    
}









<!--ICP Guidance-->
.mainimage{
    max-width: 100%; 
    /*width: 1040px; 
    height: 398px; */
    background-color: #fafafa; 
    margin-left: 0; 
    margin-right: auto;
}
.onimage {
  position: relative;
  text-align: center;
  color: white;
}
/* Top left text */
.textonimg {
  position: absolute;
  top: 8px;
  left: 16px;
  width: 225px; height: 53px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Open Sans Bold', 'Open Sans Regular', 'Open Sans', Arial Regular; font-weight: 700; color: #ffffff; text-align: left; line-height: normal; font-size: 36px; padding-top: 8px;
}


.trial1{
width: 629px; 
height: 53px;
background-color: rgba(255, 255, 255, 0); 
box-sizing: border-box; 
font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular;
font-weight: 700;
color: #4b4b4b; 
text-align: left; 
line-height: normal;
font-size: 18px;
}
.trail{
    /*width: 800px; 
    height: 98px; */
    box-sizing: border-box; 
    font-family: 'Open Sans', Arial Regular; 
    background-color: rgba(255, 255, 255, 0); 
    color: rgb(51, 51, 51); 
    text-align: left; 
    line-height: normal; 
    display: flex; 
    flex-direction: column;
    font-size: 18px;
}

.bluearrow{width: 13px; height: 11px;  box-sizing: border-box; font-family: 'Arial Regular', 'Arial', Arial Regular; color: #333333; text-align: right; line-height: normal;}


.homeline{
    color: #1e98d7; 
    font-family: 'Lato Bold', 'Lato Regular', 'Lato',Arial Regular;
     /*width: 2000px; */
     height: 22px; 
     font-weight: 700; 
     font-size: 13px; 
     text-align: left;
     line-height: normal;
}

.imagediv{
    display: flex; 
    flex-wrap: wrap;
    text-align: left; 
    min-height: 100px; 
    padding: 8px; 
    margin: 0px;
}

.greenbox{
    width: 392px; 
    height: 85px; 
    background-color: rgb(208, 235, 97); 
    box-sizing: border-box; 
    font-family: Inter, Arial Regular; 
    color: rgb(75, 75, 75); 
    text-align: center; 
    line-height: normal;
}
.remoteaccess{
    width: 392px; height: 68px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; color: #333333; text-align: left; line-height: normal; font-size: 25px;padding-left: 14px; padding-top: 10px;;
}
.divwhite{
    background-color: #f2f2f2; width: 392px; height: 188px;
}
.arrowimage{
     max-width: 100%; width: 40px; height: 40px; box-sizing: border-box; font-family: 'Arial Regular', 'Arial', Arial Regular; color: #333333; text-align: center; line-height: normal;
}

.option{
    width: 250px; height: 22px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; color: #333333; text-align: left; line-height: normal;font-size: 18px;
}
.option2{
    width: 350px; height: 22px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; color: #333333; text-align: left; line-height: normal;
}

.orange{
    width: 392px; height: 85px; background-color: #e0a772; box-sizing: border-box; font-family: 'Inter', Arial Regular; color: #4b4b4b; text-align: center; line-height: normal;
}
.div2white{
    background-color: #f2f2f2; width: 392px; height: 188px;
}
.distributionofdev{
    width: 392px; height: 64px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; color: #333333; text-align: left; line-height: normal; font-size: 25px;
}
.blue{
    width: 392px; height: 85px; background-color: #83d0fc; box-sizing: border-box; font-family: 'Inter', Arial Regular; color: #4b4b4b; text-align: center; line-height: normal;
}
.eplatform{
    width: 392px; height: 64px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; color: #333333; text-align: left; line-height: normal; font-size: 25px;
}
.div3options{
    width: 270px; height: 22px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; color: #333333; text-align: left; line-height: normal;}

.lightblue{
    width: 392px; height: 85px; background-color: #5dffe2; box-sizing: border-box; font-family: 'Inter', Arial Regular; color: #4b4b4b; text-align: center; line-height: normal;}
.bandwidth{
    width: 392px; height: 64px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; color: #333333; text-align: left; line-height: normal; font-size: 25px;
}
.div4white{
    background-color: #f2f2f2; width: 392px; height: 188px;
}
.determination{
    width: 350px; height: 22px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; color: #333333; text-align: left; line-height: normal;
}
.building{
    width:350px; height: 22px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; color: #333333; text-align: left; line-height: normal;
}
.purple{
    width: 392px; height: 85px; background-color: #f8b5fe; box-sizing: border-box; font-family: 'Inter', Arial Regular; color: #4b4b4b; text-align: center; line-height: normal;}
.div5white{background-color: #f2f2f2; width: 392px; height: 188px;}

/*CHILD PAGES*/
.homeline1{
    width: 1000px; height: 22px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; text-decoration: underline; color: #1e98d7; text-align: left; line-height: normal; font-size: 15px;
}
.titlera
{
    width: 680px; height: 55px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; color: #4b4b4b; text-align: left; line-height: normal; font-size: 40px;
}

.para1{
    /*width: 50%; height: 122px;*/background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Open Sans', Arial Regular; color: #333333; text-align: left; line-height: normal; font-size: 20px;
}

.para2{
    /*width: 850px; height: 124px;*/background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Open Sans', Arial Regular; color: #333333; text-align: left; line-height: normal; font-size: 20px;
}
.resource{
    color: rgb(51, 51, 51); font-family: 'Arial Regular', Arial, sans-serif; font-size: 28px; font-weight: 700;
    }

.list{
    /*width: 800px; height: 128px;*/ background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato', Arial Regular; color: #333333; text-align: left; line-height: normal; font-size: 20px;
}
.whitediv1{
    width: 332px; height: 275px; background-color: rgb(242, 242, 242); box-sizing: border-box; font-family: Inter, Arial Regular; color: rgb(75, 75, 75); text-align: center; line-height: normal;
}
.bluebox1{width: 332px; height: 48px; background-color: #01618a; box-sizing: border-box; ont-family: 'Inter', sans-serif; color: #4b4b4b; text-align: center; line-height: normal;}
.technologytitle{
    width: 130px; height: 32px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; color: #ffffff; text-align: left; line-height: normal; font-size: 26px;
}
.remoteacctit{
    width: 200px; height: 22px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; color: #01618a; text-align: left; line-height: normal; font-size: 19px;
}
.optiondet{
     width: 270px; height: 22px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; color: #333333; text-align: left; line-height: normal; font-size: 19px;
}
.optionint{
     width: 270px; height: 19px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; color: #333333; text-align: left; line-height: normal;font-size: 19px
}
.optionhel{
    width: 270px; height: 19px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; color: #333333; text-align: left; line-height: normal;font-size: 19px}
#arrow2
{
  width:32px;
  height:32px;
  float:right;
  margin-right:10px;
}
a :link{
    text-decoration: none!important;
    color: inherit;
}
.homeline1{
    width: 1000px; height: 22px; background-color: rgba(255, 255, 255, 0); box-sizing: border-box; font-family: 'Lato Bold', 'Lato Regular', 'Lato', Arial Regular; font-weight: 700; text-decoration: underline; color: #1e98d7; text-align: left; line-height: normal; font-size: 15px;
}
.LEAICPPrint
{
  padding:4px 25px!important;
  font-size: 18px !important;
}
/*#UpdateButton
{
    background-color:  #262961!important;
    border-color: #262961!important;
    outline:none;
    border-radius:4px;
}*/
/******************************************************************************************/
.p-font-size{
    font-size: 15px;
    
    font-family:Arial Regular;
}

.h-font-size{
    font-size:24px;
    color: #262961;
    font-family:Arial Regular;
}
.h1-font-size{
    font-size:24px;
    font-family:Arial Regular;
}
.sh-font-size{
    font-size:20px;
    font-family:Arial Regular;
}
.sh1-font-size{
    font-size: 18px;
    font-family:Arial Regular;
}

.info{
    
    font-family:Arial Regular;
}

/*****font resizing*******/
.p-foot{
  padding: 10px;
  font-size: 40px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}
.logo-hover:hover {
    opacity: 0.7;
}

.socialMediatdStyle
{
    width:33.33%;
}
.fa-instagram:before{
    display:none;
}


.fa-facebook-footer {
  background: #3B5998;
  color: white;
  padding-top:6px;
padding-bottom:2px;
padding-right:8px;

}

.fa-twitter-footer {
  background: #55ACEE;
  color: white;
  padding-top:6px;
padding-bottom:2px;
padding-right:8px;

}


.fa-linkedin-footer {
  background: #007bb5;
  color: white;
  padding-top:6px;
padding-bottom:2px;
padding-right:8px;
}

.fa-youtube-footer {
  background: #bb0000;
  color: white;
  padding-top:6px;
padding-bottom:2px;
padding-right:8px;


}

.fa-instagram-footer {
  background: #125688;
  padding-top:6px;
padding-bottom:2px;
padding-right:12px;
  
  
}

.fa-pinterest-footer {
  background: #cb2027;
  color: white;
  padding-top:6px;
padding-bottom:2px;
padding-right:12px;
  
}

.fa-flickr-footer {
  background: white;
  color: white;
   padding-top:6px;
padding-bottom:2px;
}

/*****************************/

/*****************************/

body {
overflow-x: hidden;
}
/****Contact us form****/
#EntityFormControl_faa430eeabd8eb11bacb000d3a4fa267_EntityFormView input{
    width:50%;
    border-radius: 5px;
    
}
#cr888_inquirytype{
    width:50%;
    border-radius: 5px;
}

/************/
.list ul{
    font-weight: 500px;
    line-height: 200%;
    padding-top:10px;
    padding-bottom: 20px;
     background-color: #f2f2f2;
}

.colbox{
    padding-left: 15px;

}
#body{
    margin:0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.image{
    align-items: center;
    position: relative;
    top:20px;
    max-width: 50%;
    height: 150px;

}
.imageheading{
    position: relative;
    top:45px;
    font-size-adjust: 10px;
    padding-left: 5px;
    padding-right: 5px;



}

.mbox{

    position: relative;
    padding-left: 2px;
    padding-right: 2px;



}
#col1{
    height: 780px;

}

#col2{
     height: 780px;

}

#col3{
     height: 780px;

}

#col4{
     height: 780px;

}

.list{
    position: relative;


}

.childbox{
    height: 270px;
    width:100%;
    padding: 0px;
    position: relative;
    text-align: center;
}
.childbox2{
    
}
.techpad{
  position: relative;
  min-height: 500px!important;
  
}
#techpad
{
    padding-bottom: 605px;
}
.Acapad
{
  position: relative;
  min-height: 500px!important;
}
.oppad
{
    position: relative;
    min-height: 500px!important;

}
.compad
{
    position: relative;
    min-height: 500px!important;
}

.list ul li
{
    margin-left:8px;
     list-style-image: url("/icp/arrowin blue11.png?v=1627027005669");
}
.ICPChildHead{
  color: #262961;
  font-weight:bold;
}

.searchbox{
        height: 37px;
        position:relative;
        top:9px;
        bottom:5px;
        border-left: rgb(240, 238, 238);
        border-top: rgb(240, 238, 238);

        background-color: rgb(240, 238, 238);
        border-color: rgb(240, 238, 238);
        outline: none;

    }
    .searchicon{
        border-right:rgb(240, 238, 238) ;
        border-bottom-color:rgb(240, 238, 238) ;
    }
    
    /*
Academics Styles
*/

#acaheading {

  position: absolute;
  bottom:400px;

  width: 225px; height: 53px; box-sizing: border-box; font-family: 'Open Sans Bold', 'Open Sans Regular', 'Open Sans', Arial Regular; font-weight: 700; color: #ffffff; text-align: left; line-height: normal; font-size: 36px; padding-top: 8px;
}
.listmenu ul li
{
     list-style-image: url("/services/arrayblue.png?v=1623834298002");
}
.listmenu li{
    color: black;
    text-decoration: none;
    font-size: 18px;
    margin-left: 10px;
    font-weight: 700px;
}

.listmenu ul a:hover{
    color:  #262961;
}

.listmenu ul a{

    text-decoration: none;
}
listmenu ul{

    line-height: 400px;
    text-decoration: none;
}
.imagec{
    float: right;
    width: 30px;
    height:30px;
}
.listmenu{
    background-color: rgb(236, 236, 237);
    padding-bottom: 30px;
}

.arrow1{
    position: relative;
    bottom:50px;
}
.headertext1{
    margin-bottom: 5px;
    margin-left: 5px;
     padding-left: 20px;

}

.headerbox
{

    background-color: red;
}
.headertext{
    position: relative;
    left:5px;
    color: black;
    text-decoration: none;
    font-size: 25px;
}
.arrow
{
    width:50px;
    height: 50px;
    color: black;
    float:right;
    position:relative;
    margin-right: 10px;
    margin-top:-10px;
}
.columns1{
    margin-top: 5px;
    margin-bottom: 5px;
}
.tt1
{
    background-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
  font-family: 'Open Sans', Arial Regular;
  font-weight: bold;
  color: #333333;
  text-align: left;
  line-height: normal;
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);
}


.arrow32
{
    width:40px;
    height: 40px;
    color: black;
    float:right;
    position:relative;
    margin-right: 10px;
    margin-top:-6px;
}
/************************************/
/****Home********/
.RowBody{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;

}
.contentrow{
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 10px -4px #000;
    margin-left: 5px;
    margin-right: 5px;
}

.contentcf{
    padding-top: 20px; padding-bottom: 60px;
}

.videoContent{
    background: #2960B4; border-radius: 5px;
   /* min-height: 400px; */
}

.icp_video{
  margin-top:16px;
  margin-bottom:11px;
}


/****implementations page******/
.tab-design{
    height: 55px;

}
.table-design td{
     height: 50px;;
}

.table-design th{
    height: 50px;;
}
.tab-navigation  li{
    display: inline;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    
    position: relative;top: 10px;
    font-size: 25px;
}
 
.tab-col{
    text-align: center;

    border-width: 2px;
    border-style:  solid;
    border-color: #262961;


}

.tab-navigation  .tab-col.active{

   border-bottom-style: solid;
   background-color: #262961; 
   color: white !important ;

}
.PrintButton
{
    display:none;
    position: relative;
    margin-left: 90px;
    bottom:500px;
}
/**********Contact us**********/
.c-form label{
    color:  #262961;
  }
  .form-container input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    border-color:  #262961;
  }

  .form-container input[type=text], select, textarea on:focus {
      border-color:  #262961;
  }

  .form-container input[type=submit] {
    background-color: #04AA6D;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    border-color: #262961;
  }

  .form-container input[type=submit]:hover {
    background-color: #45a049;
  }

  .form-container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
  }
  .CUEM
  {
      color:red;
  }
  .SendButtonContactUs
  {
      width:100%;
       text-align:center;
  }
  .SubmitRequestContactUs
  {
      background-color: #262961;
      color:white;
      border-radius: 4px;
      outline:none;
      padding: 10px 20px;
  }
  .ContactUsFormAlignment
  {
    position: relative;
    top:1px;
  }
  .ContactUsErrorMessage5
  {
    padding-left: 4px;
  }
  /********FAQ***********/
.faq-whole-body{
    margin: 20px;
}
.faq-heading-answer{
    color:white;
}
.faq-heading{
    color: white;
}
.faq-h-col{
    color:   #262961;
}

.faq-main-heading{
    background-color:  #262961;
}

.faq-row{
    padding-top: 10px;
    padding-bottom: 10px;
    /* padding-left: 5px; */
    /* padding-right:20px; */

    border-style: solid;
    border-color:#333333 ;
    border-width: thin;
}
.faq-row-padding{

    padding-bottom: 10px;;
}
.faq-a-col{
   color:  #262961;
   line-height: 26px;
   font-size: 17px;

}
/******************Demo*********/
.report-tab-navigation{
    list-style: none;
}
.report-tab-navigation li{
    
    color: #262961;
    font-weight:600;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;

}

.report-col{
    text-align: center;
    border-bottom-color:  #262961;
    border-bottom-style:solid;


}

.content-answer{
    border-color: #262961 ;
    border-style: solid;

}

.report-content-row{
    padding-top: 10px;
    padding-left:15px!important;
}

.content-column{

    padding-top: 20px;
}

.c-heading{
    padding-left: 15px;
    padding-bottom: 10px;;
}

.c-content{
    padding-left: 15px;
    padding-right: 15px;
    padding-top:20px;
    padding-bottom:20px;
    
}
.report-col
{
  cursor:pointer;
}
.report-tab-navigation  .report-col.active{
    border-color: rgb(221, 166, 94);
    border-bottom-style: solid;
    color:black;
}
.PrintHeader{
color: #262961 ;
display: inline;
}

.PrintPageButon{
display: inline;
float:right;
margin-right: 18px;
background-color:  #262961;
color: white;
border-radius: 4px;
padding: 5px 20px;
}
.FileButton
{
  display: inline;
float:right;
margin-right: 18px;
background-color:  #262961;
color: white;
border-radius: 4px;
padding: 5px 20px;
}
.ToHideHeadings
{
    display: none;
}
@media print {
     @page {
  size: auto;
  margin: 0;
  }
    body { 
        -webkit-print-color-adjust: exact; 
      }
      .BackButton
      {
          display:none;
      }
      .PreviewBackArrowLink
      {
         display:none;
      }
      .content-answer{
    border-style: none!important;
    }
}
.PrintContent
{
  padding-top: 0px;
}
.BorderforICPLea
{
  border-bottom: 0px!important;
}
.BorderPrintContent
{
   border-top: 0px!important;
}
.PreviewList
{
  color:black;
}
.PreviewList:hover
{
    color: black;
}

.font-sizing{
    font-size: 22px !important;
}
.ImplementationSearchIcon
{
    color:black;position:absolute;padding:10px;padding-top:12px;
}
/************************************************************************************************************************************************/
body
{
    font-family: Arial Regular !important;
}
.TextForTableBar0
{
  text-align:left;
  color:white;
  margin-bottom: 20px;
  margin-top: 20px;
}
.TextForTableBar1
{
  text-align:left;
  color:white !important;
}
.TextForTableBar2
{
  text-align:left;
  color:white;
}
.TextForTableBar3
{
  text-align:left;
  color:white;
}
.TextForTableBar4
{
  text-align:left;
  color:white;
}
.column4
{
    position:static;
    margin-left: -40px;
    margin-top: 10px;
   max-width: 270px;
   width:150%;
  height: 238px;
  margin-right: 150px;

  background-color: #ffffff;
}
.heading1
{
  padding: 20px;
  width:150%;
  margin-left:0px;
  max-width: fill;
  background-color: yellow;
}
.content1
{
    padding: 26px;
    width:150%;
    text-decoration: none;
    background-color:lightgray;
}
.heading2
{
  
   padding:  20px; 
   width:150%;
   height:100px;
    max-width: fill;
   background-color: lightsalmon;
}
.content2
{
    padding: 15.85px;
    width:150%;
    height:126px;
    text-decoration: none;
    text-decoration-color: black;
    background-color:lightgray;
}
.heading3
{

   padding:  20px; 
   width:150%;
    max-width: fill;
   background-color: skyblue;
}
.content3
{
    padding: 25px;
    width:150%;
    height:125px;
    text-decoration: none;
   background-color:lightgray;
}
.img1
{
    width: 32px; 
  height: 32px;
  position: relative;
  float: right;
  background-color:rgb(255, 255, 0);
  opacity: 0.5;
   color: black; 
}
.img2
{
    width: 32px; 
  height: 32px;
  position: relative;
  float: right;
  background-color:chocolate;
  opacity: 0.5;
   color: black; 
}
.img3
{
    width: 32px; 
  height: 32px;
  position: relative;
  float: right;
  background-color:skyblue;
  opacity: 0.5;
   color: black; 
}
.emptyRow
{
  text-align: left;
  letter-spacing: 0px;
  margin-right: -10px;
  width:100%;
  margin-left:-10px;
  height:100%;
}
.emptyColumn
{
    margin-left:-10px;
    margin-right: -10px;
    width:130%;
    height:100%;
}
.column12
{
  margin-left:-10px;
  width:130%;
  margin-right: -10px;
  height:100%;
}
.footer
{
  height: 400px;
}
a:link
{
  text-decoration: none;
  color:   #262961;
}
a:hover
{
  text-decoration: none;
}
#arrow
{
  width: 32px; 
  height: 32px;
  position: relative;
  float: right;
   color: black;

}
#arrow1
{
     width: 32px; 
  height: 32px;
  position: relative;
  float: right;
   color: black;
}
#text1
{
  padding:0%;
  width:100%;
  margin-right: -30px;
}
#communication
{
  margin-bottom: 100px;
  margin-top: 10px;
  height:20px;
}
.heading4
{
  padding:  20px; 
   width:125%;
   height:50px;
    max-width: fill;
   background-color: #262961;
}
.content4
{
    padding: 13px;
    width:125%;
    text-decoration: none;
    background-color:lightgray;
}
#Communications
{
   width: 125px;
  height: 32px;
  background-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
  
  font-weight: 700;
  color: #ffffff;
  text-align: left;
  line-height: normal;
}
.FLDOEClass
{
  text-decoration: none;
  color:blue!important;
}
/*communication page*/
#InitialEmergencyCommunication
{
  margin-left: -10px;
}
/*ul
{
  list-style-image: url("/about-us/caret-right-fill.jpg?v=1623753102481");
}*/
#columnparagraph
{
  margin-bottom: 10px;
  width: 65%;
}
#comtab
{
  position: static;
  margin-right: 10px;
  margin-left: 10px;
  width: 300px;
}
.Resource
{
  margin-top:10px;
  margin-bottom: 100px;  
}
#text2
{
  margin-left: -10px;
}
#content11 li
{
  list-style-image: url("/services/arrayblue.png?v=1623834298002");
}
/*header and footer*/
.UserLoginName
{
  position: relative;
    top: 20px;
    color: #262961;
    font-weight: 500;
    padding-left: 18px; 
}
.UserNameHeader
{
  position:relative;
   margin-left:15px;
     left:17px; 
     background-color:#262961; 
      padding:3px;
      color:white;
       top:20px;
}
@media screen and (max-width:1500px)
{
  .UserNameHeader
   {
     position:relative;
     margin-left:140px;
     left:17px; 
     background-color:#262961; 
     padding:3px;
     color:white;
     top:20px;
   }
}
@media screen and (min-width:1700px)
{
  .UserNameHeader
   {
     position:relative;
     margin-left:140px;
     left:17px; 
     background-color:#262961; 
     padding:3px;
     color:white;
     top:20px;
   }
}
@media screen and (min-width:1900px)
{
  .UserNameHeader
   {
     position:relative;
     margin-left:140px;
     left:17px; 
     background-color:#262961; 
     padding:3px;
     color:white;
     top:20px;
   }
}
.FloridaTitleforHeader
{
  color: white;
  text-align: center;
  float: top;
  margin-left: 270px;
  bottom:70px;
  font-size: 20px;
}
.logodiv
{
  background-color: white!important;
}
.SignInButton
{
  float: right;
  margin-right: 50px;
  bottom: 85px;
  position:relative;
}
.signinword
{
  color: white;
}
.SignInButton li
{
  list-style: none;
  position: relative;
  bottom: 5px;
}
.OptionButton li
{
  float: left;
}
.OptionButton
{
  width:100%;
  list-style-type: none;
  margin-top: -50px;
  margin: 0;
  padding: 0px;
  overflow: hidden;
}
.OptionButton li a
{
  display: block;
  color:#1b2351;
  text-align: center;
  margin: 16px;
  font-weight:500;
  text-decoration: none;
}
.OptionButton li a:hover
{
  color:#1b2351;
}
.OptionButton li a:active
{
  color:white;
}
.logodiv
{
  background-color: white!important;
  margin-right: 90%;
}
.logoimage
{
  height: auto;
    max-width: 250px;
    margin-top: 0px;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    position: relative;
}
.OptionsDiv
{
  bottom: 70px;
  margin-bottom: -80px;
  margin-left:250px;
  overflow: hidden;
  background-color: white;
  box-shadow: 5px 5px 5px rgb(100,100,100,0.6);
}
.OptionsDiv button
{
  background-color: inherit;
  border: none;
  float:left;
  outline: none;
  cursor: pointer;
  padding: 0px!important;
  transition: 0.3s;
  font-size: 17px;
  position:relative;
}
.headerTabLinksSignup
{
  float: right!important;
}
.OptionsDiv button:hover
{
   color:black;
}
.activeClassforheader
{
   background-color: goldenrod
}
/* #footerId
{
  position: relative;
  height: 100px;
  bottom:0px;
  top:20px;
} */
/* .mainfooter
{
    position: relative;
    clear: both;
color:white;
  background-color:#1b2351;
  background-image: linear-gradient(45deg, transparent 20%, transparent 40%, rgb(15, 37, 48,0.15) 40%, rgb(15, 37, 48,0.15) 60%, transparent 60%, transparent 80%, rgb(15, 37, 48,0.15) 80%, transparent);

}
  html,body
{
    height: 100%;
}
#mainContent
{
    min-height: 100%;
}  */
.mainfooter
{
  position: relative;
    padding: 10px;
    bottom: 0;
    color:white;
  background-color:#1b2351;
  background-image: linear-gradient(45deg, transparent 20%, transparent 40%, rgb(15, 37, 48,0.15) 40%, rgb(15, 37, 48,0.15) 60%, transparent 60%, transparent 80%, rgb(15, 37, 48,0.15) 80%, transparent);

  /*padding: 10px;
  padding-bottom: 0px;
  position: fixed; 
  width:100%;

  color:white;
  background-color:#1b2351;
  background-image: linear-gradient(45deg, transparent 20%, transparent 40%, rgb(15, 37, 48,0.15) 40%, rgb(15, 37, 48,0.15) 60%, transparent 60%, transparent 80%, rgb(15, 37, 48,0.15) 80%, transparent);
    margin-bottom: 40px;
  position: -ms-page;
  height: 100%;
  display: flex;
  flex-wrap: wrap;*/

}
.footer0
{
  position: relative;
  margin-top: 10px;
}
.footer1
{
 /* margin-left: 10px;*/
 margin-right: 10px;
}
.footer2
{
  float: right;
  margin-right: 10px;
}
.footer2 a
{
  color:white;
}
.mainheader
{
  position: relative;
  padding:0px;
  height:fit-content;
  width:98%;
}
.signinicon
{
   border-radius: 25px;
  color:white;
  position: relative;
  background-color: #23aee9;
}
.navclass1
{
  background-color: white;
  height: 75px;
  width:100%;
}
.sidebar li
{
  text-decoration: none;
  list-style: none;
}
#loginbutton li
{
  list-style: none;
}
.OptionsDivfordd li
{
  list-style: none;
}
.signupli
{
  float: right!important;
}
@media screen and (max-width: 870px)
{
  .FloridaTitleforHeader
  {
    display: none;
  }
  .navclass1
  {
    background-color: white;
  }
  .logoimage
  {
    width: 400%;
    position: absolute;
    left: 135px;
  }
  .Hamburgerbutton
  {
    float:left;
    top:50px;
    background: none;
    border: none;
    cursor: pointer;
    height: 30px;
    width: 30px;
    margin-left: 10px;
    margin-top: 25px;
    size: 30px;
  }
  .Hamburgerbutton:active
  {
    border: none;
    text-decoration: underline;
  }
  .signinicon
  {
    display: none;
  }
  .signinword
  {
    display: none;
  }
  .SignInButton
  {
    display: none;
  }
  .threedotsbutton
  {
    float: right;
    background: none;
    border: none;
    display: wrap;
    position:relative;
    bottom: 75px;
    size:10px;
    margin-top: 25px;
    margin-right: 10px;
    padding-bottom: 10px;
  }
  .OptionsDiv  
  {
    display: none;
  }
  .signindiv
  {
    display: none;
    position: relative;
    text-align: right;
    background-color: #23aee9;
    width: 150px;
    margin-top: 50px;
    box-shadow: 0px 8px 16px 0px #23aee9;
    z-index: 1;
  }
  .signindiv a
  {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  #loginbutton
  {
    color:white;
	  display: none;
	  position: fixed;
	  text-align: right;
	  float: right;
    background-color: #23aee9;
    width: 100%;
    margin-top: 70px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
  }
  #loginbutton a
  {
	  color: black;
	  padding: 10px;
	  display: block;
  }
  .signiniconfordd
  {
    border-radius: 25px;
  }
  .OptionsDivfordd
  {
    display: none;
    position: relative;
    text-align: left;
    float: left;
    width:100%;
    margin-top: 30px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99999;
    background-color: #f1f1f1;
  }
  .OptionButtonfordd li
  {
     width: 100%;
    float: left;
    text-align: left;
  }
  .OptionsDivfordd a
  {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  .menuPipefordd
  {
    display: none;
  }
}
@media screen and (max-width:1300px)
{
  .UserLoginName
{
  top:21px;
}
  .OptionsDiv
  {
  bottom: 70px;
  margin-bottom: -60px;
  margin-left:250px;
  overflow: hidden;
    background-color: white;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.19);
  }
.OptionsDiv button
{
  background-color: inherit;
  border: none;
  float:left;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 14px;
  position:relative;
}
}

@media screen and (max-width:650px)
{
  .mainfooter
  {
    position:relative;
    top:200px;
  }
  .footer1
  {
    position: relative;
    float: right;
    left: 20px;
  }
  .footer2
  {
    margin-left: 10px;
    bottom: 50px;
  }
  .logoimage
  {
        width: 400%;
    height: 400%;
    
    position: relative;
    
    left: 130px;
    bottom: 35px;
  }
}

@media screen and (max-width:900px)
{

  .mainfooter
  {
    position: relative;
    top: 400px;
  }
  .footer2
  {
    margin-left: 10px;
  }
}
@media screen and (min-width:870px)
{
  .Hamburgerbutton
  {
    display: none;
  }
  .threedotsbutton
  {
    display: none;
  }
  #loginbutton
  {
    display: none;
  }
  .OptionsDivfordd
  {
    display:none;
  }
  .OptionButtonfordd
  {
    display: none;
  }
  .signiniconfordd
  {
    display: none;
  }
  .signinwordfordd
  {
    display: none;
  }
}
@media screen and (max-width:1050px)
{
  .OptionsDiv
  {
  bottom: 70px;
  margin-bottom: -60px;
  margin-left:250px;
  overflow: hidden;
    background-color: white;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.19);
  }
  .OptionsDiv button
  {
  background-color: inherit;
  border: none;
  float:left;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 15px!important;
  position:relative;
  }
}
@media screen and (max-width:1100px)
{
  .OptionsDiv
  {
  bottom: 70px;
  margin-bottom: -60px;
  margin-left:250px;
  overflow: hidden;
    background-color: white;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.19);
  }
  .OptionsDiv button
  {
  background-color: inherit;
  border: none;
  float:left;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 16px;
  position:relative;
  }
}
@media screen and (min-width:1700px)
{
  .logodiv
  {
    width:200px;
  }
  .OptionsDiv button
  {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 70px;
  transition: 0.3s;
  font-size: 17px;
  position:relative;
  }
  .mainheader
  {
  position: relative;
  padding:0px;
  height:fit-content;
  width:95%;
  }
}
@media screen and (max-width:200px)
{
  .logoimage
  {
    position: absolute;
    right:50px;
    margin-right: 30px;
  }
  .threedotsbutton
  {
    margin-left: 30px;
    margin-right: 20px;
  }
}
@media screen and (min-width:1400px)
{
  .OptionsDiv button
  {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 45px;
  transition: 0.3s;
  font-size: 17px;
  position:relative;
  }
  .mainheader
  {
  position: relative;
  padding:0px;
  height:fit-content;
  width:97%;
  }
}
.HomeImage
{
  border-width: 0px;
    position: relative;
    left: 0px;
    top: 0px;
   
}
.ICPGuidanceImage
{
  border-width: 0px;
    position: relative;
    left: 5px;
    top: 5px;
}
.ICPImage
{
  border-width: 0px;
    position: relative;
    left: 5px;
    top: 5px;

}
.DasboardImage
{
   border-width: 0px;
    position: relative;
    left: 0px;
    top: 5px;
}
.SeaDasboardImage
{
   border-width: 0px;
    position: relative;
    left: 0px;
    top: 5px;
}
.ICPOnlyImage
{
  border-width: 0px;
    position: relative;
    left: 5px;
    top: 5px;
}
.LogOutButton
{
   border-width: 0px;
    position: relative;
    left: 0px;
    top: 2px;
}
.SeaAdminImage
{
  border-width: 0px;
    position: relative;
    left: 0px;
    top: 4px;
}
.ContactImage
{
  border-width: 0px;
    position: relative;
    left: 0px;
    top: 6px;
}
.FaqImage
{
  border-width: 0px;
    position: relative;
    left: 5px;
    top: 5px;
}
.SpanHeader
{
  position: relative;
  bottom: 4px;
}
.pushing
{
  position: relative;
  bottom: 5px;
}
/******* SEA DASHBOARD  ********/
.NotStartedBox
{
  padding:auto;
  width:100%;
  background-color : #00689B;
  margin: 20px;
  border-radius: 5px;
}
.InprogressBox
{
  padding:auto;
  width:100%;
  background-color : #00A88D;
  margin: 20px;
  border-radius: 5px;
}
.RejectedBox
{
  padding:auto;
  width:100%;
  background-color: #CE782C;
  margin: 20px;
  border-radius: 5px;
}
.PublishedBox
{
  padding:auto;
  width:100%;
  background-color: #9CB63C;
  margin: 20px;
  border-radius: 5px;
}
.SuccessBox
{
  padding:auto;
  width:100%;
  background-color: #262961;
  margin: 20px;
  border-radius: 5px;
}
.count
{
  text-align: center;
  color:white;
}
.TextforSEABox
{
  text-align: center;
  color:white;
}
.TextForTableBar
{
  text-align:left;
  color:white;
}
.SubmittedBar
{
  background-color: #9CB63C;
   margin-left: 25px; 
   padding-left: 10px; 
   width: 100%;
   border-radius: 5px;
}
.InprogressBar
{
  background-color: #00A88D;
   margin-left: 25px; 
   padding-left: 10px; 
   width: 100%; 
   border-radius: 5px;
}
.NotStartedBar
{
  background-color: #00689B;
   margin-left: 25px; 
   padding-left: 10px; 
   width: 100%;
   border-radius: 5px; 
}
.RejectedBar
{
  background-color: #CE782C;
   margin-left: 25px; 
   padding-left: 10px; 
   width: 100%;
   border-radius: 5px; 
}
.PublishedBar
{
  background-color: #262961;
   margin-left: 25px; 
   padding-left: 10px; 
   width: 100%; 
   border-radius: 5px;
}
.ViewICP
{
  position: relative;
  float:right;
}
.ax_default
{
   border-width: 0px;
    position: relative;
    left: 0px;
    right:20px;
    top: 0px;
    padding: 6px;
    background: inherit;
    background-color:  #262961;
    border: none;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    color:white;
}
.ViewICPLink
{
  border-width: 0px;
    position: relative;
    left: 0px;
    top: 0px;
    width: 97px;
    height: 29px;
    background: inherit;
    background-color: rgba(255, 255, 255, 0);
    border: none;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Roboto-Medium', 'Roboto Medium', 'Roboto', Arial Regular;
    font-weight: 500;
    font-style: normal;
    font-size: 24px;
    text-decoration: underline;
    color:  #262961;
}
#NotStartedLink
{
  display:none;
}
@media screen and (max-width:768px)
{
  .LinkForViewICP
  {
    text-decoration: none;
  }
}
@media screen and (min-width:1200px)
{
  .InProgressBootstrapBox
  {
    position: relative;
    left: 4%;
  }
  .SubmittedBootstrapBox
  {
    position: relative;
  }
  .RejectedBootstrapBox
  {
    position: relative;
    left: 12%;
  }
  .PublishedBootstrapBox
  {
    position: relative;
   float:right;
   right: 15px;
  }
  .NotStartedBootstrapBox
  {
    position: relative;
    left: 8%;
  }
}
.SeaTable
{
  table-layout:fixed;
}
.table th
{
  position: relative;
  vertical-align:middle;
}
.table td
{
  position: relative;
  vertical-align:middle;
}
/***************Sea ICP Review page***********/
 .collapsible {
  background-color:  #262961;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 97%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  margin-bottom: 7px;
}

.collapsible:hover {
  background-color: #262961;
}

/*.content {
  padding: 0 18px;
  width:97%;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
  position: relative;
  bottom:7px;
  padding-bottom: 30px;
  padding-top: 30px;
}*/
.DashboardBackButton
{
  text-decoration: none;
  font-size: 23px;
  text-align: left;
  margin-left: 10px;
  color: #262961;
}
.leftarrowbutton
{
   color: #262961;
   border-image:10px;
}
.TitleDiv
{
  display: inline;

}
.printClass
{
  position: relative;
  float: right;
  bottom: 70px;
  right:60px;
}
.printClass a
{
  color:white;
  text-decoration: none;
}
.TitleOnlyDiv
{
  display: inline;
  margin-left:30%;
}
.ICPReviewPageTitle
{
  position: relative;
  right:200px;
  font-size: 30px;
  color:  #262961;
}
.IcpTabNavigation
{

    display: flex;
    flex-wrap: wrap;

}
.IcpBottomBorder{
    border: 1px solid  #262961;
    padding:10px 25px;
    cursor: pointer;
    margin-bottom: 20px;
    margin-right: 20px;
    color:#1b2351;
    font-family:Arial Regular;
  font-weight: 700;
  font-size: 20px;
  border-radius:5px;
}
.Tabactive
{
    background-image: linear-gradient(1.4210854715202004e-13deg, #e5ba38 2.801600914806784%, #c69d45 100%);
    color:white;
}
.CommentsBox
{
  width:100%;
  padding:10px;
  border:1px solid #797979;
  box-sizing: border-box;
  text-align: left;
  background-color:  #f2f2f2;
  font-size:14px;
  padding-bottom: 80px;
}
.CommentBoxHeading
{
  font-family: Arial, Helvetica, Arial Regular;
  font-weight: 700;
  text-align: left;
}
.CommentBoxHeadingSea
{
  font-family: Arial, Helvetica, Arial Regular;
  font-weight: 700;
  text-align: left;
  padding-top: 20px;
}
.CharacterLimit
{
  color:#333333;
  font-family: 'Roboto-Regular', 'Roboto', Arial Regular;
  line-height: normal;
  float: right;
}
.ICPReviewButtons
{
  position: relative;
  text-align: center;
  margin-top: 40px;
  padding-bottom: 30px;
}
.DraftButton
{
     border-width: 0px;
    position: relative;
    float:left;
    padding: 10px;
    background: inherit;
    background-color:  #262961;
    border: none;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 18px;
    color:white!important;
    margin-left: 10px;
    left: 25px;

}
.DraftButton:hover
{
  color:white!important;
}
.DraftButton:active
{
 color:white!important;
}
.DraftButton1
{
     border-width: 0px;
    
    float:right;
    padding: 10px;
    background: inherit;
    background-color: #f59a23;
    border: none;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 18px;
    color:white;
    left:18px;
}
.DraftButton2
{
     border-width: 0px;
    position: relative;
    float:right;
    padding: 10px;
    background: inherit;
    background-color:  #18d48e;
    border: none;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 18px;
    color:white;
    left:18px;
}
.CollaspsePlusMinusButton
{
  position: relative;
  float: right;
  size:90px;

}
.ButtonOC
{
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
#RejectButton:disabled
{
  opacity: 0.5;
  cursor: not-allowed;
}
#ApproveButton:disabled
{
  opacity: 0.5;
  cursor: not-allowed;
}
@media screen and (max-width:1295px)
{
  .leftarrowbutton
  {
    float: left;
    position: relative
  }
  .DashboardBackButton
  {
    display: none;
  }
  .ICPReviewPageTitle
  {
    float:right;
    margin-left: 30px;
  position: relative;
  font-size: 17px;
  color:  #262961;
  }
}
@media screen and (max-width:768px)
{
    .ICPReviewPageTitle
  {
  float:right;
  left:10px;
  bottom:10px;
  position: relative;
  font-size: 17px;
  color:  #262961;
  }
}
.SEADashboardTable
{
   overflow-x: auto;
   overflow-y: auto;
   height: 200px;
}
.DashboardTable
{
  border-collapse: collapse;
}
 .DashboardTable th td
{
        padding: 8px 16px;
        border: 1px solid #ccc;
}
.popupBox
{
  background-color:  #CE782C;
}
.popupBox1
{
  background-color:  #00A88D;
}
.ReturnConfirm
{
  color:black;
  padding:8px;
  border:none;
  border-radius: 5px;
  background-color: white;
}
.ReturnSuccess
{
  border-color:white;
  background-color:#00A88D;
  color:white;
  border-style: solid;
  border-width: 3px;
  outline-color: white;
}
.ReturnSuccess1
{
    border-color:white;
  background-color:#CE782C;
  color:white;
  border-style: solid;
  border-width: 3px;
  outline-color: white;
}
.cancelButton
{
  color:white;
  border:none;
  background: none;
}
.NotificationAlign
{
  font-weight: 700;
   margin-top:250px;
  text-align: center;
  position: relative;
}
/***************************************************************************************************************************************************************/
.PaddingCorrections
{
    display: flex;
    flex-wrap: wrap;
}
.colu1
{
    background-color: #f2f2f2 !important; 
    margin: auto;
    margin-top: 17px;
}
.NavigationUnderLine a
{
    text-decoration: underline !important;
}


.menu12312 li
{
    list-style-image: url("/services/arrayblue.png?v=1623834298002");
}
.OperationsSideLinkActive
{
    
  font-weight: 700;
    color:#01618a;
}
.OperationsSideLink
{
    
  font-weight: 700;
  color: black;
}

.header1111
{
    margin:0px;
    margin-top:-3px;
    padding-top: 3px;
    padding-bottom:9px;
    color:white;
}
.mt-3
{
    margin-top: 20px;
}
.menu12312 li
{
    color:black;
    
  font-weight: 700;
  padding-top: 7px;
  padding-bottom: 9px;
  padding-right:10px;

}
.menu12312 li:hover
{
    color: #01618a;
}
.pll-3
{
    padding-left: 20px;
}
.mll-5
{
    margin-left: 30px;
}
.lico
{
    color: #01618a;
}
.menu12312
{
    padding-bottom: 30px;
}
.mrr-2
{
    margin-right: 10px;
}
.mll-2
{
    margin-left:10px;
}
.mg-2
{
    margin-left: 10px;
    margin-right: 10px;
}
.wholebody
{
    padding-left:48px;
    padding-right: 33px;
    padding-top:31px;
}
.Operations {
  width: 210px;
  height: 53px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
  
  font-weight: 700;
  color: #ffffff! important;
  text-align: left;
  line-height: normal;
  padding-left: 20px;
  padding-top:20px;
}
.rectangle {
  width: 80%;
  height: 115px;
  background-image: linear-gradient(-0.553565185881908deg, rgba(255, 255, 255, 0) 3.596032024383539%, #000000 96.37192626943894%);
  box-sizing: border-box;
  font-family: 'Arial Regular', 'Arial', Arial Regular;
  color: #333333;
  text-align: center;
  line-height: normal;
  position:absolute;
}
.OpreationsArrow
{
    width:35px;
    height:35px;
    position: relative;
    float:right;
    margin-right: 20px;
    margin-top: -5px;
}
.OperationHeaders{
padding-bottom: 10px!important;
padding-left: 30px !important;
color: black !important;
padding: 0px;
 margin: 0px; 
 margin-bottom: 20px; 
 margin-top: 10px;
}

.OperationsParagraph
{
    padding-top: 37px;
}
.listInsideoperations
{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 48px;
}
.listElementsinFoodService
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:30px;
    color:black;
}

.BoxHeadearLink
{
    text-decoration: none !important;

}
.BoxHeadearLink:hover
{
    color:black;
}
.listElementsinFoodService
{
    list-style-image: url("/services/arrayblue.png?v=1623834298002");
}
.FoodServicesBox
{
    padding-bottom: 62px;
}
.TransportationBox
{
    padding-bottom: 62px;
}
.BulidingSanitationBox
{
    padding-bottom: 31px;
}
.BuildingExteriorsBox
{
    padding-bottom: 31px;
}
.NOunderline
{
    text-decoration: none!important;
}
.ImageDivision
{
    margin-top: 31px;
}
.pll-3
{
    padding-left: 20px;
}
.mll-5
{
    margin-left: 30px;
}

.menu12312
{
    padding-bottom: 30px;
}
.mrr-2
{
    margin-right: 10px;
}
.mll-2
{
    margin-left:10px;
}
.mg-2
{
    margin-left: 10px;
    margin-right: 10px;
}
.NavigationWords
{
    
  font-weight: 700;
  color:  #262961!important;
}
.NavigationWords a
{
  color: #262961!important;
}
.BackButtonRightAlign
{
  position: relative;
  left:20px;
}
.NavigationLeftAlign
{
  position: relative;
  right:30px;
}
.SmallNavigationArrow
{
    color:rgba(0, 0, 0, 0.35);
    
}
.OperationHeadersPadding
{
    padding-top: 30px; padding-left: 15px; padding-right: 30px;
}
.CommunicationsArrow
{
     width:50px;
    height:50px;
    position: relative;
    float:right;
    margin-right: 60px;
    margin-top: 0px;
    margin-bottom: 30px;
    bottom:20px;
}
/*
#acaheading {

  position: absolute;
  bottom:400px;

  width: 225px; height: 53px; box-sizing: border-box; font-family: 'Open Sans Bold', 'Open Sans Regular', 'Open Sans', sans-serif; font-weight: 700; color: #ffffff; text-align: left; line-height: normal; font-size: 36px; padding-top: 8px;
}
.listmenu ul li
{
     list-style-image: url("/testing/academics/arrayblue.png");
}
.listmenu li{
    color: black;
    text-decoration: none;
    font-size: 18px;

    font-weight: 700px;
}

.listmenu ul a:hover{
    color: blue;
}

.listmenu ul a{

    text-decoration: none;
}
listmenu ul{

    line-height: 400px;
    text-decoration: none;
}
.imagec{
    float: right;
    width: 30px;
    height:30px;
}
.listmenu{
    background-color: rgb(236, 236, 237);
    padding-bottom: 30px;
}

.arrow1{
    position: relative;
    bottom:50px;
}
.text1111{
    margin-top: 10px;
    margin-left: 20px;
}

.headerbox/*changing width text align
{
 
    background-color: red;
}
/*changing padding
.headertext{
    position: relative;
    left:5px;
    color: black;
    text-decoration: none;
    font-size: 25px;
}
.arrow32
{
    width:40px;
    height: 40px;
    color: black;
    float:right;
    position:relative;

    margin-right:20px;
    margin-top:-45px;
}
.columns1{
    margin-top: 5px;
    margin-bottom: 5px;
}
.tt1
{
    background-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  color: #333333;
  text-align: left;
  line-height: normal;
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);
}

.Operations {
  width: 210px;
  height: 53px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  box-sizing: border-box;
  font-family: 'Open Sans Bold', 'Open Sans Regular', 'Open Sans', sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
  line-height: normal;
  padding-left: 20px;
}
.cooo1
{
    margin-bottom: 100px;
}
.cooo2
{
    margin-bottom: 70px;
}
.cooo3
{
    margin-bottom: 40px;
}
.cooo4
{
    margin-bottom: 2px;
}
.cooo5
{
    margin-bottom: 30px;
}

.rectangle {
  width: 100%;
  height: 115px;
  background-image: linear-gradient(-0.553565185881908deg, rgba(255, 255, 255, 0) 3.596032024383539%, #000000 96.37192626943894%);
  box-sizing: border-box;
  font-family: 'Arial Regular', 'Arial', sans-serif;
  color: #333333;
  text-align: center;
  line-height: normal;
  position:absolute;
}
*/
/*****Sign up page****/
.PictureDiv
{
    width:400px;
    height:500px;
    display: flex;
    flex-wrap: wrap;
    float: left;
    
}
.CenterSpacing
{
    margin: auto;
    
}
.LoginHeaderwords
{
    padding-bottom: 10px;
}
.Sector1
{
    margin: auto;
    margin-top: 9%;
    display: flex;
    flex-wrap: wrap;
}
.SideLoginPicture
{
    width: 100%;
    height:100%;
    border-radius: 10px ;
}
.NewLoginDiv
{
    width:400px;
    float:left;
    padding-top: 15px;
    padding-bottom:100px;
    margin-top:12px;
    border-radius: 0px 10px 10px 0px;
    flex-wrap:wrap;
}
.LoginLogoDiv
{
    width: 220px;
    height: 80px;
    margin: auto;
}
.LogoPicture
{
    width:100%;
    height:100%;
}
.UserLoginInputDiv
{
    padding-left: 25px;
    padding-right: 20px;
}
.UserLoginInputDiv label
{
    padding-top:10px;
    padding-bottom:4px;
}
.CenterAlignInputBox
{
    margin-left: 28px;
}
.LoginTextBox
{
    width:90%;
    padding: 20px;
    padding-left: 10px;
    border-radius: 10px;
}
.SignInButtonType
{
    width:90%;
    margin-top: 30px;
    border-radius: 10px;
    background-color:  #262961;
    color: white;
    outline:none!important;
}

.SignInButtonType:hover
{
    background-color:  #262961;
    opacity: 0.8;
    border-color:  #262961;
    color:white;
}
.SignInButtonType:focus
{
    background-color: #262961;
    color:white;
    box-shadow: none;
    outline:none;
}
.SignInButtonType:active
{
    outline:none;
    background-color: #262961;
    opacity: 0.8;
}
.Infoicon
{
    margin-top:60%;
    width:20px;
    height: 20px;
}
.InfoColumn
{
    background-color: #FF5370;
    width: 40px;
    min-height: 65px;
    border-radius: 4px 0px 0px 4px;
    padding: 0px;
    margin:-1px;

}
.close
{
    opacity: 0.8;
    float: right;
  
}
.close:hover
{
    opacity: 0.7;
}
.class_main_alert
{
    border:1px solid #FF5370;
    font-size: 14px;
    margin:auto; 
    border-radius: 4px ;
    display: flex;
    margin-left: -5px;
    /*margin-bottom: 30px;*/
}
.WrongButtonDiv
{
    float: right;
    
    padding-top: 22px;
    padding-left: 0px;
    padding-right: 10px;

}
#CloseIcon
{
    color:red;
    opacity: 0.8;
    
}
.SignUpInfoIcon
{
    padding-left: 13px;
    color:white;
}
.ErrorBox
{
    border-color:red!important;
    background-color:#ffebee;
}
.ValidationText
{
    
    color:#FF5370;
    text-align: left;
    padding-top: 12px;
    padding-left: 20px;
    
}
.LowerEndPadding
{
    padding-bottom:35px;
}
@media screen and (max-width:953px) {
    .PictureDiv
    {
    width:100%;
    height: 250px;
    }
    .SideLoginPicture
    {
        border-radius:0px;
    }
    .NewLoginDiv
    { 
        min-width:50%;
        height:100%;
        align-items: center;
        border-radius: 10px;
        padding-bottom:30px;
    }
    .LoginLogoDiv
    {
        width: 100%;
        text-align: center;
        margin: 0px;
        padding: 0px;
    }
    .LogoPicture
    {
        width:200px;
        height:65px;
        position: relative;
    }
    .LoginHeaderwords
    {
        padding: 0px;
        padding-bottom: 10px;
        margin: 0px;
    }
    .Sector1
    {
        margin-top: 0px;
    }
    .NewLoginDiv
    {
        float:none;
        margin: auto;
        position: relative;
        margin-top:48%;
    }
}
@media screen and (max-width:414px) 
{
    .NewLoginDiv
    {
        width:100%;
        height: 100%;
    }
    
}
@media screen and (max-width:548px) 
{
    .NewLoginDiv
    {
        margin-top:2%;
        float:left;
        width:100%;
        height: 100%;
    }
    .Sector1
    {
        padding: 15px;
    }
}
/******Reset Password Page********/
.ml-auto {
    margin-left: auto!important;
}
.mr-auto {
    margin-right: auto!important;
}
.text-center {
    text-align: center!important;
}
.login-card {
    border-radius: 30px;
    position: relative;
    display: block;
    margin: 15px 0;
}
.login-card.auth-body {
    width: 450px;
}
.auth-box {
    background-color: #FFF;
    border-radius: 8px;
    margin: 20px 0 0 0;
    padding: 20px;
    box-shadow: 0 2px 18px -2px #000;
}
.login {
    align-items: center;
    background-color: #4099FF;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    text-align: center;
    width: 100%;
    min-height: 100vh;
}
.MainboxText
{
   margin-top: 5px;
   margin-bottom: 0px;
}
@media only screen and (max-width: 767px){
 .login-card.auth-body{
    width: 100%;
 }
 .login
 {
    width:100%;
    align-items: initial;
 }
 .ResetPasswordBlock
 {
    margin-top: 0px;
    padding-top: 0px; 
}
.MainboxText
{
   margin-top: -10px;
   margin-bottom: -10px;
   
}
}
.classemailvalid
{
    
    padding-bottom:15px;
    width:100%;

}
.bg-primary {
    background-color: #4099FF !important;
    color: #FFF;
}
.loginheader {
    font-size: 24px;
    color: white;
}
.MainboxText
{
    color: #666666;
}
.TextBoxSpaceDown
{
    border-radius: 2px;
}
#ResetButton
{
    border-radius: 5px;
    background-color: #4099FF;
    font-size: 14px;
    font-family: "Poppins", Arial Regular;
    border-color: #4099FF;
    color:white;
    outline:none;
}
#ResetButton:hover
{
    background-color: #4099FF;
    opacity: 0.8;
    border-color: #4099FF;
    color:white;
    outline: none;
}
#ResetButton:focus
{
    background-color:#4099FF;
    color:white;
    box-shadow: none;
    outline:none;
}
#Resetbutton:active
{
    outline:none;
    background-color:#4099FF;
    opacity: 0.8;
}
#BacktoSignInButton
{
    border-radius: 5px;
    background-color: #4099FF;
    font-size: 14px;
    font-family: "Poppins", Arial Regular;
    border-color: #4099FF;
    color:white;
    outline:none;
}
#BacktoSignInButton:hover
{
    background-color: #4099FF;
    opacity: 0.8;
    border-color: #4099FF;
    color:white;
    outline: none;
}
#BacktoSignInButton:focus
{
    background-color:#4099FF;
    color:white;
    box-shadow: none;
    outline:none;
}
#BacktoSignInButton:active
{
    outline:none;
    background-color:#4099FF;
    opacity: 0.8;
}
.AdjustInputbox
{
    margin-bottom: 13px;
}
/*IcpView*/
.PreviewContent{
    padding-right: 10px;
    padding-bottom:15px!important;
    font-size: 15px;
}
.PreviewTabHeading
{
    font-size: 18px;
    padding-top: 8px;
    margin-bottom: -5px;
}
.PreviewHeader
{
    width:100%;
    height:45px;
    -moz-box-shadow: 0px 3px 6px rgb(100,100,100);
    -webkit-box-shadow: 0px 3px 6px rgb(100,100,100);
     box-shadow: 0px 3px 6px rgb(100,100,100);
}
.allSides
{

box-shadow: 0 0 10px rgba(0,0,0,0.6);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
.PreviewBackArrow{
margin-left: 10px;
position: relative;
top:8px;

}
.PreviewBackArrowtext
{
    font-size: 18px;
color:#262961;
top:2px;
position: relative;
padding-left: 4px;


}
.PreviewBackArrowLink
{
    text-decoration: none!important;
    color:#262961!important;
}
.PreviewTopHeader
{
    margin-top: -27px;
    font-size: 22px;
    color:#262961;
    font-weight: 700;
    
}

@media screen and (max-width:539px) {
    .PreviewBackArrowtext
    {
        display: none;
    }
    .PreviewTopHeader
    {
        margin-top: -25px;
    }
}
.PreviewButtons
{
    width:100%;
    position:relative;
    top:20px;
}
.PreviewButton
{
    background-color: #262961;
    border-radius: 4px;
    outline:none;
    color: white;
    border: none;
    padding: 7px;
    margin-right: 10px;
    font-size: 16px;
}
#ICPSubmissionCheckbox
{
    position: relative;
    top:1px;
    cursor: pointer;
    margin-right: 5px;
}
.PreviewButtonsCheckbox
{
    width:100%;
}
.PreviewContent
{
    word-wrap: break-word;
}
.PreviewButtonsCheckbox label
{
    font-size: 15px;
    cursor: pointer;
    color: black;
}
.PreviewButtonCancel
{
    padding-left: 35px;
    padding-right: 35px;
}
.PreviewButtonSave{
    padding-left: 20px;
    padding-right: 20px;
}
.PreviewButtonSaveDisable
{
    opacity:0.7;
}
.PreviewPageContent
{
    margin-bottom: 50px;
}
.PreviewHeader .PreviewBackArrowLink
{
    cursor: pointer;
}
.StandardButton{
     background-color: #262961;
    border-radius: 5px;
    color: white!important;
    outline:none;
    padding: 8px;
    border:none;
    font-size: 16px;
}
.ICPfileButton
{
 padding-inline: 20px;
}
.ICPButtonForFile{
padding-inline: 20px;
margin-right: 15px;
}
/*file upload popup*/
.FileInstructions
{
    font-style: italic;
    font-size: 16px;
}
.fileUploadDropDown
{
    border: 1px solid transparent;
    padding: 0px;
}
/*******SeaRevivewPage*/
.SEAReviewButtons{
  position: relative;
  top: -25px;
}
.SEALastReviewButtons
{
  position: relative;
    top: -25x;
}
.SEAApproveReviewButtonsDisabled
{
  border-width: 0px;

    position: relative;
    padding: 8px;
    background: inherit;
    background-color:  #00A88D;
    border: none;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    color:white;
    margin-left:20px;
    top: -25px;
}
.SEARejectReviewButtonsDisabled
{
  border-width: 0px;
  
    position: relative;
    padding: 8px;
    background: inherit;
    background-color: #CE782C;
    border: none;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    color:white;
    margin-left:20px;
    top: -25px;
}
.SEAApproveReviewButtons
{
  
     

     border-width: 0px;

    position: relative;
    padding: 8px;
    background: inherit;
    background-color:  #00A88D;
    border: none;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    color:white;
    margin-left:20px;
    top: -1px;

}
.SEARejectReviewButtons
{
  border-width: 0px;
  
    position: relative;
    padding: 8px;
    background: inherit;
    background-color: #CE782C;
    border: none;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    color:white;
    margin-left:20px;
    top: -1px;

}
.IcpTabNavigation
{

    display: flex;
    flex-wrap: wrap;

}
.IcpBottomBorder{
    border: 1px solid #284a86;
    padding: 10px;
    cursor: pointer;
    margin-bottom: 20px;
    margin-right: 20px;
    color:#1b2351;
    font-family:Arial Regular;
  font-weight: 700;
  font-size: 20px;
 width:200px;
 border-radius:5px;
}
@media screen and (max-width:510px){
    .IcpBottomBorder{
    width: 100%;
    }
}
.actived
{
    background-image: linear-gradient(1.4210854715202004e-13deg, #e5ba38 2.801600914806784%, #c69d45 100%);
    color:white;
}
.ReviewAttachIconClick
{
  position: relative; 
  cursor: pointer;
}
.ReviewAttachIcon
{
  position: relative; top: 7px;
}
.ReviewAttachIconWord
{
  font-size: 18px;
}
.SButton
{
  padding-left: 50px;
  padding-right: 50px;
}
.Save-next
{
  margin-left: 20px;
}
/********************************************************************************************************************************************************************/
/* Table sort indicators */

th.sortable {
  position: relative;
  cursor: pointer;
}
th.sortable::after {
  font-family: FontAwesome;
  content: "\f0dc";
  position: relative;
  
  color: #999;
}
th.sortable.asc::after {
  content: "\f0d8";
}

th.sortable.desc::after {
  content: "\f0d7";
}

th.sortable:hover::after {
  color: #333;
}
th[class="rh"]{
  pointer-events: none;
  cursor: text;   
}
td[data-attribute="icp_icpyear"]{
  
  pointer-events: none;
  cursor: text;
}
td[data-attribute="icp_icpyear"]::before{
  color: #000000!important;
}
td[data-attribute="icp_icpyear"]::after{
  color: #000000!important;
}
div[class="input-group"]{
    width:40%!important; 
}
.SearchInput{
    width: 70%;
}
#search-filter{
    display: none;
}
.HeaderSearchButton{
    background-color: #DCAB27!important;
    color: white!important;
    position: relative!important;
    margin-left: 0px!important;
  width: 35px!important;
  height: 35px!important;
  padding: 6px 12px;
    outline:none!important;
   
}
.HeaderSearchButton:hover
{
    background-color: #DCAB27!important;
    position: relative!important;
    color: white!important;
    margin-left: 0px!important;
     width: 35px!important;
     height: 35px!important;
    outline:none!important;
}
/*************************************************************************************************************************************************************/
.pcoded-logo {
  font-size: 13px;
  font-weight: 600;
  line-height: 35px; }

.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item.pcoded-search-item > li.pcoded-hasmenu > a:after {
  display: none; }

a:focus {
  outline: none;
  outline: 0 auto -webkit-focus-ring-color;
  outline-offset: 0; }

.pcoded .pcoded-container {
  position: relative;
  background: #d5dae6; }
.pcoded .pcoded-header {
	display: block;
	background: #FFFFFF;
	color: #414141;
	width: 100%;
	z-index: 1024;
	height: 75px;
}
.pcoded .pcoded-navbar {
  display: block;
  height: 50px;
  width: 100%;
  z-index: 1023;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); }
.pcoded #styleSelector {
  z-index: 1024; }

.pcoded-main-container {
  display: block;
  background: #f3f3f3; }

.pcoded .pcoded-content {
  position: relative;
  display: block; }
.pcoded .pcoded-inner-content {
  padding: 10px; }
.pcoded .pcoded-header .pcoded-left-header {
  float: left;
  min-width: 230px;
  padding: 0 10px; }
.pcoded .pcoded-header .pcoded-right-header {
  padding: 0 10px; }
  .pcoded .pcoded-header .pcoded-right-header .pcoded-rl-header {
    float: left; }
  .pcoded .pcoded-header .pcoded-right-header .pcoded-rr-header {
    text-align: right; }
.pcoded .pcoded-brand {
  float: left; }
.pcoded[pcoded-device-type="desktop"] .navbar-logo .mobile-menu,
.pcoded[pcoded-device-type="desktop"] .pcoded-brand .menu-toggle, .pcoded[pcoded-device-type="tablet"] .navbar-logo .mobile-menu,
.pcoded[pcoded-device-type="tablet"] .pcoded-brand .menu-toggle {
  display: none; }
.pcoded[pcoded-device-type="desktop"] .p-chat-user,
.pcoded[pcoded-device-type="desktop"] .showChat_inner, .pcoded[pcoded-device-type="tablet"] .p-chat-user,
.pcoded[pcoded-device-type="tablet"] .showChat_inner {
  top: 107px; }
.pcoded .pcoded-brand .menu-toggle a {
  text-decoration: none; }
  .pcoded .pcoded-brand .menu-toggle a i {
    font-size: 18px; }
.pcoded .pcoded-navbar .pcoded-item {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative; }
  .pcoded .pcoded-navbar .pcoded-item > li {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative; }
    .pcoded .pcoded-navbar .pcoded-item > li > a {
	display: block;
	font-size: 13px;
	padding: 9px 20px;
	text-decoration: none;
	position: relative;
	line-height: 32px;
	color: #000;
	margin-left: 10px;
}
      @media only screen and (max-width: 1200px) {
        .pcoded .pcoded-navbar .pcoded-item > li > a {
          padding: 9px 5px; } }
    .pcoded .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a {
	line-height: 31px;
}
  .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.4);
            box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.4); }
    .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li {
      display: block;
      list-style: outside none none;
      margin: 0;
      padding: 0;
      position: relative; }
      .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a {
        display: block;
        font-size: 14px;
        padding: 5px 10px;
        text-decoration: none;
        position: relative; }
        .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext {
          -webkit-transition: all 0s ease-in;
          transition: all 0s ease-in; }
        .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a:before {
          font-family: 'themify';
          font-size: 12px; }
      .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover a:before {
        font-family: 'themify';
        font-size: 12px;
        position: relative;
        border-left: none; }
  .pcoded .pcoded-navbar .pcoded-item > li > a > .pcoded-micon {
    font-size: 14px;
    padding: 0; }
  .pcoded .pcoded-navbar .pcoded-item.pcoded-search-item > li > a > .pcoded-micon {
    padding: 0 5px 0 7px; }
  .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-micon {
    font-size: 13px;
    padding-right: 5px; }
.pcoded[horizontal-layout="wide"] .pcoded-container {
  width: 100%;
  display: block; }
.pcoded[horizontal-layout="box"] .pcoded-container {
  display: block;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%; }
.pcoded[theme-layout="horizontal"][horizontal-layout="box"] .pcoded-header[pcoded-header-position="fixed"] {
  max-width: 1200px; }
.pcoded[theme-layout="horizontal"][horizontal-layout="box"] .pcoded-navbar.stickybar, .pcoded[theme-layout="horizontal"][horizontal-layout="box"] .pcoded-navbar[pcoded-navbar-position="fixed"] {
  max-width: 1200px; }
.pcoded[horizontal-layout="widebox"] .pcoded-container {
  width: 100%; }
.pcoded[horizontal-layout="widebox"] .pcoded-content .pcoded-wrapper,
.pcoded[horizontal-layout="widebox"] .pcoded-header .pcoded-wrapper,
.pcoded[horizontal-layout="widebox"] .pcoded-navbar .pcoded-wrapper {
  display: block;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%; }
.pcoded[horizontal-layout="wide"][horizontal-placement="bottom"] .pcoded-navbar {
  width: 100%; }
.pcoded[horizontal-layout="box"][horizontal-placement="bottom"] .pcoded-navbar {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%; }
.pcoded[horizontal-layout="widebox"][horizontal-placement="bottom"] .pcoded-navbar {
  width: 100%; }
.pcoded .pcoded-navbar .pcoded-item > li {
  float: left; }
.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu {
  position: absolute;
  min-width: 200px;
  z-index: 1;
  border-top-style: solid;
  border-top-width: 1px; }
  .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a {
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
    text-align: left; }
.pcoded .pcoded-navbar .pcoded-item .pcoded-submenu .pcoded-submenu {
  position: absolute;
  min-width: 250px;
  z-index: 1;
  left: 100%;
  top: -1px; }
.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu {
  opacity: 0;
  visibility: hidden;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-90deg);
  -webkit-transform: rotateX(-90deg); }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu {
  opacity: 1;
  visibility: visible;
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg); }
.pcoded[theme-layout="horizontal"] .pcoded-navbar[pcoded-navbar-position="relative"] {
  position: relative; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar[pcoded-navbar-position="fixed"] {
  position: fixed; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar[pcoded-navbar-position="absolute"] {
  position: absolute; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu > a:after {
  font-family: "themify";
  font-size: 12px; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu[dropdown-icon="style1"] > a:after {
  content: "\e649"; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style1"] > a:after {
  content: "\e64b"; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu[dropdown-icon="style2"] > a:after {
  content: "\e661"; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style2"] > a:after {
  content: "\e663"; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu[dropdown-icon="style3"] > a:after {
  content: '\e61a'; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style3"] > a:after {
  content: '\e622'; }
.pcoded[theme-layout="horizontal"] .pcoded-header[pcoded-header-position="relative"] {
  position: relative; }
.pcoded[theme-layout="horizontal"] .pcoded-header[pcoded-header-position="fixed"] {
  position: fixed;
  top: 0; }
.pcoded[theme-layout="horizontal"] .pcoded-header[pcoded-header-position="absolute"] {
  position: absolute; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-brand.pcoded-left-align,
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-left-item.pcoded-left-align,
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-right-item.pcoded-left-align,
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-search-item.pcoded-left-align {
  float: left; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-brand.pcoded-right-align,
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-left-item.pcoded-right-align,
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-right-item.pcoded-right-align,
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-search-item.pcoded-right-align {
  float: right; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="dashed"] > li > a {
  border-right-style: dashed; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="dotted"] > li > a {
  border-right-style: dotted; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="solid"] > li > a {
  border-right-style: solid; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="dashed"] .pcoded-hasmenu .pcoded-submenu li > a {
  border-bottom-style: dashed; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="dotted"] .pcoded-hasmenu .pcoded-submenu li > a {
  border-bottom-style: dotted; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="solid"] .pcoded-hasmenu .pcoded-submenu li > a {
  border-bottom-style: solid; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="false"] > li > a {
  border-right-width: 0; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="true"] > li > a {
  border-right-width: 1px; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[subitem-border="false"] .pcoded-hasmenu .pcoded-submenu li > a {
  border-bottom-width: 0; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[subitem-border="true"] .pcoded-hasmenu .pcoded-submenu li > a {
  border-bottom-width: 1px; }
.pcoded .pcoded-navbar .pcoded-item .pcoded-submenu li.pcoded-hasmenu > a:after {
  margin-left: 3px;
  position: relative;
  float: right;
  top: 1px; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.active > a:after, .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after,
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after {
  font-style: normal;
  margin-left: 3px;
  padding-left: 5px;
  position: relative; }

@-moz-document url-prefix() {
  .theme-option select {
    -webkit-appearance: none !important;
    /*Removes default chrome and safari style*/
    -moz-appearance: none !important;
    /* Removes Default Firefox style*/
    background: #FFF url("../images/select-arrow.png") no-repeat 95% center !important;
    width: 100% !important;
    /*Width of select dropdown to give space for arrow image*/
    text-indent: 0.01px;
    /* Removes default arrow from firefox*/
    text-overflow: "";
    /*Removes default arrow from firefox*/
    /*My custom style for fonts*/
    color: #555;
    border-radius: 4px;
    font: inherit;
    line-height: 1.5em;
    border: 1px solid #ddd !important; } }
li.edge > ul {
  left: auto !important;
  right: 100%; }

.stickybar {
  height: 40px;
  position: fixed;
  top: 0;
  width: 100% !important; }

.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.edge.pcoded-trigger > .pcoded-submenu {
  right: 0; }
.pcoded[horizontal-layout="box"][horizontal-placement="bottom"] .pcoded-navbar, .pcoded[horizontal-layout="wide"][horizontal-placement="bottom"] .pcoded-navbar, .pcoded[horizontal-layout="widebox"][horizontal-placement="bottom"] .pcoded-navbar {
  bottom: 0;
  position: fixed; }
.pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu {
  bottom: 40px; }
.pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item .pcoded-submenu .pcoded-submenu {
  bottom: 0;
  top: auto; }
.pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-width: 0; }
.pcoded[horizontal-placement="top"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a > .pcoded-mcaret {
  background: transparent none repeat scroll 0 0;
  border-bottom-style: solid;
  border-bottom-width: 7px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: 0;
  display: block;
  float: right;
  height: 0;
  margin: 0 auto;
  position: absolute;
  right: 50%;
  width: 0; }
.pcoded[theme-layout="horizontal"][horizontal-placement="top"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active .pcoded-submenu {
  border-top-style: solid;
  border-top-width: 1px; }
.pcoded[theme-layout="horizontal"][horizontal-placement="top"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active > a > .pcoded-mcaret {
  border-bottom-width: 7px;
  border-bottom-style: solid; }
.pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a > .pcoded-mcaret {
  background: transparent none repeat scroll 0 0;
  border-top-style: solid;
  border-top-width: 7px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  top: 0;
  display: block;
  float: right;
  height: 0;
  margin: 0 auto;
  position: absolute;
  right: 50%;
  width: 0; }
.pcoded[theme-layout="horizontal"][horizontal-placement="bottom"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active > a > .pcoded-mcaret {
  border-top-width: 7px;
  border-top-style: solid; }
.pcoded .pcoded-navbar .pcoded-item[subitem-border="true"] .pcoded-hasmenu .pcoded-submenu > li:last-child > a {
  border-bottom-color: transparent !important; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li > a {
  padding: 9px; }
  .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li > a > .pcoded-micon {
    display: none; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item.pcoded-search-item > li > a > .pcoded-micon {
  display: block; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-brand.pcoded-left-align {
  /*  display: none; */ }
.pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar.isCentered, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar.isCentered {
  text-align: center; }
.pcoded[pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu, .pcoded[pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu {
  text-align: left; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar.isCentered .pcoded-brand {
  display: inline-block;
  float: none;
  float: unset;
  margin-top: 0;
  position: relative;
  top: -13px; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar.isCentered .pcoded-left-item,
.pcoded[theme-layout="horizontal"] .pcoded-navbar.isCentered .pcoded-right-item,
.pcoded[theme-layout="horizontal"] .pcoded-navbar.isCentered .pcoded-search-item {
  display: inline-block; }
.pcoded .pcoded-navbar.isCentered .pcoded-item > li {
  display: inline-block; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-inner-navbar, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-inner-navbar {
  position: relative; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item, .pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.fullwidth-drop, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li.fullwidth-drop {
  position: static;
  position: static; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu {
  min-width: 200px;
  width: 100%;
  left: 0;
  right: 0;
  top: auto; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu li, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu li {
  display: inline-block; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu li, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu li {
  position: static;
  position: static; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"].pcoded-navbar .pcoded-item > li.fullwidth-drop .pcoded-submenu .pcoded-submenu, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"].pcoded-navbar .pcoded-item > li.fullwidth-drop .pcoded-submenu .pcoded-submenu {
  top: 100%;
  left: 0; }
.pcoded .pcoded-navbar .pcoded-item[subitem-border="true"] .pcoded-hasmenu.fullwidth-drop .pcoded-submenu li > a {
  border-bottom-width: 0; }
.pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.fullwidth-drop > .pcoded-submenu {
  bottom: 100%; }
  .pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.fullwidth-drop > .pcoded-submenu > .pcoded-hasmenu > .pcoded-submenu {
    bottom: 100%; }
.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu.fullwidth-drop .pcoded-submenu li > a {
  display: inline-block; }

.pcoded-inner-navbar {
  position: relative; }

.pcoded .pcoded-navbar .pcoded-item {
  position: static; }
  .pcoded .pcoded-navbar .pcoded-item > li.megamenu-half {
    position: static; }
    .pcoded .pcoded-navbar .pcoded-item > li.megamenu-half.pcoded-hasmenu .pcoded-submenu {
      left: auto;
      min-width: 200px;
      right: auto;
      width: 50%; }
.pcoded .megamenu-half .pcoded-submenu {
  padding: 10px !important;
  color: #b4bcc8; }
.pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.megamenu-half > .pcoded-submenu {
  bottom: 100%; }

.pcoded-inner-navbar {
  position: relative; }

.pcoded .pcoded-navbar .pcoded-item {
  position: static; }
  .pcoded .pcoded-navbar .pcoded-item > li.megamenu-full {
    position: static; }
    .pcoded .pcoded-navbar .pcoded-item > li.megamenu-full.pcoded-hasmenu .pcoded-submenu {
      left: 0;
      min-width: 200px;
      right: 0;
      width: 100%; }
.pcoded .megamenu-full .pcoded-submenu {
  padding: 10px !important;
  color: #b4bcc8; }
.pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.megamenu-full > .pcoded-submenu {
  bottom: 100%; }
.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu.pcoded-megamenu ul {
  margin: 0;
  padding: 0; }
  .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu.pcoded-megamenu ul li {
    display: block;
    list-style: outside none none; }
    .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu.pcoded-megamenu ul li a {
      border-bottom-width: 0 !important;
      font-size: 13px;
      font-weight: 500;
      line-height: 23px;
      padding: 0;
      text-decoration: none; }
      .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu.pcoded-megamenu ul li a:hover {
        text-decoration: none;
        background: transparent !important;
        color: #FFF; }
    .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu.pcoded-megamenu ul li.title {
      display: block;
      font-size: 13px;
      font-weight: 600;
      padding: 10px 0;
      margin-bottom: 10px;
      border-bottom-width: 1px;
      border-bottom-style: solid; }
.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu.pcoded-megamenu .pcoded-gridbox {
  border-radius: 2px;
  font-size: 10px;
  margin-bottom: 11px;
  min-height: 23px;
  padding-top: 5px;
  text-align: center; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-header .pcoded-rl-header {
  display: none; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-header .pcoded-right-header .pcoded-rr-header {
  text-align: center; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcodedbrand-xs, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcodedbrand-xs {
  height: 40px;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
  display: none; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcodedbrand-xs {
  height: 40px;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative; }
  .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcodedbrand-xs .pcoded-brand a {
    font-family: lato;
    font-size: 20px !important;
    font-weight: 700;
    line-height: 40px;
    padding: 0 10px;
    text-decoration: none; }
  .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcodedbrand-xs .menu-toggle {
    float: right; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar {
    height: auto;
    padding: 10px 10px 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}
  .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-inner-navbar {
    height: auto;
    position: relative; }
  .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-brand a {
    display: none; }
  .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar.show-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg); }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-brand a {
  font-family: lato;
  font-size: 20px !important;
  font-weight: 700;
  line-height: 40px;
  padding: 0 10px;
  text-decoration: none; }
.pcoded[pcoded-device-type="desktop"] .pcoded-navbar .pcoded-brand .menu-toggle, .pcoded[pcoded-device-type="phone"] .pcoded-navbar .pcoded-brand .menu-toggle, .pcoded[pcoded-device-type="tablet"] .pcoded-navbar .pcoded-brand .menu-toggle {
  display: none; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-brand {
  float: unset !important;
  float: none !important; }
  .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-brand .menu-toggle {
    float: right; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item {
  display: block;
  float: none !important;
  position: relative;
  width: 100%;
  z-index: 1; }
  .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > li {
    float: none;
    display: block;
    position: relative; }
  .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item[item-border="true"] > li > a {
    border-right-width: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid; }
  .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item[item-border="true"] > li.pcoded-trigger > a {
    border-bottom-width: 0; }
  .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu {
    min-width: 100%;
    z-index: 2; }
  .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu {
    position: relative; }
  .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu > .pcoded-submenu {
    left: 0;
    min-width: 100%;
    right: 0;
    top: 0;
    z-index: 1; }
  .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu,
  .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu {
    position: relative; }
  .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu > .pcoded-submenu {
    left: 0;
    min-width: 100%;
    right: 0;
    top: 0;
    z-index: 1; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="phone"][horizontal-placement="bottom"] .pcoded-navbar {
  bottom: auto; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.active > a:after, .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after,
.pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after {
  position: absolute;
  right: 13px; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-header, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-header {
  height: auto; }

.pcoded .pcoded-navbar .pcoded-item .pcoded-submenu > li a .pcoded-badge {
  top: 13px;
  right: 20px; }

.pcoded-rr-header .btn {
  font-size: 12px;
  font-weight: 600;
  margin-left: 5px; }

.pcoded-main-container {
  clear: both; }

.pcoded-address span {
  float: left; }

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu.fullwidth-drop .pcoded-submenu li > a {
  display: list-item; }
.pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[subitem-border="true"] .pcoded-hasmenu.fullwidth-drop .pcoded-submenu li > a {
  border-bottom-width: 0; }
.pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu li, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu li {
  display: block;
  float: left; }
.pcoded .pcoded-navbar .pcoded-item li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after {
  float: none; }
.pcoded .pcoded-navbar[navbar-theme="themelight1"] {
  background-color: #fff; }
.pcoded .pcoded-navbar[navbar-theme="theme1"] {
  background-color: #3b4650; }
.pcoded .pcoded-header[header-theme="theme1"] {
  background: -webkit-gradient(linear, left top, right top, from(#1b1f24), to(#51606d));
  background: linear-gradient(to right, #1b1f24, #51606d); }
.pcoded .pcoded-header[header-theme="theme2"] {
  background: -webkit-gradient(linear, left top, right top, from(#f2476a), to(#fabeca));
  background: linear-gradient(to right, #f2476a, #fabeca); }
.pcoded .pcoded-header[header-theme="theme3"] {
  background: -webkit-gradient(linear, left top, right top, from(#007888), to(#08e3ff));
  background: linear-gradient(to right, #007888, #08e3ff); }
.pcoded .pcoded-header[header-theme="theme4"] {
  background: -webkit-gradient(linear, left top, right top, from(#1d9c83), to(#59e0c5));
  background: linear-gradient(to right, #1d9c83, #59e0c5); }
.pcoded .pcoded-header[header-theme="theme5"] {
  background: -webkit-gradient(linear, left top, right top, from(#23AEE9), to(#73b4ff));
  background: linear-gradient(to right, #23AEE9, #73b4ff); }
.pcoded .pcoded-header[header-theme="theme6"] {
  background: -webkit-gradient(linear, left top, right top, from(#aa8a0a), to(#f4d03f));
  background: linear-gradient(to right, #aa8a0a, #f4d03f); }

body.horizontal-icon .pcoded .main-body, body.horizontal-icon-fixed .pcoded .main-body {
  margin-top: 60px; }
body.horizontal-icon .pcoded .pcoded-navbar, body.horizontal-icon-fixed .pcoded .pcoded-navbar {
  height: 70px; }
  body.horizontal-icon .pcoded .pcoded-navbar .pcoded-item > li > a > .pcoded-micon, body.horizontal-icon-fixed .pcoded .pcoded-navbar .pcoded-item > li > a > .pcoded-micon {
    display: block;
    text-align: center;
    margin: 0 auto; }
  body.horizontal-icon .pcoded .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a, body.horizontal-icon-fixed .pcoded .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a {
    line-height: 30px; }
body.horizontal-icon .pcoded[pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a, body.horizontal-icon-fixed .pcoded[pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a {
  height: 70px; }

/*# sourceMappingURL=pcoded-horizontal.min.css.map */
/****************************************************************************************************************************************************/
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */
 .mCSB_scrollTools {
    width: 6px;
}
/* ._mCS_1 .mCSB_dragger .mCSB_dragger_bar{ background-color: red; }

._mCS_2 .mCSB_dragger .mCSB_dragger_bar{ background-color: green; }

#mCSB_3_dragger_vertical .mCSB_dragger_bar{ background-color: blue; }

#mCSB_1_scrollbar_vertical .mCSB_dragger{ height: 100px; }

#mCSB_1_scrollbar_horizontal .mCSB_dragger{ width: 100px; }

.mCSB_1_scrollbar .mCSB_dragger .mCSB_draggerRail{ width: 4px; }  */