.content-element{
  margin:10px 0 0 10px;
}
 .skin-green .direct-chat-primary .right > .direct-chat-text {
    background: #33a657;
    border-color: #33a657;
    color: #fff;
}

 .skin-green .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color: #33a657;
    }
 skin-green-light .direct-chat-primary .right > .direct-chat-text {
    background: #33a657;
    border-color: #33a657;
    color: #fff;
}

 .skin-green-light .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color: #33a657;
    }
 
 .skin-blue .direct-chat-primary .right > .direct-chat-text {
    background: #4a8ebe;
    border-color: #4a8ebe;
    color: #fff;
}

 .skin-blue .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color: #4a8ebe;
    }
 .skin-blue-light .direct-chat-primary .right > .direct-chat-text {
    background: #4a8ebe;
    border-color: #4a8ebe;
    color: #fff;
}

 .skin-blue-light .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color: #4a8ebe;
    } 
 .skin-red .direct-chat-primary .right > .direct-chat-text {
    background: #dd4b39;
    border-color: #dd4b39;
    color: #fff;
}

 .skin-red .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color: #dd4b39;
    }
.skin-red-light .direct-chat-primary .right > .direct-chat-text {
    background: #dd4b39;
    border-color: #dd4b39;
    color: #fff;
}

 .skin-red-light .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color: #dd4b39;
    }
 .skin-yellow .direct-chat-primary .right > .direct-chat-text {
    background: #f39c12;
    border-color: #f39c12;
    color: #fff;
}

 .skin-yellow .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color: #f39c12;
    }
 .skin-yellow-light .direct-chat-primary .right > .direct-chat-text {
    background: #f39c12;
    border-color: #f39c12;
    color: #fff;
}

 .skin-yellow-light .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color: #f39c12;
    }
 .skin-purple .direct-chat-primary .right > .direct-chat-text {
    background: #605ca8;
    border-color: #605ca8;
    color: #fff;
}

 .skin-purple .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color: #605ca8;
    }
.skin-purple-light .direct-chat-primary .right > .direct-chat-text {
    background: #605ca8;
    border-color: #605ca8;
    color: #fff;
}

 .skin-purple-light .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color: #605ca8;
    }
  .skin-black .direct-chat-primary .right > .direct-chat-text {
    background: #999;
    border-color: #999;
    color: #fff;
}

 .skin-black .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color: #999;
    }
 .skin-black-light .direct-chat-primary .right > .direct-chat-text {
    background: #999;
    border-color: #999;
    color: #fff;
}

 .skin-black-light .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color: #999;
    }
  
 
.skin-green .modal-primary .modal-header, .modal-primary .modal-footer, .modal-primary .modal-body {
                background-color: #33a657 !important;
                color:#FFF;
                  border-color: #33a657;
            }
.skin-green-light .modal-primary .modal-header, .modal-primary .modal-footer, .modal-primary .modal-body {
                background-color: #33a657 !important;
                color:#FFF;
                  border-color: #33a657;
            }
.skin-blue .modal-primary .modal-header, .modal-primary .modal-footer, .modal-primary .modal-body {
                background-color: #4a8ebe !important;
                color:#FFF;
                  border-color: #33a657;
            }
.skin-blue-light .modal-primary .modal-header, .modal-primary .modal-footer, .modal-primary .modal-body {
                background-color: #4a8ebe !important;
                color:#FFF;
                 border-color: #4a8ebe;
            }
.skin-red .modal-primary .modal-header, .modal-primary .modal-footer, .modal-primary .modal-body {
                background-color: #dd4b39 !important;
                color:#FFF;
                 border-color: #dd4b39;
            }
.skin-red-light .modal-primary .modal-header, .modal-primary .modal-footer, .modal-primary .modal-body {
                background-color: #dd4b39 !important;
                color:#FFF;
                 border-color: #dd4b39;
            }
.skin-yellow .modal-primary .modal-header, .modal-primary .modal-footer, .modal-primary .modal-body {
                background-color: #f39c12 !important;
                color:#FFF;
                 border-color: #f39c12;
            }
.skin-yellow-light .modal-primary .modal-header, .modal-primary .modal-footer, .modal-primary .modal-body {
                background-color: #f39c12 !important;
                color:#FFF;
                 border-color: #f39c12;
            }
.skin-purple .modal-primary .modal-header, .modal-primary .modal-footer, .modal-primary .modal-body {
                background-color: #605ca8 !important;
                color:#FFF;
                 border-color: #605ca8;
            }
.skin-purple-light .modal-primary .modal-header, .modal-primary .modal-footer, .modal-primary .modal-body {
                background-color: #605ca8 !important;
                color:#FFF;
                 border-color: #605ca8;
            }
.skin-black .modal-primary .modal-header, .modal-primary .modal-footer, .modal-primary .modal-body {
                background-color: #999 !important;
                color:#FFF; 
                 border-color: #999;
            }
.skin-black-light .modal-primary .modal-header, .modal-primary .modal-footer, .modal-primary .modal-body {
                background-color: #999 !important;
                color:#FFF;
                  border-color: #999;
            }



.skin-green .bg-primary {
                background-color: #33a657;
                color:#FFF;
            }
.skin-green-light .bg-primary {
                background-color: #33a657;
                color:#FFF;
            }
.skin-blue .bg-primary {
                background-color: #4a8ebe;
                color:#FFF;
            }
.skin-blue-light .bg-primary {
                background-color: #4a8ebe;
                color:#FFF;
            }
.skin-red .bg-primary {
                background-color: #dd4b39;
                color:#FFF;
            }
.skin-red-light .bg-primary {
                background-color: #dd4b39;
                color:#FFF;
            }
.skin-yellow .bg-primary {
                background-color: #f39c12;
                color:#FFF;
            }
.skin-yellow-light .bg-primary {
                background-color: #f39c12;
                color:#FFF;
            }
.skin-purple .bg-primary {
                background-color: #605ca8;
                color:#FFF;
            }
.skin-purple-light .bg-primary {
                background-color: #605ca8;
                color:#FFF;
            }
.skin-black .bg-primary {
                background-color: #999;
                color:#FFF;
            }
.skin-black-light .bg-primary {
                background-color: #999;
                color:#FFF;
            }


 /*.skin-green     .dropdown-toggle {
    
        background-color:#33a657;
        color:#fff;
    }
 .skin-green-light    .dropdown-toggle {
    
        background-color:#33a657;
        color:#fff;
    }
 .skin-blue     .dropdown-toggle {
    
        background-color:#4a8ebe;
        color:#fff;
    }
 .skin-blue-light    .dropdown-toggle {
    
        background-color:#4a8ebe;
        color:#fff;
    }
 .skin-red     .dropdown-toggle {
    
        background-color:#dd4b39;
        color:#fff;
    }
 .skin-red-light    .dropdown-toggle {
    
        background-color:#dd4b39;
        color:#fff;
    }
 .skin-yellow     .dropdown-toggle {
    
        background-color:#f39c12;
        color:#fff;
    }
 .skin-yellow-light    .dropdown-toggle {
    
        background-color:#f39c12;
        color:#fff;
    }
 .skin-purple     .dropdown-toggle {
    
        background-color:#605ca8;
        color:#fff;
    }
 .skin-purple-light    .dropdown-toggle {
    
        background-color:#605ca8;
        color:#fff;
    }
 .skin-black     .dropdown-toggle {
    
        background-color:#999;
        color:#fff;
    }
 .skin-black-light    .dropdown-toggle {
    
        background-color:#999;
        color:#fff;
    }*/  

 .skin-green .dxbs-fixed-header-content a{
     
     color:#33a657;
     text-decoration:none;
     
     }
 .skin-green-light  .dxbs-fixed-header-content a{
     
     color:#33a657;
     text-decoration:none;
     
     }
