* {
    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;
    overflow-x: hidden;
}
::-moz-selection { background: #305fb7; color: #fff;}
::selection { background: #305fb7; color: #fff;}




.container {
    max-width: 650px;
}
a.customButton.setopSmallBtn {
    padding: 3px 30px;
    font-size: 11px;
    text-transform: none;
}
.customButton {
    display: inline-block;
    padding: 5px 30px;
    background: #193b75;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 50px;
    border: 1px solid #193b75;
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
}
.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: #193b75;
    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: #193b75;
    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: #203d74;
    padding: 10px 0;
    text-align: center;
    display: inline-block;
    width: 100%;
    box-shadow: 5px 4px 2px 1px rgba(0, 0, 0, 0.16);
    position: fixed;
    top: 0;
}
.topHeaderHeading {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
}
.topHeaderHeading h1 {
    font-size: 18px;
    color: #fff;
    width: calc(100% - 85px);
    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;
    width: 30px;
    padding: 8px 8px 4px;
    border:  1px solid #fff;
}


/********/
.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: #193b75;
}
.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: transparent;
}
.form-group{
    min-height: 55px;
}
.loginSignUpForm form .form-group a {
    font-size: 12px;
    float: right;
    color: #193b75;
}
.phoneNumber {
    position: relative;
}
.phoneNumber .form-control {
    padding-left: 150px !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: #193b75;
}
.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%;
    margin-bottom: -10px;
    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-bottom: 60px;
    margin-top: 15px;
}
.listHeader {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    margin-left: -6px;
}
.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;
    cursor: pointer;
}
.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: 3;
}
.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: 12px;
    color: #193b75;
}
.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: #193b75;
}
.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: #193b75 !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: 15px 15px;
    display: inline-block;
    width: 100%;
    margin-bottom: 100px !important;
}
.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;
}

.persionDetailBox button.width50 {
    width: 47%;
    padding: 5px 5px;
    margin: 0 1%;
    text-align: center;
    font-size: 14px;
}
.persionDetailBox .customButton.fullWidthBtn + .customButton.fullWidthBtn {
    margin-left: 5px;
}
.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: #193b75;
    font-weight: 700;
}
.borderBox {
    border: 1px solid rgb(213, 213, 213);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}
.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.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;
}
.shareDetails {
    display: inline-block;
    width: 100%;
}
.shareDetails h2 {
    display: inline-block;
    width: 100%;
    font-size: 22px;
    font-weight: 600;
    color: #203d74;
    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: 14px;
    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;
}
.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%;
    height: 100%;
    opacity: 0;
}
.mainHeading {
    font-size: 18px;
    font-weight: 700;
    margin: 15px 0 5px;
    color: #203d74;
}
.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;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

/************/
.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: #193b75;
}

.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: #193b75;
    color: #fff;
    border: 1px solid #193b75;
}
.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: #193b75;
    color: #fff;
    border: 1px solid #193b75;
}





.groupNameDiv {
    display: inline-block;
    width: 100%;
}
.groupNameDiv h2 {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #193b75;
    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;
}
.topSubHeader p {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #888888;
    float: left;
}
.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;
}
.customTable {
    display: inline-block;
    width: 100%;
}
.customTable tr,
.customTable td,
.customTable th {
    border: none;
    font-size: 14px;
}
.customTable table {
    border: 1px solid rgba(0, 0, 0, 0.10)
}
.customTable table thead tr {
    background: #193b75;
    color: #fff;
}
.customTable table tbody tr:nth-child(even) {
    background: #f2f2f2;
}

.customTable table tbody tr:nth-child(odd) {
    background: rgb(249 249 249);
}




.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: #193b75;
}

.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: #193b75 !important;
    min-width: 20%;
    margin-right: 10px;
}
.flexedButton .customButton.active {
    background: #193b75;
    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
}


.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: #193b75;
    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: 19px;
    word-break: break-word;
}
.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: #193b75;
}
.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: #193b75;
    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;
    margin-top: 40px;
}
.sliderInnerDiv .owl-nav button.owl-next {
    right: 5px;
    margin-top: 40px;
}
.tabButton.greenColorBtn {
    color: #fff !important;
    background: #09c21b !important;;
    border: 1px solid #09c21b !important;;
}
.greenColorBtn {
    background: #09c21b;
    border: 1px solid #09c21b;
}



.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;
}





