/*-----------------------------------------------------------------------------------
	    NatSyncApp-6
        Built with Blocs
-----------------------------------------------------------------------------------*/
 
body{
	margin:0;
	padding:0;
    background:#F0F8FF;
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-container{overflow-x:hidden;} /* Prevents unwanted scroll space when scroll FX used. */
a,button{transition: background .3s ease-in-out;outline: none!important;} /* Prevent ugly blue glow on chrome and safari */
a:hover{text-decoration: none; cursor:pointer;}


/*---------------------------------------------------
Row css
*/
.col.listing_bloc {
    background-color: #d8d8d8;
}
 /* General Mobiscroll Overrides */
.mobiscroll-override .dw-persp {
    height: 100vh !important; /* Ensure full height */
}

.mobiscroll-override .dw {
    top: 75% !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 auto;
    position: fixed !important;
}
.dw-i {
    color: #000;
}
.mbsc-ios .dw-sel {
    color: #000;
}
.mobiscroll-override .dww {
    height: 170px !important; /* Fixed height for scroller */
}

.mobiscroll-override .dw-li {
    height: 34px !important;
    line-height: 34px !important;
}

/* Hide any dynamic transformations */
.mobiscroll-override .dw-ul {
  /*  transform: none !important;*/
    margin-top: 68px;
}
.right-slidenav .menu-item-holder a {
    text-decoration: none;
}
.fs-15 {
    font-size: 15px;
}
.mt-10 {
    margin-top: 10px;
}
.claimreq-block{
	background-color: #fff; 
	color: #00b2dc;
}
.sidenav {
    opacity:0;
    height: 0;
    width: 0px;
    border-radius: 0 540px 540px 0;
    position: fixed;
    z-index: 99999;
    box-shadow:1px 0px 10px #636363;
    top: 50%;
    left: 0;
    background-color: #e6e6e6;
    overflow: hidden;
    transition: 0.5s;
    /* padding-top: 60px; */
    margin-top: -270px;
}
/*------------------------------------------
*/
#PopupDefaultdistribuitionlist .modal-content .form-check {
    text-align: left !important;
	 padding-bottom: 3px;
}  

 @media screen and (min-width: 320px) and (max-width: 815px) and (max-height: 412px)  and (orientation: landscape) {
  body {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    height: 100vw;
    overflow: scroll;
    position: absolute;
    top: 100%;
    left: 0;
  }
.sidenav {
    top: 0 !important;
    margin-top: 0px !important;
} 

.right-slidenav {
    top: 0 !important;
    margin-top: 0px !important;
} 
     .img-16-style {
    width: 40px;
    height: 40px;
}
     .h2-style {
    font-size: 13px !important;
}
     
  
.text-label-overlay{
        margin: -2px 0px 0px;
}


}
span.ion.ion-android-exit.icon-white.icon-lg {
    transform: rotate(180deg);
    font-size: 40px !important;
}


/* Preloader */

.page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("img/pageload-spinner.gif") no-repeat center center;}

/* = Left Slide Menu */
/*--------------------------------*/
 
.right-slidenav {
    align-items: center;
    display: flex;
    opacity: 0;
    height: 0;
    width: 0;
    border-radius: 540px 0 0 540px;
    position: fixed;
    z-index: 1;
    box-shadow: 1px 0px 10px #636363;
    top: 50%;
    right: 0;
    background-color: #e6e6e6;
    overflow: hidden;
    transition: 0.5s;
    margin-top: -270px;
    justify-content: center;
}
.right-slidenav .menu-item-holder a {
    margin-bottom: 25px;
    font-size:13px;
    color: #4f4f4f;
    text-align: center;
}

.right-slidenav .menu-item-holder a:hover {
    color: black;
}

/**********************************/
.target_off {
    cursor: pointer;
    width: 50px;
    float: right;
}
.contacticon {
    float: right;
    margin-top: -24px;
    margin-right: -60px;
    width: 50px;
}
  .w-88 {
    width: 88%;
  }
.header-arrow-back{
	width: 20px !important;
	margin-top: 20px;
}
.header-right-menu{
	width:50px;
}
.header-arrow-back-agent{
	width: 40px;
}
.header-up-info{
	margin-top:-20px;
}
.header-select-all{
	color: #e9ecef;
	float:right;
}
.header-page-name-mapping{
	padding: 10px 0;
	text-align: center;  
}
.header-dropdown-toggle{
	color: #fff;
}
.header-date-box{
	text-align:center;
}
.footer-row{
	    padding: 15px 0;
}
.footer-menu-note{
	width:50px;
}
.footer-row-margin-top{
	margin-top: 10px;
}
.footer-row-margin-top a{
	padding:0px;margin:0px;
}

.repanchor{
	color: #00b2dc;
	font-weight: 600;
}
.customresultarry2{
background-color: #FFF8BA;}
.php-code-p-tag{
color: #de574b;
font-weight: bold;
text-align: center;}

.info-pic{
	cursor:pointer;
}
.target_off {
    cursor: pointer;
    width: 50px;
    float: right;
}
img.float-end.notes_img_icon {
       top: -38px;
	    width: 30px;
            cursor: pointer;
            position: relative;
}
.w-30{
	width:30px;
}
.form-check-input[type=checkbox] {
    border-radius: .25em;
    visibility: visible;
}
.red-text{
	color: #FF2600 !important;
}
.row.row-bloc-21-margin-top.custom-row1, .row.row-bloc-21-margin-top.custom-row2 {
     background: #f4f4f4;
    width: 88%;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 20px;
}
.headline-county-agents{
	color:#f9f9f9;
	background:#ff0000;
	padding: 10px 20px;
}
span.mg-md.red-highlighted-text.target_off_text{
	 float: right;
    margin-right: -55px;
    margin-top: 65px;
}
.contacticon {
    float: right;
    margin-top: -24px;
    margin-right: -60px;
    width: 50px;
}
.open-badge{
	cursor: pointer;  
	width: 40px;
}
.float-end.text-grey{
	color: #333;
}

.text_blue{
color: #007bff;
}
.bg-grey{
	    background-color: #F7F4F4;
}
.bg-blue{
	background-color: #d2dbf2;
}
.bg-grey-white{
	background-color:#FFF8BA;
}
.headline-text-pre{
color:#f9f9f9;
background:#f49d27;
padding: 10px 20px;
}
.btn.btn.btn-sm.btn-danger.agent-close.Cancel {
    color: #fff;
}
h6.text_blue strong {
    color: rgba(14, 168, 238, 0.83) !important;
}
.h6-32-style span.red-text {
    color: #FF2600 !important;
}
.red-highlighted-text .green{
	color:#5ad650; 
}
.h6-32-style span.blue-text {
    color: rgba(14, 168, 238, 0.83) !important;
}
a.btn.btn-sm.stopload {
    color: #000;
}

/*****************************************/
.menu-item-holder span {
    display: block !important;
}
.right-slidenav .closebtn {
    z-index: 2;
    position: absolute;
    top: 42px;
    left: 175px;
    font-size: 36px !important;
    margin-left: 50px;
}

.right-slidenav .menu-item-holder img{
    width:27px;
}
.right-slidenav .menu-item-holder {
    display: flex;
    flex-direction: column;
}


.active-nav{
    width: 270px;
    height: 540px;
        opacity:1;
    }




@media (min-width: 1290px),
 (min-width: 1024px) and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait),
  (min-width: 576px) and (max-width: 769px) and (orientation: portrait)
{
    

    .active-nav{
    width: 340px;
    height: 680px;
        opacity:1;
    }
    
.right-slidenav .closebtn {
    top: 55px;
    left: 210px;
    font-size: 45px !important;
}    
 
.sidenav {

    border-radius: 0 680px 680px 0;
    margin-top: -340px;
}

.right-slidenav {

    border-radius: 680px 0 0 680px;
    margin-top: -340px;
}   
    
.right-slidenav .menu-item-holder a {
    margin-bottom: 40px;
    font-size: 14px;
    }    

.right-slidenav .menu-item-holder img {
    width: 40px;
}    
    
.sidenav .menu-item {
    font-size: 14px !important;
}
   
.sidenav a:nth-child(1) {
    font-size: 45px !important;
    top:   55px !important;
    right: 280px !important;
} 

.sidenav a:nth-child(2) {
     top: 56px !important;
    right: 136px !important;
   
} 
.sidenav a:nth-child(3) {
	top: 104px !important;
    right: 92px !important;
}   
.sidenav a:nth-child(4) {
    top: 153px !important;
    right: 49px !important; 
}  
.sidenav a:nth-child(5) {
   top: 215px !important;
    right: 24px !important;
} 
.sidenav a:nth-child(6) {
  top: 277px !important;
    right: 9px !important;
}   
.sidenav a:nth-child(7) {
top: 341px !important;
    right: 8px !important;
}  
    .sidenav a:nth-child(8) {
 top: 397px !important;
    right: 14px !important;
} 
 .sidenav a:nth-child(9) {
 top: 460px !important;
    right: 41px!important;
}    
 .sidenav a:nth-child(10) {
 top: 517px !important;
    right: 85px!important;
} 
.sidenav a:nth-child(11) {
   top: 570px !important;
    right: 144px!important;
}    
.sidenav a:nth-child(11) img {
    width: 19px;
  
} 
   .sidenav a:nth-child(12) {
   top: 250px !important;
    left: 15px !important;
}  
.
.sidenav a:nth-child(12) p {
    display: block;
    font-size: 13px;
    color: #233d81;
    margin: 0px 0px;
}
.sidenav a:nth-child(12) img {
  width: 80px;
    margin-bottom: 4px;
    border-radius: 5px;
    box-shadow: -1px 4px 8px 0px #ccc9c9;
}
}


.sidenav .menu-item {
    border-radius: 25px;
    position: absolute;
    text-align: right;
    padding: 8px 8px 8px 10px;
    text-decoration: none;
    font-size: 12px;
    color: #4f4f4f;
    transition: 0.3s;
    /*background-color: antiquewhite;*/
}
    
.sidenav .menu-item span{
  display:block;
    }