.skin-blue .dxbs-fixed-header-content a{
     
     color:#4a8ebe;
     text-decoration:none;
     
     }
 .skin-blue-light  .dxbs-fixed-header-content a{
     
     color:#4a8ebe;
     text-decoration:none;
     
     }
  .skin-red .dxbs-fixed-header-content a{
     
     color:#dd4b39;
     text-decoration:none;
     
     }
 .skin-red-light  .dxbs-fixed-header-content a{
     
     color:#dd4b39;
     text-decoration:none;
     
     }
  .skin-yellow .dxbs-fixed-header-content a{
     
     color:#f39c12;
     text-decoration:none;
     
     }
 .skin-yellow-light  .dxbs-fixed-header-content a{
     
     color:#f39c12;
     text-decoration:none;
     
     }
  .skin-purple .dxbs-fixed-header-content a{
     
     color:#605ca8;
     text-decoration:none;
     
     }
 .skin-purple-light  .dxbs-fixed-header-content a{
     
     color:#605ca8;
     text-decoration:none;
     
     }
  .skin-black .dxbs-fixed-header-content a{
     
     color:#999;
     text-decoration:none;
     
     }
 .skin-black-light  .dxbs-fixed-header-content a{
     
     color:#999;
     text-decoration:none;
     
     }
  

.skin-green .nav-tabs-custom > .nav-tabs > li.active {
                border-top-color: #33a657;
            }
.skin-green-light .nav-tabs-custom > .nav-tabs > li.active {
                border-top-color: #33a657;
            }
.skin-blue .nav-tabs-custom > .nav-tabs > li.active {
                border-top-color: #4a8ebe;
            }
.skin-blue-light .nav-tabs-custom > .nav-tabs > li.active {
                border-top-color: #4a8ebe;
            }
.skin-red .nav-tabs-custom > .nav-tabs > li.active {
                border-top-color: #dd4b39;
            }
.skin-red-light .nav-tabs-custom > .nav-tabs > li.active {
                border-top-color: #dd4b39;
            }
.skin-yellow .nav-tabs-custom > .nav-tabs > li.active {
                border-top-color: #f39c12;
            }
.skin-yellow-light .nav-tabs-custom > .nav-tabs > li.active {
                border-top-color: #f39c12;
            }
.skin-purple .nav-tabs-custom > .nav-tabs > li.active {
                border-top-color: #605ca8;
            }
.skin-purple-light .nav-tabs-custom > .nav-tabs > li.active {
                border-top-color: #605ca8;
            }
.skin-black .nav-tabs-custom > .nav-tabs > li.active {
                border-top-color: #999;
            }
.skin-black-light .nav-tabs-custom > .nav-tabs > li.active {
                border-top-color: #999;
            }



.skin-green .circles-list ol {
  list-style-type: none;
  
  padding-left: 2.5em;
  counter-reset: li-counter;
  border-left: 1px solid #33a657;
  position: relative; }
.skin-green-light .circles-list ol {
  list-style-type: none;
  
  padding-left: 2.5em;
  counter-reset: li-counter;
  border-left: 1px solid #33a657;
  position: relative; }
.skin-blue .circles-list ol {
  list-style-type: none;
  
  padding-left: 2.5em;
  counter-reset: li-counter;
  border-left: 1px solid #4a8ebe;
  position: relative; }
.skin-blue-light .circles-list ol {
  list-style-type: none;
  
  padding-left: 2.5em;
  counter-reset: li-counter;
  border-left: 1px solid #4a8ebe;
  position: relative; }
.skin-red .circles-list ol {
  list-style-type: none;
  
  padding-left: 2.5em;
  counter-reset: li-counter;
  border-left: 1px solid #dd4b39;
  position: relative; }
.skin-red-light .circles-list ol {
  list-style-type: none;
  
  padding-left: 2.5em;
  counter-reset: li-counter;
  border-left: 1px solid #dd4b39;
  position: relative; }
.skin-yellow .circles-list ol {
  list-style-type: none;
  
  padding-left: 2.5em;
  counter-reset: li-counter;
  border-left: 1px solid #f39c12;
  position: relative; }
.skin-yellow-light .circles-list ol {
  list-style-type: none;
  
  padding-left: 2.5em;
  counter-reset: li-counter;
  border-left: 1px solid #f39c12;
  position: relative; }


.skin-purple .circles-list ol {
  list-style-type: none;
  
  padding-left: 2.5em;
  counter-reset: li-counter;
  border-left: 1px solid #605ca8;
  position: relative; }
.skin-purple-light .circles-list ol {
  list-style-type: none;
  
  padding-left: 2.5em;
  counter-reset: li-counter;
  border-left: 1px solid #605ca8;
  position: relative; }
.skin-black .circles-list ol {
  list-style-type: none;
  
  padding-left: 2.5em;
  counter-reset: li-counter;
  border-left: 1px solid #999;
  position: relative; }

.skin-black-light .circles-list ol {
  list-style-type: none;
  
  padding-left: 2.5em;
  counter-reset: li-counter;
  border-left: 1px solid #999;
  position: relative; }

.circles-list ol > li {
  position: relative;
  cursor:pointer;
  margin-bottom: 3.125em;
  clear: both; }


.skin-green .circles-list ol > li:before {
  position: absolute;
  top: -0.5em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1em;
  left: -3.75em;
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  text-align: center;
  z-index: 9;
  color: #FFF;
  background-color:#33a657;
  border: 2px solid #33a657;
  border-radius: 50%;
  content: counter(li-counter);
  
  counter-increment: li-counter; }

 
.skin-green-light .circles-list ol > li:before {
  position: absolute;
  top: -0.5em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1em;
  left: -3.75em;
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  text-align: center;
  z-index: 9;
    color: #FFF;
  background-color:#33a657;
  border: 2px solid #33a657;
  border-radius: 50%;
  content: counter(li-counter);
  
  counter-increment: li-counter; }

 
.skin-blue .circles-list ol > li:before {
  position: absolute;
  top: -0.5em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1em;
  left: -3.75em;
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  text-align: center;
  z-index: 9;
  color: #FFF;
  background-color:#4a8ebe;
  border: 2px solid #4a8ebe;
  border-radius: 50%;
  content: counter(li-counter);
  
  counter-increment: li-counter; }
 
.skin-blue-light .circles-list ol > li:before {
  position: absolute;
  top: -0.5em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1em;
  left: -3.75em;
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  text-align: center;
  z-index: 9;
   color: #FFF;
  background-color:#4a8ebe;
  border: 2px solid #4a8ebe;
  border-radius: 50%;
  content: counter(li-counter);
  
  counter-increment: li-counter; }

.skin-red .circles-list ol > li:before {
  position: absolute;
  top: -0.5em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1em;
  left: -3.75em;
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  text-align: center;
  z-index: 9;
 color: #FFF;
  background-color:#dd4b39;
  border: 2px solid #dd4b39;
  border-radius: 50%;
  content: counter(li-counter);
  
  counter-increment: li-counter; }

 
.skin-red-light .circles-list ol > li:before {
  position: absolute;
  top: -0.5em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1em;
  left: -3.75em;
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  text-align: center;
  z-index: 9;
  color: #FFF;
  background-color:#dd4b39;
  border: 2px solid #dd4b39;
  border-radius: 50%;
  content: counter(li-counter);
  
  counter-increment: li-counter; }

 
.skin-yellow .circles-list ol > li:before {
  position: absolute;
  top: -0.5em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1em;
  left: -3.75em;
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  text-align: center;
  z-index: 9;
  color: #FFF;
  background-color:#f39c12;
  border: 2px solid #f39c12;
  border-radius: 50%;
  content: counter(li-counter);
  
  counter-increment: li-counter; }
 
.skin-yellow-light  .circles-list ol > li:before {
  position: absolute;
  top: -0.5em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1em;
  left: -3.75em;
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  text-align: center;
  z-index: 9;
  color: #FFF;
  background-color:#f39c12;
  border: 2px solid #f39c12;
  border-radius: 50%;
  content: counter(li-counter);
  
  counter-increment: li-counter; }

 
.skin-purple .circles-list ol > li:before {
  position: absolute;
  top: -0.5em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1em;
  left: -3.75em;
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  text-align: center;
  z-index: 9;
   color: #FFF;
  background-color:#605ca8;
  border: 2px solid #605ca8;
  border-radius: 50%;
  content: counter(li-counter);
  
  counter-increment: li-counter; }
 
.skin-purple-light .circles-list ol > li:before {
  position: absolute;
  top: -0.5em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1em;
  left: -3.75em;
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  text-align: center;
  z-index: 9;
  color: #FFF;
  background-color:#605ca8;
  border: 2px solid #605ca8;
  border-radius: 50%;
  content: counter(li-counter);
  
  counter-increment: li-counter; }
 
