@font-face {
    font-family: 'protosFont';
    src: url('../fonts/Protos.otf') format('otf'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url('../fonts/Protos.otf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

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

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

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

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

/*           Font Smoothing      */

body {
	position: relative;
	font-size: .875rem !important;
}

body,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
.navbar,
.brand,
.btn-simple,
.alert,
a,
.td-name,
td,
button.close {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
    font-weight: 300;
    margin: 30px 0 15px;
}

h1,
.h1 {
	font-size: 2.25rem;
}

h2,
.h2 {
	font-size: 1.75rem; /* 28px */
}

h3,
.h3 {
	font-size: 1.5rem;
	margin: 20px 0 10px;
}

h4,
.h4 {
	font-size: 1.25rem;
	line-height: 30px;
}

h5,
.h5 {
	font-size: 1rem;
	margin-bottom: 15px;
}

h6,
.h6 {
	font-size: 0.875rem;
	font-weight: 600;
	text-transform: uppercase;
}

p {
	font-size: 0.875rem;
	line-height: 1.5;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    color: #9A9A9A;
    font-weight: 300;
    line-height: 1.5;
}

h1 small,
h2 small,
h3 small,
h1 .small,
h2 .small,
h3 .small {
    font-size: 60%;
}

h1 .subtitle {
    display: block;
    margin: 0 0 30px;
}

.text-muted {
    color: #9A9A9A;
}

.text-primary,
.text-primary:hover {
    color: #1D62F0 !important;
}

.text-info,
.text-info:hover {
    color: #1DC7EA !important;
}

.text-success,
.text-success:hover {
    color: #87CB16 !important;
}

.text-warning,
.text-warning:hover {
    color: #FF9500 !important;
}

.text-danger,
.text-danger:hover {
    color: #FF4A55 !important;
}

/*     General overwrite     */

body,
.wrapper {
    min-height: 100vh;
    position: relative;
}

a {
    color: #1DC7EA;
}

a:hover,
a:focus {
    color: #42d0ed;
    text-decoration: none;
}

a:focus,
a:active,
button::-moz-focus-inner,
input::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    outline: 0;
}

.ui-slider-handle:focus,
.navbar-toggle,
input:focus {
    outline: 0 !important;
}

.ln-15 {
    line-height: 1.5 !important;
}

/*Animations*/

.form-control,
.input-group-addon,
.tagsinput,
.navbar,
.navbar .alert {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.sidebar .nav a,
.table > tbody > tr .td-actions .btn {
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    -ms-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}

.btn {
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    cursor: pointer;
	font-size: .875rem;
}

.fa {
    width: 18px;
    text-align: center;
}

.margin-top {
    margin-top: 50px;
}

.wrapper {
    position: relative;
    top: 0;
    height: 100vh;
}

.main-page-header {
    border-bottom: 1px solid #484848;
    margin-bottom: 20px;
}

.main-page-header p {
    font-style: italic;
}

.page-header .page-header-image {
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

.page-header .title-container {
    color: #fff;
    position: relative;
    top: 250px;
    z-index: 3;
}

.page-header .filter:after {
    background: transparent linear-gradient(to bottom, #9368e9 0%, #943bea 100%) repeat scroll 0 0/150% 150%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.77;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.documentation .page-header,
.documentation .page-header-image,
.documentation .page-header-image .filter:after {
    height: 100vh;
}

.documentation .footer {
    z-index: 3;
}

.documentation .wrapper {
    margin-top: -61px;
    height: 100vh;
}

.documentation .navbar {
    z-index: 21;
}

.card-tasks .card-body .table td {
    font-size: 14px;
}

.card-tasks .card-body .table td .btn {
    font-size: 14px;
}

.card-tasks .card-body .table td .btn-info {
    margin-top: 3px;
    padding-right: 0;
}

.card-tasks .card-body .table td:last-child {
    padding-right: 0;
}

.sidebar,
body > .navbar-collapse {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 14rem;
    display: block;
    z-index: 1;
    color: #fff;
    font-weight: 200;
    background-size: cover;
    background-position: center center;
}

.sidebar .sidebar-wrapper,
body > .navbar-collapse .sidebar-wrapper {
    position: relative;
    max-height: calc(100vh - 75px);
    min-height: 100%;
    overflow: auto;
    width: 14rem;
    z-index: 4;
    padding-bottom: 100px;
}

.sidebar .sidebar-background,
body > .navbar-collapse .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 .logo,
body > .navbar-collapse .logo {
    padding: 10px 15px 9px 15px;
    position: relative;
    z-index: 4;
}

.sidebar .logo p,
body > .navbar-collapse .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 .simple-text,
body > .navbar-collapse .logo .simple-text {
    text-transform: uppercase;
    padding: 5px 0px;
    display: block;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 400;
    line-height: 30px;
}

.sidebar .logo-tim,
body > .navbar-collapse .logo-tim {
    border-radius: 50%;
    border: 1px solid #333;
    display: block;
    height: 61px;
    width: 61px;
    float: left;
    overflow: hidden;
}

.sidebar .logo-tim img,
body > .navbar-collapse .logo-tim img {
    width: 60px;
    height: 60px;
}

.sidebar .nav,
body > .navbar-collapse .nav {
    /*margin-top: 20px;*/
	padding-left: 7px;
	padding-right: 7px;
    float: none;
    display: block;
}

.sidebar .nav li .nav-link,
body > .navbar-collapse .nav li .nav-link {
    color: #FFFFFF;
    opacity: 1;
    display: block;
	padding: 0.4rem 0.65rem;
}

.sidebar .nav li .nav-link:hover,
body > .navbar-collapse .nav li .nav-link:hover {
    background: rgba(255, 255, 255, 0.13);
    opacity: 1;
}

/*ACTIVE NAVBAR*/
.sidebar .nav li .nav-link.active,
body > .navbar-collapse .nav li .nav-link {
    background-image: linear-gradient(to right, #F77318 0%, #F77318 100%);
    background-repeat: repeat-x;
}

.sidebar .nav li.sub-menu-link .nav-link.active,
body > .navbar-collapse .nav li.sub-menu-link.active {
    background: rgba(255, 255, 255, 0.13);
    opacity: 1;
}

.sidebar .nav li.sub-menu-link .sub-menu.in,
body > .navbar-collapse .nav li.sub-menu-link .sub-menu.in {
    display: block !important;
}

.sidebar .nav li.sub-menu-link .sub-menu.in .nav-link.active,
body > .navbar-collapse .nav li.sub-menu-link .sub-menu.in .nav-link.active {
    background-image: linear-gradient(to right, #F77318 0%, #F77318 100%);
    background-repeat: repeat-x;
}

.sidebar .nav li .nav-link p,
body > .navbar-collapse .nav li .nav-link p {
    margin: 0;
    line-height: 31px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-flex;
}

.sidebar .nav li .nav-link i,
body > .navbar-collapse .nav li .nav-link i {
	font-size: 1.3rem;
	margin-top: 0.25rem;
	margin-right: .625rem;
	width: 30px;
	text-align: center;
	vertical-align: middle;
	float: left;
}

.sidebar .nav li.active .nav-link,
body > .navbar-collapse .nav li.active .nav-link {
    background-image: linear-gradient(to right, #F77318 0%, #F77318 100%);
    background-repeat: repeat-x;
    color: #fff;
}

.sidebar .nav li.separator,
body > .navbar-collapse .nav li.separator {
    margin: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.sidebar .nav li.separator + .nav-item,
body > .navbar-collapse .nav li.separator + .nav-item {
    margin-top: 31px;
}

.sidebar .nav .caret,
body > .navbar-collapse .nav .caret {
    margin-top: 13px;
    position: absolute;
    right: 30px;
}

.sidebar .nav .active-pro,
body > .navbar-collapse .nav .active-pro {
    position: absolute;
    width: 100%;
    bottom: 10px;
}

.sidebar .nav .active-pro a,
body > .navbar-collapse .nav .active-pro a {
    color: #FFFFFF !important;
}

.sidebar .nav .nav-link,
body > .navbar-collapse .nav .nav-link {
    color: #FFFFFF;
    /*margin: 5px 15px;*/
    margin-left: 0px !important;
    margin-right: 0px !important;
    opacity: .86;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 12px;
    font-weight: 600;
}

.sidebar .logo,
body > .navbar-collapse .logo {
    padding: 10px 15px;
}

.sidebar .logo p,
body > .navbar-collapse .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 .simple-text,
body > .navbar-collapse .logo .simple-text {
    text-transform: uppercase;
    padding: 5px 0px;
    display: block;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 400;
    line-height: 30px;
}

.sidebar .logo-tim,
body > .navbar-collapse .logo-tim {
    border-radius: 50%;
    border: 1px solid #333;
    display: block;
    height: 61px;
    width: 61px;
    float: left;
    overflow: hidden;
}

.sidebar .logo-tim img,
body > .navbar-collapse .logo-tim img {
    width: 60px;
    height: 60px;
}

.sidebar:after,
.sidebar:before,
body > .navbar-collapse:after,
body > .navbar-collapse:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.sidebar:before,
body > .navbar-collapse:before {
    opacity: .33;
    background: #000000;
}

.sidebar[data-image]:after,
.sidebar.has-image:after,
body > .navbar-collapse[data-image]:after,
body > .navbar-collapse.has-image:after {
    opacity: .77;
}

.sidebar[data-color="francis"]:after,
body > .navbar-collapse[data-color="francis"]:after {
    background: url("../../images/admin/grain.png") center center #262626 !important;
    background: -moz-linear-gradient(top, #262626 0%, #262626 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #262626));
    background: -webkit-linear-gradient(top, #262626 0%, #262626 100%);
    background: -o-linear-gradient(top, #262626 0%, #262626 100%);
    background: -ms-linear-gradient(top, #262626 0%, #262626 100%);
    background: linear-gradient(to bottom, #262626 0%, #262626 100%);
    background-size: 150% 150%;
}

/* Submenu */
.sub-menu {
    background: url("../../images/admin/grain.png") center center #363636 !important;
    display: none;
}

.sub-menu .nav-link {
    padding-left: 1.5rem !important;
}

.main-panel {
    background: #1c1c1c;
    background-image: url(../../images/admin/bg-react.png);
    background-repeat: no-repeat;
    background-position: -15% 20%;
    background-size: 40%;
    position: relative;
    float: right;
    color: white;
    letter-spacing: 0.5px;
    width: calc(100% - 14rem);
    min-height: 100%;
    overflow-x: hidden !important;
}

.main-panel > .content {
    position: relative;
	padding: .625rem .938rem;
	min-height: calc(100% - 123px);
}

.main-panel > .footer {
    /* border-top: 1px solid #e7e7e7; */
}

.main-panel .navbar {
    margin-bottom: 0;
}

.sidebar,
.main-panel {
    overflow: auto;
    max-height: 100%;
    height: 100%;
    -webkit-transition-property: top, bottom;
    transition-property: top, bottom;
    -webkit-transition-duration: .2s, .2s;
    transition-duration: .2s, .2s;
    -webkit-transition-timing-function: linear, linear;
    transition-timing-function: linear, linear;
    -webkit-overflow-scrolling: touch;
}

.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;
    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 .button-container.show {
    -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 .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;
}

.modal.modal-mini .modal-dialog {
    max-width: 255px;
    margin: 0 auto;
}

.modal .modal-content {
    background-color: #1f1f1f;
    border-radius: 0px;
}

.modal .modal-content .modal-header {
	border-bottom: none;
	padding: .625rem .938rem;
}

.modal .modal-content .modal-header p {
    margin-bottom: 0px !important;
}

.modal .modal-content .modal-header {
    border-bottom: 0px !important;
    background-image: linear-gradient(-40deg, #212321, #F77318);
    box-shadow: 0em 0.38em 2.0715em 0.43em rgba(0, 0, 0, 0.39);
    border-radius: 0px;
}

.modal-header .close {
    color: #EA6848 !important;
    text-shadow: none !important;
    outline: none;
    cursor: pointer;
    opacity: 1 !important;
}

.modal .modal-content .modal-header .modal-profile {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    line-height: 5.7;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
}

.modal .modal-content .modal-header .modal-profile i {
    font-size: 32px;
    padding-top: 24px;
}

.modal .modal-content .modal-body {
    background-color: #1f1f1f;
	padding: 0.938rem 0.938rem .3rem;
    line-height: 1.9;
}

.modal .modal-content .modal-body + .modal-footer {
    padding-top: 0;
}

.modal .modal-content .modal-footer {
    position: relative;
    height: 50px;
    border-top: none;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background-color: #1f1f1f;
    border-radius: 0px;
}

.modal .modal-content .modal-footer .btn {
    position: absolute;
	right: .938rem;
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
    width: auto;
}

.modal .modal-content .modal-footer .btn:hover,
.modal .modal-content .modal-footer .btnfocus {
    text-decoration: none;
}

.modal-nav {
    margin-left: 0px !important;
    margin-top: -10px !important;
}

.modal-backdrop {
	background: rgb(201 205 213 / 60%);
	box-shadow: 0px 0px 40px rgba(38, 50, 56, 0.06);
	backdrop-filter: blur(30px);
}

.btn {
    border-width: 1px;
    background-color: transparent;
    font-weight: 400;
    /*opacity: 0.8;*/
    filter: alpha(opacity=80);
	padding: .4rem .5rem .5rem .5rem;
    border-color: #888888;
    color: #888888;
    border-radius: 0px;
}

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

.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-fill {
    color: #FFFFFF;
    background-color: #888888;
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn.btn-fill:hover,
.btn.btn-fill:focus,
.btn.btn-fill:active,
.btn.btn-fill.active,
.open > .btn.btn-fill.dropdown-toggle {
    background-color: #777777;
    color: #FFFFFF;
}

.btn.btn-fill .caret {
    border-top-color: #FFFFFF;
}

.btn .caret {
    border-top-color: #888888;
}

.btn:hover,
.btn:focus {
    opacity: 1;
    filter: alpha(opacity=100);
    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 {
    background: #F77318;
    border-color: #F77318;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
    background-color: transparent;
    color: #F77318 !important;
    border-color: #F77318;
}

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

.btn-primary.btn-fill {
    color: #FFFFFF;
    background-color: #F77318;
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-primary.btn-fill:hover,
.btn-primary.btn-fill:focus,
.btn-primary.btn-fill:active,
.btn-primary.btn-fill.active,
.open > .btn-primary.btn-fill.dropdown-toggle {
    background-color: #F77318;
    color: #FFFFFF;
}

.btn-primary.btn-fill .caret {
    border-top-color: #FFFFFF;
}

.btn-primary .caret {
    border-top-color: #F77318;
}

.btn-success, .color-success {
	background-image: linear-gradient(to right, #F77318 0%, #F77318 100%);
	background-size: 200% auto;
	transition: 0.5s;
	border: .5px solid #F77318;
    color: #FFFFFF;
}

.btn-primary-gradient {
    background-image: linear-gradient(to right, #F77318 0%, #F77318 100%);
    transition: 0.5s;
    background-size: 200% auto;
    border: none;
    color: white;
}

.btn-primary-gradient:hover,
.btn-primary-gradient:focus,
.btn-primary-gradient:active,
.btn-primary-gradient.active,
.open > .btn-primary-gradient.dropdown-toggle {
    background-position: right center;
    background-color: transparent;
    color: white !important;
    border-color: #F77318;
}

.btn-dark-gradient {
	background-image: linear-gradient(to right, #4b4949 0%, #F77318 100%);
	transition: 0.5s;
	background-size: 200% auto;
	border: none;
	color: white;
}

.btn-dark-gradient:hover,
.btn-dark-gradient:focus,
.btn-dark-gradient:active,
.btn-dark-gradient.active,
.open > .btn-dark-gradient.dropdown-toggle {
	background-position: right center;
	background-color: transparent;
	color: white;
	border-color: #F77318;
}

.color-success {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
    background-color: #F77318;
    color: #262626;
    border-color: #F77318;
}

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

.btn-success.btn-fill {
    color: #FFFFFF;
    background-color: #F77318;
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-success.btn-fill:hover,
.btn-success.btn-fill:focus,
.btn-success.btn-fill:active,
.btn-success.btn-fill.active,
.open > .btn-success.btn-fill.dropdown-toggle {
    background-color: #F77318;
    color: #FFFFFF;
}

.btn-success.btn-fill .caret {
    border-top-color: #FFFFFF;
}

.btn-success .caret {
    border-top-color: #F77318;
}

.btn-info {
    border-color: #1DC7EA;
    color: #1DC7EA;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
    background-color: transparent;
    color: #42d0ed;
    border-color: #42d0ed;
}

.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: #1DC7EA;
}

.btn-info.btn-fill {
    color: #FFFFFF;
    background-color: #1DC7EA;
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-info.btn-fill:hover,
.btn-info.btn-fill:focus,
.btn-info.btn-fill:active,
.btn-info.btn-fill.active,
.open > .btn-info.btn-fill.dropdown-toggle {
    background-color: #42d0ed;
    color: #FFFFFF;
}

.btn-info.btn-fill .caret {
    border-top-color: #FFFFFF;
}

.btn-info .caret {
    border-top-color: #1DC7EA;
}

.btn-edit, .color-edit {
	transition: 0.5s;
	background-image: linear-gradient(to right, #FCCA46 0%, #dda000 100%);
	background-size: 200% auto;
	color: white;
	border: none;
}

.btn-edit:hover,
.btn-edit:focus,
.btn-edit:active,
.btn-edit.active,
.open > .btn-warning.dropdown-toggle {
	background-position: right center;
	background-color: transparent;
	color: white;
}

.btn-edit.disabled,
.btn-edit.disabled:hover,
.btn-edit.disabled:focus,
.btn-edit.disabled.focus,
.btn-edit.disabled:active,
.btn-edit.disabled.active,
.btn-edit:disabled,
.btn-edit:disabled:hover,
.btn-edit:disabled:focus,
.btn-edit:disabled.focus,
.btn-edit:disabled:active,
.btn-edit:disabled.active,
.btn-edit[disabled],
.btn-edit[disabled]:hover,
.btn-edit[disabled]:focus,
.btn-edit[disabled].focus,
.btn-edit[disabled]:active,
.btn-edit[disabled].active,
fieldset[disabled] .btn-edit,
fieldset[disabled] .btn-edit:hover,
fieldset[disabled] .btn-edit:focus,
fieldset[disabled] .btn-edit.focus,
fieldset[disabled] .btn-edit:active,
fieldset[disabled] .btn-edit.active {
    background-color: #FCCA46;
    border-color: #FCCA46;
    color: #262626;
}

.btn-edit.btn-fill {
    color: #FFFFFF;
    background-color: #FCCA46;
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-edit.btn-fill:hover,
.btn-edit.btn-fill:focus,
.btn-edit.btn-fill:active,
.btn-edit.btn-fill.active,
.open > .btn-edit.btn-fill.dropdown-toggle {
    background-color: #FCCA46;
    border-color: #FCCA46;
    color: #262626;
}

.btn-edit.btn-fill .caret {
    border-top-color: #FFFFFF;
}

.btn-edit .caret {
    border-top-color: #FCCA46;
}

.btn-danger, .color-danger {
	transition: 0.5s;
	background-image: linear-gradient(to right, #ff5660 0%, #ff3340 100%);
	background-size: 200% auto;
	border: none;
	color: white;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
	background-position: right center;
	background-color: transparent;
	color: white;
}

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

.btn-danger.btn-fill {
    color: #FFFFFF;
    background-color: #FF4A55;
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-danger.btn-fill:hover,
.btn-danger.btn-fill:focus,
.btn-danger.btn-fill:active,
.btn-danger.btn-fill.active,
.open > .btn-danger.btn-fill.dropdown-toggle {
    background-color: #FF4A55;
    color: #FFFFFF;
}

.btn-danger.btn-fill .caret {
    border-top-color: #FFFFFF;
}

.btn-danger .caret {
    border-top-color: #FF4A55;
}

.btn-danger i.fas.fa-times:before{
	color: white;
}

.btn-neutral {
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.btn-neutral:hover,
.btn-neutral:focus,
.btn-neutral:active,
.btn-neutral.active,
.open > .btn-neutral.dropdown-toggle {
    background-color: transparent;
    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-fill {
    color: #FFFFFF;
    background-color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-neutral.btn-fill:hover,
.btn-neutral.btn-fill:focus,
.btn-neutral.btn-fill:active,
.btn-neutral.btn-fill.active,
.open > .btn-neutral.btn-fill.dropdown-toggle {
    background-color: #FFFFFF;
    color: #FFFFFF;
}

.btn-neutral.btn-fill .caret {
    border-top-color: #FFFFFF;
}

.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: 9px 18px;
}

.btn-round.btn-icon {
    padding: 9px;
}

.btn-simple {
    border: 0;
    font-size: 16px;
    padding: 8px 16px;
}

.btn-simple.btn-icon {
    padding: 8px;
}

.btn-lg {
    font-size: 18px;
    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: 12px;
    padding: 5px 10px;
}

.btn-sm.btn-round {
    padding: 6px 10px;
}

.btn-sm.btn-simple {
    padding: 7px 10px;
}

.btn-xs {
    font-size: 12px;
    border-radius: 3px;
    padding: 1px 5px;
}

.btn-xs.btn-round {
    padding: 2px 5px;
}

.btn-xs.btn-simple {
    padding: 3px 5px;
}

.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-notice-check {
    position: absolute;
    top: 8px;
    right: 15px;
    background: transparent !important;
    border: none !important;
    cursor: pointer;
}

.btn-notice-check .fa {
    color: #36e658 !important;
    opacity: .1;
}

.btn-notice-check.checked .fa {
    color: #36e658 !important;
    opacity: 1;
}

.btn-social {
    opacity: 0.85;
}

.btn-twitter {
    border-color: #55acee;
    color: #55acee;
}

.btn-twitter:hover {
    opacity: 1 !important;
    border-color: #55acee;
    color: #55acee;
}

.btn-facebook {
    border-color: #3b5998;
    color: #3b5998;
}

.btn-facebook:hover {
    opacity: 1 !important;
    border-color: #3b5998;
    color: #3b5998;
}

.btn-google {
	background-color: #ffffff;
	color: #000000;
	border: none;
}

.btn-google .fa-google {
	color: #db4437;
}

.btn-google:hover {
	background-color: #f1f1f1;
	color: #000000;
	border-color: #000000;
}

.btn-google:hover .fa-google {
	color: #c33225;
}

.form-control::-moz-placeholder {
    color: #DDDDDD;
    opacity: .2;
    filter: alpha(opacity=100);
}

.form-control:-moz-placeholder {
    color: #DDDDDD;
    opacity: .2;
    filter: alpha(opacity=100);
}

.form-control::-webkit-input-placeholder {
    color: #DDDDDD;
    opacity: .2;
    filter: alpha(opacity=100);
}

.form-control:-ms-input-placeholder {
    color: #DDDDDD;
    opacity: .2;
    filter: alpha(opacity=100);
}

.form-control {
    background-color: #333333;
    border: none;
    border-bottom: 2px solid #F77318;
    color: white;
    padding: .5rem .5rem;
    height: 2.25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
	font-size: 0.875rem;
}

.form-control:focus {
    background-color: #333333;
    border: none;
    border-bottom: 2px solid #F77318;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important;
    color: white;
}

.form-control-color {
    border-radius: 0.1em !important; /* 20/20 */
    font-size: 1.2em !important;
    color: #fff !important;
    font-weight: 400;
    letter-spacing: 0.1em !important; /* 2/20 */
    border: 1px solid #F77318 !important;
    display: block;
    width: 100%;
    height: 1.7em; /* 34/20 */
    padding: 0.3em 0.6em; /* 6/20 | 12/20 */
    line-height: 1.42857143;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-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;
}

.form-control[required="required"], .form-control[data-required="required"] {
    border-bottom: 2px solid;
    border-image-source: linear-gradient(45deg, #FF4A55, #F77318);
    border-image-slice: 1;
}

.has-success .form-control,
.has-error .form-control,
.has-success .form-control:focus,
.has-error .form-control:focus {
    border-color: #FF4A55;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    border-radius: 0 !important;
}

.has-success .form-control {
    color: #87CB16;
}

.has-success .form-control:focus {
    border-color: #87CB16;
}

.has-error input.form-control,
.has-error input.form-control[required="required"] {
    color: #FF4A55;
    border-image-source: none;
}

.has-error div.form-control {
    border-color: #FF4A55;
}

.has-error .form-control:focus {
    border-color: #FF4A55;
}

.form-control + .form-control-feedback {
    border-radius: 6px;
    font-size: 14px;
    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: #FF4A55;
}

.has-success .form-control-feedback {
    color: #87CB16;
}

.input-group-addon {
    background-color: #F77318;
    border: 2px solid #F77318;
    border-radius: 0px !important;
    color: white;
}

.has-success .input-group-addon,
.has-error .input-group-addon {
    background-color: #FF4A55;
    border: 2px solid #FF4A55;
}

.has-error .form-control:focus + .input-group-addon {
    border-color: #FF4A55;
    color: #FF4A55;
}

.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: #F77318;
    border-color: #F77318;
}

.datetime-group > .input-group {
    border-right: 0 !important;
}


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

.form-group.has-error .input-group .form-control:first-child {
    border-right: 2px solid #FF4A55 !important;
}

.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: #262626;
    color: #fff;
    cursor: not-allowed;
}

.input-group-btn .btn {
    border-width: 1px;
    padding: 9px 16px;
}

.input-group-btn .btn-default:not(.btn-fill) {
    border-color: #DDDDDD;
}

.input-group-btn:last-child > .btn {
    margin-left: 0;
}

.input-group-focus .input-group-addon {
    border-color: #9A9A9A;
}

.alert {
    border: 0;
    border-radius: 0;
    color: #262626;
	padding: .375rem .938rem;
    font-size: 14px;
}

.alert-wrapper {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 350px;
    z-index: 99999;
}

.alert-wrapper .alert {
    display: block;
    position: relative;
    transition: all 0.5s ease-in-out 1s;
    z-index: 2031;
    margin-bottom: 20px;
}

.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;
    -webkit-animation: fadeOut 1s forwards;
    animation: fadeOut 1s forwards;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.alert.alert-with-icon {
    padding-left: 65px;
}

.alert-primary {
    background-color: #4091e2;
}

.alert-info {
    background-color: #63d8f1;
}

.alert-success {
    background-color: #a1e82c;
}

.alert-warning {
    background-color: #ffbc67;
}

.alert-danger {
    background-color: #fc727a;
}

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

.form-check .form-check-sign::before,
.form-check .form-check-sign::after {
    font-family: 'FontAwesome';
    content: "\f096";
    display: inline-block;
    color: #1DC7EA;
    position: absolute;
    width: 19px;
    height: 19px;
    margin-top: -12px;
    margin-left: -23px;
    font-size: 21px;
    cursor: pointer;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.form-check .form-check-sign::after {
    font-family: 'FontAwesome';
    content: "\f046";
    text-align: center;
    opacity: 0;
    color: #1DC7EA;
    border: 0;
    background-color: inherit;
}

.form-check.disabled .form-check-label {
    color: #9A9A9A;
    opacity: .5;
    cursor: not-allowed;
}

.form-check input[type="checkbox"]:checked + .form-check-sign::after {
    opacity: 1;
}

.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-radio .form-check-label {
    padding-left: 2rem;
}

.form-check-radio.disabled .form-check-label {
    color: #9A9A9A;
    opacity: .5;
    cursor: not-allowed;
}

.form-check-radio .form-check-sign::before {
    font-family: 'FontAwesome';
    content: "\f10c";
    font-size: 22px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: absolute;
    opacity: .50;
    left: 5px;
    top: -5px;
}

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

.form-check-radio input[type="radio"]:checked + .form-check-sign::after {
    font-family: 'FontAwesome';
    content: "\f192";
    top: -5px;
    position: absolute;
    left: 5px;
    opacity: 1;
    font-size: 22px;
}

.form-check-radio input[type="radio"]:checked + .form-check-sign::after {
    opacity: 1;
}

.form-check-radio input[type="radio"]:disabled + .form-check-sign::before,
.form-check-radio input[type="radio"]:disabled + .form-check-sign::after {
    color: #9A9A9A;
}

.nav .nav-item .nav-link:hover,
.nav .nav-item .nav-link:focus {
    background-color: transparent;
}

.navbar {
    border: 0;
	font-size: .875rem;
    border-radius: 0;
    min-height: 4rem;
    padding: 0;
}

.navbar .navbar-brand {
    font-weight: 400;
    margin: 5px 0px;
    font-size: 20px;
    color: #F77318;
}

.navbar .navbar-brand:hover {
    color: #5e5e5e;
}

.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-bar {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin: 0 auto;
}

.navbar .navbar-toggler .burger-lines {
    display: block;
    position: relative;
    background-color: #ffffff;
    width: 24px;
    height: 2px;
    border-radius: 1px;
    margin: 4px auto;
}

.navbar .dropdown.nav-item .dropdown-toggle:after {
    margin-top: 8px;
}

.navbar .navbar-nav {
    align-items: center;
}

.navbar .navbar-nav .nav-item .nav-link {
    color: white;
    padding: 10px 15px;
    position: relative;
    display: inline-flex;
    line-height: 1.2;
}

.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: 19px;
    position: relative;
    line-height: 40px;
    top: 1px;
}

.navbar .navbar-nav .nav-item .nav-link:hover {
    color: #F77318;
}

.navbar .navbar-nav .nav-item .dropdown-menu {
    margin-top: -5px;
}

.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: -5px;
    left: 0px;
}

.badge-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: -5px;
    left: 0px;
}

.navbar .navbar-nav .dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    margin-top: 12px;
    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: 0px 3px;
    font-size: .75rem;
}

.navbar .btn-simple {
    font-size: 16px;
}

.navbar.fixed {
    width: calc(100% - $sidebar-width);
    right: 0;
    left: auto;
    border-radius: 0;
}

.navbar .nc-icon {
    font-weight: 700;
}

.navbar-transparent .navbar-brand,
[class*="navbar-ct"] .navbar-brand {
    color: #FFFFFF;
    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: 1;
    filter: alpha(opacity=100);
}

.navbar-transparent .navbar-nav .nav .nav-item .nav-link.btn:hover,
[class*="navbar-ct"] .navbar-nav .nav .nav-item .nav-link.btn:hover {
    background-color: transparent;
}

.navbar-transparent .navbar-nav .show .nav-link,
.navbar-transparent .navbar-nav .show .nav-link:hover,
.navbar-transparent .navbar-nav .show .nav-link:focus,
[class*="navbar-ct"] .navbar-nav .show .nav-link,
[class*="navbar-ct"] .navbar-nav .show .nav-link:hover,
[class*="navbar-ct"] .navbar-nav .show .nav-link:focus {
    background-color: transparent;
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-transparent .btn-default,
[class*="navbar-ct"] .btn-default {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.navbar-transparent .btn-default.btn-fill,
[class*="navbar-ct"] .btn-default.btn-fill {
    color: #9A9A9A;
    background-color: #FFFFFF;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.navbar-transparent .btn-default.btn-fill:hover,
.navbar-transparent .btn-default.btn-fill:focus,
.navbar-transparent .btn-default.btn-fill:active,
.navbar-transparent .btn-default.btn-fill.active,
.navbar-transparent .show .dropdown-toggle.btn-fill.btn-default,
[class*="navbar-ct"] .btn-default.btn-fill:hover,
[class*="navbar-ct"] .btn-default.btn-fill:focus,
[class*="navbar-ct"] .btn-default.btn-fill:active,
[class*="navbar-ct"] .btn-default.btn-fill.active,
[class*="navbar-ct"] .show .dropdown-toggle.btn-fill.btn-default {
    border-color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-transparent .dropdown-menu .divider {
    background-color: rgba(255, 255, 255, 0.2);
}

.navbar-default {
    background-color: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.navbar-default .navbar-nav .nav-item .nav-link:not(.btn) {
    color: #9A9A9A;
}

.navbar-default .navbar-nav .active .nav-link,
.navbar-default .navbar-nav .active .nav-link:not(.btn):hover,
.navbar-default .navbar-nav .active .nav-link:not(.btn):focus,
.navbar-default .navbar-nav .nav-item .nav-link:not(.btn):hover,
.navbar-default .navbar-nav .nav-item .nav-link:not(.btn):focus {
    background-color: transparent;
    border-radius: 3px;
    color: #1DC7EA;
    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: #1DC7EA;
}

.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: #1DC7EA;
    border-color: #1DC7EA;
}

.navbar-default:not(.navbar-transparent) .btn-neutral,
.navbar-default:not(.navbar-transparent) .btn-neutral:hover,
.navbar-default:not(.navbar-transparent) .btn-neutral:active {
    color: #9A9A9A;
}

/*      Navbar with icons            */

.navbar-icons.navbar .navbar-brand {
    margin-top: 12px;
    margin-bottom: 12px;
}

.navbar-icons .navbar-nav .nav-item .nav-link {
    text-align: center;
    padding: 6px 15px;
    margin: 6px 3px;
}

.navbar-icons .navbar-nav [class^="pe"] {
    font-size: 30px;
    position: relative;
}

.navbar-icons .navbar-nav p {
    margin: 3px 0 0;
}

.navbar-form {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-form .form-control {
    border-radius: 0;
    border: 0;
    padding: 0;
    background-color: transparent;
    height: 22px;
    font-size: 16px;
    line-height: 1.5;
    color: #E3E3E3;
}

.navbar-transparent .navbar-form .form-control,
[class*="navbar-ct"] .navbar-form .form-control {
    color: #FFFFFF;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.navbar-ct-blue {
    background-color: #4091e2;
}

.navbar-ct-azure {
    background-color: #63d8f1;
}

.navbar-ct-green {
    background-color: #a1e82c;
}

.navbar-ct-orange {
    background-color: #ffbc67;
}

.navbar-ct-red {
    background-color: #fc727a;
}

.navbar-transparent {
    padding-top: 15px;
    background-color: transparent;
    border-bottom: 1px solid transparent;
}

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

/* Dropdown menu user */

.dropdown-user-box {
    position: relative;
}

.dropdown-user-box .dropdown-item {
    color: white !important;
    padding: 10px 20px !important;
}

.dropdown-menu-user .dropdown-item:focus,
.dropdown-menu-user .dropdown-item:hover {
    background-image: linear-gradient(to right, #F77318 0%, #F77318 100%);
    background-repeat: repeat-x;
    color: #fff;
}

.dropdown-menu-user {
    position: absolute;
    top: 54px;
    left: -12px;
    background-color: #222222;
    margin-top: -0.25em;
    border-radius: 0em;
    border: none;
    width: 12.5em;
    padding-bottom: 0px;
    border-radius: 0px;
}

.menu-invoices {
    width: auto !important;
    min-width: 210px !important;
    background: #2d2d2d;
    left: -107px !important;
    top: 30px !important;
}

.menu-invoices .dropdown-item {
    padding: 0px !important;
}

.menu-invoices .dropdown-item a {
    display: block;
    padding: 7px 12px;
}

.dropdown-menu-user::after {
    content: none !important;
    background: none !important;
}

.dropdown-menu-user .logout {
    background: #d9534f !important;
}

.dropdown-menu-user .logout:focus,
.dropdown-menu-user .logout:hover {
    background: #e35753 !important;
}

/* Dropdown nitification */

.dropdown-menu-notification {
    background-color: #222222;
    max-height: 377px;
    overflow: auto;
}

.dropdown-menu-notification::after {
    content: none !important;
    background: none !important;
}

.dropdown-menu-notification .dropdown-item {
    padding: 0px !important;
    border-bottom: 1px solid #363636;
    white-space: normal;
    width: 27rem;
}

.dropdown-menu-notification .dropdown-item:focus,
.dropdown-menu-notification .dropdown-item:hover {
    background-color: #2b2b2b !important;
}

.dropdown-menu-notification .dropdown-item h2 {
    font-size: 15px;
    margin-top: 4px;
}

.dropdown-menu-notification .dropdown-item p {
    font-size: 12px;
    margin-bottom: 0.5rem;
}

.notice-header {
    color: white;
    padding: 4px 12px 4px 12px;
    font-size: 16px;
}

.all-notif {
    padding-top: 3px;
    padding-bottom: 3px;
}

.dropdown-menu-notification .dropdown-item .notification-box {
    padding: 12px 12px 0px 12px
}

.dropdown-menu-notification .dropdown-item .notification-box h2 {
    margin-bottom: 3px;
}

.dropdown-menu-notification .dropdown-item .notification-box h2 a {
    color: #fff;
}

.dropdown-menu-notification .dropdown-item .notice-info-message {
    padding: 0px 12px 0px 12px;
    background-image: linear-gradient(to right, #3a7bd5 0%, #00d2ff 100%);
    background-repeat: repeat-x;
    opacity: .5;
}

.dropdown-menu-notification .dropdown-item .notice-info-message.checked {
    padding: 0px 12px 0px 12px;
    background-image: linear-gradient(to right, #3a7bd5 0%, #00d2ff 100%);
    background-repeat: repeat-x;
    opacity: 1;
}

.dropdown-menu-notification .dropdown-item {
    position: relative;
}

.dropdown-menu-notification .notice-header ul li {
    padding: 5px 10px 5px 0px;
}

.dropdown-menu-notification .notice-header ul li a.active {
    color: #40c39d !important;
}

.nav-pills {
    background: #404040;
    border-bottom: 2px solid #F4972A;
}

.nav-pills li a {
    display: block;
    padding: 8px 8px 5px 8px;
}

.nav-pills li a:hover,
.nav-pills li a:focus,
.nav-pills li a.active {
    transition: 0.5s;
    background: #F4972A;
    color: #1b1b1b;
}

.footer {
    background-color: #1c1c1c;
}

.footer .footer-menu {
    height: 41px;
}

.footer nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.footer nav > ul a:not(.btn) {
    color: #9A9A9A;
    display: block;
    margin-bottom: 3px;
}

.footer nav > ul a:not(.btn):hover,
.footer nav > ul a:not(.btn):focus {
    color: #777777;
}

.footer .social-area {
    padding: 15px 0;
}

.footer .social-area h5 {
    padding-bottom: 15px;
}

.footer .social-area > a:not(.btn) {
    color: #9A9A9A;
    display: inline-block;
    vertical-align: top;
    padding: 10px 5px;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
}

.footer .social-area > a:not(.btn):hover,
.footer .social-area > a:not(.btn):focus {
    color: #777777;
}

.footer .copyright {
    color: #777777;
    padding: 10px 15px;
    margin: 10px 3px;
    line-height: 20px;
    font-size: 14px;
}

.footer hr {
    border-color: #DDDDDD;
}

.footer .title {
    color: #777777;
}

.footer-default {
    background-color: #F5F5F5;
}

.footer:not(.footer-big) nav > ul {
    font-size: 14px;
}

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

/*!
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;
}

.dropdown-menu {
    visibility: hidden;
    margin: 0;
    padding: 0;
    border-radius: 0px;
    display: block;
    z-index: 5;
    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);
    background: #313131;
}

.show .dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    transform: translate3d(0px, 0px, 0px) !important;
}

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

.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(52, 114, 247, 0.2);
}

.dropdown-menu.dropdown-azure > li > a:hover,
.dropdown-menu.dropdown-azure > li > a:focus {
    background-color: rgba(29, 199, 234, 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, 149, 0, 0.2);
}

.dropdown-menu.dropdown-red > li > a:hover,
.dropdown-menu.dropdown-red > li > a:focus {
    background-color: rgba(255, 74, 85, 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 {
    right: 0px !important;
    left: auto !important;
    top: 45px !important;
    min-width: 250px;
}

.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: 0px;
    margin-bottom: 30px;
    border: 0px;
}

.card.black {
    background-color: #262626;
}

.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 {
    position: relative;
    padding: 15px 15px 0;
    border-bottom: none !important;
}

.card-header.black {
    background-color: #262626;
}

.card-header .btn {
    position: absolute;
    top: 15px;
    right: 15px;
}

.card .card-category,
.card label {
    font-size: 14px;
    font-weight: 400;
    color: #9A9A9A;
    margin-bottom: 0px;
}

.card .card-category i,
.card label i {
    font-size: 16px;
}

.card label {
    font-size: 12px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.card .card-title {
    margin: 0;
    color: white;
    font-weight: 300;
}

.card .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px;
}

.card .description {
    font-size: 14px;
    color: #333;
}

.card .card-footer {
    padding-top: 0;
    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 .card-footer div {
    display: inline-block;
}

.card .author {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.card .author i {
    font-size: 14px;
}

.card h6 {
    font-size: 12px;
    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;
    height: 245px;
}

.card .ct-label {
    font-size: 1rem !important;
}

.card .table tbody td:first-child,
.card .table thead th:first-child {
    padding-left: 15px;
}

.card .table tbody td:last-child,
.card .table thead th:last-child {
    padding-right: 15px;
    display: inline-flex;
}

.card .alert {
    border-radius: 4px;
    position: relative;
}

.card .alert.alert-with-icon {
    padding-left: 65px;
}

.card-stats .card-body {
    padding: 15px 15px 0px;
}

.card-stats .card-body .numbers {
    font-size: 1.8rem;
    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 {
    font-weight: 700;
    line-height: 59px;
}

.card-user .card-image {
    height: 110px;
}

.card-user .card-image-plain {
    height: 0;
    margin-top: 110px;
}

.card-user .author {
    text-align: center;
    text-transform: none;
    margin-top: -70px;
}

.card-user .avatar {
    width: 124px;
    height: 124px;
    border: 5px solid #FFFFFF;
    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-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;
}

/* Table card */
.table-card .page-header h1{
    margin-top: 0px;
}

.table-card .page-header {
    position: relative;
}

.table-card .page-header .btn {
    position: absolute;
    right: 0;
    bottom: 0;
}

.table-card .page-header.page-header-custom h1 {
	margin: 30px 0px 5px !important;
}

.table-card .page-header.page-header-custom .btn {
	margin-top: -25px !important;
}

.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-form {
        margin-top: 21px;
        margin-bottom: 21px;
        padding-left: 5px;
        padding-right: 5px;
    }

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

    .close-layer,
    .nav-mobile-menu {
        display: none !important;
    }

    .footer {
        height: 60px;
    }

    .footer .footer-menu {
        float: left;
    }

    .footer .copyright {
        float: right;
    }

    .navbar-nav .nav-item .dropdown-menu:before {
        border-bottom: 11px solid #313131;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        content: "";
        display: inline-block;
        position: absolute;
        left: 12px;
        top: -10px;
    }

    .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;
		position: fixed;
		-webkit-transform: translate3d(14rem, 0, 0);
		-moz-transform: translate3d(14rem, 0, 0);
		-o-transform: translate3d(14rem, 0, 0);
		-ms-transform: translate3d(14rem, 0, 0);
		transform: translate3d(14rem, 0, 0) !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-open .main-panel {
		position: absolute;
		left: 0;
		-webkit-transform: translate3d(-224px, 0, 0);
		-moz-transform: translate3d(-224px, 0, 0);
		-o-transform: translate3d(-224px, 0, 0);
		-ms-transform: translate3d(-224px, 0, 0);
		transform: translate3d(-224px, 0, 0) !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-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) !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);
	}

	.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) !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);
	}

	.partner-link .btn {
		width: 100%;
	}

	.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;
        -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 40px;
        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 .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-transparent {
        padding-top: 15px;
        background-color: rgba(0, 0, 0, 0.45);
    }

    body {
        position: relative;
    }

    .wrapper {
        left: 0;
        background-color: white;
    }

    .navbar {
        padding-right: 30px;
        padding-left: 30px;
    }

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

.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: 1.375rem;
    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: 1.375rem;
    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: 0.75rem;
    -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 {
    text-align: center;
    z-index: 1;
    float: left;
    width: 50% !important;
    background-color: #fb404b;
    color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-off {
    text-align: center;
    z-index: 1;
    float: left;
    width: 50% !important;
    background-color: #25e865;
    color: #262626;
}

.bootstrap-switch .bootstrap-switch-label {
    text-align: center;
    z-index: 100;
    color: #333333;
    background: #ffffff;
	width: 1.25rem !important;
	height: 1.125rem;
    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: 0px;
}

.bootstrap-switch .bootstrap-switch-handle-on {
    text-indent: 5px;
}

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

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

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

/*------------------------
  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";
}

/* Body BG */
.body-bg {
    position: absolute;
    z-index: 1;
    background: url("../img/bg-react.png") no-repeat;
    background-size: contain;
    width: 85vh;
    height: 85vh;
    top: 11%;
    left: -5%;
}

.bg-black-box {
    background: #1f1f1f;
}

/*DROPDOWN SELECT*/
.dropdownSelect {
    position: absolute;
    max-height: 21.43em; /* 300px */
    width: 100%;
    z-index: 1039;
    margin-top: 0.715em !important; /* 10px */
    display: none;
}

.dropdownSelect-open {
    overflow: auto;
    overflow-y: hidden !important;
    cursor: pointer;
    white-space: nowrap;
}

.dropdownSelect-box {
    position: absolute;
    background-color: #1f1f1f;
    width: 91.5%;
    border: 2px solid #F77318;
	box-shadow: 0 0 10px 0 rgba(247, 115, 24, .8);
}

.dropdownSelect-title {
    position: relative;
    text-align: center;
    padding: 0.3em 1.8em 0.3em; /* 2px 25px 10px */
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.dropdownSelect-search, .dropdownSelect-search:focus {
	/*display: none;*/
	width: 95%;
	margin: 0 auto;
	background-color: #333333;
	border: none;
	border-bottom: 2px solid #F77318;
	color: white;
	padding: 8px 12px;
	height: 40px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
}

.dropdownSelect-content {
    max-height: 14.3em; /* 200px */
    overflow: auto;
}

.dropdownSelect-elements {
    background: transparent;
    display: block;
    position: relative;
    padding: 0.6em .5em; /* 8px 40px */
    color: #fff;
    line-height: normal;
    overflow: hidden;
    text-align: left;
    width: 100%;
    transition: none;
    white-space: nowrap;
    overflow-x: auto;
}

.dropdownSelect-elements.hidden {
    display: none;
}

.dropdownSelect-elements:hover {
    background: #404040;
    text-decoration: none;
    color: #fff;
}

.dropdownSelect-elements:focus {
    text-decoration: none;
    color: #fff;
}

.dropdownSelect-elements.dse-active {
    padding-left: 40px;
}

.dropdownSelect-elements.dse-active:hover::before {
    color: #F77318;
}

.dropdownSelect-elements.dse-active::before {
    content: '\f00c';
    color: #fff;
    position: absolute;
    left: 1.14em; /* 16px */
    top: 1.14em; /* 16px */
    transform: translateY(-50%);
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.dropdownSelect-noItem {
    display: none;
    padding: 10px;
}

.dropdownSelect-footer {
    font-size: 0.93em; /* 13px */
    border-top: 1px solid rgba(0, 0, 0, 0.2);
	background-image: linear-gradient(to right, #F77318 0%, #F77318 100%);
    cursor: pointer;
    color: #FFF;
    line-height: 2.15em; /* 28/13 */
    text-indent: 1.08em; /* 14/13 */
}

.dropdownSelect-footer div:hover {
    background-color: #404040;
}

/*END DROPDOWN SELECT*/

/* Datagrid */

.datagrid {
    padding: 0em !important;
}

.datagrid .datagrid-toolbar > span {
    margin: 0em !important;
}

.datagrid .datagrid-toolbar .datagrid-exports {
    display: inline-block !important;
}

.datagrid svg {
    display: none !important;
}

.datagrid .col-checkbox {
    background-color: transparent!important;
}

.datagrid .row-group-actions select.form-control {
    height: 2.25rem;
    padding-left: 6px;
    padding-right: 6px;
}

.datagrid table thead tr.row-group-actions th {
    vertical-align: middle;
}

.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content {
	padding-left: 40px !important;
}

.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-content p{
	margin-bottom: -2px !important;
}

.datagrid .datagrid-tree .datagrid-tree-item .datagrid-tree-item-right-columns p {
	margin-top: 12px !important;
}

.datagrid .row-group-actions h4 {
	margin-left: 12px;
}

.datagrid-vue {
	padding-top: 10px !important;
	padding-bottom: 5px !important;
	overflow: hidden !important;
}

.datagrid-vue .data-grid-table {
	box-shadow: none;
}

.datagrid-vue .data-grid-thead {
	background: #1f1f1f;
	border: none;
}

.datagrid-vue .data-grid-table tbody tr:not(:last-child) {
	border: none;
}

.datagrid-vue .table th {
	border-top: 0px;
}

.datagrid-vue .table thead th {
	border-bottom: 0px;
}

.datagrid-vue .table td, .table th {
	border-top: 0px;
}

.datagrid-vue .page-item .page-link {
	border-radius: 0px;
	padding: 8px 13px;
	background: #313131;
	border: 1px solid #F77318;
	color: #F77318;
	font-size: 17px;
}

.datagrid-vue .page-item .page-link:hover,
.datagrid-vue .page-item .page-link:focus {
	background: #fff !important;
	color: #313131 !important;
	border: 1px solid #313131 !important;
}

.datagrid-vue .table-hover tbody tr:hover {
	background-image: url("../../images/admin/table-hover.png") !important;
	background-size: cover !important;
	color: #1f1f1f !important;
}
.dealer-link {
	cursor: pointer;
	background: linear-gradient(to right, #F77318 0%, #F77318 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.datagrid-vue .table-hover tbody tr:hover .text-success,
.datagrid-vue .table-hover tbody tr:focus .text-success
{
	color: #1f1f1f !important;
}

.datagrid-vue .table-hover tbody tr:hover .dealer-link,
.datagrid-vue .table-hover tbody tr:focus .dealer-link
{
	background: #1f1f1f;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.datagrid-vue .pageSize-right input {
	position: absolute;
	right: 40px;
	background-color: #1f1f1f;
	border: 2px solid #F77318;
	padding-left: 8px;
	font-size: 16px;
}

.datagrid-vue .page-item.active button {
	background: #fff !important;
	color: #313131 !important;
}

/*LICENCEPLATE*/

.licenseplate {
    color: #333;
    background-color: #fff;
    background-image: url("../../images/admin/skplate.png");
    background-repeat: no-repeat;
    background-size: 25% 100%;
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding-left: 25%;
    width: 100%;
    height: 34px;
    border: 1px solid #222222;
    border-radius: 4px;
    outline: none;
}

.licenseplate.miniplate {
    padding-left: 10%;
    width: 45%;
}

.licenseplate::-webkit-input-placeholder {
    color: #ddd;
}

.licenseplate:-ms-input-placeholder {
    color: #ddd;
}

.licenseplate::-ms-input-placeholder {
    color: #ddd;
}

.licenseplate::placeholder {
    color: #ddd;
}

.delete-pneu-box p {
    margin-bottom: 0;
}

.delete-cars-box p {
    margin-bottom: 0;
}

.delete-contact-body table tbody tr td {
    border-top: 1px solid #505050 !important;
}

.delete-contact-header {
    padding: 15px 15px 7.5px !important;
}

.delete-contact-header p {
    margin: 0;
}

.contact-show-navbar {
    margin-top: 10px;
    margin-bottom: 10px;
}

.main-hr {
    border-top: 1px solid #9a9a9a !important;
}

/* Gradient box */

.gradient-box {
    float: left;
    padding: 0.625em 0.9375em 0.625em 0.9375em; /* 10/16 15/16 */
    z-index: 100;
    height: 17.6em; /* 25rem */
    width: 35.5em; /* 50rem */
    margin-bottom: 0.7em; /* 1rem */
    border-radius: 0.25em; /* 0.3rem */
    position: relative;
}

.gradient-box:hover:after {
    bottom: -1.2rem;
}

.gradient-box::after {
    z-index: -1;
    transition: bottom 0.3s ease;
    position: absolute;
    content: "";
    height: 60%;
    width: 75%;
    bottom: -0.5rem;
    top: 39%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-filter: blur(1.8em); /* 25px */
    filter: blur(1.8em); /* 25px */
    background: inherit;
}

/* HOMEPAGE WEATHER BOX */

.gradient-box#cold {
    background: linear-gradient(to top right, #f7f7f7, #00dcff); /* -50 °C - 5 °C */
}

.gradient-box#middle {
    background: linear-gradient(to top right, #4BDEF2, #e0ef6c); /* 6 °C - 22 °C  */
}

.gradient-box#heat {
    background: linear-gradient(to top right, #ff5c5c, #efdb50); /* 23 °C - 50 °C */
}

/*.gradient-box.clock-box {
    background: radial-gradient(ellipse at center, #ffffff 0%, #ececec 70%);
}*/

.weather {
    color: #333;
}

.weather #temp {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 7.15em; /* 100/16 */
    font-weight: 400;
    color: #333;
}

.weather-temp-box {

}

.weather.description {
    margin-top: 0.3575em; /* 5px */
    padding-left: 0.715em; /* 10px */
}

.weather.description p {
    margin-bottom: 0.125em; /* 2/16 */
}

/* Weather- Icon */
.weather-icon {
    position: absolute;
    width: 8.25em; /* 115/16 */
    right: 3.15em; /* 44/16 */
    top: 0.95em; /* 15/16 */
}

#weather-info {
    margin-top: 2em; /* 30/16 */
}


p#wind {
    margin-bottom: 0.5em; /* 10px */
}

p#humidity {
    margin-bottom: 0;
}

/* HOMEPAGE CLOCK BOX */
.clock-box {
    position: relative;
}

#clock {
    color: #ffffff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*color: #333;*/
    text-shadow: 0em 0em 1.25em #333, 0em 0em 1.25em rgba(10, 175, 230, 0);
}

#clock .time {
    letter-spacing: 0.05em;
    font-size: 5.7em; /* 80/16 */
    padding: 0.075em 0em; /* 5/16 */
}

#clock .date {
    letter-spacing: 0.1em;
    font-size: 1.7em; /* 24/16 */
}

.bg-dark {
    background-color: #1f1f1f;
}

/* PRICING BOX */
.pricing-plan-list-box {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.pricing-plan-list {
    display: flex;
    justify-content: center;
    margin: 80px 0px;
}

.pricing-plan {
    position: relative;
    width: 260px;
    padding: 30px 0;
    text-align: center;
    background-color: #ffffff0f;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}

.pricing-plan:first-child .pricing-plan__price {
    color: #65c163;
    margin-bottom: 0;
}

.pricing-plan:first-child:before {
    background-image: linear-gradient(90deg, #bede2f 0%, #30c85f 100%);
}

.pricing-plan:nth-child(2) .pricing-plan__price {
    color: #31a3d2;
    margin-bottom: 0;
}

.pricing-plan:nth-child(2):before {
    background-image: linear-gradient(90deg, #29c4cf 0%, #3a7bd5 100%);
}

.pricing-plan:last-child .pricing-plan__price {
    color: #794eb1;
    margin-bottom: 0;
}

.pricing-plan:last-child:before {
    background-image: linear-gradient(90deg, #3e6dcc 0%, #9014e8 100%);
}

.pricing-plan:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
}

.pricing-plan--featured {
    z-index: 1;
    width: 330px;
    margin: -30px 5px;
    box-shadow: 0px 8px 25px 0px rgba(67, 74, 84, 0.16);
}

.pricing-plan--featured .pricing-plan__name {
    margin-top: 30px;
}

.pricing-plan__name,
.pricing-plan__price {
    font-weight: 200;
}

.pricing-plan__name {
    font-size: 32px;
    margin: 0 0 25px 0;
}

.pricing-plan__price {
    font-size: 60px;
    margin: 0 0 5px 0;
}

.pricing-plan__disclosure {
    font-size: 14px;
    color: #fff;
}

.pricing-plan__feature-list {
    list-style: none;
    margin: 20px 10px;
    padding: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
}

/*Kontakty*/
.userImage {
    position: relative;
    background-color: rgba(247, 115, 24, 0.8);
    background-size: cover;
    color: #1f1f1f !important;
}

.userImage h1 {
    position: absolute;
    margin: 0px;
    font-size: 8em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #2222228c;
    display: inline-table;
}

.mb20 {
    background: #2d2d2d;
    margin-bottom: 1.43em; /* 20px */
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.bg-1f {
    background-image: url(../../images/admin/content-back.png);
    background-repeat: no-repeat;
    background-size: cover;

}

.p20 {
    padding: 1.43em; /* 20px */
}

/* Taken from login page */

.loginBackground {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loginBackgroundBorder {
    width: calc(100% - 30px);
    height: calc(100% - 50px);
    box-sizing: border-box;
    margin: 0 30px;
    border: 1px solid #2affac;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loginFrameCell {
    position: relative;
    z-index: 9999;
    display: table-cell;
    vertical-align: middle;
}

#loginFrame .form-group label {
    margin: 0 auto;
    width: 100%;
    color: white;
}

#loginFrame .form-group input {
    width: 100%;
}

#loginFrame .form-group .privacy {
    width: auto;
    margin-top: 15px;
}

#privacyPolicy .modal-body {
    height: 500px;
    overflow: auto;
}

#loginFrame {
    max-width: 320px;
    margin: 0 auto;
    background: rgb(27, 27, 27);
    background: -webkit-linear-gradient(bottom left, rgba(27, 27, 27, 1) 0%, rgba(39, 39, 39, 1) 100%);
    background: -o-linear-gradient(bottom left, rgba(27, 27, 27, 1) 0%, rgba(39, 39, 39, 1) 100%);
    background: linear-gradient(to top right, rgba(27, 27, 27, 1) 0%, rgba(39, 39, 39, 1) 100%);
}

#loginFrame .bottom {
	padding: 20px 30px;
}

#loginFrame h1 {
    text-align: center;
    color: #fff;
}

#frm-loginForm .form-group label, #frm-lostPasswordForm > div:nth-child(3) > label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: lightgray;
}

.loginCenter {
    text-align: center;
    margin: 0px;
}

.recoverButton {
    margin: 30px 0 40px 0;
}

#frm-loginForm > div.checkbox label {
    color: white;
}

#frm-loginForm > .loginForm-submit {
    margin: 15px 0 20px 0;
    text-align: center;
}

#loginFrame .loginForm input[type=submit], #loginFrame .lostPasswordForm input[type=submit], #loginFrame .registrationForm input[type=submit] {
	background-image: linear-gradient(to right, #F77318 0%, #F77318 100%);
	height: 55px;
	width: 180px;
	font-size: 20px;
	color: lightgray;
	border: none;
}

#loginFrame .loginForm input[type=submit]:hover, #loginFrame .lostPasswordForm input[type=submit]:hover, #loginFrame .registrationForm input[type=submit]:hover {
    background-color: #262626;
}

#frm-lostPasswordForm > div:nth-child(1) > p, #frm-registrationForm > div:nth-child(1) > p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: lightgray;
    margin-bottom: 20px;
}

#loginFrame a {
    color: #F77318;
}

#loginLogo {
    width: 100%;
    padding: 10px 0px 40px 0;
}

#loginLogoContainer {
    text-align: center;
}

#frm-addOrder-urgent {
    margin-right: 10px !important;
}

.loginVersion {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
}

.loginVersion p {
    display: block;
    background-color: rgba(255, 255, 255, .85);
    max-width: 300px;
    padding: 4px;
    margin: 0 auto;
    text-align: center;
}

/* Particles */
canvas {
    display: block;
    vertical-align: bottom;
}

#particles-js {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

/** custom nav and navtabs */

.nav-custom-green {
    margin-left: -14px; /* -10px */
    border: none !important;
    padding-top: 1.43em;
}

.nav-custom-green a {
    background-color: #444444 !important;
    padding: 8px;
    color: #F77318 !important;
    margin: 0em !important;
    display: inline-block !important;
    font-weight: normal !important;
    transition: .15s linear;
    border: none !important;
    margin-right: 0.3575em !important; /* 5px */
}

.nav-custom-green li.active a, .nav-custom-green li a:hover {
    background-image: linear-gradient(to right, #F77318 0%, #F77318 100%) !important;
    color: #ffffff !important;
}

.nav-custom-green-right {
    float: right;
	margin-right: -.313rem;
    border: none !important;
    padding-top: 1rem;
}

.nav-custom-green-right a {
    background-color: #444444 !important;
    padding: 8px;
    color: #F77318 !important;
    margin: 0em !important;
    display: inline-block !important;
    font-weight: normal !important;
    transition: .15s linear;
    border: none !important;
    margin-right: 0.3575em !important; /* 5px */
}

.nav-custom-green-right li.active a, .nav-custom-green-right li a:hover {
    background-image: linear-gradient(to right, #F77318 0%, #F77318 100%);
    color: #ffffff !important;
}

.nav-custom-top {
    margin-left: -14px; /* -10px */
    border: none !important;
    padding-top: .55em;
}

.nav-custom-top a {
    background-color: #444444 !important;
    padding: 8px;
    color: #F77318 !important;
    margin: 0em !important;
    display: inline-block !important;
    border-bottom-left-radius: 0.3575em !important; /* 5px */
    border-bottom-right-radius: 0.3575em !important; /* 5px */
    font-weight: normal !important;
    transition: .15s linear;
    border: none !important;
    margin-right: 0.3575em !important; /* 5px */
}

.nav-custom-top li.active a, .nav-custom-top li a:hover {
    background-color: #F77318 !important;
    color: #404040 !important;
}

.social-link {
    text-align: center;
    margin-top: 20px;
}

.store-download-btn {
	text-align: center;
	width: 100%;
	margin-top: 15px;
}

.store-download-btn a {
	display: block;
}

.store-download-btn a:first-child {
	margin-bottom: 10px;
}

.tabs-paper {
    background-color: #2a2a2a;
    padding: 1.8em;
}

.tab-box {
    display: none;
}

.paral-input-group label {
    margin-top: .5rem !important;
    margin-bottom: .2rem !important;
}

.numCounter {
    display: inline-block;
    height: 110px;
    line-height: 70px;
    color: #F1F1F1;
    text-shadow: 0 0 2px #fff;
    font-weight: bold;
    white-space: normal;
    font-size: 46.6666666667px;
}

.numCounter > b {
    display: inline-block;
    width: 50px;
    height: 100%;
    margin: 0 0.1em;
    border-radius: 8px;
    background: #191919;
    text-align: center;
    box-shadow: 1px 1px rgba(255, 255, 255, 0.05), 1px 1px 5px #111 inset;
    overflow: hidden;
}

.numCounter > b:before {
    content: ' 0 1 2 3 4 5 6 7 8 9 ';
    display: block;
    word-break: break-all;
    word-break: break-word;
    transition: 0.4s cubic-bezier(0.12, 0.78, 0.52, 1.2);
}

.numCounter > b.d1:before {
    margin-top: -70px;
}

.numCounter > b.d2:before {
    margin-top: -140px;
}

.numCounter > b.d3:before {
    margin-top: -210px;
}

.numCounter > b.d4:before {
    margin-top: -280px;
}

.numCounter > b.d5:before {
    margin-top: -350px;
}

.numCounter > b.d6:before {
    margin-top: -420px;
}

.numCounter > b.d7:before {
    margin-top: -490px;
}

.numCounter > b.d8:before {
    margin-top: -560px;
}

.numCounter > b.d9:before {
    margin-top: -630px;
}

.numCounter > span {
    display: inline-block;
    font-size: 1.1em;
    opacity: 0.4;
    line-height: 1.8;
    padding: 0;
    vertical-align: top;
    text-shadow: none;
}

.numCounter {
    overflow: hidden;
    width: 480px;
    height: 110px;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0.5em .1em;
    text-align: center;
    background: #222;
    background: linear-gradient(to bottom, #555 1%, #333 4%, #1a1a1a 98%, #1a1a1a 100%);
}

.permission {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../../images/admin/content-back.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 6px 3px 29px 6px rgba(0, 0, 0, 0.39);
    width: 100%;
    height: 250px;
    border-radius: 0px;
    margin-bottom: 25px;
}

.permission .checkbox {
    margin-top: 15px;
	padding-left: 1.25rem;
}

.permission label {
    color: #fff;
    font-weight: 300 !important;
    letter-spacing: 1px;
	font-size: .875rem;
}

.permission > h5 {
    padding: 3px 15px;
    margin-bottom: 0px;
}

.permission > h5.on {
    margin-left: 0;
    background-color: #40c39d;
}

.permission > h5.mid {
    margin-left: 0;
    background-color: #cc811a;
}

.permission > h5.off {
    margin-left: 0;
    background-color: #de5e5a;
}

.permission-bulk {
    position: absolute;
    right: 10%;
    top: 14%;
}

.permission-minus {
    color: #d9534f;
    font-size: 30px;
}

.permission .deletemodul {
    padding: 5px;
    cursor: pointer;
    color: #d9534f;
}

.permission-plus {
    color: #40c39d;
    font-size: 30px;
}

.permission .addmodul {
    padding: 5px;
    cursor: pointer;
    color: #00af68;
    border-radius: 24px;
}

.submodul-box {
    position: absolute;
    z-index: 9;
    top: 117px;
    width: 100%;
    background: #232323;
}

.submodul {
    background: #232323;
    border: 1px solid #2d2d2d;
    padding-top: 5px;
    padding-bottom: 5px;
}

.submodul .permission-submodul {
    display: none;
}

.submodul p {
    color: #fff;
	font-size: .875rem;
    padding-left: 1.25rem;
    margin-bottom: 0px;
    cursor: pointer;
}

.modul-name {
    font-size: 22px;
    color: #fff;
    font-weight: 400;
	padding-left: 1.25rem;
    padding-top: 10px;
}

.user-option-box {
    padding-top: 25px;
    margin-top: 30px;
}

.user-option-box input {
    margin-right: 15px;
}

.bg-neon {
    background-image: linear-gradient(to right, #12FFF7 0%, #B3FFAB 100%);
    background-repeat: repeat-x;
}

.bg-orange {
    background-image: linear-gradient(to right, #F9D423 0%, #FF4E50 100%);
    background-repeat: repeat-x;
}

.bg-blue {
    background-image: linear-gradient(to right, #3a7bd5 0%, #00d2ff 100%);
    background-repeat: repeat-x;
}

.form-group {
    position: relative;
	margin-bottom: .5rem;
}

.form-group.required .form-control {
	border-bottom: 2px solid;
	border-image-source: linear-gradient(45deg, #FF4A55, #F77318);
	border-image-slice: 1;
}

.label-require {
    position: absolute !important;
    color: #de5e5a;
    font-size: 1.3em;
    top: 1.4em;
    left: 0.2em;
}

/*LICENCE PAGE*/
.notif {
    /*width: 420px;
    margin: 40px auto;*/
    /*height: 150px;*/
    color: white;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3);
    /*overflow: hidden;*/
}

.notif--success {
    background: #39cccc;
    overflow: hidden;
}

.notif--warning {
    background: #cc811a;
    overflow: hidden;
}

.notif--error {
    background: #d35757;
    overflow: hidden;
}

.notif__icon {
    padding: 20px;
    font-size: 56px;
}

.notif__content, .notif__actions {
    height: 100%;
    float: left;
}

.notif__content {
    width: 85%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.notif__title {
    margin-bottom: 0.2em;
    font-size: 2em;
}

.notif__actions {
    width: 15%;
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.4);
}

.notif__actions .notif__activation {
    background: rgba(123, 0, 3, 0.4);
}

.notif__actions > * {
    flex-grow: 1;
}

.notif__action {
    position: relative;
    text-align: center;
    text-decoration: none;
}

.notif__action:hover {
    background: rgba(0, 0, 0, 0.4);
}

.notif__action:hover i {
    opacity: 1;
    color: white;
}

.notif__action:hover:after {
    display: block;
}

/*.notif__action:after {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    right: 110%;
    top: 50%;
    margin-top: -1em;
    padding: 0.5em 1em;
    text-align: center;
    white-space: nowrap;
    background: #141414;
    border-radius: 4px;
}*/

.notif__action > * {
    position: absolute !important;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    opacity: .5;
}

.notif a {
    color: inherit;
}

#notepad textarea {
    height: 500%;
    font: normal 12px/1.5 "Lucida Grande", arial, sans-serif;
}

#notepad.paper textarea {
    padding: 6px 5px 4px 42px;
    position: relative;
    color: #444;
    line-height: 20px;
    border: 1px solid #d2d2d2;
    background: #fff;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px;
    background: -webkit-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: -moz-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: -ms-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: -o-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    background: linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
    -webkit-background-size: 100% 20px;
    -moz-background-size: 100% 20px;
    -ms-background-size: 100% 20px;
    -o-background-size: 100% 20px;
    background-size: 100% 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

/*PNEU STORAGE*/

.itIsFull {
    background: url("../../images/admin/red-polygon.png") no-repeat;
    background-position: right;
}

.krok2 {
    display: none;
}

.required-text {
    border: 1px solid red;
}

.pneu-box {
    text-align: center;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
    background-color: lightblue;
}

.pneu-box h3 {
    text-decoration: none;
    color: gray;
}

.pneu-box:hover {
    text-decoration: none;
    color: gray;
}

.progress-pie-chart {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #E5E5E5;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.progress-pie-chart.gt-50 {
    background-color: #81CE97;
}

.ppc-progress {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    width: 100px;
    height: 100px;
    clip: rect(0, 100px, 100px, 50px);
}

.ppc-progress .ppc-progress-fill {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    width: 100px;
    height: 100px;
    clip: rect(0, 50px, 100px, 0);
    background: #81CE97;
    transform: rotate(60deg);
}

.gt-50 .ppc-progress {
    clip: rect(0, 50px, 100px, 0);
}

.gt-50 .ppc-progress .ppc-progress-fill {
    clip: rect(0, 100px, 100px, 50px);
    background: #E5E5E5;
}

.ppc-percents {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 78.2608695652px / 2);
    top: calc(50% - 78.2608695652px / 2);
    width: 78.2608695652px;
    height: 78.2608695652px;
    background: #fff;
    text-align: center;
    display: table;
}

.ppc-percents span {
    display: block;
    font-size: 2.6em;
    font-weight: bold;
    color: #81CE97;
}

.pcc-percents-wrapper {
    display: table-cell;
    vertical-align: middle;
}

/*  Toggle Switch  */

.toggle-switch {
    width: 100%;
    height: 1.7em; /* 34px */
    -moz-border-radius: 0.2em; /* 4/20 */
    -webkit-border-radius: 0.2em; /* 4/20 */
    border-radius: 0.2em; /* 4/20 */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0.5em !important; /* 10/20 */
    position: relative;

    background: #222222 !important;
    border-radius: 1em !important; /* 20/20 */
    font-size: 1.43em !important; /* 20px */
    color: #fff !important;
    font-weight: 400;
    letter-spacing: 0.1em !important; /* 2px */
    border: 1px solid #F77318 !important;
}

.toggle-switch input[type=radio] {
    display: none;
}

.toggle-switch label {
    cursor: pointer;
    height: 2.6em; /* 32px */
    position: relative;
    display: inline-block;
    padding: 0;
    text-align: center;
    z-index: 999;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
    color: #333;
    font-size: 0.65em; /* 12/20 */
}

.toggle-switch span {
    position: absolute;
    background-color: #53d76a;
    border-radius: 1.25em; /* 25/20 */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1;
    width: 50%;
    height: 100%;
}

.toggle-switch input:last-of-type:checked ~ span {
    left: 50%;
}

.toggle-switch input:last-of-type:checked ~ label:last-of-type, .toggle-switch input:first-of-type:checked ~ label:first-of-type, .toggle-switch input:checked:nth-of-type(2) ~ label:nth-of-type(2), .toggle-switch input:checked:nth-of-type(3) ~ label:nth-of-type(3) {
    color: #fff;
}

.toggle-switch.switch-3 span {
    width: 33.333%;
    background-color: #F8CE3D;
}

.toggle-switch.switch-3 label {
    /*width: 32.8%;*/
}

.toggle-switch.switch-3 input:checked:nth-of-type(2) ~ span {
    left: 33%;
    background-color: grey;
}

.toggle-switch.switch-3 input:last-of-type:checked ~ span {
    left: 67%;
    background-color: #5CAEFF;
}

.toggle-switch.switch-4 span, .toggle-switch.switch-4 label {
    width: 24.33%;
}

.toggle-switch.switch-4 input:checked:nth-of-type(2) ~ span {
    left: 25%;
}

.toggle-switch.switch-4 input:checked:nth-of-type(3) ~ span {
    left: 50%;
}

.toggle-switch.switch-4 input:last-of-type:checked ~ span {
    left: 75%;
}

.tireBox * {
    /*transition: all 0.5s;*/
}

.tireBox {
    margin: 0.2%;
    width: 100%;
    height: 28.95em; /* 335px */
    padding: 1.0715em; /* 15px */
    box-sizing: border-box;
    display: inline-block;
    background: #292929;
    position: relative;
    box-shadow: 0 0 0.3575em rgba(0, 0, 0, 0.4); /* 0 0 5px */
}

.tireBox.plus {
    background: #27af59;
}

.tireBox .icon-cont {
    border: 0.43em solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    width: 5.36em; /* 75px */
    height: 5.36em; /* 75px */
    margin: 1.43em auto; /* 20px */
    display: block;
    text-align: center;

    position: absolute;
    top: 0.715em; /* 10px */
    left: 0;
    right: 0;
    z-index: 5;

    box-shadow: 0 0 0 0em rgba(255, 255, 255, 0.5), 0 0 0 0em rgba(3, 108, 129, 0.5);
}

.tireBox .icon-cont i {
    width: auto;
}

.tireBox.plus .icon-cont {
    width: 150px;
    height: 150px;
    margin: 20px auto;
    display: block;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 5;

    box-shadow: 0 0 0 0em rgba(255, 255, 255, 0.5), 0 0 0 0em rgba(3, 108, 129, 0.5);
}

.tireBox.plus .icon-cont i {
    color: #fff;
    opacity: 0.6;
    font-size: 5em;
    line-height: 140px;
    width: 60px;
}

.tireBox .icon-cont i {
    color: #fff;
    opacity: 0.6;
    font-size: 2.5em;
    line-height: 1.75em; /* 75px */
}

.tireBox:hover .icon-cont {
    -webkit-animation: shady 4s linear infinite;
    animation: shady 4s linear infinite;
}

@-webkit-keyframes shady {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5), 0 0 0 0px rgba(3, 108, 129, 0.5);
    }
    20% {
        box-shadow: 0 0 0 100px rgba(255, 255, 255, 0), 0 0 0 0px rgba(3, 108, 129, 0);
    }
    20.1% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5), 0 0 0 0px rgba(3, 108, 129, 0.5);
    }
    50% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5), 0 0 0 0px rgba(3, 108, 129, 0.5);
    }
    70% {
        box-shadow: 0 0 0 100px rgba(255, 255, 255, 0), 0 0 0 0px rgba(3, 108, 129, 0);
    }
    70.1% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5), 0 0 0 0px rgba(3, 108, 129, 0.5);
    }
    100% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5), 0 0 0 0px rgba(3, 108, 129, 0.5);
    }
}

@keyframes shady {
    0% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5), 0 0 0 0px rgba(3, 108, 129, 0.5);
    }
    20% {
        box-shadow: 0 0 0 100px rgba(255, 255, 255, 0), 0 0 0 0px rgba(3, 108, 129, 0);
    }
    20.1% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5), 0 0 0 0px rgba(3, 108, 129, 0.5);
    }
    50% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5), 0 0 0 0px rgba(3, 108, 129, 0.5);
    }
    70% {
        box-shadow: 0 0 0 100px rgba(255, 255, 255, 0), 0 0 0 0px rgba(3, 108, 129, 0);
    }
    70.1% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5), 0 0 0 0px rgba(3, 108, 129, 0.5);
    }
    100% {
        box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5), 0 0 0 0px rgba(3, 108, 129, 0.5);
    }
}

.tireBox h3 {
    color: #fff;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 300;
    font-size: 1.715em; /* 24/14 */
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.08em; /* 2/24 */
    padding: 0.625em; /* 15/24 */
    border-bottom: 1px solid rgba(255, 255, 255, 0);

    position: absolute;
    top: 125px;
    width: 70%;
    left: 10%;
    z-index: 4;
}

.tireBox.plus h3 {
    padding: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    position: absolute;
    top: 20px;
    width: 100%;
    left: 0;
    z-index: 4;
}

.tireBox ul {
    font-family: 'Open Sans', Arial, sans-serif;
    color: #fff;
    font-size: 0.93em; /* 13px */
    line-height: 2.16em; /* 28/13 */
    text-indent: 1.08em; /* 14px */
    margin: .92em; /* 25px */
    list-style-type: none;
    padding: 0;
}

.tireBox ul.tireHidden {
    display: none;
    margin-top: 0em;
    padding: 0;
}

.tireBox ul.tireHidden li {
    margin-bottom: 5px;
}

.tireBox a.expand, .tireBox a.cancel {
    width: auto; /* 35px */
    height: 2.5em; /* 35px */
	background-image: linear-gradient(to right, #F77318 0%, #F77318 100%);
    font-weight: 600;
    color: white;
    display: block;
    margin: 1.0715em auto 1.795em; /* 15px | 25px */
    text-align: center;
    line-height: 2.5em; /* 35px */
    cursor: pointer;

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.715em; /* 10px */
}

.tireBox a.expand:hover, .tireBox a.cancel:hover {
	background-position: right center;
	background-color: transparent;
	color: white;
	border-color: #F77318;
}

.tireBox a.cancel {
    display: none;
}

.tireBox a.expand div.span-add {
    opacity: 0;
    display: none;
}

.tireBox a.expand div.span-save {
    opacity: 0;
    display: none;
}

.tireBox a.expand div.span-edit {
    opacity: 1;
    padding-left: 0.3575em; /* 5px */
}

.tireBox.selected a.expand {
    display: block;
    position: absolute;
    right: -200px;
    bottom: -28px;
    color: #262626;
    background: transparent;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 60px 60px;
    border-color: transparent transparent #F77318 transparent;
}

.tireBox.selected a.cancel {
    display: block;
    position: absolute;
    left: -200px;
    bottom: -28px;
    color: #262626;
    background: transparent;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 0 0 60px;
    border-color: transparent transparent transparent #FF4A55;
}

.tireBox .tr {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.tireBox.selected a.expand div {
    display: block;
    position: absolute;
    top: 19px;
    left: -45px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-size: 12px;
    color: #262626;
}

.tireBox.selected a.cancel div {
    display: block;
    position: absolute;
    top: -42px;
    left: -61px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 12px;
}

.tireBox.selected a.expand div.span-add {
    opacity: 1;
    display: block;
}

.tireBox.selected a.expand div.span-save {
    opacity: 1;
    display: block;
}

.tireBox.selected a.expand div.span-edit {
    opacity: 0;
}

.tireBox /*.selected*/ .icon-cont {
    /*-webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);*/
    opacity: 0.3;
    position: absolute;
    top: -1.43em; /* -20px */
    /*left: -0.4em;*/ /* -5px */
    right: 12.9em; /* 180px */
}

.tireBox.selected:hover .icon-cont {
    -webkit-animation: none;
    animation: none;
}

.tireBox.selected h3 {
    padding: 32px 15px 15px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    width: 70%;
    top: 16px;
    left: 10%;
}

.tireBox.selected ul.tireHidden {
    display: inline-block;
}

.tireBox.selected ul.tireNotHidden {
    display: none;
    padding: 0;
}

.existingBoxes {
    background: #2a2a2a;
}

.existingBoxes ul li {
    padding: 20px;
    margin: 10px;
    float: left;
}

.minus-capacity {
    text-align: center;
    margin: 0.5%;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    display: inline-block;
    color: #FFF;
    background: #FF4A55;
    border: 1px solid #d43f3a;
    position: relative;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.minus-capacity:hover {
    color: #FFF;
    background: #c9302c;
    border-color: #ac2925;
}

.notice-toDate.orange {
    background: #F8B500;
}

.notice-toDate {
    border-radius: 5px;
    padding: 2px 5px 2px 5px;
    color: #2d2d2d;
}

.loader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    background: #292929;
    display: none;
}

.loader svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.loader svg path,
.loader svg rect {
    fill: #F77318;
}

.seasonLabel {
    padding: 20px;
    color: white !important;
    margin-right: 30px;
}

.seasonLabel .fa {
    display: block !important;
}

/*END PNEU STORAGE*/

/*POPOVER*/
.requiredPopover {
    background: #222222 !important;
    border: 1px solid #cc2627 !important;
    color: #fff !important;
    min-width: 150px;
    padding: 5px 20px;
}

.requiredPopover.bs-popover-top > .requiredArrow::before {
    border-top-color: #222222 !important;
    border-top-color: #cc2627 !important;
}

.requiredPopover.bs-popover-top > .requiredArrow::after {
    border-top-color: #222222 !important;
}

.requiredPopover.bs-popover-bottom > .requiredArrow::before {
    border-bottom-color: #222222 !important;
    border-bottom-color: #cc2627 !important;
}

.requiredPopover.bs-popover-bottom > .requiredArrow::after {
    border-bottom-color: #222222 !important;
}

.requiredPopover.bs-popover-right > .requiredArrow {
    border-right-color: #222222 !important;
    border-right-color: #cc2627 !important;
}

.requiredPopover.bs-popover-right > .requiredArrow::after {
    border-right-color: #222222 !important;
}

/*LABELS*/

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: white;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.noLabelCol-32 {
    padding-top: 32px;
}

.noLabelCol-40 {
    padding-top: 2.25rem;
}

/*END LABELS*/

.dnEdit {
    padding: 15px;
    background: #292929;
    margin-right: 5px;
    text-align: right;
}

.dnEdit .form-control, .dnEdit .form-control-color {
    margin-bottom: 5px;
    margin-top: 5px;
}

/* Invoice */

.invoices-billing {
    margin-top: 41px;
}

.customunittrigger {
    margin-top: 15px;
}

.applicateDiscount {
    height: 2.25rem;
}

.in-units .close {
    color: #FF4A55;
    font-size: 24px;
    text-shadow: none;
}

.invoices-label {
    background: #2d2d2d;
	padding: 0.938rem;
}

.invoices-sum tr td {
    border-bottom: 1px solid #484848;
}

.table tbody+tbody {
	border-top: none;
}

.add-invoice table tr td {
    border-top: 1px solid #484848;
	padding: .5rem;
}

.add-invoice .invoices-head th {
    border-top: 0px;
}

.cent-settlement {
	display: none ;
}

.th-item {
    width: 30%;
}

.waTitle {
    min-width: 272px;
}

.waQuantity {
    min-width: 100px;
}

.select-box-unit {
    min-width: 150px;
}

.waPrice {
    min-width: 107px !important;
}

.totalPriceWithVat {
    min-width: 143px;
}

.waVat {
    min-width: 100px;
}

.waTax {
    min-width: 100px;
}

.t-body .priceWithVat {
    min-width: 100px;
}

.row.repeater .col-md-12 {
    padding-bottom: 10px;
}

.add-invoice .table-hover thead th {
    border-top: 0px;
    border-bottom: 0px;
}

.invoice-img {
    position: relative;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    height: 150px !important;
}

.invoice-img .fa-remove {
    position: absolute;
    top: -17px;
    right: 0px;
}

.invoice-none-img {
    border: 2px solid #5a5a5a;
    position: relative;
    height: 150px;
}

.invoice-none-img p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.table-hover .control-label {
    margin-top: 5px;
    margin-bottom: 3px;
}

.input-group-addon {
    background: #343434 !important;
    border-top: 2px solid #F77318;
    border-bottom: 2px solid #F77318;
    border-right: 2px solid #F77318;
    border-left: 2px solid #F77318 !important;
}

.input-group-addon:hover,
.input-group-addon:focus {
    background: #343434 !important;
    border-top: 2px solid #F77318;
    border-bottom: 2px solid #F77318;
    border-right: 2px solid #F77318;
}


.control-label {
    color: white;
}

.dropdown-menu {
    display: none;
}

/* paralax gradient */
.shape-default {
    background: linear-gradient(135deg, #000 0%, #F77318 100%);
}

/* Particles */
canvas {
    display: block;
    vertical-align: bottom;
}

#particles-js {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

/* Taken from login page */

.loginBackground {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loginBackgroundBorder {
    width: calc(100% - 30px);
    height: calc(100% - 50px);
    box-sizing: border-box;
    margin: 0 30px;
    border: 1px solid #F77318;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loginFrameCell {
    position: relative;
    z-index: 9999;
    display: table-cell;
    vertical-align: middle;
}

#loginFrame .form-group label {
    margin: 0 auto;
    width: 100%;
    color: white;
}

#loginFrame .form-group input {
    width: 100%;
}

#loginFrame {
    max-width: 320px;
    margin: 0 auto;
    background: rgb(27, 27, 27);
    background: -webkit-linear-gradient(bottom left, rgba(27, 27, 27, 1) 0%, rgba(39, 39, 39, 1) 100%);
    background: -o-linear-gradient(bottom left, rgba(27, 27, 27, 1) 0%, rgba(39, 39, 39, 1) 100%);
    background: linear-gradient(to top right, rgba(27, 27, 27, 1) 0%, rgba(39, 39, 39, 1) 100%);
}

#loginFrame .bottom {
	padding: 20px 30px;
}

#loginFrame h1 {
    text-align: center;
    color: #fff;
}

#frm-loginForm .form-group label, #frm-lostPasswordForm > div:nth-child(3) > label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: lightgray;
}

