/*
 * Skin: Blue
 * ----------
 */


.skin-custom .wrapper, .skin-custom .main-sidebar, .skin-custom .left-side{
  background-color: #02353c !important;   
} 
a{
  color: #2eaf7d !important;
}
.chosen-container a{
  color: #333 !important;
}

.content-wrapper
{
  background-color: #f8f8f8 !important;
} 
 .skin-custom .sidebar-menu > li > a,
 .skin-custom .treeview-menu > li > a{
   color: #c1f6ed !important;
 }

 .skin-custom .user-panel > .info, .skin-custom .user-panel > .info > a
 {
  color: #c1f6ed !important;
  text-overflow: ellipsis!important;
  white-space: nowrap!important;
  overflow: hidden!important;
}
 .skin-custom .sidebar-menu > li:hover > a, .skin-custom .sidebar-menu > li.active > a{
  background-color: #02353c!important; 
  background-image: linear-gradient(to right,#042c32, #042c32 , #02353c) !important;
  border-left-color: #c1f6ed!important;
  color:#2eaf7d !important; 

 }
 .skin-custom .sidebar-menu > li > .treeview-menu{
  background-image: linear-gradient(to right,#042c32, #042c32 , #02353c) !important;
   border-left-color: #c1f6ed!important; 
 }
 .skin-custom .sidebar-menu .treeview-menu > li.active a,
 .skin-custom .sidebar-menu > li > .treeview-menu  li:hover a{
  background-image: linear-gradient(to right,#05282d, #05282d , #02353c) !important;
  color:#2eaf7d !important; 
  border-left-color: #c1f6ed!important; 
 }
.skin-custom .main-header .navbar { 

  background-color: #02353c;
  background-image: linear-gradient(to right,#042c32, #042c32 , #02353c, #02353c);
}
.skin-custom .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-custom .main-header .navbar .nav > li > a:hover,
.skin-custom .main-header .navbar .nav > li > a:active,
.skin-custom .main-header .navbar .nav > li > a:focus,
.skin-custom .main-header .navbar .nav .open > a,
.skin-custom .main-header .navbar .nav .open > a:hover,
.skin-custom .main-header .navbar .nav .open > a:focus,
.skin-custom .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-custom .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-custom .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-custom .main-header .navbar .sidebar-toggle {
  color: #2eaf7d;
}
.skin-custom .main-header .navbar .sidebar-toggle:hover {
  background-color: #2eaf7d; color: #bce903;
}
@media (max-width: 767px) {
  .skin-custom .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-custom .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-custom .main-header .navbar .dropdown-menu li a:hover {
    background: #00b0ff;
  }
}
.skin-custom .main-header .logo {
  background-color: #042c32;
  color: #2eaf7d;
  border-bottom: 0 solid transparent;
} 
.skin-custom .main-header li.user-header {
  background-color: #02353c;
}
ul.dropdown-menu{
  padding: 0!important;
}
.skin-custom .content-header {
  background: transparent;
}
.skin-custom .wrapper,
.skin-custom .main-sidebar,
.skin-custom .left-side {
  background-color: #2c2f3e;
}
.skin-custom .user-panel > .info,
.skin-custom .user-panel > .info > a {
  color: #fff;
}
.skin-custom .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
.skin-custom .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-custom .sidebar-menu > li:hover > a,
.skin-custom .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #3a3e4e;
  border-left-color: #3181b6;
}
.skin-custom .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #3a3e4e;
}
.skin-custom .sidebar a {
  color: #b8c7ce;
}
.skin-custom .sidebar a:hover {
  text-decoration: none;
}
.skin-custom .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-custom .treeview-menu > li.active > a,
.skin-custom .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-custom .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-custom .sidebar-form input[type="text"],
.skin-custom .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.skin-custom .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-custom .sidebar-form input[type="text"]:focus,
.skin-custom .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-custom .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-custom .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-custom.layout-top-nav .main-header > .logo {
  background-color: #3181b6;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-custom.layout-top-nav .main-header > .logo:hover {
  background-color: #3b8ab8;
}

.small-box>.small-box-footer{
  color: white !important;
}

.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body{ 
  background-color: #00b0ff;
  background-image: linear-gradient(to right, #00b0ff , #7700ff);
}
.bg-green, .callout.callout-success, .alert-success, .label-success, .toast-success, .modal-success .modal-body{
  
  background-color: #bce903 !important;
  background-image: linear-gradient(to right, #bce903 , #30a002) !important;
}

.bg-purple{ 
  background-color: #8d11cd !important;
  background-image: linear-gradient(to right, #8d11cd , #383395)!important;
}
.bg-orange, .callout.callout-warning, .alert-warning, .alert-warning, .label-warning, .toast-warning, .modal-warning .modal-body{
  
  background-color: #e88b2d !important;
  background-image: linear-gradient(to right, #e88b2d , #e35316)!important;
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .toast-danger, .modal-danger .modal-body{
  
  background-color: #de030b !important;
  background-image: linear-gradient(to right, #de030b , #9a0419) !important;
}
.fc-button-primary:disabled{
  background-color: #8b8d96;
  background-image: linear-gradient(to right, #8b8d96 , #6a6e74);
}
.fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active,
.fc-button-primary{
  background-color:transparent !important;
}
.fc-button-primary{
  border-width: 0!important;
  border-color: transparent !important;
}
.fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active{
  background-color: #d3d3d3 !important; 
  color: #666!important;
}

.fc-button-group, .fc-today-button{
  background-color: #5b5d5f !important;;
  background-image: linear-gradient(to right, #8b8d96 , #5b5d5f) !important;
}

.btn{
  /* color:#c1f6ed!important; */
  color:white!important;
  border-radius: 0.1em !important;
  border-width: 0!important;
  transition: all .3s;
}
 
.btn:hover, .btn:focus .btn:active{   
  color: white; 
  border-radius: 0.1em !important;
	box-shadow: 2px 2px 3px #999;
  background-color: grey;
  background-blend-mode: multiply;
} 

.btn-default{
  color: #333 !important;
  background-color: #e8e8e8 !important;;
  background-image: linear-gradient(to right, #eeeeee , #dddcdc) !important;;
}
.btn-info{
  background-color: #00b0ff !important;;
  background-image: linear-gradient(to right, #00b0ff , #0099e0) !important;;
}
.btn-danger{
  background-color: #e21833 !important;;
  background-image: linear-gradient(to right, #e21833 , #c5142c) !important;;
}
.btn-success{
  background-color: #4ec91e !important;;
  background-image: linear-gradient(to right, #4ec91e , #30a002) !important;;
}
.btn-warning{
  background-color: #fcb924 !important;;
  background-image: linear-gradient(to right, #fcb924 , #f68e17) !important;;
} 
.btn-primary{
  background-color: #5681f1 !important;;
  background-image: linear-gradient(to right, #5681f1 , #1f5cfb) !important;;
}


.fc-event, .fc-event-dot{
  background-color: #e3ef7a!important;
  color: #333 !important;
}
a span.fc-event, span.fc-event{
  color: white!important;
}