@import url('https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css');
html,body{
    font-family: 'Source Sans Pro', sans-serif!important;
    font-size: 16px;
    line-height: 22px;
    color: #3b3b3b;
}

.bg-blue-900,.hover\:bg-blue-900:hover {
    background-color: #092947;
}
.bg-blue-800,.hover\:bg-blue-800:hover {
    background-color: #022B4D;
}
.bg-blue-700,.hover\:bg-blue-700:hover {
    background-color: #496c81;
}
.bg-blue-600 {
    background-color: #006098;
}
.bg-blue-500 {
    background-color: #3DAAEA;
}
.bg-gray-50{
    background-color: #eaeaea;
}
.bg-gray-300{
background-color: #707070;
}
.max-w-231{
    max-width: 231px;
}
.bg-gray-100{
    background-color: #f2f2f2;
}
.bg-gray-200{
    background-color: #EFEFEF;
}
.bg-gray-400{
    background-color: #DDDDDD;
}
.bg-gray-500{
    background-color: #B2B2B2;
}
.bg-yellow-500{
    background-color: #E66A00;
}
.bg-red-500{
    background-color: #FF4B4B;
}
.bg-green-500{
    background-color: #0BCF97;
}
.bg-blue-900\/90 {
    background-color: #092947;
}
.bg-gray-400\/20{
    background-color: rgb(221 221 221 / 19%);
}
.bg-gray-500\/70{
    background-color: rgb(178 178 178 / 70%);
}
.bg-green-500\/20{
    background-color: rgb(11 207 151 / 16%);
}
.bg-gray-100\/44 {
    background-color: rgb(242 242 242 / 44%);
}
.bg-gray-50\/42 {
    background-color: rgb(234 234 234 / 42%);
}

.text-blue-900{
    color: #092947;
}
.text-blue-800{
    color: #0f6098;
}
.text-blue-700 {
    color: #718ea5;
}
.text-blue-600 {
    color: #8da6ba;
}
.text-blue-500 {
    color: #3DAAEA;
}
.text-red-500{
    color: #FF4B4B;
}
.text-gray-200{
    color: #EFEFEF;
}
.text-gray-900{
color: #587188;
}
.text-gray-300{
    color: #DDDDDD;
}
.text-gray-400{
    color: #909090;
}
.text-gray-500{
    color: #B2B2B2;
}
.text-gray-600{
    color: #707070;
}
.text-gray-700{
    color: #555555;
}
.text-green-500{
    color: #0BCF97;
}
.left-8{
padding-left: 35px;
}
.right-8{
padding-right: 35px;
}
.border-blue-900,.hover\:border-blue-900:hover {
    border-color: #092947;
}
.border-blue-800 {
    border-color: #2c4b67;
}
.border-blue-500 {
    border-color: #3DAAEA;
}
.border-gray-200 {
    border-color: #bfbfbf;
}
.border-gray-700 {
    border-color: #a7a7a7;
}
.border-gray-600 {
    border-color: #707070;
}
.border-gray-500 {
    border-color: #B2B2B2;
}
.button.button-primary{
background-color: #3DAAEA!important;
}
.button-primary:hover, .button.button-primary:active, .button.button-primary:focus {
    --tw-bg-opacity: 1 !important;
    background-color: #3DAAEA!important;
}
.bg-gray-800.border.border-transparent.rounded-md{
    background-color: #3DAAEA!important;
}
.border-gray-150{
border-color: #dddddd;
}