.loginCenter {
    text-align: center;
    margin: 0px;
}

.recoverButton {
    margin: 15px 0 10px 0;
}

#frm-loginForm > div.checkbox label {
    color: white;
}

#frm-loginForm > .loginForm-submit {
    margin: 15px 0 15px 0;
    text-align: center;
}

#loginFrame .loginForm input[type=submit], #loginFrame .lostPasswordForm input[type=submit], #loginFrame .registrationForm input[type=submit], #loginFrame .registrationForm-2 input[type=submit] {
    height: 55px;
    width: 180px;
    font-size: 20px;
    color: #000000;
    border: none;
}

#loginFrame .loginForm input[type=submit]:hover, #loginFrame .lostPasswordForm input[type=submit]:hover, #loginFrame .registrationForm input[type=submit]:hover, #loginFrame .registrationForm-2 input[type=submit]:hover {
    background-color: #262626;
}

#frm-lostPasswordForm > div:nth-child(1) > p, #frm-registrationForm > div:nth-child(1) > p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: lightgray;
    margin-bottom: 20px;
}

#loginFrame a {
    color: #F77318;
}

#loginLogo {
    width: 70%;
    padding: 10px 0px 10px 0;
}

#loginLogoContainer {
    text-align: center;
}

#frm-addOrder-urgent {
    margin-right: 10px !important;
}