/*************/
.withRightSideIcon {
    padding-right: 40px;
    position: relative;
}
.infoBox {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -4px;
    right: 0;
    background: #193b75;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    padding-top: 8px;
    font-weight: bold;
}
.infoBox img {
    width: 12px;
    height: 12px;

}

.viewButton {
    padding: 3px 17px;
    background: #193b75;
    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: 25px 15px;
}
.customPopupDiv .modal-dialog .modal-content .close {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
}
.customPopupDiv p {
    font-size: 16px;
    word-break: break-word;
    line-height: 21px;
}
.customPopupDiv h3 {
    font-size: 16px;
    color: #202020;
    font-weight: 600;
}

.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;
}

.customTableDesignColored tr th {
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
    color: #fff;
    text-align: center;
}
.customTableDesignColored tr th span {
    display: block;
}

.customTableDesignColored tr th:nth-child(1) {
    background-color: #000000;
    text-align: left;
}
.customTableDesignColored tr th:nth-child(2) , .customTableDesignColored tr td:nth-child(2) .btn {
    background-color: #ed1c24;
}
.customTableDesignColored tr th:nth-child(3) , .customTableDesignColored tr td:nth-child(3) .btn {
    background-color: #22b14c;

}
.customTableDesignColored tr th:nth-child(4) , .customTableDesignColored tr td:nth-child(4) .btn {
    background-color: #ff7f27;

}
.customTableDesignColored tr th:nth-child(5) , .customTableDesignColored tr td:nth-child(5) .btn {
    background-color: #b97a57;

}
.customTableDesignColored tr th:nth-child(6) , .customTableDesignColored tr td:nth-child(6) .btn {
    background-color: #a349a4;
}

.customTableDesignColored tr td {
    font-size: 16px;
    font-weight: 400;
    vertical-align: middle;
    text-align: center;
}
.customTableDesignColored tbody tr:nth-child(even) {
    background-color: #cccccc33;
}
.customTableDesignColored tr td:nth-child(1) {
    background-color: #00000022;
    text-align: left;
}
.customTableDesignColored tr td:nth-child(2) {
    background-color: #ed1c2422;
}
.customTableDesignColored tr td:nth-child(3) {
    background-color: #22b14c22;
}
.customTableDesignColored tr td:nth-child(4) {
    background-color: #ff7f2722;

}
.customTableDesignColored tr td:nth-child(5) {
    background-color: #b97a5722;

}
.customTableDesignColored tr td:nth-child(6) {
    background-color: #a349a422;

}

.ScriptionMainDiv {
    display: inline-flex;
    width: 100%;
}
.subscriptionList {
    display: inline-block;
    width: 33.33%;
    margin: 0 5px;
}
.subscriptionList a {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    color: #202020;
    font-weight: 600;
}
.subscriptionList .subscriptionIcon {
    display: inline-block;
    width: 100%;
    padding: 10px;
    border:  1px solid rgba(0, 0, 0, 0.2);
    background: #fff;
    border-radius: 10px;
    margin-bottom: 5px;
}


.wantedNewBoxDiv {
    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%;
}
.wantedHeaderWithBtn {
    display: inline-block;
    width: 100%;
    padding-right: 80px;
    position: relative;
}
.wantedHeaderWithBtn h5 {
    font-size: 20px;
}
.wantedNewBoxDiv p {
    font-size: 14px;
}

.wantedHeaderWithBtn .customButton {
    position: absolute;
    top: 0;
    right: 0;
}

.wantedNewBoxDiv .customButton {
    font-size: 14px;
    padding: 4px 15px;
    text-transform: none;
}
.topButtonGroupNew {
    width: calc(100% + 10px);
    margin-left: -5px;
}
.budgetHeading {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    font-size: 16px;
    align-items: center;
}
.budgetHeading span {
    font-weight: 700;
    font-size: 20px;
}
.wantedFooterDiv {
    display: inline-flex;
    width: 100%;
}
.wantedFooterDiv .wantedLeftDiv {
    float: left;
    width: 50%;
}
.wantedFooterDiv .wantedRightDiv {
    float: right;
    width: 50%;
    padding: 10px 5px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 10px;
    text-align: center;
}
.wantedFooterDiv .wantedRightDiv button {
    font-size: 11px;
}
.wantedRightDiv h6 {
    font-weight: 600;
    font-size: 15px;
    margin-top: 5px;
}
.wantedRightDiv p {
    font-size: 12px;
}
.wantedButtonGroup {
    display: inline-flex;
    width: calc(100% + 10px);
    margin-left: -5px;
    justify-content: center;
}
.wantedButtonGroup button {
    width: 33.33%;
    margin: 0 2px;
    font-size: 11px !important;
}

