@import url('globalfonts.css');
/*@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,bold,700,900");*/
* { box-sizing: border-box;} 
body {font-weight: 400; padding: 0px; margin: 0px;font-size: var(--bodyFont);background: rgb(255, 255, 255);overflow-x: hidden; color: var(--bodyColor) !important; font-family: 'calibri', sans-serif !important;}
::selection {color: #fff;background: rgb(7 47 106);}
.no-m-t {  margin-top: 0;}
/*COMMAN CSS USED */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background-color: rgb(235, 235, 235); border-radius: 10px; }
::-webkit-scrollbar-thumb { border-radius: 10px; background: rgb(109, 109, 109); }
.content-scroll-fix { overflow-x: auto; background-color: white; }
.content-scroll-fix::-webkit-scrollbar, .content-scroll::-webkit-scrollbar, .ipaddress-section::-webkit-scrollbar, .fixTableHeightPrint::-webkit-scrollbar, .tableBody::-webkit-scrollbar { height: 8px; background-color: rgb(235, 235, 235); }
.content-scroll-fix::-webkit-scrollbar-thumb, .content-scroll::-webkit-scrollbar-thumb, .ipaddress-section::-webkit-scrollbar-thumb, .fixTableHeightPrint::-webkit-scrollbar-thumb, .tableBody::-webkit-scrollbar-thumb { background-color: rgb(153, 153, 153); border-radius: 10px; }
.content-scroll-fix::-webkit-scrollbar-button, .content-scroll::-webkit-scrollbar-button, .ipaddress-section::-webkit-scrollbar-button, .fixTableHeightPrint::-webkit-scrollbar-button, .tableBody::-webkit-scrollbar-button { display: none; }
.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before {
    display: table;
    content: " "; 
    clear: both;
}
.clearfix::after {display: block; content: ""; clear: both;}
.container { max-width: 1170px; margin: 0px auto; padding-left: 10px; padding-right: 10px;}
/* CUSTOM RADIO BUTTON */
.fourqtPanelHead .radioCustomTemp, .panel-heading .radioCustomTemp {float: right;}
.customRadioBtn, .radioCustomBtn, .radioCustomTemp, .redSpan, .fourqtCustomRadio {margin: 0px;padding: 0px;list-style-type: none;border: var(--radioBorderColor);border-radius: var(--borderRadius);height: var(--height);box-shadow: var(--box-shadow);width: fit-content;}
.customRadioBtn::after, .radioCustomBtn::after, .radioCustomTemp::after, .redSpan::after, .fourqtCustomRadio:after { content: ""; display: block; clear: both; }
.customRadioBtn label.radioBtn, .radioCustomBtn li, .radioCustomTemp li, .fourqtCustomRadio li, .radioCustomTemp label, .redSpan span {display: inline-block;float: left;height: var(--radio-height);line-height: normal;margin: 0px;    border: 0;}
.customRadioBtn label.radioBtn span, .radioCustomBtn li label, .radioCustomTemp li label, .fourqtCustomRadio li label.radioBtn,  .radioCustomTemp label span, .redSpan span label {margin: 0px;padding: 2px 6px;border-left: var(--checkboxBorderColor);font-size: var(--checkboxFont);cursor: pointer;color: var(--radioTxtColor);font-weight: normal;height: var(--radio-height);display: block; line-height: 18px;}
.customRadioBtn label.radioBtn:first-child span, .radioCustomBtn li:first-child label, .fourqtCustomRadio li:first-child label.radioBtn, .radioCustomTemp li:first-child label, .radioCustomTemp label:first-child span, .redSpan span:first-child label { border-left: none; }
.customRadioBtn label.radioBtn input[type="radio"], .radioCustomBtn li input[type="radio"], .fourqtCustomRadio li label input[type="radio"], .radioCustomTemp li input[type="radio"], .radioCustomTemp label input[type="radio"], .redSpan span input[type="radio"]{ display: none; }
.radioCustomBtn li.disabled label, .radioCustomBtn li span.disabled label, .radioCustomTemp li.disabled label, .radioCustomTemp label.disabled span, .radioCustomTemp li span.disabled label, .redSpan span.disabled label { cursor: not-allowed; opacity: 0.5; }
.customRadioBtn label.radioBtn.active span, .radioCustomBtn li.active label, .fourqtCustomRadio li.active label, .radioCustomBtn li span.active label, .radioCustomTemp li.active label, .radioCustomTemp li span.active label, .radioCustomTemp label.active span, .redSpan span.active label { background: var(--radioBg); color: var(--radioTxtActiveColor); }
/* END CUSTOM RADIO BUTTON */
/* RAdio button long */
.radioCustomBtnLong {border: none;}
.radioCustomBtnLong.radioCustomBtn li {margin-bottom: 2px;}
.radioCustomBtnLong.radioCustomBtn li label {border: 1px solid rgb(9, 155, 160);margin-left: 2px;}