.loginVersion {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
}

.loginVersion p {
    display: block;
    background-color: rgba(255, 255, 255, .85);
    max-width: 300px;
    padding: 4px;
    margin: 0 auto;
    text-align: center;
}

input#clientIcDph {
    margin-bottom: 0.3575em;
}

.loginBackground .btn {
    background-color: #1b1b1b;
    padding: 0.715em; /* 10px */
}

.alert {
    border-radius: 0em !important;
}

/* Media querries */

@media only screen and (max-width: 600px) {

    .loginBackgroundBorder {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        margin: 0;
        border: none;
    }
}

.separator {
    position: absolute;
    z-index: 1;
    top: auto;
    right: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 150px;

    transform: translateZ(0);
    pointer-events: none;
}

.separator svg {
    position: absolute;

    pointer-events: none;
}

.separator-bottom {
    top: auto;
    bottom: 0;
}

.separator-bottom svg {
    bottom: 0;
}

.fill-26 {
    fill: #262626;
}

/*SCROLLBAR*/

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #292929;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #f5f5f5;
}

.dropdownSelect-elements::-webkit-scrollbar {
    height: 2px;
}

::-webkit-scrollbar-thumb {
    background-color: #F77318;
}

.col-status .dropdown-menu {
    top: 34px !important;
    left: -77px !important;
}

