.socicon,
html {
    position: relative
}

@font-face {
    font-family: socicon;
    src: url(../assets/fonts/socicon.eot);
    src: url(../assets/fonts/socicon.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/socicon.woff) format("woff"), url(../assets/fonts/socicon.woff2) format("woff2"), url(../assets/fonts/socicon.ttf) format("truetype"), url(../assets/fonts/socicon.svg#sociconregular) format("svg");
    font-weight: 400;
    font-style: normal;
    text-transform: initial
}

.socicon {
    font-family: socicon!important;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.socicon:empty {
    width: 1em
}

.socicon-twitter {
    background-color: #55acee
}

.socicon-twitter:before {
    content: "a"
}

.socicon-facebook {
    background-color: #3b5998
}

.socicon-facebook:before {
    content: "b"
}

.socicon-google {
    background-color: #dd4b39
}

.socicon-google:before {
    content: "c"
}

.socicon-linkedin {
    background-color: #0177B5
}

.socicon-linkedin:before {
    content: "j"
}

.socicon-github {
    background-color: #6b6b6b
}

.socicon-github:before {
    content: "Q"
}

.socicon-stackoverflow {
    background-color: #2F96E8
}

.socicon-stackoverflow:before {
    content: "("
}

.socicon-dribble {
    background-color: #F26798
}

.socicon-dribble:before {
    content: "D"
}

.socicon-behace {
    background-color: #0093FA
}

.socicon-behace:before {
    content: "H"
}

::-webkit-scrollbar {
    width: .5em;
    height: .5em
}

body.blur-theme::before,
body.mobile.blur-theme .body-bg::before {
    content: '';
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    will-change: transform
}

::-webkit-scrollbar-thumb {
    background: #d9d9d9;
    cursor: pointer
}

::-webkit-scrollbar-track {
    background: #e1e1e1
}

body {
    scrollbar-face-color: #d9d9d9;
    scrollbar-track-color: #e1e1e1;
    font: 14px/16px "Open Sans", sans-serif;
    color: #666;
    background-color: #F0F3F4
}

body,
html {
    min-height: 100%;
    min-width: 320px
}

body.blur-theme::before {
    position: fixed;
    /*background: url(../assets/img/blur-bg.jpg) center center no-repeat;*/
    background-size: cover
}

body.mobile {
    background: 0 0
}

body.mobile .body-bg {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: inherit;
    background-color: #F0F3F4
}

body.mobile.blur-theme .body-bg::before {
    position: fixed;
   /* background: url(../assets/img/blur-bg.jpg) center center no-repeat; */
    background-size: cover
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    body,
    html {
        height: 100%
    }
    html {
        overflow: hidden
    }
    body {
        overflow: auto
    }
}

a {
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
    outline: 0!important
}

.body-bg {
    display: none
}

.al-header {
    display: block;
    height: 49px;
    margin: 0;
    background-repeat: repeat-x;
    position: relative;
    z-index: 905;
    color: #444
}

.al-main {
    margin-left: 180px;
    padding: 66px 0 34px;
    min-height: 500px
}

.al-footer {
    height: 34px;
    padding: 0 18px 0 180px;
    width: 100%;
    position: fixed;
    display: block;
    bottom: 0;
    font-size: 13px;
    color: #666;
    -webkit-transition: padding-left .5s ease;
    transition: padding-left .5s ease
}

.al-footer-main {
    float: left;
    margin-left: 15px
}

.al-copy {
    float: left;
    color: #ffffff;
}

.al-footer-right {
    float: right;
    margin-right: 12px
}

.al-share,
.al-share li {
    list-style: none;
    float: left
}

.al-footer-right i {
    margin: 0 4px;
    color: #e85656;
    font-size: 12px
}

.al-footer-right a {
    margin-left: 4px;
    color: #666
}

.al-footer-right a:hover {
    color: #e85656
}

.al-share {
    margin: -6px 0 0 12px;
    padding: 0
}

.al-share li {
    margin-left: 16px
}

.al-share li i {
    cursor: pointer;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    color: #fff;
    padding: 6px;
    box-sizing: content-box;
    font-size: 16px
}

.al-share li i:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.al-share li i.fa-facebook-square {
    color: #3b5998
}

.al-share li i.fa-twitter-square {
    color: #55acee
}

.al-share li i.fa-google-plus-square {
    color: #dd4b39
}

.al-content {
    padding: 8px 32px 8px 40px
}

@media screen and (max-width:500px) {
    .al-content {
        padding: 8px 20px
    }
}

.vis-hidden {
    visibility: hidden;
    position: absolute;
    top: -9999px;
    left: -9999px
}

.icon-down,
.icon-up {
    width: 5px;
    height: 13px;
    display: block
}

.icon-up {
    background: url(../assets/img/arrow-green-up.svg) no-repeat
}

.icon-down {
    background: url(../assets/img/arrow-red-down.svg) no-repeat
}

.disable-text-selection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.align-right {
    text-align: right
}

.amcharts-chart-div>a {
    font-size: 6px!important
}

.content-panel {
    padding-left: 22px;
    padding-top: 26px
}

@media (max-width:590px) {
    .al-footer-right {
        float: none;
        margin-bottom: 19px;
        margin-right: 0
    }
    .al-footer {
        height: 76px;
        text-align: center
    }
    .al-main {
        padding-bottom: 76px
    }
    .al-footer-main {
        float: none;
        display: inline-block
    }
}

.full-invisible,
.full-invisible * {
    visibility: hidden!important
}

.irs-grid-text {
    color: #666
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0
}

.btn {
    border-radius: 5px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

button.progress-button.btn.btn-danger,
button.progress-button.btn.btn-default,
button.progress-button.btn.btn-info,
button.progress-button.btn.btn-primary,
button.progress-button.btn.btn-success,
button.progress-button.btn.btn-warning {
    border-radius: 0
}

.btn:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.open>.btn.dropdown-toggle.btn.btn-primary {
    background: #1b867b;
    border-color: #1b867b
}

.open>.btn.dropdown-toggle.btn-success {
    background: #7a9d00;
    border-color: #7a9d00
}

.open>.btn.dropdown-toggle.btn-info {
    background: #2692b2;
    border-color: #2692b2
}

.open>.btn.dropdown-toggle.btn-warning {
    background: #be9c18;
    border-color: #be9c18
}

.open>.btn.dropdown-toggle.btn-danger {
    background: #c54949;
    border-color: #c54949
}

button.btn.btn-primary {
    background: #94ca4a;
    border-color: #94ca4a
}

button.btn.btn-primary.disabled,
button.btn.btn-primary.disabled.active,
button.btn.btn-primary.disabled.focus,
button.btn.btn-primary.disabled:active,
button.btn.btn-primary.disabled:focus,
button.btn.btn-primary.disabled:hover,
button.btn.btn-primary[disabled],
button.btn.btn-primary[disabled].active,
button.btn.btn-primary[disabled].focus,
button.btn.btn-primary[disabled]:active,
button.btn.btn-primary[disabled]:focus,
button.btn.btn-primary[disabled]:hover,
fieldset[disabled] button.btn.btn-primary,
fieldset[disabled] button.btn.btn-primary.active,
fieldset[disabled] button.btn.btn-primary.focus,
fieldset[disabled] button.btn.btn-primary:active,
fieldset[disabled] button.btn.btn-primary:focus,
fieldset[disabled] button.btn.btn-primary:hover {
    background: #209e91;
    border-color: #2caa9d
}

button.btn.btn-primary.disabled.active:hover,
button.btn.btn-primary.disabled.focus:hover,
button.btn.btn-primary.disabled:active:hover,
button.btn.btn-primary.disabled:focus:hover,
button.btn.btn-primary.disabled:hover,
button.btn.btn-primary.disabled:hover:hover,
button.btn.btn-primary[disabled].active:hover,
button.btn.btn-primary[disabled].focus:hover,
button.btn.btn-primary[disabled]:active:hover,
button.btn.btn-primary[disabled]:focus:hover,
button.btn.btn-primary[disabled]:hover,
button.btn.btn-primary[disabled]:hover:hover,
fieldset[disabled] button.btn.btn-primary.active:hover,
fieldset[disabled] button.btn.btn-primary.focus:hover,
fieldset[disabled] button.btn.btn-primary:active:hover,
fieldset[disabled] button.btn.btn-primary:focus:hover,
fieldset[disabled] button.btn.btn-primary:hover,
fieldset[disabled] button.btn.btn-primary:hover:hover {
    -webkit-transform: none;
    transform: none
}

button.btn.btn-primary.active,
button.btn.btn-primary.focus,
button.btn.btn-primary:active,
button.btn.btn-primary:focus,
button.btn.btn-primary:hover {
    background: #94ca4a;
    border-color: #218d3f
}

button.btn.btn-primary:active,
button.btn.btn-primary:target {
    background-color: #1b867b
}

button.btn.btn-default {
    border-width: 1px;
    color: #666;
    background: 0 0;
    background-color: #8DC14A;
    border-color: #75a03c;
}

button.btn.btn-default.disabled,
button.btn.btn-default.disabled.active,
button.btn.btn-default.disabled.focus,
button.btn.btn-default.disabled:active,
button.btn.btn-default.disabled:focus,
button.btn.btn-default.disabled:hover,
button.btn.btn-default[disabled],
button.btn.btn-default[disabled].active,
button.btn.btn-default[disabled].focus,
button.btn.btn-default[disabled]:active,
button.btn.btn-default[disabled]:focus,
button.btn.btn-default[disabled]:hover,
fieldset[disabled] button.btn.btn-default,
fieldset[disabled] button.btn.btn-default.active,
fieldset[disabled] button.btn.btn-default.focus,
fieldset[disabled] button.btn.btn-default:active,
fieldset[disabled] button.btn.btn-default:focus,
fieldset[disabled] button.btn.btn-default:hover {
    background: 0 0;
    border-color: #0e0c0c
}

button.btn.btn-default.disabled.active:hover,
button.btn.btn-default.disabled.focus:hover,
button.btn.btn-default.disabled:active:hover,
button.btn.btn-default.disabled:focus:hover,
button.btn.btn-default.disabled:hover,
button.btn.btn-default.disabled:hover:hover,
button.btn.btn-default[disabled].active:hover,
button.btn.btn-default[disabled].focus:hover,
button.btn.btn-default[disabled]:active:hover,
button.btn.btn-default[disabled]:focus:hover,
button.btn.btn-default[disabled]:hover,
button.btn.btn-default[disabled]:hover:hover,
fieldset[disabled] button.btn.btn-default.active:hover,
fieldset[disabled] button.btn.btn-default.focus:hover,
fieldset[disabled] button.btn.btn-default:active:hover,
fieldset[disabled] button.btn.btn-default:focus:hover,
fieldset[disabled] button.btn.btn-default:hover,
fieldset[disabled] button.btn.btn-default:hover:hover {
    -webkit-transform: none;
    transform: none
}

button.btn.btn-default.active,
button.btn.btn-default.focus,
button.btn.btn-default:active,
button.btn.btn-default:focus,
button.btn.btn-default:hover {
    background: 0 0;
    border-color: #bebebe;
    background-color: #628832;
}

button.btn.btn-default:active,
button.btn.btn-default:target {
    background-color: rgba(0, 0, 0, .2);
    color: #666
}

button.btn.btn-success {
    background: #90b900;
    border-color: #90b900
}

button.btn.btn-success.disabled,
button.btn.btn-success.disabled.active,
button.btn.btn-success.disabled.focus,
button.btn.btn-success.disabled:active,
button.btn.btn-success.disabled:focus,
button.btn.btn-success.disabled:hover,
button.btn.btn-success[disabled],
button.btn.btn-success[disabled].active,
button.btn.btn-success[disabled].focus,
button.btn.btn-success[disabled]:active,
button.btn.btn-success[disabled]:focus,
button.btn.btn-success[disabled]:hover,
fieldset[disabled] button.btn.btn-success,
fieldset[disabled] button.btn.btn-success.active,
fieldset[disabled] button.btn.btn-success.focus,
fieldset[disabled] button.btn.btn-success:active,
fieldset[disabled] button.btn.btn-success:focus,
fieldset[disabled] button.btn.btn-success:hover {
    background: #90b900;
    border-color: #9cc50c
}

button.btn.btn-success.disabled.active:hover,
button.btn.btn-success.disabled.focus:hover,
button.btn.btn-success.disabled:active:hover,
button.btn.btn-success.disabled:focus:hover,
button.btn.btn-success.disabled:hover,
button.btn.btn-success.disabled:hover:hover,
button.btn.btn-success[disabled].active:hover,
button.btn.btn-success[disabled].focus:hover,
button.btn.btn-success[disabled]:active:hover,
button.btn.btn-success[disabled]:focus:hover,
button.btn.btn-success[disabled]:hover,
button.btn.btn-success[disabled]:hover:hover,
fieldset[disabled] button.btn.btn-success.active:hover,
fieldset[disabled] button.btn.btn-success.focus:hover,
fieldset[disabled] button.btn.btn-success:active:hover,
fieldset[disabled] button.btn.btn-success:focus:hover,
fieldset[disabled] button.btn.btn-success:hover,
fieldset[disabled] button.btn.btn-success:hover:hover {
    -webkit-transform: none;
    transform: none
}

button.btn.btn-success.active,
button.btn.btn-success.focus,
button.btn.btn-success:active,
button.btn.btn-success:focus,
button.btn.btn-success:hover {
    background: #90b900;
    border-color: #78a100
}

button.btn.btn-success:active,
button.btn.btn-success:target {
    background-color: #7a9d00
}

button.btn.btn-info {
    background: #2dacd1;
    border-color: #2dacd1
}

button.btn.btn-info.disabled,
button.btn.btn-info.disabled.active,
button.btn.btn-info.disabled.focus,
button.btn.btn-info.disabled:active,
button.btn.btn-info.disabled:focus,
button.btn.btn-info.disabled:hover,
button.btn.btn-info[disabled],
button.btn.btn-info[disabled].active,
button.btn.btn-info[disabled].focus,
button.btn.btn-info[disabled]:active,
button.btn.btn-info[disabled]:focus,
button.btn.btn-info[disabled]:hover,
fieldset[disabled] button.btn.btn-info,
fieldset[disabled] button.btn.btn-info.active,
fieldset[disabled] button.btn.btn-info.focus,
fieldset[disabled] button.btn.btn-info:active,
fieldset[disabled] button.btn.btn-info:focus,
fieldset[disabled] button.btn.btn-info:hover {
    background: #2dacd1;
    border-color: #39b8dd
}

button.btn.btn-info.disabled.active:hover,
button.btn.btn-info.disabled.focus:hover,
button.btn.btn-info.disabled:active:hover,
button.btn.btn-info.disabled:focus:hover,
button.btn.btn-info.disabled:hover,
button.btn.btn-info.disabled:hover:hover,
button.btn.btn-info[disabled].active:hover,
button.btn.btn-info[disabled].focus:hover,
button.btn.btn-info[disabled]:active:hover,
button.btn.btn-info[disabled]:focus:hover,
button.btn.btn-info[disabled]:hover,
button.btn.btn-info[disabled]:hover:hover,
fieldset[disabled] button.btn.btn-info.active:hover,
fieldset[disabled] button.btn.btn-info.focus:hover,
fieldset[disabled] button.btn.btn-info:active:hover,
fieldset[disabled] button.btn.btn-info:focus:hover,
fieldset[disabled] button.btn.btn-info:hover,
fieldset[disabled] button.btn.btn-info:hover:hover {
    -webkit-transform: none;
    transform: none
}

button.btn.btn-info.active,
button.btn.btn-info.focus,
button.btn.btn-info:active,
button.btn.btn-info:focus,
button.btn.btn-info:hover {
    background: #2dacd1;
    border-color: #1594b9
}

button.btn.btn-info:active,
button.btn.btn-info:target {
    background-color: #2692b2
}

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

button.btn.btn-warning.disabled,
button.btn.btn-warning.disabled.active,
button.btn.btn-warning.disabled.focus,
button.btn.btn-warning.disabled:active,
button.btn.btn-warning.disabled:focus,
button.btn.btn-warning.disabled:hover,
button.btn.btn-warning[disabled],
button.btn.btn-warning[disabled].active,
button.btn.btn-warning[disabled].focus,
button.btn.btn-warning[disabled]:active,
button.btn.btn-warning[disabled]:focus,
button.btn.btn-warning[disabled]:hover,
fieldset[disabled] button.btn.btn-warning,
fieldset[disabled] button.btn.btn-warning.active,
fieldset[disabled] button.btn.btn-warning.focus,
fieldset[disabled] button.btn.btn-warning:active,
fieldset[disabled] button.btn.btn-warning:focus,
fieldset[disabled] button.btn.btn-warning:hover {
    background: #dfb81c;
    border-color: #ebc428
}

button.btn.btn-warning.disabled.active:hover,
button.btn.btn-warning.disabled.focus:hover,
button.btn.btn-warning.disabled:active:hover,
button.btn.btn-warning.disabled:focus:hover,
button.btn.btn-warning.disabled:hover,
button.btn.btn-warning.disabled:hover:hover,
button.btn.btn-warning[disabled].active:hover,
button.btn.btn-warning[disabled].focus:hover,
button.btn.btn-warning[disabled]:active:hover,
button.btn.btn-warning[disabled]:focus:hover,
button.btn.btn-warning[disabled]:hover,
button.btn.btn-warning[disabled]:hover:hover,
fieldset[disabled] button.btn.btn-warning.active:hover,
fieldset[disabled] button.btn.btn-warning.focus:hover,
fieldset[disabled] button.btn.btn-warning:active:hover,
fieldset[disabled] button.btn.btn-warning:focus:hover,
fieldset[disabled] button.btn.btn-warning:hover,
fieldset[disabled] button.btn.btn-warning:hover:hover {
    -webkit-transform: none;
    transform: none
}

button.btn.btn-warning.active,
button.btn.btn-warning.focus,
button.btn.btn-warning:active,
button.btn.btn-warning:focus,
button.btn.btn-warning:hover {
    background: #dfb81c;
    border-color: #c7a004
}

button.btn.btn-warning:active,
button.btn.btn-warning:target {
    background-color: #be9c18
}

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

button.btn.btn-danger.disabled,
button.btn.btn-danger.disabled.active,
button.btn.btn-danger.disabled.focus,
button.btn.btn-danger.disabled:active,
button.btn.btn-danger.disabled:focus,
button.btn.btn-danger.disabled:hover,
button.btn.btn-danger[disabled],
button.btn.btn-danger[disabled].active,
button.btn.btn-danger[disabled].focus,
button.btn.btn-danger[disabled]:active,
button.btn.btn-danger[disabled]:focus,
button.btn.btn-danger[disabled]:hover,
fieldset[disabled] button.btn.btn-danger,
fieldset[disabled] button.btn.btn-danger.active,
fieldset[disabled] button.btn.btn-danger.focus,
fieldset[disabled] button.btn.btn-danger:active,
fieldset[disabled] button.btn.btn-danger:focus,
fieldset[disabled] button.btn.btn-danger:hover {
    background: #e85656;
    border-color: #f46262
}

button.btn.btn-danger.disabled.active:hover,
button.btn.btn-danger.disabled.focus:hover,
button.btn.btn-danger.disabled:active:hover,
button.btn.btn-danger.disabled:focus:hover,
button.btn.btn-danger.disabled:hover,
button.btn.btn-danger.disabled:hover:hover,
button.btn.btn-danger[disabled].active:hover,
button.btn.btn-danger[disabled].focus:hover,
button.btn.btn-danger[disabled]:active:hover,
button.btn.btn-danger[disabled]:focus:hover,
button.btn.btn-danger[disabled]:hover,
button.btn.btn-danger[disabled]:hover:hover,
fieldset[disabled] button.btn.btn-danger.active:hover,
fieldset[disabled] button.btn.btn-danger.focus:hover,
fieldset[disabled] button.btn.btn-danger:active:hover,
fieldset[disabled] button.btn.btn-danger:focus:hover,
fieldset[disabled] button.btn.btn-danger:hover,
fieldset[disabled] button.btn.btn-danger:hover:hover {
    -webkit-transform: none;
    transform: none
}

button.btn.btn-danger.active,
button.btn.btn-danger.focus,
button.btn.btn-danger:active,
button.btn.btn-danger:focus,
button.btn.btn-danger:hover {
    background: #e85656;
    border-color: #d03e3e
}

button.btn.btn-danger:active,
button.btn.btn-danger:target {
    background-color: #c54949
}

button.btn.btn-inverse {
    background: #949494;
    border-color: #949494;
    color: #fff
}

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

button.btn.btn-inverse.disabled.active:hover,
button.btn.btn-inverse.disabled.focus:hover,
button.btn.btn-inverse.disabled:active:hover,
button.btn.btn-inverse.disabled:focus:hover,
button.btn.btn-inverse.disabled:hover,
button.btn.btn-inverse.disabled:hover:hover,
button.btn.btn-inverse[disabled].active:hover,
button.btn.btn-inverse[disabled].focus:hover,
button.btn.btn-inverse[disabled]:active:hover,
button.btn.btn-inverse[disabled]:focus:hover,
button.btn.btn-inverse[disabled]:hover,
button.btn.btn-inverse[disabled]:hover:hover,
fieldset[disabled] button.btn.btn-inverse.active:hover,
fieldset[disabled] button.btn.btn-inverse.focus:hover,
fieldset[disabled] button.btn.btn-inverse:active:hover,
fieldset[disabled] button.btn.btn-inverse:focus:hover,
fieldset[disabled] button.btn.btn-inverse:hover,
fieldset[disabled] button.btn.btn-inverse:hover:hover {
    -webkit-transform: none;
    transform: none
}

button.btn.btn-inverse.active,
button.btn.btn-inverse.focus,
button.btn.btn-inverse:active,
button.btn.btn-inverse:focus,
button.btn.btn-inverse:hover {
    background: #949494;
    border-color: #7c7c7c
}

button.btn.btn-inverse:active,
button.btn.btn-inverse:hover,
button.btn.btn-inverse:target {
    background-color: #949494;
    color: #fff
}

.btn-with-icon i {
    margin-right: 10px
}

.btn-group:hover,
.btn-toolbar:hover {
    -webkit-transform: none;
    transform: none
}

.btn-group button.btn.btn-primary {
    border-color: #149285
}

.btn-group button.btn.btn-primary:hover {
    border-color: #088679
}

.btn-group button.btn.btn-danger {
    border-color: #dc4a4a
}

.btn-group button.btn.btn-danger:hover {
    border-color: #d03e3e
}

.btn-group button.btn.btn-info {
    border-color: #21a0c5
}

.btn-group button.btn.btn-info:hover {
    border-color: #1594b9
}

.btn-group button.btn.btn-success {
    border-color: #84ad00
}

.btn-group button.btn.btn-success:hover {
    border-color: #78a100
}

.btn-group button.btn.btn-warning {
    border-color: #d3ac10
}

.btn-group button.btn.btn-warning:hover {
    border-color: #c7a004
}

.btn-group .dropdown-menu {
    margin-top: 0
}

.btn-toolbar {
    display: inline-block
}

.btn .caret {
    margin-left: 2px
}

button.progress-button .progress {
    margin-bottom: 0;
    border-radius: 0
}

button.progress-button:hover {
    -webkit-transform: none;
    transform: none
}

button.progress-button.progress-button-style-shrink.btn.disabled.progress-button-dir-horizontal:hover {
    -webkit-transform: scaleY(.3);
    transform: scaleY(.3)
}

button.progress-button.progress-button-style-shrink.btn.disabled.progress-button-dir-vertical:hover {
    -webkit-transform: scaleX(.1);
    transform: scaleX(.1)
}

button.progress-button.btn.btn-primary .content:after,
button.progress-button.btn.btn-primary .content:before {
    color: #000
}

button.progress-button.btn.btn-primary.progress-button-style-move-up .content,
button.progress-button.btn.btn-primary.progress-button-style-slide-down .content {
    background-color: #17746a
}

button.progress-button.btn.btn-primary.progress-button-style-lateral-lines .progress-inner {
    border-color: #17746a;
    background: 0 0
}

button.progress-button.btn.btn-primary .progress {
    background-color: #17746a;
    box-shadow: 0 1px 0 #17746a
}

button.progress-button.btn.btn-primary .progress-inner {
    background-color: #0f4943
}

button.progress-button.btn.btn-primary.progress-button-perspective {
    background: 0 0
}

button.progress-button.btn.btn-primary.progress-button-perspective .content {
    background-color: #209e91
}

button.progress-button.btn.btn-default .content:after,
button.progress-button.btn.btn-default .content:before {
    color: #999
}

button.progress-button.btn.btn-default.progress-button-style-move-up .content,
button.progress-button.btn.btn-default.progress-button-style-slide-down .content {
    background-color: #e6e6e6
}

button.progress-button.btn.btn-default.progress-button-style-lateral-lines .progress-inner {
    border-color: #e6e6e6;
    background: 0 0
}

button.progress-button.btn.btn-default .progress {
    background-color: #e6e6e6;
    box-shadow: 0 1px 0 #e6e6e6
}

button.progress-button.btn.btn-default .progress-inner {
    background-color: #ccc
}

button.progress-button.btn.btn-default.progress-button-perspective {
    background: 0 0
}

button.progress-button.btn.btn-default.progress-button-perspective .content {
    background-color: #fff
}

button.progress-button.btn.btn-success .content:after,
button.progress-button.btn.btn-success .content:before {
    color: #000
}

button.progress-button.btn.btn-success.progress-button-style-move-up .content,
button.progress-button.btn.btn-success.progress-button-style-slide-down .content {
    background-color: #688600
}

button.progress-button.btn.btn-success.progress-button-style-lateral-lines .progress-inner {
    border-color: #688600;
    background: 0 0
}

button.progress-button.btn.btn-success .progress {
    background-color: #688600;
    box-shadow: 0 1px 0 #688600
}

button.progress-button.btn.btn-success .progress-inner {
    background-color: #415300
}

button.progress-button.btn.btn-success.progress-button-perspective {
    background: 0 0
}

button.progress-button.btn.btn-success.progress-button-perspective .content {
    background-color: #90b900
}

button.progress-button.btn.btn-info .content:after,
button.progress-button.btn.btn-info .content:before {
    color: #092229
}

button.progress-button.btn.btn-info.progress-button-style-move-up .content,
button.progress-button.btn.btn-info.progress-button-style-slide-down .content {
    background-color: #2489a7
}

button.progress-button.btn.btn-info.progress-button-style-lateral-lines .progress-inner {
    border-color: #2489a7;
    background: 0 0
}

button.progress-button.btn.btn-info .progress {
    background-color: #2489a7;
    box-shadow: 0 1px 0 #2489a7
}

button.progress-button.btn.btn-info .progress-inner {
    background-color: #1b677d
}

button.progress-button.btn.btn-info.progress-button-perspective {
    background: 0 0
}

button.progress-button.btn.btn-info.progress-button-perspective .content {
    background-color: #2dacd1
}

button.progress-button.btn.btn-warning .content:after,
button.progress-button.btn.btn-warning .content:before {
    color: #2a2205
}

button.progress-button.btn.btn-warning.progress-button-style-move-up .content,
button.progress-button.btn.btn-warning.progress-button-style-slide-down .content {
    background-color: #b29316
}

button.progress-button.btn.btn-warning.progress-button-style-lateral-lines .progress-inner {
    border-color: #b29316;
    background: 0 0
}

button.progress-button.btn.btn-warning .progress {
    background-color: #b29316;
    box-shadow: 0 1px 0 #b29316
}

button.progress-button.btn.btn-warning .progress-inner {
    background-color: #846d11
}

button.progress-button.btn.btn-warning.progress-button-perspective {
    background: 0 0
}

button.progress-button.btn.btn-warning.progress-button-perspective .content {
    background-color: #dfb81c
}

button.progress-button.btn.btn-danger .content:after,
button.progress-button.btn.btn-danger .content:before {
    color: #640e0e
}

button.progress-button.btn.btn-danger.progress-button-style-move-up .content,
button.progress-button.btn.btn-danger.progress-button-style-slide-down .content {
    background-color: #e22929
}

button.progress-button.btn.btn-danger.progress-button-style-lateral-lines .progress-inner {
    border-color: #e22929;
    background: 0 0
}

button.progress-button.btn.btn-danger .progress {
    background-color: #e22929;
    box-shadow: 0 1px 0 #e22929
}

button.progress-button.btn.btn-danger .progress-inner {
    background-color: #be1a1a
}

button.progress-button.btn.btn-danger.progress-button-perspective {
    background: 0 0
}

button.progress-button.btn.btn-danger.progress-button-perspective .content {
    background-color: #e85656
}

.btn-raised {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .35)
}

.btn-mm {
    padding: 5px 11px;
    font-size: 13px
}

.btn-xm {
    padding: 8px 14px;
    font-size: 16px
}

.dropdown button.btn.btn-default.dropdown-toggle {
    color: #666;
    border: 1px solid #d6d6d6;
    background-color: transparent
}

.dropdown button.btn.btn-default.dropdown-toggle:active,
.dropdown button.btn.btn-default.dropdown-toggle:focus {
    background-color: #fff
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0!important
}

.bootstrap-switch .bootstrap-switch-container:focus,
.bootstrap-switch:focus {
    outline: 0
}

.bootstrap-select button.btn-default:focus {
    color: #fff
}

.bootstrap-select .btn {
    -webkit-transition: none;
    transition: none
}

.label {
    border-radius: 0
}

.label-primary {
    background: #209e91
}

.label-info {
    background: #63bbb2
}

.label-success {
    background: #90b900
}

.label-warning {
    background: #dfb81c
}

.label-danger {
    background: #e85656
}

.form-horizontal label {
    line-height: 34px;
    margin-bottom: 0;
    padding-top: 0!important
}

.form-group label {
    margin-bottom: 5px;
    color: #666;
    font-weight: 400;
    font-size: 16px
}

.form-control {
    border: 1px solid #cbcbcb;
    background-color: #fff;
    box-shadow: none
}

.form-control::-webkit-input-placeholder {
    color: #666;
    opacity: .7
}

.form-control:-moz-placeholder {
    color: #666;
    opacity: .7
}

.form-control::-moz-placeholder {
    color: #666;
    opacity: .7
}

.form-control:-ms-input-placeholder {
    color: #666;
    opacity: .7
}

.form-control:focus {
    box-shadow: none;
    border-color: #4db1a7;
    background: #fff
}

select.form-control {
    padding-left: 8px
}

textarea.form-control {
    height: 96px
}

.form-inline .form-group input {
    width: 100%
}

.form-inline .form-group label {
    margin-right: 12px
}

.form-inline button[type=submit] {
    margin-left: 12px
}

.form-inline label.custom-checkbox>span,
.form-inline label.custom-radio>span {
    display: block;
    margin-top: -13px;
    margin-right: 10px
}

.switcher-container {
    margin-right: 10px;
    font-weight: 400
}

.switcher-container input {
    display: none
}

.switcher-container .switcher {
    position: relative;
    display: inline-block;
    width: 84px;
    overflow: hidden;
    border-radius: 6px;
    box-sizing: border-box;
    -webkit-transform: translateZ(0)
}

.switcher-container .switcher.primary {
    border: 1px solid #209e91
}

.switcher-container .switcher.primary .handle.handle-on {
    background-color: #209e91
}

.switcher-container .switcher.success {
    border: 1px solid #90b900
}

.switcher-container .switcher.success .handle.handle-on {
    background-color: #90b900
}

.switcher-container .switcher.warning {
    border: 1px solid #dfb81c
}

.switcher-container .switcher.warning .handle.handle-on {
    background-color: #dfb81c
}

.switcher-container .switcher.danger {
    border: 1px solid #e85656
}

.switcher-container .switcher.danger .handle.handle-on {
    background-color: #e85656
}

.switcher-container .switcher.info {
    border: 1px solid #63bbb2
}

.switcher-container .switcher.info .handle.handle-on {
    background-color: #63bbb2
}

.switcher-container .switcher input {
    display: none
}

.switcher-container .switcher .handle-container {
    position: relative;
    width: 126px;
    cursor: pointer;
    -webkit-transform: translate3d(-42px, 0, 0);
    transform: translate3d(-42px, 0, 0);
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear
}

.switcher-container .switcher .handle-container .handle {
    width: 42px;
    float: left;
    line-height: 28px;
    height: 28px;
    font-size: 12px;
    text-align: center;
    color: #fff
}

.switcher-container .switcher .handle-container .handle.handle-off {
    background: #d6d6d6;
    color: #000
}

.switcher-container input:checked+.switcher {
    border: 1px solid #d6d6d6
}

.switcher-container input:checked+.switcher .handle-container {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.switch-container {
    display: inline-block
}

.switch-container.primary .bootstrap-switch.bootstrap-switch-on {
    border-color: #209e91
}

.switch-container.success .bootstrap-switch.bootstrap-switch-on {
    border-color: #90b900
}

.switch-container.warning .bootstrap-switch.bootstrap-switch-on {
    border-color: #dfb81c
}

.switch-container.danger .bootstrap-switch.bootstrap-switch-on {
    border-color: #e85656
}

.switch-container.info .bootstrap-switch.bootstrap-switch-on {
    border-color: #63bbb2
}

.bootstrap-switch {
    border-radius: 5px;
    border: 1px solid #fff;
    -webkit-transition: border-color ease-in-out .7s, box-shadow ease-in-out .7s;
    transition: border-color ease-in-out .7s, box-shadow ease-in-out .7s
}

.bootstrap-switch.bootstrap-switch-focused.bootstrap-switch-off,
.bootstrap-switch.bootstrap-switch-off {
    border-color: #d6d6d6
}

.bootstrap-switch .bootstrap-switch-container,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on,
.input-group>span {
    border-radius: 0
}

.bootstrap-switch.bootstrap-switch-focused {
    box-shadow: none
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    background: #fff
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    background: #90b900
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #209e91
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
    background: #dfb81c
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
    background: #e85656
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
    background: #63bbb2
}

.bootstrap-switch .bootstrap-switch-label {
    background: 0 0
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
    -webkit-transition: margin-left .2s;
    transition: margin-left .2s
}

.switches {
    margin-left: -12px;
    margin-bottom: -12px
}

.switches .switch-container {
    float: left;
    margin-left: 12px;
    margin-bottom: 12px
}

.input-group {
    width: 100%;
    margin-bottom: 15px
}

label.custom-checkbox,
label.custom-radio {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0
}

label.custom-checkbox>input,
label.custom-radio>input {
    height: 0;
    z-index: -100!important;
    opacity: 0;
    position: absolute
}

label.custom-checkbox>input:checked+span:before,
label.custom-radio>input:checked+span:before {
    content: "\f00c";
    font-weight: 300
}

label.custom-checkbox>input:disabled+span,
label.custom-radio>input:disabled+span {
    color: #ddd;
    cursor: not-allowed
}

label.custom-checkbox>input:disabled+span:before,
label.custom-radio>input:disabled+span:before {
    border-color: #ddd!important;
    cursor: not-allowed
}

label.custom-checkbox>span,
label.custom-radio>span {
    position: relative;
    display: inline-block;
    margin: 0;
    line-height: 16px;
    font-weight: 300;
    cursor: pointer;
    padding-left: 22px;
    width: 100%
}

label.custom-checkbox>span:before,
label.custom-radio>span:before {
    cursor: pointer;
    font-family: fontAwesome;
    font-weight: 300;
    font-size: 12px;
    color: #666;
    content: "\a0";
    background-color: transparent;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    display: inline-block;
    text-align: center;
    height: 16px;
    line-height: 14px;
    min-width: 16px;
    margin-right: 6px;
    position: relative;
    top: 0;
    margin-left: -22px;
    float: left
}

.auth-main,
body,
html {
    height: 100%
}

label.custom-checkbox>span:hover:before,
label.custom-radio>span:hover:before {
    border-color: #4db1a7
}

.nowrap {
    white-space: nowrap
}

.cut-with-dots {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

label.custom-radio>input:checked+span:before {
    content: "\f111"
}

label.custom-radio>span:before {
    border-radius: 16px;
    font-size: 9px
}

label.custom-input-primary>span:before {
    color: #209e91
}

label.custom-input-primary>span:hover:before {
    border-color: #209e91
}

label.custom-input-success>span:before {
    color: #90b900
}

label.custom-input-success>span:hover:before {
    border-color: #90b900
}

label.custom-input-warning>span:before {
    color: #dfb81c
}

label.custom-input-warning>span:hover:before {
    border-color: #dfb81c
}

label.custom-input-danger>span:before {
    color: #e85656
}

label.custom-input-danger>span:hover:before {
    border-color: #e85656
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    padding-top: 0
}

.input-demo {
    line-height: 25px
}

.has-success .control-label {
    color: #666
}

.has-success .form-control-feedback,
.has-success label.custom-checkbox,
.has-success label.custom-checkbox>span:before,
.has-success label.custom-radio,
.has-success label.custom-radio>span:before {
    color: #a6c733
}

.has-success .form-control {
    border: 1px solid #a6c733
}

.has-success .form-control:focus {
    box-shadow: none;
    border-color: #90b900
}

.has-success label.custom-checkbox>span:hover:before,
.has-success label.custom-radio>span:hover:before {
    border-color: #a6c733
}

.has-success .input-group-addon {
    background-color: #a6c733;
    color: #fff
}

.has-warning .control-label {
    color: #666
}

.has-warning .form-control-feedback,
.has-warning label.custom-checkbox,
.has-warning label.custom-checkbox>span:before,
.has-warning label.custom-radio,
.has-warning label.custom-radio>span:before {
    color: #e5c649
}

.has-warning .form-control {
    border: 1px solid #e5c649
}

.has-warning .form-control:focus {
    box-shadow: none;
    border-color: #dfb81c
}

.has-warning label.custom-checkbox>span:hover:before,
.has-warning label.custom-radio>span:hover:before {
    border-color: #e5c649
}

.has-warning .input-group-addon {
    background-color: #e5c649;
    color: #fff
}

.has-error .control-label {
    color: #666
}

.has-error .form-control-feedback,
.has-error label.custom-checkbox,
.has-error label.custom-checkbox>span:before,
.has-error label.custom-radio,
.has-error label.custom-radio>span:before {
    color: #ed7878
}

.has-error .form-control {
    border: 1px solid #ed7878
}

.has-error .form-control:focus {
    box-shadow: none;
    border-color: #e85656
}

.has-error label.custom-checkbox>span:hover:before,
.has-error label.custom-radio>span:hover:before {
    border-color: #ed7878
}

.has-error .input-group-addon {
    background-color: #ed7878;
    color: #fff
}

.has-feedback label~.form-control-feedback {
    top: 21px;
    font-size: 18px
}

.bootstrap-select .btn-default:focus {
    color: #666
}

.bootstrap-select>.dropdown-toggle.btn-danger,
.bootstrap-select>.dropdown-toggle.btn-danger:focus,
.bootstrap-select>.dropdown-toggle.btn-danger:hover,
.bootstrap-select>.dropdown-toggle.btn-info,
.bootstrap-select>.dropdown-toggle.btn-info:focus,
.bootstrap-select>.dropdown-toggle.btn-info:hover,
.bootstrap-select>.dropdown-toggle.btn-inverse,
.bootstrap-select>.dropdown-toggle.btn-inverse:focus,
.bootstrap-select>.dropdown-toggle.btn-inverse:hover,
.bootstrap-select>.dropdown-toggle.btn-primary,
.bootstrap-select>.dropdown-toggle.btn-primary:focus,
.bootstrap-select>.dropdown-toggle.btn-primary:hover,
.bootstrap-select>.dropdown-toggle.btn-success,
.bootstrap-select>.dropdown-toggle.btn-success:focus,
.bootstrap-select>.dropdown-toggle.btn-success:hover,
.bootstrap-select>.dropdown-toggle.btn-warning,
.bootstrap-select>.dropdown-toggle.btn-warning:focus,
.bootstrap-select>.dropdown-toggle.btn-warning:hover {
    color: #fff
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #fff;
    color: #ddd;
    border-color: #e2e2e2
}

.form-control-rounded {
    border-radius: 16px
}

.help-block {
    color: #949494
}

.help-block.error-block {
    display: none
}

.has-error .help-block.error-block.basic-block {
    display: block
}

.input-group-addon-danger {
    background: #e85656;
    color: #fff;
    border-color: #e85656
}

.input-group-addon-warning {
    background: #dfb81c;
    color: #fff;
    border-color: #dfb81c
}

.input-group-addon-success {
    background: #90b900;
    color: #fff;
    border-color: #90b900
}

.input-group-addon-primary {
    background: #209e91;
    color: #fff;
    border-color: #209e91
}

.checkbox-demo-row {
    margin-bottom: 12px
}

.dropdown-menu {
    border-radius: 5px
}

.bootstrap-select.btn-group button.btn.btn-default {
    background: 0 0;
    color: #666
}

.bootstrap-select.btn-group button.btn.btn-default:hover {
    background: #fff;
    box-shadow: none;
    outline: 0!important
}

.bootstrap-select.btn-group button.btn.btn-default:active {
    background: #fff;
    box-shadow: none
}

.bootstrap-select.btn-group.open>.btn.btn-default.dropdown-toggle {
    background: #fff;
    box-shadow: none;
    border-color: #d6d6d6
}

.bootstrap-select.btn-group.open>.btn {
    border-radius: 5px 5px 0 0
}

.bootstrap-select.btn-group.open .dropdown-menu.open {
    border: 1px solid #dcdcdc;
    border-top: none;
    border-radius: 0 0 5px 5px
}

.bootstrap-select.btn-group.with-search.open .btn-default+.dropdown-menu .bs-searchbox .form-control,
.bootstrap-tagsinput {
    border: 1px solid #cbcbcb;
    background-color: #fff
}

.bootstrap-select.btn-group .notify,
.bootstrap-select.btn-group.with-search.open .btn-default+.dropdown-menu .no-results {
    color: #7d7d7d
}

.bootstrap-tagsinput {
    color: #666;
    border-radius: 5px;
    box-shadow: none;
    max-width: 100%;
    font-size: 14px;
    line-height: 26px;
    width: 100%
}

.bootstrap-tagsinput.form-control {
    display: block;
    width: 100%
}

.bootstrap-tagsinput .tag {
    border-radius: 3px;
    font-weight: 400;
    font-size: 11px;
    padding: 4px 8px
}

.bootstrap-tagsinput .tag [data-role=remove]:hover {
    box-shadow: none
}

.bootstrap-tagsinput input {
    background-color: #fff;
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    line-height: 22px;
    font-size: 11px;
    min-width: 53px
}

.bootstrap-tagsinput input::-webkit-input-placeholder {
    color: #666;
    opacity: .8
}

.bootstrap-tagsinput input:-moz-placeholder {
    color: #666;
    opacity: .8
}

.bootstrap-tagsinput input::-moz-placeholder {
    color: #666;
    opacity: .8
}

.bootstrap-tagsinput input:-ms-input-placeholder {
    color: #666;
    opacity: .8
}

.ui-select-multiple.ui-select-bootstrap {
    min-height: 34px;
    padding: 4px 3px 0 12px
}

.progress {
    background: rgba(0, 0, 0, .07)
}

.progress-bar-primary {
    background-color: #209e91
}

.progress-bar-success {
    background-color: #b1ce4d
}

.progress-bar-warning {
    background-color: #dfb81c
}

.progress-bar-danger {
    background-color: #e85656
}

.has-success .input-group-addon {
    border: none
}

.input-group>span.addon-left {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.input-group>span.addon-right {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.with-primary-addon:focus {
    border-color: #209e91
}

.with-warning-addon:focus {
    border-color: #dfb81c
}

.with-success-addon:focus {
    border-color: #90b900
}

.with-danger-addon:focus {
    border-color: #e85656
}

.sub-little-text {
    font-size: 12px
}

.auth-block p,
.auth-link,
.auth-sep {
    font-size: 16px
}

html {
    min-height: 520px
}

body::before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    will-change: transform;
    z-index: -1
}

.form-control,
.form-control:focus {
    background-color: rgb(219, 220, 221);
    border-radius: 5px;
    color: #666
}

.form-control::-webkit-input-placeholder,
.form-control:focus::-webkit-input-placeholder {
    color: #aaa;
    opacity: .9
}

.form-control:-moz-placeholder,
.form-control:focus:-moz-placeholder {
    color: #fff;
    opacity: .9
}

.form-control::-moz-placeholder,
.form-control:focus::-moz-placeholder {
    color: #fff;
    opacity: .9
}

.form-control:-ms-input-placeholder,
.form-control:focus:-ms-input-placeholder {
    color: #fff;
    opacity: .9
}

.form-control[disabled]::-webkit-input-placeholder,
.form-control[readonly]::-webkit-input-placeholder,
fieldset[disabled] .form-control::-webkit-input-placeholder {
    color: #fff;
    opacity: .6
}

.form-control[disabled]:-moz-placeholder,
.form-control[readonly]:-moz-placeholder,
fieldset[disabled] .form-control:-moz-placeholder {
    color: #fff;
    opacity: .6
}

.form-control[disabled]::-moz-placeholder,
.form-control[readonly]::-moz-placeholder,
fieldset[disabled] .form-control::-moz-placeholder {
    color: #fff;
    opacity: .6
}

.form-control[disabled]:-ms-input-placeholder,
.form-control[readonly]:-ms-input-placeholder,
fieldset[disabled] .form-control:-ms-input-placeholder {
    color: #fff;
    opacity: .6
}

.auth-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
    justify-content: center;
}

.auth-block {
    width: 540px;
    margin: 0 auto;
    border-radius: 5px;
    background: #DBDCDD;
    color: #363738;
    padding: 32px
}

.auth-block h1 {
    font-weight: 300;
    margin-bottom: 28px;
    text-align: center
}

.auth-block a {
    text-decoration: none;
    outline: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #363738
}

.auth-block a:hover {
    color: #ffffff
}

.auth-block .control-label {
    padding-top: 11px;
    color: #363738
}

.auth-block .form-group {
    margin-bottom: 12px
}

.auth-input {
    width: 300px;
    margin-bottom: 24px
}

.auth-input input {
    display: block;
    width: 100%;
    border: none;
    font-size: 16px;
    padding: 4px 10px;
    outline: 0
}

a.forgot-pass {
    display: block;
    text-align: right;
    margin-bottom: -20px;
    float: right;
    z-index: 2;
    position: relative
}

.al-share-auth,
.auth-link,
.auth-sep {
    text-align: center
}

.auth-link {
    display: block;
    margin-bottom: 33px
}

.auth-sep {
    margin-top: 36px;
    margin-bottom: 24px;
    line-height: 20px;
    display: block;
    position: relative
}

.auth-sep>span {
    display: table-cell;
    width: 30%;
    white-space: nowrap;
    padding: 0 24px;
    color: #fff
}

.auth-sep>span>span {
    margin-top: -12px;
    display: block
}

.auth-sep:after,
.auth-sep:before {
    border-top: solid 1px #fff;
    content: "";
    height: 1px;
    width: 35%;
    display: table-cell
}

.al-share-auth .al-share {
    float: none;
    margin: 0;
    padding: 0;
    display: inline-block
}

.al-share-auth .al-share li {
    margin-left: 24px
}

.al-share-auth .al-share li:first-child {
    margin-left: 0
}

.al-share-auth .al-share li i {
    font-size: 24px
}

.btn-auth {
    color: #fff!important
}
.mensajes {
    position: absolute;
    width: 100%;
    text-align: center;
}
.logo {
    margin-top: -10rem;
    margin-bottom: 3rem;
}
.timer {    background: url(/intranet/Backoffice/imagenes/loading.gif);
    height: 50px;
    width: 50px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;}
.total_modal {
    position: fixed;
    background: rgba(0, 0, 0, 0.51);
    width: 100%;
    height: 100%;    z-index: 10;
}
.form-control-error{background-color: rgba(210, 41, 41, 0.38);}
footer {
    position: fixed;
    bottom: 0px;
    background: #91ca46;
    width: 100%;
    color: white;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-top: 1px solid #dbdcdd;

}
.dropdown-menu.salir {
    left: -40px;
    text-align: center;
    min-width: 100px;
}a#sessionKiller {
    cursor: pointer;
}
.usuario_bo {
    position: absolute;
    left: 380px;
    top: 18px;
    width: 300px;
    height: 36px;
    background: #DBDCDD;
    text-align: center;
    border-radius: 2rem;
    line-height: 34px;
    color: black;
    font-weight: 700;
}
/* Sortable ******************/
#sortable {
list-style: none;
text-align: left;
}
#sortable li {
margin: 0 0 10px 0;
height: 73px;
background: #dbdcdd;
border: 1px solid #218d3f;
border-radius: 5px;
color: #333333;
}
#sortable li span {
background-color: #9acfef;
background-image: url('../imagenes/drag.png');
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 71px;
display: inline–block;
float: left;
cursor: move;
}
#sortable li img {
height: 65px;
border: 5px solid #cccccc;
display: inline-block;
float: left;
}
#sortable li div {
padding: 5px 50px;
}
#sortable li h2 {
line-height: 28px;
}
.caja_ano {
   margin:20px auto 40px auto;  
   border:1px solid #d9d9d9;
   height:30px;
   overflow: hidden;
   width: 230px;
   position:relative;
   top: 0px;
   left: 350px;
   float: left;
}
select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 30px;
   padding: 5px;
   width: 260px;
}
select:focus{ outline: none;}