.sidenav .menu-item img{
  width:24px;
    } 


    .sidenav a:nth-child(1) {
    top: 42px;
    right: 225px;
} 
    .sidenav a:nth-child(2) {
    top: 27px;
    right: 132px;
   
} 
.sidenav a:nth-child(3) {
    top: 60px;
    right: 82px;
}   
.sidenav a:nth-child(4) {
   top: 100px;
    right: 50px;
}  
.sidenav a:nth-child(5) {
   top: 143px;
    right: 21px;
} 
.sidenav a:nth-child(6) {
  top: 197px;
    right: 8px;
}   
.sidenav a:nth-child(7) {
  top: 256px;
    right: 5px;
}  
    .sidenav a:nth-child(8) {
 top: 308px;
    right: 11px;
} 
 .sidenav a:nth-child(9) {
 top: 358px;
    right: 32px;
}  
 .sidenav a:nth-child(10) {
      top: 404px;
    right: 65px;
}   
.sidenav a:nth-child(11) {
    top: 447px;
    right: 115px;
}
.sidenav a:nth-child(11) img  {
    width: 19px;
} 
.sidenav a:nth-child(12) {
    position: absolute;
    text-decoration: none;
    max-width: 130px;
    overflow: visible;
    top: 206px !important;
    left: 7px !important;
}    
.sidenav a:nth-child(12) img  {
  width: 80px;
    margin-bottom: 4px;
    border-radius: 5px;
    box-shadow: -1px 4px 8px 0px #ccc9c9;
}  
     
 .sidenav a:nth-child(12) p {
    display: block;
    font-size: 13px;
    color: #233d81;
    margin: 0px 0px;
} 
.sidenav a:nth-child(12) {
    position: absolute;
    text-decoration: none;
    max-width: 130px;
    overflow: visible;
    top: 200px;
    left: 15px;
    top: 250px !important;
    left: 15px !important;
}
 


      
.sidenav .menu-item:hover {
  color: black;
}

.sidenav .closebtn {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px ;
  margin-left: 50px;
  color:black;
}

/* = Blocs
-------------------------------------------------------------- */

.bloc{
	width:100%;
	clear:both;
	background: 50% 50% no-repeat;
	padding:0 50px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	display:flex;
}
.bloc .container{
	padding-left:0;
	padding-right:0;
}


/* Sizes */

.bloc-lg{
	padding:100px 50px;
}
.bloc-md{
	padding:50px;
}
.bloc-sm{
	padding:20px 50px;
}

/* = Full Screen Blocs 
-------------------------------------------------------------- */

.bloc-fill-screen{
	min-height:100vh;
	display: flex;
	flex-direction: column;
	padding-top:20px;
	padding-bottom:20px;
}
.bloc-fill-screen > .container{
	align-self: flex-middle;
	flex-grow: 1;
	display: flex;
}
.bloc-fill-screen > .container > .row{
	flex-grow: 1;
	align-self: center;
	width:100%;
}
.bloc-fill-screen .fill-bloc-top-edge, .bloc-fill-screen .fill-bloc-bottom-edge{
	flex-grow: 0;
}
.bloc-fill-screen .fill-bloc-top-edge{
	align-self: flex-start;
}
.bloc-fill-screen .fill-bloc-bottom-edge{
	align-self: flex-end;
}


/* Background Styles */

.bg-center,.bg-l-edge,.bg-r-edge,.bg-t-edge,.bg-b-edge,.bg-tl-edge,.bg-bl-edge,.bg-tr-edge,.bg-br-edge,.bg-repeat{
	-webkit-background-size: auto!important;
	-moz-background-size: auto!important;
	-o-background-size: auto!important;
	background-size: auto!important;
}
.bg-repeat{
	background:repeat;
}


/* Background Textures */

.bloc-bg-texture::before{
	content:"";
	background-size: 2px 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
}
.texture-darken::before{
	background: rgba(0,0,0,0.5);
}


/* Background Effects */

.b-parallax{
	background-attachment:fixed;
}

/* Disable Parallax on Mobile Touch Devices */
@media (hover: none) {
	.b-parallax{
	background-attachment:scroll;
}
}

/* Dark theme */