.customCheckBoxMinDiv {
    display: inline-block;
    width: 100%;
}
.singleCheckBox {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}
.singleCheckBox input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.singleCheckBox label {
    padding: 5px 15px;
    float: left;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    min-width: 100px;
    text-align: center;
    margin: 0;
}
.checkBoxCloseIcon {
    position: absolute;
    top: -8px;
    right: -8px;
}
.singleCheckBox input:checked ~ label {
    border: 1px solid #203d74;
    color: #fff;
    background: #203d74;
}

.selectLavelUrgency h2 {
    font-size: 18px;
    font-weight: bold;
    color: #203d74;
    display: inline-flex;
    width: 100%;
    max-width: 270px;
    justify-content: space-between;
}
.selectLavelUrgency .customCheckBoxMinDiv .singleCheckBox label {
    width: 40px;
    min-width: unset;
    border-radius: 50px;
    height: 40px;
    line-height: 30px;
}
.budgetRangeDiv {
    display: inline-flex;
    align-items: center;
}
.newCustomForm .budgetRangeDiv input.form-control {
    border-radius: 15px !important;
}
.budgetRangeDiv span {
    font-size: 16px;
    display: inline-block;
    margin: 0 8px;
}
.copyUrlInput {
    display: inline-block;
    width: 100%;
    position: relative;
}
.newCustomForm .copyUrlInput input {
    padding-right: 80px;
    border-radius: 50px !important;
}
.copyUrlInput button {
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 2px 10px;
    text-transform: none;
}
.textBox .customButton {
    padding: 5px 20px;
    text-transform: none;
    font-size: 11px;
    min-width: 140px;
}
.extraServiceDiv {
    display: inline-flex;
    width: calc(100% + 15px);
    margin-left: -7.5px;
    flex-wrap: wrap;
    text-align: center;
}
.serviceSingleDiv {
    margin: 0 7.5px;
    width: calc(50% - 15px);
    float: left;
    margin-bottom: 15px;
}
.serviceSingleDiv a {
    display: inline-block;
    width: 100%;
}
.serviceIconSpan {
    padding: 15px;
    display: inline-block;
    width: 100%;
    border-radius: 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: #fff;
}
.serviceSingleDiv p {
    font-size: 15px;
    font-weight: 600;
    color: #202020;
    display: inline-block;
    width: 100%;
    margin: 4px 0;
}

/**************/
.withOutBackBtn {
    display: inline-flex;
    justify-content: space-around;
}

.priceRm a {
    display: inline-block;
    width: 100%;
    position: relative;
    height: 100%;
    display: inline-flex;
}
.priceRm a img {
    margin: auto;
    width: 15px;
}
.subHeadWithLeftButton {
    padding-left: 145px;
    position: relative;
}
.subHeadWithLeftButton select {
    position: absolute;
    top: -6px;
    left: 0;
    padding: 5px 10px;
    max-width: 140px;
    font-size: 16px;
    height: auto !important;
}

.calanderTAble td {
    text-align: center;
    padding: 5px;
}
.calanderTAble td span {
    font-size: 12px;
}
.calanderTAble td h4 {
    font-size: 12px;
    font-weight: 600;
}
.calanderTAble td p {
    font-size: 11px;
}

.loginScreen .phoneNumber .select2-container .select2-selection--single .select2-selection__rendered {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500;
}





.filterDivNP {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px;
}

.searchFilterNP {
    display: inline-block;
    position: relative;
}
.searchFilterNP input {
    padding-right: 50px;
}
.searchFilterNP i {
    position: absolute;
    right: 10px;
    top: 7px;
}
#searchTable thead tr {
            display: table-row !important;
        }
.filterDivNP input {
    padding: 4px 10px;
    font-size: 14px !important;
}


.navigationDiv {
    display: inline-block;
    width: 100%;
    text-align: right;
}
.navigationDiv .pagination {
    justify-content: right;
}

.navigationDiv .pagination a {
    padding: 5px 10px;
    color: #202020;
    font-size: 13px;
}
.navigationDiv .pagination a.active,
.navigationDiv .pagination a:hover {
    background: #35498e;
    color: #fff
}





@media only screen and (max-width: 370px) {
    .customTable tr, .customTable td, .customTable th {
        padding: 8px 5px;
        font-size: 12px;
    }
}

