/* !important */

.row {
    margin-left: -10px;
    margin-right: -10px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    letter-spacing: -.015em;
}

.text-bold {
    font-weight: 700;
}

.text-primary,
a.text-primary,
a.text-primary:focus,
a.text-primary:hover {
    color: #2AA4FD;
}

.text-success,
a.text-success,
a.text-success:focus,
a.text-success:hover {
    color: #4ED93C;
}

.text-danger,
a.text-danger,
a.text-danger:focus,
a.text-danger:hover {
    color: #F04D30;
}

.badge.badge-success {
    background: #00b64b !important;
}

.badge.badge-warning {
    background: #F04D30 !important;
}

.badge.badge-danger {
    background: #F04D30 !important;
}

.badge.badge-sm {
    padding: 3px 11px;
    font-size: 13px;
}

.badge.badge-md {
    padding: 3px 14px;
    font-size: 13px;
}

input[value="1"] + input + .switchery {
    background-color: rgba(157, 130, 221, 1) !important;
    border-color: rgba(157, 130, 221, 1) !important;
    box-shadow: rgba(157, 130, 221, 1) 0px 0px 0px 11px inset !important;
}

input[value="0"] + input + .switchery {
    background-color: rgba(116, 116, 116, 1) !important;
    border-color: rgba(116, 116, 116, 1) !important;
    box-shadow: rgba(116, 116, 116, 1) 0px 0px 0px 11px inset !important;
}

/* Body */

body {
    /*font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;*/
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5384616;
    color: #333;
    background-color: #f5f5f5 !important;
    padding-right: 0 !important;
    padding-top: 50px;
}

h4 {
    font-size: 19px;
}

.main-container::after {
    background-color: #f5f5f5;
}

/*.mode-popup	.popover {
 max-width: 400px !important;
 width: 380px;
 }*/

/* Header */
#account-account-a .menu-icon-img {
    border-radius: 50%;
}

#account-account-a .menu-text {
    padding-left: 7px;
}

#sidebar {
    position: relative;
}

.sidebar {
    width: auto;
}

.url-sys-login .page-header-content, .url-sys-login .custom-navbar {
    display: none;
}

.main-content {
    margin: 0;
}

.navbar-fixed-top {
    padding-left: 130px;
    padding-right: 130px;
    background: #273246;
}

#navbar {
    z-index: 999;
    width: 100%;
    position: fixed;
    top: 0;
    margin-bottom: 0px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    height: 50px;
}

#sidebar, #navbar .navbar-header-right {
    visibility: hidden;
}

.page-header-top {
    margin: 0 -15px 15px;
    padding: 5px 15px;
    background: #ededed;
    border-bottom: 1px solid #ddd;
}

.page-header-top .page-header-content {
    position: relative;
}

.page-header-top .page-title {
    padding: 0 !important;
    width: 100%;
}
.page-header-top .page-title h4 {
    padding: 5px 0;
    font-size: 13px;
    font-weight: 700;
}

.page-header-top #nav-search {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 28px;
}

.page-header-top .breadcrumb-line {
    margin-top: -8px;
}

#navbar, .nav, .skin-1 .nav-list > li > a, .ace-nav > li > a {
    background-color: #fff;
}

#navbar-container {
    height: 50px;
    padding: 0;
}

.navbar .navbar-brand, .navbar .navbar-brand:focus, .navbar .navbar-brand:hover {
    padding: 10px 0;
    font-size: 13px;
    font-weight: 700;
    height: 50px;
    color: #454545;
    text-transform: uppercase;
}

.nav-list > li {
    display: inline-block;
    border: 0;
}

.ace-nav > li {
    line-height: 50px;
    height: 50px;
}

#alerts-mod_config {
    height: 50px;
    line-height: 50px;
}

.nav-list li .submenu {
    overflow: visible;
}

.skin-1 .nav-list > li.open > a, .skin-1 .nav-list > li.open > a:hover {
    color: #2AA4FD;
    background: transparent;
}

.skin-1 .nav-list > li > ul.submenu {
    background-color: #fff;
    border: 1px solid #ddd;
    z-index: 99999999;
}

.carret-group.btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    box-shadow: none;
}

.carret-group.btn-group > .btn:first-child:not(:last-child)
:not(.dropdown-toggle) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-shadow: none;
    margin-right: 0;
}

.skin-1 .nav-list > li .submenu li > .submenu > li a,
.skin-1 .nav-list > li .submenu li > .submenu > li .no-anchor {
    color: #333;
    margin: 0;
    border: 0;
    padding-left: 15px;
}

.skin-1 .nav-list > li > .submenu > li > a,
.skin-1 .nav-list > li > .submenu > li > .no-anchor {
    color: #333;
}

.skin-1 .nav-list > li > .submenu > li > a:hover, .nav-list > li > .submenu li > .submenu > li > a:hover, .ace-nav .dropdown-menu > li > a:hover {
    color: #333 !important;
    background: #f5f5f5;
}

.skin-1 .nav-list > li .submenu li > .submenu > li a:hover > [class*="fa-"]:first-child {
    color: #333;
}

.nav-list > li > .submenu li > .submenu {
    background-color: #fff;
    left: 100%;
    border: 1px solid #ddd;
    top: 0;
}

.nav-tabs {
    background-color: transparent;
}

.ace-nav > li > a:hover, .ace-nav > li > a:focus {
    background: transparent;
}

.ace-nav > li.open > a,
.ace-nav > li.open > .no-anchor {
    background: transparent !important;
}

.ace-nav .dropdown-menu {
    margin: 0;
    padding: 7px 0;
    right: 0;
    left: auto;
    background: #fff;
}

.ace-nav .dropdown-menu > li > a,
.ace-nav .dropdown-menu > li > .no-anchor {
    padding: 8px 15px;
    margin-top: 0;
}

.page-title small {
    margin-left: 10px;
    display: inline-block;
}

.nav-list > li .submenu {
    z-index: 1;
    position: absolute;
    min-width: 200px;
    top: 50px;
}

.nav-list > li .submenu > .is_parent:hover > .submenu {
    display: block;
    margin-top: 0;
}

.nav-list > li .submenu > .is_parent .fa-caret-down::before {
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 12px;
}

.fa-caret-down::before {
    content: "\f107";
}

.skin-1 .nav-list > li > .submenu > li > a {
    border: 0;
    padding: 8px 15px;
}

.skin-1 .nav-list > li > a, .skin-1 .menu-min .nav-list > li.open > a, .ace-nav >li >a, .ace-nav >li >a > [class*= "fa-" ] {
    color: #454545;
    font-size: 13px;
}
.ace-nav >li.open >a {
    color: #454545 !important;
}

.skin-1 .nav-list > li > a, .ace-nav >li >a  {
    padding: 0 15px;
    height: 50px;
}

.skin-1 .nav-list > li:first-of-type > a {
    /*padding-left:0;*/
}

#navbar .nav > li > a .menu-text {
    padding: 15px 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 50px;
    text-transform: uppercase;
}

.skin-1 .nav-list > li:hover > a, .skin-1 .nav-list > li.menu-active > a {
    background-color: transparent;
    color: #2AA4FD;
}

.ace-nav > li {
    border: 0;
}

.sidebar::before, .sidebar-shortcuts, .nav-list > li > a > [class*="fa-"]:first-child, .nav-list > li > a > [class*="fa-"]:first-child, .nav-list > li > a:hover::before, .nav-list > li > .submenu > li::before, .nav-list > li > .submenu::before {
    display: none;
}

.heading-elements {
    background-color: inherit;
    float: right;
    padding-top: 10px;
}

#navbar .page-header-content {
    position: relative;
    background-color: inherit;
    color: #fff;
}

.page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6 {
    margin: 0;
}

.page-title small::before {
    content: '/';
    margin-right: 15px;
}

.page-title small {
    color: rgba(255, 255, 255, .5);
}

.sidebar-collapse {
    display: none;
}

.page-header-top .breadcrumb {
    display: inherit;
}

.breadcrumbs ul {
    margin: 0;
}

.breadcrumb > li > a {
    color: #9c9c9c;
    padding: 0px;
}

.breadcrumb > li, .breadcrumb > li.active a {
    color: #9c9c9c;
    margin-right: 5px;
    font-size: 11px;
}