.skin-black .jconfirm-title .circles-list ol > li:before {
  position: absolute;
  top: -0.5em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1em;
  left: -3.75em;
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  text-align: center;
  z-index: 9;
  color: #FFF;
  background-color:#999;
  border: 2px solid #999;
  border-radius: 50%;
  content: counter(li-counter);
  
  counter-increment: li-counter; }

.skin-black-light .circles-list ol > li:before {
  position: absolute;
  top: -0.5em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 1em;
  left: -3.75em;
  width: 2.25em;
  height: 2.25em;
  line-height: 2.25em;
  text-align: center;
  z-index: 9;
  color: #FFF;
  background-color:#999;
  border: 2px solid #999;
  border-radius: 50%;
  content: counter(li-counter);
  
  counter-increment: li-counter; }
 

  







.skin-green .jconfirm-title  {
   color: #33a657;
} 

 
.skin-green-light .jconfirm-title  {
 color: #33a657;
} 


 
.skin-blue .jconfirm-title  {
  color: #4a8ebe;
} 
 
.skin-blue-light .jconfirm-title  {
 color: #4a8ebe;
} 
 
.skin-red .jconfirm-title  {
  color: #dd4b39;
} 
 
.skin-red-light .jconfirm-title  {
 color: #dd4b39;
} 


 
.skin-yellow .jconfirm-title  {
  color: #f39c12;
} 
 
.skin-yellow-light .jconfirm-title  {
 color: #f39c12;
} 


 
.skin-purple .jconfirm-title  {
  color: #605ca8;
} 
 
.skin-purple-light .jconfirm-title  {
 color: #605ca8;
} 

 
.skin-black .jconfirm-title {
   color: #999;
}  
.skin-black-light .jconfirm-title {
  color: #999;
} 






.skin-green .text-primary  {
   color: #33a657;
} 

 
.skin-green-light .text-primary  {
 color: #33a657;
} 


 
.skin-blue .text-primary  {
  color: #4a8ebe;
} 
 
.skin-blue-light .text-primary  {
 color: #4a8ebe;
} 
 
.skin-red .text-primary  {
  color: #dd4b39;
} 
 
.skin-red-light .text-primary  {
 color: #dd4b39;
} 


 
.skin-yellow .text-primary  {
  color: #f39c12;
} 
 
.skin-yellow-light .text-primary  {
 color: #f39c12;
} 


 
.skin-purple .text-primary  {
  color: #605ca8;
} 
 
.skin-purple-light .text-primary  {
 color: #605ca8;
} 

 
.skin-black .text-primary {
   color: #999;
}  
.skin-black-light .text-primary {
  color: #999;
} 





.skin-green .btn-primary {
  color: #fff;
  background-color: #33a657;
  border-color: #33a657;
} 
.skin-green .box-primary {
   border-top-color: #33a657;
} 

.skin-green-light .btn-primary {
  color: #fff;
  background-color: #33a657;
  border-color: #33a657;
} 
.skin-green-light .box-primary {
 border-top-color: #33a657;
} 


.skin-blue .btn-primary {
  color: #fff;
  background-color: #4a8ebe;
  border-color: #4a8ebe;
} 
.skin-blue .box-primary {
  border-top-color: #4a8ebe;
} 
.skin-blue-light .btn-primary {
  color: #fff;
  background-color: #4a8ebe;
  border-color: #4a8ebe;
} 
.skin-blue-light .box-primary {
 border-top-color: #4a8ebe;
} 


.skin-red .btn-primary {
  color: #fff;
  background-color: #dd4b39;
  border-color: #dd4b39;
} 
.skin-red .box-primary {
  border-top-color: #dd4b39;
} 
.skin-red-light .btn-primary {
  color: #fff;
  background-color: #dd4b39;
  border-color: #dd4b39;
} 
.skin-red-light .box-primary {
 border-top-color: #dd4b39;
} 


.skin-yellow .btn-primary {
  color: #fff;
  background-color: #f39c12;
  border-color: #f39c12;
} 
.skin-yellow .box-primary {
  border-top-color: #f39c12;
} 
.skin-yellow-light .btn-primary {
  color: #fff;
  background-color: #f39c12;
  border-color: #f39c12;
} 
.skin-yellow-light .box-primary {
 border-top-color: #f39c12;
} 


.skin-purple .btn-primary {
  color: #fff;
  background-color: #605ca8;
  border-color: #605ca8;
} 
.skin-purple .box-primary {
  border-top-color: #605ca8;
} 
.skin-purple-light .btn-primary {
  color: #fff;
  background-color: #605ca8;
  border-color: #605ca8;
} 
.skin-purple-light .box-primary {
 border-top-color: #605ca8;
} 


