/*!

 =========================================================
 * Light Bootstrap Dashboard - v2.0.1
 =========================================================

 * Product Page: http://www.creative-tim.com/product/light-bootstrap-dashboard
 * Copyright 2017 Creative Tim (http://www.creative-tim.com)
 * License (http://www.creative-tim.com/license)

 =========================================================

 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

 */

/*      light colors         */

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}

.modal.show .modal-dialog { -webkit-transform: translate(0, 30%); -o-transform: translate(0, 30%); transform: translate(0, 30%); }
.modal.modal-mini .modal-dialog { max-width: 255px; margin: 0 auto; }
.modal .modal-content .modal-header { border-bottom: none; padding-top: 24px; padding-right: 24px; padding-bottom: 0; padding-left: 24px; }
    .modal .modal-content .modal-header .modal-profile { width: 80px; height: 80px; border-radius: 50%; text-align: center; line-height: 5.7; box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.3); }
        .modal .modal-content .modal-header .modal-profile i { font-size: 32px; padding-top: 24px; }
.modal .modal-content .modal-body { padding-top: 24px; padding-right: 24px; padding-bottom: 16px; padding-left: 24px; line-height: 1.9; }
    .modal .modal-content .modal-body + .modal-footer { padding-top: 0; }
.modal .modal-content .modal-footer { border-top: none; padding-right: 24px; padding-bottom: 16px; padding-left: 24px; -webkit-justify-content: space-between; justify-content: space-between; }
    .modal .modal-content .modal-footer .btn { margin: 0; padding-left: 16px; padding-right: 16px; width: auto; }
        .modal .modal-content .modal-footer .btn:hover, .modal .modal-content .modal-footer .btnfocus { text-decoration: none; }
/*           Font Smoothing      */