.breadcrumb > li.active a {
    color: #555;
}

.nav-search .nav-search-input {
    padding-left: 20px;
}

#content > .panel-list, #content > .panel-edit {
    margin: -15px;
}

#navbar .nav > li > a > [class*= "fa-" ]:first-child, #navbar .nav > li > a > [class*= "fa-" ]:first-child {
    display: inline-block;
    vertical-align: middle;
    min-width: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    margin-right: 0;
}

/* Alerts and toasts */

.noty_message {
    padding: 15px 20px;
    font-weight: normal !important;
    position: relative;
    overflow: hidden;
}

#noty_topRight_layout_container {
    top: 90px !important;
}

#noty_topRight_layout_container > li {
    border: 0 !important;
    border-radius: 3px !important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    color: #fff !important;
}

.error-title {
    color: #fff;
    font-size: 200px;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 40px;
    font-weight: 300;
    text-stroke: 1px transparent;
    display: block;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}

.noty_error {
    background: rgb(239, 83, 80);
}

.noty_success {
    background-color: rgb(76, 175, 80);
}

.noty_warning {
    background-color: #FF5722;
}

.noty_info {
    background-color: #00BCD4;
}

.noty_alert {
    background-color: #2196F3;
}

.alert-info, .alert-info .close {
    color: #00545c;
}

.alert-info {
    background-color: #e0f7fa;
    border-color: #00bcd4;
}

.alert {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 3px;
}

.alert-success, .alert-success .close {
    color: #205823;
}

.alert-success {
    background-color: #e8f5e9;
    border-color: #4caf50;
}

.alert-danger, .alert-danger .close {
    color: #9c1f1f;
}

/*.alert-danger {
	background-color: #fbe9e7;
	border-color: #ff5722;
}*/

.alert-warning {
    color: #853a23;
    background-color: #ffe8e1;
    border-color: #ff7b52;
}

.alert-primary {
    color: #114e7e;
    background-color: #dbeefd;
    border-color: #339ef4;
}

.alert-danger {
    color: #7f231c;
    background-color: #fde1df;
    border-color: #f55246;
}

.alert-info {
    color: #00626e;
    background-color: #d6f4f8;
    border-color: #14c1d7;
}

.alert-success {
    color: #285b2a;
    background-color: #e2f2e3;
    border-color: #5ab55e;
}

.alert-rounded {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    border-radius: 100px;
}

/*General*/
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-align: center;
    font-size: 16px;
}

.input-group-addon {
    background: transparent;
    color: #333;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.grid-stack > .dashboard-toolbar {
    top: -25px !important;
    right: -15px !important;
    background: #00BCD4;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    border-radius: 50%;
}

.grid-stack > .dashboard-toolbar > a {
    padding: 10px 10px 6px;
}

.grid-stack > .dashboard-toolbar .fa-plus {
    color: #f5f5f5;
}

.select2-container.form-control {
    background: transparent;
    border: none;
}

.grid-stack > .dashboard-toolbar .fa-plus:before {
    content: "\ed5a";
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-align: center;
    font-size: 14px;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: none;
}

#account-account-ul > li > a .fa-sign-out::before, #account-account-ul > li > a .fa-pinterest-p::before, .fa-clock-o::before {
    content: "\e647";
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-align: center;
    font-size: 14px;
}

#account-account-ul > li > a .fa-pinterest-p::before {
    content: "\eb35";
}

#account-account-ul > li > a .fa-sign-out::before {
    content: "\e647";
}

.fa-clock-o::before {
    content: "\eaa8";
}

#account-account-ul > li > a i {
    margin-right: 8px;
    vertical-align: middle;
    margin-top: -2px;
}

.panel-heading .btn-group .btn, #modal-header .btn-group .btn {
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    /*border: 0; la sugestia anei*/
    white-space: nowrap;
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.5384616;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 5px;
}

.form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.5384616;
    color: #333 !important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    -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, 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;
}

.field_raw_fg .form-control {
    height: auto;
}

.form-control:hover, .form-control:focus {
    box-shadow: none !important;
    border-color: #ddd !important;
}

form[id$="-filters"] {
    padding: 10px;
}

input[type="radio"], input[type="checkbox"] {
    vertical-align: middle;
    margin: 0;
}

#filter_fieldset, #commission_container {
    padding: 10px;
}

.bg-pink-300 {
    background-color: #f06292;
    border-color: #f06292;
    color: #fff;
}

/* asta nu cred ca trebuie aici!
.fa-star {
	color: #FDD003;
} */
.fa-toggle-on, .fa-toggle-off {
    font-size: 18px;
    padding-top: 3px;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input {
    padding-left: 10px;
}

.panel-default > .panel-heading {
    background-color: #fff;
}

.panel-heading .btn-group .btn-group .btn:first-of-type,
#modal-header .btn-group .btn-group .btn:first-of-type {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.panel-heading .btn-group .btn-group .btn:last-of-type,
#modal-header .btn-group .btn-group .btn:last-of-type {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

/*.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}*/
.panel-heading > .btn-group > .btn, #modal-header > .btn-group > .btn {
    border-radius: 3px !important;
}

.panel-heading .btn-group .btn-group, #modal-header .btn-group .btn-group {
    margin-right: 5px;
}

.panel-heading .btn-group .btn-group .btn, #modal-header .btn-group .btn-group .btn {
    margin-right: 0px;
}

.main-container {
    min-height: calc(100vh - 106px) !important;
}

.login-layout .main-container {
    min-height: calc(100vh - 130px) !important;
}

.layout-404 .main-container {
    min-height: calc(100vh - 216px);
}

.custom-navbar-wrapper, .custom-navbar {
    height: 50px;
}

/*#content > .page-header {
	display: none;
}*/

.panel {
    margin-bottom: 20px;
    border-color: #ddd;
    color: #333333;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-title {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
}

.panel-body {
    position: relative;
    padding: 20px;
}

.panel-heading {
    position: relative;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 15px 20px;
    border-bottom: 1px solid transparent;
}

.panel-footer-condensed {
    padding-top: 2px;
    padding-bottom: 2px;
}

.panel-footer {
    display: block;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fcfcfc;
    border-top: 1px solid #ddd;
}

.panel-footer > .heading-elements {
    position: static;
    margin-top: 0;
    padding-right: 20px;
}

.panel-list .panel-heading {
    padding: 10px;
}

.panel-flat textarea {
    border-radius: 3px !important;
}

.panel-flat > .panel-heading {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    background-color: #fff;
}

.panel-flat > .panel-heading > .panel-title {
    margin-top: 2px;
    margin-bottom: 2px;
}

.panel-flat .heading-elements {
    background-color: inherit;
    position: absolute;
    top: 50%;
    right: 20px;
    height: 36px;
    margin-top: -18px;
}

.panel-fixed {
    top: 50px;
    z-index: 99;
}

.page-content {
    padding: 15px;
    min-height: auto;
    border-top-left-radius: 3px;
}

.page-content .col-md-6 > h4 {
    padding-left: 15px;
    margin-bottom: 0;
}

.panel-edit .panel-heading {
    padding: 10px;
    background: #FCFCFC;
}

#storno {
    background-color: #26A69A !important;;
    border-color: #26A69A !important;;
}

.btn-default {
    background: #fff;
}

.btn-primary {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
    border-radius: 3px; /* !important*/
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    background-color: #0c7cd5;
    border-color: #0b76cc;
}

.btn-info {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
    border-radius: 3px; /* !important*/
}

.btn-info.focus, .btn-info:focus, .btn-info:hover {
    color: #fff;
    background-color: #008fa1;
    border-color: #008697;
}

.close {
    color: #000 !important;
}

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

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

/* Select */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #2196f3;
}

/*.select2-selection__clear{
 display:none;
 }*/
.select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 12px;
    padding-right: 31px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-selection--single .select2-selection__clear {
    position: relative;
    cursor: pointer;
    float: right;
    font-size: 0;
    line-height: 1;
    margin-top: 8px;
    margin-left: 5px;
    opacity: 0.75;
    filter: alpha(opacity=75);
    font-weight: normal !important;
}