.skin-black .btn-primary {
  color: #fff;
  background-color: #999;
  border-color: #999;
} 
.skin-black .box-primary {
  border-top-color: #999;
} 
.skin-black-light .btn-primary {
  color: #fff;
  background-color: #999;
  border-color: #999;
} 
.skin-black-light .box-primary {
 border-top-color: #999;
} 



 .skin-green .Pager span
    {
        text-align: center;
        color: #FFF;
        display: inline-block;
        width: 30px;
        background-color: #33a657;
        margin-right: 3px;
        line-height: 150%;
        border: 1px solid #33a657;
       
         border-radius:3px; 
         font-size:14px;
    }
   .skin-green .Pager a
    {
        text-align: center;
        display: inline-block;
        width: 30px;
        /*background-color: #73c6dc;*/
        color: #444;
      border: 1px solid #ddd; 
        margin-right: 3px;
        line-height: 150%;
        text-decoration: none;
         border-radius:3px; 
         font-size:14px;
    }
   .skin-green .Pager .textnum
    {
        color:#33a657;
    }
   .skin-green-light .Pager span
    {
        text-align: center;
        color: #FFF;
        display: inline-block;
        width: 30px;
        background-color: #33a657;
        margin-right: 3px;
        line-height: 150%;
        border: 1px solid #33a657;
       
         border-radius:3px; 
         font-size:14px;
    }
   .skin-green-light .Pager a
    {
        text-align: center;
        display: inline-block;
        width: 30px;
        /*background-color: #73c6dc;*/
        color: #444;
      border: 1px solid #ddd; 
        margin-right: 3px;
        line-height: 150%;
        text-decoration: none;
         border-radius:3px; 
         font-size:14px;
    }
   .skin-green-light .Pager .textnum
    {
        color:#33a657;
    }
    .skin-blue .Pager span
    {
        text-align: center;
        color: #FFF;
        display: inline-block;
        width: 30px;
        background-color: #4a8ebe;
        margin-right: 3px;
        line-height: 150%;
        border: 1px solid #4a8ebe;
       
         border-radius:3px; 
         font-size:14px;
    }
   .skin-blue .Pager a
    {
        text-align: center;
        display: inline-block;
        width: 30px;
        /*background-color: #73c6dc;*/
        color: #444;
      border: 1px solid #ddd; 
        margin-right: 3px;
        line-height: 150%;
        text-decoration: none;
         border-radius:3px; 
         font-size:14px;
    }
   .skin-blue .Pager .textnum
    {
        color:#4a8ebe;
    }
    .skin-blue-light .Pager span
    {
        text-align: center;
        color: #FFF;
        display: inline-block;
        width: 30px;
        background-color: #4a8ebe;
        margin-right: 3px;
        line-height: 150%;
        border: 1px solid #4a8ebe;
       
         border-radius:3px; 
         font-size:14px;
    }
   .skin-blue-light .Pager a
    {
        text-align: center;
        display: inline-block;
        width: 30px;
        /*background-color: #73c6dc;*/
        color: #444;
      border: 1px solid #ddd; 
        margin-right: 3px;
        line-height: 150%;
        text-decoration: none;
         border-radius:3px; 
         font-size:14px;
    }
   .skin-blue-light .Pager .textnum
    {
        color:#4a8ebe;
    }
   .skin-black .Pager span
    {
        text-align: center;
        color: #FFF;
        display: inline-block;
        width: 30px;
        background-color: #999;
        margin-right: 3px;
        line-height: 150%;
        border: 1px solid #999;
       
         border-radius:3px; 
         font-size:14px;
    }
   .skin-black .Pager a
    {
        text-align: center;
        display: inline-block;
        width: 30px;
        /*background-color: #73c6dc;*/
        color: #444;
      border: 1px solid #ddd; 
        margin-right: 3px;
        line-height: 150%;
        text-decoration: none;
         border-radius:3px; 
         font-size:14px;
    }
   .skin-black .Pager .textnum
    {
        color:#444;
    }
   .skin-black-light .Pager span
    {
        text-align: center;
        color: #FFF;
        display: inline-block;
        width: 30px;
        background-color: #999;
        margin-right: 3px;
        line-height: 150%;
        border: 1px solid #999;
       
         border-radius:3px; 
         font-size:14px;
    }
   .skin-black-light .Pager a
    {
        text-align: center;
        display: inline-block;
        width: 30px;
        /*background-color: #73c6dc;*/
        color: #444;
      border: 1px solid #ddd; 
        margin-right: 3px;
        line-height: 150%;
        text-decoration: none;
         border-radius:3px; 
         font-size:14px;
    }
   .skin-black-light .Pager .textnum
    {
        color:#444;
    }
   .skin-yellow .Pager span
    {
        text-align: center;
        color: #FFF;
        display: inline-block;
        width: 30px;
        background-color: #f39c12;
        margin-right: 3px;
        line-height: 150%;
        border: 1px solid #f39c12;
       
         border-radius:3px; 
         font-size:14px;
    }
   .skin-yellow .Pager a
    {
        text-align: center;
        display: inline-block;
        width: 30px;
        /*background-color: #73c6dc;*/
        color: #444;
      border: 1px solid #ddd; 
        margin-right: 3px;
        line-height: 150%;
        text-decoration: none;
         border-radius:3px; 
         font-size:14px;
    }
   .skin-yellow .Pager .textnum
    {
        color:#f39c12;
    }
   .skin-yellow-light .Pager span
    {
        text-align: center;
        color: #FFF;
        display: inline-block;
        width: 30px;
        background-color: #f39c12;
        margin-right: 3px;
        line-height: 150%;
        border: 1px solid #f39c12;
       
         border-radius:3px; 
         font-size:14px;
    }
   .skin-yellow-light .Pager a
    {
        text-align: center;
        display: inline-block;
        width: 30px;
        /*background-color: #73c6dc;*/
        color: #444;
      border: 1px solid #ddd; 
        margin-right: 3px;
        line-height: 150%;
        text-decoration: none;
         border-radius:3px; 
         font-size:14px;
    }
   .skin-yellow-light .Pager .textnum
    {
        color:#f39c12;
    }


   .skin-red .Pager span
    {
        text-align: center;
        color: #FFF;
        display: inline-block;
        width: 30px;
        background-color: #dd4b39;
        margin-right: 3px;
        line-height: 150%;
        border: 1px solid #dd4b39;
       
         border-radius:3px; 
         font-size:14px;
    }
   .skin-red .Pager a
    {
        text-align: center;
        display: inline-block;
        width: 30px;
        /*background-color: #73c6dc;*/
        color: #444;
      border: 1px solid #ddd; 
        margin-right: 3px;
        line-height: 150%;
        text-decoration: none;
         border-radius:3px; 
         font-size:14px;
    }
   .skin-red .Pager .textnum
    {
        color:#dd4b39;
    }
   .skin-red-light .Pager span
    {
        text-align: center;
        color: #FFF;
        display: inline-block;
        width: 30px;
        background-color: #dd4b39;
        margin-right: 3px;
        line-height: 150%;
        border: 1px solid #dd4b39;
       
         border-radius:3px; 
         font-size:14px;
    }
   .skin-red-light .Pager a
    {
        text-align: center;
        display: inline-block;
        width: 30px;
        /*background-color: #73c6dc;*/
        color: #444;
      border: 1px solid #ddd; 
        margin-right: 3px;
        line-height: 150%;
        text-decoration: none;
         border-radius:3px; 
         font-size:14px;
    }
   .skin-red-light .Pager .textnum
    {
        color:#dd4b39;
    }

    .skin-purple .Pager span
    {
        text-align: center;
        color: #FFF;
        display: inline-block;
        width: 30px;
        background-color: #605ca8;
        margin-right: 3px;
        line-height: 150%;
        border: 1px solid #605ca8;
       
         border-radius:3px; 
         font-size:14px;
    }
   .skin-purple .Pager a
    {
        text-align: center;
        display: inline-block;
        width: 30px;
        /*background-color: #73c6dc;*/
        color: #444;
      border: 1px solid #ddd; 
        margin-right: 3px;
        line-height: 150%;
        text-decoration: none;
         border-radius:3px; 
         font-size:14px;
    }
   .skin-purple .Pager .textnum
    {
        color:#605ca8;
    }
   .skin-purple-light .Pager span
    {
        text-align: center;
        color: #FFF;
        display: inline-block;
        width: 30px;
        background-color: #605ca8;
        margin-right: 3px;
        line-height: 150%;
        border: 1px solid #605ca8;
       
         border-radius:3px; 
         font-size:14px;
    }
   .skin-purple-light .Pager a
    {
        text-align: center;
        display: inline-block;
        width: 30px;
        /*background-color: #73c6dc;*/
        color: #444;
      border: 1px solid #ddd; 
        margin-right: 3px;
        line-height: 150%;
        text-decoration: none;
         border-radius:3px; 
         font-size:14px;
    }
   .skin-purple-light .Pager .textnum
    {
        color:#605ca8;
    }
 
.skin-blue .pagination > .active > a,
.skin-blue .pagination > .active > span,
.skin-blue .pagination > .active > a:hover,
.skin-blue .pagination > .active > span:hover,
.skin-blue .pagination > .active > a:focus,
.skin-blue .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #4a8ebe;
  border-color: #4a8ebe;
}
 
.skin-blue-light .pagination > .active > a,
.skin-blue-light .pagination > .active > span,
.skin-blue-light .pagination > .active > a:hover,
.skin-blue-light .pagination > .active > span:hover,
.skin-blue-light .pagination > .active > a:focus,
.skin-blue-light .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #4a8ebe;
  border-color: #4a8ebe;
} 
    
.skin-red .pagination > .active > a,
.skin-red .pagination > .active > span,
.skin-red .pagination > .active > a:hover,
.skin-red .pagination > .active > span:hover,
.skin-red .pagination > .active > a:focus,
.skin-red .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #dd4b39;
  border-color: #dd4b39;
}
 
.skin-red-light .pagination > .active > a,
.skin-red-light .pagination > .active > span,
.skin-red-light .pagination > .active > a:hover,
.skin-red-light .pagination > .active > span:hover,
.skin-red-light .pagination > .active > a:focus,
.skin-red-light .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #dd4b39;
  border-color: #dd4b39;
} 

.skin-green .pagination > .active > a,
.skin-green .pagination > .active > span,
.skin-green .pagination > .active > a:hover,
.skin-green .pagination > .active > span:hover,
.skin-green .pagination > .active > a:focus,
.skin-green .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #33a657;
  border-color: #33a657;
}
 
.skin-green-light .pagination > .active > a,
.skin-green-light .pagination > .active > span,
.skin-green-light .pagination > .active > a:hover,
.skin-green-light .pagination > .active > span:hover,
.skin-green-light .pagination > .active > a:focus,
.skin-green-light .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #33a657;
  border-color: #33a657;
}    
 
.skin-black .pagination > .active > a,
.skin-black .pagination > .active > span,
.skin-black .pagination > .active > a:hover,
.skin-black .pagination > .active > span:hover,
.skin-black .pagination > .active > a:focus,
.skin-black .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #999;
  border-color: #999;
}
 
.skin-black-light .pagination > .active > a,
.skin-black-light .pagination > .active > span,
.skin-black-light .pagination > .active > a:hover,
.skin-black-light .pagination > .active > span:hover,
.skin-black-light .pagination > .active > a:focus,
.skin-black-light .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #999;
  border-color: #999;
}
  
.skin-yellow .pagination > .active > a,
.skin-yellow .pagination > .active > span,
.skin-yellow .pagination > .active > a:hover,
.skin-yellow .pagination > .active > span:hover,
.skin-yellow .pagination > .active > a:focus,
.skin-yellow .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #f39c12;
  border-color: #f39c12;
}
 
.skin-yellow-light .pagination > .active > a,
.skin-yellow-light .pagination > .active > span,
.skin-yellow-light .pagination > .active > a:hover,
.skin-yellow-light .pagination > .active > span:hover,
.skin-yellow-light .pagination > .active > a:focus,
.skin-yellow-light .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #f39c12;
  border-color: #f39c12;
}
  
   .skin-purple .pagination > .active > a,