/* custRadio */
.radiotable{padding-left:5px 5px 5px 5px;margin-left:5px;margin:0;padding:0;list-style-type:none;border:solid 1px #099ba0;display:inline-block;margin-left:0;border-radius:3px}
.custRadio ul{padding:0;margin:0}
.custRadio ul:after{content:"";display:block;clear:both}
.custRadio li{display:inline-block;float:left}
.custRadio li label{margin:0;padding:4px 10px;border-left:solid 1px #099ba0;font-size:13px;cursor:pointer;color:#099ba0;font-weight:400}
.custRadio li:first-child label{border-left:none}
.custRadio li input[type="radio"]{display:none}
.custRadio li span{display:block}
.custRadio li span.active label{background:#099ba0;color:#fff}
/* Custom Radio Btn In Table */
table.grd-table.radioCustomBtnTable td .radioCustomBtn { border: 0; height: auto;}
table.grd-table.radioCustomBtnTable td .radioCustomBtn li label { border: var(--checkboxBorderColor);  margin: 2px; border-radius: var(--borderRadius);}
/* CUSTOM CHECKBOX BUTTON */
.checkCustomInput, .custCheckInfo {margin: 0px;padding: 0px;list-style-type: none;min-height: var(--height);} 
.checkCustomInput::after, .custCheckInfo::after { content: ""; display: block; clear: both; }
.checkCustomInput li, .custCheckInfo li {display: inline-block;float: left;margin: 0px 6px 0px 0px;padding: 0px;border: var(--checkboxBorderColor);font-size: var(--checkboxFont);cursor: pointer;color: var(--checkboxTxtColor);border-radius: 2px;position: relative;line-height: 20px;height: var(--checkbox-height);display: flex;align-items: center;}
.checkCustomInput li label, .custCheckInfo li label, .checkCustomInputSingle label{margin: 0px;cursor: pointer;font-weight: normal;padding: 3px 10px 3px 25px;height: var(--height);border-radius: var(--borderRadius);display: flex;align-items: center;}
.checkCustomInput li input[type="checkbox"], .custCheckInfo li input[type="checkbox"] { display: none; }
.checkCustomInput li.active, .custCheckInfo li label.active, .custCheckInfo li.active  {background: var(--checkboxBg);color: var(--checkboxTxtActiveColor);}
.checkCustomInput li .selOf, .custCheckInfo li label .selOf, .custCheckInfo li .selOf {position: absolute;left: 4px;top: 3px;}
.checkCustomInput li.active .selOf, .custCheckInfo li label.active .selOf, .custCheckInfo li.active .selOf { display: none; }
.checkCustomInput li .selOn, .custCheckInfo li label .selOn, .custCheckInfo li .selOn { display: none; position: absolute; left: 6px; top: 3px; font-size: 12px; }
.checkCustomInput li.active .selOn, .custCheckInfo li label.active .selOn, .custCheckInfo li.active .selOn  { display: block; }
.checkCustomInput li i.fa, .custCheckInfo li i.fa {line-height: normal;}
.checkCustomInput li.active i.fa, .custCheckInfo li.active i.fa {font-size: 15px !important;}
/* END CUSTOM CHECKBOX BUTTON */

/* CUSTOM CHECKBOX BUTTON SINGLE */
.checkCustomInputSingle::after { content: ""; display: block; clear: both; }
.checkCustomInputSingle {margin: 0px;cursor: pointer;font-weight: normal;display: inline-block;position: relative;border: var(--checkboxBorderColor);color: var(--checkboxTxtColor);border-radius: var(--borderRadius);vertical-align: top;height:var(--height);}
.checkCustomInputSingle .selOf {position: absolute;left: 6px; top: 2px;}
.checkCustomInputSingle input[type="checkbox"] { display: none; }
.checkCustomInputSingle.active, .checkCustomInputSinglePop label.active {background: var(--checkboxBg);color: var(--checkboxTxtActiveColor);}
.checkCustomInputSingle.active .selOf { display: none; }
.checkCustomInputSingle .selOn { display: none; position: absolute; left: 4px; top: 5px;}
.checkCustomInputSingle.active .selOn { display: block; }
.checkCustomInputSingle.active .selOn, .checkCustomInputSinglePop label.active .selOn { color: rgb(255, 255, 255); }
.checkCustomInputSingle.active span, .checkCustomInputSinglePop label.active span { color: rgb(255, 255, 255); }
.checkCustomInputSingle.active i.fa, .checkCustomInputSinglePop label.active i.fa { font-size: 16px !important; }
.checkCustomInputSingleOne::after { content: ""; display: block; clear: both; }
.checkCustomInputSingleOne { margin: 0px; cursor: pointer; font-weight: normal; display: inline-block; position: relative; border: 1px solid rgb(0, 130, 135); font-size: 12px; color: rgb(0, 130, 135); border-radius: 2px; vertical-align: top; height: var(--height); line-height: 18px; }
.checkCustomInputSingleOne label { margin: 0px; cursor: pointer; padding: 2px 8px 4px 28px; font-weight: normal; }
.checkCustomInputSingleOne input[type="checkbox"] { display: none; }
.checkCustomInputSingleOne.active, .checkCustomInputSingleOne label.active { background: rgb(0, 130, 135); color: rgb(255, 255, 255); }
.checkCustomInputSingleOne .selOf {position: absolute;left: 6px;top: 2px;font-size: 14px;}
.checkCustomInputSingleOne.active .selOf { display: none; }
.checkCustomInputSingleOne .selOn {display: none;position: absolute;left: 4px;top: 2px;font-size: 14px;}
.checkCustomInputSingleOne.active .selOn { display: block; }
/* END CUSTOM CHECKBOX BUTTON SINGLE */
/* BROKER CHECKBOX */
.checkCustomInputbroker li:first-child { }
.checkCustomInputbroker li input[type="checkbox"] { display: none; }
.checkCustomInputbroker li.active { background: rgb(0, 130, 135); color: rgb(255, 255, 255); }
.checkCustomInputbroker li .selOf { position: absolute; left: 3px; top: 3px; font-size: 16px; }
.checkCustomInputbroker li.active .selOf { display: none; }
.checkCustomInputbroker li .selOn { display: none; position: absolute; left: 4px; top: 4px; font-size: 12px; }
.checkCustomInputbroker li.active .selOn { display: block; }
.checkCustomInputbroker { margin: 0px; padding: 0px; list-style-type: none; display: inline-block; }
.checkCustomInputbroker::after { content: ""; display: block; clear: both; }
.checkCustomInputbroker li { display: inline-block; float: left; margin: 0px 2px 2px 0px; padding: 0px; border: 1px solid rgb(0, 130, 135); font-size: 12px; cursor: pointer; color: rgb(0, 130, 135); border-radius: 2px; position: relative; height: var(--height); line-height: 20px; }
.checkCustomInputbroker li > label { margin: 0px; cursor: pointer; font-weight: normal; padding: 3px 10px 3px 20px; }
.checkCustomInputbroker li > label span { padding-left: 4px; }
.checkCustomInputbroker li.active label { color: rgb(255, 255, 255); }
/*  CUSTOM CHECKBOX only BUTTON */
 .checkCustomInputSinglez .selOn,.checkCustomInputSinglez .selOf {position: static;top: 0px;left: 0px;font-size: 17px;}

.checkCustomInputSinglez.active {background: none;color: #099ba0;}

.checkCustomInputSinglez {margin: 0px;cursor: pointer;font-weight: normal;padding: 0px;padding-left: 0px;border: none;}
.checkCustomInputSinglez.active .selOn {color: #099ba0;}
.checkCustomInputSinglez.active .selOn i.fa {font-size: 19px !important;}
/*  END CUSTOM CHECKBOX only BUTTON */
/* Multiple Select CSS */
.ms-parent { display: inline-block; position: relative; vertical-align: middle; }
.ms-choice.disabled { background-color: rgb(244, 244, 244); background-image: none; border: 1px solid rgb(221, 221, 221); cursor: default; }
.ms-choice > span {position: absolute;top: 0px;left: 0px;right: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding-left: 8px;font-weight: bold;}
.ms-choice > span.placeholder { color: rgb(0, 0, 0); }
.ms-drop { width: 100%; overflow: hidden; display: none; margin-top: -1px; padding: 0px; position: absolute; z-index: 1000; background: rgb(255, 255, 255); color: rgb(0, 0, 0); border: 1px solid rgb(170, 170, 170); border-radius: 4px; }
.ms-drop.bottom { top: 100%; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 5px; }
.ms-drop.top { bottom: 100%; box-shadow: rgba(0, 0, 0, 0.15) 0px -4px 5px; }
.ms-search { display: inline-block; margin: 0px; min-height: 26px; padding: 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; }
.ms-search input {width: 100%;min-height: 24px;padding: 0px 20px 0px 5px;margin: 0px;outline: 0px;font-family: sans-serif;font-size: 1em;border: 1px solid rgb(170, 170, 170);border-radius: 0px;box-shadow: none;background: url("multiple-select.png") 100% -22px no-repeat, -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.85, white), color-stop(0.99, rgb(238, 238, 238)));height: auto !important;}
.ms-search, .ms-search input { box-sizing: border-box; }
.ms-drop ul { overflow: auto; margin: 0px; padding: 5px 8px; }
.ms-drop ul > li { list-style: none; display: list-item; background-image: none; position: static; }
.ms-drop ul > li .disabled { opacity: 0.35; }
.ms-drop ul > li.multiple { display: block; float: left; }
.ms-drop ul > li.group { clear: both; }
.ms-drop ul > li.multiple label { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ms-drop ul > li label { font-weight: normal; display: block; white-space: nowrap; }
.ms-drop ul > li label.optgroup { font-weight: normal; }
.ms-drop input[type="checkbox"] { vertical-align: middle; }
.ms-drop .ms-no-results { display: none; }
.ms-parent { width: 100% !important; }
.ms-choice {display: block;width: 100%;height: var(--height);padding: 4px 8px;overflow: hidden;cursor: pointer;text-align: left;white-space: nowrap;line-height: 26px;color: var(--inputTxtColor);text-decoration: none;border-radius: 2px;background-color: rgb(255, 255, 255);font-size: var(--inputFont);box-shadow: var(--box-shadow);border: 1px solid rgb(200, 200, 200);}
.ms-drop ul > li label.optgroup { color: rgb(255, 255, 255); font-weight: normal; font-style: normal; font-size: 14px; background: rgb(6, 173, 183); padding: 4px 9px; }
.ms-drop ul > li label { color: rgb(97, 92, 92); padding: 4px; }
.ms-choice>div {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px;
    background: url(../Styles/multiple-select.png) left top no-repeat;
}
.fourqtForm .form-input .ms-drop.bottom label::first-letter { color: unset; font-weight: unset; background: unset; padding: unset; }
.ms-drop ul > li label:hover { background: rgb(62, 151, 255); color: rgb(255, 255, 255); }
.ms-drop.bottom { box-shadow: var(--box-shadow); }
.ms-drop { border: 1px solid rgb(236, 236, 236); }
.ms-search input {border-radius: 3px;border: 1px solid rgb(221, 221, 221);height: var(--height) !important;font-weight: normal;font-size: 12px;background: rgb(255, 255, 255);padding: 4px 8px;}
/* Ayat Select with Filter */
 .ayat-select.btn-group:not(.input-group-btn), .ayat-select.btn-group[class*="col-"] { float: none; display: inline-block; box-shadow: none; margin: 0px;padding: 0px !important;}
.ayat-select.form-control:not([class*="col-"]) { width: 100%;}
.ayat-select > .dropdown-toggle.btnMe { overflow: hidden; white-space: nowrap;padding-right: 23px;}
.ayat-select > .dropdown-toggle {border-radius: var(--borderRadius); box-shadow: none; border: var(--inputBorder); width: 100%;height: var(--height); font-weight: bold;font-size: var(--inputFont); background: rgb(255, 255, 255);padding: 2px 8px;line-height: 25px; color: var(--inputTxtColor); position: relative;}
 
.fourqtForm .form-title span { overflow-wrap: break-word; margin-left: 0px;font-weight: bold !important;}
.ayat-select.btn-group .dropdown-toggle .caret {position: absolute; top: 50%;right: 12px;margin-top: -2px;vertical-align: middle;}
.ayat-select > select { bottom: 0px; left: 50%; border: none;position: absolute !important; display: block !important; width: 0.5px !important;height: 100% !important; padding: 0px !important;opacity: 0 !important;}
select.bs-select-hidden, select.selectpicker { display: none !important; }
.ayat-select > .dropdown-toggle {width: 100%;padding-right: 25px;z-index: 1;}
.ayat-select > .dropdown-toggle.bs-placeholder, .ayat-select > .dropdown-toggle.bs-placeholder:hover, .ayat-select > .dropdown-toggle.bs-placeholder:focus, .ayat-select > .dropdown-toggle.bs-placeholder:active { color: rgb(153, 153, 153); }
.ayat-select > select { bottom: 0px; left: 50%; border: none; position: absolute !important; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0px !important; opacity: 0 !important; }
.ayat-select > select.mobile-device { top: 0px; left: 0px; z-index: 2; display: block !important; width: 100% !important; }
.has-error .ayat-select .dropdown-toggle, .error .ayat-select .dropdown-toggle { border-color: rgb(185, 74, 72); }
.ayat-select.fit-width { width: auto !important; }
.ayat-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; }
.ayat-select.form-control { margin-bottom: 0px; padding: 0px; border: none; }
.ayat-select.form-control:not([class*="col-"]) {width: 100%;}
.ayat-select.form-control.input-group-btn { z-index: auto; }
.ayat-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0px; }
.ayat-select.btn-group:not(.input-group-btn), .ayat-select.btn-group[class*="col-"] { float: none; display: inline-block; box-shadow: none; margin: 0px; padding: 0px !important; }
.ayat-select.btn-group.dropdown-menu-right, .ayat-select.btn-group[class*="col-"].dropdown-menu-right, .row .ayat-select.btn-group[class*="col-"].dropdown-menu-right { float: right; }
.form-inline .ayat-select.btn-group, .form-horizontal .ayat-select.btn-group, .form-group .ayat-select.btn-group { margin-bottom: 0px; }
.form-group-lg .ayat-select.btn-group.form-control, .form-group-sm .ayat-select.btn-group.form-control { padding: 0px; }
.form-group-lg .ayat-select.btn-group.form-control .dropdown-toggle, .form-group-sm .ayat-select.btn-group.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; }
.form-inline .ayat-select.btn-group .form-control { width: 100%; }
.ayat-select.btn-group.disabled, .ayat-select.btn-group > .disabled { cursor: not-allowed; }
.ayat-select.btn-group.disabled:focus, .ayat-select.btn-group > .disabled:focus { outline: none !important; }
.ayat-select.btn-group.bs-container {position: absolute;height: 0px !important;padding: 0px !important;}
.ayat-select.btn-group.bs-container .dropdown-menu { z-index: 1060; }
.ayat-select.btn-group .dropdown-toggle .filter-option {display: inline-block;overflow: hidden;width: 100%;text-align: left;margin: -3px 0 0;height: var(--height);}
.ayat-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; }
.ayat-select.btn-group[class*="col-"] .dropdown-toggle { width: 100%; }
.ayat-select.btn-group .dropdown-menu { min-width: 100%; box-sizing: border-box; }
.ayat-select.btn-group .dropdown-menu.inner {position: static;float: none;border: 0px;padding: 0px;margin: 0px;border-radius: 0px;box-shadow: none;height: 320px;}
.ayat-select.btn-group .dropdown-menu li { position: relative; }
.ayat-select.btn-group .dropdown-menu li.active small { color: rgb(255, 255, 255); }
.ayat-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; }
.ayat-select.btn-group .dropdown-menu li a { cursor: pointer; user-select: none; }
.ayat-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; }
.ayat-select.btn-group .dropdown-menu li a span.check-mark { display: none; }
.ayat-select.btn-group .dropdown-menu li a span.text { display: inline-block; font-size: inherit; }
.ayat-select.btn-group .dropdown-menu li small { padding-left: 0.5em; }
.ayat-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0px 2%; min-height: 26px; padding: 3px 5px; background: rgb(245, 245, 245); border: 1px solid rgb(227, 227, 227); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px inset; pointer-events: none; opacity: 0.9; box-sizing: border-box; }
.ayat-select.btn-group .no-results { padding: 3px; background: rgb(245, 245, 245); margin: 0px 5px; white-space: nowrap; }
.ayat-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; }
.ayat-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; }
.ayat-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 5px; }
.ayat-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; }
.ayat-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1061; }
.ayat-select.show-menu-arrow .dropdown-toggle::before { content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; }
.ayat-select.show-menu-arrow .dropdown-toggle::after { content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; }
.ayat-select.show-menu-arrow.dropup .dropdown-toggle::before { bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0px; }
.ayat-select.show-menu-arrow.dropup .dropdown-toggle::after { bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0px; }
.ayat-select.show-menu-arrow.pull-right .dropdown-toggle::before { right: 12px; left: auto; }
.ayat-select.show-menu-arrow.pull-right .dropdown-toggle::after { right: 13px; left: auto; }
.ayat-select.show-menu-arrow.open > .dropdown-toggle::before, .ayat-select.show-menu-arrow.open > .dropdown-toggle::after { display: block; }
.bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; }
.bs-actionsbox { width: 100%; box-sizing: border-box; }
.bs-actionsbox .btn-group button { width: 50%; }
.bs-donebutton { float: left; width: 100%; box-sizing: border-box; }
.bs-donebutton .btn-group button { width: 100%; }
.bs-searchbox + .bs-actionsbox { padding: 0px 8px 4px; }
.bs-searchbox .form-control { margin-bottom: 0px; width: 100%; float: none; }
tbody.collapse.in { display: table-row-group; }
.collapsing { position: relative; height: 0px; overflow: hidden; transition-timing-function: ease; transition-duration: 0.35s; transition-property: height, visibility; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.dropdown, .dropup { position: relative; }
.dropdown-toggle:focus { outline: 0px; }
.dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; font-size: 14px; text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; }
.dropdown-menu.pull-right { right: 0px; left: auto; }
.dropdown-menu .divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: rgb(38, 38, 38); text-decoration: none; background-color: rgb(245, 245, 245); }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {color: rgb(255, 255, 255);text-decoration: none;background-color: rgb(255, 60, 126);outline: 0px;}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: rgb(119, 119, 119); }
.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; }
.open > .dropdown-menu { display: block; }
.open > a { outline: 0px; }
.dropdown-menu-right { right: 0px; left: auto; }
.dropdown-menu-left { right: auto; left: 0px; }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: rgb(119, 119, 119); white-space: nowrap; }
.dropdown-backdrop { position: fixed; inset: 0px; z-index: 990; }
.pull-right > .dropdown-menu { right: 0px; left: auto; }
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0px; border-bottom: 4px dashed; }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }
ol,ul{margin-top:0;margin-bottom:10px}
a,a:hover,a:active,a:focus,a:link,a:visited{text-decoration:none;cursor:pointer}
:focus-visible{outline:0}
a{color:var(--linkColor)}
hr { margin-top: 10px; margin-bottom: 10px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-color: rgb(228, 228, 228); border-top-style: dashed; }
input[type="checkbox"],input[type="radio"]{margin:4px 4px 0;line-height:normal;height:auto;width:14px!important;box-shadow:none!important;box-sizing:border-box;padding:0}
table.radio-table td input[type="checkbox"], input[type="radio"] {  margin: 0px 4px 0; float: left;}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
button,html input[type="button"],input[type="reset"],input[type="submit"]{appearance:button;cursor:pointer}
.grd-table,.grd-table-print, .grd-table-new-12345{width:100% !important;border: 0 !important;}
/* ICON, Sign COLOR */
.edit-text,.tb-icon .fa-edit,.fa-edit,.fa-pencil-square-o{font-size:20px;color:green!important}
i.fa.fa-file-pdf,i.fa.fa-map-marker,i.fa.fa-envelope{color:rgb(255,0,0)}
.fa.fa-file-word-o { color: #0072b5;}
table.grd-table td a.fa-trash-o, .tb-icon .fa-trash-o,.tb-icon .fa-trash-alt,.fa-trash-o{color:rgb(231, 76, 60) !important;font-size:17px !important;}
.mandatorysign{color:red}
.mandatorysignText{font-size: 12px;font-weight: bold;}
b{font-weight:bold}
p{margin:0;padding:0}
input[type="file"]{font-size:12px;padding-top:0}
/* Disabled */
a[disabled="disabled"] { cursor: not-allowed; opacity: 0.5;}
.show_sub, .toggleMenu { display: none;}
.formBeatTo { margin: 10px 0px;}
.fa-eye { color: rgb(15, 121, 179) !important;}
i.fa.fa-facebook-official {color: rgb(59, 89, 152);}
i.fa.fa-linkedin-square {color: rgb(0, 119, 181);}
i.fa.fa-twitter {color: rgb(29, 161, 242);}
.fourqIconBtnSec li a.btnTransfersEnq, .fourqIconBtnSec li button.btnTransfersEnq {color: rgb(0, 119, 181);transform: rotateY(180deg);display: block;}
table.grd-table a .fa, table.grd-table-print a .fa {color: rgb(231, 76, 60);margin-right: 5px;}
 
/* Legends CSS */
.DataListColor ul,.actColorTheme ul{list-style-type:none;padding:0;margin:0}
.DataListColor li,.actColorTheme li{display:inline-block;float:left;font-size:12px;line-height:14px;margin-left:0}
.DataListColor li .actCol,.actColorTheme li .actCol{float:left;font-size:12px;padding:1px 3px}
.actColorTheme li .actBox{border:none;border-radius:1px;width:15px!important;height:15px!important}
.actColorTheme li .actCol span{color:#fff;font-size:13px!important;background:transparent}
.actColorTheme li .actCol span:hover{background:transparent;box-shadow:none;cursor:auto;color:#fff}
.actColorTheme li .holdUnitColor { background: rgb(255, 153, 0); border-color: rgb(179, 108, 2); }
.actColorTheme li .DirectorHoldColor { background: rgb(155, 227, 179); }
.actColorTheme li .UnapprovedUnitColor { background: rgb(255, 255, 0); }
.actColorTheme li .BookedUnitColor { background: rgb(255, 182, 193); }
.actColorTheme li .AllotedUniColor { background: rgb(173, 255, 47); }
.actColorTheme li .RegistryUnitColor { background: rgb(204, 204, 255); }
.actColorTheme li .SurrenderUnitColor { background: rgb(59, 185, 255); }
/* Demand Status Table td Legends */
.tableList td:nth-child(2), .tableList td:nth-child(4), .tableList td:nth-child(6), .tableList td:nth-child(8), .tableList td:nth-child(10), .tableList td:nth-child(12){ position: relative; top: -3px;}
/* FolloUp Ledends */
.enquiryStatusLegendsgen {  padding: 4px 8px; background: rgb(0, 94, 123);}
.enquiryStatusLegendsgen table { width: 100%;}
.actColorTheme ul { list-style-type: none; padding: 0px; margin: 0px; }
.actColorTheme li { display: inline-block; float: left; margin-right: 4px; }
.actColorTheme li::after { display: block; content: ""; clear: both; }
 
.actColorTheme li .actBox { border: none; border-radius: 1px; width: 15px !important; height: 15px !important; }
.actColorTheme li .new-bg { background: rgb(255, 255, 255); border-color: rgb(221, 221, 221); }
.actColorTheme li .followup-bg { background: rgb(221, 201, 95); border-color: rgb(221, 221, 221); }
.actColorTheme li .todayfollowup-bg { background: rgb(255, 192, 203); border-color: rgb(221, 221, 221); }
.actColorTheme li .tdTodayCalled-bg { background: rgb(215, 234, 249); border-color: rgb(221, 221, 221); }
.actColorTheme li .futurefollowup-bg { background: rgb(173, 216, 230); border-color: rgb(221, 221, 221); }
.actColorTheme li .attempted-bg { background: rgb(189, 214, 174); border-color: rgb(221, 221, 221); }
.actColorTheme li .svdone-bg { background: rgb(65, 140, 240); border-color: rgb(221, 221, 221); }
.actColorTheme li .dump-bg { background: rgb(237, 97, 0); border-color: rgb(221, 221, 221); }
.actColorTheme li .success-bg { background: rgb(116, 159, 36); border-color: rgb(221, 221, 221); }
.actColorTheme li .followup-times { background: rgb(199, 199, 194); border-color: rgb(221, 221, 221); }
.actColorTheme li .hold-unit { background: rgb(255, 0, 0); border-color: rgb(221, 221, 221); }
.actColorTheme li .booked-units { background: rgb(255, 182, 193); border-color: rgb(221, 221, 221); }
.actColorTheme li .available-units { background: rgb(255, 255, 255); border: 1px solid rgb(169, 158, 212); }
.actColorThemePrintTotal.actColorTheme li .actCol { color: rgb(64, 64, 64); }
 .enquiryStatusLegendsgen .actColorTheme li .actCol { color: rgb(255, 255, 255);}
 .fourqtPanelContentV1 .fourqIconBtnSec span {color: rgb(0 0 0) !important; margin: 0; padding: 0;}
 .fourqtPanelContentV1 .fourqIconBtnSec span:nth-child(2) {font-weight: 600;}
/* Lead Legends */
.newbgpage td { background-color: rgb(255, 255, 255) !important; }
.newbgchart td { background-color: rgb(92, 162, 184) !important; }
.todayfollowupbg td { background-color: rgb(255, 192, 203) !important; }
.followupbg td { background-color: rgb(221, 201, 95) !important; }
.futurefollowupbg td { background-color: rgb(173, 216, 230) !important; }
.successbg td { background-color: rgb(116, 159, 36) !important; }
.dumpbg td { background-color: rgb(237, 97, 0) !important; } 
.attemptedbg td { background-color: rgb(189, 214, 174) !important; }
.todaycalledbg td { background-color: rgb(215, 234, 249) !important; }
.alternaterowstyle td { background-color: rgb(238, 243, 247) !important; }
.AllocateCheck td { background-color: rgb(220, 253, 253) !important; }
/* Pagination CSS */
.PAginateWk ul,.custom-pagination{background:rgb(255,255,255);text-align:center;margin-top:7px;margin-bottom:7px}
.PAginateWk ul,.custom-pagination ul{padding:0;margin:0;list-style-type:none;border:1px solid rgb(210,210,210);display:inline-block;box-shadow:rgb(0 0 0) 0 4px 10px -4px;border-radius:3px}
.PAginateWk li,.custom-pagination li{float:left;border-right:1px solid rgb(210,210,210)}
.PAginateWk li,.custom-pagination li:last-child{border-right:none}
.PAginateWk li .btn-pg,.PAginateWk li .btn-pg-label,.custom-pagination li .btn-pg,.custom-pagination li .btn-pg-label{display:block;padding:4px 12px;height:30px;line-height:23px;color:rgb(61,62,62)}
.PAginateWk li .btn-pg,.custom-pagination li .btn-pg{color:rgb(0,119,181)}
.PAginateWk li .btn-pg i,.custom-pagination li .btn-pg i{line-height:23px}
/* LOADER, ERROR, SUCCESS AND WARNING MSG CSS  */
.myLoaders{position:absolute;display:block;z-index:9;left:50%;top:50%;width:100%;height:auto;transform:translate(-50%,-50%)}
.myLoader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999;background:rgba(255,255,255,.87);display:none}
.customLoader{position:absolute;width:60px;left:0;right:0;margin:-110px auto 0;top:50%}
.customLoader img{width:100%}
.loadertext{margin-left:-48px;display:block;font-size:11px;color:rgb(255,134,38);animation:1.5s ease 0s infinite normal none running blink;white-space:nowrap;letter-spacing:1px}
.msgErrorFixMain,.msgErrorFix, .errorMsgs{position:absolute !important;top: -15px;z-index: 1;font-size:11px!important;right: 0;font-weight:bold;color:red;}
.msgErrorFixMain.horizantally {top: 5px; z-index: 1;right: auto; width: max-content; margin-left: 4px;}
.showError { padding: 10px 15px; margin-bottom: 20px; border: 1px solid rgb(235, 204, 209); border-radius: 4px; display: inline-block; color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); font-size: 14px; box-shadow: rgb(210, 55, 55) 0px 1px 4px; }
.msgErrorFix { position: absolute; bottom: -17px; display: inline-block; font-size: 11px; padding: 2px 5px; background: rgb(198, 12, 12); border-radius: 3px; z-index: 999; color: rgb(255, 255, 255) !important; }
.msgErrorFixRight {position: absolute;top: 5px;font-size: 11px;left: 100%;margin-left: 6px;z-index: 9999;width: max-content;}
.msgErrorBlank { position: absolute; top: 3px; display: inline-block; font-size: 20px; padding: 2px 5px; border-radius: 3px; left: 0px; white-space: nowrap; margin-left: -17px; z-index: 9999; color: rgb(247, 0, 0) !important; }

/* Validation CSS */
.alertError,.DivError{text-align:center;color:rgb(198,12,12);font-weight:bold;}
.alertError span, .DivError span {margin-bottom: 5px;}
.text-danger,.NagativeMessege{color:rgb(234,5,0);font-size:12px;text-align:center}
.text-success,.PositiveMessege{color:rgb(30,152,30);font-weight:400;font-size:12px;text-align:center}
.fourqtForm .form-input .vlder{position:absolute;right:3px;top:8px;font-size:12px}
.alertBoxWrap{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.55);top:0;left:0;z-index:99999999;display:none}
.alertBox{position:absolute;top:100px;width:350px;left:0;right:0;margin:0 auto;color:rgb(169,68,66);background:rgb(242,222,222);border:1px solid rgb(235,204,209);border-radius:3px;box-shadow:rgb(0 0 0 / 75%) 0 0 13px 0}
.alertHead{border-bottom:1px solid rgb(235,204,209);position:relative;padding:2px 10px;border-top-right-radius:3px;border-top-left-radius:3px}
.alertTitle{color:rgb(173,71,87);font-size:12px;margin:0;padding:2px 0;display:block;font-weight:400}
.alertCloseFixed{position:absolute;right:6px;top:4px;margin:0;padding:0;background:none;border:none}
.alertBody{padding:2px 10px;min-height:35px;background:rgb(253,225,225)}
.alertBody h5{color:rgb(173,71,87);font-size:12px;margin:0;padding:2px 0;display:block;font-weight:400}
.alertFoot{border-top:1px solid rgb(235,204,209);position:relative;padding:2px 10px;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.alertClose{font-size:12px;text-transform:uppercase;text-shadow:none;border:1px solid rgb(173,71,87);background:rgb(173,71,87);color:rgb(255,255,255);display:inline-block;line-height:0;padding:9px 5px;border-radius:2px}
.alertSuccessFourqt{color:rgb(60,118,61);background-color:rgb(218,255,202);border-color:rgb(127,243,78)}
.alertSuccessFourqt .alertHead{border-bottom:1px solid rgb(180,239,154)}
.alertSuccessFourqt .alertTitle,.alertSuccessFourqt .alertBody h5{color:rgb(44,130,45)}
.alertSuccessFourqt .alertBody{background:rgb(224,255,211)}
.alertSuccessFourqt .alertTitle,.alertSuccessFourqt .alertBody h5{color:rgb(44,130,45)}
.alertSuccessFourqt .alertFoot{border-top:1px solid rgb(180,239,154)}
.alertSuccessFourqt .alertClose{border-color:rgb(47,115,15);background:rgb(57,119,29)}
.div-style{z-index:999;position:absolute;visibility:hidden}
/* END ERROR, SUCCESS AND WARNING MSG CSS  */
/* ROLE WISE TREE */
.TreeViewStyleWrap { margin: 0px auto; }
.TreeViewStyle { width: 450px; margin: 0px auto; border: 1px solid rgb(184, 185, 185); box-shadow: rgba(0, 0, 0, 0.77) 0px -1px 6px -1px; }
.TreeViewStyle table td {font-size: 12px;}
.TreeViewStyle > table { width: 100%; }
.TreeViewStyle > table td {background: rgb(16, 193, 185);font-size: 12px;padding: 2px 7px;color: rgb(255, 255, 255);font-weight: normal;vertical-align: middle;border-bottom: 1px solid rgb(9, 167, 160);display: inline-block;}
.TreeViewStyle > table td input { margin: 0px; vertical-align: middle; }
.TreeViewStyle > table td:first-child {padding-right: 0px;width: 7%;height: 28px;}
.TreeViewStyle > table td:first-child img { margin: 0px; padding: 0px; }
.TreeViewStyle > table td:first-child a { margin: 0px; padding: 0px; }
.TreeViewStyle > table td:last-child {padding-left: 0px;height: 28px;width: 93%;}
.TreeViewStyle > table td:last-child span {display: inline-block;padding: 3px 6px;}
.TreeViewFourqt .ctl00_ContentPlaceHolder1_TreeView1_2 span {
    font-size: 12px;
    color: rgb(18, 64, 111);
}
/* END ROLE WISE TREE */
.text-center,.StringCenter,.HeaderCenter,.DigitCenter,.DateCenetr{text-align:center}
.text-left,.StringLeft,.DigitLeft{text-align:left}
.text-right,.StringRight,.DigitRight{text-align:right}
.LightTextLeft{text-align:left;vertical-align:top}
.LightTextCenter{text-align:center;vertical-align:top}
.LightTextRight{text-align:right;vertical-align:top}
.SmallBoldTextRight{text-align:right;vertical-align:top;font-weight:400}
.BoldHeaderCenter{text-align:center;vertical-align:top;font-weight:400;padding:10px 0}
.gridFooter { text-align: right; font-weight: normal; white-space: nowrap; }
.gridfooterallcenter td { font-size: 12px; text-align: center; }
h1,h2{font-weight:700;padding:0;margin:0}
h3,h4,h5,h6{font-weight:bold;padding:0;margin:0}
.tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; overflow-wrap: normal; white-space: normal; opacity: 0; line-break: auto; }
.tooltip.in { opacity: 0.9; }
.tooltip { z-index: 2147483647; }
.tooltip.top { padding: 5px 0px; margin-top: -3px; }
.tooltip.right { padding: 0px 5px; margin-left: 3px; }
.tooltip.bottom { padding: 5px 0px; margin-top: 3px; }
.tooltip.left { padding: 0px 5px; margin-left: -3px; }
.tooltip-inner { max-width: 200px; padding: 3px 8px; color: rgb(255, 255, 255); text-align: center; background-color: rgb(0, 0, 0); border-radius: 4px; }
.tooltip-arrow { position: absolute; width: 0px; height: 0px; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0px; left: 50%; margin-left: -5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); }
.tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0px; margin-bottom: -5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); }
.tooltip.top-right .tooltip-arrow { bottom: 0px; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); }
.tooltip.right .tooltip-arrow { top: 50%; left: 0px; margin-top: -5px; border-width: 5px 5px 5px 0px; border-right-color: rgb(0, 0, 0); }
.tooltip.left .tooltip-arrow { top: 50%; right: 0px; margin-top: -5px; border-width: 5px 0px 5px 5px; border-left-color: rgb(0, 0, 0); }
.tooltip.bottom .tooltip-arrow { top: 0px; left: 50%; margin-left: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); }
.tooltip.bottom-left .tooltip-arrow { top: 0px; right: 5px; margin-top: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); }
.tooltip.bottom-right .tooltip-arrow { top: 0px; left: 5px; margin-top: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); }
table{border-spacing:0;border-collapse:collapse;background-color:transparent}
thead{display:table-header-group}
table tr{margin:0;padding:0}
th{font-size:var(--thFont)!important}
td{font-size:var(--tdFont)!important;font-family:inherit!important}
td,th{padding:0;color:var(--tdColor);}
.la,.las,.lab,.lar{font-size:20px}
.hide {display:none!important}
hr { margin-top: 10px; margin-bottom: 10px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-color: rgb(228, 228, 228); border-top-style: dashed; }
label{display:inline-block;max-width:100%;font-weight:bold;margin:0 0 2px;}
/* Text, Select Field CSS */
 
