/* ----- Custom Css -----



body{

    background: #f7f7f7;

}

.announcement .no-margin, .announcement hr{

    display:none;

}

.card{

    background-color:#ffffff;

}

.panel_s .announcement{

    background: #fffaee;

    padding: 5px 10px;

}

.submenu.customer-top-submenu{

    display:none;

}

.alert-dismissible .close {

    position: absolute!important;

    top: 2px;

    right: 5px;

    color: #000;

}

.navbar-default{

    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05);

    background-color:#ffffff;

    background:#ffffff;

}

.navbar a.navbar-brand{

    padding: 16px 0 16px 0;

}

.navbar a.navbar-brand img {

    width: auto;

    height: 60px;

}

.navbar a.navbar-brand{

    margin-top:0px;

}

.login-heading{

    font-size:20px;

}

a:hover{color:#0000;}

.navbar-default .navbar-nav>li>a{

    text-transform: capitalize;

    color: #2a2a2a;

}

.navbar-default .navbar-nav>li>a:hover{

    text-transform: capitalize;

    color: #333333;

}

#componentDiv_gig_containerParent{

    display:none;

}

.announcement-message h3{

    margin-top:0px;

}









.contents{

    display:flex;align-items:center;background-color: #ffffff;max-width: 100%;min-width: 280px;padding: 20px;border: 1px solid #e4e5e7;border-radius: 4px;

    background-image: url('http://php.manageprojects.in/reppointment_admin/assets/images/banner2.png');background-size:cover;position:relative;box-shadow:0px 5px 15px 0px #ccc;

}

.contents .img-wrap{

    position:relative;

}

.contents .img-wrap .custom-logo-link{

    display: block;

    max-width: none;

    text-align: center;

    padding: 31px 0px 32px 0px;

}

.contents .img-wrap .custom-logo-link img{

    height: 125px;

    max-height: 125px;

    max-width: 125px;

    width: 125px;

    min-height: 125px;

    min-width: 125px;

    border-radius: 50%;

    box-shadow: 0 1px 15px 1px rgba(90,90,90,.4);

    

}

.contents .entry-content .social-wrap{

    position: absolute;

    top: 20px;

    right: 20px;

}

.contents .entry-content .social-wrap ul{

    margin-bottom:0px;	

    display: inline-flex;

    align-items: center;

}

.contents .entry-content .social-wrap ul li{

    display: inline;

    position: relative;

    margin-left: 10px;

}

.contents .entry-content .social-wrap ul li a{

    font-weight: 500;

    color:#333;

}

.contents .entry-content .social-wrap ul li a .fa{

    font-size: 12px;

    padding: 5px;

    background: #50617a;

    box-shadow: 0px 4px 30px rgba(223, 45, 70, 0.6);

    display: inline-flex;

    width: 20px;

    height: 20px;

    margin: 5px 0 5px 5px;

    border-radius: 50%;

    align-items: center;

    justify-content: center;

    color: #ffffff;

    box-shadow: 0px 7px 30px rgba(43, 98, 169, 0.5);

    position: relative;

    flex-shrink: 0;

    transition: all .3s;

}

.contents .entry-content .date-time{

    padding: 0px 0px 0 10px;

    display: flex;

}

.contents .entry-content .profile-card__name{

    font-weight: 600;

    font-size: 30px;

    color: #314e73;

    margin-bottom: 0px;

    padding: 0px 0px 0 10px;

}

.contents .entry-content .profile-card-inf{

    display: flex;

    margin-top: 0px;

}

.contents .entry-content .profile-card-inf .profile-card-inf__item{

    padding: 5px 10px;

    min-width: 65px;

}

.contents .entry-content .profile-card-inf .profile-card-inf__item .profile-card-inf__txt{

    font-weight: 900;

    font-size: 18px;

    color: #324e63;

}

.contents .entry-content .profile-card-inf .profile-card-inf__item .profile-card-inf__title{

    font-weight: 500;

    margin-top: 0px;

}

@media only screen and (min-width: 320px) and (max-width: 812px) {

    .contents {

        display:block;

        text-align:center;

    }

    .contents .img-wrap{

        margin-right: 0px;

    }

    .contents .entry-content .date-time {

        display: inline-flex;

    }

    .contents .entry-content .profile-card-inf{

        display: inline-flex;

    }

    .contents .entry-content .social-wrap{

        position: relative;

        right: 0;

        top: 0;

        margin-bottom: 15px;

    }

}



.live-interation{

    display: inline-grid;width:100%;

}

.live-interation .div_header{

    box-shadow: 0px 0px 2px 0px rgba(189,189,189,0.7);padding: 20px;cursor: pointer;background-color: #fefeff;border: 2px dashed #506179;border-radius: 5px;

}

.live-interation .div_header .title-wrapper{

    background-color: #ebf0f6;padding: 17px 20px;width: 100%;text-align: center;

}

.live-interation .div_header .title-wrapper .title{

    font-size: 16px;font-weight: 600;text-transform: uppercase;

}

.live-interation .div_header .title-wrapper .sub-title{

    color: brown;margin-top:0px;margin-bottom:5px;

}

.live-interation .div_header .date{

    margin-top: 10px;width: 50%;float: left;border-bottom: 2px dashed #cecece;padding-bottom: 20px;border-right: 2px dashed #cecece;padding: 7px;

}

.live-interation .div_header .meetting-id{

    margin-top: 10px;width: 50%;float: right;border-bottom: 2px dashed #cecece;position: relative;padding: 7px;

}

.live-interation .div_header .meetting-id .copy_icon{

    border: 2px solid #cecece;padding: 5px;top: 10px;position: absolute;right: 10px;

}

.live-interation .div_header .meetting-id .copy_icon:hover{

    color:#000;

}

.live-interation .div_header .time{

    width: 50%;float: left;padding: 7px;border-right: 2px dashed #cecece;

}

.live-interation .div_header .password{

    width: 50%;float: right;position: relative;padding: 7px;

}

.live-interation .div_header .password .copy_icon1{

    border: 2px solid #cecece;padding: 5px;top: 10px;position: absolute;right: 10px;

}

.live-interation .div_header .password .copy_icon1:hover{

    color:#000;

}



.item-carousel img{

    width:100%;

    height:434px;

}



.principle-msg{

    display:block;

}

.msg-wrapper{

    border-radius:4px;color:#5d462a;

}

.msg-wrapper img{

    width: 100%;

}

.msg-wrapper .icon-holder{

    position: absolute;opacity:0.08;z-index: 0;

}

.msg-wrapper .icon-holder img{

    width: 20%;

}

.msg-wrapper .content-wrap{

    position: relative;z-index: 1;

}

.msg-wrapper .content-wrap h5{

    margin-top:25px;margin-left:25px;

}

.msg-wrapper .content-wrap p{

    line-height: 20px;

    font-size: 16px;

}



.tips{

    display:block;

}

.tips img {

    width: 100%;

}



.inline-segment{

    display:inline-block;width: 100%;

}

.inline-segment .box-wrapper{

    padding: 10px;

    background-color: #ffffff;

    border: 1px solid #ffffff;

    color: #fff;

    display: inline;

    float: left;

    width: 50%;

}

.inline-segment .box-wrapper a{

    display:block;

    border: 1px solid #eee;

    padding: 7px;

}

.inline-segment .box-wrapper a:hover{

    background-color: #fcfdff;

    box-shadow:0px 7px 15px rgba(43, 98, 169, 0.1);

}

.inline-segment .box-wrapper .icon-holder{

    margin-bottom: 32px;

}

.inline-segment .box-wrapper .icon-holder img{

    width:18%;

}

.inline-segment .box-wrapper h5{

    color:#56687e;

    margin-top: 30px;

    margin-bottom: 20px;

    text-transform: uppercase;

    font-size: 14px;

    font-weight:600;

}

.inline-segment .box-wrapper p{

    margin-top: 25px;

    color:#51637a;

    font-size: 16px;

    margin-bottom: 12px;    

}

@media only screen and (min-width: 320px) and (max-width: 812px) {

    .inline-segment .box-wrapper{

        padding: 20px;

        background-color: #e60003;

        border: 1px solid #ec3436;

        color: #fff;

        display: inline-block;

        float: none;

        width: 100%;

    }

}



.card{

    background-color: #ffffff;

}

.card .card-header{

    padding: 20px;

    border-bottom: 1px solid #ccc;

}

.d-flex{

    display:flex;

}

.align-items-center{

    align-items:center;

}

.ml-auto{

    margin-left: auto !important;

}

.card .card-header h4{

    color: #000000;

    font-size: 16px;

    font-weight: 600;

    margin: 0px;

}

.card .card-header a{

    color:#46C9D3;

}

.card .card-body{

    padding:20px;

    background-color:#fff;

}

.card .card-body .block-21{

    display: flex;

    align-items: center;

}

.card .card-body .block-21 .blog-img-holder{

    height: 70px;

    width: 70px;

    max-height: 70px;

    max-width: 70px;

    min-height: 70px;

    min-width: 70px;

    margin-right: 10px;

}

.card .card-body .block-21 .blog-img-holder .blog-img{

    color:#000000;

}

.card .card-body .block-21 .blog-img-holder .blog-img img{

    width: 100%;

    height:100%;

    box-shadow: 0 1px 15px 1px rgba(90,90,90,.08);

}

.card .card-body .block-21 .text .heading{

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 435px;   

}

.card .card-body .block-21 .text .heading a{

    color:#000000;  

}

.card .card-body .block-21 .text p{

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 435px;

}

@media only screen and (min-width: 320px) and (max-width: 812px) {

    .card .card-body .block-21{

        display: inline-grid;

    }

    .card .card-body .block-21 .text .heading{

        white-space: pre-wrap;

    }

    .card .card-body .block-21 .text p{

        white-space: pre-wrap;

    }

}



.card .card-body .block-21 .event-date{

    height: 100%;

    width: 50px;

    margin-right: 10px;

    padding: 3px 8px;

    text-align: center;

    background-color: #46c9d3;

    color: #fff;

}

.card .card-body .block-21 .text1 .heading{

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 175px;   

}

.card .card-body .block-21 .text1 p{

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 175px;

    font-size: 12px;

}

.card .card-body .block-21 .text1 p a{

    color:#000000;  

}

.clash-card{

    color: white;

    font-weight: 700;

    background-color: #EC9B3B;

    display: inline-block;

}

.clash-card .one-third{

    width: 33.33333333%;

    float: left;

    padding: 25px 12px;

    border-right: 1px solid #BD7C2F;

    border-bottom: 1px solid #bd7c2f;

    position:relative;

}

.clash-card .one-third span{

    position: absolute;

    top: 0px;

    right: 0px;

    background-color: #bd7c2f;

    padding: 0px 2px 2px 2px;

}

.clash-card .one-third .stat{

    position: relative;

    font-size: 13px;

    margin-bottom: 10px;

    border-bottom: 1px solid #bd7c2f;

    padding-bottom: 10px;

}

.clash-card .one-third .stat-value {

    text-transform: uppercase;

    font-weight: 400;

    font-size: 12px;

}



.card .card-body.quote-wrap{

    padding: 20px;

    text-align: center;

    background-color: #1ECE7B;

    color: #ffffff;

}

.card .card-body.quote-wrap h4{

    font-size:16px;font-weight:600;margin:0px;text-align:center;border-bottom: 1px solid #88e0b7;padding-bottom: 20px;

}

.card .card-body.quote-wrap .icon-holder{

    opacity:0.4;position:relative;top:10px;

}

.card .card-body.quote-wrap .icon-holder img{

    width: 10%;position: absolute;left: 0px;

}

.card .card-body.quote-wrap .content-wrap{

    position: relative;z-index: 1;height: 197px;min-height: 197px;max-height: 197px;align-items: center;text-align: center;margin: 0 auto;top: 40px;

}

.card .card-body.quote-wrap .content-wrap p{

    line-height: 26px;

    font-size: 20px;

    text-transform: capitalize;

}

.card .card-body.quote-wrap .holder-1{

    opacity:0.4;position: relative;right: 0px;

}

.card .card-body.quote-wrap .holder-1 img{

    width: 10%;float:right;

}

.card .card-body.quote-wrap .author{

    border-top: 1px solid #88e0b7;padding-top: 20px;margin-top: 38px;color: #3c9485;

}

.mb-10{

    margin-bottom:10px;

}

.mb-20{

    margin-bottom:20px;

}

.card .card-header .card-link{

    color:#46C9D3;

}

.no-padding{

    padding:0px!important;

}

.no-border{

    border:0px!important;

}

.yellow-card{

    background-color:#ec9b3b;

}

.yellow-card .card-header{

    border-bottom: 1px solid #bd7c2f;

}

.yellow-card .card-header h4, .yellow-card .card-header .card-link{

    color:#fff;

}

.p-20{

    padding:20px;

}

.bg-white{

    background-color:#ffffff;

}

.mt-0{margin-top:0px;}

.mb-0{margin-bottom:0px;}

.filter-wrapper{

    background-color: #fff;

    border-radius: 4px;

    margin-bottom:5px;

    border: 1px solid #eee;

}

.filter-box-wrapper{

    display: flex;

    align-items: center;

    position: relative;

    padding: 10px;

    width:100%;

}

.filter-box-wrapper .filter-content{

    text-align:left;

    margin-right: 10px;

    width: 55%;

}

.filter-box-wrapper .icon-holder{

    position: relative;

}

.filter-box-wrapper .icon-holder img {

    height: 45px;

    max-height: 45px;

    max-width: 45px;

    width: 45px;

    min-height: 45px;

    min-width: 45px;

    border-radius: 4px;

    box-shadow: 0 1px 15px 1px rgba(90,90,90,.4);

    

}

.type{

    text-align:left;

    margin-left:10px;

}

.type .badge{

    padding: 5px 10px;

    margin-bottom:6px;

}

.type .badge-primary{

    background-color: #8eb169;

}

.type .badge-purple{

    background-color: #9865da;

}

.type .price{

    font-size:14px;

    font-weight:600;

}

.discription{

    padding:10px;

    margin-bottom: 0px;

    display: grid;

}

.discription ul{

    display: block;

}

.discription ul li{ 

    float:left;

    width: 31%;

    border: 2px dashed #506179;

    border-radius: 4px;

}

.middle{

    margin-left: 8.8px;

    margin-right: 8.8px;

}

.discription div{

    padding: 5px 10px;

    position: relative;

}

.discription div .left{

    font-size: 14px;

    font-weight: 600;

}

.discription div .left span{

    font-size: 12px;

    font-weight: 500;

}

.discription div .right{

    position: absolute;

    right: 10px;

    bottom: 3px;

}

.discription div .right .fa{

    font-size:18px;

}

.fw-700{

    font-weight: 700;

}

.p-10{

    padding:10px;

}

.stats-wrap .table thead tr th{

    background-color:#fff;

    font-weight: 600;

    color: #314e73;

    border-top: 1px solid #ddd!important;

    border-bottom: 1px solid #ddd!important;

}

.stats-wrap .table tbody tr td div .img-holder{

    width: 60px;

    height:60px;

    min-width: 60px;

    min-height:60px;

    max-width: 60px;

    max-height:60px;

    border-radius: 4px;

    box-shadow: 0 1px 15px 1px rgba(90,90,90,.4);

    margin-right:10px;

}

.stats-wrap .table tbody tr td div .img-holder img{

    width: 100%;

    height: 100%;

    border-radius: 4px;

}

.stats-wrap .table tbody tr td .title{

    font-size: 15px;

    font-weight: 600;

}

.stats-wrap .table tbody tr td .sub-title{

    font-weight: 500;

    color: #8c9cb1;

}

.stats-wrap .table tbody tr td .amnt{

    font-weight: 500;

    font-size: 14px;

}

.badge-active{

    font-weight: 500;

    padding: 6px 12px;

    border-radius: 13px;

    color: #288853;

    background-color: #cbf1dc;

}

.badge-draft{

    font-weight: 500;

    padding: 6px 12px;

    border-radius: 13px;

    color: #444;

    background-color: #ccc;

}

.badge-expired{

    font-weight: 500;

    padding: 6px 12px;

    border-radius: 13px;

    color: #b71414;

    background-color: #f5a8a8;

}

.badge-review{

    font-weight: 500;

    padding: 6px 12px;

    border-radius: 13px;

    color: #b7ac14;

    background-color: #f3eda2;

}



.stats-wrap .table tbody tr td{

    vertical-align: middle;

}

.stats-wrap .table{

    margin-bottom:0;

}

.property-list{

    padding:10px;

    background-color: #fff;

}

.modal-header{

    position:relative;

}

.modal-header .close{

    position: absolute;

    right: 15px;

    top: 15px;

}

.ml-10{

    margin-left:10px;

}

.no-shadow{

    box-shadow:none!important;

}

.appointment{

    display: inline-block;

    width: 49.5%;

    margin: 0;

}

.section-heading{

    display:none;

}

.justify-content-between {

    -ms-flex-pack: justify!important;

    justify-content: space-between!important;

}

.property-list .body{

    border-radius: 4px;

    margin-bottom: 5px;

    border: 1px solid #eee;

    padding: 7px;

}

.property-list .body .icon-holder{

    width:30px;

    height:30px;

}

.property-list .body .icon-holder img{

    width:100%;

}

.property-list .body .date-time{

    display:flex;

}

.property-list .body .type{

    color: #314e73;

    margin: 0;

}

.property-list .body .status{

    color: #20deb3;

    margin: 0;

}

.mt-5{

    margin-top:5px;

}

.mb-5{

    margin-bottom:5px;

}

.text-muted {

    color: #adadad;

    font-weight: 400;

}

.align-items-baseline{

    align-items:baseline;

}

a:hover {

    color: #3379b7;

}

.pl-10{

    padding-left:10px;

}







.detail-wrapper{

    border-radius: 3px;

    background-color: #ffffff;

    padding: 20px 20px 0 20px;

}

.detail-wrapper h1{

    font-size: 30px;

    font-weight: 700;

    text-align: left;

    margin: 0px;

    position: relative;

    color: #333;

    margin-bottom: 5px;

}

.detail-wrapper .address {

    font-size: 18px;

    font-family: "Open Sans", sans-serif;

    font-weight: 300;

    text-align: left;

    color: #333333;

}

.detail-wrapper .address span {

    font-weight: 700;

}

.detail-wrapper .property_info {

    font-size: 14px;

    font-family: "Open Sans", sans-serif;

    font-weight: 300;

    text-align: left;

    color: #333333;

    border-left: 4px solid #79aeed;

    padding-left: 10px;

    margin-top: 15px;

}

.detail-wrapper .property_info p {

    display: inline-block;

}

.detail-wrapper .property_info span {

    font-weight: 700;

}

.detail-wrapper .property_info .innr_pro p {

    margin: 0px;

}

.detail-wrapper .property_info p {

    display: inline-block;

}

.detail-wrapper .property_info span {

    font-weight: 700;

}

.detail-wrapper .property_info .saprator {

    width: 20px;

    display: inline-block;

    text-align: center;

    position: relative;

    bottom: 3px;

}

.detail-wrapper .authority {

    margin-top: 20px;

}

.detail-wrapper .authority ul {

    margin: 0px;

    display: block;

    padding-left: 21px;

}

.detail-wrapper .nopadding {

    padding: 0px;

}

.detail-wrapper .authority ul li {

    color: #333;

    font-size: 14px;

    font-weight: 300;

    float: left;

    width: 34%;

    padding: 0 0px 15px 0;

    list-style: none;

    text-align: left;

    position: relative;

}

.detail-wrapper .authority ul li span {

    font-weight: 700;

}



  .overview-wrap{

      background-color:#fff;

  }

  .overview-wrap h3{

    color: #1c1c1c;

    font-size: 22px;

  }

  .overview-wrap .desc p{

    font-size: 14px;

    font-weight: 400;

    color:#444;

  }

  .overview-wrap .listitem {

    display: inline-block;

    padding: 15px 25px 15px 0;

}

.overview-wrap .lbl {

    display: block;

    color: #999;

}

.overview-wrap .lbl label {

    font-weight: 400;

    margin-bottom: 0;

    color: #999;

}

.overview-wrap .val {

    display: block;

    color: #1c1c1c;

    font-size: 15px;

    font-weight: 400;

}

.overview-wrap .table>tbody>tr>td, .overview-wrap .table>tbody>tr>th, .overview-wrap .table>tfoot>tr>td, .overview-wrap .table>tfoot>tr>th, .overview-wrap .table>thead>tr>td, .overview-wrap .table>thead>tr>th{

    border:0;

    padding: 0px;

}

.cbtn-btn{

    border-color: #0075ff;

    background-color: #0075ff;

    padding: 0 20px;

    border: 1px solid #0075ff;

    border-radius: 4px;

    height: 36px;

    line-height: 34px;

    font-size: 14px;

    color: #fff;

    text-transform: capitalize;

}

.cbtn-btn:hover, .cbtn-btn:focus{

    color:#fff;

}

.amenities-wrap{

    background-color:#fff;

}

.amenities-wrap h3{

    color: #1c1c1c;

    font-size: 22px;

}

.icons-list {

    padding-top: 25px;

}

.icons-list .listitem {

    display: inline-block;

    width: 20%;

    padding: 0 0 40px;

    vertical-align: top;

    text-align: LEFT;

}

.icons-list .listitem .outside-container{

    position: relative;

}

.icons-list .icon-wrap {

    font-size: 28px;

    margin-bottom: 5px;

}

.icons-list .txt {

    line-height: 1.2;

    font-size: 14px;

    color: #97a2b2;

}

.icons-list .listitem.disabled .notPresent {

    font-size: 9px;

    color: #e74242;

}

.icons-list .listitem .overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(255,255,255,.7);

}

.icons-list .listitem.disabled .txt {

    text-decoration: line-through;

}

.w-100{

    width:100%;

}

.data-wrap{

    background-color:#fff;

}

@media (min-width: 768px){

    .data-wrap .type-col .type-wrap {

        font-size: 32px;

    }

}

.data-wrap .type-col .type-wrap {

    display: inline-block;

    color: #1c1c1c;

    font-size: 24px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    max-width: 100%;

    max-width: calc(100% - 188px);

    font-weight: 400;

}

.data-wrap .type-col .type-wrap .type {

    font-size: 24px;

    line-height: 1.15;

    font-weight: 500;

    text-transform: capitalize;

    margin-left:0px;

}

.data-wrap .type-col .type-wrap .size {

    color: #999;

    font-size: 18px;

}

.data-wrap .type-col .type-wrap .loc-wrap {

    line-height: 1;

    color: #999;

    font-size: 14px;

}

.data-wrap .loc-wrap .loclink {

    color: #e81c28;

    text-decoration: none;

    cursor: pointer;

}

.data-wrap .loc-wrap .ib {

    display: inline-block;

    padding-left: 5px;

}

.data-wrap .i-row {

    padding: 40px 0 20px;

    display: inline-flex;

}

@media (min-width: 768px){

    .data-wrap .i-lcol {

        width: 150px;

    }

}

.data-wrap .i-lcol {

    float: left;

    width: 145px;

    border-right: solid 1px #ececec;

}

.data-wrap .price-wrap .price sup.rupee {

    font-size: 17px;

}

.data-wrap .price-wrap .price sup.rupee, .top-hdng .price-wrap .price sup.rupee {

    margin-right: 2px;

    color: #666;

    font-size: 13px;

}

.data-wrap sup {

    top: -.5em;

}

.currency:before {

    content: '₹';

}

.data-wrap .price-wrap .price .val {

    font-size: 28px;

    font-weight: 500;

}

.data-wrap .price-wrap .price .val, .top-hdng .price-wrap .price .val {

    display: inline-block;

    font-size: 24px;

    line-height: 1;

    color: #1c1c1c;

}

.data-wrap .price-wrap .price .unit, .top-hdng .price-wrap .price .unit {

    display: inline-block;

    padding-left: 3px;

    text-transform: initial;

}

.data-wrap .emilink, .data-wrap .ptlink {

    padding-left: 5px;

    color: #e81c28;

    font-size: 12px;

    text-decoration: none;

    cursor: pointer;

}

.data-wrap .rate-wrap {

    font-size: 13px;

    color: #999;

}

.data-wrap .sub-points {

    width: 100%;

}

.data-wrap .sub-points thead {

    display: none;

}

.data-wrap .ditem {

    display: inline-block;

    padding: 0 30px 0 0;

}

.data-wrap .ditem .lbl {

    display: block;

    color: #999;

    font-size: 14px;

}

.data-wrap .ditem .lbl label {

    font-weight: 400;

    margin-bottom: 0;

}

.data-wrap .ditem .val {

    overflow: hidden;

    display: block;

    color: #1c1c1c;

    font-weight: 500;

    font-size: 16px;

    line-height: 1.35;

}

.data-wrap .ditem .val, .data-wrap .offerstrip, .seller-grid .g-body .g-row .name-col .other-info .bname {

    max-width: 100%;

    white-space: nowrap;

    text-overflow: ellipsis;

}

@media (min-width: 768px){

    .data-wrap .i-rcol {

        width: calc(100% - 100px - 30px);

    }

}

.data-wrap .i-rcol {

    float: right;

    width: calc(100% - 100px - 30px);

}

.sub-points-row{

    padding-left:35px;

}

.review-form{

    background-color: #fff;

    padding: 20px;

}

.propert-div-wrap{

    position: relative;

}

.propert-div-wrap .property-holder{

    border: 2px dashed #eee;

    padding: 10px;

    border-radius: 4px;

}

.propert-div-wrap .property-holder .view{

    background-color: #ffffff;

    padding: 6px 12px;

    text-align: center;

    font-weight: 700;

    color: #314e73;

    border: 2px dashed #eeeeee;

    border-radius: 0px;

    display:table;

    margin-bottom:10px;

}

.propert-div-wrap .img-holder{

    border-radius: 4px;

    margin-right: 25px;

    width: 200px;

    height: 167px;



}

.propert-div-wrap .img-holder img{

    width: 100%;

    border-radius: 4px;

    box-shadow: 0px 5px 15px 0px #ccc;

}

.propert-div-wrap .amenities-wrap {

    background-color: #fff;

}

.propert-div-wrap .icons-list {

    padding-top: 25px;

    width: 100%;

}

.propert-div-wrap .icons-list .listitem {

    display: inline-block;

    width: 24%;

    padding: 0 0 40px;

    vertical-align: top;

    text-align: left;

}

.propert-div-wrap .icons-list .listitem .outside-container {

    position: relative;

}

.propert-div-wrap .icons-list .txt {

    line-height: 1.2;

    font-size: 14px;

    color: #2e496d;

    font-weight: 600;

}

.propert-div-wrap .icons-list .txt-specs{

    font-size: 14px;

    margin-top: 10px;

}

.text-underline{

    text-decoration: underline;

}

.mb-0{

    margin-bottom:0px;

}

.ml-20{

    margin-left:20px;

}

.tab-content .menu2 .img-holder{

    width: 90px;

    height: 90px;

    position:relative;

    background-color: #eee;

    border-radius: 50%;

}

.tab-content .menu2 .img-holder span{

    position: absolute;

    top: 30%;

    left: 30%;

    font-size: 30px;

    font-weight: 600;

}

.card{

    border: 1px solid #eee;

}

.pl-20{padding-left:20px;}

.pr-20{padding-right:20px;}

.home-wrap h5{

    font-size: 16px;

    font-weight: 500;

}

.doc-list{margin-top:20px;text-align: left;}

.doc-list .img-holder{

    width: 100px;

    height: 140px;

    overflow: hidden;

    box-shadow: 0 1px 15px 1px rgba(90,90,90,.4);

    border: 1px solid #e0e0e0;

}

.doc-list img{

    width:100%;

}

.mt-20{

    margin-top:20px;

}

.mb-5{margin-bottom:5px;}

.back{

    position: absolute;

    top: 20px;

    right: 20px;

    font-weight: 600;

    text-transform: uppercase;

    color: #000;

}

.btn-outline{

    background-color: #ffffff;

    border: 1px solid #0075ff;

    color:#000;

}

.btn-outline:hover{

    background-color: #0075ff;

    border: 1px solid #0075ff;

    color:#ffffff;

}

.btn-outline:active, .btn-outline.active{

    background-color: #0075ff;

    border: 1px solid #0075ff;

    color:#ffffff;

}

.responsive-table li {

    border-radius: 3px;

    padding: 25px 30px;

    display: flex;

    justify-content: space-between;

    margin-bottom: 15px;

    font-size: 14px;

  }

  .responsive-table .table-header {

    background-color: #ffffff;

    font-size: 14px;

    text-transform: uppercase;

    letter-spacing: 0.03em;

    font-weight: 600;

  }

  .responsive-table .table-row {

    background-color: #ffffff;

    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);

  }

  .responsive-table .col-1 {

    flex-basis: 25%;

  }

  .responsive-table .col-2 {

    flex-basis: 25%;

  }

  .responsive-table .col-3 {

    flex-basis: 25%;

  }

  .responsive-table .col-4 {

    flex-basis: 25%;

  }

  .responsive-table .col-5 {

    flex-basis: 25%;

  }

  .responsive-table .col-6 {

    flex-basis: 25%;

  }

  @media all and (max-width: 767px) {

    .responsive-table .table-header {

      display: none;

    }

    .responsive-table li {

      display: block;

    }

    .responsive-table .col {

      flex-basis: 100%;

    }

    .responsive-table .col {

      display: flex;

      padding: 10px 0;

    }

    .responsive-table .col:before {

      color: #6C7A89;

      padding-right: 10px;

      content: attr(data-label);

      flex-basis: 50%;

      text-align: right;

    }

  }

  .pos-rel{

      position:relative;

  }

  .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {

    background: 0 0;

    border-radius: 30px;

    color: #000000;

}

.list-btn{

    position: absolute;

    bottom: 20px;

    right: 20px;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {

    background: 0 0;

    color: #2a2a2a;

}

.appt-box-wrap{

    display:block;

}

.appt-box{

    border: 1px solid #eee;

    padding: 10px;

    color: #314e73;

    background-color: #314e7308;

}

.no-gutter{

    padding-left:0px;

    padding-right:0px;

}

.mt-20{

    margin-top:20px;

}

.view-count{

    background-color: #ffffff;

    padding: 6px 12px;

    text-align: center;

    font-weight: 700;

    color: #314e73;

    border: 2px dashed #eeeeee;

    border-radius: 0px;

    display: table;

    margin-bottom: 10px;

}

.stats-wrap{

    border-radius: 3px;

    background-color: #ffffff;

    padding: 20px 20px 0 20px;

}

.agent-wrap{

    border-radius: 3px;

    background-color: #ffffff;

    padding: 20px 20px 0 20px;

}

.agent-wrap .border-box{

    border: 1px solid #eee;

    padding: 15px;

    border-radius: 8px;

}

.profile-wrap{

    width: 100px;

    height: 100px;

    margin: 0 auto;

    border-radius: 50%;

    margin-bottom: 40px;

}

.profile-wrap img{

    border-radius: 50%;

    border:2px solid #eee;

    padding: 5px;

}

.btn-contact{

    background-color: #0075ff;

    padding: 12px 12px;

    text-transform: capitalize;

    font-size: 16px;

    letter-spacing: 1px;

}

.btn-contact:hover{

    background-color:#ffffff;

    border:1px solid #0075ff;

    color:#0075ff;

    padding: 12px 12px;

}

.nav-tabs>li.active>a{

    font-weight: 600;

    font-size: 14px;

    text-transform: uppercase;

}

.nav-tabs>li>a{

    font-weight: 600;

    font-size: 14px;

    text-transform: uppercase;

}

.br-8{

    border-radius:8px;

}

.box-1{

    background: rgba(235, 139, 110, 0.04);

}

.box-2{

    background: rgba(20, 202, 182, 0.04);

}

.box-3{

    background: rgba(126, 160, 239, 0.04);

}

.box-4{

    background: rgba(235, 202, 110, 0.04);

}

.box-5{

    background: rgba(202, 20, 45, 0.04);

}

.box-6{

    background: rgba(201, 144, 236, 0.04);

}

.box-7{

    background: rgba(132, 197, 41, 0.04);

}

.box-8{

    background: rgba(236, 144, 225, 0.04);

}

.btn-info {

    border-color: #79aeed!important;

}

.btn-info {

    background-color: #5295e8!important;

}

.border-0{

    border:0px!important;

}

.d-inline{

    display:inline;

}

.view {

    background-color: #ffffff;

    padding: 6px 12px;

    text-align: center;

    font-weight: 700;

    color: #314e73;

    border: 2px dashed #eeeeee;

    border-radius: 0px;

    display: table;

    margin-bottom: 10px;

    display: inline-block;

} */