.select2-selection--single .select2-selection__clear:after {
    content: '\ed6b';
    font-family: 'icomoon';
    display: inline-block;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-selection--single .select2-selection__arrow::after {
    content: '\e9c5';
    font-family: Icomoon;
    display: inline-block;
    position: absolute;
    top: 50%;
    color: #333 !important;
    right: 12px;
    margin-top: -8px;
    font-size: 16px;
    line-height: 1;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.select2-container--open .select2-selection--single .select2-selection__arrow::after {
    content: '\e9c6';
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 30px;
}

.select2-dropdown {
    border: 1px solid #ddd;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px;
    width: 30px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    box-shadow: none;
    padding: 5px;
    padding-left: 30px !important;
}

.select2-search--dropdown {
    position: relative;
}

.select2-container--default .select2-search--dropdown::after {
    content: '\e98e';
    font-family: icomoon;
    position: absolute;
    top: 50%;
    left: 14px;
    color: inherit;
    display: block;
    font-size: 12px;
    margin-top: -6px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: .6;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}

/* Modals */
/*.modal-content {
	padding: 15px;
}*/
.modal-content .close {
    padding: 0px 4px !important;
    z-index: 99;
}

/* Tables */

div[id$="panel-list-body"] {
    padding: 0;
}

div[id$="panel-list-body"] .table-bordered {
    border: 0;
}

div[id$="panel-list-body"] .table thead {
    border-top: 1px solid #ddd;
}

button.DTTT_button, div.DTTT_button, a.DTTT_button {
    padding: 6.5px 10px;
}

.DTTT_container {
    padding: 20px 10px 20px 20px;
    margin-bottom: 0 !important;
}

.table thead tr {
    background-image: none;
    color: #333;
    background-color: transparent;
}

table.table-bordered td:last-child {
    text-align: center;
}

div.dataTables_info {
    padding: 28px 0px 0 20px;
    color: #333;
}

div.dataTables_paginate {
    padding: 20px 0px 0 0px;
}

div.dataTables_filter {
    float: left;
    padding: 20px 20px 10px 3px;
}

div.dataTables_length {
    float: right;
    padding: 20px 20px 10px 10px;
}

.waiting_status {
    background: #607d8b !important;
    border-color: #607d8b !important;
}

.request_status {
    background: #ff5722 !important;
    border-color: #ff5722 !important;
}

.confirmed_status {
    background: #ff9800 !important;
    color: #fff !important;
    border-color: #ff9800 !important;
}

.new_book_status {
    background: #f44336 !important;
    border-color: #f44336 !important;
}

.table tr td {
    text-align: left !important;
}

.table tr td.text-center {
    text-align: center !important;
}

.cancel_status {
    background: #fff !important;
    color: #222222 !important;
    border: 1px solid #ddd !important;
}

.finish_status {
    background: #4caf50 !important;
    border-color: #4caf50 !important;
}

.book_status {
    border-radius: 2px !important;
    font-size: 10px;
    padding: 2px 5px 2px 5px !important;
    display: block;
    text-transform: uppercase;
    border: 1px solid transparent;
    letter-spacing: .1px;
    line-height: 1.5384616;
    font-weight: 500;
}

.table-bordered > thead > tr > th {

    border: 0;
    border-bottom: 1px solid #bbb;
}

.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border-right: 0;
    border-left: 0;
}

.table > thead:first-child > tr:first-child > th {
    border-top: 1px solid #ddd;
    position: relative;
}

/* .dataTables_wrapper > div.row{
 border-bottom: 1px solid #ddd;
 margin: 0;
 } */
/* table.table-bordered.dataTable {
 border-collapse: collapse !important;
 } */
.btn-group-pay > .btn {
    margin-right: 5px;
}

table.dataTable thead .sorting_asc, table.dataTable thead .sorting, table.dataTable thead .sorting_desc {
    background: transparent;
}

.dataTables_scrollHead .dataTable thead .sorting::after, .dataTables_scrollHead .dataTable thead .sorting::before, .dataTables_scrollHead .dataTable thead .sorting_asc::after, .dataTables_scrollHead .dataTable thead .sorting_asc_disabled::after, .dataTables_scrollHead .dataTable thead .sorting_desc::after, .dataTables_scrollHead .dataTable thead .sorting_desc_disabled::after {
    content: '';
    font-family: icomoon;
    position: absolute;
    top: 50%;
    left: 3px;
    font-size: 12px;
    margin-top: -6px;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dataTables_scrollHead .dataTable thead .sorting::before {
    content: '\e9c1';
    margin-top: -2px;
    color: #999;
}

.dataTables_scrollHead .dataTable thead .sorting::after {
    content: '\e9c2';
    margin-top: -10px;
    color: #999;
}

.dataTables_scrollHead .dataTable thead .sorting_asc::after {
    content: '\e9c2';
}

.dataTables_scrollHead .dataTable thead .sorting_desc::after {
    content: '\e9c1';
}

/*.dataTables_scrollBody{
 overflow:initial !important;
 }*/
/*table tbody tr td:last-of-type .btn, table tbody tr td:first-of-type .btn, .rounded-btns .btn{*/
.btn-row-menu > .btn, .btn-row-menu > .btn-group, .rounded-btns .btn, td .btn-group > .btn-group {
    border-radius: 100px !important;
    margin-right: 5px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

td .btn-group > .btn-group > .btn:first-of-type {
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
}

td .btn-group > .btn-group > .btn:last-of-type {
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}

/*
 table tbody tr td:last-of-type .btn:last-of-type, .rounded-btns .btn:last-of-type{
 margin-right:0;
 } */

/* Date and Hour Picker */

.ui-datepicker .ui-datepicker-header {
    background-color: #fff;
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
}

.ui-datepicker .ui-datepicker-prev {
    left: 6px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    line-height: 1;
    color: #333;
    padding: 8px;
    border-radius: 2px;
}

.ui-datepicker table th {
    text-align: center;
    font-weight: 400;
    border: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
    color: #999;
}

.ui-datepicker table td a, .ui-datepicker table td span {
    display: block;
    padding: 6px !important;
    text-align: center !important;
    text-decoration: none;
    border-radius: 3px;
    color: #333 !important;
}

.ui-datepicker table td.ui-datepicker-today .ui-state-highlight::after {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    width: 0;
    height: 0;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
}

.ui-datepicker table td.ui-datepicker-current-day .ui-state-active {
    background-color: #26a69a;
    color: #fff !important;
}

.ui-datepicker table td .ui-state-hover {
    background-color: #f5f5f5;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
}

.ui-datepicker td .ui-state-highlight {
    background-color: #2196F3;
    border-color: #2196F3;
    color: #fff !important;
}

.ui-datepicker .ui-datepicker-prev::after {
    content: '\e9c8';
}

.ui-datepicker .ui-datepicker-next::after {
    content: '\e9cb';
}

.ui-datepicker .ui-datepicker-next::after, .ui-datepicker .ui-datepicker-prev::after {
    font-family: 'icomoon';
    display: block;
    font-size: 14px;
    width: 14px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#ui-datepicker-div {
    border-radius: 0;
    border-color: #ddd;
    padding: 15px;
    min-width: 240px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: none;
}

.login-layout .login-box .widget-main {
    background: #fff;
    padding: 20px !important;
}

.xdsoft_time_box {
    border: 0 !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    display: none !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 80px !important;
    margin-left: 0px !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    color: #333 !important;
    background: transparent !important;
    border: 0 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #26A69A !important;
    box-shadow: none !important;
    color: #fff !important;
}

.xdsoft_datetimepicker {
    padding: 7px 0 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > .xdsoft_time:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > .xdsoft_scroller:hover {
    color: #333 !important;
    background: #f5f5f5 !important;
}

/* Login Page */
.login-container {
    width: 285px;
}

.login-layout label {
    margin-bottom: 20px;
}

.login-layout .widget-box {
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.login-icon-object {
    display: inline-block;
    border-radius: 50%;
    margin: 10px;
    padding: 20px 20px;
    border: 2px solid #90a4ae;
}

.login-icon-object i {
    font-size: 32px;
    color: #90a4ae;
    line-height: 32px;
}

.login-top-message {
    margin: 10px 0 20px;
    letter-spacing: -.015em;
    font-weight: 400;
}

.login-top-message small {
    display: block;
    font-size: 13px;
    margin-top: 3px;
}

.input-icon-left .form-control {
    padding: 7px 12px 7px 36px !important;
}

.input-icon-left > [class*="fa-"] {
    padding: 2px 10px;
}

.btn-login {
    background-color: #ec407a;
    border-color: #ec407a;
    margin-bottom: 20px;
}

.btn-login:hover, .btn-login:focus, .btn-login:active {
    background-color: #E03D74;
    border-color: #E03D74;
}

.input-icon-left > [class*="icon-"] {
    padding: 2px 10px;
}

.input-icon > [class*="icon-"] {
    z-index: 2;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 0px;
    line-height: 28px;
    display: inline-block;
    color: #909090;
    font-size: 16px;
}

.btn-login .fa {
    border: 2px solid #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    margin-left: 7px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 0px;
    font-size: 13px;
}

.login-box .forgot-password-link {
    color: #1e88e5;
}

.remember-me {
    margin-bottom: 0 !important;
}

/* Spinner */

.bootstrap-touchspin-down, .bootstrap-touchspin-up {
    height: 36px;
}

.bootstrap-touchspin-down:focus, .bootstrap-touchspin-up:focus, .bootstrap-touchspin-down:active, .bootstrap-touchspin-up:active, .bootstrap-touchspin-down:focus:active, .bootstrap-touchspin-up:focus:active {
    outline: none;
}

/*
 .bootstrap-touchspin-up:active, .bootstrap-touchspin-down:active{
 background: transparent;
 box-shadow: none;
 border-left: 0;
 border-color: rgb(204,204,204);
 }
 */

/* Tabs */
.nav-tabs > li > a {
    border: 0;
    background: transparent;
    color: #888 !important;
}

.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
    background-color: transparent;
    border-color: transparent;
    border-bottom-color: transparent;
    color: #333;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    font-weight: normal;
    border-bottom-color: #fff;
    box-shadow: none;
    color: #333 !important;
    border-top: 2px solid #2196F3 !important;
    width: 100%;
    margin-top: 0;
}

.nav-tabs {
    border-bottom: 0;
}

.nav-tabs > li {
    float: none;
    margin-bottom: -1px;
    display: table-cell;
    width: 1%;
    text-align: center;
}

.mce-edit-focus {
    outline: 1px solid #26a69a !important;
}

/* Tags */
.ms-ctn .ms-sel-item {
    background: #eee !important;
    color: #333 !important;
}

.ms-ctn {
    padding: 0 !important;
}

.ms-ctn .ms-sel-ctn input {
    padding: 6px;
}

.ms-ctn .ms-sel-item {
    margin: 2px !important;
    padding: 5px 10px !important;
}

.choice {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 100%;
    margin-right: 5px;
    /*width: 18px;*/
    height: 18px;
}

.choice span {
    border: 2px solid #607d8b;
    display: -moz-inline-box;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    position: relative;
    width: 18px;
    height: 18px;
}

.choice.checked span::after {
    opacity: 1;
}

.choice span::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: inherit;
    width: 0;
    height: 0;
    border-radius: 100%;
    opacity: 0;
}

.col-form input[type="checkbox"], .col-form input[type="radio"] {
    min-height: 14px;
    margin-top: 0px;
    margin-right: 5px;
    border: none;
    background: 0 0;
    display: -moz-inline-box;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    cursor: pointer;
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 2;
    opacity: 0;
}

select.form-control {
    min-height: 36px;
    height: 36px !important;
}

select[multiple] {
    height: auto !important;
}

/* Right-btns Navbar */
.fab-menu-top-right {
    position: fixed;
    top: 85px;
    margin-top: 0;
    z-index: 968;
    right: 10px;
    list-style-type: none;
}

.fab-menu-inner > li > a > .menu-text {
    position: absolute;
    right: calc(100% + 15px);
    top: 0;
    bottom: 0;
    margin: auto;
    height: 27px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 3px 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    min-width: 190px;
}

.fab-menu-inner > li > a > .menu-text::after {
    content: '';
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    clear: both;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    background: #fff;
}

/* .fab-menu-inner > li > a > .menu-text {
    display: none;
}
.fab-menu-inner > li:hover > a > .menu-text, .fab-menu-inner > li > a:hover > .menu-text {
    display: block;
} */

.nav-search .nav-search-input:focus, .nav-search .nav-search-input:hover, .nav-search .nav-search-input {
    border-color: #2AA4FD;
}

.nav-search .input-icon > [class*= "fa-" ] {
    top: 3px;
    color: #2AA4FD !important;
}

.fab-menu-btn.btn-float {
    padding: 26px;
}

.fab-menu {
    white-space: nowrap;
    list-style: none;
}

.btn {
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}

.fab-menu-btn {
    z-index: 1001;
    border-width: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    background-color: #2AA4FD;
    border-color: #2AA4FD;
    color: #fff;
}

.fab-menu-inner {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.btn-rounded, .btn-rounded img, .btn-rounded.btn-labeled > b {
    border-radius: 100px;
}

.fab-menu-btn.btn-float > i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.btn-float i {
    display: block;
    margin: 0;
    margin-top: 0px;
    margin-left: 0px;
    top: 0;
}

.fab-icon-close, .fab-icon-open {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

.fab-menu .fab-menu-inner > li:nth-child(1) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.fab-menu .fab-menu-inner > li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.fab-menu .fab-menu-inner > li {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    transition-delay: 0s;
}

.fab-icon-close {
    opacity: 0;
}

.fab-menu[data-fab-state="open"] .fab-icon-open, .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open {
    opacity: 0;
}

.fab-menu[data-fab-state="open"] .fab-icon-close, .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close {
    opacity: 1;
}

.fab-menu[data-fab-state="open"] .fab-icon-close, .fab-menu[data-fab-state="open"] .fab-icon-open, .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-close, .fab-menu[data-fab-toggle="hover"]:hover .fab-icon-open {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.fab-menu-inner > li {
    display: block;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    text-align: center;
    padding-top: 20px;
    margin-top: -20px;
}

.btn.focus[class*="bg-"], .btn[class*="bg-"]:focus, .btn[class*="bg-"]:hover {
    color: #fff;
}

.fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(2), .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(2) {
    top: 75px;
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(3), .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(3) {
    top: 135px;
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(4), .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(4) {
    top: 195px;
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(5), .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(5) {
    top: 255px;
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.fab-menu-top-left[data-fab-state="open"] .fab-menu-inner > li:nth-child(6), .fab-menu-top-left[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(6), .fab-menu-top-right[data-fab-state="open"] .fab-menu-inner > li:nth-child(6), .fab-menu-top-right[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(6), .fab-menu-top[data-fab-state="open"] .fab-menu-inner > li:nth-child(6), .fab-menu-top[data-fab-toggle="hover"]:hover .fab-menu-inner > li:nth-child(6) {
    top: 315px;
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.fab-menu[data-fab-state="open"] .fab-menu-inner > li, .fab-menu[data-fab-toggle="hover"]:hover .fab-menu-inner > li {
    visibility: visible;
    opacity: 1;
}

.fab-menu-inner > li > a {
    padding: 0;
    width: 48px;
    height: 48px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border-radius: 100px;
    background: #fff;
    color: #333;
    position: relative;
}

.fab-menu-inner > li > a > i {
    margin: 16px;
    font-size: 16px;
}

/* Paginatie */

.pagination > li > a, .pagination > li > span {
    background: transparent;
    border: none;
    color: #333;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #455a64;
    border-radius: 3px;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #333;
    background-color: transparent;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #333;
    border-radius: 3px;
}

.nav-list >li > .submenu li > .submenu >li a:hover {
    text-decoration: none;
}

/* Footer */

#footer {
    background: #fff;
    border-top: 1px solid #ddd;
    padding: 5px 15px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

/* Custom bootstrap Switch */

.bootstrap-switch {
    display: inline-block;
    cursor: pointer;
    margin-top: -2px;
    margin-right: 7px;
    border-radius: 3px;
    border: 1px solid transparent;
    position: relative;
    text-align: left;
    overflow: hidden;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all ease-in-out 0.05s;
    -o-transition: all ease-in-out 0.05s;
    transition: all ease-in-out 0.05s;
}

.bootstrap-switch .bootstrap-switch-container {
    display: inline-block;
    top: 0;
    border-radius: 3px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.bootstrap-switch.bootstrap-switch-focused {
    outline: 0;
}

.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
    cursor: pointer;
    display: inline-block !important;
    height: 100%;
    padding: 7px 12px;
}

.bootstrap-switch input[type='radio'], .bootstrap-switch input[type='checkbox'] {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}

.bootstrap-switch input[type='radio'].form-control, .bootstrap-switch input[type='checkbox'].form-control {
    height: auto;
}

.bootstrap-switch.bootstrap-switch-disabled, .bootstrap-switch.bootstrap-switch-readonly, .bootstrap-switch.bootstrap-switch-indeterminate {
    cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
    cursor: default !important;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

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

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.bootstrap-switch-handle-on, .bootstrap-switch-handle-off {
    text-align: center;
    z-index: 1;
}

.bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch-handle-off.bootstrap-switch-default {
    color: #333333;
    background-color: #eeeeee;
}

.bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #fff;
    background-color: #2196F3;
}

.bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch-handle-off.bootstrap-switch-danger {
    color: #fff;
    background-color: #F44336;
}

.bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch-handle-off.bootstrap-switch-success {
    color: #fff;
    background-color: #4CAF50;
}

.bootstrap-switch-handle-on.bootstrap-switch-warning, .bootstrap-switch-handle-off.bootstrap-switch-warning {
    color: #fff;
    background-color: #FF5722;
}

.bootstrap-switch-handle-on.bootstrap-switch-info, .bootstrap-switch-handle-off.bootstrap-switch-info {
    color: #fff;
    background-color: #00BCD4;
}

.bootstrap-switch-handle-on {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.bootstrap-switch-handle-off {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.bootstrap-switch-label {
    text-align: center;
    z-index: 100;
    color: #333333;
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

.bootstrap-switch-label:hover {
    background-color: #fcfcfc;
}

.bootstrap-switch-label:active {
    background-color: #fafafa;
}

.bootstrap-switch-label:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 10px;
    margin-top: -5px;
    margin-left: -1px;
    display: inline-block;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.bootstrap-switch-large .bootstrap-switch-handle-on, .bootstrap-switch-large .bootstrap-switch-handle-off, .bootstrap-switch-large .bootstrap-switch-label {
    padding: 9px 15px;
}

.bootstrap-switch-mini .bootstrap-switch-handle-on, .bootstrap-switch-mini .bootstrap-switch-handle-off, .bootstrap-switch-mini .bootstrap-switch-label {
    padding: 5px 10px;
}

.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch-small .bootstrap-switch-label {
    padding: 6px 11px;
}

.checkbox-switch > label, label.checkbox-switch.checkbox-inline {
    padding: 0;
}

.checkbox-switch.checkbox-right .bootstrap-switch {
    margin-right: 0;
    margin-left: 7px;
}

#main-container {
    padding: 0;
}
#main-container .main-content {
    min-height: calc(100vh - 106px) !important;
    padding-bottom: 20px;
}

.fullwidth .page-container, .fullwidth .main-content, .fullwidth .navbar-fixed-top {
    padding-left: 15px;
    padding-right: 15px;
}

.fullwidth .navbar {
    padding: 0;
}

/* Responsive */

@media (min-width: 769px) {
    .page-container, .main-content, .navbar {
        padding-left: 65px;
        padding-right: 65px;
    }

    .page-title {
        padding-right: 0;
    }

    .page-header .heading-elements {
        right: 65px;
    }

    .invoice-details, .invoice-payment-details > li span {
        float: right;
        text-align: right;
    }
}

@media (max-width: 1091px) {
    .skin-1 .nav-list > li > a {
        padding: 0 10px;
    }

    .panel .panel-title {
        margin-top: 5px;
    }

}

@media (min-width: 1400px) {
    .page-container, .main-content, .navbar {
        padding-left: 130px;
        padding-right: 130px;
    }

    .page-header .heading-elements {
        right: 130px;
    }
}

.form-group .bootstrap-switch-wrapper {
    display: block;
}

.form-group .bootstrap-switch-container > span {
    height: 36px !important;
    line-height: 1.5384616;
}

.form-group .switchery.switchery-default {
    display: block;
}

.col-form-field_toggle3 .form-group .switchery.switchery-default {
    margin: 2px 0;
}

.col-form .btn-toggle {
    min-height: 36px;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-left: 0;
}

.col-form .radio label {
    padding-left: 0;
}

#sidebar .nav-list > li:first-child > a {
    padding-left: 0px;
}

.select2-container--default .select2-selection--single {
    height: 36px !important;
}

.col-form-field-group-append .select2-container--default .select2-selection--single {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.col-form-field-group-prepend .select2-container--default .select2-selection--single {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* AVATAR INITIALE */

.model_initials {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    vertical-align: middle;
}

.model_initials_container {
    position: relative;
    display: block;
    border-radius: 50%;
    text-align: center;
    margin: auto;
}

.nav-list a.dropdown-toggle .badge, .nav-list a.dropdown-toggle .label {
    right: 0;
    top: 0;
    position: relative;
}

.btn-group > .btn:not(:first-child)
:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0 !important;
}

.panel-list .panel-heading .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
.panel-edit .panel-heading .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
#modal-header .btn-group > .btn:not(:first-child)
:not(:last-child):not(.dropdown-toggle) {
    border-radius: 3px !important;
}

/* New datatable
 table.dataTable tbody tr, table.dataTable tbody tr:hover, table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{
 background: #fff;
 }*/

/* MODAL */

#modal {
    top: 0;
    height: 100%;
    color: #747474;
}

.modal-content {
    /*position: absolute;
    left: 10px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);*/
    border-radius: 0;
}

.modal-header {
    border-bottom: 1px solid transparent;
}

#modal-header,
.modal-header {
    position: relative;
    margin: 0;
    padding: 15px 20px !important;
    line-height: 1.5;
}

.modal-header ol {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.modal-header ol li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.modal-header ul {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
}

.modal-header ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.modal-header ul li + li:before {
    content: '\f054';
    display: inline-block;
    margin: 0 10px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    font-size: 10px;
}

.modal-title {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    /*color: #454545;*/
}

.modal-title small {
    font-weight: 400;
    font-size: 13px;
}

.modal-title .date {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 400;
    font-size: 12px;
}

/*.modal-body {
    padding: 0 20px !important;
}*/

.modal-body .table,
.modal-body .table-responsive {
    margin: 0;
}

.modal-footer {
    padding: 0 20px 20px !important;
    border: 0;
}

.modal-footer:empty {
    padding: 10px 20px !important;
}

.btn-success {
    background-color: #00c762;
    border-color: #00c762;
}

/*#modal .btn-modal-close {
    position: absolute;
    top: -10px;
    right: -10px;
    margin: 0 !important;
    padding: 0 !important;
    width: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    text-shadow: none;
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    line-height: 1;
}*/

#modal.modal-has-custom-class .btn-modal-close {
    color: #fff !important;
}

#modal .btn-modal-close:active, #modal .btn-modal-close.active {
    box-shadow: none;
}

#modal .btn-modal-close:hover {
    opacity: 1 !important;
}


/* GENERAL FORMATS */
#alerts-mod_config .dropdown-menu li a,
#alerts-mod_config .dropdown-menu li .no-anchor {
    color: #333 !important;
}

#account-account-ul li a,
#account-account-ul li .no-anchor {
    color: #000 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.text-semibold {
    font-weight: 500;
}

.text-size-mini {
    font-size: 11px;
}

.mt-5 {
    margin-top: 5px !important;
}

.text-primary-800, .text-primary-800:hover, .text-primary-800:focus {
    color: #1565C0 !important;
}

legend {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}



.media-list {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.media:first-child {
    margin-top: 0;
}

.media {
    zoom: 1;
    overflow: visible;
}

.media-left, .media > .pull-left {
    padding-right: 20px;
}

.media-left, .media-right, .media-body {
    position: relative;
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top;
}

.media, .media-body {
    overflow: visible;
}

.media-body {
    width: 10000px;
}

.media-heading {
    margin-bottom: 2px;
    display: block;
}

.img-sm {
    width: 36px !important;
    height: 36px !important;
}

.img-lg {
    width: 44px !important;
    height: 44px !important;
}

img {
    vertical-align: middle;
    border: 0;
}

.img-circle {
    border-radius: 50%;
}

.media-right {
    padding-left: 20px;
}

.media-left, .media-right, .media-body {
    position: relative;
}

.media-right {
    display: table-cell;
    vertical-align: top;
}

.status-mark {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid;
}

.status-mark.bg-success {
    border-color: #4CAF50 !important;
}

.status-mark {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    border: 2px solid;
}

.text-nowrap {
    white-space: nowrap;
}

.radius-0 {
    border-radius: 0;
}

.text-slate, .text-slate:hover, .text-slate:focus {
    color: #607D8B !important;
}

h6.panel-title, .h6.panel-title {
    font-size: 15px;
}

.h5, h5 {
    font-size: 17px;
}

.well {
    margin-bottom: 0;
    padding: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 20px;
    background-color: #fdfdfd;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.static-info .value {
    font-weight: bold;
}

.btn {
    position: relative;
}

.btn-link {
    color: #333333;
}

.btn-link:hover {
    color: #333333;
    text-decoration: none;
}

.content-group {
    margin-bottom: 20px !important;
}

.list-condensed > li, .list-condensed > li .list > li {
    margin-top: 3px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.5384616;
    letter-spacing: -.015em;
}

.navbar-header-right > .nav >li >a {
    padding: 0 5px;
}
.navbar-header-right > .nav >li:first-child >a {
    padding-left: 15px;
}
.navbar-header-right > .nav >li:last-child >a {
    padding-right: 15px;
}
.dropdown-backdrop {
    display: none;
}

@media (max-width: 480px) {
    .navbar-header a img.logo {
        padding: 5px;
    }

    #menu-toggler {
        float: right !important;
    }

    .navbar-toggle {
        margin-top: 16px;
        border: none;
    }

    .page-title {
        padding: 20px 36px 20px 10px;
    }

    .page-header-content .heading-elements {
        padding-top: 0;
    }

    .breadcrumb {
        margin-left: 0;
    }

    .fab-menu {
        display: block;
    }

    .ace-nav > li:first-child {
        border: none;
    }

    #sidebar .nav-list > li:first-child > a {
        padding-left: 10px;
    }

    .ace-nav > li {
        display: block;
    }

    .navbar-toggle {
        margin-top: 11px;
        margin-bottom: 6px;
        margin-right: 10px;
    }

    .navbar-toggle .icon-bar {
        width: 19px;
    }

    .nav.ace-nav {
        padding: 0 10px 0 0;
        border: none;
    }

    .ace-nav > li {
        float: left !important;
    }

    .ace-nav > li:last-child {
        border: none;
    }

    .page-header-content {
        margin-top: 0;
        padding: 0;
    }

    .page-title {
        padding: 8px 20px 8px 10px;
    }

    .navbar-header a img.logo {
        padding-left: 10px;
    }

    #action_right-date_filter {
        width: 100%;
    }

    #action_right-date_filter .dropdown {
        margin-top: -32px;
    }

    .custom-navbar-wrapper .nav:not(.nav-list), .custom-navbar-wrapper .nav:not(.nav-list) > li > a, .custom-navbar-wrapper > li > a {
        background: #f5f5f5;
        background-color: #f5f5f5;
    }

    .custom-navbar-wrapper, .custom-navbar {
        height: 0;
    }

    /* Login */
    .login-layout .container-fluid .col-sm-12 {
        float: none !important;
    }

    .login-layout #menu-toggler,
    .login-layout .navbar .navbar-header.pull-right {
        display: none;
    }
}

@media only screen and (max-width: 676px) {
    #navbar .nav > li > a > [class*= "fa-" ]:first-child, #navbar .nav > li > a > [class*= "fa-" ]:first-child {
        min-width: 20px;
    }
    #navbar .ace-nav >li >a > [class*= "fa-" ] {
        width: 5px;
    }
    .navbar-header-right > .nav >li:first-child >a {
        padding-left: 0;
    }
}

@media only screen and (max-width: 460px) {
    .ace-nav {
        float: right !important;
    }
    .navbar .navbar-header.pull-right {
        display: inline-block;
        float: right !important;
    }
    #navbar-container .nav > li > .submenu, #navbar-container .nav > li > .dropdown-menu {
        border-left: none;
        border-rigth: none;
    }
}

@media only screen and (max-width: 991px) {
    #menu-toggler {
        display: none;
    }
    #sidebar {
        display: inline-block;
        float: left;
        position: static;
        z-index: 999;
        left: 0;
        bottom: auto;
        top: auto!important;
        margin-top: 0;
        border: 0;
        border-left-width: 0;
        box-shadow: none;
    }
    .navbar-header-right > .nav >li >a .menu-text {
        display: none;
    }
    #navbar .nav-list > li .submenu > .is_parent > .submenu {
        position: relative;
        left: 10px;
        border: none;
        width: calc(100% - 10px);
        min-width: auto;
        display: none;
    }
    #navbar .nav-list > li .submenu > .is_parent.open > .submenu {
        display: block;
    }
    #nav-items-hidden > li > .submenu {
        position: relative;
        left: 10px;
        border: none;
        width: calc(100% - 10px);
        min-width: auto;
        display: none;
    }
    .nav-list >li > .submenu li > .submenu >li > .submenu >li >a {
        padding-left: 0;
    }
}