.skin-purple .pagination > .active > span,
.skin-purple .pagination > .active > a:hover,
.skin-purple .pagination > .active > span:hover,
.skin-purple .pagination > .active > a:focus,
.skin-purple .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #605ca8;
  border-color: #605ca8;
}
 
 .skin-purple-light .pagination > .active > a,
.skin-purple-light .pagination > .active > span,
.skin-purple-light .pagination > .active > a:hover,
.skin-purple-light .pagination > .active > span:hover,
.skin-purple-light .pagination > .active > a:focus,
.skin-purple-light .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #605ca8;
  border-color: #605ca8;
}



 .skin-red .pagination > .active > a,
.skin-red .pagination > .active > span,
.skin-red .pagination > .active > a:hover,
.skin-red .pagination > .active > span:hover,
.skin-red .pagination > .active > a:focus,
.skin-red .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #dd4b39;
  border-color: #dd4b39;
}
 
 .skin-red-light .pagination > .active > a,
.skin-red-light .pagination > .active > span,
.skin-red-light .pagination > .active > a:hover,
.skin-red-light .pagination > .active > span:hover,
.skin-red-light .pagination > .active > a:focus,
.skin-red-light .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #dd4b39;
  border-color: #dd4b39;
}




.skin-blue .main-header .navbar {
    background-color: #3c8dbc;
}

    .skin-blue .main-header .navbar .nav > li > a {
        color: #fff;
    }

        .skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
            background: rgba(0,0,0,0.1);
            color: #f6f6f6;
        }

    .skin-blue .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-blue .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0,0,0,0.1);
        }

    .skin-blue .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-blue .main-header .navbar .sidebar-toggle:hover {
            background-color: #367fa9;
        }

@media (max-width:767px) {
    .skin-blue .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255,255,255,0.1);
    }

    .skin-blue .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-blue .main-header .navbar .dropdown-menu li a:hover {
            background: #367fa9;
        }
}

.skin-blue .main-header .logo {
    background-color: #367fa9;
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-blue .main-header .logo:hover {
        background-color: #357ca5;
    }

.skin-blue .main-header li.user-header {
    background-color: #3c8dbc;
}

.skin-blue .content-header {
    background: transparent;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #222d32;
}

.skin-blue .user-panel > .info, .skin-blue .user-panel > .info > a {
    color: #fff;
}

.skin-blue .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-blue .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    color: #fff;
    background: #1e282c;
}

.skin-blue .sidebar-menu > li.active > a {
    border-left-color: #3c8dbc;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-blue .sidebar a {
    color: #b8c7ce;
}

    .skin-blue .sidebar a:hover {
        text-decoration: none;
    }

.skin-blue .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-blue .sidebar-menu .treeview-menu > li.active > a, .skin-blue .sidebar-menu .treeview-menu > li > a:hover {
        color: #fff;
    }

.skin-blue .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-blue .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-blue .sidebar-form input[type="text"]:focus, .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-blue .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-blue.layout-top-nav .main-header > .logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-blue.layout-top-nav .main-header > .logo:hover {
        background-color: #3b8ab8;
    }

.skin-blue-light .main-header .navbar {
    background-color: #3c8dbc;
}

    .skin-blue-light .main-header .navbar .nav > li > a {
        color: #fff;
    }

        .skin-blue-light .main-header .navbar .nav > li > a:hover, .skin-blue-light .main-header .navbar .nav > li > a:active, .skin-blue-light .main-header .navbar .nav > li > a:focus, .skin-blue-light .main-header .navbar .nav .open > a, .skin-blue-light .main-header .navbar .nav .open > a:hover, .skin-blue-light .main-header .navbar .nav .open > a:focus, .skin-blue-light .main-header .navbar .nav > .active > a {
            background: rgba(0,0,0,0.1);
            color: #f6f6f6;
        }

    .skin-blue-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0,0,0,0.1);
        }

    .skin-blue-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
            background-color: #367fa9;
        }

@media (max-width:767px) {
    .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255,255,255,0.1);
    }

    .skin-blue-light .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
            background: #367fa9;
        }
}

.skin-blue-light .main-header .logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-blue-light .main-header .logo:hover {
        background-color: #3b8ab8;
    }

.skin-blue-light .main-header li.user-header {
    background-color: #3c8dbc;
}

.skin-blue-light .content-header {
    background: transparent;
}

.skin-blue-light .wrapper, .skin-blue-light .main-sidebar, .skin-blue-light .left-side {
    background-color: #f9fafc;
}

.skin-blue-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-blue-light .user-panel > .info, .skin-blue-light .user-panel > .info > a {
    color: #444;
}

.skin-blue-light .sidebar-menu > li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease;
}

    .skin-blue-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-blue-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-blue-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a {
        color: #000;
        background: #f4f4f5;
    }

    .skin-blue-light .sidebar-menu > li.active {
        border-left-color: #3c8dbc;
    }

        .skin-blue-light .sidebar-menu > li.active > a {
            font-weight: 600;
        }

    .skin-blue-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-blue-light .sidebar a {
    color: #444;
}

    .skin-blue-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-blue-light .sidebar-menu .treeview-menu > li > a {
    color: #777;
}

    .skin-blue-light .sidebar-menu .treeview-menu > li.active > a, .skin-blue-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000;
    }

