/*--------------------
    Code By - Md Ayatullah Rahmani
    Real estate-Rems Broker
    date: 03-02-2018 

    Re-Design By -  Tejram Paswan
    Date: 11-01-2023

--------------------*/
/*@import url('https://fonts.googleapis.com/css?family=Allerta');*/
 /*@import url('https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css');*/ 
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');
:root {
    --height: 26px;
    --radio-height: 24px;
    --box-shadow:0px 0px 1px rgb(45 55 72 / 5%), 0px 1px 2px rgb(45 55 72 / 10%);
   --font-size-table: 11px; 
}
a {
    color: #337ab7;
}
* {margin: 0px;padding: 0px;box-sizing: border-box;-webkit-box-sizing: border-box;moz-box-sizing: border-box;o-box-sizing: border-box;-ms-box-sizing: border-box;}
@font-face { 
    font-family: 'Lato-Medium';
    src: url('../fonts/Lato-Medium.eot');
    src: url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Medium.woff2') format('woff2'), url('../fonts/Lato-Medium.woff') format('woff'), url('../fonts/Lato-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}
body {-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;padding: 0px;margin: 0px;line-height: 16px;font-size: 12px;background: #F7FAFC;font-family: 'Inter', sans-serif;overflow-x:hidden;font-weight: 500;height: 100%;/*background-color: rgb(244, 245, 248);background-image: radial-gradient(rgb(198, 208, 225) 1px, transparent 0px);background-size: 40px 40px;background-position: -19px -19px;*/}
 :root{
  scrollbar-face-color: #ebebeb; /* Firefox 63 compatibility */
  scrollbar-track-color: #ebebeb; /* Firefox 63 compatibility */
  scrollbar-color:#6d6d6d;
  scrollbar-width: thin;
}

 /* Scrollbar Styling */
::-webkit-scrollbar {
    width: 6px;
      height: 6px;
}
 
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d; 
}
/* Horizantal Scroll bar*/
.content-scroll-fix {
  overflow-x: auto;
  background-color: white;
   
  -webkit-overflow-scrolling: touch;
  /* 
    Progressive enhancement of scrollbar on webkit
    Use media queries to only use on mobile */
}
.content-scroll-fix::-webkit-scrollbar, .content-scroll::-webkit-scrollbar, .ipaddress-section::-webkit-scrollbar, .fixTableHeightPrint::-webkit-scrollbar, .tableBody::-webkit-scrollbar {
  height: 4px;
  background-color: #ebebeb;
}
.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: #999;
  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;
}
.BgColor {position: fixed;bottom: 0px;right: 0px;z-index: 99999999;background: #000;}
.clearfix:after {display: block;content: "";clear: both;}
label {margin: 0px;font-weight: normal;}
.label-text label {
    font-weight: 500;
}
.checkCustomInputbroker li > label label {
    padding-left: 4px;
}
.fourqtCol.fetch-data .datepicker {
    box-shadow: none;
}
.top_fetch_button input {
    height: var(--height) !important;
    box-shadow: none;
}
.la, .las, .lab, .lar {
    font-size: 20px;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
@-webkit-keyframes mailmunchswing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }}@keyframes mailmunchswing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); -ms-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); -ms-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); -ms-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); -ms-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); -ms-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); }}.mailmunch-swing {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-animation-name: mailmunchswing;animation-name: mailmunchswing;}