label.error{
    color: red;
    margin-top: 5px;
    font-size: 14px;
    margin-bottom: 0px !important;
}

.form-control.form-control-solid {
    background-color: #F3F6F9;
    border-color: #F3F6F9;
    color: #3F4254;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    }

    .form-control.form-control-solid:active,
    .form-control.form-control-solid.active,
    .form-control.form-control-solid:focus,
    .form-control.form-control-solid.focus {
    background-color: #EBEDF3;
    border-color: #EBEDF3;
    color: #3F4254;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    }


    #overlay{
        position: fixed;
        top: 0;
        z-index: 100;
        width: 100%;
        height:100%;
        display: none;
        background: rgba(0,0,0,0.6);
      }
      .cv-spinner {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .spinner {
        width: 40px;
        height: 40px;
        border: 4px #ddd solid;
        border-top: 4px #2e93e6 solid;
        border-radius: 50%;
        animation: sp-anime 0.8s infinite linear;
      }
      @keyframes sp-anime {
        100% {
          transform: rotate(360deg);
        }
      }
      .is-hide{
        display:none;
      }

      .label_r:after {
        content:" *";
        color: red;
    }
    .contentDiv{
        margin-top: 62px;
    }

    .swal2-title {
        font-size: 20px !important;
    }
    .swal2-content{
        font-size: 16px !important;
    }
    /* .swal2-icon {
        width: 4em !important;
        height: 4em !important;
    } */
    .swal2-actions button{
        font-size: 10px !important;
    }
    .contentDiv{
        margin-bottom: 75px!important;
    }

    .has-search .form-control {
        padding-left: 2.375rem;
    }

    .has-search .form-control-feedback {
        position: absolute;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.1rem;
        text-align: center;
        pointer-events: none;
        color: #aaa;
    }

    select {
        -webkit-appearance: none;

        appearance: none;
        /* Some browsers will not display the caret when using calc, so we put the fallback first */
        background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
        background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 10px) !important; ;
      }

      .form-control.datepicker{
        width: 100% !important;
        text-align: center;
        border-radius: 16px !important;
        /* font-size: 20px; */
        cursor: pointer;
        /* font-weight: 600; */
      }

      button:disabled, button[disabled] {
        border: 1px solid #999999;
        background-color: #cccccc;
        color: #666666 !important;
    }

    select[name="countrycode"]{
        appearance: revert !important;
        -webkit-appearance: revert !important;
        -moz-appearance: revert !important;
    }
    select[name="contact_country_code"]{
        appearance: revert !important;
        -webkit-appearance: revert !important;
    }

    .jumbotron {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 0px;
        color: inherit;
        background-color: #eee;
    }
    .slider.slider-horizontal {
        width: 100% !important;
    }
    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9;
    }
    .tooltip {
        position: absolute;
        z-index: 0 !important;
        display: block;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        filter: alpha(opacity=0);
        opacity: 0;
        line-break: auto;
    }

    .owl-carousel {
        z-index: 0 !important;
    }

    .checkPanelLabel{
        cursor: pointer;
    }

    .textarea-newline{
        white-space: pre-wrap;
    }

    .social-button {
        margin-bottom: 15px;
         box-sizing: border-box;
        -moz-border-radius: 138px;
        -webkit-border-radius: 138px;
        border-radius: 138px;
        border: 5px solid;
        text-align: center;
        width: 50px;
        height: 50px;
        display: inline-block;
        line-height: 1px;
        padding-top: 11px;
        transition: all 0.5s;

    }

    .social-button:hover {
        transform: rotate(360deg)scale(1.3);
    }

  #social-links li{
      display: inline;
      margin:4px;
  }

  .hideoverflowtext{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .select2-container {
    position: absolute;
    top: 36px;
    left: 0;
    border: none !important;
    max-width: 200px;
}
#draggableTable  .select2-container {
    position: relative;
}
.select2-container .select2-selection--single{
    height:34px !important;
}
.select2-container--default .select2-selection--single{
     border: 1px solid #ccc !important;
     border-radius: 0px !important;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    border:  none !important;
    font-size: 13px !important;
    direction: rtl;
    text-overflow: unset;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 28px
}
.select2-results__option {
    font-size: 12px;
}
.select2-container--open .select2-dropdown--below {
    min-width: 260px;
}

textarea.form-control {
    border-radius: 15px !important;
}