.cursor-pointer {

    cursor: pointer;

}

body {

    word-break: break-all;

}

.navi.navbar-default {

    background: transparent;

    border: 0;

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    width: 100%;

    z-index: 999 !important;

}

.navi.navbar-default.inner-nav {

    background: #fff;

    box-shadow: 0 2px 8px hsl(204deg 60% 32% / 32%);

    border-radius: 0px;

    padding: 10px 0;

}

.navi.navbar-default .navbar-nav > li > a {

    color: #505050;

    font-size: 15px;

}



.navi.navbar-default .navbar-nav > .active > a,

.navi.navbar-default .navbar-nav > .active > a:focus,

.navi.navbar-default .navbar-nav > .active > a:hover,

.navi.navbar-default .navbar-nav > .open > a,

.navi.navbar-default .navbar-nav > .open > a:focus,

.navi.navbar-default .navbar-nav > .open > a:hover {

    background: 0 0;

    color: #fff;

}



.navi.navbar-default .navbar-nav > li > a:focus,

.navi.navbar-default .navbar-nav > li > a:hover {

    background: 0 0;

    color: #0d73bb;

}

.navi .nav {

    display: flex;

    align-items: center;

}

.navi.navbar-default .navbar-nav > li.customers-nav-item-login > a {

    background: rgba(255, 255, 255, 1) !important;

    color: #000 !important;

    display: inline;

    border-radius: 4px;

    line-height: 90px;

    padding: 8px 18px;

}