input, .form-control,.txtbox, .cssHighlightButton, .inputbox{border-radius:var(--borderRadius);box-shadow:none;border:var(--inputBorder);width:100%;height:var(--height);font-weight:bold;font-size:var(--inputFont);background:rgb(255,255,255);padding:2px 8px;line-height: normal;color:var(--inputTxtColor);position:relative}
input {width:auto;}
.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:rgb(238,238,238);opacity:1}
textarea.txtbox{height:auto}
textarea.form-control{height:auto;line-height: initial;}
textarea.form-control { height: var(--height);}
.no-b-b textarea.form-control { height: 90px;  resize: vertical;}
.form-control:focus{border: 1px solid rgb(171 171 171);box-shadow:var(--box-shadow)}
.fourqtForm .fourqtCol .fourqt-50{float:left;width:50%;padding-right:2px}
/* END Text, Select Field CSS */
/* Button CSS */
.buttonClick, .btn-primary, .btn-default, .buttonSearch, .button, .btnWebs, .btn-fourqt,.button.btnFourqt,.buttonPrint.btnFourqt,.purchase-modules-wrap .buttonSearch,.purchase-modules-wrap .button,.purchase-modules-wrap .buttonClick,.purchase-modules-wrap .panel-footer .buttonPrint,.purchase-modules-wrap .buttonPrint{position:relative;display:inline-block;padding:2px 12px;margin-bottom:0;line-height:18px;height:var(--height);text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;user-select:none;color: var(--btnColor) !important;border: var(--btnBorder) !important;border-radius: var(--borderRadius) !important;background: var(--btnBg) !important;transition:all 0.3s ease 0s;box-shadow: rgb(0 0 0 / 10%) 0 4px 6px -1px, rgb(0 0 0 / 6%) 0 2px 4px -1px !important;text-transform:uppercase;font-size:var(--fontsBtn)!important;width:auto!important;font-weight:normal!important;line-height: normal !important;}
.buttonClick:hover, .btn-primary:hover, .btn-default:hover, .buttonSearch:hover, .button:hover, .btnWebs:hover, .btn-fourqt:focus,.btn-fourqt:active,.btn-fourqt:hover,.button.btnFourqt:hover,.buttonPrint.btnFourqt:hover{color: var(--btnColorHover) !important;box-shadow: none !important;background: var(--btnBgHover) !important;border: var(--btnBorderHover) !important;}
.button.active, .buttonClick.active {background: var(--btnBgHover) !important; color: var(--btnColorHover) !important; border-color: var(--btnBgHover) !important;}
.webRow .button { margin: 2px;}
/* END Button CSS */
.row { margin-right: -4px; margin-left: -4px;}
.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-right: 4px; padding-left: 4px;}
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.6667%; }
.col-xs-10 { width: 83.3333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.6667%; }
.col-xs-7 { width: 58.3333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.6667%; }
.col-xs-4 { width: 33.3333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.6667%; }
.col-xs-1 { width: 8.33333%; }
/*END COMMAN CSS USED */
/* List Column Wise */
.listFourqt, .totalUnitInfo ul, .horzBt ul, .listFourqt { padding: 0px 0px 10px; margin: 0px; list-style-type: none;}
.divulAudit li, .totalUnitInfo li, .horzBt li, .panUl li { width: 25%;float: left;padding: 3px 10px;}
.panUl li { width: 20%;}
.lbl-bold {font-weight: bold;}
.headPopz { padding: 0;margin: 0px;}
.headPopz li { width: auto;float: left;padding: 0 4px;}
/* LOGIN PAGE CSS USED */
.login-form { margin: 60px auto;padding-top: 16px; width: 464px;position: relative;}
.login-form .loginWrap {background-color: rgb(242, 242, 242);border: 3px solid rgb(48, 109, 127);border-radius: 20px; color: rgb(93, 93, 93); padding: 25px;position: relative;}
.login-form h3.text-signin{background-color:rgb(247,159,74);border-radius:25px 25px 3px 3px;border-top:4px solid rgb(247,153,73);color:rgb(0,70,77);display:block;font-size:14px;font-weight:bold;height:36px;left:114px;line-height:30px;margin:0;position:absolute;text-align:center;top:-17px;width:236px}
.login-form .loginWrap .logo-space{height:75px;margin:0 -10px 10px;position:relative;display:flex;align-items:center;justify-content:space-between}
.login-form .loginWrap .logo-space .logo-left,.login-form .loginWrap .logo-space .logo-right{height:75px;white-space:nowrap;width:210px}
.login-form .loginWrap .logo-space .logo-left .helper,.login-form .loginWrap .logo-space .logo-right .helper{display:inline-block;height:100%;vertical-align:middle}
.login-form .loginWrap .loginTable{width:100%}
.login-form .loginWrap .logo-space .logo-left img,.login-form .loginWrap .logo-space .logo-right img{max-height:75px;max-width:210px;vertical-align:middle}
.login-form .loginWrap .loginTable td{position:relative}
.login-form .loginWrap label{margin:0 5px 20px 0;font-weight:400;display:inline-block;max-width:100%}
.login-form .loginWrap input.txtbox{display:inline-block;margin:0 0 20px 20px;width:85%;font-size:13px;height:28px;line-height:1.2;padding:3px 12px;background-color:rgb(255,255,255);background-image:none;border:1px solid rgb(204,204,204);border-radius:4px;box-shadow:rgb(0 0 0 / 8%) 0 1px 1px inset;color:rgb(85,85,85);transition:border-color 0.15s ease-in-out 0s,box-shadow 0.15s ease-in-out 0s}
.login-form .loginWrap input.txtbox:focus{border-color:rgb(18,64,111)!important;box-shadow:none;outline:0}
.toggle-password{position:absolute;top:5px;right:30px;font-size:18px;display:none}
.fa.fa-eye-sfash{font-weight:900}
.fa-eye-sfash:hover{color:#01bf01}
.login-form .loginWrap .btn-login{background-color:rgb(255,102,0);border:medium none;border-radius:5px;color:rgb(255,255,255);cursor:pointer;font-size:13px;line-height:16px;padding:3px 0;position:relative;text-align:center;text-transform:uppercase;width:100px;margin-right:25px;height:28px}
.login-form ul.toolbar{list-style:none;margin:10px auto 0;padding:10px;display:block;text-align:center;width:460px;font-size:13px;line-height:15px;background-color:rgb(242,242,242);border:3px solid rgb(48,109,127);border-radius:5px}
.login-form ul.toolbar li.title{font-weight:400}
.login-form ul.toolbar li{display:inline-block}
.login-form ul.toolbar li a{display:block;padding:0 4px;border-right:1px solid rgb(51,51,51);color:rgb(51,51,51)}
.login-form ul.toolbar li a:hover{color:rgb(255,102,0)}
.login-form ul.toolbar li:last-child a{border-width:0}
.login-form .copy-footer{background-color:rgb(16,36,66);bottom:0;color:rgb(255,255,255);font-size:12px;height:28px;left:0;padding:4px 15px;position:fixed;right:0}
.pull-left{float:left!important}
.pull-right{float:right!important}
.login-form .copy-footer img{vertical-align:middle}
.popcontainer,.modal{display:none}
td.blink {    color: green;}
/* ALert Show */
.modal-open { overflow: hidden; }
.modal { position: fixed; inset: 0px; z-index: 1050; display: none; overflow: hidden; outline: 0px; }
.modal.fade .modal-dialog {transition: transform 0.3s ease-out 0s;transform: translate(0px, 100%);}
.modal.in .modal-dialog {/* transform: translate(0px, 0px); */}
.modal-open .modal {overflow: hidden auto;}
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content { position: relative; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px; }
.modal-backdrop {position: fixed;inset: 0px;z-index: 1040;background-color: rgb(0 0 0 / 50%);}
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.in { opacity: 0.5; }
.modal-header {border-bottom: 1px solid rgb(229, 229, 229);}
.modal-header .close { margin-top: -2px; }
.modal-title { margin: 0px; line-height: 1.42857; }
.modal-body { position: relative; padding: 15px; }
.modal-footer {text-align: center;border-top: 1px solid rgb(229, 229, 229);}
.modal-footer .btn + .btn { margin-bottom: 0px; margin-left: 5px; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0px; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
.modelAlert { z-index: 2147483647; background: rgba(0, 0, 0, 0.28); }
.modelAlert .modal-sm { width: 300px; margin: 30px auto; }
.modelAlert .modal-title { color: rgb(255, 112, 67); }
.modelAlert .modal-header, .modelAlert .modal-footer {padding: 4px 8px;}
.modelAlert .modal-footer {/* border-top: none; */}
.modelAlert .modal-header .close { margin-top: 2px; }
.modelAlert .modal-body {position: relative;padding: 10px 10px;font-size: 15px;color: rgb(47, 42, 42);text-align: center;}
.modelAlert .btn {padding: 3px 11px;height: auto;font-size: 12px;background: rgb(2, 166, 183);color: rgb(255, 255, 255);cursor: pointer;letter-spacing: 0.5px;text-align: center;text-decoration: none;user-select: none;display: inline-block;overflow: hidden;transition: all 0.3s ease-out 0s;border: 0px;border-radius: 2px;outline: none 0px;padding: 4px 12px;text-transform: uppercase;box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px;}
.modelAlert .btn:hover { background: rgb(255, 112, 67); color: rgb(255, 255, 255); }
button.close {appearance: none;padding: 0px;cursor: pointer;background: 0px 0px;border: 0px;}
.close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 1; }
.close:focus, .close:hover { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.5; }
/* END LOGIN PAGE CSS USED */ 
.sales-wrapper { margin-bottom: 30px;}
/* HEADER CSS */
.mainHeaderWrapFixed{position:sticky;width:100%;top:0;left:0;z-index:9999;background:rgb(254,254,254);box-shadow:rgb(0 0 0 / 10%) 0 2px 14px}
#header{height: auto;background:rgb(16,36,66);color:rgb(255,255,255);padding:0 15px;font-size:12px}
#header .box-left{float:left;height:auto;line-height:69px;padding:1px 0;display:flex;align-items:center}
#header .box-left ul.links{margin:0;padding:0;list-style:none;display:flex}
#header .box-left ul.links li{line-height:normal;display:flex;align-items:center}
#header .box-left ul.links li .fa-user-tie{background:rgb(232,9,91);padding:3px;border-radius:50%;text-align:center;margin:0 4px}
i.fa,span.fa{font-size:17px!important}
.calenderIcon i.fa, .calenderIcon span.fa { margin-left: 2px;}
#header .box-right .links li span,span#ctl00_Adminheader1_lblempname{color:rgb(255,255,255);font-weight:400;text-transform:capitalize;margin-left:0}
#header .box-right{float:right;height:auto;padding:1px 0;margin-right:35px;position:relative}
#header .box-right .links{list-style:none;margin:0;padding:0;float:left;display:flex}
#header .box-right .links li{float:left;padding:0 10px;border-right:1px solid rgb(67,67,67);height:auto;display:flex;position:relative;align-items:center}
#header .box-right .links li:last-child{border-width:0}
#header .box-right .links li a{display:block;line-height:normal;color:rgb(255,255,255)}
.mainHeaderWrapFixed #header .box-right .date{text-align:right;font-size:11px;font-weight:400;padding:2px 0;display:flex;align-items:center;color:rgb(255,255,255)}
.mainHeaderWrapFixed #header .box-right .date i{margin-right:2px;position:relative;top:-1px}
#header .box-right .links li a i.la-tachometer-alt{color:rgb(255,255,255);text-align:right;font-size:22px;background:rgb(232,9,91);padding:3px 2px;border-radius:34px;line-height:19px;display:block}
/* RIGHT TOGGLE BUTTON */
#menuToggle{position:absolute;top:7px;left:auto;z-index:99;user-select:none;right:20px;width:23px;height:18px;display:block;color:rgb(0,0,0)}
#menuToggle input{display:block;position:absolute;top:0;left:-4px;cursor:pointer;opacity:0;z-index:2;margin:0;height:26px;width:30px!important}
#menuToggle span{display:block;width:20px;height:2px;margin-bottom:4px;position:relative;background:rgb(255,255,255);border-radius:3px;z-index:1;transform-origin:0 0;transition:transform 0.5s cubic-bezier(.77,.2,.05,1) 0s,background 0.5s cubic-bezier(.77,.2,.05,1) 0s,opacity 0.55s ease 0s}
#menuToggle span:nth-last-child(2){transform-origin:0% 100%;width:15px}
#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(1px,0);background:rgb(255,255,255)}
#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2,.2)}
#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translate(-1px,2px);width:20px}
#menuToggle input:checked~ul{transform:translate(0%,0);width:15px;display:block}
#menu{position:fixed;min-width:50px;margin:5px 0 0;padding:0;background:rgb(255,255,255);list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(10000%,0);transition:transform 0.5s cubic-bezier(.77,.2,.05,1) 0s;height:100vh;text-align:left;top:auto;right:0;box-shadow:rgb(0 0 0 / 35%) 0 2px 3px;left:auto;display:block}
#menu li:first-child{border:none}
#menu li{padding:4px 0;font-size:14px;list-style:none;text-align:center;border-bottom:1px solid rgb(243,246,249);border-top:none;border-left:none;border-right:none;margin:0}
#menu ul{padding:0;display:block;float:none}
#menu li li:nth-child(1){border-bottom:2px solid rgb(243,246,249);border-top:none;border-left:none;border-right:none;margin-top:0;padding-top:0}
#menuToggle a{text-decoration:none;color:rgb(18,64,111);transition:color 0.3s ease 0s;display:block;width:34px;height:34px;line-height:40px;border-radius:45px;padding:0;text-align:center;margin:0 auto;background:rgb(255,255,255)}
#menuToggle a i.fa{color:rgb(18,64,111);font-size:20px!important}
/* END RIGHT TOGGLE BUTTON */
.main-header-section{position:relative;width:100%;top:0;left:0;z-index:9;/* background: #fff; */padding:0 15px;}
.main-header-section:after {display: block; content: '';clear: both;}
.main-header-logo{padding:2px 0;margin-right:0}
.main-header-logo,.logout-section,.menu-wrap-section,.logo-right-four,.log-menu-section{float:left}
.main-header-logo img { width: 40px; position: relative; top: auto;    right: auto;}
.mainHeaderWrapFixed .navbg{padding:0;/* background:rgb(255,255,255); */}                                                                                                                                                                                                                                                                                                                        .fa-times{color:rgb(224,63,16);cursor:pointer}
/* MAIN MENU CSS */
.sf-menu{float:left;margin-bottom:0}
.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}
.sf-menu li{white-space:nowrap;position:relative;}
.sf-menu li:hover,sf-menu li:hover .sf-menu a,.sf-menu li.sfHover{background:rgb(239,239,239)!important;color:rgb(255,255,255)!important}
.sf-menu li:hover>ul,.sf-menu li.sfHover>ul{display:block}
.sf-menu ul{z-index:9999;min-width:12em;border:1px solid rgb(239,240,246);background:rgb(255,255,255);border-radius:4px;position:absolute;display:none;top:100%;left:0;box-shadow:19px 20px 20px 0 rgb(0 0 0 / 22%)!important}
.sf-menu ul li{/* background:rgb(255,255,255); */border-left:none}
.mainHeaderWrapFixed .sf-menu ul li a{display:block;padding:6px 3px!important}
.sf-menu>li{float:left;padding:10px 0}
.mainHeaderWrapFixed .sf-arrows .sf-with-ul{padding-top:12px;padding-bottom:1em;padding-right: 1.3em!important;}
.sf-menu a{border-left:none;padding: 2px 0 0 3px;text-decoration:none;font-size:var(--navFont);font-weight:bold;letter-spacing: -0.25px;color:var(--navTxtColor)!important;position:relative}
.mainHeaderWrapFixed .sf-arrows .sf-with-ul::after{right: .35em;}
.sf-arrows ul .sf-with-ul::after{margin-top:-5px;margin-right:-3px;border-color:transparent transparent transparent rgba(0,0,0,.91)}
.sf-menu ul ul{top:0;left:100%}.sf-arrows .sf-with-ul::after{content:"";position:absolute;top:50%;right:1em;margin-top:-2px;height:0;width:0;border-width:4px;border-style:solid;border-color:rgb(3,45,96) transparent transparent;border-image:initial}
/* END MAIN MENU CSS */
/* SEARCH BAR CSS */
.main-header-section .logout-section{float:right;display:flex;align-items:center}
.main-header-section .logout-section ul.links{margin:5px 0;padding:0}
.logout-section ul{display:flex;list-style:none}
.main-header-section .logout-section ul.links li{margin-left: 0;position:relative}
.pre_post_sales{margin-right:8px;position:absolute;left:auto;z-index:9;top:0}
.toggles { position: relative; height: 26px; width: 40px; cursor: pointer; border-radius: 25px; background: linear-gradient(to right, rgb(251, 251, 251) 40%, rgb(255, 255, 255) 100%); box-shadow: rgba(0, 0, 0, 0.03) 0px 2px 5px; border: 1px solid rgb(3, 45, 96); }
.toggles::before { content: ""; position: absolute; left: 3px; top: 50%; transform: translateY(-50%); height: 20px; width: 20px; border-radius: 100%; background-color: rgb(3, 45, 96); border: 0px solid rgb(255, 255, 255); transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s; box-shadow: rgba(0, 0, 0, 0.17) 0px 1px 5px; }
.toggles.active::before {left: calc(100% - 26px);background-color: rgb(3, 45, 96);border: 2px solid rgb(255 255 255);}
.toggles span { display: none; background: rgb(3, 45, 96); padding: 1px 8px; font-size: 12px; width: auto; z-index: 9; border-radius: 4px; writing-mode: horizontal-tb; white-space: nowrap; line-height: 20px; font-weight: bold !important; color: rgb(255, 255, 255) !important; }
.toggles:hover span.pre { display: block; position: absolute; top: 0px; right: 45px; text-align: left; }
.toggles.active:hover span.post { display: block; position: absolute; top: 0px; right: 45px; text-align: left; }
.toggles.active:hover span.pre { display: none; }
.toggles span.post::before { width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid rgb(3, 30, 64); position: absolute; right: -6px; content: ""; transform: rotate(175deg); }
.toggles span.pre::before { width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid rgb(3, 45, 96); position: absolute; right: -6px; content: ""; }
.foot-search-in { position: relative; top: -1px;}
.foot-search-in .form-control { height: 28px; width: 100%; margin-left: 0px; border: 1px solid rgb(18, 64, 111);padding-right: 25px; padding-left: 50px;box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;border-radius: 15px !important;}
.hideToggle .foot-search-in .form-control { padding-left: 12px;}
.foot-search-in .btn-searchs1 {padding: 2px 10px 0px 6px !important;background: rgb(3, 45, 96) !important;color: rgb(255, 255, 255) !important;line-height: 28px !important; border-radius: 0px 15px 15px 0px !important;}
.form-input.block-date {display: flex;align-items: center;justify-content: start;width: 100% !important;}
.block-cell { display: table-cell; vertical-align: middle;}

