/*layout*/
@media (min-width: 1440px){
    .container {
        max-width: 1400px;
    }
}
.help-block-error{
    color: #dc3545;
    margin: 6px 2px;
}

.navbar .user img {
    margin-left: 0;
}
.navbar .header-icons {
    margin-right: 0
}
.navbar .user .name {
    margin-left: 10px;
}

.backend .dropzone-field .btn-xs{
    border-radius: 0;
    padding: 5px 10px;
    float: right;
    margin-top: -8px;
}
.backend #redeem-datatable .btn-xs{
    font-size: 11px;
}
div.dt-button-collection{
    left: inherit !important;
    right: 0;
}
.domain-switch .btn-xs{
    padding: 0;
}
.domain-switch .btn-xs button{
    color: #878787;
    padding: 5px;
    padding-right: 10px;
}

.flag-switch{
    display: inline-block;
    vertical-align: bottom;
}
.flag-switch h3{
    font-size: 14px;
}
.flag-switch img{
    height: 20px;
}
.navbar .user img.img-thumbnail{
    border-radius:0;
}
.backend .dropzone .dz-preview .dz-image {
    position: static;
}
.menu .main-menu ul li i {
    font-size: inherit;
    line-height: inherit;
}
.backend .menu ul li a {
    height: 60px;
    white-space: nowrap;
}
.backend .menu .sub-menu ul li a {
    height: inherit;
}
.form-box-sub-header, 
.company-form .form-box-sub-header {
    margin-bottom: 20px;
    margin-top: 20px;
    color: #145388;
    padding: 5px 10px;
}
.form-box-sub-header {
    border: 0;
    border-bottom: 1px solid #ddd;
    background-color: transparent;
}
.company-form h4.form-box-sub-header:before,
h4.form-box-sub-header:before{
    font-size: 1rem;
    margin-bottom: 0;
    margin-right: 5px;
}
.company-form h4.form-box-sub-header:before,
h4.form-box-sub-header:before{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 10px;
}
/*layout ..end*/
/*datatable*/
 .backend .datatable_container .btn{
    border-radius: 0;
}
.datatable_container .select2-container--krajee-bs4 .select2-selection--single{
    height: 30px;
}
.datatable_container .modal .select2-container--krajee-bs4 .select2-selection--single{
    height: inherit;
}

 .backend .datatable_container .btn{
    padding: 3px;
}
div table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.control:before,
div table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"].parent>td.control:before {
    font-family: simple-line-icons;
    content: "\e095";
    padding-top: 16px;
}
div table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"].parent>td.control:before {
    content: "\e615";
}

.select2-container--krajee-bs4 .select2-selection--single .select2-selection__clear{
    margin-top: -3px;
}
div.dataTables_wrapper div.dataTables_filter input[type=search]{
    margin-left: 5px;
    height: inherit;
    padding: 4px 6px;
    width: 180px;
}

div.dataTables_wrapper div.dataTables_filter{
    margin: 0 auto;
}

@media (max-width: 991px){
    div.dataTables_wrapper div.dataTables_filter input[type=search]{
        margin-left: inherit;
        height: inherit;
        width: 100%;
        padding: 10px;
    }
    div.dataTables_wrapper div.dataTables_filter label{
        width: 100%;
    }
    div.dataTables_wrapper div.dataTables_filter,
    .dataTables_wrapper .dataTables_filter{
        max-width: 100%;
        padding: 10px 20px;
        margin-bottom: -15px;
    }
}
@media (max-width: 767px){
    .datatable_container .dataTables_wrapper .dataTables_mobile-filter {
        padding-left: 18px;
    }
    .dataTables_overflow_wrapper{
        overflow:auto;
    }
}
/*record form*/
.tab-pane.active{
    padding: 30px;
}

body .company-form .nav-tabs > li.active > a, body .company-form .nav-tabs > li.active > a:hover, body .company-form .nav-tabs > li.active > a:focus{
    background: none;
}

.input-group > .form-control:disabled{
    background-color: #e9ecef;
}

.form-group .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 3px;
}
.form-box-sub-header,
.company-form .form-box-sub-header{
    margin-bottom: 20px;
    margin-top: 20px;
}

.kv-container-from,
.kv-container-to{
    padding: 0;
    margin: -1px;
}
body .datetime-group{
    margin: 0;
}
body .datetime-group .date{
    padding-right: 20px;
}
body .kv-container-from input,
body .kv-container-to input{
    background: transparent;
    border: 0;
}
.daterangepicker{
    margin-right: 55px;
}
.backend .btn.btn-clear-datepicker,
.backend .datatable_container .btn.btn-clear-datepicker{
    position: absolute;
    border-radius: 2px;
    margin-top: 1px;
    padding: 0.5rem 1.25rem 0.5rem 1.25rem;
}
body .company-form .no-top-margin{
    margin-top: 0;
}