.navi.navbar-default .navbar-nav > li.customers-nav-item-login > a:active,

.navi.navbar-default .navbar-nav > li.customers-nav-item-login > a:hover {

    background: rgba(255, 255, 255, 0.9) !important;

}

.nav > li > a > img {

    width: 30px;

    border-radius: 90px;

}



.m-0 {

    margin: 0px !important;

}

.mt-0 {

    margin-top: 0px !important;

}

.mr-0 {

    margin-right: 0px !important;

}

.mb-0 {

    margin-bottom: 0px !important;

}

.ml-0 {

    margin-left: 0px !important;

}

.mt-1 {

    margin-top: 10px !important;

}

.mr-1 {

    margin-right: 10px !important;

}

.mb-1 {

    margin-bottom: 10px !important;

}

.ml-1 {

    margin-left: 10px !important;

}

.mt-2 {

    margin-top: 20px !important;

}

.mr-2 {

    margin-right: 20px !important;

}

.mb-2 {

    margin-bottom: 20px !important;

}

.ml-2 {

    margin-left: 20px !important;

}

.mt-3 {

    margin-top: 30px !important;

}

.mr-3 {

    margin-right: 30px !important;

}

.mb-3 {

    margin-bottom: 30px !important;

}

.ml-3 {

    margin-left: 30px !important;

}

