@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+HK:wght@300;400;500;600;700&display=swap');
* {
    margin: 0;
    padding: 0;
    outline: none !important;
    font-family: 'Montserrat', sans-serif;
}

img {
    max-width: 100%;
    vertical-align: top;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
span,
p,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}
.form-control,
a,
input[type="submit"],
input[type="button"],
.btn,
button {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

input[type="button"]:focus,
input[type="text"]:focus,
select:focus {
    box-shadow: none;
    outline: none;
}
select {
    background-image: url(../images/select-icon.png);
    background-repeat: no-repeat;
    background-position: center right;
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
section {
    clear: both;
}

audio,
canvas,
progress,
video {
    vertical-align: middle;
}

a:focus {
    text-decoration: none
}
body,
html {
    background: #f9f9f9;
}
::-moz-selection { background: #305fb7; color: #fff;}
::selection { background: #305fb7; color: #fff;}




.container {
    max-width: 650px;
}
.container-750 {
    max-width: 750px;
}
.container-1140 {
    max-width: 1140px;
}
.container-1030 {
    max-width: 1030px;
}
.minFullWidth {
    min-width: 100%;
}
.customButton {
    display: inline-block;
    padding: 5px 30px;
    background: #35498e;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 50px;
    border: 1px solid #35498e;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
}
.smallButton {
    font-size: 13px;
    padding: 1px 15px;
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.boxedDivWithOptions {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 8%);
    padding: 15px 45px 15px 15px;
    display: inline-block;
    width: 100%;
    position: relative;
}
.boxedDivWithOptions .dropdown {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.boxedDivWithOptions .dropdown button {
    height: 100%;
    width: 45px;
    background: #35498e;
    border-radius: 0 15px 15px 0;
}
.boxedDivWithOptions .dropdown .dropdown-toggle::after {
    display: none;
}
.boxedDivWithOptions .dropdown-menu {
    left: auto !important;
    right: 0px;
    min-width: 130px !important;
    transform: translate3d(0, 49px, 0px) !important;
    -webkit-transform: translate3d(0, 49px, 0px) !important;
    -moz-transform: translate3d(0, 49px, 0px) !important;
}
.boxedDivWithOptions .dropdown-item {
    padding: .15rem 1rem;
    font-size: 15px;
    color: #202020 !important;
    background: #fff !important;
}
.boxedDivWithOptions .dropdown-item i {
    font-size: 14px;
    margin-right: 3px;
}
.boxedDivWithOptions .dropdown-item:focus,
.boxedDivWithOptions .dropdown-item:hover {
    background: rgb(245, 245, 245) !important;
}

.withDropDown {
    position: relative;
}

.withDropDown .dropdown {
    position: absolute;
    right: 0;
    top: 0;
}
.withDropDown .dropdown button {
    width: 25px;
    height: 25px;
    background: #35498e;
    border-radius: 15px;
    font-size: 10px;
    padding: 2px
}
.withDropDown .dropdown .dropdown-toggle::after {
    display: none;
}
.withDropDown .dropdown-menu {
    left: auto !important;
    right: 0px;
    min-width: 130px !important;
    transform: translate3d(0, 28px, 0px) !important;
    -webkit-transform: translate3d(0, 28px, 0px) !important;
    -moz-transform: translate3d(0, 28px, 0px) !important;
}
.withDropDown .dropdown-item {
    padding: .15rem 1rem;
    font-size: 15px;
    color: #202020 !important;
    background: #fff !important;
}
.withDropDown .dropdown-item i {
    font-size: 14px;
    margin-right: 3px;
}
.withDropDown .dropdown-item:focus,
.withDropDown .dropdown-item:hover {
    background: rgb(245, 245, 245) !important;
}




.splashScreen {
    background-image: -moz-linear-gradient( 90deg, rgb(179,108,2) 0%, rgb(242,174,42) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(179,108,2) 0%, rgb(242,174,42) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(179,108,2) 0%, rgb(242,174,42) 100%);
    width: 100%;
    display: flex;
    height: 100vh;
}
.splashScreen h1 {
    margin: auto;
    text-transform: uppercase;
    color: #fff;
    font-size: 25px;
}
.fullWidthBtn {
    width: 100%;
}


/**********/
.introSlider {
    background-image: -moz-linear-gradient( 90deg, rgb(179,108,2) 0%, rgb(242,174,42) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(179,108,2) 0%, rgb(242,174,42) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(179,108,2) 0%, rgb(242,174,42) 100%);
    height: 100vh;
}
.introSlider .item {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.introSlider .introHeading {
    height: 15vh;
}
.introImage {
    height: 75vh;
}
.introImage img {
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.introHeading {
    display: inline-flex;
    width: 100%;
    font-size: 20px;
    color: #272727;
    font-weight: 600;
    line-height: 24px;
}
.introHeading span {
    margin: auto;
}
.introSlider .owl-nav {
    display: none;
}
.introSlider .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.introSlider .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid #fff;
    display: inline-block;
    margin: 0 2px;
    border-radius: 5px;
}
.introSlider .owl-dots .owl-dot.active {
    background: #fff;
}


/*****************/
.topHeader {
    background: #35498e;
    padding: 10px 0;
    text-align: center;
}
.topHeaderHeading {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    position: relative;
}
.topHeaderHeading h1 {
    font-size: 17px;
    color: #fff;
    width: calc(100% - 75px);
    float: left;
}
.backButon {
    float: left;
    width: 30px;
    text-align: left;
}
.backButon img {
    width: 10px;
}
.menuButton {
    float: left;
    width: 40px;
    text-align: left;
}
.menuButton img {
    width: 20px;
}
.addButon {
    float: right;
    color: #484848;
    background: #fff;
    font-size: 12px;
    border-radius: 50px;
    padding: 1px 9px;
}
.rightSideBtnGrou {
    position: absolute;
    top: 5px;
    right: 0;
}
.rightSideBtnGrou a {
    display: inline-block;
    margin-left: 2px;
}
.rightSideBtnGrou img {
    display: inline-block;
    width: 28px;
}
.withBtnSecondHeading .rightSideBtnGrou {
    top: -4px;
}
.withBtnSecondHeading .rightSideBtnGrou a + a {
    margin-left: 5px;
}

/********/
.termsImage {
    display: inline-block;
    width: 100%;
    padding: 20px;
}
.termsContent label {
    display: inline-block;
    width: 100%;
    padding: 0 0 0 25px;
    position: relative;
    font-size: 15px;
}
.termsContent label a {
    color: #35498e;
}
.termsContent label input {
    position: absolute;
    top: 5px;
    left: 0;
    width: 16px;
    height: 16px;
}

.loginSignUpForm {
    display: inline-block;
    width: 100%;
}
.loginSignUpForm h2 {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 40px 0 30px;
    font-size: 18px;
    font-weight: 600;
}
.loginSignUpForm form {
    display: inline-block;
    width: 100%;
}
.loginSignUpForm form .form-control {
    border-radius: 0;
    padding: 8px 0;
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important;
    font-size: 14px;
    outline: none !important;
    box-shadow: none !important;
    display: inline-block;
    width: 100%;
    background-color: #fff;
}
.loginSignUpForm form .form-group a {
    font-size: 12px;
    float: right;
    color: #35498e;
}
.phoneNumber {
    position: relative;
}
.phoneNumber .form-control {
    padding-left: 55px !important;
    font-size: 14px;
    background-color: #fff;
}
.phoneNumber select {
    position: absolute;
    top: 10px;
    left: 0;
    background: transparent !important;
    border: none !important;
    font-size: 14px;
}
.bottomText {
    text-align: center;
    width: 100%;
    font-size: 15px;
    color: #5f5f5f;
}
.bottomText a {
    color: #35498e;
}
.loginSignUpForm form .form-group.text-center a {
    float: none;
}
.codeInput {
    display: flex;
}
.codeInput input {
    margin: 0 10px;
    text-align: center;
}



/***********/
.serchIconDiv {
    display: inline-block;
    width: 100%;
}
.searchBar {
    display: inline-block;
    width: 100%;
    position: relative;
}
.searchBar input {
    display: inline-block;
    width: 100%;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    padding: 5px 15px 5px 40px;
    font-size: 15px;
}
.searchBar img {
    position: absolute;
    top: 8px;
    left: 15px;
    width: 18px;
}
.searchWithIcons .searchBar {
    max-width: calc(100% - 82px);
}
.searchWithIcons > a {
    float: right;
    width: 35px;
    margin-left: 5px;
}
.searchWithIcons a img {
    width: 35px;
}
.searchWithIcons > .dropdown {
    float: right;
    width: 35px;
    margin-left: 5px;
    border: none !important;
    background: transparent !important;
}
.searchWithIcons > .dropdown button {
    border: none !important;
    background: transparent !important;
}
.searchWithIcons .dropdown-toggle::after {
    display: none;
}
.searchWithIcons .dropdown-menu {
    left: auto;
    right: 0;
}
.searchWithIcons .dropdown-menu a {
    font-size: 14px;
}
.searchWithIcons .dropdown-menu a:focus,
.searchWithIcons .dropdown-menu a:hover {
    background: rgba(0, 0, 0, 0.08) !important;
    color: #404040 !important;
}






/**********/
.wantedListingDiv {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}
.listHeader {
    display: inline-block;
    width: 100%;
}
.listHeader h2 {
    float: left;
    width: calc(100% - 120px);
    font-size: 15px;
    font-weight: 700;
    color: #404040;
    padding-left: 15px;
}
.listHeader h3 {
    float: left;
    width: 120px;
    font-size: 14px;
    font-weight: 500;
    color: #e37676;
    text-align: center;
}
.boxedDiv {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    padding: 10px 15px;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.boxedDiv h3 {
    float: left;
    width: calc(100% - 105px);
    font-size: 14px;
    font-weight: 600;
    color: #404040;
}
.boxedDiv p {
    float: left;
    width: 105px;
    font-size: 14px;
    font-weight: 500;
    color: #e37676;
    text-align: center;
}


.withBottomMenus {
    padding-bottom: 70px;
}
.bottomButtonDiv {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.16);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 5;
}
.bottomButtonDiv .container {
    padding: 0 10px;
}
.bottomButtonDiv ul {
    display: flex;
    width: 100%;
    padding: 10px 0 5px;
}
.bottomButtonDiv ul li {
    float: left;
    width: 100%;
}
.bottomButtonDiv ul li a {
    display: inline-block;
    width: 100%;
    opacity: 0.6;
    filter: grayscale(100);
    -webkit-filter: grayscale(100);
    -moz-filter: grayscale(100);
}
.bottomButtonDiv ul li a:hover,
.bottomButtonDiv ul li a.active {
    opacity: 1;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
}
.bottomButtonDiv ul li a span {
    display: inline-block;
    width: 100%;
    font-size: 9px;
    color: #35498e;
}
.bottomButtonDiv ul li a img {
    display: inline-block;
    width: 100%;
    max-width: 25px;
}
.bottomButtonDiv.iconsOnly ul li a img {
    max-width: 22px;
}
.bottomButtonDiv.iconsOnly ul {
    padding: 20px 0;
}

.sideMenuDiv {
    position: fixed;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    overflow-y: auto;
    top: 0;
    left: -110%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
.sideMenuDiv.openMenu {
    left: 0%;
}
.sidebarMenu {
    display: inline-block;
    min-width: 220px;
    background: #fff;
    position: relative;
    width: 20%;
    height: 100%;
    padding: 10px;
}
.userProfile {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    margin-bottom: 10px;
}
.UserImage {
    float: left;
    width: 40px;
}
.userDetail {
    float: left;
    width: calc(100% - 50px);
    margin-left: 10px;
}
.userDetail h3 {
    font-size: 15px;
    margin-top: 3px;
    color: #000;
}
.userDetail p {
    font-size: 14px;
    line-height: 14px;
    color: #35498e;
}
.sidebarMenu ul {
    display: inline-block;
    width: 100%;
}
.sidebarMenu ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.sidebarMenu ul li a {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #000;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    position: relative;
    left: 0;
    opacity: 0.8;
}
.sidebarMenu ul li a:hover,
.sidebarMenu ul li a.active {
    left: 5px;
    opacity: 1;
}
.sidebarMenu ul li a img {
    width: 18px;
    margin-right: 5px;
}
a.closeMenu {
    position: absolute;
    top: 4px;
    right: 5px;
    color: #fff;
    font-size: 13px;
    width: 26px;
    height: 26px;
    background: #202020;
    border-radius: 25px;
    text-align: center;
    padding: 3px 0 0;
}
.demandMainDiv {
    display: inline-block;
    width: 100%;
}
.demandMainDiv h2 {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #404040;
    font-weight: 600;
}
.demandMainDiv h3 {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #404040;
}
.demandMainDiv hr {
    margin: 10px 0;
}
.singleDemand {
    display: inline-block;
    width: 100%;
}
.singleDemand h4 {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #404040;
    position: relative;
    margin-bottom: 10px;
    margin-top: 5px;
}
.singleDemand h4 a {
    position: absolute;
    top: -3px;
    right: 0;
    width: 22px;
    display: inline-block;
}
.singleDemand h4 a img {
    width: 22px;
    display: inline-block;
}
.singleDemand .boxedDiv h5 {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #696969;
    margin: 0px;
}
.singleDemand .boxedDiv p {
    width: 50%;
    font-size: 12px;
}
.redColor {
    color: #e37676 !important;
}
.blueColor {
    color: #35498e !important;
}
.darkColor {
    color: #202020 !important;
}
.greenColor {
    color: #54c245 !important;
}
.persionDetailBox {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 8%);
    padding: 10px 15px;
    display: inline-block;
    width: 100%;
}
.persionDetailBox h3 {
    font-size: 16px;
    display: inline-block;
    width: 100%;
    color: #202020;
}
.persionDetailBox h4 {
    font-size: 15px;
    display: inline-block;
    width: 100%;
    padding-left: 80px;
    position: relative;
    margin-bottom: 5px;
    color: #555555;
}
.persionDetailBox h4 span {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
}



.imageDiv {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
}
.imageDiv img {
    width: 100%;
}
.imageDiv .downloadBtn {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.imageDiv .downloadBtn img {
    max-width: 35px;
}
.detailBox {
    display: inline-block;
    width: 100%;
}
.detailBox h2 {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #35498e;
    font-weight: 700;
}
.borderBox {
    border: 1px solid rgb(213, 213, 213);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    background: #fff;
    display: inline-block;
    width: 100%;
}
.borderBox h3 {
    font-size: 18px;
    font-weight: 600;
}
.borderBox h4 {
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    width: 100% ;
}
.borderBox h4 span {
    float: left;
    width: 50%;
}
.borderBox h4 span.fullWidthBtn {
    width: 100%;
}
.borderBox h4 span.blueColor {
    font-weight: 600;
}
.textDiv {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.textDiv h3 {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
}
.textDiv p {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    line-height: 20px;
}
.textDiv p a {
    color: #1f3d74;
}
.shareDetails {
    display: inline-block;
    width: 100%;
}
.shareDetails h2 {
    display: inline-block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    color: #35498e;
    margin-bottom: 5px;
}
.shareDetails h3 {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #3c3c3c;
    font-weight: 600;
    line-height: 18px
}
.shareDetails p {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #888888;
    line-height: 18px;
}
.boxedDivWithInput button {
    text-transform: none;
}
.singleInputBox {
    padding: 15px 10px;
    padding-left: 36px;
    position: relative;
}
.singleInputBox input[type="checkbox"] {
    position: absolute;
    left: 10px;
    top: 14px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.singleInputBox h3 {
    font-size: 16px;
}
.singleInputBox img {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    object-fit: cover;
}
.singleInputBox .form-group {
    margin: 10px 0 0 !important;
    display: inline-block;
    position: relative;
    left: -30px;
    width: calc(100% + 30px);
}
.singleInputBox .form-control {
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    outline: none !important;
    font-size: 18px;
}
.singleInputBox .phoneNumber .form-control {
    background-color: #fff;
    padding-left: 65px !important;
}
.singleInputBox .phoneNumber select {
    left: 8px;
    border-right: 1px solid rgb(0 0 0 / 10%) !important;
    padding-right: 5px !important;
}
.withViewBtn {
    display: inline-flex;
    width: 100%;
}
.withViewBtn .customButton {
    padding: 5px 20px;
    margin-left: 8px;
}
.halfDivInputBox {
    float: left;
    display: inline-flex;
    margin: 0 -1%;
    min-width: 102%;
    flex-wrap: wrap;
}
.halfDivInputBox .singleInputBox {
    width: 48%;
    margin: 1%;
}
.inforDiv {
    position: absolute;
    top: 2px;
    right: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.inforDiv img {
    width: 30px;
    height: 30px;
    display: inline-block;
}
.halfDivInputBox .singleInputBox h3 {
    width: 100%;
}


.newCustomForm {
    display: inline-block;
    width: 100%;
}
.newCustomForm label {
    display: inline-block;
    width: 100%;
    margin: 0px;
    font-size: 15px;
    font-weight: 500;
}
.newCustomForm .form-group {
    margin-bottom: 10px;
}

.newCustomForm .form-control {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    background-color: #fff;
    font-size: 15px;
}
.uploadFileDiv {
    width: 70px;
    height: 70px;
    display: inline-block;
    position: relative;
}
.uploadFileDiv img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.uploadFileDiv input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    opacity: 0;
    z-index: 1;
}
.mainHeading {
    font-size: 18px;
    font-weight: 700;
    margin: 15px 0 5px;
    color: #35498e;
}
.privateInfoBox {
    border: 1px solid #d5d5d5;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    padding: 15px;
    display: inline-block;
    width: 100%;
}
.privateInfoBox h3 {
    font-size: 16px;
    font-weight: 600;
    color: #404040;
}
.privateInfoBox p {
    font-size: 15px;
    font-weight: 400;
    color: #555555;
}
.outlineBox {
    display: inline-block;
    width: 100%;
    border: 1px solid #d5d5d5;
    border-radius: 15px;
    text-align: center;
    padding: 10px;
}
.outlineBox h4 {
    font-size: 26px;
    font-weight: 600;
}
.privateInfoBox textarea {
    font-size: 15px;
    font-weight: 400;
    color: #555555;
    border-radius: 10px;
}

/************/
.topMenuSec {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.topMenuSec ul {
    display: flex;
    width: 100%;
    padding: 10px 0 5px;
}
.topMenuSec ul li {
    float: left;
    width: 100%;
}
.topMenuSec ul li a {
    display: inline-block;
    width: 100%;
    opacity: 0.6;
    filter: grayscale(100);
    -webkit-filter: grayscale(100);
    -moz-filter: grayscale(100);
}
.topMenuSec ul li a:hover,
.topMenuSec ul li a.active {
    opacity: 1;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
}
.topMenuSec ul li a img {
    display: inline-block;
    width: 100%;
    max-width: 25px;
}
.topMenuSec ul li a span {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    color: #35498e;
}

.topButtonGroup {
    display: inline-flex;
    width: 100%;
}

.topButtonGroup > a,
.topButtonGroup > button {
    display: inline-block;
    width: 100%;
    margin: 0 4px;
    padding: 5px 0px;
    background: #fff;
    color: #555555;
    border-radius: 50px;
    border: 1px solid #555555;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
}
.topButtonGroup > a.active,
.topButtonGroup > a:hover,
.topButtonGroup > button.active,
.topButtonGroup > button:hover {
    background: #35498e;
    color: #fff;
    border: 1px solid #35498e;
}
.borderRadius50 {
    border-radius: 50px !important;
}

.topButtonGroup > select {
    display: inline-block;
    width: calc(100% - 20px);
    margin: 0 4px;
    padding: 5px 10px;
    background: #fff;
    color: #555555;
    border-radius: 50px;
    border: 1px solid #555555;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    height: unset !important;
}
.topButtonGroup > select.fullWidthBtn {
    width: 100%;
}
.mainTabGroup {
    display: inline-flex;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.mainTabGroup a {
    display: inline-block;
    width: 100%;
    margin: 0 1px;
    padding: 5px 20px;
    background: #fff;
    color: #555555;
    border-radius: 8px 8px 0 0;
    border: 1px solid transparent;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
}

.mainTabGroup a:hover,
.mainTabGroup a.active {
    background: #35498e;
    color: #fff;
    border: 1px solid #35498e;
}





.groupNameDiv {
    display: inline-block;
    width: 100%;
}
.groupNameDiv h2 {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #35498e;
    font-weight: 600;
}
.groupNameDiv form {
    display: inline-block;
    width: 100%;
    margin-top: 100px;
}
.groupNameDiv .form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    padding-left: 0;
    padding-right: 0;
    background: transparent;
}
.groupNameDiv label {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    font-weight: 700;
}
.topSubHeader {
    display: inline-block;
    width: 100%;
    position: relative;
}
.topSubHeader h2 {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    float: left;
    line-height: 18px;
}
.topSubHeader.smallFontDiv h2 {
    font-size: 15px;
}
.topSubHeader p {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #888888;
    float: left;
}
.topSubHeader h3 {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: 15px;
    color: #202020;
}
.subHeadWithRightButton {
    padding-right: 145px;
    position: relative;
}
.subHeadWithRightButton .customButton {
    position: absolute;
    top: -6px;
    right: 0;
    font-size: 12px;
    padding: 5px 15px
}
.subHeadWithRightButton p {
    position: absolute;
    top: 0px;
    right: 0;
    width: auto;
}
.downLineRightText {
    display: inline-block;
    width: 100%;
    position: relative;
}
.downLineRightText input {
    padding-right: 95px;
}
.downLineRightText p {
    position: absolute;
    top: 5px;
    right: 15px;
    width: auto;
}
.customTable {
    display: inline-block;
    width: 100%;
}
.customTable.table-responsive td,
.customTable.table-responsive th {
    white-space: nowrap;
}
.customTable tr,
.customTable td,
.customTable th {
    border: none;
    font-size: 14px;
    padding: 8px;
}
.customTable tbody {
    width: 100%;
}
.customTable table {
    border: 1px solid rgba(0, 0, 0, 0.10)
}
.customTable table thead tr th {
    background: #35498e;
    color: #fff;
}
.customTable table tbody tr:nth-child(even) {
    background: #f2f2f2;
}
.customTable .withRightSideIcon .infoIconLink {
    top: -2px;
}
.customTable .alignMiddle th,
.customTable .alignMiddle td {
    vertical-align: middle !important;
}
.alignMiddle  label.customCheckBox {
    position: relative;
    top: 3px;
}
.alignMiddle .withRightSideIcon.fullWithDiv input + .infoIconLink {
    top: 1px;
}
.tableInputNew {
    padding: 2px 15px !important;
    margin: 0;
    font-size: 14px !important;
    min-width: 130px;
}
.bottomActionButtonNew {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
.bottomActionButtonNew ul {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.bottomActionButtonNew ul li {
    display: inline-block;
}
.bottomActionButtonNew ul li a {
    display: inline-flex;
    width: 34px;
    height: 34px;
    background: #354a8f;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 13px;
}
.tableEditDeleteBtn {
    display: inline-flex;
    width: 100%;
    justify-content: space-around;
}
.tableEditDeleteBtn .customButton {
    background: #202020;
    min-width: 45%;
    text-align: center;
}
.borderRadius15 {
    border-radius: 15px !important;
    overflow: hidden;
}
.borderRadius10 {
    border-radius: 10px;
    overflow: hidden;
}
.tableLink {
    color: #35498e;
    font-weight: 600;
}




.invitedCodeDiv {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 100px;
}
.invitedCodeDiv img {
    display: inline-block;
    width: 60%;
    margin-bottom: 20px;
}
.invitedCodeDiv h2 {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
}
.invitedCodeDiv h2 span {
    display: inline-block;
    width: 100%;
    color: #35498e;
}

.invitedCodeDiv p {
    display: inline-block;
    width: 100%;
    max-width: 220px;
    font-size: 17px;
    line-height: 22px;
    margin-top: 15px;
}
.boxedDiv .fullWidthBtn {
    display: inline-block;
}

.boxedDiv .fullWidthBtn p {
    float: left;
    width: 50% !important;
    color: #202020;
}
.boxedDiv .fullWidthBtn .customButton {
    float: right;
    max-width: 50% !important;
    font-size: 8px;
    padding: 5px 12px;
    text-align: center;
    margin-top: -3px;
}
.wantedListWithPrice {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}
.wantedListWithPrice .boxedDiv {
    position: relative;
}
.wantedListWithPrice .boxedDiv h3 {
    width: calc(100% - 125px);
}
.wantedListWithPrice .boxedDiv p {
    width: 125px;
}
.cutOption {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 30px;
    color: #202020;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08)
}
.withRightButton .addButon {
    min-width: 31px;
    padding: 0px;
    display: inline-block;
}
.withRightButton .addButon a {
    display: inline-block;
}
.flexDivCOntent {
    display: inline-flex;
    width: 100%;
    justify-content: space-around;
}
.flexedButton {
    display: inline-flex;
    width: 100%;
}
.flexedButton .customButton {
    font-size: 12px;
    text-transform: unset;
    padding: 2px 15px;
    text-align: center;
    background: transparent;
    color: #35498e !important;
    min-width: 20%;
    margin-right: 10px;
}
.flexedButton .customButton.active {
    background: #35498e;
    color: #fff !important;
}
.requirmentDetail {
    display: inline-block;
    width: 100%;
}
.requirmentDetail h3 {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #3c3c3c;
    font-weight: 500;
}
.requirmentDetail p {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: #3c3c3c;
    word-break: break-all;
}


.matchRange {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    font-size: 15px;
    display: inline-block;
    width: 100%;
    padding: 8px 15px;
}
.matchRange label {
    padding-right: 80px;
    position: relative;
}
.matchRange label input {
    width: 70px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 15px;
}
.singleInputBox.boxedDiv h6 {
    font-size: 14px;
}
.statusRound {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50px;
}
.statusRound.active {
    background: #00d924;
}
.statusRound.unactive {
    background: #f31010;
}


.uniqueLinkDiv {
    padding-right: 40px;
    position: relative;
}
.uniqueLinkDiv .actionButtonNew {
    position: absolute;
    display: inline-flex;
    top: 0;
    right: 0;
}
.uniqueLinkDiv > a {
    font-size: 16px;
    color: #35498e;
    font-weight: 500;
}
.uniqueLinkDiv .actionButtonNew a {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-right: 2px;
}
.textBox {
    display: inline-block;
    width: 100%;
}
.textBox p {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    color: #4e4e4e;
    line-height: 18px;
}
.textBox p a {
    color: #35498e;
}
.textBox h5 {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    color: #4e4e4e;
}
.commissionDiv {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    padding: 15px 10px;
    border-radius: 15px;
    text-align: center;
}

.commissionDiv p {
    font-size: 13px;
    font-weight: 500;
}
.commissionDiv h2 {
    font-size: 30px;
    font-weight: 600;
    color: #35498e;
}
.commissionDiv h3 {
    font-size: 18px;
    font-weight: 600;
    color: #4d4d4d;
    margin-bottom: 10px;
}
.overridingDiv {
    display: inline-flex;
    width: 100%;
}

.overridingDiv {
    display: inline-flex;
    width: 100%;
}
.commissionInnerDiv {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 15px 5px;
    border-radius: 15px;
    text-align: center;
    width: 50%;
}
.commissionInnerDiv p {
    width: 100%;
    display: inline-block;
}
.friendsDiv {
    width: 50%;
    text-align: center !important;
    box-shadow: none !important;
    background: transparent !important;
}
.friendsDiv .commissionInnerDiv {
    width: 100%;
}
.fontSize19 {
    font-size: 19px !important;
}
.fullWidthBox {
    width: 100% !important;
}


.withRightSidePrice {
    padding-right: 55px;
    position: relative;
}
.withRightSidePrice h5 {
    float: left;
    width: 100%;
}
.withRightSidePrice .priceRm {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    background: #35498e;
    width: 50px;
    height: 100%;
    border-radius: 0 15px 15px 0;
}
.withRightSidePrice h6 {
    margin: auto;
    text-align: center;
    color: #fff;
    font-size: 13px;
}
.withRightSidePrice h6 span {
    display: inline-block;
    width: 100%;
}


.boxdCenterDetail {
    width: 100%;
    border: 1px solid #9e9e9e;
    padding: 15px 5px;
    border-radius: 15px;
    text-align: center;
    color: #202020;
}

.boxdCenterDetail p {
    font-size: 13px;
}

.boxdCenterDetail p.blueColor {
    font-size: 14px;
    font-weight: 600
}


.championColor {
    background-image: -moz-linear-gradient( 90deg, rgb(223,151,15) 0%, rgb(233,166,1) 46%, rgb(252,246,188) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(223,151,15) 0%, rgb(233,166,1) 46%, rgb(252,246,188) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(223,151,15) 0%, rgb(233,166,1) 46%, rgb(252,246,188) 100%);
}
.runnerUpColor {
    background-image: -moz-linear-gradient( 90deg, rgb(196,201,208) 0%, rgb(244,245,247) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(196,201,208) 0%, rgb(244,245,247) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(196,201,208) 0%, rgb(244,245,247) 100%);
}
.bronzeColor {
    background-image: -moz-linear-gradient( 90deg, rgb(185,54,33) 0%, rgb(239,211,163) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(185,54,33) 0%, rgb(239,211,163) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(185,54,33) 0%, rgb(239,211,163) 100%);
}
.bronzeColor p,
.championColor p {
    color: #fff !important;
}


.sliderMainDiv {
    display: inline-flex;
    width: 100%;
}
.sliderInnerDiv {
    display: inline-block;
    width: 50%;
    padding: 15px 0 0;
}
.sliderInnerDiv .item {
    display: inline-block;
    width: 100%;
}
.sliderImage {
    float: left;
    width: 100%;
    position: relative;
}
.placeholderImage {
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
    opacity: 0;
}
.mainImage {
    display: inline-block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 15px 15px 0 0;
}
.sliderInnerDiv h2 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
}
.sliderContent {
    float: left;
    width: 100%;
    padding: 10px;
    border-radius: 0 0 15px 15px;
    border: 1px solid #cecece;
}
.sliderContent h3 {
    display: inline-block;
    width: 100%;
    font-size: 15px;
}
.sliderContent h3 span {
    float: right;
}
.sliderInnerDiv .owl-dots {
    display: none;
}
.sliderInnerDiv .owl-nav button {
    position: absolute;
    top: 35%;
    width: 25px;
    height: 25px;
    background: #fff !important;
    border-radius: 5px;
    color: #202020 !important;
    z-index: 1;
}
.sliderInnerDiv .owl-nav button span {
    font-size: 20px !important;
    line-height: 24px;
}
.sliderInnerDiv .owl-nav button.owl-prev {
    left: 5px;
}
.sliderInnerDiv .owl-nav button.owl-next {
    right: 5px;
}
.greenColorBtn {
    background: #09c21b !important;
    border: 1px solid #09c21b !important;
}



.halfInnerDivNew {
    float: left;
    display: flex;
    width: 102%;
    margin: 0 -1%;
}
.halfInnerDivNew .halfDivInputBox {
    min-width: 48%;
    margin: 0 1%;
    padding: 10px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 10px;
    background: #fff;
}
.halfInnerDivNew .halfDivInputBox .singleInputBox {
    width: 100%;
    margin-bottom: 15px;
}

.halfInnerDivNew .fullWidthBtn {
    min-width: 48%;
    margin: 0 1%;
}



/*************/
.withRightSideIcon {
    padding-right: 40px;
    position: relative;
}
.infoBox {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -4px;
    right: 0;
    background: #35498e;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    padding-top: 8px;
    font-weight: bold;
}
.infoBox img {
    width: 12px;
    height: 12px;
}
.infoIconLink {
    width: 22px !important;
    height: 22px;
    position: absolute;
    top: -4px;
    border-radius: 50px !important;
    right: 0;
}
.infoIconLink img {
    width: 22px;
    height: 22px;
}
.viewButton {
    padding: 3px 17px;
    background: #35498e;
    color: #fff !important;
    font-size: 15px;
    border-radius: 14px;
    display: inline-block;
}
.customPopupDiv {
    padding: 0 !important;
}

.customPopupDiv .modal-dialog .modal-content {
    border-radius: 13px;
    position: relative;
}
.customPopupDiv .modal-dialog .modal-content .modal-body {
    padding: 50px 25px;
}
.customPopupDiv .modal-dialog .modal-content .close {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
}
.customPopupDiv p {
    font-size: 15px;
}

.subscriptionRouls {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
}
.subscriptionRouls h2 {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
}
.subscriptionRouls ul {
    display: inline-block;
    width: 100%;
    list-style: decimal !important;
    margin: 5px 0;
}
.subscriptionRouls ul li {
    display: inline-block;
    width: 100%;
    list-style: decimal !important;
    font-size: 15px;
    margin-bottom: 2px;
    position: relative;
    padding-left: 15px;
}
.subscriptionRouls ul li::after {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(../images/arrow-btn.png);
    background-position: center;
    background-size: 6px auto;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 0;
}
.subscriptionRouls h3 {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}

.iconGroupNewDiv {
    display: inline-flex;
    width: calc(100% + 10px);
    margin-left: -5px;
    flex-wrap: wrap;
}
.halfBoxDiv {
    width: calc(50% - 10px);
    margin: 0 5px;
    text-align: center;
    margin-bottom: 15px;
}
.halfBoxDiv a {
    display: inline-block;
    width: 100%;
}
.iconGroupIcon {
    display: inline-block;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    border:  1px solid rgba(0, 0, 0, 0.1);
}
.halfBoxDiv a strong {
    color: #202020;
    font-size: 16px;
    font-weight: 500;
}
.halfBoxDiv a strong span {
    float: left;
    width: 100%;
    line-height: 14px;
}
.persionDetailBox p {
    font-size: 16px;
    line-height: 18px;
    margin: 5px 0;
    display: inline-block;
    width: 100%;
}
.disabledBox {
    background: rgba(0, 0, 0, 0.06) !important;
}
.phoneNumberTag {
    padding-left: 130px !important;
}
.phoneNumberTag span {
    min-width: 130px;
}

.boxedInnerContentDiv {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}
.boxedInnerContentDiv p {
    width: auto !important;
}
.salePriceInputRight {
    position: relative;
}
.salePriceInputRight input {
    padding-right: 115px;
}
.salePriceInputRight span {
    font-size: 14px;
    position: absolute;
    top: 8px;
    right: 20px;
}
.form-control {
    padding: .375rem 20px;
    font-size: 15px;
    height: auto !important;
}
.form-group label {
    line-height: 15px;
    font-size: 15px;
    margin-bottom: 5px;
}


.mobileNumberVRC {
    display: inline-block;
    width: 100%;
    position: relative;
}
.mobileNumberVRC input {
    padding-left: 70px !important;
}

.widthCountryCodeList .select2 {
    max-width: 75px;
    font-size: 20px;
    position: absolute;
    top: 5px;
    margin: 0;
    left: 0;
    font-size: 13px;
}
.select2-container.select2-container--default.select2-container--open span.select2-dropdown {
    min-width: 250px;
    font-size: 14px;
}
.widthCountryCodeList .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    text-overflow: unset !important;
    font-size: 14px;
}
.mobileNumberVRC .select2 {
    max-width: 70px;
    position: absolute;
    top: 6px;
    margin: 0;
    left: 0;
    font-size: 13px;
    text-align: center;
}

.mobileNumberVRC .select2-container--default .select2-selection--single {
    border: none !important;
    background: transparent !important;
}
.mobileNumberVRC .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 21px;
}

.requirmentDetail p a {
    color: #35498e;
    word-break: normal;
}
.borderRadius20 {
    border-radius: 20px !important;
}

.fprgotPass {
    display: inline-block;
    width: 100%;
    text-align: right;
}
.fprgotPass a {
    font-size: 13px;
    color: #35498e;
}
.singleDemand > h5 {
    font-size: 14px;
}

.properrtyPortfolioBoexDiv {
    border:  1px solid rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    background: #fff;
    padding: 15px 10px;
}
.topButtonGroup .form-group {
    width: 50%;
    margin: 0 1%;
}

.boxWithRightDiv p {
    width: 100% !important;
}
.boxWithRightDiv {
    padding-right: 70px;
    position: relative;
}
.rightSideBoxContent {
    position: absolute;
    top: 0;
    padding: 10px;
    right: 0px;
    text-align: center;
}
.portfolioNewDetailsBoxes {
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap;
}
.pfndInnerBox {
    border-radius: 15px;
    text-align: center;
    width: calc(50% - 10px);
    margin: 5px 5px;
}
.pfndInnerBox h5 {
    text-align: left;
    font-size: 15px;
    margin-bottom: 5px;
}
.pfndInnerBorderBox {
    padding: 15px 5px;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.pfndInnerBox h2 {
    font-size: 20px;
    font-weight: 700;
}



/*************************/
.cutsomTopEditableHeader {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}

.customTopBtnList {
    display: inline-flex;
    width: calc(102%);
    margin-left: -1%;
}
.customTopBtnList .customButton {
    min-width: 17%;
    font-size: 10px;
    padding: 6px 2px;
    text-transform: none;
    margin: 0 0.5%;
}
.customTopBtnList .customButton:first-child {
    min-width: 28%;
}

.customSearchFilterDiv {
    display: inline-flex;
    width: 100%;
}
.customSearchFilterDiv .selectBox {
    width: calc(100% / 2 - 40px);
    margin-right: 5px;
}
.customSearchFilterDiv .searchBar {
    width: calc(100% / 2 - 40px);
    margin-left: 5px;
    margin-right: 5px;
}
.customSearchFilterDiv .selectBox select,
.customSearchFilterDiv .searchBar input {
    border:  1px solid rgba(0, 0, 0, 0.2) !important;
}
.searchRightButtons {
    width: 70px;
    display: inline-flex;
}
.searchRightButtons a {
    display: inline-block;
    width: 100%;
}
.searchRightButtons a img {
    display: inline-block;
    width: 100%;
}
.onlyFilterDiv.customSearchFilterDiv .selectBox {
    width: calc(100% - 40px);
}
.onlyFilterDiv.customSearchFilterDiv .searchRightButtons {
    width: 40px
}
.justifiedTextPopup p {
    text-align: justify;
}
.justifiedTextPopup .customPopupListNew {
    display: inline-block;
    width: 100%;
    margin-bottom: .5rem!important;
}
.justifiedTextPopup .customPopupListNew li {
    font-size: 16px;
    word-break: break-word;
    line-height: 21px;
    display: inline-block;
    width: 100%;
    padding-left: 22px;
    position: relative;
    text-align: left;
}
.justifiedTextPopup .customPopupListNew li::before {
    content: "•";
    position: absolute;
    top: 0px;
    left: 7px;
    font-weight: 700;
}
.justifiedTextPopup  ol {
    display: inline-block;
    width: 100%;
    text-align: left;
    counter-reset: my-sec-counter;
    margin: 0;
}
.justifiedTextPopup  ol li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 15px;
}
.justifiedTextPopup ol > li:last-child {
    margin: 0;
}
.justifiedTextPopup ol > li::before {
  /* Increment "my-sec-counter" by 1 */
  counter-increment: my-sec-counter;
  content: counter(my-sec-counter);
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 600;
}
.width700 .modal-dialog {
    max-width: 700px;
}
.withBtnSecondHeading {
    position: relative;
    display: inline-flex;
    justify-content: center;
}
.withBtnSecondHeading h2 {
    width: calc(100% - 40px);
    min-height: 25px;
}
.backButonNew {
    width: 20px;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
}
.backButonNew img {
    width: 10px;
    margin-top: 1px;
}
.topUpButonNew {
    background: #1f3d74;
    padding: 3px 13px;
    position: absolute;
    top: -3px;
    right: 0;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 8px;
}
.withBtnSecondHeading .addButon {
    margin-top: -4px;
    left: auto;
    right: 0;
    width: auto;
}
.fullWithDiv {
    display: inline-block;
    width: 100% !important;
}
.votedMainDiv {
    display: inline-flex;
    width: 100%;
}
.votedMainDiv p {
    width: 33%;
}

.galleryNewSlider .owl-nav {
    display: none !important;
}
.galleryNewSlider .owl-dots {
    display: inline-block !important;
    width: 100%;
    text-align: center;
}
.galleryNewSlider .owl-dots button {
    width: 8px;
    height: 8px;
    background: #c5c5c5;
    border-radius: 50px;
    margin: 0 4px;
}
.galleryNewSlider .owl-dots button.active {
    background: #35498e;
}
.newCustomForm .table-striped tbody tr:nth-of-type(odd) {
    background: transparent;
}

.redBtn {
    background: #e13232 !important;
    border: 1px solid #e13232 !important;
}
.uploadFileBigNew {
    width: 100px;
    height: 100px;
}
.width50 {
    width: 50% !important;
}

.sucessListBR .widthNameBR {
    width: calc(100% - 90px);
}
.sucessListBR .width42PX {
    width: 90px;
    text-align: right !important;
    justify-content: right;
}


/*****************************/
.topInofoButotnList {
    display: inline-flex;
    width: calc(100% + 14px);
    margin-left: -7px;
}
.innerInfoButon {
    display: inline-block;
    width: calc(100% / 5);
    margin: 0 2px;
    border:  1px solid rgba(0, 0, 0, 0.3);
    padding: 6px 1px 8px;
    text-align: center;
    border-radius: 5px;
    font-size: 10px;
    color: #494949 !important;
}
.innerInfoButon span {
    display: inline-block;
    width: 100%;
}
.innerInfoButon strong {
    display: inline-block;
    width: 100%;
    font-size: 14px;
}
.innerInfoButon.active,
.innerInfoButon:hover {
    background: #35498e;
    color: #fff !important;
}




/********************/
.width42PX {
    width: 50px;
}
.width70PX {
    width: 70px;
}
.widthNameBR {
    width: calc(100% - 120px);
}
.buyRentListMainDIv {
    display: inline-block;
    width: 100%;
}
.buyRentHeading {
    display: inline-flex;
    width: 100%;
    padding: 0 5px;
    margin-bottom: 5px;
}
.buyRentHeading h5 {
    font-size: 12px;
}
.buyRentInnerDiv {
    display: inline-flex;
    width: 100%;
    border:  1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
}
.buyRentInnerDiv:hover,
.buyRentInnerDiv.active {
    border:  1px solid #35498e;
}
.buyRentInnerDiv p {
    font-size: 12px;
    float: left;
    width: 100%;
}
.actionBuutonBR {
    display: inline-block;
}
.actionBuutonBR img {
    display: inline-block;
    width: 15px;
}
.newCustomForm .phoneNumber select {
    top: 8px;
    left: 13px;
}
.customRadioBtn {
    display: inline-block;
    width: 100%;
}
.singleRadioBtn {
    float: left;
    width: calc(50% - 5px);
    position: relative;
}
.mL10 {
    margin-left: 10px;
}
.singleRadioBtn input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.singleRadioBtn label {
    border:  1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 10px 15px;
    margin: 0px;
    font-size: 13px;
}
.singleRadioBtn label span {
    position: absolute;
    right: 11px;
    top: 11px;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50px;
}
.singleRadioBtn label span::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50px;
}
.singleRadioBtn input:checked ~ label span::after {
    background: #35498e;
}
.singleRadioBtn input:checked ~ label {
    background: #e9f1ff;
    border: 1px solid #35498e;
}
.singleRadioBtn.width100 {
    width: 100%;
}
.mBtm15 {
    margin-bottom: 15px;
}
.peNone {
    pointer-events: none;
}
.cPointer {
    cursor: pointer;
}
.inputWithRightIcon {
    display: inline-block;
    width: 100%;
    position: relative;
}
.inputWithRightIcon input {
    padding-right: 40px;
}
.inputWithRightIcon a {
    position: absolute;
    top: 5px;
    right: 5px;
}
.inputWithRightIcon a img {
    width: 26px;
}
.detailInfoDiv {
    display: inline-block;
    width: 100%;
}
.singleInfoDiv {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.singleInfoDiv p {
    color: #494949;
    font-size: 14px;
    line-height: 17px;
}
.buttonGroupAPS {
    display: inline-flex;
    width: 100%;
}
.buttonAPS {
  border: 1px solid rgb(93, 93, 93);
  border-radius: 50px;
  padding: 5px;
  font-size: 12px;
  text-align: center;
  color: rgb(93, 93, 93);
}
.buttonAPS.active,
.buttonAPS:hover {
    background: #35498e;
    border: 1px solid #35498e;
    color: #fff;

}

.badLeed {
    width: 25%;
}
.callAgent {
    width: 25%;
    margin: 0 1% ;
}
.apFixed {
    width: 46%;
}

.withActionBtn {
    padding-right: 70px;
    position: relative;
}
.actionBtnDetail {
    position: absolute;
    top: 0;
    right: 0;
}
.actionBtnDetail a {
    width: 30px;
    display: inline-block;
    margin-left: 3px;
}

.withEditBtn {
    padding-right: 20px;
    position: relative;
}
.editResult {
    position: absolute;
    display: inline-block;
    width: 18px;
    top: 5px;
    right: 0;
}
.appointmentListBR .widthNameBR {
    width: calc(100% - 150px);
}
.appointmentListBR .width42PX {
    width: 80px;
}
.blueColorBtn {
    background: #35498e !important;
    border: 1px solid #35498e !important;
    color: #fff !important;
    border-radius: 50px;
    padding: 5px;
    font-size: 12px;
    text-align: center;
}
.redColorBtn {
    background-color: #ed473b !important;
    color: #fff;
    border-color: #ed473b !important;
}

.borderBoxDiv {
    width: 100%;
    border-radius: 15px;
    border:  1px solid rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin-bottom: 10px;
    float: left;
    background: #fff;
}
.width35 {
    width: 35%;
}
.width46 {
    width: 46%;
    margin-right: 2% !important;
}
.width46 .customCheckBox {
    padding-left: 24px;
}
.width65 {
    width: 65%;
}
.width100Inline {
    display: inline-block;
    width: 100%;
}

/**********************/
.stepMainDiv {
    display: inline-block;
    width: 100%;
}
.stepHeading {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 10px;
}
.stepMainDiv .borderBoxDiv {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    padding: 8px 10px;
    align-items: center;
    border-color: #35498e !important;
}
.stepMainDiv p {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}
.setUpBtn {
    border-radius: 5px;
    background: #35498e;
    border: 1px solid #35498e;
    color: #fff !important;
    padding: 2px 10px;
    font-size: 12px;
    text-align: center;
    height: 25px;
    min-width: 70px;
}


.selectProjectDiv {
    display: inline-block;
    width: 100%;
}
.singleProjectDiv {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}
.singleProjectDiv input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}
.singleProjectDiv p {
    display: inline-block;
    width: 100%;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 8px 15px;
    color: #494949;
}
.singleProjectDiv input:checked ~ p {
    border: 1px solid #35498e;
    color: #35498e;
}

.boxedFlexedDiv {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 15px;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.boxedFlexedDiv p,
.boxedFlexedDiv h3 {
    display: inline-flex;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #404040;
}
.boxedFlexedDiv p span,
.boxedFlexedDiv h3 span {
    display: inline-block;
    min-width: 50%;
}
.borderNone {
    border: none;
}

.subsaleMainDiv {
    display: inline-block;
    width: 100%;
}
.subsaleMainDiv h2 {
    font-size: 15px;
    font-weight: 600;
    color: #202020;
    display: inline-block;
    width: 100%;
}
.subsaleMainDiv h3 {
    font-size: 15px;
    font-weight: 500;
    color: #494949;
    display: inline-block;
    width: 100%;
}
.autoWidthList {
    display: inline-block;
    width: 100%;
}
.autoWidthList li {
    display: inline-block;
    margin-right: 10px;
}
.autoWidthList li:last-chisd {
    margin-right: 0px;
}
.customCheckBox {
    display: inline-flex !important;
    position: relative;
    padding-left: 25px !important;
    min-height: 25px;
    align-items: center;
    font-size: 14px;
}
.customCheckBox input {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.customCheckBox .checkBoxSpan {
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 2px;
}
.customCheckBox input:checked ~ .checkBoxSpan {
    border: 1px solid #35498e;
}
.customCheckBox input:checked ~ .checkBoxSpan::after {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    background: #35498e;
    content: "";
    border-radius: 5px;
}
.smallTextHeading .rightSideBtnGrou img {
    width: 24px;
}
.smallTextHeading.withBtnSecondHeading .rightSideBtnGrou a + a {
    margin-left: 2px;
}
.smallTextHeading.withBtnSecondHeading .rightSideBtnGrou {
    right: -5px;
}
.smallTextHeading.withBtnSecondHeading h2 {
    font-size: 15px;
    width: calc(100% - 84px);
}


.overridingCheckboxDiv {
    display: inline-flex;
    justify-content: space-between;
}
.overridingCheckboxDiv li:last-child {
    margin-right: 0;
}
.overridingCheckboxDiv .withRightSideIcon {
    padding-right: 20px;
    margin-right: 6px;
}
.overridingCheckboxDiv .withRightSideIcon .customCheckBox {
    padding-left: 20px;
    font-size: 13px;
}
.overridingCheckboxDiv .customCheckBox .checkBoxSpan {
    width: 17px;
    height: 17px;
    top: 3px;
}
.overridingCheckboxDiv .customCheckBox input:checked ~ .checkBoxSpan::after {
    top: 4px;
    left: 4px;
    width: 7px;
    height: 7px;
}
.overridingCheckboxDiv .infoIconLink img {
    width: 19px;
    height: 19px;
}
.overridingCheckboxDiv .infoIconLink {
    width: 19px;
    height: 19px;
    top: 2px;
    right: -3px;
}
.font-weight-500 {
    font-weight: 500;
}
.uploadFileDiv {
    display: inline-flex;
    width: 100%;
    position: relative;
    justify-content: center;
    align-items: center;
    min-height: 250px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1)
}
.uploadFileDiv input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.uploadFileDiv img {
    display: inline-block;
    width: auto;
    height: auto;
}

.customTable .addressSpan {
    display: inline-block;
    min-width: 200px;
    white-space: normal;
}
.tableButtonGroup {
    display: inline-block;
    width: 100%;
}
.tableButtonGroup .tableBtn {
    display: inline-block;
    border-radius: 5px;
    background: #35498e;
    border: none;
    padding: 8px;
}
.tableButtonGroup .tableBtn img {
    width: 13px;
    float: left;
}





/*** wireframe 3**/
.tableWithFilter {
    float: left;
    width: auto;
}
.filterTableOption {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.maxWidth650 {
    width: 450px;
}
.withIbuttonRight {
    padding-right: 45px;
    position: relative;
}
.iTagBtn {
    position: absolute;
    top: 3px;
    right: 0;
    width: 30px;
    height: 30px;
    display: inline-block !important;
}
.iTagBtn img {
    width: 100%;
}
.filterOption {
    background-color: transparent !important;
    color: #202020 !important;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}
.filterOption img {
    width: 15px;
    height: 15px;
    margin-left: 15px;
}
a.orButton {
    padding: 5px 20px;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 12px;
    color: #787878;
    font-weight: 500;
}
.topButtonGroupNew .withRightSideIcon .infoIconLink {
    width: 30px !important;
    height: 30px;
    top: 0;
}
.topButtonGroupNew .withRightSideIcon .infoIconLink img {
    width: 30px;
    height: 30px
}
.smallTextTD {
    line-height: 15px;
}
.boxDivFlxSpcBtwn {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}
.boxDivFlxSpcBtwn .autoWidthList {
    width: 24px;
    height: 24px;
}
.boxDivFlxSpcBtwn p {
    font-size: 14px;
    font-weight: 500;
}
.boxWithInfoIcon {
    display: inline-block;
    width: 100%;
}

.boxWithInfoIcon .infoIconLink {
    width: 32px !important;
    height: 32px;
    top: 0;
}
.boxWithInfoIcon .infoIconLink img {
    width: 32px;
    height: 32px
}
.form-group.fullWidthBox {
    display: inline-block;
    margin-bottom: 5px;
}
.pdfDivMain {
    width: 1000px;
    height: 1415px;
    border: 1px solid rgba(0,0,0,.1);
    font-size: 14px;
    line-height: 18px;
    background: #fff;
}
.pdfHeader {
    display: inline-block;
    width: 100%;
    min-height: 200px;
}
.pdfHeader img {
    display: inline-block;
    width: 100%;
}
.topHeaderLine {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.topHeaderLine span {
    display: inline-block;
    width: 800px;
    height: 2px;
    border-radius: 2px;
    background-color: rgb(3 70 105);
    margin-bottom: 10px;
}

.pdfBodyDiv {
    padding: 0 20px;
    display: inline-block;
    width: 100%;
    padding-bottom: 0;
    position: relative;
    min-height: calc(100% - 265px);
}
.pdfBodyDiv p b,
.pdfBodyDiv p strong,
.pdfBodyDiv th {
    font-size: 1em;
    font-weight: 700;
    font-family: 'Noto Serif HK', serif;
}
.pdfBodyDiv td,
.pdfBodyDiv p span,
.pdfBodyDiv p {
    font-size: 1em;
    font-weight: 500;
    font-family: 'Noto Serif HK', serif;
}
.mainFullDiv {
    display: inline-flex;
    min-width: 100%;
    margin: 0 -0.5em;
}
.halfPdfDiv {
    width: 50%;
    padding: 0 0.5em;
}
.width70per {
    width: 70%;
}
.width30per {
    width: 30%;
}
.width60per {
    width: 60% !important;
}
.width40per {
    width: 40%;
}
.fontSize13 {
    font-size: 13px;
}
.contentWithHead {
    display: inline-flex;
    width: 100%;
    margin-bottom: 0.5em;
}
.contentWithHead p:first-child {
    min-width: 105px;
    width: 105px;
    position: relative;
    padding-right: 8px;
}
.contentWithHead p:first-child::after {
    content: ":";
    position: absolute;
    top: 0;
    right: 5px;
}
.noDots::after {
    display: none !important;
}
.tableDIv {
    display: inline-block;
    width: 100%;
}
.tableDIv table {
    width: 100%;
}
.customTable.table-responsive .tableDIv td, .customTable.table-responsive .tableDIv th {
    white-space: unset;
    vertical-align: top;
    padding: 5px 5px;
}
.pdfTotalValue {
    display: inline-block;
    width: 100%;
}
.totalValueInnerDiv {
    width: 500px;
    display: inline-block;
}
.totalValueInnerDiv .contentWithHead {
    margin-bottom: 2px;
}
.totalValueInnerDiv .contentWithHead p:first-child {
    min-width: 250px;
    width: 250px;
    text-align: left;
    padding-right: 0;
}
.totalValueInnerDiv .contentWithHead p:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    width: 100%;
    padding-right: 20px;
}
.totalValueInnerDiv .contentWithHead p:first-child::after {
    content: "";
}
.pdfFooter {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    bottom: 50px;
    left: 0;
    padding: 0 5em;
}
.pdfFooter p {
    display: inline-block;
    min-width: 200px;
    border-top: 1px solid rgb(0 0 0 / 40%);
}
.pdfFooter p i {
    color: #aaaaaa;
}
.pdfBottomButtons {
    display: inline-block;
    width: 100%;
}
.noBorder {
    border: none !important
}
.width28 {
    width: 28px !important;
}
.width28 img {
    width: 28px !important;
    height: auto;
}
.bottom10 {
    bottom: -20px;
}
.minWidth200Px {
    min-width: 200px !important;
    width: 200px !important;
}
.minWidth80 {
    min-width: 80px !important;
    padding: 0 12px;
    height: 20px;
}
.minWidth100Px {
    min-width: 100px !important;
    width: 100px !important;

}
.minWidth140Px {
    min-width: 140px !important;
    width: 140px !important;
}
.minWidth120Px {
    min-width: 120px !important;
    width: 120px !important;
}
.minWidth110Px {
    min-width: 110px !important;
    width: 110px !important;
}
.minWidth115Px {
    min-width: 115px !important;
    width: 115px !important;
}
.minWidth86Px {
    min-width: 86px !important;
    width: 86px !important;
    line-height: 15px;
}
.minWidth115Px.withRightSideIcon {
    padding-right: 20px;
}
.maxWidth400px {
    min-width: 400px !important;
    width: 400px !important;
}
.topBorder {
    border-top: 1px solid rgb(0 0 0 / 10%);
}
.bottomBorderNone {
    border-bottom: none !important;
}
.pdfWidth {
    width: 1000px;
}






.devidedInputLable {
    display: inline-flex;
    width: 100%;
}
.devidedInputLable > label {
    display: inline-block;
    min-width: 250px;
}
.devidedInputLable label {
    font-size: 11px;
}
.devidedInputLable p {
    font-size: 11px;
    min-width: 50px;
}
.devidedInputLable > span {
    font-size: 11px;
    min-width: 50px;
}

.devidedInputLable textarea,
.devidedInputLable input {
    font-size: 11px;
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
    min-width: 75%;
}
.innerFullDetail {
    display: inline-flex;
    width: 100%;
}
.innerFullDetail span {
    display: inline-flex;
    width: 100%;
    font-size: 11px;
}
.innerFullDetail span textarea {
    width: calc(100% - 80px);
    display: inline-block;
    margin-left: 10px;
}
.innerFullDetail span input {
    width: calc(100% - 80px);
    display: inline-block;
    margin-left: 10px;
    height: 18px;
}
.rightPanel {
    display: inline-block;
    width: 100%;
}
.tabelWithInputNew input  {
    font-size: 11px;
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
    min-width: 75%;
    background: transparent;
}
.tabelWithInputNew textarea {
    font-size: 11px;
    border: none !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    min-width: 75%;
    background: transparent;
    border-radius: 5px;
    width: 100%;
    padding: 5px 10px;
}
.width48per {
    width: 50% !important;
}
.topButtonGroup.autoWidthBtn {
    display: inline;
}
.autoWidthBtn .blueColorBtn {
    width: auto !important;
    padding: 5px 15px;
    min-width: 150px;
}


.customResponsiveTableScroll {
    /* transform: rotateX(180deg); */
    height: calc(100vh - 170px);
    overflow: auto !important;
}
.customResponsiveTableScroll .tableWithFilter {
    /* transform: rotateX(180deg); */
}
.customResponsiveTableScroll table {
    position: relative;
}
.customResponsiveTableScroll table thead th {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 2;
    border: 1px solid rgb(76 92 147) !important;
    z-index: 3;
  }
.customResponsiveTableScroll table td {
    border: 1px solid rgba(0,0,0,0.08) !important;
}
.hideThis {
    display: none !important;
}
.customPopupTable tr th, .customPopupTable tr td {
    padding: 5px 10px;
}
.customPopupTable tr label {
    margin: 0px !important;
}



.customTableNew {
    display: inline-block;
    width: 100%;
}
.customTableNew td,
.customTableNew th {
    white-space: nowrap;
    border: none;
    font-size: 14px;
    padding: 8px;
}
/* .customTableNew tr,
.customTableNew td,
.customTableNew th {
    border: none;
    font-size: 14px;
    padding: 8px;
} */
.customTableNew tbody {
    width: 100%;
}
.customTableNew table {
    border: 1px solid rgba(0, 0, 0, 0.10)
}
.customTableNew table thead tr th {
    background-color: #35498e !important;
    color: #fff !important;
}
.customTableNew table tbody tr:nth-child(even) {
    background-color: #f2f2f2 !important;
}
.customTableNew .withRightSideIcon .infoIconLink {
    top: -2px;
}
.customTableNew .alignMiddle th,
.customTableNew .alignMiddle td {
    vertical-align: middle !important;
}




.claimFormNew .devidedInputLable label {
    font-size: 14px;
    line-height: 18px;
}
.claimFormNew .devidedInputLable > label {
    min-width: 300px;
}
.claimFormNew .devidedInputLable textarea,
.claimFormNew .devidedInputLable > span,
.claimFormNew .devidedInputLable input,
.claimFormNew .innerFullDetail span,
.claimFormNew .devidedInputLable p {
    font-size: 14px;
    line-height: 18px;
}
.claimFormNew .minWidth120Px {
    min-width: 135px !important;
    width: 135px !important;
}
.claimFormNew .minWidth120Px.withRightSideIcon {
    padding-right: 24px;
}
.claimFormNew .smallButton {
    font-size: 10px;
    height: 20px;
}
.customSelectBoxMove {
    display: inline-block;
    width: auto;
    padding-right: 35px;
}
.newCustomForm table.table-striped tbody tr.visible-oddrow,.newCustomForm table.table-striped tbody tr.visible-oddrow td:first-child{
    background-color: white!important;
}
.customTableNew table.table-striped tbody tr.visible-evenrow,.customTableNew table.table-striped tbody tr.visible-evenrow td:first-child{
    background-color: #f2f2f2 !important;
}
.customTableNew table.table-striped tbody tr.selected.visible-evenrow td,
.customTableNew table.table-striped tbody tr.selected.visible-evenrow td:first-child {
    background-color: #ffffd8!important;
}
.newCustomForm .table-striped tbody tr.selected:nth-of-type(even),.newCustomForm .table-striped tbody tr.selected:nth-of-type(even) td:first-child {
    background-color: #e7e7b6!important;
}
.newCustomForm table.table-striped tbody tr.visible-oddrow.selected,.newCustomForm table.table-striped tbody tr.visible-oddrow.selected td:first-child{
    background-color: #ffffd8 !important;
}
img.cancelledIcon {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 320px;
    transform: translate(-50%, -50%);
    opacity: 0.8;
}
a.massPayoutBtn {
    position: absolute;
    top: -7px;
    left: 41px;
    background: #fff;
    padding: 5px 28px;
    color: #202020;
    font-size: 15px;
    font-weight: 500;
    border-radius: 25px;
}
.percentageOrAmount {
    display: inline-flex;
    width: 100%;
}
.deleteRowBtnNew {
    background: #e13232 !important;
    border: 1px solid #e13232 !important;
    padding: 0;
    width: 25px;
    height: 25px;
    font-size: 22px;
    border-radius: 50px;
    line-height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
}
#massScheme .modal-dialog {
    max-width: 1300px;
 }
span.withRightSideIcon.customRightSideIcon a {
    background-image: url(https://listingmine.com/newapp/mobile/images/top-i-icon.png);
    background-size: contain;
    background-position: center;
    top: -1px;
    background-repeat: no-repeat;
    width: 25px !important;
    height: 25px !important;
}




@media only screen and (min-width: 375px) {
    .buttonAPS {
        font-size: 13px;
    }
    .widthNameBR {
        width: calc(100% - 130px);
    }
    .width70PX {
        width: 76px;
    }
    .width42PX {
        width: 54px;
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .width42PX span {
        font-size: 12px;
    }
    .width42PX .actionBuutonBR {
        margin-left: 3px;
        margin-top: 2px;
    }
}
@media only screen and (max-width: 460px) {
    .commissionDiv .threeSection h2 {
        font-size: 20px;
    }
    .commissionDiv .threeSection  p {
        font-size: 12px;
    }
    .threeSection .viewButton {
        padding: 3px 10px;
        font-size: 12px;
    }
    .commissionDiv h2 {
        font-size: 21px;
    }
    .viewButton {
        padding: 2px 16px;
        font-size: 13px;
    }
    .maxWidth650 {
        width: 320px;
    }
}


@media only screen and (max-width: 370px) {
    .customTable tr, .customTable td, .customTable th {
        padding: 8px 5px;
        font-size: 12px;
    }
    .commissionDiv .threeSection h2 {
        font-size: 15px;
    }
    .commissionDiv .threeSection  p {
        font-size: 10px;
    }
    .threeSection .viewButton {
        padding: 3px 10px;
        font-size: 11px;
    }
    .singleDemand .boxedDiv p {
        font-size: 10px;
    }
    .halfBoxDiv a strong {
        font-size: 14px;
    }
}

@media only screen and (max-width: 361px) {
    .overridingCheckboxDiv .withRightSideIcon .customCheckBox {
        padding-left: 20px;
        font-size: 10px;
    }
    .overridingCheckboxDiv .infoIconLink {
        top: 4px;
    }
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
@media(max-width: 768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}
* {
      -webkit-print-color-adjust: exact !important;
  color-adjust: exact !important;
  print-color-adjust: exact !important;
}
/*
.showOnlyPrint{
    visibility:hidden;
}

@media print {
    body * {
      visibility: hidden;
    }
    .pdfDivMain * {
      visibility: visible;
    }
    .pdfDivMain {
      position: absolute;
      left: 0;
      top: 0;
      width: 620px;
    }
    .hiddenPrint{
        visibility: hidden;
    }
    .hiddenPrint *{
        visibility: hidden;
    }
    .showOnlyPrint *{
        visibility: visible;
    }

    .claimFormNew .devidedInputLable label {
        font-size: 20px;
    }
    .claimFormNew .devidedInputLable textarea, .claimFormNew .devidedInputLable > span, .claimFormNew .devidedInputLable input, .claimFormNew .innerFullDetail span, .claimFormNew .devidedInputLable p {
        font-size: 20px;
    }
    .claimFormNew .smallButton {
        font-size: 14px;
        height: 24px;
    }

    .claimFormNew .innerFullDetail span{
        font-size: 14px;
        line-height: 26px;
    }

    .claimFormNew .receipUserListWrapper{
        font-size: 20px;
        text-align: right;
    }
}

.p-l-10-px{
    padding-left:10px;
}

.form-group-flex-wrapper{
    display:flex
}

.form-group-flex-wrapper .form-group{
    flex: 1;
}


.singlePercentageDiv > span.actionButtons {
    display: inline-flex;
    width: 110px;
    margin: 0;
}

.percentageMainDiv {
    display: inline-block;
    width: 100%;
}

.singlePercentageDiv {
    display: inline-flex;
    width: 100%;
    margin-bottom: 15px;
}

.singlePercentageDiv > span.actionButtons a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 10px;
}

.singlePercentageDiv span.actionButtons a img {
    display: inline-block;
    width: 100%;
}

*/