.datepickSec { position: relative;}
.dateCalenderIcon {position: absolute; top: 3px;left: 4px;font-size: 16px;color: rgb(33, 69, 105); z-index: 1;}
.datepickers { width: 110px !important; padding-left: 22px !important;}
.datepicker, .datepickerBirth { padding-left: 22px !important;}
/* END SEARCH BAR CSS */
/* END HEADER CSS */
/* MAIN PANNEL CSS*/
.homemasterpage .row { position: relative;}
.grid-bxb { position: relative; background: rgb(255, 255, 255); margin-bottom: 8px; height: 270px; border-radius: 6px; padding-bottom: 0px; box-shadow: rgb(0 0 0 / 15%) 0px 0px 10px 0px; transition: background 0.3s ease 0s, border 0.3s ease 0s, border-radius 0.3s ease 0s, box-shadow 0.3s ease 0s;}
.gridtableheader {padding: 6px 10px;text-transform: capitalize;font-size: 14px;text-align: left;border-top-left-radius: 5px; border-top-right-radius: 5px; background: rgb(255, 255, 255);font-weight: normal;color: rgb(0, 0, 0) !important;}
.gridtableheader h4 {font-size: var(--headingFont);letter-spacing: 0px;text-transform: var(--headingUpperase);}
.printicon {position: absolute; right: 8px;top: 3px;display: flex;align-items: center;justify-content: space-between;}
.printicon ul { padding: 0px;margin: 0px 0px 0px 5px;list-style-type: none; float: right;}
.printicon li:first-child { border: 0px;}
.printicon li { float: left; margin-left: 4px;padding-left: 2px;}
.printicon li a, .printicon li button { color: var(--iconColor);font-size: 15px; padding: 3px 2px 1px; border-radius: 2px; cursor: pointer;line-height: normal;background: rgb(255, 255, 255);}
.printicon li span:hover, .printicon li a:hover, .printicon li button:hover { color: rgb(255, 255, 255); background: var(--iconColor);box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;}
a.min-max-click .fa-compress-arrows-alt {  display: none;}
.col-lg-12.col-md-12.col-sm-12.active a.min-max-click .fa-compress-arrows-alt {display: inline-block;}
.col-lg-12.col-md-12.col-sm-12.active a.min-max-click .fa-expand-arrows-alt { display: none;}
.col-lg-12.col-md-12.col-sm-12.active { position: absolute;z-index: 9999;width: 100%;top: 0px;left: 0px;height: 100%;}
.col-lg-12.col-md-12.col-sm-12.active::after {  content: ""; position: fixed; left: 0px; top: 0px; width: 100%;height: 100%; background: rgba(0, 0, 0, 0.55);}
.col-lg-12.col-md-12.col-sm-12.active .grid-bxb { box-shadow: rgb(47 46 46) 0px 0px 10px 0px;  z-index: 99; left: 50%; top: 25%; transform: translate(-50%, -25%); position: fixed; height: auto; width: 95%;}
div#divIntegratedLeadsTbl {  margin-top: 3px;}
.grid-bxb .max-heights { height: 230px; overflow: auto; position: relative; padding: 0px;}

