/* Minification failed. Returning unminified contents.
(8222,1): run-time error CSS1019: Unexpected token, found '@import'
(8222,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Aclonica)'
(8223,1): run-time error CSS1019: Unexpected token, found '@import'
(8223,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,700,600,800)'
 */
/*
 * Loaders Kit
 *
 * A Pen by Viduthalai Mani
 * http://codepen.io/viduthalai1947/pen/JkhDK
 */



/* loader-Timer*/
.loader-timer{
  position: relative;
  margin: 0;/* Not necessary- its only for layouting*/    
  width: 24px;
  height: 24px;
  background-color: transparent;
  box-shadow: inset 0px 0px 0px 2px #394264;
  border-radius: 50%;
 }
.loader-timer:after, .loader-timer:before{
  position: absolute;
  content:"";
  background-color: #394264;
}
.loader-timer:after{
  width: 10px;
  height: 2px;
  top: 11px;
  left: 11px;
  -webkit-transform-origin: 1px 1px;
     -moz-transform-origin: 1px 1px;
          transform-origin: 1px 1px;
  -webkit-animation: minhand 2s linear infinite;
     -moz-animation: minhand 2s linear infinite;
          animation: minhand 2s linear infinite;
}
.loader-timer:before{
  width: 8px;
  height: 2px;
  top: 11px;
  left: 11px;
  -webkit-transform-origin: 1px 1px;
     -moz-transform-origin: 1px 1px;
          transform-origin: 1px 1px;
  -webkit-animation: hrhand 8s linear infinite;
     -moz-animation: hrhand 8s linear infinite;
          animation: hrhand 8s linear infinite;
}
.loader-timer.loader-timer-primary{ box-shadow: inset 0px 0px 0px 2px #13A89E; }
.loader-timer.loader-timer-primary:after, .loader-timer.loader-timer-primary:before{ background-color: #13A89E; }
.loader-timer.loader-timer-success{ box-shadow: inset 0px 0px 0px 2px #5BB75B; }
.loader-timer.loader-timer-success:after, .loader-timer.loader-timer-success:before{ background-color: #5BB75B; }
.loader-timer.loader-timer-info{ box-shadow: inset 0px 0px 0px 2px #49AFCD; }
.loader-timer.loader-timer-info:after, .loader-timer.loader-timer-info:before{ background-color: #49AFCD; }
.loader-timer.loader-timer-warning{ box-shadow: inset 0px 0px 0px 2px #FAA732; }
.loader-timer.loader-timer-warning:after, .loader-timer.loader-timer-warning:before{ background-color: #FAA732; }
.loader-timer.loader-timer-danger{ box-shadow: inset 0px 0px 0px 2px #DA4F49; }
.loader-timer.loader-timer-danger:after, .loader-timer.loader-timer-danger:before{ background-color: #DA4F49; }

@-webkit-keyframes minhand{
  0%{-webkit-transform:rotate(0deg)}
  100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes minhand{
  0%{-moz-transform:rotate(0deg)}
  100%{-moz-transform:rotate(360deg)}
}
@keyframes minhand{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}

@-webkit-keyframes hrhand{
  0%{-webkit-transform:rotate(0deg)}
  100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes hrhand{
  0%{-moz-transform:rotate(0deg)}
  100%{-moz-transform:rotate(360deg)}
}
@keyframes hrhand{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}




/*Typing Loader*/
.loader-typing{
  position: relative;
  left: -12px;
  margin: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  -webkit-animation: typing 1s linear infinite alternate;
     -moz-animation: Typing 1s linear infinite alternate;
          animation: typing 1s linear infinite alternate;
}
.loader-typing.loader-typing-primary{
  -webkit-animation: typing_primary 1s linear infinite alternate;
       -moz-animation: Typing_primary 1s linear infinite alternate;
            animation: typing_primary 1s linear infinite alternate;
}
.loader-typing.loader-typing-success{
  -webkit-animation: typing_success 1s linear infinite alternate;
       -moz-animation: Typing_success 1s linear infinite alternate;
            animation: typing_success 1s linear infinite alternate;
}
.loader-typing.loader-typing-info{
  -webkit-animation: typing_info 1s linear infinite alternate;
       -moz-animation: Typing_info 1s linear infinite alternate;
            animation: typing_info 1s linear infinite alternate;
}
.loader-typing.loader-typing-warning{
  -webkit-animation: typing_warning 1s linear infinite alternate;
       -moz-animation: Typing_warning 1s linear infinite alternate;
            animation: typing_warning 1s linear infinite alternate;
}
.loader-typing.loader-typing-danger{
  -webkit-animation: typing_danger 1s linear infinite alternate;
       -moz-animation: Typing_danger 1s linear infinite alternate;
            animation: typing_danger 1s linear infinite alternate;
}

@-webkit-keyframes typing{
    0%{background-color: rgba(35, 35, 50, 1); box-shadow: 12px 0px 0px 0px rgba(35, 35, 50, .2),  24px 0px 0px 0px rgba(35, 35, 50, .2); }
    25%{ background-color: rgba(35, 35, 50, 0.4); box-shadow: 12px 0px 0px 0px rgba(35, 35, 50, .2),  24px 0px 0px 0px rgba(35, 35, 50, .2); }
    75%{ background-color: rgba(35, 35, 50, 0.4); box-shadow: 12px 0px 0px 0px rgba(35, 35, 50, .2),  24px 0px 0px 0px rgba(35, 35, 50, 1); }
}
@-moz-keyframes typing{
   0%{background-color: rgba(35, 35, 50, 1); box-shadow: 12px 0px 0px 0px rgba(35, 35, 50, .2),  24px 0px 0px 0px rgba(35, 35, 50, .2); }
    25%{ background-color: rgba(35, 35, 50, 0.4); box-shadow: 12px 0px 0px 0px rgba(35, 35, 50, .2),  24px 0px 0px 0px rgba(35, 35, 50, .2); }
    75%{ background-color: rgba(35, 35, 50, 0.4); box-shadow: 12px 0px 0px 0px rgba(35, 35, 50, .2),  24px 0px 0px 0px rgba(35, 35, 50, 1); }
}
@keyframes typing{
   0%{background-color: rgba(35, 35, 50, 1); box-shadow: 12px 0px 0px 0px rgba(35, 35, 50, .2),  24px 0px 0px 0px rgba(35, 35, 50, .2); }
    25%{ background-color: rgba(35, 35, 50, 0.4); box-shadow: 12px 0px 0px 0px rgba(35, 35, 50, .2),  24px 0px 0px 0px rgba(35, 35, 50, .2); }
    75%{ background-color: rgba(35, 35, 50, 0.4); box-shadow: 12px 0px 0px 0px rgba(35, 35, 50, .2),  24px 0px 0px 0px rgba(35, 35, 50, 1); }
}
/* typing primary */
@-webkit-keyframes typing_primary{
    0%{background-color: rgba(19, 168, 158, 1); box-shadow: 12px 0px 0px 0px rgba(19, 168, 158, .2),  24px 0px 0px 0px rgba(19, 168, 158, .2); }
    25%{ background-color: rgba(19, 168, 158, 0.4); box-shadow: 12px 0px 0px 0px rgba(19, 168, 158, .2),  24px 0px 0px 0px rgba(19, 168, 158, .2); }
    75%{ background-color: rgba(19, 168, 158, 0.4); box-shadow: 12px 0px 0px 0px rgba(19, 168, 158, .2),  24px 0px 0px 0px rgba(19, 168, 158, 1); }
}
@-moz-keyframes typing_primary{
   0%{background-color: rgba(19, 168, 158, 1); box-shadow: 12px 0px 0px 0px rgba(19, 168, 158, .2),  24px 0px 0px 0px rgba(19, 168, 158, .2); }
    25%{ background-color: rgba(19, 168, 158, 0.4); box-shadow: 12px 0px 0px 0px rgba(19, 168, 158, .2),  24px 0px 0px 0px rgba(19, 168, 158, .2); }
    75%{ background-color: rgba(19, 168, 158, 0.4); box-shadow: 12px 0px 0px 0px rgba(19, 168, 158, .2),  24px 0px 0px 0px rgba(19, 168, 158, 1); }
}
@keyframes typing_primary{
   0%{background-color: rgba(19, 168, 158, 1); box-shadow: 12px 0px 0px 0px rgba(19, 168, 158, .2),  24px 0px 0px 0px rgba(19, 168, 158, .2); }
    25%{ background-color: rgba(19, 168, 158, 0.4); box-shadow: 12px 0px 0px 0px rgba(19, 168, 158, .2),  24px 0px 0px 0px rgba(19, 168, 158, .2); }
    75%{ background-color: rgba(19, 168, 158, 0.4); box-shadow: 12px 0px 0px 0px rgba(19, 168, 158, .2),  24px 0px 0px 0px rgba(19, 168, 158, 1); }
}
/* typing success */
@-webkit-keyframes typing_success{
    0%{background-color: rgba(91, 183, 91, 1); box-shadow: 12px 0px 0px 0px rgba(91, 183, 91, .2),  24px 0px 0px 0px rgba(91, 183, 91, .2); }
    25%{ background-color: rgba(91, 183, 91, 0.4); box-shadow: 12px 0px 0px 0px rgba(91, 183, 91, .2),  24px 0px 0px 0px rgba(91, 183, 91, .2); }
    75%{ background-color: rgba(91, 183, 91, 0.4); box-shadow: 12px 0px 0px 0px rgba(91, 183, 91, .2),  24px 0px 0px 0px rgba(91, 183, 91, 1); }
}
@-moz-keyframes typing_success{
   0%{background-color: rgba(91, 183, 91, 1); box-shadow: 12px 0px 0px 0px rgba(91, 183, 91, .2),  24px 0px 0px 0px rgba(91, 183, 91, .2); }
    25%{ background-color: rgba(91, 183, 91, 0.4); box-shadow: 12px 0px 0px 0px rgba(91, 183, 91, .2),  24px 0px 0px 0px rgba(91, 183, 91, .2); }
    75%{ background-color: rgba(91, 183, 91, 0.4); box-shadow: 12px 0px 0px 0px rgba(91, 183, 91, .2),  24px 0px 0px 0px rgba(91, 183, 91, 1); }
}
@keyframes typing_success{
   0%{background-color: rgba(91, 183, 91, 1); box-shadow: 12px 0px 0px 0px rgba(91, 183, 91, .2),  24px 0px 0px 0px rgba(91, 183, 91, .2); }
    25%{ background-color: rgba(91, 183, 91, 0.4); box-shadow: 12px 0px 0px 0px rgba(91, 183, 91, .2),  24px 0px 0px 0px rgba(91, 183, 91, .2); }
    75%{ background-color: rgba(91, 183, 91, 0.4); box-shadow: 12px 0px 0px 0px rgba(91, 183, 91, .2),  24px 0px 0px 0px rgba(91, 183, 91, 1); }
}
/* typing info */
@-webkit-keyframes typing_info{
    0%{background-color: rgba(73, 175, 205, 1); box-shadow: 12px 0px 0px 0px rgba(73, 175, 205, .2),  24px 0px 0px 0px rgba(73, 175, 205, .2); }
    25%{ background-color: rgba(73, 175, 205, 0.4); box-shadow: 12px 0px 0px 0px rgba(73, 175, 205, .2),  24px 0px 0px 0px rgba(73, 175, 205, .2); }
    75%{ background-color: rgba(73, 175, 205, 0.4); box-shadow: 12px 0px 0px 0px rgba(73, 175, 205, .2),  24px 0px 0px 0px rgba(73, 175, 205, 1); }
}
@-moz-keyframes typing_info{
   0%{background-color: rgba(73, 175, 205, 1); box-shadow: 12px 0px 0px 0px rgba(73, 175, 205, .2),  24px 0px 0px 0px rgba(73, 175, 205, .2); }
    25%{ background-color: rgba(73, 175, 205, 0.4); box-shadow: 12px 0px 0px 0px rgba(73, 175, 205, .2),  24px 0px 0px 0px rgba(73, 175, 205, .2); }
    75%{ background-color: rgba(73, 175, 205, 0.4); box-shadow: 12px 0px 0px 0px rgba(73, 175, 205, .2),  24px 0px 0px 0px rgba(73, 175, 205, 1); }
}
@keyframes typing_info{
   0%{background-color: rgba(73, 175, 205, 1); box-shadow: 12px 0px 0px 0px rgba(73, 175, 205, .2),  24px 0px 0px 0px rgba(73, 175, 205, .2); }
    25%{ background-color: rgba(73, 175, 205, 0.4); box-shadow: 12px 0px 0px 0px rgba(73, 175, 205, .2),  24px 0px 0px 0px rgba(73, 175, 205, .2); }
    75%{ background-color: rgba(73, 175, 205, 0.4); box-shadow: 12px 0px 0px 0px rgba(73, 175, 205, .2),  24px 0px 0px 0px rgba(73, 175, 205, 1); }
}
/* typing warning */
@-webkit-keyframes typing_warning{
    0%{background-color: rgba(250, 167, 50, 1); box-shadow: 12px 0px 0px 0px rgba(250, 167, 50, .2),  24px 0px 0px 0px rgba(250, 167, 50, .2); }
    25%{ background-color: rgba(250, 167, 50, 0.4); box-shadow: 12px 0px 0px 0px rgba(250, 167, 50, .2),  24px 0px 0px 0px rgba(250, 167, 50, .2); }
    75%{ background-color: rgba(250, 167, 50, 0.4); box-shadow: 12px 0px 0px 0px rgba(250, 167, 50, .2),  24px 0px 0px 0px rgba(250, 167, 50, 1); }
}
@-moz-keyframes typing_warning{
   0%{background-color: rgba(250, 167, 50, 1); box-shadow: 12px 0px 0px 0px rgba(250, 167, 50, .2),  24px 0px 0px 0px rgba(250, 167, 50, .2); }
    25%{ background-color: rgba(250, 167, 50, 0.4); box-shadow: 12px 0px 0px 0px rgba(250, 167, 50, .2),  24px 0px 0px 0px rgba(250, 167, 50, .2); }
    75%{ background-color: rgba(250, 167, 50, 0.4); box-shadow: 12px 0px 0px 0px rgba(250, 167, 50, .2),  24px 0px 0px 0px rgba(250, 167, 50, 1); }
}
@keyframes typing_warning{
   0%{background-color: rgba(250, 167, 50, 1); box-shadow: 12px 0px 0px 0px rgba(250, 167, 50, .2),  24px 0px 0px 0px rgba(250, 167, 50, .2); }
    25%{ background-color: rgba(250, 167, 50, 0.4); box-shadow: 12px 0px 0px 0px rgba(250, 167, 50, .2),  24px 0px 0px 0px rgba(250, 167, 50, .2); }
    75%{ background-color: rgba(250, 167, 50, 0.4); box-shadow: 12px 0px 0px 0px rgba(250, 167, 50, .2),  24px 0px 0px 0px rgba(250, 167, 50, 1); }
}
/* typing danger */
@-webkit-keyframes typing_danger{
  0%{background-color: rgba(218, 79, 73, 1); box-shadow: 12px 0px 0px 0px rgba(218, 79, 73, .2),  24px 0px 0px 0px rgba(218, 79, 73, .2); }
  25%{ background-color: rgba(218, 79, 73, 0.4); box-shadow: 12px 0px 0px 0px rgba(218, 79, 73, .2),  24px 0px 0px 0px rgba(218, 79, 73, .2); }
  75%{ background-color: rgba(218, 79, 73, 0.4); box-shadow: 12px 0px 0px 0px rgba(218, 79, 73, .2),  24px 0px 0px 0px rgba(218, 79, 73, 1); }
}
@-moz-keyframes typing_danger{
  0%{background-color: rgba(218, 79, 73, 1); box-shadow: 12px 0px 0px 0px rgba(218, 79, 73, .2),  24px 0px 0px 0px rgba(218, 79, 73, .2); }
  25%{ background-color: rgba(218, 79, 73, 0.4); box-shadow: 12px 0px 0px 0px rgba(218, 79, 73, .2),  24px 0px 0px 0px rgba(218, 79, 73, .2); }
  75%{ background-color: rgba(218, 79, 73, 0.4); box-shadow: 12px 0px 0px 0px rgba(218, 79, 73, .2),  24px 0px 0px 0px rgba(218, 79, 73, 1); }
}
@keyframes typing_danger{
  0%{background-color: rgba(218, 79, 73, 1); box-shadow: 12px 0px 0px 0px rgba(218, 79, 73, .2),  24px 0px 0px 0px rgba(218, 79, 73, .2); }
  25%{ background-color: rgba(218, 79, 73, 0.4); box-shadow: 12px 0px 0px 0px rgba(218, 79, 73, .2),  24px 0px 0px 0px rgba(218, 79, 73, .2); }
  75%{ background-color: rgba(218, 79, 73, 0.4); box-shadow: 12px 0px 0px 0px rgba(218, 79, 73, .2),  24px 0px 0px 0px rgba(218, 79, 73, 1); }
}




/*Location indicator */
.loader-location-indicator{
  margin: 0;
  position: relative;
  left: -9px;
}
.loader-location-indicator:before, .loader-location-indicator:after{
  position: absolute;
  content: "";
}
.loader-location-indicator:before{
  width: 20px;
  height: 20px;
  border-radius: 100% 100% 100% 0;
  box-shadow: 0px 0px 0px 2px rgba(35, 35, 50, 1);
  -webkit-animation: mapping 1s linear infinite;
     -moz-animation: mapping 1s linear infinite;
          animation: mapping 1s linear infinite;
  -webkit-transform: rotate(-46deg);
     -moz-transform: rotate(-46deg);
          transform: rotate(-46deg);
  z-index: 2;
}
.loader-location-indicator:after{
  width: 30px;
  height: 10px;
  border-radius: 100%;
  left: 44px;
  background-color: rgba(35, 35, 50, 0.2);
  top: 24px;
  z-index: 1;
}
.loader-location-indicator.loader-location-indicator-primary:before{  box-shadow: 0px 0px 0px 2px rgba(19, 168, 158, 1); }
.loader-location-indicator.loader-location-indicator-primary:after{ background-color: rgba(19, 168, 158, 0.2); }

.loader-location-indicator.loader-location-indicator-success:before{  box-shadow: 0px 0px 0px 2px rgba(91, 183, 91, 1); }
.loader-location-indicator.loader-location-indicator-success:after{ background-color: rgba(91, 183, 91, 0.2); }

.loader-location-indicator.loader-location-indicator-info:before{  box-shadow: 0px 0px 0px 2px rgba(73, 175, 205, 1); }
.loader-location-indicator.loader-location-indicator-info:after{ background-color: rgba(73, 175, 205, 0.2); }

.loader-location-indicator.loader-location-indicator-warning:before{  box-shadow: 0px 0px 0px 2px rgba(250, 167, 50, 1); }
.loader-location-indicator.loader-location-indicator-warning:after{ background-color: rgba(250, 167, 50, 0.2); }

.loader-location-indicator.loader-location-indicator-danger:before{  box-shadow: 0px 0px 0px 2px rgba(218, 79, 73, 1); }
.loader-location-indicator.loader-location-indicator-danger:after{ background-color: rgba(218, 79, 73, 0.2); }

@-webkit-keyframes mapping{
  0% {top: 0;}
  50%{top: -5px;}
  100% {top:0; }
}
@-moz-keyframes mapping{
  0% {top: 0;}
  50%{top: -5px;}
  100% {top:0; }
}
@-keyframes mapping{
  0% {top: 0;}
  50%{top: -5px;}
  100% {top:0; }
}



/* go in*/
.loader-dashboard{
  width: 32px;
  height: 32px;
  margin: 0;
  border: 2px rgba(35, 35, 50, 1) solid;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.loader-dashboard:after, .loader-dashboard:before{
  position: absolute;
  content: "";
}
.loader-dashboard:after{
  width:13px;
  height: 2px;
  top: 20px;
  left: 13px;
  -webkit-transform-origin: 1px 1px;
     -moz-transform-origin: 1px 1px;
          transform-origin: 1px 1px;
  background-color: rgba(35, 35, 50, 1);
  -webkit-animation: dashboard_hand 2s linear infinite alternate;
     -moz-animation: dashboard_hand 2s linear infinite alternate;
          animation: dashboard_hand 2s linear infinite alternate;
}
.loader-dashboard:before{
  width: 32px;
  height: 10px;
  background-color: rgba(35, 35, 50, 1);
  top:20px;
  left: -2px;
}

.loader-dashboard.loader-dashboard-primary{ border: 2px rgba(19, 168, 158, 1) solid; }
.loader-dashboard.loader-dashboard-primary:after{ background-color: rgba(19, 168, 158, 1); }
.loader-dashboard.loader-dashboard-primary:before{ background-color: rgba(19, 168, 158, 1); }

.loader-dashboard.loader-dashboard-success{ border: 2px rgba(91, 183, 91, 1) solid; }
.loader-dashboard.loader-dashboard-success:after{ background-color: rgba(91, 183, 91, 1); }
.loader-dashboard.loader-dashboard-success:before{ background-color: rgba(91, 183, 91, 1); }

.loader-dashboard.loader-dashboard-info{ border: 2px rgba(73, 175, 205, 1) solid; }
.loader-dashboard.loader-dashboard-info:after{ background-color: rgba(73, 175, 205, 1); }
.loader-dashboard.loader-dashboard-info:before{ background-color: rgba(73, 175, 205, 1); }

.loader-dashboard.loader-dashboard-warning{ border: 2px rgba(250, 167, 50, 1) solid; }
.loader-dashboard.loader-dashboard-warning:after{ background-color: rgba(250, 167, 50, 1); }
.loader-dashboard.loader-dashboard-warning:before{ background-color: rgba(250, 167, 50, 1); }

.loader-dashboard.loader-dashboard-danger{ border: 2px rgba(218, 79, 73, 1) solid; }
.loader-dashboard.loader-dashboard-danger:after{ background-color: rgba(218, 79, 73, 1); }
.loader-dashboard.loader-dashboard-danger:before{ background-color: rgba(218, 79, 73, 1); }

@-webkit-keyframes dashboard_hand{
  0%{ -webkit-transform: rotate(-160deg);}
  100%{ -webkit-transform: rotate(-20deg);}
}
@-moz-keyframes dashboard_hand{
  0%{ -moz-transform: rotate(-160deg);}
  100%{ -moz-transform: rotate(-20deg);}
}
@keyframes dashboard_hand{
  0%{ transform: rotate(-160deg);}
  100%{ transform: rotate(-20deg);}
}





/*Battery*/
.loader-battery{
  position: relative;
  margin: 0;
  width: 28px;
  height: 14px;
  border: 1px #232332 solid;
  border-radius: 2px;
  -webkit-animation: charge 5s linear infinite;
     -moz-animation: charge 5s linear infinite;
          animation: charge 5s linear infinite;
}
.loader-battery:after{
  width: 2px;
  height: 7px;
  background-color: #232332;
  border-radius: 0px 1px 1px 0px;
  position: absolute;
  content: "";
  top: 2px;
  right: -4px;
}

.loader-battery.loader-battery-primary{
  border: 1px #13a89e solid;
  -webkit-animation: charge_primary 5s linear infinite;
     -moz-animation: charge_primary 5s linear infinite;
          animation: charge_primary 5s linear infinite;
}
.loader-battery.loader-battery-primary:after{ background-color: #13a89e; }

.loader-battery.loader-battery-success{
  border: 1px #5bb75b solid;
  -webkit-animation: charge_success 5s linear infinite;
     -moz-animation: charge_success 5s linear infinite;
          animation: charge_success 5s linear infinite;
}
.loader-battery.loader-battery-success:after{ background-color: #5bb75b; }

.loader-battery.loader-battery-info{
  border: 1px #49afcd solid;
  -webkit-animation: charge_info 5s linear infinite;
     -moz-animation: charge_info 5s linear infinite;
          animation: charge_info 5s linear infinite;
}
.loader-battery.loader-battery-info:after{ background-color: #49afcd; }

.loader-battery.loader-battery-warning{
  border: 1px #faa732 solid;
  -webkit-animation: charge_warning 5s linear infinite;
     -moz-animation: charge_warning 5s linear infinite;
          animation: charge_warning 5s linear infinite;
}
.loader-battery.loader-battery-warning:after{ background-color: #faa732; }

.loader-battery.loader-battery-danger{
  border: 1px #da4f49 solid;
  -webkit-animation: charge_danger 5s linear infinite;
     -moz-animation: charge_danger 5s linear infinite;
          animation: charge_danger 5s linear infinite;
}
.loader-battery.loader-battery-danger:after{ background-color: #da4f49; }


@-webkit-keyframes charge{ 0%{box-shadow: inset 0px 0px 0px #232332;} 100%{box-shadow: inset 30px 0px 0px #232332;} }
@-moz-keyframes charge{ 0%{box-shadow: inset 0px 0px 0px #232332;} 100%{box-shadow: inset 30px 0px 0px #232332;} }
@keyframes charge{ 0%{box-shadow: inset 0px 0px 0px #232332;} 100%{box-shadow: inset 30px 0px 0px #232332;} }

/* charge primary */
@-webkit-keyframes charge_primary{ 0%{box-shadow: inset 0px 0px 0px #13a89e;} 100%{box-shadow: inset 30px 0px 0px #13a89e;} }
@-moz-keyframes charge_primary{ 0%{box-shadow: inset 0px 0px 0px #13a89e;} 100%{box-shadow: inset 30px 0px 0px #13a89e;} }
@keyframes charge_primary{ 0%{box-shadow: inset 0px 0px 0px #13a89e;} 100%{box-shadow: inset 30px 0px 0px #13a89e;} }
/* charge success */
@-webkit-keyframes charge_success{ 0%{box-shadow: inset 0px 0px 0px #5bb75b;} 100%{box-shadow: inset 30px 0px 0px #5bb75b;} }
@-moz-keyframes charge_success{ 0%{box-shadow: inset 0px 0px 0px #5bb75b;} 100%{box-shadow: inset 30px 0px 0px #5bb75b;} }
@keyframes charge_success{ 0%{box-shadow: inset 0px 0px 0px #5bb75b;} 100%{box-shadow: inset 30px 0px 0px #5bb75b;} }
/* charge info */
@-webkit-keyframes charge_info{ 0%{box-shadow: inset 0px 0px 0px #49afcd;} 100%{box-shadow: inset 30px 0px 0px #49afcd;} }
@-moz-keyframes charge_info{ 0%{box-shadow: inset 0px 0px 0px #49afcd;} 100%{box-shadow: inset 30px 0px 0px #49afcd;} }
@keyframes charge_info{ 0%{box-shadow: inset 0px 0px 0px #49afcd;} 100%{box-shadow: inset 30px 0px 0px #49afcd;} }
/* charge warning */
@-webkit-keyframes charge_warning{ 0%{box-shadow: inset 0px 0px 0px #faa732;} 100%{box-shadow: inset 30px 0px 0px #faa732;} }
@-moz-keyframes charge_warning{ 0%{box-shadow: inset 0px 0px 0px #faa732;} 100%{box-shadow: inset 30px 0px 0px #faa732;} }
@keyframes charge_warning{ 0%{box-shadow: inset 0px 0px 0px #faa732;} 100%{box-shadow: inset 30px 0px 0px #faa732;} }
/* charge danger */
@-webkit-keyframes charge_danger{ 0%{box-shadow: inset 0px 0px 0px #da4f49;} 100%{box-shadow: inset 30px 0px 0px #da4f49;} }
@-moz-keyframes charge_danger{ 0%{box-shadow: inset 0px 0px 0px #da4f49;} 100%{box-shadow: inset 30px 0px 0px #da4f49;} }
@keyframes charge_danger{ 0%{box-shadow: inset 0px 0px 0px #da4f49;} 100%{box-shadow: inset 30px 0px 0px #da4f49;} }





/* magnifier */
.loader-magnifier{
  position: relative;
  margin: 0;
  width: 20px;
  height: 20px;
  box-shadow: 0px 0px 0px 1px #232332;
  border-radius: 50%;
  -webkit-animation: magnify 1s linear infinite alternate;
     -moz-animation: magnify 1s linear infinite alternate;
          animation: magnify 1s linear infinite alternate;
}
.loader-magnifier:after, .loader-magnifier:before{
  position: absolute;
  content: "";
}
.loader-magnifier:before{
  content: "me";
  font-size: 12px;
  left: 2px;
  text-align: center;
  top: 2px;
}
.loader-magnifier:after{
  width: 2px;
  height: 8px;
  background-color: #232332;
  bottom: -6px;
  left: 20px;
  border-radius: 2px;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.loader-magnifier.loader-magnifier-primary{ box-shadow: 0px 0px 0px 1px #13a89e; }
.loader-magnifier.loader-magnifier-primary:after{ background-color: #13a89e; }
.loader-magnifier.loader-magnifier-success{ box-shadow: 0px 0px 0px 1px #5bb75b; }
.loader-magnifier.loader-magnifier-success:after{ background-color: #5bb75b; }
.loader-magnifier.loader-magnifier-info{ box-shadow: 0px 0px 0px 1px #49afcd; }
.loader-magnifier.loader-magnifier-info:after{ background-color: #49afcd; }
.loader-magnifier.loader-magnifier-warning{ box-shadow: 0px 0px 0px 1px #faa732; }
.loader-magnifier.loader-magnifier-warning:after{ background-color: #faa732; }
.loader-magnifier.loader-magnifier-danger{ box-shadow: 0px 0px 0px 1px #da4f49; }
.loader-magnifier.loader-magnifier-danger:after{ background-color: #da4f49; }

@-webkit-keyframes magnify{
  0%{-webkit-transform: scale(1); }
  100%{-webkit-transform: scale(1.5);}
}
@-moz-keyframes magnify{
  0%{-moz-transform: scale(1); }
  100%{-moz-transform: scale(1.5);}
}
@keyframes magnify{
  0%{transform: scale(1); }
  100%{transform: scale(1.5);}
}





/*help*/
.loader-help{
  position: relative;
  margin: 0;
  width: 30px;
  height: 30px;
  border: 1px #232332 solid;
  border-radius: 50%;
  -webkit-animation: rotation 1s ease-in-out infinite;
     -moz-animation: rotation 1s ease-in-out infinite;
          animation: rotation 1s ease-in-out infinite;
}
.loader-help:after{
  width: 5px;
  height: 5px;
  background-color: #232332;
  border-radius: 100%;
  position: absolute;
  content: "";
}

.loader-help.loader-help-primary{ border-color: #13a89e; }
.loader-help.loader-help-primary:after{ background-color: #13a89e; }

.loader-help.loader-help-success{ border-color: #5bb75b; }
.loader-help.loader-help-success:after{ background-color: #5bb75b; }

.loader-help.loader-help-info{ border-color: #49afcd; }
.loader-help.loader-help-info:after{ background-color: #49afcd; }

.loader-help.loader-help-warning{ border-color: #faa732; }
.loader-help.loader-help-warning:after{ background-color: #faa732; }

.loader-help.loader-help-danger{ border-color: #da4f49; }
.loader-help.loader-help-danger:after{ background-color: #da4f49; }

@-webkit-keyframes rotation{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotation{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(360deg);}
}
@keyframes rotation{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}





/*eye ball*/
.loader-eye{
  position: relative;
  margin: 0;
  width: 20px;
  height: 20px;
  background-color: #ecf0f1;
  border-radius: 50%;
  box-shadow: 30px 0px 0px 0px #ecf0f1;
}

.loader-eye:after{
  background-color: #232332;
  width: 10px;
  height: 10px;
  box-shadow: 30px 0px 0px 0px #232332;
  border-radius: 50%;
  left: 9px;
  top: 8px;
  position: absolute;
  content: "";
  -webkit-animation: eyeball 2s linear infinite alternate;
     -moz-animation: eyeball 2s linear infinite alternate;
          animation: eyeball 2s linear infinite alternate;
}

.loader-eye.loader-eye-primary:after{ background-color: #13a89e; box-shadow: 30px 0px 0px 0px #13a89e; }
.loader-eye.loader-eye-success:after{ background-color: #5bb75b; box-shadow: 30px 0px 0px 0px #5bb75b; }
.loader-eye.loader-eye-info:after{ background-color: #49afcd; box-shadow: 30px 0px 0px 0px #49afcd; }
.loader-eye.loader-eye-warning:after{ background-color: #faa732; box-shadow: 30px 0px 0px 0px #faa732; }
.loader-eye.loader-eye-danger:after{ background-color: #da4f49; box-shadow: 30px 0px 0px 0px #da4f49; }

@-webkit-keyframes eyeball{
  0%{left: 9px;}
  100%{left: 1px;}
}
@-moz-keyframes eyeball{
  0%{left: 9px;}
  100%{left: 1px;}
}
@keyframes eyeball{
  0%{left: 9px;}
  100%{left: 1px;}
}





/*coffee cup*/
.loader-coffee-cup{
  width: 20px;
  height: 24px;
  border: 1px #232332 solid;
  border-radius: 0px 0px 5px 5px;
  position: relative;
  margin: 0;
}
.loader-coffee-cup:after, .loader-coffee-cup:before{
  position: absolute;
  content: "";
}
.loader-coffee-cup:after{
  width: 5px;
  height: 12px;
  border: 1px #232332 solid;
  border-left: none;
  border-radius: 0px 20px 20px 0px;
  left: 20px;
}
.loader-coffee-cup:before{
  width: 1px;
  height: 6px;
  background-color: #232332;
  top: -10px;
  left: 4px;
  box-shadow: 5px 0px 0px 0px #232332,
              5px -5px 0px 0px #232332,
              10px 0px 0px 0px #232332;
  -webkit-animation: steam 1s linear infinite alternate;
     -moz-animation: steam 1s linear infinite alternate;
          animation: steam 1s linear infinite alternate;
}
.loader-coffee-cup.loader-coffee-cup-primary{ border-color:#13a89e; }
.loader-coffee-cup.loader-coffee-cup-primary:after{ border-color:#13a89e; }
.loader-coffee-cup.loader-coffee-cup-primary:before{ background-color: #13a89e; box-shadow: 5px 0px 0px 0px #13a89e, 5px -5px 0px 0px #13a89e, 10px 0px 0px 0px #13a89e; }

.loader-coffee-cup.loader-coffee-cup-success{ border-color:#5bb75b; }
.loader-coffee-cup.loader-coffee-cup-success:after{ border-color:#5bb75b; }
.loader-coffee-cup.loader-coffee-cup-success:before{ background-color: #5bb75b; box-shadow: 5px 0px 0px 0px #5bb75b, 5px -5px 0px 0px #5bb75b, 10px 0px 0px 0px #5bb75b; }

.loader-coffee-cup.loader-coffee-cup-info{ border-color:#49afcd; }
.loader-coffee-cup.loader-coffee-cup-info:after{ border-color:#49afcd; }
.loader-coffee-cup.loader-coffee-cup-info:before{ background-color: #49afcd; box-shadow: 5px 0px 0px 0px #49afcd, 5px -5px 0px 0px #49afcd, 10px 0px 0px 0px #49afcd; }

.loader-coffee-cup.loader-coffee-cup-warning{ border-color:#faa732; }
.loader-coffee-cup.loader-coffee-cup-warning:after{ border-color:#faa732; }
.loader-coffee-cup.loader-coffee-cup-warning:before{ background-color: #faa732; box-shadow: 5px 0px 0px 0px #faa732, 5px -5px 0px 0px #faa732, 10px 0px 0px 0px #faa732; }

.loader-coffee-cup.loader-coffee-cup-danger{ border-color:#da4f49; }
.loader-coffee-cup.loader-coffee-cup-danger:after{ border-color:#da4f49; }
.loader-coffee-cup.loader-coffee-cup-danger:before{ background-color: #da4f49; box-shadow: 5px 0px 0px 0px #da4f49, 5px -5px 0px 0px #da4f49, 10px 0px 0px 0px #da4f49; }

@-webkit-keyframes steam{
  0%{height: 0px;}
  100%{height: 6px;}            
}
@-moz-keyframes steam{
  0%{height: 0px}
  100%{height: 6px;}            
}
@keyframes steam{
  0%{height: 0px}
  100%{height: 6px;}            
}





/*square*/
.loader-square{
  position: relative;
  margin: 0;
  width: 20px;
  height: 20px;
  border:1px  #232332 solid;
  -webkit-animation: fill_color 5s linear infinite;
     -moz-animation: fill_color 5s linear infinite;
          animation: fill_color 5s linear infinite;
}
.loader-square:after{
  width: 4px;
  height: 4px;
  position: absolute;
  content: "";
  background-color: #232332;
  top: -8px;
  left: 0px;
  -webkit-animation: square_check 1s ease-in-out infinite;
     -moz-animation: square_check 1s ease-in-out infinite;
          animation: square_check 1s ease-in-out infinite;
}

.loader-square.loader-square-primary{ 
  border-color: #13a89e; 
  -webkit-animation: fill_color_primary 5s linear infinite;
     -moz-animation: fill_color_primary 5s linear infinite;
          animation: fill_color_primary 5s linear infinite;
}
.loader-square.loader-square-primary:after{ background-color: #13a89e; }

.loader-square.loader-square-success{ 
  border-color: #5bb75b; 
  -webkit-animation: fill_color_success 5s linear infinite;
     -moz-animation: fill_color_success 5s linear infinite;
          animation: fill_color_success 5s linear infinite;
}
.loader-square.loader-square-success:after{ background-color: #5bb75b; }

.loader-square.loader-square-info{ 
  border-color: #49afcd; 
  -webkit-animation: fill_color_info 5s linear infinite;
     -moz-animation: fill_color_info 5s linear infinite;
          animation: fill_color_info 5s linear infinite;
}
.loader-square.loader-square-info:after{ background-color: #49afcd; }

.loader-square.loader-square-warning{ 
  border-color: #faa732; 
  -webkit-animation: fill_color_warning 5s linear infinite;
     -moz-animation: fill_color_warning 5s linear infinite;
          animation: fill_color_warning 5s linear infinite;
}
.loader-square.loader-square-warning:after{ background-color: #faa732; }

.loader-square.loader-square-danger{ 
  border-color: #da4f49; 
  -webkit-animation: fill_color_danger 5s linear infinite;
     -moz-animation: fill_color_danger 5s linear infinite;
          animation: fill_color_danger 5s linear infinite;
}
.loader-square.loader-square-danger:after{ background-color: #da4f49; }

@-webkit-keyframes square_check{
  25%{ left: 22px; top: -8px;}
  50%{ left: 22px; top: 22px;}
  75%{ left: -9px; top: 22px;}
  100%{ left: -9px; top: -7px;}
}
@-moz-keyframes square_check{
  25%{ left: 22px; top: -8px;}
  50%{ left: 22px; top: 22px;}
  75%{ left: -9px; top: 22px;}
  100%{ left: -9px; top: -7px;}
}
@keyframes square_check{
  25%{ left: 22px; top: -8px;}
  50%{ left: 22px; top: 22px;}
  75%{ left: -9px; top: 22px;}
  100%{ left: -9px; top: -7px;}
}

@-webkit-keyframes fill_color{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(35, 35, 50, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(35, 35, 50, 1);} }
@-moz-keyframes fill_color{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(35, 35, 50, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(35, 35, 50, 1);} }
@keyframes fill_color{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(35, 35, 50, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(35, 35, 50, 1);} }
/* Fill color primary */
@-webkit-keyframes fill_color_primary{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(19, 168, 158, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(19, 168, 158, 1);} }
@-moz-keyframes fill_color_primary{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(19, 168, 158, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(19, 168, 158, 1);} }
@keyframes fill_color_primary{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(19, 168, 158, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(19, 168, 158, 1);} }
/* Fill color success */
@-webkit-keyframes fill_color_success{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(91, 183, 91, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(91, 183, 91, 1);} }
@-moz-keyframes fill_color_success{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(91, 183, 91, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(91, 183, 91, 1);} }
@keyframes fill_color_success{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(91, 183, 91, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(91, 183, 91, 1);} }
/* Fill color info */
@-webkit-keyframes fill_color_info{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(73, 175, 205, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(73, 175, 205, 1);} }
@-moz-keyframes fill_color_info{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(73, 175, 205, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(73, 175, 205, 1);} }
@keyframes fill_color_info{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(73, 175, 205, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(73, 175, 205, 1);} }
/* Fill color warning */
@-webkit-keyframes fill_color_warning{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(250, 167, 50, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(250, 167, 50, 1);} }
@-moz-keyframes fill_color_warning{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(250, 167, 50, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(250, 167, 50, 1);} }
@keyframes fill_color_warning{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(250, 167, 50, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(250, 167, 50, 1);} }
/* Fill color danger */
@-webkit-keyframes fill_color_danger{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(218, 79, 73, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(218, 79, 73, 1);} }
@-moz-keyframes fill_color_danger{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(218, 79, 73, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(218, 79, 73, 1);} }
@keyframes fill_color_danger{ 0%{ box-shadow: inset 0px 0px 0px 0px rgba(218, 79, 73, .1);} 100%{ box-shadow: inset 0px -20px 0px 0px rgba(218, 79, 73, 1);} }






/*circle classic*/
.loader-circle{
  position: relative;
  margin: 0;
  width: 8px;
  height: 8px;
  background-color: rgba(35, 35, 50, .5);
  box-shadow: -14px 0px 0px rgba(35, 35, 50, 1);
  border-radius: 50%;
  -webkit-animation: circle_classic 1s ease-in-out infinite alternate;
     -moz-animation: circle_classic 1s ease-in-out infinite alternate;
          animation: circle_classic 1s ease-in-out infinite alternate;
}

.loader-circle.loader-circle-primary{ background-color: rgba(19, 168, 158, .5); box-shadow: -14px 0px 0px rgba(19, 168, 158, 1); }
.loader-circle.loader-circle-success{ background-color: rgba(91, 183, 91, .5); box-shadow: -14px 0px 0px rgba(91, 183, 91, 1); }
.loader-circle.loader-circle-info{ background-color: rgba(73, 175, 205, .5); box-shadow: -14px 0px 0px rgba(73, 175, 205, 1); }
.loader-circle.loader-circle-warning{ background-color: rgba(250, 167, 50, .5); box-shadow: -14px 0px 0px rgba(250, 167, 50, 1); }
.loader-circle.loader-circle-danger{ background-color: rgba(218, 79, 73, .5); box-shadow: -14px 0px 0px rgba(218, 79, 73, 1); }

@-webkit-keyframes circle_classic{
  0%{ opacity: 0.1; -webkit-transform: rotate(0deg) scale(0.5);}
  100%{opacity: 1; -webkit-transform: rotate(360deg) scale(1.2);}   
}
@-moz-keyframes circle_classic{
  0%{ opacity: 0.1; -moz-transform: rotate(0deg) scale(0.5);}
  100%{opacity: 1; -moz-transform: rotate(360deg) scale(1.2);}   
}
@keyframes circle_classic{
  0%{ opacity: 0.1; transform: rotate(0deg) scale(0.5);}
  100%{opacity: 1; transform: rotate(360deg) scale(1.2);}   
}





/*cloud*/
.loader-cloud{
  position: relative;
  margin: 0;
  width: 4px;
  height: 10px;
  opacity: 0.5;
  box-shadow: 6px 0px 0px 0px rgba(35, 35, 50,1), 12px 0px 0px 0px rgba(35, 35, 50,1), 18px 0px 0px 0px rgba(35, 35, 50,1), 24px 0px 0px 0px rgba(35, 35, 50,1), 30px 0px 0px 0px rgba(35, 35, 50,1), 36px 0px 0px 0px rgba(35, 35, 50,1);
  
  -webkit-animation: rain 1s linear infinite alternate;
     -moz-animation: rain 1s linear infinite alternate;
          animation: rain 1s linear infinite alternate;
}
.loader-cloud:after{
  width: 40px;
  height: 10px;
  position: absolute;
  content: "";
  background-color: rgba(35, 35, 50,1);
  top: 0px;
  opacity: 1;
  -webkit-animation: line_flow 2s linear infinite reverse;
     -moz-animation: line_flow 2s linear infinite reverse;
          animation: line_flow 2s linear infinite reverse;
}

.loader-cloud.loader-cloud-primary{ 
  box-shadow: 6px 0px 0px 0px rgba(19, 168, 158,1), 12px 0px 0px 0px rgba(19, 168, 158,1), 18px 0px 0px 0px rgba(19, 168, 158,1), 24px 0px 0px 0px rgba(19, 168, 158,1), 30px 0px 0px 0px rgba(19, 168, 158,1), 36px 0px 0px 0px rgba(19, 168, 158,1); 
  -webkit-animation: rain_primary 1s linear infinite alternate;
     -moz-animation: rain_primary 1s linear infinite alternate;
          animation: rain_primary 1s linear infinite alternate;
}
.loader-cloud.loader-cloud-primary:after{ background-color: rgba(19, 168, 158,1); }

.loader-cloud.loader-cloud-success{ 
  box-shadow: 6px 0px 0px 0px rgba(91, 183, 91,1), 12px 0px 0px 0px rgba(91, 183, 91,1), 18px 0px 0px 0px rgba(91, 183, 91,1), 24px 0px 0px 0px rgba(91, 183, 91,1), 30px 0px 0px 0px rgba(91, 183, 91,1), 36px 0px 0px 0px rgba(91, 183, 91,1); 
  -webkit-animation: rain_success 1s linear infinite alternate;
     -moz-animation: rain_success 1s linear infinite alternate;
          animation: rain_success 1s linear infinite alternate;
}
.loader-cloud.loader-cloud-success:after{ background-color: rgba(91, 183, 91,1); }

.loader-cloud.loader-cloud-info{ 
  box-shadow: 6px 0px 0px 0px rgba(73, 175, 205,1), 12px 0px 0px 0px rgba(73, 175, 205,1), 18px 0px 0px 0px rgba(73, 175, 205,1), 24px 0px 0px 0px rgba(73, 175, 205,1), 30px 0px 0px 0px rgba(73, 175, 205,1), 36px 0px 0px 0px rgba(73, 175, 205,1); 
  -webkit-animation: rain_info 1s linear infinite alternate;
     -moz-animation: rain_info 1s linear infinite alternate;
          animation: rain_info 1s linear infinite alternate;
}
.loader-cloud.loader-cloud-info:after{ background-color: rgba(73, 175, 205,1); }

.loader-cloud.loader-cloud-warning{ 
  box-shadow: 6px 0px 0px 0px rgba(250, 167, 50,1), 12px 0px 0px 0px rgba(250, 167, 50,1), 18px 0px 0px 0px rgba(250, 167, 50,1), 24px 0px 0px 0px rgba(250, 167, 50,1), 30px 0px 0px 0px rgba(250, 167, 50,1), 36px 0px 0px 0px rgba(250, 167, 50,1); 
  -webkit-animation: rain_warning 1s linear infinite alternate;
     -moz-animation: rain_warning 1s linear infinite alternate;
          animation: rain_warning 1s linear infinite alternate;
}
.loader-cloud.loader-cloud-warning:after{ background-color: rgba(250, 167, 50,1); }

.loader-cloud.loader-cloud-danger{ 
  box-shadow: 6px 0px 0px 0px rgba(218, 79, 73,1), 12px 0px 0px 0px rgba(218, 79, 73,1), 18px 0px 0px 0px rgba(218, 79, 73,1), 24px 0px 0px 0px rgba(218, 79, 73,1), 30px 0px 0px 0px rgba(218, 79, 73,1), 36px 0px 0px 0px rgba(218, 79, 73,1); 
  -webkit-animation: rain_danger 1s linear infinite alternate;
     -moz-animation: rain_danger 1s linear infinite alternate;
          animation: rain_danger 1s linear infinite alternate;
}
.loader-cloud.loader-cloud-danger:after{ background-color: rgba(218, 79, 73,1); }

@-webkit-keyframes rain{
  0%{ box-shadow: 6px 0px 0px 0px rgba(35, 35, 50,1), 12px 0px 0px 0px rgba(35, 35, 50,0.9), 18px 0px 0px 0px rgba(35, 35, 50,0.7), 24px 0px 0px 0px rgba(35, 35, 50,0.6), 30px 0px 0px 0px rgba(35, 35, 50,0.3), 36px 0px 0px 0px rgba(35, 35, 50,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(35, 35, 50,0.2), 12px 0px 0px 0px rgba(35, 35, 50,0.3), 18px 0px 0px 0px rgba(35, 35, 50,0.6), 24px 0px 0px 0px rgba(35, 35, 50,0.7), 30px 0px 0px 0px rgba(35, 35, 50,0.9), 36px 0px 0px 0px rgba(35, 35, 50,1); opacity: 1; }
}
@-moz-keyframes rain{
  0%{ box-shadow: 6px 0px 0px 0px rgba(35, 35, 50,1), 12px 0px 0px 0px rgba(35, 35, 50,0.9), 18px 0px 0px 0px rgba(35, 35, 50,0.7), 24px 0px 0px 0px rgba(35, 35, 50,0.6), 30px 0px 0px 0px rgba(35, 35, 50,0.3), 36px 0px 0px 0px rgba(35, 35, 50,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(35, 35, 50,0.2), 12px 0px 0px 0px rgba(35, 35, 50,0.3), 18px 0px 0px 0px rgba(35, 35, 50,0.6), 24px 0px 0px 0px rgba(35, 35, 50,0.7), 30px 0px 0px 0px rgba(35, 35, 50,0.9), 36px 0px 0px 0px rgba(35, 35, 50,1); opacity: 1; }
}
@keyframes rain{
  0%{ box-shadow: 6px 0px 0px 0px rgba(35, 35, 50,1), 12px 0px 0px 0px rgba(35, 35, 50,0.9), 18px 0px 0px 0px rgba(35, 35, 50,0.7), 24px 0px 0px 0px rgba(35, 35, 50,0.6), 30px 0px 0px 0px rgba(35, 35, 50,0.3), 36px 0px 0px 0px rgba(35, 35, 50,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(35, 35, 50,0.2), 12px 0px 0px 0px rgba(35, 35, 50,0.3), 18px 0px 0px 0px rgba(35, 35, 50,0.6), 24px 0px 0px 0px rgba(35, 35, 50,0.7), 30px 0px 0px 0px rgba(35, 35, 50,0.9), 36px 0px 0px 0px rgba(35, 35, 50,1); opacity: 1; }
}
/* rain primary */
@-webkit-keyframes rain_primary{
  0%{ box-shadow: 6px 0px 0px 0px rgba(19, 168, 158,1), 12px 0px 0px 0px rgba(19, 168, 158,0.9), 18px 0px 0px 0px rgba(19, 168, 158,0.7), 24px 0px 0px 0px rgba(19, 168, 158,0.6), 30px 0px 0px 0px rgba(19, 168, 158,0.3), 36px 0px 0px 0px rgba(19, 168, 158,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(19, 168, 158,0.2), 12px 0px 0px 0px rgba(19, 168, 158,0.3), 18px 0px 0px 0px rgba(19, 168, 158,0.6), 24px 0px 0px 0px rgba(19, 168, 158,0.7), 30px 0px 0px 0px rgba(19, 168, 158,0.9), 36px 0px 0px 0px rgba(19, 168, 158,1); opacity: 1; }
}
@-moz-keyframes rain_primary{
  0%{ box-shadow: 6px 0px 0px 0px rgba(19, 168, 158,1), 12px 0px 0px 0px rgba(19, 168, 158,0.9), 18px 0px 0px 0px rgba(19, 168, 158,0.7), 24px 0px 0px 0px rgba(19, 168, 158,0.6), 30px 0px 0px 0px rgba(19, 168, 158,0.3), 36px 0px 0px 0px rgba(19, 168, 158,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(19, 168, 158,0.2), 12px 0px 0px 0px rgba(19, 168, 158,0.3), 18px 0px 0px 0px rgba(19, 168, 158,0.6), 24px 0px 0px 0px rgba(19, 168, 158,0.7), 30px 0px 0px 0px rgba(19, 168, 158,0.9), 36px 0px 0px 0px rgba(19, 168, 158,1); opacity: 1; }
}
@keyframes rain_primary{
  0%{ box-shadow: 6px 0px 0px 0px rgba(19, 168, 158,1), 12px 0px 0px 0px rgba(19, 168, 158,0.9), 18px 0px 0px 0px rgba(19, 168, 158,0.7), 24px 0px 0px 0px rgba(19, 168, 158,0.6), 30px 0px 0px 0px rgba(19, 168, 158,0.3), 36px 0px 0px 0px rgba(19, 168, 158,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(19, 168, 158,0.2), 12px 0px 0px 0px rgba(19, 168, 158,0.3), 18px 0px 0px 0px rgba(19, 168, 158,0.6), 24px 0px 0px 0px rgba(19, 168, 158,0.7), 30px 0px 0px 0px rgba(19, 168, 158,0.9), 36px 0px 0px 0px rgba(19, 168, 158,1); opacity: 1; }
}
/* rain success */
@-webkit-keyframes rain_success{
  0%{ box-shadow: 6px 0px 0px 0px rgba(91, 183, 91,1), 12px 0px 0px 0px rgba(91, 183, 91,0.9), 18px 0px 0px 0px rgba(91, 183, 91,0.7), 24px 0px 0px 0px rgba(91, 183, 91,0.6), 30px 0px 0px 0px rgba(91, 183, 91,0.3), 36px 0px 0px 0px rgba(91, 183, 91,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(91, 183, 91,0.2), 12px 0px 0px 0px rgba(91, 183, 91,0.3), 18px 0px 0px 0px rgba(91, 183, 91,0.6), 24px 0px 0px 0px rgba(91, 183, 91,0.7), 30px 0px 0px 0px rgba(91, 183, 91,0.9), 36px 0px 0px 0px rgba(91, 183, 91,1); opacity: 1; }
}
@-moz-keyframes rain_success{
  0%{ box-shadow: 6px 0px 0px 0px rgba(91, 183, 91,1), 12px 0px 0px 0px rgba(91, 183, 91,0.9), 18px 0px 0px 0px rgba(91, 183, 91,0.7), 24px 0px 0px 0px rgba(91, 183, 91,0.6), 30px 0px 0px 0px rgba(91, 183, 91,0.3), 36px 0px 0px 0px rgba(91, 183, 91,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(91, 183, 91,0.2), 12px 0px 0px 0px rgba(91, 183, 91,0.3), 18px 0px 0px 0px rgba(91, 183, 91,0.6), 24px 0px 0px 0px rgba(91, 183, 91,0.7), 30px 0px 0px 0px rgba(91, 183, 91,0.9), 36px 0px 0px 0px rgba(91, 183, 91,1); opacity: 1; }
}
@keyframes rain_success{
  0%{ box-shadow: 6px 0px 0px 0px rgba(91, 183, 91,1), 12px 0px 0px 0px rgba(91, 183, 91,0.9), 18px 0px 0px 0px rgba(91, 183, 91,0.7), 24px 0px 0px 0px rgba(91, 183, 91,0.6), 30px 0px 0px 0px rgba(91, 183, 91,0.3), 36px 0px 0px 0px rgba(91, 183, 91,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(91, 183, 91,0.2), 12px 0px 0px 0px rgba(91, 183, 91,0.3), 18px 0px 0px 0px rgba(91, 183, 91,0.6), 24px 0px 0px 0px rgba(91, 183, 91,0.7), 30px 0px 0px 0px rgba(91, 183, 91,0.9), 36px 0px 0px 0px rgba(91, 183, 91,1); opacity: 1; }
}
/* rain info */
@-webkit-keyframes rain_info{
  0%{ box-shadow: 6px 0px 0px 0px rgba(73, 175, 205,1), 12px 0px 0px 0px rgba(73, 175, 205,0.9), 18px 0px 0px 0px rgba(73, 175, 205,0.7), 24px 0px 0px 0px rgba(73, 175, 205,0.6), 30px 0px 0px 0px rgba(73, 175, 205,0.3), 36px 0px 0px 0px rgba(73, 175, 205,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(73, 175, 205,0.2), 12px 0px 0px 0px rgba(73, 175, 205,0.3), 18px 0px 0px 0px rgba(73, 175, 205,0.6), 24px 0px 0px 0px rgba(73, 175, 205,0.7), 30px 0px 0px 0px rgba(73, 175, 205,0.9), 36px 0px 0px 0px rgba(73, 175, 205,1); opacity: 1; }
}
@-moz-keyframes rain_info{
  0%{ box-shadow: 6px 0px 0px 0px rgba(73, 175, 205,1), 12px 0px 0px 0px rgba(73, 175, 205,0.9), 18px 0px 0px 0px rgba(73, 175, 205,0.7), 24px 0px 0px 0px rgba(73, 175, 205,0.6), 30px 0px 0px 0px rgba(73, 175, 205,0.3), 36px 0px 0px 0px rgba(73, 175, 205,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(73, 175, 205,0.2), 12px 0px 0px 0px rgba(73, 175, 205,0.3), 18px 0px 0px 0px rgba(73, 175, 205,0.6), 24px 0px 0px 0px rgba(73, 175, 205,0.7), 30px 0px 0px 0px rgba(73, 175, 205,0.9), 36px 0px 0px 0px rgba(73, 175, 205,1); opacity: 1; }
}
@keyframes rain_info{
  0%{ box-shadow: 6px 0px 0px 0px rgba(73, 175, 205,1), 12px 0px 0px 0px rgba(73, 175, 205,0.9), 18px 0px 0px 0px rgba(73, 175, 205,0.7), 24px 0px 0px 0px rgba(73, 175, 205,0.6), 30px 0px 0px 0px rgba(73, 175, 205,0.3), 36px 0px 0px 0px rgba(73, 175, 205,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(73, 175, 205,0.2), 12px 0px 0px 0px rgba(73, 175, 205,0.3), 18px 0px 0px 0px rgba(73, 175, 205,0.6), 24px 0px 0px 0px rgba(73, 175, 205,0.7), 30px 0px 0px 0px rgba(73, 175, 205,0.9), 36px 0px 0px 0px rgba(73, 175, 205,1); opacity: 1; }
}
/* rain warning */
@-webkit-keyframes rain_warning{
  0%{ box-shadow: 6px 0px 0px 0px rgba(250, 167, 50,1), 12px 0px 0px 0px rgba(250, 167, 50,0.9), 18px 0px 0px 0px rgba(250, 167, 50,0.7), 24px 0px 0px 0px rgba(250, 167, 50,0.6), 30px 0px 0px 0px rgba(250, 167, 50,0.3), 36px 0px 0px 0px rgba(250, 167, 50,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(250, 167, 50,0.2), 12px 0px 0px 0px rgba(250, 167, 50,0.3), 18px 0px 0px 0px rgba(250, 167, 50,0.6), 24px 0px 0px 0px rgba(250, 167, 50,0.7), 30px 0px 0px 0px rgba(250, 167, 50,0.9), 36px 0px 0px 0px rgba(250, 167, 50,1); opacity: 1; }
}
@-moz-keyframes rain_warning{
  0%{ box-shadow: 6px 0px 0px 0px rgba(250, 167, 50,1), 12px 0px 0px 0px rgba(250, 167, 50,0.9), 18px 0px 0px 0px rgba(250, 167, 50,0.7), 24px 0px 0px 0px rgba(250, 167, 50,0.6), 30px 0px 0px 0px rgba(250, 167, 50,0.3), 36px 0px 0px 0px rgba(250, 167, 50,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(250, 167, 50,0.2), 12px 0px 0px 0px rgba(250, 167, 50,0.3), 18px 0px 0px 0px rgba(250, 167, 50,0.6), 24px 0px 0px 0px rgba(250, 167, 50,0.7), 30px 0px 0px 0px rgba(250, 167, 50,0.9), 36px 0px 0px 0px rgba(250, 167, 50,1); opacity: 1; }
}
@keyframes rain_warning{
  0%{ box-shadow: 6px 0px 0px 0px rgba(250, 167, 50,1), 12px 0px 0px 0px rgba(250, 167, 50,0.9), 18px 0px 0px 0px rgba(250, 167, 50,0.7), 24px 0px 0px 0px rgba(250, 167, 50,0.6), 30px 0px 0px 0px rgba(250, 167, 50,0.3), 36px 0px 0px 0px rgba(250, 167, 50,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(250, 167, 50,0.2), 12px 0px 0px 0px rgba(250, 167, 50,0.3), 18px 0px 0px 0px rgba(250, 167, 50,0.6), 24px 0px 0px 0px rgba(250, 167, 50,0.7), 30px 0px 0px 0px rgba(250, 167, 50,0.9), 36px 0px 0px 0px rgba(250, 167, 50,1); opacity: 1; }
}
/* rain danger */
@-webkit-keyframes rain_danger{
  0%{ box-shadow: 6px 0px 0px 0px rgba(218, 79, 73,1), 12px 0px 0px 0px rgba(218, 79, 73,0.9), 18px 0px 0px 0px rgba(218, 79, 73,0.7), 24px 0px 0px 0px rgba(218, 79, 73,0.6), 30px 0px 0px 0px rgba(218, 79, 73,0.3), 36px 0px 0px 0px rgba(218, 79, 73,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(218, 79, 73,0.2), 12px 0px 0px 0px rgba(218, 79, 73,0.3), 18px 0px 0px 0px rgba(218, 79, 73,0.6), 24px 0px 0px 0px rgba(218, 79, 73,0.7), 30px 0px 0px 0px rgba(218, 79, 73,0.9), 36px 0px 0px 0px rgba(218, 79, 73,1); opacity: 1; }
}
@-moz-keyframes rain_danger{
  0%{ box-shadow: 6px 0px 0px 0px rgba(218, 79, 73,1), 12px 0px 0px 0px rgba(218, 79, 73,0.9), 18px 0px 0px 0px rgba(218, 79, 73,0.7), 24px 0px 0px 0px rgba(218, 79, 73,0.6), 30px 0px 0px 0px rgba(218, 79, 73,0.3), 36px 0px 0px 0px rgba(218, 79, 73,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(218, 79, 73,0.2), 12px 0px 0px 0px rgba(218, 79, 73,0.3), 18px 0px 0px 0px rgba(218, 79, 73,0.6), 24px 0px 0px 0px rgba(218, 79, 73,0.7), 30px 0px 0px 0px rgba(218, 79, 73,0.9), 36px 0px 0px 0px rgba(218, 79, 73,1); opacity: 1; }
}
@keyframes rain_danger{
  0%{ box-shadow: 6px 0px 0px 0px rgba(218, 79, 73,1), 12px 0px 0px 0px rgba(218, 79, 73,0.9), 18px 0px 0px 0px rgba(218, 79, 73,0.7), 24px 0px 0px 0px rgba(218, 79, 73,0.6), 30px 0px 0px 0px rgba(218, 79, 73,0.3), 36px 0px 0px 0px rgba(218, 79, 73,0.2); }
  100%{ box-shadow: 6px 0px 0px 0px rgba(218, 79, 73,0.2), 12px 0px 0px 0px rgba(218, 79, 73,0.3), 18px 0px 0px 0px rgba(218, 79, 73,0.6), 24px 0px 0px 0px rgba(218, 79, 73,0.7), 30px 0px 0px 0px rgba(218, 79, 73,0.9), 36px 0px 0px 0px rgba(218, 79, 73,1); opacity: 1; }
}

@-webkit-keyframes line_flow{
  0%{ width: 0px;}
  100%{width: 40px;}
}
@-moz-keyframes line_flow{
  0%{ width: 0px;}
  100%{width: 40px;}
}
@keyframes line_flow{
  0%{ width: 0px;}
  100%{width: 40px;}
}





/* Spinner */
.loader-spinner{
  position: relative;
  width: 20px;
  height: 20px;

  border: solid 2px transparent;
  border-top-color: #394264;
  border-left-color: #394264;
  border-radius: 20px;

  -webkit-animation: loading_spin 400ms linear infinite;
  -moz-animation: loading_spin 400ms linear infinite;
  -ms-animation: loading_spin 400ms linear infinite;
  -o-animation: loading_spin 400ms linear infinite;
  animation: loading_spin 400ms linear infinite;
}
.loader-spinner.loader-spinner-primary{ 
  border-top-color: #13A89E; 
  border-left-color: #13A89E; 
}
.loader-spinner.loader-spinner-success{ 
  border-top-color: #5BB75B; 
  border-left-color: #5BB75B; 
}
.loader-spinner.loader-spinner-info{ 
  border-top-color: #49AFCD; 
  border-left-color: #49AFCD; 
}
.loader-spinner.loader-spinner-warning{ 
  border-top-color: #FAA732; 
  border-left-color: #FAA732; 
}
.loader-spinner.loader-spinner-danger{ 
  border-top-color: #DA4F49; 
  border-left-color: #DA4F49; 
}

@-webkit-keyframes loading_spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes loading_spin {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loading_spin {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes loading_spin {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading_spin {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
100% { transform: rotate(360deg); transform: rotate(360deg); }
}


/* BOOTSTRAP COMPONENTS */

/*!
 * Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 */


/* TYPOBGRAPHY */
.jumbotron {
  position: relative;
  background-color: #ecf0f1;
}
.text-primary {
  color: #13A89E !important;
}

.text-success {
  color: #5BB75B !important;
}

.text-warning {
  color: #FAA732 !important;
}

.text-danger {
  color: #DA4F49 !important;
}

.text-info {
  color: #49AFCD !important;
}

.text-inverse {
  color: #394264 !important;
}

.text-muted {
  color: #95a5a6 !important;
}
kbd{
  color: #ecf0f1;
  background-color: #394264;
}
pre {
  border-color: #E0E4E8;
  background-color: #ecf0f1;
}
.lead{
  margin-bottom: 10px;
}
/* BADGE */

.label,
.badge {
  font-size: 75%;
}

.label[href]:hover,
.label[href]:focus {
  background-color: rgba(0, 0, 0, .1);
}

.badge-default,
.label-default {
  background-color: #ecf0f1;
  color: #394264;
}

.badge.badge-primary,
.label.label-primary {
  background-color: #13A89E;
  color: #ecf0f1;
}

.badge.badge-success,
.label.label-success {
  background-color: #5BB75B;
  color: #ecf0f1;
}

.badge.badge-warning,
.label.label-warning {
  background-color: #FAA732;
  color: #ecf0f1;
}

.badge.badge-danger,
.label.label-danger {
  background-color: #DA4F49;
  color: #ecf0f1;
}

.badge.badge-info,
.label.label-info {
  background-color: #49AFCD;
  color: #ecf0f1;
}

/* BUTTONS */

.btn {
  font-size: 13px;
}

.btn:active,
.btn.active {
  background-image: none;
}

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-group-lg > .btn {
  font-size: 13px;
}

.btn-sm,
.btn-xs,
.btn-group-sm > .btn,
.btn-group-xs > .btn {
  font-size: 12px;
}

.btn-sm > .badge,
.btn-xs > .badge {
  padding: 2px 6px;
}

.btn-default {
  color: #394264;
  border-color: #E0E4E8;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-color: #ecf0f1;
  border-color: #ecf0f1;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
  box-shadow: none;
}

.btn-default .badge {
  color: #394264;
  background-color: #ecf0f1;
}

.btn-primary {
  border-color: #13a89e;
  background-color: #13a89e;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  border-color: #0E7D76;
  background-color: #0E7D76;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
  box-shadow: none;
}

.btn-success {
  border-color: #5BB75B;
  background-color: #5BB75B;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  border-color: #468C46;
  background-color: #468C46;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
  box-shadow: none;
}

.btn-warning {
  border-color: #FAA732;
  background-color: #FAA732;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  border-color: #CF8B29;
  background-color: #CF8B29;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
  box-shadow: none;
}

.btn-danger {
  border-color: #DA4F49;
  background-color: #DA4F49;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  border-color: #AF403B;
  background-color: #AF403B;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
  box-shadow: none;
}

.btn-info {
  border-color: #49AFCD;
  background-color: #49AFCD;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  border-color: #3A8BA2;
  background-color: #3A8BA2;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
  box-shadow: none;
}

.btn-inverse {
  color: #ffffff;
  background-color: #394264;
  border-color: #394264;
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
  color: #ecf0f1;
  background-color: #212639;
  border-color: #212639;
}

.btn-inverse:active,
.btn-inverse.active,
.open .dropdown-toggle.btn-inverse {
  background-image: none;
  box-shadow: none;
}

.btn-inverse.disabled,
.btn-inverse[disabled],
fieldset[disabled] .btn-inverse,
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled:active,
.btn-inverse[disabled]:active,
fieldset[disabled] .btn-inverse:active,
.btn-inverse.disabled.active,
.btn-inverse[disabled].active,
fieldset[disabled] .btn-inverse.active {
  background-color: #212639;
  border-color: #212639;
}

.btn-inverse .badge {
  color: #394264;
  background-color: #ffffff;
}

.btn-cloud {
  color: #394264;
  background-color: #ecf0f1;
  border-color: #ecf0f1;
}

.btn-cloud:hover,
.btn-cloud:focus,
.btn-cloud:active,
.btn-cloud.active,
.open .dropdown-toggle.btn-cloud {
  color: #394264;
  background-color: #C2C6C6;
  border-color: #C2C6C6;
}

.btn-cloud:active,
.btn-cloud.active,
.open .dropdown-toggle.btn-cloud {
  background-image: none;
  box-shadow: none;
}

.btn-cloud.disabled,
.btn-cloud[disabled],
fieldset[disabled] .btn-cloud,
.btn-cloud.disabled:hover,
.btn-cloud[disabled]:hover,
fieldset[disabled] .btn-cloud:hover,
.btn-cloud.disabled:focus,
.btn-cloud[disabled]:focus,
fieldset[disabled] .btn-cloud:focus,
.btn-cloud.disabled:active,
.btn-cloud[disabled]:active,
fieldset[disabled] .btn-cloud:active,
.btn-cloud.disabled.active,
.btn-cloud[disabled].active,
fieldset[disabled] .btn-cloud.active {
  background-color: #C2C6C6;
  border-color: #C2C6C6;
}

.btn-cloud .badge {
  color: #394264;
  background-color: #ffffff;
}

.btn-silver {
  color: #ffffff;
  background-color: #bdc3c7;
  border-color: #bdc3c7;
}

.btn-silver:hover,
.btn-silver:focus,
.btn-silver:active,
.btn-silver.active,
.open .dropdown-toggle.btn-silver {
  color: #ffffff;
  background-color: #B1C5D3;
  border-color: #B1C5D3;
}

.btn-silver:active,
.btn-silver.active,
.open .dropdown-toggle.btn-silver {
  background-image: none;
  box-shadow: none;
}

.btn-silver.disabled,
.btn-silver[disabled],
fieldset[disabled] .btn-silver,
.btn-silver.disabled:hover,
.btn-silver[disabled]:hover,
fieldset[disabled] .btn-silver:hover,
.btn-silver.disabled:focus,
.btn-silver[disabled]:focus,
fieldset[disabled] .btn-silver:focus,
.btn-silver.disabled:active,
.btn-silver[disabled]:active,
fieldset[disabled] .btn-silver:active,
.btn-silver.disabled.active,
.btn-silver[disabled].active,
fieldset[disabled] .btn-silver.active {
  background-color: #B1C5D3;
  border-color: #B1C5D3;
}

.btn-silver .badge {
  color: #394264;
  background-color: #ffffff;
}

.btn-transparent {
  color: inherit;
  background-color: transparent;
  border-color: #ffffff;
}

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent.active,
.open .dropdown-toggle.btn-transparent {
  color: #394264;
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-transparent:active,
.btn-transparent.active,
.open .dropdown-toggle.btn-transparent {
  background-image: none;
  box-shadow: none;
}

.btn-transparent.disabled,
.btn-transparent[disabled],
fieldset[disabled] .btn-transparent,
.btn-transparent.disabled:hover,
.btn-transparent[disabled]:hover,
fieldset[disabled] .btn-transparent:hover,
.btn-transparent.disabled:focus,
.btn-transparent[disabled]:focus,
fieldset[disabled] .btn-transparent:focus,
.btn-transparent.disabled:active,
.btn-transparent[disabled]:active,
fieldset[disabled] .btn-transparent:active,
.btn-transparent.disabled.active,
.btn-transparent[disabled].active,
fieldset[disabled] .btn-transparent.active {
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-transparent .badge {
  color: #394264;
  background-color: #ffffff;
}

.btn-link {
  color: #13A89E;
}

.btn-link:hover,
.btn-link:focus {
  color: #0E7D76;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #95a5a6;
  text-decoration: none;
}

/* button group */

.btn-group > .btn:not(.btn-default) {
  border-color: rgba(0, 0, 0, .1);
}

/* button icon */

.btn.btn-icon {
  position: relative;
  padding-right: 46px;
}

.btn.btn-icon:not(.btn-default) {
  border: none;
}

.btn.btn-icon > i {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  font-size: inherit;
  line-height: inherit;
  padding: 6px 12px;
}

.btn.btn-icon.btn-icon-right {
  padding-right: 12px;
  padding-left: 46px;
}

.btn.btn-icon.btn-icon-right > i {
  left: 0;
  right: auto;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.btn.btn-icon.btn-lg {
  padding-right: 56px;
}

.btn.btn-icon.btn-sm {
  padding-right: 39px;
}

.btn.btn-icon.btn-xs {
  padding-right: 24px;
}

.btn.btn-icon.btn-lg > i {
  padding: 10px 16px;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.btn.btn-icon.btn-sm > i {
  padding: 5px 10px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.btn.btn-icon.btn-xs > i {
  padding: 1px 5px;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

.btn.btn-icon.btn-icon-right.btn-lg {
  padding-left: 56px;
  padding-right: 16px;
}

.btn.btn-icon.btn-icon-right.btn-sm {
  padding-left: 39px;
  padding-right: 10px;
}

.btn.btn-icon.btn-icon-right.btn-xs {
  padding-left: 24px;
  padding-right: 5px;
}

.btn.btn-icon.btn-icon-right.btn-lg > i {
  padding: 10px 16px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.btn.btn-icon.btn-icon-right.btn-sm > i {
  padding: 5px 10px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.btn.btn-icon.btn-icon-right.btn-xs > i {
  padding: 1px 5px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}

.btn.btn-icon.btn-default > i {
  background-color: #ecf0f1;
}

.btn.btn-icon.btn-inverse > i {
  background-color: #212639;
}

.btn.btn-icon.btn-primary > i {
  background-color: #0E7D76;
}

.btn.btn-icon.btn-success > i {
  background-color: #468C46;
}

.btn.btn-icon.btn-info > i {
  background-color: #3A8BA2;
}

.btn.btn-icon.btn-warning > i {
  background-color: #CF8B29;
}

.btn.btn-icon.btn-danger > i {
  background-color: #AF403B;
}

.btn.btn-icon.btn-cloud > i {
  background-color: #C2C6C6;
}

.btn.btn-icon.btn-silver > i {
  background-color: #B1C5D3;
}

/* buttons rounded */

.btn-rounded {
  border-radius: 100px;
  /* grab for all size */
  border-width: 2px;
}

.btn-rounded.btn-lg {
  border-width: 4px;
}

.btn-rounded.btn-primary {
  color: #13a89e;
  border-color: #13a89e;
}

.btn-rounded.btn-primary:hover,
.btn-rounded.btn-primary:focus,
.btn-rounded.btn-primary:active,
.btn-rounded.btn-primary.active,
.open .dropdown-toggle.btn-primary.btn-rounded {
  background-color: #13a89e;
}

.btn-rounded.btn-success {
  color: #5BB75B;
  border-color: #5BB75B;
}

.btn-rounded.btn-success:hover,
.btn-rounded.btn-success:focus,
.btn-rounded.btn-success:active,
.btn-rounded.btn-success.active,
.open .dropdown-toggle.btn-success.btn-rounded {
  background-color: #5BB75B;
}

.btn-rounded.btn-warning {
  color: #FAA732;
  border-color: #FAA732;
}

.btn-rounded.btn-warning:hover,
.btn-rounded.btn-warning:focus,
.btn-rounded.btn-warning:active,
.btn-rounded.btn-warning.active,
.open .dropdown-toggle.btn-warning.btn-rounded {
  background-color: #FAA732;
}

.btn-rounded.btn-danger {
  color: #DA4F49;
  border-color: #DA4F49;
}

.btn-rounded.btn-danger:hover,
.btn-rounded.btn-danger:focus,
.btn-rounded.btn-danger:active,
.btn-rounded.btn-danger.active,
.open .dropdown-toggle.btn-danger.btn-rounded {
  background-color: #DA4F49;
}

.btn-rounded.btn-info {
  color: #49AFCD;
  border-color: #49AFCD;
}

.btn-rounded.btn-info:hover,
.btn-rounded.btn-info:focus,
.btn-rounded.btn-info:active,
.btn-rounded.btn-info.active,
.open .dropdown-toggle.btn-info.btn-rounded {
  background-color: #49AFCD;
}

.btn-rounded.btn-inverse {
  color: #394264;
  border-color: #394264;
}

.btn-rounded.btn-inverse:hover,
.btn-rounded.btn-inverse:focus,
.btn-rounded.btn-inverse:active,
.btn-rounded.btn-inverse.active,
.open .dropdown-toggle.btn-inverse.btn-rounded {
  background-color: #394264;
}

.btn-rounded.btn-cloud {
  color: #ecf0f1;
  border-color: #ecf0f1;
}

.btn-rounded.btn-cloud:hover,
.btn-rounded.btn-cloud:focus,
.btn-rounded.btn-cloud:active,
.btn-rounded.btn-cloud.active,
.open .dropdown-toggle.btn-cloud.btn-rounded {
  background-color: #ecf0f1;
}

.btn-rounded.btn-silver {
  color: #bdc3c7;
  border-color: #bdc3c7;
}

.btn-rounded.btn-silver:hover,
.btn-rounded.btn-silver:focus,
.btn-rounded.btn-silver:active,
.btn-rounded.btn-silver.active,
.open .dropdown-toggle.btn-silver.btn-rounded {
  background-color: #bdc3c7;
}

.btn-rounded.btn-inverse,
.btn-rounded.btn-primary,
.btn-rounded.btn-success,
.btn-rounded.btn-info,
.btn-rounded.btn-warning,
.btn-rounded.btn-danger,
.btn-rounded.btn-cloud,
.btn-rounded.btn-silver {
  background-color: #ffffff;
}

.btn-rounded.btn-cloud,
.btn-rounded.btn-silver {
  color: #394264;
}

.btn-rounded.btn-inverse:hover,
.btn-rounded.btn-primary:hover,
.btn-rounded.btn-success:hover,
.btn-rounded.btn-info:hover,
.btn-rounded.btn-warning:hover,
.btn-rounded.btn-danger:hover,
.btn-rounded.btn-silver:hover,
.btn-rounded.btn-inverse:focus,
.btn-rounded.btn-primary:focus,
.btn-rounded.btn-success:focus,
.btn-rounded.btn-info:focus,
.btn-rounded.btn-warning:focus,
.btn-rounded.btn-danger:focus,
.btn-rounded.btn-silver:focus,
.btn-rounded.btn-inverse:active,
.btn-rounded.btn-primary:active,
.btn-rounded.btn-success:active,
.btn-rounded.btn-info:active,
.btn-rounded.btn-warning:active,
.btn-rounded.btn-danger:active,
.btn-rounded.btn-silver:active,
.btn-rounded.btn-inverse.active,
.btn-rounded.btn-primary.active,
.btn-rounded.btn-success.active,
.btn-rounded.btn-info.active,
.btn-rounded.btn-warning.active,
.btn-rounded.btn-danger.active,
.btn-rounded.btn-silver.active {
  color: #ffffff;
}

.btn-rounded.btn-transparent {
  color: inherit;
  background-color: transparent;
  border-color: #ffffff;
}

.btn-rounded.btn-transparent:hover,
.btn-rounded.btn-transparent:focus,
.btn-rounded.btn-transparent:active,
.btn-rounded.btn-transparent.active,
.open .dropdown-toggle.btn-transparent.btn-rounded {
  color: #394264;
  background-color: #ffffff;
  border-color: #ffffff;
}




/* PAGINATION */
.pagination > li > a,
.pagination > li > span {
  font-size: 13px;
  border-color: #E0E4E8;
  color: #13A89E;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #ecf0f1;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #394264;
  background-color: #ecf0f1;
  border-color: #E0E4E8;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #95a5a6;
  border-color: #E0E4E8;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  font-size: 12px;
}

.pager li > a,
.pager li > span {
  font-size: 13px;
  color: #13A89E;
  border-color: #E0E4E8;
}

.pager li > a:hover,
.pager li > a:focus {
  background-color: #ecf0f1;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #95a5a6;
}





/* THUMBNAIL */
.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}





/* DROPDOWN */
.dropdown-menu {
  border-color: #E0E4E8;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.dropdown-menu > li > a {
  font-size: 12px;
  color: #394264;
}

.dropdown-menu > li > a i.fa,
.dropdown-menu > li > a i.icon {
  width: 20px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #13A89E;
  color: #ecf0f1;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #394264;
  color: #ecf0f1;
}

/**
 * DROPDOWN EXTEND
 */

.dropdown-menu.dropdown-extend {
  min-width: 280px;
  max-width: 320px;
  margin: 0;
  padding: 0;
}

.dropdown-menu.dropdown-extend:before {
  position: absolute;
  top: -10px;
  left: 15px;
  right: auto;
  width: 0;
  height: 0;
  content: '';
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}

.dropdown-menu.dropdown-extend.pull-right:before {
  right: 15px;
  left: auto;
}

.dropdown-menu.dropdown-extend > .dropdown-header {
  position: relative;
  padding: 10px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #ffffff;
  color: #232332;
}

.dropdown-menu.dropdown-extend > .dropdown-footer {
  position: relative;
  font-size: 13px;
  border-bottom: 0 none;
  background-color: #ffffff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.dropdown-menu.dropdown-extend > .dropdown-footer a {
  color: #232332;
}

.dropdown-menu.dropdown-extend > .dropdown-footer:hover a {
  background-color: inherit;
}

.dropdown-menu.dropdown-extend > .dropdown-footer .btn {
  margin: 10px 0;
  display: inline-block;
}

.dropdown-menu.dropdown-extend > .dropdown-footer .btn.pull-left {
  margin-left: 10px;
}

.dropdown-menu.dropdown-extend > .dropdown-footer .btn.pull-right {
  margin-right: 10px;
}

.dropdown-menu.dropdown-extend > .dropdown-footer > .view-all {
  padding: 15px 10px;
}

.dropdown-menu.dropdown-extend > .dropdown-footer i {
  margin-top: 0;
  font-size: 18px;
}

.dropdown-menu.dropdown-extend > li {
  border-bottom: 1px solid #E0E4E8;
  text-align: left;
}

.dropdown-menu.dropdown-extend > li > a {
  white-space: normal;
  text-align: left;
}

.dropdown-menu.dropdown-extend .notif-media {
  position: relative;
  max-height: 360px;
  overflow: auto;
}

.notif-media .notif-item {
  border-bottom: 1px solid #E0E4E8;
  padding: 10px;
}

.notif-media .notif-item:last-child {
  border-bottom: none;
}

.notif-media .notif-item .notif-img.pull-left {
  margin-right: 10px;
  margin-left: auto;
}

.notif-media .notif-item .notif-img.pull-right {
  margin-right: auto;
  margin-left: 10px;
}

.notif-media .notif-item .notif-img > img {
  width: 40px;
  height: 40px;
}

.notif-media .notif-item .notif-heading {
  position: relative;
  margin: 0;
  padding: 0 0 5px;
  font-size: 16px;
  font-weight: 300;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.notif-media .notif-item .notif-heading small {
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 10px;
  color: #95a5a6;
}

.notif-media .notif-item:hover .notif-heading small {
  color: #bdc3c7;
}

.notif-media .notif-item .notif-text {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 300;
  color: #394264;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notif-media .notif-item:hover .notif-text {
  color: #bdc3c7;
}

.dropdown-menu.dropdown-extend .notif-minimal {
  position: relative;
  max-height: 360px;
  overflow: auto;
}

.notif-minimal .notif-item {
  position: relative;
  border-bottom: 1px solid #E0E4E8;
  padding: 5px 10px;
  height: 50px;
  overflow: hidden;
}

.notif-minimal .notif-item:last-child {
  border-bottom: 0;
}

.notif-minimal .notif-item .notif-ico {
  position: absolute;
  top: 5px;
  left: 10px;
  height: 40px;
  width: 40px;
  border-radius: 40px;
  line-height: 40px;
  text-align: center;
}

.notif-minimal .notif-item .notif-ico > i {
  font-size: 20px;
  line-height: 40px;
  color: #ecf0f1;
}

.notif-minimal .notif-item .notif-text {
  position: absolute;
  left: 60px;
  right: 10px;
  line-height: 40px;
  font-size: 12px;
  font-weight: 300;
  color: #394264;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notif-minimal .notif-item:hover .notif-text {
  color: #ecf0f1;
}

.dropdown-menu.dropdown-extend .notif-progress {
  position: relative;
  max-height: 360px;
  overflow: auto;
}

.notif-progress .notif-item {
  position: relative;
  border-bottom: 1px solid #E0E4E8;
  padding: 10px;
  cursor: default;
  overflow: hidden;
}

.notif-progress:hover .notif-item {
  background-color: #ffffff;
}

.notif-progress .notif-item:last-child {
  border-bottom: 0;
}

.notif-progress .notif-item .progress {
  margin-bottom: 0;
}

.notif-progress .notif-item .notif-text {
  margin: 0 2px 5px 2px;
  font-size: 11px;
  font-weight: 300;
  color: #394264;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropdown-inline {
  padding: 0;
  padding-left: 5px;
  min-width: 167px;
  width: auto;
  max-width: 187px;
}

.dropdown-inline li {
  margin: 5px 0px 0px 2px;
  padding: 0;
  display: inline-block;
}

.dropdown-inline li .color-pick {
  min-width: 10px;
  padding: 0;
  width: 20px;
  height: 20px;
  line-height: 1em;
  border: none;
  outline: none;
  background-color: inherit;
  cursor: pointer;
}

/* MODAL */

.modal {
  outline: 0;
}

.modal-content {
  border-color: #E0E4E8;
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 9px rgba(35, 35, 50, 0.5);
}

.modal-backdrop {
  background-color: #232332;
}

.modal-header {
  border-bottom-color: #E0E4E8;
}

.modal-footer {
  border-top-color: #E0E4E8;
}

.modal.modal-fullwidth .modal-dialog {
  width: 100%;
}

.modal.modal-center .modal-dialog {
  position: absolute;
  top: 25%;
  left: 25%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.modal.modal-center.modal-fullwidth .modal-dialog {
  left: 0;
}

.modal.modal-fullwidth .modal-content {
  border-right: none;
  border-left: none;
  border-radius: 0;
}

/* TOOLTIP */

.tooltip-inner {
  background-color: #394264;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  border-top-color: #394264;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #394264;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #394264;
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #394264;
}

/* POPOVER */

.popover {
  background-color: #ffffff;
  border-color: #E0E4E8;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
  z-index: 1060;
}

.popover-title {
  background-color: #ecf0f1;
  border-bottom: 1px solid #E0E4E8;
  border-radius: 3px 3px 0 0;
  font-size: 13px;
  color: #394264;
}

.popover-content {
  font-size: 12px;
  color: #394264;
}

.popover.top .arrow {
  border-top-color: #E0E4E8;
}

.popover.top .arrow:after {
  border-top-color: #ffffff;
}

.popover.right .arrow {
  border-right-color: #E0E4E8;
}

.popover.right .arrow:after {
  border-right-color: #ffffff;
}

.popover.bottom .arrow {
  border-bottom-color: #E0E4E8;
}

.popover.bottom .arrow:after {
  border-bottom-color: #ffffff;
}

.popover.left .arrow {
  border-left-color: #E0E4E8;
}

.popover.left .arrow:after {
  border-left-color: #ffffff;
}

.popover-primary {
  background-color: #ffffff;
  border-color: #13A89E;
}

.popover-primary .popover-title {
  background-color: #13A89E;
  border-color: #13A89E;
  color: #ffffff;
}

.popover-primary.top .arrow {
  border-top-color: #13A89E;
}

.popover-primary.right .arrow {
  border-right-color: #13A89E;
}

.popover-primary.bottom .arrow {
  border-bottom-color: #13A89E;
}

.popover-primary.left .arrow {
  border-left-color: #13A89E;
}

.popover-success {
  background-color: #ffffff;
  border-color: #5BB75B;
}

.popover-success .popover-title {
  background-color: #5BB75B;
  border-color: #5BB75B;
  color: #ffffff;
}

.popover-success.top .arrow {
  border-top-color: #5BB75B;
}

.popover-success.right .arrow {
  border-right-color: #5BB75B;
}

.popover-success.bottom .arrow {
  border-bottom-color: #5BB75B;
}

.popover-success.left .arrow {
  border-left-color: #5BB75B;
}

.popover-info {
  background-color: #ffffff;
  border-color: #49AFCD;
}

.popover-info .popover-title {
  background-color: #49AFCD;
  border-color: #49AFCD;
  color: #ffffff;
}

.popover-info.top .arrow {
  border-top-color: #49AFCD;
}

.popover-info.right .arrow {
  border-right-color: #49AFCD;
}

.popover-info.bottom .arrow {
  border-bottom-color: #49AFCD;
}

.popover-info.left .arrow {
  border-left-color: #49AFCD;
}

.popover-warning {
  background-color: #ffffff;
  border-color: #FAA732;
}

.popover-warning .popover-title {
  background-color: #FAA732;
  border-color: #FAA732;
  color: #ffffff;
}

.popover-warning.top .arrow {
  border-top-color: #FAA732;
}

.popover-warning.right .arrow {
  border-right-color: #FAA732;
}

.popover-warning.bottom .arrow {
  border-bottom-color: #FAA732;
}

.popover-warning.left .arrow {
  border-left-color: #FAA732;
}

.popover-danger {
  background-color: #ffffff;
  border-color: #DA4F49;
}

.popover-danger .popover-title {
  background-color: #DA4F49;
  border-color: #DA4F49;
  color: #ffffff;
}

.popover-danger.top .arrow {
  border-top-color: #DA4F49;
}

.popover-danger.right .arrow {
  border-right-color: #DA4F49;
}

.popover-danger.bottom .arrow {
  border-bottom-color: #DA4F49;
}

.popover-danger.left .arrow {
  border-left-color: #DA4F49;
}

.popover-inverse {
  background-color: #232332;
  border-color: #232332;
}

.popover-inverse .popover-title {
  background-color: #394264;
  border-color: #232332;
  color: #ffffff;
}

.popover-inverse .popover-content {
  color: #ecf0f1;
}

.popover-inverse.top .arrow {
  border-top-color: #232332;
}

.popover-inverse.top .arrow:after {
  border-top-color: #232332;
}

.popover-inverse.right .arrow {
  border-right-color: #232332;
}

.popover-inverse.right .arrow:after {
  border-right-color: #232332;
}

.popover-inverse.bottom .arrow {
  border-bottom-color: #394264;
  top: -10px;
}

.popover-inverse.bottom .arrow:after {
  border-bottom-color: #394264;
  top: 0;
}

.popover-inverse.left .arrow {
  border-left-color: #232332;
}

.popover-inverse.left .arrow:after {
  border-left-color: #232332;
}





/* NAVBAR */
.navbar-default {
  background-color: #ecf0f1;
  border-color: #E0E4E8;
}
.navbar-default .navbar-brand {
  color: #7f8c8d;
}
  .navbar-brand{
    position: relative;
  }
  .navbar-brand img{
    position: absolute;
    top: 0;
    height: 50px;
  }
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #394264;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #7f8c8d;
}
.navbar-default .navbar-nav > li > a {
  color: #7f8c8d;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #394264;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #394264;
  background-color: #E0E4E8;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #bdc3c7;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #E0E4E8;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #E0E4E8;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #bdc3c7;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #E0E4E8;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #394264;
  background-color: #E0E4E8;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #7f8c8d;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #394264;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #394264;
    background-color: #E0E4E8;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #bdc3c7;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #7f8c8d;
}
.navbar-default .navbar-link:hover {
  color: #394264;
}


.navbar-inverse {
  background-color: #232332;
  border-color: #222222;
}
.navbar-inverse .navbar-brand {
  color: #000F6A;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ecf0f1;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #000F6A;
}
.navbar-inverse .navbar-nav > li > a {
  color: #000F6A;
}
.navbar-inverse .navbar-nav > li:hover,
.navbar-inverse .navbar-nav > li:focus,
.navbar-inverse .navbar-nav > li:hover > a,
.navbar-inverse .navbar-nav > li:focus > a,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #ecf0f1;
    background-color: #62B4FD;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ecf0f1;
  background-color: #62B4FD;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #394264;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: rgba(255, 255, 255, .1);
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #394264;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ecf0f1;
  background-color: #62B4FD;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #394264;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: rgba(255, 255, 255, .1);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #000F6A;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ecf0f1;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ecf0f1;
    background-color: #62B4FD;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #000F6A;
}
.navbar-inverse .navbar-link:hover {
  color: #ecf0f1;
}





/* NAVS */
.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {
  border-color: #13A89E;
}

/* nav-tabs */
.nav-tabs {
  border-bottom: 1px solid #E0E4E8;
}
.nav-tabs > li > a:hover {
  border-color: #ecf0f1 #ecf0f1 #E0E4E8;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #394264;
  border-color: #E0E4E8;
  border-bottom-color: #62B4FD;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border-color: #E0E4E8;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom-color: #E0E4E8;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border-color: #E0E4E8;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom-color: #E0E4E8;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}

/* nav-pills */
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #13A89E;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ecf0f1;
  background-color: #13A89E;
}



/* ALERT */
.alert {
  margin-bottom: 15px;
}




/* PROGRESS */
.progress {
  margin-bottom: 15px;
  padding: 2px;
  height: 20px;
  background-color: #ffffff;
  border: 2px solid #ecf0f1;
  box-shadow: none;
  /* grab for all sizing */
  border-radius: 24px;
}
.progress.progress-xs {
  height: 4px;
}
.progress.progress-sm {
  height: 14px;
}
.progress.progress-lg {
  height: 26px;
}
.progress.progress-flat {
  background-color: #ecf0f1;
  border: none;
  padding: 0;
  border-radius: 0;
}

.progress-bar {
  background-color: #13A89E;
  /* grab for all sizing */
  border-radius: 24px;
  box-shadow: none;
}
.progress-bar-success {
  background-color: #5BB75B;
}
.progress-bar-info {
  background-color: #49AFCD;
}
.progress-bar-warning {
  background-color: #FAA732;
}
.progress-bar-danger {
  background-color: #DA4F49;
}
.progress-bar-inverse {
  background-color: #394264;
}

.progress.progress-inverse,
.progress.progress-inverse-success,
.progress.progress-inverse-info,
.progress.progress-inverse-warning,
.progress.progress-inverse-danger {
  border: none;
  padding: 4px;
  background-color: #13A89E;
}
.progress.progress-inverse-success {
  background-color: #5BB75B;
}
.progress.progress-inverse-info {
  background-color: #49AFCD;
}
.progress.progress-inverse-warning {
  background-color: #FAA732;
}
.progress.progress-inverse-danger {
  background-color: #DA4F49;
}
.progress.progress-inverse-inverse {
  border-color: #232332;
  background-color: #232332;
}

.progress.progress-inverse > .progress-bar,
.progress.progress-inverse-success > .progress-bar,
.progress.progress-inverse-info > .progress-bar,
.progress.progress-inverse-warning > .progress-bar,
.progress.progress-inverse-danger > .progress-bar {
  background-color: rgba(255, 255, 255, .25);
}
.progress.progress-inverse-inverse > .progress-bar {
  background-color: #ecf0f1;
}

.progress-flat > .progress-bar {
  border-radius: 0;
}
.progress-striped > .progress-bar {
  border-radius: 0;
}
.progress-striped > .progress-bar:first-child {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.progress-striped > .progress-bar:last-child {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}





/* FORM */
legend,
label {
  color: #95a5a6;
}
legend{
  border-bottom: none;
}

form label {
  font-weight: normal;
}

.radio label,
.checkbox label,
label.radio-inline,
label.checkbox-inline {
  color: #394264;
  font-size: 13px;
}

.help-block {
  color: #95a5a6;
  font-size: 13px;
}

.form-bordered .form-group {
  border-bottom: 1px solid #E0E4E8;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
}

.form-bordered .form-group:last-child {
  border-bottom: none;
}

.form-bordered:not(.form-horizontal) .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

.form-control {
  font-size: 13px;
  color: #394264;
  border-color: #E0E4E8;
  border-radius: 3px;
  box-shadow: none;
}

.input-sm,
.input-group-addon.input-sm {
  font-size: 11px;
  border-radius: 3px;
}

.input-lg,
.input-group-addon.input-lg {
  font-size: 16px;
  border-radius: 4px;
}

.form-control:focus {
  border-color: #13A89E;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
}

.form-control:-moz-placeholder {
  color: #95a5a6;
}

.form-control::-moz-placeholder {
  color: #95a5a6;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #95a5a6;
}

.form-control::-webkit-input-placeholder {
  color: #95a5a6;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #ecf0f1;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #FAA732;
}

.has-warning .form-control {
  border-color: #FAA732;
  box-shadow: rgba(0, 0, 0, .05) 0 1px 1px;
}

.has-warning .form-control:focus {
  border-color: #CF8B29;
  box-shadow: rgba(0, 0, 0, .05) 0 1px 1px;
}

.has-warning .input-group-addon {
  color: #FAA732;
  background-color: #fcf8e3;
  border-color: #FAA732;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #DA4F49;
}

.has-error .form-control {
  border-color: #DA4F49;
  box-shadow: rgba(0, 0, 0, .05) 0 1px 1px;
}

.has-error .form-control:focus {
  border-color: #AF403B;
  box-shadow: rgba(0, 0, 0, .05) 0 1px 1px;
}

.has-error .input-group-addon {
  color: #DA4F49;
  background-color: #f2dede;
  border-color: #DA4F49;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #5BB75B;
}

.has-success .form-control {
  border-color: #5BB75B;
  box-shadow: rgba(0, 0, 0, .05) 0 1px 1px;
}

.has-success .form-control:focus {
  border-color: #468C46;
  box-shadow: rgba(0, 0, 0, .05) 0 1px 1px;
}

.has-success .input-group-addon {
  color: #5BB75B;
  background-color: #dff0d8;
  border-color: #5BB75B;
}

.input-group-btn > .btn {
  padding: 7px 12px;
}
.input-group-btn > .fileinput {
  margin-bottom: 0;
}

.input-group-btn > .btn:not(.btn-default) {
  border-color: rgba(0, 0, 0, .1);
}

.input-group-addon {
  background-color: #ecf0f1;
  border-color: #E0E4E8;
  color: #394264;
  font-size: 13px;
  padding: 7px 12px;
}

.input-group-addon > .nice-checkbox,
.input-group-addon > .nice-radio {
  padding-top: 0;
  top: -5px;
  left: 2px;
}

.input-group.input-group-in {
  border: 1px solid #E0E4E8;
  background-color: #ffffff;
  border-radius: 3px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.input-group-in.focus {
  border-color: #13A89E;
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
}

.input-group.input-group-in > .input-group-btn > .btn,
.input-group.input-group-in > .input-group-addon,
.input-group.input-group-in > .twitter-typeahead > .form-control,
/* if use with typeahead */
.input-group.input-group-in > .form-control {
  border: none;
  background-color: transparent;
}

.input-group.input-group-in > .twitter-typeahead > .form-control,
/* if use with typeahead */
.input-group.input-group-in > .form-control {
  padding-right: 0;
  padding-left: 0;
}

.input-group.input-group-in > .twitter-typeahead:first-child > .form-control,
/* if use with typeahead */
.input-group.input-group-in > .form-control:first-child {
  padding-right: 0;
  padding-left: 12px;
}

.input-group.input-group-in > .twitter-typeahead:last-child > .form-control,
/* if use with typeahead */
.input-group.input-group-in > .form-control:last-child {
  padding-right: 12px;
  padding-left: 0;
}

.input-group.input-group-in > .form-control:focus,
.input-group.input-group-in > .form-control[disabled],
.input-group.input-group-in > .form-control[readonly],
.input-group.input-group-in > fieldset[disabled] .form-control,
.input-group.input-group-in > .twitter-typeahead > .form-control:focus,
.input-group.input-group-in > .twitter-typeahead > .form-control[disabled],
.input-group.input-group-in > .twitter-typeahead > .form-control[readonly] {
  border: none !important;
  background-color: transparent;
  box-shadow: none;
}

.input-group.input-group-in > .input-group-btn > .btn {
  color: #394264;
}

.input-group.input-group-in > .input-group-btn > .btn:hover,
.input-group.input-group-in > .input-group-btn > .btn:focus,
.input-group.input-group-in > .input-group-btn > .btn:active,
.input-group.input-group-in > .input-group-btn > .btn.active,
.input-group.input-group-in > .input-group-btn > .btn.open {
  background-color: transparent;
  border: none;
  color: inherit;
}





/* LIST GROUP */
.list-group-item {
  background-color: #ffffff;
  border-color: #E0E4E8;
}
  .list-group-item canvas{
    margin-right: 5px;
    margin-left: auto;
  }
  .list-group-item canvas.pull-right{
    margin-right: auto;
    margin-left: 5px;
  }
.list-group[class*="bg-"] .list-group-item{
  background-color: transparent;
  border-color: rgba(0, 0, 0, .1);
}
a.list-group-item,
a.list-group-item .list-group-item-heading {
  color: #394264;
}
.list-group[class*="bg-"] a.list-group-item,
.list-group[class*="bg-"] a.list-group-item .list-group-item-heading {
  color: inherit;
}
a.list-group-item:hover,
a.list-group-item:focus {
  background-color: #ecf0f1;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  background-color: #13A89E;
  border-color: #13A89E;
}
.list-group[class*="bg-"] a.list-group-item:hover,
.list-group[class*="bg-"] a.list-group-item:focus,
.list-group[class*="bg-"] a.list-group-item.active,
.list-group[class*="bg-"] a.list-group-item.active:hover,
.list-group[class*="bg-"] a.list-group-item.active:focus {
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(0, 0, 0, .1);
}
  a.list-group-item.active .badge,
  a.list-group-item.active:hover .badge,
  a.list-group-item.active:focus .badge{
    background-color: #ecf0f1 !important;
    color: #394264 !important;
  }
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #ecf0f1;
}
.list-group[class*="bg-"] a.list-group-item.active .list-group-item-text,
.list-group[class*="bg-"] a.list-group-item.active:hover .list-group-item-text,
.list-group[class*="bg-"] a.list-group-item.active:focus .list-group-item-text {
  color: inherit;
}





/* TABLE */
@media print {
  .table-bordered th,
  .table-bordered td {
    border-color: #E0E4E8 !important;
  }
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #E0E4E8;
}
.table > thead > tr > th {
  border-bottom: 2px solid #E0E4E8;
}
.table > tbody + tbody {
  border-top: 2px solid #E0E4E8;
}

.table-bordered {
  border-color: #E0E4E8;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-color: #E0E4E8;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #ecf0f1;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #ecf0f1;
}


.table > thead > tr > .active,
.table > tbody > tr > .active,
.table > tfoot > tr > .active,
.table > thead > .active > td,
.table > tbody > .active > td,
.table > tfoot > .active > td,
.table > thead > .active > th,
.table > tbody > .active > th,
.table > tfoot > .active > th,
.table > thead > tr:hover > .active,
.table > tbody > tr:hover > .active,
.table > tfoot > tr:hover > .active,
.table > thead > .active:hover > td,
.table > tbody > .active:hover > td,
.table > tfoot > .active:hover > td,
.table > thead > .active:hover > th,
.table > tbody > .active:hover > th,
.table > tfoot > .active:hover > th {
  background-color: #ecf0f1 !important;
  color: #394264 !important;
}
@media (max-width: 767px) {
  .table-responsive {
    border: 1px solid #E0E4E8;
  }
  .table-responsive.table-responsive-datatables{
    border: none;
  }
}
.panel > .table-bordered > thead > tr > th, 
.panel > .table-responsive > .table-bordered > thead > tr > th, 
.panel > .table-bordered > thead > tr > td,
.panel > .table-responsive > .table-bordered > thead > tr > td {
  border-bottom: 2px solid #E0E4E8 !important;
}
.panel > .table-bordered:not(:last-child), 
.panel > .table-responsive:not(:last-child) > .table-bordered {
  border-bottom: 1px solid #E0E4E8;
}
.panel > .table:last-child, 
.panel > .table-responsive:last-child{
  margin-bottom: 0px !important;
}





/* PANEL */
.panel {
  position: relative;
  border-bottom-width: 2px;
}
.panel-group{
  margin-bottom: 20px;
}

body.expand-panel {
  overflow: hidden;
}

.panel.panel-collapsed > .panel-body,
.panel.panel-collapsed > .table,
.panel.panel-collapsed > .list-group,
.panel.panel-collapsed > .panel-collapse-element {
  display: none;
}

.panel.panel-expand {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding-top: 38px;
  border: none;
  overflow: auto;
  border-radius: 0;
  z-index: 1050;
}

.panel.panel-expand > .panel-heading {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
  z-index: 1050;
  box-shadow: rgba(0, 0, 0, .05) 0 2px 4px;
}

.panel.panel-expand > .panel-body,
.panel.panel-expand > .table,
.panel.panel-expand > .list-group,
.panel.panel-expand > .panel-helper-block {
  width: 100%;
}

.panel.panel-expand > .panel-footer {
  /*display: none;*/
}

.panel .show-on-expand {
  display: none;
}

.panel.panel-expand .hide-on-expand {
  display: none;
}

.panel.panel-expand .show-on-expand {
  display: block;
}

.panel .panel-heading {
  position: relative;
}

.panel-title > .fa,
.panel-title > .icon {
  cursor: pointer;
  margin-right: 8px;
}
.panel-title a:hover:not(.btn){
  color: inherit;
}

.panel > .panel-heading > .nav {
  position: absolute;
  top: 0;
  right: 0;
}
.panel > .panel-heading > .nav-tabs {
  border-bottom: none;
}
  .panel-heading > .nav-tabs > li > a {
    margin-right: 0;
    border-radius: 0;
    border-style: solid;
    border-width: 0 1px;
    border-right-color: rgba(255, 255, 255, .1);
    border-left-color: rgba(0, 0, 0, .1);
    font-size: 13px;
    color: inherit;
  }
  .panel-default > .panel-heading > .nav-tabs > li > a{
    border-right: 1px solid #f8f8f8;
    border-left: 1px solid #E0E4E8;
  }
  .panel-heading > .nav-tabs > li:last-child > a {
    border-top-right-radius: 4px;
  }

  .panel-heading > .nav-tabs > li.dropdown.open > a,
  .panel-heading > .nav-tabs > li > a:hover {
    border-right-color: transparent;
    border-left-color: rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .05);
    color: inherit;
  }
  .panel-default > .panel-heading > .nav-tabs > li.dropdown.open > a,
  .panel-default > .panel-heading > .nav-tabs > li > a:hover {
    border-right-color: transparent;
    border-left: 1px solid #E0E4E8;
  }

  .panel-heading > .nav-tabs > li.active > a,
  .panel-heading > .nav-tabs > li.active > a:hover,
  .panel-heading > .nav-tabs > li.active > a:focus{
    border-style: solid;
    border-width: 0 1px;
    border-right-color: transparent;
    border-left-color: rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .05);
    color: inherit;
  }
  .panel-default > .panel-heading > .nav-tabs > li.active > a,
  .panel-default > .panel-heading > .nav-tabs > li.active > a:hover,
  .panel-default > .panel-heading > .nav-tabs > li.active > a:focus{
    border-right-color: transparent;
    border-left: 1px solid #E0E4E8;
  }

.panel > .panel-heading > .panel-actions {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  height: 37px;
  vertical-align: middle;
}

  .panel-actions > .btn-collapse > .fa,
  .panel-actions > .btn-collapse > .glyphicon {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }
  .panel-actions > .btn-collapse.btn-collapsed > .fa,
  .panel-actions > .btn-collapse.btn-collapsed > .glyphicon{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

.panel-actions:after {
  clear: both;
  display: table;
  content: '';
}

.panel-actions > .btn-group {
  margin: 0;
  padding: 0;
  float: left;
  border-right-color: rgba(255, 255, 255, .1);
  border-left-color: rgba(0, 0, 0, .1);
}

.panel-actions .btn-group.open .btn-panel {
  box-shadow: none !important;
}

.panel-actions .btn-panel {
  margin: 0;
  float: left;
  display: block;
  padding: 0 15px;
  line-height: 37px;
  font-size: 12px;
  text-decoration: none;
  font-weight: 300;
  color: inherit;
  text-align: center;
  background: none;
  border: none;
  outline: none;
  border-right: 1px solid #f8f8f8;
  border-left: 1px solid #E0E4E8;
}

.panel-actions > .btn-panel:last-child {
  border-right-color: transparent;
}

.panel-actions > .btn-group:first-child > .btn-panel {
  border-right-color: transparent;
  border-top-right-radius: 4px;
}

.panel-actions .btn-panel.active,
.panel-actions .btn-panel.open,
.panel-actions .btn-panel:hover,
.panel-actions .btn-panel:active,
.panel-actions .btn-panel:focus {
  background-color: rgba(0, 0, 0, .05);
  border-right-color: transparent;
  text-decoration: none;
}

.panel .panel-actions-fly {
  position: absolute;
  top: 15px;
  right: 20px;
  z-index: 9;
}
  .panel-actions-fly > .btn-panel{
    background: none;
    box-shadow: none;
    outline: none;
    border: none;
    color: rgba(0, 0, 0, .5) !important;
    font-size: 11px;
    text-decoration: none;
  }
  .panel-actions-fly > .btn-panel:hover,
  .panel-actions-fly > .btn-panel:active,
  .panel-actions-fly > .btn-panel:focus,
  .panel-actions-fly > .btn-panel.active,
  .panel-actions-fly > .btn-panel.open{
    color: rgba(255, 255, 255, .5) !important;
    text-decoration: none;
  }

.panel-heading > .btn-group {
  float: right;
  margin: -10px 0 0;
  padding: 0 10px;
  height: 38px;
  border-right: 1px solid #f8f8f8;
  border-left: 1px solid #E0E4E8;
  font-size: 12px;
}

.panel-heading > .btn-group:first-child {
  margin-right: -15px;
  border-right-color: transparent;
  border-top-right-radius: 4px;
}

.panel-heading > .btn-group > .btn-xs:not(.btn-panel) {
  margin: 0;
  margin-top: 8px;
}

.panel-heading > .btn-group > .btn-sm:not(.btn-panel) {
  margin: 0;
  margin-top: 4px;
}

.panel-primary .btn-panel,
.panel-success .btn-panel,
.panel-warning .btn-panel,
.panel-danger .btn-panel,
.panel-info .btn-panel {
  border-right-color: rgba(255, 255, 255, .1);
  border-left-color: rgba(0, 0, 0, .1);
}

.panel.panel-default {
  border-color: #E0E4E8;
}

.panel-default > .panel-heading,
.panel-default > .panel-footer {
  color: #394264;
  background-color: #ecf0f1;
}

.panel-default > .panel-heading {
  border-color: #E0E4E8;
}

.panel-default > .panel-footer {
  border-color: #f8f8f8;
}

.panel.panel-primary {
  border-color: rgba(19, 168, 158, .8);
}

.panel-primary > .panel-heading,
.panel-primary > .panel-footer {
  color: #ecf0f1;
  background-color: #13A89E;
}

.panel.panel-success {
  border-color: rgba(91, 183, 91, .8);
}

.panel-success > .panel-heading,
.panel-success > .panel-footer {
  color: #ecf0f1;
  background-color: #5BB75B;
}

.panel.panel-info {
  border-color: rgba(73, 175, 205, .8);
}

.panel-info > .panel-heading,
.panel-info > .panel-footer {
  color: #ecf0f1;
  background-color: #49AFCD;
}

.panel.panel-warning {
  border-color: rgba(250, 167, 50, .8);
}

.panel-warning > .panel-heading,
.panel-warning > .panel-footer {
  color: #ecf0f1;
  background-color: #FAA732;
}

.panel.panel-danger {
  border-color: rgba(218, 79, 73, .8);
}

.panel-danger > .panel-heading,
.panel-danger > .panel-footer {
  color: #ecf0f1;
  background-color: #DA4F49;
}

.panel-primary > .panel-heading,
.panel-success > .panel-heading,
.panel-info > .panel-heading,
.panel-warning > .panel-heading,
.panel-danger > .panel-heading {
  border-color: rgba(0, 0, 0, .1);
}

.panel-primary > .panel-footer,
.panel-success > .panel-footer,
.panel-info > .panel-footer,
.panel-warning > .panel-footer,
.panel-danger > .panel-footer {
  border-color: rgba(255, 255, 255, .1);
}

.panel > .panel-loader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(35, 35, 50, .25);
  z-index: 1020;
}

.panel-loader .loader-container {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.panel > .panel-helper-block {
  position: relative;
  padding: 10px 15px;
  border-bottom: 1px solid #E0E4E8;
}

.panel > .no-padding {
  margin-bottom: 0;
  border-right: none;
  border-left: none;
  border-radius: 0;
}

.panel-body .no-padding {
  border-right: none;
  border-left: none;
  margin-right: -15px;
  margin-left: -15px;
  border-radius: 0;
}

.panel-body .no-padding:first-child {
  margin-top: -15px;
  margin-bottom: 15px;
}

.panel-body .no-padding:last-child {
  margin-bottom: -15px;
  border-bottom: 0 none !important;
}

/* BOX AND WELL */

.box {
  position: relative;
  margin-bottom: 15px;
  padding: 15px;
  border: 1px solid #E0E4E8;
  background-image: none;
  border-radius: 4px;
}

.well {
  border: 1px solid #E0E4E8;
  background-color: #ecf0f1;
  background-image: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}
/*
 * REPLACE ALL DEPENDENCIES STYLE HERE
 */





/* GOOGLE CODE PRETTIFY */
.pln {
  color: #394264;
}

pre.prettyprint {
  border: 1px solid #E0E4E8 !important;
  padding: 10px 15px !important;
}
.panel > .prettyprint,
pre.prettyprint.no-padding {
  border-right: none !important;
  border-left: none !important;
}

ol.linenums {
  margin-top:0;
  margin-bottom:0;
}

li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 {
  list-style-type:none;
}

li.L1,li.L3,li.L5,li.L7,li.L9 {
  background:#ffffff;
}

@media screen{
  .com {
    color:#800;
  }

  .lit {
    color:#066;
  }

  .pun,.opn,.clo {
    color:#660;
  }

  .fun {
    color:red;
  }

  .str,.atv {
    color:#080;
  }

  .kwd,.tag {
    color:#008;
  }

  .typ,.atn,.dec,.var {
    color:#606;
  }
}

@media print,projection{
  .com {
    color:#600;
    font-style:italic;
  }

  .typ {
    color:#404;
    font-weight:700;
  }

  .lit {
    color:#044;
  }

  .pun,.opn,.clo {
    color:#440;
  }

  .atn {
    color:#404;
  }

  .str,.atv {
    color:#060;
  }

  .kwd,.tag {
    color:#006;
    font-weight:700;
  }
}





/* SPARKLINE */
.sparkline{
  vertical-align: middle;
}
.jqstooltip{
  background-color: #394264 !important;
  border-radius: 3px !important;
  padding: 10px;

  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}





/* MASONRY */
.masonry{
  position: relative;
  margin-right: -23px; /* 15px margin row + 8px border */
  margin-left: -22px; /* 15px margin row + 7px border */
}
.masonry .masonry-item{
  border-width: 0 8px 15px 7px;   /* this why .masonry change .row margin */
  border-style: solid;
  border-color: #ffffff;
}





/* PACE (Flash Style) */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #13A89E;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  height: 2px;

  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #13A89E, 0 0 5px #13A89E;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 9999;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #13A89E;
  border-left-color: #13A89E;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}




/* TYPEAHEAD */
.twitter-typeahead{
  width: 100%;
}
.twitter-typeahead .tt-hint {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #bdc3c7;
    border: none;
    
    border-radius: 3px;
}
.twitter-typeahead .hint-small {
    height: 30px;
    padding: 5px 10px;
    font-size: 11px;
    border-radius: 3px;
    line-height: 1.5;
}
.twitter-typeahead .hint-large {
    height: 45px;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.33;
    border-radius: 4px;
}
.input-group.input-group-in > .twitter-typeahead .tt-hint{
  padding-right: 0;
  padding-left: 0;
}
.input-group.input-group-in > .twitter-typeahead:first-child .tt-hint{
  padding-right: 0;
  padding-left: 12px;
}
.input-group.input-group-in > .twitter-typeahead:last-child .tt-hint{
  padding-right: 12px;
  padding-left: 0;
}

.twitter-typeahead .tt-dropdown-menu {
  width: 100%;
  margin: 2px 0 0;
  padding: 7px 5px;
  background-color: #ffffff;
  border: 1px solid #E0E4E8;
  border-radius: 3px;
  font-size: 13px;

  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.input-group.input-group-in > .twitter-typeahead:not(:first-child) .tt-dropdown-menu{
  margin-left: -12px;
}

  .tt-dropdown-menu .dataset-heading{
    margin: 15px 0 0;
    padding: 0 7px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #95a5a6;
    text-transform: uppercase;
  }
  .tt-dropdown-menu .dataset-heading + div{
    font-size: 12px;
  }
  .tt-dropdown-menu > div[class*="tt-dataset-"]:first-child .dataset-heading{
    margin-top: 0;
  }

  .tt-dropdown-menu .tt-suggestion {
    padding: 3px 7px;
    line-height: 1.428571429;
    color: #394264;
    border-radius: 3px;
  }

  .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor,
  .tt-dropdown-menu .tt-suggestion.tt-is-under-cursor p {
    color: #ecf0f1 !important;
    background-color: #13A89E;
  }

  .tt-dropdown-menu .tt-suggestion p {
    margin: 0;
  }




/* TAGS INPUT */
div.tagsinput {
  border: 1px solid #E0E4E8;
  background: #ffffff;
  width: 100%;
  min-height: 34px;
  height: auto;
  overflow-y: auto;
  padding: 5px 5px 0;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -ms-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
div.tagsinput.focus {
  border-color: #13A89E;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
}
div.tagsinput span.tag {
  display: block;
  float: left;
  text-decoration: none;
  background: #13A89E;
  color: #ecf0f1;
  margin-right: 5px;
  margin-bottom: 5px;
  font-family: 'Open sans', helvetica;
  font-size: 12px;
  padding: 2px 5px;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
div.tagsinput span.tag a {
  font-weight: 700;
  color: #ecf0f1;
  text-decoration: none;
  font-size: 12px;
}
div.tagsinput input {
  width: 80px;
  font-family: 'Open sans', helvetica;
  font-size: 12px;
  border: 1px solid transparent;
  background: transparent;
  color: #394264;
  outline: 0;
  margin: 0 5px 5px 0;
  padding: 1px 0;
}
div.tagsinput div {
  display:block;
  float:left;
}
.tags_clear {
  clear: both;
  width: 100%;
  height: 0;
}
.not_valid {
  background-color: #FDF7F7 !important;
  color: #B94A48 !important;
}




/* MULTISELECT */
.ms-container{
  background: transparent url('../images/switch.png') no-repeat 170px 80px;
}
.ms-container:after{
  content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden;
}
.ms-container .ms-selectable, .ms-container .ms-selection{
  background-color: #ffffff;
  color: #394264;
  float: left;
}
.ms-container .ms-list{
  border: 1px solid #E0E4E8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -ms-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.ms-selected{
  display:none;
}
.ms-container .ms-selectable{
  margin-right: 40px;
  margin-bottom: 15px;
}
.ms-container .ms-list.ms-focus{
  border-color: #13A89E;
  outline: 0;
  outline: thin dotted \9;

  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
}
.ms-container ul{
  margin: 0;
  list-style-type: none;
  padding: 0;
}
.ms-container .ms-optgroup-container{
  width: 100%;
}
.ms-container ul.ms-list{
  width: 160px;
  height: 200px;
  max-height: 200px;
  padding: 0;
  overflow-y: auto;
}
.ms-container ul.ms-list::-webkit-scrollbar-track{
  background-color: transparent;
  border-radius: 6px;
}

.ms-container ul.ms-list::-webkit-scrollbar{
  width: 6px;
}

.ms-container ul.ms-list::-webkit-scrollbar-thumb{
  border-radius: 6px;
  background-color: rgba(0, 0, 0, .1);
  opacity: .6;
}


.ms-container .ms-optgroup-label{
  margin: 0;
  padding: 5px 0px 0px 5px;
  cursor: pointer;
  color: #95a5a6;
}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
  border-bottom: 1px #E0E4E8 solid;
  padding: 5px 10px;
  color: #394264;
  font-size: 13px;

  -webkit-transition: all .1s ease;
  -moz-transition: all .1s ease;
  -ms-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
  cursor: pointer;
  color: #13A89E;
  text-decoration: none;
  background-color: #ecf0f1;
}
.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled{
  background-color: #ecf0f1;
  color: #95a5a6;
  cursor: text;
}







/* SELECTBOXIT */
/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */

/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/

/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: block;
  vertical-align: top;
}
/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  font: 13px 'open sans', Helvetica, Arial;
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
}
/* Button */
.selectboxit-container .selectboxit {
  width: 100% !important; /* Width of the dropdown button */
  cursor: pointer;
  margin: 0;
  height: 34px;
  padding: 6px 12px;
  border-radius: 3px;
  overflow: hidden;
  display: block;
  position: relative;
}
.selectboxit.selectboxit-open:not(.selectboxit-above) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 0 !important;
}
.selectboxit.selectboxit-open.selectboxit-above {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top: 0 !important;
}
/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  /* height: 30px; Height of the drop down
  line-height: 30px; Vertically positions the drop down text */
  display: block; 
}
/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  outline: 0;
}
/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}
/* Button Text */
.selectboxit-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100% !important;
}
.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}
/* Options List */
.selectboxit-container .selectboxit-options{
  width: 100% !important;  /* Minimum Width of the dropdown list box options */
  max-height: 300px !important;
  margin: 0;
  padding: 4px;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9998;
  text-align: left;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.selectboxit-container .selectboxit-options:not(.selectboxit-above) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.selectboxit-container .selectboxit-options.selectboxit-above{
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
/* Individual options */
 .selectboxit-option .selectboxit-option-anchor{
  padding: 3px 10px;
}
/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}
/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
  position: relative;
  text-indent: 5px; /* Horizontal Positioning of the select box option text */
  margin: 0;
  list-style-type: none;
}
/* The first Drop Down option */
.selectboxit-option-first {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
/* The last Drop Down option */
.selectboxit-option-last {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: bold;
}
/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}
/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  width: 34px;
  height: 34px;
  position: absolute;
  top: 0px;
  right: 0;
  border-left: 1px solid #E0E4E8;
}
/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */
  margin: 0 auto;
  position: absolute;
  top: 8px;
  right: 10px;
  left: 0;
}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.fa,
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.glyphicon{
  display: inline-block;
  font-family: 'FontAwesome';
  left: 11px;
  top: 9px;
  color: #95a5a6 !important;
}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.glyphicon{
  font-family: 'Glyphicons Halflings';
  font-size: 12px;
}
/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}
.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 42px;
  width: 20px;
  text-align: center;
}
.selectboxit-option-icon.fa{
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 16px;
  background-image: none !important;
}
.selectboxit-option-icon.glyphicon{
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
  background-image: none !important;
  margin-top: 2px;
}
.selectboxit-option-icon.selectboxit-default-icon.glyphicon{
  margin-top: 6px;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  position: absolute;
  top: 0;
  right: 42px;
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}
.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
    background-color: inherit;
}
/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
  background-color: #ffffff;
  border: 1px solid #E0E4E8;
}
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
  color: #394264;
  border-color: #13A89E;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
}
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
  text-decoration: none;
}
.selectboxit-default-arrow{
  width: 0;
}
.selectboxit-default-arrow:before{
  display: inline-block;
  font-family: 'FontAwesome';
  content: "\f107";
  color: #95a5a6;
  font-weight: bold;

  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.selectboxit-btn.selectboxit-focus.selectboxit-open .selectboxit-default-arrow:before{
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.selectboxit-list {
  background-color: #ffffff;
  border: 1px solid #13A89E;

  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.selectboxit-list .selectboxit-option-anchor {
  font-size: 13px;
    color: #394264;
}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  color: #ffffff;
  background-color: #13A89E;
}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
    color: #95a5a6;
}




/* DATE RANGE PICKER */
/*!
 * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
 *
 * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Built for http://www.improvely.com
 */
 .daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3000;
}
.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
  float: left;
  margin: 4px;
}
.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
  float: right;
  margin: 4px;
}
.daterangepicker .ranges {
  width: 160px;
  text-align: left;
}
.daterangepicker .ranges .range_inputs>div {
  float: left;
}
.daterangepicker .ranges .range_inputs>div:nth-child(2) {
  padding-left: 11px;
}
.daterangepicker .calendar {
  display: none;
  max-width: 270px;
}
.daterangepicker .calendar.single .calendar-date {
  border: none;
}
.daterangepicker .calendar th, .daterangepicker .calendar td {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
  font-size: 13px;
  color: #394264;
}
.daterangepicker .ranges label {
  color: #394264;
  display: block;
  font-size: 11px;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  margin-bottom: 2px;
  text-shadow: #ffffff 1px 1px 0px;
  text-transform: uppercase;
  width: 74px;
}
.daterangepicker .ranges input {
  font-size: 11px;
}
.daterangepicker .ranges .input-mini {
  background-color: #ecf0f1;
  border: 1px solid #E0E4E8;
  border-radius: 4px;
  color: #95a5a6;
  display: block;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin: 0 0 10px 0;
  padding: 0 6px;
  width: 74px;
}
.daterangepicker .ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.daterangepicker .ranges li {
  font-size: 13px;
  background: #ecf0f1;
  border: 1px solid #ecf0f1;
  color: #13A89E;
  padding: 3px 12px;
  margin-bottom: 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #13A89E;
  border: 1px solid #13A89E;
  color: #ecf0f1;
}
.daterangepicker .calendar-date {
  border: 1px solid #E0E4E8;
  padding: 4px;
  border-radius: 3px;
  background: #ffffff;
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 8px auto 0 auto;
  line-height: 30px;
}
.daterangepicker {
  position: absolute;
  background: #ffffff;
  top: 100px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.daterangepicker.opensleft:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #E0E4E8;
  border-left: 7px solid transparent;
  content: '';
}
.daterangepicker.opensleft:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #E0E4E8;
  border-left: 7px solid transparent;
  content: '';
}
.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.daterangepicker table {
  width: 100%;
  margin: 0;
}
.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  white-space: nowrap;
}
.daterangepicker td.off {
  color: #95a5a6;
}
.daterangepicker td.disabled {
  color: #95a5a6;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background: #ecf0f1;
}
.daterangepicker td.in-range,
.daterangepicker td.in-range:hover {
  background: #F4F8FA;
  color: #3c763d;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #13A89E;
  border-color: #13A89E;
  color: #ffffff;
}
.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #95a5a6;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  width: 40%;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}
.daterangepicker_start_input {
  float: left;
}
.daterangepicker_end_input {
  float: left; 
  padding-left: 11px
}
.daterangepicker th.month {
  width: auto;
}





/* DATE PICKER */
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 3px;
  border-radius: 3px;
  direction: ltr;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
}
.datepicker-inline {
  border: 1px solid #E0E4E8;
    width: 220px;
    border-radius: 4px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #E0E4E8;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #E0E4E8;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #ecf0f1;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #95a5a6;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #95a5a6;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #ecf0f1;
  background-color: #13A89E;
  border-color: #13A89E;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #ecf0f1;
  background-color: #13A89E;
  border-color: #13A89E;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover:hover {
  color: #394264;
}
.datepicker table tr td.today.active:hover {
  color: #ecf0f1;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #F4F8FA;
  color: #3c763d;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #ecf0f1;
  background-color: #13A89E;
  border-color: #13A89E;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #ecf0f1;
  background-color: #13A89E;
  border-color: #13A89E;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #13A89E;
  border-color: #13A89E;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #858585;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background-color: #999999;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ecf0f1;
  background-color: #13A89E;
  border-color: #13A89E;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ecf0f1;
  background-color: #13A89E;
  border-color: #13A89E;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #13A89E;
  border-color: #13A89E;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #ecf0f1;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #95a5a6;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ecf0f1;
  background-color: #13A89E;
  border-color: #13A89E;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ecf0f1;
  background-color: #13A89E;
  border-color: #13A89E;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #13A89E;
  border-color: #13A89E;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #95a5a6;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #ecf0f1;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-group.date .input-group-addon i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #ecf0f1;
  border: solid #E0E4E8;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #E0E4E8;
  border-radius: 3px;

  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);

  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #394264;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.428571429;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
  padding: 4px 5px;
}






/* TIME PICKER */
/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
  position: relative;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}
.bootstrap-timepicker .add-on {
  cursor: pointer;
}
.bootstrap-timepicker .add-on i {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.bootstrap-timepicker-widget.dropdown-menu {
  padding: 4px;
}
.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid #E0E4E8;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-left:after {
  left: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:before {
  right: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:after {
  right: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:before {
  top: -7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:after {
  top: -6px;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #E0E4E8;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
  border-radius: 3px;
}
.bootstrap-timepicker-widget input {
  border: none;
  background-color: transparent;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bootstrap-timepicker-widget input:focus {
  background-color: #ecf0f1;
}

.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px;
  font-size: 13px;
}
.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
}
.bootstrap-timepicker-widget table td span {
  width: 100%;
}
.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #394264;
}
.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #ecf0f1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-color: #E0E4E8;
}
.bootstrap-timepicker-widget table td a i {
  margin-top: 2px;
  font-size: 14px;
}
.bootstrap-timepicker-widget table td input {
  width: 25px;
  margin: 0;
  text-align: center;
}
.bootstrap-timepicker-widget .modal-content {
  padding: 4px;
}
@media (min-width: 767px) {
  .bootstrap-timepicker-widget.modal {
    width: 200px;
    margin-left: -100px;
  }
}
@media (max-width: 767px) {
  .bootstrap-timepicker {
    width: 100%;
  }
  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}





/* COLOR PICKER */
.minicolors {
  position: relative;
}
.minicolors-swatch {
  position: absolute;
  vertical-align: middle;
  background: url('../images/jquery.minicolors.png') -80px 0;
  border: solid 1px #E0E4E8;
  cursor: text;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.minicolors-swatch-color {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.minicolors input[type=hidden] + .minicolors-swatch {
  width: 28px;
  position: static;
  cursor: pointer;
}
/* Panel */
.minicolors-panel {
  position: absolute;
  width: 173px;
  height: 152px;
  background: white;
  border: solid 1px #E0E4E8;
  z-index: 9998;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: none;
}
.minicolors-panel.minicolors-visible {
  display: block;
}
/* Panel positioning */
.minicolors-position-top .minicolors-panel {
  top: -154px;
}
.minicolors-position-right .minicolors-panel {
  right: 0;
}
.minicolors-position-bottom .minicolors-panel {
  top: auto;
}
.minicolors-position-left .minicolors-panel {
  left: 0;
}
.minicolors-with-opacity .minicolors-panel {
  width: 194px;
}
.minicolors .minicolors-grid {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 150px;
  height: 150px;
  background: url('../images/jquery.minicolors.png') -120px 0;
  cursor: crosshair;
}
.minicolors .minicolors-grid-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: none;
}
.minicolors-slider-saturation .minicolors-grid {
  background-position: -420px 0;
}
.minicolors-slider-saturation .minicolors-grid-inner {
  background: url('../images/jquery.minicolors.png') -270px 0;
}
.minicolors-slider-brightness .minicolors-grid {
  background-position: -570px 0;
}
.minicolors-slider-brightness .minicolors-grid-inner {
  background: black;
}
.minicolors-slider-wheel .minicolors-grid {
  background-position: -720px 0;
}
.minicolors-slider,
.minicolors-opacity-slider {
  position: absolute;
  top: 1px;
  left: 152px;
  width: 20px;
  height: 150px;
  background: white url('../images/jquery.minicolors.png') 0 0;
  cursor: row-resize;
}
.minicolors-slider-saturation .minicolors-slider {
  background-position: -60px 0;
}
.minicolors-slider-brightness .minicolors-slider {
  background-position: -20px 0;
}
.minicolors-slider-wheel .minicolors-slider {
  background-position: -20px 0;
}
.minicolors-opacity-slider {
  left: 173px;
  background-position: -40px 0;
  display: none;
}
.minicolors-with-opacity .minicolors-opacity-slider {
  display: block;
}
/* Pickers */
.minicolors-grid .minicolors-picker {
  position: absolute;
  top: 70px;
  left: 70px;
  width: 12px;
  height: 12px;
  border: solid 1px black;
  border-radius: 10px;
  margin-top: -6px;
  margin-left: -6px;
  background: none;
}
.minicolors-grid .minicolors-picker > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  border: solid 2px white;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.minicolors-picker {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 2px;
  background: white;
  border: solid 1px black;
  margin-top: -2px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
/* Inline controls */
.minicolors-inline {
  display: inline-block;
}
.minicolors-inline .minicolors-input {
  display: none !important;
}
.minicolors-inline .minicolors-panel {
  position: relative;
  top: auto;
  left: auto;
  box-shadow: none;
  z-index: auto;
  display: inline-block;
}
/* Default theme */
.minicolors-theme-default .minicolors-swatch {
  top: 5px;
  left: 5px;
  width: 18px;
  height: 18px; 
}
.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
  left: auto;
  right: 5px;
}
.minicolors-theme-default.minicolors {
  width: auto;
  display: inline-block;
}
.minicolors-theme-default .minicolors-input {
  height: 20px;
  width: auto;
  display: inline-block;
  padding-left: 26px;
  border: none;
}
.minicolors-theme-default.minicolors-position-right .minicolors-input {
  padding-right: 26px;
  padding-left: inherit;
}
/* Bootstrap theme */
.minicolors-theme-bootstrap .minicolors-swatch {
  top: 3px;
  left: 3px;
  width: 28px;
  height: 28px;
  border-radius: 3px;
}
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch {
  left: auto;
  right: 3px;
}
.minicolors-theme-bootstrap .minicolors-input {
  padding-left: 44px;
  border: none;
}
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
  padding-right: 44px;
  padding-left: 12px;
}




/* WIZARD (JQUERY STEP) */
/* wizard */
.wizard{
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.wizard a{
    outline: 0;
}
.wizard ul,
.wizard ul > li{
    margin: 0;
    padding: 0;
    list-style: none;
}

.wizard > .steps .current-info,
.wizard > .content > .title{
    display: none;
}

.wizard > .steps {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    border: 1px solid #E0E4E8;
    height: 46px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

    *zoom: 1;
    z-index: 4;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.wizard > .steps > ul{
    position: relative;
    width: 4000px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style: none outside none;

    border-radius: 3px;
}

.wizard > .steps > ul > li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.wizard > .steps .number {
    float: left;
    display: inline-block;
    min-width: 10px;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #95a5a6;
    text-align: center;
    white-space: nowrap;
    background-color: #ecf0f1;
    border-radius: 10px;
    margin-right: 10px;
    margin-top: 15px;
}
.wizard > .steps .number:before {
    position: absolute;
    top: -1px;
    right: -14px;
    display: block;
    z-index: 2;
    border: 24px solid transparent;
    border-right: 0;
    border-left: 14px solid #ecf0f1;
    content: " ";
}
.wizard > .steps .number:after {
    position: absolute;
    top: -1px;
    right: -15px;
    display: block;
    z-index: 1;
    border: 24px solid transparent;
    border-right: 0;
    border-left: 14px solid #E0E4E8;
    content: " ";
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 20px 0 30px;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    color: #95a5a6;
    background: #ecf0f1;
    cursor: default;

    text-decoration: none;
}
.wizard > .steps a:first-child{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
    background: #ecf0f1;
    color: #95a5a6;
    cursor: default;
}
.wizard > .steps .disabled .number {
    background-color: #95a5a6;
    color: #ecf0f1;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
    background: #13A89E;
    color: #ecf0f1;
    cursor: default;
}
.wizard > .steps .current .number:before {
    border-left-color: #13A89E;
}
.wizard > .steps .current .number:after {
    border-left-color: #13A89E;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
    background: #394264;
    color: #ecf0f1;
    cursor: pointer;
}
.wizard > .steps .done .number:before {
    border-left-color: #394264;
}
.wizard > .steps .done .number:after {
    border-left-color: #232332;
}


.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active {
    background: #DA4F49;
    color: #ecf0f1;
}
.wizard > .steps .error .number:before {
    border-left-color: #DA4F49;
}
.wizard > .steps .error .number:after {
    border-left-color: #DA4F49;
}


.wizard > .content {
    position: relative;
    display: block;
    margin: 0;
    padding: 0px;
    border: 1px solid #E0E4E8;
    border-top: none;
    background-color: #ffffff;
    min-height: 100px;
    height: auto;
    
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.wizard > .content > .body {
    position: relative;     /* or absolute */
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    padding: 20px 15px 15px;
}

.wizard > .actions {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
    float: right;
    padding-right: 15px;
    padding-left: 15px;
    height: 46px;
    vertical-align: middle;
    background-color: #E0E4E8;
    border-left: 1px solid #E0E4E8;

    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.wizard > .actions > ul {
    display: inline-block;
    text-align: right;
}
.wizard > .actions > ul > li {
    float: left;
    padding: 8px 2px;
}
.wizard > .actions a{
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;

    color: #394264;
    background-color: #ffffff;
    border-color: #E0E4E8;

    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}
.wizard > .actions a:focus{
    outline: thin dotted #394264;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.wizard > .actions a:focus,
.wizard > .actions a:hover{
    color: #394264;
    text-decoration: none;
}
.wizard > .actions a:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.wizard > .actions a:focus,
.wizard > .actions a:hover,
.wizard > .actions a:active{
    color: #394264;
    background-color: #ecf0f1;
    border-color: #E0E4E8;
}
.wizard>.actions .disabled a,
.wizard>.actions .disabled a:hover,
.wizard>.actions .disabled a:active {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.65;

    background-color: #ffffff;
    border-color: #E0E4E8;

    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
          box-shadow: none;
}
.wizard > .loading,
.wizard > .loading .spinner {
}


/* vertical wizard */
.wizard.vertical > .steps {
    display: inline;
    float: left;
    width: 30%;
}
.wizard.vertical > .steps > ul > li {
    float: none;
    width: 100%;
}
.wizard.vertical > .content {
    display: inline;
    float: left;
    margin: 0 2.5% .5em 2.5%;
    width: 65%;
}
.wizard.vertical > .actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}
.wizard.vertical > .actions > ul > li {
    margin: 0 0 0 1em;
}
/* end wizard */
/* END WIZARD (JQUERY STEP) */





/* DROPZONE */
.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone {
  position: relative;
  border: 1px solid #E0E4E8;
  background: rgba(0,0,0,0.02);
  padding: 1em;
}
.panel > .dropzone{
  border: none;
}
.panel-body > .dropzone.no-padding{
  border-right: none;
  border-left: none;
}
.panel-body > .dropzone.no-padding:first-child{
  border-top: none;
}
.panel-body > .dropzone.no-padding:last-child{
  border-bottom: none;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone.dz-drag-hover {
  border-color: rgba(0,0,0,0.15);
  background: rgba(0,0,0,0.04);
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  background: rgba(255,255,255,0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}
.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  position: relative;
  background: #ebebeb;
  padding: 5px;
  margin-bottom: 22px;
}
.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}
.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
  display: none;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  color: #8cc657;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  color: #ee162d;
}
.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #d7d7d7;
  display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
}
.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245,245,245,0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
}
.dropzone {
  border: 1px solid rgba(0,0,0,0.03);
  min-height: 360px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(0,0,0,0.03);
  padding: 23px;
}
.dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-image: url("../images/spritemap.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  width: 428px;
  height: 123px;
  margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%;
}
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
  .dropzone .dz-default.dz-message {
    background-image: url("../images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-default.dz-message span {
  display: none;
}
.dropzone.dz-square .dz-default.dz-message {
  background-position: 0 -123px;
  width: 268px;
  margin-left: -134px;
  height: 174px;
  margin-top: -87px;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.15;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
}
.dropzone.dz-started .dz-message {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  font-size: 14px;
}
.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
  background: #ee1e2d;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: url("../images/spritemap.png");
  background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
  .dropzone .dz-preview .dz-error-mark,
  .dropzone-previews .dz-preview .dz-error-mark,
  .dropzone .dz-preview .dz-success-mark,
  .dropzone-previews .dz-preview .dz-success-mark {
    background-image: url("../images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark span,
.dropzone .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark span {
  display: none;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  background-position: -268px -123px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  background-position: -268px -163px;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: url("../images/spritemap.png");
  background-repeat: repeat-x;
  background-position: 0px -400px;
}
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
  .dropzone .dz-preview .dz-progress .dz-upload,
  .dropzone-previews .dz-preview .dz-progress .dz-upload {
    background-image: url("../images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: block;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
  background-image: -webkit-linear-gradient(top, #fafafa, #eee);
  background-image: -moz-linear-gradient(top, #fafafa, #eee);
  background-image: -o-linear-gradient(top, #fafafa, #eee);
  background-image: -ms-linear-gradient(top, #fafafa, #eee);
  background-image: linear-gradient(to bottom, #fafafa, #eee);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #eee;
  text-decoration: none;
  display: block;
  padding: 4px 5px;
  text-align: center;
  color: #aaa;
  margin-top: 26px;
}
.dropzone a.dz-remove:hover,
.dropzone-previews a.dz-remove:hover {
  color: #666;
}
@-moz-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-webkit-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-o-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-ms-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}





/* JASNY FILE INPUT */
/* bootstrap-jasny file input */
.btn-file {
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}
.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  font-size: 23px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  direction: ltr;
}
.fileinput {
  display: inline-block;
    margin-bottom: 9px;
}
.fileinput .uneditable-input {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: text;
}
.fileinput .thumbnail {
  display: inline-block;
  margin-bottom: 5px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  border-color: #E0E4E8;
}
.fileinput .thumbnail > img {
  max-height: 100%;
}
.fileinput .btn {
  vertical-align: middle;
}
.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
  display: none;
}
.fileinput-inline .fileinput-controls {
  display: inline;
}
.fileinput .uneditable-input {
  white-space: normal;
}
.fileinput-new .input-group .btn-file {
  border-radius: 0 3px 3px 0;
}
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-sm {
  border-radius: 0 2px 2px 0;
}
.fileinput-new .input-group .btn-file.btn-lg {
  border-radius: 0 4px 4px 0;
}
.form-group.has-warning .fileinput .uneditable-input {
  color: #FAA732;
  border-color: #FAA732;
}
.form-group.has-warning .fileinput .fileinput-preview {
  color: #FAA732;
}
.form-group.has-warning .fileinput .thumbnail {
  border-color: #FAA732;
}
.form-group.has-error .fileinput .uneditable-input {
  color: #DA4F49;
  border-color: #DA4F49;
}
.form-group.has-error .fileinput .fileinput-preview {
  color: #DA4F49;
}
.form-group.has-error .fileinput .thumbnail {
  border-color: #DA4F49;
}
.form-group.has-success .fileinput .uneditable-input {
  color: #5BB75B;
  border-color: #5BB75B;
}
.form-group.has-success .fileinput .fileinput-preview {
  color: #5BB75B;
}
.form-group.has-success .fileinput .thumbnail {
  border-color: #5BB75B;
}
/* end bootstrap-jasny file input */





/* WYSIHTML5 */
textarea.wysihtml5{
  width: 100%;
  border-radius: 3px;
  border: 1px solid #E0E4E8;
}
ul.wysihtml5-toolbar {
  margin: 0;
  padding: 0;
  display: block;
}
ul.wysihtml5-toolbar::after {
  clear: both;
  display: table;
  content: "";
}
ul.wysihtml5-toolbar > li {
  float: left;
  display: list-item;
  list-style: none;
  margin: 0 5px 10px 0;
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
  font-weight: bold;
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
  font-style: italic;
}
ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
  text-decoration: underline;
}
ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
  background-color: #ecf0f1;
    border-color: #E0E4E8;
  outline: 0;
}
ul.wysihtml5-commands-disabled .dropdown-menu {
  display: none !important;
}
ul.wysihtml5-toolbar div.wysihtml5-colors {
  display:block;
  width: 50px;
  height: 20px;
  margin-top: 2px;
  margin-left: 5px;
  position: absolute;
  pointer-events: none;
}
ul.wysihtml5-toolbar a.wysihtml5-colors-title {
  padding-left: 70px;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="black"] {
  background: black !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] {
  background: silver !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] {
  background: gray !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] {
  background: maroon !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="red"] {
  background: red !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] {
  background: purple !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="green"] {
  background: green !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] {
  background: olive !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] {
  background: navy !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] {
  background: blue !important;
}
ul.wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] {
  background: orange !important;
}

.wysihtml5-sandbox{
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.wysihtml5-focus{
  border-color: #13A89E !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
}






/* MARKDOWN */
.md-editor {
  display: block;
  border: 1px solid #E0E4E8;
  border-radius: 3px;
}
.md-editor > .md-header{
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  margin-left: 0;
}
.md-editor > .md-header,.md-editor .md-footer {
  display: block;
  padding: 6px 4px;
  background: #ffffff;
}
.md-editor > .md-preview {
  background: #ffffff;
  border-top: 1px dashed #E0E4E8;
  border-bottom: 1px dashed #E0E4E8;
  min-height: 10px;
}
.md-editor > textarea {
  font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
  font-size: 14px;
  outline: 0;
  outline: thin dotted \9;
  margin: 0;
  display: block;
  padding: 0;
  width: 100%;
  border: 0;
  border-top: 1px dashed #E0E4E8;
  border-bottom: 1px dashed #E0E4E8;
  border-radius: 0;
  box-shadow: none;
  background: #ecf0f1;
}
.md-editor > textarea:focus {
  box-shadow: none;
  background: #ffffff;

  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.md-editor.active {
  border-color: #13A89E;
  outline: 0;

  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px;
}






/* DATATABLES BOOTSTRAP3 */
.DTTT_collection_background{
  z-index: 1030;
}
.DTTT_dropdown{
  z-index: 1060;
}
  .DTTT_dropdown li{
    position: relative;
  }
.TTT_btn-group-wrapper{
  min-height: 40px;
}
  .dataTables_wrapper .DTTT.btn-group{
    margin-bottom: 10px;
  }
div.dataTables_length label {
  float: left;
  text-align: left;
}
div.dataTables_length select {
  width: 75px;
}
div.dataTables_filter label {
  float: right;
}
div.dataTables_info {
  padding-top: 26px;
}
div.dataTables_paginate {
  float: right;
  margin: 0;
}
table.table {
  clear: both;
  margin-bottom: 6px !important;
  max-width: none !important;
}
table.table thead th,
table.table thead td{
  position: relative;
}
table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc,
table.table thead .sorting_asc_disabled,
table.table thead .sorting_desc_disabled {
  position: relative;
  cursor: pointer;
  *cursor: hand;
}
table.table thead .sorting:before,
table.table thead .sorting_asc:before,
table.table thead .sorting_desc:before,
table.table thead .sorting_asc_disabled:before,
table.table thead .sorting_desc_disabled:before{
  float: right;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
}

table.table thead .sorting:before { 
  content: "\f0dc";
  color: #bdc3c7;
}
table.table thead .sorting_asc:before { 
  content: "\f0dd";
  color: #13A89E;
}
table.table thead .sorting_desc:before { 
  content: "\f0de";
  color: #13A89E;
}

table.table thead .sorting_asc_disabled:before { 
  content: "\f0dd";
  color: #95a5a6;
}
table.table thead .sorting_desc_disabled:before { 
  content: "\f0de";
  color: #95a5a6;
}

table.dataTable th:active {
  outline: none;
}

/* Scrolling */
div.dataTables_scrollHead table {
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
div.dataTables_scrollHead table thead tr:last-child th:first-child,
div.dataTables_scrollHead table thead tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.dataTables_scrollBody table {
  border-top: none;
  margin-bottom: 0 !important;
}
div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
  border-top: none;
}
div.dataTables_scrollFoot table {
  border-top: none;
}

/*
 * TableTools styles
 */
.panel > .dataTables_wrapper{
  padding-top: 15px;
}
  .panel > .dataTables_wrapper > .row{
    padding-right: 15px;
    padding-left: 15px;
  }
.table tbody tr.active td,
.table tbody tr.active th {
  background-color: #ecf0f1;
  color: white;
}
.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
  background-color: #E0E4E8 !important;
}
.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th {
  background-color: #ecf0f1;
}
table.DTTT_selectable tbody tr {
  cursor: pointer;
  *cursor: hand;
}
div.DTTT .btn {
  color: #394264 !important;
  font-size: 12px;
}
div.DTTT .btn:hover {
  text-decoration: none !important;
}

ul.DTTT_dropdown.dropdown-menu a {
  color: #394264 !important; /* needed only when demo_page.css is included */
}
ul.DTTT_dropdown.dropdown-menu li:hover a {
  background-color: #13A89E;
    color: #ecf0f1 !important;
}
div.dataTables_paginate li:not(.disabled) .paginate_button{
  cursor: default !important;
}

/* TableTools information display */
body.DTTT_Print .content{
  margin-left: 0;
}
div.DTTT_print_info {
  position: fixed;
  padding: 20px;
  top: 0;
  left: 50%;
  height: 150px;
  text-align: center;
  z-index: 1050;
  background-color: #13A89E;
  color: #ecf0f1;

  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
div.DTTT_print_info h6 {
  font-weight: normal;
  font-size: 28px;
  line-height: 28px;
  margin: 1em;
}
div.DTTT_print_info p {
  font-size: 14px;
  line-height: 20px;
}

/*
 * Processing indicator
 */
.dataTables_processing {
  position: absolute;
  top: 0;
  left: 50%;
  width: 250px;
  padding: 15px;
  border: 1px solid #E0E4E8;
  text-align: center;
  color: #95a5a6;
  font-size: 13px;
  font-weight: bold;
  background-color: #ecf0f1;
  z-index: 1050;
}

/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
table.DTFC_Cloned tr.even {
  background-color: white;
}
div.DTFC_LeftHeadWrapper table {
  margin-bottom: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
div.DTFC_LeftBodyWrapper table {
  border-top: none;
  margin-bottom: 0 !important;
}
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
  border-top: none;
}
div.DTFC_LeftFootWrapper table {
  border-top: none;
}





/*************
  TABLESORTER
 *************/
/* TableSorter Bootstrap Theme */
.tablesorter-bootstrap {
  width: 100%;
}
.tablesorter-bootstrap .tablesorter-header,
.tablesorter-bootstrap tfoot th,
.tablesorter-bootstrap tfoot td {
  padding: 4px;
  margin: 0 0 18px;
  background-color: #ffffff;
}

.tablesorter-bootstrap .tablesorter-header {
  cursor: pointer;
}

.tablesorter-bootstrap .tablesorter-header-inner {
  position: relative;
  padding: 4px 18px 4px 4px;
}

/* bootstrap uses <i> for icons */
.tablesorter-bootstrap .tablesorter-header i {
  font-size: 11px;
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -7px; /* half the icon height; older IE doesn't like this */
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  line-height: 14px;
  display: inline-block;
}
.tablesorter-bootstrap .bootstrap-icon-unsorted {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWVJREFUeNqUUL9Lw2AUTGP8mqGlpBQkNeCSRcckEBcHq1jImMElToKuDvpHFMGhU0BQcHBwLji6CE1B4uB/INQsDi4d2jQ/fPeZxo764OV6915f7lLJ81xot9tCURXqdVEUr7IsO6ffH9Q5BlEUCaLwWxWqTcbYnaIoh0Dw4gAvcWlxq1qt9hqNxg6hUGAP+uIPUrGs0qXLer2+v/pTX6QpxLtkc2U2m53ACb8sSdIDXerSEms2m6+DweAICA4d89KGbduf9MpEVdXQ9/2LVqv1CASHjjn3iq/x1xKFfxQPqGnada1W86bT6SiO42OS3qk3KPStLMvbk8nkfjwen/LLuq6blFymMB0KdUPSGhAcOualjX6/f0bCiC7NaWGPQr0BwaFjzn0gYJqmLAiCA8/zni3LmhuGkQPBoWPOPwQeaPIqD4fDruu6L6Zp5kBw6IudchmdJAkLw3DXcZwnIPjy/FuAAQCiqqWWCAFKcwAAAABJRU5ErkJggg==);
}

/* since bootstrap (table-striped) uses nth-child(), we just use this to add a zebra stripe color */
.tablesorter-bootstrap tr.odd td {
  background-color: #ecf0f1;
}
.tablesorter-bootstrap tbody > .odd:hover > td,
.tablesorter-bootstrap tbody > .even:hover > td {
  background-color: #ffffff;
}
.tablesorter-bootstrap tr.even td {
  background-color: #ffffff;
}

/* processing icon */
.tablesorter-bootstrap .tablesorter-processing {
  background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=');
  background-position: center center !important;
  background-repeat: no-repeat !important;
  position: absolute;
  z-index: 1000;
}

/* caption */
.caption {
  background: #ffffff;
}

/* filter widget */
.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter {
  width: 98%;
  height: auto;
  margin: 0 auto;
  border: 1px solid #E0E4E8;
  padding: 4px 6px;
  color: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.1s ease;
  -moz-transition: height 0.1s ease;
  -o-transition: height 0.1s ease;
  transition: height 0.1s ease;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter:focus {
  border-color: #13A89E;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(19, 168, 158, 0.25);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(19, 168, 158, 0.25);
}
.tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter.disabled {
  background: #bdc3c7;
  cursor: not-allowed;
}
.tablesorter-bootstrap .tablesorter-filter-row td {
  background: #ecf0f1;
  line-height: normal;
  text-align: center;
  padding: 4px 6px;
  vertical-align: middle;
  -webkit-transition: line-height 0.1s ease;
  -moz-transition: line-height 0.1s ease;
  -o-transition: line-height 0.1s ease;
  transition: line-height 0.1s ease;
}
/* hidden filter row */
.tablesorter-bootstrap .tablesorter-filter-row.hideme td {
  padding: 2px; /* change this to modify the thickness of the closed border row */
  margin: 0;
  line-height: 0;
}
.tablesorter-bootstrap .tablesorter-filter-row.hideme .tablesorter-filter {
  height: 1px;
  min-height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  /* don't use visibility: hidden because it disables tabbing */
  opacity: 0;
  filter: alpha(opacity=0);
}

/* pager plugin */
.tablesorter-bootstrap .tablesorter-pager select {
  /*padding: 4px 6px;*/
  padding-right: 6px;
  padding-left: 6px;
  border-color: #E0E4E8;
}
.tablesorter-bootstrap .tablesorter-pager .pagedisplay {
  border: 0;
}
/* tfoot i for pager controls */
.tablesorter-bootstrap tfoot i {
  font-size: 11px;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
  cursor: pointer;
  background-color: #e6bf99;
}
/* pager wrapper, div */
.tablesorter-pager {
  padding: 5px;
}
/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
  background-color: #e6eeee;
  margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}
/* pager navigation arrows */
.tablesorter-pager img {
  vertical-align: middle;
  margin-right: 2px;
  cursor: pointer;
}

/* pager output text */
.tablesorter-pager .pagedisplay {
  padding: 0 5px 0 5px;
  width: auto;
  white-space: nowrap;
  text-align: center;
}

/* pager element reset (needed for bootstrap) */
.tablesorter-pager select {
  margin: 0;
  padding: 0;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.tablesorter-pager.disabled {
  display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
  /* visibility: hidden */
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}





/* MORRIS.JS CHART */
.graph {
  min-height: 220px;
}

.morris-hover {
  position: absolute;
  z-index: 1030;
}
.morris-hover.morris-default-style {
  border-radius: 10px;
  padding: 6px;
  color: #394264;
  background: rgba(255, 255, 255, 0.8);
  border: solid 2px rgba(230, 230, 230, 0.8);
  font-family: sans-serif;
  font-size: 12px;
  text-align: center;
}
.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}




/* FLOT CHART TOOLTIP */
.flot-tooltip{
  position: absolute;
  display: none;
  padding: 3px 8px;
  font-size: 12px;
  color: #ecf0f1;
  background-color: #394264;
  border: 1px solid #394264;
  filter: alpha(opacity=90);
  opacity: .9;
  border-radius: 4px;
}
.legendColorBox{
  margin-bottom: 3px;
}
.legendLabel{
  padding-left: 3px;
  padding-right: 8px;
}





/**
 * EASY PIE CHART
 */
.easy-pie-chart {
    display: inline-block;
    padding: 0 10px;
}
.easyPieChart {
    position: relative;
    text-align: center;
}
.easyPieChart > span{
  position: absolute;
  display: inline-block;
  margin: 0;
  padding: 0;
  top: 50%;
  left: 50%;
  font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1.2em;

  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.easyPieChart-label {
  font-family: 'Open Sans', sans-serif;
  height: 100%;
  vertical-align: middle;
  color: inherit;
    text-align: center;
    font-weight: 300;
    font-size: 1.2em;
}

/* SPARKLINE TOOLTIP */
.jqstooltip{ 
  box-sizing: content-box;
  background-color: #394264 !important;
  border-radius: 4px !important;
  padding: 3px 8px;
  font-size: 12px;
  color: #ecf0f1;
  border: 1px solid #394264;
  filter: alpha(opacity=90);
  opacity: .9;
  border-radius: 4px;
}






/*!
 * jQVMap Version 1.0 
 *
 * http://jqvmap.com
 *
 * Copyright 2012, Peter Schmalfeldt <manifestinteractive@gmail.com>
 * Licensed under the MIT license.
 *
 * Fork Me @ https://github.com/manifestinteractive/jqvmap
 */
.vmap{
  height: 400px;
  width: 100%;
}
.jqvmap-label{
  position: absolute;
  display: none;
  background-color: #394264 !important;
  border-radius: 4px !important;
  padding: 3px 8px;
  font-size: 12px;
  color: #ecf0f1;
  border: 1px solid #394264;
  filter: alpha(opacity=90);
  opacity: .9;
  border-radius: 4px;
}
.jqvmap-zoomin, .jqvmap-zoomout{
  position: absolute;
  left: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #394264;
  padding: 1px 4px 3px;
  line-height: 13px;
  color: #ecf0f1;
  height: 15px;
  cursor: pointer;
  text-align: center;
}
.jqvmap-zoomin{
  top: 10px;
}
.jqvmap-zoomout{
  top: 30px;
}
.jqvmap-region{
  cursor: pointer;
}
.jqvmap-ajax_response{
  width: 100%;
  height: 500px;
}
.map-legend{
  position: absolute;
  top: 60px;
  right: 15px;
  width: 200px;
  height: auto;
  max-height: 80%;
}
@media (max-width: 991px) {
  .map-legend {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    max-height: auto;
  }
}







/*!
 * FullCalendar v1.6.4 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
  }
  
.fc table {
  border-collapse: collapse;
  border-spacing: 0;
  }
  
html .fc,
.fc table {
  font-size: 1em;
  }
  
.fc td,
.fc th {
  padding: 0;
  vertical-align: top;
  }

/* Header
------------------------------------------------------------------------*/
.fc-header td {
  white-space: nowrap;
  }

.fc-header-left {
  width: 25%;
  text-align: left;
  }
  
.fc-header-center {
  text-align: center;
  }
  
.fc-header-right {
  width: 25%;
  text-align: right;
  }
  
.fc-header-title {
  display: inline-block;
  vertical-align: top;
  }
  
.fc-header-title h2 {
  margin-top: 0;
  white-space: nowrap;
  }
  
.fc .fc-header-space {
  padding-left: 10px;
  }
  
.fc-header .fc-button {
  margin-bottom: 1em;
  vertical-align: top;
  }
  
/* buttons edges butting together */
.fc-header .fc-button {
  margin-right: -1px;
  }
  
.fc-header .fc-corner-right,  /* non-theme */
.fc-header .ui-corner-right { /* theme */
  margin-right: 0; /* back to normal */
  }
  
/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
  z-index: 2;
  }
  
.fc-header .fc-state-down {
  z-index: 3;
  }

.fc-header .fc-state-active,
.fc-header .ui-state-active {
  z-index: 4;
  }
  
/* Content
------------------------------------------------------------------------*/
.fc-content {
  clear: both;
  zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
  }
  
.fc-view {
  width: 100%;
  overflow: hidden;
  }  

/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
  border: 1px solid #E0E4E8;
  }
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
  background-color: #dff0d8;
  }
.calendar-inverse .fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
  background-color: rgba(105, 122, 185, .1);
  }
  
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
  background-color: rgba(250, 167, 50, .1);
  }
.calendar-inverse .fc-cell-overlay { /* semi-transparent rectangle while dragging */
  background-color: rgba(105, 122, 185, .2);
  }

/* Buttons
------------------------------------------------------------------------*/
.fc-button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.428571429;
  height: 32px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  text-transform: capitalize;
  }
  
.fc-state-default { /* non-theme */
  border: 1px solid;
  }

.fc-state-default.fc-corner-left { /* non-theme */
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  }

.fc-state-default.fc-corner-right { /* non-theme */
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  }

/*
  Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
  and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {
  position: relative;
  top: -5px;
  margin: 0 .1em;
  padding: 0;
  font-weight: normal;
  line-height: 1;
  font-size: 25px;
  font-family: "Courier New", Courier, monospace;
  vertical-align: baseline; /* for IE7 */
  vertical-align: middle;
  }
.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */
  font-weight: bold;
  }
  
/* icon (for jquery ui) */
.fc-button .fc-icon-wrap {
  position: relative;
  float: left;
  top: 50%;
  }
  
.fc-button .ui-icon {
  position: relative;
  float: left;
  margin-top: -50%;
  *margin-top: 0;
  *top: -50%;
  }
  
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  color: #394264;
  border-color: #E0E4E8;
  }

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  background-color: #ecf0f1;
  border-color: #ecf0f1;
  }

/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container > * {
  z-index: 8;
  }

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
  z-index: 9;
  }
   
.fc-event {
  border: 1px solid #13A89E; /* default BORDER color */
  background-color: #13A89E; /* default BACKGROUND color */
  color: #ecf0f1;               /* default TEXT color */
  font-size: .85em;
  cursor: default;
  }
.calendar-inverse .fc-event {
  border: 1px solid #394264; /* inverse BORDER color */
  background-color: #394264; /* inverse BACKGROUND color */
}

a.fc-event {
  text-decoration: none;
  }
  
a.fc-event,
.fc-event-draggable {
  cursor: pointer;
  }
a.fc-event:hover {
  color: rgba(255, 255, 255, .8);
  }
  
.fc-rtl .fc-event {
  text-align: right;
  }

.fc-event-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  }
  
.fc-event-time,
.fc-event-title {
  padding: 0 1px;
  }
  
.fc .ui-resizable-handle {
  display: block;
  position: absolute;
  z-index: 1060;
  overflow: hidden; /* hacky spaces (IE6/7) */
  font-size: 300%;  /* */
  line-height: 50%; /* */
  }

/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
  border-width: 1px 0;
  margin-bottom: 1px;
  }

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
  border-left-width: 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  }

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-right-width: 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  }
  
/* resizable */
.fc-event-hori .ui-resizable-e {
  top: 0           !important; /* importants override pre jquery ui 1.7 styles */
  right: -3px      !important;
  width: 7px       !important;
  height: 100%     !important;
  cursor: e-resize;
  }
  
.fc-event-hori .ui-resizable-w {
  top: 0           !important;
  left: -3px       !important;
  width: 7px       !important;
  height: 100%     !important;
  cursor: w-resize;
  }
  
.fc-event-hori .ui-resizable-handle {
  _padding-bottom: 14px; /* IE6 had 0 height */
  }
  
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
  border-collapse: separate;
  }
  
.fc-border-separate th,
.fc-border-separate td {
  border-width: 1px 0 0 1px;
  }
  
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
  border-right-width: 1px;
  }
  
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
  border-bottom-width: 1px;
  }
  
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
  border-top-width: 0;
  }

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
  text-align: center;
  }

.fc .fc-week-number {
  width: 22px;
  text-align: center;
  }

.fc .fc-week-number div {
  padding: 0 2px;
  }
  
.fc-grid .fc-day-number {
  float: right;
  padding: 0 2px;
  }
  
.fc-grid .fc-other-month .fc-day-number {
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
  }
  
.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 1px; /* distance between events and day edges */
  }
  
/* event styles */
.fc-grid .fc-event-time {
  font-weight: bold;
  }
  
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
  float: left;
  }
  
.fc-rtl .fc-grid .fc-event-time {
  float: right;
  }

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
  border-collapse: separate;
  }
  
.fc-agenda-days th {
  text-align: center;
  }
  
.fc-agenda .fc-agenda-axis {
  width: 50px;
  padding: 0 4px;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
  font-weight: normal;
  }

.fc-agenda .fc-week-number {
  font-weight: bold;
  }
  
.fc-agenda .fc-day-content {
  padding: 2px 2px 1px;
  }
  
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
  border-right-width: 1px;
  }
  
.fc-agenda-days .fc-col0 {
  border-left-width: 0;
  }
  
/* all-day area */
.fc-agenda-allday th {
  border-width: 0 1px;
  }
  
.fc-agenda-allday .fc-day-content {
  min-height: 34px; /* TODO: doesnt work well in quirksmode */
  _height: 34px;
  }
  
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
  height: 2px;
  overflow: hidden;
  }
  
.fc-widget-header .fc-agenda-divider-inner {
  background: #ecf0f1;
  }
  
/* slot rows */
.fc-agenda-slots th {
  border-width: 1px 1px 0;
  }
  
.fc-agenda-slots td {
  border-width: 1px 0 0;
  background: none;
  }
  
.fc-agenda-slots td div {
  height: 20px;
  }
  
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
  border-top-width: 0;
  }

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
  border-top-style: dotted;
  }
  
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
  *border-top-style: solid; /* doesn't work with background in IE6/7 */
  }

/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
  border-width: 0 1px;
  }

.fc-event-vert.fc-event-start {
  border-top-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  }

.fc-event-vert.fc-event-end {
  border-bottom-width: 1px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  }
  
.fc-event-vert .fc-event-time {
  white-space: nowrap;
  font-size: 10px;
  }

.fc-event-vert .fc-event-inner {
  position: relative;
  z-index: 2;
  }
  
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: .25;
  filter: alpha(opacity=25);
  }
  
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
  display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
  }
  
/* resizable */
.fc-event-vert .ui-resizable-s {
  bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
  width: 100%      !important;
  height: 8px      !important;
  overflow: hidden !important;
  line-height: 8px !important;
  font-size: 11px  !important;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
  }
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
  _overflow: hidden;
  }
  
  
@media print{
  /*!
   * FullCalendar v1.6.4 Print Stylesheet
   * Docs & License: http://arshaw.com/fullcalendar/
   * (c) 2013 Adam Shaw
   */

  /*
   * Include this stylesheet on your page to get a more printer-friendly calendar.
   * When including this stylesheet, use the media='print' attribute of the <link> tag.
   * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
   */
   
   
   /* Events
  -----------------------------------------------------*/
   
  .fc-event {
    background: #ffffff !important;
    color: #394264 !important;
    }
    
  /* for vertical events */
    
  .fc-event-bg {
    display: none !important;
    }
    
  .fc-event .ui-resizable-handle {
    display: none !important;
    }
}
/** FONT USAGE **/
@import url(https://fonts.googleapis.com/css?family=Aclonica);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,700,600,800);




/** RESETER **/
body{
    background: #ecf0f1;
    font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}
::selection{ background-color: #13A89E; color: #ecf0f1; }
::moz-selection{ background-color: #13A89E; color: #ecf0f1; }
::webkit-selection{ background-color: #13A89E; color: #ecf0f1; }
a {
  color: #13A89E;
}
a:hover,
a:focus {
  color: #0E7D76;
}
/* use to to support when showing side-right */ 
.translate-left{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

    margin-right: 300px;
}
.header .animated,
.sidebar .animated{
    -webkit-animation-duration: .75s !important;
    -moz-animation-duration: .75s !important;
    -o-animation-duration: .75s !important;
    animation-duration: .75s !important;
}

/* HEADER */
.header{
    position: relative;
    padding: 0 20px;
    display: block;
    height: 60px;
    z-index: 99;
    background: #FFF;
    color: #bdc3c7;
    border-bottom: none;
}
.header a,
.header .btn{
    outline: 0;
    text-decoration: none;
    color: inherit;
}
.header.fixed{
    position: fixed;
}
.header.fixed-side{
    position: absolute;
}

/* header menu */
.header-brand{
    float: left;
    display: block;
    margin-right: 20px
}
    .header-brand a{
        color: inherit;
        text-decoration: none;
    }
    .header-brand h1,
    .header-brand h2,
    .header-brand h3,
    .header-brand h4,
    .header-brand h5,
    .header-brand h6{
        margin: 0;
        padding: 0;
        line-height: 60px;
        font-size: 2.3em;
        font-family: 'Aclonica', serif;
        color: #ffffff;
    }
    .header-brand .brand-logo{
        margin: 0;
        padding: 0;
        height: 60px;
        width: auto;
        line-height: 60px;
        outline: 0;
        /*margin-left: 10px;*/
    }

.header .form-inline{
    position: relative;
    margin: 0;
    padding: 0;
    float: right;
    line-height: 56px;
}
.header .form-inline.pull-left{
    margin-left: 30px;
}
.header .form-inline + .header-menu{
    margin-right: 40px;
}
.header .form-inline.pull-left + .header-menu{
    margin-left: 30px;
}
.header .form-inline .btn-expand-search{
    position: absolute;
    top: 0;
    right: 0;
    line-height: 48px;
    z-index: 1;
}
.header .form-inline .toggle-search{
    position: absolute;
    background: #FFF;
    top: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    width: 0;
    z-index: 2;

    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -ms-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
}
.header .form-inline.pull-left .toggle-search{
    left: -30px;
    right: auto;
}
.header .form-inline .toggle-search.intype{
    visibility: visible;
    opacity: 1;
    width: 300px;
}
    .header .form-inline .form-control{
        display: inline-block;
        background-color: rgba(255, 255, 255, 0.25);
        color: #bdc3c7;
        border: none;
        padding-right: 34px;
        width: 100%;

        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .header .form-inline.pull-left .form-control{
        padding-right: 12px;
        padding-left: 34px;
    }
    .header .form-inline .btn-default{
        position: absolute;
        top: 0;
        background-color: transparent;
        background-image: none;
        border: none;
        color: #bdc3c7;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;

        text-shadow: none;
    }
    .header .form-inline .toggle-search .btn-default{
        top: 14px;
        right: 0;
    }
    .header .form-inline.pull-left .toggle-search .btn-default{
        right: auto;
        left: 0;
    }

.header-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    font-size: 14px;
}
    .header-menu > li{
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        -webkit-transform: translateZ(0);
    }
        .header-menu > li > a{
            margin: 0;
            padding: 0 20px;
            display: block;
            line-height: 60px;

            -webkit-transition: background .3s;
            -moz-transition: background .3s;
            -ms-transition: background .3s;
            -o-transition: background .3s;
            transition: background .3s;
        }
        .header-menu > li > a,
        .header-menu > li.open > a,
        .header-menu > li.active > a{
            color: #bdc3c7;
        }
        .header-menu > li.open > a,
        .header-menu > li.active > a,
        .header-menu > li > a:hover {
            background: rgba(255, 255, 255, 0.25);
            text-decoration: none;
        }
            .header-menu > li > a .badge{
                position: absolute;
                top: 15px;
                right: 6px;
                padding: 2px 5px;
                font-size: 11px;
                font-weight: normal;

                -webkit-animation-delay: 3s;
                -moz-animation-delay: 3s;
                -o-animation-delay: 3s;
                animation-delay: 3s;
            }
            .header-menu > li > a .header-menu-icon {
                padding-right: 5px;
            }
            .header-menu > li > a .header-menu-icon.icon-only {
                padding-right: 0;
            }

    .header-profile {
        float: right;
        height: 60px;
        padding: 0 0 0 15px;
    }
        .header-profile > .profile-nav {
            position: relative;
            font-size: 14px;
            display: inline-block;
            line-height: 60px;
            margin: 0;
            padding-right: 10px;
        }
            .header-profile > .profile-nav.open,
            .header-profile > .profile-nav.open > a {
                color: #13A89E;
            }
            .header-profile a {
                padding-left: 5px;
            }
                .header-profile a:hover {
                    text-decoration: none;
                }
         .profile-picture {
            border-radius: 100%;
            /*margin-top: -2px;*/
            margin-right:10px;
            overflow: hidden;
            border: 2px solid rgba(255, 255, 255, .5);
            width: 42px;
            height: 42px;
            display: inline-block;
            vertical-align: middle;
        }
            .profile-picture img{
                width: 42px;
                height: auto;
            }

.navbar-margin-form-fix {
    margin-top:20px;
}
.navbar-margin-profile-fix {
    margin-top: 6px;
}
/* end header-menu */
/* end header */




/* START SECTION */
.section{
    position: relative;
    display: block;
    height: 100%;
    background-color: #ffffff;
    overflow-x: hidden;
}

/** SIDEBAR LEFT **/
.side-left{
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    width: 92px;
    background: #FFF;
    z-index: 98;
}
.side-left.fixed{
    position: fixed;
}
.side-left a{
    color: inherit;
    text-decoration: none;
}

/** THE SIDEBAR **/
.sidebar{
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
    .sidebar > li{
        position: relative;
        margin: 0px;
        list-style: none;
        display: block;
        font-size: 11px;
        text-align: center;
        border-top: none;
        border-bottom: none;
        vertical-align: middle;
    }
    .sidebar > li.active:after, 
    .sidebar > li.active:before{
        right: -1px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .sidebar > li.active:after{
        border-color: rgba(204, 204, 204, 0);
        border-right-color: #FFFFFF;
        border-width: 10px;
        top: 50%;
        margin-top: -10px;
    }
    .sidebar > li:first-child.active:after{
        border-right-color: #EDEDED;
    }
    .sidebar > li.active:before{
        border-color: rgba(204, 204, 204, 0);
        border-right-color: #E0E4E8;
        border-width: 11px;
        top: 50%;
        margin-top: -11px;
    }
        .sidebar > li > a {
            display: block;
            margin: 0;
            padding: 4px 0 4px;
            height: 100%;
            width: 100%;
            background-color: #FFF;
            color: #000F6A;
            cursor: pointer;
        }
            .sidebar > li > a:hover {
                color: #62B4FD;
            }
        .sidebar > li.active > a:hover,
        .sidebar > li.active > a{
            color: #ffffff;
            cursor: default;
        }

        .sidebar li a > .sidebar-icon{
            display: block;
            font-size: 24px;
            line-height: 1.2em;
        }
            .sidebar > li > a > .badge,
            .sidebar > li > a > .label{
                position: absolute;
                top: 5px;
                left: 60%;
                padding: 2px 5px;
                font-size: 11px;
                font-weight: normal;

                -webkit-animation-delay: 3s;
                -moz-animation-delay: 3s;
                -o-animation-delay: 3s;
                animation-delay: 3s;
            }

.sidebar-child,
.sidebar-child-inline
{
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    top: -2px;
    left: 100%;
    background-color: #ffffff;
    color: #1795E9;
    border: 1px solid #E0E4E8;
    border-left: none;
    display: none;
    white-space: nowrap; /* make box available auto width */
    z-index: 99;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
}
    .sidebar-child > li,
    .sidebar-child-inline > li {
        margin: 0;
        padding: 0;
        list-style: none;
        background-color: #ffffff;
        color: #1795E9;
        border: none;
        display: none;
        white-space: nowrap; /* make box available auto width */
        z-index: 99;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        background-clip: padding-box;
    }

.sidebar-child{
    padding: 5px 0;
}
    .sidebar > li:hover > .sidebar-child,
    .sidebar > li:hover > .sidebar-child-inline,
    .sidebar-child > li:hover > .sidebar-child,
    .sidebar-child-inline > li:hover > .sidebar-child-inline {
        display: block;
    }
    .sidebar-child li {
        position: relative;
        margin: 0;
        padding: 0 5px;
        display: block;
        min-width: 160px;
        list-style: none;
        text-align: left;
        font-size: 1.2em;
    }

    .sidebar-child > li > .sidebar-child > li {
        font-size: 1.0em;
    }

    .sidebar-child li.divider{
        margin: 6px 15px;
        height: 1px;
        border-top: 1px solid #E0E4E8;
    }
        .sidebar-child li a{
            border-radius: 0px;
            display: block;
            padding: 6px 10px;
            border-radius: 4px;
        }
        .sidebar-child li a:hover{
            background-color: #62B4FD;
            color: #fff;
        }
        .sidebar-child li.active a,
        .sidebar-child li.active a:hover{
            background-color: #394264;
            color: #ecf0f1;
        }

    .sidebar-child-inline li{
        position: relative;
        margin: 0;
        padding: 0;
        text-align: center;
        list-style: none;
        display: inline-block;
        margin-right: -3px;
        vertical-align: middle;
    }
    .sidebar-child-inline li.divider{
        height: 60px;
        width: 1px;
        cursor: default;
        background-color: #E0E4E8;
        -webkit-user-select: none;  /* Chrome all / Safari all */
          -moz-user-select: none;     /* Firefox all */
          -ms-user-select: none;      /* IE 10+ */

          /* No support for these yet, use at own risk */
          -o-user-select: none;
          user-select: none;
    }
    .sidebar-child-inline li:first-child{
        margin-left: -2px;
    }
    .sidebar-child-inline li:last-child{
        margin-right: 0;
    }
        .sidebar-child-inline li a{
            padding: 8px 20px;
            display: block;
        }
        .sidebar-child-inline li a:hover,
        .sidebar-child-inline li.active a,
        .sidebar-child-inline li.active a:hover{
            color: #13A89E;
        }
/** end sidebar left **/




/** SIDEBAR RIGHT **/
.side-right{
    position: fixed;
    top: 0;
    bottom: 0;
    padding-bottom: 40px;
    right: -300px;
    z-index: 999;
    background-color: #FFF;
    color: #BDC3C7;
    width: 300px;
    overflow: hidden;

    -webkit-transition: right .3s ease;
    -moz-transition: right .3s ease;
    -ms-transition: right .3s ease;
    -o-transition: right .3s ease;
    transition: right .3s ease;
}
.side-right.toggle{
    right: 0;
}
.module{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
}
/** end sidebar-right**/
/** end sidebar**/


/* CONTENT */
.content{
    position: relative;
    display: block;
    margin-left: 92px;
    background-color: #FFFFFF;
    padding-bottom: 0px;
    min-height: 100vh;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.content.content-full{
    margin-left: 0;
    border: none;
}

/* CONTENT HEADER */
.content > .content-header{
    /*height: 60px;*/
    border-bottom: 1px solid #E0E4E8;
    background-color: #ecf0f1;
    color: #394264;
    overflow: hidden;
    padding: 0 15px;
}
    .content > .content-header .content-title{
        margin: 0px;
        padding: 0;
        font-size: 1.3em;
        font-weight: 500;
        /*line-height: 60px;*/
    }
        .content-header .content-title > i{
            margin-right: 5px;
        }
        .content-header .content-title > small{
            font-size: .6em;
            font-weight: normal;
        }

        .content-header .content-header-extra{
            position: relative;
            float: right;
            line-height: 60px;
        }
            .content-header-extra .divider{
                margin: 0;
                padding: 0;
                width: 1px;
                background-color: #ffffff;
                border-right: 1px solid #E0E4E8;
                border-left: 1px solid #f8f8f8;
            }
            .content-header-extra .divider,
            .content-header-extra .item-ch-extra{
                display: inline-block;
                height: 40px;
                vertical-align: middle;
                text-decoration: none;
            }
            .content-header-extra .item-ch-extra{
                padding: 0 10px;
                cursor: default;
            }
                .item-ch-extra .data-text{
                    position: relative;
                    margin-left: 4px;
                    display: inline-block;
                    font-size: 14px;
                    font-weight: bold;
                    line-height: 14px;
                    text-align: center;
                }
                    .data-text p{
                        font-size: 11px;
                        font-weight: 300;
                    }
/* end content-header */




/* CONTENT CONTROL */
.content-control{
    position: relative;
    background-color: #ffffff;
    height: 40px;
    border-bottom: 1px solid #E0E4E8;
    padding: 0 15px;
}
    .content-control,
    .content-control > .control-nav,
    .content-control > .control-nav > li{
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    .content-control > .control-nav > li{
        position: relative;
        margin: 0;
        padding: 0 10px;
        float: left;
        line-height: 40px;
    }
    .content-control > .control-nav > li.active{
        background-color: #ffffff;
    }
        .content-control > .control-nav > li.divider{
            padding: 0;
            height: 40px;
            border-right: 1px solid #E0E4E8;
            border-left: 1px solid #ffffff;
        }
        .content-control > .control-nav > li > a{
            font-size: 11px;
            padding: 0;
            line-height: 38px;  /* 40px - 2px for border */
            color: #394264;
        }
        .content-control > .control-nav > li > a.active,
        .content-control > .control-nav > li > a:active,
        .content-control > .control-nav > li > a:focus,
        .content-control > .control-nav > li > a:hover{
            text-decoration: none
        }

    .content-control > .breadcrumb{
        background-color: #ffffff;
        display: inline-block;
        font-size: 11px;
        line-height: 39px;  /* 40px - 1px just for border-bottom */
        margin: 0;
        padding: 0 15px;
        -webkit-border-radius: 0;
         -moz-border-radius: 0;
              border-radius: 0;
    }
    .content-control > .breadcrumb a{
        color: #394264;
    }
/* end content-control */




/* CONTENT BODY */
.content > .content-body{
    position: relative;
    padding: 15px 15px 30px;
    font-size: 13px;
    background-color: #ffffff;
    color: #394264;
    min-height: 100%;
}
    .content-body > .page-header:first-child{
        margin-top: 0;
    }
    .content-body > .no-padding{
        margin-right: -15px;
        margin-left: -15px;
        border-right: none;
        border-left: none;

        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
/* end content-body */
/* end content */




/* MODULE STYLE (all components on the side right) */
/* CHAT */
/* chat contact */
.chat-contact{
    position: relative;
    display: block;
    width: 100%;
}
.chat-contact a,
.chatbox a{
    color: inherit;
    text-decoration: none;
}
    .contact-heading{
        margin: 0;
        padding: 40px 40px 30px;
        font-size: 16px;
        border-bottom: 1px solid rgba(0, 0, 0, .25);
    }
    .contact-body{
        border-top: 1px solid rgba(255, 255, 255, .1);
    }
        .contacts-list,
        .contacts-list li{
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .contacts-list{
            margin-bottom: 40px;
        }
        .contacts-list li{
            position: relative;
        }
        .contacts-list li.separate{
            margin-top: 30px;
            padding: 0 40px;
            line-height: 32px;
            font-size: 14px;
            text-transform: uppercase;
        }
            .contacts-list li a{
                margin: 0;
                display: block;
                font-size: 12px;
                font-weight: 300;
                padding: 0 40px;
                line-height: 30px;
                color: #ecf0f1;

                -webkit-transition: background-color .3s ease;
                -moz-transition: background-color .3s ease;
                -ms-transition: background-color .3s ease;
                -o-transition: background-color .3s ease;
                transition: background-color .3s ease;
            }
            .contacts-list li a:hover,
            .contacts-list li a:focus,
            .contacts-list li a:active{
                color: #ecf0f1;
                background-color: rgba(255, 255, 255, .1);
            }
                .contacts-list li a .fa,
                .contacts-list li a .icon{
                    width: 20px;
                }
                .contacts-list li.online a .fa,
                .contacts-list li.online a .icon{
                    color: #13A89E;
                }
                .contacts-list li.offline a .fa,
                .contacts-list li.offline a .icon{
                    color: #DA4F49;
                }
                .contacts-list li.idle a .fa,
                .contacts-list li.idle a .icon{
                    color: #FAA732;
                }
                .contacts-list li.disable a .fa,
                .contacts-list li.disable a .icon{
                    color: #394264;
                }
/* the chatbox */
.chatbox{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    background-color: #232332;
    color: #ecf0f1;
    z-index: 2;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.chatbox.show{
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}

    .chatbox .chatbox-heading{
        margin: 20px 0 0;
        padding: 0 40px;
        line-height: 60px;
        font-size: 16px;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }
    .chatbox .chatbox-body{
        position: absolute;
        top: 120px;
        right: 0;
        left: 0;
        height: 400px;
        overflow: auto;
        padding: 0 40px;
        border-bottom: 1px solid rgba(0, 0, 0, .25);
    }

    @media (max-height: 568px) {
        .chatbox .chatbox-body{
            height: 300px;
        }
    }
    @media (max-height: 480px) {
        .chatbox .chatbox-body{
            height: 100px;
        }
    }
        .chatbox-body .chat-separate{
            margin: 60px 0 40px;
            text-align: center;
            height: 1px;
            width: 100%;
            border-top: 1px solid rgba(255, 255, 255, .1);
            border-bottom: 1px solid rgba(0, 0, 0, .25);
        }
        .chatbox-body .chat-separate:first-child{
            margin-top: 20px;
        }
            .chat-separate .chat-time{
                position: relative;
                top: -13px;
                padding: 5px 10px;
                color: #bdc3c7;
                font-size: 10px;
                background-color: #232332;
            }
        .chatbox-body .chat-in{
            position: relative;
            border-bottom: 2px solid #13A89E;
            margin-bottom: 20px;
        }
            .chat-in .chat-user{
                color: #ecf0f1;
                font-size: 12px;
                font-weight: bold;
                margin-bottom: 10px;
            }
            .chat-in .chat-msg{
                position: relative;
                color: #bdc3c7;
                font-size: 12px;
            }
                .chat-in .chat-msg .chat-time{
                    font-weight: normal;
                    font-style: italic;
                    font-size: 11px;
                }
        .chatbox-body .chat-out{
            position: relative;
            border-bottom: 2px solid #bdc3c7;
            margin-bottom: 20px;
        }
            .chat-out .chat-user{
                color: #ecf0f1;
                text-align: right;
                font-size: 12px;
                font-weight: bold;
                margin-bottom: 10px;
            }
            .chat-out .chat-msg{
                position: relative;
                color: #bdc3c7;
                font-size: 12px;
            }
            .chat-out .chat-msg:after{
                clear: both;
                content: '';
                display: table;
            }
                .chat-out .chat-msg .chat-time{
                    float: right;
                    font-weight: normal;
                    font-style: italic;
                    font-size: 11px;
                }
    .chatbox .chatbox-footer{
        position: absolute;
        left: 0;
        right: 0;
        top: 520px;
        border-top: 1px solid rgba(255, 255, 255, .1);
    }
    @media (max-height: 568px) {
        .chatbox .chatbox-footer{
            top: 420px;
        }
    }
    @media (max-height: 480px) {
        .chatbox .chatbox-footer{
            top: 220px;
        }
    }
        .chatbox-footer .chat-form{
            position: relative;
            display: block;
            margin: 0;
            padding: 0 20px;
        }
            .chat-form .chat-status{
                margin: 5px 0;
                padding: 0;
                font-size: 11px;
                text-align: right;
                color: #bdc3c7;
            }
            .chat-form .form-group{
                position: relative;
                margin: 0;
                padding: 0;
            }
                .chat-form .form-group .btn{
                    position: absolute;
                    top: 0;
                    right: 0;
                    padding: 0 10px;
                    background-color: transparent;
                    border: none;
                    color: #bdc3c7;
                    line-height: 30px;
                    z-index: 3;
                }
            .chat-form .chat-input{
                position: relative;
                margin: 0;
                padding: 8px 30px 8px 12px;
                font-size: 12px;
                background-color: rgba(255, 255, 255, .1);
                outline: none;
                color: #ecf0f1;
                width: 100%;
                border: none;
            }
/* END CHAT */

/* End Module */




/* CROLLER TO TOP STYLE */
a[rel=to-top]{
    position: fixed;
    bottom: 0px;
    right: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #FFF;
    color: #ecf0f1;
    text-align: center;
    text-decoration: none;
    z-index: 1001;
    display: block;
    cursor: pointer;
    font-size: 14px;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a[rel="to-top"]:hover{
    background-color: #394264;
    color: #ecf0f1;
    text-decoration: none;
}
/* END CROLLER TO TOP STYLE */




/* FOOTER */
footer{
    position: relative;
    height: 40px;
    padding: 10px 20px;
    background-color: #FFF;
    color: #bdc3c7;
    z-index: 1000;
}
    footer p {
        margin: 0 0 0 80px;
        padding: 0;
    }


/* BACKGROUND CLASS */
.bg-primary{ background-color: #13A89E !important; color: #ecf0f1 !important;}
.bg-success{ background-color: #5BB75B !important; color: #ecf0f1 !important;}
.bg-warning{ background-color: #FAA732 !important; color: #ecf0f1 !important;}
.bg-danger{ background-color: #DA4F49 !important; color: #ecf0f1 !important;}
.bg-info{ background-color: #49AFCD !important; color: #ecf0f1 !important;}
.bg-inverse{ background-color: #394264 !important; color: #ecf0f1 !important;}




/* CALLOUT */
.callout {
    border-left: 3px solid #E0E4E8;
    margin: 15px 0;
    padding: 15px;
}
.callout.callout-right {
    border-left: none;
    border-right: 3px solid #E0E4E8;
}

.callout-success,
.callout-success.callout-right{
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.callout-success h4{ color: #3c763d; }

.callout-info,
.callout-info.callout-right {
    background-color: #F4F8FA;
    border-color: #BCE8F1;
}
.callout-info h4{ color: #34789A; }

.callout-warning,
.callout-warning.callout-right{
    background-color:#FAF8F0;
    border-color:#FAEBCC;
}
.callout-warning h4{ color: #8A6D3B; }

.callout-danger,
.callout-danger.callout-right{
    background-color:#FDF7F7;
    border-color:#EED3D7;
}
.callout-danger h4{ color: #B94A48; }




/* NICE CHECKBOX & RADIO BUTTON */
/* Base for label styling */
.nice-checkbox{
    position: relative;
    min-height: 27px;
    padding-top: 7px;
    color: #394264;
}
.nice-checkbox > [type="checkbox"]{
    display: none;
}
.nice-checkbox > [type="checkbox"]:not(:checked) + label,
.nice-checkbox > [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 20px;
    color: inherit;
    font-size: 13px;
    line-height: 14px;
    z-index: 1;
}
.nice-checkbox > label:before{
    position: absolute;
    z-index: 2;
    left: 0;
    font-family: 'FontAwesome';
    font-size: 17px;
    color: inherit;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.nice-checkbox:hover > label:before{
    color: inherit;
    cursor: default !important;
}
/* checkbox aspect */
.nice-checkbox > [type="checkbox"]:not(:checked) + label:before,
.nice-checkbox:hover > [type="checkbox"]:disabled:not(:checked) + label:before{
    content: '\f096';
}
.nice-checkbox:hover > [type="checkbox"]:not(:checked) + label:before{
    content: '\f147';
}
/* checked mark aspect */
.nice-checkbox > [type="checkbox"]:checked + label:before {
    content: '\f14a';
    color: inherit;
}
.nice-checkbox > .checkbox-o[type="checkbox"]:checked + label:before {
    content: '\f046';
}
/* disabled checkbox */
.nice-checkbox > [type="checkbox"]:disabled:not(:checked) + label:before,
.nice-checkbox > [type="checkbox"]:disabled:checked + label:before {
    color: #95a5a6;
}
.nice-checkbox > [type="checkbox"]:disabled + label,
.nice-checkbox > [type="checkbox"]:disabled + label > [class*="text-"] {
    color: #95a5a6 !important;
}
/* accessibility */
.nice-checkbox > [type="checkbox"]:checked:focus + label:before,
.nice-checkbox > [type="checkbox"]:not(:checked):focus + label:before {
    color: #49AFCD;
}


/* RADIO */
.nice-radio{
    position: relative;
    min-height: 27px;
    padding-top: 7px;
    color: #394264;
}
.nice-radio > [type="radio"]{
    display: none;
}
.nice-radio > [type="radio"]:not(:checked) + label,
.nice-radio > [type="radio"]:checked + label {
    position: relative;
    padding-left: 20px;
    color: inherit;
    font-size: 13px;
    line-height: 14px;
    z-index: 1;
}
.nice-radio > label:before{
    position: absolute;
    z-index: 2;
    left: 0;
    font-family: 'FontAwesome';
    font-size: 17px;
    color: inherit;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.nice-radio:hover > label:before{
    color: inherit;
    cursor: default !important;
}
/* radio aspect */
.nice-radio > [type="radio"]:not(:checked) + label:before,
.nice-radio:hover > [type="radio"]:disabled:not(:checked) + label:before{
    content: '\f10c';
}
.nice-radio:hover > [type="radio"]:not(:checked) + label:before{
    /*content: '\f147';*/
}
/* checked mark aspect */
.nice-radio > [type="radio"]:checked + label:before {
    content: '\f192';
    color: inherit;
}

/* disabled radio */
.nice-radio > [type="radio"]:disabled:not(:checked) + label:before,
.nice-radio > [type="radio"]:disabled:checked + label:before {
    color: #95a5a6;
}
.nice-radio > [type="radio"]:disabled + label,
.nice-radio > [type="radio"]:disabled + label > [class*="text-"] {
    color: #95a5a6 !important;
}
/* accessibility */
.nice-radio > [type="radio"]:checked:focus + label:before,
.nice-radio > [type="radio"]:not(:checked):focus + label:before {
    color: #49AFCD;
}





/* JUMBOTRON AND CAPTION */
.jumbotron .tile{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2;
}
    .jumbotron .tile .img-wrapper{
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .jumbotron .tile .img-wrapper > img{
        position: absolute;
        left: 50%;
        min-width: 100%;
        width: auto;
        height: auto;
        float: left;
        display: block;

        z-index: 1;

        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);

        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

.jumbotron:hover .tile .img-wrapper > img,
.tile:hover .img-wrapper >  img{
    transform: scale(1.15,1.15) translateX(-50%);
    -webkit-transform: scale(1.15,1.15) translateX(-50%);
    -moz-transform: scale(1.15,1.15) translateX(-50%);
    -ms-transform: scale(1.15,1.15) translateX(-50%);
    -o-transform: scale(1.15,1.15) translateX(-50%);
}
.jumbotron .jumbotron-text{
    position: relative;
    z-index: 3;
}




/* UTILS */
.profile-line{
    position: relative;
    margin: 24px 0 15px;
}
.panel-body > .profile-line:first-child{
    margin-top: 9px;
}
.panel-body > .profile-line:last-child{
    margin-bottom: 0;
}
.profile-line > img{
    margin-right: 10px;
    margin-top: -4px;
}
[data-toggle="sortable-widget"]{
    min-height: 120px;
}
    [data-toggle="sortable-widget"] .sortable-widget-handle{
        cursor: move !important;
    }
        .sortable-widget-handle > a,
        .sortable-widget-handle > a:hover{
            cursor: inherit;
            text-decoration: none;
        }
    [data-toggle="sortable-widget"] .sortable-placeholder{
        position: relative;
        margin-bottom: 21px;
        background-color: rgba(19, 168, 158, .25);
        border: 1px dashed #18D2C6;

        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    .panel-group .sortable-placeholder{
        margin-top: 5px;
        margin-bottom: 6px;
    }
    .panel-group .sortable-placeholder:first-child{
        margin-top: 0;
    }
[data-toggle="sortable-list"] .sortable-list-handle{
    cursor: move !important;
}
[data-toggle="sortable-list"] .sortable-placeholder{
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 40px;
    background-color: rgba(19, 168, 158, .25);
    border: 1px dashed #18D2C6;
    list-style: none;

    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.slip-reordering {
    background-color: rgba(19, 168, 158, .25);
    border: 1px dashed #18D2C6;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .45);
}
.slip-swiping-container {
    overflow-x: hidden;
}

.divider-content{
    position: relative;
    display: block;
    border-top: 1px solid #E0E4E8;
    border-bottom: 1px solid #F8F8F8;
    height: 1;
    margin: 60px 0;
}
.divider-content.divider-content-sm{
    margin: 20px 0;
}
.divider-content > span {
    position: absolute;
    padding: 0 3px;
    background-color: transparent;
    background-image: url('../images/divider.png');
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
    display: block;
    height: 9px;
    top: 50%;
    left: 50%;
    width: 36px;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



@media (max-width: 1023px) {
    .translate-left {
        margin-right: 0;
        -webkit-transform: translateX(-300px);
        -moz-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        -o-transform: translateX(-300px);
        transform: translateX(-300px);
    }
}

.navbar-collapse-menu {
    display: none;
}

@media (max-width: 1155px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent;
    }

    .navbar-header {
        float: none;
    }

    .navbar-collapse-menu {
        display: block;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse.collapse {
        padding-left: 15px;
        padding-right: 15px;
        overflow-x: auto !important;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-collapse.in {
        overflow-y: auto;
    }

    .navbar-form {
        padding: 10px 15px;
        margin-top: 8px;
        margin-right: -15px;
        margin-bottom: 8px;
        margin-left: -15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    }

        .navbar-form .input-group .form-control,
        .navbar-form .form-control {
            width: 100% !important;
        }

        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn {
            width: 1% !important;
        }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        /*margin-top: 7.5px;
        margin-left: -15px !important;
        margin-right: -15px !important;
        margin-bottom: 7.5px;*/
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu > li > a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }

            .navbar-nav .open .dropdown-menu > li > a:hover,
            .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none;
            }

    .navbar-nav > .dropdown-menu {
        background-color: transparent;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }

    /** header **/
    .header {
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }

    /** sidebar **/
    /** sidebar-left **/
    .side-left {
        position: relative;
        top: auto;
        bottom: auto;
        display: none;
        width: 100%;
        border-top: 1px solid rgba(0, 0, 0, .25);
    }
    /** end sidebar **/

    /* content */
    .content {
        margin-left: 0;
    }

        .content.content-sm {
            margin-right: 0;
        }

        .content > .content-body {
            min-height: 200px;
        }
    /* end content */

    .navbar-margin-form-fix {
        margin-top: 0;
    }

    .navbar-margin-profile-fix {
        margin-top: 0;
    }

    /* footer */
    footer p {
        margin: 0;
    }
}

@media (max-width: 480px) {
    .header form.form-inline {
        display: none;
    }

    .header-brand h1, .header-brand h2, .header-brand h3, .header-brand h4, .header-brand h5, .header-brand h6 {
        font-size: 2em;
    }

    .header-profile .profile-username {
        display: none;
    }
}

/*
 * STILEARN HELPER CLASS
 */




/** BACKGROUND COLOR HELPER **/
.bg-darknight { background-color: #232332 !important; color: #ecf0f1 !important}
.bg-midnight { background-color: #394264 !important; color: #ecf0f1 !important}
.bg-cloud { background-color: #ecf0f1 !important; color: #394264 !important}
.bg-silver { background-color: #bdc3c7 !important; color: #394264 !important}
.bg-white { background-color: #ffffff !important; color: #394264 !important}

.bg-teal { background-color: #13A89E !important; color: #ecf0f1 !important}
.bg-green{ background-color: #a3d977 !important; color: #000000 !important}
.bg-orange{ background-color: #FAA732 !important; color: #ecf0f1 !important}
.bg-red{ background-color: #b71e17 !important; color: #fff !important}
.bg-blue{ background-color: #49AFCD !important; color: #ecf0f1 !important}
.bg-yellow{ background-color: #ffdf71 !important; color: #ecf0f1 !important}
.bg-transparent { background-color: rgba(0, 0, 0, .1) !important; color: inherit !important }
.bg-none { background: none !important; }

/** BLOCK COLOR HELPER **/
.block-darknight { background-color: #232332 !important; color: #232332 !important }
.block-midnight { background-color: #394264 !important; color: #394264 !important }
.block-cloud { background-color: #ecf0f1 !important; color: #ecf0f1 !important }
.block-silver { background-color: #bdc3c7 !important; color: #bdc3c7 !important }
.block-white { background-color: #ffffff !important; color: #ffffff !important }
.block-teal { background-color: #13A89E !important; color: #13A89E !important }
.block-green { background-color: #a3d977 !important; color: #a3d977 !important }
.block-orange { background-color: #FAA732 !important; color: #FAA732 !important }
.block-red { background-color: #b71e17 !important; color: #b71e17 !important }
.block-blue { background-color: #49AFCD !important; color: #49AFCD !important }
.block-yellow { background-color: #ffdf71 !important; color: #ffdf71 !important }



/* use on svg */
svg path.stroke-2{
    stroke-width: 2px;
}
svg path.stroke-3{
    stroke-width: 3px;
}
svg path.stroke-4{
    stroke-width: 4px;
}
svg path.no-stroke{
    stroke-width: 0;
}

svg path.bg-white{
    fill: #FFFFFF;
    stroke: #FFFFFF;
}
svg path.bg-cloud{
    fill: #ecf0f1;
    stroke: #ecf0f1;
}
svg path.bg-primary{
    fill: #13A89E;
    stroke: #13A89E;
}
svg path.bg-success{
    fill: #5BB75B;
    stroke: #5BB75B;
}
svg path.bg-info{
    fill: #49AFCD;
    stroke: #49AFCD;
}
svg path.bg-warning{
    fill: #FAA732;
    stroke: #FAA732;
}
svg path.bg-danger{
    fill: #DA4F49;
    stroke: #DA4F49;
}
svg path.bg-inverse{
    fill: #394264;
    stroke: #394264;
}
svg path.bg-midnight{
    fill: #232332;
    stroke: #232332;
}







/** TEXT COLOR HELPER **/
.text-darknight { color: #232332 !important}
.text-midnight { color: #394264 !important}
.text-cloud { color: #ecf0f1 !important}
.text-silver { color: #bdc3c7 !important}
.text-white { color: #ffffff !important}

.text-teal { color: #13A89E !important}
.text-green{ color: #5BB75B !important}
.text-orange{ color: #FAA732 !important}
.text-red{ color: #DA4F49 !important}
.text-blue{ color: #49AFCD !important}




/** TEXT HELPER **/
.text-sm{ font-size : .8em !important; }
.text-lg{ font-size : 1.2em !important; }
.text-xg{ font-size : 1.6em !important; }
.text-10{ font-size : 10px !important; }
.text-11{ font-size : 11px !important; }
.text-12{ font-size : 12px !important; }
.text-13{ font-size : 13px !important; }
.text-16{ font-size : 16px !important; }
.text-24{ font-size : 24px !important; }
.text-32{ font-size : 32px !important; }
.text-48{ font-size : 48px !important; }
.text-64{ font-size : 64px !important; }
.text-uppercase{ text-transform: uppercase !important; }
.text-capital{ text-transform: capitalize !important; }
.text-normal{ font-weight: normal !important; }
.text-bold{ font-weight: bold !important; }
.text-lead{ font-weight: 300 !important; }
.text-italic{ font-style: italic !important; }
.text-underline{ text-decoration: underline !important; }
.text-linethrough{ text-decoration: line-through !important; }
.text-ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.text-middle{ vertical-align: middle; }
.text-nodecor{ text-decoration: none !important; }




/** CORNER HELPER **/
.corner{
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}
.corner-top{
    -webkit-border-top-left-radius: 4px !important;
    -moz-border-radius-topleft: 4px !important;
    border-top-left-radius: 4px !important;

    -webkit-border-top-right-radius: 4px !important;
    -moz-border-radius-topright: 4px !important;
    border-top-right-radius: 4px !important;
}
.corner-tl{
    -webkit-border-top-left-radius: 4px !important;
    -moz-border-radius-topleft: 4px !important;
    border-top-left-radius: 4px !important;
}
.corner-tr{
    -webkit-border-top-right-radius: 4px !important;
    -moz-border-radius-topright: 4px !important;
    border-top-right-radius: 4px !important;
}
.corner-bottom{
    -webkit-border-bottom-left-radius: 4px !important;
    -moz-border-radius-bottomleft: 4px !important;
    border-bottom-left-radius: 4px !important;

    -webkit-border-bottom-right-radius: 4px !important;
    -moz-border-radius-bottomright: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.corner-bl{
    -webkit-border-bottom-left-radius: 4px !important;
    -moz-border-radius-bottomleft: 4px !important;
    border-bottom-left-radius: 4px !important;
}
.corner-br{
    -webkit-border-bottom-right-radius: 4px !important;
    -moz-border-radius-bottomright: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.no-corner{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}




/** SHADOW HELPER **/
.shadow{
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px !important;
    -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px !important;
    box-shadow: rgba(0, 0, 0, 0.05) 0 1px 1px !important;
}
.no-shadow{
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}




/** BORDER HELPER **/
.bordered{ border: 1px solid #E0E4E8 !important; }
.bordered-flat{ 
    border-style: solid !important;
    border-color: #E0E4E8 !important;
    border-width: 1px 1px 2px !important; 
}
.bordered-top{ border-top: 1px solid #E0E4E8 !important; }
.bordered-right{ border-right: 1px solid #E0E4E8 !important; }
.bordered-bottom{ border-bottom: 1px solid #E0E4E8 !important; }
.bordered-left{ border-left: 1px solid #E0E4E8 !important; }

.border-primary { border-color: #13A89E !important }
.border-success{ border-color: #5BB75B !important }
.border-warning{ border-color: #FAA732 !important }
.border-danger{ border-color: #DA4F49 !important }
.border-info{ border-color: #49AFCD !important }

.border-darknight,
.border-inverse { border-color: #232332 !important }
.border-midnight { border-color: #394264 !important }
.border-cloud { border-color: #ecf0f1 !important }
.border-silver { border-color: #bdc3c7 !important }
.border-white { border-color: #ffffff !important }

.border-teal { border-color: #13A89E !important }
.border-green{ border-color: #5BB75B !important }
.border-orange{ border-color: #FAA732 !important }
.border-red{ border-color: #DA4F49 !important }
.border-blue{ border-color: #49AFCD !important }

.border-transparent{ border-color: rgba(0, 0, 0, .2) !important }

.border-2x{ border-width: 2px !important }
.border-3x{ border-width: 3px !important }
.border-4x{ border-width: 4px !important }

.no-border{
    border: 0 none !important;
}

.table[class*="bg-"], 
.table[class*="border-"], 
.table[class*="border-"] *{
    border-color: inherit !important;
}
.table-hover[class*="bg-"] > tbody > tr:hover > th,
.table-hover[class*="bg-"] > tbody > tr:hover > td{
    background-color: rgba(255, 255, 255, .125) !important;
    color: inherit;
} 




/** ANIMATED HELPER **/
.animated-dur-2{
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}
.animated-dur-3{
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
}
.animated-dur-4{
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
}
.animated-dur-5{
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
}

.animated-delay{
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
.animated-delay-2{
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}
.animated-delay-3{
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;
}
.animated-delay-4{
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    animation-delay: 4s;
}
.animated-delay-5{
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s;
}

.animated-repeat{
        -webkit-animation-iteration-count: 5;
        -moz-animation-iteration-count: 5;
        -o-animation-iteration-count: 5;
        animation-iteration-count: 5;
}
.animated-infinite{
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}




/** LIST HELPER **/
.list-percentages{
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
    position: relative;
    width: 100%;
}
.list-percentages li:first-child{
    border-left: none;
}
.list-percentages li{
    list-style: none;
    position: relative;
    margin: 0;
    padding: 10px 0;
    border-left: 1px solid rgba(0, 0, 0, .1);
    text-align: center;
}




/** HEIGHT HELPER **/
.helper-block-xs{ height: 100px; }
.helper-block-sm{ height: 200px; }
.helper-block-md{ height: 300px; }
.helper-block-lg{ height: 400px; }





/* TEXTAREA HELPER (only on widget panel, width singgle form) */
form.single-editor{
    margin: 0;
    padding: 0;
}
textarea.single-editor{
    border-right: none !important;
    border-left: none !important;
    min-height: 200px;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.checkbox input[type="radio"],
.checkbox-inline input[type="radio"]{
    float: left;
    margin-left:-20px;
}





/* FONT AWESOME */
.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size:30px;
}
.rating > span {
    display: inline-block;
    position: relative;
    font-family: FontAwesome;
    width: 1.1em;
    font-style:normal;
    font-weight:normal;
}
.rating span.star:hover{
    cursor:pointer
}
.rating span.star:before{
    content: "\f006";
    padding-right: 5px;
    color: #95a5a6;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
    content: "\f005";
    color: #394264;
}
.rating.rating-primary > span:hover:before, .rating.rating-primary > span:hover ~ span:before { color: #13A89E; }
.rating.rating-success > span:hover:before, .rating.rating-success > span:hover ~ span:before { color: #5BB75B; }
.rating.rating-info > span:hover:before, .rating.rating-info > span:hover ~ span:before { color: #49AFCD; }
.rating.rating-warning > span:hover:before, .rating.rating-warning > span:hover ~ span:before { color: #FAA732; }
.rating.rating-danger > span:hover:before, .rating.rating-danger > span:hover ~ span:before { color: #DA4F49; }





/* HELPER */
ul.row:not(.list-percentages),
ul.row:not(.list-percentages) > li{
    margin: 0;
    list-style: none;
}
ul.row:not(.list-percentages){
    margin-left: -40px;
}

.absolute-center{
    position: relative;
}
    .absolute-center > .absolute-center-item{
        position: absolute;
        top: 50%;
        left: 50%;
        
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
.margin-top{ margin-top: 20px; }
.margin-bottom{ margin-bottom: 20px; }
.margin-left{ margin-left: 10px; }
.margin-right{ margin-right: 10px; }
.no-margin{ margin: 0 !important; }

.helper-inline{
    display: inline-block !important;
}
.show-grid{
    margin-bottom:15px;
}
.show-grid [class^="col-"] {
    background-color: #ecf0f1;
    border: 1px solid #E0E4E8;
    padding-bottom: 10px;
    padding-top: 10px;
}
td.is-visible{
    background-color: #DFF0D8 !important;
    color: #468847;
}
td.is-hidden {
    background-color: #ecf0f1 !important;
    color: #95a5a6;
}
.demo-box{
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 11px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.demo-box-loader{
    position: relative;
    margin-bottom: 20px;
    min-height: 100px;
    background-color: rgba(0, 0, 0, .02);
}
    .demo-box-loader [class*="loader-"]{
        position: absolute;
        top: 50%;
        left: 50%;

        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .demo-box-loader .loader-location-indicator{
        top: 40%;
        left: 40%;
    }
    .demo-box-loader .loader-magnifier,
    .demo-box-loader .loader-help{
        top: 40%;
        left: 45%;
    }
    .demo-box-loader .loader-eye,
    .demo-box-loader .loader-cloud{
        left: 45%;
    }
    .demo-box-loader .loader-spinner{
        top: 45%;
        left: 45%;
    }

td.demo-graph {
  position: relative;
  padding: 30px 0 !important;
  width: 50%;
}
td.demo-flot {
  position: relative;
  padding: 40px 30px 20px !important;
  width: 50%;
}
td.demo-graph .demo-graph-caption,
td.demo-flot .demo-flot-caption{
  display: block;
  position: absolute;
  left: -1px;
  top: -1px;
  border: 1px solid #E0E4E8;
  background-color: #ecf0f1;
  padding: 3px 8px;
  font-size: 12px;
}

.external-event{
    cursor: move;
}

.hover-sample{
    background-color: #E1E1E1;
    color: #666666;
    cursor: pointer;
    margin: 0.4em 0.8em 0.4em 0;
    padding: 1em;
    text-decoration: none;
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hover-sample:hover{
    text-decoration: none;
    color: inherit;
}
/* 
 * STILEARN SAMPLE PAGE STYLE
*/




/* SAMPLE PAGE STYLE */
/* SIGNIN PAGE */
.signin-wrapper {
    padding: 80px 0 0;
    font-size: 13px;
}

.signin-brand {
    margin-bottom: 20px;
}

    .signin-brand a,
    .signin-brand a:hover,
    .signin-brand a:visited,
    .signin-brand a:focus {
        color: inherit;
        text-decoration: none;
    }

    .signin-brand img {
        height: 80px;
        width: auto;
    }

.signin-wrapper .form-group {
    margin-bottom: 10px;
}

.signin-wrapper .form-actions {
    margin: 30px 0;
}

.signup {
    margin-top: -40px;
}

    .signup h1, h2, h3 {
        margin: 10px 0;
    }

.signup-brand a,
.signup-brand a:hover,
.signup-brand a:visited,
.signup-brand a:focus {
    color: inherit;
    text-decoration: none;
}

.signup-brand img {
    height: 40px;
    width: auto;
}

.signup form {
    margin: 30px 0;
}

.signin-footer {
    margin-top: 40px;
    padding: 15px 0;
    border-top: 1px solid #E0E4E8;
    font-size: 13px;
}

@media (max-width: 991px) {
    .signin-wrapper {
        padding-top: 20px;
    }

    .signin {
        padding: 15px;
        background-color: #ecf0f1;
        border: 1px solid #E0E4E8;
        border-bottom-width: 2px;
        border-radius: 4px;
    }

    .signin-brand {
        text-align: center;
    }

    .signup {
        margin-top: 0;
    }
}
/* end signin */




/* ERROR PAGE */
.error-wrapper {
    padding: 40px 0;
    text-align: center;
}

    .error-wrapper .error-title {
        font-size: 42px;
        margin-bottom: 15px;
    }

        .error-wrapper .error-title + p {
            margin-bottom: 30px;
        }
/* end error page */




/* INVOICE PAGE */
.invoice-wrapper {
    position: relative;
}

.invoice-brand {
    position: relative;
    margin-top: -15px;
    padding: 5px;
    background-color: #ecf0f1;
}

.invoice-table {
    margin-top: 20px;
}

    .invoice-table thead {
        background-color: #ecf0f1;
    }

        .invoice-table thead tr th {
            text-align: center;
        }

    .invoice-table tfoot tr:first-child {
        background-color: #ecf0f1;
    }

        .invoice-table tfoot tr:first-child th {
            text-align: center;
        }

    .invoice-table tfoot tr:last-child {
        font-size: 1.2em;
        font-weight: bold;
    }

    .invoice-table tr .right {
        text-align: right;
    }
/* end Invoice */




/* FRONT END */
.frontend-page {
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
}

    .frontend-page header,
    .frontend-page .header {
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 675px;
        background: url(../images/dummy/header-background.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .frontend-page .navbar {
        background-color: rgba(0, 0, 0, .1);
    }

        .frontend-page .navbar.affix {
            width: 100%;
            border-radius: 0;
            z-index: 1030;
        }

    .frontend-page .navbar-default.affix {
        background-color: rgba(248, 248, 248, .9);
    }

    .frontend-page .navbar-inverse.affix {
        background-color: rgba(35, 35, 50, .9);
    }

.header-caption {
    position: relative;
    margin: 0;
    padding-top: 180px;
    color: #ecf0f1;
}

.frontend-page .section-content {
    padding: 80px 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

.section-content .img-showcase {
    text-align: center;
}

    .section-content .img-showcase img {
        width: 100%;
        height: auto;
    }

.section-content .caption-showcase {
    padding: 100px 0;
}

.section-content h2 {
    margin-bottom: 40px;
    text-transform: capitalize;
}

    .section-content h2 span {
        position: relative;
        padding-bottom: 20px;
        display: inline-block;
    }

        .section-content h2 span:after {
            position: absolute;
            left: 50%;
            top: 100%;
            content: ' ';
            width: 60%;
            height: 2px;
            padding-top: 2px;
            background-color: transparent;
            border-top: 2px solid #13A89E;
            border-bottom: 1px solid #13A89E;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
        }

.section-content .feature-item {
    padding: 20px 0;
    text-align: center;
}

.frontend-page svg {
    width: 100%;
    height: 100px;
    pointer-events: none;
    display: block;
}


.frontend-page footer,
.frontend-page .footer {
    padding-top: 30px;
    height: auto;
}

    .frontend-page footer .text-footer,
    .frontend-page .footer .text-footer {
        text-align: center;
        color: #394264;
        -webkit-transition: color .3s ease;
        -moz-transition: color .3s ease;
        -ms-transition: color .3s ease;
        -o-transition: color .3s ease;
        transition: color .3s ease;
    }

        .frontend-page footer .text-footer:hover,
        .frontend-page .footer .text-footer:hover {
            color: #ecf0f1;
        }
/* FRONT END */




/* GALLERY PAGE */
.gallery-wrapper {
    position: relative;
    padding: 15px 0;
}

    .gallery-wrapper:after {
        content: '';
        clear: both;
        display: table-cell;
    }

    .gallery-wrapper .gallery-item {
        display: block;
        float: left;
        position: relative;
        /*width: 295px;*/
        height: 221px;
        overflow: hidden;
        cursor: pointer;
    }

        .gallery-wrapper .gallery-item.h-2x {
            height: 442px;
        }

        .gallery-wrapper .gallery-item.h-3x {
            height: 663px;
        }

.gallery-item > a,
.gallery-item > a:hover {
    text-decoration: none;
    content: inherit;
}

.gallery-item .gallery-image > img {
    position: absolute;
    min-width: 100%;
    height: auto;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.gallery-item:hover .gallery-image > img {
    transform: scale(1.15,1.15) translateX(-50%);
    -webkit-transform: scale(1.15,1.15) translateX(-50%);
    -moz-transform: scale(1.15,1.15) translateX(-50%);
    -ms-transform: scale(1.15,1.15) translateX(-50%);
    -o-transform: scale(1.15,1.15) translateX(-50%);
}

.gallery-item .gallery-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 10px;
    height: 50px;
    cursor: default;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, .1);
    background: -moz-linear-gradient(top, rgba(35,35,50,0) 0%, rgba(35,35,50,0.15) 51%, rgba(35,35,50,0.22) 75%, rgba(35,35,50,0.3) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,35,50,0)), color-stop(51%,rgba(35,35,50,0.15)), color-stop(75%,rgba(35,35,50,0.22)), color-stop(100%,rgba(35,35,50,0.3)));
    background: -webkit-linear-gradient(top, rgba(35,35,50,0) 0%,rgba(35,35,50,0.15) 51%,rgba(35,35,50,0.22) 75%,rgba(35,35,50,0.3) 100%);
    background: -o-linear-gradient(top, rgba(35,35,50,0) 0%,rgba(35,35,50,0.15) 51%,rgba(35,35,50,0.22) 75%,rgba(35,35,50,0.3) 100%);
    background: -ms-linear-gradient(top, rgba(35,35,50,0) 0%,rgba(35,35,50,0.15) 51%,rgba(35,35,50,0.22) 75%,rgba(35,35,50,0.3) 100%);
    background: linear-gradient(to bottom, rgba(35,35,50,0) 0%,rgba(35,35,50,0.15) 51%,rgba(35,35,50,0.22) 75%,rgba(35,35,50,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00232332', endColorstr='#4d232332',GradientType=0 );
}

.gallery-caption > p {
    margin-bottom: 5px;
}

.gallery-caption a,
.gallery-caption a:hover {
    color: inherit;
    text-decoration: none;
}

.gallery-item .gallery-caption:after {
    content: '';
    clear: both;
    display: table-cell;
}

body.gallery-expand {
    overflow: hidden; /* hide overflow on expand gallery */
}

.gallery-item-expand {
    position: fixed;
    top: 0;
    right: 300px;
    bottom: 0;
    left: 0;
    background-color: #232332;
    display: none;
    cursor: default;
    z-index: 1030;
}

    .gallery-item-expand > .gi-expand-img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.gi-expand-img > img {
    width: 100%;
    height: auto;
}

.gallery-item-expand > .gi-actions {
    position: absolute;
    top: 15px;
    right: 15px;
}

.gallery-item-expand > .gi-control-right,
.gallery-item-expand > .gi-control-left {
    position: absolute;
    top: 50%;
    right: 15px;
    text-decoration: none;
    color: inherit;
    font-size: 48px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gallery-item-expand > .gi-control-left {
    right: auto;
    left: 15px;
}

    .gallery-item-expand > .gi-control-right:hover,
    .gallery-item-expand > .gi-control-left:hover {
        color: #ecf0f1;
    }

.gallery-item-expand > .panel {
    margin: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    border: none;
    border-radius: 0px;
    overflow: auto;
}

    .gallery-item-expand > .panel .list-group-item {
        background-color: transparent;
        border-color: rgba(0, 0, 0, .1);
    }

    .gallery-item-expand > .panel a.list-group-item:hover {
        background-color: rgba(0, 0, 0, .1);
    }

@media (max-width: 991px) {
    .gallery-item-expand {
        right: 0px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

        .gallery-item-expand.caption-expand {
            right: 300px;
        }

        .gallery-item-expand > .panel {
            -webkit-transform: translateX(300px);
            -moz-transform: translateX(300px);
            -ms-transform: translateX(300px);
            -o-transform: translateX(300px);
            transform: translateX(300px);
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

        .gallery-item-expand.caption-expand > .panel {
            -webkit-transform: translateX(0px);
            -moz-transform: translateX(0px);
            -ms-transform: translateX(0px);
            -o-transform: translateX(0px);
            transform: translateX(0px);
        }
}
/* END GALLERY PAGE */