.list-group-item .badge{
    float: right;
}
.form-group .control-label{
    min-height: 24px;
    padding-top: 5px;
}
.backend .specialoffers-variations .form-group,
.backend .ticket-variations .form-group,
.backend .ticket-pickuppoints .form-group{
    width: 100%;
}
.backend .specialoffers-variations .btn,
.backend .ticket-variations .btn,
.backend .ticket-pickuppoints .btn{
    border-radius: 3px;
    padding: 5px;
}
.btn-primary .dropdown-toggle{
    color: #fff;
}
.dropdown-item img{
    height: 25px;
    margin-right: 5px;
}
.backend .btn.buttonDetail,
.backend .btn.buttonDelete,
.backend .btn.buttonAdd,
.backend .btn.btn-primary.btn-dropdown{
    width: 100px;
    margin-bottom: 5px;
    padding: 1px !important;
}
.backend .btn.buttonDetail,
.backend .btn.buttonDelete{
    width: 60px;
}

.backend .btn.btn-primary.btn-dropdown .btn.dropdown-toggle{
    padding: 3px;
}
.backend .btn.btn-primary.btn-dropdown{
    border-radius: 3px;
    padding: 5px;
}
.backend .btn.btn-primary.btn-dropdown .btn{
    padding: 5px 3px;
}
.backend .ticket-variations .btn.buttonDetail,
.backend .ticket-variations .btn.buttonDelete,
.backend .ticket-variations .btn.buttonAdd,
.backend .ticket-variations .btn.buttonAddParticipant,
.backend .ticket-variations .btn.buttonAddUPUser,
.backend .ticket-pickuppoints .btn.buttonDelete,
.backend .ticket-pickuppoints .btn.buttonAdd{
    padding: 5px !important;
    margin-bottom: 5px;
}
.backend .btn-xls.btn-primary{
    margin-bottom: 5px;
}

.backend .btn.btn-primary .dropdown-toggle{
    margin-bottom: 0;
}

.backend .ticket-variations .btn.buttonAddParticipant,
.backend .ticket-variations .btn.buttonAddUPUser{
    margin-right: 3px;
}
.backend .datetime-group input.form-control{
    border-radius: 0;
}
/*editable*/
.kv-editable-inline{
	padding: 5px;
}
.kv-editable-inline .card-header{
    padding: 11px 13px;
    padding-right: 11px;
    border-radius: 10px 10px 0 0;
}
.kv-editable-inline .card-body{
    padding: 8px 15px;
    padding-top: 4px;
}
.kv-editable-inline .card-body textarea{
    width: 500px;
}
.kv-editable-inline .card-header .close{
	margin-top: -4px;
}
.kv-editable-inline .card-footer{
	border-radius: 0 0 10px 10px;
}
.kv-editable-inline .card-footer{
	border-radius: 0 0 10px 10px;
}
.kv-editable-inline .card-footer button{
	border-radius: 0;
}
.kv-editable-inline .card-footer .kv-editable-submit{
	border-radius: 0 0 5px 0;
}
.backend .btn.kv-editable-button{
    padding: 5px;
}
/*recordview*/
.card .backend .btn.badge{
    max-width: 70px;
    position: absolute;
    right: 7px;
    top: 7px;
    border-radius: 8px;
}
 body.backend .datatable_container .btn-item-type,
 body.backend .btn-item-type{
    width: 300px;
    text-align: left;
    padding: 5px 9px;
    padding-right: 4px;
    border-radius: 3px;
}
.indicom-application-view .row .btn{
    padding: 3px 7px;
    border-radius: 2px;
    border: 1px solid #82828291;
}
.list-group-item .btn{
    border-radius: 0px;
    padding: 0px 7px;
    margin: 0 3px;
}
/*confirm*/
.backend .btn-pnotify-no{
    padding: 1px 12px;
    color: #131113;
    background-color: #ececec;
    border-color: #ececec;
}
.backend .btn-pnotify-no:hover{
    color: #131113;
    background-color: #d8d8d8;
    border-color: #d8d8d8;
}
.backend .btn-pnotify-confirm-btns{
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    border-radius: 0;
}
.backend .btn-pnotify-confirm-btns:hover{
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}
.ui-pnotify-title{
    line-height: 15px;
    margin-bottom: 14px;
    margin-left: 16px;
}
/*rounded*/
.backend .ui-pnotify-container{
    border-radius: 5px;
}
.backend .btn-pnotify-no,
.backend .btn-pnotify-confirm-btns{
    border-radius: 5px;
    min-width: 70px;
    box-sizing: border-box;
}
.backend .btn-pnotify-no{
    right: 10px;
    top: 3px;
}
/*img*/
img.file-preview-image{
    width:auto;
    height:auto;
    max-width:200px;
    max-height:180px;
}
.dropzone-field .backend .btn-danger{
    border-radius: 0;
    padding: 3px 8px;
}