.skin-blue-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-blue-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-blue-light .sidebar-form input[type="text"], .skin-blue-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-blue-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-blue-light .sidebar-form input[type="text"]:focus, .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-blue-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width:768px) {
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-blue-light .main-footer {
    border-top-color: #d2d6de;
}

.skin-blue.layout-top-nav .main-header > .logo {
    background-color: #3c8dbc;
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-blue.layout-top-nav .main-header > .logo:hover {
        background-color: #3b8ab8;
    }

.skin-black .main-header {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

    .skin-black .main-header .navbar-toggle {
        color: #333;
    }

    .skin-black .main-header .navbar-brand {
        color: #333;
        border-right: 1px solid #ddd;
    }

    .skin-black .main-header .navbar {
        background-color: #ddd;
    }

        .skin-black .main-header .navbar .nav > li > a {
            color: #333;
        }

            .skin-black .main-header .navbar .nav > li > a:hover, .skin-black .main-header .navbar .nav > li > a:active, .skin-black .main-header .navbar .nav > li > a:focus, .skin-black .main-header .navbar .nav .open > a, .skin-black .main-header .navbar .nav .open > a:hover, .skin-black .main-header .navbar .nav .open > a:focus, .skin-black .main-header .navbar .nav > .active > a {
                background: #ddd;
                color: #999;
            }

        .skin-black .main-header .navbar .sidebar-toggle {
            color: #333;
        }

            .skin-black .main-header .navbar .sidebar-toggle:hover {
                color: #999;
                background: #ddd;
            }

        .skin-black .main-header .navbar > .sidebar-toggle {
            color: #333;
            border-right: 1px solid #ddd;
        }

        .skin-black .main-header .navbar .navbar-nav > li > a {
            border-right: 1px solid #ddd;
        }

        .skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black .main-header .navbar .navbar-right > li > a {
            border-left: 1px solid #ddd;
            border-right-width: 0;
        }

    .skin-black .main-header > .logo {
        background-color: #ddd;
        color: #333;
        border-bottom: 0 solid transparent;
        border-right: 1px solid #ddd;
    }

        .skin-black .main-header > .logo:hover {
            background-color: #ddd;
        }

@media (max-width:767px) {
    .skin-black .main-header > .logo {
        background-color: #222;
        color: #fff;
        border-bottom: 0 solid transparent;
        border-right: none;
    }

        .skin-black .main-header > .logo:hover {
            background-color: #ddd;
        }
}

.skin-black .main-header li.user-header {
    background-color: #222;
}

.skin-black .content-header {
    background: transparent;
    box-shadow: none;
}

.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side {
    background-color: #222d32;
}

.skin-black .user-panel > .info, .skin-black .user-panel > .info > a {
    color: #fff;
}

.skin-black .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-black .sidebar-menu > li > a {
    border-left: 3px solid #ddd;
}

.skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li.active > a, .skin-black .sidebar-menu > li.menu-open > a {
    color: #fff;
    background: #1e282c;
}

.skin-black .sidebar-menu > li.active > a {
    border-left-color: #fff;
}

.skin-black .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-black .sidebar a {
    color: #b8c7ce;
}

    .skin-black .sidebar a:hover {
        text-decoration: none;
    }

.skin-black .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-black .sidebar-menu .treeview-menu > li.active > a, .skin-black .sidebar-menu .treeview-menu > li > a:hover {
        color: #fff;
    }

.skin-black .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-black .sidebar-form input[type="text"], .skin-black .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-black .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-black .sidebar-form input[type="text"]:focus, .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-black .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-black .pace .pace-progress {
    background: #222;
}

.skin-black .pace .pace-activity {
    border-top-color: #222;
    border-left-color: #222;
}

.skin-black-light .main-header {
    border-bottom: 1px solid #d2d6de;
}

    .skin-black-light .main-header .navbar-toggle {
        color: #333;
    }

    .skin-black-light .main-header .navbar-brand {
        color: #333;
        border-right: 1px solid #d2d6de;
    }

    .skin-black-light .main-header .navbar {
        background-color: #d2d6de;
    }

        .skin-black-light .main-header .navbar .nav > li > a {
            color: #333;
        }

            .skin-black-light .main-header .navbar .nav > li > a:hover, .skin-black-light .main-header .navbar .nav > li > a:active, .skin-black-light .main-header .navbar .nav > li > a:focus, .skin-black-light .main-header .navbar .nav .open > a, .skin-black-light .main-header .navbar .nav .open > a:hover, .skin-black-light .main-header .navbar .nav .open > a:focus, .skin-black-light .main-header .navbar .nav > .active > a {
                background: #fff;
                color: #999;
            }

        .skin-black-light .main-header .navbar .sidebar-toggle {
            color: #333;
        }

            .skin-black-light .main-header .navbar .sidebar-toggle:hover {
                color: #999;
                background: #fff;
            }

        .skin-black-light .main-header .navbar > .sidebar-toggle {
            color: #333;
            border-right: 1px solid #d2d6de;
        }

        .skin-black-light .main-header .navbar .navbar-nav > li > a {
            border-right: 1px solid #d2d6de;
        }

        .skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black-light .main-header .navbar .navbar-right > li > a {
            border-left: 1px solid #d2d6de;
            border-right-width: 0;
        }

    .skin-black-light .main-header > .logo {
        background-color: #d2d6de;
        color: #333;
        border-bottom: 0 solid transparent;
        border-right: 1px solid #d2d6de;
    }

        .skin-black-light .main-header > .logo:hover {
            background-color: #fcfcfc;
        }

@media (max-width:767px) {
    .skin-black-light .main-header > .logo {
        background-color: #222;
        color: #fff;
        border-bottom: 0 solid transparent;
        border-right: none;
    }

        .skin-black-light .main-header > .logo:hover {
            background-color: #1f1f1f;
        }
}

.skin-black-light .main-header li.user-header {
    background-color: #fbb74b;
}

.skin-black-light .content-header {
    background: transparent;
    box-shadow: none;
}

.skin-black-light .wrapper, .skin-black-light .main-sidebar, .skin-black-light .left-side {
    background-color: #f9fafc;
}

.skin-black-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-black-light .user-panel > .info, .skin-black-light .user-panel > .info > a {
    color: #444;
}

.skin-black-light .sidebar-menu > li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease;
}

    .skin-black-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-black-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-black-light .sidebar-menu > li:hover > a, .skin-black-light .sidebar-menu > li.active > a {
        color: #000;
        background: #f4f4f5;
    }

    .skin-black-light .sidebar-menu > li.active {
        border-left-color: #fff;
    }

        .skin-black-light .sidebar-menu > li.active > a {
            font-weight: 600;
        }

    .skin-black-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-black-light .sidebar a {
    color: #444;
}

    .skin-black-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-black-light .sidebar-menu .treeview-menu > li > a {
    color: #777;
}

    .skin-black-light .sidebar-menu .treeview-menu > li.active > a, .skin-black-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000;
    }

.skin-black-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-black-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-black-light .sidebar-form input[type="text"], .skin-black-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-black-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-black-light .sidebar-form input[type="text"]:focus, .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-black-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width:768px) {
    .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-green .main-header .navbar {
    background-color: #00a65a;
}

    .skin-green .main-header .navbar .nav > li > a {
        color: #fff;
    }

        .skin-green .main-header .navbar .nav > li > a:hover, .skin-green .main-header .navbar .nav > li > a:active, .skin-green .main-header .navbar .nav > li > a:focus, .skin-green .main-header .navbar .nav .open > a, .skin-green .main-header .navbar .nav .open > a:hover, .skin-green .main-header .navbar .nav .open > a:focus, .skin-green .main-header .navbar .nav > .active > a {
            background: rgba(0,0,0,0.1);
            color: #f6f6f6;
        }

    .skin-green .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-green .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0,0,0,0.1);
        }

    .skin-green .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-green .main-header .navbar .sidebar-toggle:hover {
            background-color: #008d4c;
        }

@media (max-width:767px) {
    .skin-green .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255,255,255,0.1);
    }

    .skin-green .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-green .main-header .navbar .dropdown-menu li a:hover {
            background: #008d4c;
        }
}

.skin-green .main-header .logo {
    background-color: #008d4c;
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-green .main-header .logo:hover {
        background-color: #008749;
    }

.skin-green .main-header li.user-header {
    background-color: #00a65a;
}

.skin-green .content-header {
    background: transparent;
}

.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {
    background-color: #222d32;
}

.skin-green .user-panel > .info, .skin-green .user-panel > .info > a {
    color: #fff;
}

.skin-green .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-green .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-green .sidebar-menu > li:hover > a, .skin-green .sidebar-menu > li.active > a, .skin-green .sidebar-menu > li.menu-open > a {
    color: #fff;
    background: #1e282c;
}

.skin-green .sidebar-menu > li.active > a {
    border-left-color: #00a65a;
}

.skin-green .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-green .sidebar a {
    color: #b8c7ce;
}

    .skin-green .sidebar a:hover {
        text-decoration: none;
    }

.skin-green .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-green .sidebar-menu .treeview-menu > li.active > a, .skin-green .sidebar-menu .treeview-menu > li > a:hover {
        color: #fff;
    }

.skin-green .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-green .sidebar-form input[type="text"], .skin-green .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-green .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-green .sidebar-form input[type="text"]:focus, .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-green .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-green-light .main-header .navbar {
    background-color: #00a65a;
}

    .skin-green-light .main-header .navbar .nav > li > a {
        color: #fff;
    }

        .skin-green-light .main-header .navbar .nav > li > a:hover, .skin-green-light .main-header .navbar .nav > li > a:active, .skin-green-light .main-header .navbar .nav > li > a:focus, .skin-green-light .main-header .navbar .nav .open > a, .skin-green-light .main-header .navbar .nav .open > a:hover, .skin-green-light .main-header .navbar .nav .open > a:focus, .skin-green-light .main-header .navbar .nav > .active > a {
            background: rgba(0,0,0,0.1);
            color: #f6f6f6;
        }

    .skin-green-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-green-light .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0,0,0,0.1);
        }

    .skin-green-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-green-light .main-header .navbar .sidebar-toggle:hover {
            background-color: #008d4c;
        }

@media (max-width:767px) {
    .skin-green-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255,255,255,0.1);
    }

    .skin-green-light .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
            background: #008d4c;
        }
}

.skin-green-light .main-header .logo {
    background-color: #00a65a;
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-green-light .main-header .logo:hover {
        background-color: #00a157;
    }

.skin-green-light .main-header li.user-header {
    background-color: #00a65a;
}

.skin-green-light .content-header {
    background: transparent;
}

.skin-green-light .wrapper, .skin-green-light .main-sidebar, .skin-green-light .left-side {
    background-color: #f9fafc;
}

.skin-green-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-green-light .user-panel > .info, .skin-green-light .user-panel > .info > a {
    color: #444;
}

.skin-green-light .sidebar-menu > li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease;
}

    .skin-green-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-green-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-green-light .sidebar-menu > li:hover > a, .skin-green-light .sidebar-menu > li.active > a {
        color: #000;
        background: #f4f4f5;
    }

    .skin-green-light .sidebar-menu > li.active {
        border-left-color: #00a65a;
    }

        .skin-green-light .sidebar-menu > li.active > a {
            font-weight: 600;
        }

    .skin-green-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-green-light .sidebar a {
    color: #444;
}

    .skin-green-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-green-light .sidebar-menu .treeview-menu > li > a {
    color: #777;
}

    .skin-green-light .sidebar-menu .treeview-menu > li.active > a, .skin-green-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000;
    }