.profileDetailNewDiv {
    display: inline-block;
    width: 100%;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    padding: 12px;
}
.profileImageNew {
    width: 130px;
    position: relative;
    float: left;
}
.mainProfileImage {
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
}
.PlaceholderProfileImage {
    position: relative;
    width: 100%;
}
.profileContentNew {
    float: right;
    width: calc(100% - 140px);
}
.profileContentNew h3 {
    font-size: 18px;
    font-weight: 600;
}
.profileContentNew p {
    font-size: 15px;
    font-weight: 500;
}
.profileContentNew h5 {
    display: inline-flex;
    width: 100%;
}
.profileContentNew h5 a {
    display: inline-block;
    margin-right: 5px;
}
.rightSideITagDIv {
    display: inline-flex;
    width: calc(100% + 10px);
    margin-left: -5px;
}
.singleRihgtItag {
    padding: 5px;
    border-radius: 20px;
    background: #203d74;
    display: inline-flex;
    align-items: center;
    padding-right: 30px;
    padding-left: 10px;
    position: relative;
    font-size: 12px;
    min-height: 30px;
    color: #fff;
    margin: 0 2px;
}
.width25 {
    width: 25%;
}
.width35 {
    width: 35%;
}
.width40 {
    width: 40%;
}
.width50 {
    width: 50%;
}
.singleRihgtItag a {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 2px;
}
.profileVideoDivMain {
    display: inline-block;
    width: 100%;
    position: relative;
}
.profileVideoDivMain iframe {
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
}
.profileVideoDivMain img {
    display: inline-block;
    width: 100%;
    position: relative;
}


.socialMediaNewDiv {
    display: inline-flex;
    width: calc(100% + 15px);
    margin-left: -7.5px;
    flex-wrap: wrap;
}
.singleSocialDiv {
    float: left;
    width: calc(25% - 6px);
    margin: 0 3px;
    text-align: center;
    margin-bottom: 10px;
}
.singleSocialDiv a {
    display: inline-block;
    width: 100%;
}
.socialIconSpan {
    display: inline-block;
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.singleSocialDiv p {
    display: inline-block;
    width: 100%;
    font-size: 11px;
    font-weight: 600;
}
.businessCardMainDiv {
    display: inline-block;
    width: 100%;
    position: relative;
}
.twoButtonDIv {
    display: inline-flex;
    width: 100%;
}
.twoButtonDIv .customButton {
    margin: 0 5px;
}
h4.withShowBtn {
    padding-right: 60px;
}
a.showAllBtn {
    background: #193b75;
    color: #fff;
    min-width: 80px;
    text-align: center;
    padding: 5px 8px;
    font-size: 13px;
    top: -5px !important;
    border-radius: 8px;
}
.nromalInfoDiv {
    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%;
    margin-bottom: 5px;
}
.nromalInfoDiv h5 {
    display: inline-flex;
    width: 100%;
    font-size: 14px;
    color: #3d3d3d;
    margin: 0px;
    justify-content: space-between;
}
.nromalInfoDiv p {
    display: inline-flex;
    width: 100%;
    font-size: 14px;
    color: #3d3d3d;
    margin: 0px;
    justify-content: space-between;
    word-break: break-word;
}
.nromalInfoDiv .twoButtonDIv .customButton {
    font-size: 12px;
    padding: 5px 8px;
}
.singleDemand .nromalInfoDiv .form-group label {
    font-size: 14px;
}
.marketValueReportDiv {
    display: inline-block;
    width: 100%;
}
.marketValueReportDiv h5 {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    font-size: 16px;
}
.halfLeftDivNew {
    display: inline-block;
    width: 49%;
}
.halfLeftDivNew p {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    font-weight: 600;
}
.borderButton {
    display: inline-block;
    padding: 4px 25px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50px;
    background: #fff;
    font-size: 15px;
    margin-top: 5px;
}
.uploadFileBigNew {
    width: 100px;
    height: 100px;
}

.withGpsIcon {
    position: relative;
}
.withGpsIcon input {
    padding-right: 40px;
}
.gpsTrackBtn {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 3px;
    right: 3px;
}

.demandWithActionButtton {
    padding-right: 60px;
}
.demandActionButttonNew {
    position: absolute;
    display: inline-flex;
    top: 0;
    right: 0;
}

.demandActionButttonNew a {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 3px;
}


.portfolieMainDivNew {
    display: inline-flex;
    width: calc(100% + 10px);
    margin-left: -5px;
    flex-wrap: wrap;
}
.portfolieInnerDivNew {
    display: inline-block;
    width: calc(50% - 10px);
    margin: 0 5px;
}
.portfolieInnerDivNew h5 {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    color: #3c3c3c;
}
.propertyBoxedDiv {
    display: inline-block;
    width: 100%;
    border-radius: 10px;
    border:  1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 5px;
    padding-right: 32px;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.propertyBoxedDiv span {
    font-size: 20px;
    font-weight: bold;
}
.properAddNewBtn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: inline-flex;
    width: 32px;
    background: #193b75;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #fff !important;
    font-weight: 600;
}



.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;
}