.nav-list >li > .submenu li.open >a > [class*= "fa-" ]:first-child {
    display: none;
}

.nav-list >li >a {
    line-height: 50px;
}

#btn-nav-items-hidden {
    display: none;
}

.form-group .input-group .select2-selection__rendered {
    white-space: normal !important;
}

.ms-ctn.form-control {
    height: auto;
    min-height: 36px;
}

.col-form-field_attribute label {
    padding-left: 0;
}

.alert-component[class*=alert-styled-] {
    background-color: #fff;
}

.alert.alert-styled-left {
    border-left-width: 44px;
}

.alert:not(.ui-pnotify)[class*=alert-arrow-]:before, .ui-pnotify.alert[class*=alert-arrow-] > .brighttheme:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    border-left: 5px solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left-color: inherit;
    margin-top: -5px;
}


.icons-list {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1;
    font-size: 0;
}

.panel-flat > .panel-heading + .panel-body {
    padding-top: 0;
}

.heading-elements:not(.visible-elements) .icons-list {
    margin-top: 10px;
}

.icons-list > li {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    font-size: 13px;
}

.panel-flat .heading-elements {
    padding-top: 0;
}

.icons-list > li > a {
    cursor: pointer;
    color: inherit;
    display: block;
    opacity: 1;
}

