/*!
 * 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;}
.ct-form-group .form-select { font-weight: 600 !important; }
.ct-form-group .form-select option:first-child{ font-weight: 400 !important; padding: 5px 0px;}
.ct-form-group .form-select option{ font-weight: 600 !important; padding: 5px 0px;}

@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: 13px;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 !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;}

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


/* for login screen */

/**/

@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: 6px 20px;
  border:1px solid #eee;
  box-shadow:inset 0px 0px 3px rgba(0,0,0,0.15);
  height:57px;
  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:50px;
}
div.slider .ui-slider-handle{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  box-shadow:2px 0px 4px -2px rgba(0,0,0,0.9),-2px 0px 4px -2px rgba(0,0,0,0.9);
  position:absolute;
  border-radius:0px;
  border:0px;
  margin:0px;
  background:#f1572d;
  padding-top:10px;
  height:48px;
  width:48px;
  top:3px;
  left:0px;
  margin-left:3px;
  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; }