.addButonNew {
    font-size: 12px;
    border-radius: 50px;
    width: 30px;
    width: 30px;
    padding: 0px;
    border:  1px solid #fff;
    position: absolute;
    top: -7px;
    right: 0;
}
body section .customTableNew table.table td,
body section .customTableNew table.table th,
body section .customTableNew table.table#draggableTable td,
body section .customTableNew table.table#draggableTable th,
.customResponsiveTableScroll table#draggableTable td,
.customResponsiveTableScroll table#draggableTable th,
.customTableNew tr th,
.customTableNew tr td,
.customTableNew tr,
.customTableNew {
    border:  1px solid #babfcf !important;
    vertical-align: middle;
}
.customTableNew {
    text-align: center;
    border-collapse: separate;
    border-spacing: 3px;
}

.customTableNew th {
    font-size: 14px;
    margin: 2px !important;
    background: #e6e7e9;
    vertical-align: middle;
    font-weight: 500;
}
.customTableNew td {
    font-size: 16px;
    margin: 2px !important;
    /* background: #e6e7e9; */
    vertical-align: middle;
    font-weight: 600;
}
.customTableNew td strong {
    font-weight: 600;
}
.customTableNew .darkBG {
    background: #202020;
    color: #fff;
}
.customTableNew .redBG {
    background: #e81e2c;
    color: #fff;
}
.customTableNew .blueBG {
    background: #00b0f9;
    color: #fff;
}
.customTableNew .pealBG {
    background: #00aba2;
    color: #fff;
}
.customTableNew .yellowBG {
    background: #eeb91b;
    color: #202020;
}
.topUpButonNew {
    background: #1f3d74;
    padding: 3px 13px;
    position: absolute;
    top: -3px;
    right: 0;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 13px;
}
.borderRadius15 {
    border-radius: 15px !important;
}
.customTextAreaOption .tox.tox-tinymce {
    z-index: 0;
}

.halfLeftDivNew .form-control {
    width: 95%;
    padding: 0.2rem 0.75rem;
}


.boxedDivNew {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 8%);
    padding: 15px 20px;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 5px;
}
.addCreditDiv .privateInfoBox .customButton {
    padding: 5px 6px;
    width: 90%;
}
.amountPurchaseDiv {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}
.singleAmountDiv {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    position: relative;
    margin-bottom: 15px;
}
.singleAmountDiv > input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}
.singleAmountDiv h3 {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    padding: 18px 25px;
    padding-left: 55px;
    position: relative;
    border:  1px solid rgba(0, 0, 0, 0.1);
}
.singleAmountDiv .checkPR {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 50px;
    border: 1px solid #203d74;
}
.singleAmountDiv p {
    font-size: 16px;
    color: #202020;
}
.singleAmountDiv > input:checked ~ h3 {
    border:  1px solid #203d74;
}
.singleAmountDiv > input:checked ~ h3 .checkPR::after {
    width: 10px;
    height: 10px;
    background: #203d74;
    display: inline-block;
    border-radius: 10px;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.linkFOM {
    color: #193b75;
    text-decoration: underline !important;
}
.advertiseWithUsOptions {
    display: inline-flex;
    width: calc(100% + 15px);
    margin-left: -7.5px;
    flex-wrap: wrap;
    text-align: center;
}
.singleAddOption {
    width: calc(100% / 3 - 15px);
    margin: 7.5px;
    border-radius: 15px;
    border: 1px solid rgba(0,0,0,00.2);
    padding: 10px;
    font-size: 15px;
    min-height: 90px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.singleAddOption p {
    font-size: 16px;
    color: #202020;
    font-weight: 600;
}






















@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;
    }
    .customTableDesignColored tr th, .customTableDesignColored tr td {
        font-size: 12px;
        padding: 5px;
    }
    .textBox h5 {
        font-size: 16px;
    }
    .singleRihgtItag {
       font-size: 12px;
    }
    .addCreditDiv .privateInfoBox .customButton {
        width: 100%;
        font-size: 12.5px;
     }

     .advertiseWithUsOptions {
         width: calc(100% + 10px);
         margin-left: -5px;
     }
     .singleAddOption p {
         font-size: 12px;
         line-height: 14px;
     }
     .singleAddOption {
         width: calc(100% / 3 - 10px);
         margin: 5px;
     }
}