.icons-list a[data-action] {
    vertical-align: middle;
    -webkit-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

.icons-list a[data-action]:after {
    font-family: icomoon;
    font-size: 16px;
    min-width: 16px;
    text-align: center;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icons-list a[data-action=close]:after {
    content: '\e9b6';
}

.icons-list a[data-action=reload]:after {
    content: '\e9fb';
}

.icons-list > li > a:focus, .icons-list > li > a:hover {
    opacity: .75;
}

.table-condensed.dataTable th {
    padding-left: 15px !important;
}

@media screen and (max-width: 992px) {
    #modal .modal-dialog {
        margin: 0;
    }
}

.col-form-field_daterange button.daterange-predefined {
    height: 36px;
}

.form-control:focus, .form-control.select2-container--focus {
    border-color: #2AA4FD !important;
}

.select2-container.select2-container--below.select2-container--open {
    border: 1px solid #2AA4FD !important;
    border-bottom: none !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container.select2-container--below.select2-container--open .select2-selection--single {
    border: none !important;
}

.select2-dropdown.select2-dropdown--below {
    border: 1px solid #26a69a;
    border-top: 0;
}

.ms-ctn .ms-trigger .ms-trigger-ico {
    vertical-align: middle;
}

.modal-backdrop + .daterangepicker.dropdown-menu {
    z-index: 2055 !important;
}

.table > tbody > tr.border-double > td, .table > tfoot > tr.border-double > td, .table > tbody > tr.border-double > th, .table > tfoot > tr.border-double > th {
    border-top-width: 3px;
    border-top-style: double;
    border-top-color: #ddd;
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #f8f8f8 !important;
    color: #333 !important;
    padding: 15px 20px;
}

.table.dataTable tbody tr.active:hover td, .table.dataTable tbody tr.active:hover th {
    background-color: #f8f8f8 !important;
}

/*.dataTables_scrollHead .table:first-child > thead > tr > th {
    line-height: 1.5384616 !important;
    vertical-align: middle !important;
    padding: 15px 20px !important;
}*/
.active.border-double {
    font-weight: 500;
}


.table.dataTable tbody tr.tr-group th > a, .table.dataTable tbody tr.tr-group td > a {
    color: #428bca;
}

.jqx-grid {
    margin: auto;
    margin-bottom: 20px;
}

.jqx-grid-content > div > div:hover .jqx-item {
    background-color: #26a69a;
    color: #fff;
}

/*layoutx*/
.login-layout-alt .layout-login-container {
    height: 100vh;
}

.login-layout-alt {
    padding: 0;
}

.login-layout-right .login-sidebar {
    float: right;
}

.login-layout-alt .layout-login-container .login-sidebar {
    width: 33%;
    height: 100%;
}

.login-layout-alt .layout-login-container .login-box {
    height: 100%;
}

.login-layout-alt .login-box .widget-main {
    background: transparent;
}

.login-layout-alt .widget-body {
    background-color: transparent;
}

.login-layout-alt .widget-box {
    background-color: transparent;
    border: none;
    margin: 0;
}

/*.login-layout-alt .layout-login-container .login-box {
	display: flex;
	align-items:center;
	justify-content:center;
}*/
.login-layout #main-container {
    background-size: cover;
    min-height: calc(100vh - 91px);
}

.login-layout-left .login-sidebar h1,
.login-layout-left .login-sidebar h2,
.login-layout-left .login-sidebar h3 {
    color: #fff;
    text-align: left;
}

.login-layout-right .login-sidebar h1,
.login-layout-right .login-sidebar h2,
.login-layout-right .login-sidebar h3 {
    color: #fff;
    text-align: right;
}

.login-layout-left .login-sidebar {
    text-align: left;
}

.login-layout-alt .authenticate-form input {
    background: transparent;
    border: none;
    border-radius: 0;
}

.login-layout-alt .authenticate-form input::placeholder {
    color: white;
}

.login-layout-alt {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.login-layout-alt .login-sidebar h1,
.login-layout-alt .login-sidebar h2,
.login-layout-alt .login-sidebar h3 {
    color: #fff;
    text-align: left;
    font-weight: 700;
}

.login-layout-alt .login-sidebar h1 {
    font-size: 41px;
}

.login-layout-alt .login-sidebar h2 {
    font-size: 18px;
    margin-top: 0;
}

.login-layout-alt .login-sidebar h3 {
    font-size: 18px;
}

.login-layout-alt .brand-heading {
    position: relative;
}

.login-layout-alt .login-top-message {
    margin-top: 70px;

}

.login-layout-alt .alt-fieldset {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
}

.login-layout-alt .alt-fieldset i {
    color: #fff;
}

.login-layout-alt .alt-fieldset input {
    color: #fff !important;
    padding-left: 10px;
}

.login-layout-alt .alt-fieldset .alt-label {
    position: absolute;
    left: 0;
    top: -20px;
    transition: all 0.5s ease;
}

.login-layout-alt .alt-login-box-bottom {
    width: 100%;
}

.login-layout-alt .forgot-password-link {
    display: none;
}

.login-layout-alt .bottom-box {
    border-bottom: none;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.font-weight-semibold {
    font-weight: 500;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.badge-mark {
    padding: 0;
    border: 2px solid;
    width: .5rem;
    height: .5rem;
    border-radius: 100px;
}

.badge-mark:empty {
    display: inline-block;
}

/*mediax*/
@media only screen and (max-width: 1200px) {
    .login-layout-alt .layout-login-container .login-sidebar {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .login-layout-alt .layout-login-container .login-sidebar {
        width: 100%;
    }

    .login-layout-alt .login-sidebar h1 {
        font-size: 32px;
    }

    .login-layout-alt .login-sidebar h2,
    .login-layout-alt .login-sidebar h3 {
        font-size: 16px;
    }
}

.table-cols-groups > thead > tr > th {
    border: 1px solid #ddd;
}

.table-cols-groups thead tr th:first-child {
    border-left: none;
}

.table-cols-groups > tbody > tr > td, .table-cols-groups > tfoot > tr > td {
    border: 1px solid #ddd;
}

.table-cols-groups > tbody > tr > td:first-child, .table-cols-groups > tfoot > tr > td:first-child {
    border-left: none;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: none !important;
    color: #333 !important;
    background-color: #f5f5f5 !important;
}

.dropdown-menu > li > a {
    padding: 8px 15px !important;
    outline: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


.page-header-content {

}


.custom-navbar-wrapper {
    /*position: absolute;
    top: 0;
    left: 150px;
    right: 440px;*/
    float: left;
    margin: 0 10px;
}

.custom-navbar-wrapper:before {
    left: -40px;
    right: auto;
}

.custom-navbar-wrapper:after {
    right: -40px;
    left: auto;
}


.url-dashboard .page-content {
    background: transparent;
}

@media (max-width: 991px) {
    .custom-navbar-wrapper {
        position: static;
    }
}


.fs10 {
    font-size: 10px;
}

.fs11 {
    font-size: 11px;
}

.fs12 {
    font-size: 12px;
}

.fs13 {
    font-size: 13px;
}

.fs14 {
    font-size: 14px;
}

.fs10b {
    font-size: 10px;
    font-weight: 700;
}

.fs11b {
    font-size: 11px;
    font-weight: 700;
}

.fs12b {
    font-size: 12px;
    font-weight: 700;
}

.fs13b {
    font-size: 13px;
    font-weight: 700;
}

.fs14b {
    font-size: 14px;
    font-weight: 700;
}


.list {
    margin: 0;
    padding: 0;
}

.list li {
    margin: 0;
    padding: 0 20px;
    border-top: 1px solid #f6f5f6;
    list-style: none;
}

.list.striped-danger li:nth-child(odd) {
    background-color: #fff2f9
}

.list.striped-primary li:nth-child(odd) {
    background-color: #eaf7ff
}

.table.table-custom {
    border: 2px solid #f6f5f6;
}

.table.table-custom th,
.table.table-custom td {
    border: 0 !important;
}

.table.table-custom > thead > tr > th,
.table.table-custom > tbody > tr > th,
.table.table-custom > tfoot > tr > th,
.table.table-custom > thead > tr > td,
.table.table-custom > tbody > tr > td,
.table.table-custom > tfoot > tr > td {
    vertical-align: middle;
}

.table.striped-danger tbody tr:nth-child(odd) {
    background-color: #fff2f9
}

.table.striped-primary tbody tr:nth-child(odd) {
    background-color: #eaf7ff
}

.table.table-custom-2 th,
.table.table-custom-2 td {
    border: 0 !important;
}

.table.table-custom-2 th {
    padding: 0 8px;
    height: 30px;
    background: #f9f9f9;
    border-bottom: 3px solid #FFF !important;
    vertical-align: middle;
    font-size: 10px;
    line-height: 1;
    color: #454545;
}

.table.table-custom-2 td {
    color: #747474;
}

.table-custom-2.striped-primary tbody tr:nth-child(odd) {
    background-color: #eaf7ff
}

.table-custom-2.striped-primary tbody tr:nth-child(even) {
    background-color: #d8f0ff
}

.table-custom-2.striped-warrning tbody tr:nth-child(odd) {
    background-color: #FFFBE9;
}

.table-custom-2.striped-warrning tbody tr:nth-child(even) {
    background-color: #FFF7D5
}

.button {
    display: inline-block;
    padding: 8px 15px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
}

.button.button-sm {
    padding: 7px 19px;
    background: #6EC2FF;
    font-weight: 400;
    font-size: 10px;
    color: #FFF;
}

.button-primary,
.button-primary:hover,
.button-primary:focus,
.button-primary:active {
    background: #6EC2FF;
    color: #FFF;
}

.button-warning,
.button-warning:hover,
.button-warning:focus,
.button-warning:active {
    text-decoration: none;
    background: #FFD008;
    color: #FFF;
}


/*dashboard map*/

.dashboard-map {
    position: fixed;
    top: 50px;
    left: 0;
    right: 440px;
    bottom: 0;
}

.dashboard-map .module-progress {
    position: absolute;
    top: 50px;
    left: 25px;
    right: 25px;
}

.dashboard-map .module-progress .progress {
    height: 26px;
    border-radius: 0;
}

.dashboard-map .module-progress .progress .progress-bar {
    line-height: 26px;
}

/*dashboard sidebar*/

.dashboard-sidebar {
    position: fixed;
    top: 50px;
    right: 30px;
    bottom: 0;
    padding: 20px 10px;
    width: 380px;
    overflow-y: auto;
    font-size: 12px;
    color: #747474;
}

.dashboard-sidebar .module {
    margin: 0 0 20px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    background: #FFF;
}

.dashboard-sidebar .module .module_title {
    padding: 13px 20px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #454545;
}

.dashboard-sidebar .module .module_title a {
    font-size: 10px;
    color: #2AA4FD;
}

.dashboard-sidebar .module table {
    margin: 0;
}

.dashboard-sidebar .module tr td {
    padding: 8px;
}

.dashboard-sidebar .module tr td:first-child {
    padding-left: 20px;
}

.dashboard-sidebar .module tr td:last-child {
    padding-right: 20px;
}

.dashboard-sidebar .module-visits .list li {
    position: relative;
    padding: 9px 20px;
    border-top: 1px solid #f6f5f6;
}

.dashboard-sidebar .module-visits .list li .form-group {
    margin: 0;
    padding: 0;
}

.dashboard-sidebar .module-visits .list li label {
    display: block;
    margin: 0;
    padding: 0 50px;
    font-size: 13px;
    font-weight: 700;
    color: #747474;
}

.dashboard-sidebar .module-visits .list li .switchery {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
}

.dashboard-sidebar .module-visits .list li .badge {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 991px) {
    .url-dashboard .page-content {
        padding: 0 10px;
    }

    .dashboard-map {
        position: static;
    }

    .dashboard-sidebar {
        position: static;
        padding: 20px 0;
        width: auto;
    }
}

/*table*/

.table.table-customstrip > thead:first-child > tr:first-child > th,
.table.table-customstrip > thead > tr > th,
.table.table-customstrip > tbody > tr > th,
.table.table-customstrip > tfoot > tr > th,
.table.table-customstrip > thead > tr > td,
.table.table-customstrip > tbody > tr > td,
.table.table-customstrip > tfoot > tr > td {
    border: 0;
    vertical-align: middle;
    font-size: 10px;
}

.table.table-customstrip thead {
    background: #f9f9f9;
}

.table.table-customstrip thead tr th {
    font-weight: 700;
    color: #747474;
}

.table.table-customstrip tbody:nth-child(even) tr:nth-child(even) {
    background: #ffe5f4;
}

.table.table-customstrip tbody:nth-child(even) tr:nth-child(odd) {
    background: #fff2f9;
}

.table.table-customstrip tbody:nth-child(even) tr:first-child {
    border-top: 3px solid #FFF;
}

.table.table-customstrip tbody:nth-child(even) tr:first-child td:first-child {
    border-right: 3px solid #FFF;
    background: #ffe5f4;
}

.table.table-customstrip tbody:nth-child(odd) tr:nth-child(even) {
    background: #f4f4f4;
}

.table.table-customstrip tbody:nth-child(odd) tr:nth-child(odd) {
    background: #fff;
}

.table.table-customstrip tbody:nth-child(odd) tr:first-child {
    border-top: 3px solid #FFF;
}

.table.table-customstrip tbody:nth-child(odd) tr:first-child td:first-child {
    border-right: 3px solid #FFF;
    background: #f4f4f4;
}

/*fancybox*/

.fancybox-skin {
    padding: 10px !important;
}

.fancybox-opened .fancybox-close {
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #FFF;
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    line-height: 1;
    color: #000;
}

.fancybox-opened .fancybox-close:after {
    display: inline-block;
    content: '×';
}

/*gallery*/

.gallery {
    margin: 0;
    padding: 0 20px;
    overflow: hidden;
    border: 1px solid #F0F0F0;
}

.gallery li {
    margin: 0;
    padding: 20px;
    float: left;
    width: 33.333%;
    list-style: none;
    text-align: center;
}

.gallery li a {
    position: relative;
    display: inline-block;
}

.gallery li a img {
    display: block;
    width: 100%;
}

.gallery li a .zoom {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .3);
    text-align: center;
    font-size: 18px;
    line-height: 44px;
    color: #FFF;
}

.gallery li a .zoom:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    content: '\f00e';
}

.navbar .navbar-header {
    position: relative;
}

#navbar-container .navbar-header-left {
    margin: 0 15px !important;
}

#navbar-container .navbar-header-left:after {
    content: ' ';
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: -15px;
    width: 1px;
    height: 20px;
    background: #F0F0F0;
}

#navbar-container .navbar-header-right:before {
    content: ' ';
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: -1px;
    width: 1px;
    height: 20px;
    background: #F0F0F0;
}

/*.logo-company {*/
/*	position: absolute;*/
/*	top: 7px;*/
/*	right: 310px;*/
/*}*/

#alerts-client_id-a{
    height: 50px;
    display: flex;
    align-items: center;
}

