<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html,body
{
    min-height:100%

}
.layout-boxed html,.layout-boxed body
{
    height:100%
}
body
{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight:400;
    overflow-x:hidden;
    overflow-y:auto;
}
.text-success {
    color: #00a65a;
}
.text-warning-2{
    color:#f39c12;
}
.text-info-1{
   color: #00c0ef;
}
.select2 select{
    border: none;
}
.text-yellow{
    color: #f39c12;
}
/*.text-aqua{
    color: #00c0ef;
}*/


b, strong{
    font-family: calibri;
}
.b-r {
    border-right: 1px solid #e7eaec;
}

.b-l {
    border-left: 1px solid #e7eaec;
}

.b-b {
    border-bottom: 1px solid #e7eaec;
}

.b-t {
    border-top: 1px solid #e7eaec;
}
.wrapper
{min-height:100%;position:relative;overflow:hidden}
    .wrapper:before, .wrapper:after {
        content: " ";
        display: table;
    }
.wrapper:after
{clear:both}
.layout-boxed .wrapper {
    max-width: 1250px;
    margin: 0 auto;
    min-height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    position: relative;
}
.layout-boxed
{background:url('../img/boxed-bg.jpg') repeat fixed}
.content-wrapper,.right-side,.main-footer
{
    -webkit-transition:-webkit-transform .3s ease-in-out,margin .3s ease-in-out;
 -moz-transition:-moz-transform .3s ease-in-out,margin .3s ease-in-out;
 -o-transition:-o-transform .3s ease-in-out,margin .3s ease-in-out;
 transition:transform .3s ease-in-out,margin .3s ease-in-out;
 
 z-index:820;
}
.layout-top-nav .content-wrapper,.layout-top-nav .right-side,.layout-top-nav .main-footer
{margin-left:0}
@media (max-width:767px)
{
    .content-wrapper,.right-side,.main-footer
    {margin-left:0}
}
@media (min-width:768px)
{
    .sidebar-collapse .content-wrapper,.sidebar-collapse .right-side,.sidebar-collapse .main-footer
    {
        margin-left:0
    }
}
@media (max-width:767px)
{
    .sidebar-open .content-wrapper,.sidebar-open .right-side,.sidebar-open .main-footer
    {
        -webkit-transform:translate(230px, 0);
        -ms-transform:translate(230px, 0);
        -o-transform:translate(230px, 0);
        transform:translate(230px, 0)
    }
}
.content-wrapper,.right-side{min-height:100%;z-index:800}
.main-footer{background:#fff;padding:15px;color:#444;border-top:1px solid #d2d6de}
.fixed .main-header,.fixed .main-sidebar,.fixed .left-side{position:fixed}
.fixed .main-header{top:0;right:0;left:0}
.fixed .content-wrapper,.fixed .right-side{padding-top:50px}
@media (max-width:767px)
{.fixed .content-wrapper,.fixed .right-side{padding-top:100px}}
.fixed.layout-boxed .wrapper{max-width:100%}
body.hold-transition .content-wrapper,body.hold-transition 
.right-side,body.hold-transition .main-footer,body.hold-transition 
.main-sidebar,body.hold-transition .left-side,body.hold-transition .main-header 
.navbar,body.hold-transition .main-header .logo{-webkit-transition:none;-o-transition:none;transition:none}
.content{min-height:450px;padding:15px;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Source Sans Pro',sans-serif}
a{color:#3c8dbc}
 a:hover,a:active,a:focus{outline:none;text-decoration:none;color:#055e92}
 .page-header{margin:10px 0 20px 0;font-size:22px}
 .page-header&gt;small{color:#666;display:block;margin-top:5px}
  .main-header{position:relative;max-height:100px;z-index:1030}
  .main-header .navbar
  {
      -webkit-transition:margin-left .3s ease-in-out;
      -o-transition:margin-left .3s ease-in-out;
      transition:margin-left .3s ease-in-out;
      margin-bottom:0;margin-left:5px;border:none;min-height:50px;border-radius:0}
  .layout-top-nav .main-header .navbar{margin-left:0}
  .main-header #navbar-search-input.form-control{background:rgba(255,255,255,0.2);border-color:transparent}
   .main-header #navbar-search-input.form-control:focus,
   .main-header #navbar-search-input.form-control:active{border-color:rgba(0,0,0,0.1);background:rgba(255,255,255,0.9)}
   .main-header #navbar-search-input.form-control::-moz-placeholder{color:#ccc;opacity:1}
   .main-header #navbar-search-input.form-control:-ms-input-placeholder{color:#ccc}
   .main-header #navbar-search-input.form-control::-webkit-input-placeholder{color:#ccc}
   .main-header .navbar-custom-menu,.main-header .navbar-right{float:right}
   @media (max-width:991px)
   {
       .main-header .navbar-custom-menu a,.main-header .navbar-right a{color:inherit;background:transparent}}
   @media (max-width:767px)
   {
       .main-header .navbar-right{float:none}
     .navbar-collapse .main-header .navbar-right{margin:7.5px -15px}
     .main-header .navbar-right&gt;li{color:inherit;border:0}}
   .main-header .sidebar-toggle{float:left;background-color:transparent;background-image:none;padding:15px 15px;font-family:fontAwesome}
   .main-header .sidebar-toggle:before{content:"\f0c9"}.main-header .sidebar-toggle:hover{color:#fff}
  .table-bordered&gt;tbody&gt;tr&gt;th{
      background: #F5F5F6;
  }   
  .form-control{
      height: 35px;
     border-radius:4px!important;
  } 
  #inbox .form-control{
      height: 31px;
     border-radius:0px 4px 4px 0px!important;
  } 
    #inbox .form-control{
      height: 31px;
     border-radius:0px 4px 4px 0px!important;
  } 
  .box .box-header .form-control {
    border-radius:4px 0px 0px 4px!important;
}  
  #Basic-Information .form-group {
  margin-bottom: 10px;
}  
.main-header .sidebar-toggle:focus,
.main-header .sidebar-toggle:active{background:transparent}
.main-header .sidebar-toggle .icon-bar{display:none}
.main-header .navbar .nav&gt;li.user&gt;a&gt;.fa,
.main-header .navbar .nav&gt;li.user&gt;a&gt;.glyphicon,
.main-header .navbar .nav&gt;li.user&gt;a&gt;.ion
{margin-right:5px}
.main-header .navbar .nav &gt; li &gt; a &gt; .label {
    position: absolute;
    top: 9px;
    right: 7px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
}
.main-header .logo {
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    display: block;
    float: left;
    height: 52px;
    font-size: 17px;
    line-height: 50px;
    text-align: left;
    width: auto;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 0 15px;
    font-weight: 300;
    overflow: hidden;
}
.main-header .logo .logo-lg{display:block}
.main-header .logo .logo-mini{display:none}
.main-header .navbar-brand{color:#fff}
.content-header{position:relative;padding:15px 15px 0 15px}
    .content-header &gt; h1 {
        margin: 0;
        font-size: 24px;
        color: #045d36;
    }
.content-header&gt;h1&gt;small{font-size:15px;display:inline-block;padding-left:4px;font-weight:300}
    .content-header &gt; .breadcrumb {
       float: right;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 0px 5px;
    position: absolute;
    top: 11px;
    right: 10px;
    border-radius: 2px;
    }
.content-header&gt;.breadcrumb&gt;li&gt;a{color:#444;text-decoration:none;display:inline-block}
.content-header&gt;.breadcrumb&gt;li&gt;a&gt;.fa,
.content-header&gt;.breadcrumb&gt;li&gt;a&gt;.glyphicon,.content-header&gt;.breadcrumb&gt;li&gt;a&gt;.ion{margin-right:5px}
.content-header&gt;.breadcrumb&gt;li+li:before{content:'&gt;\00a0'}
@media (max-width:991px)
{
    .content-header&gt;.breadcrumb{position:relative;margin-top:5px;top:0;right:0;float:none;text-align: right;padding-left:10px}
    .content-header&gt;.breadcrumb li:before{color:#97a0b3}
    .online-reg-empty {
    margin-top: 194px;
}
}
.navbar-toggle{color:#fff;border:0;margin:0;padding:15px 15px}
@media (max-width:991px)
{
    .navbar-custom-menu .navbar-nav&gt;li{float:left}
    .navbar-custom-menu .navbar-nav{margin:0;float:left}
    .navbar-custom-menu .navbar-nav&gt;li&gt;a{padding-top:15px;padding-bottom:15px;line-height:20px}}
@media (max-width:767px)
{
    .main-header{position:relative}
    .main-header .logo,.main-header .navbar{width:100%;float:none}
    .main-header .navbar{margin:0}
    .main-header .navbar-custom-menu{float:right}}
@media (max-width:991px)
{.navbar-collapse.pull-left{float:none !important}
 .navbar-collapse.pull-left+.navbar-custom-menu{display:block;position:absolute;top:0;right:40px}}
.main-sidebar, .left-side {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 50px;
    min-height: 100%;
    width: 230px;
    z-index: 810;
    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
}
@media (max-width:767px){.main-sidebar,.left-side{padding-top:100px}}
@media (max-width:767px) {
    .main-sidebar, .left-side {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0);
    }
}
@media (min-width:768px) {
    .sidebar-collapse .main-sidebar, .sidebar-collapse .left-side {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0);
    }
}
@media (max-width:767px)
{
    .sidebar-open .main-sidebar,
    .sidebar-open 
    .left-side
    {
        -webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)

    }

}
.sidebar{padding-bottom:10px}
.sidebar-form input:focus{border-color:transparent}
.user-panel{position:relative;width:100%;padding:10px;overflow:hidden}
.user-panel:before,
.user-panel:after{content:" ";display:table}
.user-panel:after{clear:both}
.user-panel&gt;.image&gt;img
{
    width:100%;
    max-width:45px;
    height:auto

}
.user-panel&gt;.info{padding:5px 5px 5px 15px;line-height:1;position:absolute;left:55px}
.user-panel&gt;.info&gt;p{font-weight:600;margin-bottom:9px}
.user-panel&gt;.info&gt;a{text-decoration:none;padding-right:5px;margin-top:3px;font-size:11px}
.user-panel&gt;.info&gt;a&gt;.fa,
.user-panel&gt;.info&gt;a&gt;.ion,
.user-panel&gt;.info&gt;a&gt;.glyphicon{margin-right:3px}
.sidebar-menu{list-style:none;margin:0;padding:0}
.sidebar-menu&gt;li{position:relative;margin:0;padding:0}.sidebar-menu&gt;li&gt;a{padding:12px 5px 12px 15px;display:block}
  .sidebar-menu&gt;li&gt;a&gt;.fa,.sidebar-menu&gt;li&gt;a&gt;.glyphicon,.sidebar-menu&gt;li&gt;a&gt;.ion{width:20px}
  .sidebar-menu&gt;li .label,.sidebar-menu&gt;li .badge{margin-right:5px}
  .sidebar-menu&gt;li .badge{margin-top:3px}
  .sidebar-menu li.header{padding:10px 25px 10px 15px;font-size:12px}
  .sidebar-menu li&gt;a&gt;.fa-angle-left,
  .sidebar-menu li&gt;a&gt;.pull-right-container&gt;.fa-angle-left{width:auto;height:auto;padding:0;margin-right:10px}
    .sidebar-menu li.active &gt; a &gt; .fa-angle-left,
    .sidebar-menu li.active &gt; a &gt; .pull-right-container &gt; .fa-angle-left {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }.sidebar-menu li.active&gt;.treeview-menu{display:block}
    .sidebar-menu .treeview-menu {
        display: none;
        list-style: none;
        padding: 0;
        margin: 0;
        padding-left: 5px;
    }
    .sidebar-menu .treeview-menu .treeview-menu{padding-left:20px}.sidebar-menu .treeview-menu&gt;li{margin:0}.sidebar-menu .treeview-menu&gt;li&gt;a{padding:5px 5px 5px 15px;display:block;font-size:14px}.sidebar-menu .treeview-menu&gt;li&gt;a&gt;.fa,.sidebar-menu .treeview-menu&gt;li&gt;a&gt;.glyphicon,.sidebar-menu .treeview-menu&gt;li&gt;a&gt;.ion{width:20px}.sidebar-menu .treeview-menu&gt;li&gt;a&gt;.pull-right-container&gt;.fa-angle-left,.sidebar-menu .treeview-menu&gt;li&gt;a&gt;.pull-right-container&gt;.fa-angle-down,.sidebar-menu .treeview-menu&gt;li&gt;a&gt;.fa-angle-left,.sidebar-menu .treeview-menu&gt;li&gt;a&gt;.fa-angle-down{width:auto}@media (min-width:768px){.sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .right-side,.sidebar-mini.sidebar-collapse .main-footer{margin-left:50px !important;z-index:840}.sidebar-mini.sidebar-collapse .main-sidebar{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);width:50px !important;z-index:850}.sidebar-mini.sidebar-collapse .sidebar-menu&gt;li{position:relative}.sidebar-mini.sidebar-collapse .sidebar-menu&gt;li&gt;a{margin-right:0}.sidebar-mini.sidebar-collapse .sidebar-menu&gt;li&gt;a&gt;span{border-top-right-radius:4px}.sidebar-mini.sidebar-collapse .sidebar-menu&gt;li:not(.treeview)&gt;a&gt;span{border-bottom-right-radius:4px}.sidebar-mini.sidebar-collapse .sidebar-menu&gt;li&gt;.treeview-menu{padding-top:5px;padding-bottom:5px;border-bottom-right-radius:4px}.sidebar-mini.sidebar-collapse .sidebar-menu&gt;li:hover&gt;a&gt;span:not(.pull-right),.sidebar-mini.sidebar-collapse .sidebar-menu&gt;li:hover&gt;.treeview-menu{display:block !important;position:absolute;width:180px;left:50px}.sidebar-mini.sidebar-collapse .sidebar-menu&gt;li:hover&gt;a&gt;span{top:0;margin-left:-3px;padding:12px 5px 12px 20px;background-color:inherit}.sidebar-mini.sidebar-collapse .sidebar-menu&gt;li:hover&gt;a&gt;.pull-right-container{float:right;width:auto!important;left:200px!important;top:10px!important}.sidebar-mini.sidebar-collapse .sidebar-menu&gt;li:hover&gt;a&gt;.pull-right-container&gt;.label:not(:first-of-type){display:none}.sidebar-mini.sidebar-collapse .sidebar-menu&gt;li:hover&gt;.treeview-menu{top:44px;margin-left:0}.sidebar-mini.sidebar-collapse .main-sidebar .user-panel&gt;.info,.sidebar-mini.sidebar-collapse .sidebar-form,.sidebar-mini.sidebar-collapse .sidebar-menu&gt;li&gt;a&gt;span,.sidebar-mini.sidebar-collapse .sidebar-menu&gt;li&gt;.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu&gt;li&gt;a&gt;.pull-right,.sidebar-mini.sidebar-collapse .sidebar-menu li.header{display:none !important;-webkit-transform:translateZ(0)}.sidebar-mini.sidebar-collapse .main-header .logo{width:50px}.sidebar-mini.sidebar-collapse .main-header .logo&gt;.logo-mini{display:block;margin-left:-15px;margin-right:-15px;font-size:18px}.sidebar-mini.sidebar-collapse .main-header .logo&gt;.logo-lg{display:none}.sidebar-mini.sidebar-collapse .main-header .navbar{margin-left:50px}}.sidebar-menu,.main-sidebar .user-panel,.sidebar-menu&gt;li.header{white-space:nowrap;overflow:hidden}.sidebar-menu:hover{overflow:visible}.sidebar-form,.sidebar-menu&gt;li.header{overflow:hidden;text-overflow:clip}.sidebar-menu li&gt;a{position:relative}
 .sidebar-menu li&gt;a&gt;.pull-right-container{position:absolute;right:10px;top:50%;margin-top:-7px}
 .control-sidebar-bg{position:fixed;z-index:1000;bottom:0}
 .control-sidebar-bg,.control-sidebar{bottom:0;right:-295px;width:295px;-webkit-transition:right .3s ease-in-out;-o-transition:right .3s ease-in-out;transition:right .3s ease-in-out}
 .control-sidebar{position:fixed;padding-top:0px;z-index:1010}
 @media (max-width:768px){.control-sidebar{padding-top:100px}}.control-sidebar&gt;.tab-content{padding:10px 15px}.control-sidebar.control-sidebar-open,.control-sidebar.control-sidebar-open+.control-sidebar-bg{right:0}.control-sidebar-open .control-sidebar-bg,.control-sidebar-open .control-sidebar{right:0}@media (min-width:768px){.control-sidebar-open .content-wrapper,.control-sidebar-open .right-side,.control-sidebar-open .main-footer{margin-right:230px}}.nav-tabs.control-sidebar-tabs&gt;li:first-of-type&gt;a,.nav-tabs.control-sidebar-tabs&gt;li:first-of-type&gt;a:hover,.nav-tabs.control-sidebar-tabs&gt;li:first-of-type&gt;a:focus{border-left-width:0}.nav-tabs.control-sidebar-tabs&gt;li&gt;a{border-radius:0}.nav-tabs.control-sidebar-tabs&gt;li&gt;a,.nav-tabs.control-sidebar-tabs&gt;li&gt;a:hover{border-top:none;border-right:none;border-left:1px solid transparent;border-bottom:1px solid transparent}.nav-tabs.control-sidebar-tabs&gt;li&gt;a .icon{font-size:16px}.nav-tabs.control-sidebar-tabs&gt;li.active&gt;a,.nav-tabs.control-sidebar-tabs&gt;li.active&gt;a:hover,.nav-tabs.control-sidebar-tabs&gt;li.active&gt;a:focus,.nav-tabs.control-sidebar-tabs&gt;li.active&gt;a:active{border-top:none;border-right:none;border-bottom:none}@media (max-width:768px){.nav-tabs.control-sidebar-tabs{display:table}.nav-tabs.control-sidebar-tabs&gt;li{display:table-cell}}.control-sidebar-heading{font-weight:400;font-size:16px;padding:10px 0;margin-bottom:10px}.control-sidebar-subheading{display:block;font-weight:400;font-size:14px}
 .control-sidebar-menu{list-style:none;padding:0;margin:0 0px}
 .control-sidebar-menu&gt;li&gt;a{display:block;padding:10px 15px}
 .control-sidebar-menu&gt;li&gt;a:before,
 .control-sidebar-menu&gt;li&gt;a:after{content:" ";display:table}
 .control-sidebar-menu&gt;li&gt;a:after{clear:both}
 .control-sidebar-menu&gt;li&gt;a&gt;.control-sidebar-subheading{margin-top:0}
 .control-sidebar-menu .menu-icon{float:left;width:35px;height:35px;border-radius:50%;text-align:center;line-height:35px}
 .control-sidebar-menu .menu-info{margin-left:45px;margin-top:3px}
 .control-sidebar-menu .menu-info&gt;.control-sidebar-subheading{margin:0}
 .control-sidebar-menu .menu-info&gt;p{margin:0;font-size:11px}
 .control-sidebar-menu .progress{margin:0}
 .control-sidebar-dark{color:#b8c7ce}
  .control-sidebar-dark,.control-sidebar-dark+.control-sidebar-bg{background:#fff}
  .control-sidebar-dark .nav-tabs.control-sidebar-tabs{border-bottom:#1c2529}
  .control-sidebar-dark .nav-tabs.control-sidebar-tabs&gt;li&gt;a{background:#181f23;color:#b8c7ce}
  .control-sidebar-dark .nav-tabs.control-sidebar-tabs&gt;li&gt;a,
  .control-sidebar-dark .nav-tabs.control-sidebar-tabs&gt;li&gt;a:hover,
  .control-sidebar-dark .nav-tabs.control-sidebar-tabs&gt;li&gt;a:focus{border-left-color:#141a1d;border-bottom-color:#141a1d}
  .control-sidebar-dark .nav-tabs.control-sidebar-tabs&gt;li&gt;a:hover,
  .control-sidebar-dark .nav-tabs.control-sidebar-tabs&gt;li&gt;a:focus,
  .control-sidebar-dark .nav-tabs.control-sidebar-tabs&gt;li&gt;a:active{background:#1c2529}
  .control-sidebar-dark .nav-tabs.control-sidebar-tabs&gt;li&gt;a:hover{color:#fff}
  .control-sidebar-dark .nav-tabs.control-sidebar-tabs&gt;li.active&gt;a,
  .control-sidebar-dark .nav-tabs.control-sidebar-tabs&gt;li.active&gt;a:hover,
  .control-sidebar-dark .nav-tabs.control-sidebar-tabs&gt;li.active&gt;a:focus,
  .control-sidebar-dark .nav-tabs.control-sidebar-tabs&gt;li.active&gt;a:active{background:#222d32;color:#fff}
  .control-sidebar-dark .control-sidebar-heading,
  .control-sidebar-dark .control-sidebar-subheading{color:#fff}
  .control-sidebar-dark .control-sidebar-menu&gt;li&gt;a:hover{background:#1e282c}
  .control-sidebar-dark .control-sidebar-menu&gt;li&gt;a .menu-info&gt;p{color:#b8c7ce}
  .control-sidebar-light{color:#5e5e5e}
  .control-sidebar-light,.control-sidebar-light+.control-sidebar-bg{background:#f9fafc;border-left:1px solid #d2d6de}
  .control-sidebar-light .nav-tabs.control-sidebar-tabs{border-bottom:#d2d6de}
  .control-sidebar-light .nav-tabs.control-sidebar-tabs&gt;li&gt;a{background:#e8ecf4;color:#444}
  .control-sidebar-light .nav-tabs.control-sidebar-tabs&gt;li&gt;a,
  .control-sidebar-light .nav-tabs.control-sidebar-tabs&gt;li&gt;a:hover,
  .control-sidebar-light .nav-tabs.control-sidebar-tabs&gt;li&gt;a:focus{border-left-color:#d2d6de;border-bottom-color:#d2d6de}
  .control-sidebar-light .nav-tabs.control-sidebar-tabs&gt;li&gt;a:hover,
  .control-sidebar-light .nav-tabs.control-sidebar-tabs&gt;li&gt;a:focus,
  .control-sidebar-light .nav-tabs.control-sidebar-tabs&gt;li&gt;a:active{background:#eff1f7}
  .control-sidebar-light .nav-tabs.control-sidebar-tabs&gt;li.active&gt;a,
  .control-sidebar-light .nav-tabs.control-sidebar-tabs&gt;li.active&gt;a:hover,
  .control-sidebar-light .nav-tabs.control-sidebar-tabs&gt;li.active&gt;a:focus,
  .control-sidebar-light .nav-tabs.control-sidebar-tabs&gt;li.active&gt;a:active{background:#f9fafc;color:#111}
  .control-sidebar-light .control-sidebar-heading,.control-sidebar-light .control-sidebar-subheading{color:#111}
 .control-sidebar-light .control-sidebar-menu{margin-left:-14px}
 .control-sidebar-light .control-sidebar-menu&gt;li&gt;a:hover{background:#f4f4f5}
 .control-sidebar-light .control-sidebar-menu&gt;li&gt;a .menu-info&gt;p{color:#5e5e5e}
 .dropdown-menu{box-shadow:none;border-color:#eee}
  .navbar .dropdown-menu&gt;li{
     border-bottom: 1px solid rgba(0,0,0,0.2)
 }
 .dropdown-menu{
         min-width: 108px;
 }
.dropdown-menu&gt;li&gt;a{color:#777}
   .dropdown-menu&gt;li&gt;a&gt;.glyphicon,
   .dropdown-menu&gt;li&gt;a&gt;.fa,.dropdown-menu&gt;li&gt;a&gt;.ion{margin-right:10px}
   .dropdown-menu&gt;li&gt;a:hover{background-color:#e1e3e9;color:#333}
   .dropdown-menu&gt;.divider{background-color:#eee}
   .navbar-nav&gt;.notifications-menu&gt;.dropdown-menu,
   .navbar-nav&gt;.messages-menu&gt;.dropdown-menu,
   .navbar-nav&gt;.tasks-menu&gt;.dropdown-menu{width:300px;padding:0 0 0 0;margin:0;top:100%}
   .navbar-nav&gt;.notifications-menu&gt;.dropdown-menu&gt;li,
   .navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li, 
   .navbar-nav&gt;.tasks-menu&gt;.dropdown-menu&gt;li{position:relative}
   .navbar-nav&gt;.notifications-menu&gt;.dropdown-menu&gt;li.header,.navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li.header,.navbar-nav&gt;.tasks-menu&gt;.dropdown-menu&gt;li.header{font-weight:600 ;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0;background-color:#ffffff;padding:7px 10px;border-bottom:1px solid #f4f4f4;color:#444444;font-size:14px}.navbar-nav&gt;.notifications-menu&gt;.dropdown-menu&gt;li.footer&gt;a,.navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li.footer&gt;a,.navbar-nav&gt;.tasks-menu&gt;.dropdown-menu&gt;li.footer&gt;a{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;font-size:12px;background-color:#fff;padding:7px 10px;border-bottom:1px solid #eeeeee;color:#444 !important;text-align:center}@media (max-width:991px){.navbar-nav&gt;.notifications-menu&gt;.dropdown-menu&gt;li.footer&gt;a,.navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li.footer&gt;a,.navbar-nav&gt;.tasks-menu&gt;.dropdown-menu&gt;li.footer&gt;a{background:#fff !important;color:#444 !important}}.navbar-nav&gt;.notifications-menu&gt;.dropdown-menu&gt;li.footer&gt;a:hover,.navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li.footer&gt;a:hover,.navbar-nav&gt;.tasks-menu&gt;.dropdown-menu&gt;li.footer&gt;a:hover{text-decoration:none;font-weight:normal}.navbar-nav&gt;.notifications-menu&gt;.dropdown-menu&gt;li .menu,.navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li .menu,.navbar-nav&gt;.tasks-menu&gt;.dropdown-menu&gt;li .menu{max-height:200px;margin:0;padding:4px 10px;list-style:none;overflow-x:hidden}.navbar-nav&gt;.notifications-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a,.navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a,.navbar-nav&gt;.tasks-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a{display:block;white-space:nowrap;border-bottom:1px solid #f4f4f4}.navbar-nav&gt;.notifications-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a:hover,.navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a:hover,.navbar-nav&gt;.tasks-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a:hover{background:#f4f4f4;text-decoration:none}.navbar-nav&gt;.notifications-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a{color:#444444;overflow:hidden;text-overflow:ellipsis;padding:4px 10px; font-weight:100;}.navbar-nav&gt;.notifications-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a&gt;.glyphicon,.navbar-nav&gt;.notifications-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a&gt;.fa,.navbar-nav&gt;.notifications-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a&gt;.ion{width:20px}.navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a{margin:0;padding:10px 10px}.navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a&gt;div&gt;img{margin:auto 10px auto auto;width:40px;height:40px}.navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a&gt;h4{padding:0;margin:0 0 0 45px;color:#444444;font-size:15px;position:relative}.navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a&gt;h4&gt;small{color:#999999;font-size:10px;position:absolute;top:0;right:0}
.navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a&gt;p{margin:0 0 0 45px;font-size:12px;color:#888888}.navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a:before,.navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a:after{content:" ";display:table}.navbar-nav&gt;.messages-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a:after{clear:both}.navbar-nav&gt;.tasks-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a{padding:10px}.navbar-nav&gt;.tasks-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a&gt;h3{font-size:14px;padding:0;margin:0 0 10px 0;color:#666666}.navbar-nav&gt;.tasks-menu&gt;.dropdown-menu&gt;li .menu&gt;li&gt;a&gt;.progress{padding:0;margin:0}.navbar-nav&gt;.user-menu&gt;.dropdown-menu{border-top-right-radius:0;border-top-left-radius:0;padding:1px 0 0 0;border-top-width:0;width:280px}.navbar-nav&gt;.user-menu&gt;.dropdown-menu,.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;.user-body{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;li.user-header{height:175px;padding:10px;text-align:center}.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;li.user-header&gt;img{z-index:5;height:90px;width:90px;border:3px solid;border-color:transparent;border-color:rgba(255,255,255,0.2)}.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;li.user-header&gt;p{z-index:5;color:#fff;color:rgba(255,255,255,0.8);font-size:17px;margin-top:10px}.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;li.user-header&gt;p&gt;small{display:block;font-size:12px}.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;.user-body{padding:15px;border-bottom:1px solid #f4f4f4;border-top:1px solid #dddddd}.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;.user-body:before,.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;.user-body:after{content:" ";display:table}.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;.user-body:after{clear:both}.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;.user-body a{color:#444 !important}@media (max-width:991px){.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;.user-body a{background:#fff !important;color:#444 !important}}.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;.user-footer{background-color:#f9f9f9;padding:10px}.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;.user-footer:before,.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;.user-footer:after{content:" ";display:table}.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;.user-footer:after{clear:both}.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;.user-footer .btn-default{color:#666666}@media (max-width:991px){.navbar-nav&gt;.user-menu&gt;.dropdown-menu&gt;.user-footer .btn-default:hover{background-color:#f9f9f9}}.navbar-nav&gt;.user-menu .user-image{float:left;width:25px;height:25px;border-radius:50%;margin-right:10px;margin-top:-2px}@media (max-width:767px){.navbar-nav&gt;.user-menu .user-image{float:none;margin-right:0;margin-top:-8px;line-height:10px}}.open:not(.dropup)&gt;.animated-dropdown-menu{backface-visibility:visible !important;-webkit-animation:flipInX .7s both;-o-animation:flipInX .7s both;animation:flipInX .7s both}@keyframes flipInX{0%{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transition-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transition-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}100%{transform:perspective(400px)}}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}100%{-webkit-transform:perspective(400px)}}.navbar-custom-menu&gt;.navbar-nav&gt;li{position:relative}
.navbar-custom-menu&gt;.navbar-nav&gt;li&gt;.dropdown-menu{position:absolute;right:0;left:auto}@media (max-width:991px){.navbar-custom-menu&gt;.navbar-nav{float:right}.navbar-custom-menu&gt;.navbar-nav&gt;li{position:static}.navbar-custom-menu&gt;.navbar-nav&gt;li&gt;.dropdown-menu{position:absolute;right:0%;left:auto;border:1px solid #ddd;background:#fff}}
 .form-control{border-radius:0;box-shadow:none;border-color:#d2d6de}
 .form-control:focus{border-color:#3c8dbc;box-shadow:none}
 .form-control::-moz-placeholder,.form-control:-ms-input-placeholder,.form-control::-webkit-input-placeholder{color:#bbb;opacity:1}
 .form-control:not(select){-webkit-appearance:none;-moz-appearance:none;appearance:none}
 .form-group.has-success label{color:#00a65a}
 .form-group.has-success .form-control,.form-group.has-success .input-group-addon{border-color:#00a65a;box-shadow:none}
 .form-group.has-success .help-block{color:#00a65a}
 .form-group.has-warning label{color:#f39c12}
 .form-group.has-warning .form-control,.form-group.has-warning .input-group-addon{border-color:#f39c12;box-shadow:none}
 .form-group.has-warning .help-block{color:#f39c12}
 .form-group.has-error label{color:#dd4b39}
 .form-group.has-error .form-control,.form-group.has-error .input-group-addon{border-color:#dd4b39;box-shadow:none}
 .form-group.has-error .help-block{color:#dd4b39}
 .input-group .input-group-addon{border-radius:0;border-color:#d2d6de;background-color:#fff}
 .btn-group-vertical .btn.btn-flat:first-of-type,.btn-group-vertical .btn.btn-flat:last-of-type{border-radius:0}
 .icheck&gt;label{padding-left:0}
 .form-control-feedback.fa{line-height:34px}
.input-lg+.form-control-feedback.fa,.input-group-lg+.form-control-feedback.fa,
.form-group-lg .form-control+.form-control-feedback.fa{line-height:46px}
.input-sm+.form-control-feedback.fa,.input-group-sm+.form-control-feedback.fa,
.form-group-sm .form-control+.form-control-feedback.fa{line-height:30px}
.progress,.progress&gt;.progress-bar{-webkit-box-shadow:none;box-shadow:none}
.progress,.progress&gt;.progress-bar,.progress .progress-bar,.progress&gt;.progress-bar .progress-bar{border-radius:1px}
.progress.sm,.progress-sm{height:10px}
.progress.sm,.progress-sm,.progress.sm .progress-bar,.progress-sm .progress-bar{border-radius:1px}
.progress.xs,.progress-xs{height:7px}
.progress.xs,.progress-xs,.progress.xs .progress-bar,.progress-xs .progress-bar{border-radius:1px}
.progress.xxs,.progress-xxs{height:3px}
.progress.xxs,.progress-xxs,.progress.xxs .progress-bar,.progress-xxs .progress-bar{border-radius:1px}
 .progress.vertical{position:relative;width:30px;height:200px;display:inline-block;margin-right:10px}
 .progress.vertical&gt;.progress-bar{width:100%;position:absolute;bottom:0}
 .progress.vertical.sm,.progress.vertical.progress-sm{width:20px}
 .progress.vertical.xs,.progress.vertical.progress-xs{width:10px}
 .progress.vertical.xxs,.progress.vertical.progress-xxs{width:3px}
 .progress-group .progress-text{font-weight:600}
 .progress-group .progress-number{float:right}
 .table tr&gt;td .progress{margin:0}
 .progress-bar-light-blue,.progress-bar-primary{background-color:#3c8dbc}
 .progress-striped .progress-bar-light-blue,
 .progress-striped .progress-bar-primary
 {
     background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
     background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
     background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)
 }
 .progress-bar-green,.progress-bar-success{background-color:#00a65a}
 .progress-striped .progress-bar-green,
 .progress-striped .progress-bar-success
 {
   background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
   background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
   background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)

 }
 .progress-bar-aqua,.progress-bar-info{background-color:#00c0ef}
 .progress-striped .progress-bar-aqua,.progress-striped .progress-bar-info
 {
     background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
     background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
     background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)

 }
 .progress-bar-yellow,.progress-bar-warning{background-color:#f39c12}
 .progress-striped .progress-bar-yellow,
 .progress-striped .progress-bar-warning
 {
     background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
     background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
     background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)

 }
 .progress-bar-red,.progress-bar-danger{background-color:#dd4b39}
 .progress-striped .progress-bar-red,
 .progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
                                        background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
                                        background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}
 .small-box{border-radius:2px;position:relative;display:block;margin-bottom:20px;box-shadow:0 1px 1px rgba(0,0,0,0.1)}
 .small-box&gt;.inner{padding:10px}
 .small-box&gt;.small-box-footer{position:relative;text-align:center;padding:3px 0;color:#fff;color:rgba(255,255,255,0.8);display:block;z-index:10;background:rgba(0,0,0,0.1);text-decoration:none}
 .small-box&gt;.small-box-footer:hover{color:#fff;background:rgba(0,0,0,0.15)}
 .small-box h3{font-size:38px;font-weight:bold;margin:0 0 10px 0;white-space:nowrap;padding:0}
 .small-box p{font-size:15px}
 .small-box p&gt;small{display:block;color:#f9f9f9;font-size:13px;margin-top:5px}
 .small-box h3,.small-box p{z-index:5}
 .small-box .icon{-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:absolute;top:-10px;right:10px;z-index:0;font-size:90px;color:rgba(0,0,0,0.15)}
 .small-box:hover{text-decoration:none;color:#f9f9f9}
 .small-box:hover .icon{font-size:95px}
 @media (max-width:767px)
 {
     .small-box{text-align:center}
     .small-box .icon{display:none}
     .small-box p{font-size:12px}
 }
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 1px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
 .box.box-primary{border-top-color:#3c8dbc}
 .box.box-info{border-top-color:#00c0ef}
 .box.box-danger{border-top-color:#a94442}
 .box.box-warning{border-top-color:#f39c12}
 .box.box-success{border-top-color:#00a65a}
 .box.box-default{border-top-color:#d2d6de}
 .box.collapsed-box .box-body,.box.collapsed-box .box-footer{display:none}
 .box .nav-stacked&gt;li{border-bottom:1px solid #f4f4f4;margin:0}
 .box .nav-stacked&gt;li:last-of-type{border-bottom:none}
 .box.height-control .box-body{max-height:300px;overflow:auto}
  .box .border-right{border-right:1px solid #f4f4f4}
  .box .border-left{border-left:1px solid #f4f4f4}
  .box.box-solid{border-top:0}
  .box.box-solid&gt;.box-header
   .btn.btn-default{background:transparent}
  .box.box-solid&gt;.box-header 
  .btn:hover,.box.box-solid&gt;
  .box-header a:hover{background:rgba(0,0,0,0.1)}
  .box.box-solid.box-default{border:1px solid #d2d6de}
  .box.box-solid.box-default&gt;.box-header{color:#444;background:#d2d6de;background-color:#d2d6de}
  .box.box-solid.box-default&gt;.box-header a,
  .box.box-solid.box-default&gt;.box-header .btn{color:#444}
  .box.box-solid.box-primary{border:1px solid #3c8dbc}
  .box.box-solid.box-primary&gt;.box-header{color:#fff;background:#3c8dbc;background-color:#3c8dbc}
  .box.box-solid.box-primary&gt;.box-header a,.box.box-solid.box-primary&gt;.box-header .btn{color:#fff}
  .box.box-solid.box-info{border:1px solid #00c0ef}
  .box.box-solid.box-info&gt;.box-header{color:#fff;background:#00c0ef;background-color:#00c0ef}
  .box.box-solid.box-info&gt;.box-header a,.box.box-solid.box-info&gt;.box-header .btn{color:#fff}
  .box.box-solid.box-danger{border:1px solid #dd4b39}
  .box.box-solid.box-danger&gt;.box-header{color:#fff;background:#dd4b39;background-color:#dd4b39}
  .box.box-solid.box-danger&gt;.box-header a,.box.box-solid.box-danger&gt;.box-header .btn{color:#fff}
  .box.box-solid.box-warning{border:1px solid #f39c12}
  .box.box-solid.box-warning&gt;.box-header{color:#fff;background:#f39c12;background-color:#f39c12}
  .box.box-solid.box-warning&gt;.box-header a,.box.box-solid.box-warning&gt;.box-header .btn{color:#fff}
  .box.box-solid.box-success{border:1px solid #00a65a}
  .box.box-solid.box-success&gt;.box-header{color:#fff;background:#00a65a;background-color:#00a65a}
  .box.box-solid.box-success&gt;.box-header a,.box.box-solid.box-success&gt;.box-header .btn{color:#fff}
  .box.box-solid&gt;.box-header&gt;.box-tools .btn{border:0;box-shadow:none}
  .box.box-solid[class*='bg']&gt;.box-header{color:#fff}
  .box .box-group&gt;.box{margin-bottom:5px}
  .box .knob-label{text-align:center;color:#333;font-weight:100;font-size:12px;margin-bottom:0.3em}
  .box&gt;.overlay,.overlay-wrapper&gt;.overlay,.box&gt;.loading-img,.overlay-wrapper&gt;.loading-img{position:absolute;top:0;left:0;width:100%;height:100%}
  .box .overlay,.overlay-wrapper .overlay{z-index:50;background:rgba(255,255,255,0.7);border-radius:3px}
  .box .overlay&gt;.fa,.overlay-wrapper .overlay&gt;.fa{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;color:#000;font-size:30px}
  .box .overlay.dark,.overlay-wrapper .overlay.dark{background:rgba(0,0,0,0.5)}
  .box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after{content:" ";display:table}
  .box-header:after,.box-body:after,.box-footer:after{clear:both}
  .box-header{color:#444;display:block;padding:10px;position:relative}
  .box-header.with-border{border-bottom:1px solid #f4f4f4}
  .collapsed-box .box-header.with-border{border-bottom:none}
.box-header &gt; .fa, .box-header &gt; .glyphicon, .box-header &gt; .ion, .box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
    font-family: calibri;
    font-weight: 700;
}
  .box-header&gt;.fa,.box-header&gt;.glyphicon,.box-header&gt;.ion{margin-right:5px}
  .box-header&gt;.box-tools{position:absolute;right:10px;top:5px}
  .box-header&gt;.box-tools [data-toggle="tooltip"]{position:relative}
  .box-header&gt;.box-tools.pull-right .dropdown-menu{right:0;left:auto}
  .btn-box-tool{padding:5px;font-size:12px;background:transparent;color:#97a0b3}
  .open .btn-box-tool,.btn-box-tool:hover{color:#606c84}
  .btn-box-tool.btn:active{box-shadow:none}
  .box-body{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding:10px}
  .no-header .box-body{border-top-right-radius:3px;border-top-left-radius:3px}
  .box-body&gt;.table{margin-bottom:0}
  .box-body .fc{margin-top:5px}
  .box-body .full-width-chart{margin:-19px}
  .box-body.no-padding .full-width-chart{margin:-9px}
  .box-body .box-pane{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:3px}
  .box-body .box-pane-right{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:0}
  .box-footer{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top:1px solid #ddd;padding:10px;background-color:#fff}
  .chart-legend{margin:10px 0}
  @media (max-width:991px)
  {
      .chart-legend&gt;li{float:left;margin-right:10px}}
  .box-comments{background:#f7f7f7}
  .box-comments .box-comment{padding:8px 0;border-bottom:1px solid #eee}
  .box-comments .box-comment:before,.box-comments .box-comment:after{content:" ";display:table}
  .box-comments .box-comment:after{clear:both}
  .box-comments .box-comment:last-of-type{border-bottom:0}
  .box-comments .box-comment:first-of-type{padding-top:0}
  .box-comments .box-comment img{float:left}
  .box-comments .comment-text{margin-left:40px;color:#555}
  .box-comments .username{color:#444;display:block;font-weight:600}
  .box-comments .text-muted{font-weight:400;font-size:12px}
  .todo-list{margin:0;padding:0;list-style:none;overflow:auto}
  .todo-list&gt;li{border-radius:2px;padding:10px;background:#f4f4f4;margin-bottom:2px;border-left:2px solid #e6e7e8;color:#444}
  .todo-list&gt;li:last-of-type{margin-bottom:0}
  .todo-list&gt;li&gt;input[type='checkbox']{margin:0 10px 0 5px}
  .todo-list&gt;li .text{display:inline-block;margin-left:5px;font-weight:600}
.todo-list&gt;li .label{margin-left:10px;font-size:9px}
.todo-list&gt;li .tools{display:none;float:right;color:#dd4b39}
.todo-list&gt;li .tools&gt;.fa,.todo-list&gt;li .tools&gt;.glyphicon,
.todo-list&gt;li .tools&gt;.ion{margin-right:5px;cursor:pointer}
.todo-list&gt;li:hover .tools{display:inline-block}
.todo-list&gt;li.done{color:#999}
.todo-list&gt;li.done .text{text-decoration:line-through;font-weight:500}
.todo-list&gt;li.done .label{background:#d2d6de !important}
.todo-list .danger{border-left-color:#dd4b39}
.todo-list .warning{border-left-color:#f39c12}
.todo-list .info{border-left-color:#00c0ef}
.todo-list .success{border-left-color:#00a65a}
.todo-list .primary{border-left-color:#3c8dbc}
.todo-list .handle{display:inline-block;cursor:move;margin:0 5px}
.chat{padding:5px 20px 5px 10px}
.chat .item{margin-bottom:10px}
 .chat .item:before,.chat .item:after{content:" ";display:table}
 .chat .item:after{clear:both}
 .chat .item&gt;img{width:40px;height:40px;border:2px solid transparent;border-radius:50%}
 .chat .item&gt;.online{border:2px solid #00a65a}
 .chat .item&gt;.offline{border:2px solid #dd4b39}
 .chat .item&gt;.message{margin-left:55px;margin-top:-40px}
 .chat .item&gt;.message&gt;.name{display:block;font-weight:600}
 .chat .item&gt;.attachment{border-radius:3px;background:#f4f4f4;margin-left:65px;margin-right:15px;padding:10px}
 .chat .item&gt;.attachment&gt;h4{margin:0 0 5px 0;font-weight:600;font-size:14px}
 .chat .item&gt;.attachment&gt;p,
 .chat .item&gt;.attachment&gt;.filename{font-weight:600;font-size:13px;font-style:italic;margin:0}
 .chat .item&gt;.attachment:before,
 .chat .item&gt;.attachment:after{content:" ";display:table}
 .chat .item&gt;.attachment:after{clear:both}
 .box-input{max-width:200px}
 .modal .panel-body{color:#444}
 .info-box{display:block;min-height:90px;background:#fff;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:2px;margin-bottom:15px}
 .info-box small{font-size:14px}
 .info-box .progress{background:rgba(0,0,0,0.2);margin:5px -10px 5px -10px;height:2px}
.info-box .progress,.info-box .progress .progress-bar{border-radius:0}
.info-box .progress .progress-bar{background:#fff}
.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 80px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0,0,0,0.2);
}
.info-box-icon&gt;img{max-width:100%}.info-box-content{padding:5px 0px;margin-left:90px}.info-box-number{display:block;font-weight:bold;font-size:18px}.progress-description,.info-box-text{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-box-text{text-transform:uppercase}.info-box-more{display:block}.progress-description{margin:0}.timeline{position:relative;margin:0 0 30px 0;padding:0;list-style:none}.timeline:before{content:'';position:absolute;top:0;bottom:0;width:4px;background:#ddd;left:31px;margin:0;border-radius:2px}
    .timeline &gt; li {
        position: relative;
        margin-right: 10px;
        margin-bottom: 15px;
    }
     .timeline &gt; .Reg-blue-Line {
        background: url('../Images/Reg-blue-Line.png') repeat-x center;
    }

     .timeline &gt; .Reg-aqua-Line {
        background: url('../Images/Reg-aqua-Line.png') repeat-x center;
    }

      .timeline &gt; .Reg-green-Line {
        background: url('../Images/Reg-green-Line.png') repeat-x center;
    }


       .timeline &gt; .Reg-Orange-Line {
        background: url('../Images/Reg-Orange-Line.png') repeat-x center;
    }

        .timeline &gt; .Reg-Purpal-Line {
        background: url('../Images/Reg-Purpal-Line.png') repeat-x center;
    }
        .timeline &gt; .Reg-red-Line {
        background: url('../Images/Reg-red-Line.png') repeat-x center;
    }


     
     


 .timeline&gt;li:before,.timeline&gt;li:after{content:" ";display:table}
 .timeline&gt;li:after{clear:both}
    .timeline &gt; li &gt; .timeline-item {
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        border-radius: 3px;
        margin-top: 0;
        background: #fff;
        color: #444;
        margin-left: 60px;
        margin-right: 15px;
        padding: 0;
        position: relative;
        border: 1px solid #e6e5e5;
        box-shadow: 0px 0px 5px 0px #959595;
    }.timeline&gt;li&gt;.timeline-item&gt;.time{color:#999;float:right;padding:10px;font-size:12px}
 .timeline&gt;li&gt;.timeline-item&gt;.timeline-header{margin:0;color:#555;font-weight: 700; border-bottom:1px solid #f4f4f4;padding:10px;font-size:13px;line-height:1.1}
    .timeline &gt; li &gt; .timeline-item &gt; .timeline-header &gt; a {
        font-weight: 600;
    }
 .timeline&gt;li&gt;.timeline-item&gt;.timeline-body,
 .timeline&gt;li&gt;.timeline-item&gt;.timeline-footer{padding:10px; font-size: 12px}
 .timeline&gt;li&gt;.fa,.timeline&gt;li&gt;.glyphicon,.timeline&gt;li&gt;.ion{width:30px;height:30px;font-size:20px;line-height:33px;position:absolute;color:#666;background:#d2d6de;border-radius:50%;text-align:center;left:18px;top:0}
    .timeline &gt; .time-label &gt; span {
        font-weight: 600;
    font-size: 15px;
    padding: 7px;
        display: inline-block;
        background-color: #fff;
        border-radius: 4px;
        letter-spacing: 1.3px;
    }
.timeline-inverse &gt; li &gt; .timeline-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 5px;
}
.timeline-inverse&gt;li&gt;.timeline-item&gt;.timeline-header{border-bottom-color:#ddd}
.btn{border-radius:3px;-webkit-box-shadow:none;box-shadow:none;border:1px solid transparent}
.btn.uppercase{text-transform:uppercase}
.btn.btn-flat{border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-width:1px}
.btn:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn:focus{outline:none}
.btn.btn-file{position:relative;overflow:hidden}
.btn.btn-file&gt;input[type='file']{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;opacity:0;filter:alpha(opacity=0);outline:none;background:white;cursor:inherit;display:block}
.btn-default{background-color:#f4f4f4;color:#444;border-color:#ddd}
.btn-default:hover,.btn-default:active,.btn-default.hover{background-color:#e7e7e7}
.btn-primary{background-color:#3c8dbc;border-color:#367fa9}.btn-primary:hover,.btn-primary:active,.btn-primary.hover{background-color:#367fa9}.btn-success{background-color:#00a65a;border-color:#008d4c}.btn-success:hover,.btn-success:active,.btn-success.hover{background-color:#008d4c}
 .btn-info{background-color:#00c0ef;border-color:#00acd6}.btn-info:hover,.btn-info:active,.btn-info.hover{background-color:#00acd6}
  .btn-danger{background-color:#a94442;border-color:#a94442}.btn-danger:hover,.btn-danger:active,.btn-danger.hover{background-color:#d73925}
.btn-warning {
    background-color: #8ca13a;
    border-color: #748731;
}.btn-warning:hover,.btn-warning:active,.btn-warning.hover{background-color:#e08e0b}.btn-outline{border:1px solid #fff;background:transparent;color:#fff}.btn-outline:hover,.btn-outline:focus,.btn-outline:active{color:rgba(255,255,255,0.7);border-color:rgba(255,255,255,0.7)}.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn[class*='bg-']:hover{-webkit-box-shadow:inset 0 0 100px rgba(0,0,0,0.2);box-shadow:inset 0 0 100px rgba(0,0,0,0.2)}
.btn-app {
    border-radius: 3px;
    position: relative;
    padding: 24px 5px;
    margin: 0 0 5px 2px;
    min-width: 30%;
    height: 83px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 12px;
}
 .btn-app&gt;.fa,.btn-app&gt;.glyphicon,.btn-app&gt;.ion{font-size:20px;display:block}.btn-app:hover{background:#f4f4f4;color:#444;border-color:#aaa}.btn-app:active,.btn-app:focus{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-app&gt;.badge{position:absolute;top:-3px;right:-10px;font-size:10px;font-weight:400}.callout{border-radius:3px;margin:0 0 20px 0;padding:15px 30px 15px 15px;border-left:5px solid #eee}.callout a{color:#fff;text-decoration:underline}.callout a:hover{color:#eee}.callout h4{margin-top:0;font-weight:600}.callout p:last-child{margin-bottom:0}.callout code,.callout .highlight{background-color:#fff}.callout.callout-danger{border-color:#c23321}.callout.callout-warning{border-color:#c87f0a}.callout.callout-info{border-color:#0097bc}.callout.callout-success{border-color:#00733e}.alert{border-radius:3px}.alert h4{font-weight:600}.alert .icon{margin-right:10px}.alert .close{color:#000;opacity:.2;filter:alpha(opacity=20)}.alert .close:hover{opacity:.5;filter:alpha(opacity=50)}.alert a{color:#fff;text-decoration:underline}.alert-success{border-color:#008d4c}.alert-danger,.alert-error{border-color:#d73925}.alert-warning{border-color:#e08e0b}.alert-info{border-color:#00acd6}.nav&gt;li&gt;a:hover,.nav&gt;li&gt;a:active,.nav&gt;li&gt;a:focus{color:#444;background:#f7f7f7}.nav-pills&gt;li&gt;a{border-radius:0;border-top:3px solid transparent;color:#444}.nav-pills&gt;li&gt;a&gt;.fa,.nav-pills&gt;li&gt;a&gt;.glyphicon,.nav-pills&gt;li&gt;a&gt;.ion{margin-right:5px}.nav-pills&gt;li.active&gt;a,.nav-pills&gt;li.active&gt;a:hover,.nav-pills&gt;li.active&gt;a:focus{border-top-color:#3c8dbc}.nav-pills&gt;li.active&gt;a{font-weight:600}.nav-stacked&gt;li&gt;a{border-radius:0;border-top:0;border-left:3px solid transparent;color:#444}.nav-stacked&gt;li.active&gt;a,.nav-stacked&gt;li.active&gt;a:hover{background:transparent;color:#444;border-top:0;border-left-color:#3c8dbc}.nav-stacked&gt;li.header{border-bottom:1px solid #ddd;color:#777;margin-bottom:10px;padding:5px 10px;text-transform:uppercase}.nav-tabs-custom{margin-bottom:20px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:3px}.nav-tabs-custom&gt;.nav-tabs{margin:0;border-bottom-color:#f4f4f4;border-top-right-radius:3px;border-top-left-radius:3px}.nav-tabs-custom&gt;.nav-tabs&gt;li{border-top:3px solid transparent;margin-bottom:-2px;margin-right:5px}.nav-tabs-custom&gt;.nav-tabs&gt;li&gt;a{color:#444;border-radius:0}.nav-tabs-custom&gt;.nav-tabs&gt;li&gt;a.text-muted{color:#999}.nav-tabs-custom&gt;.nav-tabs&gt;li&gt;a,.nav-tabs-custom&gt;.nav-tabs&gt;li&gt;a:hover{background:transparent;margin:0}.nav-tabs-custom&gt;.nav-tabs&gt;li&gt;a:hover{color:#999}.nav-tabs-custom&gt;.nav-tabs&gt;li:not(.active)&gt;a:hover,.nav-tabs-custom&gt;.nav-tabs&gt;li:not(.active)&gt;a:focus,.nav-tabs-custom&gt;.nav-tabs&gt;li:not(.active)&gt;a:active{border-color:transparent}
.nav-tabs-custom&gt;.nav-tabs&gt;li.active{border-top-color:#3c8dbc}.nav-tabs-custom&gt;.nav-tabs&gt;li.active&gt;a,.nav-tabs-custom&gt;.nav-tabs&gt;li.active:hover&gt;a{background-color:#fff;color:#444}.nav-tabs-custom&gt;.nav-tabs&gt;li.active&gt;a{border-top-color:transparent;border-left-color:#f4f4f4;border-right-color:#f4f4f4}.nav-tabs-custom&gt;.nav-tabs&gt;li:first-of-type{margin-left:0}.nav-tabs-custom&gt;.nav-tabs&gt;li:first-of-type.active&gt;a{border-left-color:transparent}.nav-tabs-custom&gt;.nav-tabs.pull-right{float:none !important}.nav-tabs-custom&gt;.nav-tabs.pull-right&gt;li{float:right}.nav-tabs-custom&gt;.nav-tabs.pull-right&gt;li:first-of-type{margin-right:0}.nav-tabs-custom&gt;.nav-tabs.pull-right&gt;li:first-of-type&gt;a{border-left-width:1px}.nav-tabs-custom&gt;.nav-tabs.pull-right&gt;li:first-of-type.active&gt;a{border-left-color:#f4f4f4;border-right-color:transparent}.nav-tabs-custom&gt;.nav-tabs&gt;li.header{line-height:35px;padding:0 10px;font-size:20px;color:#444}.nav-tabs-custom&gt;.nav-tabs&gt;li.header&gt;.fa,.nav-tabs-custom&gt;.nav-tabs&gt;li.header&gt;.glyphicon,.nav-tabs-custom&gt;.nav-tabs&gt;li.header&gt;.ion{margin-right:5px}.nav-tabs-custom&gt;.tab-content{background:#fff;padding:10px;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.nav-tabs-custom .dropdown.open&gt;a:active,.nav-tabs-custom .dropdown.open&gt;a:focus{background:transparent;color:#999}.nav-tabs-custom.tab-primary&gt;.nav-tabs&gt;li.active{border-top-color:#3c8dbc}.nav-tabs-custom.tab-info&gt;.nav-tabs&gt;li.active{border-top-color:#00c0ef}.nav-tabs-custom.tab-danger&gt;.nav-tabs&gt;li.active{border-top-color:#dd4b39}.nav-tabs-custom.tab-warning&gt;.nav-tabs&gt;li.active{border-top-color:#f39c12}.nav-tabs-custom.tab-success&gt;.nav-tabs&gt;li.active{border-top-color:#00a65a}.nav-tabs-custom.tab-default&gt;.nav-tabs&gt;li.active{border-top-color:#d2d6de}.pagination&gt;li&gt;a{background:#fafafa;color:#666}.pagination.pagination-flat&gt;li&gt;a{border-radius:0 !important}.products-list{list-style:none;margin:0;padding:0}.products-list&gt;.item{border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);padding:10px 0;background:#fff}.products-list&gt;.item:before,.products-list&gt;.item:after{content:" ";display:table}.products-list&gt;.item:after{clear:both}.products-list .product-img{float:left}.products-list .product-img img{width:50px;height:50px}.products-list .product-info{margin-left:60px}.products-list .product-title{font-weight:600}.products-list .product-description{display:block;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.product-list-in-box&gt;.item{-webkit-box-shadow:none;box-shadow:none;border-radius:0;border-bottom:1px solid #f4f4f4}
.product-list-in-box&gt;.item:last-of-type{border-bottom-width:0}
.table&gt;thead&gt;tr&gt;th,.table&gt;tbody&gt;tr&gt;th,.table&gt;tfoot&gt;tr&gt;th,.table&gt;thead&gt;tr&gt;td,.table&gt;tbody&gt;tr&gt;td,.table&gt;tfoot&gt;tr&gt;td{border-top:1px solid #ddd}.table&gt;thead&gt;tr&gt;th{border-bottom:2px solid #f4f4f4}.table tr td .progress{margin-top:5px}.table-bordered{border:1px solid #f4f4f4}
.table &gt; tbody &gt; tr &gt; th{
    font-family: Calibri!important;
}
.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;tbody&gt;tr&gt;th,
.table-bordered&gt;tfoot&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td,.table-bordered&gt;tbody&gt;tr&gt;td,.table-bordered&gt;tfoot&gt;tr&gt;td{border:1px solid #ddd}
.table-bordered&gt;thead&gt;tr&gt;th,.table-bordered&gt;thead&gt;tr&gt;td{border-bottom-width:1px}
.table.no-border,.table.no-border td,.table.no-border th{border:0}
table.text-center,table.text-center td,table.text-center th{text-align:center}
.table-bordered&gt;thead&gt;tr&gt;th{
    background: #f4f4f4;
    border-top: 1px solid #ddd!important;
}
.btn-sm {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.6;
    border-radius: 3px;
    height: 35px;
}

.table.align th{text-align:left}
.table.align td{text-align:right}
.label-default{background-color:#d2d6de;color:#444}
.direct-chat .box-body{border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative;overflow-x:hidden;padding:0}
.direct-chat.chat-pane-open .direct-chat-contacts{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}
.direct-chat-messages{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);padding:10px;height:250px;overflow:auto}
.direct-chat-msg,.direct-chat-text{display:block}
.direct-chat-msg{margin-bottom:10px}
 .direct-chat-msg:before,.direct-chat-msg:after{content:" ";display:table}
 .direct-chat-msg:after{clear:both}
 .direct-chat-messages,.direct-chat-contacts{-webkit-transition:-webkit-transform .5s ease-in-out;-moz-transition:-moz-transform .5s ease-in-out;-o-transition:-o-transform .5s ease-in-out;transition:transform .5s ease-in-out}
 .direct-chat-text{border-radius:5px;position:relative;padding:5px 10px;background:#d2d6de;border:1px solid #d2d6de;margin:5px 0 0 50px;color:#444}
 .direct-chat-text:after,.direct-chat-text:before{position:absolute;right:100%;top:15px;border:solid transparent;border-right-color:#d2d6de;content:' ';height:0;width:0;pointer-events:none}
 .direct-chat-text:after{border-width:5px;margin-top:-5px}
 .direct-chat-text:before{border-width:9px;margin-top:-9px}
.right .direct-chat-text{margin-right:50px;margin-left:0}
.right .direct-chat-text:after,
.right .direct-chat-text:before{right:auto;left:100%;border-right-color:transparent;border-left-color:#d2d6de}
.direct-chat-img{border-radius:50%;float:left;width:40px;height:40px}
.right .direct-chat-img{float:right}
.direct-chat-info{display:block;margin-bottom:2px;font-size:12px}
.direct-chat-name{font-weight:600}
.direct-chat-timestamp{color:#999}
.direct-chat-contacts-open .direct-chat-contacts{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}
.direct-chat-contacts {
    -webkit-transform: translate(101%, 0);
    -ms-transform: translate(101%, 0);
    -o-transform: translate(101%, 0);
    transform: translate(101%, 0);
    position: absolute;
    top: 0;
    bottom: 0;
    height: 250px;
    width: 100%;
    background: #222d32;
    color: #fff;
    overflow: auto;
}
.contacts-list&gt;li{border-bottom:1px solid rgba(0,0,0,0.2);padding:10px;margin:0}
.contacts-list&gt;li:before,.contacts-list&gt;li:after{content:" ";display:table}
.contacts-list&gt;li:after{clear:both}
.contacts-list&gt;li:last-of-type{border-bottom:none}
.contacts-list-img{border-radius:50%;width:40px;float:left}
.contacts-list-info{margin-left:45px;color:#fff}
.contacts-list-name,.contacts-list-status{display:block}
.contacts-list-name{font-weight:600}
.contacts-list-status{font-size:12px}
.contacts-list-date{color:#aaa;font-weight:normal}
.contacts-list-msg{color:#999}
.direct-chat-danger .right&gt;.direct-chat-text{background:#dd4b39;border-color:#dd4b39;color:#fff}
.direct-chat-danger .right&gt;.direct-chat-text:after,
.direct-chat-danger .right&gt;.direct-chat-text:before{border-left-color:#dd4b39}
.direct-chat-primary .right&gt;.direct-chat-text{background:#3c8dbc;border-color:#3c8dbc;color:#fff}
.direct-chat-primary .right&gt;.direct-chat-text:after,
.direct-chat-primary .right&gt;.direct-chat-text:before{border-left-color:#3c8dbc}
.direct-chat-warning .right&gt;.direct-chat-text{background:#f39c12;border-color:#f39c12;color:#fff}
.direct-chat-warning .right&gt;.direct-chat-text:after,
.direct-chat-warning .right&gt;.direct-chat-text:before{border-left-color:#f39c12}
.direct-chat-info .right&gt;.direct-chat-text{background:#a9e3f1;border-color:#64d8f5;color:#0895b7}
.direct-chat-info .right&gt;.direct-chat-text:after,
.direct-chat-info .right&gt;.direct-chat-text:before{border-left-color:#64d8f5}
.direct-chat-success .right&gt;.direct-chat-text{background:#00a65a;border-color:#00a65a;color:#fff}
.direct-chat-success .right&gt;.direct-chat-text:after,
.direct-chat-success .right&gt;.direct-chat-text:before{border-left-color:#00a65a}
 .users-list&gt;li{width:10%;float:left; padding: 10px; text-align:center}
 .users-list&gt;li img{border-radius:50%;max-width:100%;height:auto; border: 1px solid #999999; padding: 3px; }
 .users-list&gt;li&gt;a:hover,
 .users-list&gt;li&gt;a:hover .users-list-name{color:#999}
 .users-list-name,.users-list-date{display:block}
 .users-list-name{font-weight:600;color:#444;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .users-list-date{color:#999;font-size:12px}
 .carousel-control.left,.carousel-control.right{background-image:none}
 .carousel-control&gt;.fa{font-size:40px;position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-20px}
 .modal{background:rgba(0,0,0,0.3)}
 .modal-content{border-radius:0;-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.125);box-shadow:0 2px 3px rgba(0,0,0,0.125);border:0}
 @media (min-width:768px){
     .modal-content{-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.125);box-shadow:0 2px 3px rgba(0,0,0,0.125)}}
.modal-header{border-bottom-color:#3c8dbc; border-bottom: 3px solid #3c8dbc!important;padding-bottom:19px  }
 .modal-footer{border-top-color:#f4f4f4}
 .modal-primary .modal-header,.modal-primary .modal-footer{border-color:#307095}
 .modal-warning .modal-header,.modal-warning .modal-footer{border-color:#c87f0a}
.modal-info .modal-header,.modal-info .modal-footer{border-color:#0097bc}
.modal-success .modal-header,.modal-success .modal-footer{border-color:#00733e}
.modal-danger .modal-header,.modal-danger .modal-footer{border-color:#c23321}
 .box-widget{border-top-color: #3c8dbc!important;position:relative}
 .widget-user .widget-user-header{padding:20px;height:120px;border-top-right-radius:3px;border-top-left-radius:3px}
 .widget-user .widget-user-username{margin-top:0;margin-bottom:5px;font-size:25px;font-weight:300;text-shadow:0 1px 1px rgba(0,0,0,0.2)}
 .widget-user .widget-user-desc{margin-top:0}
 .widget-user .widget-user-image{position:absolute;top:65px;left:50%;margin-left:-45px}
 .widget-user .widget-user-image&gt;img{width:90px;height:auto;border:3px solid #fff}
 .widget-user .box-footer{padding-top:30px}
 .widget-user-2 .widget-user-header{padding:20px;border-top-right-radius:3px;border-top-left-radius:3px}
 .widget-user-2 .widget-user-username{margin-top:5px;margin-bottom:5px;font-size:25px;font-weight:300}
.widget-user-2 .widget-user-desc{margin-top:0}
.widget-user-2 .widget-user-username,.widget-user-2 .widget-user-desc{margin-left:75px}
.widget-user-2 .widget-user-image&gt;img{width:65px;height:auto;float:left}
.mailbox-messages&gt;.table{margin:0; margin-bottom: 45px}
.mailbox-controls{padding:10px 0px}
.mailbox-controls.with-border{border-bottom:1px solid #f4f4f4}
.mailbox-read-info{border-bottom:1px solid #f4f4f4;padding:10px}
.mailbox-read-info h3{font-size:20px;margin:0}
.mailbox-read-info h5{margin:0;padding:5px 0 0 0}
.mailbox-read-time{color:#999;font-size:13px}
.mailbox-read-message{padding:10px}
.mailbox-attachments li{float:left;width:200px;border:1px solid #eee;margin-bottom:10px;margin-right:10px}
.mailbox-attachment-name{font-weight:bold;color:#666}
.mailbox-attachment-icon,.mailbox-attachment-info,.mailbox-attachment-size{display:block}
.mailbox-attachment-info{padding:10px;background:#f4f4f4}
.mailbox-attachment-size{color:#999;font-size:12px}
.mailbox-attachment-icon{text-align:center;font-size:65px;color:#666;padding:20px 10px}
.mailbox-attachment-icon.has-img{padding:0}
.mailbox-attachment-icon.has-img&gt;img{max-width:100%;height:auto}
.lockscreen{background:#d2d6de}
.lockscreen-logo{font-size:35px;text-align:center;margin-bottom:25px;font-weight:300}
.lockscreen-logo a{color:#444}
.lockscreen-wrapper{max-width:400px;margin:0 auto;margin-top:10%}
.lockscreen .lockscreen-name{text-align:center;font-weight:600}
.lockscreen-item{border-radius:4px;padding:0;background:#fff;position:relative;margin:10px auto 30px auto;width:290px}
.lockscreen-image{border-radius:50%;position:absolute;left:-10px;top:-25px;background:#fff;padding:5px;z-index:10}
.lockscreen-image&gt;img{border-radius:50%;width:70px;height:70px}
.lockscreen-credentials{margin-left:70px}
.lockscreen-credentials
 .form-control{border:0}
.lockscreen-credentials .btn{background-color:#fff;border:0;padding:0 10px}
.lockscreen-footer{margin-top:10px}
.login-logo,.register-logo{font-size:35px;text-align:center;margin-bottom:25px;font-weight:300}
.login-logo a,.register-logo a{color:#444}
.login-page,.register-page{background:#d2d6de}
.login-box,.register-box{width:360px;margin:7% auto}
@media (max-width:768px){.login-box,.register-box{width:90%;margin-top:20px}}
.login-box-body,.register-box-body{background:#fff;padding:20px;border-top:0;color:#666}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback{color:#777}
.login-box-msg,.register-box-msg{margin:0;text-align:center;padding:0 20px 20px 20px}
.social-auth-links{margin:10px 0}
.error-page{width:600px;margin:20px auto 0 auto}
 @media (max-width:991px){.error-page{width:100%}}
 .error-page&gt;.headline{float:left;font-size:100px;font-weight:300}
 @media (max-width:991px)
 {
 .error-page&gt;.headline{float:none;text-align:center}}
 .error-page&gt;.error-content{margin-left:190px;display:block}
 @media (max-width:991px){.error-page&gt;.error-content{margin-left:0}}
 .error-page&gt;.error-content&gt;h3{font-weight:300;font-size:25px}
 @media (max-width:991px){.error-page&gt;.error-content&gt;h3{text-align:center}}
 .invoice{position:relative;background:#fff;border:1px solid #f4f4f4;padding:20px;margin:10px 25px}
 .invoice-title{margin-top:0}
 .profile-user-img{margin:0 auto;width:100px;height: 100px; padding:3px;border:3px solid #d2d6de}
 .profile-username{font-size:21px;margin-top:5px}
 .post{border-bottom:1px solid #d2d6de;margin-bottom:15px;padding-bottom:15px;color:#666}
 .post:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}
 .post .user-block{margin-bottom:15px}
 .btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .btn-social&gt;:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
 .btn-social.btn-lg{padding-left:61px}
 .btn-social.btn-lg&gt;:first-child{line-height:45px;width:45px;font-size:1.8em}
 .btn-social.btn-sm{padding-left:38px}
 .btn-social.btn-sm&gt;:first-child{line-height:28px;width:28px;font-size:1.4em}
 .btn-social.btn-xs{padding-left:30px}
 .btn-social.btn-xs&gt;:first-child{line-height:20px;width:20px;font-size:1.2em}
 .btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}
 .btn-social-icon&gt;:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
 .btn-social-icon.btn-lg{padding-left:61px}
 .btn-social-icon.btn-lg&gt;:first-child{line-height:45px;width:45px;font-size:1.8em}
 .btn-social-icon.btn-sm{padding-left:38px}
 .btn-social-icon.btn-sm&gt;:first-child{line-height:28px;width:28px;font-size:1.4em}
 .btn-social-icon.btn-xs{padding-left:30px}
 .btn-social-icon.btn-xs&gt;:first-child{line-height:20px;width:20px;font-size:1.2em}
 .btn-social-icon&gt;:first-child{border:none;text-align:center;width:100%}
 .btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
 .btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
 .btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
 .btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}
 .btn-adn:focus,.btn-adn.focus{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}
 .btn-adn:hover{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}
 .btn-adn:active,.btn-adn.active,
 .open&gt;.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}
 .btn-adn:active,.btn-adn.active,
 .open&gt;.dropdown-toggle.btn-adn{background-image:none}
 .btn-adn .badge{color:#d87a68;background-color:#fff}
 .btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket:focus,.btn-bitbucket.focus{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}
.btn-bitbucket:hover{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}
 .btn-bitbucket:active,.btn-bitbucket.active,
 .open&gt;.dropdown-toggle.btn-bitbucket{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}
 .btn-bitbucket:active,.btn-bitbucket.active,
 .open&gt;.dropdown-toggle.btn-bitbucket{background-image:none}
 .btn-bitbucket .badge{color:#205081;background-color:#fff}
 .btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}
 .btn-dropbox:focus,.btn-dropbox.focus{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}
 .btn-dropbox:hover{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}
 .btn-dropbox:active,.btn-dropbox.active,
 .open&gt;.dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}
 .btn-dropbox:active,.btn-dropbox.active,
 .open&gt;.dropdown-toggle.btn-dropbox{background-image:none}
 .btn-dropbox .badge{color:#1087dd;background-color:#fff}
 .btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
 .btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
 .btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
 .btn-facebook:active,.btn-facebook.active,
 .open&gt;.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
 .btn-facebook:active,.btn-facebook.active,
 .open&gt;.dropdown-toggle.btn-facebook{background-image:none}
 .btn-facebook .badge{color:#3b5998;background-color:#fff}
 .btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}
 .btn-flickr:focus,.btn-flickr.focus{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}
 .btn-flickr:hover{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}
 .btn-flickr:active,.btn-flickr.active,.open&gt;.dropdown-toggle.btn-flickr{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}.btn-flickr:active,.btn-flickr.active,.open&gt;.dropdown-toggle.btn-flickr{background-image:none}.btn-flickr .badge{color:#ff0084;background-color:#fff}.btn-foursquare{color:#fff;background-color:#f94877;border-color:rgba(0,0,0,0.2)}.btn-foursquare:focus,.btn-foursquare.focus{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}.btn-foursquare:hover{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}.btn-foursquare:active,.btn-foursquare.active,.open&gt;.dropdown-toggle.btn-foursquare{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}.btn-foursquare:active,.btn-foursquare.active,.open&gt;.dropdown-toggle.btn-foursquare{background-image:none}.btn-foursquare .badge{color:#f94877;background-color:#fff}.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:focus,.btn-github.focus{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}.btn-github:hover{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}.btn-github:active,.btn-github.active,.open&gt;.dropdown-toggle.btn-github{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}.btn-github:active,.btn-github.active,.open&gt;.dropdown-toggle.btn-github{background-image:none}.btn-github .badge{color:#444;background-color:#fff}.btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:focus,.btn-google.focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active,.btn-google.active,.open&gt;.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active,.btn-google.active,.open&gt;.dropdown-toggle.btn-google{background-image:none}.btn-google .badge{color:#dd4b39;background-color:#fff}.btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:focus,.btn-instagram.focus{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}.btn-instagram:active,.btn-instagram.active,.open&gt;.dropdown-toggle.btn-instagram{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}.btn-instagram:active,.btn-instagram.active,.open&gt;.dropdown-toggle.btn-instagram{background-image:none}.btn-instagram .badge{color:#3f729b;background-color:#fff}.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:focus,.btn-linkedin.focus{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}.btn-linkedin:active,.btn-linkedin.active,.open&gt;.dropdown-toggle.btn-linkedin{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}.btn-linkedin:active,.btn-linkedin.active,.open&gt;.dropdown-toggle.btn-linkedin{background-image:none}.btn-linkedin .badge{color:#007bb6;background-color:#fff}.btn-microsoft{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-microsoft:focus,.btn-microsoft.focus{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}.btn-microsoft:hover{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}.btn-microsoft:active,.btn-microsoft.active,.open&gt;.dropdown-toggle.btn-microsoft{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}.btn-microsoft:active,.btn-microsoft.active,.open&gt;.dropdown-toggle.btn-microsoft{background-image:none}.btn-microsoft .badge{color:#2672ec;background-color:#fff}.btn-openid{color:#fff;background-color:#f7931e;border-color:rgba(0,0,0,0.2)}
.btn-openid:focus,.btn-openid.focus{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}
.btn-openid:hover{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}
.btn-openid:active,.btn-openid.active,
.open&gt;.dropdown-toggle.btn-openid{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}
.btn-openid:active,.btn-openid.active,.open&gt;.dropdown-toggle.btn-openid{background-image:none}
.btn-openid .badge{color:#f7931e;background-color:#fff}
.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:focus,.btn-pinterest.focus{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:hover{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,
.open&gt;.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
.btn-pinterest:active,.btn-pinterest.active,
.open&gt;.dropdown-toggle.btn-pinterest{background-image:none}
.btn-pinterest .badge{color:#cb2027;background-color:#fff}
.btn-reddit{color:#000;background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}
.btn-reddit:focus,.btn-reddit.focus{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}
.btn-reddit:hover{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}
.btn-reddit:active,.btn-reddit.active,.open&gt;.dropdown-toggle.btn-reddit{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}
.btn-reddit:active,.btn-reddit.active,.open&gt;.dropdown-toggle.btn-reddit{background-image:none}
.btn-reddit .badge{color:#eff7ff;background-color:#000}
.btn-soundcloud{color:#fff;background-color:#f50;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud:focus,.btn-soundcloud.focus{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud:hover{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud:active,.btn-soundcloud.active,.open&gt;.dropdown-toggle.btn-soundcloud{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}
.btn-soundcloud:active,.btn-soundcloud.active,.open&gt;.dropdown-toggle.btn-soundcloud{background-image:none}
.btn-soundcloud .badge{color:#f50;background-color:#fff}
.btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}
.btn-tumblr:focus,.btn-tumblr.focus{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}
.btn-tumblr:hover{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}
.btn-tumblr:active,.btn-tumblr.active,.open&gt;.dropdown-toggle.btn-tumblr{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}.btn-tumblr:active,.btn-tumblr.active,.open&gt;.dropdown-toggle.btn-tumblr{background-image:none}.btn-tumblr .badge{color:#2c4762;background-color:#fff}.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:focus,.btn-twitter.focus{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-twitter:active,.btn-twitter.active,.open&gt;.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-twitter:active,.btn-twitter.active,.open&gt;.dropdown-toggle.btn-twitter{background-image:none}.btn-twitter .badge{color:#55acee;background-color:#fff}.btn-vimeo{color:#fff;background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}.btn-vimeo:focus,.btn-vimeo.focus{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}.btn-vimeo:hover{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}.btn-vimeo:active,.btn-vimeo.active,.open&gt;.dropdown-toggle.btn-vimeo{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}.btn-vimeo:active,.btn-vimeo.active,.open&gt;.dropdown-toggle.btn-vimeo{background-image:none}.btn-vimeo .badge{color:#1ab7ea;background-color:#fff}.btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:focus,.btn-vk.focus{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}.btn-vk:hover{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}.btn-vk:active,.btn-vk.active,.open&gt;.dropdown-toggle.btn-vk{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}.btn-vk:active,.btn-vk.active,.open&gt;.dropdown-toggle.btn-vk{background-image:none}.btn-vk .badge{color:#587ea3;background-color:#fff}.btn-yahoo{color:#fff;background-color:#720e9e;border-color:rgba(0,0,0,0.2)}.btn-yahoo:focus,.btn-yahoo.focus{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}.btn-yahoo:hover{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}.btn-yahoo:active,.btn-yahoo.active,.open&gt;.dropdown-toggle.btn-yahoo{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}.btn-yahoo:active,.btn-yahoo.active,.open&gt;.dropdown-toggle.btn-yahoo{background-image:none}.btn-yahoo .badge{color:#720e9e;background-color:#fff}.fc-button{background:#f4f4f4;background-image:none;color:#444;border-color:#ddd;border-bottom-color:#ddd}.fc-button:hover,.fc-button:active,.fc-button.hover{background-color:#e9e9e9}.fc-header-title h2{font-size:15px;line-height:1.6em;color:#666;margin-left:10px}.fc-header-right{padding-right:10px}.fc-header-left{padding-left:10px}.fc-widget-header{background:#fafafa}.fc-grid{width:100%;border:0}.fc-widget-header:first-of-type,.fc-widget-content:first-of-type{border-left:0;border-right:0}.fc-widget-header:last-of-type,.fc-widget-content:last-of-type{border-right:0}.fc-toolbar{padding:10px;margin:0}.fc-day-number{font-size:20px;font-weight:300;padding-right:10px}.fc-color-picker{list-style:none;margin:0;padding:0}.fc-color-picker&gt;li{float:left;font-size:30px;margin-right:5px;line-height:30px}
.fc-color-picker&gt;li .fa{-webkit-transition:-webkit-transform linear .3s;-moz-transition:-moz-transform linear .3s;-o-transition:-o-transform linear .3s;transition:transform linear .3s}.fc-color-picker&gt;li .fa:hover{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}#add-new-event{-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}.external-event{padding:5px 10px;font-weight:bold;margin-bottom:4px;box-shadow:0 1px 1px rgba(0,0,0,0.1);text-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:3px;cursor:move}.external-event:hover{box-shadow:inset 0 0 90px rgba(0,0,0,0.2)}.select2-container--default.select2-container--focus,.select2-selection.select2-container--focus,.select2-container--default:focus,.select2-selection:focus,.select2-container--default:active,.select2-selection:active{outline:none}.select2-container--default .select2-selection--single,.select2-selection .select2-selection--single{border:1px solid #d2d6de;border-radius:0;padding:6px 12px;height:34px}.select2-container--default.select2-container--open{border-color:#3c8dbc}.select2-dropdown{border:1px solid #d2d6de;border-radius:0}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#3c8dbc;color:white}.select2-results__option{padding:6px 12px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{padding-left:0;padding-right:0;height:auto;margin-top:-4px}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:6px;padding-left:20px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:28px;right:3px}.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:0}.select2-dropdown .select2-search__field,.select2-search--inline .select2-search__field{border:1px solid #d2d6de}.select2-dropdown .select2-search__field:focus,.select2-search--inline .select2-search__field:focus{outline:none;border:1px solid #3c8dbc}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{color:#444}.select2-container--default .select2-selection--multiple{border:1px solid #d2d6de;border-radius:0}.select2-container--default .select2-selection--multiple:focus{border-color:#3c8dbc}.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#d2d6de}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#3c8dbc;border-color:#367fa9;padding:1px 10px;color:#fff}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin-right:5px;color:rgba(255,255,255,0.7)}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container .select2-selection--single .select2-selection__rendered{padding-right:10px}.pad{padding:10px}.margin{margin:10px}.margin-bottom{margin-bottom:20px}.margin-bottom-none{margin-bottom:0}.margin-r-5{margin-right:5px}.inline{display:inline}.description-block{display:block;margin:10px 0;text-align:center}.description-block.margin-bottom{margin-bottom:25px}.description-block&gt;.description-header{margin:0;padding:0;font-weight:600;font-size:16px}
.description-block&gt;.description-text{text-transform:uppercase}
.bg-red,.bg-yellow,.bg-aqua,.bg-blue,.bg-light-blue,.bg-green,.bg-navy,.bg-teal,
.bg-olive,.bg-lime,.bg-orange,.bg-fuchsia,.bg-purple,.bg-maroon,
.bg-black,.bg-red-active,.bg-yellow-active,.bg-aqua-active,
.bg-blue-active,.bg-light-blue-active,.bg-green-active,
.bg-navy-active,.bg-teal-active,.bg-olive-active,.bg-lime-active,
.bg-orange-active,.bg-fuchsia-active,.bg-purple-active,
.bg-maroon-active,.bg-black-active,.callout.callout-danger,
.callout.callout-warning,.callout.callout-info,.callout.callout-success,
.alert-success,.alert-danger,.alert-error,.alert-warning,.alert-info,
.label-danger,.label-info,.label-warning,.label-primary,.label-success,
.modal-primary .modal-body,.modal-primary .modal-header,.modal-primary
 .modal-footer,.modal-warning .modal-body,.modal-warning .modal-header,
.modal-warning .modal-footer,.modal-info .modal-body,.modal-info .modal-header,
.modal-info .modal-footer,.modal-success .modal-body,.modal-success .modal-header,
.modal-success .modal-footer,.modal-danger .modal-body,.modal-danger .modal-header,
.modal-danger .modal-footer{color:#fff !important}
.bg-gray{color:#000;background-color:#d2d6de !important}
.bg-gray-light{background-color:#f7f7f7}
.bg-black{background-color:#111 !important}
.bg-red,.callout.callout-danger,.alert-danger,.alert-error,
.label-danger,.modal-danger .modal-body{background-color:red!important}.bg-yellow,.callout.callout-warning,.alert-warning,.label-warning,.modal-warning .modal-body{background-color:#f39c12 !important}.bg-aqua,.callout.callout-info,.alert-info,.label-info,.modal-info .modal-body{background-color:#00c0ef !important}.bg-blue{background-color:#0073b7 !important}.bg-light-blue,.label-primary,.modal-primary .modal-body{background-color:#3c8dbc !important}.bg-green,.callout.callout-success,.alert-success,.label-success,.modal-success .modal-body{background-color:#00a65a !important}.bg-navy{background-color:#001f3f !important}.bg-teal{background-color:#39cccc !important}.bg-olive{background-color:#3d9970 !important}
.bg-lime{background-color:#01ff70 !important}.bg-orange{background-color:#ff851b !important}.bg-fuchsia{background-color:#f012be !important}.bg-purple{background-color:#605ca8 !important}.bg-maroon{background-color:#d81b60 !important}.bg-gray-active{color:#000;background-color:#b5bbc8 !important}.bg-black-active{background-color:#000 !important}.bg-red-active,.modal-danger .modal-header,.modal-danger .modal-footer{background-color:#d33724 !important}.bg-yellow-active,.modal-warning .modal-header,.modal-warning .modal-footer{background-color:#db8b0b !important}.bg-aqua-active,.modal-info .modal-header,.modal-info .modal-footer{background-color:#00a7d0 !important}.bg-blue-active{background-color:#005384 !important}.bg-light-blue-active,.modal-primary .modal-header,.modal-primary .modal-footer{background-color:#357ca5 !important}.bg-green-active,.modal-success .modal-header,.modal-success .modal-footer{background-color:#008d4c !important}.bg-navy-active{background-color:#001a35 !important}.bg-teal-active{background-color:#30bbbb !important}.bg-olive-active{background-color:#368763 !important}.bg-lime-active{background-color:#00e765 !important}.bg-orange-active{background-color:#ff7701 !important}.bg-fuchsia-active{background-color:#db0ead !important}.bg-purple-active{background-color:#555299 !important}.bg-maroon-active{background-color:#ca195a !important}[class^="bg-"].disabled{opacity:.65;filter:alpha(opacity=65)}
.text-red {
    color: #045d36 !important
}.text-yellow{color:#f39c12 !important}.text-aqua{color:#00c0ef !important}.text-blue{color:#0073b7 !important}.text-black{color:#111 !important}.text-light-blue{color:#3c8dbc !important}.text-green{color:#00a65a !important}.text-gray{color:#d2d6de !important}.text-navy{color:#001f3f !important}.text-teal{color:#39cccc !important}.text-olive{color:#3d9970 !important}.text-lime{color:#01ff70 !important}.text-orange{color:#ff851b !important}.text-fuchsia{color:#f012be !important}.text-purple{color:#605ca8 !important}.text-maroon{color:#d81b60 !important}.link-muted{color:#7a869d}.link-muted:hover,.link-muted:focus{color:#606c84}.link-black{color:#666}.link-black:hover,.link-black:focus{color:#999}.hide{display:none !important}.no-border{border:0 !important}.no-padding{padding:0 !important}.no-margin{margin:0 !important}.no-shadow{box-shadow:none !important}.list-unstyled,.chart-legend,.contacts-list,.users-list,.mailbox-attachments{list-style:none;margin:0;padding:0}


.list-group-unbordered&gt;.list-group-item{border-left:0;border-right:0;border-radius:0;padding-left:0;padding-right:0}
.flat{border-radius:0 !important}
.text-bold,.text-bold.table td,.text-bold.table th{font-weight:700}
.text-sm{font-size:12px}
.jqstooltip{padding:5px !important;width:auto !important;height:auto !important}
 .bg-teal-gradient{background:#39cccc !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;background:-ms-linear-gradient(bottom, #39cccc, #7adddd) !important;background:-moz-linear-gradient(center bottom, #39cccc 0, #7adddd 100%) !important;background:-o-linear-gradient(#7adddd, #39cccc) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;color:#fff}
 .bg-light-blue-gradient{background:#3c8dbc !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;background:-ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;background:-moz-linear-gradient(center bottom, #3c8dbc 0, #67a8ce 100%) !important;background:-o-linear-gradient(#67a8ce, #3c8dbc) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;color:#fff}
 .bg-blue-gradient{background:#0073b7 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;background:-ms-linear-gradient(bottom, #0073b7, #0089db) !important;background:-moz-linear-gradient(center bottom, #0073b7 0, #0089db 100%) !important;background:-o-linear-gradient(#0089db, #0073b7) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;color:#fff}
 .bg-aqua-gradient{background:#00c0ef !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;background:-ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;background:-moz-linear-gradient(center bottom, #00c0ef 0, #14d1ff 100%) !important;background:-o-linear-gradient(#14d1ff, #00c0ef) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;color:#fff}
 .bg-yellow-gradient{background:#f39c12 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;background:-ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;background:-moz-linear-gradient(center bottom, #f39c12 0, #f7bc60 100%) !important;background:-o-linear-gradient(#f7bc60, #f39c12) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;color:#fff}
 .bg-purple-gradient{background:#605ca8 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;background:-ms-linear-gradient(bottom, #605ca8, #9491c4) !important;background:-moz-linear-gradient(center bottom, #605ca8 0, #9491c4 100%) !important;background:-o-linear-gradient(#9491c4, #605ca8) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;color:#fff}
 .bg-green-gradient{background:#00a65a !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;background:-ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;background:-moz-linear-gradient(center bottom, #00a65a 0, #00ca6d 100%) !important;background:-o-linear-gradient(#00ca6d, #00a65a) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;color:#fff}
 .bg-red-gradient{background:#dd4b39 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;background:-ms-linear-gradient(bottom, #dd4b39, #e47365) !important;background:-moz-linear-gradient(center bottom, #dd4b39 0, #e47365 100%) !important;background:-o-linear-gradient(#e47365, #dd4b39) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;color:#fff}
 .bg-black-gradient{background:#111 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #111), color-stop(1, #2b2b2b)) !important;background:-ms-linear-gradient(bottom, #111, #2b2b2b) !important;background:-moz-linear-gradient(center bottom, #111 0, #2b2b2b 100%) !important;background:-o-linear-gradient(#2b2b2b, #111) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;color:#fff}
 .bg-maroon-gradient{background:#d81b60 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;background:-ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;background:-moz-linear-gradient(center bottom, #d81b60 0, #e73f7c 100%) !important;background:-o-linear-gradient(#e73f7c, #d81b60) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;color:#fff}
 .description-block .description-icon{font-size:16px}
 .no-pad-top{padding-top:0}
 .position-static{position:static !important}
 .list-header{font-size:15px;padding:10px 4px;font-weight:bold;color:#666}
 .list-seperator{height:1px;background:#f4f4f4;margin:15px 0 9px 0}
 .list-link&gt;a{padding:4px;color:#777}
 .list-link&gt;a:hover{color:#222}
 .font-light{font-weight:300}
 .user-block:before,.user-block:after{content:" ";display:table}
 .user-block:after{clear:both}
 .user-block img{width:40px;height:40px;float:left}
 .user-block .username,.user-block .description,.user-block .comment{display:block;margin-left:50px}
 .user-block .username{font-size:16px;font-weight:600}
 .user-block .description{color:#999;font-size:13px}
 .user-block.user-block-sm .username,.user-block.user-block-sm .description,.user-block.user-block-sm .comment{margin-left:40px}
 .user-block.user-block-sm .username{font-size:14px}
 .img-sm,.img-md,.img-lg,.box-comments .box-comment img,.user-block.user-block-sm img{float:left}
 .img-sm,.box-comments .box-comment img,.user-block.user-block-sm img{width:30px !important;height:30px !important}
 .img-sm+.img-push{margin-left:40px}
 .img-md{width:60px;height:60px}
 .img-md+.img-push{margin-left:70px}
 .img-lg{width:100px;height:100px}
 .img-lg+.img-push{margin-left:110px}
 .img-bordered{border:3px solid #d2d6de;padding:3px}
 .img-bordered-sm{border:2px solid #d2d6de;padding:2px}
 .attachment-block{border:1px solid #f4f4f4;padding:5px;margin-bottom:10px;background:#f7f7f7}
 .attachment-block .attachment-img{max-width:100px;max-height:100px;height:auto;float:left}
 .attachment-block .attachment-pushed{margin-left:110px}
 .attachment-block .attachment-heading{margin:0}
 .attachment-block .attachment-text{color:#555}
 .connectedSortable{min-height:100px}
 .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
 .sort-highlight{background:#f4f4f4;border:1px dashed #ddd;margin-bottom:10px}
 .full-opacity-hover{opacity:.65;filter:alpha(opacity=65)}
 full-opacity-hover:hover{opacity:1;filter:alpha(opacity=100)}
.chart{position:relative;overflow:hidden;width:100%}
.chart svg,.chart canvas{width:100% !important}
@media print
{.no-print,.main-sidebar,.left-side,.main-header,.content-header{display:none !important}
 .content-wrapper,.right-side,.main-footer{margin-left:0 !important;min-height:0 !important;-webkit-transform:translate(0, 0) !important;-ms-transform:translate(0, 0) !important;-o-transform:translate(0, 0) !important;transform:translate(0, 0) !important}
 .fixed .content-wrapper,.fixed .right-side{padding-top:0 !important}
 .invoice{width:100%;border:0;margin:0;padding:0}
 .invoice-col{float:left;width:33.3333333%}
.table-responsive{overflow:auto}
.table-responsive&gt;.table tr th,.table-responsive&gt;.table tr td{white-space:normal !important}}

.list .list-item-container {
  float: left;
}
.list-item-container div:first-child {
  border-top: none;
}
.list .list-item .list-item-content p {
  margin-bottom: 3px;
  margin-top: 0;
}
.list .list-item-date {
  color: #AAAAAA;
  font-size: 10px;
  text-align: center;
}
.list .list-item {
  float: left;
  overflow-x: hidden;
  position: relative;
  width: 100%;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #e4e5e7;
}
.list .list-item-container-small {
  min-width: 80px;
  text-align: center;
}
.list .list-item .list-item-content .list-item-right {
  height: 100%;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 0;
}
.list .list-item .list-item-content h1,
.list .list-item .list-item-content h2,
.list .list-item .list-item-content h3,
.list .list-item .list-item-content h4,
.list .list-item .list-item-content h5,
.list .list-item .list-item-content h6,
.list .list-item .list-item-content .list-item-title {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}

.list.small, small {
  font-size: 80%;
  font-weight: 600;
  font-family: verdana;
}


#Staff-AssignmentPopUp .modal-content {
    background: rgba(6, 6, 7, 0.00) !important;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.00);
    outline: 0 none;
    position: relative;
}

#Staff-AssignmentPopUp .modal-body form {
    padding: 0px 20px;
}

.Staff-Assignment {
    height: auto;
    color: #000;
    background-color: #fff;
    border: 9px solid #0E4364;
    padding: 20px;
    padding-top: 35px;
    border-radius: 9px;
}

    .Staff-Assignment button {
        position: absolute;
        z-index: 999;
        right: 33px;
        top: 33px;
        color: #08b091;
        opacity: 1;
        font-size: 18px;
    }

.profile-title{
    background: #3c8dbc;
    padding: 6px 10px;
    border-radius: 2px;
    box-shadow: 0px 4px 10px #ddd;
    margin-bottom: 25px;
}
.profile-title a{
    
 font-family: 'Times New Roman';
               }

.profile-title span{
    margin: 0px;
    color: #fff;
    font-family: 'Times New Roman';
    font-size: 17px;
    font-weight: 700;
}
/*entab-calender*/
.entab-calender .modal{
    position: absolute!important;
}
.entab-calender .modal-dialog{
    width: 460px;
}


/*Library*/
.Library_body {
    min-height: 764px;
    background: url(../images/Library.jpg) no-repeat #fff center bottom;
    -webkit-background-size: cover;
    -mor-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.Library_body1 {
    min-height: 764px;
    background: url(../images/Library1.jpg) no-repeat #fff center bottom;
    -webkit-background-size: cover;
    -mor-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.Library_menu {
    margin-top: 150px;
    margin-left: 0px;
}

    .Library_menu div {
        width: 150px;
        height: 46px;
        margin-top: 15px;
        left: 0px;
        background: rgba(60,141,188,.5);
        border-radius: 0px 6px 6px 0px;
        padding: 12px 12px;
    }

        .Library_menu div:hover {
            width: 173px;
            height: 46px;
            margin-top: 15px;
            left: 0px;
            background: rgba(60,141,188, 1);
            border-radius: 0px 6px 6px 0px;
            padding: 12px 20px;
        }

.menu_active {
    width: 173px !important;
    background: #3c8dbc!important;
    padding: 12px 20px !important;
}

.Library_menu div a {
    font-weight: 700;
    color: #fff;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 14px;
}

.Library_part {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    outline: 0 none;
    position: relative;
    margin-top: 75px;
    margin-bottom: 50px;
}

.Library_part-dialog {
    z-index: 2200;
    /*position: relative;
    width: auto;
    margin: 10px;
    border-radius:19px;*/
}

.Library_part-header {
    min-height: 16.43px;
    padding: 13px 10px 0px 10px;
    border-bottom: 2px inset #c9cac9;
    color: #3c8dbc;
}

.Library_part-title {
    font-size: 18px;
}

.Library_part-body {
    padding: 0px 10px 10px 10px;
    height: 430px;
    margin-top: 23px;
    margin-bottom: 30px;
}

.Library_part-header .close {
    margin-top: -2px;
    color: #3c8dbc;
    opacity: 1;
}
/*For Library*/

@media only screen and (min-width:300px) and (max-width:1199px) {
    .entab_serch{
        padding-top: 10px;
    }
}

@media only screen and (min-width:300px) and (max-width:1024px) {
    .proceed {
        min-height: 0px!important;
        height: auto;
        max-height: 350px;
        overflow-y: auto;
    }
    
}
@media only screen and (min-width:300px) and (max-width:1024px) {
    .mani {
        height: 123px;
    }

    .Library_menu {
        margin-top: 0px;
        margin-left: -15px;
        height: auto;
    }

        .Library_menu div {
            width: 130px;
            height: 46px;
            float: left;
            margin-top: 15px;
            left: 0px;
            border-radius: 0px 6px 6px 0px;
            padding: 12px 3px;
            margin-right: 2px;
        }

            .Library_menu div:hover {
                width: 130px;
                height: 46px;
                margin-top: 15px;
                left: 0px;
          
                border-radius: 0px 6px 6px 0px;
                padding: 12px 3px;
            }

    .menu_active {
        width: 130px !important;
        padding: 12px 3px !important;
    }

    .Library_part {
        background-clip: padding-box;
        background-color: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 4px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        outline: 0 none;
        position: relative;
        margin-top: 75px;
    }
}


@media only screen and (min-width:1024px) and (max-width:1199px) {

    .Library_menu {
        margin-top: 0px;
        margin-left: -15px;
    }

        .Library_menu div {
            width: 150px;
            height: 46px;
            float: left;
            margin-top: 15px;
            left: 0px;
            border-radius: 0px 6px 6px 0px;
            padding: 12px 12px;
            margin-right: 2px;
        }

            .Library_menu div:hover {
                width: 150px;
                height: 46px;
                margin-top: 15px;
                left: 0px;
              
                border-radius: 0px 6px 6px 0px;
                padding: 12px 12px;
            }

    .menu_active {
        width: 150px !important;
        padding: 12px 12px !important;
    }

 .Library_part {
        background-clip: padding-box;
        background-color: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: 4px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        outline: 0 none;
        position: relative;
        margin-top: 75px;
    }

    .Library_part-body {
        padding: 0px 10px 10px 10px;
        overflow-x: auto;
        height: 300px;
        margin-top: 23px;
        margin-bottom: 30px;
    }
}
.feed-element{
    border-bottom: 1px solid #ddd;
}

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #fff;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
}

.ibox-content {
    clear: both;
}
.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}
.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}

}
.ibox-title .label {
    float: left;
    margin-left: 4px;
    font-family: Arial;
}
.pull-right {
    float: right;
}
.pull-right {
    float: right;
}
.label-warning, .badge-warning {
    background-color: #f8ac59;
    color: #FFFFFF;
}
.ibox-title h5 {
    /* display: inline-block; */
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
        font-weight: 600;
}
.external-event {
    padding: 5px 10px;
    border-radius: 2px;
    margin-bottom: 5px;
}
.blue-bg {
    /* background-color: #1c84c6; */
    background-color: #00ACAC !important;
    color: #ffffff;
}
.Orang-bg {
    background-color: #f8ac59 !important;
    color: #ffffff;
}
.label-white, .badge-white {
    background-color: #FFFFFF;
    color: #5E5E5E;
}
select.input-sm {
    height: 35px!important;
}
#CalPopup .close {
        margin: -40px -34px!important;
    font-size: 24px!important;
    color: #1676ad;
    opacity: 1;
     background-color: #fff;
    padding: 2px 7px;
    border: 2px solid #1676ad;
    border-radius: 50%;
}

#small-chat {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 10000;
}

    #small-chat .badge {
        position: absolute;
        top: -3px;
        right: -4px;
    }

.open-small-chat {
    height: 50px;
    width: 50px;
    display: block;
    background: #3c8dbc;
    padding: 5px 8px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-size: 25px;
}

    .open-small-chat:hover {
        color: #fff!important;
       
    }
     .open-small-chat:focus {
        color: #fff!important;
       
    }
     .feed-element img.img-circle{
        width: 38px;
        height: 38px;
    }
 .control-sidebar .heading {
    background: #3c8dbc;
    padding: 8px 15px;
    font-weight: bold;
    color: #fff;
}
 .control-sidebar.content {
    padding: 15px 15px;
}
 .feed-element{
         padding: 9px 0px;
 }
 .feed-element &gt; .pull-left {
    margin-right: 10px;
}
 .content .media-body strong {
    font-family: verdana;
    color: #3c8dbc;
}
 .feed-element .media-body, small {
    font-size: 100%;
    font-weight: 600;
    font-family: calibri;
}
 .birthday1 {
    overflow: scroll;
    overflow-x: hidden;
    width: auto;
    height: 450px;
}

 .feed-activity-list .feed-element {
    border-bottom: 1px solid #e7eaec;
}

.feed-element:first-child {
    margin-top: 0;
}

.feed-element {
    padding-bottom: 7px;
}

    .feed-element,
    .feed-element .media {
        margin-top: 7px;
    }

.feed-element,
.media-body {
    overflow: hidden;
}

    .feed-element &gt; .pull-left {
        margin-right: 10px;
    }

    .feed-element img.img-circle,
    .dropdown-messages-box img.img-circle {
        width: 38px;
        height: 38px;
    }

    .feed-element .well {
        border: 1px solid #e7eaec;
        box-shadow: none;
        margin-top: 10px;
        margin-bottom: 5px;
        padding: 10px 20px;
        font-size: 11px;
        line-height: 16px;
    }

    .feed-element .actions {
        margin-top: 10px;
    }

    .feed-element .photos {
        margin: 10px 0;
    }

.feed-photo {
    max-height: 180px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 10px;
}
.mydetails{
    height: 216px; overflow-x: auto
}
.unread{
  background-color:#ECF0F5;
  font-weight:500;
}
/*Tooltip*/
.tooltip1 {
    position: relative;
    display: inline-block;

}

    .tooltip1 .tooltiptext {
        visibility: hidden;
        background: #31556d;
        border: 1px solid #31556d;
        color: #fff;
        font-size: 11px;
        padding: 10px 10px;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
    }

    .tooltip1:hover .tooltiptext {
        visibility: visible;
    }

    .tooltip1 .tooltiptext {
        width: 130px;
        bottom: 100%;
        left: 50%;
        margin-left: -65px;
    }

        .tooltip1 .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -7px;
            border-width: 7px;
            border-style: solid;
            border-color: #31556d transparent transparent transparent;
        }


        .tooltip2 {
    /*position: relative;*/
    display: inline-block;

}

    .tooltip2 .tooltiptext {
        visibility: hidden;
        background: #fff;
        border: 1px solid #3c8dbc;
        color: #3c8dbc;
        text-align: center;
        font-size: 11px;
        padding: 10px 10px;
        border-radius: 6px;
        position: absolute;
        z-index: 999;
    }

    .tooltip2:hover .tooltiptext {
        visibility: visible;
    }

    .tooltip2 .tooltiptext {
        width: 100px;
        top: 80%;
        left: 50%;
        margin-left: -53px;
    }

        .tooltip2 .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -7px;
            border-width: 7px;
            border-style: solid;
            border-color: transparent transparent #3c8dbc transparent;
        }

        .tooltip3 {
    /*position: relative;*/
    display: inline-block;

}

    .tooltip3 .tooltiptext {
        visibility: hidden;
        background: #fff;
        border: 1px solid #008000;
        color: #008000;
        text-align: center;
        font-size: 11px;
        padding: 0px 10px;
        border-radius: 6px;
        position: absolute;
        z-index: 999;
    }

    .tooltip3:hover .tooltiptext {
        visibility: visible;
    }

    .tooltip3 .tooltiptext {
        width: 100px;
        top: 80%;
        left: 50%;
        margin-left: -53px;
    }

        .tooltip3 .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -7px;
            border-width: 7px;
            border-style: solid;
            border-color: transparent transparent #008000 transparent;
        }

         .tooltip4 {
    /*position: relative;*/
    display: inline-block;

}

    .tooltip4 .tooltiptext {
        visibility: hidden;
        background: #fff;
        border: 1px solid #f6560f;
        color: #f6560f;
        text-align: center;
        font-size: 11px;
        padding: 10px 10px;
        border-radius: 6px;
        position: absolute;
        z-index: 999;
    }

    .tooltip4:hover .tooltiptext {
        visibility: visible;
    }

    .tooltip4 .tooltiptext {
        width: 100px;
        top: 80%;
        left: 50%;
        margin-left: -53px;
    }

        .tooltip4 .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -7px;
            border-width: 7px;
            border-style: solid;
            border-color: transparent transparent #f6560f transparent;
        }

         .sidebar-toggle{
       display: none!important;
   }
         @media only screen and (min-width:300px) and (max-width:478px){
             .btn-app{
                 min-width: 48%;
             }
         }
          @media only screen and (min-width:992px) and (max-width:1210px){
             .list-group-item{
                font-size: 10px;
             }
         }
@media only screen and (min-width:300px) and (max-width:766px) {
   .sidebar-toggle{
       display: block!important;
   }
   .application{
       display: none!important;
   }
   .nav &gt; li &gt; a {
    position: relative;
    display: block;
    padding: 10px 5px!important;
}
   .main-header .navbar-custom-menu {
    float: left;
}
   .navbar-custom-menu&gt;.navbar-nav&gt;li&gt;.dropdown-menu {
  
    right: auto;
   
}
   .entab-search{
    width: 224px!important;
}
}
.close {
   
    color: #1468b0!important;
    opacity: 1!important;
    outline: none!important;
}

.Inbox {
    height: auto;
    color: #000;
    background-color: #fff;
    padding: 10px 0px;
    border-radius: 9px;
}

    .Inbox button {
        position: absolute;
        z-index: 999;
        right: 4px;
        top: -21px;
        color: #08b091;
        opacity: 1;
        font-size: 18px;
    }
    
.Pending-tasks .menu li{
    padding: 6px 0px;
    border-bottom: 1px solid #ddd;
}

.fc-day-number {

    font-size:15px!important;
}

h2{
    font-size:20px;
}
.cal a{
    color: #fff;
}
.cal span {
    background: #fff;
    border-radius: 50%;
    padding: 5px 5px;
    right: 3px;
    top: 3px;
    position: absolute;
    color: #00a65a;
    box-shadow: 2px 2px 8px #484848;
}
#OnlineLeaveEntry .btn{
    padding: 6px 12px;
}

.Mg-1 { background: #3399CC; border: 2px solid #18638e }
.Mg-2 { background: #33CCCC; border: 2px solid #1aa5a5}
.Mg-3 { background: #e2674a; border: 2px solid #c44a2d}
.Mg-4 { background: #FFCC66; border: 2px solid #dca842}
.Mg-5 { background: #99CC99; border: 2px solid #4b8a4b}
.Mg-6 { background: #CC6699; border: 2px solid #a84978}
.Mg-7 { background: #666699; border: 2px solid #46467a}

.Mg-1:hover { background: #64beeb; }
.Mg-2:hover { background: #65ebeb; }
.Mg-3:hover { background: #f69a85; }
.Mg-4:hover { background: #fbdb9c; }
.Mg-5:hover { background: #b8e4b8; }
.Mg-6:hover { background: #f691c4; }
.Mg-7:hover { background: #a1a1eb; }

ol {
    color: #666;
    font-weight: 700;
}

ol p{
    color: #8b8b8b;
    font-weight: 400;
}
#helpofStaff{
    position: absolute;
    z-index: 999;
    background: #336f96;
    right: 0px;
    top: 97px;
    padding: 3px 15px;
    border-radius: 7px 0px 0px 7px;
    cursor: pointer;
}
#helpofStaff span{
    color: #fff;
}
.entab-search{
    width: 370px;
}
#message .direct-chat-msg{margin-bottom:10px; width: 60%;}
#message .right.direct-chat-msg{margin-bottom:10px; width: 60%; margin-left: 38.5%}
#message .clearfix{
    height: 23px;
}
#message i{
    color: #ea7008;
    font-size: 18px;
    
}
#message .direct-chat-text &gt; p{
    padding: 0px 10px;
    text-align: justify;

}
#message .direct-chat-messages {
   
    height: auto;
    overflow: auto;
}
#message .direct-chat-img {
     border-radius: 50%;
    float: left;
    width: 40px;
    height: 40px;
    font-size: 20px;
    background: #eeeeee;
    text-align: center;
    line-height: 38px;
    color: #3c8dbc;
}
#message .right .direct-chat-img{float:right}

input:focus ~.floating-lable,
        input:not(:focus):valid ~.floating-lable{
            top: -10px;
            bottom: 30px;
            left: 20px;
            font-size: 14px;
            opacity: 1;
            color: #05b6a0;
            background: #fff;
        }

select:focus ~.floating-lable,
        select:not(:focus):valid ~.floating-lable{
            top: -10px;
            bottom: 30px;
            left: 20px;
            font-size: 14px;
            opacity: 1;
            color: #05b6a0;
            background: #fff;
        }

textarea:focus ~.floating-lable,
        textarea:not(:focus):valid ~.floating-lable{
            top: -14.5px;
            left: 20px;
            font-size: 14px;
            opacity: 1;
            color: #05b6a0;
            background: #fff;
        }
        /*.inputtext{
            font-size: 14px;
            width: 200px;
            height: 35px
        }*/
        .floating-lable{
            position: absolute;
            pointer-events: none;
            left: 20px;
            top: 8px;
            font-size: 14px;
            color: #999;
            padding: 1px 5px;
            transition: 0.2s ease all;
            letter-spacing: 1px
        }

        .input-sm {
    font-size: 15px;
    color: #666;
   
}
        .form-group {
    margin-bottom: 10px!important;
}
        .reg-stud-detail{
            padding: 104px 0px;
        }
        .reg-fath-detail{
            padding: 54px 0px;
        }
        .reg-Moth-detail{
            padding: 54px 0px;
        }

        @media only screen and (min-width:300px) and (max-width:991px) {
             .reg-stud-detail{
            padding: 40px 0px;
        }
             .b-r{
                 border: none;

             }
}
</pre></body></html>