@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;
    }

    .topButtonGroupNew button {
        margin: 0 2px;
        font-size: 10px;
    }
    .profileImageNew {
        width: 100px;
    }
    .profileContentNew {
        width: calc(100% - 110px);
    }
    .marketValueReportDiv h5 {
        font-size: 12px;
    }
    .halfLeftDivNew p {
        font-size: 12px;
    }
    .wantedHeaderWithBtn h5 {
        font-size: 16px;
    }
    .wantedNewBoxDiv p {
        font-size: 12px;
    }
    .wantedNewBoxDiv .customButton {
        font-size: 11px;
        padding: 4px 10px;
    }
    .budgetHeading span {
        font-size: 16px;
    }
    .budgetHeading {
        font-size: 14px;
    }
    .wantedFooterDiv .wantedRightDiv button {
        font-size: 9px;
    }
    .wantedNewBoxDiv p {
        font-size: 10px;
    }
    .wantedRightDiv h6 {
        font-size: 12px;
    }
    .textBox h5 {
        font-size: 14px;
    }
    .demandMainDiv h3 {
        font-size: 12px;
    }
    .serviceSingleDiv p {
        font-size: 12px;
    }
    .uploadFileBigNew {
        width: 80px;
        height: 80px;
    }
    .addCreditDiv .privateInfoBox .customButton span {
        width: 100%;
        display: inline-block;
    }
    .withBtnSecondHeading h2 {
        font-size: 15px;
    }
}
.cursor-class{
    cursor: pointer;
}
.customPopupVRC .modal-content {
    border-radius: 20px;
}

.customPopupVRC h2 {
    font-size: 18px;
    color: #202020;
    font-weight: 700;
    margin-bottom: 10px;
}
.customPopupVRC p {
    font-size: 14px;
    color: #202020;
    margin-bottom: 10px;
}
.customPopupVRC .modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
@media(max-width: 768px) {
    .customPopupVRC .modal-dialog {
      min-height: calc(100vh - 20px);
    }
  }

.customPopupVRC h2 {
    font-size: 20px;
}
.customPopupVRC p {
    font-size: 15px;
}

.popupButtonVRC {
    display: inline-block;
    margin: 0 4px;
    text-align: center;
    border: 1px solid #35498e;
    background: #35498e;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 14px;
    min-width: 100px;
}
.topButtonGroup .searchBar{
    width: 48%;
}

.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);
    height: 150px;
}
.halfBoxDiv a strong {
    color: #202020;
    font-size: 17px;
    font-weight: 500;
}
.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: 135px;
}
.salePriceInputRight span {
    font-size: 14px;
    position: absolute;
    top: 8px;
    right: 20px;
}

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

.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;
}

/* Share Css */