.d-bloc{
	color:rgba(255,255,255,.7);
}
.d-bloc button:hover{
	color:rgba(255,255,255,.9);
}
.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{
	border-color:rgba(255,255,255,.9);
}
.d-bloc .divider-h span{
	border-color:rgba(255,255,255,.2);
}
.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{
	color:rgba(255,255,255,.6);
}
.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{
	color:rgba(255,255,255,1);
}
.d-bloc .navbar-toggle .icon-bar{
	background:rgba(255,255,255,1);
}
.d-bloc .btn-wire,.d-bloc .btn-wire:hover{
	color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);
}
.d-bloc .card{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover{
	color:rgba(0,0,0,.7);
}
.d-bloc .card icon{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover{
	color:rgba(0,0,0,1);
}
.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}


/* Light theme */

.d-bloc .card,.l-bloc{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover,.l-bloc button:hover{
	color:rgba(0,0,0,.7);
}
.l-bloc .icon-round,.l-bloc .icon-square,.l-bloc .icon-rounded,.l-bloc .icon-semi-rounded-a,.l-bloc .icon-semi-rounded-b{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span,.l-bloc .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn,.l-bloc .a-btn,.l-bloc .navbar a,.l-bloc a .icon-sm, .l-bloc a .icon-md, .l-bloc a .icon-lg, .l-bloc a .icon-xl, .l-bloc h1 a, .l-bloc h2 a, .l-bloc h3 a, .l-bloc h4 a, .l-bloc h5 a, .l-bloc h6 a, .l-bloc p a{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover,.l-bloc .a-btn:hover,.l-bloc .navbar a:hover, .l-bloc a:hover .icon-sm, .l-bloc a:hover .icon-md, .l-bloc a:hover .icon-lg, .l-bloc a:hover .icon-xl, .l-bloc h1 a:hover, .l-bloc h2 a:hover, .l-bloc h3 a:hover, .l-bloc h4 a:hover, .l-bloc h5 a:hover, .l-bloc h6 a:hover, .l-bloc p a:hover{
	color:rgba(0,0,0,1);
}
.l-bloc .navbar-toggle .icon-bar{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .btn-wire,.d-bloc .card .btn-wire:hover,.l-bloc .btn-wire,.l-bloc .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}
/* Dividers */

.b-divider{
	border-top:1px solid rgba(0,0,0,.1);
	border-bottom:1px solid rgba(0,0,0,.1);
}


/* = NavBar
-------------------------------------------------------------- */

.hero .hero-nav{
	padding-left:inherit;
	padding-right:inherit;
}
/* Handle Multi Level Navigation */.navbar-light .navbar-nav .nav-link {
	color: rgb(64, 64, 64);
}
.btco-menu li > a {
	padding: 10px 15px;
	color: #000;
}
.btco-menu .active a:focus,.btco-menu li a:focus ,.navbar > .show > a:focus{
	background: transparent;
	outline: 0;
}
.dropdown-menu .show > .dropdown-toggle::after{
	transform: rotate(-90deg);
}

/* = Bric adjustment margins
-------------------------------------------------------------- */

.mg-clear{
	margin:0;
}
.mg-md{
	margin-top:10px;
	margin-bottom:20px;
}

/* = Buttons
-------------------------------------------------------------- */

.btn-d,.btn-d:hover,.btn-d:focus{
	color:#FFF;
	background:rgba(0,0,0,.3);
}

/* Prevent ugly blue glow on chrome and safari */
button{
	outline: none!important;
}


/* = Icons
-------------------------------------------------------------- */
.icon-md{
	font-size:30px!important;
}
.icon-lg{
	font-size:60px!important;
}

/* Image Frame */
.img-frame,.img-frame-md,.img-frame-lg,.img-frame-rd,.img-frame-rd-md,.img-frame-rd-lg{
	background:#FFF;
	border:1px solid rgba(0,0,0,0.1);
	box-shadow:0 2px 2px rgba(0,0,0,0.05);
	padding:4px;
}
.img-frame{
	border-radius:3px;
}
.img-frame-md,.img-frame-lg{
	border-radius:6px;
}
.img-frame-md,.img-frame-rd-md{
	padding:8px;
}
.img-frame-lg,.img-frame-rd-lg{
	padding:14px;
}

.header-right-icon{
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 4px;
}

/* = Cards
-------------------------------------------------------------- */
.card-sq, .card-sq .card-header, .card-sq .card-footer{
	border-radius:0;
}
.card-rd{
	border-radius:30px;
}
.card-rd .card-header{
	border-radius:29px 29px 0 0;
}
.card-rd .card-footer{
	border-radius:0 0 29px 29px;
}

/* = Dividers
-------------------------------------------------------------- */
.divider-h{
	padding:20px 0;
	width:100%;
	display:inline-block;
}
.divider-h span{
	display: block;
	border-top:1px solid transparent;
}
.divider-half{
	width: 50%;
	margin: 0 auto;
}
.dropdown-menu .divider-h,.dropdown-menu .divider-half{
	padding:0;
}

/* = Forms
-------------------------------------------------------------- */

.form-control{
	border-color:rgba(0,0,0,.1);
	box-shadow:none;
}



/* ScrollToTop button */

.scrollToTop{
	width:40px;
	height:40px;
	position:fixed;
	bottom:20px;
	right:20px;
	opacity: 0;
	z-index: 500;
	transition: all .3s ease-in-out;
}
.scrollToTop span{
	margin-top: 6px;
}
.showScrollTop{
	font-size: 14px;
	opacity: 1;
}

/* = Custom Styling
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p,label,.btn,a{
	font-family:"Helvetica";
}
.container{
	max-width:1140px;
}
.img-12-style{
	width:50px;
	height:50px;
}
.img-homebla-style{
	width:50px;
	height:50px;
}
.img-housech-style{
	width:150px;
	box-shadow:0px 1px 4px #ADADAD;
}
.img-housecyc-style{
	width:150px;
	box-shadow:0px 1px 4px #ADADAD;
}
.img-offic-style{
	width:150px;
	box-shadow:0px 1px 4px #ADADAD;
}
.img-femalehoou-style{
	width:150px;
	box-shadow:0px 1px 4px #ADADAD;
}
.img-malehousemessg-style{
	width:150px;
	box-shadow:0px 1px 4px #ADADAD;
}
.img-housefin-style{
	width:150px;
	box-shadow:0px 1px 4px #ADADAD;
}
.img-house--style{
	width:150px;
	box-shadow:0px 1px 4px #ADADAD;
}
.img-housek-style{
	width:150px;
	box-shadow:0px 1px 4px #ADADAD;
}
.h6-style{
	font-size:20px;
}
.p-style{
	font-size:16px;
}
.p-bloc-5-style{
	font-size:16px;
}
.row-margin-bottom{
	margin-top:61px;
}
.h3-style{
	margin-top:11px;
	margin-bottom:-2px;
	width:64.47%;
	margin-right:-30px;
	font-size:20px;
}
.row-margin-top{
	margin-top:-104px;
	margin-bottom:2px;
}
.h6-margin-top{
	margin-top:-20px;
	margin-bottom:10px;
}
.h6-sold-margin-top{
	margin-top:-20px;
}
.h6-pending-margin-top{
	margin-top:-19px;
}
.h6-moved-margin-top{
	margin-top:-19px;
}
.h6-specials-margin-top{
	margin-top:-19px;
}
.h6-bloc-3-margin-top{
	margin-top:-19px;
}
.h6-open-margin-top{
	margin-top:-20px;
}
.h6-opened-margin-top{
	margin-top:-19px;
}
.h6-closed-margin-top{
	margin-top:-20px;
}
.bloc-bloc-6-margin-top{
	margin-top:5px;
}
.h6-bloc-5-style{
	margin-left:263px;
}
.footerblock{
	box-shadow:0px 0px 8px #7C7C7C;
}
.img-bloc-6-style{
	width:50px;
}
.img-natsync-lo-style{
	width:400px;
}
.h6-11-style{
	width:20.61%;
	margin-left:548px;
	margin-bottom:174px;
}
.h6-bloc-6-style{
	font-size:14px;
}
.row-bloc-0-margin-top{
	margin-top:12px;
}
.container-div-margin-top{
	margin-top:-35px;
}
.icon-margin-top{
    cursor: pointer;
	margin-bottom:36px;
}
.bloc-bloc-5-margin-top{
	margin-top:-53px;
	text-shadow:0px 0px 0px #000000;
	box-shadow:0px 0px 0px #000000;
}
.divider-margin-bottom{
	margin-bottom:-27px;
	margin-top:-27px;
}
.row-bloc-6-margin-top{
	margin-top:-12px;
}
.text-green{
	font-size:14px;
	color:#0241F3!important;
}
.textred{
	color:#F3180F!important;
	font-size:14px;
}
.text-previous-count-blue{
	font-size:14px;
	color:#2F8FFA!important;
}
.textblue{
	color:#20B2E7!important;
	font-size:14px;
}
.newlistbox{
	text-shadow:0px 0px 0px #000000;
}
.colorboxes{
	text-shadow:0px 0px 0px #000000;
	border-style:none;
	border-color:rgba(226,129,255,0.0)!important;
	background-size:auto auto;
	overflow:visible;
	float:right;
	height:100px;
	margin:15px 15px 15px 15px;
	border-radius:25px 25px 25px 25px;
	border-width:30px 30px 30px 30px;
}
p{
}
.p-bloc-9-style{
	width:40.2%;
}
.cradstyle2{
	box-shadow:0px 0px 5px #A5A5A5;
	opacity:1.0;
}
.p-margin-bottom{
	width:100%;
	margin-top:19px;
}
.container-div-47610-style{
	width:46.49%;
}
.circle.count{
	text-transform:uppercase;
	margin-top:30px;
	margin-bottom:0px;
	padding-bottom:0px;
	display:none;
	overflow:visible;
	background-position:right bottom;
}
.icon-bloc-6-margin-top{
	margin-top:-29px;
}
.icon-0-margin-top{
	margin-top:-18px;
}
.bloc-0-bloc-6-margin-top{
	margin-top:21px;
}
.img-style{
	width:90px;
	height:90px;
	margin-top:-9px;
}
.img-sold-whi-style{
	width:90px;
	height:90px;
	margin-top:-9px;
}
.img-houseinclo-style{
	width:90px;
	height:90px;
	margin-top:-8px;
}
.img-movedagent-whi-style{
	width:90px;
	height:90px;
	margin-top:-9px;
}
.img-bloc-10-style{
	width:90px;
	height:90px;
	margin-top:-9px;
}
.img-bloc-13-style{
	width:90px;
	height:90px;
	margin-top:-8px;
}
.frame{
	background-color:#F8DFA0;
	background-clip:padding-box!important;
	-webkit-background-clip:padding-box!important;
	background-repeat:no-repeat;
	box-shadow:0px 0px 11px #C5C5C5;
	width:1000px;
	margin:17px 17px 17px 17px;
	border-radius:20px 20px 20px 20px;
}
.radio-margin-left{
	margin-left:361px;
}
.bloc-bloc-1-margin-top{
	margin-top:-65px;
}
.listing_bloc{
	background-color:#A7D7E4;
	border-radius:20px 20px 20px 20px;
}
.bloc_yellow{
	background-color:#FBE996;
	background-size:auto auto;
	height:50px;
	font-family:"Lato";
	font-weight:400;
	box-shadow:0px 2px 5px #787878;
	margin:10px 10px 10px 10px;
	border-radius:15px 15px 15px 15px;
}
.img-white-circ-style{
	width:50px;
	height:50px;
}
.img-16-style{
	width:50px;
	height:50px;
}
.img-17-style{
	width:60px;
	height:60px;
}
.h2-style{
	font-size:20px;
	line-height:26px;
}
.bloc-dark-blue{
	background-color:#006791;
	background-size:auto auto;
	height:50px;
	font-family:"Lato";
	font-weight:400;
	box-shadow:0px 2px 5px #787878;
	margin:10px 10px 10px 10px;
	border-radius:15px 15px 15px 15px;
}
.bloc-green{
	background-color:#00B8A9;
	background-size:auto auto;
	height:50px;
	font-family:"Lato";
	font-weight:400;
	box-shadow:0px 2px 5px #787878;
	margin:10px 10px 10px 10px;
	border-radius:15px 15px 15px 15px;
}
.bloc-orange{
	background-color:#E08F45;
	background-size:auto auto;
	height:50px;
	font-family:"Lato";
	font-weight:400;
	box-shadow:0px 2px 5px #787878;
	margin:10px 10px 10px 10px;
	border-radius:15px 15px 15px 15px;
}
.bloc-lightblue{
	background-color:#00A3D3;
	background-size:auto auto;
	height:50px;
	font-family:"Lato";
	font-weight:400;
	box-shadow:0px 2px 5px #787878;
	margin:10px 10px 10px 10px;
	border-radius:15px 15px 15px 15px;
}
.bloc-grey{
	background-color:#D2D2D2;
	background-size:auto auto;
	height:50px;
	font-family:"Lato";
	font-weight:400;
	box-shadow:0px 2px 5px #787878;
	margin:10px 10px 10px 10px;
	border-radius:15px 15px 15px 15px;
}
.bloc-listing{
	background-color:#D4FB78;
	background-size:auto auto;
	height:50px;
	font-family:"Lato";
	font-weight:400;
	margin:5px 5px 5px 5px;
	border-radius:50px 50px 50px 50px;
}
.listbox_1{
	background-color:#FEFFFF;
	border-radius:20px 20px 20px 20px;
}
.bloc-margin-top{
	margin-top:61px;
	margin-bottom:48px;
}
.bloc-bloc-12-margin-top{
	margin-top:0px;
	margin-bottom:-1px;
}
.container-div-4685-style{
	width:88.16%;
margin: 0 auto;
    margin-top: 15px;
}
.listbox-1{
	background-color:#FEFFFF;
	color:#000!important;
	border-bottom-right-radius:15px;
	border-bottom-left-radius:15px;
	margin-top:0px;
	box-shadow:0px 1px 4px #9D9D9D;
}
.listbox-livecampaign{
	background-color:#FEFFFF;
	color:#005392!important;
	border-bottom-right-radius:15px;
	border-bottom-left-radius:15px;
 
	box-shadow:0px 1px 4px #9D9D9D;
}
.listbox-2{
	background-color: #FFF2D4;
        color: #005392 !important;
        border-bottom-right-radius: 15px;
        border-bottom-left-radius: 15px;
        margin-top: 0px;
        box-shadow: 0px 1px 4px #9D9D9D;
}
.red-highlighted-text{
	color:#FF2600!important;
	    padding: 0 4px;
}
.h6-32-style{
	 
} 
.listing-county{
	width:83.92%;
}
.app_icon_size{
	width:30%;
}
@media screen and (max-width: 768px) {
  .app_icon_size{
	width:70%;
   }
}
.row-bloc-21-margin-top{
	margin-top:25px;
	margin-bottom:30px;
	background-color:rgba(255,255,255,0.2);
}
.row-43-margin-top{
	background-color:rgba(254,255,255,0.5);
	box-shadow:0px 0px 5px #919191;
	margin:-59px 20px 38px 20px;
	border-radius:20px 20px 20px 20px;
}
.congrats_bar{
	width:18%;
}
@media screen and (max-width: 768px) {
  .congrats_bar{
	width:25%;
}
}
.img-bloc-21-style{
	width:10px;
}
.top_icons{
	width:50px;
}
.img-margin-bottom{
	margin-bottom:-27px;
}

/* = Colour
-------------------------------------------------------------- */

/* Background colour styles */

.bgc-spiro-disco-ball{
	background-color:#14CBF0;
}
.bgc-cg-blue{
	background-color:#007CA3;
}
.bgc-cyan-process{
	background-color:#233d81;
}
.bgc-white{
	background-color:#FFFFFF;
}

/* Text colour styles */

.tc-white{
	color:#FFFFFF!important;
}

/* Button colour styles */

.btn-cg-blue{
	background:#007CA3;
	color:#FFFFFF!important;
}
.btn-cg-blue:hover{
	background:#006382!important;
	color:#FFFFFF!important;
}

/* Icon colour styles */

.icon-white{
	color:#FFFFFF!important;
	border-color:#FFFFFF!important;
}

/* Bloc image backgrounds */


/* = Custom Bric Data
-------------------------------------------------------------- */

.img-text-overlay-container{
	position:relative;
}
.text-label-overlay{
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	width:100%;
	 text-align:center;
	font-size:40px;
}
.text-overlay-light-text{
	color:rgba(255,255,255,.5);
}

/* = Modals
------------------------------*/
.modal-style .modal-header {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: center;
    background: linear-gradient(0deg, rgb(210, 247, 239) 0%, rgb(232, 255, 250) 51%, rgba(255,255,255,1) 98%);
    border-bottom: 0;
    padding: 7px 12px;
}

.modal-style .modal-header img{
    width:40px;
    margin-right: 15px;
}

.modal-style .modal-header .modal-title{
    color: grey;
    font-size:15px;
}
.modal-style .modal-body{
    color: grey;
    text-align: center;
    font-size: 13px;
    font-family: 'Helvetica'; 
}
.modal-style .modal-body .modal-agent-info p{
    margin: 0px;
}
.modal-style .modal-body .modal-agent-report {
    margin-top: 26px;
}
.modal-style .modal-body .modal-agent-report p {
    margin: 10px 0px;
}
.modal-style .modal-footer {
    -ms-flex-pack: center;
    justify-content: center;
    border-top:0px;
}
.modal-style .modal-footer img{
    width: 12px;
    margin-right: 5px;
}

.modal-style button.btn.modal-btn-close {
    background-color: #008fdc;
}
.modal-style button.btn.modal-btn-pdf {
    background-color: #ffab00;
    padding: 2px 10px !important;
}
.modal-style button.btn {
    margin: 0px 11px;
    padding: 2px 24px;
    font-size: 12px;
    color: white;
    border-radius: 8px;
}

.modal-style .modal-content{
    border-radius: 22px;
    overflow: hidden;
    background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(239, 252, 255) 44%, rgb(93, 215, 238) 98%);
    border:0;
}
@media (min-width: 576px){
    .modal-style button.btn {
    font-size: 15px !important;
}
    .modal-style .modal-body{
    font-size: 15px;
    
}
    .modal-style button.btn.modal-btn-pdf {
    padding: 2px 13px !important;
}
    .modal-style button.btn {
        margin: 0px 13px;}
    
    .modal-style .modal-header .modal-title{
    color: grey;
    font-size:16px;
}
 }


/* = Mobile adjustments 
-------------------------------------------------------------- */
@media (max-width: 1024px)
{
    .bloc{
        padding-left: 20px; 
        padding-right: 20px;  
    }
    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
        padding-left: 0; 
        padding-right: 0;  
    }
}
@media (max-width: 991px)
{
    .container{width:100%;}
    .page-container, #hero-bloc{overflow-x: hidden;position: relative;} /* Prevent unwanted side scroll on mobile */
    .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
	
	div#name_id {
    flex: 0 0 50%;
    max-width: 50%;
}
.top_bar_header .ion {
    font-size: 40px !important;
}
#name_id h4 {
    font-size: 16px;
    padding: 0 !important;
}
.top_bar_header  h6 {
	 margin-top: 0px;
    margin-bottom: 6px;
}
.top_bar_header .container-div-margin-top {
    margin-top: -10px !important;
}
.top_bar_header .icon-margin-top {
     margin-bottom: 15px !important;
}
}
@media (max-width: 767px)
{
    .desktop-margin-top-80{
        margin-top:0px !important;
    }
    .page-container{
        overflow-x: hidden;
        position:relative;
    }
    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
        padding-left:0;padding-right:0;
    }
    .a-block{
        padding:0 10px;
    }
    .btn-dwn{
       display:none; 
    }
    .voffset{
        margin-top:5px;
    }
    .voffset-md{
        margin-top:20px;
    }
    .voffset-lg{
        margin-top:30px;
    }
    form{
        padding:5px;
    }
    .close-lightbox{
        display:inline-block;
    }
    .blocsapp-device-iphone5{
	   background-size: 216px 425px;
	   padding-top:60px;
	   width:216px;
	   height:425px;
    }
    .blocsapp-device-iphone5 img{
	   width: 180px;
	   height: 320px;
    }
}