/*LICENCE LAYOUT*/

.lic-drop {
    text-align: center;
    color: white;
}

.lic1 {
    background-color: #39cccc;
}

.lic2 {
    background-color: #cc811a;
}

.lic3 {
    /*background-color: #d35757;*/
}

/*TEXT COLOR*/

.txt-white {
    color: white !important;
}

.txt-h-white {
    color: white !important;
}

.txt-h-white:hover {
    color: #F77318 !important;
}


.fa-remove:before, .fa-close:before, .fa-times:before {
    color: #ff6461;
}

.fa-calendar:before {
    color: white;
}

#list-calendar .fc-view-container {
    margin-top: 21px !important;
}

#list-calendar .fc-center h2 {
    font-size: 26px !important;
    font-weight: 400 !important;
}

.reset-filter {
    margin-right: 15px;
}

.breadcrumb {
    padding: 0.715em 0.715em 0.625em 0.715em !important; /* 10px 10px 0px 10px */
    margin: 0em !important;
    background: transparent !important;
    color: #FFF;
    font-size: 1em !important; /* 16px */
    display: flex;
    width: 100%;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.breadcrumb .active {
    color: #F77318 !important;
}

.home-collapse {
    width: 100%;
    padding: 20px;
    background: linear-gradient(to bottom, #555 1%, #333 4%, #1a1a1a 98%, #000 100%);
    cursor: pointer;
}

.home-collapse h5 {
    margin: 0;
}

.home-collapse h5:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-weight: 900;
    font-size: 1em;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}

.home-collapse.collapsed h5:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.home-collapse h5:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.min-160 {
    min-width: 160px;
}

/* email */
#emailMessage #message {
    height: 65%;
}