.caja_ano::after{
    content:"\025be";
    display:table-cell;
    padding-top:7px;
    text-align:center;
    width:30px;
    height:30px;
    background-color:#d9d9d9;
    position:absolute;
    top:0;
    right:0px;  
    pointer-events: none;
}
/*the container must be positioned relative:*/
.caja_macro {
  position: relative;
  font-family: Arial;
}
.caja_macro select {
  display: none; /*hide original SELECT element:*/
}
.select-selected {
  background-color: DodgerBlue;
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
a.btn.btn-primary.anade {
    margin-left: 10px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #dededd;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #99ceee;
}

input:focus + .slider {
  box-shadow: 0 0 1px #99ceee;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.lateral {
    border: 1px solid black;
    height: 600px;
    width: 410px;
    border-radius: 20px;
    position: absolute;
    left: 21%;
    background-color:#ffffff;
}
.lateral .logo {
    margin: 2rem auto;
    display: table;
}
.lateral .auth-block h1 {
    font-weight: 800;
    font-size: 30px;
    font-family: 'Calibri', sans-serif;
    color: #000000;
}
.lateral .auth-block {
    width: 99%;
    margin: 0 auto;
    border-radius: 5px;
    color: #363738;
    padding: 0px 24px;
    background: inherit;
}
.lateral .auth-block .control-label {
    font-size: 13px;
    padding: 0px;
}
.degradado{
background: rgba(230,230,230,1);
background: -moz-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(204,204,204,1) 63%, rgba(179,179,179,1) 89%, rgba(156,156,156,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(230,230,230,1)), color-stop(63%, rgba(204,204,204,1)), color-stop(89%, rgba(179,179,179,1)), color-stop(100%, rgba(156,156,156,1)));
background: -webkit-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(204,204,204,1) 63%, rgba(179,179,179,1) 89%, rgba(156,156,156,1) 100%);
background: -o-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(204,204,204,1) 63%, rgba(179,179,179,1) 89%, rgba(156,156,156,1) 100%);
background: -ms-linear-gradient(left, rgba(230,230,230,1) 0%, rgba(204,204,204,1) 63%, rgba(179,179,179,1) 89%, rgba(156,156,156,1) 100%);
background: linear-gradient(to right, rgba(230,230,230,1) 0%, rgba(204,204,204,1) 63%, rgba(179,179,179,1) 89%, rgba(156,156,156,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#9c9c9c', GradientType=1 );
}
.lateral .btn-auth {margin: 0 38%;}
/* Custom Code Here */
input[type=checkbox] {
    visibility: hidden;
}
/* SQUARED TWO */
.squaredTwo {
    width: 28px;
    height: 28px;
    background: #fcfff4;

    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    margin: 0px;
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    position: relative;
    float: left;
}

.squaredTwo label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 4px;
    top: 4px;

    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

    background: -webkit-linear-gradient(top, #91ca46 0%, #415a20 100%);
    background: -moz-linear-gradient(top, #91ca46 0%, #415a20 100%);
    background: -o-linear-gradient(top, #91ca46 0%, #415a20 100%);
    background: -ms-linear-gradient(top, #91ca46 0%, #415a20 100%);
    background: linear-gradient(top, #91ca46 0%, #415a20 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91ca46', endColorstr='#415a20',GradientType=0 );
}

.squaredTwo label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 16px;
    height: 7px;
    background: transparent;
    top: 5px;
    left: 3px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.lateral .col-sm-12.check {
    margin: 0 21%;
}
.lateral form.form-horizontal {
    border-top: 1px dashed grey;
    padding-top: 30px;
    border-bottom: 1px dashed grey;
    padding-bottom: 10px;
}
.lateral a.forgot-pass {
    margin-top: 33px;
    font-size: smaller;
    float: none;
    text-align: center;
}
.iniciofo-1 {
    background: #ffffff;
  background-image: url("moleculas/adalimumab-fab.jpg");
  background-image: url(moleculas/adalimumab-fab.jpg), linear-gradient(#ffffff, #fbfbfb);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.iniciofo-2 {
    background: #ffffff;
  background-image: url("moleculas/erythropotein-humana.jpg");
      background-image: url(moleculas/erythropotein-humana.jpg), linear-gradient(#ffffff, #fbfbfb);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.iniciofo-3 {
    background: #ffffff;
  background-image: url("moleculas/follicle-humana.jpg"); /* fallback */
      background-image: url(moleculas/follicle-humana.jpg), linear-gradient(#ffffff, #fbfbfb);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.iniciofo-4 {
    background: #ffffff;
    background-image: url("moleculas/granulocita-colonia-stimula.jpg"); /* fallback */
    background-image: url(moleculas/granulocita-colonia-stimula.jpg), linear-gradient(#ffffff, #fbfbfb);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.iniciofo-5 {
    background: #ffffff;
    background-image: url("moleculas/hormona-crecimiento.jpg"); /* fallback */
    background-image: url(moleculas/hormona-crecimiento.jpg), linear-gradient(#ffffff, #fbfbfb);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.iniciofo-6 {
    background: #ffffff;
    background-image: url("moleculas/insulina.jpg"); /* fallback */
    background-image: url(moleculas/insulina.jpg), linear-gradient(#ffffff, #fbfbfb);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.iniciofo-7 {
    background: #ffffff;
    background-image: url("moleculas/rituximab-fab.jpg"); /* fallback */
    background-image: url(moleculas/rituximab-fab.jpg), linear-gradient(#ffffff, #fbfbfb);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.iniciofo-8 {
    background: #ffffff;
    background-image: url("moleculas/tnf-alpha.jpg"); /* fallback */
    background-image: url(moleculas/tnf-alpha.jpg), linear-gradient(#ffffff, #fbfbfb);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.calendario {
    width: 57%;
    height: 750px;
    min-width: 57%;
    min-height: 75%;
}

figure.imagenhover {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 230px;
  max-width: 315px;
  /*width: 100%;*/
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background-color: #000000;
}
figure.imagenhover *,
figure.imagenhover *:before,
figure.imagenhover *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}
figure.imagenhover img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
  opacity: 0.9;
}
figure.imagenhover .title {
  position: absolute;
  top: 58%;
  left: 15px;
  padding: 5px 0px 10px;
}
figure.imagenhover .title:before,
figure.imagenhover .title:after {
  height: 2px;
  width: 400px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}
figure.imagenhover .title:before {
  top: 0;
  left: 10px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
figure.imagenhover .title:after {
  bottom: 0;
  right: 10px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
figure.imagenhover .title div:before,
figure.imagenhover .title div:after {
  width: 2px;
  height: 300px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}
figure.imagenhover .title div:before {
  top: 10px;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
figure.imagenhover .title div:after {
  bottom: 10px;
  left: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
figure.imagenhover h2,
figure.imagenhover h4 {
  margin: 0;
}
figure.imagenhover h2 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 2.2rem;
  text-shadow: 1px 1px 0 #000000, 1px -1px 0 #000000, -1px -1px 0 #000000, -1px 1px 0 #000000;
}
figure.imagenhover h4 {
  display: block;
  font-weight: 700;
  background-color: #ffffff;
  padding: 5px 0px;
  color: #000000;
}
figure.imagenhover figcaption {
  position: absolute;
  bottom: 42%;
  left: 25px;
  text-align: left;
  opacity: 0;
  padding: 5px 60px 5px 10px;
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 1.5px;
}
figure.imagenhover figcaption p {
  margin: 0;
}
figure.imagenhover a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
figure.imagenhover:hover img,
figure.imagenhover.hover img {
  zoom: 1;
  filter: alpha(opacity=35);
  -webkit-opacity: 0.35;
  opacity: 0.35;
}
figure.imagenhover:hover .title:before,
figure.imagenhover.hover .title:before,
figure.imagenhover:hover .title:after,
figure.imagenhover.hover .title:after,
figure.imagenhover:hover .title div:before,
figure.imagenhover.hover .title div:before,
figure.imagenhover:hover .title div:after,
figure.imagenhover.hover .title div:after {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
figure.imagenhover:hover .title:before,
figure.imagenhover.hover .title:before,
figure.imagenhover:hover .title:after,
figure.imagenhover.hover .title:after {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
figure.imagenhover:hover figcaption,
figure.imagenhover.hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.img.ladoder.col-xs-2 {
    margin-right: 2%;
}
.calendario.ladoizq.col-md-9.col-xs-9 {
    margin-left: 4%;
}
.activa {
    filter: url(#grayscale);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.al-main.sin-separacion {
    margin-left: 15px;
}
.bandera_datos{height:35px;border: 1px solid #dededd;}
.sticky{box-shadow: 8px 3px 20px 3px rgba(0, 0, 0, .5);}
.action-enabled {color: #78d07d;cursor: pointer;font-size: 2rem;}
.action-disabled {color: #c05c67;cursor: pointer;font-size: 2rem;}
.visible {display: block;}
.oculto {display: none;}
.table>tbody>tr>td:nth-last-child(2) {text-align: center;}
/* Hidding the radiobuttons & checkboxes */
input[type="radio"], input[type="checkbox"] {
    display: none;
}
/* Hidding the "check" status of inputs */
input[type="radio"] + label .fa-circle,
input[type="checkbox"] + label .fa-check  {
display: none;
}
/* Styling the "check" status */
input[type="radio"]:checked + label .fa-circle,
input[type="checkbox"]:checked + label .fa-check {
display: block;
color: #94ca4a;
}
/* Styling checkboxes */
input[type="checkbox"]:checked + label .fa-check {
position: relative;
left: .125em;
bottom: .125em;
}
/* Styling radiobuttons */
input[type="radio"]:checked + label .fa-circle-o {
display: none;
}
img.zoom {
    width: 350px;
    height: 200px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
 
.transition {
    -webkit-transform: scale(3); 
    -moz-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
}
.todo {
    width: 15rem;
    height: 40px;
    background: #94ca4a;
    margin: 0px;
    border-radius: 50px;
    position: fixed;
    right: 30rem;
    bottom: 18%;
    line-height: 40px;
    text-align: center;
    color: white;
}
.checkbox-2 {
    width: 140px;
    height: 40px;
    background: #94ca4a;
    margin: 0px;
    border-radius: 50px;
    position: fixed;
    right: 11rem;
    bottom: 18%;
}
.checkbox-2:before {
    content: 'Sí';
    position: absolute;
    top: 0;
    left: 20px;
    color: #ffffff;
    font-size: 20px;
  line-height: 40px;
  text-shadow: 0 0 2px #FFFFFF;
}
.checkbox-2:after {
    content: 'No';
  color: #ffffff;
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 20px;
  line-height: 40px;
  text-shadow: 0 0 1px #000000;
}
.checkbox-2 label {
    background: #218d3f;
    display: block;
    width: 75px;
    height: 22px;
    border-radius: 50px;
    transition: all .7s ease;
    cursor: pointer;
    position: absolute;
    top: 9px;
    z-index: 1;
    left: 10px;
    color: #ffffff;
    padding: 2px 12px 0;

}
.checkbox-2 input[type=checkbox]:checked + label {
    left: 55px;
    background: #218d3f;
    color: white;
    padding: 2px 12px 0;
}
table#datos_tabla_resultado {text-align: center;}
td.resaltatd {
    font-size: 2rem;
    font-weight: 600;
    color: #ffffff;
    background: #d85602;
    background: #99ceee;
}

@media screen and (max-width:1380px) {
figure.imagenhover {
    min-width: 200px;
    max-width: 240px;
    width: 80%;
    font-size: 14px !important;
}
figure.imagenhover h2 {font-size: 1.85rem;}
figure.imagenhover figcaption {font-size: 0.6em !important;}
}

.contenedor {
    position: relative;
    height: 100%;
    width: 100%;
    left: 0;
    -webkit-transition:  left 0.4s ease-in-out;
    -moz-transition:  left 0.4s ease-in-out;
    -ms-transition:  left 0.4s ease-in-out;
    -o-transition:  left 0.4s ease-in-out;
    transition:  left 0.4s ease-in-out;
    z-index: 100;
}
.contenedor.open-sidebar {
    left: 240px;
}
 
.swipe-area {
    position: absolute;
    width: 50px;
    left: 0;
top: 0;
    height: 100%;
/*    background: #f3f3f3;*/
    z-index: 0;
}
#sidebar {
    background: #99ceee;
    position: absolute;
    width: 240px;
    height: 100%;
    left: -240px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#sidebar ul li {
    margin: 0;
}
#sidebar ul li a {
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 100;
    color: white;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #dededd;
    -webkit-transition:  background 0.3s ease-in-out;
    -moz-transition:  background 0.3s ease-in-out;
    -ms-transition:  background 0.3s ease-in-out;
    -o-transition:  background 0.3s ease-in-out;
    transition:  background 0.3s ease-in-out;
    background: #94ca4a;
}
#sidebar ul li:hover a {
    background: #218d3f;
}
.main-content #sidebar-toggle {
    background: #9acfef;
    border-radius: 3px;
    display: block;
    position: relative;
    padding: 10px 7px;
    float: left;margin-top:2rem;
}
.main-content #sidebar-toggle .bar{
     display: block;
    width: 18px;
    margin-bottom: 3px;
    height: 2px;
    background-color: #fff;
    border-radius: 1px;   
}
.main-content #sidebar-toggle .bar:last-child{
     margin-bottom: 0;   
}
.al-main.sin-separacion.cero-separacion {
    margin-left: 0px;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}
h3.supra {
    display: inline-flex;width:350px;
}i.fa.fa-caret-square-o-down.collapsible {
    color: #94ca4a;
}
#calendar select {
    width: initial;
}
#calendar input.btn_radio {
    display: inherit;
}
div#autonomias {
    width: 540px;
    position: fixed;
}
.table>thead:first-child>tr:first-child>th {
    text-align: center;
}
/* Style the collapsible content. Note: hidden by default */
.contenido-oculto {
  padding: 0 4px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
ul.archivado {
    list-style: none;
    float: left;
}
.carpetitas {
    background-color: #94ca4a;color: white;
    font-size: 1.3rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
span.letritas {
    color: white;
    font-weight: 600;
    font-size: 1.6rem;
}
.separado {
    padding-top: 3rem;
    text-align: center;
}
.permisos {cursor: pointer;}
.lateral.grande {
    width: 600px;
    left: 30%;
}
.desactivado {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: initial !important;
}
.grupos .col-md-2 {
 margin-left:2%;
}
.verdecito {background-color: #87b943 !important;}
.blanco {color: #ffffff !important;}
.open-sidebar #sidebar ul {box-shadow: 1px 1px 10px black;}
.alert.bg-success.texto.grande.mayor {text-align: center;font-size: 2rem;font-weight: 400;letter-spacing: 4px;}
.fixed{position:fixed; top:95px;}
.row.pie-charts {margin-top: 2rem;}
a#btnpdf {position: absolute;min-width: 230px;margin-top: 9px;right: 2rem;}
.dest-pdf {box-shadow: 1px 1px 1px grey;border-radius: 50%;}
a#btnpdf:hover {cursor: pointer;}
/* Let's get this party started */
::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}
div#pas {
    position: fixed;
    top: 14rem;
    right: 0rem;
    border: 2px solid #208d3f;
    width: 16%;
    border-radius: 6px 0px 0px 6px;
    background-color: #e8f3fc;
}
#pas ul {
    padding-left: 0px;
}
span.selectorPA {
    font-size: 1rem;
}
span.selectorPA:hover {
    cursor: pointer;
}
label.selecMult:hover {cursor: pointer;}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(158, 209, 84); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(158, 209, 84, 0.4); 
}