.mt-4 {

    margin-top: 40px !important;

}

.mr-4 {

    margin-right: 40px !important;

}

.mb-4 {

    margin-bottom: 40px !important;

}

.ml-4 {

    margin-left: 40px !important;

}

.mt-5 {

    margin-top: 50px !important;

}

.mr-5 {

    margin-right: 50px !important;

}

.mb-5 {

    margin-bottom: 50px !important;

}

.ml-5 {

    margin-left: 50px !important;

}



/* padding */

.p-0 {

    padding: 0px !important;

}

.pt-0 {

    padding-top: 0px !important;

}

.pr-0 {

    padding-right: 0px !important;

}

.pb-0 {

    padding-bottom: 0px !important;

}

.pl-0 {

    padding-left: 0px !important;

}

.pt-1 {

    padding-top: 10px !important;

}

.pr-1 {

    padding-right: 10px !important;

}

.pb-1 {

    padding-bottom: 10px !important;

}

.pl-1 {

    padding-left: 10px !important;

}

.pt-2 {

    padding-top: 20px !important;

}

.pr-2 {

    padding-right: 20px !important;

}

.pb-2 {

    padding-bottom: 20px !important;

}

.pl-2 {

    padding-left: 20px !important;

}

.pt-3 {

    padding-top: 30px !important;

}