.fourqtPopupInnerWrap {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
input[value=Close], input[value=close], input[value=CLOSE], input[value=reset], .btnClear.btn-fourqt, input[value=Reset], input[value=RESET],button[value=reset], button[value=Reset], button[value=RESET], input[value=Clear], input[value=clear], input[value=CLEAR], button[value=Clear], button[value=clear], button[value=CLEAR],input[value=Cancel], input[value=cancel], input[value=CANCEL], input[value=Reject], input[value=reject], input[value=REJECT] {
    border-color: #5d5d5d !important;
    background: linear-gradient(90deg,#1c1c1c, #6a6a6a) !important;
    color:#fff !important;
}
input[value=Close]:hover, input[value=close]:hover, input[value=CLOSE]:hover,.btnClear.btn-fourqt:hover, input[value=Reset]:hover,  input[value=reset]:hover,  input[value=RESET]:hover , button[value=Reset]:hover,  button[value=reset]:hover,  button[value=RESET]:hover , input[value=Clear]:hover, input[value=clear]:hover, input[value=CLEAR]:hover, input[value=Cancel]:hover, input[value=cancel]:hover, input[value=CANCEL]:hover, input[value=Reject]:hover, input[value=reject]:hover, input[value=REJECT]:hover{
    background: linear-gradient(-90deg,#171717, #6a6a6a) !important;
    border-color: #5d5d5d !important;
    color: #fff!important;
}
input[value=View], input[value=view], input[value=VIEW]{
    border-color: #3b639f;
    background: linear-gradient(-90deg,#102442, #214e90);
}
input[value=Update], input[value=update], input[value=UPDATE] {
   border-color: #026079;
    background: linear-gradient(-90deg,#026b83, #003c58);
}
input[value=View]:hover, input[value=view]:hover, input[value=VIEW]:hover{
    background: linear-gradient(90deg,#102442, #214e90);
    border-color: #102442;
    color: #fff;
}
input[value=Update]:hover, input[value=update]:hover, input[value=UPDATE]:hover {
   border-color: #026079;
    background: linear-gradient(90deg,#026b83, #003c58);
    color: #fff;
}
input[value=Delete], input[value=delete], input[value=DELETE] {
    border-color: #ac2925 !important;
    background: linear-gradient(90deg,#c90600, #ac2921) !important;
    color:#fff !important;
}
input[value=Delete]:hover, input[value=delete]:hover, input[value=DELETE]:hover {
    border-color: #ac2925 !important;
    background: linear-gradient(-90deg,#c90600, #ac2921) !important;
    color:#fff !important;
}
.main-header-section.fixed-hover:after {
    content: '';
    width: 100%;
    height: 100vh;
    background: #0009;
    left: 0;
    right: 0;
    top: 40px;
    position: absolute;
    z-index: 999;
}
h1, h2, h3, h4, h5, h6 {font-weight: normal;padding: 0px;margin: 0px;}
a, a:hover, a:active, a:focus, a:link, a:visited {text-decoration: none;}
i.fa {
    font-size: 20px !important;
}
.checkCustomInputbroker li.active .selOn .fa-check {
    font-size: 14px !important;
}
.fourqIconBtnSec1 {
    top: 3px !important;
}
.fourqIconBtnSec1 {
    right: 100px !important;
}
.main-wrapper {position: relative;z-index: 999;}
.form-control {height: auto;}
.body-login {height: 100%;width: 100%;left: 0px;top: 0px;background: #FAFBFC;position:fixed;}
.login-ones.body-login {background:url(../images/loginbg1.jpg) no-repeat;background-size: 100% 100%;}
.login-two.body-login  {background:url(../images/background-footer.gif) no-repeat;background-size: 100% 100%;}
.body-login:after {content: "";display: block;position: absolute;background: rgb(255 255 255 / 75%);width: 100%;height: 100%;top: 0px;left: 0px;z-index: 999;}
.login-ones.body-login:after {content: "";display: block;position: absolute;background: rgba(14, 0, 0, 0.75);width: 100%;height: 100%;top: 0px;left: 0px;z-index: 999;}
.login-boxes {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 85%;
    width: 100%;
}
.login-wrap {
    background: #ffffff;
    padding: 30px;
    z-index: 999999;
    /* border: solid 1px #101c34; */
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px;
    -moz-box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px;
    -webkit-box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px;
}
.login-ones .login-wrap{border:solid 1px rgba(37, 34, 52, 0.19);background:rgba(193, 193, 193, 0.5);box-shadow:0px 0px 10px 1px rgba(39, 27, 40, 0.51);-moz-box-shadow: 0px 0px 10px 1px rgba(39, 27, 40, 0.51);-webkit-box-shadow: 0px 0px 10px 1px rgba(39, 27, 40, 0.51);}
.login-two .login-wrap{border:solid 1px #ddd;background: #EDF0F3;box-shadow:none;-moz-box-shadow: none;-webkit-box-shadow:none;}
.login-ones .login-wrap .form-control {background: rgba(42, 31, 47, 0.23);border: 1px solid #ffffff;}
.login-two .login-wrap .form-control {background:#fff;border:1px solid #ddd;color:red;}
.login-ones .login-wrap input.form-control:-webkit-autofill {transition: background-color 5000s ease-in-out 0s;-webkit-text-fill-color: #fff !important;}
.login-two .login-wrap input.form-control:-webkit-autofill {transition: background-color 5000s ease-in-out 0s;-webkit-text-fill-color: #000 !important;}
.com-logo1 {display:none;}
.login-ones .com-logo1 {display:block;}
.login-ones .com-logo {display:none;}
.login-two .com-logo1 {display:none;}
.login-two .com-logo {display:block;}
.login-head {padding: 2px 0px;}
.login-body {padding: 8px 0px 4px;border-top: 1px solid #f4f4f4;margin-top: 20px;}
.login-left {float: left;}
.login-right {float: right;}
.login-form {width: 320px;margin: 0px auto;padding-top: 16px;}
.login-form .login-form-row {margin-bottom: 8px;}
.login-form .login-form-title label {
    font-weight: 600;
}
.login-form .login-form-title {float: left;width: 100%;font-size: 13px;line-height: 25px;font-weight: bold;}
.login-two .login-wrap .login-form .login-form-title {/*width:100px;*/}
.login-ones .login-wrap .login-form .login-form-title label {color:#fff;}
.login-two .login-wrap .login-form .login-form-title label {color:#404040;}
.login-form .login-form-input {float: left;width: 100%;position: relative;}
.login-form .login-form-input .f-ic {position: absolute;top: 0px;left: 0px;width: 35px;height: 100%;background: linear-gradient(270deg, #7e7979, #3a3a3a);color: #fff;line-height: 34px;text-align: center;font-size: 20px;z-index: 9;border-radius: 4px 0 0 4px;}
.login-ones .login-wrap .login-form .login-form-input .f-ic{background: #fffefe;color: #261623;}
.login-two .login-wrap .login-form .login-form-input .f-ic{background:#645f5f;color: #fff;}
.login-form .form-control {padding-left: 45px;height: 36px;}
.login-form .msg-error {position: absolute;top: -24px;right: 0px;white-space: nowrap;padding: 2px 0px;font-size: 12px;z-index: 999;border-radius: 4px;}
/*.login-form .btn-fourqt {position: relative;display: inline-block;padding: 4px 10px;margin-bottom: 0;font-size: 14px;text-transform: uppercase;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 2px solid transparent;border-radius: 2px;color: #fff;background-color: #00a0cd;border-color: #00a0cd;transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;z-index: 1;box-shadow: 0px 2px 2px #0089c3;}*/
 
/*.login-form .btn-fourqt:hover {color: #fff;box-shadow: none;background-color: #fc4b6c;border-color: #fc4b6c;}*/
.login-footer {position: fixed;bottom: 0px;left: 0px;width: 100%;padding: 6px 30px;color: #000;box-shadow: 0px 1px 8px #331d1929;background: rgb(255 255 255 / 99%);z-index:9999;}
.login-ones .login-footer{box-shadow: none;background: none;z-index:9999;outline: 0;}
.login-copy {float: left;font-size: 12px;}
.login-by {float: right;font-size: 12px;}
.login-by a {font-weight: bold;color: #fe0000;}
.login-main-div {position: absolute;top: 0px;left: 0px;width: 100%;text-align: center;}
.login-main-title { font-size: 17px;text-transform: uppercase;color: #525258;padding: 4px 4px;display: inline-block;letter-spacing: 1px;}
/*main css*/
/*.main-remsbroker-section {padding: 0px 40px;}*/
.main-header-section {position: fixed;width: 100%;top: 30px;left: 0px;z-index: 9;background: #ffffff;/*background: linear-gradient(to right, #177bb6 0%, #17bbc1 100%);*/box-shadow: 0px 2px 14px rgb(0 0 0 / 10%);}
.one .main-header-section {background: #04c1c4;background: linear-gradient(45deg,#296c80,#123c5d);}
.two .main-header-section {background: #04c1c4;background: url(../images/user-bg.jpg) repeat;}
.three .main-header-section {background: #24306d;}
/* TOP BAR */
.header-strip {
    background: #102442;
    width: 100%;
    height: 30px;
    position: fixed;
    top: 0;
    z-index: 999;
    text-align: right;
    padding: 2px 0px;
    line-height: 24px;
}
.header-strip ul.welcomes {
    float: left;
    color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 50%;
    justify-content: start;
}
.header-strip ul {
    float: right;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 0;
}
.header-strip ul li {
    margin-right: 0;
    color: #fff;
    margin-left: 16px;
}
.header-strip ul.welcomes li {
    margin-left: 0;
    margin-right: 16px;
}
.header-strip ul.welcomes li label {
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: start;
}

.header-strip ul.welcomes li .la-user-tie {
    font-size: 16px;
    background: #e8095b;
    padding: 3px;
    border-radius: 50%;
    text-align: center;
    margin: 0 4px;
}
.header-strip a {
    color: #fff;
    text-align: right;
    font-size: 18px;
    background: #e8095b;
    padding: 2px 3px;
    border-radius: 34px;
    line-height: 18px;
    display: block;
}
.bxbb {
    display: flex;
    justify-content: space-evenly;
}
.bxbb1 {
    display: flex;
    justify-content: space-evenly;
}
.bxbb2 {
    display: flex;
    justify-content: space-evenly;
}
.header-up {
    position: relative;
    padding: 0px 0px;
}

.container-wrap {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.main-header-logo,
.logout-section,
.menu-wrap-section,
.logo-right-four,
.log-menu-section {float: left;}
.logout-section {/* float: right; */}
.main-content-sec {
    margin-top: 85px !important;
    margin-bottom: 30px;
}
.main-header-logo {padding: 4px 0px;}
.marquee-sec {width: 70%;font-size: 12px;color: #a00303;}
.log-menu-section {
    padding: 5px 0px 4px 0;
    float: right;
}
.log-menu-section a {color: #028794;}
.log-menu-section ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    display: flex;
    justify-content: end;
    align-items: center;
}
.log-menu-section li {float: left;padding-right: 4px;}
.foot-search-in .btn-searchs1
{
    position: absolute;
    top: 0px;
    right: 0;
    height: 100%;
    /* background: #032d60; */
    display: block;
    padding: 4px 12px 4px 8px;
    text-align: center;
    font-size: 16px;
    color: #032d60;
    /* border: solid 1px #032d60; */
    line-height: 24px;
    border-radius: 0px 4px 4px 0px;
}
.foot-search-in .btn-searchs1:hover {
    background: #032d60;
    color: #fff;
}
.log-menu-section li
{
    float: left;
    padding-right: 0;
}
.log-menu-section a,
.log-menu-section a, .log-menu-section a, .log-menu-section label {
    color: #032d60;
}
.log-menu-section li.log-icon a:hover {
    background: #efefef;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
}
.log-menu-section li.log-icon a {
    font-size: 24px;
    padding: 1px 7px;
    margin-right: 0;
    border-radius: 4px;
    margin-left: 8px;
}
.log-menu-section li.log-icon a .la-sign-in-alt {
    color:#f50000;
}
.log-menu-section li.welc-info label {background: #fff;padding: 2px 4px;color: #535353;border-radius: 4px;}
.log-menu-section li.today-date label {padding: 2px 3px;}
.logo-right-four {padding: 4px 5px;}
.home-page-design .home-section-wrap {margin:0 auto;}
.home-page-design .home-box {
}
.home-page-design .ipaddress-section {
  padding: 4px 4px;
  width: 100%;
  margin: 0 auto;
}
.home-page-design .home-section-wrap {
  width: 100%;
}
 
 .check_in_bx {
  float: right;
}
 .user-content .userheader.header_top_section {
    padding: 2px 8px;
    display: block;
    background: #2483C6;
    background: linear-gradient(-90deg, #e0f3ff 40%, #00518b 100%, #102442 100%);
}
.home-page-design .home-box .user-content {position: relative;border: 1px solid #e1e1e1;background: #fff;-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 10%);-moz-box-shadow: 0px 1px 2px rgb(0 0 0 / 10%);box-shadow: -1px -2px 15px rgb(0 0 0 / 12%), 1px 2px 15px rgb(0 0 0 / 12%);border-radius: 5px;height: 230px;margin: 8px 0;/* overflow: hidden; */padding: 0;}
.chartsDiv .home-box {
    box-shadow: none;
    border-radius: 3px;
}
.user-content .userheader {position: relative;padding: 2px 8px;/* text-transform: uppercase; */color: #333;font-size: 12px;text-align: left;background: #fbfbfb;min-height: 30px;/*display: flex; justify-content: space-between; align-items: center;*/border-top-left-radius: 3px;border-top-right-radius: 3px;margin-bottom: 0px;/*border-bottom: 1px solid #dadada;*/background: linear-gradient(to left,#fbfbfb 0%, #e8f1ff 100%);display: flex;align-items: center;justify-content: space-between;}
.one .user-content .userheader {background: #1c516c;}
.two .user-content .userheader {background: url(../images/user-bg.jpg) repeat;}
.three .user-content .userheader {background: linear-gradient(to left,#7480bd 0%, #24306d 100%);}
.four .user-content .userheader {background: #fff;color: #0489c5;}
.user-content .userheader h4 {font-size: 14px;}
.user-content .content-scroll {height: 190px;padding: 8px;}
.user-content .content-scroll-fix {height: 170px;}
table.table-fourqt {border-collapse: collapse;width: 100%;}
table.table-fourqt td,
table.table-fourqt td, table.table-fourqt th {
    padding: 4px 4px;
    color: #000000;
    border: 1px solid #ddd;
    vertical-align: middle;
    font-weight: 500;
    font-size: var(--font-size-table);
}
.enquiryStatusLegendsgen table {
    width: 100%;
}
.customerroles {
    margin: 5px 0 10px;
}
fieldset.custo-roles {
    border-radius: 4px;
    margin-bottom: 10px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: linear-gradient(25deg,#f6f9fc,#ffffff 50%);
}
fieldset.custo-roles>.row {
    min-height: 160px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 160px;
}
fieldset.custo-roles legend {
    width: auto;
    border: 0;
    font-size: 12px;
    margin-bottom: 4px;
}
.home-box table.table-fourqt td,
.home-box table.table-fourqt td, .home-box table.table-fourqt th {
    font-size: var(--font-size-table);
    padding: 4px 4px;
    text-align: left;
    min-width: 60px;
}
table.table-fourqt td {background: #ffffff;}
table.table-fourqt td a .fa-sync {
    font-size: 16px;
    margin-right: 4px;
}
table.table-fourqt th {
    color: #000;
    background: #ededed;
    border-color: #dbd9d9;
    font-weight: 600;
    font-size: var(--font-size-table);
    letter-spacing: -0.15px;
    padding: 4px 4px;
}
.tableFixInner .HeaderCenter {
  border-top: ;
  top: -2px;
  position: relative;
}
.dashboard_div_chart table.table-fourqt th {
    border-bottom-color: #ddd !important;
    border-color: #fff;
    background: #fff;
    color: #0077b5;
    font-weight: 600;
}
.table-scroll thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    border-bottom: 1px solid #e3e3e3;
}
 
 .leads-wrap.col-md-8 {
    overflow: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 5%;
}
.user-content .userheader.header_top_section .address_top span {
    text-transform: initial;
    color: #fff !important;
}
.intl-tel-input {
    position: relative;
      display: block !important;  
}
.form-input.custom-lists .radioCustomBtn li label {
    border: 0;
    color: #333;
    padding: 3px 12px;
    font-size: 12px;
    /* border-bottom: 1px solid #ddd; */
    height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 2px;
}
.form-input.custom-lists .radioCustomBtn li:hover label {
    color: #2c8fe9;
}
.form-input.custom-lists .radioCustomBtn {
    border: 0;
    min-height: auto;
    box-shadow: none;
}
.form-input.custom-lists {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
    margin-top: 0px;
}
.form-input.custom-lists .radioCustomBtn li.active label {
    color: #ffffff;
    background: #008287;
    border-bottom: 2px solid #d6d6d6;
}
.fourqIconBtnSec.not-fixed {
    position: relative;
    display: flex;
    justify-content: end;
    right: 0;
}
/*  fck_Editor */
.form-input.fckeditor_iframe iframe {
    border: 1px solid #ddd !important;
    border-radius: 4px;
}
 
.address_top span {
    text-transform: initial;
    color: #fff !important;
}
.address_top.pull-right {
    line-height: 28px;
}
table.table-fourqt th a {color: #fff;}
table.table-fourqt th.headerWhiteSpace {white-space:nowrap;}
.home-section-wrap table.table-fourqt td a{font-size: var(--font-size-table) !important;}
.one table.table-fourqt th {background: #2c6b8c;}
.two table.table-fourqt th {background: #465567;}
.three table.table-fourqt th {background: linear-gradient(#4757a9, #6571af 100%);}
.four table.table-fourqt th {background: #0598d4;}
.four {background: #d7f4ff;}
.four .body-login1 {display: none;}
table.table-broker {border-collapse: collapse;}
table.table-broker td,
table.table-broker th {font-size: 12px;padding: 4px 4px;font-family: inherit !important;color: #514d6a;border: 1px solid #dedede;vertical-align: middle;}
table.table-broker th {color: #000;background: #f5f5f5;border-color: #dbd9d9;font-weight: 600;font-size: 12px;letter-spacing: -0.15px;padding: 6px 4px;position: unset !important;}
.tableOnWrap td,
.tableOnWrap th {white-space: nowrap;}
.tableOnWrap td.no-wrap,
.tableOnWrap th.no-wrap {white-space: normal;}
.ipaddress-section {
    padding: 0;
    background: #f5f6f7;
    border: solid 1px #a3b9c9;
    margin-bottom: 8px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: -1px -2px 15px rgb(0 0 0 / 12%), 1px 2px 15px rgb(0 0 0 / 12%);
}
.form-title-new.py-2 p {
    margin-bottom: 25px;
    vertical-align: middle;
    display: flex;
    justify-content: start;
    align-items: start;
}
label.form-check-label input {
    margin-left: 12px;
    margin-top: 0px;
    text-align: left;
    position: relative;
    top: 2px;
    margin-right: 2px;
}
.main-link-sp a {
    font-size: 20px;
    color: red;
    position: relative;
    bottom: 4px;
}
.form-input.upload_ma a {
    font-size: 18px;
    position: absolute;
    right: 12px;
    top: -4px;
    color: red;
    left: auto;
    padding: 4px;
    height: var(--height);
}
#stickyFooter {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background-color: rgb(16 36 66);
    padding: 2px 10px 2px;
    box-shadow: 0px -2px 12px rgb(0 0 0 / 8%);
    font-size: 13px;
    transition: 0.3s;
}
#stickyFooter.active {bottom: -268px;}
#stickyFooter .btnHide {position: absolute;right: 25px;top: -25px;width: 0;height: 0;cursor: pointer;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #fc4b6c;display:none;}
#stickyFooter .fooNav ul {list-style: none;margin: 0;padding: 0;}
#stickyFooter .fooNav ul li .fooRightLink {color: #FFF;}
#stickyFooter a:link,
#stickyFooter a:visited {color: #464646;}
#stickyFooter a:hover {color: #f60;}
#stickyFooter .fooNav ul li.searchBox {margin: 0 10px;}
.btnHidden {display: none;}
 
.fourqIconBtnSec ul {padding: 0px;margin: 0px;list-style-type: none;}
.fourqIconBtnSec li {/* float: left; */margin-left: 5px;}
.fourqIconBtnSec li a,
.fourqIconBtnSec li button {color: #e03f10;font-size: 14px;}
.fourqIconBtnSec li .fa-mobile {font-size: 23px;margin-top: -4px;}
.fourqIconBtnSec li button {background: none;border: none;}
.fourqIconBtnSec li a span {text-indent: -9999px;}
.fourqIconBtnSec li a:hover,
.fourqIconBtnSec li button:hover {color: #ff3c7e;}
.fourqIconBtnSec li button:focus {/*border:none;*/outline: none;}
.userheader .fourqIconBtnSec li a {color: #ed6e01;margin: 2px 2px;cursor: pointer;background: transparent;padding: 0px 4px;border-radius: 4px;font-size: 21px;/* border: 1px solid #0077B5; */}
.userheader .fourqIconBtnSec li a:hover {}
 
.big-form-wrapper {width: 100%;margin: 0px auto;background: #fff;transition: ease 0.7s;-webkit-transition: 0.7s ease;-moz-transition: 0.7s ease;-o-transition: 0.7s ease;-ms-transition: 0.7s ease;/* border: solid 1px #dedede; */border-radius: 5px;margin-bottom: 0px;}
.panel-search {border-radius: 4px;padding: 0px;border-bottom: solid 1px #eaeaea;background-color: #F5F4F9;}
.panel-search .titlebx {float: left;}
.panel-search .titlebx h3 {font-size: 12px;color: #0077B5;padding: 5px 10px;margin: 0px;text-transform: uppercase;line-height: 18px;text-align: center;}
.panel-search .right-btn {float: right;}
.panel-search ul {padding: 0px;margin: 0px;list-style-type: none;}
.panel-search li {display: block;float: left;padding: 5px 4px;font-size: 14px;cursor: pointer;margin-right: 2px;}
.tooltip-inner {white-space: nowrap;max-width: none;}
.big-panel-wrapper {width: 100%;margin: 0px auto;background: #fff;transition: ease 0.7s;-webkit-transition: 0.7s ease;-moz-transition: 0.7s ease;-o-transition: 0.7s ease;-ms-transition: 0.7s ease;border: solid 1px #d7dfe3;border-radius: 5px;margin-bottom: 12px;box-shadow: 0px 1px 9px rgb(0 0 0 / 8%);}
.small-panel-wrapper {width: 700px;margin: 0px auto;background: #fff;transition: ease 0.7s;-webkit-transition: 0.7s ease;-moz-transition: 0.7s ease;-o-transition: 0.7s ease;-ms-transition: 0.7s ease;border: solid 1px #d7dfe3;/*border-top: none;border-bottom: none;*/border-radius: 4px;margin-bottom: 10px;box-shadow: 0px 1px 9px rgb(0 0 0 / 8%);}
.table-content-sec {width: 100%;margin: 0px auto;background: #fff;transition: ease 0.7s;-webkit-transition: 0.7s ease;-moz-transition: 0.7s ease;-o-transition: 0.7s ease;-ms-transition: 0.7s ease;border: solid 1px #d7dfe3;/* border-top: none; */border-radius: 5px;margin-bottom: 20px;/* border-bottom: none; */box-shadow: 0px 1px 9px rgb(0 0 0 / 8%);/*overflow: hidden;*/}
.small-content-wrapper {width: 700px;margin: 0px auto;}
.fourqtPanelForm {margin-bottom: 0px;}
div#divGrid .need-space {
    overflow: unset !important;
}
.wiseenquiry span.wise-title {
    color: #000;
    background: #ededed;
    border-color: #dbd9d9;
    font-weight: 600;
     
    letter-spacing: -0.15px;
    padding: 4px 4px;
    border: 1px solid #ddd;
    top: 1px;
    position: relative;
    text-align: center;
    width: 100%;
    display: block;
}
.wiseenquiry {
    margin: 0px 0 10px;
}
.wiseenquiry table.table-fourqt {
    border-collapse: collapse;
    width: 100% !important;
}
.fourqtPanelForm1 {margin-bottom: 2px;}
.fourqtPanelHead {
    background: linear-gradient(to left,#fbfbfb 0%, #e8f1ff 100%);
    border-bottom: solid 1px #eaeaea;
    color: #31708f;
    padding: 4px 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
    height: 34px;
    line-height: 26px;
}
.user-content .userheader h4 {
    padding: 0px !important;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    /* text-transform: uppercase; */
}
.fourqt-title, .MenuSubHeading, .MenuLeftHeading {font-size: 12px;color: #333;margin: 0px;text-transform: uppercase;font-weight:600;line-height: 24px;}
.fourqt-title .totalrecords {text-transform: none;}
 
.fourqtPanelContentMaster {border: solid 1px #eceaf5;border-radius: 5px;}
.fourqtPanelFooter {background: #fbfbfb;color: #31708f;padding: 4px 12px !important;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-top: solid 1px #eaeaea;border-bottom: solid 1px #eaeaea;}
.tableBody {padding: 0;overflow:auto;}
/*.fourqtPanelBody .formBoxSec {
    padding: 8px;
}*/
/* BOOTSTRAP Like ROW & COLUMN*/
/*.fourqtForm.clearfix {
    margin-left: -4px;
    margin-right: -4px;
}*/
.fourqtForm {
    margin-left: -4px;
    margin-right: -4px;
}
.fourqtForm .fourqtCol {width: 14%;float: left;margin: 0px 0px 8px 0%;padding: 0px 4px;min-height: 51px;position: relative;}
.small-panel-col.small-panel-wrapper .fourqtForm .fourqtCol {
    width: 100%;
    min-height: auto;
}
.small-panel-wrapper .fourqtForm .fourqtCol {
    width: 33%;
}
.fourqtForm .form-title {
    min-height: 50px;
    font-size: 12px;
    color: #14151e;
    line-height: 18px;
    /* white-space: nowrap; */
    /* overflow-x: hidden; */
    margin-bottom: 8px;
}
.fourqtForm.enq-forms .fourqtCol.phoneQ .form-title {
    min-height: auto;
}
.fourqtForm.row .form-title {
    min-height: 54px;
    margin-bottom: 4px;
}
.add_box textarea {
    height: 30px !important;
}
.fourqtForm .fourqtCol.required-field .form-title::first-letter,
.fourqtForm .fourqtCol.required-field .form-title label::first-letter, .required-field .form-title label::first-letter,
.fourqtForm .fourqtCol.required-field .form-title label span::first-letter {color:red;font-weight:bold;}
.fourqtForm .form-input {
    width: 100%;
    float: none;
    min-height: var(--height);
    font-weight: 500;
    font-size: 12px;
    position: relative;
}
.datepicker-box .fa-calendar {
    position: absolute;
    z-index: 1;
    top: 6px;
    left: 3px;
    font-size: 20px;
}
.fourqtForm.popupForm .form-input td label {
    position: relative;
    top: -2px;
    left: 2px;
}
.fourqtForm.popupForm .form-input td {
    padding: 4px;
}
.fourqtForm .form-control td {
    padding: 4px;
}
.fourqtForm .form-control td label {
    margin-left: 4px;
    font-size: 11px;
    position: relative;
    top: -3px;
}
table.radio-table.form-control td input {
    float: left;
}
table.radio-table.form-control td label {
    top: -2px;
    display: flex;
    left: 2px;
}
table.radio-table.form-control td {
    padding:0px 4px;
}
.form-input-new a {
    padding: 2px 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
    color: #0077b5;
    font-size: 13px;
}
.fourqtForm .form-input.upload_ma {
    position: unset;
}
.edit-text, .tb-icon .fa-edit, .fa-edit {
    font-size: 20px;
    color: green;
}
.tb-icon .fa-eye, .fa-eye {
    font-size: 20px;
    color: #017faf;
}
.tb-icon .fa-eye {
    font-size: 20px;
    color: #017faf;
}
.tb-icon .fa-trash-o, .tb-icon .fa-trash-alt, .fa-trash-o {
    color: #fc4b6c;
    font-size: 20px;
}
tr.dumpbg .fa.fa-trash-o {
    color: #000;
}
.edit-text:hover, .fa-eye:hover {
    color: #01bf01;
}
.delete-text, .delete-text a {
    color: #f50000;
    font-size: 20px;
}
.delete-text:hover, .delete-text a:hover {
    color: #d50000;
}
.form-control {
    border-radius: 4px;
    box-shadow:var(--box-shadow);
    border: 1px solid #CBD5E0;
    transition: ease 0.7s;
    -webkit-transition: 0.7s ease;
    -moz-transition: 0.7s ease;
    -o-transition: 0.7s ease;
    -ms-transition: 0.7s ease;
    width: 100%;
    height: var(--height);
    font-weight: 500;
    font-size: 12px;
    background: #fff;
    padding: 4px 8px;
    line-height: 24px;
    color: #14151e;
    position: relative;
}
 
.form-title-new textarea.form-control {
    min-height: 90px;
}
.form-control[type="file"] {
    padding-top: 0;
}
.form-control:focus {border: 1px solid #90abd1;-webkit-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow);}
.fourqtForm .form-control {}
.form-input.block-date .block-cell select.form-control {
    width: 100%;
}
.fourqtForm .form-title label {font-weight: 600;margin: 0px;display: block;text-align: left;/*color: #14151e;*/}
.checkCustomInputSingleOne.active label .fa.fa-check {
    font-size: 16px !important;
}
.checkCustomInputSingleOne.active label {
    color: #fff;
}
.fourqtForm .form-input table td label {
    position: relative;
    top: 0;
}
.checkCustomInput li.active label {
    color: #fff;
}
.fourqtForm .form-input table {
    width: 100%;
}
.fourqtPanelHead .fa-times {
    color: red;
}
.fourqtForm .checkCustomInputbroker li > label span label {
    display: inherit;
}
.checkCustomInputbroker li.active label {
    color: #fff;
}
.block-cell label {
    font-weight: 500;
    margin-bottom: 6px;
}
.fourqtForm .form-title span {font-weight: 500 !important;overflow-wrap: break-word;}
 .fourqtForm .form-title span.mandatorysign {
    float: left;
    margin-right: 0;
}
.fourqtForm .fourqtCol .form-control {}
.fourqtForm .fourqtCol .form-control:focus {border: solid 1px #91c8ec;}
.fourqtForm .fourqtCol select.form-control {/*-webkit-appearance: none;*/}
.form-short {/* padding: 0px 0px; *//* padding-top: 0px; *//* padding-bottom: 2px; */}
.form-short .fourqtCol {width: 100%;margin-bottom: 10px;min-height: 10px;}
.dvDynamicNode {
    padding: 12px 0px;
    background: #f7f7f7;
    margin-bottom: 4px;
    position: relative;
}
.close_sub_task {
    color: red;
    font-size: 20px;
    position: absolute;
    right: 8px;
    top: 8px;
}
.form-short .form-title {font-size: 13px;color: #444444;line-height: 19px;min-height: auto;margin: 0 0 4px;}
.form-short .zone_wraper .form-title {
    min-height: auto;
    display: flex;
}
.form-short .form-title strong {font-weight: 500;}
/*.form-short .form-input {width: 65%;float: left;position: relative;}*/
.form-short .form-control {}
.form-short .name-title {width: 30%;float: left;}
.form-short .name-input {width: 65%;float: right;min-height: 1px;position: relative;}
.fourqIconBtnSec {
    position: absolute;
    right: 12px;
    top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fourqtPanelHead .fourqIconBtnSec.socialSet {
    top: 5px;
}
#divmaincontainer .fourqIconBtnSec {
    top: 3px;
}
span.plus-icon {
    display: block;
}
span.plus-icon i {
    color: red;
    font-size: 24px !important;
    cursor: pointer;
    
    border-radius: 4px;
    padding: 0px 2px;
}
span.plus-icon i:hover {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
}
.fourqIconBtnSec ul {padding: 0px;margin: 0px;list-style-type: none;display: flex;justify-content: end;align-items: center;}
.fourqIconBtnSec .dump-icons {
    margin-right: 4px;
    border-right: 1px solid #d7d7d7;
    padding-right: 4px;
    display:none;
}

/* Tabs Skin TRP*/

.tabbed legend {
  display: block;
  padding: 6px 14px 6px;
  margin-right: 0;
  position: absolute;
  text-transform: uppercase;
  transition: all 250ms ease;
}
/*.tabbed legend:before,
.tabbed legend:after {
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  height: 100%;
  width: 24px;
  background-color: #fff;
  transition: all 250ms ease;
}
.tabbed legend:before {
  right: -15px;
  transform: skew(30deg, 0deg);
  box-shadow: rgba(0, 0, 0, 0.1) 3px 2px 5px,
    inset rgba(255, 255, 255, 0.09) -1px 0;
}
.tabbed legend:after {
  left: -15px;
  transform: skew(-30deg, 0deg);
  box-shadow: rgba(0, 0, 0, 0.1) -3px 2px 5px,
    inset rgba(255, 255, 255, 0.09) 1px 0;
}
.tabbed legend:hover,
.tabbed legend:hover:before,
.tabbed legend:hover:after {
  background-color: #f4f7f9;
  color: #444;
}*/
.tabbed legend.active {
  z-index: 3;
}
/*.tabbed legend.active,
.tabbed legend.active:before,
.tabbed legend.active:after {
  background-color: #000;
  color: #fff;
}*/

/* Round Tabs */
.tabbed.round legend {
  border-radius: 8px 8px 0 0;
}
.tabbed.round legend:before {
  border-radius: 0 8px 0 0;
}
.tabbed.round legend:after {
  border-radius: 8px 0 0 0;
}

/* Skins */
.tabbed[class*="skin-"] legend {
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.1) 0 1px;
}
 
.tabbed.skin-gray-black {
}
.tabbed.skin-gray-black,
.tabbed.skin-gray-black legend,
.tabbed.skin-gray-black legend:before,
.tabbed.skin-gray-black legend:after {
  transition: none;
}
.tabbed.skin-gray-black legend,
.tabbed.skin-gray-black legend:before,
.tabbed.skin-gray-black legend:after {
  /* background-color: #68737b; */
}
.tabbed.skin-gray-black legend:hover,
.tabbed.skin-gray-black legend:hover:before,
.tabbed.skin-gray-black legend:hover:after {
}
.tabbed.skin-gray-black legend.active{
  color: #000;
  padding: 4px 8px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  font-size: 14px;
  font-weight: 600;
}
.fourqIconBtnSec li {/* float: left; *//* margin-left: 4px; */}
.fourqIconBtnSec li span, .fourqIconBtnSec li a, .fourqIconBtnSec li button {color: #e03f10;font-size: 16px;padding: 3px 2px 1px;border-radius: 4px;cursor: pointer;}
.dump-icons {
  color: #e03f10;
  font-size: 16px;
  padding: 2px 2px;
  line-height: ;
  border-radius: 4px;
  cursor: pointer;
}
.dump-icons:hover {
    color: #ff7600;
    background: #ffffff;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);
}
i.fa.fa-file-pdf, i.fa.fa-map-marker, i.fa.fa-envelope {
    color: #ff0000;
}
i.fa.fa-twitter {
    color: #1DA1F2;
}
i.fa.fa-linkedin-square {
    color: #0077b5;
}
i.fa.fa-facebook-official {
    color: #3b5998;
}
.fourqIconBtnSec li.flipClick {font-size: 17px;cursor: pointer;}
.fourqIconBtnSec li .fa-mobile {font-size: 23px;margin-top: -4px;}
.fourqIconBtnSec li button {background: none;border: none;}
.fourqIconBtnSec li a span {text-indent: -9999px;}
.fourqIconBtnSec li span:hover, .fourqIconBtnSec li a:hover, .fourqIconBtnSec li button:hover {color: #ff7600;background: #ffffff;box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px 0 rgb(0 0 0 / 6%);}
.fourqIconBtnSec li button:focus {outline: none;}
.radio-btn-wrapper {padding: 8px 0px;}
.radioCustomBtn {margin: 0px;padding: 0px;list-style-type: none;border: solid 1px #008287;display: inline-block;border-radius: 3px;min-height: var(--radio-height);box-shadow: var(--box-shadow);}
.radioCustomBtn:after {content: "";display: block;clear: both;}
.radioCustomBtn li {display: inline-block;float: left;height: var(--radio-height);line-height: 24px;}
.form-input.custom-lists .radioCustomBtn li {
    height: var(--radio-height);
}
.radioCustomBtn li label {margin: 0px;padding: 0px 6px;border-left: solid 1px #008287;font-size: 12px;cursor: pointer;color: #008287 !important;font-weight: 500 !important;height: var(--radio-height);display: block;}
.radioCustomBtn li:first-child label {border-left: none;}
.radioCustomBtn li input[type="radio"] {display: none;}
.radioCustomBtn[disabled="disabled"] { border: solid 1px #9fc2c3;}
.radioCustomBtn li.disabled label,
.radioCustomBtn li span.disabled label {cursor: not-allowed;opacity: 0.5;}
.radioCustomBtn li.active label,
.radioCustomBtn li span.active label {background: #008287;color: #fff !important;}
.block-table {display: table;position: relative;}
.block-date {display: table;}
.block-cell {display: inline-block;}
.form-input.block-date .block-cell {
    display: block;
    float:left;
    /*width:100%;*/
}
.form-input.block-date.saleablearea .block-cell, .form-input.budget-fourqt .block-cell {
    display: block;
}
.to-addon {display: table-cell;color: #417195;font-size: 12px;padding: 0px 1px;vertical-align: middle;text-align:center;}
.block-cell .datepickSec {width: 100% !important;}
.block-cell .datepickers {width: 100% !important;font-size: 11px !important;}
.fourqtForm .fourqtCol .ayat-select.form-control {padding: 0px 0px;border: none;}
.btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);}
.ayat-select > .dropdown-toggle {border: 1px solid #CBD5E0;font-size: 12px;border-radius: 3px;line-height: normal;padding: 4px 8px;background: #fff;height: var(--height);}
.ayat-select > .dropdown-toggle.btnMe {overflow: hidden;white-space: nowrap;padding-right: 23px;}
.ayat-select .dropdown-toggle:focus {outline: none !important;border: solid 1px #91c8ec;}
.dropdown-Ayat.dropdown-menu > li > a {display: block;padding: 3px 12px;clear: both;font-weight: normal;line-height: 1.42857143;color: #404040;white-space: nowrap;font-size: 12px;transition: ease 0.7s;}
.dropdown-Ayat.dropdown-menu > li > a .text {font-weight: normal;}
.dropdown-Ayat.dropdown-menu > li > a:hover {background: #ff3c7e;color: #fff;transition: ease 0.7s;}
.dropdown-Ayat.dropdown-menu > .active > a,
.dropdown-Ayat.dropdown-menu > .active > a:focus,
.dropdown-Ayat.dropdown-menu > .active > a:hover {background: #ff3c7e;color: #fff;transition: ease 0.7s;}
.ayat-select.btn-group.bs-container .dropdown-menu {z-index: 9999999;}
.dropAyat.dropdown-menu {-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);box-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);max-width: 300px;}
.dropAyat .dropdown-menu {/*background:none;*/}
.ayat-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {position: absolute;display: inline-block;left: 5px;margin-top: 5px;right: auto;}
.ayat-select.btn-group .dropdown-menu li a {padding-left: 23px;}
.dropAyat .dropdown-menu .dropdown-header {background: #f1f1f1;color: #179bbb;font-size: 14px;}
.btn-fourqt i {
    font-size: 16px !important;
    position: relative;
    top: 2px;
    transition: all 0.3s;
    left: 0;
}
span.plus-icon.btn-fourqt {
    width: var(--height);
    border-radius: 100%;
    text-align: center;
    padding: 0px;
}
span.plus-icon.btn-fourqt .fa-plus-circle {
    font-size: 24px !important;
    top: 0;
}
.login-form .login-form-input .btn-fourqt i {
    font-size: 18px !important;
}

.login-form .login-form-input .btn-fourqt:hover i {
    left:5px;
}
.btn-fourqt:hover i {
    left: 0;
}
a.btn-fourqt:hover i {
    left: 0px;
}
table.table-fourqt td a.btn-fourqt {
    height: 28px;
    line-height: 22px;
    padding: 2px 12px;
}
.login-form .login-form-input .btn-fourqt {
    height: 36px;
    line-height: 30px;
    width: 100%;
    font-size: 14px;
    position: relative;
    transition: all 0.3s;
}
.btn-fourqt {
    position: relative;
    display: inline-block;
    padding: 2px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500 !important;
    line-height: 18px;
    height: var(--height);
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background: linear-gradient(270deg, #37a0f6, #387ee9);
    border-color: #0087f6;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    z-index: 1;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
    text-transform: uppercase;
}
.form-control[type="file"] {
    padding-top: 0;
}
.fourqtForm .form-input .table input[type=radio] {
    height: auto;
    margin-top: 2px;
}
 
.btn-fourqt:focus,
.btn-fourqt:active,
.btn-fourqt:hover {color: #ffffff;box-shadow: none;background: linear-gradient(90deg,#37a0f6, #387ee9);border-color:#0087f6 !important}
.btn-fourqt:hover {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
}
/*.form-control:hover {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
}*/
.div_transfers {padding: 5px 0px;padding-bottom: 0px;}
.div_transferWrapUser {margin-top: 0px;}
.trTransfer {padding: 10px 0px;}
.formTransfer {
    margin-bottom: 8px;
}
.formTransfer .formCol {float: left;width: 20%;padding-right: 5px;}
.formTransfer .formCol .frmTT {padding-right: 10px;line-height: 25px;font-size: 13px;margin: 0px;font-weight: normal;}
.formTransfer .form-control {height: 27px;}
.welfareMg .totalrecords {line-height: 25px;font-size: 13px;margin: 0px;color: #f10000;padding: 0px 9px;}
.userPagination {padding: 10px 0px;}
.userPagination .pgCol,
.userPaginationLt .pgCol {display: inline-block;}
.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 .actCol {float: left;font-size: 12px;padding: 0px 3px !important;color: #fff;line-height:18px;}
.actColorTheme li .actBox {width: 15px !important;height: 15px !important;border: none;border-radius: 20px;}
.actColorTheme li .new-bg {background: #ffffff;border-color: #ddd;}
.actColorTheme li .followup-bg {background: #ddc95f;border-color: #ddd;}
.actColorTheme li .todayfollowup-bg {background: #ffc0cb;border-color: #ddd;}
.actColorTheme li .tdTodayCalled-bg {background: #D7EAF9;border-color: #ddd;}
.actColorTheme li .futurefollowup-bg {background: #add8e6;border-color: #ddd;}
.actColorTheme li .attempted-bg {background: #BDD6AE;border-color: #ddd;}
.actColorTheme li .svdone-bg {background: #418CF0;border-color: #ddd;}
.actColorTheme li .dump-bg {background: #ed6100;border-color: #ddd;}
.actColorTheme li .success-bg {background: #749f24;border-color: #ddd;}
.actColorTheme li .followup-times {background: #c7c7c2;border-color: #ddd;}
.actColorTheme li .hold-unit{background: #ff0000;border-color: #ddd;}
.actColorTheme li .booked-units{background:#ffb6c1;border-color: #ddd;}
.actColorTheme li .available-units{background:#ffffff;border: solid 1px #a99ed4;}
.actColorThemePrintTotal.actColorTheme li .actCol {color:#404040;}
.datepicker {
  padding-left: 25px;
  width: 110px;
}
.enquiryStatusLegendsgen {padding: 4px 8px;background: #005e7b;margin-bottom: 0px;}
 

.fixTableHeightWrap, .dataTables_scrollBody {
    overflow: auto;
    max-height: 90vh;    
}
.fixTableHeightWrapInner .fixTableHeightWrap {
    max-height: 90vh;
}
/*.table-content-sec .fixTableHeightWrap {
    max-height: 350px;
}*/
.fixTableHeightWrapSmallHeight {overflow: auto;max-height:360px;}
.fixTableHeightWrapSmall {overflow: auto;}
.tooltip {z-index: 9999999999999;}
.tooltip-inner {white-space: nowrap;max-width: none !important;}
.tooltip-inner {background: #000;color: #fff;}
.tooltip.right .tooltip-arrow {border-right-color: #000;}
.tooltip.top .tooltip-arrow {border-top-color: #000;}
.tooltip.left .tooltip-arrow {border-left-color: #000;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #000;}
.myLoader {position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 9999999;background: #fff;background: rgba(255, 255, 255, 0.87);}
.customLoader {position: absolute;width: 60px;left: 0px;right: 0px;margin: 0px auto;top: 50%;margin-top: -110px;}
.customLoader img {width: 100%;}
.loadertext {margin-left: -48px;display: block;font-size: 11px;color: #ff8626;-webkit-animation: blink 1.5s ease 0s infinite normal;animation: blink 1.5s ease 0s infinite normal;white-space: nowrap;letter-spacing: 1px;}
.flip-container .userheader {position: relative;}
.flip-icon {position: absolute;top: 1px;right: 9px;}
.flip-icon ul {list-style-type: none;padding: 0;margin: 0;}
.flip-icon li {font-size: 17px;color: #fff; cursor: pointer;text-shadow: none;}
.flip-container {width: 100%;position: relative;}
.content-scroll {background: #fff;}
.flip-effect {width: 100%;height: 100%;position: absolute;-webkit-transition: -webkit-transform 1s;-moz-transition: -moz-transform 1s;-o-transition: -o-transform 1s;transition: transform 1s;-ms-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.flip-effect > div {display: block;height: 100%;width: 100%;position: absolute;/*-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;*/}
.flip-effect .front {z-index: 999;}
.flip-effect .back {background: #fff;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);z-index: 99999;}
.flip-effect.flipped {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);}
#flw2 {display: none;}
.flip-effect.flipped #flw2 {display: block;}
.flip-effect.flipped #flw1 {display: none;}
.tooltip {z-index: 9999999999;}
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.setcolor ul {padding: 0px;}
.checkCustomInput {margin: 0px;padding: 0px;list-style-type: none;margin-left: 0px;}
.checkCustomInput:after {content: "";display: block;clear: both;}
.checkCustomInput li {display: inline-block;float: left;margin: 0px 6px 5px 0px;padding: 0px;border: solid 1px #008287;font-size: 12px;cursor: pointer;color: #008287;border-radius: 2px;position: relative;}
.checkCustomInput li label {margin: 0px;cursor: pointer;font-weight: normal;padding: 3px 10px;padding-left: 20px;}
.checkCustomInput li:first-child {}
.checkCustomInput li input[type="checkbox"] {display: none;}
.checkCustomInput li.active {background: #008287;color: #fff;}
.checkCustomInput li .selOf {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 20px;
}
.checkCustomInput li.active .selOf {display: none;}
.checkCustomInput li .selOn {display: none;position: absolute;left: 4px;top: 4px;font-size: 12px;}
.checkCustomInput li.active .selOn {display: block;}
.checkCustomInput li .selOn i.fa {
    font-size: 12px !important;
}
.checkCustomInputbroker {margin: 0px;padding: 0px;list-style-type: none;margin-left: 0px;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: solid 1px #008287;font-size: 12px;cursor: pointer;color: #008287;border-radius: 2px;position: relative;height: var(--height);line-height: 20px;}
.checkCustomInputbroker li > label {margin: 0px;cursor: pointer;font-weight: normal;padding: 3px 10px;padding-left: 20px;}
.checkCustomInputbroker li > label span {
    padding-left: 4px;
}
.property-search-check li  label {margin: 0px;cursor: pointer;font-weight: normal;padding: 3px 10px;padding-left: 20px;}
.checkCustomInputbroker li:first-child {}
.checkCustomInputbroker li input[type="checkbox"] {display: none;}
.checkCustomInputbroker li.active {background: #008287;color: #fff;}
.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;}
.checkCustomInputSingle:after {content: "";display: block;clear: both;}
.checkCustomInputSingle {margin: 0px;cursor: pointer;font-weight: normal;display: inline-block;position: relative;border: solid 1px #008287;font-size: 13px;color: #008287;border-radius: 2px;vertical-align: top;}
.checkCustomInputSingle label {margin: 0px;cursor: pointer;padding: 3px 10px;padding-left: 20px;font-weight: normal;}
.checkCustomInputSingle input[type="checkbox"] {display: none;}
.checkCustomInputSingle.active,
.checkCustomInputSinglePop label.active {background: #008287;color: #fff;}
.checkCustomInputSingle .selOf {position: absolute;left: 6px;top: 4px;font-size: 15px;}
.checkCustomInputSingle.active .selOf {display: none;}
.checkCustomInputSingle .selOn {display: none;position: absolute;left: 4px;top: 5px;font-size: 14px;}
.checkCustomInputSingle.active .selOn {display: block;}
.checkCustomInputSingle.active .selOn, .checkCustomInputSinglePop label.active .selOn {
    color: #fff;
}
.checkCustomInputSingle.active span, .checkCustomInputSinglePop label.active span {
    color: #fff;
}
.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: solid 1px #008287;font-size: 12px;color: #008287;border-radius: 4px;vertical-align: top;height: var(--height);line-height: 18px;}
.checkCustomInputSingleOne label {margin: 0px;cursor: pointer;padding: 4px 8px;padding-left: 28px;font-weight: normal;}
.checkCustomInputSingleOne input[type="checkbox"] {display: none;}
.checkCustomInputSingleOne.active,
.checkCustomInputSingleOne label.active {background: #008287;color: #fff;}
.checkCustomInputSingleOne .selOf {position: absolute;left: 6px;top: 4px;font-size: 15px;}
.checkCustomInputSingleOne.active .selOf {display: none;}
.checkCustomInputSingleOne .selOn {display: none;position: absolute;left: 4px;top: 5px;font-size: 14px;}
.checkCustomInputSingleOne.active .selOn {display: block;}
.master-left-menu {float: left;width: 20%;padding: 4px 10px;}
.master-right-sec {float: left;width: 80%;padding: 4px 10px;}
.master-left-menu ul {padding: 0px;margin: 0px;list-style-type: none;}
.master-left-menu ul li {padding: 0px;margin: 0px;list-style-type: none;}
.master-left-menu a {display: block;padding: 4px 8px;border: solid 1px #17bbc1;color: #17bbc1;font-size: 12px;border-radius: 4px;margin-bottom: 4px;}
.master-left-menu ul li.active a {background: #17bbc1;color: #fff;}
.fixTableHeightAll {max-height: 280px;overflow: auto;}
.dd {height: 100px;background: red;border: solid 1px #17bbc1;}
.broker-footer-wrapper {position: relative;}
.broker-footer-col {width: 25%;float: left;min-height: 10px;}
.broker-footer-col .broker-footer-box {width: 95%;margin: 0px auto;min-height: 200px;}
.broker-foot-nav ul {padding: 0px;margin: 0px;list-style-type: none;}
.broker-foot-nav li {padding: 0px;margin: 0px;list-style-type: none;margin-bottom: 4px;}
.broker-foot-nav li .pbuttons {background: #039098;outline: none;border: solid 1px #008c94;color: #fff;padding: 4px 8px;transition: ease 0.7s;}
.broker-foot-nav li .pbuttons:hover {background: #fc4b6c;border-color: #fc4b6c;transition: ease 0.7s;}
.bottom-footer-sec {}
.bottom-footer-sec .copy-left-sec,
.bottom-footer-sec .power-right-sec {width: 50%;float: left;font-size: 12px;color: #fff;}
.bottom-footer-sec .power-right-sec {text-align: right;}
.bottom-footer-sec .power-right-sec a {color: #fff !important;}
.bottom-footer-sec {padding: 4px 4px;}
.foot-search-in {position: relative;}
.foot-search-in .btn-searchs {position: absolute;top: 0px;right: 0px;height: 100%;background: #17b5c0;display: block;padding: 5px 16px;text-align: center;font-size: 18px;color: #fff !important;border: solid 1px #17b5c0;line-height: 23px;}
.foot-search-in .btn-searchs:hover,
.foot-search-in .btn-searchs:active,
.foot-search-in .btn-searchs:focus {background: #fc4b6c;border-color: #fc4b6c;transition: ease 0.7s;}
.foot-search-in .form-control {
    height: 30px;
    border-radius: 4px;
    width: 100%;
    margin-left: 0;
    border: 1px solid #d3d3d3;
    padding-right: 45px;
    background: #ffffff;
    padding-left: 16px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

div.overloapBg {position: fixed;left: 0px;right: 0px;width: 100%;height: 100%;z-index: 9999999;top: 0px;background: #33333387;}
div.boxModelz {position: absolute;top: 100px;left: 0px;right: 0px;margin: 0px auto;width: 530px;height: auto;border: solid 1px #bbcbe0;border-radius: 5px;background: #fff;box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);-o-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);-ms-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.19);}
div.boxModelz .fourqtPanelFormPop {}
.fourqtPanelBody {
    padding: 8px 12px 8px;
    background: #ffffff;
    border-radius: 4px;
}
.big-panel-wrapper .fourqtPanelBody {
    padding: 8px 12px 8px;
    transition: 0.3s;
}
.formBoxSec {
    transition: 0.3s;
}
div.boxModelz .fourqtPanelFormPop .pclose {position: absolute;top: 6px;right: 6px;font-size: 20px;color: red;}
.fourqtForm.popupForm .fourqtCol {float: none;width: 100%;min-height: auto;}
.fourqtForm.popupForm .form-title {
    float: left;
    width: 150px;
    padding-right: 10px;
    text-align: left;
    min-height: auto;
    margin: 0;
}
.fourqtForm.popupForm .form-input {float: left;width: 180px;text-align: left;}
.alertError {text-align: center;font-size: 12px;}
.alertError span {
    display: block;
    font-size: 13px !important;
    transition: 0.3s;
}
.alert-msg {
    text-align: center;
}
.web-county-div {text-align: center;}
.cust-checkbox {display: block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding-left: 23px;}
.cust-checkbox input {position: absolute;opacity: 0;cursor: pointer;}
.cust-checkbox .checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #fff;border: solid 1px #17bbc1;}
.cust-checkbox:hover input ~ .checkmark {background-color: #fff;}
.cust-checkbox input:checked ~ .checkmark {background-color: #17bbc1;}
/* Create the checkmark/indicator (hidden when not checked) */
.cust-checkbox .checkmark:after {content: "\f00c";font-family: 'FontAwesome';position: absolute;display: none;}
/* Show the checkmark when checked */
.cust-checkbox input:checked ~ .checkmark:after {display: block;}
.cust-checkbox .checkmark:after {left: 0px;top: 0px;width: 100%;height: 100%;color: #fff;font-size: 13px;text-align: center;line-height: 19px;}
.cust-checkbox .chk-title {font-size: 11px;line-height: 21px;}
/*alert box style*/
.alertBoxWrap {position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.55);top: 0px;left: 0px;z-index: 99999999;display: none;}
.alertBox {position: absolute;top: 100px;width: 350px;left: 0px;right: 0px;margin: 0px auto;color: #a94442;background: #ffffff;border: solid 1px #ebccd1;border-radius: 3px;box-shadow: 0px 3px 20px 0px #0000004d;text-align: center;}
.alertBody {padding: 15px 10px 15px;min-height: auto;background: #ffffff;}
.alertTitle {color: #eb0000;font-size: 16px;margin: 0px;padding: 2px 0px;display: block;font-weight: bold;}
.alertBody h5 {color: #000000;font-size: 13px;margin: 0px;padding: 2px 0px;display: block;font-weight: bold;}
.alertHead {border-bottom: solid 1px #fff0f2;position: relative;padding: 2px 10px 5px;border-top-right-radius: 3px;border-top-left-radius: 3px;}
.alertFoot {border-top: 0;position: relative;padding: 10px 10px 10px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;text-align: center !important;}
.alertCloseFixed {position: absolute;right: 6px;top: 4px;margin: 0px;padding: 0px;background: none;border: none;color: #eb0000;}
.alertClose {text-shadow: none;border: solid 1px #eb0000;background: #eb0000;color: #fff;border-radius: 2px;box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);text-transform: uppercase;position: relative;display: inline-block;padding: 2px 15px;margin-bottom: 0;font-size: 12px;font-weight: 500 !important;line-height: 16px;height: var(--height);text-align: center;white-space: nowrap;vertical-align: middle;}
.btnFourqt.btnFxs {position: absolute;left: 100%;top: 0px;margin-left: 10px;font-size: 10px;padding: 3px 5px;}
.alertSuccessFourqt {color: #3c763d;background-color: #daffca;border-color: #7ff34e;}
.alertSuccessFourqt .alertHead {border-bottom: solid 1px #b4ef9a;}
.alertSuccessFourqt .alertBody {background: #e0ffd3;}
.alertSuccessFourqt .alertFoot {border-top: solid 1px #b4ef9a;}
.alertSuccessFourqt .alertTitle,
.alertSuccessFourqt .alertBody h5 {color: #2c822d;}
.alertSuccessFourqt .alertClose {border-color: #2f730f;background: #39771d;}
.alertWarningFourqt {color: #896321;background-color: #faf2c8;border-color: #fcf8e3;}
.alertWarningFourqt .alertHead {border-bottom: solid 1px #dfcb61;}
.alertWarningFourqt .alertBody {background: #fff7cd;}
.alertWarningFourqt .alertFoot {border-top: solid 1px #dfcb61;}
.alertWarningFourqt .alertTitle,
.alertWarningFourqt .alertBody h5 {color: #8a6d3b;}
.alertWarningFourqt .alertClose {border-color: #896321;background: #896321;}
.legendtd {border-right: black 1px solid;border-top: black 1px solid;border-left: black 1px solid;border-bottom: black 1px solid;width: 30px;}
.legendtexttd td {padding-left: 5px;text-align: left;}
.newbgpage td {background-color: #ffffff;}
.newbgchart td {background-color: #5ca2b8 !important;}
.todayfollowupbg td {background-color: #ffc0cb !important;}
.followupbg td{background-color: #ddc95f !important;}
.futurefollowupbg td {background-color: #add8e6 !important;}
.successbg td{background-color: #749f24 !important;}
.dumpbg td{background-color: #ed6100 !important;}
.attemptedbg td {background-color: #BDD6AE !important;}
.todaycalledbg td {background-color: #D7EAF9 !important;}
.alternaterowstyle {background-color: #EEF3F7;}
.AllocateCheck td {background-color: #DCFDFD !important;}
.fixMandField {position: absolute;top: 5px;color: #c1012d;font-size: 11px;font-weight: 600;text-align: center;}
.msgErrorFixDown {position: absolute;top: 100%;display: inline-block;font-size: 11px;color: #fff !important;padding: 2px 5px;background: #c60c0c;border-radius: 3px;z-index: 999;left:0;white-space: nowrap;z-index: 9999; }
.msgErrorFixLeft {position: absolute;top: 3px;display: inline-block;font-size: 11px;color: #fff !important;padding: 2px 5px;background: #c60c0c;border-radius: 3px;z-index: 999;right: 100%;white-space: nowrap;margin-left: 6px;z-index: 9999; }
.msgErrorFixRight{position: absolute;top: 3px;display: inline-block;font-size: 11px;color: #fff !important;padding: 2px 5px;background: #c60c0c;border-radius: 3px;z-index: 999;left: 100%;white-space: nowrap;margin-left: 6px;z-index: 9999; }
.msgErrorFixBottom {position: absolute;top: 3px;display: inline-block;font-size: 11px;color: #fff !important;padding: 2px 5px;background: #c60c0c;border-radius: 3px;z-index: 999;right: 100%;white-space: nowrap;margin-left: 6px;z-index: 9999; }
.textAr-title {font-size: 12px;color: #76787b; }
.TreeViewStyleWrap {margin: 0px auto;}
.TreeViewStyle {width: 450px;margin: 0px auto;border: solid 1px #eaeaea;box-shadow: 0px -1px 6px -1px #00000026;border-radius: 4px;overflow: hidden;}
.TreeViewStyle table td {font-size: 12px;color: #404040;}
.TreeViewStyle table td input {
    margin-right: 4px !important;
}
.TreeViewStyle > table {width: 100%;}
.TreeViewStyle > table td {background: #17b7c0;font-size: 12px;padding: 2px 7px;color: #fff;font-weight: bold;vertical-align: middle;border-bottom: solid 1px #09a7a0;display: inline-block;}
.TreeViewStyle > table td input {margin: 0px;vertical-align: middle;}
.TreeViewStyle > table td:first-child {padding-right: 0px;width: 27px;}
.TreeViewStyle > table td:first-child img {margin: 0px;padding: 0px;width: 24px;position: relative;left: -4px;}
.TreeViewStyle > table td:first-child a {margin: 0px;padding: 0px;}
.TreeViewStyle > table td:last-child {padding-left: 0px;width: 421px;}
.TreeViewStyle > table td:last-child span {display: inline-block;padding: 4px 0px;}
.name-full-emp {display: table;width: 100%;}
.name-full-emp .name-col {display: table-cell;padding: 0px 5px;}
.fourqtPopupWrap {position: fixed;width: 100%;height: 100%;left: 0px;right: 0px;top: 0px;bottom: 0px;z-index: 9999999;background: rgba(0, 0, 0, 0.48);display: none;}
.fourqtPopupWrapNew {position: fixed;width: 100%;height: 100%;left: 0px;right: 0px;top: 0px;bottom: 0px;z-index: 9999999;background: #000;background: rgba(0, 0, 0, 0.5411764705882353);}
.fourqtPopupInnerWrap {position: absolute;top: 10%;left: 0px;right: 0px;margin: 0px auto;width: 85%;background: #fff;border: solid 1px #e4e4e7;border-radius: 5px;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);}
.fourqtPopupHead {background: #F5F4F9;border-bottom: solid 1px #eaeaea;color: #31708f;padding: 4px 8px;border-top-left-radius: 5px;border-top-right-radius: 5px;position: relative;min-height: 31px;}
.fourqtPopupBody {padding: 12px;}
.panel-body {
    padding: 12px;
}
.fourqtPopClose {
    position: absolute;
    right: 8px;
    top: 4px;
    background: none;
    border: none;
    font-size: 20px;
    padding: 0px;
    color: #b93106;
    border-radius: 4px;
    padding: 2px;
}
.fourqtPopClose:hover {
    background: #ffd8ce;
}
    .fourqtCol.clearfix.top_fetch_button {
    width: auto;
    display: inline-block;
    margin: -1px 0 0 10px;
}
    .top_fetch_button input {
    height: var(--height);
}   
    .address_top span {
    text-transform: initial;
    color: #fff !important;
}
    .fourqtCol.fetch-data {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
    .user-content .userheader .address_top h4 {
  color: #fff;
  line-height: 26px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}
    .fourqtCol.fetch-data .top_fetch_button {
    margin-left: 5px;
}
.address_top.pull-right {
    line-height: 28px;
}
.fourqtPopupfoot {background: #F5F4F9;border-top: solid 1px #eaeaea;color: #31708f;padding: 4px 12px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;min-height: 31px;}
.fourqtPopupLg {width: 70%;}
.fourqtPopupMd {width: 70%;}
.fourqtPopupSm {width: 450px;}
.popLeftHeading {
    font-size: 13px;
    color: #333;
    padding: 5px 0px;
    margin: 0px;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
}
.form-short.popup-form .form-title {width: 34%;}
.fixTableHeightPrint {overflow: auto;}
.printWrap {background: #fff;}
table.table-blank td, table.table-blank th {font-size: 13px;padding: 4px 4px;color: #000;}
.hiLog {text-align: center;font-size: 12px;}
.popup-page-form.fourqtForm .fourqtCol {width: 25%;}
.dis-table {display: table;width: 100%;}
.form-input.dis-table {
    display: flex;
}
.dis-col {display: inline-block;padding: 0px 3px;}
.edit-broker-project {margin-top: 6px;padding: 0px 7px;} 
.broker-edit-content,
.broker-edit-form {width: 50%;float: left;}
.broker-edit-form {padding-left: 15px;}
.panel-multi .fourqtPanelContent,
.panel-multi .fourqtPanelForm {width: 100%;margin: 0px auto;background: #fff;transition: ease 0.7s;-webkit-transition: 0.7s ease;-moz-transition: 0.7s ease;-o-transition: 0.7s ease;-ms-transition: 0.7s ease;border: solid 1px #d7dfe3;border-radius: 5px;margin-bottom: 12px;box-shadow: 0px 0px 2px rgb(0 0 0 / 10%);}
.panel-multi .fourqtPanelContent,
.panel-multi .fourqtPanelForm1 {width: 100%;margin: 0px auto;background: #fff;transition: ease 0.7s;-webkit-transition: 0.7s ease;-moz-transition: 0.7s ease;-o-transition: 0.7s ease;-ms-transition: 0.7s ease;border: solid 1px #d7dfe3;border-radius: 5px;margin-bottom: 12px;box-shadow: 0px 0px 2px rgb(0 0 0 / 10%);}
.fileUpload,
.search-loc-map-input {position: relative;}
.fileUpload input {height: var(--height);}
.fileUpload .btn-upload {background: #0e79a0;color: #fff;position: absolute;top: 0px;right: 0px;height: 100%;line-height: 22px;}
.fileUpload .btn-upload:hover {opacity: 0.7;}
.pro-map-wrapper > h3 {font-size: 14px;color: #fff;padding: 5px 8px;margin: 0px; background: #0e79a0;text-align: center;box-shadow: 0px 1px 5px rgba(0, 40, 41, 0.4117647058823529);margin-bottom: 13px;}
.srch-colz .srch-input {width: 65%;float: left;position: relative;}
.srch-colz .srch-title {min-height: 5px;width: 180px;float: left;font-size: 13px;color: #444444;line-height: 25px;}
.search-loc-map-input .search-loc-input {}
.search-loc-map-input .form-control {height: 34px;border-radius: 0px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;padding-right: 50px;}
.search-loc-map-input .btn-searchs {position: absolute;top: 0px;right: 0px;height: 100%;background: #0e79a0;display: block;padding: 5px 16px;text-align: center;font-size: 18px;color: #fff !important;border: solid 1px #17b5c0;line-height: 23px;}
.loc-google-map {margin-top: 15px;border: solid 2px #ddd;border-radius: 5px;box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.39);}
.loc-g-map {}
.gps-coordinates ul {padding: 0px;margin: 0px;list-style-type: none;}
.gps-coordinates li {float: left;width: 50%;background: #f5f4f9;padding: 5px 4px;color: #040000;}
.gps-coordinates li:last-child {text-align: right;border-left: solid 1px #ddd;}
.view-li-info ul {padding: 0px;margin: 0px;list-style-type: none;}
.view-li-info li {
    padding: 6px;
}
.view-li-info li .info-title {width: 180px;float: left;}
.view-li-info li .info-data {float: left;}
.view-sec-edit .pro-map-wrapper > h3 {margin-bottom: 0px;margin-top: 10px;}
.view-sec-edit .loc-google-map {margin-top: 0px;}
.text-center,
.StringCenter,
.HeaderCenter,
.DigitCenter,
.DateCenetr {text-align: center;}
.text-right,
.StringRight,
.DigitRight {text-align: right;}
.text-left,
.StringLeft,
.DigitLeft {text-align: left;}
.text-justify {text-align: justify;}
.text-bold {font-weight: bold;}
.tb-icon {color: #fc4b6c;font-size: 17px;}
.tb-icon-style {color: #d02041;font-size: 17px;text-shadow: 0px 0px 4px #fff;}
.text-success,
.PositiveMessege {color:#1e981e;font-weight: bold; font-size: 12px;}
.text-danger,
.NagativeMessege {color: #ea0500;/* font-weight: bold; */font-size: 12px;text-align: center;}
.config-list-sec {padding: 4px 7px;}
.config-list-sec ul {padding: 0px;margin: 0px 0px 0px 15px;list-style-type: decimal;}
.config-list-sec li {margin-bottom: 5px;word-wrap: break-word;}
.config-list-sec li h4 {font-size: 13px;font-weight: bold;color: #0993b1; }
.config-list-sec li p {font-size: 13px;word-wrap: break-word;}
.config-list-sec ul ul {list-style-type: upper-roman;margin-left: 20px;}
.config-list-sec ul ul li h4 {color: #1786b8;font-size: 11px; }
.fourqtFormHideBtn {position: absolute;right: 6px;top: 6px;}
.fourqtFormHideBtn .panelHeadBtn {border: none;background: none;font-size: 18px;color: #fc4b6c;padding: 0px;}
.fourqtFormHideBtn .panelHeadBtn:focus,
.fourqtFormHideBtn .panelHeadBtn:hover {color: #ff3c7e;}
.fourqtFormHideBtn .panelHeadBtn:focus {border: none;background: none;outline: none;}
.panelHideBtn {}
.panelShowBtn,
.panelHideBtnOn {display: none;}
.panelHideBtn1 {display: none;}
.panelShowBtn1 {display: block;}
table.table-fourqt td.text-horizantal,
table.table-fourqt th.text-horizantal {white-space: nowrap;}
.tableFourqtHeight .fixTableHeightWrap {max-height: 600px;min-height: 90vh;}
.remark-wraps {background: #f7f7f7;width: 322px;border: solid 1px #ececec;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.32);}
.remark-wraps .fourqtForm .fourqtCol {width: 100%;float: none;}
/*custom pagination*/
.custom-pagination {background: #fff;text-align: center;margin-top:4px;}
.custom-pagination ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    border: solid 1px #d2d2d2;
    display: inline-block;
    box-shadow: 0px 3px 7px -4px #0000004f;
    border-radius: 3px;
}
.custom-pagination li {float: left;border-right: solid 1px #d2d2d2;}
.custom-pagination li .btn-pg,
.custom-pagination li .btn-pg-label {display: block;padding: 4px 12px;height: 30px;line-height: 23px;transition: ease 0.7s;color: #3d3e3e;}
.custom-pagination li .btn-pg {color: #0077B5;}
.custom-pagination li:last-child {border-right: none;}
.custom-pagination li .form-control {height: 23px;color: #0077b5;}
.custom-pagination li .btn-pg:hover {background: #0077B5;color: #fff;}
.custom-pagination.pagination-color ul {border: solid 1px #026975;background: #04818c;}
.custom-pagination.pagination-color li {border-right: solid 1px #0e6067;color: #fff;}
.custom-pagination.pagination-color li .btn-pg,
.custom-pagination.pagination-color li .btn-pg-label {color: #fff;}
.custom-pagination.pagination-color li .btn-pg:hover {background: #fff;color: #04818c;}
.broker-alert .close {color: #fc4b6c;opacity: 1;}
.home-popup {position: fixed;left: 0px !important;top: 0px !important;height: 100%;width: 100%;background: #fff;}
.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: 24px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    font-size: 12px;
    box-shadow: var(--box-shadow);
    border: 1px solid #CBD5E0;
}
.ms-drop ul > li label.optgroup {color: #ffffff;font-weight: normal;font-style: normal;font-size: 14px;background: #06adb7;padding: 4px 9px;}
.ms-drop ul > li label {
    color: #615c5c;
    padding: 4px;
}
.fourqtForm .form-input .ms-drop.bottom input[type=checkbox], .fourqtForm .form-input .ms-drop.bottom input[type=radio] {
    height: auto;
    width: auto;
}
.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: #e8095b;color: #fff;}
.ms-drop.bottom {-webkit-box-shadow: var(--box-shadow);-moz-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow);}
.ms-drop {border: 1px solid #ececec;}
.ms-search input {border-radius: 3px;border: 1px solid #ddd;transition: ease 0.7s;-webkit-transition: 0.7s ease;-moz-transition: 0.7s ease;-o-transition: 0.7s ease;-ms-transition: 0.7s ease;height: var(--height);font-weight: normal;font-size: 12px;background: #fff;padding: 4px 8px;}
.dfrdBtn .radioCustomBtn {border: solid 1px #178db9;}
.dfrdBtn .radioCustomBtn li label {border-left: solid 1px #178db9;color: #178db9;padding: 2px 10px;}
.dfrdBtn .radioCustomBtn li:first-child label {border-left: none;}
.dfrdBtn .radioCustomBtn li.active label, .dfrdBtn .radioCustomBtn li span.active label {background: #178db9;color: #fff;}
.showMoreBtnSec {padding: 4px 0px;}
.showMoreEl {display: none;}
#btnHideEl {display: none;}
.btn-Mores {border: none;outline: none;font-size: 12px;color: #969696;background: transparent;padding: 3px 7px;margin-right: 10px;border-radius: 4px;font-weight: normal;}
.btn-Mores:hover {}
/*.form-short.trnafetForm .form-title {width: 120px;}*/
.trRecord {padding: 4px 15px;font-size: 12px;color: #0893b3;}
.btn-tns {border: none;outline: none;font-size: 12px;color: #178db9;background: transparent;padding: 3px 7px;margin-right: 10px;border-radius: 4px;}
.fourqIconBtnSec li a.btnTransfersEnq,
.fourqIconBtnSec li button.btnTransfersEnq {color: #0077B5;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.fourqIconBtnSec li a.btnTransfersEnq:hover {opacity: 0.8;}
.table-fourqt td.center {text-align: center;}
.table-fourqt td .tbs-icon {font-size: 18px;color: #e03f10;}
.table-fourqt td .fa-mobile-phone {font-size: 20px;}
.fourqtPanelHeadFloat .fourqt-title {padding-top: 6px;}
.popLeftHeading.slrecord {font-size: 12px;text-transform: capitalize;}
.hightlight-text {background: yellow;padding: 0px 4px;}
.dumappdt {}
.dumappdt .table-fourqt td .tbs-icon {color: #395002;}
/*//popup auto*/
.animateDivWrap {position: fixed;bottom: 4px;left: -180px;width: 180px;height: 199px;background: #fff;z-index: 999999;opacity: 0.9;border: solid 1px #17adbe;box-shadow: 0px 1px 12px -1px #000;-moz-box-shadow: 0px 1px 12px -1px #000;-webkit-box-shadow: 0px 1px 12px -1px #000;border-radius: 5px;transition: ease 0.7s;}
.btnPop {position: absolute;right: -20px;top: 50%;margin-top: -29px;width: 0;height: 0;cursor: pointer;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #fc4b6c;}
.animateDivContent {position: relative;}
.animateDivContent .close {position: absolute;right: 5px;top: 9px;font-size: 12px;color: #ffffff;opacity: 1;}
.animeheader {min-height: 30px;background: #47bee8;background: linear-gradient(to left,#17bbc1 0%, #177bb6 100%);border-top-left-radius: 5px;border-top-right-radius: 5px;}
.animeBody {padding: 0px;position: relative;}
.animeBody ul {padding: 0px;margin: 0px;}
.animeBody li {list-style-type: none;padding: 0px;margin: 0px;font-size: 12px; background: #fff;border-bottom: solid 1px #c6faff;padding: 4px 9px;color: #635f5f;}

@-webkit-keyframes fadeInUp {
0% {opacity: 0.8;-webkit-transform: translateY(400px);}
50% {opacity: 0.9;}
100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes fadeInUp {
0% {opacity: 0.8;-webkit-transform: translateY(400px);}
50% {opacity: 0.9;}
100% {opacity: 1;-webkit-transform: translateY(0);}
}
.fadeInUp {opacity: 0;-webkit-transform: translateY(400px);transform: translateY(400px);}
.activePopup {left: 3px;opacity: 1;}
.close {cursor: pointer;}
.firstGone {left: -180px;opacity: 0.9;}
.addIn {left: 3px !important;opacity: 1 !important;}
.enqfullFormSec .leftFormEnq {
    width: 100%;
    float: none;
}
.fourqtForm.enq-forms .fourqtCol {width: 33%;}
.fourqtForm.enq-forms .fourqtCol.phoneQ {width: 27%;}
.enqfullFormSec .rightFormEnq {width: 100%;float: none;}
.enqfullFormSec .leftFormEnq .leftFormEnqBx {border: solid 1px #e3e3e3;border-radius: 4px;padding: 12px 8px;}
.enqfullFormSec .rightFormEnq .rightFormEnqBx {border: solid 1px #e3e3e3;border-radius: 4px;padding: 12px 8px;}
.fourqtForm.enq-forms .fourqtCol .fCol {float: left;margin-right: 1%;}
.fourqtForm.enq-forms .fourqtCol .fCol-2 {width: 20%;}
.fourqtForm.enq-forms .fourqtCol .fCol-6 {width: 30%;}
.fourqtForm.enq-forms .fourqtCol .fcol-8 {width: 70%;}
.mail-addresses.fourqtForm.enq-forms .fourqtCol {width: 100%;min-height: 0px;}
.mail-addresses.fourqtForm .form-title {float: left;width: 114px;line-height: 25px;}
.fourqtForm.popupForms.dtod .form-title {
    float: left;
    width: 40%;
    min-height: 30px;
     margin-bottom: 8px;
}
.fourqtForm.popupForms.dtod .form-input {
    width: 60%;
    float: left;
    min-height: 30px;
    margin-bottom: 8px;
}
.mail-addresses.fourqtForm .form-input {width: 60%;float: left;}
.subheader {background: #f5f4f9;margin-right: -4px;margin-left: -4px;}
.subheader1 {background: #eef3f9;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.subheader1 .fourqt-title {font-size: 13px;padding: 5px 11px;text-transform: none;}
.fourqtForm.enq-forms .fourqtCol.enqFormsHight {min-height: 56px;}
input[type="submit"]:disabled {opacity: 0.5;cursor: not-allowed;}
.socialSet.fourqIconBtnSec li a, .socialSet.fourqIconBtnSec li button {color: #337ab7;font-size: 20px;}
.socialSet.fourqIconBtnSec .linkBtn {color: #007bb5;}
.socialSet.fourqIconBtnSec .twitBtn {color: #00aced;}
.socialSet.fourqIconBtnSec .locBtn {color: red;}
.mrg-flot-multi {float: left;width: 100%;}
/*table.table-fourqt td {
    position: unset !important;
}*/
.marginSetSec {margin-top: 10px;}
.marginSetSec .fourqtPanelHead1 {margin-bottom: 0;}
.PnlChoiceFlatPop {position: fixed;width: 100%;height: 100%;left: 0px !important;right: 0px;top: 0px;bottom: 0px;z-index: 9999999;background: #000;background: rgba(0, 0, 0, 0.5411764705882353);}
.PnlChoiceFlatPopInner {position: absolute;width: 80%;left: 0px;right: 0px;top: 100px;bottom: 0px;margin: 0px auto;z-index: 9999999;}
.PnlChoiceFlatPopInnerOutCome {top:40px;}
.PnlChoiceFlatPopInner .fourqtPanelForm {background: #fff;}
.PnlChoiceFlatPopInner .fourqtPanelForm1 {background: #fff;}
.panelpnlPopup1 {}
.formpopupCh.fourqtForm .fourqtCol {width: 25%;}
.main-popup-wrapper .page-container {margin-top: 10px;}
.table-sec-data {overflow: auto;}
.fourqtMainPanel {
    background: #fff;
    border-radius: 4px;
    border: solid 1px #d7dfe3;
}
.fourqtMainPanelbody {padding: 0px 10px;}
.custInfoBox {border: solid 1px #e8e8e8;padding: 10px;border-radius: 4px;}
.custInfoBox ul {padding: 0px;margin: 0px;list-style-type: none;}
.custInfoBox li {float: left;width: 33%;}
.custInfoTab {display: table;width: 100%;}
.custTitle,
.custInfoText {display: table-cell;}
#ctl00_ContentPlaceHolder1_pnlPopup_DropShadow {background-color: #0000001f !important;}
.custInfoBox li {
    padding: 4px;
}
.custInfoBox li .custTitle label {font-weight: bold; }
.custInfoBox li .custTitle {width: 45%;}
.custInfoText {width: 55%;}
.trHide3 .subheader {margin: 0px;margin-top: 10px;}
.fourqt-title label.letz {text-transform: none;color: #19181f;padding-left: 10px;}
.hype {color: red;padding: 1px 5px;display:inline-block;margin-bottom:10px;}
.hype span {margin-right:5px;}
.hype.type_icon {padding: 0px;margin:0 -5px 0 -5px;}
.margin-bottoms,
.fourqtPanelHead1 {margin-bottom: 10px;}
.radioCustomBtn.resradioCustomBtn {border: none;margin-left: 0px !important;}
.radioCustomBtn.resradioCustomBtn li {margin-left: 3px;margin-bottom: 4px;}
.radioCustomBtn.resradioCustomBtn li label {border: solid 1px #008287 !important;border-radius: 2px;}
.radioCustomTemp.resradioCustomBtn {border: none;margin-left: 0px !important;}
.radioCustomTemp.resradioCustomBtn li {margin-left: 3px;margin-bottom: 4px;}
.radioCustomTemp.resradioCustomBtn li label {border: solid 1px #008287 !important;}
.HeaderCenterLine {text-align: center;color: #000;background: #ededed;border-color: #dbd9d9;font-weight: 600;font-size: var(--font-size-table);letter-spacing: -0.15px;padding: 4px 4px;border: 1px solid #ddd;border-bottom: none;}
.big-panel-wrapper-chart {width: 100%;margin: 0px auto;background: #fff;transition: ease 0.7s;-webkit-transition: 0.7s ease;-moz-transition: 0.7s ease;-o-transition: 0.7s ease;-ms-transition: 0.7s ease;border: solid 1px #d7dfe3;margin-bottom: 12px;box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.61);}
.charBox {width: 33.3%;float: left;padding: 3px 10px;transition: ease 0.7s;margin-top: 10px;}
.charBox.oneBox {width: 100%;}
.charBox.twoBox {width: 50%;}
.charBox.threeBox {width: 33.3%;}
.charBox .chartBoxInner {border: solid 1px #ddd;border-radius: 4px;box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.25);background: #fff;}
.charBox.oneBox .chartBoxInner {border: none;box-shadow: none;}
.charBox.twoBox .chartBoxInner,
.charBox.twoBox .chartBoxInner, .charBox.threeBox .chartBoxInner {
    border: solid 1px #ddd;
    border-radius: 4px;
    box-shadow: 0px 1px 7px rgb(0 0 0 / 10%);
}
.contn-One {}
.charBox.oneBox .contn-OneL {float: left;width: 40%;}
.charBox.oneBox .contn-OneR {float: left;width: 60%;margin-top: 12px;}
.charBox.twoBox .contn-OneL,
.charBox.threeBox .contn-OneL,
.charBox.twoBox .contn-OneR,
.charBox.threeBox .contn-OneR {float: none;width: 100%;margin: 0px;}
.chartTable {
    overflow: auto;
    margin-top: 8px;
    height: 300px;
}
.chartFoot {padding: 10px 10px;}
.chartIcon {position: relative;}
.btnab {position: absolute;top: 0px;right: -45px;}
.enqformWrapeer .enqfullFormSec .rightFormEnq .rightFormEnqBx,
.enqformWrapeer .enqfullFormSec .leftFormEnq .leftFormEnqBx {padding: 8px;}
.takefollowupHead .fxd {float: left;line-height: normal;}
.takefollowupHead {
    display: flex;
    align-items: center;
}
.takefollowupHead .fxd1 label {line-height: 27px;padding-right: 11px;}
.subTitles {font-size: 14px;color: #0077B5;padding: 3px 3px;margin: 0px;text-transform: uppercase; }
.rqheader .menuLeftTitle,
.rqheader .fourqt-title {padding-top: 0;}
.btnab1 {position: absolute;top: 0px;right: -49px;}
.dumpTransfers {width: 595px;}
.rbtnUnitStatusWeb {float: left;}
.fourqtForm.authorizationForm .form-title {
    min-height: auto;
}
.fourqtForm.authorizationForm .fourqtCol {width: 100%;}
.fourqtForm.authorizationForm .form-input {width: auto;}
.allRightSec > ul {padding: 0px;margin: 0px;list-style-type: none;}
.allRightSec > ul > li,
.liCol > li {margin-bottom: 2px;float: left;margin-right: 10px;}
.liCol {float: left;width: 100%;}
.tableCustRadio table {display: block;}
.tableCustRadio table tbody {display: block;}
.tableCustRadio table tr {display: block;}
.tableCustRadio table td {display: inline-block;float: left;margin: 0px 8px 8px 0px;padding: 0px;border: solid 1px #008287;font-size: 12px;cursor: pointer;color: #008287;border-radius: 2px;position: relative;}
fieldset.custo-roles .tableCustRadio table td {
    margin: 0px 4px 4px 0px;
}
fieldset.custo-roles .checkCustomInputbroker li {
    margin: 0px 2px 2px 0px;
}
fieldset.custo-roles .allRightSec > ul > li, .liCol > li {
    margin-bottom: 0px;
    margin-right: 4px;
}
.tableCustRadio table td label {margin: 0px;cursor: pointer;font-weight: normal;padding: 3px 10px;padding-left: 25px;height: 30px;line-height: 22px;}
    .fourqtForm.authorizationForm .form-input .tableCustRadio table td label {
        height: 26px;
    }
        .fourqtForm.authorizationForm .form-input .tableCustRadio table td.active .selOn i.fa {
    font-size: 14px !important;
}
        .fourqtForm.authorizationForm .form-input .tableCustRadio table td.active label {
    color: #fff;
}
.tableCustRadio table td input[type="checkbox"] {display: none;}
.tableCustRadio table td.active {background: #008287;color: #fff;}
.tableCustRadio table td .selOf {position: absolute;left: 3px;top: 3px;font-size: 16px;}
.tableCustRadio table td.active .selOf {display: none;}
.tableCustRadio table td .selOn {display: none;position: absolute;left: 4px;top: 4px;font-size: 12px;}
.tableCustRadio table td.active .selOn {display: block;}
.lblInfos {display: inline-block;padding: 8px 10px;color: #fff; font-size: 13px;background-color: #ad0424;}
.custLogTable {max-height: 400px;overflow: auto;}
.view-pro-add-sec {padding:10px 23px;}
.listaddProtb {float:left;width:47%;}
.mapsweb-wrap {float:right;width:47%;}
.table-add-pro {padding:10px;}
.addprTable {overflow:auto;max-height:800px;}
.addProSetWon .broker-edit-form {padding-left:0px;}
.addProSetWon .broker-edit-content {padding-left:10px;}
.radioCustomBtnbroker {margin: 0px;padding: 0px;list-style-type: none;border: solid 1px #17bbc1;display: inline-block;border-radius: 3px;}
.radioCustomBtnbroker:after {content: "";display: block;clear: both;}
.radioCustomBtnbroker li {display: inline-block;float: left;}
.radioCustomBtnbroker li > label {margin: 0px;padding: 4px 10px;border-left: solid 1px #008287;font-size: 13px;cursor: pointer;color: #008287;font-weight: normal;}
.radioCustomBtnbroker li:first-child label {border-left: none;}
.radioCustomBtnbroker li input[type="radio"] {display: none;}
.radioCustomBtnbroker li.disabled label,
.radioCustomBtnbroker li span.disabled label {cursor: not-allowed;opacity: 0.5;}
.radioCustomBtnbroker li.active label,
.radioCustomBtnbroker li span.active label {background: #008287;color: #fff;}
.charLeft {float: left;width:60%;}
.tableRightChart{float: left;width: 40%;}
.printheaders {padding:0px 14px;display:none;}
.printpagetitle {display:none;}
table.table-fourqt tr.tableHeaderBg td {
    color: #000;
    background: #ededed;
    border-color: #dbd9d9;
    font-weight: 600;
    font-size: var(--font-size-table);
    letter-spacing: -0.15px;
    padding: 4px 4px;
}
.schartWrap .chart-Tit{padding: 2px 10px;}
.schartWrap .chartTable {overflow: auto;max-height: 350px;}
.divcontainerForm .commonClass,
.divcontainerForm .lblLeftClass {height:auto !important;float:none !important;padding:0px !important;width:auto !important;}
.divcontainerForm > .fourqtCol {width: 16.6%;float: left;margin: 0px 0px 3px 0%;padding: 0px 5px;min-height: 48px;}
.divcontainerForm input[type="text"],
.divcontainerForm input[type="email"],
.divcontainerForm input[type="number"],
.divcontainerForm select,
.divcontainerForm textarea {border-radius: 3px;border: 1px solid #ddd;transition: ease 0.7s;-webkit-transition: 0.7s ease;-moz-transition: 0.7s ease;-o-transition: 0.7s ease;-ms-transition: 0.7s ease;height: var(--height) !important;font-weight: normal;font-size: 12px;background: #fff;padding: 4px 8px;width:100% !important;}
.divcustsForm .fourqtForm .fourqtCol {width: 20%;}
.divcustsForm .fourqtForm .form-title {white-space:nowrap;overflow:hidden;}
.ValidationSummary1 ul {margin:0px;padding:0px;margin-left: 28px;}
.ValidationSummary1 li {}
.amTable {overflow:auto;}
.divcustsForm .fourqtForm.popupFormAm .fourqtCol {width:100%;}
.divcustsForm .fourqtForm .fourqtCol {}
.panelPopUps {height:100% !important;width: 100% !important;overflow: auto;position: fixed !important;z-index: 100001;left: 0px !important;top:0px !important;background:#000;background:rgba(0, 0, 0, 0.32);z-index:9999999 !important;}
.modalBackground {background-color:rgba(0, 0, 0, 0.6);}
.panelPopUps .fourqtPopupInnerWrap {position: absolute;top: 70px;left: 0px;right: 0px;margin: 0px auto;width: 60%;background: #fff;border: solid 1px #bbcbe0;border-radius: 5px;box-shadow: 0px 1px 13px #000;}
.panelPopUps .fourqtPopupHead {background: #F5F4F9;border-bottom: solid 1px #eaeaea;color: #31708f;padding: 4px 8px;border-top-left-radius: 5px;border-top-right-radius: 5px;position: relative;min-height: 34px;}
.panelPopUps .fourqtPopupBody {padding: 8px;}
.panelPopUps .fourqtPopClose {position: absolute;right: 6px;top: 7px;background: none;border: none;font-size: 14px;padding: 0px;color: #157fda;}
.panelPopUps .fourqtPopupfoot {background: #F5F4F9;border-top: solid 1px #eaeaea;color: #31708f;padding: 4px 8px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;min-height: 34px;}
.panelPopUps .fourqtPopupLg {width: 80%;}
.panelPopUps .fourqtPopupMd {width: 60%;}
.panelPopUps .fourqtPopupSm {width: 450px;}
.panelPopUps .popLeftHeading {font-size: 13px;color: #333;padding: 5px 0px;margin: 0px;text-transform: uppercase;font-weight: bold;display: block;}
.contP p {font-size: 12px;padding-bottom: 7px;}
.table-fourqt td .table-icon {font-size: 15px;color: #e03f10;}
.table-fourqt td .table-icon:hover {opacity:0.7;}
.basedRdSec {display:table;}
.basedRdSec .table-cell {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
    color: #000;
    font-weight: 500;
}
.basedRdSec .table-cell label {
    font-weight: 500;
}
.configEmailLeft {float:left;width:70%;padding-right:10px;}
.configEmailRight {float:left;width:30%;border-left: dotted 2px #dedede;padding: 0px 10px;}
.fourqtForm.configEmailForm .fourqtCol {width: 32.6%;}
.email-settings table tr > td {border-bottom: dotted 2px #dedede;padding: 10px 0px;}
.totalUnitInfo {padding: 5px 13px;}
.totalUnitInfo ul {padding: 0px;margin: 0px;list-style-type: none;}
.totalUnitInfo li {float: left;width: 25%;padding: 2px 4px;color: #404040;font-size: 12px;}
.flwTbHeight {max-height:300px;overflow:auto;}
.adress-filter-box {float:left;width:50%;padding: 0px 8px;}
.address-wrapper {
    margin: 0px -8px;
}
.ad-book-add {padding: 12px;border: solid 1px #d7dfe3;border-radius: 5px;margin-bottom: 12px;box-shadow: 0px 1px 9px rgb(0 0 0 / 8%);}
.fourqtForm.fourqtFormAddressBook .fourqtCol {width: 50%;}
.radsaddressbtn {padding:4px 4px;text-align:center;}
.radsaddressbtn > label,
.radsaddressbtn .radioCustomBtnbroker {vertical-align:middle;}
.fourqtaddWrap {position: fixed !important;width: 100% !important;height: 100% !important;left: 0px !important;right: 0px !important;top: 0px !important;bottom: 0px !important;z-index: 9999999 !important;background: #000 !important;background: rgba(0, 0, 0, 0.5411764705882353) !important;}
.box-emp {float:left;width:50%;}
.table-auto-width {text-align:center}
.table-auto-width > div.table-auto-box {display:inline-block;width:100%;/* box-shadow: 0px 0px 5px rgb(0 0 0 / 19%); *//* -webkit-box-shadow: 0px 0px 5px rgb(0 0 0 / 19%); */-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.42);-o-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.42);-ms-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.42);/* padding: 12px; */margin: 0;border-radius: 4px;}
.authorized-wrap {width: 425px;margin: 0px auto;background: #fff;padding: 4px 5px;box-shadow: 0px 12px 10px -9px #000;-webkit-box-shadow: 0px 12px 10px -9px #000;-moz-box-shadow: 0px 12px 10px -9px #000;-o-box-shadow: 0px 12px 10px -9px #000;-ms-box-shadow: 0px 12px 10px -9px #000;margin-top: 12px;border: solid 1px #dedede;border-radius: 4px;}
.authorized-wrap h2{font-size: 14px;color: #bb0023;padding: 5px 3px;margin: 0px;text-transform: uppercase; font-weight: bold;text-align:center;}
.ath-lock {padding: 5px 10px;}
.ath-lock i{color: #bb0023;font-size: 55px;}
.lblMap {
    position: absolute;
    right: 4px;
    top: 4px;
    margin-left: 4px;
    color: #bdbebf;
    white-space: nowrap;
    font-size: 11px;
}
.pr-form-unit.form-short .form-input {width: 50%;}
.fourqtForm .fourqtCol .form-control.PhotoFiles {height:30px;}
.fourqtForm .fourqtCol .form-control.PhotoFiles + .btn-fourqt {margin-top:3px;}
.btn-fourqt.btnAttach6 {position: absolute;left: 100%;top: 18px;margin-left: 8px;}
.uploadInfos span {font-size: 11px;display: block;padding: 3px 2px;color: #635b5b;white-space: nowrap;}
.uploadInfos .lblPhotoMsg1 {}
.PhotoFilez {font-weight: normal;}
.website-config {color: Blue;font-size: 11px;position: absolute;top: auto;}
.panelpnlPopup1Edt {width:400px;}
.propBox {width: 24.2%;margin: 0px 0px 13px 1%;border: solid 1px #d4d7d8;border-radius: 3px;float: left;}
.propBox:nth-child(4n+1) {margin-left: 0px;}
.propBox .enqBoxMasHead {border-radius: 4px 4px 0 0;padding: 0px;border-bottom: solid 1px #eaeaea;background-color: #F5F4F9;}
.propBox .enqBoxMasHead h4 {font-size: 12px;color: #0077B5;padding: 4px 3px;margin: 0px;text-transform: uppercase;line-height: 16px;text-align: center;font-weight: 600;}
.propBox .enqBoxMasBody {height: 180px;overflow: auto;margin: 5px;}
.propBox .enqBoxMasFoot {padding: 8px 5px;text-align: center;}
.btnabClear {right: -115px;}
.subheaderPost {background: #f5f4f9;padding: 4px 8px;margin-bottom: 8px;border-radius: 4px;}
.fourqtFormPostProp {margin-top:7px;}
.kycInfo {}
.kycInfo td {padding: 5px 12px;}
.vst {padding:4px 4px;}
.form-table  .block-cell {vertical-align:middle;}
.infosLeft {float:left;width:50%;}
.srch-loc-post{width: 440px;margin: 0px auto;}
.srch-loc-post.srch-colz .srch-title {line-height: 34px;width: 142px;float: left;font-size: 13px;color: #0384b3;}
.srch-loc-post.srch-colz .srch-title label {font-weight:bold}
.mail-subject-left,
.mail-subject-right {width:50%;float:left;}
.mail-subject-right {padding-left:10px;}
.input-var-head h3{font-size: 13px;padding: 8px 0px;}
.input-var-head h3 span {font-weight:bold;}
.mandatorysign {color:red;}
#xToolbarSpace {overflow:auto !important;}
.dragF span{background: #ffff43;color: #585801;margin-left:10px;}
.sort-orders {width:60%;margin: 0px auto;border: solid 1px #ddd;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);-webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);-moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);-o-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);-ms-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);max-height:330px;overflow:auto;
}
.sort-orders  .ui-state-default {
        border: 1px solid #e6e6e6;
            padding:0px 5px;
}
.header-ui {
    border: 1px solid #c7c7c7;
    background-color: #1794ba;
    color: #fff;
    padding:5px 5px;
}
.header-ui-left {
    float:left;
    width:20%;
    text-align:center
}
.header-ui-right {
    float:left;
    width:40%;
    text-align:center
}
.ui-state-left {
        float:left;
    width:20%;
    text-align:center;
         /*border-right: solid 1px #e8e6e6;*/
}
.ui-state-right {
       float:left;
    width:40%;
    text-align:center;
           
}
.ui-state-right,
.ui-state-left {
    padding:4px 0px;
}
.sort-orders .ui-state-default:hover {
    background:#fc4b6c;
}
.ui-state-th,
.ui-state-td {
      float:left;
    width:16%;
    text-align:center
}
.ui-state-th-1,
.ui-state-td-1 {
      float:left;
    width:25%;
    text-align:center
}
.sort-orders-wrap {
       max-height:330px;
    overflow:auto;
}
.sort-orders-wrap-1{
        width:70%;
        margin: 0px auto;
        border: 1px solid #CBD5E0;
        box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);
        -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);
        -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);
        -o-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);
        -ms-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.24);
        max-height:330px;
        overflow:auto;
}
.sort-orders-wrap .ui-state-default {
    background:#fff;
    cursor: grab;
}
.sort-orders-wrap  .ui-state-default {
        border: 1px solid #e6e6e6;
            padding:4px 5px;
                color: #717171;
}
.sort-orders-wrap .ui-state-default:hover,
.sort-orders-wrap .ui-state-default:hover  a  {
    background:#fc4b6c;
    color:#fff;
}

.sort-orders-wrap-1  .ui-state-default {
        border: 1px solid #CBD5E0;
        padding:4px 5px;
        color: #717171;
}
ul#sortable {
    margin: 0;
}
.ui-state-default input {
    height: auto;
}
.sort-orders-wrap-1 .ui-state-default:hover,
.sort-orders-wrap-1 .ui-state-default:hover  a  {
    background:#fc4b6c;
    color:#fff;
}
.ImportEnqForm img{
    width:22px;
}
.dfls img{
    width:20px;
}
.ulNote {
    padding:0px;
    margin:0px 0px 0px 20px;
}
    .ulNote li {
    }
.dlvDs p{
}
.dropdown-broker .dropdown-menu{
    max-height:270px;
    overflow:auto;
}
.dropdown-broker .caret {
    position: absolute;
    right: 9px;
    top: 0px;
    margin-top: 10px;
}
.dropdown-broker .form-control {
    text-align: left;
    position:relative;
}
.dropdown-broker .dropdown-menu li {
        padding: 1px 7px;
    font-size: 12px;
    vertical-align: middle;
    margin: 0px;
    white-space:nowrap;
}
    .dropdown-broker .dropdown-menu li input,
    .dropdown-broker .dropdown-menu li label {
        vertical-align:middle;
    }
.divpager-broker .pagination{
    margin:0px;
}
.st-table  .table > tbody > tr > td, .st-table  .table > tbody > tr > th {
    padding: 4px 4px;
}
.fst-web td .form-control {
    display:inline-block;
}
.cust-infos-table td{
        padding: 4px 4px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd;
}

.btnIpSec input[type="submit"]:disabled {
    opacity:0.8;
    cursor: not-allowed;
}
.btn-ip{
       border: none;
       font-family: inherit;
       font-size: 13px;
       color: inherit;
       background: none;
       cursor: pointer;
       padding: 10px 14px;
       display: inline-block;
       margin: 0px;
       text-transform: uppercase;
       font-weight: 700;
       outline: none;
       position: relative;
       -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
       transition: all 0.3s;
}
.btn-2 {
   
    background: #17aa56;
    color: #fff;
    box-shadow: 0 6px #119e4d;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
.btn-3 {
    background: #cb4e4e;
    color: #fff;
    box-shadow: 0 6px #ab3c3c;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    margin-left:10px;
}
.btn-ip:hover {
     opacity:0.5 !important;
}
.edit-table-height {
    max-height:550px;
    overflow:auto;
}
.disableClick{
    pointer-events: none;
}
.fourqIconBtnSec li a[disabled=disabled] {
/*pointer-events: none;*/
}
.fourqIconBtnSec li a[disabled] {
    /*content: '';
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;*/
      cursor: not-allowed;
}
.fourqIconBtnSec li a[disabled]:hover {
    cursor:not-allowed
 }
.fourqt-title .cn-new {
        background: #177fb7;
    display: inline-block;
    padding: 2px 7px;
    color: #fff;
    border-radius: 12px;
    font-size: 12px;
    text-transform: capitalize;
}
.chart-wrap table.table-fourqt td, .chart-wrap table.table-fourqt th {
    font-size: 12px;
    padding: 8px 4px;
}
.sbd {
    display:table;
}
.sbCol {
    display:table-cell;
    vertical-align:middle;
    padding-right:10px
}

.newLeads td
{
    background-color:#fff !important;
}

.oldLeads td
{
    background-color: lightyellow !important;
}

.newLeads span
{
    background-color:#fff !important;
}


.oldLeads span
{
    background-color: lightyellow !important;
}

.fcol3 {
    width:25% !important;
}



#menuToggle {
  display: block;
  position: relative;
  top: 2px;
  left: auto;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  right: 0;
  /* width: 23px; */
  /* height: 23px; */
  display: block;
}
.log-section-info nav {
    float: right;
}
#menuToggle a {
    text-decoration: none;
    color: #232323;
    transition: color 0.3s ease;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 32px;
    border-radius: 45px;
    padding: 0;
    text-align: center;
    margin: 0 auto;
    background: #eb5750;
    border: 3px solid #eaeff3;
}
#menu li img {
    width: 20px;
}
#menuToggle a:hover {
    border-style: double;
}

#menuToggle input {
  display: block;
  width: 25px !important;
  height: 24px;
  position: absolute;
  top: -5px;
  left: -5px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  -webkit-touch-callout: none;
  margin: 0;
}

/*
 * Just a quick hamburger
 */
#menuToggle span {
    display: block;
    width: 20px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #ffffff;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 0px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
  width: 15px;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(1px, 0px);
  background: #ffffff;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(1px, 1px);
  width: 20px;
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu {
  position: fixed;
  min-width: 64px;
  margin: 0;
  padding: 10px;
  background: #ffffff;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(10000%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  height: 100vh;
  text-align: left;
  top: auto;
  right: 0;
  box-shadow: 0px 2px 3px rgb(0 0 0 / 35%);
  left: auto;
  margin-top: 2px;
  display: block;
}
#menu ul {
    padding: 0;
    display: block;
    float: none;
}
#menu li:first-child {
    border: none;
}
 #menu li li:last-child {
    border: none;
}
  #menu li li:nth-child(1) {
   border-bottom: 2px solid #F3F6F9;
   border-top: none;
   border-left: none;
   border-right: none;
   margin-top: 0px;
   padding-top: 0;
}
    #menu li li:nth-child(2) a{
        background: #4584E3;
    }
    #menu li li:nth-child(3) a{
        background:#F4A03D;
    }
    #menu li li:nth-child(4) a{
        background: #17b4c0;
    }
     #menu li li:nth-child(5) a{
        background:#9DC082;
    }
    #menu li li:nth-child(6) a{
        background: #17abbe;
    }
    #menu li li:nth-child(7) a{
        background: #1883b7;
    }
    #menu li li:nth-child(8) a{
        background: #0293b7;
    }
    
    
#menu li {
  margin-top: -5px;
  padding: 10px 0;
  font-size: 14px;
  list-style: none;
  text-align: center;
  border-bottom: 2px solid #F3F6F9;
  border-top: none;
  border-left: none;
  border-right: none;
  margin: 0;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul {
  transform: translate(0%, 0);
  width: 15px;
  display: block;
}
h4 small {
    margin-top: 10px;
    display: block;
}
.main-footer-section {
    display: block !important;
}
/* Shortcut sidebar in right (Navigation) CSS By Tejram*/
.header-up .main-header-logo {
    width: 2%;
}
.header-up .menu-wrap-section {
    width: 50%;
}
.header-up .logout-section {
    width: 47%;
}
.one-inline.form-short .form-title {
  min-height: 5px;
  width: 180px;
  float: left;
  font-size: 13px;
  color: #444444;
  line-height: 25px;
  font-weight: bold;
}
.one-inline.form-short .form-input {
  width: 100%;
}
.one-inline.form-short .fourqtCol {
  display: flex;
}
.one-inline.form-short .fourqtCol {
  width: 100%;
  margin-bottom: 7px;
  min-height: 10px;
}
/* Changed 25 Nove 2024 by TRP*/
.col-width-auto {
    width: auto;
}
.fourqtPanelFormInlineFlex .fourqtPanelHead {
    display: flex;
    height: auto;
    justify-content: space-between;
    align-items: center;
}
.fourqtPanelFormInlineFlex .addFolloUpList {
    display: flex;
    align-items: center;
}
.fourqtPanelFormInlineFlex .addFolloUpList ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}
.fourqtPanelFormInlineFlex .addFolloUpList ul li {
    margin-left: 8px;
    color: #31708f;
    font-size: 13px;
}
.fourqtPanelFormInlineFlex .addFolloUpList ul li .actColorTheme {
    display: flex;
    align-items: center;
}
.fourqtPanelFormInlineFlex .addFolloUpList ul li .sphere.tableborder {
    width: 14px;
    height: 14px;
    margin: 0 4px;
}
/* RegistrationForm POPUP BOX */
.popcontainer {
    height: 100%;
    position: fixed;
    z-index: 9999;
    display: none;
    background-color: rgba(0, 0, 0, 0.66) !important;
    margin: 0px auto;
    width: 100%;
    left: 0px;
    top: 0px;
    justify-content: center;
    align-items: center;
}

    .popcontainer .panel {
        margin: 0;
    }

    .popcontainer .rightAligns {
        display: flex;
        gap: 8px;
        justify-content: end;
        align-items: center;
    }

.popbox-sm {
    width: 710px;
    max-height: 450px;
    margin: 50px auto;
}

.popbox-md {
    width: 940px;
    max-height: 500px;
    margin: 50px auto;
}

.popbox-lg {
    width: 912px;
    max-height: 600px;
    margin: 50px auto;
}

.popbox-md {
    width: 940px;
    max-height: 500px;
    margin: 50px auto;
}

.popbox-xs {
    width: 630px;
    max-height: 450px;
    margin: 50px auto;
}

.popbox-lg1 {
    width: 912px;
    max-height: 625px;
    margin: 50px auto;
}

.popcontainer a {
    color: var(--linkColor) !important;
}

.popcontainerV1 .panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal {
    display: none;
}

.popcontainer.popcontainerV1 .panel.panel-info.no-m {
    width: 93%;
}

@media (min-width:320px) and (max-width:767px) {
.popbox-lg{width:95%;}
   .header-up .main-header-logo {
    width: 12%;
}
   .fourqtPopupLg {
    width: 95%;
}
   .header-up .menu-wrap-section {
    width: 12%;
}
   .header-up .logout-section {
    width: 76%;
}
    .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}
    .log-menu-section li.log-icon a {
    font-size: 21px;
    margin-left: 2px;
}
    .header-strip ul.welcomes {
    width: 55%;
}
    .fourqtForm .fourqtCol {
    width: 50%;
}
    .formBoxSec {
    padding: 0;
}
    .fourqIconBtnSec1 {
    position: relative !important;
    right: 10px;
    top: 5px;
    left: 0;
}
    .fourqt-title.heding_text span.date_bx {
    float: none !important;
    margin-right: 0 !important;
}
    .fourqIconBtnSec.not-fixed { 
    justify-content: space-around; 
    margin-bottom: 10px;
}
    .fourqtPanelFormInlineFlex .fourqtPanelHead { 
    flex-direction: column;
        align-items: baseline;
}
    .fourqtPanelFormInlineFlex .addFolloUpList ul { 
        display: block;
    }
    .fourqtPanelFormInlineFlex .addFolloUpList ul li {
    float: left;
        margin-right: 8px;
            margin-left: 0px;
}
    .fourqtPanelHead {
    height: auto;
}
     .container-wrap {
    padding-right: 15px;
    padding-left: 15px;
}
    .main-content-sec {
        margin-top: 90px !important;
    } 
    .header-strip {
    padding: 4px 0px;
}
    .header-strip ul li {
            margin-left: 8px;
}
    .header-strip ul.welcomes li label {
    font-size: 10px;
}
    .address_top span {
    line-height: 19px;
    display: block;
}
    .user-content .content-scroll {
    height: auto;
}
    .header-up {
    padding: 0;
}
    #menuToggle {
        right: 0;
    }
    .ipaddress-section {
    width: 100%;
    margin: 10px auto;
 
}
    .home-box {
    height: auto;
}
    #cust-date-wrapper .pull-right.no-gutter {
    float: left !important;
}
     #cust-date-wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
     /*.fourqtPopupWrap {
    width: 91% !important;
    height: fit-content;
    left: 15px !important;
    top: 15% !important;
    right: 0;
}*/
    .page-container {
    width: 100%;
}

    table.table-fourqt {
    border-collapse: collapse;
    display: table;
}
    .leads-wrap.col-md-8 {
    overflow: auto;
    position: -webkit-relative;
    position: relative;
    top: 0%;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
    display: block;
    overflow: auto;
}
.btn-fourqt.btnAttach6 {position:inherit;left:0;top:7px;margin-left:0;}
.website-config {position:inherit;}
.zone_wraper {display: inline-block;margin: 10px 0 0 0 !important;padding: 0 !important;}
.zone_wraper div.form-title {width:50%;float:left;}
.zone_wraper div.form-input {width:50%;float:left;}
.zone_wraper div.chek_title_line {width: 100%;display: inline-block;margin: 10px 0 0 7px;}
.block-date div.block-cell {display:block;}
.TreeViewStyle > table td:first-child {width:10%;}
.TreeViewStyle > table td:last-child {width: 90% !important;}

.ipaddress-section {
    width: 100%;
    overflow-x: scroll;
    margin:10px auto;
}
.btn-3 {
   
    margin-left: 0;
    margin-top: 16px;
}
.one-inline.form-short .fourqtCol {
  display: flex;
  flex-direction: column;
}
}


@media (min-width:768px) and (max-width:991px) {
.popbox-lg{width:95%;}
    .fourqtPopupInnerWrap {
}
    .form-title-new.py-2 p {
    margin-bottom: 10px;
}
    .fourqtPanelFormInlineFlex .addFolloUpList ul li {
    line-height: normal;
}
    .fourqtPanelFormInlineFlex .addFolloUpList ul li .actColorTheme { 
    align-items: baseline;
}
    .main-link-sp {
    margin: 5px 0px !important;
}
    .fourqtForm .fourqtCol.date-col {
    width: 33%;
}
    .user-content .content-scroll {
    height: auto;
    padding: 8px;
}
    .home-box {
        height:auto;
    }
    .leads-wrap.col-md-8 {
    overflow: auto;
    position: -webkit-relative;
    position: relative;
    top: 0%;
}
      .header-up .main-header-logo {
    width: 5%;
}
   .header-up .menu-wrap-section {
    width: 8%;
}
   .header-up .logout-section {
    width: 87%;
}
    .fourqtForm .fourqtCol {
    width: 33%;
}
    .fourqtForm .fourqtCol {
    min-height: 58px;
}
     .container-wrap {
    padding-right: 15px;
    padding-left: 15px;
}
    .main-content-sec {
        margin-top: 90px !important;
    }
    .header-up {
    padding: 0;
}
    #menuToggle {
        right: 0;
    }
    .ipaddress-section {
    width: 100%;
    overflow-x: scroll;
    margin:10px auto;
}
    .fixTableHeightWrap, .fixTableHeightWrap, .dataTables_scrollBody {overflow: auto;max-height: 90vh;}
}
@media (min-width:992px) and (max-width:1023px) {
        .fourqtPanelFormInlineFlex .addFolloUpList ul li {
    line-height: normal;
}
    .fourqtPanelFormInlineFlex .addFolloUpList ul li .actColorTheme { 
    align-items: baseline;
}
   .ipaddress-section {
    width: 100%;
    overflow-x: scroll;
    margin:10px auto;
}
    .fourqtForm .fourqtCol.date-col {
    width: 24%;
}
    .fourqtForm .fourqtCol {
    min-height: auto;
    width: 25%;
}
     .fourqtForm .fourqtCol.date-col {
    width: 20%;
}
     .container-wrap {
    padding-right: 15px;
    padding-left: 15px;
}
     .header-up .main-header-logo {
    width: 4%;
}
     .header-up .menu-wrap-section {
    width: 69%;
}
     .header-up .logout-section {
    width: 27%;
}
    .main-content-sec {
        margin-top: 90px !important;
    }
    .header-up {
    padding: 0;
}
    #menuToggle {
        right: 0;
    }
    .ipaddress-section {
    width: 100%;
    overflow-x: scroll;
    margin:10px auto;
}
    .fixTableHeightWrap, .fixTableHeightWrap, .dataTables_scrollBody {overflow: auto;max-height: 90vh;}
    .sf-arrows .sf-with-ul {
    padding-right: 1.5em !important;
}
}
@media (min-width:1024px) and (max-width:1279px)
{
    .fixTableHeightWrap, .fixTableHeightWrap, .fixTableHeightWrap, .dataTables_scrollBody {
    overflow: auto;
    max-height: 350px;
}
 .fixTableHeightAll {
    max-height: 650px;
}
    label.form-check-label input {
        margin-left: 5px;
    }
    .fourqtForm .fourqtCol {
    min-height: 58px;
    width: 20%;
}
    .fourqtForm.enq-forms .fourqtCol.phoneQ {
        min-height: auto;
       width: 26%;
    }
     .fourqtForm .fourqtCol.date-col {
    width: 24%;
}
    .fourqtPopupInnerWrap {
}
    .container-wrap {
    padding-right: 15px;
    padding-left: 15px;
}
    .foot-search-in .form-control {
}
    .foot-search-in {
    padding-right: 0px;
    margin-right: 0;
}
     .fixTableHeightWrap, .fixTableHeightWrap, .dataTables_scrollBody {overflow: auto;max-height: 90vh;}
    .log-menu-section li {
}
    .sf-arrows .sf-with-ul::after
    {
        right: 0.3em;
    }
.fourqtForm.form-short .fourqtCol {
    width: 100%;
    min-height:auto;
}
    .log-menu-section li.welc-info label
    {
    padding: 2px 4px;
    }
    .log-menu-section li.log-icon a {
    padding: 0px 4px;
}
    .log-menu-section a, .log-menu-section label {
    font-size: 9px;
}
    .sf-menu a
    {
    }
    .header-up .main-header-logo {
    width: 4%;
}
    .header-up .menu-wrap-section {
    width: 76%;
}
    .header-up .logout-section {
    width: 20%;
}
    .home-page-design .home-box {
}
   .sf-arrows .sf-with-ul {
    padding-right: 1.1em !important;
}
    .header-up {
    padding: 0px 0px;
}
    .log-menu-section {
    float: none;
}
    .home-page-design .home-section-wrap {
    margin: 0 0px;
    width: 100%;
}
    #menuToggle {
        right: 0px;
    }
}
@media (min-width:1280px) and (max-width:1440px){
     .fixTableHeightAll, .fixTableHeightWrap, .dataTables_scrollBody, fixTableHeightWrapInner .fixTableHeightWrap {
    max-height: 90vh;
}
 
    /*.fourqtPopupInnerWrap {
    width: 70%;
}*/
    .fourqtForm .fourqtCol.date-col {
    width: 20%;
}
    .fourqtForm .fourqtCol {
    /* min-height: 58px; */
    /* width: 20%; */
}
    .foot-search-in .form-control {
}
    .foot-search-in {
    padding-right: 0px;
}
    .header-up .menu-wrap-section {
    width: 78%;
}
    .header-up .logout-section {
    width: 20%;
}
    .sf-arrows .sf-with-ul {
}
.sf-arrows .sf-with-ul:after {
}
.log-menu-section li {
    padding-right: 0px !important;
}
.home-page-design .home-section-wrap {
}
.header-up {
    padding: 0px 0px;
}
#menuToggle {
    right: 0;
}
.home-page-design .home-box { 
}
.ipaddress-section {
}
 .container-fluid {
    width: 98%;
}

}
@media (min-width:1441px) and (max-width:1599px)
{
    
   .fixTableHeightAll, .fixTableHeightWrap, .dataTables_scrollBody, fixTableHeightWrapInner .fixTableHeightWrap {
    max-height: 90vh;
}
    .foot-search-in .form-control {
}
    .foot-search-in {
    padding-right: 0px;
}
    .header-up .menu-wrap-section {
    width: 60%;
}
    .header-up .logout-section {
    width: 38%;
}
    .sf-arrows .sf-with-ul {
}
.sf-arrows .sf-with-ul:after {
    right: 0.5em;
}
.log-menu-section li {
    padding-right: 0px !important;
}
 
.header-up {
    padding: 0px 0px;
}
#menuToggle {
    right: 0;
}
 .container-fluid {
    width: 80%;
}
}
@media (min-width:1600px) and (max-width:1920px)
{
    
   .fixTableHeightAll, .fixTableHeightWrap, .dataTables_scrollBody, fixTableHeightWrapInner .fixTableHeightWrap {
    max-height: 90vh;
}
    .foot-search-in .form-control {
}
    .foot-search-in {
    padding-right: 0px;
}
    .header-up .menu-wrap-section {
    width: 60%;
}
    .header-up .logout-section {
    width: 38%;
}
    .sf-arrows .sf-with-ul {
}
.sf-arrows .sf-with-ul:after {
    right: 0.5em;
}
.log-menu-section li {
    padding-right: 0px !important;
}
 
.header-up {
    padding: 0px 0px;
}
#menuToggle {
    right: 0;
}
 .container-fluid {
    width: 80%;
}
}
@media print {
    .fixTableHeightWrap, .fixTableHeightWrap, .dataTables_scrollBody {
    max-height:initial;
    overflow:visible;
    }
    .custom-pagination {
    display:none;
    }
    .table-content-sec {
    box-shadow:none;
    border:none;
    }
    .fourqtPanelBody {
    padding: 8px;
    background: #ffffff;
    border-radius: 0;
}
    .fourqtPanelHead {
    display:none;
    }
    a {
    color: #000;
}
}