@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/* ---------- Default CSS ---------- */
body {
    background: #fff;
    /*font-family: 'Roboto', sans-serif !important;*/
    font-style: normal;
    font-family: "Lato", sans-serif !important;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 14px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family:'Lato', sans-serif !important;}
.pull-right{float:right;}
/*input[type=checkbox], input[type=radio]{margin-right:5px;}*/
/*.card {box-shadow: 0 3px 6px 0 rgba(32, 33, 36, .28);-webkit-box-shadow: 0 3px 6px 0 rgba(32, 33, 36, .28);-moz-box-shadow: 0 3px 6px 0 rgba(32, 33, 36, .28);}*/
footer.footer {display:none;}
.btn.disabled,
.btn.btnPr.disabled,
.btn.btnPrSmall.disabled,
.btn.btnPr.btnPrSmall.disabled,
.btn.btnPr.disabled:hover,
.btn.btnPrSmall.disabled:hover,
.btn.btnPr.btnPrSmall.disabled:hover,
.btn:disabled, .btn.btnPr:disabled, .btn.btnPr.btnPrSmall:disabled, .btn[disabled]:hover {
    background-color: #999999;
    cursor: no-drop;
    opacity: 1;
    box-shadow: none;
}
.dark-theme .btn.disabled, .dark-theme .btn:disabled {background-color: #727272 !important;}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: url('/images/icons/loader.gif') 50% 50% no-repeat rgb(249 249 249 / 75%);
    background-size: 15% !important;
}

.lightMode {display: none !important;font-size:18px;}
.darkMode {display: block !important;font-size:18px;}
.dark-theme .lightMode {display: inline-block !important;}
.dark-theme .darkMode {display: none !important;}