.pr-3 {

    padding-right: 30px !important;

}

.pb-3 {

    padding-bottom: 30px !important;

}

.pl-3 {

    padding-left: 30px !important;

}

.pt-4 {

    padding-top: 40px !important;

}

.pr-4 {

    padding-right: 40px !important;

}

.pb-4 {

    padding-bottom: 40px !important;

}

.pl-4 {

    padding-left: 40px !important;

}

.pt-5 {

    padding-top: 50px !important;

}

.pr-5 {

    padding-right: 50px !important;

}

.pb-5 {

    padding-bottom: 50px !important;

}

.pl-5 {

    padding-left: 50px !important;

}

.main-page {

    /* padding-top: 90px; */

    background: #f1f1f1;

    min-height: 100vh;

}

.btn-round {

    width: 40px;

    height: 40px;

    border-radius: 90px !important;

}

.btn:focus,

.form-control,

a {

    outline: none;

}

.btn-blue {

    background: #0e74bc;

    color: #fff;

    border-radius: 2px;

}

.btn-blue:hover {

    color: #fff;

    background: #0e74bc;

}

.nowrap {

    white-space: nowrap;

}

.text-gray {

    color: #929292;

}

.white-box {

    background: #fff;

    padding: 30px;

    margin-bottom: 30px;

    box-shadow: 0 7px 15px #cccccc75;

}

