/*!
 * Tabler (v1.0.0-alpha.7)
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm
 * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
 */.highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;font-size:.75rem;background:#354052;border-radius:3px;color:#fff}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:5px;background:0 0}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{background:#cbcfd6;background:#5d6675}.highlight .c,.highlight .c1{color:#a0aec0}.highlight .na,.highlight .nl,.highlight .nx,.language-css .highlight .na,.language-scss .highlight .na{color:#ffe484}.highlight .dl,.highlight .mh,.highlight .s,.highlight .s1,.highlight .s2{color:#b5f4a5}.highlight .language-js .nb,.highlight .mi,.highlight .nc,.highlight .nd,.highlight .nt{color:#93ddfd}.highlight .language-html .nt,.highlight .nb{color:#ff8383}.highlight .k,.highlight .kd,.highlight .n,.highlight .nv{color:#d9a9ff}.example{padding:2rem;margin:2rem 0;border:1px solid rgba(110,117,130,.2);border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.example-centered{justify-content:center}.example-centered .example-content{flex:0 auto}.example-content{font-size:.875rem;flex:1;max-width:100%}.example-bg{background:#f5f7fb}.example-code{margin:2rem 0;border-top:none}.example-code pre{margin:0;border-radius:0 0 3px 3px}.example+.example-code{margin-top:-2rem}.example-column{margin:0 auto}.example-column>.card:last-of-type{margin-bottom:0}.example-column-1{max-width:20rem}.example-column-2{max-width:40rem}.example-modal-backdrop{background:#354052;opacity:.24;position:absolute;width:100%;left:0;top:0;height:100%;border-radius:2px 2px 0 0}@media not print{.theme-dark .example-code{border:1px solid rgba(110,117,130,.2);border-top:none}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto .example-code{border:1px solid rgba(110,117,130,.2);border-top:none}}.card-sponsor{background:#dbe7f6 no-repeat center/100% 100%;border-color:#548ed2;min-height:316px}body.no-transitions *{transition:none!important}.toc-entry:before{content:'- '}.toc-entry ul{list-style:none;padding-left:1rem}.toc-entry a{color:#6e7582}.dropdown-menu-demo{display:inline-block;width:100%;position:relative;top:0;margin-bottom:1rem}.demo-icon-preview{position:-webkit-sticky;position:sticky;top:0}.demo-icon-preview svg{width:100%;height:auto;stroke-width:1.5;max-width:15rem;margin:0 auto;display:block}
input[type="password"]::-ms-reveal,input[type="password"]::-ms-clear {display: none;}
input::-ms-reveal,input::-ms-clear {display: none;}
/*# sourceMappingURL=demo.min.css.map */