.dropzone-field .backend .btn-danger .fa-times{
    color: #8f2020;
}
/*pdf*/
.fancybox-slide--iframe .fancybox-content{
    background: transparent;
}
/*pdf designer*/
.tool-pdf-designer .btn{
    border-radius: 0;
    padding: 4px 12px;
    margin: 3px 1px;
}
.tool-pdf-designer h4{
    padding: 5px;
}
.tool-pdf-designer .companyTitle{
    display:none;
}
.tool-pdf-designer .select2{
    margin-right: 5px;
    margin-left: 15px;
}
.tool-pdf-designer .btn-draggable{
    cursor: move;
}
.tool-pdf-designer .btn-controller{
    padding: 1px 4px;
    margin-top: 1px;
}
.tool-pdf-designer select{
    padding: 2px 2px;
    margin: 3px 1px;
}
.tool-pdf-designer .difference{
    padding: 0px 3px;
    margin: 3px;
}
.backend #copy-settings-form .btn,
.backend #pdf-upload-form .btn,
.backend #pdf-upload-form .btn{
    border-radius: 0;
}
/*search+autocomplete*/
.search .easy-autocomplete.eac-bootstrap input.form-control{
    border: 0;
}
.easy-autocomplete ul li {
    margin-bottom: 0;
}

.easy-autocomplete{
  width:100% !important
}

.easy-autocomplete input{
  width: 100%;
}

.form-wrapper{
  max-width: 500px;
}
div.easy-autocomplete-container{
    width: 400px;
}
/*custom datatables*/
.margin-left-37{
    margin-left:37px;
}

/*layout**/
.sub-show-temporary .menu .sub-menu {
    width: 300px;
}

.backend .btn.btn-rotate-btns{
    border-radius: 0;
    padding: 10px;
    width: 42px;
    margin-right: 1px;
    margin-top: 1px;
}
.rotateBtns-container{
    margin-left: -4px;
}
.dropzone-field{
    margin-top: 10px;
}
.dropzone{
    border-width: 1px;
}
.dz-remove{
    color: #dc3545;
    margin-top: 6px;
}


/*bookkeeper*/
.s2-input-group button.btn{
    position: absolute;
    height: 100%;
}
.s2-input-group .input-group-prepend button.btn{
    margin-left: -52px;
}



/*csscheckbox*/

.csscheckbox {
    margin: 1px 0;
    padding: 7px 0;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
}

.csscheckbox input {
    position: absolute;
    opacity: 0;
}

.csscheckbox span:not(.text) {
    position: relative;
    display: inline-block;
    margin-top: -2px;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: rgba(250, 250, 250, .25);
    border: 1px solid #dae0e8;
    vertical-align: middle;
}

.csscheckbox span:hover {
    background: rgba(250, 250, 250, .75);
}

.csscheckbox span:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}

.csscheckbox input:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.csscheckbox input:checked + span:after {
    background-color: #c3c3c3;
}

.csscheckbox-default input:checked + span:after {
    background-color: #dae0e8;
}

.csscheckbox-warning input:checked + span:after {
    background-color: #deb25c;
}

.csscheckbox-danger input:checked + span:after {
    background-color: #de815c;
}

.csscheckbox-info input:checked + span:after {
    background-color: #5cafde;
}

.csscheckbox-success input:checked + span:after {
    background-color: #afde5c;
}

.csscheckbox-primary input:checked + span:after {
    background-color: #5ccdde;
}

.csscheckbox input.overall-commision{
    opacity: 1;
    width: 70px;
    margin-top: -2px;
    font-size: 13px;
    border: 1px solid #e2e2e2;
    background-color: white;
    padding: 2px;
    padding-top: 3px;
}
/***********dashboard*/
.card-dashboard{
    margin-right: 15px;
    margin-bottom: 15px;
}

.card-dashboard:nth-child(3n){
    margin-right: 0;
}