.hidden {
    display: none !important;
  }

  svg {
    width: 20px;
    height: 20px;
    margin-right: 7px;
  }

  .buttonshare {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 2px;
    text-transform: capitalize;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 4px;
    border: 1px solid #ddd;
    cursor: pointer;
  }

  .buttonshare:hover {
    border-color: #cdd;
  }

   .copy-link {
    padding-left: 30px;
    padding-right: 30px;
  }

  .share-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .share-dialog {
    display: none;
    width: 95%;
    max-width: 500px;
    box-shadow: 0 8px 16px rgba(0,0,0,.15);
    z-index: -1;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 4px;
    background-color: #fff;
  }

  .share-dialog.is-open {
    display: block;
    z-index: 2;
  }

  header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  .targets {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin-bottom: 20px;
  }

  .close-button {
    background-color: transparent;
    border: none;
    padding: 0;
  }

  .close-button svg {
    margin-right: 0;
  }

  .link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
    background-color: #eee;
  }

  .pen-url {
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  input[type="checkbox"]{
      -webkit-appearance: auto !important;
  }

  input[class="readonly"][type="checkbox"][readonly] {
    pointer-events: none;
  }

  .sideMenuDiv.openMenu{
      z-index: 99;
  }
  .topHeader{
    z-index: 3;
  }
  .btn-primary{
    background-color: #2a4a85;
    border-color: #2a4a85;
  }
  
  .form-group .form-group + .form-group .withRMIcon input {
    padding-left: 42px;
}
.form-group .form-group + .form-group .withRMIcon input + span {
    left: 15px !important;
}
.withRMIcon span {
    font-size: 14px;
}
  /********************************\
              05-21-2022
  \********************************/
.mainFormLR {
    display: inline-flex;
    width: 100%;
    margin: 5vh 0 0 !important;
}
.mainFormLR .contentDiv {
    margin-top: 90px;
}
.mainFormLR .loginSignUpForm {
    padding: 0;
}
.mainFormLR .loginSignUpForm h2 {
    margin: 0;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    padding-top: 5vh;
}
.loginIconLR {
    text-align: center;
    display: inline-flex;
    width: 100%;
    height: 20vh;
    justify-content: center;
    align-items: center;
}
.loginIconLR span {
    display: inline-flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    background: #f7f2e7;
    border-radius: 50px;
    color: #dab355;
    font-size: 25px;
}
.mainFormLR .loginSignUpForm form .form-control {
    padding: 12px 15px;
    background-color: #f3f3f3;
    border: none !important;
    border-radius: 5px !important;
}
.mainFormLR .phoneNumber .form-control {
    padding-left: 105px !important;
}
.mainFormLR .phoneNumber .select2-container {
    max-width: 80px;
    top: 42px;
    left: 10px;
    background: transparent !important;
}
.mainFormLR .phoneNumber .select2-container * {
    background: transparent !important;
}
.mainFormLR .customButton {
    padding: 10px 30px;
}
.mainFormLR .form-group {
    min-height: unset;
}

.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%;
}

.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;
}
.topUpButonNew {
    background: #1f3d74;
    padding: 3px 13px;
    position: absolute;
    top: -3px;
    right: 0;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 13px;
}
.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: #193b75;
}
.newCustomForm .table-striped tbody tr:nth-of-type(odd) {
    background: transparent;
}

.redBtn {
    background: #e13232 !important;
    border: 1px solid #e13232 !important;
}

.newSurveyList {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.newSurveyList li {
    display: inline-block;
    width: 49%;
    text-align: left;
    margin: 4px 0 0;
    position: relative;
    padding-left: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}
.newBoxedDiv {
    display: inline-block;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 13px 12px;
    border-radius: 10px;
}
.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;
    position: relative;
    padding-left: 30px;
    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;
}
.checkBoxTetx {
    margin-top: 2px;
    display: inline-block;
}

.cursor{
    cursor:pointer;
}

.error{
    display: none !important;
}
.has-success .error{
    display: none !important;
}

.has-danger .error{
    display: inline-block !important;
}

#cropImagePop .modal-dialog{
    max-width: 90%;
}

.backButtonTopH {
    float: left;
    width: 40px;
    text-align: left;
}

.autoWidth {
    width: auto !important;
}

.withperinput {
    display: inline-block;
    width: 100%;
    position: relative;
}

.withperinput input {
    display: inline-block;
    width: 100%;
    padding-right: 55px;
}
.cursor{
    cursor:pointer;
}

.error{
    display: none !important;
}
.has-success .error{
    display: none !important;
}

.has-danger .error{
    display: inline-block !important;
}

#cropImagePop .modal-dialog{
    max-width: 90%;
}

.backButtonTopH {
    float: left;
    width: 40px;
    text-align: left;
}

.autoWidth {
    width: auto !important;
}

.withperinput {
    display: inline-block;
    width: 100%;
    position: relative;
}

.withperinput input {
    display: inline-block;
    width: 100%;
    padding-right: 55px;
}

.withperinput span {
    position: absolute;
    top: 6px;
    right: 18px;
}

.hidden-element {
    display: none;
  }

.scrollableHeaderColumn table tbody tr.hr td {
    padding: 0px 0px !important;
    border: 2px solid #CCC !important
}
.customTable.table-responsive tbody tr td {
    border: 1px solid #CCC !important
}
@media only screen and (max-device-width: 1024px) { 
   html {
       width: 100% !important;
       min-width: 100% !important;
       max-width: 100% !important;
   }
   body {
       width: 100% !important;
       min-width: 100% !important;
       max-width: 100% !important;
   }
}