.skin-green-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-green-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-green-light .sidebar-form input[type="text"], .skin-green-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-green-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-green-light .sidebar-form input[type="text"]:focus, .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-green-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width:768px) {
    .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-red .main-header .navbar {
    background-color: #dd4b39;
}

    .skin-red .main-header .navbar .nav > li > a {
        color: #fff;
    }

        .skin-red .main-header .navbar .nav > li > a:hover, .skin-red .main-header .navbar .nav > li > a:active, .skin-red .main-header .navbar .nav > li > a:focus, .skin-red .main-header .navbar .nav .open > a, .skin-red .main-header .navbar .nav .open > a:hover, .skin-red .main-header .navbar .nav .open > a:focus, .skin-red .main-header .navbar .nav > .active > a {
            background: rgba(0,0,0,0.1);
            color: #f6f6f6;
        }

    .skin-red .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-red .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0,0,0,0.1);
        }

    .skin-red .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-red .main-header .navbar .sidebar-toggle:hover {
            background-color: #d73925;
        }

@media (max-width:767px) {
    .skin-red .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255,255,255,0.1);
    }

    .skin-red .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-red .main-header .navbar .dropdown-menu li a:hover {
            background: #d73925;
        }
}

.skin-red .main-header .logo {
    background-color: #d73925;
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-red .main-header .logo:hover {
        background-color: #d33724;
    }

.skin-red .main-header li.user-header {
    background-color: #dd4b39;
}

.skin-red .content-header {
    background: transparent;
}

.skin-red .wrapper, .skin-red .main-sidebar, .skin-red .left-side {
    background-color: #222d32;
}

.skin-red .user-panel > .info, .skin-red .user-panel > .info > a {
    color: #fff;
}

.skin-red .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-red .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-red .sidebar-menu > li:hover > a, .skin-red .sidebar-menu > li.active > a, .skin-red .sidebar-menu > li.menu-open > a {
    color: #fff;
    background: #1e282c;
}

.skin-red .sidebar-menu > li.active > a {
    border-left-color: #dd4b39;
}

.skin-red .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-red .sidebar a {
    color: #b8c7ce;
}

    .skin-red .sidebar a:hover {
        text-decoration: none;
    }

.skin-red .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-red .sidebar-menu .treeview-menu > li.active > a, .skin-red .sidebar-menu .treeview-menu > li > a:hover {
        color: #fff;
    }

.skin-red .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-red .sidebar-form input[type="text"], .skin-red .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-red .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-red .sidebar-form input[type="text"]:focus, .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-red .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-red-light .main-header .navbar {
    background-color: #dd4b39;
}

    .skin-red-light .main-header .navbar .nav > li > a {
        color: #fff;
    }

        .skin-red-light .main-header .navbar .nav > li > a:hover, .skin-red-light .main-header .navbar .nav > li > a:active, .skin-red-light .main-header .navbar .nav > li > a:focus, .skin-red-light .main-header .navbar .nav .open > a, .skin-red-light .main-header .navbar .nav .open > a:hover, .skin-red-light .main-header .navbar .nav .open > a:focus, .skin-red-light .main-header .navbar .nav > .active > a {
            background: rgba(0,0,0,0.1);
            color: #f6f6f6;
        }

    .skin-red-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-red-light .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0,0,0,0.1);
        }

    .skin-red-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-red-light .main-header .navbar .sidebar-toggle:hover {
            background-color: #d73925;
        }

@media (max-width:767px) {
    .skin-red-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255,255,255,0.1);
    }

    .skin-red-light .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
            background: #d73925;
        }
}

.skin-red-light .main-header .logo {
    background-color: #dd4b39;
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-red-light .main-header .logo:hover {
        background-color: #dc4735;
    }

.skin-red-light .main-header li.user-header {
    background-color: #dd4b39;
}

.skin-red-light .content-header {
    background: transparent;
}

.skin-red-light .wrapper, .skin-red-light .main-sidebar, .skin-red-light .left-side {
    background-color: #f9fafc;
}

.skin-red-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-red-light .user-panel > .info, .skin-red-light .user-panel > .info > a {
    color: #444;
}

.skin-red-light .sidebar-menu > li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease;
}

    .skin-red-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-red-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-red-light .sidebar-menu > li:hover > a, .skin-red-light .sidebar-menu > li.active > a {
        color: #000;
        background: #f4f4f5;
    }

    .skin-red-light .sidebar-menu > li.active {
        border-left-color: #dd4b39;
    }

        .skin-red-light .sidebar-menu > li.active > a {
            font-weight: 600;
        }

    .skin-red-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-red-light .sidebar a {
    color: #444;
}

    .skin-red-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-red-light .sidebar-menu .treeview-menu > li > a {
    color: #777;
}

    .skin-red-light .sidebar-menu .treeview-menu > li.active > a, .skin-red-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000;
    }

.skin-red-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-red-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-red-light .sidebar-form input[type="text"], .skin-red-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-red-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-red-light .sidebar-form input[type="text"]:focus, .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-red-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width:768px) {
    .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-yellow .main-header .navbar {
    background-color: #f39c12;
}

    .skin-yellow .main-header .navbar .nav > li > a {
        color: #fff;
    }

        .skin-yellow .main-header .navbar .nav > li > a:hover, .skin-yellow .main-header .navbar .nav > li > a:active, .skin-yellow .main-header .navbar .nav > li > a:focus, .skin-yellow .main-header .navbar .nav .open > a, .skin-yellow .main-header .navbar .nav .open > a:hover, .skin-yellow .main-header .navbar .nav .open > a:focus, .skin-yellow .main-header .navbar .nav > .active > a {
            background: rgba(0,0,0,0.1);
            color: #f6f6f6;
        }

    .skin-yellow .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-yellow .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0,0,0,0.1);
        }

    .skin-yellow .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-yellow .main-header .navbar .sidebar-toggle:hover {
            background-color: #e08e0b;
        }

@media (max-width:767px) {
    .skin-yellow .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255,255,255,0.1);
    }

    .skin-yellow .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
            background: #e08e0b;
        }
}

.skin-yellow .main-header .logo {
    background-color: #e08e0b;
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-yellow .main-header .logo:hover {
        background-color: #db8b0b;
    }

.skin-yellow .main-header li.user-header {
    background-color: #f39c12;
}

.skin-yellow .content-header {
    background: transparent;
}

.skin-yellow .wrapper, .skin-yellow .main-sidebar, .skin-yellow .left-side {
    background-color: #222d32;
}

.skin-yellow .user-panel > .info, .skin-yellow .user-panel > .info > a {
    color: #fff;
}

.skin-yellow .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-yellow .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-yellow .sidebar-menu > li:hover > a, .skin-yellow .sidebar-menu > li.active > a, .skin-yellow .sidebar-menu > li.menu-open > a {
    color: #fff;
    background: #1e282c;
}

.skin-yellow .sidebar-menu > li.active > a {
    border-left-color: #f39c12;
}

.skin-yellow .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-yellow .sidebar a {
    color: #b8c7ce;
}

    .skin-yellow .sidebar a:hover {
        text-decoration: none;
    }

.skin-yellow .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-yellow .sidebar-menu .treeview-menu > li.active > a, .skin-yellow .sidebar-menu .treeview-menu > li > a:hover {
        color: #fff;
    }

.skin-yellow .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-yellow .sidebar-form input[type="text"], .skin-yellow .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-yellow .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-yellow .sidebar-form input[type="text"]:focus, .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-yellow .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-yellow-light .main-header .navbar {
    background-color: #f39c12;
}

    .skin-yellow-light .main-header .navbar .nav > li > a {
        color: #fff;
    }

        .skin-yellow-light .main-header .navbar .nav > li > a:hover, .skin-yellow-light .main-header .navbar .nav > li > a:active, .skin-yellow-light .main-header .navbar .nav > li > a:focus, .skin-yellow-light .main-header .navbar .nav .open > a, .skin-yellow-light .main-header .navbar .nav .open > a:hover, .skin-yellow-light .main-header .navbar .nav .open > a:focus, .skin-yellow-light .main-header .navbar .nav > .active > a {
            background: rgba(0,0,0,0.1);
            color: #f6f6f6;
        }

    .skin-yellow-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0,0,0,0.1);
        }

    .skin-yellow-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
            background-color: #e08e0b;
        }