.card-dashboard .card-body{
    padding: 15px;
}
.card-dashboard .fa-ul{
    padding-top: 15px;
}
@media (min-width: 768px){
    .card-dashboard.col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 31%;
    }
}
/*calendar*/
.cal-month-day {
    height: 100px;
    padding: 5px 10px;
    background: #fff;
}
.claimed-calendar-index .pull-left{
    float:left;
}
.claimed-calendar-index .pull-right{
    float:right;
}
.calendar-month a{
    clear:both;
}
.backend #turnover_type_btn_group .btn{
    border-radius: 2px;
    padding: 2px 3px;
}
/************login*************/
.btn-login{
    border-radius: 3px;
    padding: 10px 30px;
}
.btn-sendlogin{
    padding: 14px 10px;
}
.login-flags{
    text-align: right;
}
@media (max-width: 767px){
    .login-flags{
        text-align: center !important;
        float: none;
    }
    .login-logo{
        text-align: center;
        margin-bottom: 18px;
    }
    .hide-mobile{
        display: none;
    }
}


@media (min-width: 992px) and (max-width: 1200px){
    .login-logo img{
        height: 80px;
    }
}

body #backend-login-form .invalid-feedback,
#modalSendPassword .invalid-feedback{
    display: block;
    text-align: center;
}

/*dahsboard*/
.card.link-icon{
    float: left;
    margin: 20px 0;
}

.card.link-icon i{
    font-size: 40px;
    margin-bottom: 15px;
}
.card.link-icon .lead{
    margin-top: 15px;
    line-height: 20px;
    margin-top: 16px;
}
.card.link-icon i,
.card.link-icon .lead{
    color: #145388;
}
.card.link-icon .card-text{
    color: #8f8f8f
}
.card.link-icon{
    margin: 15px;
    margin-top:0;
}
.changelog h3{
    margin-bottom: -20px;
}
.logo-dashboard{
    text-align: center;
    padding: 30px 60px;
}
.logo-dashboard img{
    width: 300px;
}

/*mobile version*/
.logo-dashboard img{
    max-height: 170px;
}
.dashboard-desktop-right{
    float: right;
}

@media (max-width: 1200px){
    .logo-dashboard img{
        max-width: 100%;
    }
    .dashboard-desktop-right{
        float: none;
    }
}
@media (min-width: 1200px) and (max-width: 1350px){
    .logo-dashboard img{
        width: inherit;
        height: inherit;
    }
}

.mobile-margin-bottom-15{
    margin-bottom: 0;
}
.mobile-flag-switch{
    display: none;
}
.desktop-text-right{
    text-align: right;
}
.mobile-center{
    text-align: inherit;
}
@media (max-width: 991px){
    .navbar .user,
    .navbar .domain-switch,
    .navbar .header-icons{
        display: none !important;
    }
    .navbar .navbar-right{
        display: none;
    }
    .navbar .navbar-logo{
        margin-right: 5px;
    }
    .flag-switch{
        display: none;
    }
    .mobile-margin-bottom-15{
        margin-bottom: 15px;
    }
    .changelog h3 {
        margin-bottom: 10px;
    }
    .mobile-flag-switch{
        display: inline-block;
        margin-left: 10px;
    }
    .mobile-flag-switch img{
        border-radius: 25px;
    }
    .dataTables_wrapper div .dataTables_filter{
        padding: 10px 25px;
        text-align: center;
        margin-bottom: -10px;
    }
    
    .desktop-text-right{
        text-align: left;
    }
    .mobile-center{
        text-align: center;
    }
}
.translation-input{
    width:400px;
}

.desktop-float-left{
    float: left;
}
.desktop-float-right{
    float: right;
}
.mobile-text-center{
}
.mobile-margin-5{
}
.mobile-only{
    display: none;
}

@media (max-width: 1360px){
    .month-summary-month-select,
    .month-summary-buttons{
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .month-summary-buttons .float-right{
        float: none !important;
        margin: 0 auto;
        text-align: center
    }
    div.month-summary-month-select{
        padding-right: 60px;
    }
}
@media (max-width: 767px){
    .datatable_container .dataTables_wrapper .datatable-mobile-only, 
    .datatable_container .dataTables_wrapper .dataTables_mobile-filter {
        margin-bottom: 10px;
    }
    .company-month-summary-search .field-companymonthsummarysearch-monthdate{
        max-width: 80%;
        text-align: center;
        margin: 10px auto;
    }
    .btn-month-summary-language{
        margin: 5px;
    }
    .translation-input{
        width: 100%;
        min-width: 100px;
    }
    .desktop-float-left{
        float: none;
    }
    .desktop-float-right{
        float: none;
    }
    .mobile-text-center{
        text-align: center;
    }

    .mobile-margin-5{
        margin: 5px;
    }
    
    .mobile-only{
        display: block;
    }
    .navbar .navbar-left {
        flex-basis: inherit;
    }
}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; font-weight:bold; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
.autocomplete-suggestions{
    margin-top: -146px;
    position: fixed;
}
@media (max-width: 767px){
    .autocomplete-suggestions{
        margin-top: -100px;
    }
}