@media (max-width: 991px){
	.img-housech-style{
		width:150px;
		opacity:0.8;
	}
	.img-housecyc-style{
		width:150px;
	}
	.img-offic-style{
		width:150px;
	}
	.img-femalehoou-style{
		width:150px;
	}
	.img-malehousemessg-style{
		width:150px;
	}
	.img-housefin-style{
		width:150px;
	}
	.img-house--style{
		width:150px;
	}
	.img-housek-style{
		width:150px;
	}
	.img-12-style{
		width:40px;
	}
	.img-homebla-style{
		width:50px;
		height:50px;
	}
	.h3-style{
		font-size:20px;
		margin-right:-1px;
		width:75%;
		margin-left:6px;
		margin-top:2px;
	}
	.row-margin-bottom{
		margin-bottom:-2px;
	}
	.bloc-bloc-6-margin-top{
		margin-top:4px;
	}
	.h6-11-style{
		margin-left:398px;
		width:30.08%;
	}
	.container-div-bloc-4-style{
		border-style:solid;
		background-clip:content-box!important;
		-webkit-background-clip:content-box!important;
	}
	.frameboc{
		background-image:url("img/Squares.jpg");
		opacity:0.0;
		box-shadow:0px 0px 21px #000000;
	}
	.cardshadow{
		box-shadow:0px 0px 8px #D4D4D4;
		background-color:transparent;
		background:linear-gradient(0deg, #E4E4E4, #FFFFFF);
	}
	.h6-open-house-style{
		font-size:12px;
	}
	.h6-pending-style{
		font-size:12px;
	}
	.h6-sold-style{
		font-size:12px;
	}
	.h6-bloc-4-style{
		font-size:12px;
	}
	.p-style{
		font-size:20px;
	}
	.card-body-style{
		height:96px;
	}
	.bloc-bloc-4-margin-top{
		margin-top:47px;
		margin-bottom:74px;
	}
	.row-bloc-4-margin-top{
		margin-top:-34px;
		margin-bottom:38px;
	}
	.row-bloc-0-margin-top{
		margin-bottom:2px;
	}
	.divider-margin-top{
		margin-top:-12px;
		margin-bottom:15px;
	}
	.bloc-bloc-5-margin-top{
		margin-top:-92px;
		box-shadow:0px 0px 0px #000000;
	}
	.h6-sold-margin-top{
		opacity:0.9;
	}
	.img-bloc-6-style{
		width:40px;
		height:40px;
	}
	.pendingbox{
		height:110px;
		margin:10px 10px 10px 10px;
		border-radius:30px 30px 30px 30px;
		border-width:30px 30px 30px 30px;
	}
	.colorboxes{
		height:80px;
		border-radius:30px 30px 30px 30px;
		border-width:30px 30px 30px 30px;
	}
	.moveagent{
		height:110px;
		margin:10px 10px 10px 10px;
		border-radius:30px 30px 30px 30px;
		border-width:30px 30px 30px 30px;
	}
	.specialbox{
		height:110px;
		margin:10px 10px 10px 10px;
		border-radius:30px 30px 30px 30px;
		border-width:30px 30px 30px 30px;
	}
	.hotbox{
		height:110px;
		margin:10px 10px 10px 10px;
		border-radius:30px 30px 30px 30px;
		border-width:30px 30px 30px 30px;
	}
	.row-12-style{
		margin-top:4px;
		margin-right:0px;
		margin-left:0px;
		border-width:30px 30px 30px 30px;
	}
	.newlistbox{
		height:110px;
		margin:10px 10px 10px 10px;
		padding:0px 0px 0px 0px;
		border-radius:30px 30px 30px 30px;
		border-width:30px 30px 30px 30px;
	}
	.text-previous-count-blue{
		font-size:16px;
	}
	.icon-0-margin-top{
		margin-top:-10px;
	}
	.p-margin-bottom{
		margin-top:0px;
		width:100%;
	}
	.container-div-47610-style{
		width:70.96%;
	}
	.bloc-0-bloc-6-margin-top{
		margin-top:-4px;
	}
	.p-bloc-9-style{
		width:100%;
	}
	.img-sold-whi-style{
		width:70px;
		height:70px;
	}
	.img-style{
		width:70px;
		height:70px;
	}
	.img-houseinclo-style{
		width:70px;
		height:70px;
	}
	.img-movedagent-whi-style{
		width:70px;
		height:70px;
	}
	.img-bloc-10-style{
		width:70px;
		height:70px;
	}
	.img-bloc-13-style{
		width:70px;
		height:70px;
	}
	.img-natsync-lo-style{
		border-style:none;
		background-clip:padding-box!important;
		-webkit-background-clip:padding-box!important;
		text-shadow:0px 0px 0px #000000;
		opacity:1.0;
		box-shadow:0px 0px 0px #000000;
	}
	.radio-margin-left{
		margin-left:210px;
	}
	.frame{
		border-color:#FFFFFF!important;
		background-color:#F8DFA0;
		text-shadow:0px 0px 0px #FFFFFF;
		background-position:center bottom;
		background-size:auto auto;
		background-repeat:no-repeat;
		box-shadow:0px 0px 11px #C5C5C5;
		opacity:1.0;
		background-clip:padding-box!important;
		-webkit-background-clip:padding-box!important;
		height:600px;
		width:800px;
		margin:14px 14px 14px 14px;
		border-radius:20px 20px 20px 20px;
	}
	.listing_bloc{
		background-size:auto auto;
	}
	.bloc_yellow{
		border-radius:15px 15px 15px 15px;
	}
	.bloc-dark-blue{
		margin:10px 10px 10px 10px;
	}
	.bloc-green{
		margin:10px 10px 10px 10px;
	}
	.bloc-orange{
		margin:10px 10px 10px 10px;
	}
	.bloc-lightblue{
		margin:10px 10px 10px 10px;
	}
	.bloc-grey{
		margin:10px 10px 10px 10px;
	}
	.bloc-listing{
		margin:5px 5px 5px 5px;
	}
	.bloc-10213-margin-top{
		margin-top:14px;
	}
	.bloc-22482-margin-top{
		margin-top:13px;
	}
	.row-bloc-12-style{
		width:100%;
	}
	.container-div-4685-style{
		margin-top:28px;
		margin-left:48px;
		width:90.25%;
	}
	.container-div-2804-style{
		width:47.06%;
	}
	.listbox-1{
		background-color:#FEFFFF;
		margin-top:-16px;
	}
        .listbox-livecampaign{
            	background-color:#FEFFFF;
        }
        .listbox-2{
		background-color:#FFF2D4;
		margin-top:-16px;
	}
	.h6-company-name-style{
		font-size:14px;
	}
	.h6-31-style{
		font-size:14px;
	}
	.h6-32-style{
		font-size:14px;
	}
	.red-highlighted-text{
		font-size:14px;
	}
	.listing-county{
		width:88.49%;
		margin-left:-6px;
		line-height:0px;
	}
	.county-name{
		width:94.84%;
		line-height:0px;
		color:#FF2600!important;
	}
	.img-bloc-21-style{
		width:10px;
		opacity:1.0;
	}
	.img-margin-bottom{
		width:60px;
	}
	.row-margin-top{
		box-shadow:0px 0px 0px #000000;
	}
	
}

@media (max-width: 767px){
	.img-housech-style{
		width:100px;
	}
	.img-housecyc-style{
		width:100px;
	}
	.img-offic-style{
		width:100px;
	}
	.img-femalehoou-style{
		width:100px;
	}
	.img-malehousemessg-style{
		width:100px;
	}
	.img-housefin-style{
		width:100px;
	}
	.img-house--style{
		width:100px;
	}
	.img-housek-style{
		width:100px;
	}
	.container-div-style{
		width:100%;
	}
	.img-homebla-style{
		margin-top:4px;
		height:40px;
		width:40px;
	}
	.p-style{
		font-size:12px;
		margin-top:-8px;
	}
	.p-bloc-5-style{
		font-size:12px;
	}
	.h3-style{
		width:50.37%;
		margin-left:9px;
		margin-top:2px;
	}
	.img-12-style{
		width:30px;
		height:30px;
	}
	.h6-style{
		width:100%;
	}
	.bloc-0-margin-top{
		margin-top:-1px;
	}
	.bloc-bloc-6-margin-top{
		margin-top:0px;
	}
	.bloc-bloc-5-margin-top{
		margin-top:-36px;
		margin-bottom:-26px;
	}
	.h6-bloc-5-style{
		font-size:14px;
	}
	.img-bloc-6-style{
		width:30px;
	}
	.h6-11-style{
		margin-left:298px;
		width:36.01%;
	}
	.newlistbox{
		background:linear-gradient(0deg, #0092C9, #003B53);
		box-shadow:0px 0px 8px #000000;
	}
	.colorboxes{
		box-shadow:0px 0px 8px #000000;
		height:50px;
	}
	.pendingbox{
		background:linear-gradient(0deg, #0092C9, #2D2D2D);
		box-shadow:0px 0px 8px #000000;
	}
	.moveagent{
		background:linear-gradient(0deg, #9AB1BD, #212121);
		box-shadow:0px 0px 8px #000000;
	}
	.specialbox{
		background:linear-gradient(0deg, #7F491D, #FF9540);
		box-shadow:0px 0px 8px #000000;
	}
	.hotbox{
		background:linear-gradient(0deg, #A58D88, #FFE08E);
		box-shadow:0px 0px 6px #000000;
	}
	.p-4-style{
		width:100%;
		font-size:16px;
	}
	.container-div-0-style{
		width:100%;
	}
	.container-div-40403-style{
		width:100%;
	}
	.p-2-style{
		font-size:16px;
		width:100%;
	}
	.p-6-style{
		font-size:16px;
	}
	.cardshadow{
		background:linear-gradient(0deg, #FFFFFF, #FFFFFF);
	}
	.card2color{
		background:linear-gradient(0deg, #E6F4FF, #FFFFFF);
	}
	.row-bloc-4-margin-top{
		margin-bottom:-12px;
		margin-top:-102px;
	}
	.bloc-0-bloc-4-margin-top{
		margin-top:-1px;
	}
	.bloc-bloc-4-margin-top{
		margin-top:112px;
	}
	.card-body-style{
		height:77px;
		margin-left:49px;
	}
	.bloc-11481-margin-top{
		margin-top:-1px;
	}
	.card-header-style{
		height:34px;
	}
	.cardnew{
		font-size:12px;
	}
	.p-32750-style{
		font-size:12px;
	}
	.bloc-43983-margin-top{
		margin-top:-12px;
	}
	.p-margin-top{
		margin-top:-12px;
	}
	.p-4-margin-top{
		margin-top:-12px;
	}
	.p-5-margin-top{
		margin-top:-12px;
	}
	.cradstyle2{
		box-shadow:7px 11px 18px #BEBEBE;
	}
	.divider-margin-bottom{
		margin-bottom:-20px;
	}
	.container-div-bloc-6-style{
		width:100%;
	}
	.p-bloc-10-style{
		width:100%;
	}
	.row-style{
		width:100%;
	}
	.radio-margin-left{
		margin-left:153px;
	}
	.frame{
		width:530px;
	}
	.img-sold-whi-style{
		width:40px;
		height:40px;
	}
	.img-houseinclo-style{
		width:40px;
		height:40px;
	}
	.img-movedagent-whi-style{
		width:40px;
		height:40px;
	}
	.img-bloc-10-style{
		width:40px;
		height:40px;
	}
	.img-bloc-13-style{
		width:40px;
		height:40px;
	}
	.img-style{
		width:40px;
		height:40px;
	}
	.icon-bloc-6-margin-top{
		background-size:auto auto;
	}
	.icon-0-margin-top{
		margin-top:-20px;
	}
	.p-bloc-9-style{
		font-size:16px;
		line-height:24px;
	}
	.h2-style{
		width:85%;
	}
	.img-16-style{
		width:50px;
		height:50px;
	}
	.img-17-style{
		width:60px;
		height:60px;
	}
	.bloc_yellow{
		margin:10px 10px 10px 10px;
		border-radius:15px 15px 15px 15px;
	}
	.bloc-dark-blue{
		background-color:#006791;
	}
	.bloc-green{
		background-color:#00B8A9;
	}
	.bloc-orange{
		background-color:#E08F45;
	}
	.bloc-lightblue{
		background-color:#00A3D3;
	}
	.bloc-grey{
		background-color:#A9BEC9;
	}
	.bloc-listing{
		background-color:#006791;
	}
	.listing_bloc{
	}
	.listbox-1{
		margin-left:-51px;
		margin-top:-21px;
	}
        .listbox-livecampaign{
                margin-left:-30px;
	 }
        .listbox-2{
		margin-left:-51px;
		margin-top:-21px;
	}
	.container-div-4685-style{
		margin-left:46px;
		margin-top:20px;
	}
	.listing-county{
		width:100%;
		margin-left:-43px;
	}
	.img-bloc-21-style{
		width:10px;
	}
    
	
}

@media (max-width: 575px){
	.h6-style{
		font-size:14px;
		margin-left:2px;
		margin-top:16px;
	}
	.img-homebla-style{
		width:40px;
		margin-top:10px;
		height:40px;
	}
	.p-style{
		width:100%;
		margin-top:-6px;
	}
	.h3-style{
		margin-left:-3px;
		width:100%;
		margin-top:2px;
	}
	.h6-pending-margin-top{
		font-size:12px;
		margin-top:-14px;
	}
	.h6-sold-margin-top{
		font-size:12px;
		margin-top:-14px;
	}
	.h6-margin-top{
		font-size:12px;
		margin-top:-14px;
	}
	.h6-moved-margin-top{
		font-size:12px;
		margin-top:-14px;
	}
	.h6-specials-margin-top{
		font-size:12px;
		margin-top:-14px;
	}
	.h6-bloc-3-margin-top{
		font-size:12px;
		margin-top:-13px;
	}
	.h6-open-margin-top{
		font-size:12px;
		margin-top:-14px;
	}
	.h6-opened-margin-top{
		font-size:12px;
		margin-top:-14px;
	}
	.h6-closed-margin-top{
		font-size:12px;
		margin-top:-14px;
	}
	.img-femalehoou-style{
		margin-top:-11px;
		width:80px;
	}
	.img-malehousemessg-style{
		margin-top:-11px;
		width:80px;
	}
	.img-housefin-style{
		margin-top:-11px;
		width:80px;
	}
	.img-house--style{
		margin-top:-11px;
		width:80px;
	}
	.img-housek-style{
		margin-top:-11px;
		width:80px;
	}
	.img-12-style{
		width:40px;
		height:40px;
	}
	.img-housech-style{
		width:80px;
	}
	.img-housecyc-style{
		width:80px;
	}
	.img-offic-style{
		width:80px;
		margin-top:1px;
	}
	.img-bloc-6-style{
		width:40px;
	}
	.h6-11-style{
		margin-left:149px;
		width:51.43%;
		font-size:12px;
	}
	.img-natsync-lo-style{
		width:200px;
	}
	.container-div-47610-style{
		width:47.14%;
	}
	.background{
		background:linear-gradient(182deg, #1055AF, #31B1D2);
		border-color:rgba(179,179,179,0.0)!important;
	}
	.label-style{
		width:36.79%;
		font-size:12px;
	}
	.label-label-style{
		width:31.43%;
		font-size:12px;
	}
	.h6-12-style{
		font-size:12px;
		margin-bottom:11px;
		margin-top:2px;
	}
	.bloc-0-bloc-5-margin-top{
		margin-bottom:-93px;
		margin-top:44px;
	}
	.bloc-bloc-2-margin-top{
		margin-top:0px;
	}
	.bloc-0-bloc-2-margin-top{
		margin-top:0px;
	}
	.bloc-21941-margin-top{
		margin-top:0px;
	}
	/*.bannercolor{
		background:linear-gradient(92deg, #0092C9, #20B2E7);
	}*/
	.row-bloc-0-margin-top{
		margin-bottom:14px;
	}
	.divider-margin-bottom{
		margin-bottom:-17px;
		margin-top:-24px;
	}
	.h6-bloc-5-style{
		margin-top:-56px;
	}
	.bloc-bloc-5-margin-top{
		margin-top:-93px;
	}
	.card-body-style{
		height:66px;
		margin-left:20px;
	}
	.box{
		box-shadow:0px 0px 5px #000000;
	}
	.footerblock{
		box-shadow:0px 0px 5px #7C7C7C;
	}
	.cardnew{
		font-size:10px;
	}
	.frame{
		width:350px;
	}
	.p-2-style{
		font-size:12px;
		width:100%;
	}
	.p-bloc-9-style{
		font-size:12px;
		width:65.36%;
	}
	.container-div-bloc-7-style{
		width:100%;
	}
	.p-bloc-10-style{
		width:100%;
		font-size:12px;
	}
	.p-4-style{
		width:77.78%;
		font-size:12px;
	}
	.container-div-bloc-10-style{
		width:100%;
	}
	.container-div-bloc-6-style{
		width:100%;
	}
	.p-bloc-13-style{
		font-size:12px;
		line-height:24px;
		width:100%;
	}
	.container-div-bloc-13-style{
		width:100%;
	}
	.container-div-0-bloc-6-style{
		width:14.81%;
	}
	.container-div-0-bloc-7-style{
		width:30.74%;
	}
	.container-div-0-bloc-9-style{
		width:95.93%;
	}
	.container-div-0-style{
		width:21.48%;
	}
	.row-bloc-13-style{
		width:100%;
	}
	.h2-style{
		font-size:12px;
		width:100%;
	}
	.img-16-style{
		width:40px;
		height:40px;
	}
	.img-17-style{
		width:40px;
		height:40px;
	}
	.bloc_yellow{
		height:40px;
	}
	.row-margin-top{
		margin-top:-107px;
	}
	.h6-bloc-21-style{
		font-size:12px;
	}
	.h6-25-style{
		font-size:12px;
	}
	.h6-26-style{
		font-size:12px;
		width:71.19%;
	}
	.h6-27-style{
		font-size:12px;
	}
	.h6-28-style{
		font-size:12px;
	}
	.h6-29-style{
		font-size:12px;
	}
	.h6-30-style{
		font-size:12px;
		width:50.85%;
	}
	.h6-31-style{
		font-size:12px;
		width:100%;
		margin-top:-12px;
	}
	.p-32750-style{
		font-size:12px;
	}
	.p-5-margin-top{
		width:100%;
	}
	.p-margin-top{
		font-size:12px;
	}
	.p-4-margin-top{
		font-size:12px;
		width:64.41%;
	}
	.bloc-dark-blue{
		height:40px;
	}
	.bloc-green{
		height:40px;
	}
	.bloc-orange{
		height:40px;
	}
	.bloc-lightblue{
		height:40px;
	}
	.bloc-grey{
		height:40px;
	}
	.bloc-listing{
		height:40px;
	}
	.container-div-4685-style{
		width:82.22%;
		margin-right:-1px;
	}
	.h6-32-style{
		width:100%;
		margin-bottom:10px;
		margin-top:-9px;
	}
	.listbox-1{
		border-bottom-right-radius:15px;
		border-bottom-left-radius:15px;
		background-color:#FEFFFF;
		margin-top:-25px;
		box-shadow:0px 1px 4px #9D9D9D;
	}
        .listbox-2{
		border-bottom-right-radius:15px;
		border-bottom-left-radius:15px;
		background-color:#FFF2D4;
		margin-top:-25px;
		box-shadow:0px 1px 4px #9D9D9D;
	}
	.listing_bloc{
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		border-bottom-left-radius:10px;
		background-color:#A7D7E4;
	}
	.listing-county{
		width:100%;
		margin-left:-46px;
	}
	.h4-style{
		font-size:14px;
	}
	.app_icon_size{
		width:64%;
	}
	.congrats_bar{
		width:40px;
	}
	.row-43-margin-top{
		width:100%;
		margin-left:2px;
		margin-right:-3px;
		background-color:rgba(254,255,255,0.4);
		/*margin-top:-84px;*/
		border-radius:10px 10px 10px 10px;
	}
	.img-bloc-21-style{
		width:8px;
	}
	.row-bloc-21-margin-top{
		background-color:rgba(255,255,255,0.3);
		    margin-top: 40px;
	}
	.row-38-margin-top{
		margin-top: 60px !important;
	}
	.img-margin-bottom{
		width:50px;
	}
	.top_icons{
		width:35px;
	}
	.h6-25580-style{
		width:100%;
	}
	.h6-company-name-style{
		/*margin-top:-14px;*/
	}
	.bloc-bloc-21-margin-bottom{
		/*margin-bottom:-11px;*/
	}
	.bloc-0-margin-bottom{
		margin-bottom:-12px;
	}
    .search-box .search-panel {
        width: 100% !important;
    }
}

.desktop-margin-top-80{
        margin-top:80px;
    }

/****************CONGRAT*******************/
.row.congrat-status {
    width: 100%;
    margin: 1px auto;
    position: relative;
    height: 34px;
    background-color: #f3f3f3;
}
.row.congrat-status > div {
    background-color: rgb(0, 178, 220);
    box-shadow: 0px 1px 4px #8c8c8c;
    border-radius: 0px 0px 10px 10px;
    background: linear-gradient(0deg, rgba(0, 178, 220, 1) 0%, rgb(75, 206, 237) 45%,rgb(75, 206, 237) 55%, rgba(0, 178, 220, 1) 100%);
    height: 100%;
    text-align: center;
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
.row.congrat-status > div img {
    width: 23px;
}

.row.congrat-status > div:nth-child(2) {
    padding: 0;
}
.btn-success.my-3.mx-auto {
    text-transform: capitalize;
}
a.part1.stopload {
    color: #000000;
}
.custom-tab-box.custom-tab-box-active-contract {
    background: #fe0909;
}
.row.congrat-status a {
    color: white;
}
.congrats {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    /*background-color: #f3f3f3;*/
    height: 85%;
}
.each-congrat {
    overflow: hidden;
    border: 1px solid #4478b1;
    width: 85%;
    
    border-radius: 20px;
    background-color: #ffffff;
    margin: 12px auto;
    float: none;
}
 @media (max-width: 575px){
     
     
     .row.congrat-status > div {
    background-color: rgb(16, 162, 216);
    background: linear-gradient(92deg, #10a3da, #20B2E7);
     }
     
        .each-congrat {
     width:97% ;
     padding: 0px 4px;
}
     .congrat-visible img {
    margin: 0px 12px !important;
         
}
     .label2 {
         transform: scale(0.9) !important;}
 
    .camapign-category {
    margin: 12px auto !important;}
     
     .congrat-visible span {
    margin-left: 5px;
}
     
     .congrat-visible .congrat-request button {
    margin-right: 9px !important;
    padding: 5px 4px !important;}
       
    .congrat-more-info {
    font-size: 14px !important;
    padding: 0px 4px 0px !important;}
     
    .camapign-category-visible {
    padding: 8px !important;
    font-size: 15px !important;
     } 
 
 .camapign-category-visible .ion-ios-arrow-forward, 
 .camapign-category-visible .ion-ios-arrow-back {
    font-size: 25px !important;
}    
     .camapign-category-title {
    margin-left: 6px !important;
    margin-right: 6px !important;
}
     
 .camapign-category {
     width: 90% !important;
     }

 .open-camapign-category{
    width:99% !important;
}
     
    }
@media (max-width: 410px){
        .congrat-visible img {
    display:none;       
}
  
}

.congrat-visible {
    height: 83px;
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

.congrat-visible .congrat-switch {
    position: relative;
    top: -5px;
    margin-left: auto;
    margin-right: 15px;
}
.congrat-visible img{
    margin:0px 15px;
    width:35px;
    cursor: pointer;
}
.congrat-visible span{
    color:#2690C5;
}

.congrat-visible .congrat-request{
    position: relative;
    margin-left:auto;
}

.congrat-visible .congrat-request button {
    cursor: pointer;
    border-radius: 10px !important;
    margin-right: 14px;
    float: left;
    border: none;
    background-color: white;
    color: rgb(101, 101, 101);
    padding: 5px 8px;
    border-radius: 2px;
    font-size: 13px;
    border: 2px solid rgb(99, 201, 59);
    font-weight: bold;
    outline: none;
}
.congrat-visible .congrat-request button:hover {
    border: 2px solid rgb(80, 175, 42);
    transition: 0.2s;
}

.congrat-visible .glyphicon{
    position: relative;
    float: left;
    font-size: 30px;
    cursor: pointer;
}



.congrat-more-info {
    font-size: 15px;
    transition: opacity 0.4s;
    opacity: 0;
    height: 0;
    overflow: hidden;
    padding: 0px 4px 3px;
    /* background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(239, 252, 255) 44%, rgb(93, 215, 238) 98%); */
    /* background: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(239, 252, 255) 44%, rgb(93, 215, 238) 98%); 
    background: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(239, 252, 255) 44%, rgb(93, 215, 238) 98%);
    background: -o-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(239, 252, 255) 44%, rgb(93, 215, 238) 98%);*/
}


.congrat-more-info > div { 
    background-color: #1b4472;
    border-radius: 0px 0px 20px 20px;}


.congrat-triangle {
    top: -1px;
    margin-bottom: 5px;
    border-top-color: white;
}
.triangle-down {
    position: relative;
    left: 12%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid;
}

.congrat-more-info .congrat-data{
    margin: 8px auto;
    width: 380px;
}

@media (max-width: 380px){
    
 .congrat-more-info .congrat-data > div {
    height: 44px !important;}
    .congrat-more-info .congrat-data{
    width: 100% !important;
    }}
 
.congrat-data .fa-edit {
    font-size: 21px;
    
    cursor: pointer;
}

.congrat-more-info .congrat-data > div {
    height: 48px;
    width:100%;
    display: flex;
    -webkit-display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
	    border-bottom: 1px solid #ffffff8f;
    border-radius: 10px;
	    margin-bottom: 20px;
    }
.congrat-more-info .congrat-data img{
    margin-left: 6px; 
    width:24px;
}
.congrat-more-info span{
    color: white;
    text-shadow: 1px 1px 1px #888888;
}
.congrat-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
}

span.ion.ion-chevron-down.arrow-down {
    cursor: pointer;
    font-size: 40px;
    transition: 0.4s;
    margin-right: 8px;
}

@media (min-width: 576px){

span.ion.ion-chevron-down.arrow-down {
    font-size: 45px;
    margin-left: 20px;
    margin-right: 12px;
    
}
}
.congrat-check-box {
    float:left;
    position: relative;
    margin-left: auto;
}
.congrat-check-box span {
    font-size: 30px;
    right: 26px;
}
.progress-background{
    display:none;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.32);
    position: fixed;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    /*display: none;*/
    outline: 0;
}
.progress-bar {
    width: 100%;
    position: absolute;
    top: 50%;
}
.progress[value] {
    width: 298px;
    margin: auto;
}
.registration-box > div{
    padding-top: 10px;
}

.registration-box .report-button {
    margin-top: 6px;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #969696;
    width: 140px;
    padding: 1px;
    background-color: #f4f4f4;
    outline:0;
}
#target-report{
    height:auto;
    background-color: #f6fdfd;
}
.report-title{
    font-size:17px;
}

.report-comment {
    margin-left: 10px;
    display: inline-block;
    color: #ced200;
    margin-bottom: 10px;
    font-size: 13px;
}

.report-comment-amount{
    float:right;
    margin-right:16px;
    color: #ced200;
}
.report-section {
    position:relative;
    top:20%;
    transition:0.4s;
    opacity:0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    padding-top: 12px;
    height: 84%;
}
.report-section .each-report {
    text-transform: capitalize;
    margin-bottom: 8px;
    background-color: white;
    padding: 6px 16px;
    box-shadow: 0px 1px 4px #a7a7a7;
    border: 1px solid #b3b3b3;
    border-radius: 4px;
}
.each-report-amount{
    float:right;
}

/*****chech-box***********/

.row.campaign-status {
    width: 100%;
    margin: 1px auto;
    position: relative;
    height: 34px;
    background-color: #f3f3f3;
}
.row.campaign-status > div{
    display: flex;
    align-items: center;
    justify-content: center;
}

input[type="checkbox"] {
    position: absolute;
    visibility: hidden;
}
.label2 {
    border: 2px solid #6b6b6b;
    position: relative;
    display: block;
    width: 3em;
    height: 1.6em;
    border-radius: 1em;
    margin: 0;
    background-color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    float: right;
}
.label2:before {
    transition: 0.3s;
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 1.1em;
    height: 1.1em;
    background-color: #6b6b6b;
    border-radius: 50%;
}
input:checked + .label2 {
    border-color: #2bb57a;
}
input:checked + .label2:before {
    content: '';
    background-color: #2bb57a;
    left: 1.5em;
}
.switch {
    margin-left: 6px;
    margin-right: 6px;
}
.camapign-category {
    border-radius: 5px;
    transition: 0.4s;
    width: 65%;
    margin: 20px auto;
    border: 1px solid #b5b5b5;
    overflow: hidden;
}
.camapign-category-visible {
    padding: 20px;
    font-size: 18px;
    display: flex;
    background-color: #1c88d8;
    height: 50px;
    cursor: pointer;
	color: #fff;
}
.stopload.edit-name-popup {
    color: #0b0b0b;
}
.camapign-category-visible .ion-ios-arrow-forward , 
.camapign-category-visible .ion-ios-arrow-back {
    font-size: 30px;
}
.camapign-category-visible .ion-ios-arrow-back {
    opacity:0;
    transition: opacity 0.4s;
}
.camapign-category-title{
    margin-left: 10px;
    margin-right: 10px;
}

.camapign-category-info{
    background-color: aliceblue;
    transition: opacity 0.4s;
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.camapign-category-text{
    display: flex;
    align-items: center;
    position: relative;
    left: 0%;
    transform: translateX(0%);
transition: 0.4s;   
}
.open-camapign-category{
    width:90%;
}
.close-camapign-category{
    width:65%;
}
/*---------Profile-page-------------*/

.profile-save-btn {
    background-color: #2b7b9e !important;
    margin-left: 20px;
}

input.profile-menu-button {
    background-color: #848484;
    font-size: 13px;
    padding: 0px 26px;
    color: white;
    border: 0;
    cursor: pointer;
    outline: none;
    border-radius: 2px;
}

.camapign-category.profile-inputs .each-congrat{
    color:#4f4f4f;
    font-size:14px;
    padding: 10px 15px;
    border: none !important; 
    width: 85%;
    border-radius: 5px;
}

.camapign-category.profile-inputs .rep-info{
    padding: 0 !important;
}

/*.camapign-category.profile-inputs .each-congrat > div {
    float: left;
}
.profile-inputs .profile-input-title > div , .profile-inputs .profile-input-text > div {
    background-color: cadetblue;
    height: 32px;
}*/

.camapign-category.profile-inputs table
{
    width:100%;
}
.profile-inputs .each-rep {
    padding: 0px 18px 18px 18px;
    display:none;
}

.profile-inputs td.profile-input-pic {
    padding: 18px 10px 8px 10px;
}

.rep-info td.profile-input-title {
    color: #509fd7;
    font-weight: 600;
}

.profile-inputs td.profile-input-pic img {
    width: 50px;
}
.profile-inputs td.profile-input-title {
    width: 140px;
}
td.profile-input-text input {
    padding: 0px 4px;
    width: 100%;
}
.camapign-category.profile-inputs table tr{
    height: 46px;
}
.camapign-category.profile-inputs .profile-setting {
    max-width: 750px;
    margin: auto;
}
#cssmenu {
  background: #4fe35a;
  width: auto;
}
#cssmenu ul {
  text-align: center;    
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: block;
  zoom: 1;
}
#cssmenu ul:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul li {
  display: inline-block;
  padding: 0;
  margin: 0;
}
#cssmenu.align-right ul li {
  float: right;
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu ul li span {
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  display: block;
  padding: 15px 25px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
  position: relative;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
}
#cssmenu ul li span:hover {
  color: #333333;
}
#cssmenu ul li span:hover:before {
  width: 100%;
}
#cssmenu ul li span:after {
  content: "";
  display: block;
  position: absolute;
  right: -3px;
  top: 19px;
  height: 6px;
  width: 6px;
  background: #ffffff;
  opacity: .5;
}
#cssmenu ul li span:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #333333;
  -webkit-transition: width .25s;
  -moz-transition: width .25s;
  -ms-transition: width .25s;
  -o-transition: width .25s;
  transition: width .25s;
}
#cssmenu ul li.last > span:after,
#cssmenu ul li:last-child > span:after {
  display: none;
}
#cssmenu ul li.active span {
  color: #333333;
}
#cssmenu ul li.active span:before {
  width: 100%;
}
#cssmenu.align-right li.last > span:after,
#cssmenu.align-right li:last-child > a:after {
  display: block;
}
#cssmenu.align-right li:first-child span:after {
  display: none;
}