.container-fluid {padding-left: 2rem;padding-right: 2rem;}
.markdown>table td, .markdown>table th, .table td, .table th, table th, table td {padding: 7px 4px;font-size: 12.5px;}
table td {color: #484848 !important;}
.table th {font-size: 12.5px!important;padding: 7px 2px;}
/* table tbody tr td {white-space: pre-line;word-break: break-all;} */
body table.dataTable.display tbody td {color: #484848 !important;}
.nav-item a .avatar + div {font-weight: 500!important;font-size: 14px;}
body .dataTables_wrapper .dataTables_paginate .paginate_button.current, body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {color: #fff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button {padding: 2px 13px!important;}
form .hasDatepicker {padding: 4.5px;}
.dataTables_wrapper  #example_filter input {width: 200px;}
input:placeholder {font-size: 14px;}
input {font-size: 14px;}
table.dataTable {margin: 15px 0 !important;}
.select2-container .select2-selection--single .select2-selection__rendered {text-align: left;}
.select2-results__option {font-size: 14px;}

@media (min-width: 992px) {
	table.text-nowrap {white-space: initial !important;}
}


/************ New Design Css **************/


/***** Login Page *****/

.btn-primary.theme_btn {color: #fff!important;background-color: #f1572d!important;border-color: #f1572d!important;transition:all 0.4s ease;padding: 10px 35px;width: auto;}
.btn-primary.theme_btn:hover {color: #fff!important;background-color: #000!important;border-color: #000!important;transition:all 0.4s ease;}
form.login {width: 50%;}
.theme_btn:focus {box-shadow: 0 0 0 0 rgba(65,129,205,.5)!important;}

.logo_side {background: #fef3e7;height: 100%;display: flex;align-items: center;justify-content: center;}
.form_side {height: 100%;display: flex;align-items: center;justify-content: center;background-image: url(../../images/bg_dot.png);background-size: contain;background-repeat: no-repeat;background-position: center center;}

form.login .form-group{position:relative;margin-bottom: 1.5rem !important;}
form.login label {position: absolute;top: 50%;left: 15px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-size: 14px;color: #333;pointer-events: none;
-webkit-transition: all 0.15s ease-out 0s;transition: all 0.15s ease-out 0s;}
form.login input {border: 0;border: 1px solid #868ba1;color: #000 !important;box-shadow: none;outline: none;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;border-radius: 8px;padding: 25px 15px 7px;}

form.login input:hover, form.login input:focus {border-color: #f1572d;}
form.login input:focus + label,
form.login input.has-value + label {top: 18px;font-size: 12px;color: #686868 !important;transition: all 0.4s ease;font-weight: 500 !important;}
form.login input:focus::-webkit-input-placeholder {color: transparent;}
form.login #alertmsg {color: #000;background-color: #fff9f9;border-left: 4px solid #eba6a5 !important;box-shadow: 0px 0px 2px 1px #eba6a5;border-radius: 4px;border-color: transparent;}
form.login #alertmsg b {font-weight: 400;font-size: 14px;}

.form_side .logo_lgin {display:none;}

@media (max-width: 767px) {
	.logo_side {display:none;}
	.form_side {display: block;height: auto;}
	.form_side .logo_lgin {display:block;}
	.form_side .logo_lgin img {width: auto;}
	.form_side form.login {width: 75%;margin: 0 auto;display: block;}
}

/***** Login Page *****/


.btn:focus,
.btn:active:focus {box-shadow:0 0 0 0 transparent;}
.btn-group-sm > .btn, .btn-sm {padding: 5px!important;}
.btn-primary, .btn-info {color: #fff;background-color: #1F3BB3!important;border-color: #1F3BB3!important;}
.btn-primary:hover, .btn-info:hover {color: #fff;background: #172d88!important;border-color: #1F3BB3!important;}


#navbar-menu ul li a {padding: 10px 8px !important;color: #000 !important;font-size: 15px!important;}
#navbar-menu ul li a.dropdown-item:hover {color: #fff !important;}
#navbar-menu ul li a.dropdown-item {font-size: 14px;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #f1572d!important;transition: all 0.15s ease-out 0s;}
.copyright .text {font-size: 14px;color: #2b2b2b;}
.copyright .text a {color: #f1572d;transition: all 0.15s ease-out 0s;}
.copyright .text a:hover {color: #2b2b2b;transition: all 0.15s ease-out 0s;}

.dataTables_wrapper .dataTables_filter input {border: 1px solid #dee2e6 !important;font-size: 0.875rem;border-radius: 4px;height: 2.75rem;}
.dataTables_wrapper .dataTables_filter input:hover, .dataTables_wrapper .dataTables_filter input:focus {border: 1px solid #f1572d!important;transition: all 0.15s ease-out 0s;}
.card .dataTables_wrapper .dataTables_paginate .paginate_button.current, .card .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .card .dataTables_wrapper .dataTables_paginate .paginate_button:hover {border: 1px solid #1E283D !important;background: #1E283D !important;transition: all 0.15s ease-out 0s;}
.forgot_pass a {border-bottom: 1px solid #000;margin: 10px 0;display: block;color: #000!important;transition: all 0.15s ease-out 0s;}
.forgot_pass a:hover {border-bottom: 1px solid#f1572d;color: #f1572d!important;transition: all 0.15s ease-out 0s;}

.tab_click .card-status-top {height: 0;}
.tab_click {border-radius: 10px;border: 0px;box-shadow: 0 0 0 0 transparent;}
.tab_click .card-body {padding: 15px;border-radius: 10px;background: #001c40;color: #fff;border: 0;cursor: pointer;}
.tab_click .card-body h3 {font-size: 15px;color: #74c0fc !important;transition: all 0.15s ease-out 0s;text-decoration-style: dotted;text-decoration-line: underline;}
.tab_click .card-body:hover h3 {color: #fff !important;text-decoration-style: initial;display: initial;transition: all 0.15s ease-out 0s;}

input, textarea, select {border: 1px solid #dee2e6 !important;font-size: 0.875rem;border-radius: 4px;}
input:hover, input:focus, 
textarea:hover, textarea:focus, textarea:active:focus,
select:hover, select:focus {border: 1px solid #f1572d!important;transition: all 0.15s ease-out 0s;}
.form-control:focus {box-shadow: 0 0 0 0rem rgba(32,107,196,.25);}

.card {box-shadow: 0px 0px 4px 1px #dbdbdb;}
.card .card-body {border-radius: 7px;}

table.dataTable thead .sorting_asc {background-image: url("../../images/sort_asc.png")!important;}
table.dataTable thead .sorting_desc {background-image: url("../../images/sort_desc.png")!important;}


.inpt_ani {position:relative;margin-bottom: 1.5rem !important;}
.inpt_ani label {position: absolute;top: 50%;left: 15px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-size: 14px;color: #333;pointer-events: none;
-webkit-transition: all 0.15s ease-out 0s;transition: all 0.15s ease-out 0s;}
.inpt_ani input {border: 0;border: 1px solid #868ba1;color: #000 !important;box-shadow: none;outline: none;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;border-radius: 8px;padding: 25px 15px 7px;}

.inpt_ani input:hover, .inpt_ani input:focus {border-color: #f1572d;}
.inpt_ani input:focus + label,
.inpt_ani input.has-value + label {top: 13px;font-size: 12px;color: #686868 !important;transition: all 0.4s ease;font-weight: 500 !important;}
.inpt_ani input:focus::-webkit-input-placeholder {color: transparent;}

.navbar-nav li.nav-item .nav-link .nav-link-title {border-bottom: 1px solid transparent;transition: all 0.4s ease;}
.navbar-nav li.nav-item .nav-link.active .nav-link-title {color: #f1572d;border-bottom: 1px solid #f1572d;transition: all 0.4s ease;}
.navbar-nav li.nav-item .nav-link:hover .nav-link-title {color: #f1572d;border-bottom: 1px solid #f1572d;transition: all 0.4s ease;}
#navbar-menu .navbar-nav li.nav-item ul li a.active {background-color: #f1572d !important;color: #fff !important;}

#deactivate_user, #activate_user, #activate_user1, .actv_unactv {width: 65px;text-align: center;}

/************ New Design Css **************/

/**/

@keyframes spaceboots {
  0% {
    box-shadow: 0 0 4px #f00;
    transform: translate(2px, 0);
  }
  10% {
    transform: translate(-1px, 0);
  }
  20% {
    transform: translate(-3px, 0);
  }
  30% {
    transform: translate(0px, 0);
  }
  40% {
    transform: translate(1px, 0);
  }
  50% {
    transform: translate(-1px, 0);
  }
  60% {
    transform: translate(-3px, 0);
  }
  70% {
    transform: translate(2px, 0);
  }
  80% {
    transform: translate(-1px, 0);
  }
  90% {
    transform: translate(2px, 0);
  }
  100% {
    box-shadow: 0 0 4px #800;
    transform: translate(1px, 0);
  }
}

.shake {
  animation-name: spaceboots;
  animation-duration: 0.3s;
  transform-origin: 50% 50%;
  animation-iteration-count: 1;
}

div.slider{
  background:#f4f4f4;
  overflow:hidden;
  user-select:none;
  position:relative;
  padding: 8px 20px;
  border:1px solid #eee;
  box-shadow:inset 0px 0px 3px rgba(0,0,0,0.15);
  height:62px;
  opacity:1;
  border-radius:8px;
  transition:opacity 300ms;
}
div.slider.poof{
  opacity:0;
}
div.slider p{
  text-align:center; margin: 7px 0 0; color: #8c8c8c;
}
div.slider .track{
  position:absolute;
  height:100%;
  top:0px;
  left:0px;
  right:59px;
}
div.slider .ui-slider-handle{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  box-shadow:2px 0px 8px -2px rgba(0,0,0,0.5),-2px 0px 8px -2px rgba(0,0,0,0.5);
  position:absolute;
  border-radius:0px;
  border:0px;
  margin:0px;
  background:#f1572d;
  padding-top:10px;
  height:48px;
  width:48px;
  top:6px;
  left:0px;
  margin-left:6px;
  color:#fff;
  font-size:28px;
  text-align:center; border-radius: 8px;
  transition:left 300ms;
}

div.slider .ui-slider-handle.touched{ 
    transition:none;
}

div.login-action {
	 
	position: relative;
}
.spinner_gutter{
  position:absolute;
  width:100%;
  min-height:50px;
  height:100%;
  top:0px;
  left:0px;
  /*display:none !important;*/
  display:none ;
}
.icon-lock{ font-family: FontAwesome; color:#fff;  }
.icon-lock:before { 
    content: ''; display: block; width: 18px; height: 18px;
    background-image: url("../img/lock-icon.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%;
}
.form-footer.login-form-footer button{ opacity: 0; visibility: hidden; padding: 0px !important; width: 0px !important; height:0px; }
/*.drop {display: none;}*/
.dataTables_wrapper .dataTables_filter label{ margin-bottom:15px; }

/**/
@media only screen and (max-width: 1400px) and (min-width: 1171px){
}

@media only screen and (min-width: 1361px) and (max-width: 1500px){}
@media only screen and (min-width: 1440px) and (max-width: 1550px){

}
@media only screen and (min-width: 1301px) and (max-width: 1439px){
  .nav-item a .avatar + div{  }
  .navbar-brand-image{ width:105px; }
  .nav-item a .avatar + div.d-none{ display: none !important; }


}
@media only screen and (min-width: 1200px) and (max-width: 1550px){ 
  .nav-item a .avatar + div{  }
  #navbar-menu ul li a{ font-size:14px !important; padding: 10px 8px !important; }
  .navbar .navbar-nav.order-md-last {  }
  .navbar .navbar-nav.order-md-last .avatar{ width:32px !important; height: 32px !important; }
} 
@media only screen and (min-width: 1200px) and (max-width: 1300px){
  .nav-item a .avatar + div.d-none{ display: none !important; }
  .navbar-brand-image{ width:120px; }
  #navbar-menu ul li a{ padding: 10px 6px !important; font-size:13px !important; }

}
@media only screen and (min-width: 1200px) and (max-width: 1360px){

}
@media only screen and (min-width: 1200px) and (max-width: 1440px){
  #navbar-menu ul li a{  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
  .logo_side .logo_lgin img{ max-width:270px; }
}

@media only screen and (min-width: 768px) and (max-width: 1199px){

  .navbar-expand-lg .navbar-toggler{ display: flex; }
  .navbar-expand-lg .collapse:not(.show) { display: none !important; }
  .navbar-expand-lg .navbar-collapse{ display:block !important; width:100%; }
  .navbar-expand-lg .navbar-collapse .flex-column
  .navbar-expand-lg .navbar-collapse.show{ display:block; }
  .navbar-expand-lg .navbar-collapse .flex-column { flex-direction: column !important;     align-items: stretch!important; }
  .navbar-expand-lg .navbar-nav { flex-direction: column !important; }
  .nav-link-icon{ display: inline-block !important; }
}
@media (max-width: 1199px){
  #navbar-menu li:hover > ul{ display:none; position: unset; }
  #navbar-menu ul{ padding:0px 10px !important; border-radius:6px; transition: ease .2s; }
  #navbar-menu ul ul, #navbar-menu ul ul ul{ padding:0px 0px !important; }
  #navbar-menu li ul.show{ display:block;
    border-bottom: 1px solid rgba(110, 117, 130, 0.2);
    border-top: 1px solid rgba(110, 117, 130, 0.2);
    background-color: #f5f7fb; background-color:#f0f0f1; }
  #navbar-menu ul li a{ outline: unset; }
  .navbar-expand-lg .navbar-toggler{ z-index:99999; }
  .navbar-expand-lg .navbar-collapse {  
    background: #fff;
    z-index: 10;
    padding: 0 0 20px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
    opacity: 0;
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 250ms ease-out, opacity 250ms ease-out;
    transition: transform 250ms ease-out, opacity 250ms ease-out;
    padding-bottom: 0px;
    position: fixed;
    width: 300px !important;
    z-index: 9999;
    height: 100vh !important;
    overflow-y: inherit !important;
    top: 0px;
    left: 0;
    right: auto;
  }
 
  .navbar-expand-lg .navbar-collapse.show { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); }
  .navbar-expand-lg .navbar-collapse.show .flex-column::after { content: ""; position: absolute; top: 0; left: -100%; width: 500%; height: 100vh; background-image: linear-gradient(120deg, #000, #000); opacity: .8; z-index: -5; }
  .navbar-expand-lg .navbar-collapse.show .flex-column::after { right: -500%; left: auto; position: fixed; }
  .navbar-expand-lg .navbar-collapse .flex-column{ padding-top: 106px !important; height:100%; position:relative; }
  .navbar-expand-lg .navbar-collapse .navbar-nav{ list-style: none; padding: 0; margin: 0;  height: 100%; /*max-height: 100% !important;*/ position: relative; max-height: calc(100vh - 0px) !important; overflow-y: auto;}
.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle:after{ width:9px !important; height:9px !important; position: absolute; top: 20px; right: 10px; -webkit-transition: all 150ms linear; transition: all 150ms linear; }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle.show:after{ transform: rotate(135deg); }
  .navbar-nav li.nav-item .nav-link:hover .nav-link-title{ border: 0px; color:#000; }
  .navbar-nav li.nav-item .nav-link.active { border-radius: 0px;   /*background-color: #f1572d;*/ }
  .navbar-nav li.nav-item .nav-link.active .nav-link-title{ color:#f1572d; border-bottom: 0px; }
  .navbar .container-fluid{ padding-left: 1rem; padding-right: 1rem; }
  #navbar-menu ul li{ width:100%; }
  #navbar-menu li ul.show li ul{ box-shadow: unset; background-color: #dfe1e6; border-radius: 6px; margin: 0px 6px; }
  .navbar .navbar-nav .nav-link .avatar{ margin-top:5px; }
  #navbar-menu ul li a.dropdown-item:hover, #navbar-menu ul li a.dropdown-item:focus{ background-color: transparent !important; color:#000 !important; }

  .path1, .path2{ stroke-dasharray: 104; stroke-dashoffset: -71; transition: 1s all ease; }
  .cross{ stroke-dashoffset: 68; }
  .mline{ stroke-dasharray: 41; stroke-dashoffset: -82; transition: 1s all ease; }
  .hide{ stroke-dasharray: 43; stroke-dashoffset: 130; }
  .svgburg{ /*position:absolute; left:50%; top:50%;*/ }
  #navbar-menu li ul.show{ margin-top:4px; }
  .navbar-expand-lg .navbar-collapse li a.show { border-radius:6px; background-color:#f0f0f1; }
  .navbar-expand-lg .navbar-collapse li ul.show li a.show{ background-color:transparent; }
  .nav-link-icon{ width:auto !important; height:auto !important; margin-right:8px; }
  .nav-link-icon .navbar-icon-image{ width:17px; height:auto; }
}

@media (max-width: 991px){

  .table-wrapper{ /*width:100%; padding-bottom: 15px; overflow-y: scroll;*/ }
  .dataTables_wrapper{ width:100%; padding-bottom: 15px; overflow-y: auto; }
  .container-fluid{ padding-right: 0.75rem; padding-left: 0.75rem; }

}
@media only screen and (min-width: 768px) and (max-width: 991px){
  .logo_side .logo_lgin img{ max-width:220px; }

}
@media (max-width: 767px){
  .page-header{ margin-bottom:1rem; }
  .copyright .text{ text-align: center !important; }
  .card .card-body{ padding: 0.85rem 0.85rem; }
  .add-user-sec{  }
  .add-user-sec .col-3.col-form-label{ width:100%; margin-bottom:0px; }
  .col-3.col-form-label{ width:100%; margin-bottom:0px; }
  .form_side .logo_lgin img{ max-width:270px; }
  .login h2.mb-5 { margin-top:2rem; margin-bottom:2rem !important; }
  .business_partner_sec .dataTables_wrapper .dataTables_filter { float:none; text-align: left; }
  .business_partner_sec .dataTables_wrapper .dataTables_filter label{ margin-bottom:0px; font-size: .875rem; display: block; }
  .business_partner_sec .dataTables_wrapper .dataTables_filter input{ width:100% !important; max-width:242px; margin: 5px 0px 0px; display: block; } 
  .card .card-body .form-select#business_opt{ position:unset !important; width: 100% !important; display:block; max-width:242px; margin-bottom:15px; }
  .page-header>*{ flex-shrink: 0 !important; flex: initial; }
  .dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.previous{ padding-left:0px !important; padding-right: 0px !important }

  .employee_partner_sec .dataTables_wrapper .dataTables_filter { float:none; text-align: left; }
  .employee_partner_sec .dataTables_wrapper .dataTables_filter label{ margin-bottom:0px; font-size: .875rem; display: block; }
  .employee_partner_sec .dataTables_wrapper .dataTables_filter input{ width:100% !important; max-width:242px; margin: 5px 0px 0px; display: block; }
  .card .card-body .form-select#head_opt{ position:unset !important; width: 100% !important; display:block; max-width:242px; margin-bottom:15px; }

}

@media (max-width: 640px){
  .form_side .logo_lgin img{ max-width:230px; }
  .form_side form.login{ width:90%; }
}