.form-control:disabled, .form-control[readonly] {background-color: #e5e5e5 !important;opacity: 1;color: #666;/*border: 1px solid #98b3ff !important;*/}
.dark-theme .form-control:disabled, .dark-theme .form-control[readonly] {background-color: #5c5c5c !important;border-color: #5c5c5c !important;}
/*hide default pasword eye icon in edge*/
input::-ms-reveal, input::-ms-clear { display: none;}
.form-control.hasDatepicker:disabled, .form-control.hasDatepicker[readonly] {background-color: transparent !important;}
.dark-theme .form-control.hasDatepicker:disabled, .dark-theme .form-control.hasDatepicker[readonly] {background-color: #232e48 !important;border-color:#333d52 !important;}
.form-control {height: 42px !important;border-radius: 8px;}
textarea.form-control {height:inherit !important;border-radius: 8px;}
.multiselect-dropdown {height: 42px !important;border-radius: 8px !important;padding:10px 10px !important; border: 1px solid #e1e1e1 !important;}
.multiselect-dropdown span.placeholder {color: #999 !important;}

/*ScrollBar*/
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;border-radius:10px;}
::-webkit-scrollbar{width:10px;height:10px;background-color:#F5F5F5;border-radius:10px;}
::-webkit-scrollbar-thumb{background-color:#1d2529 !important;border-radius:10px;}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar-track {box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background: #F5F5F5;border-radius:10px;}
*::-webkit-scrollbar {width:10px;height:10px;background-color:#F5F5F5;border-radius:10px;}
*::-webkit-scrollbar-thumb {background-color: #1d2529; border-radius: 10px;}
/* Works on Firefox */
/** { scrollbar-width: 12px; scrollbar-color: #9a9a9b #F5F5F5;}*/

/* Scrollbar Buttons */
/*::-webkit-scrollbar-button:single-button {background-color: #f1f1f1;display: block;border-style: solid;height: 10px;width: 10px;cursor: pointer;}*/
/* Up */
/*::-webkit-scrollbar-button:single-button:vertical:decrement {border-width: 0 8px 8px 8px;
    border-color: transparent transparent #555555 transparent;
}
::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    border-color: transparent transparent #777777 transparent;
}*/
/* Down */
/*::-webkit-scrollbar-button:single-button:vertical:increment {
    border-width: 8px 8px 0 8px;3
    border-color: #555555 transparent transparent transparent;
}
::-webkit-scrollbar-button:vertical:single-button:increment:hover {
    border-color: #777777 transparent transparent transparent;
}*/
/* Left */
/*::-webkit-scrollbar-button:single-button:horizontal:decrement {
    border-width: 8px 8px 8px 0;
    border-color: transparent #555555 transparent transparent;
}
::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
    border-color: transparent #777777 transparent transparent;
}*/
/* Right */
/*::-webkit-scrollbar-button:single-button:horizontal:increment {
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #555555;
}
::-webkit-scrollbar-button:horizontal:single-button:increment:hover {
    border-color: transparent transparent transparent #777777;
}*/

.relative {position:relative;}
::-webkit-input-placeholder{/* Edge */color:#616161 !important;}
:-ms-input-placeholder{/* Internet Explorer */color:#616161 !important;}
::placeholder{color:#616161 !important;}
tr:nth-child(odd){background-color:#fff !important;}
tr:nth-child(odd) td{background-color:#fff !important;}
tr:nth-child(even){background-color:#fff !important;}
tr:nth-child(even) td{background-color:#fff !important;}
table {}
table tr {}
table thead th, table.dataTable thead th {padding: 8px 10px!important;vertical-align: middle!important;border-bottom:none !important;}
table tr th {padding: 12px 10px!important;vertical-align: middle!important;font-size:13px;font-weight:400;}
table tr td {padding: 12px 10px!important;vertical-align: middle!important;font-size:13px;font-weight:400;}
table tr td a {color:#333; font-weight:400;}
table tr td a:not([href]):not([tabindex]) {color: #000;font-weight:600;}
table tr td a:not([href]):not([tabindex]):focus, table tr td a:not([href]):not([tabindex]):hover {color: #101b20;font-weight:600;}
.table td table td {border: none;}
.table tbody td a i {margin: 0 4px;font-size: 15px;}
.pdL8 {padding-left:8px;}
.pdR8 {padding-right:8px;}
.ui-checkbox, .ui-radio {padding-left:20px;}
.ui-checkbox .input-span, .ui-radio .input-span {height:15px;width:15px;top: 0px;}
.ui-radio .input-span::after { height: 9px;left: 2px;top: 2px;width: 9px;}
.ui-checkbox .input-span::after {width: 5px;height: 8px;left: 4px;top: 2px;}
.ui-checkbox-info input:checked ~ .input-span {background-color: #101b20;border-color: #3e3e3e;}
.table-responsive {border:1px solid #efefef;border-radius:10px;overflow-y:auto;}
.table-responsive table {border-radius:10px;margin-bottom:0; overflow:hidden;}
.padTop {padding: 5px 0;font-size: 12.5px;color: #333;}
.header-title {font-size: 18px;margin: 0 0 7px 0;color:#101b20;}
ul {list-style: none;padding: 0;}
/*.position-absolute {position:absolute;}*/

/* --- () () () () Theme Customize () () () () --- */
/*
body:not(.fixed-layout).sidebar-mini .page-sidebar { width: 60px;}
body.fixed-layout.sidebar-mini .page-sidebar { width: 60px;}
body.fixed-layout.sidebar-mini .content-wrapper {margin-left: 60px;}*/
.themeClass .theme-config, .themeClass .dropdown.dropdown-inbox, .themeClass .navbar-search {display:none;}
.themeClass .side-menu li .arrow { transform: rotate(270deg);}
.themeClass .side-menu li.active>a>.arrow { transform: rotate(90deg);}
.btn {padding: 10px 12px;cursor:pointer;border-radius: 5px;color: #000;}
.themeClass .btnPr,
.themeClass .btnPr:hover,
.themeClass .btnPr:focus
{background: #BFCFD1;border-color: #BFCFD1;color: #000;min-width: 100px;border: 0; cursor: pointer;padding: 10px 12px; font-size: 15px;border-radius: 5px;font-weight: 500;}
.themeClass .btnPr:hover, .btn:hover {box-shadow: 0px 2px 5px #b9b9b9;color:#000;}
.themeClass .btnPr.btnPrSmall {min-width: auto;padding: 10px 10px;}
.themeClass .btnPr.btnSmall {min-width: auto;}
.themeClass .page-heading .page-title {font-size: 22px;margin: 5px 0 25px 0;}
.themeClass .side-menu .heading { padding: 20px 15px 12px;display: block;font-size: 11px;text-transform: uppercase;letter-spacing:.2px;}
.themeClass .page-sidebar .side-menu.metismenu {height: calc(100vh - 120px); overflow-y: auto;padding-bottom:40px;}
.themeClass .page-sidebar .admin-block {position:fixed;bottom:0;background-color: #1d2529;padding: 5px 10px;}
.themeClass .page-sidebar ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.themeClass .page-sidebar ::-webkit-scrollbar{width:5px;height:5px;background-color:#F5F5F5;border-radius:10px;}
.themeClass .page-sidebar ::-webkit-scrollbar-thumb{background-color:#d8ee4e !important;border-radius:10px;}
.pagination .active > a, .pagination .active > a:focus, .pagination .active > a:hover, .pagination .active > span, .pagination .active > span:focus, .pagination .active > span:hover, .pagination .page-item.active .page-link {background-color: #d8ee4e;border-color: #d8ee4e;color: #000;}
.borderR8 {border-radius:8px;}
.borderR10 {border-radius:10px;}
.backBtns, .backBtns:hover, .backBtns:active, .backBtns:focus {background-color: #BFCFD1;color: #000;padding: 0px 10px;font-size: 12px;}

input[type=checkbox].switch_1{font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3em;height:1.5em;background:#fff;border-radius:3em;position:relative;cursor:pointer;outline:0;border:1px solid #333;transition:all .2s ease-in-out;margin-left:8px;margin-right:8px; margin-top:2px}
input[type=checkbox].switch_1:checked{background:#d8ee4e;border-color:#b4d100}
input[type=checkbox].switch_1:after{position:absolute;content:"";width:24px;height:24px;border-radius:50%;background:#333;box-shadow:none;-webkit-transform:scale(.8);transform:scale(.7);left:0;top:-1px;transition:all .2s ease-in-out}
input[type=checkbox].switch_1:checked:after{left:calc(100% - 1.5em)}
.page-title-box .page-title {text-transform: capitalize;letter-spacing: 0.04rem;font-size: 20px;color: #333;text-shadow: none;box-shadow: none;line-height: 35px;font-weight:600;margin:0;margin-bottom: 10px;}
.text-danger.field-validation-error, .text-danger.errorMsgs {font-size:12px;}



/*--- select2 oprion with search ---*/
.select2UI .select2-container {width:100% !important;} 
.select2UI .select2-container--default .select2-selection--single { border: 1px solid #d9d9d9 !important;color: #333;font-size: 14px;border-radius: 6px;padding: .45rem .9rem;height: 42px;} 
.cloneBrdrmarkSelect2.select2UI .select2-container--default .select2-selection--single {border-bottom: 1px solid #f7531f !important;}
.select2UI .select2-container--default .select2-selection--single .select2-selection__rendered {padding:0;}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true]:hover {background-color: #101b20 !important;color: #fff !important;border-top: 1px solid #4a4a4a;}
.select2-results__option {padding:8px 12px !important;color: #333 !important;}
.select2UI .select2-selection__rendered {pointer-events:none;}
.select2UI .select2-container--default .select2-selection--single .select2-selection__arrow {top:8px !important;}
/*--- select2 oprion with search end---*/


.datepicker {}
.datepicker table tr td.active, 
.datepicker table tr td.active:hover, 
.datepicker table tr td.today, 
.datepicker table tr td .month.active, 
.datepicker table tr td .month.focused, 
.datepicker table tr td .month.focused.active, 
.datepicker table tr td .year.active, 
.datepicker table tr td .year.focused, 
.datepicker table tr td .year.focused.active, 
.datepicker table tr td .decade.active, 
.datepicker table tr td .decade.focused, 
.datepicker table tr td .decade.focused.active, 
.datepicker table tr td .century.active,
.datepicker table tr td .century.focused, 
.datepicker table tr td .century.focused.active 
{background-image:none !important;background-color:#d8ee4e !important; color: #000 !important;}
.datepicker {z-index:999 !important;}
.datepicker {}
.selectDate .input-group-addon {font-size:20px;border-top-right-radius: 6px !important;border-bottom-right-radius: 6px !important;cursor:pointer;}

.pagination {display: inline-block;padding-left: 0;margin: 10px 0 0;border-radius: 4px;}
.pagination > li {display: inline;}
.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li > a, .pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #000;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination a.active {z-index: 2 !important;color: #000 !important;background-color: #d8ee4e !important;border-color: #d8ee4e !important;cursor: not-allowed !important;pointer-events: none !important;}
.pagination a.disabled {cursor: not-allowed !important;color: grey !important;pointer-events: none !important;}

.modal-dialog {border-radius: 15px;overflow: hidden;line-break: anywhere;}
.modal-dialog .modal-header {border: none;background-color: #f1f1f1;padding: 10px 15px;}
.modal-dialog .modal-header .modal-title {font-size: 20px;}
.modal-dialog .modal-footer {border: none;padding-top:0;}
.page-sidebar .admin-block .admin-info {margin-top: 10px;}
.page-sidebar .admin-block .admin-info .dropdown-menu {background-color: #101b20;border: 1px solid rgb(77 88 4);border-radius:8px;padding: 0px;overflow: hidden;}
.page-sidebar .admin-block .admin-info .dropdown-menu a {padding:8px;}
.page-sidebar .admin-block .admin-info .dropdown-menu a i {margin-right:8px;}


/* --- 0-0-0-0-0 Theme Color 0-0-0-0-0 --- */
.bgWhite {background-color:#fff;border:1px solid #e5e5e5;}
.bgDark {background-color:#1D2529;}
.bgGrey {background-color:#BFCFD1;}
.bgNion {background-color:#D8EE4E;}
.themeClass .page-sidebar {background-color: #1d2529; position: fixed;margin-top:0;}
.themeClass .header .page-brand {background-color: #101b20;}
.themeClass .side-menu li a {line-height:20px;}
.themeClass .side-menu li a .nav-label {display:inline;}
.themeClass .side-menu li a img {height:20px;width:20px;}
.themeClass .side-menu .nav-2-level>li>a {padding: 7px 10px 7px 38px; background-color: #101416;}
.themeClass .side-menu>li.active>a, .themeClass .side-menu>li.active>a:focus, .themeClass .side-menu>li.active>a:hover {background-color:#1a2124;}
.themeClass .side-menu li a.active { color: #d8ee4e;}
.themeClass .side-menu>li a:focus, .themeClass .side-menu>li a:hover {background-color: #131c20;}
.themeClass .content-wrapper {background-color: white;border-radius: 30px;padding-top: 25px !important;padding:0 20px 30px 20px;min-height:100vh;}
.themeClass .page-wrapper {background: #1a2124;}
.themeClass header.header {background-color:#131c20;overflow:hidden;box-shadow: 0 2px 4px rgb(0 0 0 / 5%); position: relative;}
.themeClass header.header .flexbox.flex-1 {background-color:#fff;border-top-left-radius:30px;border-top-right-radius:30px;}
.themeClass {}
.themeClass {}


/* ---- Login Page ---- */
.loginBG {background-color: #101b20;}
.loginBG .btn  {background-color:#d8ee4e;border-color:#d8ee4e;color:#000;padding:8px 10px;font-size:16px;font-size:600;border-radius:8px;cursor:pointer;}
.loginBG .btn:hover, .loginBG .btn:focus {background-color:#d8ee4e !important;border-color:#d8ee4e !important;color:#000 !important;box-shadow:1px 3px 8px #7c7c7c;}
.loginBG .content form {padding: 25px 20px 20px 20px;background-color: #101b20;border-radius: 25px;margin-top:50px;color: #989B9D;border: 1px solid #9E9E9E;font-size: 12px;}
.loginBG .content form label {color: #fff;}
.loginBG .content form a {color: #D8EE4E;} 
.loginBG .content form .form-control {background: transparent;border: 1px solid #666;height: 38px;border-radius: 5px;color: #fff;font-size:13px;}
.loginBG .content form .input-group-icon .input-icon {line-height: 40px;}
.loginRimgBox {position:relative;height:100vh;}
.loginRimgBox .loginRimg {position: absolute;top: 50%;left: 45%;transform: translate(-50%, -50%);}


/* ---- Dashboard UI ---- */
.searchbox {position:relative;}
.numTabSMSearch.topSearchBox .app-search {position:relative;}
.numTabSMSearch.topSearchBox form.app-search {width:100%;margin-right:0;margin-bottom:20px;}
.numTabSMSearch.topSearchBox form.app-search .form-control {height:45px;padding-left:12px;font-size:15px;border-radius:35px;}
.numTabSMSearch.topSearchBox .clearCrossIcon {top:20px;font-size: 22px;background-color: #fff;line-height:18px;}
.numTabSMSearch.topSearchBox .mnSearch {position: absolute;right: 12px;top: 12px;font-size: 18px;color: #ccc;}
.card.newDBbox {box-shadow:none;border-radius:15px;margin-left: 0;margin-bottom: 20px;}
.card.newDBbox .card-body {background-color:#d8ee4e;border-radius:15px;padding-top:15px;padding-bottom:10px;}
.card.newDBbox .card-body .control-label {font-size:15px;margin-bottom:4px; color: #000;}
.card.newDBbox .card-body .form-group {margin-bottom:10px;}
.card.newDBbox .card-body .form-control {background-color:transparent;border:1px solid #333 !important;min-height:40px;border-radius:12px;}
.card.newDBbox .btnPr {background:#fff;}
.tabPanelWraps .fa-square.active {color:#00a500;}
.tabPanelWraps .fa-square.onHold {color:#0df4ff;}
.tabPanelWraps .fa-square.inActive {color:#ffa707;}
.tabPanelWraps .fa-square.invoiced {color:#b452ff;}
.tabPanelWraps .fa-square.closed {color: red;}
.tabPanelWraps .fa-square.tracker {color: grey;}
.tabPanelWraps .card {margin-bottom:1px;}
.tabPanelWraps .card-body {padding:12px 12px 10px;}
.tabarowbg {background: #eef;padding-top: 15px;margin: 0;border-radius: 5px;}
ul.numTabSM {margin-left:0px;background-color: #1D2529;padding: 25px 15px; border-radius: 15px;display: flex;}
ul.numTabSM li {list-style: none;margin-right: 5px;background-color: transparent;box-shadow: 1px 1px 4px #b5b5b5;flex: 1 1 auto; text-align:center;color:#fff;box-shadow:none;}
ul.numTabSM li p {font-size:14px;font-weight:500; color: #fff;}
ul.numTabSM li p i {font-size:14px;}
ul.numTabSM li .bgA {padding: 10px 12px;border-radius: 10px;cursor: pointer; text-transform: uppercase;letter-spacing: .5px;font-weight: 400;}
ul.numTabSM li .bgA:hover {background-color: #BFCFD1;color:#000;}
ul.numTabSM li.totalNM {background-color:#BFCFD1;color:#000;cursor:default;}
ul.numTabSM li.active .bgA, ul.numTabSM li.active .bgA:hover {background-color:#d8ee4e;color:#000;font-weight: 500; /*background-image:linear-gradient(90deg,#2c2c2c,#1f8592,#3c95a0,#60a7b1);*/}
.themeClass .dataTables_wrapper.container-fluid {padding:0;} 
.progrssBox small {font-size:12px;color:#878484;}
.progrssBox .progress {height:10px;border-radius:12px;}
.progrssBox .progress-bar {height:10px;border-radius:12px;background-color:#BFCFD1;}
.srvID {line-height:22px;}
.srvID .badge {background-color: #D9E9E2;color: #43936C;padding: 0px 6px; border-radius: 8px;line-height: 17px;}

/* ---- Project details UI ---- */
.rightBOXwrap {width:100%;margin-right:30px;margin-top:15px;}
.urlBoxs {padding:12px 15px;border-radius:10px;margin-bottom:10px;color:#000;}
.urlBoxs .ttl1 {font-size:16px;font-weight:600; margin-bottom:7px;}
.urlBoxs .ttl2 {font-size:14px;font-weight:400; margin-bottom: 5px;line-height: 20px;line-break:anywhere;}
.urlBoxs .ttl2 a {float:right;color:#000;}
.urlBoxs.qsBox {border:1px solid #BFCFD1;color:#fff;padding: 15px 22px;}
.rightBOXwrap.fieldDatas {}
.rightBOXwrap.fieldDatas .urlBoxs {padding:15px 15px;margin-bottom:15px;}
.rightBOXwrap.fieldDatas .urlBoxs .ttl3 {font-size:24px;font-weight:500;margin-top: 20px; margin-bottom: 5px;line-height: 30px;}
.rightBOXwrap.fieldDatas .urlBoxs .bBox {background-color:#0A0A0A;color:#fff; border-radius:8px;padding: 4px 10px 6px;margin-top: 5px;display: inline-block;min-width: 75px;}
.rightBOXwrap.fieldDatas .urlBoxs {}
.rightBOXwrap.fieldDatas .urlBoxs.bgDark {border: 1px solid #bfcfd1;background-color: #1D2529;color: #fff;}

.topSearchBox.inSearchBox .notify-signal {height: 6px;width: 6px;position: absolute;top: -3px;right: -3px;background: #18c5a9;-webkit-border-radius: 50%;border-radius: 50%;}
.notifyBadge {display: flex;}
.numTabSMSearch.topSearchBox.inSearchBox form.app-search .form-control {height:50px;font-size:15px;}
.numTabSMSearch.topSearchBox.inSearchBox ::placeholder {color:#a1a1a1 !important;font-size:15px !important;}
.numTabSMSearch.topSearchBox.inSearchBox .mnSearch {right: 15px;top: 15px;font-size: 20px;}
.notifyBadge .bellIcon {border:1px solid #ccc;border-radius:30px;height:45px;padding: 15px 15px;margin-top: 3px;}
 
.tabMenu .nav-tabs {border-bottom: 1px solid #fbfbfb;background-color: #1D2529;color: #fff;padding: 15px 15px;border-radius: 20px;display:inline-flex;}
.tabMenu .nav-tabs .nav-link {border-radius: 12px;padding: 8px 15px;height: fit-content;margin: 0 2px;font-weight: 600;}
.tabMenu .nav-tabs .nav-link.active, .tabMenu .nav-tabs .nav-link:focus, .tabMenu .nav-tabs .nav-link:hover {color: #333;background-color: #d8ee4e;border-color: #d8ee4e;}
.dtlSurvey {}
.dtlSurvey .sr-code {font-size:26px;font-weight:600;}
.dtlSurvey .edit {color: #1d2529;}
.dtlSurvey .sr-cd-line {color:#333;font-weight:600;font-size: 13px;}
.cr-Right {}
.cr-Right ul {padding:0;display:inline-flex;}
.cr-Right ul li {display:inline-block;list-style:none;margin:0 3px;}
.cr-Right ul li .form-control {height:40px !important;border-radius:8px;}
.cr-Right ul li .btn {height:40px;border-radius:8px;}
.cr-Right ul li.sr-stats {position:relative;}
.cr-Right ul li.sr-stats .form-control {padding-left:20px;}
.cr-Right ul li.sr-stats i {position:absolute;top: 16px;left: 8px;font-size: 11px;}
.cr-Right ul li.sr-stats i.live {color:#43936C;}
.dtlSurvey {}

/*Accordion*/
.sr-dtl-collapse {margin-top:20px;border:0;line-height: 20px;}
.sr-dtl-collapse .card{margin-bottom:15px;border:0}
.sr-dtl-collapse .card .card-header{border:0;box-shadow:none;border-radius:2px;padding:0}
.sr-dtl-collapse .card .card-header .btn-header-link{display:block;text-align:left;background:#fff;color:#222;padding:15px 20px;border:1px solid #d9d8d8;border-bottom: 0;border-top-left-radius:10px;border-top-right-radius:10px;font-size: 16px;font-weight: 500;}
.sr-dtl-collapse .card .card-header .btn-header-link:after{content:"\f106";font-family:'Font Awesome 5 Free';font-weight:900;float:right}
.sr-dtl-collapse .card .card-header .btn-header-link.collapsed{background:#fff;color:#000;border:1px solid #d9d8d8;border-radius: 10px;outline:none;font-size: 16px;font-weight: 500;}
.sr-dtl-collapse .card .card-header .btn-header-link.collapsed:after{content:"\f107"}
.sr-dtl-collapse .card .collapsing{background:#fff;line-height:30px}
.sr-dtl-collapse .card .collapse{border:0}
.sr-dtl-collapse .card .collapse.show{background:#fff;color:#222;border:1px solid #d9d8d8;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.sr-dtl-collapse .form-control {height:42px !important;border-radius:8px;}
.sr-dtl-collapse textarea.form-control {height:inherit !important; }
.sr-dtl-collapse .form-control.disable {background-color:#EBEBEB;}
.sr-dtl-collapse .form-group label {margin-bottom:0;font-size:15px; line-height: 30px;} 
.sr-dtl-collapse .urlBoxs .ttl1 i {font-size:26px;}
/*Quota tab*/
.sr-dtl-collapse.target-collapse {margin-top:0;}
.sr-dtl-collapse.target-collapse {}
.sr-dtl-collapse.target-collapse .card {margin-bottom:5px;}
.sr-dtl-collapse.target-collapse .card-body {padding:2px 5px;}
.sr-dtl-collapse.target-collapse .tg-txt-line {margin-bottom:5px;}
.sr-dtl-collapse.target-collapse .tg-txt-line:last-child {margin-bottom:0px;}
.sr-dtl-collapse.target-collapse .tg-txt-line .tg-txt-icon {float:right;}
.sr-dtl-collapse.target-collapse .card .collapse.show { border: 1px solid #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.sr-dtl-collapse.target-collapse .card .card-header .btn-header-link {padding: 5px 1px; font-size: 14px;border: 1px solid #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.sr-dtl-collapse.target-collapse .card .card-header .btn-header-link .tg-icon {height:14px;margin-right: 5px;margin-top: -4px;}
.tag-search-box {margin-bottom:15px;}
.tag-search-box .ttlTag {font-size:16px;}
.tag-search-box .tag-search .form-control {height: 35px !important;border-radius: 5px;}
.tag-search-box .tag-search {position:relative;}
.tag-search-box .tag-search .searchIcon {position: absolute;right: 8px;top: 12px;font-size: 14px; background-color: #fff;color: #ccc;}
.target-DtlBox {}
.target-DtlBox .quotaAddd { display: inline-block;width: 100%;margin-bottom: 20px;}
.target-DtlBox .quotaAddd .qTxt { margin-top: 10px;display: inline-block;}
.target-DtlBox .quotaDetailsWrap { }
.target-DtlBox .quotaDetailsWrap a {color:#000;margin-left:5px;}
.target-DtlBox .quotaDetailsWrap .inputDtls input.form-control {width:70px;height: 35px !important;display:inline;}
/*Report tab*/
.reportDtlBoxWrap {padding:0;list-style-type: none;display: flex;flex-wrap: wrap;justify-content: space-between;}
.reportDtlBoxWrap li {list-style:none;flex: 1;margin-right: 5px;}
.reportDtlBoxWrap li:last-child {margin-right: 0px;}
.reportDtlBox {padding:10px 8px;border-radius:8px;font-size: 12px; font-weight: 600;min-height:120px;}
.reportTopHT {min-height:65px;}
/*Supplier mapping tab*/
.copySupURL {color: #101b20;font-weight: 600;border: 1px solid transparent;padding: 1px 0px 1px 3px;cursor: pointer;margin-right: 2px;}
.copySupURL:hover {border: 1px solid #101b20;}
.supCopyIcon .copySupURL {width: 5%;float: left;}
.logSwitch {text-align: right;margin-top: 10px;}


/*--- Supplier Pages UI ----*/
.numTabSM.SupClTabs {display: inline-flex;padding: 5px 0; background: none;}
.numTabSM.SupClTabs li.totalNM,.numTabSM.SupClTabs li.totalNM:hover {background-color:#101b20;}
.numTabSM.SupClTabs li.totalNM p {color:#fff;}
.numTabSM.SupClTabs li {padding:12px 15px;cursor:pointer; border-radius: 10px;font-weight:500;background-color:#BFCFD1;box-shadow: 0px 1px 5px #ddd;margin-right:10px;}
.numTabSM.SupClTabs li p {color:#333;font-weight:600;}
.numTabSM.SupClTabs li.active {background-color:#d8ee4e;} 
.numTabSM.SupClTabs li:hover {background-color:#d8ee4e;} 
.numTabSM.SupClTabs {}
.linkUrltest {color:#404040;font-size:11px;margin-top: 5px;}
.linkUrltest .fa {color:#000;}
.multiCountryWrap ul {padding: 0;margin: 0;}
.multiCountryWrap ul li {display: inline-block;padding: 4px 5px;margin: 0px 2px;font-size: 14px;background-color: #fff;border: 1px solid #ccc;margin-bottom: 5px;border-radius: 2px;position: relative;color: #46464e;}
.multiCountryWrap ul li i {color: #f65741;background-color: #fff;cursor: pointer;border-radius: 8px;margin-left: 3px;}
.multiCountryWrap.selectedCountry .countrysSelect {max-height: 145px;overflow-y: auto;padding: 10px}
.lineFormR .form-group .control-label {min-width: 100px;margin-top: 18px;} 

/* ---------- Search ---------- */
.clearCrossIcon {position: absolute;bottom: 12px;right: 10px;font-size: 15px;z-index: 999;background-color: #fff; padding: 1px 1px;border-radius:25px;}
.searchbox .list-group {background-color:#fff; max-height: 265px;margin-bottom: 10px;overflow-y: auto;-webkit-overflow-scrolling: touch;border: 1px solid #ccc;border-top: none;margin-top: -1px;position: absolute;width: 100%;z-index: 9999;}
.searchbox .list-group li{border-left:none;border-right:none;border-radius:0;}
.searchbox input{padding-right:35px;background-color: #fff !important;}
.searchIdentifiers, .searchIdentifiers:focus {font-size:14px;min-height:115px;overflow:auto;border: 1px solid #ccc;}
.searchIdentifiersBtn {margin-top:32px;}
#lstserch.list-group, .lstserch.list-group{max-height:265px;margin-bottom:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid #ccc;border-top:none;margin-top:-1px;position:absolute;width:100%;z-index:9999;}
#lstserch.list-group li, .lstserch.list-group li {border-left:none;border-right:none;border-radius:0;}
.projectStatsIcon{background-color:#101b20;color:#fff;padding:3px 7px 3px 7px;line-height:14px;border-radius:25px;font-weight:500;font-size:11px;margin-right:2px;}
/*.projectStatsIcon.absI {position:absolute;top:9px;}*/
.projectStatsIcon.notes {padding: 2px 4px; font-size: 15px; background-color: transparent;color: #101b20;}
.grpIcons {position:absolute;top:12px;}
.prNotes {background-color: #eeedff;padding: 10px;box-shadow: 1px 1px 5px #cbcbcb;}
.prNotes .header-title {margin-bottom:5px;}
.prNotes p {margin-bottom:2px;}
#lstserch.list-group.bdrT, .lstserch.list-group.bdrT {position:static;}
.projectStatsIcon.stat_S {background-color:#00a500;color: #fff;}
.projectStatsIcon.stat_F {background-color:#ea0000;color: #fff;}
.projectStatsIcon.stat_P {background-color:#ffa707;color: #fff;}
.clientPro .linksTo{}
.list-group#lstserch, .list-group#lstsearch {display:none;}


/*--- PreScreen Template Page ----*/
.linksTo{position:absolute;top:-55px;right:15px;list-style:none;}
.linksTo li {margin-right:5px;}
.tokenbtnDiv {position: absolute;top: 23px;}
.tabPanelWraps .tile_count .card-body1.totalBoxWrap p, .tabPanelWraps .tile_count .card-body1.totalBoxWrap:hover p, .tabPanelWraps .tile_count .card-body1.totalBoxWrap.active p{color:#fff;font-size:14px;font-weight:600;}
.tabPanelWraps div.table-responsive, .tableScrollFix{overflow-y:auto;max-height:430px;margin-top:5px;}
.tabPanelWraps div.table-responsive .table thead th, .tableScrollFix .table thead th{position:sticky;top:-2px;z-index:999;}
.textWraps {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 185px;-webkit-transition: all 2s ease 1s, max-height 1s ease 0s, white-space 2s ease 1s;transition: all 2s ease 1s, max-height 1s ease 0s, white-space 2s ease 1s;max-height: 1.85em;line-height: 18px;}
.wrapUrl {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 270px;-webkit-transition: all 2s ease 1s, max-height 1s ease 0s, white-space 2s ease 1s;transition: all 2s ease 1s, max-height 1s ease 0s, white-space 2s ease 1s;max-height: 1.85em;line-height: 18px;}
.textWrapsCountry{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:150px;line-height: 18px;}
.textWraps:hover, .textWrapsCountry:hover, .wrapUrl:hover  {white-space: normal;text-overflow: initial;max-height: 8em;}
tr.child-group td .table tr td{background:#f5f5f5 !important;border-top:1px solid #c3c3c3 !important;}
/*.mainWrap {position:relative;display:inline-block;}*/
.copySupURL {/*position:absolute;right:-20px;top:1%;*/color: #101b20; font-weight: 600; border: 1px solid transparent;padding: 1px 0px 1px 3px;cursor:pointer; margin-right: 2px;}
.copySupURL:hover {border: 1px solid #101b20;border-radius: 5px;}
.searchbox li.list-group-item{color:#101b20;}
#lstserch li:hover, #lstserchdata li:hover, .lstserch.list-group li:hover{background-color:#101b20;color:#fff;cursor:pointer;}


/* ---------- swal contents ---------- */
.swal-icon:first-child {margin-top: 20px;}
.swal-text:first-child{margin-top:20px;color:#000;}
.swal-modal{width: auto; padding: 5px;}
.swal-overlay .swal-modal .swal-icon.swal-icon--success{display:none;}
.swal-overlay .swal-modal .swal-text{padding-top:1px;color:#000;font-size:20px;transition:none;font-weight:500;transform:translateZ(5px);max-width:none;}
.swal-footer{text-align:center;background:#ffffff;margin-top:5px;}
.swal-button, .swal-button:not([disabled]):hover, .swal-button:active{letter-spacing:0.09rem;background-color:#d8ee4e;color:#000; font-weight: 500;font-size: 12px;padding: 5px 16px;border-radius: 3px;min-width: 60px;}
.swal-title:not(:last-child){margin-bottom:0;padding-bottom:5px;}
.swal-title:first-child{margin-top:10px;}
.swal-title{color:#333;}
.swal-modal .swal-footer .swal-button-container:first-child .swal-button {box-shadow:0 0 0 1px #fff, 0 0 0 3px rgb(0 96 153 / 42%) !important;}
.swal-modal .swal-footer:hover .swal-button-container:first-child .swal-button {box-shadow:none !important;}
.swal-modal .swal-footer:hover .swal-button-container:first-child .swal-button:hover {box-shadow:0 0 0 1px #fff, 0 0 0 3px rgb(0 96 153 / 42%) !important;}
.swal-modal .swal-footer .swal-button-container .swal-button:hover {box-shadow:0 0 0 1px #fff, 0 0 0 3px rgb(0 96 153 / 42%) !important;}
.swal-button, .swal-button:not([disabled]):hover, .swal-button:active, .swal-button:focus {box-shadow:none;}

/* Log Switch */
.logSwitch {text-align:right;margin-top: 8px;}
.logSwitch.tblGrid {text-align:inherit;}
.logSwitch .txts {color:#d8ee4e;font-size:14px;}
.logSwitch .switch {position: relative;display: inline-block;width: 40px;height: 21px;}
.logSwitch.tblGrid .switch {width: 40px;height: 10px;}
.logSwitch .switch input {opacity: 0;width: 0;height: 0;}
.logSwitch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color:#7d7d7d;-webkit-transition: .4s; transition: .4s;margin-top: -1px;}
.logSwitch .slider:before {position: absolute;content: "";height: 17px;width: 17px;left: -5px;bottom: 3px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.logSwitch.tblGrid .slider:before {height: 12px;width: 12px;left: 1px;bottom: 2px;}
.logSwitch input:checked + .slider {background-color: #d8ee4e;margin-top: -1px;}
.logSwitch input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.logSwitch input + .slider:before {left: 2px;}
.logSwitch input:checked + .slider:before {left: -5px;}
.logSwitch input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
/* Rounded sliders */
.logSwitch .slider.round {border-radius: 34px;}
.logSwitch .slider.round:before {border-radius: 50%;}

/* ---------- Apex Chart // Dashboard Stats ---------- */
.statsTabs {background-color: #0a7786;box-shadow: 1px 1px 4px #b5b5b5;padding: 5px 8px;border-radius: 5px;color: #fff !important;text-align: right;margin-bottom: 12px;font-size: 11px !important;margin: 0 -3px;margin-top: 0;margin-bottom: 20px;text-transform: uppercase;position: relative;font-weight: 600;}
.statsTabs.clickBG {background-image: linear-gradient(to left, #f09d57, #f76a2d) !important;}
.statsTabs.completeBG {background-image: linear-gradient(to left, #3abd92 0%, #029666 100%) !important;}
.statsTabs.rdClickBG {background-image: linear-gradient(to left, #a056ed 0%, #59008d 100%) !important;}
.statsTabs.rdfailureBG {background-image: linear-gradient(95deg, #ffc800, #bb9100) !important;}
.statsTabs.tsignClickBG {background-image: linear-gradient(to left, #0db2de 0%, #005bea 100%) !important;}
.statsTabs.failureBG {background-image: linear-gradient(45deg, #f93a5a, #f7778c) !important;}
.statsTabs span {font-size: 21px;display: block;line-height: 25px;font-weight: 500;}
.statIcon {height: 28px;position: absolute;left: 5%;top: 32%;}
.apexCharts {box-shadow: 1px 1px 8px #ccc;margin-top: 5px;padding: 5px 15px;border-radius: 8px;padding-bottom:0;    margin-bottom: 20px;}
.apexCharts .apexcharts-legend-marker {border-radius:8px !important;}
.apexCharts .apexcharts-legend-text {font-weight:600 !important;font-size:13px !important;}
.apexCharts .apexcharts-toolbar {display:none !important;}

.apexCharts #tSignchartFailureReason, .apexCharts #RDchartFailureReason {min-height:400px !important;height: 400px !important;}
.apexCharts #tSignchartFailureReason .apexcharts-canvas, .apexCharts #RDchartFailureReason .apexcharts-canvas {min-height:400px !important;height: 400px !important;}
/*.apexCharts .apexcharts-canvas {min-height:350px !important;}*/
.apexCharts #tSignchartFailureReason .apexcharts-legend, .apexCharts #RDchartFailureReason .apexcharts-legend {position:static !important;max-height: 200px !important; overflow-y: auto;}
.chartNameBox {background-color: #101b20;color: #fff;padding: 5px 18px;display: inline-block;text-transform: uppercase;font-size: 13px;margin-left: -10px; margin-bottom: 10px;}

.surveyWrapUI {margin-top: 40px;}
.preScreenQsGrid {background-color:#fff;border-radius:20px;padding-top: 25px;padding-bottom: 30px;}
.preScreenQsGrid .btnPr, .preScreenQsGrid .btnPr:hover, .preScreenQsGrid .btnPr:focus {background-color:#d8ee4e;}
.surveyTableUI table tbody {max-height: 320px;overflow-y: auto;display: block;margin-top: 10px;margin-bottom: 5px;}
.surveyTableUI .ui-radio .input-span::after { background: #1a2124;}
.surveyTableUI .ui-checkbox .input-span, .surveyTableUI .ui-radio .input-span { border-color: #999;}
.surveyTableUI .ui-checkbox, .surveyTableUI .ui-radio { margin-bottom:5px;}

.securityChecks .d-flex.align-items-center .d-flex.align-items-center {min-width:75%;}
.securityChecks .form-group{margin-bottom:15px;}
.rangeSecurity .rangeSecurityInput {width:200px;}
.rangeSecurity .OutputNum {background-color: #1d2529;color: #fff;padding: 2px 2px;text-align: center;min-width: 30px;border-radius: 20px;margin-left: 5px;position: absolute;top: -2px;}
.rangeSecurity input[type=checkbox],.rangeSecurity input[type=radio] {margin-right: 5px;}
.sr-dtl-collapse .rangeSecurity .form-group label {font-size: 14px;line-height: 12px;}
.checkBoxLab .nav.nav-tabs {}
.checkBoxLab .nav-item .nav-link {color: #333;background-color: #d8ee4e;border-color: #d8ee4e;padding: 5px 10px;font-weight: 600;}
.rangeSecurity input[type='range'] {overflow: hidden;width: 150px;-webkit-appearance: none;background-color: #ccc;}
.rangeSecurity input[type='range']::-webkit-slider-runnable-track {height: 10px;-webkit-appearance: none;color: #13bba4;margin-top: -1px;}
.rangeSecurity input[type='range']::-webkit-slider-thumb {width: 10px;-webkit-appearance: none;height: 30px;cursor: ew-resize;background: #000;box-shadow: -150px 0 0 150px #d8ee4e;}


.tt {
}
/* ---------- Media ---------- */
/* ##Device = Desktops, ##Screen = 1281px to higher resolution desktops */
@media (min-width:1281px){ 
}
/* ##Device = Laptops, Desktops, ##Screen = B/w 1025px to 1280px */
@media (min-width:1025px) and (max-width:1280px){ 
}
/* ##Device = Tablets, Ipads (portrait), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px){ 
}
/* ##Device = Tablets, Ipads (landscape), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){ 
}
/* ##Device = Low Resolution Tablets, Mobiles (Landscape), ##Screen = B/w 481px to 767px */
@media (min-width:481px) and (max-width:767px){ 
}
/* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
@media (min-width:320px) and (max-width:480px){
    .loginRimgBox {display:none;}

 }