#carsEmail #message {
    height: 80%;
}

.notice-table {
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
    font-size: 12px;
    padding: 2px 5px 2px 5px;
    color: #2d2d2d;
}

.notice-table.orange {
    background: #F8B500;
}

.notice-table.green {
    background: #F77318;
}

.notice-table.red {
    background: #FF4A55;
}

.event-info {
    background-color: DodgerBlue !important;
    border-color: DodgerBlue !important;
}

.event-info .fc-title::before {
    content: "\f05a";
    font-family: 'FontAwesome';
    margin-right: 3px;
}

.event-info td a::before {
    content: "\f05a";
    font-family: 'FontAwesome';
    margin-right: 3px;
}

.event-orderReceipt {
    background-color: DodgerBlue !important;
    border-color: DodgerBlue !important;
}

.event-orderReceipt .fc-title::before {
    content: "\0058";
    font-family: 'Glyphter';
    margin-right: 3px;
}

.event-orderReceipt td a::before {
    content: "\0058";
    font-family: 'Glyphter';
    margin-right: 3px;
}

.event-priority .fc-title::before {
    content: "\f12a";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 3px;
}

.event-priority td a::before {
    content: "\f12a";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 3px;
}

span.event-priority::before {
    content: "\f12a";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 3px;
}

.event-oil .fc-title::before {
    content: "\f613";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 3px;
}