.pt-140 {

    padding-top: 140px !important;

}

.btn-info {

    background: #2480be !important;

    border-radius: 2px;

    padding: 11px;

    border-color: #166faa !important;

    font-weight: 600;

}

a,

a:hover,

a:focus {

    text-decoration: none;

}

.d-flex {

    display: flex;

}

.flex-wrap {

    flex-wrap: wrap;

}

.d-block {

    display: block;

}

.d-none {

    display: none !important;

}

.align-items-center {

    align-items: center !important;

}

.justify-content-center {

    justify-content: center;

}

.justify-content-between {

    justify-content: space-between;

}

.ml-auto,

.mx-auto {

    margin-left: auto !important;

}

.font-12 {

    font-size: 12px;

}

.font-14 {

    font-size: 14px;

}

.font-16 {

    font-size: 16px;

}

.font-18 {

    font-size: 18px;

}

.font-20 {

    font-size: 20px;

}

.text-black {

    color: #000;

}

.bold {

    font-weight: bold;

}

.hero-banner {

    position: relative;

    /* min-height: calc(100vh - 90px); */

    min-height: 100vh;

}

.creative-banner {

    position: relative;

    overflow: hidden;

    background-color: #2480be;

    background: -webkit-linear-gradient(110deg, #2480be 0%, #1f5579 100%);

    background: linear-gradient(110deg, #2480be 0%, #1f5579 100%);

}

.hero-banner .hero-text {

    width: 100%;

    padding-top: 150px;

}

.hero-text > .container {

    width: 100%;

    max-width: 1400px;

}

.student-img {

    width: 80px;

    height: 80px;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 90px;

    border: 4px solid #3d96d2;

    margin: 0 auto;

    background: #ffffff;

    font-size: 22px;

    font-weight: bold;

}

.student-img img {

    max-height: 80px;

    min-height: 80px;

    min-width: 80px;

}

.hero-banner .hero-title {

    font-size: 24px;

    color: #fff;

}

.text-uppercase {

    text-transform: uppercase;

}

.text-white {

    color: #fff;

}

.main-banner-icon {

    margin-top: 40px;

    position: relative;

    z-index: 9;

}



.main-banner-icon > .row > .col-md-3 {

    width: 100%;

    flex: 0 0 20%;

}

.banner-icons {

    margin-bottom: 30px;

    border: 1px solid #85ceff;

    border-radius: 3px;

}

.banner-icons a {

    display: block;

    transition: 0.5s all ease;

    padding: 30px 10px;

}

.banner-icons .img-icon {

    background: #fff;

    border-radius: 90px;

    width: 90px;

    height: 90px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 4px solid #3d96d2;

    margin: 0 auto;

    box-shadow: 0 4px 3px #205c84;

    transition: 0.5s all ease;

}

.banner-icons img {

    width: 50px;

}

.banner-icons a h4 {

    color: #fff;

    font-size: 20px;

    font-weight: 500;

    text-transform: uppercase;

    margin-bottom: 0px;

}

.creative-banner .hero-footer {

    height: 260px;

    position: absolute;

    z-index: 1;

    bottom: 0;

    left: 0;

    width: 100%;

    background-position: 0 0;

    background: url(https://www.theisb.in/accounts/assets/images/banner-curve.png);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: bottom;

}

.home-user {

    position: relative;

    z-index: 9;

}

.banner-bottom-shape {

    position: absolute;

    bottom: 0;

    left: -5px;

    right: 0;

}

.login-main {

    display: flex;

    flex-direction: column;

    height: 100vh;

    align-items: center;

    justify-content: center;

    background: #f1f1f1;

}

.inner-login {

    background: #fff;

    padding: 40px 50px;

    max-width: 540px;

    min-width: 540px;

    box-shadow: 0 21px 10px #e6e6e6;

    border-radius: 3px;

}

.login-heading {

    font-size: 22px;

    color: #0f74bd;

    margin-bottom: 30px;

    text-align: center;

    border-bottom: 1px solid #e4e4e4;

    padding-bottom: 20px;

    margin-top: 0;

}

.logo {

    margin: 5px 0 0 0;

    padding: 0px 0;

}

.form-control {

    border-radius: 2px;

    box-shadow: none;

    border: 1px solid #dedede;

    background: #fff !important;

    /* height: 38px; */

    padding: 6px 12px;

}

.form-group p.text-danger {

    margin-top: 4px;

    margin-bottom: 0px;

}

.full-modal {

    width: 85%;

    margin: 15px auto 10px auto;

}

.modal-content {

    border-radius: 0px;

}

.modal-content {

    border-radius: 0px;

}

.modal-header-2 {

    /* background: red; */

    padding: 20px 40px 20px 20px;

    color: #fff;

    /* font-size: 24px; */

}

.modal-header-2 .modal-title {

    font-size: 20px;

    font-weight: unset;

}

.modal-header-2 button.close {

    position: absolute;

    right: 20px;

    top: 25px;

    opacity: 1;

    color: #fff;

    text-shadow: none;

    z-index: 9;

}

.full-modal .modal-body {

    overflow-y: auto;

    max-height: calc(100vh - 130px);

}



.modal-header-2,

.autocomplete .bootstrap-select .dropdown-menu > li > a.active,

.btn-custom,

.custom-select .dropdown-menu > .active > a,

.profile-details .nav-tabs > li.active > a,

.profile-details .nav-tabs > li:hover a {

    background: -webkit-linear-gradient(110deg, #2480be 0%, #1f5579 100%);

    background: linear-gradient(110deg, #2480be 0%, #1f5579 100%);

}

.custom-dropdown {

    width: 100% !important;

}

.custom-dropdown .btn:focus {

    outline: none !important;

    box-shadow: none;

}

.custom-dropdown .btn {

    background: #fff;

    border-radius: 2px;

}

.custom-tabs .nav.nav-tabs > li > a {

    font-size: 14px;

    padding: 14px 26px;

    margin: 0px 0 10px;

    border: 2px solid #f1f1f1;

    padding: 9px 18px !important;

    border-radius: 4px;

}

.custom-tabs ul.nav.nav-tabs {

    border-bottom: 0px;

}

.custom-tabs .nav.nav-tabs > li.active > a,

.custom-tabs .nav.nav-tabs > li:hover > a {

    background-color: #0e74bc;

    color: #fff;

    border-color: #0e74bc;

    transition: 0.5s all ease;

}

.nav-tabs > li > a {

    color: #6b6b6b;

}

.table-custom tbody tr td {

    border-top: 1px solid #f1f1f1;

    color: #676565;

    vertical-align: middle;

}

.table-custom tbody tr td .client-profile-image-small {

    width: 60px;

    border-radius: 3px;

}

.table-custom thead tr th {

    background: #f5f5f5;

    border-bottom: 0px;

    font-weight: 600;

    white-space: nowrap;

}

.nav-profile {

    background: #2480be;

}

.nav-profile .nav.navbar-nav > li > a {

    color: #fff;

    transition: 0.5s all ease;

}

.nav-profile .nav.navbar-nav > li:hover > a,

.nav-profile .nav.navbar-nav > li > a:focus {

    background: #196ba2;

}

.nav-profile .nav.navbar-nav {

    float: none;

    display: flex;

    justify-content: center;

}



.card-header {

    padding: 0.75rem 1.25rem;

    margin-bottom: 20px;

    background-color: rgba(0, 0, 0, 0.03);

    border-bottom: 1px solid rgba(0, 0, 0, 0.125);

}

.right-tab-wrap .card-header h4 {

    font-family: Barlow, sans-serif;

    font-size: 22px;

    font-weight: 600;

    font-style: normal;

    letter-spacing: 0;

    color: #000;

    opacity: 1;

}

.form-control[disabled],

.form-control[readonly],

fieldset[disabled] .form-control {

    background-color: #f1f5f7 !important;

}

.right-tab-wrap .card-body ul {

    display: flex;

    list-style: disc;

    margin-bottom: 15px;

}

.right-tab-wrap .card-body ul li {

    margin-left: 30px;

    color: grey;

}

.account-section .right-tab-wrap .card-body .custom-date {

    padding: 8.4px 12px;

    border: 1px solid #e9e9e9;

}

.date.input-group {

    display: flex;

    align-items: center;

}

.media-user .media-left {

    width: 70px;

    height: 70px;

    border-radius: 90px;

    overflow: hidden;

    padding: 0px;

    border: 1px solid #d8d8d8;

    min-width: 70px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.media-user .media-left img {

    min-width: 72px;

}

.align-items-end {

    align-items: flex-end;

}

.justify-content-end {

    justify-content: flex-end;

}

.care-plan .rounded {

    width: 60px;

}

.care-plan a {

    color: #000;

}

.custom-tabs ul li {

    margin-right: 5px;

}

.list-services {

    margin-bottom: 0px;

    display: block;

    overflow: hidden;

}

.list-services li {

    list-style-position: inside;

    float: left;

    padding: 4px 8px;

    margin-right: 5px;

    list-style-type: none;

    border-radius: 3px;

    color: #fff;

}

.list-services li:nth-child(1n + 1) {

    background-color: #4b77da;

}

.list-services li:nth-child(2n + 2) {

    background-color: #e84a8c;

}

.list-services li:nth-child(3n + 3) {

    background-color: #c73c3c;

}

.list-services li:nth-child(4n + 4) {

    background-color: #2f9ace;

}

.list-services li:nth-child(5n + 5) {

    background-color: #dc37d7;

}

.list-services li:nth-child(6n + 6) {

    background-color: #7e8c8c;

}

.list-services li:last-child {

    margin-right: 0px;

}

.profile-details h4 {

    color: #2480be;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

}

.btn-success {

    background-color: #11a200 !important;

    border-radius: 2px !important;

    border: 1px solid #11a200 !important;

    transition: 0.5s all ease;

}

.btn-success:hover {

    background-color: #fff !important;

    color: #11a200 !important;

}

.btn-danger {

    background-color: #ce0015 !important;

    border-radius: 2px !important;

    border: 1px solid #ce0015 !important;

    transition: 0.5s all ease;

}

.btn-danger:hover {

    background-color: #fff !important;

    color: #ce0015 !important;

}

.profile-details {

    border-bottom: 2px dashed #e6e6e6;

    border-top: 2px dashed #e6e6e6;

    margin-top: 20px;

    margin-bottom: 20px;

    padding: 12px 0;

}



/* review  */

.review {

    width: 100%;

    display: inline-block;

    margin: 10px 0;

}

.review-photo {

    height: 80px;

    width: 80px;

    display: flex;

    justify-content: center;

    flex-direction: column;

    align-items: center;

    float: left;

    margin-right: 3em;

    border-radius: 90%;

    overflow: hidden;

    border: 4px solid #ececec;

}

.review-photo img {

    width: 100%;

}

.review-photo a {

    color: #fff;

    font-size: 18px;

}



.review-box {

    float: left;

    display: inline-block;

    width: 87.5%;

    background: #f6f6f6;

    padding: 1.5em;

    position: relative;

}

.review-box:after,

.review-box:before {

    right: 100%;

    top: 10%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

}

.review-box:after {

    border-right-color: #f6f6f6;

    border-width: 25px;

}

.review-comment {

    color: #737373;

}

.review-date {

    color: #868686;

}

.review-author {

    color: #c7c7c7;

}

.review-author strong {

    color: black;

}

.progress {

    border: 1px solid #96cd48;

}

/* review */

.profile-box .review-photo {

    display: flex;

    float: none;

    margin: 0 auto 15px;

    align-items: center;

    justify-content: center;

}

.profile-box .review-photo a {

    color: #fff;

    font-size: 18px;

}

.profile-box {

    border: 1px solid #e6e6e6;

    padding: 20px 15px;

    margin-bottom: 30px;

    border-radius: 4px;

}

.profile-box h4 {

    color: #0e74bc;

}

.profile-box p {

    margin: 0px;

    color: #6f6f6f;

}

.user-profile-text {

    width: 70px;

    height: 70px;

    text-align: center;

    display: flex !important;

    align-items: center;

    justify-content: center;

    color: #fff !important;

    font-size: 20px;

    font-weight: bold;

    border-radius: 90px;

}

.navi .nav li.dropdown.customers-nav-item-profile .media-object {

    width: 40px;

    height: 40px;

    font-size: 14px;

}

.customers-nav-item-profile a.dropdown-toggle {

    width: 45px;

    padding: 0px;

    height: 45px;

    border-radius: 90px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.customers-nav-item-profile a.dropdown-toggle .client-profile-image-small {

    width: 30px;

    min-height: 30px;

    max-height: 30px;

}

.dataTables_wrapper .dataTables_length .dropdown.bootstrap-select .dropdown-menu.open {

    top: 33px;

    min-height: 110px !important;

}

.appointment-table-custom.table-custom thead tr th {

    white-space: nowrap;

    min-width: 100px;

}

.custom-table-2 thead th,

.custom-table-2 tbody td {

    border-bottom: 1px solid #eaeaea !important;

    padding-left: 0;

    border-top: 0px solid !important;

}

.list-status a.active {

    background: #f9fafb;

}

.list-status a {

    border: 1px solid #eee;

    padding: 15px;

    display: inline-block;

    width: 100%;

    border-radius: 4px;

}

.list-status a .ticket-status-heading {

    margin: 0 0 5px 0;

}

.custom-table-2 thead th {

    font-weight: 600;

}

.single-ticket .panel_s {

    border: none;

    -webkit-box-shadow: 0 1px 15px 1px rgb(90 90 90 / 8%);

    box-shadow: 0 1px 15px 1px rgb(90 90 90 / 8%);

    margin-bottom: 6px;

}

.single-ticket .panel_s .panel-body {

    border-bottom: 0px;

}

.panel_s > .panel-heading {

    color: inherit;

    font-weight: 500;

    padding: 10px;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    font-size: 15px;

    border: 1px solid #e4e5e7;

}

.panel_s > .panel-heading + .panel-body {

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    border-top: 0;

}

.client-reply {

    background: #ffffe6 !important;

    color: #333;

}

.panel_s .panel-body {

    background: #fff;

    border: 1px solid #e4e5e7;

    border-radius: 4px;

    padding: 20px;

    position: relative;

}

.label {

    padding: 0.4em 0.6em 0.5em;

}

.preview_image {

    height: auto;

    width: 250px;

    overflow: hidden;

    margin-bottom: 15px;

    margin-top: 15px;

}

.preview_image img {

    width: 100%;

    height: auto;

}

.select-blue button.btn.dropdown-toggle.btn-default {

    background: #0286c2;

    color: #fff;

}



/*  */

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {

    min-width: 60px !important;

    white-space: nowrap;

}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover,

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover,

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {

    background: #2480be !important;

}



.profile-box-text .tooltip {

    opacity: 1;

}

.profile-box-text .tooltip .tooltip-inner {

    background: white;

    color: #5a5a5a;

    opacity: 1;

    box-shadow: 0 0 5px #0e0e0e26;

    max-width: 300px;

    font-size: 13px;

    letter-spacing: 1px;

    line-height: 20px;

    padding: 13px;

    word-break: break-all;



}

.profile-box-text .tooltip.top .tooltip-arrow {

    border-top-color: #0e74bc;

}

.profile-box .profile-box-text p {

    text-align: left;

    border-bottom: 1px solid #f1f1f1;

    padding: 10px;

}

.profile-box .profile-box-text p:last-child {

    border-bottom: 0px;

    padding-bottom: 0px;

}

.text-blue {

    color: #2480be;

}

/*  */



@media (min-width: 1200px) {

    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl {

        /* min-width: 1450px !important; */

        min-width: auto;

        width: auto;

        max-width: 1450px !important;

    }

}

@media all and (max-width: 991px) {

    .nav > li > a {

        padding: 10px 8px;

    }

    .logo {

        width: 130px;

    }

    .main-banner-icon > .row > .col-md-3 {

        flex: 0 0 40%;

    }

}



@media only screen and (max-width: 767px) {

    .navi .nav {

        display: block;

    }

    .inner-login {

        background: #fff;

        padding: 30px 20px;

        max-width: 530px;

        min-width: 100%;

    }

    .logo {

        margin: 5px 0 0 15px;

        width: 160px;

    }

}

/*pooja css*/

.switch {

    position: relative;

    display: inline-block;

    width: 58px;

    height: 32px;

}



.switch input {

    opacity: 0;

    width: 0;

    height: 0;

}



.slider {

    position: absolute;

    cursor: pointer;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #cccccc;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.slider:before {

    position: absolute;

    content: "";

    height: 26px;

    width: 26px;

    left: 3px;

    bottom: 3px;

    background-color: #ffffff;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



input:checked + .slider {

    background-color: #368bd6;

}



input:checked + .slider:before {

    -webkit-transform: translateX(26px);

    -ms-transform: translateX(26px);

    transform: translateX(26px);

}



.slider {

    border-radius: 32px;

}



.slider:before {

    border-radius: 50%;

}

.m-auto {

    margin-right: auto;

    margin-left: auto;

}

#studentlistmodel #clientdata_list thead tr th {

    width: auto !important;

    white-space: nowrap;

}

textarea:focus,

textarea.form-control:focus {

    text-decoration: none !important;

    box-shadow: none;

}

.media.media-user {

    display: flex;

    justify-content: center;

    align-items: center;

}

.title {

    margin: 0 0 20px 0;

    color: #2480be;

    font-size: 20px;

    border-bottom: 1px solid #f1f1f1;

    padding-bottom: 10px;

}

.tooltip .tooltip-inner { 
    max-width: 600px !important;
}
.review .stafimginidiv a.stafimgini {
    color: #0e74bc;
}