.from-blue-700 {
    --tw-gradient-from: #004A80;
}
.to-blue-800 {
    --tw-gradient-to: #003760;
}
.from-gray-100 {
    --tw-gradient-from: #FAFAFA;
}
.to-gray-200 {
    --tw-gradient-to: #F2F2F2;
}
.w-nav{
    width: 85%;
  }
  .align-top{
    vertical-align: top;
  }
  .width-16{
  width: 300px;
  }
  .nav_part.sidebar{
   display: block;
  }
  .bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(75,85,99,var(--tw-bg-opacity));
}
.w-40{
width: 10rem;
}
.max-h-560{
    max-height: 560px;
    }
    .max-h-600{
    max-height: 600px;
    }    
    .max-h-700{
    max-height: 700px;
    }
    .jspVerticalBar {
    background: none;
    width: 21px;
    }
    .jspTrack {
    border-radius: 3px;
    border: solid 1px #e5e5e5;
    background-color: #fff;
    padding: 3px;
    }
    .jspDrag {
    border-radius: 7px;
    border: solid 1px #e5e5e5;
    background-color: #dbdada;
    }
    .max-w-175{
    max-width: 175px;
    }
    .tracking-full{
    letter-spacing: 5px;
    }
    #d2 .jspTrack {
    border: none;
    background-color: #f2f2f2;
    padding: 4px;
    }
    td h3.text-xl{
    font-size: 22px;
    }
    #d4 .jspTrack {
    border: solid 1px #355e84;
    background-color: #092947;
    }
    #d4 .jspDrag {
    border: solid 1px #355e84;
    background-color: #0f6098;
    }
    .bider_size{
    line-height: 1.31;
    letter-spacing: 3.2px;
    text-align: left;
    font-size: 16px;
    }
.bg-opacity-75 {
    --tw-bg-opacity: 0.75;
}

  .close_button{
    position: absolute;
    top: 0;
    right: -50px;
    z-index: 999;
   
  }
  .bg-blue-800-admin{
    background-color: #002b49;
  }
  .hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:#3DAAEA;}