@media screen and (max-width: 565px) {
.profile-inputs td.profile-input-title {
    width: 125px;
    }
    
.camapign-category.profile-inputs .each-congrat {
    width: 94% !important;    
}
}
@media screen and (max-width: 768px) {
	
	
  #cssmenu ul li span {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #fb998c;
  }
  
  
}
@media screen and (max-width: 978px) {
#cssmenu ul li span {
    padding: 15px 18px !important;
}


}
/****************MY AGENT*******************************/
.fixed-topbar{
    position:fixed;
    width: 100%;
    z-index:2;
    
}

.agent-box{
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}
 .search-agent{
    height:42px !important;
 background-color: #f3f3f3;
}

.agent-box .add-agent-field {
    text-align: center;
    height: 28px;
    background: linear-gradient(92deg,#6cf26b, #4adb48, #4adb48,#6cf26b);
    position: relative;
}

.agent-box .add-agent-field span{
    line-height: 25px;
    font-size:18px;
}
.agent-first-word{
    background-color: #f3f3f3;
    height:55px;
}
.agent-first-word a {
    font-size: 20px;
    font-weight: bold;
    color: grey;
}

.agent-first-word > div{
    height:100%;
}

.word-holder {
    width: 100%;
    height: 100%;
}
.word-holder div {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    height: 100%;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}
 .contact-first-word{
    height: 6px;
    background: linear-gradient(92deg,#6cf26b, #4adb48, #4adb48,#6cf26b);
}

.contact-list .contact-name {
    border-bottom: 1px solid silver;
    background-color: #f3f3f3;
    height: 46px;
    font-size: 16px;
    padding: 13px 20px;
}
/*.list-inside div {
    display: none;
}*/
.search-agent {
    height: 42px !important;
    background-color: #f3f3f3;
}

.search-box {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}
.search-box .search-panel {
    padding-left: 10px;
    border-radius: 8px;
    border: 1px solid #b1b1b1;
    margin: auto;
    /* background-color: beige; */
    width: 92%;
    height: 36px;
    box-shadow: -3px 3px 6px #e4e3e3;
}
@media (min-width: 600px){ 
.search-box .search-panel {
    width: 80% !important;
}
 .contact-list .contact-name {
    padding: 13px 60px !important;
}

}
.search-box .search-icon {
    display: flex;
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    height: 100%;
    float: left;
    text-align: center;
    color: #b2b0b0;
}
.search-box .search-panel input {
    font-size: 16px;
    background-color: transparent;
    border: none;
    padding-left: 10px;
    outline: none;
    box-sizing: border-box;
    height: 100%;
    width: 94%;
}
.agent-box span.ion.ion-ios-arrow-right {
    color: black;
    font-weight: bold;
    position: absolute;
    right: 6px;
    font-size: 20px;
}
.agent-box span.ion.ion-ios-arrow-left {
    color: black;
    font-weight: bold;
    position: absolute;
    left: 6px;
    font-size: 20px;
}
.row.contact-list {
    color: grey;
}
.contact-name button {
    background-color: transparent;
    float: right;
    border: 1px solid #00b2dc;
    color: #00b2dc;
    padding: 0px 6px 1px 6px;
    border-radius: 4px;
    cursor: pointer;
}
.row.add-agent-field .ion-plus {
    color: white;
}
.contact-name button:hover {
    border: 1px solid #1984be;
}
.margin-top-50{
    margin-top:50px;
}
.margin-top-70{
    margin-top:70px;
}
.margin-top-20{
    margin-top:20px;
} 
.margin-bottom-20{
    margin-bottom:20px;
} 
.margin-bottom-40{
    margin-bottom:40px;
} 
.padding-top-20{
   padding-top:20px;
}

.agenttype{
    padding: 10px;
    border-radius: 50%;
    float: right;
}
.la{
    background: #45ad48;
    color: #fff;
}
.ba{
    background: #d0cc4e;
    color: #fff;
}

/*-------------------------------------
*/
h5.mg-md {
    font-weight: bold;
}
.h6-32-style span {
    color: #000 !important;
    line-height: 1.6;
}
.listbox-2 {
    background: #fff;
}
h6.mg-md.h6-32-style {
    margin-top: 0;
    display: -webkit-inline-box;
    width: 100%;
	color: #080808!important;
	padding-top: 5px;
}
.container-div-4685-style .row.row-43-margin-top {
    margin: 0px 0px 20px;
}
@media screen and (max-width: 320px) {
	.row-bloc-0-margin-top {
    margin-top: 0;
}
}

@media screen and (max-width: 575px) {
	h5.mg-md {
		font-size: 15px;
	}
    
.container-div-4685-style {
     width: 100% !important;
   margin-left: 0 !important;
}
.row.align-items-start.listbox-1 {
    margin-left: 0;
	width:100%;
	margin-top: 10px;
}
.bloc-0-margin-bottom {
    margin-bottom: 0 !important;
}
.row.align-items-start.listbox-2 {
    margin-left: 0;
    width: 100%;
}
h6.mg-md.h6-32-style {
    margin-top: 0;
	display: -webkit-inline-box;
}
.bloc-0-margin-bottom {
     margin-top: 10px;
}
#mdlproductionreport .modal-dialog {
max-width: 470px;}
}

/********************* MY CSS ***********************/
@media screen and (min-width: 575px) {
	#mdlproductionreport .modal-dialog {
max-width: 470px;}
	
}
@media screen and (max-width: 574px) {
	.footer-inside img {
        width: 40px !important;
    height: 40px !important;
	}
	
		.row.row-bloc-21-margin-top.custom-row1 {
    margin-bottom: 10px !important;
}
	.active-nav {
    height: 558px;
 }
.custom_content_row {
max-width: 60%;
}
#activelistingsdata {
   max-width: 80%;
   }
}
#mdlproductionreport .modal-header {
    background: linear-gradient( 0deg , rgb(255 255 255) 0%, #e2e2e2 51%, #b9b9b9 98%);
}
#production-Modal-Title {
    color: #000;
    font-weight: bold;
}
.modal-agent-info .custom_content_row {
    text-align: center;
}
.modal-agent-info .custom_content_row {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}
.custom_content_row {
    font-weight: 600;
    color: #7a7a7a;
    font-size: 14px;
}
#mdlproductionreport .modal-body {
    padding-left: 0;
    padding-right: 0;
}
.custom_width_row {
    width: 100%;
    padding: 5px;
    color: #000;
    background: #f5f5f5;
    max-width: 100%;
}
b#pagentname, b.productionreport12 {
    width: 100%;
    padding: 5px;
	font-size: 17px;