#select_client .dd-selected {
    width: 80px;
    padding: 0;
    /*padding: 12px 0 12px 14px !important;*/
}

#select_client .dd-option {
    display: flex;
    align-items: center;
    justify-content: center;
}

#select_client .dd-selected-image {
    width: unset !important;
}

#select_client .dd-option-selected {
    background: unset;
}

#select_client .dd-options {
    max-width: 82px;
}

#select_client .dd-option {
    padding: 7px;
}

#select_client .dd-select {
    max-width: 82px;
    border: none;
    background: unset !important;
}

#select_client {
    max-width: 82px;
}

.img-logo-company {
    width: 50px;
}

.progress-bar-gray {
    background-color: #FFD008;
}

.label-gray {
    background-color: gray;
}

.url-dashboard .progress {
    display: flex;
    overflow: visible;
}

.url-dashboard .main-container .dashboard-map .progress-bar {
    float: none;
    width: unset;
    line-height: inherit;
    display: flex;
    flex: 1;
    padding: 3px 5px;
}

.url-dashboard .progress-bar-text {
    height: 100%;
    display: inline-flex;
}

.url-dashboard .progress-bar-label {
    white-space: nowrap;
    margin-right: 5px;
}

.dashboard-map .gm-style-mtc {
    display: none
}