.mr-28{
margin-right: 4rem;
}
.popup_margin{
margin-top: 70px;
overflow: auto;
height: 670px;
padding-bottom: 20px;
margin-bottom: 70px;
}
.popup_margin_new{
    margin-top: 10px;
    height: 410px;
    padding-bottom: 20px;
    margin-bottom: 0px;
}
.bg-image{
    background-image: url(../img/bg-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.need_help:hover>.hidden{
    display: block;
}
.w-50{
width: 48%;
}
.tour_popup{
position: absolute;
top: 171px;
width: 524px;
left: 369px;
}
.tour_popup.skip{
display:none;
}
.tour_popup:before{
    position: absolute;
    left: -40px;
    top: 35px;
    border-top: 40px solid transparent;
    border-right: 40px solid #0BCF97;
    border-bottom: 40px solid transparent;
    height: 40px;
    width: 40px;
    content: '';
}
.width-224{
width: 244px;
}
.px-12{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.own-border{
border-left: 1px solid #dedede;
}
.owl-nav {
    position: absolute;
    left: 5px;
    right: 5px;
    top: calc(50% - 13px);
}
.owl-nav button{    
    position: absolute;
    left: 0;
    width: 26px;
    height: 26px;
    display: flex;
}
.owl-nav button.owl-next{
    left: auto;
    right: 0;
}
.owl-nav button::before{
    content: "\f137";
    font-family: FontAwesome;
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #3DAAEA;
}
.owl-nav button.owl-next::before{
    content: "\f138";
}
.owl-nav button span{
    display: none;
    left: auto;
}
.popup_text {
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: 0.8px;
    text-align: left;
}
.popup_text a {
    text-align: left;
}

.tracking-widests{
    letter-spacing: 3px;
}
.border-none{	
border-style: none;
}
button.auction_event_status.w-80 {
    width: 16rem;
}
.padding-left{
    padding-left: 18px;
}
botton.data:before {
    content: "";
    border-left: 1px solid #C6C6C6;
    display: block;
    width: 2px;
    height: 28px;
    left: 0;
    position: absolute;
    
}
.ml-10	{
    margin-left: 2.5rem;
}
.rotate-25{
transform: rotate(
-25deg
);
}

.top-position-form{
    top: 0.8rem;
}
.form_border:before{
    content: "";
    border-left: 1px solid #C6C6C6;
    display: block;
    width: 2px;
    height: 28px;
    left: -11px;
    position: absolute;
}

.top-position{
top: 14px;
color: #fff;
}
.padding-live {
    padding: 0.8rem 1.2rem;
}
.padding-pause {
    padding: 6px 8px;
}
.tracking-full-spacing{
    letter-spacing: 3px;
}
ul.chats li:nth-child(even) {
    background: #efefef;
}
#d3 ul li:nth-child(even),#d4 ul li:nth-child(even) {
    background: #fff;
}
#d2 table tr:nth-child(even) {
    background: #f7f7f7;
}
.pr-8{
    padding-right: 32px;
}
.pl-8{
    padding-left: 32px;
}
.bg-gradient-to-b.from-blue-700.to-blue-800.py-4.px-11 {
    border-bottom: 2px solid #005290;
}
.jspHorizontalBar {
    background: #f2f2f2 !important;
    height: 20px !important;
}
.min-w-56{
    min-width: 56px;
}
@media (min-width: 640px){
    .sm\:h-full-screen{
        height: calc(100vh - 64px);
    }
}
@media (min-width: 1280px){
    .xxl\:max-w-xl {
        max-width: 400px;
    }
    .xxl\:px-24 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .xxl\:px-16 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .w-full.xxl\:px-24 {
        max-width: calc(100% - 400px);
    }
    .left_part {
        width: 100%;
    }
    .right_part {
        margin-left: 0;
        margin-top: 30px;
    }
}
@media (min-width: 1366px){
    .xxl\:max-w-xl {
        max-width: 26rem;
    }
    .xxl\:px-24 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .xxl\:px-16 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .xlg\:max-w-md{
        max-width: 320px;
    }
    .xlg\:flex{
        display: flex;
    }
    .right_part {
        margin-left: 32px;
        margin-top: 0;
    }
    .left_part .text-3xl.font-bold.text-blue-900 {
        font-size: 24px;
    }
}
@media (min-width: 1601px){
    .xxl\:max-w-lg {
        max-width: 21%;
    }
    .xxl\:max-w-xl {
        max-width: 36rem;
    }
    .xxl\:px-24 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .xxl\:px-16 {
        padding-left: 4rem;
        padding-right: 2rem;
    }
    .xlg\:max-w-md{
        max-width: 400px;
    }
    .left_part .text-3xl.font-bold.text-blue-900 {
        font-size: 30px;
    }
    .center_sec .w-full.relative.max-w-115 {
        max-width: 115px;
    }
    .center_sec {
        width: 58%;
    }
}
@media (max-width: 1600px){
    .left_sec,.right_sec,.head_left,.head_right {
        max-width: 350px;
    }
    .bids_sec {
        margin-left: -1.5em !important;
        margin-right: -1.5em !important;
    }
    .center_sec {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        width: calc(100% - 700px);
    }
    .center_sec button.flex.justify-center.items-center.bg-blue-500.rounded-full.px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .center_sec select#phone_no,.center_sec select#paddle_no {
        letter-spacing: 0;
        padding-right: 45px;
    }
    .center_sec select+i.bg-white.fas.fa-chevron-down {
        width: 2rem;
        font-size: 1.2rem;
        border: none;
    }
    .center_sec .text-left.pr-8 {
        padding-right: 1rem;
    }
    .center_sec .own-border.pl-8 {
        padding-left: 1rem;
    }
    .center_sec .w-full.relative.max-w-115 {
        max-width: 115px;
    }
}
@media (max-width: 1440px){
    select.auction_event_status {
        padding-left: 20px;
        padding-right: 45px;
        height: 48px;
    }

    select.auction_event_status+botton {padding-right: .75rem;top: 2px !important;}

    select.auction_event_status+botton.data:before {display: none;}

    select.auction_event_status+botton.data svg.h-8.w-8 {width: 24px;height: 24px;}

    select.property_status {
        text-align: left;
        padding-left: 20px;
        padding-right: 35px;
    }
    select.property_status+botton {padding-right: .6rem;top: 2px !important;}

    select.property_status+botton.data:before {display: none;}


    select.property_status+botton.data svg.h-8.w-8 {width: 24px;height: 24px;}

    .center_sec .w-full.relative.max-w-175 {
        max-width: 125px;
    }
    .center_sec .w-full.relative.max-w-115 {
        max-width: 115px;
    }

    select.property_status+i.fas.fa-chevron-down {
        border: none;
        width: 2.5rem;
        font-size: 1rem;
    }
    .left_sec .px-6,.right_sec.px-8 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .bids_sec {padding: 1rem 1.5rem;}

    .bids_sec .pr-10 {padding-right: 1.5rem;width: 40%;}

    .bids_sec .w-full.max-w-xs.md\:border-l.border-l-0 {width: 40%;padding-left: 1.5rem;}

    .bids_sec button.flex.justify-center.items-center.bg-blue-900 {padding-left: 1rem;padding-right: 1rem;}
    
    .lg\:text-5xl.text-3xl.font-bold {
        font-size: 2.25rem;
    }
}
@media (max-width: 1024px){
    .center_sec .w-full.relative.max-w-115 {
        max-width: 115px;
    }
    .xl\:w-14.xl\:h-14.w-10.h-10.bg-gray-200.rounded-full.text-blue-900.text-xl.flex.justify-center.items-center {
        width: 3.5rem;
        height: 3.5rem;
    }
    .head_left h2.text-gray-200.font-bold.lg\:text-3xl.text-xl,
    .head_left h2.text-gray-200.font-bold.lg\:text-3xl.text-xl {
        font-weight: 600;
    }
    .head_left {padding: 15px;}
    .head_right {padding: 15px;}
    /* .head_block {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    } */
    .flex.main_content.w-full {
        flex-wrap: wrap;
    }
    .main_content .left_sec,.main_content .right_sec {
        max-width: 50%;
    }
    .main_content .center_sec {
        order: 3;
        width: 100%;
    }
    .left_sec .searching {width: 100%;}

    .left_sec .searching .search_bar {width: 100%;}
    .xl\:w-20.xl\:h-20.w-16.h-16.bg-blue-900.rounded-full.text-white.text-3xl.flex.justify-center.items-center {
        width: 5rem;
        height: 5rem;
        font-size: 1.5rem;
    }
    .propert_main_title {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .right_sec {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .left_sec {
        padding-bottom: 1em;
    }
    .main_content .center_sec {
        padding-bottom: 1.5rem;
    }
    select.property_status {
        padding-left: 15px;
        height: 40px;
        font-size: 14px;
        text-transform: none;
        min-width: 184px;
        font-weight: 600;
    }
}
@media (max-width: 1279px) and (min-width:1024px){
    .center_sec .w-full.relative.max-w-115 {
        max-width: 115px;
    }
    .xxl\:max-w-xl {
        max-width: 340px;
    }
    .w-full.xxl\:px-24 {
        max-width: calc(100% - 340px);
    }
    .left_part {
        width: 100%;
    }
    .right_part {
        margin-left: 0;
        margin-top: 30px;
    }
    .min-w-56{
        min-width: 48px;
    }
}
@media (max-width: 1023px){
    .right_part{
        margin-top: 40px;
    }
    .tour_popup {
        position: absolute;
        top: 171px;
        width: 392px;
        left: 240px;
    }
    .head_block {
        flex-wrap: wrap;
    }
    .head_block .propert_main_title {
        order: 3;
    }
    .center_sec .text-left .max-h-600 {
        max-height: 758px !important;
    }    
    .min-w-56{
        min-width: 48px;
    }
}
@media(max-width: 767px){
    .own-border{
        border-left: none;
    }
    .w-50{
        width: 100%;
    }
    .close_button{
        display: block;
    }
    .mysectionsidebar:after{
        content: "";
        background-color: rgba(75,85,99,var(--tw-bg-opacity));
        opacity: 0.2;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    .main_Section{
        width:100%;
    }
    .mysectionsidebar {
        overflow: hidden;
        height: 100vh;
    }
    .nav_part.sidebar{
        position: absolute;
        left: 0px;
        bottom: 0px;
        top: 0px;
        z-index: 2;
    }
    .head_block {
        flex-direction: row;
    }
    .head_left,.head_right {
        max-width: 50% !important;
        padding: 10px !important;
    }
    .head_left>.flex:last-child, .head_right>.flex:last-child {
        flex-wrap: wrap;
    }
    .head_right>.flex:last-child .xl\:w-14.xl\:h-14.w-14.h-14.bg-blue-900.rounded-full.text-white.text-xl.flex.justify-center.items-center {
        order: 1;
    }
    .head_right>.flex:last-child .mr-3 {
        order: 2;
        margin: 0;
    }
    .head_left>.flex .xl\:w-14.xl\:h-14.w-14.h-14.bg-blue-900.rounded-full.text-white.text-xl.flex.justify-center.items-center,
    .head_right>.flex .xl\:w-14.xl\:h-14.w-14.h-14.bg-blue-900.rounded-full.text-white.text-xl.flex.justify-center.items-center {
        width: auto;
        height: auto;
        color: #092947;
        background: no-repeat;
        font-weight: 700;
        line-height: 1;
    }
    .head_left>.flex .xl\:w-14.xl\:h-14.w-14.h-14.bg-blue-900.rounded-full.text-white.text-xl.flex.justify-center.items-center {
        text-align: left;
        margin-right: auto;
    }
    .head_left .ml-3 {
        margin: 0;
        margin-right: auto;
    }
    select.property_status {
        height: 40px !important;
    }
    .propert_main_title p.text-white.text-xl.font-light {
        font-size: 18px;
    }
    .left_sec {
        padding-bottom: 0;
    }
    .left_sec .tab:last-child label {
        margin-bottom: 0;
    }
    .bids_sec {
        margin-top: -2em !important;
        flex-wrap: wrap;
    }
    .bids_sec .pl-10 {
        padding: 0;
        margin-top: 20px;
        margin-bottom: 1rem;
    }
    .bids_sec .pr-10 {
        padding-right: 0;
        width: 100%;
    }
    .bids_sec .w-full.max-w-xs.md\:border-l.border-l-0 {
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    .head_left>.flex.items-center {
        justify-content: start !important;
    }
    header.bg-white {
        z-index: 9999;
    }
    .need_help .hidden.absolute {
        padding-top: 23px;
        right: -50px;
        margin: 0 auto;
    }
    .need_help .hidden.absolute .bg-white.py-10 {
        width: 300px;
        padding: 15px;
    }
}
@media (max-width: 639px){
    .w-16.h-16 {
        width: 100%;
        max-width: 50px;
        height: 50px;
    }
    .width-224 {
        width: 240px;
    }
    .popup_margin {
        margin-top: 70px;
        overflow: auto;
        height: 900px;
        padding-bottom: 20px;
        margin-bottom: 70px;
    }
    .popup_margin_new {
        margin-top: 70px;
        overflow: auto;
        padding-bottom: 20px;
        margin-bottom: 70px;
    }
    .tour_popup:before {
        position: absolute;
        left: -25px;
        top: 33px;
        border-top: 25px solid transparent;
        border-right: 25px solid #0BCF97;
        border-bottom: 25px solid transparent;
        height: 25px;
        width: 25px;
        content: '';
    }
    .tour_popup {
        position: absolute;
        top: 171px;
        width: 220px;
        left: 136px;
    }
    .head_block .propert_main_title .relative.z-10.text-center {
        width: 100%;
        margin-top: 5px;
    }    
}
@media (max-width: 1023px){
    nav .w-full.py-4.flex.items-center.justify-between {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    nav .w-full.py-4.flex.items-center.justify-between img{
        display: inline-block;
    }
    nav .w-full.py-4.flex.items-center.justify-between h1 {
        margin: 10px 0;
    }
    nav .w-full.py-4.flex.items-center.justify-between h1+.justify-end.w-full {
        justify-content: space-between;
    }
    header+.pt-16.w-full {
        padding-top: 162px;
    }
    .relative.need_help.ml-4 {
        margin-left: auto;
    }
}
@media (max-width: 575px){
    nav .w-full.py-4.flex.items-center.justify-between {
        flex-wrap: wrap;
        justify-content: center;
    }
}