color: #000;}

.custom_content_row {
    padding-top: 20px;
    padding-bottom: 40px;
    max-width: 40%;
    margin: 0 auto;
    text-align: left;
}
a#emailpdf {
    color: #fff;
}
#activelistingsdata {
  text-align: left;
    max-width: 80%;
    margin: 0 auto;
    font-weight: 600;
    color: #534f4f;
    font-size: 14px;
    line-height: 1.8;
    margin-top: 15px;
}
span.metropin {
    width: 100%;
    display: block;
    position: relative;
}
#activelistingsdata span.metropin:after {
    width: 11px;
    height: 17px;
    content: '';
    background: url(/linksapp/new_dashboard/pic_new/metro-pin.png);
    display: block;
    position: absolute;
    left: -23px;
    top: 5px;
}
img.trackingicon{
    width:30px; 
}


/********* FOOTER ******/
.numbers.notes {
    font-size: 11px;
    color: white;
	transform: translateX(0px);
    opacity: 1;
    transition: all 1.5s ease 0s;
}

.round {
	
    float: left;
    background: #f73939;
    width: 20px;
    height: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    left: -2px;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 50%;
    line-height: 20px;
	transform: translateX(0px);
    opacity: 1;
    transition: all 1.5s ease 0s;
}
/***********************/
.bannercolor .row-bloc-0-margin-top {
    margin-bottom: 0;
}
.row.campaign-status {
    margin-top: 120px !important;
}
#rightSidenav.active-nav {
    display: block;
}
div#rightSidenav {
   display: none;
}
#auto_listing .row {
    padding-left: 15px;
    padding-right: 15px;
}
#listing_today_view .container-div-4685-style {
    width: 100%;
    margin-left: 0;
}
#listing_today_view .container-div-4685-style .row {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0 0 17px 17px;
}
/* STYLE-SAYYAM-START */
.custom-tab-box {
	margin: 5px 0 ;
}
.custom-tabs-wrap {
	max-width: 1180px;
	margin: 0 auto;
	padding: 20px;
}
.custom-tab-desc {
	display: none;
	margin: 20px auto;
	text-align: center;
}
.custom-tab-desc.overflow {
	height: 340px;
	overflow-y: scroll;
}
/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.custom-tab-desc.overflow  {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.custom-tab-box .custom-tab-title {
	margin: 0;
	background-image: url("img/arrow-up.png");
	background-repeat: no-repeat;
	background-position: right 25PX center;
	background-size: 20px;
    color: #fff;
	font-size: 16px;
	font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}
.custom-tab-box.current > .custom-tab-title{
    display:block;
}
.custom-tab-box > .custom-tab-title.current {
	background-image: url("img/arrow-down.png");
}
.custom-tab-title.agent-prod {
	background-color: #FF0000;
}
.custom-tab-title{
	padding: 10px 20px;
    display: flex;
    align-items: center;
}
.custom-tab-title.agent-prod > .prod-logo {
	width: 33.33%;
}
.custom-tab-title.agent-prod > .prod-title {
	width: 33.33%;
	margin: 0;
	color: #fff;
	font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
}
.custom-tab-title.agent-prod > .empty {
	width: 33.33%;
    font-size: 0;
    color: transparent;
    opacity: 0;
    visibility: hidden;
}
.custom-tab-desc .author {
	margin: 0px;
	font-weight: bold;
    color: #000;
}
.custom-tab-desc>p{
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #808080;
}
.custom-tab-desc .month-report {
	width: 100%;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #534f4f;
	font-weight: bold;
	background-color: #F7F7F7;
	padding: 3px 0;
	margin: 15px 0;
}
.listiong-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
    margin: 20px 0;
}
.listiong-wrap .listing-left {
	width: 50%;
}
.listiong-wrap .listing-left >p{
	margin: 0;
    color: #534f4f;
    font-weight: bold;
    font-size: 16px;
}
.listiong-wrap .listing-right {
	width: 50%;
}
.listiong-wrap .listing-right>p{
	margin: 0;
    color: #534f4f;
    font-weight: bold;
    font-size: 16px;
}
.custom-tab-desc .full-prod {
	text-decoration: none;
	background-image: url(img/pdf.png);
	background-repeat: no-repeat;
	background-color: #318D00;
	padding: 10px 40px;
	border-radius: 12px;
	font-size: 16px;
	display: inline-block;
	background-size: 20px;
	background-position: left 10px center;
	color: #fff;
	font-weight: bold;
}
.custom-tab-title > .tab-title-left {
	width: 10%;
}
.custom-tab-title > .tab-title-middle {
	width: 10%;
}
.custom-tab-title > .tab-title-right {
	width: 35%;
}
.tab-title-left, .tab-title-middle, .tab-title-right {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}
.custom-table-desc {
	width: 96%;
	/* border: 1px solid #707070; */
	padding: 10px;
	border-radius: 12px;
	margin: 14px auto;
	box-shadow: 0px 0px 10px 4px rgba(112,112,112,0.75);
	-webkit-box-shadow: 0px 0px 7px -1px rgba(112,112,112,0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(112,112,112,0.75);
}
.custom-table-desc.overall{
	margin: 0 auto;
}
/*.custom-table-desc:last-child{
	margin: 0;
}*/
.for-tr-border {
	position: relative;
}
.for-tr-border::before {
	position: absolute;
	content: "";
	width: 78.2%;
	left: 0;
	right: 0;
	border-bottom: 1px solid #c2c2c2;
	bottom: 0;
	margin: 0 auto;
}



.custom-table-desc > thead > tr > th {
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    padding: 7px;
	color: #534f4f;
}
.custom-table-desc > tbody > tr > td {
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    padding: 7px;
    text-transform: uppercase;
	color: #534f4f;
}
.custom-table-desc > tbody > tr > td.lower{
	text-transform: capitalize;
	width:33.33%;
}
.table-th-title {
	color: #534f4f;
	font-weight: bold;
}
.custom-tab-desc .listing-custom {
	padding: 0;
	width: 90%;
	margin: 10px auto;
}
.custom-tab-desc .listing-custom > li {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
	padding: 5px 0px 5px 40px;
	font-weight: bold;
	color: #716f6f;
	font-family: Arial, Helvetica, sans-serif;
	/*background-image: url(img/Icon-metro-pin.png);*/
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 14px;
}
.close-btn {
	display: block;
	padding: 10px 30px;
	background: #0091CD;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	text-transform: capitalize;
	text-align: center;
	border-radius: 15px;
	width: 10%;
	margin: 10px auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.custom-tab-title.agent-prod {
	background-size: 25px;
}
@media screen and (max-width: 480px){
	.custom-tabs-wrap {
		padding: 0;
	}
	.custom-tab-title.agent-prod > .prod-logo {
		width: 20%;
	}
	.custom-tab-title.agent-prod > .prod-title {
		width: 60%;
		font-size: 20px;
		text-align: center;
		margin-top: 25px;
	}
	.custom-table-desc > thead > tr > th {
		font-size: 14px;
		padding: 0;
	}
	.custom-tab-title.agent-prod > .empty {
		width: 20%;
	}
	.listiong-wrap {
		align-items: start;
	}
	.listiong-wrap .listing-right p {
		font-size: 14px;
		text-align: left;
	}
	.listiong-wrap .listing-left P {
		font-size: 14px;
		text-align: left;
	}
	.custom-tab-title > .tab-title-left {
		width: 18%;
	}
	.custom-tab-title > .tab-title-middle {
		width: 15%;
	}
	.custom-tab-desc {
		padding: 0 5px;
		margin: 10px 0px;
	}
	.custom-table-desc {
		padding: 8px;
	}
	.custom-table-desc > tbody > tr > td {
		font-size: 12px;
		font-weight: 600;
	}
	.custom-tab-desc .listing-custom > li {
		font-size: 14px;
	}
	.tab-title-left, .tab-title-middle, .tab-title-right {
		font-size: 14px;
	}
	.custom-tab-box .custom-tab-title {
		font-size: 14px;
	}
	.custom-tab-box .custom-tab-title {
		background-size: 17px;
	}
	.custom-tab-title.agent-prod {
		background-size: 25px;
	}
}
/* STYLE-SAYYAM-END */

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

.profile_contact {
    margin-top: -10px !important;
    margin-right: 0 !important;
}

.profile_contact .app_icon_size {
    width: 50px;
} 
.listing-active {
    width: 100% !important;
}
.listing-active li {
    padding-left: 16px !important;
    display: flex;
    background-size: 12px !important;
    line-height: 1.5;
}
b.bdom {
    word-spacing: 0px;
    width: 28%;
}
}

[data-title]:after {
    content: attr(data-title);
    position: absolute;
    bottom: 55px;
    left: 2px;
    padding: 4px 4px 4px 8px;
    color: #000;
    white-space: nowrap;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 4px #323232;
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
    background: #eeeeee;
}
[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
b.bdom {
    word-spacing: 5px;
    float: right;
    width: 13%;
}
@media screen and (min-width: 767px) {
	#activelistingsdata li {
    display: flex;
    justify-content: space-between;
}
	#activelistingsdata .paddress {
    width: 60%;
}
    #activelistingsdata .lsprice, 	#activelistingsdata b.bdom {
    width: 20%;
    text-align: center;
}
	/*#activelistingsdata b.lsprice {
    order: 3;
}*/
	#activeundercontractlistingsdata li {
    display: flex;
    justify-content: space-between;
}
	#activeundercontractlistingsdata .paddress {
    width: 60%;
}

	#pendinglistingsdata .lsprice,#activeundercontractlistingsdata .lsprice, 	#activelistingsdata b.bdom {
    width: 20%;
    text-align: center;
}
	#activeundercontractlistingsdata b.lsprice {
    order: 3;
}
#pendinglistingsdata li {
    display: flex;
    justify-content: space-between;
}
	#pendinglistingsdata .paddress {
    width: 60%;
} 
    #pendinglistingsdata b.lsprice {
    order: 3;
   }
}
p.paddress {
    width: 60%;
}
b.bapn {
    width: 20%;
    text-align: center;
}
@media screen and (max-width: 648px) {
	p.paddress {
    width: 51%;
	margin-right: 10px;}
	li {
    list-style-type: none;
}
ul.listing-custom-headline {
    width: 100% !important;
    padding: 0;
}
.listing-active {
    width: 100% !important;
}
.listing-active li {
    padding-left: 12px !important;
    display: flex;
    background-size: 12px !important;
    line-height: 1.5;
}
b.bdom {
    word-spacing: 0px;
    width: 28%;
	text-align: center;
}
ul.listing-custom-headline li b {
    font-size: 12px;
}
#mdlproductionreport #activelistingsdata {
    width: 95%;
   
}
#mdlproductionreport .listiong-wrap {
    width: 95% !important;
    margin: 0 auto !important;
	    align-items: flex-start !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}
ul.listing-custom-headline li {
        list-style-type: none;
        padding-left: 12px !important;
        display: flex;
        background-size: 12px !important;
        line-height: 1.5;
    }
}
div#activeundercontractlistingsdata {
    text-align: left;
    margin: 0 auto;
    font-weight: 600;
    color: #534f4f;
    font-size: 14px;
    line-height: 1.8;
	background: #fff;
}
div#pendinglistingsdata {
    text-align: left;
    margin: 0 auto;
    font-weight: 600;
    color: #534f4f;
    font-size: 14px;
    line-height: 1.8;
}
#mdlproductionreport #activelistingsdata {
    width: 100% !important;
    max-width: 100%;
}

ul.listing-custom-headline {
    width: 90%;
    margin: 0 auto;
}
.red-color{
	color:#ff040;
}
.claimreq-block span {
    color: #000;
}
.status-style {
    color: #233d81 !important;
    font-weight: 700;
}