@media (max-width:767px) {
    .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255,255,255,0.1);
    }

    .skin-yellow-light .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
            background: #e08e0b;
        }
}

.skin-yellow-light .main-header .logo {
    background-color: #f39c12;
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-yellow-light .main-header .logo:hover {
        background-color: #f39a0d;
    }

.skin-yellow-light .main-header li.user-header {
    background-color: #f39c12;
}

.skin-yellow-light .content-header {
    background: transparent;
}

.skin-yellow-light .wrapper, .skin-yellow-light .main-sidebar, .skin-yellow-light .left-side {
    background-color: #f9fafc;
}

.skin-yellow-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-yellow-light .user-panel > .info, .skin-yellow-light .user-panel > .info > a {
    color: #444;
}

.skin-yellow-light .sidebar-menu > li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease;
}

    .skin-yellow-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-yellow-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-yellow-light .sidebar-menu > li:hover > a, .skin-yellow-light .sidebar-menu > li.active > a {
        color: #000;
        background: #f4f4f5;
    }

    .skin-yellow-light .sidebar-menu > li.active {
        border-left-color: #f39c12;
    }

        .skin-yellow-light .sidebar-menu > li.active > a {
            font-weight: 600;
        }

    .skin-yellow-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-yellow-light .sidebar a {
    color: #444;
}

    .skin-yellow-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-yellow-light .sidebar-menu .treeview-menu > li > a {
    color: #777;
}

    .skin-yellow-light .sidebar-menu .treeview-menu > li.active > a, .skin-yellow-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000;
    }

.skin-yellow-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-yellow-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-yellow-light .sidebar-form input[type="text"], .skin-yellow-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-yellow-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-yellow-light .sidebar-form input[type="text"]:focus, .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-yellow-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width:768px) {
    .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}

.skin-purple .main-header .navbar {
    background-color: #605ca8;
}

    .skin-purple .main-header .navbar .nav > li > a {
        color: #fff;
    }

        .skin-purple .main-header .navbar .nav > li > a:hover, .skin-purple .main-header .navbar .nav > li > a:active, .skin-purple .main-header .navbar .nav > li > a:focus, .skin-purple .main-header .navbar .nav .open > a, .skin-purple .main-header .navbar .nav .open > a:hover, .skin-purple .main-header .navbar .nav .open > a:focus, .skin-purple .main-header .navbar .nav > .active > a {
            background: rgba(0,0,0,0.1);
            color: #f6f6f6;
        }

    .skin-purple .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-purple .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0,0,0,0.1);
        }

    .skin-purple .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-purple .main-header .navbar .sidebar-toggle:hover {
            background-color: #555299;
        }

@media (max-width:767px) {
    .skin-purple .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255,255,255,0.1);
    }

    .skin-purple .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-purple .main-header .navbar .dropdown-menu li a:hover {
            background: #555299;
        }
}

.skin-purple .main-header .logo {
    background-color: #555299;
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-purple .main-header .logo:hover {
        background-color: #545096;
    }

.skin-purple .main-header li.user-header {
    background-color: #605ca8;
}

.skin-purple .content-header {
    background: transparent;
}

.skin-purple .wrapper, .skin-purple .main-sidebar, .skin-purple .left-side {
    background-color: #222d32;
}

.skin-purple .user-panel > .info, .skin-purple .user-panel > .info > a {
    color: #fff;
}

.skin-purple .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-purple .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-purple .sidebar-menu > li:hover > a, .skin-purple .sidebar-menu > li.active > a, .skin-purple .sidebar-menu > li.menu-open > a {
    color: #fff;
    background: #1e282c;
}

.skin-purple .sidebar-menu > li.active > a {
    border-left-color: #605ca8;
}

.skin-purple .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-purple .sidebar a {
    color: #b8c7ce;
}

    .skin-purple .sidebar a:hover {
        text-decoration: none;
    }

.skin-purple .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-purple .sidebar-menu .treeview-menu > li.active > a, .skin-purple .sidebar-menu .treeview-menu > li > a:hover {
        color: #fff;
    }

.skin-purple .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-purple .sidebar-form input[type="text"], .skin-purple .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-purple .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-purple .sidebar-form input[type="text"]:focus, .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-purple .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-purple-light .main-header .navbar {
    background-color: #605ca8;
}

    .skin-purple-light .main-header .navbar .nav > li > a {
        color: #fff;
    }

        .skin-purple-light .main-header .navbar .nav > li > a:hover, .skin-purple-light .main-header .navbar .nav > li > a:active, .skin-purple-light .main-header .navbar .nav > li > a:focus, .skin-purple-light .main-header .navbar .nav .open > a, .skin-purple-light .main-header .navbar .nav .open > a:hover, .skin-purple-light .main-header .navbar .nav .open > a:focus, .skin-purple-light .main-header .navbar .nav > .active > a {
            background: rgba(0,0,0,0.1);
            color: #f6f6f6;
        }

    .skin-purple-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
            color: #f6f6f6;
            background: rgba(0,0,0,0.1);
        }

    .skin-purple-light .main-header .navbar .sidebar-toggle {
        color: #fff;
    }

        .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
            background-color: #555299;
        }

@media (max-width:767px) {
    .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255,255,255,0.1);
    }

    .skin-purple-light .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
            background: #555299;
        }
}

.skin-purple-light .main-header .logo {
    background-color: #605ca8;
    color: #fff;
    border-bottom: 0 solid transparent;
}

    .skin-purple-light .main-header .logo:hover {
        background-color: #5d59a6;
    }

.skin-purple-light .main-header li.user-header {
    background-color: #605ca8;
}

.skin-purple-light .content-header {
    background: transparent;
}

.skin-purple-light .wrapper, .skin-purple-light .main-sidebar, .skin-purple-light .left-side {
    background-color: #f9fafc;
}

.skin-purple-light .main-sidebar {
    border-right: 1px solid #d2d6de;
}

.skin-purple-light .user-panel > .info, .skin-purple-light .user-panel > .info > a {
    color: #444;
}

.skin-purple-light .sidebar-menu > li {
    -webkit-transition: border-left-color .3s ease;
    -o-transition: border-left-color .3s ease;
    transition: border-left-color .3s ease;
}

    .skin-purple-light .sidebar-menu > li.header {
        color: #848484;
        background: #f9fafc;
    }

    .skin-purple-light .sidebar-menu > li > a {
        border-left: 3px solid transparent;
        font-weight: 600;
    }

    .skin-purple-light .sidebar-menu > li:hover > a, .skin-purple-light .sidebar-menu > li.active > a {
        color: #000;
        background: #f4f4f5;
    }

    .skin-purple-light .sidebar-menu > li.active {
        border-left-color: #605ca8;
    }

        .skin-purple-light .sidebar-menu > li.active > a {
            font-weight: 600;
        }

    .skin-purple-light .sidebar-menu > li > .treeview-menu {
        background: #f4f4f5;
    }

.skin-purple-light .sidebar a {
    color: #444;
}

    .skin-purple-light .sidebar a:hover {
        text-decoration: none;
    }

.skin-purple-light .sidebar-menu .treeview-menu > li > a {
    color: #777;
}

    .skin-purple-light .sidebar-menu .treeview-menu > li.active > a, .skin-purple-light .sidebar-menu .treeview-menu > li > a:hover {
        color: #000;
    }

.skin-purple-light .sidebar-menu .treeview-menu > li.active > a {
    font-weight: 600;
}

.skin-purple-light .sidebar-form {
    border-radius: 3px;
    border: 1px solid #d2d6de;
    margin: 10px 10px;
}

    .skin-purple-light .sidebar-form input[type="text"], .skin-purple-light .sidebar-form .btn {
        box-shadow: none;
        background-color: #fff;
        border: 1px solid transparent;
        height: 35px;
    }

    .skin-purple-light .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-purple-light .sidebar-form input[type="text"]:focus, .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-purple-light .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

@media (min-width:768px) {
    .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        border-left: 1px solid #d2d6de;
    }
}