table.grd-table.fixTableHome th { z-index: 10;}
.grid-bxb table.grd-table th {white-space: nowrap;}
table.grd-table th.grdTableMinWidth {min-width: 250px;}
/* POPUPMASTER TABLE BACKGROUND COLOR */
.popupMasterPrint table.grd-table td.HeaderCenter, .popupMasterPrint table.grd-table th, .popupMasterPrint table.table-fourqt .HeaderCenter th, .popupMasterPrint table.table-fourqt th, .popupMasterPrint table.grd-table .grd-table-header-column, .popupMasterPrint table.grd-table .HeaderCenter td {background-color: var(--thpopupBg) !important;border: var(--thpopupborder) !important;color: var(--thpopupColor) !important;}
table.grd-table th a {  color: rgb(255, 255, 255);}
table.grd-table td, table.table-fourqt td, .grd-table-new-12345 td {font-weight:var(--tdFontWeight); padding: var(--paddingtd);  white-space: var(--tdwhiteSpace); border: var(--bordertd);  background-clip: padding-box;}
table.tableNice td {background: #fff;}
table.grd-table td input[type="color"] {border: var(--bordertd); height: var(--height);background: rgb(255, 255, 255); padding: var(--paddingtd);  border-radius: var(--borderRadius);width:revert;}
table.grd-table tr.grd-table-header-column td,table.grd-table tr td.grd-table-header-column, table.grd-table th, table.table-fourqt th, table.table-fourqt .HeaderCenter th, table.table-fourqt .tableHeaderBg td, table.grd-table .HeaderCenter td, table.grd-table .gridHeader td, table.grd-table td.HeaderCenter, .grd-table-new-12345 th {
    background-color: var(--thBg) !important;
    padding: var(--paddingth);
    font-weight: var(--thFontWeight)!important;
    vertical-align: middle;
    border: var(--borderth);
    white-space: var(--thwhiteSpace);
    color: var(--thColor) !important;
    text-transform: var(--thUpperase);
    z-index: 10;
    line-height: 16px;
    position: relative;
    background-clip: padding-box;
}
/* Table Fixed Overflow */
.fixTableHeightWrap, .tableFourqtHeight .fixTableHeightWrap, .tableFourqtHeight .dataTables_scrollBody, .fixTableHome { overflow: auto; max-height: 400px;}
.fixTableHeightPrint { max-height: 450px; overflow: auto;}
.fixTableHeightAll {  max-height: 280px;  overflow: auto;}
/*************************************************************** START PAGE CSS USED *********************************************************************/
.content { padding: 4px 0px 30px;}
/* fourqtPanelForm css */
.fourqtPanelForm,.panel,.fourqtMainPanel{border:1px solid rgb(187,203,224);margin-top:4px;border-radius:5px;margin-bottom:4px;box-shadow:rgb(0 0 0 / 19%) 0 1px 5px;background:#fff;position: relative;}
.fourqtPanelFormV1 .fourqtPanelHead,.fourqtPanelContentV1 .fourqtPanelHead{display:flex;justify-content:space-between;align-items:center}
.fourqtPanelHead,.panel-heading{background:var(--panelBg);border-bottom:1px solid rgb(234,234,234);color:#000;padding:2px 8px;border-top-left-radius:3px;border-top-right-radius:3px;position:relative;min-height:var(--panelheight);line-height:24px;font-size:var(--headingFont);font-weight:bold;}
.panel-heading > .panel-heading {background: transparent; border: none;padding: 0;min-height: auto;}
.fourqtPanelHead i.fa,.panel-heading i.fa{line-height:26px}
.panel-body .row .panel .panel-body .row {  margin-top: 4px;  margin-bottom: 4px;}
/* Heading */
.MenuLeftHeading,.fourqtPanelHeadTitle,.fourqt-title,.MenuSubHeading{font-size:var(--headingFont);margin:0;text-transform:uppercase;display:block;line-height:24px;color:var(--headingTxtColor);font-weight:var(--headingFontWeight);padding: 0;}
.fixMandField.rightReset {line-height: 24px;font-size: 12px;}
.fourqtPanelFormV1 .fourqtPanelHead .fourqtFormHideBtn,.fourqtPanelFormV1 .fourqtPanelHead .fourqtFormHideBtn,.fourqtPanelFormV1 .fourqtPanelHead .fourqIconBtnSec{display:flex;justify-content:end;align-items:center;top:0;position:relative;right:0}
.fourqtFormHideBtn{position:absolute;top: 3px;right:6px}
.fourqtPanelFormV1 .fourqtPanelHead .pull-right,.fourqtPanelContentV1 .fourqtPanelHead .pull-right{}
.fourqtPanelHead.clearfix::after,.fourqtPanelHead.clearfix::before{content:unset!important}
.pull-right.pad-right{position:relative;top:0}
.pad-right{padding-right:20px}
.fourqtFormHideBtn .panelHeadBtn{border:none;background:none;font-size:18px;color:var(--panelHeadBtn);padding:0;margin-left:5px}
.panelShowBtn,.panelHideBtnOn{display:none}
.fourqtPanelBody,.panel-body,.fourqtMainPanelbody{padding:8px;background:rgb(255,255,255);border-radius:4px 4px;width:100%!important;position: relative;}
.formBoxSec{padding:0}
.fourqtForm .fourqtCol.comAddr{width:33%}                      
.fourqtForm .fourqtCol{width:16.6667%;float:left;margin:4px 0 4px 0%;padding:0 4px;position:relative}
/*.fourqtForm .form-input.DiffHightAuto{max-height:var(--heightAuto)}*/
.fourqtForm .fourqtCol.fourqtColAuto,.fourqtForm .form-version-width .fourqtCol.fourqtColAuto,.fourqtForm.enq-forms .fourqtCol.fourqtColAuto{width:auto}
.fourqtFormHideBtn.d-flex ul {margin-left: 12px;}
.form-short .fourqtCol{width:100%;margin-bottom:10px;min-height:10px}
.letterMasterLeft .fourqtForm .fourqtCol{width:100%}
.fourqtForm .fourqtCol.fourqtColTower .form-input table.space-count td{padding:1px 8px}
.fourqtForm .fourqtCol.fourqtColTower .form-input table td{background:rgb(255,255,255)}
/* Enqiury Form */
.fourqtForm.enq-forms .fourqtCol.phoneQ{width: auto;}
.fourqtForm.enq-forms .fourqtCol .fCol{float:left;margin-right: 3px;}
.fourqtForm.enq-forms .fourqtCol .fCol-6{width: auto;}
.btnab{position:absolute;top:0;right:-50px}
.fourqtForm .form-input input[type="checkbox"]{margin:1px 5px 0 0;height:auto;font-weight:bold;font-size:12px;background:rgb(255,255,255);padding:4px 8px;line-height:24px;position:relative;width:30px;border:1px solid rgb(203,213,224);text-align:left;border-radius:4px;box-shadow:rgb(45 55 72 / 5%) 0 0 1px,rgb(45 55 72 / 10%) 0 1px 2px}
.enqformWrapeer .enqfullFormSec .rightFormEnq .rightFormEnqBx,.enqformWrapeer .enqfullFormSec .leftFormEnq .leftFormEnqBx{padding:8px}
.enqfullFormSec .leftFormEnq .leftFormEnqBx{min-height: auto;border:1px solid rgb(187,203,224);border-radius:2px;margin:0 0 6px;padding: 4px;}
.enqfullFormSec .rightFormEnq .rightFormEnqBx{min-height:100px;border:1px solid rgb(187,203,224);border-radius:2px; padding: 4px;}
.enqfullFormSec .rightFormEnq .rightFormEnqBx .subheader1 {padding: 0 4px;}
.fourqtForm.enq-forms .fourqtCol.enqFormsHight.fourqtCol-full{width:100%}
.modalBackground{background-color:rgba(0,0,0,.83)}
#ctl00_ContentPlaceHolder1_pnlPopup_DropShadow{background-color:transparent!important}
.subheader{padding:0 12px;background:rgb(232,232,232);margin-right:-8px;margin-left:-8px;margin-bottom:8px;margin-top:8px}
.takefollowupHead .fxd{float:left;line-height: inherit;margin-right:4px}
.ragisterPage .fourqtForm .col-md-4 .form-title{display:flex;max-height:none}
 .ragisterPage .fixTableHeightWrap .heading { background: var(--thBg);display: block; color: var(--thColor) !important;font-size: 12px;padding: var(--paddingth);border: var(--borderth); border-bottom: 0;}
.fourqtForm.row .form-title{margin-bottom:4px}
/* Multi Select Input */
.fourqtForm .fourqtCol.fourqtColTower .form-input table{margin-top:0;overflow:hidden;white-space:nowrap;display:block;padding:0!important;line-height:14px;font-family:inherit!important}
.fourqtForm .fourqtCol.fourqtColTower .form-input #ctl00_ContentPlaceHolder1_PanelMultiDropDown{padding-right:20px}
div#ctl00_ContentPlaceHolder1_PanelMultiDropDown{border-radius:2px;box-shadow:none;border:1px solid #c8c8c8;width:100%;height:var(--height);font-weight:bold;font-size:12px;background:#fff;padding:2px 8px;line-height:24px;color:#14151e;position:relative}
span#ctl00_ContentPlaceHolder1_lblDropDown{border:0;line-height:14px;padding-right:0;padding-bottom:0;padding-left:0;padding-top:0!important}
.fourqtForm .fourqtCol.fourqtColTower .form-input table td{background:#fff}
.fourqtForm .fourqtCol.fourqtColTower .form-input table td img{position:absolute;right:8px}
.fourqtForm .fourqtCol.fourqtColTower #ctl00_ContentPlaceHolder1_divCheckBoxList{left:0}
.fourqtForm .form-title{width:100%;padding-right:0;white-space:nowrap;position:relative;letter-spacing:0;display:flex;justify-content:start;flex-direction:initial;margin:0;text-align:left;color:#000;line-height:normal;max-height:17px;min-height:17px;font-weight:bold!important}
.fourqtForm .form-title label,.fourqtForm .form-title span,.fourqtForm .form-title strong{display:flex;font-size:var(--lable);font-weight:bold!important}
.fourqtForm .form-input font,span.comma{margin-top:4px;display:block}
.fourqtForm .form-input{width:100%;float:none;font-weight: bold;position:relative;min-height:var(--height);}
.d-flex,.fourqtForm .form-input.form-inline{display:flex;align-items:center}
.fourqtForm.shortForm.shortFormCenter .fourqtCol .form-input{max-height:var(--heightAuto);width: auto;}
.fourqtForm.shortForm.shortFormCenter .fourqtCol .checkCustomInput li,.fourqtForm.shortForm.shortFormCenter .fourqtCol .custCheckInfo li{margin:0 6px 4px 0}
.fourqtForm .form-input.form-inline .form-control{margin-right:6px}
.fourqtForm .fourqtCol .form-input table td:first-child .form-control{margin-right:6px;width:150px}
.fourqtForm .form-input b{line-height: 22px;font-weight:bold}
/*.fourqtForm .form-input.radioCustomHeight,.fourqtPanelHead .radioCustomHeight,.panel-heading .radioCustomHeight{height:var(--height)}*/
.fourqtForm .fourqtCol-full{width:100%;float:left;margin: 4px 0 4px 0%;padding:0 4px;position:relative;}
.fourqtForm.ragForm.adfPq .form-version-width { padding: 0;}
.cust-infos{overflow:auto}
.form-group {margin-bottom: 8px;}
span.comma{font-size:11px}
.fourqtForm .form-input iframe{border-radius:2px;border:1px solid #c8c8c8!important}
.to-addon{display:table-cell;color:#417195;font-size:12px;padding:0 4px;vertical-align:middle}
.dis-col{display:inline-block;padding:0 3px}
.topWellDtHeading{color:#3a505d;font-size:12px;margin:0;padding:4px 3px;display:block;font-weight:400}
.fourqtPanelFooter,.panel-footer{background:linear-gradient(to left,#fbfbfb 0,#e8f1ff 100%);border-top:1px solid #eaeaea;color:#31708f;padding:2px 8px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;height: var(--panelheight);}
.fourqtPanelFormV2 .btnWebs { margin: 2px;}
.footer-unit{display:flex;align-items:center;justify-content:flex-end;margin-top:4px}
.footer-unit .area-sold-unit{margin-left:32px}
.footer-unit .area-sold-unit label{color:#000}
/* fourqtPanelContent css */
.fourqtPanelContent{border:1px solid #d7dfe3;margin-top:4px;margin-bottom:12px;border-radius:5px;box-shadow:rgb(0 0 0 / 19%) 0 2px 5px}
.fourqIconBtnSec{position:absolute;right: 8px;top:2px;display:flex;align-items:center;justify-content:end}
.main-icon-se, .fourqIconBtnSec ul{padding:0;margin:0 0 0 5px;list-style-type:none;float:right;display:flex;justify-content:end;align-items:center}
.main-icon-se li, .fourqIconBtnSec li{float:left;margin-left:0}
.main-icon-se li a, .fourqIconBtnSec li a,.fourqIconBtnSec li button,.fourqIconBtnSec li span{color:var(--printDownload) !important;margin:2px;cursor:pointer;padding:0 4px;border-radius:4px;font-size:20px;background:#fbfbfb;border:0}
.main-icon-se li a:hover, .fourqIconBtnSec li a:hover,.fourqIconBtnSec li button:hover,.fourqIconBtnSec li span:hover{color:var(--printDownloadHover) !important;background:#fff;box-shadow:rgb(0 0 0 / 10%) 0 1px 3px 0,rgb(0 0 0 / 6%) 0 1px 2px 0}
.main-icon-se li a.toolTipCust {  display: none;}
/* fourqtPanelContent under List  */
.listAutoWidth ul{padding:0;margin:0;list-style-type:none}
.listAutoWidth ul li{float:left;padding:8px 5px;margin-top:2px;margin-bottom:2px}
.col-data{margin-bottom:8px}
.col-data .col-name{display:flex;align-items:center}
.col-data .col-name .label-name{margin-right:8px}
/* Bootstrap Column */
.fourqtForm .col-lg-1 .form-title,.fourqtForm .col-lg-2 .form-title,.fourqtForm .col-lg-3 .form-title,.fourqtForm .col-lg-4 .form-title,.fourqtForm .col-lg-5 .form-title,.fourqtForm .col-lg-6 .form-title,.fourqtForm .col-md-1 .form-title,.fourqtForm .col-md-2 .form-title,.fourqtForm .col-md-3 .form-title,.fourqtForm .col-md-4 .form-title,.fourqtForm .col-md-5 .form-title,.fourqtForm .col-md-6 .form-title,.fourqtForm.row .form-title{display:block}
.fourqtForm.row .form-title{min-height:54px;margin-bottom:4px}
/* Tab Master */
.tab-content>.active{display:block}
.tab-content>.tab-pane{display:none}
.fade.in{opacity:1}
.fade{opacity:0;transition:opacity .15s linear}
/* ALL MASTER TAB */
.all-master-tab{margin-left:-8px;margin-right:-8px}
.leftWrapNav,.master-left-menu{float:left;width:20%;padding:4px 8px}
.leftWrapNav li,.master-left-menu ul,.master-left-menu ul li{padding:0;margin:0;list-style-type:none}
.leftWrapNav li input.buttonClick,.master-left-menu ul li.active a{background: var(--radioBg);color: var(--radioTxtActiveColor);}
.leftWrapNav li input,.master-left-menu a{display:block;padding:4px 8px;border: var(--radioBorderColor);color: var(--radioTxtColor);border-radius: var(--borderRadius);margin-bottom:4px;width:100%!important;text-align:left;height:auto}
.leftWrapNav li input:hover{border:1px solid #17bbc1;color:#17bbc1;background:#fff}
.leftWrapNav li input:focus{border-color:#17bbc1!important}
.master-right-sec,.rightWrapNav{float:left;width:80%;padding:0 8px}
.tab-content>.active{display:block}
/* BROKER FORM */
.fourqtMinL .formNameInput .nameCol{width:33.3%;float:left;padding-right:4px}
.ManageWidthCol.fourqtMainPanel .fourqtMainPanelbody,.fourqtMainPanel.brokerAppCont .fourqtMainPanelbody{padding:8px}
/* RegistrationForm_version CSS */
.ddressDfSec { font-weight: bold;}
.ddressDfSec .rows{background:#f5f4f9;padding:5px;margin-bottom:5px;border-bottom:1px solid #eaeaea;display:flex;align-items:center}
label.fxTitle{display:block;font-size: var(--lable);}
.ragForm .formTwo{display:table}
.ragForm .fcol{display:table-cell;vertical-align:middle}
.fourqtForm.ragForm.adfPq .row {margin-right: 0; margin-left: 0;}
.ragisterPage .formNameInput .nameCol{width:auto;float:left;padding-right:4px}
.ragisterPage .form-upload{position:relative}
.ragisterPage .form-upload input[type=file]{width:auto;margin-right:4px;padding-top:0;vertical-align:middle;display:inline-block}
.ragisterPage .form-upload .button{position:sticky;top:0;right:-60px;font-size:11px;padding:1px 6px}
.ragisterPage .form-upload span.fileError{position:relative;bottom:0;left:0;display:block;font-size:11px}
/* formBoxStyle */
.formBoxStyle.fourqtBoxLayout{margin:10px auto 0;background:#fff;border-radius:4px;box-shadow:rgb(0 0 0 / 8%) 0 1px 9px;border:1px solid #bbcbe0;width:60%!important}
.shortFormCenter{margin:0 auto;width:480px;}
.fourqtForm.shortForm.shortFormCenter .fourqtCol{width:100%;float:none;margin:0 0 4px}
.fourqtForm.shortForm.shortFormCenter .fourqtCol:after{content:'';clear:both;display:block}
.fourqtForm.shortForm.shortFormCenter .form-title{width:44%;float:left;position:relative;padding-left:0;align-items:center}
.fourqtForm.shortForm.shortFormCenter .form-input{width: 56% !important;float:left;position:relative}
/* mainOtherChrgMasterWrap */
.mainOtherChrgMasterWrap .formBoxStyle.fourqtBoxLayout{width:50%!important}
.mainOtherChrgMasterWrap .shortFormCenter{width:100%;margin:0 auto}
.mainOtherChrgMasterWrap .shortForm .differWid .form-input .form-control{width:100%}
.lblMap{position:absolute;left:100%;top:5px;margin-left:4px;color:#1481bf;white-space:nowrap;font-size:11px;right:4px}
input#btnAddGroup{position:relative;left:0;top:0;margin-left:6px}
.fourqtForm.shortForm.shortFormCenter .form-title{width:44%;float:left;position:relative;padding-left:0;min-height:22px;align-items:center}
.mainOtherChrgMasterWrap .shortForm .fourqtCol .form-control{width:60%}
.mainOtherChrgMasterWrap .shortForm .differWid .form-input{width:215px}
.mainOtherChrgMasterWrap .shortForm .differWid .form-input.d-flex{width:250px}
/* FollowUpHistory List */
.fourqtMainPanel.panel-multi .fourqtMainPanelbody{padding:8px}
.custInfoBox{border:1px solid #e8e8e8;padding:10px;border-radius:4px}
.custInfoBox ul{padding:0;margin:0;list-style-type:none}
.custInfoBox li{float:left;width:33%;padding:4px}
.custInfoTab{display:flex;width:100%;align-items:center}
.custInfoBox li .custTitle{width:55%}
.custInfoBox li .custTitle label, .custInfoBox li .custTitle .bold{font-weight:bold}
.custInfoText{width:45%}
.hype{color:red;padding:5px;display:inline-block;margin-bottom:10px}
 .hype span{margin-right:5px}
 .hype span img{width:12px;height:12px;margin-right:8px}
/* IP PROTECTION */
.btnIpSec input[type=submit]:disabled{opacity:.8;cursor:not-allowed}
.btnRedIp{background: #cc1d1d !important;margin-left:15px;box-shadow: rgb(136 8 8) 0 2px 2px !important;color: #fff !important;border-color: #9f0909 !important;}
.btnGreenIp{background: #049015 !important;box-shadow: rgb(3 122 18) 0 2px 2px !important;color: #fff !important;border-color: #057c13 !important;}
.btnIp:active,.btnIp:focus,.btnIp:hover{font-weight:400;background: #a211d2 !important;border-color: #8207ab !important;box-shadow: #a211d2 0 2px 2px !important;}
.button[disabled]:hover{background-color:#012532;border:1px solid #2d668b;cursor:not-allowed}
.btnGreenIp,.btnIp,.btnRedIp{padding: 5px 10px;height: auto;}
/* AddFloorMasterDetails */
.fourqtMainPanel .fourqtMainPanelbody{padding:0}
.mainOtherChrgMasterWrap .mainFourqtShortSec{padding:4px 8px}
.floorMasterLeft,.letterFormatLeft{float:left;width:50%;padding-right:5px}
.floorMasterRight,.letterFormatRight{float:left;width:50%;padding-left:5px}
/*  PaymentPlanDetailReport Page CSS*/
.reportheader{background-color:#eef3f7;font-size:14px;font-weight:400;padding:4px 20px;border-top-left-radius:5px;border-top-right-radius:5px}
.fourqIconBtnSec.fourqIconBtnSecApp{top:-3px;right:8px;position:relative;border-right:1px solid #777;padding-right:5px}
.fourqIconBtnSec.fourqIconBtnSecApp li a{color:#212121;font-size:16px}
/* EnqueryFollowup Page CSS */
#btnHideEl,.showMoreEl{display:none}
.cust-infos-table td{padding:4px;line-height:1.42857;vertical-align:top;border:1px solid #ddd}
/* FOLLOWUP Table Legends */
.addFolloUpList ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.addFolloUpList ul li{margin-left:8px;color:#31708f;font-size:13px}
.addFolloUpList ul li .actColorTheme{display:flex;align-items:center}
.addFolloUpList ul li .sphere.tableborder{width:14px;height:14px;margin:0 4px}
.actColorThemePower ul{list-style-type:none;padding:0;margin:0}
.actColorThemePower li{display:inline-block;float:left}
.tableBody.paddingTop-0 .actColorThemePower li .actCol{color:#000}
.actColorThemePower li .actBox{width:20px;height:20px;border:none;border-radius:20px}
.actColorThemePower li .actCol{float:left;font-size:12px;padding:2px 3px;color:#000}
/* small-panel-wrapper */
.small-panel-wrapper{width:700px;margin:0 auto 10px;background:#fff;border:1px solid #d7dfe3;border-radius:4px;box-shadow:rgb(0 0 0 / 8%) 0 1px 9px}
.small-panel-wrapper .fourqtPanelForm{margin:0}
.small-panel-wrapper .fourqtForm .fourqtCol{width:33%}                                               
.small-panel-wrapper .fourqtForm .fourqtCol.fourqtColAuto{width:auto}
.fourqtForm.form-short .form-title{display:block;max-height:none}
/* big-panel-wrapper */
.big-panel-wrapper{width:100%;margin:0 auto 12px;background:#fff;border-radius:5px;box-shadow:rgb(0 0 0 / 8%) 0 1px 9px}
.big-panel-wrapper .fourqtPanelForm{margin:0}
/* setsortorder Drag & Drop */
.dragF span{background:#ffff43;color:#585801;margin-left:10px}
.sort-orders{width:100%;border:none;box-shadow:none;max-height:330px;overflow:auto}
.header-ui{border:1px solid rgb(18 64 111);background-color:rgb(18 64 111);position:sticky;top:0;z-index:9;color:#fff;padding:5px}
.sort-orders .ui-state-default:hover{background:#e8095b;color:#fff}
.header-ui-left{float:left;width:20%;text-align:center}
/* roundrobinmaster */
.ui-state-th, .ui-state-td {  float: left; width: 16%; text-align: center;}
/* End roundrobinmaster */
.sort-orders .sortable-ui-sec{padding:0;margin:0}
.sort-orders .ui-state-default{cursor:grab}
.sort-orders .ui-state-default,.sort-orders-wrap .ui-state-default{border:1px solid #e6e6e6;padding:5px;background:0 0;font-weight:400;color:#514d6a;text-align:center}
.ui-sortable-handle{touch-action:none}
.ui-state-left,.ui-state-right{padding:0}
.ui-state-left{float:left;width:20%;text-align:center}
.ui-state-right{float:left;width:40%;text-align:center}
.rowstar.text-center{font-size:12px}
.peymentReceiptSec .showAddOn{outline:0;background-color:#ecf0f1;border:1px solid #099ba0;font-size:12px;padding:3px 5px;border-radius:3px;color:#099ba0;position:absolute;right:12px;font-weight:400;top:4px!important}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  .btnOut{margin-bottom:4px!important;margin-top:4px}
/* TAB SLIDER */
.carousel { position: relative; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; }
.carousel-inner > .item { position: relative; display: none; transition: left 0.6s ease-in-out 0s; }
.carousel-inner > .item > a > img, .carousel-inner > .item > img { line-height: 1; }
@media (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item { transition: transform 0.6s ease-in-out 0s; backface-visibility: hidden; perspective: 1000px; }
  .carousel-inner > .item.active.right, .carousel-inner > .item.next { left: 0px; transform: translate3d(100%, 0px, 0px); }
  .carousel-inner > .item.active.left, .carousel-inner > .item.prev { left: 0px; transform: translate3d(-100%, 0px, 0px); }
  .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right { left: 0px; transform: translate3d(0px, 0px, 0px); }
}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0px; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0px; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0px; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 15%; font-size: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; background-color: rgba(0, 0, 0, 0); opacity: 0.5; }
.carousel-control.left { background-repeat: repeat-x; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 100%); }
.carousel-control.right { right: 0px; left: auto; background-repeat: repeat-x; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%); }
.carousel-control:focus, .carousel-control:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px; }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px; }
.carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; font-family: serif; line-height: 1; }
.carousel-control .icon-prev::before { content: "‹"; }
.carousel-control .icon-next::before { content: "›"; }
.panel-pad { padding: 8px;} 
/* Transfer_Payment */
.parentDivPop { background: rgb(255, 255, 255); border: 1px solid rgb(107, 137, 167); margin-top: 30px; border-radius: 5px; }
.parentDivPop .tableheader { border-bottom: 1px solid rgb(107, 137, 167); border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: rgb(236, 240, 241) !important; }
.parentDivPop .tableheader h5 { text-transform: uppercase; font-size: 14px; margin: 0px; padding: 5px; text-align: left; }
.formWrap .formCol { width: 33%; float: left; min-height: 40px; }
.formWrap { width: 83%; margin: 0px auto; }
.formWrap .formCol { margin: 0px 0px 13px 2%; }
.formWrap .formCol .frmTitle { display: block; margin: 0px; padding: 3px 0px; font-size: 14px; color: rgb(64, 64, 64); font-weight: normal !important; }
.formWrap .formColz { width: 36%; }
.formWrap .formColz2 { width: 20%; }
.formWrap .formcolmn { width: 23%; float: left; min-height: 40px; background: red; margin: 0px 0px 10px 1.5%; }
.boxFormPop { width: 98%; margin: 0px auto; border: 1px solid rgb(221, 221, 221); padding: 6px 20px; border-radius: 5px; min-height: 70px; }
.boxFormPop .form-control {}
.boxFormPop .form-control.datepicker { padding-left: 22px; width: 120px !important; }
.popFooter { background-color: rgb(236, 240, 241); border-top: 1px solid rgb(107, 137, 167); color: rgb(49, 112, 143); padding: 5px 20px; margin-top: 30px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.popFooter .btnIn { float: left; }
.boxFormPop table td { font-size: 14px; color: rgb(64, 64, 64); padding: 5px 4px; }
.boxFormPop table td b, .boxFormPop table td span { font-weight: normal !important; }
.parentDivPop .lblError { display: block; padding: 5px; font-size: 12px; }
.panelTech { border: 1px solid rgb(234, 234, 234); margin-top: 10px; border-radius: 5px; margin-bottom: 30px; box-shadow: rgba(0, 0, 0, 0.19) 0px 1px 5px; }
.panelTech { border: 1px solid rgb(234, 234, 234); margin-top: 10px; border-radius: 5px; margin-bottom: 30px; box-shadow: rgba(0, 0, 0, 0.19) 0px 1px 5px; }
.payScrol {overflow: auto;    width: 100% !important;}
/* Document Print Design CSS */
.docuPrint th {background:rgb(237, 237, 237) !important; color:#000 !important;}
.docuPrint th, .docuPrint td { padding: 4px;}
/* REPORT Module Spacing issue CSS */
.verticalSpace .row { margin-bottom: 8px;}
.fourqtForm .form-input .dFlex { display: flex; align-items: center;}
.childPageSpace .row .col-xs-3, .childPageSpace .row .col-md-4 { margin: 4px 0 8px;}
.fourqIconBtnSec li b {  margin-right: 8px;}
.fourqIconBtnSec li b span {font-size: var(--lable);background: transparent;color: var(--bodyColor);font-weight: 600;cursor: unset;}
.fourqIconBtnSec li b span:hover {box-shadow: none;background: transparent;color: var(--bodyColor);}
.headrd-2.unitInfoAlign { display: flex;align-items: center; justify-content: end; width: auto;height:auto !important;}
.fourqtForm .form-title span b.ast {color: red;}
table.fourqtBlankTable { line-height: 1.5;}
.fourqtForm .fourqtCol-full .d-flex ul { margin-right: 25px;}
/* title Vs input inline CSS :: ChangePassword */
.fourqtForm.secureFormWrap { width: 480px; margin: 0 auto;}
.fourqtForm.secureFormWrap .fourqtCol { width: 100%; float: none;}
.fourqtForm.secureFormWrap .form-title {width: 45%;  float: left; position: relative; padding-left: 10px;}
.fourqtForm.secureFormWrap .form-title label {font-weight: normal; margin: 0px;}
.fourqtForm.secureFormWrap .form-input {width: 55%; float: left; position: relative;}
/* Color Based CSS */
input#colorChoice { width: 60px; padding: 0 4px;}
/* Lead Design CSS */
.fourqtForm.ragForm.adfPq.enqBooking .fourqtCol-full { padding: 0;min-height: auto;  margin: 4px 0 4px 0%;}
.fourqtForm.ragForm.adfPq.enqBooking textarea.form-control { min-height: 73px; resize: none;}
.fourqtForm.ragForm.adfPq.enqBooking .col-md-12.form-version-width {padding: 0;}
.subheader1 {background: rgb(238, 243, 249);}
.intl-tel-input {width: 140px;}
 .EnquiryFormRight .fourqtForm.enq-forms .fourqtCol {width: 33%;}
 .checkEnquiry {margin: 10px 0; display: flex; align-items: center;}
 .checkEnquiry .checkLists {  margin-right: 15px;}
 /* Registration Form / Edit */
 .divPreviewPnl {z-index: 999 !important;}
 .fourqtPaging { margin-top: 8px; }
 .fourqtPaging table tr td select { width: 50px; padding: 4px 4px;}
 .fourqtPaging table tr td input[type="image"] {padding: 0px 4px; height: auto;}
/* TASK MGMT Pages Css */
.main-link-sp a {
    font-size: 20px;
    color: red;
    position: relative;
    bottom: 4px;
}
.form-title-new.py-2 p {
    margin-bottom: 25px;
    vertical-align: middle;
    display: flex;
    justify-content: start;
    align-items: start;
}
.form-title-new.py-2 p > b {
    min-width: 50px;
}
.inp-tex a {
    padding: 4px;
    background: #fff;
    position: relative;
    top: -4px;
    border-radius: 2px;
        cursor: pointer;
}
.inp-tex a:hover { 
    background:#ececec; 
}
.form-input.upload_ma a {
    font-size: 18px;
    position: absolute;
    right: -2px;
    top: -30px;
    color: red;
    left: auto;
    padding: 4px;
    height: var(--height);
    border-radius: 2px;
        cursor: pointer;
}
.form-input.upload_ma a i {
    position:relative;
    top:-2px;
}
 .form-input.upload_ma a:hover {
    background: #ececec;
}
.inp-tex a i {
position:relative;
top:2px;
}
.dvDynamicNode {
    padding: 8px 4px 0px 4px;
    background: #fcfcfc;
    margin-bottom: 4px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #e5e4e4;
}
.close_sub_task {
    color: red; 
    position: absolute;
    right: 8px;
    top: 8px;
    width: 30px;
    text-align: center;
    height: 30px;
        cursor: pointer;
}
.close_sub_task i {
    color: red; 
    position: relative; 
    top: 4px;
    
}
.close_sub_task:hover {
     background: #ececec;
}
.form-input-new a {
    padding: 2px 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border: 1px solid #c3c3c3;
    border-radius: 30px;
    background: #ffffff;
    font-size: 13px;
    width: 40px;
    height: 40px;
    text-align: center;
    justify-content: center;
    box-shadow: 5px 3px 6px #0000002e;
}
/* END TASK MGMT Pages Css */

/********************************************************************************** END PAGE CSS USED **************************************************************************************/
/* END MAIN PANNEL CSS*/
/* FOOTER PANEL */
#stickyFooter, #stickyFooter.active{position:fixed;left:0;right:0;z-index:99;background-color:#102442 !important;padding:6px 15px;box-shadow:rgb(0 0 0 / 8%) 0 -2px 12px;font-size:13px;transition:.3s;color:#fff;display:flex;bottom:0!important;justify-content:space-between!important}
#stickyFooter {border: 0 !important;border-top: 1px solid rgb(255, 112, 67) !important;}
.scroll-fourqt { position: fixed;bottom: 15px;right: 0px;z-index: 999999999; display: none;padding: 3px;text-align: center;animation: 2s ease 0s infinite normal none running bounce;}
.scroll-fourqt a { font-size: 19px;color: rgb(224, 63, 16) !important;}
.scroll-fourqt a:hover, .scroll-fourqt a:active, .scroll-fourqt a:focus { color: rgb(255, 60, 126) !important;}
#stickyFooter a:hover { color: rgb(255, 102, 0);}
#stickyFooter a:link, #stickyFooter a:visited { color: rgb(255, 255, 255);}
/* END FOOTER PANEL */
/*  OverLay CSS of Menu*/
/*.oe_overlay {background: rgb(0, 0, 0); opacity: 0; position: fixed;top: 0px;left: 0px; width: 100%;height: 100%; z-index: -9999;}*/
@media (max-width: 1200px) {.container-fluid, .paymentPlanReports  {overflow: auto;}}
.cols-columns .cols-sort-1, .cols-columns .cols-sort-2, .cols-columns .cols-sort-3 {
    overflow: auto;
    padding: 0px;
    position: relative;
    background: rgb(255, 255, 255);
    margin-bottom: 8px;
    height: 270px;
    border-radius: 6px;
    padding-bottom: 8px;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 10px 0px;
    transition: background 0.3s ease 0s, border 0.3s ease 0s, border-radius 0.3s ease 0s, box-shadow 0.3s ease 0s;
}
.wiseenquiry {margin-bottom: 10px;}
.wiseenquiry .wise-title { display: block; margin-bottom: 5px;}
.printheaders { margin-bottom: 5px;}
.printheaders table td label { float: none; padding: 0;}