.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;

}



.login-page .card-login .card-header {

 margin-top:-40px!important;

 margin-bottom:20px

}

.login-page .card-login .social-line {

 padding:0;

 margin-top:15px

}

.login-page .card-login .card-title {

 margin-top:10px;

 margin-bottom:10px;

 font-weight:700

}

.card .card-header-rose .card-icon,

.card .card-header-rose .card-text,

.card .card-header-rose:not(.card-header-icon):not(.card-header-text) {

 box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(233,30,99,.4);

}





.card [class*=card-header-] {

 margin:0 15px;

 padding:0;

 position:relative

}

.card [class*=card-header-] .card-title+.card-category {

 color:hsla(0,0%,100%,.8)

}

.card [class*=card-header-] .card-title+.card-category a {

 color:#fff

}

.card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {

 border-radius:3px;

 margin-top:-20px;

 padding:15px;

}

.card [class*=card-header-] .card-icon,

.card [class*=card-header-] .card-text {

 border-radius:3px;

 background-color:#999;

 padding:15px;

 margin-top:-20px;

 margin-right:15px;

 float:left

}

.card [class*=card-header-] .card-text {

 float:none;

 display:inline-block;

 margin-right:0

}

.card [class*=card-header-] .card-text .card-title {

 color:#fff;

 margin-top:0

}

.card [class*=card-header-] .ct-chart .card-title {

 color:#fff

}

.card [class*=card-header-] .ct-chart .card-category {

 margin-bottom:0;

 color:hsla(0,0%,100%,.62)

}

.card [class*=card-header-] .ct-chart .ct-label {

 color:hsla(0,0%,100%,.7)

}

.card [class*=card-header-] .ct-chart .ct-grid {

 stroke:hsla(0,0%,100%,.2)

}

.card [class*=card-header-] .ct-chart .ct-series-a .ct-bar,

.card [class*=card-header-] .ct-chart .ct-series-a .ct-line,

.card [class*=card-header-] .ct-chart .ct-series-a .ct-point,

.card [class*=card-header-] .ct-chart .ct-series-a .ct-slice-donut {

 stroke:hsla(0,0%,100%,.8)

}

.card [class*=card-header-] .ct-chart .ct-series-a .ct-area,

.card [class*=card-header-] .ct-chart .ct-series-a .ct-slice-pie {

 fill:hsla(0,0%,100%,.4)

}

.card [class*=card-header-] .ct-chart .ct-series-a .ct-bar {

 stroke-width:10px

}

.card [class*=card-header-] .ct-chart .ct-point {

 stroke-width:10px;

 stroke-linecap:round

}

.card [class*=card-header-] .ct-chart .ct-line {

 fill:none;

 stroke-width:4px

}



.card.bg-rose,

.card .card-header-rose .card-icon,

.card .card-header-rose .card-text,

.card .card-header-rose:not(.card-header-icon):not(.card-header-text),

.card.card-rotate.bg-rose .back,

.card.card-rotate.bg-rose .front {

 background:linear-gradient(60deg,#ec407a,#d81b60);

	color:#fff;

}



.card .card-header h2{margin:0px;}



.sidebar {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    width: 275px;

    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;
    background-color: #3a3f51;
	

}



.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: 15px 15px;

    /*padding: 15px 15px;

    min-height: calc(100vh - 430px);*/

	min-height: auto;

}



.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;

		//overflow-y: scroll;

    }

    .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;

		overflow-y: scroll;

    }

    .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: 245px;

    }

    .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: 15vh;

}



.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: 5px 12px;

    height: 30px;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.form-control:focus {

    background-color: #FFFF00;

    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: #606060;

}



.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: #606060;

}



.star {

    color: #FB404B;

    padding-left: 3px;

}



.card .header{padding: 15px 15px 0;}



.card .card-body .control-label {

    text-align: right;

    padding-top: 10px;

}



.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;

	color: #000000;

}



.alert-warning {

    background-color: #ffbc67;

}



.alert-danger {

    background-color: #fc727a;

	color: #000000;

}



.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: 10px 8px;

    vertical-align: middle;

    border-color: #E3E3E3;

}



.table>thead>tr>th {

    border-bottom-width: 1px;

    font-size: 0.75rem;

    text-transform: uppercase;

    color: #dc3545;

    font-weight: 400;

    padding-bottom: 5px;

    padding-top: 5px;

	text-align: center;

}



.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;

}



.table-bigboy>thead>tr>th {

    font-size: 0.875rem;

    text-transform: uppercase;

    color: #606060;

    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: "Font Awesome 5 Free";

    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: "Font Awesome 5 Free";

    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: #606060;

    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: #606060;

    opacity: .5;

    cursor: not-allowed;

}



.form-check-radio .form-check-sign::before {

    font-family: "Font Awesome 5 Free";

    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: "Font Awesome 5 Free";

    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: #606060;

}



.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: #606060;

    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: #606060;

}



.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: #606060;

}



/*      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: #F83A3D;

}



.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: #606060;

    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: #606060;

    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: #606060;

}



.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: #606060;

}



.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: "Font Awesome 5 Brands";

}



.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: "Font Awesome 5 Brands";

    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: #606060;

    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: #606060;

    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:#606060;

    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: 250px;

	text-align: center;

	padding: 25px;

}



.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-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: "Font Awesome 5 Free";

    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: #606060;

    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: #606060;

    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;

}



.table-striped tbody tr:nth-of-type(odd) {

  background-color: rgba(0, 0, 0, 0.02);

}



.table-striped thead{

	background-color: rgba(250,51,61, 0.8);

	color: #ffffff;

}



.table-striped thead tr th{

	color: #ffffff;

	border: 1px solid;

}



.amount:before {

	  -moz-osx-font-smoothing: grayscale;

  -webkit-font-smoothing: antialiased;

  display: inline-block;

  font-style: normal;

  font-variant: normal;

  text-rendering: auto;

  line-height: 1;

	font-family: 'Font Awesome 5 Free';

  font-weight: 900; 

	padding-right: 5px;

  content: "\f156"; }



.table-details{

	width: 90%;

}



.table-details > tbody > tr > td, .table-details tr th{

	font-size: 11px;

	padding: 5px;

	margin:0px;

}



.form-control::placeholder{color:#A3A3A3;}



.tableFixHead          { overflow: auto; height: 100px; }

.tableFixHead thead th { position: sticky; top: 0; z-index: 1; background-color: rgba(128, 194, 25, 0.8);}