.progress-bar-warning {
    background-color: #F04D30;
}

.badge.badge-gray {
    background-color: #FFD008 !important;
}

/*CSS for multiple tables*/
.panel-child, .panel-child > .panel-heading {
    background: #f6f6f6;
}

.panel-child table tr th, .panel-child table tr td, .panel-child .tab-content {
    background: #fff !important;
}

.panel-child > .panel-heading > .btn-group .btn {
    padding: 5px 10px;
}

.panel-child > .panel-body .panel-child, .panel-child > .panel-body .panel-child > .panel-heading {
    background: #fff;
}

.panel-child > .panel-body .panel-child > .panel-heading > .btn-group .btn {
    padding: 3px 8px;
}

.panel-child .panel-child > .panel-body .panel-child > .panel-heading > .btn-group .btn {
    padding: 2px 5px;
}

.panel-child .panel-child > .panel-body .panel-child, .panel-child .panel-child > .panel-body .panel-child > .panel-heading {
    background: #f6f6f6;
}

/*END*/

#f5dc2e73155d06_cfg{
    display: inline;
    float: left;
    width: 700px;
}

.right{
    float: right;
}

.dashboard-sidebar-reverse{
    right: unset;
    left: 30px;
    position: unset;
    width: unset;
}

.dashboard-sidebar-reverse .module-visits .list li label{
    padding: 0;
}

.{
    min-height: 30vh;
}

.flex{
    display: flex;
}

.flex-space-evenly{
    justify-content: space-evenly;
}

.report-label{
    font-size: 14px;
    font-weight: 700;
    color: #747474;
    padding-right: 50px;
}

.padding-30{
    padding:30px;
}