.event-oil td a::before {
    content: "\f613";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 3px;
}

span.event-oil::before {
    content: "\f613";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 3px;
}

.event-check .fc-title::before {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 3px;
}

.event-check td a::before {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 3px;
}

span.event-check::before {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 3px;
}

.event-holiday .fc-title::before {
    content: "\f185";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 3px;
}

.event-holiday td a::before {
    content: "\f185";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 3px;
}

span.event-holiday::before {
    content: "\f185";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 3px;
}

.open-delete-event {
    left: 24px;
}

.label-receipt {
    padding: 4px 9px 4px 9px;
    font-size: 12px;
    background-color: #6595DB;
    border-radius: 12px;
}

.notifStkEk::before {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 3px;
}

.notifOilChange::before {
    content: "\f613";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 3px;
}

/* DASHBOARD CARS*/

.dashboard-head {
    background: #242424;
    padding-top: .938rem;
    padding-bottom: .938rem;
}

.dashboard-head h3 {
    margin: 0;
}

.dashboard-body {
    background: #1f1f1f;
    padding-top: 2rem;
    padding-bottom: .625rem;
}

.dashboard-body-scroll {
	max-height: 500px;
	overflow-y: auto;
}

.dashboard-count {
    background: linear-gradient(128deg, rgba(31, 31, 31, 0) 20%, #F77318 104%);
    width: 85%;
    margin: 0 auto;
    margin-bottom: 27px;
}

.dashboard-count-text {
    position: relative;
    text-align: left;
    float: left;
    width: 75%;
    left: 22%;
    margin-top: 43px;
}

.dashboard-count-text span {
    font-size: 28px;
    font-weight: lighter;
}

.dashboard-count-int {
    background: #2a2a2a;
    text-align: center;
    float: right;
    width: 25%;
}

.dashboard-count-int span {
    font-size: 80px;
    font-weight: lighter;
}

.dashboard-progres {
    width: 70%;
    margin: 0 auto;
    padding-bottom: 23px;
}

.dashboard-progres .progress {
    background-color: #383838 !important;
    border-radius: 10px;
}

.dashboard-progres .progress-bar {
    width: 0;
    background-color: #F77318 !important;
    color: #ffffff !important;
}

/* Dashboard Table */
.table.table-dashboard {
	width: 100%;
}

.table.table-dashboard thead th {
	height: 0;
	line-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	color: transparent;
	border: none;
	white-space: nowrap;
	border-bottom-color: #4f4f4f;
}

.table.table-dashboard thead th div {
	position: absolute;
	background: transparent;
	color: #fff;
	padding: 9px 25px;
	top: 0;
	margin-left: -25px;
	line-height: normal;
}

.table.table-dashboard tbody td {
	border-top-color: #4f4f4f;
}

.table.table-dashboard tbody td a {
	color: white;
}

.label-waiting {
	background: linear-gradient(89deg, #c875e8 0, #dd6883 100%);
}

.label-todo {
	background: linear-gradient(89deg, #feb143 0, #fe9279 100%);
}

.label-working {
	background: linear-gradient(89deg, #8a92cc 0, #66aef7 100%);
}

.label-block {
	background: linear-gradient(89deg, #ED213A 0, #93291E 100%);
}

.label-done {
	background: linear-gradient(89deg, #75d2a8 0, #78d2ea 100%);
}

.grid-table-dashboard {
	position: relative;
	padding-top: 37px;
	background: #1f1f1f;
	width:100%;
}

.grid-table {
	overflow-y: auto;
	max-height: 496px;
}

.dashboard-select {
	position: absolute;
	width: 250px;
	left: 30px;
}

.dashboard-select .fa-spinner {
	display: none;
	position: absolute;
	right: 20px;
	top: 11px;
}

/* Homepage news */

.news-container {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.news {
    position: relative;
    background: #2b2b2b;
    padding: 10px 10px 1px 10px !important;
    margin-bottom: 20px;
}

.news-header h4 {
    margin: 0px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #4a4a4a;
}

.news-button {
    display: block;
    padding-bottom: 5px;
    text-align: center;
    padding-top: 5px;
    background: #F4972A;
    color: #1b1b1b;
    margin-bottom: 13px;
}

.news-button:hover,
.news-button:focus {
    transition: 0.5s;
    background: #1b1b1b;
    color: #F4972A;
}

.news-date {
    color: #008AE0;
}

.news-notif {
    position: absolute;
    top: -14px;
    right: -13px;
    background: #dc5f5d;
    padding: 5px 8px 5px 8px;
    border-radius: 50%;
}

.news-notif .fa {
    font-size: 18px;
}

.nav-lic1 {
    background: linear-gradient(128deg, rgba(31, 31, 31, 0) 85%, #F77318 104%);
    padding: 5px 15px;
}

.nav-lic2 {
    background: linear-gradient(128deg, rgba(31, 31, 31, 0) 85%, rgb(204, 129, 26) 104%);
    padding: 5px 15px;
}

.nav-lic3 {
    background: linear-gradient(128deg, rgba(31, 31, 31, 0) 85%, rgb(211, 87, 87) 104%);
    padding: 5px 15px;
}

.carEv {
    text-transform: uppercase;
}

/*Right triangle, placed bottom right side slightly in*/
.talk-bubble {
    position: fixed;
    overflow: hidden;
    width: 400px;
    height: 100px;
    background: linear-gradient(to right, #F77318 0%, #F77318 100%);;
    color: white;
    bottom: 100px;
    right: -400px;
    animation: bubbleIn .5s ease-in-out 0s forwards;
    -moz-animation: bubbleIn .5s ease-in-out 0s forwards; /* Firefox */
    -webkit-animation: bubbleIn .5s ease-in-out 0s forwards; /* Safari and Chrome */
    z-index: 3;
}

.talk-bubble .talkclose {
    position: absolute;
    top: -5px;
    left: 5px;
    color: #EA6848 !important;
    text-shadow: none !important;
    outline: none;
    cursor: pointer;
    font-weight: 400;
    font-size: 25px;
}

.talk-bubble.out {
    animation: bubbleOut .5s ease-in-out 0s forwards;
    -moz-animation: bubbleOut .5s ease-in-out 0s forwards; /* Firefox */
    -webkit-animation: bubbleOut .5s ease-in-out 0s forwards; /* Safari and Chrome */
}

.talk-bubble.out:hover {
    animation: bubbleHover .5s ease-in-out 0s forwards;
    -moz-animation: bubbleHover .5s ease-in-out 0s forwards; /* Firefox */
    -webkit-animation: bubbleHover .5s ease-in-out 0s forwards; /* Safari and Chrome */
}

@keyframes bubbleIn {
    from {
        right: -400px;
    }
    to {
        right: 0px;
    }
}

@-moz-keyframes bubbleIn {
    from {
        right: -400px;
    }
    to {
        right: 0px;
    }
}

@-webkit-keyframes bubbleIn {
    from {
        right: -400px;
    }
    to {
        right: 0px;
    }
}

@keyframes bubbleOut {
    from {
        right: 0px;
    }
    to {
        right: -320px;
    }
}

@-moz-keyframes bubbleOut {
    from {
        right: 0px;
    }
    to {
        right: -320px;
    }
}

@-webkit-keyframes bubbleOut {
    from {
        right: 0px;
    }
    to {
        right: -320px;
    }
}

@keyframes bubbleHover {
    from {
        right: -320px;
    }
    to {
        right: 0px;
    }
}

@-moz-keyframes bubbleHover {
    from {
        right: -320px;
    }
    to {
        right: 0px;
    }
}

@-webkit-keyframes bubbleHover {
    from {
        right: -320px;
    }
    to {
        right: 0px;
    }
}

.talk-bubble .talktext {
    display: inline-block;
    padding: 10px;
    margin-left: 80px;
}

.talk-bubble .talktext p {
    margin-bottom: 0;
}

.talk-bubble .talktext a {
    position: absolute;
    padding: 5px;
    width: 75%;
    bottom: 0;
}

.talk-bubble .talkicon {
    position: absolute;
    top: 75px;
    left: 40px;
}

.talk-bubble .talkicon i {
    position: absolute;
    font-size: 30px;
    left: 50%;
    transform: translate(-50%, -110%);
}

.navbar .navbar-toggler.nt-bg {
    background: #212121;
    width: 48px;
    height: 30px;
    border: 1px solid #F77318;
}

.navbar .navbar-toggler.nt-bg .burger-lines {
    background: #F77318;
}

.datagrid .btn-sm.active {
    background: #fff !important;
    color: #313131 !important;
    border: 1px solid #313131 !important;
}

.cursor-auto {
    cursor: auto !important;
}

.navbar-nav .plr-15 {
    padding: 10px 1.5rem;
}

.hor-mi {
    padding: .1rem 1rem;
}

.hor-mi a {
    font-size: 1.2em;
}

.sidebar .hor-mi a {
    color: #1DC7EA !important;
    font-size: 1.2em !important;
}

/*::-webkit-datetime-edit { }*/
::-webkit-datetime-edit-fields-wrapper {
    background: none;
}

::-webkit-datetime-edit-text {
    padding: 0 0.3em;
}

/*::-webkit-datetime-edit-month-field {  }*/
/*::-webkit-datetime-edit-day-field { }*/
/*::-webkit-datetime-edit-year-field {  }*/
::-webkit-inner-spin-button {
    display: none;
}

::-webkit- {
    display: none;
}

::-webkit-calendar-picker-indicator {
    background: transparent;
}

.datagrid .table-striped > tbody > tr:hover td.col-status i {
    color: #1f1f1f !important;
}

/* Licence */

.pricing-licence {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #ffffff0f;
}

.pricing-licence-body {
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
}

.pricing-plan-green:before {
    background-image: linear-gradient(90deg, #bede2f 0%, #30c85f 100%);
}

.pricing-plan-blue:before {
    background-image: linear-gradient(90deg, #29c4cf 0%, #3a7bd5 100%);
}

.pricing-plan-violet:before {
    background-image: linear-gradient(90deg, #3e6dcc 0%, #9014e8 100%);
}

.pricing-licence:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
}

.fa-information {
    background: #ffffff0f;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding-top: 8px;
    padding-left: 1px;
    cursor: pointer;
}

.table-licence-green {
    background-image: linear-gradient(90deg, #bede2f 0%, #30c85f 100%) !important;
    padding: 8px !important;
}

.table-licence-blue {
    background-image: linear-gradient(90deg, #29c4cf 0%, #3a7bd5 100%) !important;
    padding: 8px !important;
}

.table-licence-violet {
    background-image: linear-gradient(90deg, #3e6dcc 0%, #9014e8 100%) !important;
    padding: 8px !important;
}

.datagrid .table-striped > tbody > tr.row-item-detail:hover {
    background-image: none !important;
    background-color: inherit !important;
}

.navbar .navbar-nav .notification.appointment {
    top: 0px;
    left: -4px;
}

.workplace.btn-sm {
    padding: 8px 13px !important;
    background: #313131 !important;
    border: 1px solid #F77318 !important;
    color: #F77318 !important;
    font-size: 17px !important;
}

.workplace.btn-sm:hover,
.workplace.btn-sm:focus {
    transition: 0.3s !important;
    background: #ffffff !important;
    border: 1px solid #313131 !important;
    color: #313131 !important;
}

.workplace.btn-sm.active {
    background: #fff !important;
    color: #313131 !important;
    border: 1px solid #313131 !important;
}

.iam {
    background: url("../../images/admin/red-polygon.png") no-repeat;
    background-position: right;
}

.table-row-accepted {
    background: url("../../images/admin/table-hover.png") no-repeat;
    background-position: right;
}

.notActivated {
    opacity: .5;
}

.red-control {
    border-color: #FF4A55 !important;
}

.datagrid table tbody tr .datagrid-inline-edit .form-control {
    height: 37px !important;
}

/*FIX IT*/

.rounded-img {
    border-radius: 100%;
    height: 100px;
    width: 100px;
    border: 2px solid #F77318;
}

.rounded-img:hover ~ .select-rounded-img {
    display: block;
}

.select-rounded-img:hover {
    display: block;
    color: #1DC7EA;
}


.select-rounded-img {
    display: none;
    position: absolute;
    border-bottom-left-radius: 180px;
    border-bottom-right-radius: 180px;
    height: 80px;
    text-align: center;
    background: linear-gradient(transparent, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .6) 100%);
    top: 100px;
    left: 50%;
    width: 166px;
    transform: translateX(-50%);
    padding: 20px;
    color: white;
    border: 0;
    cursor: pointer;
}

.select-rounded-img:focus {
    outline: 0;
}

.cube-img {
    width: 100%;
    height: 100%;
    border: 2px solid #F77318;
}

.select-cube-img {
    display: none;
    position: absolute;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, .6);
    top: 100%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -100%);
    padding: 20px;
}

.select-cube-parent:hover .select-cube-img {
    display: block;
}

.select-cube-img a,
.select-cube-img button {
    color: white;
    border: 0;
    cursor: pointer;
    background-color: initial;
}

.select-cube-img a:hover,
.select-cube-img button:hover {
    color: #1DC7EA;
}

.select-cube-img button:focus {
    outline: 0;
}

.cube-img:hover ~ .select-cube-img {
    display: block;
}

.select-cube-img:hover {
    display: block;
}

.new-cube-img {
    position: absolute;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    border: 0;
    cursor: pointer;
    color: white;
}

.new-cube-img button:hover {
    color: #1DC7EA;
}

.new-cube-img button:focus {
    outline: 0;
}

.pe-none {
    pointer-events: none;
}

.selectedToChange {
    outline: #F77318 solid 10px;
}

/* SERVICE TYPES */
.st .nav {
    display: block;
}

.st .badge {
    background-color: #777;
}

.st .tabs-left {
    margin-top: 3rem;
}

.st .nav-tabs {
    float: left;
    border: 0;
}

.st .nav-tabs li {
    float: none;
    margin: 0;
    padding: 15px;
    background-color: #1f1f1f;
    border-left: 1px solid #F77318;
    border-right: 1px solid #F77318;
}

.st .nav-tabs li:first-child {
    border-top: 1px solid #F77318;
}

.st .nav-tabs li:last-child {
    border-bottom: 1px solid #F77318;
}

.st .nav-tabs li a {
    position: relative;
    margin-right: 0;
    border: 0;
    border-radius: 0;
    color: white;
    padding: 15px;
}

.st .nav-tabs li:hover {
    background-color: #404040;
}

.st .nav-tabs li a.active:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 67px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #F77318;
}

.st .tab-content {
    margin-left: 45px;
}

.st .tab-content .tab-pane {
    display: none;
    background-color: #1f1f1f;
    overflow-y: auto;
    border-top: 1px solid #F77318;
    border-right: 1px solid #F77318;
    border-bottom: 1px solid #F77318;
    height: 386px;
    width: 300px;
}

.st .tab-content .tab-pane h3 {
    padding: 1.6rem;
}

.st .tab-content .active {
    display: block;
}

.st .list-group {
    width: 100%;
}

.st .list-group .list-group-item {
    background-color: inherit;
    border: 0;
    cursor: pointer;
}

.st .list-group .list-group-item:hover {
    background-color: #404040;
}

.st .list-group .list-group-item h4, .st .list-group .list-group-item span {
    line-height: 11px;
}

/*FIX ME-RATE*/
.star-ratings {
    unicode-bidi: bidi-override;
    color: #c5c5c5;
    font-size: 50px;
    width: 200px;
    margin: 0 auto;
    position: relative;
    padding: 0;
    cursor: pointer;
}

.star-ratings-top {
    color: #39ba93;
    text-shadow: 0 0 5px #39ba93;
    padding: 0;
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    left: 0;
    overflow: hidden;
}

.star-ratings-bottom {
    padding: 0;
    display: block;
    z-index: 0;
}

.star-ratings-text {
    font-size: 20px;
    color: #c5c5c5;
    margin-left: 17px;
}

.star-ratings-text h1 {
    display: inline;
    font-size: 52px;
}

.stars {
    display: inline-block;
    width: auto;
    position: relative;
    font-size: 50px;
    margin: 5px;
}

.stars:BEFORE {
    content: "★★★★★";
    position: absolute;
    overflow: hidden;
    z-index: 1;
    left: 0px;
    top: 0px;
    color: #39ba93;
    text-shadow: 0 0 5px #39ba93;
}

.stars:AFTER {
    content: "★★★★★";
    position: relative;
    color: #c5c5c5;
}

.stars.rate:before {
    position: absolute;
    left: 0px;
    width: 0px;
}

.stars.rate:AFTER {
    position: absolute;
    left: 0px;
}

.stars.rate > A {
    color: transparent;
    text-decoration: none;
    position: relative;
    z-index: 2;
}

.stars.rate:HOVER:BEFORE,
.stars.rate:HOVER:AFTER {
    display: none;
}

.stars.rate:HOVER > A {
    color: #39ba93;
    text-shadow: 0 0 5px #39ba93;
}

.stars.rate:HOVER > A:HOVER {
    color: #39ba93;
    text-shadow: 0 0 5px #39ba93;
    top: -1px;
}

.stars.rate > A:HOVER ~ A {
    color: #c5c5c5;
    text-shadow: none;
}


/*Zákazky*/
.mapa {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

/*FIX ME PROFILE*/
.panel-profile {
    position: relative;
}

.profile-left {
    padding: 0;
    background-color: #262626;
}

.profile-right {
    padding: 20px 25px;
}

.profile-right .heading {
    margin-top: 0;
}


.profile-header {
    position: relative;
    text-align: center;
    color: #fff;
}

.profile-header .overlay {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

.profile-header .profile-main {
    position: relative;
    padding: 20px;
    background-image: url("../../assets/img/profile-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.profile-header .name {
    margin: 8px 0 0 0;
    font-size: 22px;
}

.profile-header .online-status {
    font-size: 13px;
    position: relative;
    top: -2px;
}

.profile-header .online-status:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    content: '';
    width: 8px;
    height: 8px;
    margin-right: 3px;
}

.profile-header .online-status.status-available:before {
    background-color: #41B314;
}

.profile-header .profile-stat {
    position: relative;
    background-image: linear-gradient(to right, #F77318 0%, #F77318 100%);
}

.profile-header .profile-stat .stat-item {
    padding: 20px;
    position: relative;
}

.profile-header .profile-stat .stat-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
}

.profile-header .profile-stat .stat-item:last-child:after {
    display: none;
}

.profile-header .profile-stat .stat-item span {
    display: block;
}

@media screen and (max-width: 1023px) {
    .profile-header .profile-stat .stat-item:after {
        display: none;
    }
}

.stock-profile-box {
	margin-left: 0px;
	margin-right: 0px;
}

.stock-profile-box .profile-right {
	background: #262626;
	border-left: 2px dashed #7a7a7a69;
	padding-bottom: 0px;
}

.stock-profile-box .profile-info {
	margin-top: 20px;
	margin-bottom: 0px;
}

.stock-profile-box .profile-detail {
	padding-bottom: 15px;
}

.stock-profile-box .profile-right .heading {
	border-bottom: 2px solid #7a7a7a69;
}

.profile-detail {
    padding-bottom: 30px;
}

.profile-info {
    padding: 0 20px;
    margin: 40px 0;
}

.profile-info .heading {
    margin: 0 0 10px 0;
    font-weight: 600;
}

.profile-info ul > li {
    margin-bottom: 8px;
}

.social-icons {
    margin-bottom: 0;
}

.social-icons > li {
    padding: 0 2px 5px 2px;
}

.social-icons > li > a {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    background-color: #4d4d4d;
    color: #fff;
}

.social-icons > li > a i {
    font-size: 18px;
}

.social-icons > li > a:hover, .social-icons > li > a:focus {
    background-color: #404040;
}

.profile-right .heading {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
}

.awards {
    margin-bottom: 50px;
}

.awards div[class^="col-"] {
    text-align: center;
}

.award-item {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    text-align: center;
    margin-bottom: 30px;
}

.award-item .hexagon {
    margin: 35px 0;
}

.hexagon {
    width: 100px;
    height: 55px;
    background: #ececec;
    position: relative;
}

.hexagon:before {
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 25px solid #ececec;
}

.hexagon:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 25px solid #ececec;
}

.award-icon {
    font-size: 36px;
    line-height: 1.5em;
}

ul.activity-timeline > li {
    margin-bottom: 45px;
    position: relative;
    z-index: 0;
}

ul.activity-timeline > li .activity-icon {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    float: left;
    width: 34px;
    height: 34px;
    background-color: #00AAFF;
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    margin-right: 10px;
}

ul.activity-timeline > li > p {
    margin-bottom: 0;
    padding-left: 40px;
}

ul.activity-timeline > li .timestamp {
    display: block;
    font-size: .85em;
    color: #a3a3a3;
}

ul.activity-timeline > li:after {
    content: "";
    display: block;
    border-left: 1px solid #eaeaea;
    width: 1px;
    height: 100px;
    position: absolute;
    top: 5px;
    left: 16px;
    z-index: -1;
}

ul.activity-timeline > li:last-child:after {
    display: none;
}

.project-table .progress {
    margin-bottom: 0;
}

.project-table .progress-bar {
    font-size: 10px;
}

.project-table > tbody > tr > td {
    padding: 12px 8px;
}

.project-table > tbody > tr > td .avatar {
    width: 22px;
    border: 1px solid #CCC;
}

.edit-profile-img {
    position: absolute;
    top: 0;
    right: 0;
}

/*FIX ME ORDERS*/
.offer-table thead th {
    border: 0;
}

.offer-table tbody td {
    border-top: 1px solid #484848;
}

@media (min-width: 992px) {
    .modal-lg-main {
        max-width: 896px !important;
    }
}

.offer-sent td:nth-of-type(1),
.offer-sent td:nth-of-type(2) {
    opacity: .2;
}

/*Freelancer FORM*/
.registrationForm #toggle-forms,
.registrationForm-2 #toggle-forms {
    position: absolute;
    top: 132px;
    right: 100px;
    border: 1px solid #3a4a5d;
    border-radius: 20px;
    overflow: hidden;
    z-index: 99
}

.registrationForm #toggle-forms > a,
.registrationForm-2 #toggle-forms > a {
    border: none;
    background: none;
    background-color: #34495e;
    border: 1px solid #22303e;
    color: #FFF;
    float: left;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    padding: 2px 10px;
    cursor: pointer;
}

.registrationForm #toggle-forms > a:first-of-type,
.registrationForm-2 #toggle-forms > a:first-of-type {
    border-right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.registrationForm #toggle-forms > a.active,
.registrationForm-2 #toggle-forms > a.active {
    background-color: #F77318;
}

.order-card-title {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #2b2b2b;
}

.order-card-title p {
    font-weight: bold;
    font-size: 20px;
}

.order-card-body {
    padding-bottom: 20px;
    background: #2b2b2b;
}

.ribbon {
    font-size: 14px;
    position: relative;
    display: inline-block;
    background: #FFD72A;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 20px;
}

.order-card-list {
    font-weight: bold;
    margin-bottom: 15px;
}

.order-card .order-card-list:nth-child(1) {
    margin-top: 20px;
}

.order-card-list .col-md-6:nth-child(1) {
    text-align: right;
}

.order-card-list .col-md-6:nth-child {
    text-align: left;
}

.item-detail-content p {
    line-height: 36px !important;
}

.strong {
    font-weight: bold;
}

.acceptance-protocol input[type=text], .acceptance-protocol input[type=number], .acceptance-protocol span.form-control {
    display: inline-block;
    white-space: nowrap;
    overflow: auto;
}

.acceptance-protocol .form-control:focus {
    outline: 0 !important;
    color: white;
}

.acceptance-protocol .has-error input.form-control {
    color: #FF4A55;
    border-color: #FF4A55 !important;
}

.custom-checkbox {
    display: none;
}

.custom-checkbox + label {
    font-weight: normal;
    cursor: pointer;
}

.custom-checkbox + label span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: relative;
    border: 1px solid #F77318;
}

.custom-checkbox + label span::before {
    content: "";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    width: 9px;
    height: 9px;
    background-color: #009688;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.custom-checkbox:checked + label span::before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.custom-checkbox:disabled + label {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

.custom-checkbox:disabled + label, .custom-checkbox:disabled + label span {
    cursor: default;
}

select {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border: 0px;
}

/*WORKFLOW*/
.workflow-head {
	margin-top: 2rem;
    background: #242424;
    padding: 25px 0px;
    overflow-x: auto;
}

.workflow-head ul {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.workflow-head ul li {
    display: inline;
	height: 2rem;
}

.workflow-head ul li:hover a {
    background: #F77318;
    cursor: pointer;
}

.workflow-head ul li a.active {
    background: #F77318;
    color: #ffffff;
}

.workflow-head ul li a {
    color: white;
    padding: .7rem;
}

.workflow-head ul li:hover a {
    color: #404040;
}

.workflow-head ul li.active a {
    color: #404040;
}

.workflow-body {
    background: #1f1f1f;
    padding: 20px;
}

.workflow-body .table {
    width: 100%;
    table-layout: fixed;
}

.workflow-body .table .head {
    color: #F77318;
}

.workflow-body .table .body {
    padding: .75rem;
}

/*WORKFLOW STATUS COLORS*/
.w-btn {
    border: 1px solid white;
    color: white;
}

.w-btn.hide {
    display: none;
}

.w-btn:disabled:hover {
    cursor: not-allowed;
    color: white;
}

.w-statusReady.btn-active,
.w-statusReady:disabled.btn-active {
    background: #35C041;
    color: #262626;
    border: 1px solid #35C041;
}

.w-statusReady:focus,
.w-statusReady:hover,
.w-statusReady:disabled:hover {
    background: #2f9b3a;
    color: #262626;
}

.w-statusInProgress.btn-active,
.w-statusInProgress:disabled.btn-active {
    background: #F2B134;
    color: #262626;
    border: 1px solid #F2B134;
}

.w-statusInProgress:focus,
.w-statusInProgress:hover,
.w-statusInProgress:disabled:hover {
    background: #cd952e;
    color: #262626;
}

.w-statusWait.btn-active,
.w-statusWait:disabled.btn-active {
    background: #5CAEFF;
    color: #262626;
    border: 1px solid #5CAEFF;
}

.w-statusWait:focus,
.w-statusWait:hover,
.w-statusWait:disabled:hover {
    background: #5CAEFF;
    color: #262626;
}

/* LABELS */
.m-label {
    padding: 5px;
    font-size: 10px;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
}

.m-label-warning {
    background: orange !important;
}

.m-label-info {
    background: #0c6be4 !important;
}

/*
.minimalize-btn {
    cursor: pointer;
}

.minimalize-btn:hover .far:before,
.minimalize-btn:focus .far:before {
    transition: 0.4s;
    color: #f4972a;
}

.minimalize-btn .far:before {
    font-size: 25px;
}

.sidebar.minimalize {
    width: 60px;
    transition: all, 0.5s;
    overflow-x: hidden;
}

.sidebar.maximalize {
    width: 260px;
    transition: all, 0.5s;
}

.main-panel.minimalize {
    width: calc(100% - 60px);
    transition: all, 0.5s;
}

.main-panel.maximalize {
    width: calc(100% - 260px);
    transition: all, 0.5s;
}*/
.stockImage {
    background-color: #262626;
}

.stockImage h1 {
    position: absolute;
    margin: 0px;
    font-size: 9em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #F77318;
    display: inline-table;
}

.stockImageInput {
    position: absolute;
    bottom: 0;
    left: 0;
}

.stockDealers-table .form-group {
	margin-bottom: 0px;
}

.stockDealers-table td {
	border-top: 0px;
}

.stockDealers-table thead tr th {
	border-top: 0px;
	border-bottom: 1px solid #7a7a7a;
}

.stockDealers-table thead tr th label{
	margin-bottom: 0px;
}

.awards.left div {
    text-align: left;
}

.label-success {
    background-color: #5cb85c;
}

.label-low {
    background-color: #5cb85c;
}

.label-med {
    background-color: #cd952e;
}

.label-high {
    background-color: #FF4A55;
}

.label-primary {
    background-color: #1a9aef;
}

.ui-autocomplete {
    z-index: 9999 !important;
}

.btn-dealers {
    position: relative;
    top: 50%;
}

.form-control {
    overflow: auto;
}

/* BG gradient*/
.chart-box {
    position: relative;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    border-width: 0;
    transition: all .2s;
}

.chart-text {
    display: flex;
}

.chart-text .chart-box-header.right-position {
    margin-left: auto;
}

.chart-box.mini canvas {
    padding-right: 10px;
}

.chart-box-header {
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
}

.chart-box-header .ch-h {
    opacity: .8;
    font-weight: bold;
}

.chart-box-header .ch-p {
    opacity: .5;
}

.chart-box-header p {
    font-size: 26px;
}

.chart-box-header .fas.green {
    color: #08d47c !important;
}

.chart-box-header .fas.red {
    color: #e25a5a !important;
}

.chart-box.mb-3 {
    margin-bottom: 30px !important;
}

.widget-content {
    padding: 1rem;
    flex-direction: row;
    align-items: center;
}

.widget-content .widget-content-wrapper {
    display: flex;
    flex: 1;
    position: relative;
    align-items: center;
}

.widget-content .widget-content-left .widget-heading {
    opacity: .8;
    font-weight: bold;
}

.widget-content .widget-content-left .widget-subheading {
    opacity: .5;
}

.widget-content .widget-content-right {
    margin-left: auto;
}

.widget-content .widget-numbers {
    font-weight: bold;
    font-size: 1.8rem;
    display: block;
}

/* Chart js preloader */
.loader-chartjs {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.donut {
    width: 2rem;
    height: 2rem;
    margin: 2rem;
    border-radius: 50%;
    border: 0.3rem solid rgba(151, 159, 208, 0.3);
    border-top-color: #979fd0;
    animation: 1.5s spinLoad infinite linear;
}

@keyframes spinLoad {
    to {
        transform: rotate(360deg);
    }
}

.donut.multi {
    border-bottom-color: #979fd0;
}

.bg-midnight-bloom {
    background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%) !important;
}

.bg-arielle-smile {
    background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%) !important;
}

.bg-grow-early {
    background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%) !important;
}

.bg-grow-early-2 {
	background-image: linear-gradient(to right, #F77318 0%, #F77318 100%) !important;
}

.page-header .btn {
    height: 2.25rem;
}

.page-header h1 .btn {
    transform: translateY(90%);
}

.pt-5px {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.mr-10 {
    margin-right: 10px;
}

input.filled {
    background-color: #F77318;
}

.fc-left {
    margin-bottom: 5px;
}

/* SHOW HISTORY CARS */
.cars-list-info {
    padding-left: 0px;
}

.cars-list-info li{
    list-style: none;
    margin-bottom: 10px;
}

#snippet-showCarsHistoryDatagrid-tbody .row-item-detail,
#snippet-historyOrdersDatagrid-tbody .row-item-detail {
    background-color: #2a2a2a !important;
}


.pro {
    position: relative;
    border-image-source: linear-gradient(45deg, #BF953F, #F77318);
    border-image-slice: 1;
}

.pro:hover {
    border-image-slice: 0;
}

.pro::before {
    content: "pro";
    font-family: 'protosFont';
    position: absolute;
    top: 1px;
    right: 1px;
    font-size: 11px;
}

.planned-header {
    margin-bottom: 0px;
}

.plannedEvents {
    max-height: 445px;
    overflow: auto;
}

.plannedEvents-element, .freeApps-element {
    margin: 10px 0px 10px 0px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.plannedEvents-element.default {
    background-color: #434343;
}

.plannedEvents-element.inProgress {
    background-color: rgb(0, 76, 57);
}

.plannedEvents-element.done {
    background-color: rgb(72, 178, 128);
}

.plannerOrderItems {
    border-right: 1px solid #F77318;
}

.edit-plannerOrderItems-element .col-md-6 {
    margin: 10px 0px;
}

.plannerOrderItems-element .planner-text {
    white-space: nowrap;
}

.plannerOrderItems-element::-webkit-scrollbar {
    width: 5px;
}

.planner-check-box {
    position: relative;
}

.planner-check-box .fas.fa-check {
    position: absolute;
    top: 15px;
    left: 2px;
}

.borderRight {
    border-right: 1px solid #F77318;
}

.borderBottom {
    border-bottom: 1px solid #F77318;
}

.borderLeft {
    border-left: 1px solid #F77318;
}

.freeApps .freeApps-element {
    background-color: #434343;
}

.select-set-stock-category {
    width: 20%;
}

.btn-notice {
    position: relative;
}

.btn-notice .notice-btn-red{
    position: absolute;
    background-color: #FB404B;
    text-align: center;
    border-radius: 50%;
    min-width: 25px;
    padding: 4px 5px;
    height: 25px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 18px;
    top: -12px;
    right: -11px;
}

/* Stock order */
.stock-order-table th,
.stock-order-table td {
    border-top: 1px solid #919191;
}

.order-stock-item-row td,
.order-stock-item-row th {
    line-height: 39px;
}

.order-stock-item-row input.short {
    width: 150px;
}

.dealer-form-group {
    position: relative;
}

.dealer-form-group .fa-pulse {
    position: absolute;
    display: none;
    right: 20px;
    top: 45px;
}

.remove-item {
    background-color: rgba(255, 120, 120, 0.80);
}

.stock-select-item {
    position: relative;
}

.stock-select-item .fa-pulse {
    display: none;
    position: absolute;
    z-index: 9;
    top: 24px;
    right: 54px;

}

/* SELECT2 */
.dynamic-select {
    width: 240px;
}

.select2-dropdown {
    background: #333333 !important;
    border-radius: 0px !important;
	border: 1px solid #474747 !important;
}

.select2-container *:focus {
    outline: none !important;
}

.select2-container--default .select2-selection--single{
    background-color: #333333 !important;
    border: none !important;
    border-bottom: 2px solid #F77318 !important;
    color: white !important;
    padding: 8px 12px !important;
    height: 2.25rem !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.select-2.required + .select2-container--default .select2-selection--single {
    border-bottom: 2px solid !important;
    border-image-source: linear-gradient(45deg, #FF4A55, #F77318) !important;
    border-image-slice: 1 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white !important;
    padding-left: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #F77318 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
    background: #333333;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none !important;
    color: white !important;
    background: #4e4d4d !important;
    border-bottom: 2px solid #F77318 !important;
}

/* FULL TEXT SEARCH */

.full-text-input {
    position: relative;
	width: 260px;
}

.full-text-input button {
    background-image: linear-gradient(to right, #F77318 0%, #F77318 100%);
    color: white;
    border: none;
    position: absolute;
	top: .125rem;
	right: .125rem;
	width: 1.875rem;
	height: 1.875rem;
}

.full-text-input-results {
    position: absolute;
    display: none;
    z-index: 99;
    width: 100%;
    max-height: 333px;
    overflow-y: auto;
    top: 42px;
    background: #2a2a2a;
    border: 2px solid #373737;
    padding: 5px;
    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 35%);
}

.full-text-item {
	position: relative;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
	height: 59px;
}

.full-text-item:hover,
.full-text-item:active {
    background: rgba(255, 255, 255, 0.13);
    opacity: 1;
}

.full-text-item i {
    color: #F77318;
    vertical-align: middle;
    float: left;
    font-size: 22px;
    margin-right: 10px;
}

.full-text-item i:before {
    font-weight: bold;
}

.full-text-item p {
    color: white;
    margin-bottom: 0px;
}

.full-text-item small {
    color: #cacaca;
}

.full-text-item span {
    color: #cacaca;
    margin-left: 27px;
}

.full-text-item-action {
	position: absolute;
	top: 1px;
	right: 0px;
}

.full-text-item-action .tooltip {
	z-index: 99999 !important;
}

.full-text-item-action .btn-sm {
	color: #2a2a2a !important;
	margin: 0px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.full-text-item-action a:first-child {
	margin-bottom: 1px !important;
}

.full-text-item-action a span {
	margin-left: 3px;
}

.full-text-item-action a span:before {
	color: #2a2a2a !important;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	transform: translateY(0px);
}

.more-car-info {
    display: none;
}

.more-info-box {
    margin-top: -15px !important;
}

.orderReceiptType {
    width: 100%;
}

.orderReceiptType:hover, .orderReceiptType:active, .orderReceiptType:focus {
    color: antiquewhite;
}

.orderReceiptType-1-0 {
    background: linear-gradient(89deg, #c875e8 0, #dd6883 100%);
    color: white;
}

.orderReceiptType-1-1 {
    background: linear-gradient(89deg, #feb143 0, #fe9279 100%);
    color: white;
}

.orderReceiptType-1-2 {
    background: linear-gradient(89deg, #8a92cc 0, #66aef7 100%);
    color: white;
}

.orderReceiptType-1-3 {
    background: linear-gradient(89deg, #ED213A 0, #93291E 100%);
    color: white;
}

.orderReceiptType-1-4 {
    background: linear-gradient(89deg, #75d2a8 0, #78d2ea 100%);
    color: white;
}

.copy-body-text {
    cursor: pointer;
    position: relative;
}

.copy-body-text:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f0c5";
    position: absolute;
    right: -20px;
    color: #8e8e8e;
}

.copy-body-text.act-copy:before{
    color: #5fe57d;
    -webkit-animation: pulse 1.5s ease-in;
    -moz-animation: pulse 1.5s ease-in;
    animation: pulse 1.5s ease-in;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(1.35);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(1.7);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(2.05);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(2.4);
        opacity: 0.0;
    }
}

.copy-body-text {
    cursor: pointer;
    position: relative;
}

.copy-body-text:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f0c5";
    position: absolute;
    right: -20px;
    color: #8e8e8e;
}

.copy-body-text.act-copy:before{
    color: #5fe57d;
    -webkit-animation: pulse 1.5s ease-in;
    -moz-animation: pulse 1.5s ease-in;
    animation: pulse 1.5s ease-in;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(1.35);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(1.7);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(2.05);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(2.4);
        opacity: 0.0;
    }
}

.hamburger.hamburger__transform-in-x.contact-show-navbar.pull-right{
    display: none;
}
#datagrid-stockItemsDatagrid-row-filters{
    padding-top: 17px;
    margin-top: 65px;
}

.template-table{
    color: #F77318;
}
.table .smsTemplates{
    border: none;
}
#snippet--pegasScriptAfterSnippet {
    width: 100%;
}

.datetimepicker {
    border-radius: 0px !important;
}

.datetimepicker.dropdown-menu{
    visibility: visible;
    background: #2a2a2a;
    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 19%);
    opacity: 1;
    color: white;
    border: 2px solid #373737;
    border-radius: 0px;
}

.datetimepicker td,
.datetimepicker th {
    width: 36px !important;
    height: 30px !important;
}

.datetimepicker thead tr:first-child th:hover,
.datetimepicker table span:hover,
.datetimepicker tr td.day:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active.active{
    background: #F77318 !important;
    cursor: pointer;
    border-radius: 0px;
    color: white;
}

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu {
    width: 263.92px;
}

.datetimepicker thead th.prev:before{
    content: "<";
}

.datetimepicker thead th.next:before{
    content: ">";
}

.datetimepicker thead th.prev,
.datetimepicker thead th.next {
    background: #F77318;
    color: white;
    border-radius: 0px;
}

.datetimepicker th.today:hover {
    background: #F77318;
    color: white;
    border-radius: 0px;
}

.datetimepicker-dropdown-bottom-right:before {
    z-index: 100000;
    border-bottom: 7px solid #333333 !important;
}

.datetimepicker-months .table-condensed,
.datetimepicker-hours .table-condensed,
.datetimepicker-minutes .table-condensed,
.datetimepicker-years .table-condensed
{
    width: 100%;
}

/* TRIALEXA GENERAL TABLE */
.table .table-tr-general {
    background: #2a2a2a;
}

.table .table-tr-general thead th {
    border-bottom: 1px solid #4a4a4a !important;
}

.table .table-tr-general th,
.table .table-tr-general td
{
    border-top: 0px;
    font-weight: 400;
    font-size: 14px;
}

.dashboard-sms-count-text{
    position: relative;
    text-align: left;
    float: left;
    width: 75%;
    left: 15%;
    margin-top: 43px;
}

.dashboard-sms-count-text span {
    font-size: 26px;
    font-weight: lighter;
}

/* ESHOP */
.eshop-navbar {
    background: #2a2a2a;
    border: 2px solid #373737;
    margin-bottom: 33px !important;
    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 19%);
}

.eshop-navbar .form-control {
    width: 120%;
}

.eshop-navbar .navbar-nav {
	margin-right: 10px;
}

.eshop-respo-cart-menu {
	display: none;
}

.eshop-page-title {
    margin-top: 12px;
	margin-left: 12px;
}

.eshop-item-card {
    position: relative;
    background: #2a2a2a;
    border: 2px solid #373737;
    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 19%);
    padding: 12px;
    margin-bottom: 30px;
    width: 100%;
}

.eshop-item-header {
    position: relative;
}

.eshop-item-header .btn-link {
    position: absolute;
    background: #0ba360;
    color: #0a0c0d;
    padding: 5px;
    top: 0px;
    left: 0px;
}

.edit-image-product .btn-link-trash {
    position: absolute;
    background: #e32246;
    color: #0a0c0d;
    padding: 5px;
    top: 0px;
    left: 15px;
}

.edit-image-product img {
    width: 100%;
}

.eshop-item-header img {
    width: 100%;
}

.eshop-item-body h1 {
    font-size: 16px;
    margin-top: 20px;
}

.eshop-item-body h1 a {
    color: white;
    font-weight: 700;
}

.eshop-item-body p {
    font-size: 14px;
    margin-bottom: 0px;
}

.eshop-item-body p a {
    color: white;
}

.eshop-item-price {
    margin-top: 10px;
    margin-bottom: 10px;
}

.eshop-item-price span {
    font-size: 18px;
}

.eshop-item-btn .e-btn-add {
    background-image: linear-gradient(to right, #F77318 0%, #F77318 100%);
    border: none;
    color: white;
    float: right;
}

.eshop-quantity {
    position: relative;
}

.eshop-quantity input[type=number]::-webkit-inner-spin-button,
.eshop-quantity input[type=number]::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}

.eshop-quantity input[type=number]
{
    -moz-appearance: textfield;
}

.eshop-quantity input {
    width: 60px;
    height: 36px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 11px;
}

.eshop-quantity input:focus {
    outline: 0;
}

.quantity-nav {
    float: left;
    position: relative;
    height: 33px;
}

.quantity-button {
    position: relative;
    cursor: pointer;
    width: 20px;
    text-align: center;
    background-image: linear-gradient(to right, #F77318 0%, #F77318 100%);
    color: white;
    font-size: 14px;
    font-weight: 800;
    line-height: 17px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
}

.quantity-button.quantity-down {
    position: absolute;
    bottom: -1px;
    height: 50%;
}

/* Eshop Detail */
.eshop-product-card {
    background: #2a2a2a;
    padding-top: 15px;
    padding-bottom: 15px;
}

.eshop-product-photo .video-primary {
    margin-top: 30px;
}

.eshop-product-info h1 {
    font-size: 26px;
}

.eshop-product-info p {
    font-size: 14px;
}

.eshop-product-photo .photo-primary img {
    width: 100%;
}

.eshop-product-btn .btn-primary-gradient {
    margin-left: 15px;
}

.photo-box {
    width: 100%;
    margin-top: 10px;
}

.photo-box .thumbnail-photo {
    width: 25%;
    float: left;
}

.photo-box .thumbnail-photo img {
    width: 95%;
    margin: 0 auto;
}

.eshop-product-price h1:nth-child(2) {
    font-size: 16px;
}

.row-eshop-category-box {
    margin-bottom: 15px;
}

.row-eshop-box {
    display: flex;
    flex-wrap: wrap;
}

.row-eshop-box > div[class*='col-'] {
    display: flex;
}

.row-eshop-box {
    margin-right: -30px;
}

.aside-eshop-menu {
    padding: 15px;
    background: #2a2a2a;
    margin-right: 20px;
    width: 100%;
    border: 2px solid #373737;
    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 19%);
}

.aside-eshop-menu h1 {
    font-size: 22px;
    display: block;
    margin-top: 0px;
}

.menu-eshop {
    list-style: none;
    padding-left: 0px;
}

.menu-eshop:first-child {
    margin-top: 30px;
}

.menu-eshop > .menu-eshop-item .menu-eshop{
    display: none;
}

.menu-eshop-item {
    position: relative;
}

.menu-eshop-item a {
    color: white;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.menu-eshop-item a i {
    position: absolute;
    right: 10px;
    top: 15px;
}

.menu-eshop-item a.open-menu {
    -webkit-box-shadow: 0 8px 6px -6px rgba(136, 152, 170, 0.19);
    -moz-box-shadow: 0 8px 6px -6px rgba(136, 152, 170, 0.19);
    box-shadow: 0 8px 6px -6px rgba(136, 152, 170, 0.19);
}

.menu-eshop-item a.open-menu i{
    transform: rotate(90deg);
    transition: .1s;
}

.eshop-order-history-detail p {
    font-size: 14px;
}

    /* Kompletizácia objednávky */
.eshop-basket-shop {
    background: #2a2a2a;
    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 19%);
    padding: 15px;
}

.eshop-basket-shop h4 {
    margin-top: 0px;
}

.basket-t-img {
    width: 115px;
}

.basket-t-img img {
    width: 100%;
}

.eshop-total-price span {
    font-weight: 800;
    color: white;
}

.eshop-total-price h5 {
    margin-bottom: 5px;
}

.eshop-total-price p {
    color: #b4b4b4;
}

.eshop-sumary-cart {
    position: absolute;
    display: none;
    z-index: 5;
    right: 0px;
    background: #2a2a2a;
    border: 2px solid #373737;
    box-shadow: 0 0 2rem 0 rgb(136 152 170 / 19%);
    box-shadow: 0px 8px 2rem 0px rgb(72 187 147);
    width: 370px;
    max-height: 270px;
}

.eshop-sumary-header {
    position: relative;
    background: #2a2a2a;
    width: 368px;
    z-index: 2;
    padding: 11px 12px 10px 12px;
    border-bottom: 2px solid orange;
}

.eshop-sumary-header p {
    margin-bottom: 0px;
    display: inline;
}

.eshop-sumary-header span {
    float: right;
    font-weight: bold;
}

.eshop-sumary-header .btn-eshop-trash {
    color: #f25454;
}

.eshop-items-box {
    max-height: 220px;
    overflow: auto;
}

.i-sumary-cart {
    margin-bottom: 15px;
    margin-left: 12px;
    margin-right: 12px;
}

.i-sumary-cart:first-child {
    margin-top: 15px;
}

.i-sumary-cart img {
    float: left;
    padding-right: 10px;
}

.i-sumary-cart-body p {
    font-size: 12px;
}

.fc-showEditModal-button {
    width: auto !important;
}

.i-sumary-cart-footer {
    position: relative;
}

.i-sumary-cart-footer p {
    display: inline-block;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 36px;
}

.i-sumary-cart-footer .btn-eshop-trash {
    position: absolute;
    right: 0px;
    top: 6px;
    color: #f25454;
}

.i-sumary-cart-footer .eshop-quantity {
    width: 58px;
}

.eshop-show-cart-btn {
    position: relative;
}

.eshop-cart-count {
    position: absolute;
    background-color: #FB404B;
    text-align: center;
    top: -8px;
    left: -8px;
    border-radius: 10px;
    min-width: 18px;
    padding: 0 5px;
    height: 18px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 18px;
}

.other-billing-address {
    display: none;
}

.order-eshop-table td {
    border-top: 0px;
}

.order-eshop-table td {
    border-bottom: 1px solid #9a9a9a;
}

.order-eshop-table tr:last-child td {
    border-bottom: 0px;
}

.eshop-respo-menu {
	display: none;
}

/*Spinner checked*/
.spin-load {
    position: absolute;
    background: rgba(42, 42, 42, 0.7);
    width: 100%;
    height: 100%;
    top:0px;
    left: 0px;
}

.check-spinner {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.check-spinner__worm-a,
.check-spinner__worm-b {
    visibility: hidden;
}
.check-spinner {
    margin-bottom: 3em;
    overflow: visible;
    width: 6.25em;
    height: 6.25em;
}
.check-spinner__worm-a {
    animation: worm-a 1.2s linear;
}
.check-spinner__worm-b {
    animation: worm-b 1.2s 1.2s linear forwards;
    stroke-dashoffset: 0.01;
}
.check-spinner__circle {
    animation: circle 0.2s 2.3s cubic-bezier(0,0,.42,1.33) forwards;
}

/* Animations */
@keyframes worm-a {
    from {
        stroke-dashoffset: 36.1;
        visibility: visible;
    }
    to {
        stroke-dashoffset: -252.9;
        visibility: visible;
    }
}
@keyframes worm-b {
    from {
        animation-timing-function: linear;
        stroke-dasharray: 0 0 72.2 341.3;
        visibility: visible;
    }
    69.7% {
        animation-timing-function: ease-out;
        stroke-dasharray: 0 207 45 341.3;
        visibility: visible;
    }
    to {
        animation-timing-function: ease-out;
        stroke-dasharray: 0 297 45 341.3;
        visibility: visible;
    }
}
@keyframes circle {
    from { r: 0; }
    to { r: 50px; }
}
@keyframes reappear {
    from { visibility: hidden; }
    to { visibility: visible; }
}

.mb-0 {
    margin-bottom: 0!important;
}

.mt-0 {
    margin-top: 0!important;
}

.form-phone-number {
    display: flex;
}

.form-phone-number > select {
    width: 65px;
    height: 2.25rem !important;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.form-phone-number > input {
    width: calc(100% - 65px) !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.grecaptcha-badge {
    visibility: hidden!important;
}

.pdf-wrapper {
	padding-top: 150%;
	width: 100%;
	height: 0;
}

.pdf-wrapper iframe {
	position: absolute;
	top: 0;
	border: 0;
	width: 100%;
	height: 100%;
}

.checkbox-background {
	background-color: #2a2a2a;
	padding: 10px;
}

.reg-box {
	border-bottom: 2px solid #3c3c3c;
}

.reg-box-body .select2 {
	width: 100% !important;
}

.position-relative {
	position: relative!important;
}

#searchEventModal .modal-content {
	margin-top: 30px!important;
}

.events-search-list {
	max-height: 500px;
	overflow-x: auto;
}

.events-search-list a {
	margin-top: 10px;
	border: 2px solid #333;
	padding: 10px 15px;
	display: block;
}

.events-search-list a:hover {
	border-color: #F77318;
	cursor: pointer;
}

input[type="checkbox"] {
	margin-right: 5px;
}

.menuCompanyName {
	background: linear-gradient(to right, #F77318 0%, #F77318 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}

.t-body.stock td:has(.stockItem.open-stock) {
	max-width: 400px;
}

.dropify-wrapper {
	color: white !important;
	background-color: #333333 !important;
	border-top: 2px solid #F77318 !important;
	border-right: 2px solid #F77318 !important;
	border-bottom: 2px solid #F77318 !important;
	border-left: 2px solid #F77318 !important;
}

.dropify-wrapper:hover {
	background-image: -webkit-linear-gradient(-45deg,#3b3b3b 25%,transparent 25%,transparent 50%,#3b3b3b 50%,#3b3b3b 75%,transparent 75%,transparent) !important;
	background-image: linear-gradient(-45deg, #3b3b3b 25%,transparent 25%,transparent 50%,#3b3b3b 50%,#3b3b3b 75%,transparent 75%,transparent) !important;
}

.dropify-wrapper.has-preview .dropify-message {
	opacity: 0;
}

.dropify-wrapper .dropify-preview {
	background-color: rgba(29, 222, 156, 0.2) !important;
}

.font-12 {
	font-size: 12px;
}

.font-14 {
	font-size: 14px;
}

.font-16 {
	font-size: 16px;
}

.datagrid-tree .datagrid-tree-header {
    border-bottom-width: 0 !important;
    color: #F77318;
}

.bb-1 {
    border-bottom: 1px solid #F77318 !important;
}

.br-1 {
    border-right: 1px dashed #F77318;
}

.datagrid-row-gradient-1 {
	background: linear-gradient(232deg, rgba(31, 31, 31, 0) 85%, #c875e8 104%);;
}

.datagrid-row-gradient-2 {
	background: linear-gradient(232deg, rgba(31, 31, 31, 0) 85%, #8a92cc 104%);;
}

.datagrid-row-gradient-3 {
	background: linear-gradient(232deg, rgba(31, 31, 31, 0) 85%, #ED213A 104%);;
}

.datagrid-row-gradient-4 {
	background: linear-gradient(232deg, rgba(31, 31, 31, 0) 85%, #1dc392 104%);;
}

.orderReceiptTypeLoading {
	cursor: not-allowed;
	pointer-events: none;
	opacity: .5;
}

.licence-switch-box .btn {
	text-transform: uppercase;
	font-size: 1rem;
}

.licence-switch-box .btn:hover {
	transform: translateY(-5px) !important;
}

.actual-licence-box .row {
	padding-top: 30px;
	padding-bottom: 30px;
}

.actual-licence-box .row .col-md-6 {
}

.actual-licence-box .licence-box {
	height: 100%;
	box-shadow: 0 0 10px 0 rgba(32, 187, 140, .8);
	background-color: #303030;
	padding: 15px;
	width: 90%;
	margin-left: 50%;
	transform: translateX(-50%);
}

.actual-licence-box .licence-box h3 {
	margin-top: 0px;
	padding-bottom: 5px;
	border-bottom: 2px solid #454545;
}

.actual-licence-box .licence-box hr {
	background-color: #454545;
}

.actual-licence-box ul {
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}

.actual-licence-box ul li {
	margin-bottom: 10px;
}

.license {
	padding: 5px;
	font-weight: bold;
}

.license.starterLicense {
	background: linear-gradient(90deg, #bede2f 0%, #30c85f 100%);
}

.license.smallLicense {
	background: linear-gradient(90deg, #29c4cf 0%, #3a7bd5 100%);
}

.license.mediumLicense {
	background: linear-gradient(90deg, #FFA500 0%, #FF4500 100%);
}

.license.bigLicense {
	background: linear-gradient(90deg, #3e6dcc 0%, #9014e8 100%);
}

.online-rez {
	padding: 10px;
}
.online-rez .fa-calendar::before {
	color: #252525;
}

.validToll {
	display: none;
}

.btn-note {
	margin-top: 30px !important;
	padding: .4rem .5rem .4rem .5rem !important;
}