body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn-simple, .alert, a, .td-name, td, button.close { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; font-weight: 400; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-weight: 300; margin: 30px 0 15px; }
h1, .h1 { font-size: 3.25rem; }
h2, .h2 { font-size: 2.25rem; }
h3, .h3 { font-size: 1.75rem; margin: 20px 0 10px; }
h4, .h4 { font-size: 1.375rem; line-height: 30px; }
h5, .h5 { font-size: 1.125rem; margin-bottom: 15px; }
h6, .h6 { font-size: 0.875rem; font-weight: 600; text-transform: uppercase; }
p { font-size: 1rem; line-height: 1.5; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { color: #9A9A9A; font-weight: 300; line-height: 1.5; }
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small { font-size: 60%; }
h1 .subtitle { display: block; margin: 0 0 30px; }
.text-muted { color: #9A9A9A; }
.text-primary, .text-primary:hover { color: #1D62F0 !important; }
.text-info, .text-info:hover { color: #23CCEF !important; }
.text-success, .text-success:hover { color: #87CB16 !important; }
.text-warning, .text-warning:hover { color: #FFA534 !important; }
.text-danger, .text-danger:hover { color: #FB404B !important; }
.typo-line { padding-left: 140px; margin-bottom: 40px; position: relative; }
    .typo-line .category { transform: translateY(-50%); top: 50%; left: 0px; position: absolute; font-size: 14px; font-weight: 400; color: #888888; margin-bottom: 0px; }
blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; }
/*     General overwrite     */

body, .wrapper { min-height: 100vh; position: relative; }
a { color: #23CCEF; }
    a:hover, a:focus { color: #11bfe3; text-decoration: none; }
    a:focus, a:active, button::-moz-focus-inner, input::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { outline: 0; }
.ui-slider-handle:focus, .navbar-toggle, input:focus { outline: 0 !important; }
/*           Animations              */

.form-control, .input-group-addon, .tagsinput, .navbar, .navbar .alert { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.animation-transition-fast, .sidebar .nav .collapse a > span, .sidebar .sidebar-wrapper > .nav p, .sidebar .user .info > a > span, .sidebar .logo a.logo-normal, .sidebar .user .info .collapse .nav a > span { -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear; }
.sidebar .nav a, .table > tbody > tr .td-actions .btn { -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in; }
.btn { -webkit-transition: all 60ms ease-in; -moz-transition: all 60ms ease-in; -o-transition: all 60ms ease-in; -ms-transition: all 60ms ease-in; transition: all 60ms ease-in; }
.fa { width: 18px; text-align: center; }
.margin-top { margin-top: 50px; }
.wrapper { position: relative; top: 0; height: 100vh; }
.card .map { height: 400px; }
    .card .map .map-big { height: 350px; }
.page-header .page-header-image { background-position: center center; background-size: cover; height: 450px; overflow: hidden; width: 100%; z-index: 1; }
.page-header .title-container { color: #fff; position: relative; top: 200px; z-index: 3; }
.page-header .filter:after { background: transparent linear-gradient(to bottom, #9368e9 0%, #943bea 100%) repeat scroll 0 0/150% 150%; content: ""; display: block; height: 450px; left: 0; opacity: 0.77; position: absolute; top: 0; width: 100%; z-index: 2; }
.form-control, .input-group-addon, .tagsinput, .navbar .alert, .card-collapse.collapse { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.card .card-body.content-full-width { padding: 15px 0px 10px 0px; }
    .card .card-body.content-full-width .accordions .card-title a { padding: 0px 0px 5px 15px; }
.sidebar, .main-panel, .sidebar-wrapper, .navbar-fixed, .navbar-minimize { -webkit-transition-property: top, bottom, width; transition-property: top, bottom, width; -webkit-transition-duration: .2s, .2s, .35s; transition-duration: .2s, .2s, .35s; -webkit-transition-timing-function: linear, linear, ease; transition-timing-function: linear, linear, ease; -webkit-overflow-scrolling: touch; }
    .animation-transition-general, .sidebar .nav p, .sidebar .user .photo, .bootstrap-navbar .user .photo, .sidebar .user a, .bootstrap-navbar .user a, .login-page .card { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.sidebar { position: fixed; top: 0; bottom: 0; left: 0; width: 260px; display: block; z-index: 1; color: #fff; font-weight: 200; background-size: cover; background-position: center center; }
    .sidebar .logo-img { width: 30px; display: inline-block; max-height: 30px; }
        .sidebar .logo-img img { width: 35px; top: 1px; position: absolute; left: 0px; }
    .sidebar .logo { padding: 12px 0px 9px; margin: 0; position: relative; z-index: 4; display: block; }
        .sidebar .logo a.logo-mini { float: left; width: 30px; text-align: center; margin-left: 23px; margin-right: 15px; position: relative; }
        .sidebar .logo a.logo-normal { display: block; opacity: 1; -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }
        .sidebar .logo .simple-text { text-transform: uppercase; padding: 5px 0px; display: inline-block; font-size: 1.125rem; font-weight: 400; line-height: 30px; white-space: nowrap; color: #FFFFFF; overflow: hidden; }
        .sidebar .logo p { float: left; font-size: 20px; margin: 10px 10px; line-height: 20px; }
        .sidebar .logo:before { content: ""; position: absolute; bottom: 0px; right: 15px; width: calc(100% - 30px); height: 1px; }
    .sidebar .sidebar-wrapper { position: relative; max-height: calc(100vh - 75px); min-height: 100%; overflow: auto; width: 260px; z-index: 4; padding-bottom: 100px; }
        .sidebar .sidebar-wrapper .nav .nav-item [data-toggle="collapse"] ~ div .nav .nav-item .nav-link { background: transparent; padding-left: 55px; text-transform: capitalize; padding: 5px 15px 5px 15px; font-weight: 400; font-size: 14px; }
        .sidebar .sidebar-wrapper .nav .nav-item [data-toggle="collapse"] ~ div .nav .nav-item:hover .nav-link, .sidebar .sidebar-wrapper .nav .nav-item [data-toggle="collapse"] ~ div .nav .nav-item:focus .nav-link, .sidebar .sidebar-wrapper .nav .nav-item [data-toggle="collapse"] ~ div .nav .nav-item.active .nav-link { background: rgba(255, 255, 255, 0.13); }
        .sidebar .sidebar-wrapper .nav .nav-item [data-toggle="collapse"] ~ div .nav .sidebar-normal { left: 15px; }
        .sidebar .sidebar-wrapper .nav .nav-link p { margin: 0; line-height: 30px; font-size: 12px; font-weight: 600; text-transform: uppercase; white-space: nowrap; position: relative; color: #FFFFFF; -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); display: block; height: auto; opacity: 1; }
        .sidebar .sidebar-wrapper .navbar-form.navbar-search-form { margin-top: 15px; padding-left: 25px; }
            .sidebar .sidebar-wrapper .navbar-form.navbar-search-form input { padding-left: 10px; padding-top: 5px; }
    .sidebar .sidebar-background { position: absolute; z-index: 1; height: 100%; width: 100%; display: block; top: 0; left: 0; background-size: cover; background-position: center center; }
    .sidebar .user { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 20px; margin-top: 20px; }
        .sidebar .user .photo { width: 34px; height: 34px; overflow: hidden; border-radius: 50%; float: left; margin-right: 11px; margin-left: 23px; z-index: 5; border: 2px solid rgba(255, 255, 255, 0.3); }
            .sidebar .user .photo img { width: 100%; }
        .sidebar .user .info .caret { right: 15px; top: -5px; }
        .sidebar .user .info a { color: #FFFFFF; padding: 8px 14px; display: block; white-space: nowrap; line-height: 18px; }
        .sidebar .user .info span { position: relative; display: block; }
        .sidebar .user .info .collapse .sidebar-normal { padding-left: 0; }
        .sidebar .user .profile-dropdown { text-align: left !important; padding-left: 25px !important; }
            .sidebar .user .profile-dropdown .sidebar-mini, .sidebar .user .profile-dropdown .sidebar-normal { margin-right: 0; font-size: 14px; }
            .sidebar .user .profile-dropdown .sidebar-normal { left: 15px; }
    .sidebar .caret { display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; margin-top: 13px; position: absolute; right: 0; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in; }
    .sidebar a[data-toggle="collapse"][aria-expanded="true"] .caret, .sidebar .btn[data-toggle="collapse"][aria-expanded="true"] .caret, .sidebar a.dropdown-toggle[aria-expanded="true"] .caret { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
    .sidebar .nav { float: none; display: block; }
        .sidebar .nav .nav-item .nav-link { color: #FFFFFF; margin: 5px 15px 0px 10px; opacity: .86; border-radius: 4px; text-transform: uppercase; line-height: 30px; font-size: 12px; font-weight: 600; padding: 10px 15px; white-space: nowrap; }
            .sidebar .nav .nav-item .nav-link:hover { background: rgba(255, 255, 255, 0.13); opacity: 1; }
            .sidebar .nav .nav-item .nav-link i { font-size: 28px; margin-right: 15px; width: 30px; text-align: center; vertical-align: middle; float: left; }
        .sidebar .nav .nav-item:not(.collapse .nav-link):hover .nav-link { background: rgba(255, 255, 255, 0.13); opacity: 1; }
        .sidebar .nav .nav-item.active .nav-link { color: #FFFFFF; opacity: 1; background: rgba(255, 255, 255, 0.23); }
        .sidebar .nav .nav-item.separator { margin: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
            .sidebar .nav .nav-item.separator + .nav-item { margin-top: 31px; }
    .sidebar:after, .sidebar:before { display: block; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; }
    .sidebar:before { opacity: .33; background: #000000; }
    .sidebar[data-image]:after, .sidebar.has-image:after { opacity: .95; }
    .sidebar .logo p, .bootstrap-navbar .logo p { float: left; font-size: 20px; margin: 10px 10px; color: #FFFFFF; line-height: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .sidebar .logo .logo-text, .bootstrap-navbar .logo .logo-text { text-transform: uppercase; padding: 5px 0px 5px 15px; display: block; font-size: 1.125rem; color: #FFFFFF; font-weight: 400; line-height: 30px; white-space: nowrap; overflow: hidden; }
    .sidebar .logo .logo-image, .bootstrap-navbar .logo .logo-image { float: left; height: 40px; width: 40px; margin: 0 10px; }
    .sidebar .logo .logo-round, .bootstrap-navbar .logo .logo-round { border-radius: 50%; display: block; overflow: hidden; }
        .sidebar .logo .logo-round img, .bootstrap-navbar .logo .logo-round img { width: 100%; }
    .sidebar .logo:before, .bootstrap-navbar .logo:before { content: ""; position: absolute; bottom: 0px; right: 15px; width: calc(100% - 30px); height: 1px; background-color: rgba(255, 255, 255, 0.3); }
    .sidebar .logo-mini .logo-text, .bootstrap-navbar .logo-mini .logo-text { text-transform: uppercase; padding: 7px 0px; display: block; font-size: 1.125rem; color: #FFFFFF; font-weight: 400; line-height: 30px; text-align: center; white-space: nowrap; overflow: hidden; }
    .sidebar[data-color="black"]:after, .bootstrap-navbar[data-color="black"]:after { background: #797979; background: -moz-linear-gradient(top, #797979 0%, rgba(121, 121, 121, 0.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #797979), color-stop(100%, rgba(121, 121, 121, 0.7))); background: -webkit-linear-gradient(top, #797979 0%, rgba(121, 121, 121, 0.7) 100%); background: -o-linear-gradient(top, #797979 0%, rgba(121, 121, 121, 0.7) 100%); background: -ms-linear-gradient(top, #797979 0%, rgba(121, 121, 121, 0.7) 100%); background: linear-gradient(to bottom, #797979 0%, rgba(121, 121, 121, 0.7) 100%); background-size: 150% 150%; }
    .sidebar[data-color="blue"]:after, .bootstrap-navbar[data-color="blue"]:after { background: #447DF7; background: -moz-linear-gradient(top, #447DF7 0%, rgba(83, 60, 225, 0.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #447DF7), color-stop(100%, rgba(83, 60, 225, 0.7))); background: -webkit-linear-gradient(top, #447DF7 0%, rgba(83, 60, 225, 0.7) 100%); background: -o-linear-gradient(top, #447DF7 0%, rgba(83, 60, 225, 0.7) 100%); background: -ms-linear-gradient(top, #447DF7 0%, rgba(83, 60, 225, 0.7) 100%); background: linear-gradient(to bottom, #447DF7 0%, rgba(83, 60, 225, 0.7) 100%); background-size: 150% 150%; }
    .sidebar[data-color="azure"]:after, .bootstrap-navbar[data-color="azure"]:after { background: #23CCEF; background: -moz-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23CCEF), color-stop(100%, rgba(64, 145, 255, 0.7))); background: -webkit-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.7) 100%); background: -o-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.7) 100%); background: -ms-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.7) 100%); background: linear-gradient(to bottom, #23CCEF 0%, rgba(64, 145, 255, 0.7) 100%); background-size: 150% 150%; }
    .sidebar[data-color="green"]:after, .bootstrap-navbar[data-color="green"]:after { background: #87CB16; background: -moz-linear-gradient(top, #87CB16 0%, rgba(109, 192, 48, 0.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87CB16), color-stop(100%, rgba(109, 192, 48, 0.7))); background: -webkit-linear-gradient(top, #87CB16 0%, rgba(109, 192, 48, 0.7) 100%); background: -o-linear-gradient(top, #87CB16 0%, rgba(109, 192, 48, 0.7) 100%); background: -ms-linear-gradient(top, #87CB16 0%, rgba(109, 192, 48, 0.7) 100%); background: linear-gradient(to bottom, #87CB16 0%, rgba(109, 192, 48, 0.7) 100%); background-size: 150% 150%; }
    .sidebar[data-color="orange"]:after, .bootstrap-navbar[data-color="orange"]:after { background: #FFA534; background: -moz-linear-gradient(top, #FFA534 0%, rgba(255, 82, 33, 0.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFA534), color-stop(100%, rgba(255, 82, 33, 0.7))); background: -webkit-linear-gradient(top, #FFA534 0%, rgba(255, 82, 33, 0.7) 100%); background: -o-linear-gradient(top, #FFA534 0%, rgba(255, 82, 33, 0.7) 100%); background: -ms-linear-gradient(top, #FFA534 0%, rgba(255, 82, 33, 0.7) 100%); background: linear-gradient(to bottom, #FFA534 0%, rgba(255, 82, 33, 0.7) 100%); background-size: 150% 150%; }
    .sidebar[data-color="red"]:after, .bootstrap-navbar[data-color="red"]:after { background: #FB404B; background: -moz-linear-gradient(top, #FB404B 0%, rgba(187, 5, 2, 0.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FB404B), color-stop(100%, rgba(187, 5, 2, 0.7))); background: -webkit-linear-gradient(top, #FB404B 0%, rgba(187, 5, 2, 0.7) 100%); background: -o-linear-gradient(top, #FB404B 0%, rgba(187, 5, 2, 0.7) 100%); background: -ms-linear-gradient(top, #FB404B 0%, rgba(187, 5, 2, 0.7) 100%); background: linear-gradient(to bottom, #FB404B 0%, rgba(187, 5, 2, 0.7) 100%); background-size: 150% 150%; }
    .sidebar[data-color="purple"]:after, .bootstrap-navbar[data-color="purple"]:after { background: #9368E9; background: -moz-linear-gradient(top, #9368E9 0%, rgba(148, 59, 234, 0.7) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9368E9), color-stop(100%, rgba(148, 59, 234, 0.7))); background: -webkit-linear-gradient(top, #9368E9 0%, rgba(148, 59, 234, 0.7) 100%); background: -o-linear-gradient(top, #9368E9 0%, rgba(148, 59, 234, 0.7) 100%); background: -ms-linear-gradient(top, #9368E9 0%, rgba(148, 59, 234, 0.7) 100%); background: linear-gradient(to bottom, #9368E9 0%, rgba(148, 59, 234, 0.7) 100%); background-size: 150% 150%; }
.main-panel { background: rgba(203, 203, 210, 0.15); position: relative; float: right; width: calc(100% - 260px); }
    .main-panel .content { padding: 30px 15px; min-height: calc(100vh - 123px); }
    .main-panel .footer { border-top: 1px solid #e7e7e7; }
    .main-panel .navbar { margin-bottom: 0; }
.sidebar-mini .sidebar .sidebar-wrapper .nav .nav-item:hover .collapse .nav-item .nav-link { padding: 5px 15px; }
.sidebar .sidebar-wrapper .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini, .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-mini { text-transform: uppercase; float: left; width: 30px; text-align: center; letter-spacing: 1px; }
.sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .off-canvas-sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal { margin: 0; position: relative; transform: translateX(0px); opacity: 1; white-space: nowrap; display: inline-block; line-height: 23px; }
.sidebar .nav .nav-item .nav-link .sidebar-mini { padding-left: 5px !important; opacity: .86 !important; }

@media (min-width: 992px) {
    .sidebar-mini .visible-on-sidebar-regular { display: none !important; }
    .sidebar-mini .visible-on-sidebar-mini { display: inline-block !important; }
    .sidebar-mini .sidebar { width: 80px; display: block; font-weight: 200; z-index: 3; position: fixed; }
        .sidebar-mini .sidebar .logo a.logo-mini { opacity: 1; }
        .sidebar-mini .sidebar .logo a.logo-normal { opacity: 0; -webkit-transform: translate3d(-25px, 0, 0); -moz-transform: translate3d(-25px, 0, 0); -o-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
        .sidebar-mini .sidebar .sidebar-wrapper { overflow: inherit; width: 80px; box-shadow: none; }
            .sidebar-mini .sidebar .sidebar-wrapper .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .sidebar-mini .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .sidebar-mini .sidebar .sidebar-wrapper .user .info > a > span, .sidebar-mini .sidebar .sidebar-wrapper > .nav li > a p { -webkit-transform: translate3d(-25px, 0, 0); -moz-transform: translate3d(-25px, 0, 0); -o-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); opacity: 0; }
        .sidebar-mini .sidebar .info .collapse .nav li > a { margin: 0; border-radius: 0; }
        .sidebar-mini .sidebar .info .caret { opacity: 0; }
        .sidebar-mini .sidebar .info [data-toggle="collapse"] ~ div > ul > li:last-child > a { margin-bottom: 5px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
        .sidebar-mini .sidebar .info [data-toggle="collapse"] ~ div > ul > li:first-child > a { margin-top: 5px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
        .sidebar-mini .sidebar .nav .nav-item .nav-link .sidebar-mini { padding-left: 30px !important; }
        .sidebar-mini .sidebar:hover { width: 260px; }
            .sidebar-mini .sidebar:hover .logo a.logo-normal { opacity: 1; -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }
            .sidebar-mini .sidebar:hover .nav-item [data-toggle="collapse"] ~ div .nav .sidebar-normal { left: 0; }
            .sidebar-mini .sidebar:hover .caret { opacity: 1; }
            .sidebar-mini .sidebar:hover .sidebar-wrapper { width: 260px; }
                .sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li > a p, .sidebar-mini .sidebar:hover .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .sidebar-mini .sidebar:hover .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .sidebar-mini .sidebar:hover .sidebar-wrapper .user .info > a > p, .sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li > a .caret, .sidebar-mini .sidebar:hover .sidebar-wrapper .user .info a span { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); opacity: 1; }
                .sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li.active > a:not([data-toggle="collapse"]):before, .sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li.active > a:not([data-toggle="collapse"]):after { opacity: 0; }
            .sidebar-mini .sidebar:hover .nav .nav-item .nav-link .sidebar-mini { margin-right: 5px !important; }
            .sidebar-mini .sidebar:hover .sidebar-normal { padding-left: 10px; padding-right: 10px; margin: 5px 15px 0px; border-radius: 4px; color: #FFFFFF; opacity: .86; }
    .sidebar-mini .main-panel { width: calc(100% - 80px); margin-left: 80px; }
    .sidebar-mini .wrapper { height: auto; }
    .sidebar-mini .sidebar, .sidebar-mini .main-panel { overflow: visible; max-height: none; height: auto; }
    .sidebar-mini .navbar-fixed { width: calc(100% - 80px) !important; }
}

.visible-on-sidebar-regular { display: inline-block !important; }
.visible-on-sidebar-mini { display: none !important; }
.navbar-minimize { margin-right: 15px; }
.wrapper-full-page { min-height: 100vh; height: 100%; }
    .wrapper-full-page .navbar { z-index: 1030; }
        .wrapper-full-page .navbar .nav-link i { font-size: 18px; position: relative; right: 10px; text-align: center; }
        .wrapper-full-page .navbar .nav-item.active .nav-link { background-color: rgba(255, 255, 255, 0.2) !important; }
        .wrapper-full-page .navbar .nav-link:not(.btn):hover { background-color: rgba(255, 255, 255, 0.2) !important; border-radius: 0.1875rem; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
        .wrapper-full-page .navbar .navbar-nav .nav-item .nav-link { padding: 3px 15px; }
    .wrapper-full-page .footer { position: relative; z-index: 2; background: transparent; }
        .wrapper-full-page .footer .copyright { color: rgba(255, 255, 255, 0.7); }
            .wrapper-full-page .footer .copyright a { opacity: 1; }
.full-page .full-page-background { position: absolute; z-index: 1; height: 100%; width: 100%; display: block; top: 0; left: 0; background-size: cover; background-position: center center; }
.full-page:before, .full-page:after { display: block; content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; }
.full-page:before { opacity: .33; background: #000000; }
.full-page.register-page .content:first-of-type { padding-top: 10vh; }
.full-page > .content { min-height: calc(100vh - 70px); z-index: 4; position: relative; }
    .full-page > .content .card-register .card-title { color: #FFFFFF; }
    .full-page > .content .card-register .card-subtitle { margin-top: 10px; margin-bottom: 0; font-size: 21px; color: #FFFFFF; }
    .full-page > .content .card-register .footer { background-color: transparent; }
    .full-page > .content .card-register .content { padding-top: 5%; }
    .full-page > .content .card-register .media { color: #FFFFFF; margin-bottom: 15px; }
        .full-page > .content .card-register .media .icon { float: left; margin-right: 5px; margin-top: -3px; }
            .full-page > .content .card-register .media .icon i { font-size: 36px; }
        .full-page > .content .card-register .media .media-left, .full-page > .content .card-register .media .media-body { display: table-cell; vertical-align: top; }
        .full-page > .content .card-register .media .media-body { overflow: hidden; }
        .full-page > .content .card-register .media h4 { margin: 0 0 5px 15px; text-align: left; }
        .full-page > .content .card-register .media p { text-align: justify; margin-left: 15px; }
    .full-page > .content:first-of-type { padding-top: 20vh; }
.full-page.register-page .content { padding-top: 10vh; }
.full-page[data-color="black"]:after { background: #797979; background: -moz-linear-gradient(top, #797979 0%, #797979 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #797979), color-stop(100%, #797979)); background: -webkit-linear-gradient(top, #797979 0%, #797979 100%); background: -o-linear-gradient(top, #797979 0%, #797979 100%); background: -ms-linear-gradient(top, #797979 0%, #797979 100%); background: linear-gradient(to bottom, #797979 0%, #797979 100%); background-size: 150% 150%; }
.full-page[data-color="blue"]:after { background: #1F77D0; background: -moz-linear-gradient(top, #1F77D0 0%, #533ce1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1F77D0), color-stop(100%, #533ce1)); background: -webkit-linear-gradient(top, #1F77D0 0%, #533ce1 100%); background: -o-linear-gradient(top, #1F77D0 0%, #533ce1 100%); background: -ms-linear-gradient(top, #1F77D0 0%, #533ce1 100%); background: linear-gradient(to bottom, #1F77D0 0%, #533ce1 100%); background-size: 150% 150%; }
.full-page[data-color="azure"]:after { background: #1DC7EA; background: -moz-linear-gradient(top, #1DC7EA 0%, #4091ff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1DC7EA), color-stop(100%, #4091ff)); background: -webkit-linear-gradient(top, #1DC7EA 0%, #4091ff 100%); background: -o-linear-gradient(top, #1DC7EA 0%, #4091ff 100%); background: -ms-linear-gradient(top, #1DC7EA 0%, #4091ff 100%); background: linear-gradient(to bottom, #1DC7EA 0%, #4091ff 100%); background-size: 150% 150%; }
.full-page[data-color="green"]:after { background: #87CB16; background: -moz-linear-gradient(top, #87CB16 0%, #6dc030 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87CB16), color-stop(100%, #6dc030)); background: -webkit-linear-gradient(top, #87CB16 0%, #6dc030 100%); background: -o-linear-gradient(top, #87CB16 0%, #6dc030 100%); background: -ms-linear-gradient(top, #87CB16 0%, #6dc030 100%); background: linear-gradient(to bottom, #87CB16 0%, #6dc030 100%); background-size: 150% 150%; }
.full-page[data-color="orange"]:after { background: #FFA534; background: -moz-linear-gradient(top, #FFA534 0%, #ff5221 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFA534), color-stop(100%, #ff5221)); background: -webkit-linear-gradient(top, #FFA534 0%, #ff5221 100%); background: -o-linear-gradient(top, #FFA534 0%, #ff5221 100%); background: -ms-linear-gradient(top, #FFA534 0%, #ff5221 100%); background: linear-gradient(to bottom, #FFA534 0%, #ff5221 100%); background-size: 150% 150%; }
.full-page[data-color="red"]:after { background: #FB404B; background: -moz-linear-gradient(top, #FB404B 0%, #bb0502 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FB404B), color-stop(100%, #bb0502)); background: -webkit-linear-gradient(top, #FB404B 0%, #bb0502 100%); background: -o-linear-gradient(top, #FB404B 0%, #bb0502 100%); background: -ms-linear-gradient(top, #FB404B 0%, #bb0502 100%); background: linear-gradient(to bottom, #FB404B 0%, #bb0502 100%); background-size: 150% 150%; }
.full-page[data-color="purple"]:after { background: #9368E9; background: -moz-linear-gradient(top, #9368E9 0%, #943bea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9368E9), color-stop(100%, #943bea)); background: -webkit-linear-gradient(top, #9368E9 0%, #943bea 100%); background: -o-linear-gradient(top, #9368E9 0%, #943bea 100%); background: -ms-linear-gradient(top, #9368E9 0%, #943bea 100%); background: linear-gradient(to bottom, #9368E9 0%, #943bea 100%); background-size: 150% 150%; }
.full-page[data-image]:after, .full-page.has-image:after { opacity: .77; }
.fixed-plugin .dropdown .dropdown-menu { border-radius: 10px; }
    .fixed-plugin .dropdown .dropdown-menu li.adjustments-line { border-bottom: 1px solid #ddd; }
    .fixed-plugin .dropdown .dropdown-menu li { padding: 5px 2px !important; }
    .fixed-plugin .dropdown .dropdown-menu .button-container a { font-size: 14px; }
    .fixed-plugin .dropdown .dropdown-menu .adjustments-line .bootstrap-switch { position: absolute; right: 10px !important; }
    .fixed-plugin .dropdown .dropdown-menu .adjustments-line label { margin-bottom: .6rem !important; }
.fixed-plugin li > a, .fixed-plugin .badge { transition: all .34s; -webkit-transition: all .34s; -moz-transition: all .34s; }
.fixed-plugin { position: absolute; top: 200px; right: 0; width: 64px; background: rgba(0, 0, 0, 0.3); z-index: 1031; border-radius: 8px 0 0 8px; text-align: center; }
    .fixed-plugin .fa-cog { color: #FFFFFF; padding: 10px; border-radius: 0 0 6px 6px; width: auto; }
    .fixed-plugin .dropdown-menu { right: 80px; left: auto; width: 290px; border-radius: 0.1875rem; padding: 0 10px; }
        .fixed-plugin .dropdown-menu:after, .fixed-plugin .dropdown-menu:before { right: 10px; margin-left: auto; left: auto; }
    .fixed-plugin .fa-circle-thin { color: #FFFFFF; }
    .fixed-plugin .active .fa-circle-thin { color: #00bbff; }
    .fixed-plugin .dropdown-menu > .active > a, .fixed-plugin .dropdown-menu > .active > a:hover, .fixed-plugin .dropdown-menu > .active > a:focus { color: #777777; text-align: center; }
    .fixed-plugin img { border-radius: 0; width: 100%; height: 100px; margin: 0 auto; }
    .fixed-plugin .dropdown-menu li > a:hover, .fixed-plugin .dropdown-menu li > a:focus { box-shadow: none; }
    .fixed-plugin .badge { border: 3px solid #FFFFFF; border-radius: 50%; cursor: pointer; display: inline-block; height: 23px; margin-right: 5px; position: relative; width: 23px; }
        .fixed-plugin .badge.active, .fixed-plugin .badge:hover { border-color: #00bbff; }
    .fixed-plugin .badge-black { background-color: #777; }
    .fixed-plugin .badge-azure { background-color: #2CA8FF; }
    .fixed-plugin .badge-green { background-color: #18ce0f; }
    .fixed-plugin .badge-orange { background-color: #f96332; }
    .fixed-plugin .badge-yellow { background-color: #FFB236; }
    .fixed-plugin .badge-red { background-color: #FF3636; }
    .fixed-plugin .badge-purple { background-color: #9368E9; }
    .fixed-plugin h5 { font-size: 14px; margin: 10px; }
    .fixed-plugin .dropdown-menu li { display: block; padding: 18px 2px; width: 25%; float: left; }
    .fixed-plugin li.adjustments-line, .fixed-plugin li.header-title, .fixed-plugin li.button-container { width: 100%; height: 50px; min-height: inherit; }
    .fixed-plugin li.button-container { height: auto; }
        .fixed-plugin li.button-container div { margin-bottom: 5px; }
    .fixed-plugin #sharrreTitle { text-align: center; padding: 10px 0; height: 50px; }
    .fixed-plugin li.header-title { height: 30px; line-height: 25px; font-size: 12px; font-weight: 600; text-transform: uppercase; }
    .fixed-plugin .adjustments-line p { float: left; display: inline-block; margin-bottom: 0; font-size: 1em; color: #3C4858; padding-top: 7px; }
    .fixed-plugin .adjustments-line a .badge-colors { position: relative; top: -2px; }
    .fixed-plugin .adjustments-line .togglebutton { float: right; }
        .fixed-plugin .adjustments-line .togglebutton .toggle { margin-right: 0; }
    .fixed-plugin .dropdown-menu > li.adjustments-line > a { padding-right: 0; padding-left: 0; /*border-bottom: 1px solid #ddd;*/ border-radius: 0; margin: 0; }
    .fixed-plugin .dropdown-menu > li > a.img-holder { font-size: 16px; text-align: center; border-radius: 10px; background-color: #FFF; border: 3px solid #FFF; padding-left: 0; padding-right: 0; opacity: 1; cursor: pointer; display: block; max-height: 100px; overflow: hidden; padding: 0; }
    .fixed-plugin .dropdown-menu > li > a.switch-trigger:hover, .fixed-plugin .dropdown-menu > li > a.switch-trigger:focus { background-color: transparent; }
    .fixed-plugin .dropdown-menu > li:hover > a.img-holder, .fixed-plugin .dropdown-menu > li:focus > a.img-holder { border-color: rgba(0, 187, 255, 0.53); }
    .fixed-plugin .dropdown-menu > .active > a.img-holder, .fixed-plugin .dropdown-menu > .active > a.img-holder { border-color: #00bbff; background-color: #FFFFFF; }
    .fixed-plugin .dropdown-menu > li > a img { margin-top: auto; }
    .fixed-plugin .btn-social { width: 50%; display: block; width: 48%; float: left; font-weight: 600; }
        .fixed-plugin .btn-social i { margin-right: 5px; }
        .fixed-plugin .btn-social:first-child { margin-right: 2%; }
    .fixed-plugin .adjustments-line a:hover, .fixed-plugin .adjustments-line a:focus, .fixed-plugin .adjustments-line a { color: transparent; }
    .fixed-plugin .dropdown .dropdown-menu { -webkit-transform: translate3d(0, -5%, 0) !important; -moz-transform: translate3d(0, -5%, 0) !important; -o-transform: translate3d(0, -5%, 0) !important; -ms-transform: translate3d(0, -5%, 0) !important; transform: translate3d(0, -5%, 0) !important; top: -40px !important; opacity: 0; left: -303px !important; transform-origin: 0 0; }
    .fixed-plugin .dropdown.show .dropdown-menu { opacity: 1; -webkit-transform: translate3d(0, 0%, 0) !important; -moz-transform: translate3d(0, 0%, 0) !important; -o-transform: translate3d(0, 0%, 0) !important; -ms-transform: translate3d(0, 0%, 0) !important; transform: translate3d(0, 0%, 0) !important; transform-origin: 0 0; left: -303px !important; }
    .fixed-plugin .dropdown-menu:before, .fixed-plugin .dropdown-menu:after { content: ""; display: inline-block; position: absolute; top: 65px; width: 16px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }
    .fixed-plugin .dropdown-menu:before { border-bottom: 16px solid transparent; border-left: 16px solid rgba(0, 0, 0, 0.2); border-top: 16px solid transparent; right: -16px; }
    .fixed-plugin .dropdown-menu:after { border-bottom: 16px solid transparent; border-left: 16px solid #fff; border-top: 16px solid transparent; right: -15px; }
.wrapper-full-page ~ .fixed-plugin .dropdown.open .dropdown-menu { -webkit-transform: translateY(-17%); -moz-transform: translateY(-17%); -o-transform: translateY(-17%); -ms-transform: translateY(-17%); transform: translateY(-17%); }
.wrapper-full-page ~ .fixed-plugin .dropdown .dropdown-menu { -webkit-transform: translateY(-19%); -moz-transform: translateY(-19%); -o-transform: translateY(-19%); -ms-transform: translateY(-19%); transform: translateY(-19%); }
.modal-header { border: 0 none; }
.modal-content { border: 0 none; border-radius: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15), 0 0 1px 1px rgba(0, 0, 0, 0.1); }
.modal-dialog { padding-top: 60px; }
.modal-footer { border-top: 0 none; padding: 10px 10px; }
    .modal-footer .modal-footer .btn-default.btn-simple { font-weight: 400; }
.modal.fade .modal-dialog { transform: none; -webkit-transform: none; -moz-transform: none; }
.modal.in .modal-dialog { transform: none; -webkit-transform: none; -moz-transform: none; }
.modal-small .modal-dialog { max-width: 350px; }
.modal-small .divider { margin: 0 auto; display: block; width: 14px; position: relative; margin-top: 40px; margin-bottom: 30px; font-size: 1rem; }
    .modal-small .divider:after { position: absolute; content: ""; right: -140px; top: 12px; height: 1px; width: 115px; background-color: #E3E3E3; }
    .modal-small .divider:before { position: absolute; content: ""; left: -140px; top: 12px; height: 1px; width: 115px; background-color: #E3E3E3; }
.modal-small .modal-footer { text-align: center; }
.social-area { text-align: center; }
    .social-area .btn-social { margin: 0 10px; }
.modal-backdrop.in { opacity: 0.25; }
.btn { border-width: 2px; background-color: transparent; font-weight: 400; padding: 8px 16px; border: 1px solid #888888; color: #FFFFFF; background-color: #888888; cursor: pointer; margin-bottom: 5px; font-size: 0.875rem; line-height: 1.42857143; }
    .btn:hover, .btn:focus, .btn:active, .btn.active, .open > .btn.dropdown-toggle { background-color: #797979; color: #FFFFFF; border-color: #797979; }
    .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn.focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active { background-color: transparent; border-color: #888888; }
    .btn.btn-outline { color: #888888; background-color: transparent; border: 1px solid #888888; opacity: 1; filter: alpha(opacity=100); }
        .btn.btn-outline:hover, .btn.btn-outline:focus, .btn.btn-outline:active, .btn.btn-outline.active, .open > .btn.btn-outline.dropdown-toggle { background-color: #797979; color: #FFFFFF; border: 1px solid #797979; }
        .btn.btn-outline .caret { border-top-color: #FFFFFF; }
    .btn.btn-link { border-color: transparent !important; background-color: transparent !important; color: #888888; }
        .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active { text-decoration: none; border-color: transparent; color: #797979; }
    .btn .caret { border-top-color: #888888; }
    .btn:hover, .btn:focus { outline: 0 !important; box-shadow: none; }
    .btn:active, .btn.active, .open > .btn.dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; outline: 0 !important; }
    .btn.btn-icon { padding: 8px; }
.btn-primary { border: 1px solid #447DF7; color: #FFFFFF; background-color: #447DF7; cursor: pointer; }
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-color: #2c6cf6; color: #FFFFFF; border-color: #2c6cf6; }
    .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary:disabled, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:active, .btn-primary:disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: transparent; border-color: #447DF7; }
    .btn-primary.btn-outline { color: #447DF7; background-color: transparent; border: 1px solid #447DF7; opacity: 1; filter: alpha(opacity=100); }
        .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active, .btn-primary.btn-outline.active, .open > .btn-primary.btn-outline.dropdown-toggle { background-color: #2c6cf6; color: #FFFFFF; border: 1px solid #2c6cf6; }
        .btn-primary.btn-outline .caret { border-top-color: #FFFFFF; }
    .btn-primary.btn-link { border-color: transparent !important; background-color: transparent !important; color: #888888; }
        .btn-primary.btn-link:hover, .btn-primary.btn-link:focus, .btn-primary.btn-link:active { text-decoration: none; border-color: transparent; color: #797979; }
    .btn-primary .caret { border-top-color: #447DF7; }
.btn-success { border: 1px solid #87CB16; color: #FFFFFF; background-color: #87CB16; cursor: pointer; }
    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-color: #78b414; color: #FFFFFF; border-color: #78b414; }
    .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success:disabled, .btn-success:disabled:hover, .btn-success:disabled:focus, .btn-success:disabled.focus, .btn-success:disabled:active, .btn-success:disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: transparent; border-color: #87CB16; }
    .btn-success.btn-outline { color: #87CB16; background-color: transparent; border: 1px solid #87CB16; opacity: 1; filter: alpha(opacity=100); }
        .btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active, .btn-success.btn-outline.active, .open > .btn-success.btn-outline.dropdown-toggle { background-color: #78b414; color: #FFFFFF; border: 1px solid #78b414; }
        .btn-success.btn-outline .caret { border-top-color: #FFFFFF; }
    .btn-success.btn-link { border-color: transparent !important; background-color: transparent !important; color: #888888; }
        .btn-success.btn-link:hover, .btn-success.btn-link:focus, .btn-success.btn-link:active { text-decoration: none; border-color: transparent; color: #797979; }
    .btn-success .caret { border-top-color: #87CB16; }
.btn-info { border: 1px solid #23CCEF; color: #FFFFFF; background-color: #23CCEF; cursor: pointer; }
    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-color: #11bfe3; color: #FFFFFF; border-color: #11bfe3; }
    .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info:disabled, .btn-info:disabled:hover, .btn-info:disabled:focus, .btn-info:disabled.focus, .btn-info:disabled:active, .btn-info:disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: transparent; border-color: #23CCEF; }
    .btn-info.btn-outline { color: #23CCEF; background-color: transparent; border: 1px solid #23CCEF; opacity: 1; filter: alpha(opacity=100); }
        .btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active, .btn-info.btn-outline.active, .open > .btn-info.btn-outline.dropdown-toggle { background-color: #11bfe3; color: #FFFFFF; border: 1px solid #11bfe3; }
        .btn-info.btn-outline .caret { border-top-color: #FFFFFF; }
    .btn-info.btn-link { border-color: transparent !important; background-color: transparent !important; color: #888888; }
        .btn-info.btn-link:hover, .btn-info.btn-link:focus, .btn-info.btn-link:active { text-decoration: none; border-color: transparent; color: #797979; }
    .btn-info .caret { border-top-color: #23CCEF; }
.btn-warning { border: 1px solid #FFA534; color: #FFFFFF; background-color: #FFA534; cursor: pointer; }
    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-color: #ff9510; color: #FFFFFF; border-color: #ff9510; }
    .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning:disabled, .btn-warning:disabled:hover, .btn-warning:disabled:focus, .btn-warning:disabled.focus, .btn-warning:disabled:active, .btn-warning:disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: transparent; border-color: #FFA534; }
    .btn-warning.btn-outline { color: #FFA534; background-color: transparent; border: 1px solid #FFA534; opacity: 1; filter: alpha(opacity=100); }
        .btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active, .btn-warning.btn-outline.active, .open > .btn-warning.btn-outline.dropdown-toggle { background-color: #ff9510; color: #FFFFFF; border: 1px solid #ff9510; }
        .btn-warning.btn-outline .caret { border-top-color: #FFFFFF; }
    .btn-warning.btn-link { border-color: transparent !important; background-color: transparent !important; color: #888888; }
        .btn-warning.btn-link:hover, .btn-warning.btn-link:focus, .btn-warning.btn-link:active { text-decoration: none; border-color: transparent; color: #797979; }
    .btn-warning .caret { border-top-color: #FFA534; }
.btn-danger { border: 1px solid #FB404B; color: #FFFFFF; background-color: #FB404B; cursor: pointer; }
    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-color: #fa1825; color: #FFFFFF; border-color: #fa1825; }
    .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger:disabled, .btn-danger:disabled:hover, .btn-danger:disabled:focus, .btn-danger:disabled.focus, .btn-danger:disabled:active, .btn-danger:disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: transparent; border-color: #FB404B; }
    .btn-danger.btn-outline { color: #FB404B; background-color: transparent; border: 1px solid #FB404B; opacity: 1; filter: alpha(opacity=100); }
        .btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active, .btn-danger.btn-outline.active, .open > .btn-danger.btn-outline.dropdown-toggle { background-color: #fa1825; color: #FFFFFF; border: 1px solid #fa1825; }
        .btn-danger.btn-outline .caret { border-top-color: #FFFFFF; }
    .btn-danger.btn-link { border-color: transparent !important; background-color: transparent !important; color: #888888; }
        .btn-danger.btn-link:hover, .btn-danger.btn-link:focus, .btn-danger.btn-link:active { text-decoration: none; border-color: transparent; color: #797979; }
    .btn-danger .caret { border-top-color: #FB404B; }
.btn-neutral { border: 1px solid #FFFFFF; color: #FFFFFF; background-color: #FFFFFF; cursor: pointer; }
    .btn-neutral:hover, .btn-neutral:focus, .btn-neutral:active, .btn-neutral.active, .open > .btn-neutral.dropdown-toggle { background-color: #FFFFFF; color: #FFFFFF; border-color: #FFFFFF; }
    .btn-neutral.disabled, .btn-neutral.disabled:hover, .btn-neutral.disabled:focus, .btn-neutral.disabled.focus, .btn-neutral.disabled:active, .btn-neutral.disabled.active, .btn-neutral:disabled, .btn-neutral:disabled:hover, .btn-neutral:disabled:focus, .btn-neutral:disabled.focus, .btn-neutral:disabled:active, .btn-neutral:disabled.active, .btn-neutral[disabled], .btn-neutral[disabled]:hover, .btn-neutral[disabled]:focus, .btn-neutral[disabled].focus, .btn-neutral[disabled]:active, .btn-neutral[disabled].active, fieldset[disabled] .btn-neutral, fieldset[disabled] .btn-neutral:hover, fieldset[disabled] .btn-neutral:focus, fieldset[disabled] .btn-neutral.focus, fieldset[disabled] .btn-neutral:active, fieldset[disabled] .btn-neutral.active { background-color: transparent; border-color: #FFFFFF; }
    .btn-neutral.btn-outline { color: #FFFFFF; background-color: transparent; border: 1px solid #FFFFFF; opacity: 1; filter: alpha(opacity=100); }
        .btn-neutral.btn-outline:hover, .btn-neutral.btn-outline:focus, .btn-neutral.btn-outline:active, .btn-neutral.btn-outline.active, .open > .btn-neutral.btn-outline.dropdown-toggle { background-color: #FFFFFF; color: #FFFFFF; border: 1px solid #FFFFFF; }
        .btn-neutral.btn-outline .caret { border-top-color: #FFFFFF; }
    .btn-neutral.btn-link { border-color: transparent !important; background-color: transparent !important; color: #888888; }
        .btn-neutral.btn-link:hover, .btn-neutral.btn-link:focus, .btn-neutral.btn-link:active { text-decoration: none; border-color: transparent; color: #797979; }
    .btn-neutral .caret { border-top-color: #FFFFFF; }
    .btn-neutral:active, .btn-neutral.active, .open > .btn-neutral.dropdown-toggle { background-color: #FFFFFF; color: #888888; }
    .btn-neutral.btn-fill, .btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus { color: #888888; }
    .btn-neutral.btn-simple:active, .btn-neutral.btn-simple.active { background-color: transparent; }
.btn:disabled, .btn[disabled], .btn.disabled { opacity: 0.5; filter: alpha(opacity=50); }
.btn-round { border-width: 1px; border-radius: 30px !important; padding: 8px 16px; }
    .btn-round.btn-icon { padding: 8px; }
.btn-lg { font-size: 1.125rem; border-radius: 6px; padding: 14px 30px; font-weight: 400; }
    .btn-lg.btn-round { padding: 15px 30px; }
    .btn-lg.btn-simple { padding: 16px 30px; }
.btn-sm { font-size: 0.75rem; border-radius: 3px; padding: 5px 10px; }
    .btn-sm.btn-round { padding: 6px 10px; }
    .btn-sm.btn-simple { padding: 7px 10px; }
.btn-wd { min-width: 140px; }
.btn-group.select { width: 100%; }
    .btn-group.select .btn { text-align: left; }
    .btn-group.select .caret { position: absolute; top: 50%; margin-top: -1px; right: 8px; }
.btn-social { opacity: 0.85; }
.btn-social { padding: 8px 9px; }
    .btn-social .fa { font-size: 18px; width: 20px; vertical-align: middle; display: inline-block; }
    .btn-social.btn-round { padding: 8px; }
    .btn-social.btn-link { padding: 8px 5px; font-size: 16px; }
        .btn-social.btn-link .fa { font-size: 20px; position: relative; top: -2px; width: 24px; }
.btn-facebook { border-color: #3b5998; background-color: #3b5998; color: #FFFFFF; }
    .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open > .btn-facebook.dropdown-toggle { background-color: #2d4373; color: #FFFFFF; border-color: #3b5998; }
    .btn-facebook:disabled, .btn-facebook[disabled], .btn-facebook.disabled { background-color: transparent; border-color: #3b5998; }
    .btn-facebook.btn-outline { color: #3b5998; background-color: transparent; border: 1px solid #3b5998; }
        .btn-facebook.btn-outline:hover, .btn-facebook.btn-outline:focus, .btn-facebook.btn-outline:active, .btn-facebook.btn-outline.active, .open > .btn-facebook.btn-outline.dropdown-toggle { background-color: #2d4373; color: #FFFFFF; border: 1px solid #2d4373; }
    .btn-facebook.btn-link { color: #3b5998; background-color: transparent; border: 1px solid #3b5998; }
        .btn-facebook.btn-link:hover, .btn-facebook.btn-link:focus, .btn-facebook.btn-link:active, .btn-facebook.btn-link.active, .open > .btn-facebook.btn-link.dropdown-toggle { background-color: transparent; color: #2d4373; border: 1px solid #2d4373; }
.btn-twitter { border-color: #55acee; background-color: #55acee; color: #FFFFFF; }
    .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open > .btn-twitter.dropdown-toggle { background-color: #2795e9; color: #FFFFFF; border-color: #55acee; }
    .btn-twitter:disabled, .btn-twitter[disabled], .btn-twitter.disabled { background-color: transparent; border-color: #55acee; }
    .btn-twitter.btn-outline { color: #55acee; background-color: transparent; border: 1px solid #55acee; }
        .btn-twitter.btn-outline:hover, .btn-twitter.btn-outline:focus, .btn-twitter.btn-outline:active, .btn-twitter.btn-outline.active, .open > .btn-twitter.btn-outline.dropdown-toggle { background-color: #2795e9; color: #FFFFFF; border: 1px solid #2795e9; }
    .btn-twitter.btn-link { color: #55acee; background-color: transparent; border: 1px solid #55acee; }
        .btn-twitter.btn-link:hover, .btn-twitter.btn-link:focus, .btn-twitter.btn-link:active, .btn-twitter.btn-link.active, .open > .btn-twitter.btn-link.dropdown-toggle { background-color: transparent; color: #2795e9; border: 1px solid #2795e9; }
.btn-pinterest { border-color: #cc2127; background-color: #cc2127; color: #FFFFFF; }
    .btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active, .btn-pinterest.active, .open > .btn-pinterest.dropdown-toggle { background-color: #a01a1f; color: #FFFFFF; border-color: #cc2127; }
    .btn-pinterest:disabled, .btn-pinterest[disabled], .btn-pinterest.disabled { background-color: transparent; border-color: #cc2127; }
    .btn-pinterest.btn-outline { color: #cc2127; background-color: transparent; border: 1px solid #cc2127; }
        .btn-pinterest.btn-outline:hover, .btn-pinterest.btn-outline:focus, .btn-pinterest.btn-outline:active, .btn-pinterest.btn-outline.active, .open > .btn-pinterest.btn-outline.dropdown-toggle { background-color: #a01a1f; color: #FFFFFF; border: 1px solid #a01a1f; }
    .btn-pinterest.btn-link { color: #cc2127; background-color: transparent; border: 1px solid #cc2127; }
        .btn-pinterest.btn-link:hover, .btn-pinterest.btn-link:focus, .btn-pinterest.btn-link:active, .btn-pinterest.btn-link.active, .open > .btn-pinterest.btn-link.dropdown-toggle { background-color: transparent; color: #a01a1f; border: 1px solid #a01a1f; }
.btn-google { border-color: #dd4b39; background-color: #dd4b39; color: #FFFFFF; }
    .btn-google:hover, .btn-google:focus, .btn-google:active, .btn-google.active, .open > .btn-google.dropdown-toggle { background-color: #c23321; color: #FFFFFF; border-color: #dd4b39; }
    .btn-google:disabled, .btn-google[disabled], .btn-google.disabled { background-color: transparent; border-color: #dd4b39; }
    .btn-google.btn-outline { color: #dd4b39; background-color: transparent; border: 1px solid #dd4b39; }
        .btn-google.btn-outline:hover, .btn-google.btn-outline:focus, .btn-google.btn-outline:active, .btn-google.btn-outline.active, .open > .btn-google.btn-outline.dropdown-toggle { background-color: #c23321; color: #FFFFFF; border: 1px solid #c23321; }
    .btn-google.btn-link { color: #dd4b39; background-color: transparent; border: 1px solid #dd4b39; }
        .btn-google.btn-link:hover, .btn-google.btn-link:focus, .btn-google.btn-link:active, .btn-google.btn-link.active, .open > .btn-google.btn-link.dropdown-toggle { background-color: transparent; color: #c23321; border: 1px solid #c23321; }
.btn-linkedin { border-color: #0976b4; background-color: #0976b4; color: #FFFFFF; }
    .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open > .btn-linkedin.dropdown-toggle { background-color: #075683; color: #FFFFFF; border-color: #0976b4; }
    .btn-linkedin:disabled, .btn-linkedin[disabled], .btn-linkedin.disabled { background-color: transparent; border-color: #0976b4; }
    .btn-linkedin.btn-outline { color: #0976b4; background-color: transparent; border: 1px solid #0976b4; }
        .btn-linkedin.btn-outline:hover, .btn-linkedin.btn-outline:focus, .btn-linkedin.btn-outline:active, .btn-linkedin.btn-outline.active, .open > .btn-linkedin.btn-outline.dropdown-toggle { background-color: #075683; color: #FFFFFF; border: 1px solid #075683; }
    .btn-linkedin.btn-link { color: #0976b4; background-color: transparent; border: 1px solid #0976b4; }
        .btn-linkedin.btn-link:hover, .btn-linkedin.btn-link:focus, .btn-linkedin.btn-link:active, .btn-linkedin.btn-link.active, .open > .btn-linkedin.btn-link.dropdown-toggle { background-color: transparent; color: #075683; border: 1px solid #075683; }
.btn-dribbble { border-color: #ea4c89; background-color: #ea4c89; color: #FFFFFF; }
    .btn-dribbble:hover, .btn-dribbble:focus, .btn-dribbble:active, .btn-dribbble.active, .open > .btn-dribbble.dropdown-toggle { background-color: #e51e6b; color: #FFFFFF; border-color: #ea4c89; }
    .btn-dribbble:disabled, .btn-dribbble[disabled], .btn-dribbble.disabled { background-color: transparent; border-color: #ea4c89; }
    .btn-dribbble.btn-outline { color: #ea4c89; background-color: transparent; border: 1px solid #ea4c89; }
        .btn-dribbble.btn-outline:hover, .btn-dribbble.btn-outline:focus, .btn-dribbble.btn-outline:active, .btn-dribbble.btn-outline.active, .open > .btn-dribbble.btn-outline.dropdown-toggle { background-color: #e51e6b; color: #FFFFFF; border: 1px solid #e51e6b; }
    .btn-dribbble.btn-link { color: #ea4c89; background-color: transparent; border: 1px solid #ea4c89; }
        .btn-dribbble.btn-link:hover, .btn-dribbble.btn-link:focus, .btn-dribbble.btn-link:active, .btn-dribbble.btn-link.active, .open > .btn-dribbble.btn-link.dropdown-toggle { background-color: transparent; color: #e51e6b; border: 1px solid #e51e6b; }
.btn-github { border-color: #333333; background-color: #333333; color: #FFFFFF; }
    .btn-github:hover, .btn-github:focus, .btn-github:active, .btn-github.active, .open > .btn-github.dropdown-toggle { background-color: #1a1a1a; color: #FFFFFF; border-color: #333333; }
    .btn-github:disabled, .btn-github[disabled], .btn-github.disabled { background-color: transparent; border-color: #333333; }
    .btn-github.btn-outline { color: #333333; background-color: transparent; border: 1px solid #333333; }
        .btn-github.btn-outline:hover, .btn-github.btn-outline:focus, .btn-github.btn-outline:active, .btn-github.btn-outline.active, .open > .btn-github.btn-outline.dropdown-toggle { background-color: #1a1a1a; color: #FFFFFF; border: 1px solid #1a1a1a; }
    .btn-github.btn-link { color: #333333; background-color: transparent; border: 1px solid #333333; }
        .btn-github.btn-link:hover, .btn-github.btn-link:focus, .btn-github.btn-link:active, .btn-github.btn-link.active, .open > .btn-github.btn-link.dropdown-toggle { background-color: transparent; color: #1a1a1a; border: 1px solid #1a1a1a; }
.btn-youtube { border-color: #e52d27; background-color: #e52d27; color: #FFFFFF; }
    .btn-youtube:hover, .btn-youtube:focus, .btn-youtube:active, .btn-youtube.active, .open > .btn-youtube.dropdown-toggle { background-color: #c21d17; color: #FFFFFF; border-color: #e52d27; }
    .btn-youtube:disabled, .btn-youtube[disabled], .btn-youtube.disabled { background-color: transparent; border-color: #e52d27; }
    .btn-youtube.btn-outline { color: #e52d27; background-color: transparent; border: 1px solid #e52d27; }
        .btn-youtube.btn-outline:hover, .btn-youtube.btn-outline:focus, .btn-youtube.btn-outline:active, .btn-youtube.btn-outline.active, .open > .btn-youtube.btn-outline.dropdown-toggle { background-color: #c21d17; color: #FFFFFF; border: 1px solid #c21d17; }
    .btn-youtube.btn-link { color: #e52d27; background-color: transparent; border: 1px solid #e52d27; }
        .btn-youtube.btn-link:hover, .btn-youtube.btn-link:focus, .btn-youtube.btn-link:active, .btn-youtube.btn-link.active, .open > .btn-youtube.btn-link.dropdown-toggle { background-color: transparent; color: #c21d17; border: 1px solid #c21d17; }
.btn-stumbleupon { border-color: #eb4924; background-color: #eb4924; color: #FFFFFF; }
    .btn-stumbleupon:hover, .btn-stumbleupon:focus, .btn-stumbleupon:active, .btn-stumbleupon.active, .open > .btn-stumbleupon.dropdown-toggle { background-color: #ca3412; color: #FFFFFF; border-color: #eb4924; }
    .btn-stumbleupon:disabled, .btn-stumbleupon[disabled], .btn-stumbleupon.disabled { background-color: transparent; border-color: #eb4924; }
    .btn-stumbleupon.btn-outline { color: #eb4924; background-color: transparent; border: 1px solid #eb4924; }
        .btn-stumbleupon.btn-outline:hover, .btn-stumbleupon.btn-outline:focus, .btn-stumbleupon.btn-outline:active, .btn-stumbleupon.btn-outline.active, .open > .btn-stumbleupon.btn-outline.dropdown-toggle { background-color: #ca3412; color: #FFFFFF; border: 1px solid #ca3412; }
    .btn-stumbleupon.btn-link { color: #eb4924; background-color: transparent; border: 1px solid #eb4924; }
        .btn-stumbleupon.btn-link:hover, .btn-stumbleupon.btn-link:focus, .btn-stumbleupon.btn-link:active, .btn-stumbleupon.btn-link.active, .open > .btn-stumbleupon.btn-link.dropdown-toggle { background-color: transparent; color: #ca3412; border: 1px solid #ca3412; }
.btn-reddit { border-color: #ff4500; background-color: #ff4500; color: #FFFFFF; }
    .btn-reddit:hover, .btn-reddit:focus, .btn-reddit:active, .btn-reddit.active, .open > .btn-reddit.dropdown-toggle { background-color: #cc3700; color: #FFFFFF; border-color: #ff4500; }
    .btn-reddit:disabled, .btn-reddit[disabled], .btn-reddit.disabled { background-color: transparent; border-color: #ff4500; }
    .btn-reddit.btn-outline { color: #ff4500; background-color: transparent; border: 1px solid #ff4500; }
        .btn-reddit.btn-outline:hover, .btn-reddit.btn-outline:focus, .btn-reddit.btn-outline:active, .btn-reddit.btn-outline.active, .open > .btn-reddit.btn-outline.dropdown-toggle { background-color: #cc3700; color: #FFFFFF; border: 1px solid #cc3700; }
    .btn-reddit.btn-link { color: #ff4500; background-color: transparent; border: 1px solid #ff4500; }
        .btn-reddit.btn-link:hover, .btn-reddit.btn-link:focus, .btn-reddit.btn-link:active, .btn-reddit.btn-link.active, .open > .btn-reddit.btn-link.dropdown-toggle { background-color: transparent; color: #cc3700; border: 1px solid #cc3700; }
.btn-tumblr { border-color: #35465c; background-color: #35465c; color: #FFFFFF; }
    .btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active, .btn-tumblr.active, .open > .btn-tumblr.dropdown-toggle { background-color: #222d3c; color: #FFFFFF; border-color: #35465c; }
    .btn-tumblr:disabled, .btn-tumblr[disabled], .btn-tumblr.disabled { background-color: transparent; border-color: #35465c; }
    .btn-tumblr.btn-outline { color: #35465c; background-color: transparent; border: 1px solid #35465c; }
        .btn-tumblr.btn-outline:hover, .btn-tumblr.btn-outline:focus, .btn-tumblr.btn-outline:active, .btn-tumblr.btn-outline.active, .open > .btn-tumblr.btn-outline.dropdown-toggle { background-color: #222d3c; color: #FFFFFF; border: 1px solid #222d3c; }
    .btn-tumblr.btn-link { color: #35465c; background-color: transparent; border: 1px solid #35465c; }
        .btn-tumblr.btn-link:hover, .btn-tumblr.btn-link:focus, .btn-tumblr.btn-link:active, .btn-tumblr.btn-link.active, .open > .btn-tumblr.btn-link.dropdown-toggle { background-color: transparent; color: #222d3c; border: 1px solid #222d3c; }
.btn-behance { border-color: #1769ff; background-color: #1769ff; color: #FFFFFF; }
    .btn-behance:hover, .btn-behance:focus, .btn-behance:active, .btn-behance.active, .open > .btn-behance.dropdown-toggle { background-color: #0050e3; color: #FFFFFF; border-color: #1769ff; }
    .btn-behance:disabled, .btn-behance[disabled], .btn-behance.disabled { background-color: transparent; border-color: #1769ff; }
    .btn-behance.btn-outline { color: #1769ff; background-color: transparent; border: 1px solid #1769ff; }
        .btn-behance.btn-outline:hover, .btn-behance.btn-outline:focus, .btn-behance.btn-outline:active, .btn-behance.btn-outline.active, .open > .btn-behance.btn-outline.dropdown-toggle { background-color: #0050e3; color: #FFFFFF; border: 1px solid #0050e3; }
    .btn-behance.btn-link { color: #1769ff; background-color: transparent; border: 1px solid #1769ff; }
        .btn-behance.btn-link:hover, .btn-behance.btn-link:focus, .btn-behance.btn-link:active, .btn-behance.btn-link.active, .open > .btn-behance.btn-link.dropdown-toggle { background-color: transparent; color: #0050e3; border: 1px solid #0050e3; }
.form-control::-moz-placeholder { color: #DDDDDD; opacity: 1; filter: alpha(opacity=100); }
.form-control:-moz-placeholder { color: #DDDDDD; opacity: 1; filter: alpha(opacity=100); }
.form-control::-webkit-input-placeholder { color: #DDDDDD; opacity: 1; filter: alpha(opacity=100); }
.form-control:-ms-input-placeholder { color: #DDDDDD; opacity: 1; filter: alpha(opacity=100); }
.form-control { background-color: #FFFFFF; border: 1px solid #E3E3E3; border-radius: 4px; font-size: .875rem; color: #565656; padding: 8px 12px; height: 40px; -webkit-box-shadow: none; box-shadow: none; }
    .form-control:focus { background-color: #FFFFFF; border: 1px solid #AAAAAA; -webkit-box-shadow: none; box-shadow: none; outline: 0 !important; color: #333333; }
.has-success .form-control, .has-error .form-control, .has-success .form-control:focus, .has-error .form-control:focus { border-color: #E3E3E3; -webkit-box-shadow: none; box-shadow: none; }
    .has-success .form-control:focus { border-color: #87CB16; color: #87CB16; }
.has-error .form-control { color: #FB404B; }
    .has-error .form-control:focus { border-color: #FB404B; }
.form-control + .form-control-feedback { border-radius: 6px; font-size: 0.875rem; margin-top: -7px; position: absolute; right: 10px; top: 50%; vertical-align: middle; }
.open .form-control { border-radius: 4px 4px 0 0; border-bottom-color: transparent; }
.input-lg { height: 55px; padding: 14px 30px; }
.has-error .form-control-feedback { color: #FB404B; }
.has-success .form-control-feedback { color: #87CB16; }
.input-group-addon { background-color: #FFFFFF; border: 1px solid #E3E3E3; border-radius: 4px; }
.has-success .input-group-addon, .has-error .input-group-addon { background-color: #FFFFFF; border: 1px solid #E3E3E3; }
.has-error .form-control:focus + .input-group-addon { border-color: #FB404B; color: #FB404B; }
.has-success .form-control:focus + .input-group-addon { border-color: #87CB16; color: #87CB16; }
.form-control:focus + .input-group-addon, .form-control:focus ~ .input-group-addon { background-color: #FFFFFF; border-color: #9A9A9A; }
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-right: 0 none; }
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { border-left: 0 none; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #F5F5F5; color: #888888; cursor: not-allowed; }
.input-group-btn .btn { border-width: 1px; padding: 8px 16px; }
.input-group-btn .btn-default:not(.btn-fill) { border-color: #DDDDDD; }
.input-group-btn:last-child > .btn { margin-left: 0; }
.input-group-focus .input-group-addon { border-color: #9A9A9A; }
.star { color: #FB404B; padding-left: 3px; }
.card .card-body .control-label { text-align: right; padding-top: 18px; }
.card .card-body .form-control-static, .card .card-body .col-sm-10 .form-check:first-of-type, .card .card-body .col-sm-4 .form-check:first-of-type { padding-top: 8px; }
.form-group.has-error .error { color: #FB404B; text-transform: none; margin-bottom: 0; }
.form-group.has-success .error { display: none !important; }
.alert { border: 0; border-radius: 0; color: #FFFFFF; padding: 10px 15px; font-size: 14px; }
.container .alert { border-radius: 4px; }
.navbar .alert { border-radius: 0; left: 0; position: absolute; right: 0; top: 85px; width: 100%; z-index: 3; }
.navbar:not(.navbar-transparent) .alert { top: 70px; }
.alert span[data-notify="icon"] { font-size: 30px; display: block; left: 15px; position: absolute; top: 50%; margin-top: -15px; }
.alert i.nc-simple-remove { font-size: 12px !important; font: bold normal normal 14px/1 'nucleo-icons'; }
.alert button.close { position: absolute; right: 10px; top: 50%; margin-top: -13px; z-index: 1033; background-color: #FFFFFF; display: block; border-radius: 50%; opacity: .4; line-height: 9px; width: 25px; height: 25px; outline: 0 !important; text-align: center; padding: 3px; font-weight: 300; }
    .alert button.close:hover { opacity: .55; }
.alert .close ~ span { display: block; max-width: 89%; }
.alert[data-notify="container"] { padding: 10px 10px 10px 20px; border-radius: 4px; }
.alert.alert-with-icon { padding-left: 65px; }
.alert-primary { background-color: #4091e2; }
.alert-info { background-color: #63d8f1; }
.alert-success { background-color: #a1e82c; }
.alert-warning { background-color: #ffbc67; }
.alert-danger { background-color: #fc727a; }
.table .radio, .table .checkbox { position: relative; height: 20px; display: block; width: 20px; padding: 0px 0px; margin: 0px 5px; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 12px 8px; vertical-align: middle; border-color: #E3E3E3; }
.table > thead > tr > th { border-bottom-width: 1px; font-size: 0.75rem; text-transform: uppercase; color: #9A9A9A; font-weight: 400; padding-bottom: 5px; }
.table table > tr > td.td-actions { display: inline-flex !important; }
.table .td-actions .btn { opacity: 0.36; filter: alpha(opacity=36); }
    .table .td-actions .btn.btn-xs { padding-left: 3px; padding-right: 3px; }
.table .td-actions { min-width: 90px; }
.table > tbody > tr { position: relative; font-size: 14px !important; }
    .table > tbody > tr:hover .td-actions .btn { opacity: 1; filter: alpha(opacity=100); }
.table thead th { border-bottom: none !important; border-top: none !important; }
.table .btn-info.btn-link { color: #23CCEF; }
.table .btn-danger.btn-link { color: #FB404B; }
.table .btn-success.btn-link { color: #87CB16; }
.table .btn-warning.btn-link { color: #FFA534; }
.table .form-check .form-check-sign, .table .form-check .form-check-sign:before, .table .form-check .form-check-sign:after { margin-top: -14px; }
.card .table tbody td:first-child, .card .table thead th:first-child { padding-left: 15px; }
.card .table tbody td:last-child, .card .table thead th:last-child { padding-right: 15px; display: block; }
.table-bigboy > thead > tr > th { font-size: 0.875rem; text-transform: uppercase; color: #9A9A9A; font-weight: 400; }
.table-bigboy > tbody > tr > td { font-size: 0.875rem; }
    .table-bigboy > tbody > tr > td b { display: block; margin-bottom: 5px; }
.table-bigboy .td-name { font-weight: 300; font-size: 1.125rem; }
.table-bigboy .td-name { min-width: 240px; }
.table-bigboy .td-number { text-align: right; min-width: 110px; }
    .table-bigboy .td-number small { margin-right: 3px; }
.table-bigboy .td-actions { width: 60px; min-width: auto; }
    .table-bigboy .td-actions .btn { float: right; }
.table-bigboy .img-container { width: 180px; height: 120px; overflow: hidden; display: block; border-radius: 6px; }
    .table-bigboy .img-container img { width: 100%; }
.table-with-links .card-body { padding-bottom: 0 !important; }
    .table-with-links .card-body .table .btn { margin-bottom: 0 !important; }
    .table-with-links .card-body .table tr td { padding: 7px 3px !important; }
.table-with-switches .card-body, .regular-table-with-color .card-body { padding-bottom: 0 !important; }
    .table-with-switches .card-body .table tbody td:last-child, .regular-table-with-color .card-body .table tbody td:last-child { padding-right: 10px !important; }
.table-big-boy .card-body { padding-bottom: 0 !important; }
    .table-big-boy .card-body .table tbody td:last-child { padding-right: 10px !important; }
.bootstrap-table .table thead th:first-child { padding-left: 0 !important; }
.bootstrap-table .dropdown-menu li a { display: block; padding: 8px 16px; clear: both; font-weight: 400; line-height: 1.42857143; white-space: nowrap; color: #333; }
    .bootstrap-table .dropdown-menu li a:hover { background-color: #F5F5F5; }
.bootstrap-table .dropdown-menu li.active a { background-color: rgba(68, 125, 247, 0.2); }
.data-tables table tbody .btn { padding: 3px !important; font-size: 16px !important; }
.data-tables .pagination { float: right; }
.data-tables tfoot { font-size: 14px; }
.card-tasks .table tbody td:last-child { padding-right: 0; display: inline-flex; }
    .card-tasks .table tbody td:last-child .btn { padding: 3px; }
.card-tasks .table tbody td:first-child { padding-left: 0; }
.card-tasks .table-full-width { padding-bottom: 0 !important; }
.card-tasks .card-footer { padding-top: 0; }
.card-tasks .table { margin-bottom: 0 !important; }
.table-full-width { margin-left: -15px; margin-right: -15px; padding: 15px !important; }
.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: rgba(135, 203, 22, 0.2); }
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: rgba(144, 217, 23, 0.2); }
.table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: rgba(35, 204, 239, 0.2); }
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: rgba(49, 207, 240, 0.2); }
.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: rgba(255, 165, 52, 0.2); }
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: rgba(255, 172, 67, 0.2); }
.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: rgba(251, 64, 75, 0.2); }
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: rgba(251, 79, 89, 0.2); }
.from-check, .form-check-radio { margin-bottom: 12px; position: relative; }
.form-check .form-check-label { display: inline-block; position: relative; cursor: pointer; padding-left: 35px; line-height: 26px; margin-bottom: 0; text-transform: capitalize; }
.form-check .form-check-sign::before, .form-check .form-check-sign::after { font-family: 'FontAwesome'; content: "\f096"; color: #888888; display: inline-block; position: absolute; width: 19px; height: 19px; margin-left: -23px; font-size: 18px; cursor: pointer; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
.form-check .form-check-sign::after { font-family: 'FontAwesome'; content: "\f046"; text-align: center; opacity: 0; color: #23CCEF; border: 0; background-color: inherit; margin-left: -23px; }
.form-check .form-check-sign::before { margin-left: -22px; }
.form-check.disabled .form-check-label { color: #9A9A9A; opacity: .5; cursor: not-allowed; }
#RegisterValidation .card .form-check .form-check-sign:before { margin-left: -27px; }
.form-check .form-check-input:disabled + .form-check-sign:before, .form-check .form-check-input:disabled + .form-check-sign:after, .radio input[type="radio"]:disabled + label, .form-check .form-check-input:disabled:checked + .form-check-sign::after { color: #ddd; pointer-events: none; }
.form-check.disabled .form-check-label { cursor: not-allowed; }
.form-check input[type="checkbox"], .form-check-radio input[type="radio"] { opacity: 0; position: absolute; visibility: hidden; }
    .form-check input[type="checkbox"]:checked + .form-check-sign::after { opacity: 1; }
    .form-check input[type="checkbox"]:checked + .form-check-sign::before { opacity: 0; }
.form-control input[type="checkbox"]:disabled + .form-check-sign::before, .checkbox input[type="checkbox"]:disabled + .form-check-sign::after { cursor: not-allowed; }
.form-check .form-check-label input[type="checkbox"]:disabled + .form-check-sign, .form-check-radio input[type="radio"]:disabled + .form-check-sign { pointer-events: none !important; }
.form-check.checkbox-inline { display: inline-block; }
.form-check-radio .form-check-label { padding-left: 2.2rem; }
.form-check-radio.disabled .form-check-label { color: #9A9A9A; opacity: .5; cursor: not-allowed; }
.form-check-radio .form-check-sign::before { font-family: 'FontAwesome'; content: "\f10c"; font-size: 18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: absolute; opacity: .50; left: 34px; }
.form-check-radio input[type="radio"] + .form-check-sign:after, .form-check-radio input[type="radio"] { opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear; content: " "; display: block; margin-left: 5px; font-size: 18px; }
    .form-check-radio input[type="radio"]:checked + .form-check-sign::after { font-family: 'FontAwesome'; content: "\f192"; position: absolute; left: 5.3px; opacity: 1; }
    .form-check-radio input[type="radio"]:checked + .form-check-sign::after { opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
.form-check input[type="radio"]:checked + .form-check-sign::before { opacity: 0; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }
.form-check-radio input[type="radio"]:disabled + .form-check-sign::before, .form-check-radio input[type="radio"]:disabled + .form-check-sign::after { color: #9A9A9A; }
.card.stacked-form .form-check .form-check-label, .card.horizontal-form .form-check .form-check-label { padding-left: 22px !important; }
.nav .nav-item .nav-link:hover, .nav .nav-item .nav-link:focus { background-color: transparent; }
.navbar { border: 0; font-size: 1rem; border-radius: 0; min-height: 50px; max-height: 61px; background-color: rgba(255, 255, 255, 0.96); border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .navbar .navbar-brand { font-weight: 400; margin: 5px 0px; font-size: 18px; color: #888888; opacity: .8; }
        .navbar .navbar-brand:hover { color: #888888; opacity: 1; }
    .navbar .navbar-wrapper { display: inline-flex; align-items: center; }
    .navbar .navbar-toggler { width: 37px; height: 27px; vertical-align: middle; outline: 0; cursor: pointer; }
        .navbar .navbar-toggler.navbar-toggler-left { position: relative; left: 0; padding-left: 0; }
        .navbar .navbar-toggler.navbar-toggler-right { padding-right: 0; }
        .navbar .navbar-toggler .navbar-toggler-bar { width: 3px; height: 3px; border-radius: 50%; margin: 0 auto; }
        .navbar .navbar-toggler .burger-lines { display: block; position: relative; background-color: #888; width: 24px; height: 2px; border-radius: 1px; margin: 4px auto; }
    .navbar .btn-round.btn-icon { padding: 8px 9px; }
    .navbar .navbar-nav .nav-item .nav-link { color: #888888; padding: 10px 15px; margin: 10px 3px; position: relative; display: inline-flex; line-height: 40px; }
        .navbar .navbar-nav .nav-item .nav-link.btn { margin: 15px 3px; padding: 8px 16px; }
        .navbar .navbar-nav .nav-item .nav-link.btn-round { margin: 16px 3px; }
        .navbar .navbar-nav .nav-item .nav-link [class^="fa"] { font-size: 2.125rem; position: relative; line-height: 40px; top: 1px; }
        .navbar .navbar-nav .nav-item .nav-link:hover { color: #23CCEF; }
        .navbar .navbar-nav .nav-item .nav-link .stats { margin-left: 10px; }
    .navbar .navbar-nav .nav-item .dropdown-menu { border-radius: 10px; margin-top: -5px; }
        .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px; }
        .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
        .navbar .navbar-nav .nav-item .dropdown-menu .divider { height: 1px; margin: 5px 0; overflow: hidden; background-color: #e5e5e5; }
    .navbar .navbar-nav .notification { position: absolute; background-color: #FB404B; text-align: center; border-radius: 10px; min-width: 18px; padding: 0 5px; height: 18px; font-size: 12px; color: #FFFFFF; font-weight: bold; line-height: 18px; top: 10px; left: 7px; }
    .navbar .navbar-nav .dropdown-toggle:after { display: inline-block; width: 0; height: 0; margin-left: 5px; margin-top: 18px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; }
    .navbar .btn { margin: 15px 3px; font-size: 0.875rem; }
    .navbar .btn-simple { font-size: 1rem; }
    .navbar.fixed { width: calc(100% - $sidebar-width); right: 0; left: auto; border-radius: 0; }
.navbar-transparent .navbar-brand, [class*="navbar-ct"] .navbar-brand { color: #FFFFFF; margin-left: 10px; opacity: 0.9; filter: alpha(opacity=90); }
    .navbar-transparent .navbar-brand:focus, .navbar-transparent .navbar-brand:hover, [class*="navbar-ct"] .navbar-brand:focus, [class*="navbar-ct"] .navbar-brand:hover { background-color: transparent; opacity: 1; filter: alpha(opacity=100); color: #FFFFFF; }
.navbar-transparent .navbar-nav .nav-item .nav-link:not(.btn), [class*="navbar-ct"] .navbar-nav .nav-item .nav-link:not(.btn) { color: #FFFFFF; border-color: #FFFFFF; opacity: 0.8; filter: alpha(opacity=80); }
.navbar-transparent .navbar-nav .active .nav-link:not(.btn), .navbar-transparent .navbar-nav .active .nav-link:hover:not(.btn), .navbar-transparent .navbar-nav .active .nav-link:focus:not(.btn), .navbar-transparent .navbar-nav .nav-item .nav-link:not(.btn), .navbar-transparent .navbar-nav .nav-item .nav-link:hover:not(.btn), .navbar-transparent .navbar-nav .nav-item .nav-link:focus:not(.btn), [class*="navbar-ct"] .navbar-nav .active .nav-link:not(.btn), [class*="navbar-ct"] .navbar-nav .active .nav-link:hover:not(.btn), [class*="navbar-ct"] .navbar-nav .active .nav-link:focus:not(.btn), [class*="navbar-ct"] .navbar-nav .nav-item .nav-link:not(.btn), [class*="navbar-ct"] .navbar-nav .nav-item .nav-link:hover:not(.btn), [class*="navbar-ct"] .navbar-nav .nav-item .nav-link:focus:not(.btn) { background-color: transparent; border-radius: 3px; color: #FFFFFF; opacity: 0.9; filter: alpha(opacity=90); }
    .navbar-transparent .navbar-nav .active .nav-link:not(.btn):focus, .navbar-transparent .navbar-nav .active .nav-link:not(.btn):hover, .navbar-transparent .navbar-nav .active .nav-link:hover:not(.btn):focus, .navbar-transparent .navbar-nav .active .nav-link:hover:not(.btn):hover, .navbar-transparent .navbar-nav .active .nav-link:focus:not(.btn):focus, .navbar-transparent .navbar-nav .active .nav-link:focus:not(.btn):hover, .navbar-transparent .navbar-nav .nav-item .nav-link:not(.btn):focus, .navbar-transparent .navbar-nav .nav-item .nav-link:not(.btn):hover, .navbar-transparent .navbar-nav .nav-item .nav-link:hover:not(.btn):focus, .navbar-transparent .navbar-nav .nav-item .nav-link:hover:not(.btn):hover, .navbar-transparent .navbar-nav .nav-item .nav-link:focus:not(.btn):focus, .navbar-transparent .navbar-nav .nav-item .nav-link:focus:not(.btn):hover, [class*="navbar-ct"] .navbar-nav .active .nav-link:not(.btn):focus, [class*="navbar-ct"] .navbar-nav .active .nav-link:not(.btn):hover, [class*="navbar-ct"] .navbar-nav .active .nav-link:hover:not(.btn):focus, [class*="navbar-ct"] .navbar-nav .active .nav-link:hover:not(.btn):hover, [class*="navbar-ct"] .navbar-nav .active .nav-link:focus:not(.btn):focus, [class*="navbar-ct"] .navbar-nav .active .nav-link:focus:not(.btn):hover, [class*="navbar-ct"] .navbar-nav .nav-item .nav-link:not(.btn):focus, [class*="navbar-ct"] .navbar-nav .nav-item .nav-link:not(.btn):hover, [class*="navbar-ct"] .navbar-nav .nav-item .nav-link:hover:not(.btn):focus, [class*="navbar-ct"] .navbar-nav .nav-item .nav-link:hover:not(.btn):hover, [class*="navbar-ct"] .navbar-nav .nav-item .nav-link:focus:not(.btn):focus, [class*="navbar-ct"] .navbar-nav .nav-item .nav-link:focus:not(.btn):hover { opacity: 1; filter: alpha(opacity=100); }
.navbar-transparent .navbar-nav .nav .nav-item .nav-link.btn:hover, [class*="navbar-ct"] .navbar-nav .nav .nav-item .nav-link.btn:hover { background-color: transparent; }
.navbar-transparent .navbar-nav .show .nav-link, .navbar-transparent .navbar-nav .show .nav-link:hover, .navbar-transparent .navbar-nav .show .nav-link:focus, [class*="navbar-ct"] .navbar-nav .show .nav-link, [class*="navbar-ct"] .navbar-nav .show .nav-link:hover, [class*="navbar-ct"] .navbar-nav .show .nav-link:focus { background-color: transparent; color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); }
.navbar-transparent .btn-default, [class*="navbar-ct"] .btn-default { color: #FFFFFF; border-color: #FFFFFF; }
    .navbar-transparent .btn-default.btn-fill, [class*="navbar-ct"] .btn-default.btn-fill { color: #9A9A9A; background-color: #FFFFFF; opacity: 0.9; filter: alpha(opacity=90); }
        .navbar-transparent .btn-default.btn-fill:hover, .navbar-transparent .btn-default.btn-fill:focus, .navbar-transparent .btn-default.btn-fill:active, .navbar-transparent .btn-default.btn-fill.active, .navbar-transparent .show .dropdown-toggle.btn-fill.btn-default, [class*="navbar-ct"] .btn-default.btn-fill:hover, [class*="navbar-ct"] .btn-default.btn-fill:focus, [class*="navbar-ct"] .btn-default.btn-fill:active, [class*="navbar-ct"] .btn-default.btn-fill.active, [class*="navbar-ct"] .show .dropdown-toggle.btn-fill.btn-default { border-color: #FFFFFF; opacity: 1; filter: alpha(opacity=100); }
.navbar-transparent .dropdown-menu .divider { background-color: rgba(255, 255, 255, 0.2); }
.navbar-default { background-color: rgba(255, 255, 255, 0.96); border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .navbar-default .navbar-nav .nav-item .nav-link:not(.btn) { color: #9A9A9A; }
        .navbar-default .navbar-nav .active .nav-link, .navbar-default .navbar-nav .active .nav-link:not(.btn):hover, .navbar-default .navbar-nav .active .nav-link:not(.btn):focus, .navbar-default .navbar-nav .nav-item .nav-link:not(.btn):hover, .navbar-default .navbar-nav .nav-item .nav-link:not(.btn):focus { background-color: transparent; border-radius: 3px; color: #23CCEF; opacity: 1; filter: alpha(opacity=100); }
    .navbar-default .navbar-nav .show .nav-link, .navbar-default .navbar-nav .show .nav-link:hover, .navbar-default .navbar-nav .show .nav-link:focus { background-color: transparent; color: #23CCEF; }
    .navbar-default .navbar-nav .navbar-toggle:hover, .navbar-default .navbar-nav .navbar-toggle:focus { background-color: transparent; }
    .navbar-default:not(.navbar-transparent) .btn-default:hover { color: #23CCEF; border-color: #23CCEF; }
    .navbar-default:not(.navbar-transparent) .btn-neutral, .navbar-default:not(.navbar-transparent) .btn-neutral:hover, .navbar-default:not(.navbar-transparent) .btn-neutral:active { color: #9A9A9A; }
/*      Navbar with icons            */

.navbar-icons.navbar .navbar-brand { margin-top: 12px; margin-bottom: 12px; }
.navbar-icons .navbar-nav .nav-item .nav-link { text-align: center; padding: 6px 15px; margin: 6px 3px; }
.navbar-icons .navbar-nav [class^="pe"] { font-size: 30px; position: relative; }
.navbar-icons .navbar-nav p { margin: 3px 0 0; }
.navbar-form { -webkit-box-shadow: none; box-shadow: none; }
    .navbar-form .form-control { border-radius: 0; border: 0; padding: 0; background-color: transparent; height: 22px; font-size: 1rem; line-height: 1.5; color: #E3E3E3; }
.navbar-transparent .navbar-form .form-control, [class*="navbar-ct"] .navbar-form .form-control { color: #FFFFFF; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
.navbar-ct-blue { background-color: #4091e2; }
.navbar-ct-azure { background-color: #63d8f1; }
.navbar-ct-green { background-color: #a1e82c; }
.navbar-ct-orange { background-color: #ffbc67; }
.navbar-ct-red { background-color: #fc727a; }
.navbar-transparent { padding-top: 15px; background-color: transparent; border-bottom: 1px solid transparent; z-index: 999; }
    .navbar-transparent .navbar-toggler .burger-lines { background: #FFFFFF; }
.navbar-toggle { margin-top: 19px; margin-bottom: 19px; border: 0; }
    .navbar-toggle .icon-bar { background-color: #FFFFFF; }
    .navbar-toggle .navbar-collapse, .navbar-toggle .navbar-form { border-color: transparent; }
    .navbar-toggle.navbar-default .navbar-toggle:hover, .navbar-toggle.navbar-default .navbar-toggle:focus { background-color: transparent; }
.main-panel .navbar-fixed { position: fixed; right: 0; width: calc(100% - 260px); z-index: 1030; }
    .main-panel .navbar-fixed + .content { padding-top: 90px; }
.nav-mobile-menu.nav .navbar-search-form .nc-icon { font-size: 28px; width: 30px; text-align: center; vertical-align: middle; float: left; color: #FFFFFF; }
.nav-mobile-menu.nav .navbar-search-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #FFFFFF; }
.nav-mobile-menu.nav .navbar-search-form .form-control::-moz-placeholder { /* Firefox 19+ */ color: #FFFFFF; }
.nav-mobile-menu.nav .navbar-search-form .form-control:-ms-input-placeholder { /* IE 10+ */ color: #FFFFFF; }
.nav-mobile-menu.nav .navbar-search-form .form-control:-moz-placeholder { /* Firefox 18- */ color: #FFFFFF; }
.nav .navbar-search-form .nc-icon { color: #888888; }
.footer { background-color: #FFFFFF; width: 100%; }
    .footer .footer-menu { height: 41px; }
    .footer nav > ul { list-style: none; margin: 0; padding: 0; font-weight: normal; }
        .footer nav > ul a:not(.btn) { color: #9A9A9A; display: block; margin-bottom: 3px; }
            .footer nav > ul a:not(.btn):hover, .footer nav > ul a:not(.btn):focus { color: #797979; }
    .footer .social-area { padding: 15px 0; }
        .footer .social-area h5 { padding-bottom: 15px; }
        .footer .social-area > a:not(.btn) { color: #9A9A9A; display: inline-block; vertical-align: top; padding: 10px 5px; font-size: 1.25rem; font-weight: normal; line-height: 20px; text-align: center; }
            .footer .social-area > a:not(.btn):hover, .footer .social-area > a:not(.btn):focus { color: #797979; }
    .footer .copyright { color: #797979; padding: 10px 15px; margin: 10px 3px; line-height: 20px; font-size: 0.875rem; }
    .footer hr { border-color: #DDDDDD; }
    .footer .title { color: #797979; }
.footer-default { background-color: #F5F5F5; }
.footer-black, .footer-transparent { background-color: rgba(30, 30, 30, 0.97); color: #DDDDDD; }
    .footer-black nav > ul a, .footer-transparent nav > ul a { color: #FFFFFF; }
        .footer-black nav > ul a:hover, .footer-black nav > ul a:focus, .footer-transparent nav > ul a:hover, .footer-transparent nav > ul a:focus { color: #9A9A9A; }
    .footer-black .social-area > a:not(.btn), .footer-transparent .social-area > a:not(.btn) { color: #FFFFFF; }
        .footer-black .social-area > a:not(.btn):hover, .footer-black .social-area > a:not(.btn):focus, .footer-transparent .social-area > a:not(.btn):hover, .footer-transparent .social-area > a:not(.btn):focus { color: #9A9A9A; }
    .footer-black .btn-social, .footer-transparent .btn-social { color: #FFFFFF; }
    .footer-black hr, .footer-transparent hr { border-color: #444444; }
    .footer-black .title, .footer-transparent .title { color: #DDDDDD; }
.footer:not(.footer-big) nav > ul { font-size: 0.875rem; }
    .footer:not(.footer-big) nav > ul li { margin-left: 20px; float: left; }
    .footer:not(.footer-big) nav > ul a { padding: 10px 0px; margin: 10px 10px 10px 0px; }
.full-page + .footer li a, .full-page + .footer .copyright a { color: #fff !important; }
.bootstrap-tagsinput { overflow-y: auto; text-align: left; }
    .bootstrap-tagsinput .badge { cursor: pointer; overflow: hidden; position: relative; margin: 5px 3px 5px 0; padding: 4px 18px !important; padding: 2px 12px; border: 1px solid #888888; border-radius: 3px; color: #888888; font-weight: 500; font-size: 0.75rem; text-transform: uppercase; display: inline-block; vertical-align: middle; background-color: transparent; border: 1px solid #888888; font-size: 12px !important; }
        .bootstrap-tagsinput .badge.badge-blue, .bootstrap-tagsinput .badge.badge-blue .tagsinput-remove-link { border-color: #447DF7; color: #447DF7; }
        .bootstrap-tagsinput .badge.badge-azure, .bootstrap-tagsinput .badge.badge-azure .tagsinput-remove-link { border-color: #23CCEF; color: #23CCEF; }
        .bootstrap-tagsinput .badge.badge-green .tag, .bootstrap-tagsinput .badge.badge-green .tagsinput-remove-link { border-color: #87CB16; color: #87CB16; }
        .bootstrap-tagsinput .badge.badge-orange .tag, .bootstrap-tagsinput .badge.badge-orange .tagsinput-remove-link { border-color: #FFA534; color: #FFA534; }
        .bootstrap-tagsinput .badge.badgebadge-red .tag, .bootstrap-tagsinput .badge.badgebadge-red .tagsinput-remove-link { border-color: #FB404B; color: #FB404B; }
        .bootstrap-tagsinput .badge .badge-remove-link { -webkit-transition: all 60ms ease-in; -moz-transition: all 60ms ease-in; -o-transition: all 60ms ease-in; -ms-transition: all 60ms ease-in; transition: all 60ms ease-in; }
        .bootstrap-tagsinput .badge:hover { padding-left: 10px; padding-right: 18px; opacity: 1 !important; visibility: visible !important; }
            .bootstrap-tagsinput .badge:hover .badge-remove-link { opacity: 1 !important; color: black; padding-right: 6px; }
    .bootstrap-tagsinput .tagsinput-add { color: #333333; cursor: pointer; display: inline-block; font-size: 14px; padding: 5px 6px; vertical-align: top; opacity: 0.8; filter: alpha(opacity=80); }
        .bootstrap-tagsinput .tagsinput-add:hover, .bootstrap-tagsinput .tagsinput-add:focus { opacity: 1; filter: alpha(opacity=100); }
        .bootstrap-tagsinput .tagsinput-add:before { content: "\f067"; font-family: "FontAwesome"; }
    .bootstrap-tagsinput .badge-remove-link { cursor: pointer; font-size: 12px; padding: 3px 0; position: absolute; right: -3px; opacity: 0; text-align: right; text-decoration: none; top: 0; width: 100%; z-index: 2; }
    .bootstrap-tagsinput .tag:hover .tagsinput-remove-link { opacity: 1; padding-right: 6px; }
    .bootstrap-tagsinput .badge-remove-link:before { content: "\f00d"; font-family: "FontAwesome"; color: #23CCEF; }
    .bootstrap-tagsinput .tagsinput-add-container { display: inline-block; vertical-align: middle; }
    .bootstrap-tagsinput input { background: transparent; border: none; color: #333333; margin: 0; outline: medium none !important; padding: 0 0 0 5px; vertical-align: top; width: 40px; height: 30px; }
    .bootstrap-tagsinput.badge-fill .badge-blue { border-color: #447DF7; color: #FFFFFF; background-color: #447DF7; }
    .bootstrap-tagsinput.badge-fill .badge-azure { border-color: #23CCEF; color: #FFFFFF; background-color: #23CCEF; }
    .bootstrap-tagsinput.badge-fill.badge-green { border-color: #87CB16; color: #FFFFFF; background-color: #87CB16; }
    .bootstrap-tagsinput.badge-fill.badge-orange { border-color: #FFA534; color: #FFFFFF; background-color: #FFA534; }
    .bootstrap-tagsinput.badge-fill.badge-red { border-color: #FB404B; color: #FFFFFF; background-color: #FB404B; }
    .bootstrap-tagsinput.badge-fill .tagsinput-remove-link { color: #FFFFFF; }
/*            Navigation menu                */

.nav-pills > li + li { margin-left: 0; }
.nav-pills > li > a { border: 1px solid #23CCEF; border-radius: 0; color: #23CCEF; margin-left: -1px; }
    .nav-pills > li > a:hover, .nav-pills > li > a:focus { background-color: #F5F5F5; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #23CCEF; color: #FFFFFF; }
.nav-pills > li:first-child > a { border-radius: 4px 0 0 4px; margin: 0; }
.nav-pills > li:last-child > a { border-radius: 0 4px 4px 0; }
.pagination .page-item .page-link { border-radius: 50%; margin: 0 2px; color: #797979; padding: 6px 12px; }
    .pagination .page-item .page-link:hover { background-color: #eee; border-color: #ddd; }
.pagination .page-item.active .page-link { background-color: #23CCEF; border: 0; color: #FFFFFF !important; padding: 7px 13px; }
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link { border-radius: 50%; }
.pagination > li.disabled { opacity: .4; }
.pagination.pagination-no-border > li > a, .pagination.pagination-no-border > li > span { border: 0; }
.pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 50%; margin: 0 2px; color: #797979; }
.pagination > li.active > a, .pagination > li.active > span, .pagination > li.active > a:hover, .pagination > li.active > span:hover, .pagination > li.active > a:focus, .pagination > li.active > span:focus { background-color: #23CCEF; border: 0; color: #FFFFFF; padding: 7px 13px; }
.nav-pills-blue > li.active > a, .nav-pills-blue > li.active > a:hover, .nav-pills-blue > li.active > a:focus { background-color: #447DF7; }
.pagination-blue > li.active a, .pagination-blue > li.active a:hover, .pagination-blue > li.active a:focus, .pagination-blue > li.active span, .pagination-blue > li.active span:hover, .pagination-blue > li.active span:focus { background-color: #447DF7 !important; }
.nav-pills-azure > li.active > a, .nav-pills-azure > li.active > a:hover, .nav-pills-azure > li.active > a:focus { background-color: #23CCEF; }
.pagination-azure li.active a, .pagination-azure li.active a:hover, .pagination-azure li.active a:focus, .pagination-azure li.active span, .pagination-azure li.active span:hover, .pagination-azure li.active span:focus { background-color: #23CCEF !important; }
.nav-pills-green > li.active > a, .nav-pills-green > li.active > a:hover, .nav-pills-green > li.active > a:focus { background-color: #87CB16; }
.pagination-green > li.active a, .pagination-green > li.active a:hover, .pagination-green > li.active a:focus, .pagination-green > li.active span, .pagination-green > li.active span:hover, .pagination-green > li.active span:focus { background-color: #87CB16 !important; }
.nav-pills-orange > li.active > a, .nav-pills-orange > li.active > a:hover, .nav-pills-orange > li.active > a:focus { background-color: #FFA534; }
.pagination-orange > li.active a, .pagination-orange > li.active a:hover, .pagination-orange > li.active a:focus, .pagination-orange > li.active span, .pagination-orange > li.active span:hover, .pagination-orange > li.active span:focus { background-color: #FFA534 !important; }
.nav-pills-red > li.active > a, .nav-pills-red > li.active > a:hover, .nav-pills-red > li.active > a:focus { background-color: #FB404B; }
.pagination-red > li.active a, .pagination-red > li.active a:hover, .pagination-red > li.active a:focus, .pagination-red > li.active span, .pagination-red > li.active span:hover, .pagination-red > li.active span:focus { background-color: #FB404B !important; }
.bootstrap-table .pagination .page-number a { padding: 7px 12px; }
.nav-pills-blue > li > a { border: 1px solid #447DF7; color: #447DF7; }
.nav-pills-azure > li > a { border: 1px solid #23CCEF; color: #23CCEF; }
.nav-pills-green > li > a { border: 1px solid #87CB16; color: #87CB16; }
.nav-pills-orange > li > a { border: 1px solid #FFA534; color: #FFA534; }
.nav-pills-red > li > a { border: 1px solid #FB404B; color: #FB404B; }
.nav-text, .nav-icons { padding: 10px 0 0; }
    .nav-text .nav-item .nav-link, .nav-icons .nav-item .nav-link { display: block; padding: 0px 16px; color: #9A9A9A; text-align: center; opacity: 0.8; filter: alpha(opacity=80); }
        .nav-text .nav-item .nav-link:hover, .nav-text .nav-item .nav-link:focus, .nav-icons .nav-item .nav-link:hover, .nav-icons .nav-item .nav-link:focus { background-color: transparent; opacity: 1; filter: alpha(opacity=100); }
    .nav-text .nav-item:first-child .nav-link, .nav-icons .nav-item:first-child .nav-link { padding-left: 0; }
    .nav-text .nav-item .nav-link.active, .nav-text .nav-item.active .nav-link, .nav-icons .nav-item .nav-link.active, .nav-icons .nav-item.active .nav-link { color: #23CCEF; }
    .nav-icons > li { display: inline-block; }
        .nav-icons > li > a { padding: 0 10px; margin-bottom: 10px; }
            .nav-icons > li > a i { font-size: 1.375rem; margin-bottom: 10px; width: 1.375rem; }
    .nav-icons.nav-stacked > li { display: block; }
        .nav-icons.nav-stacked > li > a { margin-bottom: 20px; }
.nav-blue > li.active a { color: #447DF7; }
.nav-azure > li.active a { color: #23CCEF; }
.nav-green > li.active a { color: #87CB16; }
.nav-orange > li.active a { color: #FFA534; }
.nav-red > li.active a { color: #FB404B; }
.nav-text { margin: 0 0 10px 0; }
    .nav-text > li > a { font-size: 0.875rem; text-transform: uppercase; padding: 3px 0; text-align: left; font-weight: 500; }
    .nav-text > li:first-child > a { padding-top: 0; }
    .nav-text h4 { margin-top: 0; }
    .nav-text:not(.nav-stacked) > li { display: inline-block; }
        .nav-text:not(.nav-stacked) > li > a { margin-right: 15px; }
.tab-pane { padding: 15px 0; }
.nav-container { display: block; width: 100%; text-align: center; }
.content-full-width .nav-tabs li:first-child { padding-left: 15px; }
.content-full-width .tab-pane { padding: 15px; }
.accordions .card { border: 0; box-shadow: none; margin-bottom: 15px; }
    .accordions .card .card-header { padding: 0; border-bottom: 1px solid #DDDDDD !important; }
        .accordions .card .card-header .card-title { margin-top: 0; margin-bottom: 0; font-size: 18px; color: inherit; }
            .accordions .card .card-header .card-title a { color: #333; padding: 0px 0 5px; display: block; width: 100%; font-size: 16px; }
                .accordions .card .card-header .card-title a:hover { color: #797979; }
        .accordions .card .card-header .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; float: right; margin-top: 12px; margin-right: 15px; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in; }
        .accordions .card .card-header a[data-toggle="collapse"][aria-expanded="true"] .caret, .accordions .card .card-header a[data-toggle="collapse-hover"][aria-expanded="true"] .caret { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
        .accordions .card .card-header + .card-collapse .card-body { box-shadow: inset 0 7px 10px -7px rgba(0, 0, 0, 0.14); }
    .accordions .card .card-collapse.collapse-hover { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear !important; }
.card-body-full-width { padding: 15px 0 !important; }
    .card-body-full-width .accordions .card-header .card-title a { padding: 10px 15px; }
.content-full-width .nav-tabs .nav-item:first-child { padding-left: 15px; }
.nav-container .nav-icons .nc-icon { font-weight: 700; }
.card-wizard .nav-tabs { margin-left: -15px; margin-right: -15px; margin-top: 10px; margin-bottom: 10px; }
    .card-wizard .nav-tabs .nav-item { width: 33.33%; }
        .card-wizard .nav-tabs .nav-item .nav-link { text-align: center; border: none; background-color: #9A9A9A; color: #FFFFFF; text-transform: uppercase; border-radius: unset; }
            .card-wizard .nav-tabs .nav-item .nav-link.active { background-color: #23CCEF; }
.progress { background-color: #E5E5E5; border-radius: 3px; box-shadow: none; height: 4px; margin-bottom: 20px; }
.progress-thin { height: 2px; }
.progress-bar, .progress-bar-primary { background-color: #447DF7; }
.progress-bar-info { background-color: #23CCEF; }
.progress-bar-success { background-color: #87CB16; }
.progress-bar-warning { background-color: #FFA534; }
.progress-bar-danger { background-color: #FB404B; }
/*!
 * jQuery UI Slider 1.10.4
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */

.ui-slider { position: relative; text-align: left; }
    .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
    .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
    /* For IE8 - See #6727 */

    .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }
.ui-slider-horizontal { height: 4px; }
    .ui-slider-horizontal .ui-slider-handle { margin-left: -10px; top: -7px; }
    .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
    .ui-slider-horizontal .ui-slider-range-min { left: 0; }
    .ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
    .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
    .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
    .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
    .ui-slider-vertical .ui-slider-range-max { top: 0; }
/* Component containers
----------------------------------*/

.ui-widget { font-size: 1.1em; }
    .ui-widget .ui-widget { font-size: 1em; }
    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; }
.ui-widget-content { background-color: #E5E5E5; }
    .ui-widget-content a { color: #222222; }
.ui-widget-header { background: #999999; color: #222222; font-weight: bold; }
    .ui-widget-header a { color: #222222; }
.slider-primary .ui-widget-header { background-color: #447DF7; }
.slider-info .ui-widget-header { background-color: #23CCEF; }
.slider-success .ui-widget-header { background-color: #87CB16; }
.slider-warning .ui-widget-header { background-color: #FFA534; }
.slider-danger .ui-widget-header { background-color: #FB404B; }
/* Interaction states
----------------------------------*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: white; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #f1f1f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f1f1f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #f1f1f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #f1f1f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #f1f1f2 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #f1f1f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f2', GradientType=0); /* IE6-9 */ border-radius: 50%; box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.4); height: 15px; width: 15px; cursor: pointer; }
    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #212121; text-decoration: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
/* Interaction Cues
----------------------------------*/

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee; color: #363636; }
    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #FB404B; background-color: #FB404B; color: #FB404B; }
    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #FB404B; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #FB404B; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; }
    .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* For IE8 - See #6059 */ }
.dropdown-menu { visibility: hidden; margin: 0; padding: 0; border-radius: 10px; display: block; z-index: 9000; position: absolute; opacity: 0; filter: alpha(opacity=0); -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125); box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125); }
.show .dropdown-menu { opacity: 1; filter: alpha(opacity=100); visibility: visible; }
.select .dropdown-menu { border-radius: 0 0 10px 10px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform-origin: 50% -40px; -moz-transform-origin: 50% -40px; -o-transform-origin: 50% -40px; -ms-transform-origin: 50% -40px; transform-origin: 50% -40px; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear; margin-top: -20px; }
.select.show .dropdown-menu { margin-top: -1px; }
.dropdown-menu .dropdown-item { padding: 8px 16px; color: #333333; }
    .dropdown-menu .dropdown-item img { margin-top: -3px; }
    .dropdown-menu .dropdown-item:focus { outline: 0 !important; }
.btn-group.select .dropdown-menu { min-width: 100%; }
.dropdown-menu > li:first-child > a { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.dropdown-menu > li:last-child > a { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.select .dropdown-menu > li:first-child > a { border-radius: 0; border-bottom: 0 none; }
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus { background-color: #F5F5F5; color: #333333; opacity: 1; text-decoration: none; }
.dropdown-menu.dropdown-blue > li > a:hover, .dropdown-menu.dropdown-blue > li > a:focus { background-color: rgba(68, 125, 247, 0.2); }
.dropdown-menu.dropdown-azure > li > a:hover, .dropdown-menu.dropdown-azure > li > a:focus { background-color: rgba(35, 204, 239, 0.2); }
.dropdown-menu.ct-green > li > a:hover, .dropdown-menu.ct-green > li > a:focus { background-color: rgba(135, 203, 22, 0.2); }
.dropdown-menu.dropdown-orange > li > a:hover, .dropdown-menu.dropdown-orange > li > a:focus { background-color: rgba(255, 165, 52, 0.2); }
.dropdown-menu.dropdown-red > li > a:hover, .dropdown-menu.dropdown-red > li > a:focus { background-color: rgba(251, 64, 75, 0.2); }
.dropdown-menu .dropdown-item i[class*="nc-icon"] { font-size: 18px; text-align: center; line-height: 25px; float: left; padding-right: 10px; }
.dropdown-menu.dropdown-menu-right:before, .dropdown-menu.dropdown-menu-right:after { right: 12px !important; left: auto !important; }
.dropdown-with-icons > li > a { padding-left: 0px; line-height: 28px; }
.dropdown-with-icons i { text-align: center; line-height: 28px; float: left; }
    .dropdown-with-icons i[class^="pe-"] { font-size: 24px; width: 46px; }
    .dropdown-with-icons i[class^="fa"] { font-size: 14px; width: 38px; }
.btn-group.select { overflow: hidden; }
    .btn-group.select.show { overflow: visible; }
.card { border-radius: 4px; background-color: #FFFFFF; margin-bottom: 30px; }
    .card .card-image { width: 100%; overflow: hidden; height: 260px; border-radius: 4px 4px 0 0; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
        .card .card-image img { width: 100%; }
    .card .filter { position: absolute; z-index: 2; background-color: rgba(0, 0, 0, 0.68); top: 0; left: 0; width: 100%; height: 100%; text-align: center; opacity: 0; filter: alpha(opacity=0); }
        .card .filter .btn { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .card:hover .filter { opacity: 1; filter: alpha(opacity=100); }
    .card .btn-hover { opacity: 0; filter: alpha(opacity=0); }
    .card:hover .btn-hover { opacity: 1; filter: alpha(opacity=100); }
    .card .card-body { padding: 15px 15px 10px 15px; }
    .card .card-header { padding: 15px 15px 0; background-color: #FFFFFF; border-bottom: none !important; }
    .card .card-category, .card label { font-size: 0.875rem; font-weight: 400; color: #9A9A9A; margin-bottom: 0px; }
        .card .card-category i, .card label i { font-size: 1rem; }
    .card label { font-size: 0.75rem; margin-bottom: 5px; text-transform: uppercase; }
    .card .card-title { margin: 0; color: #333333; font-weight: 300; }
    .card .avatar { height: 100%; overflow: hidden; border-radius: 50%; margin-right: 5px; }
    .card .description { font-size: 0.875rem; color: #333; }
    .card .card-footer { padding: 15px 15px 10px 15px; background-color: transparent; line-height: 30px; border-top: none !important; font-size: 14px; }
        .card .card-footer .legend { padding: 5px 0; }
        .card .card-footer hr { margin-top: 5px; margin-bottom: 5px; }
    .card .stats { color: #a9a9a9; }
    .card .author { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; border-radius: 50%; border: 4px solid rgba(255, 255, 255, 0.3); overflow: hidden; margin: 0 auto; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
        .card .author i { font-size: 0.875rem; }
    .card h6 { font-size: 0.75rem; margin: 0; }
    .card.card-separator:after { height: 100%; right: -15px; top: 0; width: 1px; background-color: #DDDDDD; card-body: ""; position: absolute; }
    .card .ct-chart { margin: 30px 0 30px; }
    .card .ct-label { font-size: 1rem !important; }
    .card .alert { border-radius: 4px; position: relative; }
        .card .alert.alert-with-icon { padding-left: 65px; }
    .card.card-lock .card-body .card-title { margin-bottom: 20px; color: #FFFFFF; }
    .card.card-lock .card-header .author { width: 100px; height: 100px; }
.card-stats .card-body { padding: 15px 15px 0px; }
    .card-stats .card-body .numbers { text-align: right; }
        .card-stats .card-body .numbers p { margin-bottom: 0; }
.card-stats .card-footer { padding: 0px 15px 10px 15px; }
.card-stats .icon-big { font-size: 3em; min-height: 64px; }
    .card-stats .icon-big i { line-height: 59px; }
.card-user .card-image { height: 110px; }
.card-user .card-image-plain { height: 0; margin-top: 110px; }
.card-user .author { text-align: center; text-transform: none; margin-top: -70px; }
.card-user .avatar { width: 124px; height: 124px; border: 5px solid #EEEEEE; position: relative; margin-bottom: 15px; }
    .card-user .avatar.border-gray { border-color: #EEEEEE; }
.card-user .title { line-height: 24px; }
.card-user .card-body { min-height: 240px; }
.card-user .card-header.no-padding { padding: 0; }
.card-user .card-footer .button-container .btn { font-size: 16px; }
.card-user .card-footer, .card-price .card-footer { padding: 5px 15px 10px; }
.card-user hr, .card-price hr { margin: 5px 15px; }
.card-plain { background-color: transparent; box-shadow: none; border-radius: 0; }
    .card-plain .card-image { border-radius: 4px; }
.card.card-plain { border: none !important; }
    .card.card-plain .card-header { background-color: transparent !important; }
.card.card-login { box-shadow: 0 25px 30px -13px rgba(40, 40, 40, 0.4); border-radius: 10px; padding-top: 10px; padding-bottom: 30px; -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
    .card.card-login .form-check { margin-left: -12px; }
    .card.card-login.card-hidden { opacity: 0; -webkit-transform: translate3d(0, -60px, 0); -moz-transform: translate3d(0, -60px, 0); -o-transform: translate3d(0, -60px, 0); -ms-transform: translate3d(0, -60px, 0); transform: translate3d(0, -60px, 0); }
.card.card-register .header-text hr { border-top: 1px solid rgba(255, 255, 255, 0.3); }
.ct-label { fill: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4); font-size: 1.3rem; line-height: 1; }
.ct-chart-line .ct-label, .ct-chart-bar .ct-label { display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }
.ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }
.ct-label.ct-vertical.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; }
.ct-label.ct-vertical.ct-end { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }
.ct-chart-bar .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: start; }
.ct-chart-bar .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: end; }
.ct-grid { stroke: rgba(0, 0, 0, 0.2); stroke-width: 1px; stroke-dasharray: 2px; }
.ct-point { stroke-width: 8px; stroke-linecap: round; }
.ct-line { fill: none; stroke-width: 3px; }
.ct-area { stroke: none; fill-opacity: 0.8; }
.ct-bar { fill: none; stroke-width: 10px; }
.ct-slice-donut { fill: none; stroke-width: 60px; }
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { stroke: #1DC7EA; }
.ct-series-a .ct-slice-pie, .ct-series-a .ct-area { fill: #1DC7EA; }
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { stroke: #FB404B; }
.ct-series-b .ct-slice-pie, .ct-series-b .ct-area { fill: #FB404B; }
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { stroke: #FFA534; }
.ct-series-c .ct-slice-pie, .ct-series-c .ct-area { fill: #FFA534; }
.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut { stroke: #9368E9; }
.ct-series-d .ct-slice-pie, .ct-series-d .ct-area { fill: #9368E9; }
.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut { stroke: #87CB16; }
.ct-series-e .ct-slice-pie, .ct-series-e .ct-area { fill: #87CB16; }
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { stroke: #1F77D0; }
.ct-series-f .ct-slice-pie, .ct-series-f .ct-area { fill: #1F77D0; }
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { stroke: #5e5e5e; }
.ct-series-g .ct-slice-pie, .ct-series-g .ct-area { fill: #5e5e5e; }
.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut { stroke: #dd4b39; }
.ct-series-h .ct-slice-pie, .ct-series-h .ct-area { fill: #dd4b39; }
.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut { stroke: #35465c; }
.ct-series-i .ct-slice-pie, .ct-series-i .ct-area { fill: #35465c; }
.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut { stroke: #e52d27; }
.ct-series-j .ct-slice-pie, .ct-series-j .ct-area { fill: #e52d27; }
.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut { stroke: #55acee; }
.ct-series-k .ct-slice-pie, .ct-series-k .ct-area { fill: #55acee; }
.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut { stroke: #cc2127; }
.ct-series-l .ct-slice-pie, .ct-series-l .ct-area { fill: #cc2127; }
.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut { stroke: #1769ff; }
.ct-series-m .ct-slice-pie, .ct-series-m .ct-area { fill: #1769ff; }
.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut { stroke: #6188e2; }
.ct-series-n .ct-slice-pie, .ct-series-n .ct-area { fill: #6188e2; }
.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut { stroke: #a748ca; }
.ct-series-o .ct-slice-pie, .ct-series-o .ct-area { fill: #a748ca; }
.ct-square { display: block; position: relative; width: 100%; }
    .ct-square:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 100%; }
    .ct-square:after { content: ""; display: table; clear: both; }
    .ct-square > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-minor-second { display: block; position: relative; width: 100%; }
    .ct-minor-second:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 93.75%; }
    .ct-minor-second:after { content: ""; display: table; clear: both; }
    .ct-minor-second > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-second { display: block; position: relative; width: 100%; }
    .ct-major-second:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 88.88889%; }
    .ct-major-second:after { content: ""; display: table; clear: both; }
    .ct-major-second > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-minor-third { display: block; position: relative; width: 100%; }
    .ct-minor-third:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 83.33333%; }
    .ct-minor-third:after { content: ""; display: table; clear: both; }
    .ct-minor-third > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-third { display: block; position: relative; width: 100%; }
    .ct-major-third:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 80%; }
    .ct-major-third:after { content: ""; display: table; clear: both; }
    .ct-major-third > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-perfect-fourth { display: block; position: relative; width: 100%; }
    .ct-perfect-fourth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 75%; }
    .ct-perfect-fourth:after { content: ""; display: table; clear: both; }
    .ct-perfect-fourth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-perfect-fifth { display: block; position: relative; width: 100%; }
    .ct-perfect-fifth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 66.66667%; }
    .ct-perfect-fifth:after { content: ""; display: table; clear: both; }
    .ct-perfect-fifth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-minor-sixth { display: block; position: relative; width: 100%; }
    .ct-minor-sixth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 62.5%; }
    .ct-minor-sixth:after { content: ""; display: table; clear: both; }
    .ct-minor-sixth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-golden-section { display: block; position: relative; width: 100%; }
    .ct-golden-section:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 61.8047%; }
    .ct-golden-section:after { content: ""; display: table; clear: both; }
    .ct-golden-section > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-sixth { display: block; position: relative; width: 100%; }
    .ct-major-sixth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 60%; }
    .ct-major-sixth:after { content: ""; display: table; clear: both; }
    .ct-major-sixth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-minor-seventh { display: block; position: relative; width: 100%; }
    .ct-minor-seventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 56.25%; }
    .ct-minor-seventh:after { content: ""; display: table; clear: both; }
    .ct-minor-seventh > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-seventh { display: block; position: relative; width: 100%; }
    .ct-major-seventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 53.33333%; }
    .ct-major-seventh:after { content: ""; display: table; clear: both; }
    .ct-major-seventh > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-octave { display: block; position: relative; width: 100%; }
    .ct-octave:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 50%; }
    .ct-octave:after { content: ""; display: table; clear: both; }
    .ct-octave > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-tenth { display: block; position: relative; width: 100%; }
    .ct-major-tenth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 40%; }
    .ct-major-tenth:after { content: ""; display: table; clear: both; }
    .ct-major-tenth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-eleventh { display: block; position: relative; width: 100%; }
    .ct-major-eleventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 37.5%; }
    .ct-major-eleventh:after { content: ""; display: table; clear: both; }
    .ct-major-eleventh > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-twelfth { display: block; position: relative; width: 100%; }
    .ct-major-twelfth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 33.33333%; }
    .ct-major-twelfth:after { content: ""; display: table; clear: both; }
    .ct-major-twelfth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-double-octave { display: block; position: relative; width: 100%; }
    .ct-double-octave:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 25%; }
    .ct-double-octave:after { content: ""; display: table; clear: both; }
    .ct-double-octave > svg { display: block; position: absolute; top: 0; left: 0; }

@media (min-width: 992px) {
    .navbar-fixed { width: calc(100% + 260px); }
    .navbar-form { padding-left: 15px; padding-right: 5px; }
        .navbar-form .input-group .form-control { margin-left: 10px; }
    .nav.nav-mobile-menu { display: none; }
    .navbar .navbar-nav .nc-icon { font-weight: 700; margin-top: 10px; }
    .navbar .navbar-nav .input-group .nc-icon { margin-top: 0; }
    .navbar .navbar-nav .dropdown-menu .dropdown-item .nc-icon { margin-top: 0; }
    .close-layer { display: none; }
    .navbar-nav .nav-item .dropdown-menu, .dropdown .dropdown-menu { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1); -moz-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1); -o-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1); -ms-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1); transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1); }
    .navbar-nav .nav-item.show .dropdown-menu, .dropdown.show .dropdown-menu { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: 29px -50px; -moz-transform-origin: 29px -50px; -o-transform-origin: 29px -50px; -ms-transform-origin: 29px -50px; transform-origin: 29px -50px; }
    .sidebar-mini .sidebar .sidebar-wrapper > .nav [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .sidebar-mini .sidebar .sidebar-wrapper .user .info [data-toggle="collapse"] ~ div > ul > li > a .sidebar-normal, .sidebar-mini .sidebar .sidebar-wrapper .user .info > a > span, .sidebar-mini .sidebar .sidebar-wrapper > .nav li > a span, .sidebar-mini .sidebar .sidebar-wrapper > .nav li > a .caret { -webkit-transform: translate3d(-25px, 0, 0); -moz-transform: translate3d(-25px, 0, 0); -o-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); opacity: 0; }
    .sidebar-mini .sidebar .logo a.logo-mini { opacity: 1; }
    .sidebar-mini .sidebar .logo a.logo-normal { opacity: 0; }
    .footer { height: 60px; }
        .footer .footer-menu { float: left; }
        .footer .copyright { float: right; }
    .navbar-nav .nav-item .dropdown-menu:before { border-bottom: 11px solid rgba(0, 0, 0, 0.2); border-left: 11px solid transparent; border-right: 11px solid transparent; content: ""; display: inline-block; position: absolute; left: 12px; top: -11px; }
    .navbar-nav .nav-item .dropdown-menu:after { border-bottom: 11px solid #FFFFFF; border-left: 11px solid transparent; border-right: 11px solid transparent; content: ""; display: inline-block; position: absolute; left: 12px; top: -10px; }
    .navbar-nav.navbar-right .nav-item .dropdown-menu:before { left: auto; right: 12px; }
    .navbar-nav.navbar-right .nav-item .dropdown-menu:after { left: auto; right: 12px; }
    .footer:not(.footer-big) nav > ul li:first-child { margin-left: 0; }
    .card form [class*="col-"] { padding: 6px; }
        .card form [class*="col-"]:first-child { padding-left: 15px; }
        .card form [class*="col-"]:last-child { padding-right: 15px; }
}

/*          Changes for small display      */

@media (max-width: 991px) {
    .sidebar { right: 0 !important; left: auto; -webkit-transform: translate3d(260px, 0, 0); -moz-transform: translate3d(260px, 0, 0); -o-transform: translate3d(260px, 0, 0); -ms-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0); -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); }
    .nav-open .main-panel { position: absolute; left: 0; -webkit-transform: translate3d(-260px, 0, 0); -moz-transform: translate3d(-260px, 0, 0); -o-transform: translate3d(-260px, 0, 0); -ms-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0); -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); }
    .nav-open .sidebar { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); }
    .main-panel { -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); }
    .menu-on-left .sidebar { left: 0 !important; right: auto; -webkit-transform: translate3d(-260px, 0, 0); -moz-transform: translate3d(-260px, 0, 0); -o-transform: translate3d(-260px, 0, 0); -ms-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0); -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); }
    .menu-on-left .main-panel { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); }
    .nav-open .menu-on-left .main-panel { position: absolute; left: 0; -webkit-transform: translate3d(260px, 0, 0); -moz-transform: translate3d(260px, 0, 0); -o-transform: translate3d(260px, 0, 0); -ms-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0); -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); }
    .nav-open .menu-on-left .sidebar { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); }
    .nav-item.active-pro { position: relative !important; }
    .nav-mobile-menu { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 15px; padding-bottom: 15px; padding-top: 5px; }
        .nav-mobile-menu .dropdown .dropdown-menu { position: static !important; float: none; width: auto; color: #FFFFFF; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; transform: translate3d(0px, 0px, 0px) !important; -webkit-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1); }
            .nav-mobile-menu .dropdown .dropdown-menu .dropdown-item { margin: 5px 15px 0px 20px; border-radius: 4px; color: #FFFFFF; opacity: .86; padding: 8px 50px; }
                .nav-mobile-menu .dropdown .dropdown-menu .dropdown-item:hover { background-color: rgba(255, 255, 255, 0.23); }
                .nav-mobile-menu .dropdown .dropdown-menu .dropdown-item .nc-icon { margin-left: -40px; }
        .nav-mobile-menu .nav-item .nav-link span { display: inline-block !important; }
        .nav-mobile-menu .nav-item .nav-link .no-icon { padding-left: 50px; }
    .main-panel { width: 100%; }
    .navbar-brand { padding: 15px 0px; }
    .navbar-transparent { padding-top: 15px; }
    body { position: relative; }
    .wrapper { left: 0; background-color: white; }
    .navbar .container { left: 15px; width: 100%; position: relative; top: -10px; }
    .navbar-nav .nav-item { float: none; position: relative; display: block; }
    body > .navbar-collapse { position: fixed; display: block; top: 0; height: 100%; right: 0; left: auto; z-index: 1032; visibility: visible; background-color: #999; overflow-y: visible; border-top: none; text-align: left; padding: 0; -webkit-transform: translate3d(260px, 0, 0); -moz-transform: translate3d(260px, 0, 0); -o-transform: translate3d(260px, 0, 0); -ms-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0); -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); }
        body > .navbar-collapse > ul { position: relative; z-index: 4; overflow-y: scroll; height: calc(100vh - 61px); width: 100%; }
        body > .navbar-collapse::before { top: 0; left: 0; height: 100%; width: 100%; position: absolute; background-color: #282828; display: block; content: ""; z-index: 1; }
        body > .navbar-collapse .logo { position: relative; z-index: 4; }
        body > .navbar-collapse .nav li > a { padding: 10px 15px; }
    .nav-show .navbar-collapse { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }
    .nav-show .navbar .container { left: -250px; }
    .nav-show .wrapper { left: 0; -webkit-transform: translate3d(-260px, 0, 0); -moz-transform: translate3d(-260px, 0, 0); -o-transform: translate3d(-260px, 0, 0); -ms-transform: translate3d(-260px, 0, 0); transform: translate3d(-260px, 0, 0); }
    .navbar-toggle .icon-bar { display: block; position: relative; background: #fff; width: 24px; height: 2px; border-radius: 1px; margin: 0 auto; }
    .navbar-header .navbar-toggle { margin: 10px 15px 10px 0; width: 40px; height: 40px; }
    .bar1, .bar2, .bar3 { outline: 1px solid transparent; }
    .bar1 { top: 0px; -webkit-animation: topbar-back 500ms linear 0s; -moz-animation: topbar-back 500ms linear 0s; animation: topbar-back 500ms 0s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
    .bar2 { opacity: 1; }
    .bar3 { bottom: 0px; -webkit-animation: bottombar-back 500ms linear 0s; -moz-animation: bottombar-back 500ms linear 0s; animation: bottombar-back 500ms 0s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
    .toggled .bar1 { top: 6px; -webkit-animation: topbar-x 500ms linear 0s; -moz-animation: topbar-x 500ms linear 0s; animation: topbar-x 500ms 0s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }
    .toggled .bar2 { opacity: 0; }
    .toggled .bar3 { bottom: 6px; -webkit-animation: bottombar-x 500ms linear 0s; -moz-animation: bottombar-x 500ms linear 0s; animation: bottombar-x 500ms 0s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; }

    @keyframes topbar-x {
        0% { top: 0px; transform: rotate(0deg); }
        45% { top: 6px; transform: rotate(145deg); }
        75% { transform: rotate(130deg); }
        100% { transform: rotate(135deg); }
    }

    @-webkit-keyframes topbar-x {
        0% { top: 0px; -webkit-transform: rotate(0deg); }
        45% { top: 6px; -webkit-transform: rotate(145deg); }
        75% { -webkit-transform: rotate(130deg); }
        100% { -webkit-transform: rotate(135deg); }
    }

    @-moz-keyframes topbar-x {
        0% { top: 0px; -moz-transform: rotate(0deg); }
        45% { top: 6px; -moz-transform: rotate(145deg); }
        75% { -moz-transform: rotate(130deg); }
        100% { -moz-transform: rotate(135deg); }
    }

    @keyframes topbar-back {
        0% { top: 6px; transform: rotate(135deg); }
        45% { transform: rotate(-10deg); }
        75% { transform: rotate(5deg); }
        100% { top: 0px; transform: rotate(0); }
    }

    @-webkit-keyframes topbar-back {
        0% { top: 6px; -webkit-transform: rotate(135deg); }
        45% { -webkit-transform: rotate(-10deg); }
        75% { -webkit-transform: rotate(5deg); }
        100% { top: 0px; -webkit-transform: rotate(0); }
    }

    @-moz-keyframes topbar-back {
        0% { top: 6px; -moz-transform: rotate(135deg); }
        45% { -moz-transform: rotate(-10deg); }
        75% { -moz-transform: rotate(5deg); }
        100% { top: 0px; -moz-transform: rotate(0); }
    }

    @keyframes bottombar-x {
        0% { bottom: 0px; transform: rotate(0deg); }
        45% { bottom: 6px; transform: rotate(-145deg); }
        75% { transform: rotate(-130deg); }
        100% { transform: rotate(-135deg); }
    }

    @-webkit-keyframes bottombar-x {
        0% { bottom: 0px; -webkit-transform: rotate(0deg); }
        45% { bottom: 6px; -webkit-transform: rotate(-145deg); }
        75% { -webkit-transform: rotate(-130deg); }
        100% { -webkit-transform: rotate(-135deg); }
    }

    @-moz-keyframes bottombar-x {
        0% { bottom: 0px; -moz-transform: rotate(0deg); }
        45% { bottom: 6px; -moz-transform: rotate(-145deg); }
        75% { -moz-transform: rotate(-130deg); }
        100% { -moz-transform: rotate(-135deg); }
    }

    @keyframes bottombar-back {
        0% { bottom: 6px; transform: rotate(-135deg); }
        45% { transform: rotate(10deg); }
        75% { transform: rotate(-5deg); }
        100% { bottom: 0px; transform: rotate(0); }
    }

    @-webkit-keyframes bottombar-back {
        0% { bottom: 6px; -webkit-transform: rotate(-135deg); }
        45% { -webkit-transform: rotate(10deg); }
        75% { -webkit-transform: rotate(-5deg); }
        100% { bottom: 0px; -webkit-transform: rotate(0); }
    }

    @-moz-keyframes bottombar-back {
        0% { bottom: 6px; -moz-transform: rotate(-135deg); }
        45% { -moz-transform: rotate(10deg); }
        75% { -moz-transform: rotate(-5deg); }
        100% { bottom: 0px; -moz-transform: rotate(0); }
    }

    @-webkit-keyframes fadeIn {
        0% { opacity: 0; }
        100% { opacity: 1; }
    }

    @-moz-keyframes fadeIn {
        0% { opacity: 0; }
        100% { opacity: 1; }
    }

    @keyframes fadeIn {
        0% { opacity: 0; }
        100% { opacity: 1; }
    }

    .dropdown-menu .divider { background-color: rgba(229, 229, 229, 0.15); }
    .navbar-nav { margin: 1px 0; }
        .navbar-nav .show .dropdown-menu .nav-item .nav-link { padding: 10px 15px 10px 60px; }
    [class*="navbar-"] .navbar-nav > li > a, [class*="navbar-"] .navbar-nav > li > a:hover, [class*="navbar-"] .navbar-nav > li > a:focus, [class*="navbar-"] .navbar-nav .active > a, [class*="navbar-"] .navbar-nav .active > a:hover, [class*="navbar-"] .navbar-nav .active > a:focus, [class*="navbar-"] .navbar-nav .show .dropdown-menu > li > a, [class*="navbar-"] .navbar-nav .show .dropdown-menu > li > a:hover, [class*="navbar-"] .navbar-nav .show .dropdown-menu > li > a:focus, [class*="navbar-"] .navbar-nav .show .dropdown-menu > li > a:active { color: white; }
        [class*="navbar-"] .navbar-nav > li > a, [class*="navbar-"] .navbar-nav > li > a:hover, [class*="navbar-"] .navbar-nav > li > a:focus { opacity: .7; background-color: transparent; outline: none; }
        [class*="navbar-"] .navbar-nav .show .dropdown-menu > li > a:hover, [class*="navbar-"] .navbar-nav .show .dropdown-menu > li > a:focus { background-color: rgba(255, 255, 255, 0.1); }
    [class*="navbar-"] .navbar-nav.navbar-nav .show .dropdown-menu > li > a:active { opacity: 1; }
    [class*="navbar-"] .navbar-nav .dropdown > a:hover .caret { border-bottom-color: #fff; border-top-color: #fff; }
    [class*="navbar-"] .navbar-nav .dropdown > a:active .caret { border-bottom-color: white; border-top-color: white; }
    .dropdown-menu { display: none; }
    .navbar-fixed-top { -webkit-backface-visibility: hidden; }
    #bodyClick { height: 100%; width: 100%; position: fixed; opacity: 0; top: 0; left: auto; right: 250px; content: ""; z-index: 9999; overflow-x: hidden; }
    .social-line .btn { margin: 0 0 10px 0; }
    .subscribe-line .form-control { margin: 0 0 10px 0; }
    .social-line.pull-right { float: none; }
    .social-area.pull-right { float: none !important; }
    .form-control + .form-control-feedback { margin-top: -8px; }
    .navbar-toggle:hover, .navbar-toggle:focus { background-color: transparent !important; }
    .btn.dropdown-toggle { margin-bottom: 0; }
    .media-post .author { width: 20%; float: none !important; display: block; margin: 0 auto 10px; }
    .media-post .media-body { width: 100%; }
    .navbar-collapse.collapse { height: 100% !important; }
        .navbar-collapse.collapse.in { display: block; }
    .navbar-header .collapse, .navbar-toggle { display: block !important; }
    .navbar-header { float: none; }
    .navbar-nav .show .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; }
    .navbar-collapse .navbar-nav p { line-height: 40px !important; margin: 0; }
    .navbar-collapse [class^="pe-7s-"] { float: left; font-size: 20px; margin-right: 10px; }
}

@media (min-width: 992px) {
    .table-full-width { margin-left: -15px; margin-right: -15px; }
    .table-responsive { overflow: visible; }
}

@media (max-width: 991px) {
    .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; }
    .close-layer { height: 100%; width: 100%; position: absolute; opacity: 0; top: 0; left: auto; content: ""; z-index: 9999; overflow-x: hidden; background-color: rgba(0, 0, 0, 0.35); -webkit-transition: all 370ms ease-in; -moz-transition: all 370ms ease-in; -o-transition: all 370ms ease-in; -ms-transition: all 370ms ease-in; transition: all 370ms ease-in; }
        .close-layer.visible { opacity: 1; }
}

@media (max-width: 768px) {
    .main-panel .navbar.navbar-fixed { width: 100% !important; }
    .main-panel .typo-line { padding-left: 80px; }
    .main-panel .slider-success.noUi-target { margin-bottom: 15px; }
    .card .card-body .control-label { text-align: left; }
}

.bootstrap-switch { display: inline-block; direction: ltr; cursor: pointer; border-radius: 30px; border: 0; position: relative; text-align: left; overflow: hidden; margin-bottom: 5px; line-height: 8px; width: 61px !important; height: 26px; outline: none; z-index: 0; margin-right: 1px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
    .bootstrap-switch .bootstrap-switch-container { display: inline-flex; top: 0; height: 26px; border-radius: 4px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100px !important; }
    .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block !important; height: 100%; color: #fff; padding: 6px 10px; font-size: 11px; text-indent: -5px; line-height: 15px; -webkit-transition: 0.25s ease-out; transition: 0.25s ease-out; }
        .bootstrap-switch .bootstrap-switch-handle-on i, .bootstrap-switch .bootstrap-switch-handle-off i, .bootstrap-switch .bootstrap-switch-label i { font-size: 12px; line-height: 14px; }
    .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off { text-align: center; z-index: 1; float: left; width: 50% !important; background-color: #23CCEF; }
    .bootstrap-switch .bootstrap-switch-label { text-align: center; z-index: 100; color: #333333; background: #ffffff; width: 22px !important; height: 22px; margin: 2px -11px; border-radius: 12px; position: relative; float: left; padding: 0; background-color: #FFFFFF; box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.25); }
    .bootstrap-switch .bootstrap-switch-handle-on { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
    .bootstrap-switch .bootstrap-switch-handle-off { text-indent: 6px; }
    .bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox'] { position: absolute !important; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); z-index: -1; }
    .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { -webkit-transition: margin-left 0.5s; transition: margin-left 0.5s; }
    .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container { margin-left: -2px !important; }
    .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container { margin-left: -37px !important; }
    .bootstrap-switch.bootstrap-switch-on:hover .bootstrap-switch-label { width: 26px !important; margin: 2px -15px; }
    .bootstrap-switch.bootstrap-switch-off:hover .bootstrap-switch-label { width: 26px !important; margin: 2px -15px -13px -11px; }
    .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-danger { background-color: #FB404B; }
    .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-warning { background-color: #FFA534; }
    .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-success { background-color: #87CB16; }
    .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-primary { background-color: #447DF7; }
    .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-info { background-color: #23CCEF; }
    .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-default { background-color: #5e5e5e; }
    .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-danger, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-primary, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-info, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-warning, .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-success { background-color: #cfcfca; }
/*--------------------------------

nucleo-icons Web Font - built using nucleoapp.com
License - nucleoapp.com/license/

-------------------------------- */

@font-face { font-family: 'nucleo-icons'; src: url("../fonts/nucleo-icons.eot"); src: url("../fonts/nucleo-icons.eot") format("embedded-opentype"), url("../fonts/nucleo-icons.woff2") format("woff2"), url("../fonts/nucleo-icons.woff") format("woff"), url("../fonts/nucleo-icons.ttf") format("truetype"), url("../fonts/nucleo-icons.svg") format("svg"); font-weight: normal; font-style: normal; }
/*------------------------
	base class definition
-------------------------*/

.nc-icon { display: inline-block; font: normal normal normal 14px/1 'nucleo-icons'; font-size: inherit; speak: none; text-transform: none; /* Better Font Rendering */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    .nc-icon.icon-bold { font-weight: 700; }
    /*------------------------
  change icon size
-------------------------*/

    .nc-icon.lg { font-size: 1.33333333em; vertical-align: -16%; }
    .nc-icon.x2 { font-size: 2em; }
    .nc-icon.x3 { font-size: 3em; }
    /*----------------------------------
  add a square/circle background
-----------------------------------*/

    .nc-icon.square, .nc-icon.circle { padding: 0.33333333em; vertical-align: -16%; background-color: #eee; }
    .nc-icon.circle { border-radius: 50%; }
/*------------------------
  list icons
-------------------------*/

.nc-icon-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; }
    .nc-icon-ul > li { position: relative; }
        .nc-icon-ul > li > .nc-icon { position: absolute; left: -1.57142857em; top: 0.14285714em; text-align: center; }
            .nc-icon-ul > li > .nc-icon.lg { top: 0; left: -1.35714286em; }
            .nc-icon-ul > li > .nc-icon.circle, .nc-icon-ul > li > .nc-icon.square { top: -0.19047619em; left: -1.9047619em; }
.all-icons .font-icon-list .font-icon-detail i { font-size: 32px; }
/*------------------------
  spinning icons
-------------------------*/

.nc-icon.spin { -webkit-animation: nc-icon-spin 2s infinite linear; -moz-animation: nc-icon-spin 2s infinite linear; animation: nc-icon-spin 2s infinite linear; }

@-webkit-keyframes nc-icon-spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes nc-icon-spin {
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); }
}

@keyframes nc-icon-spin {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
/*------------------------
  rotated/flipped icons
-------------------------*/

.nc-icon.rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.nc-icon.rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.nc-icon.rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
.nc-icon.flip-y { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); }
.nc-icon.flip-x { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); }
/*------------------------
	font icons
-------------------------*/

.nc-air-baloon::before { content: "\ea01"; }
.nc-album-2::before { content: "\ea02"; }
.nc-alien-33::before { content: "\ea03"; }
.nc-align-center::before { content: "\ea04"; }
.nc-align-left-2::before { content: "\ea05"; }
.nc-ambulance::before { content: "\ea06"; }
.nc-android::before { content: "\ea07"; }
.nc-app::before { content: "\ea08"; }
.nc-apple::before { content: "\ea09"; }
.nc-atom::before { content: "\ea0a"; }
.nc-attach-87::before { content: "\ea0b"; }
.nc-audio-92::before { content: "\ea0c"; }
.nc-backpack::before { content: "\ea0d"; }
.nc-badge::before { content: "\ea0e"; }
.nc-bag::before { content: "\ea0f"; }
.nc-bank::before { content: "\ea10"; }
.nc-battery-81::before { content: "\ea11"; }
.nc-bell-55::before { content: "\ea12"; }
.nc-bold::before { content: "\ea13"; }
.nc-bulb-63::before { content: "\ea14"; }
.nc-bullet-list-67::before { content: "\ea15"; }
.nc-bus-front-12::before { content: "\ea16"; }
.nc-button-pause::before { content: "\ea17"; }
.nc-button-play::before { content: "\ea18"; }
.nc-button-power::before { content: "\ea19"; }
.nc-camera-20::before { content: "\ea1a"; }
.nc-caps-small::before { content: "\ea1b"; }
.nc-cart-simple::before { content: "\ea1c"; }
.nc-cctv::before { content: "\ea1d"; }
.nc-chart-bar-32::before { content: "\ea1e"; }
.nc-chart-pie-35::before { content: "\ea1f"; }
.nc-chart-pie-36::before { content: "\ea20"; }
.nc-chart::before { content: "\ea21"; }
.nc-chat-round::before { content: "\ea22"; }
.nc-check-2::before { content: "\ea23"; }
.nc-circle-09::before { content: "\ea24"; }
.nc-circle::before { content: "\ea25"; }
.nc-cloud-download-93::before { content: "\ea26"; }
.nc-cloud-upload-94::before { content: "\ea27"; }
.nc-compass-05::before { content: "\ea28"; }
.nc-controller-modern::before { content: "\ea29"; }
.nc-credit-card::before { content: "\ea2a"; }
.nc-delivery-fast::before { content: "\ea2b"; }
.nc-email-83::before { content: "\ea2c"; }
.nc-email-85::before { content: "\ea2d"; }
.nc-explore-2::before { content: "\ea2e"; }
.nc-fav-remove::before { content: "\ea2f"; }
.nc-favourite-28::before { content: "\ea30"; }
.nc-globe-2::before { content: "\ea31"; }
.nc-grid-45::before { content: "\ea32"; }
.nc-headphones-2::before { content: "\ea33"; }
.nc-html5::before { content: "\ea34"; }
.nc-istanbul::before { content: "\ea35"; }
.nc-key-25::before { content: "\ea36"; }
.nc-layers-3::before { content: "\ea37"; }
.nc-light-3::before { content: "\ea38"; }
.nc-lock-circle-open::before { content: "\ea39"; }
.nc-map-big::before { content: "\ea3a"; }
.nc-mobile::before { content: "\ea3c"; }
.nc-money-coins::before { content: "\ea3b"; }
.nc-note-03::before { content: "\ea3d"; }
.nc-notes::before { content: "\ea3e"; }
.nc-notification-70::before { content: "\ea3f"; }
.nc-palette::before { content: "\ea40"; }
.nc-paper-2::before { content: "\ea41"; }
.nc-pin-3::before { content: "\ea42"; }
.nc-planet::before { content: "\ea43"; }
.nc-preferences-circle-rotate::before { content: "\ea44"; }
.nc-puzzle-10::before { content: "\ea45"; }
.nc-quote::before { content: "\ea46"; }
.nc-refresh-02::before { content: "\ea47"; }
.nc-ruler-pencil::before { content: "\ea48"; }
.nc-satisfied::before { content: "\ea49"; }
.nc-scissors::before { content: "\ea4a"; }
.nc-send::before { content: "\ea4b"; }
.nc-settings-90::before { content: "\ea4c"; }
.nc-settings-gear-64::before { content: "\ea4d"; }
.nc-settings-tool-66::before { content: "\ea4e"; }
.nc-simple-add::before { content: "\ea4f"; }
.nc-simple-delete::before { content: "\ea50"; }
.nc-simple-remove::before { content: "\ea51"; }
.nc-single-02::before { content: "\ea52"; }
.nc-single-copy-04::before { content: "\ea53"; }
.nc-spaceship::before { content: "\ea54"; }
.nc-square-pin::before { content: "\ea55"; }
.nc-stre-down::before { content: "\ea56"; }
.nc-stre-left::before { content: "\ea57"; }
.nc-stre-right::before { content: "\ea58"; }
.nc-stre-up::before { content: "\ea59"; }
.nc-sun-fog-29::before { content: "\ea5a"; }
.nc-support-17::before { content: "\ea5b"; }
.nc-tablet-2::before { content: "\ea5c"; }
.nc-tag-content::before { content: "\ea5d"; }
.nc-tap-01::before { content: "\ea5e"; }
.nc-time-alarm::before { content: "\ea5f"; }
.nc-tv-2::before { content: "\ea60"; }
.nc-umbrella-13::before { content: "\ea61"; }
.nc-vector::before { content: "\ea62"; }
.nc-watch-time::before { content: "\ea63"; }
.nc-zoom-split::before { content: "\ea64"; }
/* all icon font classes list here */

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
    .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
    .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; }
    .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes shake {
    from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
    20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
}

@keyframes shake {
    from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
    20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
}

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}

@keyframes fadeOutDown {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutUp {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}

@keyframes fadeOutUp {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }
.sweet-overlay { background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 1000; }
.sweet-alert { background-color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius: 5px; box-sizing: border-box; text-align: center; position: fixed; left: 50%; top: 50%; margin-top: -200px; max-height: 90%; overflow-x: hidden; overflow-y: auto; display: none; z-index: 2000; }
    .sweet-alert:focus { outline: 0; }
    .sweet-alert button { margin: 0 5px; }
    .sweet-alert .form-control { max-width: 300px; margin: 0 auto; }
    .sweet-alert h2 { color: #575757; text-align: center; text-transform: none; position: relative; padding: 0; display: block; }
    .sweet-alert p { text-align: center; position: relative; float: none; margin: 0; padding: 0; }
    .sweet-alert hr { height: 5px; color: transparent; border: 0; }
    .sweet-alert button.styled { color: #fff; border: 0; box-shadow: none; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 32px; margin: 0 5px; cursor: pointer; }
        .sweet-alert button.styled:focus { outline: none; }
        .sweet-alert button.styled.sweet-cancel[disabled] { opacity: .4; }
        .sweet-alert button.styled.sweet-confirm[disabled] { border: 4px solid transparent; border-color: transparent; width: 40px; height: 40px; padding: 0; margin: 0 30px; vertical-align: middle; background-color: transparent !important; color: transparent; cursor: default; border-radius: 100%; -webkit-animation: rotate-loading 1.5s linear 0s infinite normal; animation: rotate-loading 1.5s linear 0s infinite normal; }
        .sweet-alert button.styled::-moz-focus-inner { border: 0; }
    .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; }
    .sweet-alert .icon { width: 80px; height: 80px; border: 4px solid #808080; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; }
        .sweet-alert .icon.error { border-color: #f27474; }
            .sweet-alert .icon.error .x-mark { position: relative; display: block; }
            .sweet-alert .icon.error .line { position: absolute; height: 5px; width: 47px; display: block; top: 37px; border-radius: 2px; }
                .sweet-alert .icon.error .line.left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; }
                .sweet-alert .icon.error .line.right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; }
        .sweet-alert .icon.warning { border-color: #f8bb86; }
            .sweet-alert .icon.warning .body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; border-radius: 2px; margin-left: -2px; background-color: #f8bb86; }
            .sweet-alert .icon.warning .dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #f8bb86; }
        .sweet-alert .icon.info { border-color: #c9dae1; }
            .sweet-alert .icon.info::before { content: ''; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #c9dae1; }
            .sweet-alert .icon.info::after { content: ''; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #c9dae1; }
        .sweet-alert .icon.success { border-color: #a5dc86; }
            .sweet-alert .icon.success::before, .sweet-alert .icon.success::after { content: ''; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
            .sweet-alert .icon.success::before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; }
            .sweet-alert .icon.success::after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 60px; transform-origin: 0 60px; }
            .sweet-alert .icon.success .placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; }
            .sweet-alert .icon.success .fix { width: 5px; height: 90px; background-color: #fff; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
            .sweet-alert .icon.success .line { height: 5px; background-color: #87CB16; display: block; border-radius: 2px; position: absolute; z-index: 2; }
                .sweet-alert .icon.success .line.tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
                .sweet-alert .icon.success .line.long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    .sweet-alert .sweet-image { margin: 20px auto; }

@-webkit-keyframes showSweetAlert {
    0% { -webkit-transform: scale(0.7); transform: scale(0.7); }
    45% { -webkit-transform: scale(1.05); transform: scale(1.05); }
    80% { -webkit-transform: scale(0.95); transform: scale(0.95); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes showSweetAlert {
    0% { -webkit-transform: scale(0.7); transform: scale(0.7); }
    45% { -webkit-transform: scale(1.05); transform: scale(1.05); }
    80% { -webkit-transform: scale(0.95); transform: scale(0.95); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@-webkit-keyframes hideSweetAlert {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    100% { -webkit-transform: scale(0.5); transform: scale(0.5); }
}

@keyframes hideSweetAlert {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    100% { -webkit-transform: scale(0.5); transform: scale(0.5); }
}

.show-sweet-alert { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; }
    .show-sweet-alert.no-animation { -webkit-animation: none; animation: none; }
.hide-sweet-alert { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; }
    .hide-sweet-alert.no-animation { -webkit-animation: none; animation: none; }

@-webkit-keyframes animate-success-tip {
    0% { width: 0; left: 1px; top: 19px; }
    54% { width: 0; left: 1px; top: 19px; }
    70% { width: 50px; left: -8px; top: 37px; }
    84% { width: 17px; left: 21px; top: 48px; }
    100% { width: 25px; left: 14px; top: 45px; }
}

@keyframes animate-success-tip {
    0% { width: 0; left: 1px; top: 19px; }
    54% { width: 0; left: 1px; top: 19px; }
    70% { width: 50px; left: -8px; top: 37px; }
    84% { width: 17px; left: 21px; top: 48px; }
    100% { width: 25px; left: 14px; top: 45px; }
}

@-webkit-keyframes animate-success-long {
    0% { width: 0; right: 46px; top: 54px; }
    65% { width: 0; right: 46px; top: 54px; }
    84% { width: 55px; right: 0; top: 35px; }
    100% { width: 47px; right: 8px; top: 38px; }
}

@keyframes animate-success-long {
    0% { width: 0; right: 46px; top: 54px; }
    65% { width: 0; right: 46px; top: 54px; }
    84% { width: 55px; right: 0; top: 35px; }
    100% { width: 47px; right: 8px; top: 38px; }
}

@-webkit-keyframes rotatePlaceholder {
    0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
    100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
}

@keyframes rotatePlaceholder {
    0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
    100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
}

.animate-success-tip { -webkit-animation: animate-success-tip 0.75s; animation: animate-success-tip 0.75s; }
.animate-success-long { -webkit-animation: animate-success-long 0.75s; animation: animate-success-long 0.75s; }
.icon.success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animate-error-icon {
    0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; }
    100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

@keyframes animate-error-icon {
    0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0; }
    100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

.animate-error-icon { -webkit-animation: animate-error-icon 0.5s; animation: animate-error-icon 0.5s; }

@-webkit-keyframes animate-x-mark {
    0% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; }
    50% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; }
    80% { -webkit-transform: scale(1.15); transform: scale(1.15); margin-top: -6px; }
    100% { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; opacity: 1; }
}

@keyframes animate-x-mark {
    0% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; }
    50% { -webkit-transform: scale(0.4); transform: scale(0.4); margin-top: 26px; opacity: 0; }
    80% { -webkit-transform: scale(1.15); transform: scale(1.15); margin-top: -6px; }
    100% { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; opacity: 1; }
}

.animate-x-mark { -webkit-animation: animate-x-mark 0.5s; animation: animate-x-mark 0.5s; }

@-webkit-keyframes pulse-warning {
    0% { border-color: #f8d486; }
    100% { border-color: #f8bb86; }
}

@keyframes pulse-warning {
    0% { border-color: #f8d486; }
    100% { border-color: #f8bb86; }
}

.pulse-warning { -webkit-animation: pulse-warning 0.75s infinite alternate; animation: pulse-warning 0.75s infinite alternate; }

@-webkit-keyframes pulse-warning-ins {
    0% { background-color: #f8d486; }
    100% { background-color: #f8bb86; }
}

@keyframes pulse-warning-ins {
    0% { background-color: #f8d486; }
    100% { background-color: #f8bb86; }
}

.pulse-warning-ins { -webkit-animation: pulse-warning-ins 0.75s infinite alternate; animation: pulse-warning-ins 0.75s infinite alternate; }

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

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

svg { touch-action: none; }
.jvectormap-container { width: 100%; height: 100%; position: relative; overflow: hidden; touch-action: none; }
.jvectormap-tip { position: absolute; display: none; border: solid 1px #CDCDCD; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; }
.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback { position: absolute; left: 10px; border-radius: 3px; background: #292929; padding: 3px; color: white; cursor: pointer; line-height: 10px; text-align: center; box-sizing: content-box; }
.jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px; }
.jvectormap-zoomin { top: 10px; }
.jvectormap-zoomout { top: 30px; }
.jvectormap-goback { bottom: 10px; z-index: 1000; padding: 6px; }
.jvectormap-spinner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); }
.jvectormap-legend-title { font-weight: bold; font-size: 14px; text-align: center; }
.jvectormap-legend-cnt { position: absolute; }
.jvectormap-legend-cnt-h { bottom: 0; right: 0; }
.jvectormap-legend-cnt-v { top: 0; right: 0; }
.jvectormap-legend { background: black; color: white; border-radius: 3px; }
.jvectormap-legend-cnt-h .jvectormap-legend { float: left; margin: 0 10px 10px 0; padding: 3px 3px 1px 3px; }
    .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick { float: left; }
.jvectormap-legend-cnt-v .jvectormap-legend { margin: 10px 10px 0 0; padding: 3px; }
.jvectormap-legend-cnt-h .jvectormap-legend-tick { width: 40px; }
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { height: 15px; }
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample { height: 20px; width: 20px; display: inline-block; vertical-align: middle; }
.jvectormap-legend-tick-text { font-size: 12px; }
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text { text-align: center; }
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text { display: inline-block; vertical-align: middle; line-height: 20px; padding-left: 3px; }
/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 * version: 1.8.1
 * https://github.com/wenzhixin/bootstrap-table/
 */

.bootstrap-table .table { margin-bottom: 0 !important; border-bottom: 1px solid #dddddd; border-collapse: collapse !important; border-radius: 1px; }
    .bootstrap-table .table, .bootstrap-table .table > tbody > tr > th, .bootstrap-table .table > tfoot > tr > th, .bootstrap-table .table > thead > tr > td, .bootstrap-table .table > tbody > tr > td, .bootstrap-table .table > tfoot > tr > td { padding: 8px !important; }
        .bootstrap-table .table > tbody > .selected { background-color: rgba(68, 125, 247, 0.2); }
        .bootstrap-table .table.table-no-bordered > thead > tr > th, .bootstrap-table .table.table-no-bordered > tbody > tr > td { border-right: 2px solid transparent; }
.fixed-table-container { position: relative; clear: both; }
    .fixed-table-container.table-no-bordered { border: 1px solid transparent; }
.fixed-table-footer, .fixed-table-header { overflow: hidden; }
.fixed-table-footer { border-top: 1px solid #dddddd; }
.fixed-table-body { height: 100%; overflow: auto; }
.fixed-table-container table { width: 100%; }
.fixed-table-container thead th { height: 0; padding: 0; margin: 0; }
    .fixed-table-container thead th:first-child { border-left: none; }
    .fixed-table-container thead th .th-inner { padding: 0 8px; line-height: 24px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .fixed-table-container thead th .sortable { cursor: pointer; background-repeat: no-repeat; padding-right: 30px; }
    .fixed-table-container thead th .both { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC"); background-position: right 2px; }
    .fixed-table-container thead th .asc { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA+swAAIT6AAB5gQAA/RMAADBtAAASKQ0eJk4AAACASURBVHja7NKhDcJQFIbRV1MSEqaoYwYMYyARR6HZowzAHqguUolHYEgxD9MmTYPpA1JEb/KZK476Q4wxfKvwc6x/WKJE3v+nYkc8cfgIwxpXRNQokjBkOLdQ1wlZCrbFbYDdsRmFYYVqAHVdsBiD7dHg8aYGu2l2NmMz9s/YawDpU8qkYQTHqgAAAABJRU5ErkJggg=="); background-position: right 5px; }
    .fixed-table-container thead th .desc { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA+swAAIT6AAB5gQAA/RMAADBtAAASKQ0eJk4AAACFSURBVHja7NKhDcJQFIbRWwMJCVPgmKGGMZCIo9DsAQOwRxWLIPEIDCnmYR4JaSp4DYKQis/8NznqRkopvlWM2Ij9BYY1Wtx7arEpwaZokHo6Yf4xFhGBGrcOdMUqIqIUq3DoYEdUxVgGFzhn6ILl61aMZXCLB3bv+1Bsgj1mg7CfeNrnAMXSyqQtsCNeAAAAAElFTkSuQmCC"); background-position: right 0px; }
.fixed-table-container th.detail { width: 30px; }
.fixed-table-container tbody tr:first-child td { border-top: none; }
.fixed-table-container tbody td:first-child { border-left: none; }
/* the same color with .active */

.fixed-table-container tbody .selected td { background-color: rgba(245, 245, 245, 0.34); }
.fixed-table-container .bs-checkbox { text-align: center; }
    .fixed-table-container .bs-checkbox .th-inner { padding: 8px 0; }
.fixed-table-container input[type="radio"], .fixed-table-container input[type="checkbox"] { margin: 0 auto !important; cursor: pointer; }
.fixed-table-container .no-records-found { text-align: center; background-color: #FFFFFF !important; height: 340px; border-radius: 10px; width: 100%; vertical-align: middle; }
    .fixed-table-container .no-records-found td { font-weight: 300; font-size: 1.375rem; }
.fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail { margin-top: 10px; margin-bottom: 10px; }
    .fixed-table-pagination div.pagination .pagination { margin: 0; }
.fixed-table-pagination .pagination a { padding: 6px 12px; line-height: 1.428571429; }
.fixed-table-pagination .pagination-info { line-height: 34px; margin-right: 5px; }
.fixed-table-pagination .btn-group { position: relative; display: inline-block; vertical-align: middle; }
.fixed-table-pagination .page-list { display: inline-block; }
.fixed-table-toolbar { padding: 5px 15px; }
    .fixed-table-toolbar .columns-left { margin-right: 5px; }
    .fixed-table-toolbar .columns-right { margin-left: 5px; }
    .fixed-table-toolbar .columns .btn { margin: 0 2px; border-radius: 30px; }
    .fixed-table-toolbar .columns label { display: block; padding: 10px 20px; border-bottom: 1px solid #eee; clear: both; margin-bottom: 0; font-weight: normal; line-height: 1.428571429; }
    .fixed-table-toolbar .columns li:last-child label { border-bottom: none; }
    .fixed-table-toolbar .bars, .fixed-table-toolbar .search, .fixed-table-toolbar .columns { position: relative; margin-top: 10px; margin-bottom: 10px; line-height: 34px; }
.fixed-table-pagination li.disabled a { pointer-events: none; cursor: default; }
.fixed-table-loading { display: none; position: absolute; top: 42px; right: 0; bottom: 0; left: 0; z-index: 99; background-color: #fff; text-align: center; }
.fixed-table-body .card-view .title { font-weight: bold; display: inline-block; min-width: 30%; text-align: left !important; }
/* support bootstrap 2 */

.fixed-table-body thead th .th-inner { box-sizing: border-box; }
.table th, .table td { vertical-align: middle; box-sizing: border-box; }
.fixed-table-toolbar .btn-group > .btn-group { display: inline-block; margin-left: -1px !important; }
.fixed-table-toolbar .dropdown-menu label { cursor: pointer; }
.fixed-table-toolbar .btn-group > .btn-group > .btn { border-radius: 0; }
.fixed-table-toolbar .btn-group > .btn-group:first-child > .btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.fixed-table-toolbar .btn-group > .btn-group:last-child > .btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
/* support bootstrap 3 */

.bootstrap-table .table thead > tr > th { padding: 0; margin: 0; }
.pull-right .dropdown-menu { right: 0; left: auto; }
/* calculate scrollbar width */

p.fixed-table-scroll-inner { width: 100%; height: 200px; }
div.fixed-table-scroll-outer { top: 0; left: 0; visibility: hidden; width: 200px; height: 150px; overflow: hidden; }
.bootstrap-table .fixed-table-pagination { margin: 0 10px; }
    .bootstrap-table .fixed-table-pagination:after { display: table; content: ""; clear: both; }
    .bootstrap-table .fixed-table-pagination .page-list .btn { border-radius: 30px; }
    .bootstrap-table .fixed-table-pagination .page-list .btn-group { margin-right: 5px; }
    .bootstrap-table .fixed-table-pagination div.pagination, .bootstrap-table .fixed-table-pagination .pagination-detail { margin-top: 15px; margin-bottom: 15px; }
.bootstrap-table .table.table-striped > thead > tr > td, .bootstrap-table .table.table-striped > tbody > tr > td, .bootstrap-table .table.table-striped > tfoot > tr > td { border: none; }
table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; border-collapse: separate !important; }
    table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
        table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center; }
    table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; }
div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; }
div.dataTables_wrapper div.dataTables_length select { width: 75px; display: inline-block; }
div.dataTables_wrapper div.dataTables_filter { text-align: right; }
    div.dataTables_wrapper div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left; }
    div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; }
div.dataTables_wrapper div.dataTables_info { padding-top: 8px; white-space: nowrap; }
div.dataTables_wrapper div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right; }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; }
div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 200px; margin-left: -100px; margin-top: -26px; text-align: center; padding: 1em 0; }
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right: 30px; }
table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active { outline: none; }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative; }
    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: absolute; bottom: 8px; right: 8px; display: block; font-family: 'Glyphicons Halflings'; opacity: 0.5; }
    table.dataTable thead .sorting:after { opacity: 0.2; content: "\e150"; /* sort */ }
    table.dataTable thead .sorting_asc:after { content: "\e155"; /* sort-by-attributes */ }
    table.dataTable thead .sorting_desc:after { content: "\e156"; /* sort-by-attributes-alt */ }
    table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { color: #eee; }
div.dataTables_scrollHead table.dataTable { margin-bottom: 0 !important; }
div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; }
    div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after { display: none; }
    div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { border-top: none; }
div.dataTables_scrollFoot table { margin-top: 0 !important; border-top: none; }

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { text-align: center; }
}

table.dataTable.table-condensed > thead > tr > th { padding-right: 20px; }
table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after { top: 6px; right: 6px; }
table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-left-width: 0; }
    table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { border-right-width: 0; }
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { border-bottom-width: 0; }
div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; }
div.table-responsive > div.dataTables_wrapper > div.row { margin: 0; }
    div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child { padding-left: 0; }
    div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child { padding-right: 0; }
table.dataTable .btn-simple.btn-icon { padding: 3px; }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: relative; display: inline-block; bottom: 0px; right: -7px; font-family: 'FontAwesome'; opacity: 0.8; }
table.dataTable thead .disabled-sorting.sorting:after, table.dataTable thead .disabled-sorting.sorting_asc:after, table.dataTable thead .disabled-sorting.sorting_desc:after, table.dataTable thead .disabled-sorting.sorting_asc_disabled:after, table.dataTable thead .disabled-sorting.sorting_desc_disabled:after { display: none; }
table.dataTable thead .sorting:after { opacity: 0.4; content: "\f0dc"; }
table.dataTable thead .sorting_asc:after { content: "\f0de"; top: 3px; }
table.dataTable thead .sorting_desc:after { content: "\f0dd"; top: -3px; }
table.dataTable > thead > tr > th, table.dataTable > tbody > tr > th, table.dataTable > tfoot > tr > th, table.dataTable > thead > tr > td, table.dataTable > tbody > tr > td, table.dataTable > tfoot > tr > td { padding: 8px !important; outline: 0; }
table.dataTable > thead > tr > th { border: none; }
.fresh-datatables .pagination > li > a, .fresh-datatables .pagination > li:first-child > a, .fresh-datatables .pagination > li:first-child > span, .fresh-datatables .pagination > li:last-child > a, .fresh-datatables .pagination > li:last-child > span { border-radius: 25px; }
.dataTables_paginate a { outline: 0; }
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { cursor: default !important; }
    table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { display: none !important; }
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child { position: relative; padding-left: 30px !important; cursor: pointer; }
    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { top: 50%; margin-top: -9px; left: 4px; height: 18px; width: 18px; display: block; position: absolute; color: #518607; border: 0px solid white; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 18px; content: '+'; background-color: #FFF; }
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: '-'; color: #ED362C; }
table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before { display: none; }
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child { padding-left: 27px; }
    table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px; }
table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { position: relative; cursor: pointer; }
    table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 14px; content: '+'; background-color: #31b131; }
table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: '-'; background-color: #d33333; }
table.dataTable > tbody > tr.child { padding: 0.5em 1em; }
    table.dataTable > tbody > tr.child:hover { background: transparent !important; }
    table.dataTable > tbody > tr.child ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; }
        table.dataTable > tbody > tr.child ul li { border-bottom: 1px solid #efefef; padding: 0.5em 0; }
            table.dataTable > tbody > tr.child ul li:first-child { padding-top: 0; }
            table.dataTable > tbody > tr.child ul li:last-child { border-bottom: none; }
    table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; }
div.dtr-modal { position: fixed; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; padding: 10em 1em; }
    div.dtr-modal div.dtr-modal-display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 50%; overflow: auto; margin: auto; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid black; border-radius: 0.5em; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); }
    div.dtr-modal div.dtr-modal-content { position: relative; padding: 1em; }
    div.dtr-modal div.dtr-modal-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 1px solid #eaeaea; background-color: #f9f9f9; text-align: center; border-radius: 3px; cursor: pointer; z-index: 12; }
        div.dtr-modal div.dtr-modal-close:hover { background-color: #eaeaea; }
    div.dtr-modal div.dtr-modal-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0, 0, 0, 0.6); }
.data-tables .pagination .paginate_button.page-item.first .page-link, .data-tables .pagination .paginate_button.page-item.previous .page-link, .data-tables .pagination .paginate_button.page-item.next .page-link, .data-tables .pagination .paginate_button.page-item.last .page-link { border-radius: 25px; }

@media screen and (max-width: 767px) {
    div.dtr-modal div.dtr-modal-display { width: 95%; }
    .data-tables .pagination .paginate_button.page-item.first, .data-tables .pagination .paginate_button.page-item.last { display: none; }
}
/*!
 * FullCalendar v3.6.2 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */

.fc { direction: ltr; text-align: left; }
.fc-rtl { text-align: right; }
body .fc { /* extra precedence to overcome jqui */ font-size: 1em; }
/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover { border-color: #ddd; }
.fc-unthemed .fc-popover { background-color: #fff; }
    .fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header { background: #eee; }
        .fc-unthemed .fc-popover .fc-header .fc-close { color: #666; }
.fc-unthemed .fc-today { background: #F5F5F5; }
.fc-highlight { /* when user is selecting cells */ background: #bce8f1; opacity: .3; filter: alpha(opacity=30); /* for IE */ }
.fc-bgevent { /* default look for background events */ background: #8fdf82; opacity: .3; filter: alpha(opacity=30); /* for IE */ }
.fc-nonbusiness { /* default look for non-business-hours areas */ /* will inherit .fc-bgevent's styles */ background: #d7d7d7; }
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon { display: inline-block; width: 1em; height: 1em; line-height: 1em; font-size: 1em; text-align: center; overflow: hidden; font-family: "Courier New", Courier, monospace; /* don't allow browser text-selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    /*
Acceptable font-family overrides for individual icons:
	"Arial", sans-serif
	"Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/

    .fc-icon:after { position: relative; margin: 0 -1em; /* ensures character will be centered, regardless of width */ }
.fc-icon-left-single-arrow:after { content: "\02039"; font-weight: bold; font-size: 200%; top: -7%; left: 3%; }
.fc-icon-right-single-arrow:after { content: "\0203A"; font-weight: bold; font-size: 200%; top: -7%; left: -3%; }
.fc-icon-left-double-arrow:after { content: "\000AB"; font-size: 160%; top: -7%; }
.fc-icon-right-double-arrow:after { content: "\000BB"; font-size: 160%; top: -7%; }
.fc-icon-left-triangle:after { content: "\25C4"; font-size: 125%; top: 3%; left: -2%; }
.fc-icon-right-triangle:after { content: "\25BA"; font-size: 125%; top: 3%; left: 2%; }
.fc-icon-down-triangle:after { content: "\25BC"; font-size: 125%; top: 2%; }
.fc-icon-x:after { content: "\000D7"; font-size: 200%; top: 6%; }
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button { border-width: 1px; background-color: transparent; font-weight: 400; opacity: 0.8; filter: alpha(opacity=80); padding: 8px 16px; border-color: #888888; color: #888888; }
    .fc button:hover, .fc button:focus { opacity: 1; filter: alpha(opacity=100); outline: 0 !important; }
    .fc button:active, .fc button.active, .open > .fc button.dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; outline: 0 !important; }

    /* Firefox has an annoying inner border */

    .fc button::-moz-focus-inner { margin: 0; padding: 0; }
.fc-state-default { /* non-theme */ border: 1px solid; }
    .fc-state-default.fc-corner-left { /* non-theme */ border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
    .fc-state-default.fc-corner-right { /* non-theme */ border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
/* icons in buttons */

.fc button .fc-icon { /* non-theme */ position: relative; top: -0.05em; /* seems to be a good adjustment across browsers */ margin: 0 .2em; vertical-align: middle; }
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-hover, .fc-state-active, .fc-state-disabled { color: #333333; background-color: #e6e6e6; }
.fc button[disabled], .fc button[disabled]:focus, .fc button[disabled]:hover { background-color: #E3E3E3; border-color: #E3E3E3; cursor: default; opacity: 0.65; filter: alpha(opacity=65); margin-left: .75em; }
.fc-state-hover { background-color: #F5F5F5; }
.fc .fc-state-active, .fc .fc-state-active:focus, .fc .fc-state-active:hover, .fc .fc-state-active:active:focus, .fc .fc-state-active:active:hover, .fc .fc-state-active:active { background-color: #888888; color: #FFFFFF; }
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group { display: inline-block; }
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */ float: left; margin: 0 0 0 5px; }
.fc .fc-button-group > :first-child { /* same */ margin-left: 0; }
/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover { position: absolute; -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125); box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125); }
    .fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */ padding: 2px 4px; }
        .fc-popover .fc-header .fc-title { margin: 0 2px; }
        .fc-popover .fc-header .fc-close { cursor: pointer; }
.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close { float: left; }
.fc-rtl .fc-popover .fc-header .fc-title, .fc-ltr .fc-popover .fc-header .fc-close { float: right; }
/* unthemed */

.fc-unthemed .fc-popover { border-width: 1px; border-style: solid; }
    .fc-unthemed .fc-popover .fc-header .fc-close { font-size: .9em; margin-top: 2px; }
/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content { border-top: 0; /* where they meet, let the header have the border */ }
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc-divider { border-style: solid; border-width: 1px; }
hr.fc-divider { height: 0; margin: 0; padding: 0 0 2px; /* height is unreliable across browsers, so use padding */ border-width: 1px 0; }
.fc-clear { clear: both; }
.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton { /* these element should always cling to top-left/right corners */ position: absolute; top: 0; left: 0; right: 0; }
.fc-bg { bottom: 0; /* strech bg to bottom edge */ }
    .fc-bg table { height: 100%; /* strech bg to bottom edge */ }
/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em; /* normalize cross-browser */ }
.fc th { text-align: right; border-bottom-width: 1px; font-size: 0.875rem; text-transform: uppercase; color: #9A9A9A; font-weight: 400; padding-bottom: 3px; }
.fc td { border-style: solid; border-width: 1px; padding: 0; vertical-align: top; }
    .fc td.fc-today { border-style: double; /* overcome neighboring borders */ }
.fc .fc-widget-header { border: 0; }
.fc .fc-head .fc-widget-header { margin-top: 15px; }
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */ /* no visible border by default. but make available if need be (scrollbar width compensation) */ border-style: solid; border-width: 0; }
.fc-row table { /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */ border-left: 0 hidden transparent; border-right: 0 hidden transparent; /* no bottom borders on rows */ border-bottom: 0 hidden transparent; }
.fc-row:first-child table { border-top: 0 hidden transparent; /* no top border on first row */ }
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row { position: relative; }
    .fc-row .fc-bg { z-index: 1; }
    /* highlighting cells & background event skeleton */

    .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton { bottom: 0; /* stretch skeleton to bottom of row */ }
        .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table { height: 100%; /* stretch skeleton to bottom of row */ }
        .fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td { border-color: transparent; }
    .fc-row .fc-bgevent-skeleton { z-index: 2; }
    .fc-row .fc-highlight-skeleton { z-index: 3; }
    /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

    .fc-row .fc-content-skeleton { position: relative; z-index: 4; padding-bottom: 2px; /* matches the space above the events */ }
    .fc-row .fc-helper-skeleton { z-index: 5; }
        .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td { /* see-through to the background below */ background: none; /* in case <td>s are globally styled */ border-color: transparent; /* don't put a border between events and/or the day number */ border-bottom: 0; }
        .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td { /* don't put a border between event cells */ border-top: 0; }
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */ overflow-y: scroll; overflow-x: hidden; }
    .fc-scroller > * { /* we expect an immediate inner element */ position: relative; /* re-scope all positions */ width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */ overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */ }
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event { position: relative; /* for resize handle and other inner positioning */ display: block; /* make the <a> tag block */ font-size: .85em; line-height: 1.3; border-radius: 2px; background-color: rgba(68, 125, 247, 0.2); /* default BACKGROUND color */ font-weight: normal; /* undo jqui's ui-widget-header bold */ }
    .fc-event.event-azure { background-color: rgba(35, 204, 239, 0.2); }
    .fc-event.event-green { background-color: rgba(135, 203, 22, 0.2); }
    .fc-event.event-orange { background-color: rgba(255, 165, 52, 0.2); }
    .fc-event.event-red { background-color: rgba(251, 64, 75, 0.2); }
    /* overpower some of bootstrap's and jqui's styles on <a> tags */

    .fc-event, .fc-event:hover, .ui-widget .fc-event { color: #333333; /* default TEXT color */ text-decoration: none; /* if <a> has an href */ }
        .fc-event[href], .fc-event.fc-draggable { cursor: pointer; /* give events with links and draggable events a hand mouse pointer */ }
.fc-not-allowed, .fc-not-allowed .fc-event { /* to override an event's custom cursor */ cursor: not-allowed; }
.fc-event .fc-bg { /* the generic .fc-bg already does position */ z-index: 1; background: #fff; opacity: .25; filter: alpha(opacity=25); /* for IE */ }
.fc-event .fc-content { position: relative; z-index: 2; }
.fc-event .fc-resizer { position: absolute; z-index: 3; }
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end { margin-left: 0; border-left-width: 0; padding-left: 1px; /* replace the border with padding */ border-top-left-radius: 0; border-bottom-left-radius: 0; }
.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start { margin-right: 0; border-right-width: 0; padding-right: 1px; /* replace the border with padding */ border-top-right-radius: 0; border-bottom-right-radius: 0; }
/* resizer */

.fc-h-event .fc-resizer { /* positioned it to overcome the event's borders */ top: -1px; bottom: -1px; left: -1px; right: -1px; width: 5px; }
/* left resizer  */

.fc-ltr .fc-h-event .fc-start-resizer, .fc-ltr .fc-h-event .fc-start-resizer:before, .fc-ltr .fc-h-event .fc-start-resizer:after, .fc-rtl .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-end-resizer:before, .fc-rtl .fc-h-event .fc-end-resizer:after { right: auto; /* ignore the right and only use the left */ cursor: w-resize; }
/* right resizer */

.fc-ltr .fc-h-event .fc-end-resizer, .fc-ltr .fc-h-event .fc-end-resizer:before, .fc-ltr .fc-h-event .fc-end-resizer:after, .fc-rtl .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-start-resizer:before, .fc-rtl .fc-h-event .fc-start-resizer:after { left: auto; /* ignore the left and only use the right */ cursor: e-resize; }
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event { margin: 2px 5px 0; /* spacing between events and edges */ padding: 1px 2px; }
    .fc-day-grid-event .fc-content { /* force events to be one-line tall */ white-space: nowrap; overflow: hidden; }
    .fc-day-grid-event .fc-time { font-weight: bold; }
    .fc-day-grid-event .fc-resizer { /* enlarge the default hit area */ left: -3px; right: -3px; width: 7px; }
/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more { margin: 1px 3px; font-size: .85em; cursor: pointer; text-decoration: none; }
    a.fc-more:hover { text-decoration: underline; }
.fc-limited { /* rows and cells that are hidden because of a "more" link */ display: none; }
/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row { z-index: 1; /* make the "more" popover one higher than this */ }
.fc-more-popover { z-index: 2; width: 220px; }
    .fc-more-popover .fc-event-container { padding: 10px; }
/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar { text-align: center; margin-bottom: 1em; }
    .fc-toolbar .fc-left { float: left; min-width: 260px; }
    .fc-toolbar .fc-right { float: right; }
    .fc-toolbar .fc-center { display: inline-block; }
/* the things within each left/right/center section */

.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */ float: left; margin-left: .75em; }
/* the first thing within each left/center/right section */

.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */ margin-left: 0; }
/* title text */

.fc-toolbar h2 { margin: 0; }
/* button layering (for border precedence) */

.fc-toolbar button { position: relative; }
.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover { z-index: 2; }
.fc-toolbar .fc-state-down { z-index: 3; }
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { z-index: 4; }
.fc-toolbar button:focus { z-index: 5; }
/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */

/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */

.fc-view-container *, .fc-view-container *:before, .fc-view-container *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.fc-view, .fc-view > table { /* so dragged elements can be above the view's main element */ position: relative; z-index: 1; }
/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton { /* we are sure there are no day numbers in these views, so... */ padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */ padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */ }
.fc-basic-view .fc-body .fc-row { min-height: 4em; /* ensure that all rows are at least this tall */ }
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid { overflow: hidden; }
    .fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; }
/* week and day number styling */

.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number { padding: 8px; }
.fc-basic-view .fc-week-number { text-align: center; }
    .fc-basic-view .fc-week-number span { /* work around the way we do column resizing and ensure a minimum width */ display: inline-block; min-width: 1.25em; }
.fc-ltr .fc-basic-view .fc-day-number { float: right; }
.fc-rtl .fc-basic-view .fc-day-number { text-align: left; }
.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 */ }
/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid { position: relative; z-index: 2; /* so the "more.." popover will be over the time grid */ }
    .fc-agenda-view .fc-day-grid .fc-row { min-height: 3em; /* all-day section will never get shorter than this */ }
        .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */ padding-bottom: 1em; /* give space underneath events for clicking/selecting days */ }
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */ vertical-align: middle; padding: 0 4px; white-space: nowrap; }
.fc-ltr .fc-axis { text-align: right; }
.fc-rtl .fc-axis { text-align: left; }
.ui-widget td.fc-axis { font-weight: normal; /* overcome jqui theme making it bold */ }
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, .fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */ position: relative; z-index: 1; }
.fc-time-grid { min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */ }
    .fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */ border: 0 hidden transparent; }
    .fc-time-grid > .fc-bg { z-index: 1; }
    .fc-time-grid .fc-slats, .fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */ position: relative; z-index: 2; }
    .fc-time-grid .fc-bgevent-skeleton, .fc-time-grid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; }
    .fc-time-grid .fc-bgevent-skeleton { z-index: 3; }
    .fc-time-grid .fc-highlight-skeleton { z-index: 4; }
    .fc-time-grid .fc-content-skeleton { z-index: 5; }
    .fc-time-grid .fc-helper-skeleton { z-index: 6; }
    /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

    .fc-time-grid .fc-slats td { height: 1.5em; border-bottom: 0; /* each cell is responsible for its top border */ }
    .fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted; }
    .fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */ background: none; /* see through to fc-bg */ }
    /* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

    .fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */ position: relative; /* scopes the left/right of the fc-highlight to be in the column */ }
    .fc-time-grid .fc-highlight { position: absolute; left: 0; right: 0; /* top and bottom will be in by JS */ }
    /* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

    .fc-time-grid .fc-event-container, .fc-time-grid .fc-bgevent-container { /* a div within a cell within the fc-bgevent-skeleton */ position: relative; }
.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */ margin: 0 2.5% 0 2px; }
.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */ margin: 0 2px 0 2.5%; }
.fc-time-grid .fc-event, .fc-time-grid .fc-bgevent { position: absolute; z-index: 1; /* scope inner z-index's */ }
.fc-time-grid .fc-bgevent { /* background events always span full width */ left: 0; right: 0; }
/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/

.fc-v-event.fc-not-start { /* events that are continuing from another day */ /* replace space made by the top border with padding */ border-top-width: 0; padding-top: 1px; /* remove top rounded corners */ border-top-left-radius: 0; border-top-right-radius: 0; }
.fc-v-event.fc-not-end { /* replace space made by the top border with padding */ border-bottom-width: 0; padding-bottom: 1px; /* remove bottom rounded corners */ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event { overflow: hidden; /* don't let the bg flow over rounded corners */ }
    .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title { padding: 0 1px; }
    .fc-time-grid-event .fc-time { font-size: .85em; white-space: nowrap; }
    /* short mode, where time and title are on the same line */

    .fc-time-grid-event.fc-short .fc-content { /* don't wrap to second line (now that contents will be inline) */ white-space: nowrap; }
    .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title { /* put the time and title on the same line */ display: inline-block; vertical-align: top; }
        .fc-time-grid-event.fc-short .fc-time span { display: none; /* don't display the full time text... */ }
        .fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start); /* ...instead, display only the start time */ }
        .fc-time-grid-event.fc-short .fc-time:after { content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */ }
    .fc-time-grid-event.fc-short .fc-title { font-size: .85em; /* make the title text the same size as the time */ padding: 0; /* undo padding from above */ }
    /* resizer */

    .fc-time-grid-event .fc-resizer { left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 8px; font-size: 11px; font-family: monospace; text-align: center; cursor: s-resize; }
        .fc-time-grid-event .fc-resizer:after { content: "="; }
.card-calendar .content { padding: 0 !important; }
.card-calendar .fc-toolbar { padding-top: 15px; padding-left: 15px; padding-right: 15px; }
.card-calendar .fc td:first-child { border-left: 0; }
.card-calendar .fc td:last-child { border-right: 0; }
.card-calendar .fc-basic-view td:last-child.fc-week-number span, .card-calendar .fc-basic-view td:last-child.fc-day-number { padding-right: 15px; }
.card-calendar .fc .fc-day-header:last-child { padding-right: 15px; }
.card-calendar .fc .fc-row:last-child td { border-bottom: 0; }
.card-calendar .fc .fc-body .fc-widget-content { border-bottom: 0; }
.ct-label { fill: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4); font-size: 1.3rem; line-height: 1; }
.ct-chart-line .ct-label, .ct-chart-bar .ct-label { display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }
.ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }
.ct-label.ct-vertical.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; }
.ct-label.ct-vertical.ct-end { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }
.ct-chart-bar .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: start; }
.ct-chart-bar .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; }
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: end; }
.ct-grid { stroke: rgba(0, 0, 0, 0.2); stroke-width: 1px; stroke-dasharray: 2px; }
.ct-point { stroke-width: 8px; stroke-linecap: round; }
.ct-line { fill: none; stroke-width: 3px; }
.ct-area { stroke: none; fill-opacity: 0.8; }
.ct-bar { fill: none; stroke-width: 10px; }
.ct-slice-donut { fill: none; stroke-width: 60px; }
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { stroke: #1DC7EA; }
.ct-series-a .ct-slice-pie, .ct-series-a .ct-area { fill: #1DC7EA; }
.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { stroke: #FB404B; }
.ct-series-b .ct-slice-pie, .ct-series-b .ct-area { fill: #FB404B; }
.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { stroke: #FFA534; }
.ct-series-c .ct-slice-pie, .ct-series-c .ct-area { fill: #FFA534; }
.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut { stroke: #9368E9; }
.ct-series-d .ct-slice-pie, .ct-series-d .ct-area { fill: #9368E9; }
.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut { stroke: #87CB16; }
.ct-series-e .ct-slice-pie, .ct-series-e .ct-area { fill: #87CB16; }
.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { stroke: #1F77D0; }
.ct-series-f .ct-slice-pie, .ct-series-f .ct-area { fill: #1F77D0; }
.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { stroke: #5e5e5e; }
.ct-series-g .ct-slice-pie, .ct-series-g .ct-area { fill: #5e5e5e; }
.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut { stroke: #dd4b39; }
.ct-series-h .ct-slice-pie, .ct-series-h .ct-area { fill: #dd4b39; }
.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut { stroke: #35465c; }
.ct-series-i .ct-slice-pie, .ct-series-i .ct-area { fill: #35465c; }
.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut { stroke: #e52d27; }
.ct-series-j .ct-slice-pie, .ct-series-j .ct-area { fill: #e52d27; }
.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut { stroke: #55acee; }
.ct-series-k .ct-slice-pie, .ct-series-k .ct-area { fill: #55acee; }
.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut { stroke: #cc2127; }
.ct-series-l .ct-slice-pie, .ct-series-l .ct-area { fill: #cc2127; }
.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut { stroke: #1769ff; }
.ct-series-m .ct-slice-pie, .ct-series-m .ct-area { fill: #1769ff; }
.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut { stroke: #6188e2; }
.ct-series-n .ct-slice-pie, .ct-series-n .ct-area { fill: #6188e2; }
.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut { stroke: #a748ca; }
.ct-series-o .ct-slice-pie, .ct-series-o .ct-area { fill: #a748ca; }
.ct-square { display: block; position: relative; width: 100%; }
    .ct-square:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 100%; }
    .ct-square:after { content: ""; display: table; clear: both; }
    .ct-square > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-minor-second { display: block; position: relative; width: 100%; }
    .ct-minor-second:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 93.75%; }
    .ct-minor-second:after { content: ""; display: table; clear: both; }
    .ct-minor-second > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-second { display: block; position: relative; width: 100%; }
    .ct-major-second:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 88.88889%; }
    .ct-major-second:after { content: ""; display: table; clear: both; }
    .ct-major-second > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-minor-third { display: block; position: relative; width: 100%; }
    .ct-minor-third:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 83.33333%; }
    .ct-minor-third:after { content: ""; display: table; clear: both; }
    .ct-minor-third > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-third { display: block; position: relative; width: 100%; }
    .ct-major-third:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 80%; }
    .ct-major-third:after { content: ""; display: table; clear: both; }
    .ct-major-third > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-perfect-fourth { display: block; position: relative; width: 100%; }
    .ct-perfect-fourth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 75%; }
    .ct-perfect-fourth:after { content: ""; display: table; clear: both; }
    .ct-perfect-fourth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-perfect-fifth { display: block; position: relative; width: 100%; }
    .ct-perfect-fifth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 66.66667%; }
    .ct-perfect-fifth:after { content: ""; display: table; clear: both; }
    .ct-perfect-fifth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-minor-sixth { display: block; position: relative; width: 100%; }
    .ct-minor-sixth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 62.5%; }
    .ct-minor-sixth:after { content: ""; display: table; clear: both; }
    .ct-minor-sixth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-golden-section { display: block; position: relative; width: 100%; }
    .ct-golden-section:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 61.8047%; }
    .ct-golden-section:after { content: ""; display: table; clear: both; }
    .ct-golden-section > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-sixth { display: block; position: relative; width: 100%; }
    .ct-major-sixth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 60%; }
    .ct-major-sixth:after { content: ""; display: table; clear: both; }
    .ct-major-sixth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-minor-seventh { display: block; position: relative; width: 100%; }
    .ct-minor-seventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 56.25%; }
    .ct-minor-seventh:after { content: ""; display: table; clear: both; }
    .ct-minor-seventh > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-seventh { display: block; position: relative; width: 100%; }
    .ct-major-seventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 53.33333%; }
    .ct-major-seventh:after { content: ""; display: table; clear: both; }
    .ct-major-seventh > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-octave { display: block; position: relative; width: 100%; }
    .ct-octave:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 50%; }
    .ct-octave:after { content: ""; display: table; clear: both; }
    .ct-octave > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-tenth { display: block; position: relative; width: 100%; }
    .ct-major-tenth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 40%; }
    .ct-major-tenth:after { content: ""; display: table; clear: both; }
    .ct-major-tenth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-eleventh { display: block; position: relative; width: 100%; }
    .ct-major-eleventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 37.5%; }
    .ct-major-eleventh:after { content: ""; display: table; clear: both; }
    .ct-major-eleventh > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-major-twelfth { display: block; position: relative; width: 100%; }
    .ct-major-twelfth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 33.33333%; }
    .ct-major-twelfth:after { content: ""; display: table; clear: both; }
    .ct-major-twelfth > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-double-octave { display: block; position: relative; width: 100%; }
    .ct-double-octave:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 25%; }
    .ct-double-octave:after { content: ""; display: table; clear: both; }
    .ct-double-octave > svg { display: block; position: absolute; top: 0; left: 0; }
.ct-blue { stroke: #447DF7 !important; }
.ct-azure { stroke: #23CCEF !important; }
.ct-green { stroke: #87CB16 !important; }
.ct-orange { stroke: #FFA534 !important; }
.ct-red { stroke: #FB404B !important; }
/* perfect-scrollbar v0.6.10 */

.ps-container { -ms-touch-action: none; touch-action: none; overflow: hidden !important; -ms-overflow-style: none; }
@supports (-ms-overflow-style: none) {
    .ps-container { overflow: auto !important; }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container { overflow: auto !important; }
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transparent; }
.ps-container.ps-in-scrolling { pointer-events: none; }
    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; }
        .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; }
    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; }
        .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; }
.ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; }
    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; }
.ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 8px; }
    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 8px; }
.ps-container:hover.ps-in-scrolling { pointer-events: none; }
    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; }
        .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; }
    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; }
        .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; }
.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; }
    .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; }
        .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #999; }
    .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; }
        .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #999; }
/*!
 * Bootstrap-select v1.12.2 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2017 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

select.bs-select-hidden, select.selectpicker { display: none !important; }
.bootstrap-select { min-width: 100%; }
    .bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1; margin: 0; }
        .bootstrap-select > .dropdown-toggle:after { margin-left: -10px; }
    .bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; }
        .bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; }
.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle { border-color: #b94a48; }
.bootstrap-select.fit-width { width: auto !important; }
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; }
.bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; }
    .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; }
.bootstrap-select.btn-block { width: 100%; }
.bootstrap-select.form-control.input-group-btn { z-index: auto; }
    .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0; }
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-left: 0; }
    .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right; }
.form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group { margin-bottom: 0; }
.form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control { padding: 0; }
    .form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; }
.form-inline .bootstrap-select.btn-group .form-control { width: 100%; }
.bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled { cursor: not-allowed; }
    .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus { outline: none !important; }
.bootstrap-select.btn-group.bs-container { position: absolute; height: 0 !important; padding: 0 !important; }
    .bootstrap-select.btn-group.bs-container .dropdown-menu { z-index: 1060; }
.bootstrap-select.btn-group .dropdown-toggle .filter-option { display: inline-block; overflow: hidden; text-overflow: ellipsis; width: 100%; text-align: left; }
.bootstrap-select.btn-group .dropdown-toggle .caret { display: none; }
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { width: 100%; }
.bootstrap-select.btn-group .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; max-height: 400px !important; }
    .bootstrap-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; display: block; max-height: 400px !important; overflow-y: scroll; -ms-overflow-style: auto; -webkit-box-shadow: none; box-shadow: none; }
    .bootstrap-select.btn-group .dropdown-menu li { position: relative; }
        .bootstrap-select.btn-group .dropdown-menu li.active small { color: #fff; }
        .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; }
        .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
            .bootstrap-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; }
            .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { display: none; }
            .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; }
        .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 0.5em; }
    .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; }
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; }
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; }
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 20px; margin-top: 3px; color: black; }
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; }
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1061; }
.bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; }
.bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; }
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; }
.bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; }
.bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .bs-actionsbox .btn-group button { width: 50%; }
.bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .bs-donebutton .btn-group button { width: 100%; }
.bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; }
.bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; }
.bootstrap-select { margin-top: 5px; }
    .bootstrap-select .dropdown-menu.inner li a { display: block; padding: 8px 16px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; outline: none; font-size: 14px; }
    .bootstrap-select .dropdown-menu.inner li.disabled a:hover, .bootstrap-select .dropdown-menu.inner li.disabled a:focus { background-color: transparent; }
    .bootstrap-select .dropdown-menu.inner li a:hover { background-color: #F5F5F5 !important; color: #333333 !important; opacity: 1; text-decoration: none; }
    .bootstrap-select .dropdown-menu.open { overflow: visible !important; display: none; visibility: hidden; }
        .bootstrap-select .dropdown-menu.open.show { display: block; visibility: visible; }
        .bootstrap-select .dropdown-menu.open[x-placement="top-start"] { top: 0px !important; }
.show .btn-info.dropdown-toggle { background-color: #23CCEF; border-color: #23CCEF; }
/*!
 * Datetimepicker for Bootstrap 3
 * ! version : 4.7.14
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */

.sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.bootstrap-datetimepicker-widget { list-style: none; }
    .bootstrap-datetimepicker-widget.dropdown-menu { padding: 4px; width: 19em; }

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 38em; }
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-bottom: 11px solid rgba(0, 0, 0, 0.2); border-left: 11px solid transparent; border-right: 11px solid transparent; content: ""; display: inline-block; position: absolute; left: 12px; top: -11px; }
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-bottom: 11px solid #FFFFFF; border-left: 11px solid transparent; border-right: 11px solid transparent; content: ""; display: inline-block; position: absolute; left: 12px; top: -10px; }
.bootstrap-datetimepicker-widget.dropdown-menu.top { margin-top: auto; margin-bottom: -20px; }
    .bootstrap-datetimepicker-widget.dropdown-menu.top.open { margin-top: auto; margin-bottom: 5px; }
    .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-top: 11px solid rgba(0, 0, 0, 0.2); border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: none; content: ""; display: inline-block; position: absolute; left: 12px; bottom: -11px; top: auto; }
    .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-top: 11px solid #FFFFFF; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: none; content: ""; display: inline-block; position: absolute; left: 12px; bottom: -10px; top: auto; }
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { left: auto; right: 6px; }
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { left: auto; right: 7px; }
.bootstrap-datetimepicker-widget.dropdown-menu.open { visibility: visible !important; opacity: 1 !important; top: 120px !important; font-size: 14px !important; }
.bootstrap-datetimepicker-widget .list-unstyled { margin: 0; }
.bootstrap-datetimepicker-widget a[data-action] { padding: 6px 0; border-width: 0; }
    .bootstrap-datetimepicker-widget a[data-action]:active { box-shadow: none; }
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 56px; height: 56px; font-weight: 300; font-size: 1.375rem; margin: 3px; border-radius: 50%; }
.bootstrap-datetimepicker-widget button[data-action] { padding: 6px; }
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { content: "Increment Hours"; }
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { content: "Increment Minutes"; }
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { content: "Decrement Hours"; }
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { content: "Decrement Minutes"; }
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { content: "Show Hours"; }
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { content: "Show Minutes"; }
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { content: "Toggle AM/PM"; }
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after { content: "Clear the picker"; }
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after { content: "Set the date to today"; }
.bootstrap-datetimepicker-widget .picker-switch { text-align: center; border-radius: 4px; font-size: 14px; }
    .bootstrap-datetimepicker-widget .picker-switch::after { content: "Toggle Date and Time Screens"; }
    .bootstrap-datetimepicker-widget .picker-switch td { padding: 0; margin: 0; height: auto; width: auto; line-height: inherit; }
        .bootstrap-datetimepicker-widget .picker-switch td span { line-height: 2.5; height: 2.5em; width: 100%; border-radius: 4px; margin: 2px 0px !important; }
        .bootstrap-datetimepicker-widget .picker-switch td a, .bootstrap-datetimepicker-widget .picker-switch td a:hover { color: #23CCEF; }
.bootstrap-datetimepicker-widget table { width: 100%; margin: 0; }
    .bootstrap-datetimepicker-widget table td > div, .bootstrap-datetimepicker-widget table th > div { text-align: center; }
    .bootstrap-datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; }
        .bootstrap-datetimepicker-widget table th.picker-switch { width: 145px; }
        .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover { background: none; color: #DDDDDD; cursor: not-allowed; }
        .bootstrap-datetimepicker-widget table th.prev span, .bootstrap-datetimepicker-widget table th.next span { border-radius: 4px; height: 27px; width: 27px; line-height: 28px; font-size: 12px; border-radius: 50%; text-align: center; }
        .bootstrap-datetimepicker-widget table th.prev::after { content: "Previous Month"; }
        .bootstrap-datetimepicker-widget table th.next::after { content: "Next Month"; }
        .bootstrap-datetimepicker-widget table th.dow { text-align: center; border-bottom: 1px solid #E3E3E3; font-size: 0.75rem; text-transform: uppercase; color: #9A9A9A; font-weight: 400; padding-bottom: 5px; padding-top: 10px; }
    .bootstrap-datetimepicker-widget table thead tr:first-child th { cursor: pointer; }
        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover span, .bootstrap-datetimepicker-widget table thead tr:first-child th.picker-switch:hover { background: #E3E3E3; }
    .bootstrap-datetimepicker-widget table td > div { border-radius: 4px; height: 54px; line-height: 54px; width: 54px; text-align: center; }
    .bootstrap-datetimepicker-widget table td.cw > div { font-size: .8em; height: 20px; line-height: 20px; color: #DDDDDD; }
    .bootstrap-datetimepicker-widget table td.day > div { height: 30px; line-height: 30px; width: 30px; text-align: center; padding: 0px; border-radius: 50%; margin: 0 auto; z-index: -1; position: relative; }
    .bootstrap-datetimepicker-widget table td.minute > div, .bootstrap-datetimepicker-widget table td.hour > div { border-radius: 50%; }
    .bootstrap-datetimepicker-widget table td.day:hover > div, .bootstrap-datetimepicker-widget table td.hour:hover > div, .bootstrap-datetimepicker-widget table td.minute:hover > div, .bootstrap-datetimepicker-widget table td.second:hover > div { background: #E3E3E3; cursor: pointer; }
    .bootstrap-datetimepicker-widget table td.old > div, .bootstrap-datetimepicker-widget table td.new > div { color: #DDDDDD; }
    .bootstrap-datetimepicker-widget table td.today > div { position: relative; }
        .bootstrap-datetimepicker-widget table td.today > div:before { content: ''; display: inline-block; border: 0 0 7px 7px solid transparent; border-bottom-color: #23CCEF; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; }
    .bootstrap-datetimepicker-widget table td.active > div, .bootstrap-datetimepicker-widget table td.active:hover > div { background-color: #23CCEF; color: #FFFFFF; }
    .bootstrap-datetimepicker-widget table td.active.today:before > div { border-bottom-color: #fff; }
    .bootstrap-datetimepicker-widget table td.disabled > div, .bootstrap-datetimepicker-widget table td.disabled:hover > div { background: none; color: #DDDDDD; cursor: not-allowed; }
    .bootstrap-datetimepicker-widget table td span { display: inline-block; width: 56px; height: 56px; line-height: 56px; margin: 3px 3px; cursor: pointer; border-radius: 50%; text-align: center; }
        .bootstrap-datetimepicker-widget table td span:hover { background: #E3E3E3; }
        .bootstrap-datetimepicker-widget table td span.active { background-color: #23CCEF; color: #FFFFFF; }
        .bootstrap-datetimepicker-widget table td span.old { color: #DDDDDD; }
        .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover { background: none; color: #DDDDDD; cursor: not-allowed; }
.bootstrap-datetimepicker-widget .timepicker-picker span, .bootstrap-datetimepicker-widget .timepicker-hours span, .bootstrap-datetimepicker-widget .timepicker-minutes span { border-radius: 50% !important; }
.bootstrap-datetimepicker-widget .timepicker-picker .table-condensed td a, .bootstrap-datetimepicker-widget .timepicker-hours .table-condensed td a, .bootstrap-datetimepicker-widget .timepicker-minutes .table-condensed td a { color: #888888; background-color: transparent; }
.bootstrap-datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; }
.input-group.date .input-group-addon { cursor: pointer; }
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: 1px; }
.bootstrap-datetimepicker-widget { opacity: 0; -webkit-transform: translate3d(0px, -10px, 0px); -moz-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0px, -10px, 0px); }
    .bootstrap-datetimepicker-widget.top { -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0px, 0px, 0px); }
    .bootstrap-datetimepicker-widget.open { opacity: 1; -webkit-transform: translate3d(0, 5px, 0); -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
    .bootstrap-datetimepicker-widget.dropdown-menu.top { top: auto !important; }
    .bootstrap-datetimepicker-widget.open.top { -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
        .bootstrap-datetimepicker-widget.open.top:before { border-top: 11px solid #DCD9D1; border-left: 11px solid transparent; border-right: 11px solid transparent; content: ""; display: inline-block; position: absolute; left: 12px; bottom: -12px; }
        .bootstrap-datetimepicker-widget.open.top:after { border-top: 11px solid #FFFFFF; border-left: 11px solid transparent; border-right: 11px solid transparent; content: ""; display: inline-block; position: absolute; left: 12px; bottom: -11px; }
/*! nouislider - 9.1.0 - 2016-12-10 16:00:32 */

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */

.noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; }
.noUi-target { position: relative; direction: ltr; }
.noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; /* Fix 401 */ }
.noUi-connect { position: absolute; right: 0; top: 0; left: 0; bottom: 0; }
.noUi-origin { position: absolute; height: 0; width: 0; }
.noUi-handle { position: relative; z-index: 1; }
.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; }
.noUi-state-drag * { cursor: inherit !important; }
/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */

.noUi-base, .noUi-handle { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/* Slider size and handle placement;
 */

.noUi-horizontal { height: 4px; }
    .noUi-horizontal .noUi-handle { border-radius: 50%; background-color: #FFFFFF; box-shadow: 0 1px 13px 0 rgba(0, 0, 0, 0.2); height: 15px; width: 15px; cursor: pointer; margin-left: -10px; margin-top: -6px; outline: none; }
.noUi-vertical { width: 18px; }
    .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; }
/* Styling;
 */

.noUi-target { background-color: rgba(182, 182, 182, 0.3); border-radius: 3px; }
.noUi-connect { background: #888888; border-radius: 3px; -webkit-transition: background 450ms; transition: background 450ms; }
/* Handles and cursors;
 */

.noUi-draggable { cursor: ew-resize; }
.noUi-vertical .noUi-draggable { cursor: ns-resize; }
.noUi-handle { border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; -webkit-transition: 300ms ease 0s; -moz-transition: 300ms ease 0s; -ms-transition: 300ms ease 0s; -o-transform: 300ms ease 0s; transition: 300ms ease 0s; }
.noUi-active { -webkit-transform: scale3d(1.5, 1.5, 1); -moz-transform: scale3d(1.5, 1.5, 1); -ms-transform: scale3d(1.5, 1.5, 1); -o-transform: scale3d(1.5, 1.5, 1); transform: scale3d(1.5, 1.5, 1); }
/* Disabled state;
 */

[disabled] .noUi-connect { background: #B8B8B8; }
[disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; }
/* Base;
 *
 */

.noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; }
.noUi-pips { position: absolute; color: #999; }
/* Values;
 *
 */

.noUi-value { position: absolute; text-align: center; }
.noUi-value-sub { color: #ccc; font-size: 10px; }
/* Markings;
 *
 */

.noUi-marker { position: absolute; background: #CCC; }
.noUi-marker-sub { background: #AAA; }
.noUi-marker-large { background: #AAA; }
/* Horizontal layout;
 *
 */

.noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; }
.noUi-value-horizontal { -webkit-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); }
.noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; }
.noUi-marker-horizontal.noUi-marker-sub { height: 10px; }
.noUi-marker-horizontal.noUi-marker-large { height: 15px; }
/* Vertical layout;
 *
 */

.noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; }
.noUi-value-vertical { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); padding-left: 25px; }
.noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; }
.noUi-marker-vertical.noUi-marker-sub { width: 10px; }
.noUi-marker-vertical.noUi-marker-large { width: 15px; }
.noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; }
.noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; }
.noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; }
.slider-neutral .noUi-connect, .slider-neutral.noUi-connect { background-color: #FFFFFF; }
.slider-primary .noUi-connect, .slider-primary.noUi-connect { background-color: #447DF7; }
.slider-info .noUi-connect, .slider-info.noUi-connect { background-color: #23CCEF; }
.slider-success .noUi-connect, .slider-success.noUi-connect { background-color: #87CB16; }
.slider-warning .noUi-connect, .slider-warning.noUi-connect { background-color: #FFA534; }
.slider-danger .noUi-connect, .slider-danger.noUi-connect { background-color: #FB404B; }