@import url("fonts.css");

body.no-scroll {
    overflow: hidden;
}

/* Input text */

input[type=text], input[type=datetime-local], .date-input{
    border-radius: 2px;
	border: 1px solid rgb(205, 205, 204);
	color: #7a7b7b;		
    line-height:28px;
	overflow: hidden;
}

#jq_PageNumber{
    padding:0 !important;
}
.copyToClipboardDiv {opacity:0; width:1px; height:1px}
.copyToClipboardTenantLinkDiv {opacity:0; width:1px; height:1px}
.overflow-unset{ overflow:unset !important; }

.btnshake { animation: shake 0.75s; animation-iteration-count: infinite; }

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/* Height */
.ht-21 {height:21px;}
.ht-30 {height:30px;}
.ht-35 {height:35px;}
.ht-26 {height:26px;}
.ht-100 {height:100px;}
.ht-auto {height: auto !important;}

/* Fonts */
input{font-family:"seravekregular","arial"}
.ff-r{font-family:'seravekregular'!important}
.ff-bold{font-family:seravekbold !important}
.ff-xl{font-family: 'seravekextralight'!important;}
.ff-b{font-family: 'seravekbold'!important;}
.ff-bi{font-family: 'seravekbolditalic'!important;}
.ff-l{font-family: 'seraveklight'!important;}
.circularbook{font-family: 'circularbook'!important;}
.circularbold{font-family: 'circularbold'!important;}
.circularstdbook{font-family: 'circularstdbook'!important;}


body{ background-color:#e7f5fd !important;  /*background-color:#F7F7F7 !important;*/ font-family:"seravekregular","arial"; font-size:12px; overflow-x:hidden; } 
*{outline:none;outline:0;}a:hover,a:visited,a:active,a:focus{text-decoration:none;cursor:pointer;outline:none;outline:0}body a{text-decoration:none}
*,h1,h2,h3,h4,h5,h6,label,div,p,a,li,header,footer,table,form,input{margin:0;padding:0;box-sizing:border-box}
.container{width:1060px;margin:0 auto}body div input[type="checkbox"],body div  input[type="radio"]{width:15px}
 h1{font-size:16px}h2{font-size:13px;font-weight:bold}h3{font-size:13px;font-weight:200}h4{font-size:13px;font-weight:bold;font-style:italic}h5{font-size:12px}h6{font-size:10px}
.settings-tabs a {height: 47px;}
 
 /*fixed css*/
.bold{font-weight:bold!important}.normal{font-weight:normal!important}.hide{display:none!important}.uppercase{text-transform:uppercase}
.show{display:block!important}.underline{text-decoration:underline!important}.no-underline{text-decoration:none!important}
.inline-block{display:inline-block!important}.button{cursor:pointer !important;}

/*fonts size*/
.fs-5{font-size:5px!important}.fs-6{font-size:6px!important}.fs-7{font-size:7px!important}
.fs-8{font-size:8px!important}.fs-9{font-size:9px!important}.fs-10{font-size:10px!important}.fs-11{font-size:11px!important}
.fs-12{font-size:12px!important}.fs-13{font-size:13px!important}.fs-14{font-size:14px!important}.fs-15{font-size:15px!important}
.fs-16{font-size:16px!important}.fs-17{font-size:17px!important}.fs-18{font-size:18px!important}.fs-19{font-size:19px!important}
.fs-20{font-size:20px!important}.fs-21{font-size:21px!important}.fs-22{font-size:22px!important}.fs-23{font-size:23px!important}
.fs-24{font-size:24px!important}.fs-25{font-size:25px!important}.fs-26{font-size:26px!important}.fs-27{font-size:27px!important}
.fs-28{font-size:28px!important}.fs-29{font-size:29px!important}.fs-30{font-size:30px!important}.fs-35{font-size:35px!important}
.fs-36{font-size:36px!important}
.fs-40{font-size:40px!important}.fs-45{font-size:45px!important}.fs-50{font-size:50px!important}.fs-60{font-size:60px!important}

/*line-height*/
.lh-5{line-height:5px!important}.lh-6{line-height:6px!important}.lh-7{line-height:7px!important}
.lh-8{line-height:8px!important}.lh-9{line-height:9px!important}.lh-10{line-height:10px!important}.lh-11{line-height:11px!important}
.lh-12{line-height:12px!important}.lh-13{line-height:13px!important}.lh-14{line-height:14px!important}.lh-15{line-height:15px!important}
.lh-16{line-height:16px!important}.lh-17{line-height:17px!important}.lh-18{line-height:18px!important}.lh-19{line-height:19px!important}
.lh-20{line-height:20px!important}.lh-21{line-height:21px!important}.lh-22{line-height:22px!important}.lh-23{line-height:23px!important}
.lh-24{line-height:24px!important}.lh-25{line-height:25px!important}.lh-26{line-height:26px!important}.lh-27{line-height:27px!important}
.lh-28{line-height:28px!important}.lh-29{line-height:29px!important}.lh-30{line-height:30px!important}.lh-35{line-height:35px!important}.lh-36{line-height:36px!important}
.lh-40{line-height:40px!important}.lh-45{line-height:45px!important}.lh-50{line-height:50px!important}.lh-52{line-height:52px!important}.lh-60{line-height:60px!important}
.lh-32{line-height:32px!important;}.lh-35{line-height:35px!important;}.lh-38{line-height:38px!important}.lh-34{line-height:34px}

/*font weight*/
.bold{font-weight:bold!important}.normal{font-weight:normal!important}

/*margin*/
.half-gapped{margin:5px}.gap-top-50{margin-top:50px}.gap-right-7{margin-right:7px !important}.gap-right-12{margin-right:12px !important}
.gap-one-half{margin:15px !important}.gap-one-half-top{margin-top:15px !important}.gap-one-half-bottom{margin-bottom:15px !important}.gap-one-half-left{margin-left:15px !important}.gap-one-half-right{margin-right:15px !important}
.gapped{margin:10px}.double-gapped{margin:20px}.triple-gapped{margin:30px}.half-gap-top{margin-top:5px}.eight-gap-top{margin-top:8px}
.gap-top{margin-top:10px}.double-gap-top{margin-top:20px}.triple-gap-top{margin-top:30px}.half-gap-bottom{margin-bottom:5px}.gap-bottom{margin-bottom:10px}
.double-gap-bottom{margin-bottom:20px}.triple-gap-bottom{margin-bottom:30px}.half-gap-left{margin-left:5px}.gap-left{margin-left:10px}.one-half-gap-left{margin-left:15px}.one-half-gap-right{margin-right:15px}
.double-gap-left{margin-left:20px}.triple-gap-left{margin-left:30px}.half-gap-right{margin-right:5px}.gap-right{margin-right:10px}
.double-gap-right{margin-right:20px}.triple-gap-right{margin-right:30px}.gap-top-bottom-12{margin:12px 0}.gap-110{margin:110px auto 0}
.gap-right-25{margin-right:25px !important}.gap-left-25{margin-left:25px !important}.gap-top-25{margin-top:25px !important}.gap-top-15{margin-top:15px !important}.gap-top-3{margin-top:3px}

/*padding*/
.pad-bottom-0{padding-bottom:0 !important}.pad-one-half{padding:15px;}.pad-one-half-top{padding-top:15px!important}.pad-one-half-bottom{padding-bottom:15px!important}.pad-one-half-left{padding-left:15px}.pad-one-half-right{padding-right:15px}
.half-padded{padding:5px}.padded{padding:10px}.double-padded{padding:20px}.triple-padded{padding:30px}.half-pad-top{padding-top:5px}.eight-pad-top{padding-top:8px}
.pad-top{padding-top:10px}.double-pad-top{padding-top:20px}.triple-pad-top{padding-top:30px}.half-pad-bottom{padding-bottom:5px}
.pad-bottom{padding-bottom:10px!important}.double-pad-bottom{padding-bottom:20px}.triple-pad-bottom{padding-bottom:30px}.half-pad-left{padding-left:5px}
.pad-left{padding-left:10px}.double-pad-left{padding-left:20px!important}.triple-pad-left{padding-left:30px}.half-pad-right{padding-right:5px}
.three-pad-right {padding-right:3px;}
.two-pad-left {padding-left:2px;}
.pad-right{padding-right:10px}.double-pad-right{padding-right:20px}.triple-pad-right{padding-right:30px}
.pad-left45{padding-left:45px !important}.pad-right45{padding-right:45px !important}.pad-left60{padding-left:60px !important}.pad-right60{padding-right:60px !important}
.one-half-gap-top{margin-top:15px!important}.one-half-pad-bottom{padding-bottom:15px!important}
.pad-right-25{padding-right:25px !important}.pad-left-25{padding-left:25px !important}
.one-half-pad-left {padding-left:15px;}.one-half-pad-right {padding-right:15px;}
.one-pad-right {padding-right:1px;}
.two-pad-top {padding-top:2px;}
.two-pad-bottom {padding-bottom:2px;}
/*border*/
.border-gray{border:1px solid #cecece !important}.border-left-gray{border-left:1px solid #cecece}
.border-right-gray{border-right:1px solid #cecece}.border-top-gray{border-top:1px solid #cecece}
.border-bottom-gray{border-bottom:1px solid #cecece}.border-left-gray{border-left:1px solid #cecece}
.border-right-gray{border-right:1px solid #cecece}.border-gray-top{border-top:1px solid #cecece !important}
.border-gray-bottom{border-bottom:1px solid #cecece !important}.border-blue{border:1px solid #2a7089!important}
.border-left-blue{border-left:1px solid #2a7089}.border-bottom-blue{border-bottom:1px solid #2a7089}
.border-blue-top{border-top:1px solid #2a7089 !important}.border-blue-bottom{border-bottom:1px solid #2a7089 !important}
.border-blue-right{border-right:1px solid #2a7089}.border-blue-top{border-top:1px solid #2a7089}
.border-red{border:1px solid red !important;}    
                                            

/*color*/
.black{color:#000!important}.white{color:#fff!important}.red1{color:#ed2524!important}.red2{color:#E84B4A!important}.red3{color:#ee4860!important} .green1{color:#58bb71!important}.transparent{color: rgba(0, 0, 0, 0) !important;}
.pink1{color:#ed4860!important}.orange1{color:#ffa350!important}.gray{color:#848484!important}.gray1{color:#848484!important}
.gray2{color:#f7f7f7!important}.gray3{color:#3a3a3a!important}.gray4{color:#cecece!important}.gray4:hover{color:#3F8AF7!important}.gray5{color:#cecece!important}                                                                                                                                
.blue { color: #2a7089 !important; }  
.gray6{color:#5D5D5D;}.gray7{color:#303030;}.gray8{color: #D9D9D9;}.gray9{color: #EFF3F6;}

.bg-green2{ background-color:#5ebc77 !important; }
.bg-yellow{ background-color:#ffffcc !important; }
   
.jq_PagingContainer .blue, .jq_PagingContainer .blue3 { text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white; }                                                                                                                                  

.blue1{color:#009cd7 !important}.blue2{color:#e7f5fd !important}.blue3{color:#2a7089 !important}.blue4{color:#b4cdd6 !important}.blue4:hover{color:#2a7089 !important}
                                                                                                                                .blue5{color:#00587b !important;}
.blue6{color:#0763bb !important;}
.blue7{color:#6398ac !important}.blue7:hover, .blue8:hover{color:#ed2524!important}.blue8{color:#b6cdd4 !important}.blue9{color:#b0c9d1 !important}
.blue10{color:#139bd5 !important;}
.blue11 {color:#2c76ae}
.blue12 {color:#3F8AF7}
.blue13 {color:#85b2c0}
.blue14{color: #C3DDF0;}
.blue7:hover, .blue7, .blue8:hover, .blue8
{
    transition : all 0s ease 0s !important;
}
.bg-blue11 {background:#2c76ae}

.bg-light-blue {
    background: #009cd7
}

.header-tabs .padded { padding: 9px 5px 5px 5px; }
.header-tabs .pad-right { padding-right: 5px; }
#userTabMenu { min-width: 65px;}
#bnaIntergation {background-repeat: no-repeat !important;background-size: 15px !important;background-color: #ee4860; background-position: 5px !important; text-align: right;}
#bnaIntergation:hover, #bnaIntergation.active {background-repeat: no-repeat !important;background-size: 15px !important;background-color: #ffffff !important; background-position: 5px !important; color:#ee4860 !important}
/* background: url(images/BricksRed.png) !important */
#settingTabMenu {min-width: 85px;}
#supportTabMenu {min-width: 80px;}
#layoutTemplateTabMenu {min-width: 125px;};
.baIframe{padding-bottom:40px}
.baIframe iframe{border:0 none}

.bg-green3 {background:#4ac06a}
.ai360{display: flex;align-items: center;padding:4.7px 6px;font-weight: 600;font-size: 12px;gap:3px; background: #2a7089;}
.ai360 .icon-360{width:20px;height:20px;}
.header-tabs a.ai360:hover{
  background: #2a7089!important; color: #fff!important;
}
.palaceIntegrationPopup { left: 80px; top: 193px; font-size: 11px; width: 214px; height: 49px; z-index: 5; opacity:0; }
.releasedIntegrationPopup { left: 321px; top: 193px; font-size: 11px; width: 214px; height: 49px; z-index: 5; opacity:0; }
.bg-purple {background:#a349a4}
.bg-green3 {background:#4ac06a}
.color-purple {color:#a349a4 !important}
.palaceIntegration { left: 23px; top: 227px; font-size: 11px; width: 184px; height: 35px; opacity: 0;}
.releasedIntegration {left: 24px; top: 266px; font-size: 11px; width: 184px; height: 37px; opacity: 0;}

.palaceIntegrationPopup { left: 80px; top: 193px; font-size: 11px; width: 214px; height: 49px; z-index: 5; opacity:0; }
.releasedIntegrationPopup { left: 321px; top: 193px; font-size: 11px; width: 214px; height: 49px; z-index: 5; opacity:0; }

.small .palaceIntegrationPopup { left: 63px; top: 150px; font-size: 11px; width: 165px; height: 39px; z-index: 5; opacity:0; }
.small .releasedIntegrationPopup { left: 249px; top: 150px; font-size: 11px; width: 165px; height: 39px; z-index: 5; opacity:0; }

.small .palaceIntegrationPopup { left: 63px; top: 150px; font-size: 11px; width: 165px; height: 39px; z-index: 5; opacity:0; }
.small .releasedIntegrationPopup { left: 249px; top: 150px; font-size: 11px; width: 165px; height: 39px; z-index: 5; opacity:0; }

.hidebuttons { left: 0; top: 222px; background: white; height: 88px; width: 250px; }

/*===================*/
.bg-white{background:#fff!important}.bg-white-color{background-color:#fff!important}.bg-black{background:#000}.bg-blue{background:#2a7089;}.bg-blue1{background:#009cd7;}
.bg-blue2{background:#e7f5fd}.bg-blue3{background:#2a7089!important}.bg-blue4{background:#f7f8f9!important}.bg-gray5{background:#393939 !important;}.bg-blue12 {background:#3F8AF7;}
.bg-blue5{background:#2c7089!important}.bg-blue6{background:#2b73e9!important}.bg-blue7{background:#C3DDF0!important}.bg-blue8{background:#F7F9FC !important}.bg-gray1{background:#848484!important}.bg-gray2{background:#f7f7f7!important}
.bg-gray3{background:#3a3a3a!important}.bg-red1{background:#ed2524!important}.bg-green1{background:#58bb71!important}
.bg-pink1{background:#ed4860!important}.bg-orange1{background:#ffa350!important}
.bg-gray4{background:#ececec !important}
.bg-pink{background-color:#facbcc;}
.bg-gray6{background:#ededed !important}
.bg-gray1.hover:hover{background:#707070!important}

/*font style*/
.italic{font-style:italic}

/*min height*/
.mh-25{min-height:25px}.mh-35{min-height:35px}.mh-50{min-height:50px}.mh-90{min-height:90px}.mh-100{min-height:100px}.mh-119{min-height:119px}.mh-150{min-height:150px}.mh-200{min-height:200px}.mh-250{min-height:250px}.mh-273{max-height:273px;overflow-y:auto;}
.mh-300{min-height:300px}.mh-350{min-height:350px}.mh-400{min-height:400px}.mh-412{min-height:412px}.mh-446{min-height:446px}.mh-450{min-height:450px}.mh-500{min-height:500px}.mh-551{min-height:551px}.mh-529{height:528px;}
.mh-115 { min-height: 115px !important; }
.mh-190 { min-height: 190px !important; }
.mx-55{ max-height:60px; height:50px; }
.min-height490 {min-height:490px;}
/*min width*/
.mw-20{min-width:20px !important;}.mw-25{min-width:25px}.mw-30{min-width:30px}.mw-37{width:37px}.mw-50{min-width:50px}.mw-60{min-width:60px}.mw-65{min-width:65px}.mw-75{min-width:75px}.mw-80{min-width:80px}.mw-90{min-width:90px}
.mw-85{max-width:85px}.mw-87{min-width:87px}.mw-93{min-width:93px}.mw-100{min-width:100px}.mw-115{min-width:115px !important;}.mw-120{min-width:120px}.mw-135{min-width:135px}
.mw-140{min-width:140px}.mw-150{min-width:150px}.mw-180{min-width:180px}.mw-190{min-width:190px}.mw-200{min-width:200px}.mw-215{min-width:215px!important;}.mw-250{min-width:250px}
.mw-300{min-width:300px}.mw-305{max-width:303px}.mw-320{min-width:320px}.mw-325{min-width:325px}.mw-350{min-width:350px}.mx-375{max-width:375px}
.mw-400{min-width:400px}.mw-450{min-width:450px}.mw-470{min-width:470px}.mw-500{min-width:500px}
.mx-78 { max-width:78px;}
/* Fix Width */
.wd-12{width:12px}.wd-15{width:15px}.wd-17{width:17px}.wd-20{width:20px}.wd-27{width:27px}.wd-32{width:32px}.wd-35{width:35px}.wd-50{width:50px}.wd-62{width:62px}.wd-60{width:60px}.wd-65{width:65px}.wd-70{width:70px}.wd-80{width:80px}.wd-85{width:85px}.wd-88{width:88px}.wd-90{width:90px}.wd-95{width:95px}.wd-100{width:100px}body.wd-110{width:110px}.mx-120{max-width:120px}
.wd-118{width:118px}.wd-110{width:110px}.wd-116{width:116px}.wd-120{width:120px}.wd-126{width:126px}.wd-127{width:127px}.wd-129{width:129px}.wd-130{width:130px}.wd-132{width:132px}.wd-133{width:133px}.wd-135{width:135px}.wd-140{width:140px}.wd-145{width:145px}.wd-150{width:150px}.wd-160{width:160px}.wd-170{width:170px}.wd-180{width:180px}.wd-190{width:190px}.wd-195{width:195px}.wd-207{width:207px}.wd-215{width:215px}.wd-220{width:220px}.wd-228{width:228px}

.wd-230{width:230px}.wd-235{width:235px}.wd-225{width:225px}.wd-245{width:245px}.wd-250{width:250px}.wd-256{width:256px}.wd-260{width:260px}.wd-270{width:270px}.wd-275{width:275px}.wd-280{width:280px}.wd-273{width:273px}.wd-320{width:320px}.wd-315{width:315px}.wd-325{width:325px}.wd-305{width:305px}.wd-345{width:345px}.wd-350{width:350px}.wd-355{width:355px}
.wd-365{width:365px}.wd-375{width:375px}.wd-400{width:400px}.wd-430{width:430px}.wd-440{width:440px}.wd-450{width:450px}.wd-460{width:460px}.wd-490{float:left;width:490px}.wd-510{width:510px !important;}.wd-520{width:520px}.wd-550{width:550px}.wd-560{width:560px}.wd-570{width:570px}.wd-590{width:590px}.wd-626{width:626px;margin:0 auto}.wd-645{width:645px;margin:0 auto}.wd-650{width:650px}.wd-685{width:685px;margin:0 auto}
.wd-700{width:700px;margin:0 auto;}.wd-730{width:730px;}.wd-750{width:750px;}.wd-770{width:770px;}.wd-785{width:785px;}.wd-800{width:800px !important;}.wd-810{width:810px;margin:auto}.wd-845{width:845px;}.wd-808{width:808px;margin:0 auto}.wd-820{width:820px;margin:0 auto}.wd-850{width:850px}.wd-920{width:920px}.wd-980{width:980px}.wd-946{margin:0 auto;width:946px}.wd-960{margin:0 auto;width:960px}.wd-993{width:993px}.wd-185{width:185px}.wd-760{width:760px}
.wd-230{width:230px}.wd-235{width:235px}.wd-225{width:225px}.wd-245{width:245px}.wd-250{width:250px}.wd-256{width:256px}.wd-260{width:260px}.wd-270{width:270px}.wd-275{width:275px}.wd-280{width:280px}.wd-273{width:273px}.wd-300{width:300px}.wd-320{width:320px}.wd-315{width:315px}.wd-325{width:325px}.wd-305{width:305px}.wd-345{width:345px}.wd-350{width:350px}.wd-355{width:355px}
.wd-365{width:365px}.wd-375{width:375px}.wd-400{width:400px}.wd-430{width:430px}.wd-440{width:440px}.wd-450{width:450px}.wd-460{width:460px}.wd-490{float:left;width:490px}.wd-510{width:510px !important;}.wd-520{width:520px}.wd-550{width:550px}.wd-570{width:570px}.wd-590{width:590px}.wd-626{width:626px;margin:0 auto}.wd-645{width:645px;margin:0 auto}.wd-650{width:650px}.wd-685{width:685px;margin:0 auto}
.wd-700{width:700px;margin:0 auto;}.wd-730{width:730px;}.wd-750{width:750px;}.wd-770{width:770px;}.wd-785{width:785px;}.wd-800{width:800px;}.wd-810{width:810px;margin:auto}.wd-845{width:845px;}.wd-808{width:808px;margin:0 auto}.wd-820{width:820px;margin:0 auto}.wd-850{width:850px}.wd-920{width:920px}.wd-980{width:980px}.wd-946{margin:0 auto;width:946px}.wd-993{width:993px}.wd-185{width:185px}.wd-760{width:760px}
.wd-1050{width:1050px;margin:auto;}.wd-1150{width:1150px;margin:auto;}.wd-1060{width:1060px;margin:auto;}.wd-240 { width: 240px; }
.wd-500{width:500px;margin:auto;}.wd-560{width:560px;}.wd-540{width:540px;}
.width-660 {width:660px;}.width-1020{width:1020px !important;}
/* Max Width */
.mx-115{max-width:115px !important;}.mx-130{max-width:130px !important;}.mx-150{max-width:150px !important;}.mx-400{max-width:400px;}.mx-350{max-width:350px;}.mx-500{max-width:500px;}.mx-700{max-width:700px !important;}

/*z-indexes*/
.z-index0{z-index:0 !important;}.z-index1{z-index:1 !important;}.z-index2{z-index:2 !important;}.z-index9{z-index:9}.z-index99{z-index:99}.z-index999{z-index:999}.z-index9999{z-index:9999}.z-index99999{z-index:999999}.z-index99999{z-index:99999999}

/*buttons*/
.btn-s,.btn-m,.btn-l,.btn-s2{background:#848484;font-size:12px;text-align:center}.btn-s{width:142px;line-height:28px}
.btn-m{width:110px;line-height:28px}.btn-l{width:89px;line-height:22px}.btn-s2{width:76px;line-height:30px}

/*alignment*/
.align-justify{text-align:justify}.align-left{text-align:left!important}.align-center{text-align:center!important}.align-right{text-align:right!important}

/*none classes*/
.no-radius{border-radius:0!important}.radius90 {border-radius:90px;} .no-bg{background:none!important}.no-gapped{margin:0!important}.no-gap-top{margin-top:0!important}
.no-gap-bottom{margin-bottom:0!important}.no-gap-left{margin-left:0!important}.no-gap-right{margin-right:0!important}
.no-border, .no-border:before, .no-border:after{border:none!important}.no-border-top{border-top:none!important}.no-border-bottom{border-bottom:none!important}
.no-border-left{border-left:none!important}.no-border-right{border-right:none!important}.no-padded{padding:0!important}
.no-pad-top{padding-top:0!important}.no-pad-bottom{padding-bottom:0!important}.no-pad-left{padding-left:0!important}.no-pad-right{padding-right:0!important}

/*division*/
.width-auto{width:auto!important}.row{width:100% !important;}.full{width:100%;float:left}.half{width:50%;float:left}.one-third{width:33.24%;float:left}.one-seventh{width:37%;float:left}
.one-fourth{width:25%;float:left}.one-fourth-sixth{width:26%;float:left}.one-fifth{width:20%;float:left}.three-fourth{width:75%;float:left}.fourth-fifth{width:80%;float:left}.one-tenth{width:10%;float:left}
.nine-tenth{width:90%;float:left}.two-third{float:left;width:66.66%}.oneThird{float:left;width:33.33%}.one-sisxth{width:16.66%;float:left}.five-sisxth{width:83.33%;float:left}
.thirtyPercent{width:30%;float:left}
/*position*/
.absolute{position:absolute!important}.relative{position:relative!important}.fixed{position:fixed!important}.top{top:0!important}
.top5{top:5px!important}.top2{top:2px!important}.top9{top:9px!important}.top10{top:10px!important}.top12{top:8px!important}.top15{top:15px!important}.bottom{bottom:0!important}.left{left:0!important}.right{right:0!important}.left1{left:1px}.left2{left:2px}
.top-2{top:-2px}.top-1{top:-1px !important}.top1{top:1px !important}.top530{top:530px}.right1{right:1px !important}.right-30{right:30px}
.bottom-5 {bottom:5px}.bottom-10 {bottom:10px}.bottom-17{bottom:17px}.top-m55 {top: -55px;}.top-m10 {top: -10px;}
.bottom-2 {bottom:2px}
.border-blue1 {border: 1px solid #0F9BD3;}.border-blue12 {border: 1px solid #3F8AF7;}
.deleteStoredProcedure { width: 18px; height: 18px; text-align: center; right: 0px; top: 0px; z-index: 22; line-height: 18px; }
.owl-carousel .owl-item .deleteStoredProcedure img {width:18px !important;}
/*General*/
body img{max-width:100%; border:0;}.pull-left{float:left!important}.pull-right{float:right!important}.pull-none{float:none!important}
.display-inline-block{display:inline-block}.radius2{border-radius:2px}.radius3{border-radius:3px}.radius4{border-radius:4px !important;}.radius20{border-radius:20px}
.radius5{border-radius:5px;overflow:hidden}.radius8{border-radius:8px;}.radius10{border-radius:10px;}.left-ico-radius{border-radius:2px 0 0 2px !important}.right-ico-radius{border-radius:0 2px 2px 0 !important}
.right-ico-radius{border-radius:0 2px 2px 0 !important}.overflow-hidden{overflow:hidden}.pointer{cursor:pointer!important}
.no-resize{resize:none}.shadow1{box-shadow:2px 2px 5px #808080}.shadow3{box-shadow:-3px -3px 3px 0 rgba(8, 22, 37, 0.1)}
.shadow2{box-shadow:-1px 0 6px 2px rgba(8, 22, 37, 0.1)}.shadow4{box-shadow:0px 0px 5px #808080}.shadow5{box-shadow:0px 1px 2px 1px #ddd}
.shadow6{box-shadow:0 0 3px 0 silver inset;}.shadow7{ box-shadow: 2px 2px 2px 0 #ccc; }body i{font-style:normal;}.pad-left3{padding-left:3px;}
.shadow9 {box-shadow:2px 2px 10px 3px rgba(0, 0, 0, 0.07);}
/*custom css start */
.origin { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; }
.sceduledsection {width: 82px; margin-left: 0 !important; padding-right: 3px; position: relative; z-index:1}
.datetimeSchedule { width: 268px; margin: 0 auto; text-align: left; }
.ScheduleButtons { padding: 30px 0; }
.datetimeSchedule .timepicker_wrap { top: 29px !important; }
/* IM Sidebar */

.imSidebar { background:#2c76a9; width:150px; height:100%; color:white; z-index: 10000; }
.innerImSidebar {}
.sideBarHeader {}
.sidebarLogo {}
.sidebarLogo img{ width:57px; height:57px; border-radius: 50%;}
.sideBarHeader p {}
.sideBarHeader a {}
.sidebarNav {padding-top: 30px;}
.sidebarNav a{color: white; display: block; text-align: left; padding-left: 15px; line-height: 36px; height: 36px;}
.sidebarNav a.active{background:rgba(255, 255, 255, 0.2)}
.sidebarNav a img {float: left; margin-top: 7px; padding-right: 8px;}
.sidebarNav a span {font-size: 11px;}
.popup-container.leases-popup, .popup-container.Connections-popup {width: 1060px; margin: 0 auto; left: 0; right: 0;}
.popup-container.leases-popup .popup-div,.popup-container.Connections-popup .popup-div {height: 868px; margin-top: 137px; box-shadow: 0px 1px 4px #cecece;}
.popup-container.inspectorPopup {position: fixed;}
.leasesContent p{}
.leasesContent {color: #343f4d;}
.testimonialsDiv {}
.testimonials {width:862px; margin:0 auto}
.testimonialsInner {width: 262px; height: auto; display: inline-block; margin-right: 34px;}
.testimonialComment { width: 262px; height: auto; box-shadow: 0 0 4px 0 #cacaca; padding: 13px 15px 18px 15px; text-align: left; border-radius: 14px;}
.testimonialsInner img.iconDownTooltip{width: 19px; bottom: -27px; height: 34px; left: 70px;}
.testimonialsInner:last-child {margin-right:0}
.testimonialsUser{ display:block; padding-top: 25px; }
.testimonialsUserImg {float: left; width:40%; text-align:right; padding-right:10px}
.testimonialsUser img{width:44px; height:44px; border-radius:50%;}
.testimonialsUser .testimonialsUserName{float: left; width:60%;  text-align:left; padding-top: 8px; padding-right:5px}
.testimonialsUser .testimonialsUserName p{}
.testimonialsUser .testimonialsUserName span{}
.userTabSettings {  }
.userTabSettings label{color: #2A7089; float: left; width: 25%; font-size: 12px; line-height: 20px; }
.userTabSettings span{color:#848484; font-size: 12px; line-height: 20px;}
.bg-darkGray {background: #cecece !important;}
.syncWithGmail:hover, .syncWithOutlook:hover, .syncWithGmail.active, .syncWithOutlook.active {background:#2A7089 !important; color: white !important}
.syncWithGmail.disabled:hover, .syncWithGmail.disabled:hover, .syncWithGmail.disabled, .syncWithOutlook.disabled {background:#cecece !important; color: white !important}
.syncDisconnect:hover,.syncDisconnect.active {background-color: #58bb71 !important; color:white !important}


/* IM Sidebar */

.radius15 {
  border-radius: 15px;
  overflow: hidden;
  padding: 2px 15px;
}
.addMEId {border: 1px solid #acacac; overflow: hidden; padding: 10px 10px 19px 10px; margin: 15px 0; background: #f5f5f5;}
.addMEIdValue {width:212px;}
.editIds {}
.editIds input {padding: 0 5px; width: 220px; margin-right: 4px; float: left;}
.editIds a{ float:left}
.listOfIds {}

.bg-blue1.hover:hover{background-color:#1880ae !important;}
.bg-orange1.hover:hover{background:#F27A38!important}
.bg-gray5.hover:hover{background-color:#5c5c5c !important;}
body input [type='text'],body input [type='email'],body input [type='number'],body textarea{border:none}body .text{border:none}
body i.blue.bg-white:hover ,body i.blue.bg-white.active,body a.blue.bg-white:hover ,body a.blue.bg-white.active{background:#2a7089 !important;color:#fff !important;cursor:pointer}
body i.white.bg-blue:hover, body i.blue.bg-white.active, body a.white.bg-blue:hover, body a.blue.bg-white.active{background:none repeat scroll 0 0 #6398ac !important;color:#ffffff !important;cursor:pointer}
.logged-in-user a:hover,.logged-in-user a:hover i,.logged-in-user a.active,.logged-in-user a.active i,.logged-out-user a:hover,.logged-out-user a.active{font-family:seravekbold}
.logged-in-user input {width: 50px; height: 1px; float: left; opacity: 0;}
.logHeader div:nth-child(3) a {max-width: 78px; padding-right: 10px; text-align: right;}
.header-tabs a.bg-green2{color:#ffffff; background-color:#5ebc77 !important; }
.header-tabs a.bg-green2:hover{color:#ffffff !important; background-color:#5ebc77 !important; }
.header-tabs a.bg-green2:hover i{color:#ffffff !important; }

.header-tabs a:hover,.header-tabs a.active{color:#2a7089 !important;background:#fff !important}
.header-tabs a.released:hover,.header-tabs a.released.active{color:#58bb71 !important;}
.header-tabs a.palace:hover,.header-tabs a.palace.active{color:#009cd7 !important;}

.header-tabs a.propertytree.active{color:#58bb71 !important; background:#fff !important;}


.header-tabs a.red1{color:#ffffff !important;background:#ed2524 !important;}.header-tabs a.green1{color:#fff !important;background:#58bb71!important}
.header-tabs a.red1.active { color:#ed2524 !important; background-color:#ffffff !important; }
.header-tabs a.green1:hover,.header-tabs a.green1.active{color:#58bb71 !important;background:#fff !important}

.header-tabs a.bg-blue12{color:#ffffff !important; background-color:#3F8AF7 !important; }
.header-tabs #kaIntegration.active {background-color:#ffffff !important; color:#3F8AF7 !important; }
.header-tabs a.bg-blue12:hover{color:#3F8AF7 !important; background-color:#ffffff !important; }


.icon-Delete:hover{color:Red}.iconn{font-size:13px}
body .ui-autocomplete{    z-index: 200 !important; background:#fff;padding:0;border-radius:0 0 2px 2px;overflow:hidden;z-index:2}

body .ui-autocomplete li{  color: #848484; display: block; font-size: 12px !important; margin: 0 !important; overflow: hidden; padding: 6px 10px !important; text-overflow: ellipsis; } 
body .ui-autocomplete li:hover,body  .ui-autocomplete li.ui-state-focus{background:#2a7089!important;color:#fff!important;/*font-family:SeravekBold;*/ border:0;}
body .ui-autocomplete li > .searchable-text { float: right;width: 372px; text-align: left; }
body .ui-autocomplete li > .suburbSpan { width: 94%; }
body .ui-autocomplete li:hover i,body  .ui-autocomplete li.ui-state-focus i{color:#fff!important;}
.ui-menu-item .icon-email.schduled { font-size: 10px; font-weight:bold; background: #009cd7; color: white !important; text-align: center; border-radius: 50%;height: 15px; width: 19px; padding-top: 2px; }
body .ui-autocomplete li:hover .icon-email.schduled {background: white; color: #009cd7 !important; }
body .ui-autocomplete.restoreSearchResults {max-width:904px}
body .ui-autocomplete.restoreSearchResults li > .searchable-text { float: none; }
#restore-search-loading { top: 11px; right: 19px; height: 28px; }
a.bg-blue.white:hover{background:#fff !important;color:#2a7089 !important}
body a.gray1.bg-white:hover,body  a.gray1.bg-white.active ,body header a.gray.bg-white:hover,body header a.gray.bg-white.active{background:#2a7089!important;color:#fff!important}
body .border-gray:hover,body  .border-gray.active,body header a.border-gray-top.active,body header a.border-gray-bottom.active{border-color:#000000!important}
.border-blue3{ border:1px solid #009cd7; }
.InfoMarkTooltip { width: 187px; height: 87px; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.09), -2px -2px 10px 0 rgba(0, 0, 0, 0.01); background-color: #ffffff; position: absolute; text-align: center; line-height: 14px; color: #3a3a3a; padding: 15px; left: 294px; border-radius: 8px; z-index:10; }
.ui-autocomplete {min-width: 180px !important;}
/* ul.ui-autocomplete{width: 423px !important;} */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
  ul.ui-autocomplete{width: 423px;}
}

/*main table css*/


table.main-table_custom td:last-child { max-width: 185px; min-width: 185px;   }
#jq_PropertyGridSection table.main-table thead tr td:last-child, #jq_PropertyGridSection table.main-table tbody tr td:last-child {max-width: 160px; min-width: 160px; font-size: 11px;}

#jq_PropertyGridSection table.main-table.recycle-bin thead tr td:last-child, #jq_PropertyGridSection table.main-table.recycle-bin tbody tr td:last-child {
    max-width: 123px;
    min-width: 123px;
    font-size: 11px;
}

.jq_RestorePropertyGridSection table.main-table_custom td:last-child { max-width: auto; min-width: auto; }
.jq_RestorePropertyGridSection table.main-table_custom td:nth-child(8) { min-width: 40px; }
.jq_RestorePropertyGridSection table.main-table_custom td:nth-child(9) {min-width:155px; font-size:11px;}

.jq_rmPageSizeProperty {}
.jq_rmPageSizeProperty {}
.propertyInspectionPaging {padding-top: 13px;}
.propertyInspectionPaging span {line-height: 35px;}

.fw-90 { max-width: 90px !important; min-width: 90px !important; width: 90px !important; } 
.fw-105 { max-width: 105px !important; min-width: 105px !important; width: 105px !important; } 
.fw-130 { max-width: 130px !important; min-width: 130px; width: 130px; }
.fw-140 { max-width: 140px !important; min-width: 140px; width: 140px; }
.fw-170 { max-width: 170px !important; min-width: 170px; width: 170px; }
.fw-185 { max-width: 185px !important; min-width: 185px !important; width: 185px !important; }
.fw-155 { max-width: 155px !important; min-width: 155px !important; width: 155px !important; }
.fw-223 { max-width: 223px !important; min-width: 223px !important; width: 223px !important; }
.fw-305 { max-width: 305px !important; min-width: 305px !important; width: 305px !important; }
.fw-465 { max-width: 465px !important; min-width: 465px !important; width: 465px !important; }
.mw-334{ min-width:334px; }   


.top-m40 {
    top: -40px;
}

.rowInspection, .jq_viewMedia, .mediaPhotos, .hovor {
    display: none !important;
}

table.main-table{border-collapse:collapse;vertical-align:middle}.gray-tr{background-color:#f7f7f7}
table.main-table tr td:last-child,table.main-table tr th:last-child{padding-right:10px}table.main-table tr td:first-child{padding-left:7px}
 table.logs-table tr td:last-child { line-height: 20px !important; margin: 0; max-width: 400px !important; text-align: left!important; white-space: normal !important; }

table.main-table td,table.main-table th{padding:0px 7px;font-weight:500}table.main-table thead tr td{line-height:44px}
table.main-table tbody tr td{color:#2a7089;line-height:52px;max-width:130px;text-overflow:ellipsis;}table.main-table tr td:first-child{max-width:35px;width:35px;overflow:visible !important;}
table.main-table td:last-child{text-align:right !important;width:145px;overflow:visible !important}
table.main-table.propertyLayout-table td:last-child{padding-left:0;text-align:right;width:60px}
.border-white{border:1px solid #fff}.verticle-align-middle{vertical-align:middle}body table.main-table a, body table.main-table i{vertical-align:middle}
table.no-side-border tr{border-left:0 none !important;border-right:0 none !important;border-bottom:0 none !important;}
table.main-table tr{border:1px solid #ccc}td a.gray:hover{color:#009cd7 !important}.display-inline-block{display:inline-block}.display-none{display:none;}
td a.icon-Delete:hover{color:red !important}.hide-row,.add-new-inspection-row, .unassign-property-row{display:none;background:#F7F7F7}
table.main-table tbody tr td label.tenantReview { background: white; border: 1px solid #cecece; position:relative  }
table.main-table tbody tr td label.tenantReview i.wd-50{ color: #cecece; width:48px; }
table.main-table tbody tr td label.tenantReview i.wd-50.white{ color: #fff;}
table.main-table tbody tr td label.tenantReview i{ position:relative; z-index:2 }
table.main-table tbody tr td label label.tenantBg { background: #009cd7; width: 32%; height: 22px; left: 0; top: 0; border-radius: 1px; z-index: 1; }
table.main-table tbody tr td label label.tenantWhiteBg { left: 5px; height: 14px; width: 90%; top: 4px; background: white; z-index: 1; border-radius: 11px; }
table.main-table tbody tr td label label.scheduleWhiteBg { left: 4px; height: 13px; width: 18%; top: 5px; background: white; z-index: 1; border-radius: 11px; }
table.main-table tbody tr td label.tenantReview span {}
#jq_PropertyGridSection table.main-table thead tr td {}
#jq_PropertyGridSection table.main-table thead tr td:nth-child(2), #jq_PropertyGridSection table.main-table tbody tr td:nth-child(2) {}
#jq_PropertyGridSection table.main-table thead tr td:nth-child(3), #jq_PropertyGridSection table.main-table tbody tr td:nth-child(3){}
#jq_PropertyGridSection table.main-table thead tr td:nth-child(4), #jq_PropertyGridSection table.main-table tbody tr td:nth-child(4){ max-width: 100px; width: 100px; }
#jq_PropertyGridSection table.main-table thead tr td:nth-child(5), #jq_PropertyGridSection table.main-table tbody tr td:nth-child(5){ min-width:100px;}
#jq_PropertyGridSection table.main-table thead tr td:nth-child(7), #jq_PropertyGridSection table.main-table tbody tr td:nth-child(7){min-width:110px; width:110px !important}
#jq_PropertyGridSection table.main-table thead tr td:nth-child(7), #jq_PropertyGridSection table.main-table tbody tr td:nth-child(8){max-width: 190px; width: 190px;}
.jq_TypeField { position:relative; }

/* Show PM Inspector */
.inputosaurus-container li {width:79% !important}
.showPM{border: 1px solid white; border-radius: 5px; position: absolute; z-index: 1; height: 22px; line-height: 22px; width: 30px; text-align: center; top: 10px; right: 0px; cursor: pointer; font-size: 10px;}
.showPMOptions{width: 134px; margin: 0; background: white; color: black; border-radius: 5px; position: absolute; top: 36px; z-index: 9; padding: 5px 10px; box-shadow: 0 0 6px 0px #cacaca; left: 75px; }
body div .showPMOptions input[type="radio"]{ width: 10%; display: inline-block; vertical-align: middle; float: left; margin-right: 2%; height: 32px; line-height: 32px; }
.showPMOptions label{float: left; height: 32px; line-height: 34px; cursor:pointer}

/* Show DR */

.showDR {border: 1px solid white; border-radius: 5px; position: absolute; z-index: 1; height: 22px; line-height: 22px; width: 30px; text-align: center; top: 10px; left: 0px; cursor: pointer; font-size: 10px;}
.showDROptions {width: 134px; margin: 0; background: white; color: black; border-radius: 5px; position: absolute; top: 36px; z-index: 999; padding: 5px 10px; box-shadow: 0 0 6px 0px #cacaca; left: 0px; }
body div .showDROptions input[type="radio"]  { width: 10%; display: inline-block; vertical-align: middle; float: left; margin-right: 2%; height: 32px; line-height: 32px; }
.showDROptions label{float: left; height: 32px; line-height: 34px; cursor:pointer}

.cloneForMergeContainer .wrapper-dropdown span i {padding:0 1px;}
.cloneForMergeContainer.wd-90 {width:90px; vertical-align:middle}
.jq_BulkAssignInspector {}
.detailsField {}
.detailsField .half:first-child{ height:34px; line-height:34px; border-right: 1px solid #979797;padding-left: 143px;}
.detailsField .half:last-child{ height:34px; line-height:34px; padding-left: 27px;}
.detailsField .half i{color: #009cd7;padding: 6px 6px 0 0;}
.detailsField .half p{}
.jq_TypeField .icon-copy{position: absolute; left: -8px; top: 18px; }
#jq_InspectionGridSection table.main-table td:last-child {
    max-width: 175px;
    width: auto;
}
#jq_InspectionGridSection table.main-table tr td:nth-child(5) {    min-width: 102px;}
.detailsFieldArea .half:first-child {}
.detailsFieldArea .half:first-child{ height:26px; line-height:26px; border-right: 1px solid #979797;padding-right: 17px;}
.detailsFieldArea .half:last-child{ height:26px; line-height:26px; padding-left: 15px;}
.detailsFieldArea .half i{color: #009cd7;padding: 1px 6px 0 0;}
.detailsFieldArea .half p{}

.jq_TypeField .icon-copy{position: absolute; left: -8px; top: 18px; cursor:pointer; }
.redOverlay { background-color: #f5dde0; }

table.jq_InspectionTable.restoreInspectionProperty.table-auto td:first-child{ min-width: 56px !important; } 
table.jq_InspectionTable.restoreInspectionProperty.table-auto td{ min-width: 85px !important; } 

/*#jq_InspectionGridSection table.main-table td:nth-child(2), #jq_InspectionGridSection table.main-table th:nth-child(2) {width: 150px;}
#jq_InspectionGridSection table.main-table td:nth-child(3), #jq_InspectionGridSection table.main-table th:nth-child(3) {width: 200px;}
#jq_InspectionGridSection table.main-table td:nth-child(4), #jq_InspectionGridSection table.main-table th:nth-child(4) {width: 100px !important;max-width: 100px !important;}
#jq_InspectionGridSection table.main-table td:nth-child(5), #jq_InspectionGridSection table.main-table th:nth-child(5) {width: 130px;line-height: 14px;}
#jq_InspectionGridSection table.main-table td:nth-child(6), #jq_InspectionGridSection table.main-table th:nth-child(6) {width: 240px;}
#jq_InspectionGridSection table.main-table td:nth-child(7), #jq_InspectionGridSection table.main-table th:nth-child(7) {width: 100px;}
#jq_InspectionGridSection table.main-table td:nth-child(8), #jq_InspectionGridSection table.main-table th:nth-child(8) {width: 100px; text-align:center}
#jq_InspectionGridSection table.main-table td:nth-child(9), #jq_InspectionGridSection table.main-table th:nth-child(9) {width: 60px;}
#jq_InspectionGridSection table.main-table td:last-child, #jq_InspectionGridSection table.main-table th:last-child {width: 188px !important;}*/


#jq_InspectionGridSection table.main-table td:last-child, #jq_InspectionGridSection table.main-table th:last-child {
    width: auto;
    max-width: 212px;
}
#jq_InspectionGridSection table.main-table.office-inspections-table td:last-child, #jq_InspectionGridSection table.main-table.office-inspections-table th:last-child {
    width: auto;
    max-width: 215px;
}

#jq_InspectionGridSection table.main-table.office-inspections-table td.info-column, #jq_InspectionGridSection table.main-table.office-inspections-table th.info-column {
    width: auto;
    max-width: 65px;
}

#jq_InspectionGridSection table.main-table td:last-child, #jq_InspectionGridSection table.main-table th:last-child {    width: auto; max-width: 213px;}

.dopurchase img{
  display: none!important;
}

/*popup stylesheet*/
.overlay{background:url(images/overlay-bg.png);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999;display:none}
.popup-container2{height:100%;left:0;position:absolute;top:70px;visibility:hidden;width:100%;z-index:99999; display:none;}
/*.popup-container{height:100%;left:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:99999}*/
.popup-container{height:100%;left:0;position:absolute;top:0; visibility:hidden; width:100%;z-index:99999;text-align:center}
.popup-container.palaceConnect-popup {position:fixed}
body .origin-popup{bottom:0;left:0;margin:auto;position:fixed;right:0;top:0;border-radius: 10px;}
.popup-container.changePropetyTypes .popup-div, .popup-container.assignPropertiesToManager .popup-div, .popup-container.changePropertyLayoutPopup .popup-div, .popup-container.massInspectionsCompleted .popup-div, .editTenancyPopup .popup-div{ top: 25%;}
.popup-container.close {font-size:13px;font-weight:bold;line-height:16px;position:absolute;right:16px;top:17px}
.popup-container.TAISuccessPopup { top: 10%; position: fixed; } 
.popup-container.templateselection-popup { top: 10%; position: fixed; } 
.popup-container.templateselection-popup .popup-div { padding: 35px 120px; max-width:790px; }
.popup-container.templateselection-popup td {}
.popup-container.templateselection-popup p {padding-left: 10px;margin: 0 0 10px 0;font-size: 12px;}
.popup-container.templateselection-popup h1 {padding-left: 10px;margin: 10px 0; font-size:24px;}
.popup-container.templateselection-popup h2 {padding-left: 10px;margin: 10px 0; font-size: 18px;}
.popup-container.templateselection-popup h3 {padding-left: 10px;margin: 10px 0; font-size: 16px;}
.popup-container.templateselection-popup h4 {padding-left: 10px;margin: 10px 0; font-size: 14px;}
.popup-container.templateselection-popup h5 {padding-left: 10px;margin: 10px 0;}
.popup-container.templateselection-popup h6 {padding-left: 10px;margin: 10px 0;}
.popup-container.templateselection-popup ol {padding-left:40px}
.popup-container.templateselection-popup ol li{margin: 10px 0;font-size: 14px;}
.popup-container.templateselection-popup ul {padding-left:40px}
.popup-container.templateselection-popup ul li{list-style: circle;margin: 10px 0;font-size: 14px;}
.popup-container.top10percent{ top:10%;}
.popup-container.top5percent{top:5%;}
.popup-container.ptSyncSwicthOn-popup .popup-div, .popup-container.ptSyncSwicthOff-popup .popup-div {top: 25%; padding: 30px 38px}
.popup-container.ptAutomaticStatusUpdateToClose-popup { position: fixed; align-items: center; }
.popup-container.ptAutomaticStatusUpdateToClose-popup .popup-div {top: 25%;}
.Manager-Conflict-popup table.js-manager-properties-list.full-table tbody tr td{}
.Manager-Conflict-popup table.js-manager-properties-list thead tr td {color:white !important;}
.Manager-Conflict-popup table.js-manager-properties-list thead tr td i.icon-small-arrow-down{display:none;}
/*.popup-div{position:relative}*/
body div .popup-div{display:inline-block;/*margin:50px auto 0 auto;position:relative;*/}
body .tenantContainer2 div .popup-div {top:18px;}
body .white-dropdown, body .white-dropdown .wrapper-dropdown{background:none!important;border-color:#fff !important;color:#fff;text-align:left}
.OfficeStateChange {padding: 7px 5px 6px 5px;}
.wrapper-dropdown .OfficeStateChange .wrapper-dropdown-value a { width: 85%; }
.border-green1{border:1px solid #58bb71 !important}
body div .hover-green1:hover{color:#58bb71 !important}body div .Cancel:hover{color:#ed2524 !important}
.border-green1{border:1px solid #58bb71 !important}.bg-green1.hover:hover{background:#47a447 !important;color:#ffffff !important}.bg-red1.hover:hover{background:#dc2423!important; color: #fff !important; }
.bg-red2 {background:#ee4860}
.bg-red3 {background:#E84B4A}
body div .hover-green1:hover{color:#58bb71 !important}body div .Cancel:hover{color:#ed2524 !important}tr.shadow4{box-shadow:0 0 3px 0px #cecece inset}
body div tr.bg-white.bg-blue4{background:#ffffff !important}.icon-InfoCircle .border-gray:hover{border:1px solid #cecece !important}
.border-dotted{border:2px dashed #cecece}.border-dotted-1{border:1px dashed #2a7089}.border-dotted-2{border:2px dashed #2a7089}.border-dotted-4{border:4px dashed #2a7089}body .left5{left:5px}body ul li{list-style:none outside none}.top100{top:100%}
.arrow-up{background:url("images/arrow-up.png") no-repeat scroll center top rgba(0, 0, 0, 0);float:left;height:10px;margin-bottom:-1px;position:relative;width:100%;z-index:9}
td .icon-InfoCircle div.top100{left:0;margin-left:-105px;top:25px;display:none}
td .icon-InfoCircle.jq_infoLoaded div.top100{margin-left:-165px;}
.icon-InfoCircle.yesDamaged {color:#ED4860 !important}
.infoLinkDetails li { white-space: normal !important; line-height: 19px; padding-bottom: 5px; }
.infoLinkDetails li span { background: red; display: inline-block; width: 6px; height: 6px; border-radius: 8px; }
.bg-green1.disabledBtn.hover { background-color: #cecece !important; border: 1px solid #cecece !important; }
.checklistSelection {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;}

/*td .icon-InfoCircle: div.top100{display:block}*/

.menu-dropdown{border-radius:0 0 2px 2px;box-shadow:0 5px 9px rgba(0, 0, 0, 0.1);left:50%;margin-left:-30px;top:17px;width:60px;display:none}
.menu-dropdown li{padding:5px}.menu-dropdown li:hover{background-color:#2a7089;color:#fff!important}
.menu-dropdown a:hover, .dropdown li:hover span{color:#000000}.overflow-auto{overflow:visible!important}

.sendReport-popup .check-label:before{margin-top:-7px}body .gray:hover i.icon-Calander, i.gray.icon-Calander:hover{color:#3F8AF7 !important}
.error .validate{display:block}.validate{bottom:-14px;color:#ff0000;display:none;left:0;line-height:12px;font-size:10px;position:absolute}.error input{border-color:Red!important}
/* Custom */

.ui-sortable .li-area.active .blue, .ui-sortable .li-area:hover { color:#fff !important; } 

.right10{right:10px}.insp-icon{right:12px;top:8px}.word-space-3{word-spacing:3px}
body .click-add-active  a:hover, body .click-add-active  a.active{border:1px solid #2a7089}.margin-auto{margin:0 auto}
.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}
/*property*/
.accordion-property .ui-accordion-header.ui-state-active{box-shadow:0px 4px 4px 0px #cecece;background-color:#fff;color:#555555;font-size:12px !important}
.accordion-property .ui-accordion-content{height:auto !important;max-height:none !important}
/*property layout*/
.wd-605{float:left;width:605px}.wd-412{width:412px}.wd-420{width:420px}.wd-425{width:425px}.wd-455{width:455px}.border-gray:hover .icon-small-arrow-down{color:#2a7089 !important}
.white-dropdown .border-gray:hover .icon-small-arrow-down{color:#fff !important}
.cursor-drag, .cursor-drag span, .cursor-drag i ,.cursor-drag label{cursor:grabbing}
body .green-active.active,body .green-active:hover{background:#58bb71!important;color:#fff!important;border-color:#58bb71!important}
body .red-active.active,body .red-active:hover{background:#ed2524!important;color:#fff!important;border-color:#ed2524!important}
.right-gray-arrow{ display:none; height: 42px; position: absolute; right: -15px; top: -1px; width: 15px; z-index: 99; } 
.arrow-hover span:hover, .arrow-hover span.active, .arrow-hover div:hover, .arrow-hover div:hover i, .arrow-hover div:hover a, .arrow-hover div:hover input.disabled,
.arrow-hover div.active, .arrow-hover div.active i, .arrow-hover div.active a, .arrow-hover div.active input.disabled{background-image:url(images/gray-bg-img.png) !important;color:#fff!important}
.arrow-hover div:hover .right-gray-arrow ,.arrow-hover div.active .right-gray-arrow{display:block}
.arrow-hover div:hover,.arrow-hover div.active{border-color:#848484!important}.wd-210{width:210px}
html  body .ui-sortable-placeholder{background:#cecdcb !important; /*background:#fff !important;*/ border:1px dashed #cecece; visibility:visible !important;text-align:center;color:#8E8E8E;height:40px;padding:0;line-height:40px}
html  body .ui-sortable-placeholder:before{width:100%;height:100%;content:"Drop item here!";font-size:14px}.wd-285{width:285px}.wd-62{width:62px}
/*@media screen and (-webkit-min-device-pixel-ratio:0){td .icon-InfoCircle div.top100{}*/
.wd-610 {width:610px;}
/* Max Height */
.ht-217{height:217px;} 
.mx-50{max-height:50px;}.mx-18{max-height:18px;}.ht-303{height:303px;overflow:hidden;}.ht-115{height:115px;}.ht-140{height:140px;}.ht-150{height:150px;}.ht-194{height:194px;}.ht-200{height:200px;}.ht-255{height:255px;}.ht-354{height:354px;}
.ht-340{height:340px;}.ht-400{height:400px;} 

/* Scroll */
.scroll-150{float:left;max-height:250px;overflow-y:auto; width:100%;}.scroll-550{max-height:550px;overflow-y:auto;}.scroll-450 { float: left; max-height: 450px; overflow-y: auto !important; width: 100% !important; }
.scroll-270{max-height:270px;overflow-y:auto !important;}

/* transition */
.transition-02{ transition: all 0.2s linear 0s; }   
.transition-05{ transition: all 0.5s ease-in-out 0s; }

.editTenancyPopup {}
.editTenancyPopup input[type=text]{border: solid 1px #dedede; color: #3b3a3a; height: 17px; line-height: 17px; padding-left: 5px; margin-bottom: 2px; font-size: 11px;}
.editTenancyPopup input.datePicker[type=text]{color: #ffffff;}
.datePadding { padding: 10px 7px; }
.ht-65 { height: 65px; }
.one-eighth { width: 12.50%; float: left; }
.seven-eighth { width: 87.50%; float: left; }
.top-10 {top: 10px;}
.width-seventy { width: 70%; }
.width-sixtyFive { width: 65%; }
.tooltip { position: absolute; display: inline-block; border-bottom: 1px dotted #ddd; }
.top-26 { top: 26px; }
.right-0 { right: 0 !important; }

.video-cont:hover {
  background-color: #222;
  opacity: 0.7;
}
.activationTable .onoffswitch-inner:before { text-align: left;}
.ht-full{height:100%;}
.opacity0 {opacity:0}
.sliderHeight {    height: 42px;}
.pointer{cursor:pointer}.wd-228{width:228px}.mh-95{height:95px}.mh-79{height:79px}
.maxheight450 {max-height:450px;}

.circle-border:before{border:1px solid;border-radius:30px;padding:0}.td-active .icon-circle-down:before{content:"\e62e" !important}

.issueHeadings {background: #C3DDF0; float: left; line-height: 33px; color: black; font-size: 12px; text-align: left; font-weight: 500;}
.issueHeadings p:first-child{ float: left; width: 140px;padding-left: 10px; }
.issueHeadings p:last-child{ float: left; width: 260px;padding-left: 10px; }
.issueList {background: #ffffff; float: left; line-height: 33px; color: #3a3a3a; font-size: 11px; text-align: left;}
.issueList:nth-child(2n+2) {background: #f7f7f7;}

.issueList p:first-child{ float: left; width: 140px;padding-left: 10px; }
.issueList p:last-child{ float: left; width: 260px;padding-left: 10px; }

/* LiD details popup */

.lidInfoDetails{background: white; width: 271px; z-index: 1; border-radius: 8px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.22); top: -131px; left: -46px; }
.lidInfoDetails.loadingArea{top: -50px;}
.cloneTooltip {background: white; width: 320px; z-index: 1; border-radius: 8px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.22); top: -204px; left: -31px; z-index: 1000; }
.cloneTooltip.cloneMergedTooltip.loadingArea {top: -63px;}
.cloneTooltip.loadingArea {top: -63px;}
.cloneTooltip.cloneMergedTooltip {top: -123px;}
.cloneDetails .lidDownArrow {position: absolute; left: 36px; width: 16px; bottom: -12px;}
.lidHeading, .cloneHeading {line-height: 25px; height: 25px; background: #009cd7; color: white; font-size: 10px; padding: 0 15px; border-radius: 8px 8px 0 0;}
.inspectionType {}
.iconArea {line-height: 43px; height: 43px; width: 40px; text-align: center; color: #009cd7;}
.d-inline-flex{display: inline-flex !important;}
.addressArea {width: 228px; line-height: 16px; padding-top: 8px; font-size: 10px;color: #3a3a3a;}
.addressArea p {  white-space: normal;}
.lidOptionsArea .one-fourth { line-height: 62px; height: 62px; text-align: center; }
.lidOptionsArea .one-fourth i { line-height: 62px; height: 62px; color: #009cd7; font-weight: 600; }
.lidOptionsArea .one-fourth p { color: #3a3a3a; font-size: 13px; font-weight: bold; text-align: left; padding-left: 2px; }
.lidOptionsArea .lidDownArrow {position: absolute; left: 36px; width: 16px; bottom: -12px;}
.showLidInfoDetailsLoading .lidDownArrow {position: absolute; left: 36px; width: 16px; bottom: -12px;}
.showLidInfoDetailsLoading, .cloneTooltipLoading {}
.syncIcon i { display: inline-block; font-size: 12px; font-weight: bold; width: 12px; margin-top: 0px; margin-left: -7px; margin-right: 4px; height: 14px; }
.syncIcon i.icon-Rest { position: absolute; left: 33px; top: 20px;}
.cmsUploadUser {}
.cmsUploadUser i.icon-delete3 {width: 28px; border: 2px solid #ffffff; height: 28px; text-align: center; right: -12px; background: #0082c1; line-height: 24px; color: white; text-align: center; border-radius: 16px; top: -8px; padding-top: 1px;}
#uploadedPhoto {}
.photoError { line-height: 30px; border: 1px solid #ED4860; position: absolute; bottom: -37px; width: auto; font-size: 11px; border-left: 4px solid #ED4860; background: #e4dadc; color: #ED4860; padding:0 6px;}
.photoError span.erroricon { background: #ED4860; display: inline-block; width: 13px; height: 12px; vertical-align: middle; border-radius: 8px; position: relative; top: -2px; }
.photoError span:last-child { display: inline-block; padding-left: 2px; }
.photoError i {display: block; color: white; font-size: 5px; padding: 3px 0 0 4px;}
.sampleImage { float: left; background: #E6E6E6; width: 84px; height: 84px; text-align: center; padding-top: 18px; border-radius: 50%; }
.sampleImage img{}
.boxPMPhoto {/*height: 195px; width: 265px;*/ float:left;}
.boxPMPhoto i.icon-delete3 {width: 28px; border: 2px solid #ffffff; height: 28px; top: 30px; right: 140px; background: #0082c1; line-height: 24px; text-align: center; border-radius: 15px;}
.boxPMPhoto i.icon-pencil {width: 28px; border: 2px solid #ffffff; height: 28px; top: 52px; right: 224px; background: #0082c1; line-height: 24px; text-align: center; border-radius: 15px;}
.uploadedPhoto {float: left; width: 84px; height: 84px;border-radius: 50%; border: 1px solid #cacaca;}
.userImage {width:24px; height:24px; border-radius:50%; position:absolute; right: 3px; top: 9px;}
.propertycover {height: 195px; width: 340px; float:left; }
.samplePropertyImg { background: #FFF; z-index: 1; position: relative; height: 195px; padding: 10%; width: 265px; }
.samplePropertyImg p{ font-size: 16px; position: relative; z-index: 1; margin: 0; line-height: 21px; color: #3A3B3A;}
.samplePropertyImg p a{ color: #24a9ea;}
.samplePropertyImg img.UploadImage{width: 52px; height: auto; /*margin-top: 15px;*/}
.samplePropertyBorder { border: 1px dashed #C7C7C7; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.samplePropertyPetsBorder {
    border: 1px dashed #C7C7C7;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

/* LiD details popup */


/* VT details popup */

.vtInfoDetails {
    background: white;
    width: 300px;
    z-index: 1;
    border-radius: 8px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.22);
    top: -131px;
    left: -46px;
}

    .vtInfoDetails.loadingArea {
        top: -50px;
    }

.shoVTInfoDetailsLoading .vtDownArrow {
    position: absolute;
    left: 36px;
    width: 16px;
    bottom: -12px;
}

.showVTInfoDetailsLoading, .cloneTooltipLoading {
}

.showVTInfoDetailsLoading .vtDownArrow {
    position: absolute;
    left: 36px;
    width: 16px;
    bottom: -12px;
}

.showVTInfoDetailsLoading, .cloneTooltipLoading {
}

.vtOptionsArea .vtDownArrow {
    position: absolute;
    left: 36px;
    width: 16px;
    bottom: -12px;
}

.vtHeading, .cloneHeading {
    line-height: 25px;
    height: 25px;
    background: #009cd7;
    color: white;
    font-size: 10px;
    padding: 20px 10px;
    border-radius: 8px 8px 0 0;
}

.vtOptionsArea .one-fourth {
    line-height: 62px;
    height: 62px;
    text-align: center;
}

    .vtOptionsArea .one-fourth i {
        line-height: 62px;
        height: 62px;
        color: #009cd7;
        font-weight: 600;
    }

    .vtOptionsArea .one-fourth p {
        color: #3a3a3a;
        font-size: 13px;
        font-weight: bold;
        text-align: left;
        padding-left: 2px;
    }

/* VT details popup */

/*table.full-table{border-collapse:collapse;vertical-align:middle}table.full-table td{min-width:50px;max-width:none !important}
#previous-records-container table.full-table td {min-width:43px;}
#rest-sync-detail-container table.full-table td {min-width:43px; text-align:left}
table.full-table td:last-child{text-align:right;width:auto !important}
table.full-table tbody tr td{line-height:42px;color:#848484 !important}table.full-table tbody tr:nth-child(2n+2){background-color:#fff;}textarea{resize:none}
table.table-eclipse234 tbody tr td:nth-child(2), table.table-eclipse234 tbody tr td:nth-child(3), table.table-eclipse234 tbody tr td:nth-child(4){color:#2a7089;line-height:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width: 120px !important; max-width: 120px !important; }
table.table-eclipse234 tbody tr td:nth-child(5) {width: 100px !important;max-width: 100px !important;}
table.table-eclipse234 tbody tr td:nth-child(6){ width: 190px !important; max-width: 190px !important }
table.table-eclipse234 tbody tr td:nth-child(7){width: 80px !important;max-width: 80px !important; }
table.table-eclipse234 tbody tr td:nth-child(8){ width: 135px !important; max-width: 135px !important; text-align:center !important }
table.table-eclipse234 tbody tr td:nth-child(9){width: 85px !important; max-width: 85px !important;}
table.table-eclipse234 tbody tr td:last-child{width: 180px !important; max-width: 180px !important;}

table.table-eclipse234 tbody .jq_tenantsArcheiveTab tr td:first-child {max-width: 160px !important;width: 160px !important;line-height: 16px;}
table.table-eclipse234 tbody .jq_tenantsArcheiveTab tr td:nth-child(2), table.table-eclipse234 tbody .jq_tenantsArcheiveTab tr td:nth-child(3), table.table-eclipse234 tbody .jq_tenantsArcheiveTab tr td:nth-child(4) {    width: 80px !important;}
table.table-eclipse234 tbody .jq_tenantsArcheiveTab tr td:nth-child(5) {width: 60px !important;}

#jq_OfficeGridSection .edit-containter {width: 1047px;background: #F7F7F7;}

#jq_PropertyGridSection table.table-eclipse234 tbody tr td:nth-child(6) {width: 120px !important;}
#jq_PropertyGridSection table.table-eclipse234 tbody tr td:nth-child(7) {width: 160px !important;}
#jq_PropertyGridSection table.table-eclipse234 tbody .jq_InspectionTableContainer tr td:nth-child(6) {width: 190px !important;}
#jq_PropertyGridSection table.table-eclipse234 tbody .jq_InspectionTableContainer tr td:nth-child(7) {}
#jq_PropertyGridSection table.table-eclipse234 tbody .jq_InspectionTableContainer tr td:nth-child(10) {text-align: right !important;}


table.table-eclipse234 tbody .jq_tenantsArcheiveTab tr td:first-child {max-width: 160px !important;width: 160px !important;line-height: 16px;}
table.table-eclipse234 tbody .jq_tenantsArcheiveTab tr td:nth-child(2), table.table-eclipse234 tbody .jq_tenantsArcheiveTab tr td:nth-child(3), table.table-eclipse234 tbody .jq_tenantsArcheiveTab tr td:nth-child(4) {    width: 80px !important;}
table.table-eclipse234 tbody .jq_tenantsArcheiveTab tr td:nth-child(5) {width: 60px !important;}



table.table-eclipse234 tbody tr.jq_logsVisible td:nth-child(2), table.table-eclipse234 tbody tr.jq_logsVisible  td:nth-child(3), table.table-eclipse234 tbody tr.jq_logsVisible  td:nth-child(4){width: 140px !important;max-width: 140px !important; }
table.table-eclipse234 tbody tr.jq_logsVisible td:nth-child(5) {width: 160px !important;max-width: 160px !important;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#jq_PropertyGridSection table.table-eclipse234 tbody tr.jq_logsVisible td:nth-child(6){ width: auto !important;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
table.table-eclipse234 tbody tr.jq_logsVisible td:nth-child(7){ width: 100px !important; max-width: 100px !important;  }
table.table-eclipse234 tbody tr.jq_logsVisible td:nth-child(8){ width: 100px !important; max-width: 100px !important;  }



table.full-table.two-col-table td:last-child{width:121px !important;padding-right:10px}table.full-table.two-col-table td:first-child{padding-left:10px; width: 370px;}
.hover-blue:hover{background-color:#2a7089 !important;color:#ffffff !important}
table.user-table td { padding:0 8px !important; }
.round-circle { border: 1px solid; border-radius: 20px; bottom: 6px; display: inline-block; height: 17px; left: 0; width: 17px; }
table.table-auto td { min-width:5px !important; max-width:141px !important; width:auto !important; text-align:left !important; }
#jq_OfficeGridSection table.table-auto td:first-child { /* padding: 0 0 0 15px !important; }*/ 
/*#jq_OfficeGridSection table.table-auto td:nth-child(2){ padding-left:5px !important; width: 80px !important; max-width: 80px !important; }
#jq_OfficeGridSection table.table-auto td:first-child { }
#jq_OfficeGridSection table.table-auto td:nth-child(2){ padding-left:5px !important; width: 80px !important; max-width: 80px !important; }
>>>>>>> CMSLayoutFix
#jq_OfficeGridSection table.table-auto td:nth-child(3){ padding-left:5px !important; width: 80px !important; max-width: 80px !important; }
#jq_OfficeGridSection table.table-auto td:nth-child(4){ padding-left:5px !important; width: 60px !important; max-width: 60px !important; }
#jq_OfficeGridSection table.table-auto td:nth-child(5){ padding-left:5px !important; width: 70px !important; max-width: 70px !important; }
#jq_OfficeGridSection table.table-auto td:nth-child(6){ padding-left:5px !important; width: 70px !important; max-width: 70px !important; }
#jq_OfficeGridSection table.table-auto td:nth-child(7){ padding-left:5px !important; width: 170px !important; max-width: 170px !important; }
#jq_OfficeGridSection table.table-auto td:nth-child(8){ padding-left:5px !important; width: 90px !important; max-width: 90px !important; }
#jq_OfficeGridSection table.table-auto td:nth-child(8) label{ line-height: 15px;display: block; }
#jq_OfficeGridSection table.table-auto td:nth-child(9){ padding-left:5px !important; width: 60px !important; max-width: 60px !important; }
#jq_OfficeGridSection table.table-auto td:nth-child(10){  }
#jq_OfficeGridSection table.table-auto td:nth-child(2) span, #jq_OfficeGridSection table.table-auto td:nth-child(10) span, #jq_OfficeGridSection table.table-auto td:nth-child(3) span,#jq_OfficeGridSection  table.table-auto td:nth-child(4) span{ display: inline-block; line-height: 15px; padding-top: 15px;}*/
table.table-auto td:nth-child(11){  }
#jq_OfficeGridSection table.table-auto td:nth-child(8) label{ line-height: 15px;display: block; }

#jq_OfficeGridSection table.table-auto #appKeySection td:nth-child(2), #jq_OfficeGridSection table.table-auto #appKeySection td:nth-child(3), #jq_OfficeGridSection table.table-auto #appKeySection td:nth-child(4) {width:auto !important}

#jq_OfficeGridSection table.table-auto.table-usermanager td:nth-child(2) {width: 130px !important; max-width: 130px !important;}
#jq_OfficeGridSection table.table-auto.table-usermanager td:nth-child(3) {width: 130px !important; max-width: 130px !important;}
#jq_OfficeGridSection table.table-auto.table-usermanager td:nth-child(4) {width: 130px !important; max-width: 130px !important;}
#jq_OfficeGridSection table.table-auto.table-usermanager td:nth-child(5) {width: 100px !important; max-width: 100px !important;}
#jq_OfficeGridSection table.table-auto.table-usermanager td:nth-child(6) {width: 110px !important; max-width: 110px !important;}
#jq_OfficeGridSection table.table-auto.table-usermanager td:nth-child(7) {width: 200px !important; max-width: 200px !important;}
#jq_OfficeGridSection table.table-auto.table-usermanager td:nth-child(8) {text-align: right !important;}
#jq_OfficeGridSection table.table-auto.table-usermanager td:nth-child(9) {}

#jq_group_office_grid table.main-table thead tr td:nth-child(1) {    max-width: 400px !important; width: 400px !important;}
#jq_group_office_grid table.main-table thead tr td:nth-child(2) {}
#jq_group_office_grid table.main-table thead tr td:nth-child(3) {}

#jq_PreviewLogs_Grid table.main-table tr td:first-child {width: 120px !important;}


#jq_UserGridSection table.table-auto td:nth-child(1){width: 80px !important; }
#jq_UserGridSection table.table-auto td:nth-child(2){ max-width: 120px !important;width: 120px !important }
#jq_UserGridSection table.table-auto td:nth-child(3){ max-width: 120px !important;width: 120px !important}
#jq_UserGridSection table.table-auto td:nth-child(4){ max-width: 140px !important;width: 140px !important }
#jq_UserGridSection table.table-auto td:nth-child(5){ max-width: 120px !important;width: 120px !important }
#jq_UserGridSection table.table-auto td:nth-child(6){width: 90px !important;  }
#jq_UserGridSection table.table-auto td:nth-child(7){ width: 110px !important; max-width: 110px !important; }
#jq_UserGridSection table.table-auto td:nth-child(8){  }
#jq_UserGridSection table.table-auto td:nth-child(9){ width: 160px !important; max-width: 160px !important; }
#jq_UserGridSection table.table-auto td:nth-child(10){ width: 160px !important; max-width: 160px !important;text-align: right !important; }


#jq_UserGridSection table.table-auto tr.registeredUsers td:nth-child(1) {width: 300px !important;}
#jq_UserGridSection table.table-auto tr.registeredUsers td:nth-child(2) {}
#jq_UserGridSection table.table-auto tr.registeredUsers td:nth-child(3) {}
#jq_UserGridSection table.table-auto tr.registeredUsers td:nth-child(4) {}
#jq_UserGridSection table.table-auto tr.registeredUsers td:nth-child(5) {    width: 100px !important;}

/* Root Admin Table */
/*table.full-table.main-table.rootAdminTable tr td:nth-child(1) { width: 160px !important; max-width: 160px !important; }
table.full-table.main-table.rootAdminTable tr td:nth-child(2) { width: 80px !important; max-width: 80px !important; }
table.full-table.main-table.rootAdminTable tr td:nth-child(2) span {     display: inline-block; line-height: 15px; padding-top: 15px; }
table.full-table.main-table.rootAdminTable tr td:nth-child(3) { width: 80px !important; max-width: 80px !important; }
table.full-table.main-table.rootAdminTable tr td:nth-child(3) span {     display: inline-block; line-height: 15px; padding-top: 15px; }
table.full-table.main-table.rootAdminTable tr td:nth-child(4) { width: 60px !important; max-width: 60px !important; }
table.full-table.main-table.rootAdminTable tr td:nth-child(4) span {     display: inline-block; line-height: 15px; padding-top: 15px; }
table.full-table.main-table.rootAdminTable tr td:nth-child(5) { width: 70px !important; max-width: 70px !important; }
table.full-table.main-table.rootAdminTable tr td:nth-child(6) { width: 70px !important; max-width: 70px !important; }
table.full-table.main-table.rootAdminTable tr td:nth-child(7) { width: 170px !important; max-width: 170px !important }*/
table.full-table.main-table.rootAdminTable tr td:nth-child(8) {}
table.full-table.main-table.rootAdminTable tr td:nth-child(9) {}
table.full-table.main-table.rootAdminTable tr td:nth-child(10) {}
table.full-table.main-table.rootAdminTable tr td:nth-child(11) {}

table.full-table.main-table.rootAdminTable tr.hide-row.shadow4 td:nth-child(1) .edit-containter {width: 1047px; background: #F7F7F7; padding-right: 17px;}

/* Root Admin Table */

/* Add App Key */
table.full-table.main-table.rootAdminTable #REST-container tr td:nth-child(1) { width: 40px !important; max-width: 40px !important; }
table.full-table.main-table.rootAdminTable #REST-container tr td:nth-child(2) { width: 180px !important; max-width: 180px !important; }
table.full-table.main-table.rootAdminTable #REST-container tr td:nth-child(3) { width: 180px !important; max-width: 180px !important; }
table.full-table.main-table.rootAdminTable #REST-container tr td:nth-child(4) {}
/* Add App Key */



table.table-eclipse234 tbody tr.jq_logsVisible td:nth-child(6) { overflow: hidden;}
table.full-table.main-table tbody tr.notification_bar_info:nth-child(9) {}



/* User Management */

table.full-table.main-table.rootAdminTable .table-usermanager tr td:nth-child(1) { width: auto !important; max-width: inherit !important; }
table.full-table.main-table.rootAdminTable .table-usermanager tr td:nth-child(2) { width: auto !important; max-width: inherit !important; }
table.full-table.main-table.rootAdminTable .table-usermanager tr td:nth-child(3) { width: auto !important; max-width: inherit !important; }
table.full-table.main-table.rootAdminTable .table-usermanager tr td:nth-child(4) { width: auto !important; max-width: inherit !important; }
table.full-table.main-table.rootAdminTable .table-usermanager tr td:nth-child(5) { width: auto !important; max-width: inherit !important; }
table.full-table.main-table.rootAdminTable .table-usermanager tr td:nth-child(6) { width: auto !important; max-width: inherit !important; }
table.full-table.main-table.rootAdminTable .table-usermanager tr td:nth-child(7) { width: auto !important; max-width: inherit !important; }
table.full-table.main-table.rootAdminTable .table-usermanager tr td:nth-child(8) { width: auto !important; max-width: inherit !important; }

/* User Management */


/* Old Css  Table */
	
table.full-table{border-collapse:collapse;vertical-align:middle}table.full-table td{min-width:50px;max-width:none !important}	
table.full-table tr td:first-child{text-align:left !important;width:auto !important}table.full-table td:last-child{text-align:right;width:auto !important}	
table.full-table tbody tr td{line-height:42px;color:#848484 !important}table.full-table tbody tr:nth-child(2n+2){background-color:#fff;}textarea{resize:none}	
table.table-eclipse234 tbody tr td:nth-child(2), table.table-eclipse234 tbody tr td:nth-child(3), table.table-eclipse234 tbody tr td:nth-child(4), table.table-eclipse234 tbody tr td:nth-child(5){color:#2a7089;line-height:52px;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}	
table.table-eclipse234 tbody tr td:nth-child(6){max-width:145px;}	
table.full-table.two-col-table td:last-child{width:121px !important;padding-right:10px}table.full-table.two-col-table td:first-child{padding-left:10px}	

#jq_InspectionGridSection table.table-eclipse234 tbody tr td:nth-child(2) {max-width: 105px;}
#jq_InspectionGridSection table.table-eclipse234 tbody tr td:nth-child(3) {max-width: 105px;}
#jq_InspectionGridSection table.table-eclipse234.office-inspections-table tbody tr td:nth-child(2) {
    max-width: 96px;
}

#jq_InspectionGridSection table.table-eclipse234.office-inspections-table tbody tr td:nth-child(3) {
    max-width: 96px;
}
#jq_InspectionGridSection table.table-eclipse234 tbody tr td:nth-child(4) {max-width: 80px;}


.hover-blue:hover{background-color:#2a7089 !important;color:#ffffff !important}	
table.user-table td { padding:0 8px !important; }	
.round-circle { border: 1px solid; border-radius: 20px; bottom: 6px; display: inline-block; height: 17px; left: 0; width: 17px; }	
table.table-auto td { min-width:5px !important; max-width:240px !important; width:auto !important; text-align:left !important; }	
table.table-auto td:first-child { /* padding: 0 0 0 15px !important; */ }	
table.table-auto td:nth-child(2){ padding-left:5px !important; }

/* Old Css  Table */

.display-block { display:block !important; }
.listOfSendingItems{box-shadow: 0 1px 1px 0 rgba(157, 157, 157, 0.5); border-radius:4px; border: 2px solid #f8f8f8;}
.tenantDropdown { top: 52px; background: white; box-shadow: 0 1px 1px 0 rgba(157, 157, 157, 0.5); width: 100%; }
.listOfSendingItems.bordered {border: 2px solid #58bb71}
.listOfSendingItems p { width: 350px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.listOfSendingItems.tenantOnLeaseVersionDiv p { width: 250px; }
.listOfSendingItems.emailsendtenant p { width: 250px; }
.listOfSendingItems i {  margin-top:13px; }
.emailscroll {    max-height: 600px; overflow: hidden; width: 660px !important;}
.emailscroll.ps-container > .ps-scrollbar-y-rail {opacity:1; right: -113px !important; background: none !important; }
.emailscroll.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #CECECD; width: 6px; height: 200px !important; }

.emailscroll2 {    max-height: 350px; overflow: hidden; width: 660px !important; }
.emailscroll2.ps-container > .ps-scrollbar-y-rail {opacity:1; right: -113px !important; background: none !important; }
.emailscroll2.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #CECECD; width: 6px; height: 200px !important; }

.emailscroll .jspPane{width:412px !important}
.emailscroll2 .jspPane {width:412px !important}
.emailscroll2 .jspPane .listOfSendingItems{position: relative; left: 28px;}
.emailscroll2 .jspPane .textplace{}
.emailscroll2 .jspPane .btnplace{position: relative; left: 26px;}

.emailscroll .jspVerticalBar,.emailscroll2 .jspVerticalBar { right: 125px; width: 6px; background: none;} 
.emailscroll .jspContainer {}
.jspTrack {background:none}
.jspDrag { background: #cecece; border-radius: 4px;}
.jspHorizontalBar {display:none}

.emailconfirmation .width-660 {width:100%;}

body .tenantContainer .origin-popup { top:18px; }

.tenantdropdownClick.listOfSendingItems p { width: 298px; }
.tenantDropdown a { color: #3a3a3a; float: left; width: 100%; text-align: left; line-height: 40px; padding-left: 15px; border-bottom: 1px solid #e4dede; }
.signatureImg {/*height:63px;*/}
.signatureImg img{float: left; margin-top: 9px; max-height: 32px;}
.signatureImg span{ display: inline-block; background: #dedede; height: 29px; width: 1px; margin-top: 16px; margin-right: 24px; margin-left: 24px; }
/* ================ User Activation Tab ================= */
.tabDetail table.full-table td {min-width: 20px;}
table.full-table td:last-child{text-align:right;width:auto !important}
.Manager-Conflict-popup table.full-table td:last-child {
    /*text-align: left;*/
}

table.full-table tbody tr:nth-child(2n+2){background-color:#fff;}
table.activationTable.table-eclipse234 tbody tr td:nth-child(2){width:125px}
table.activationTable.table-eclipse234 tbody tr td:nth-child(3), table.activationTable.table-eclipse234 tbody tr td:nth-child(4), table.activationTable.table-eclipse234 tbody tr td:nth-child(5){color:#2a7089;line-height:52px;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
table.activationTable.full-table.two-col-table td:last-child{width:121px !important;padding-right:10px}

table.activationTable.full-table.main-table {}
table.activationTable.table-auto td { line-height: 35px;min-width: 65px !important; max-width: 110px !important; text-align: center !important;}
table.activationTable.full-table tr td:first-child{width: 190px !important; min-width: 190px !important;}	
table.activationTable.table-auto td:nth-child(2){ width: 90px !important; max-width: 90px !important; }	
table.activationTable.table-auto td:nth-child(3){ width: 130px !important; max-width: 130px !important; }	
/*table.activationTable.table-auto td.plansize:nth-child(3){ padding: 5px 0; }*/	
table.activationTable.table-auto td:nth-child(5),table.activationTable.table-auto td:nth-child(6){ min-width: 70px !important; max-width: 70px !important; }	
table.activationTable.table-auto thead tr td:nth-child(5),table.activationTable.table-auto thead tr td:nth-child(6) { line-height: 11px; padding-top: 2px; }	
table.activationTable.table-auto td:nth-child(7) {min-width: 76px !important;}
table.activationTable.table-auto td label{ color: #b2b2b2; font-size: 11px; }
table.activationTable.table-auto td label .keenValue { border-radius: 6px; width: 10px; display:inline-block; height: 10px; }
table.activationTable.table-auto td label .green {  background-color: #57bc6f; }
table.activationTable.table-auto td label .orange {  background-color: #ffa350; }
table.activationTable.table-auto td label .red {  background-color: #f21714; }
table.activationTable.full-table tbody tr td{line-height: 35px !important;color:#848484 !important}
table.activationTable.table-auto td span {font-size:11px;}
/*#jq_OfficeGridSection table.table-auto.activationTable td:nth-child(2) span, #jq_OfficeGridSection table.table-auto.activationTable td:nth-child(10) span, #jq_OfficeGridSection table.table-auto.activationTable td:nth-child(3) span, #jq_OfficeGridSection table.table-auto.activationTable td:nth-child(4) span {    display: inherit;padding-top: 0;}*/
table.activationTable .sColumn {cursor:pointer;}
.activationTab .inputosaurus-container {margin: 0 32px 0 10px !important}
.activeOffices a{ height: 30px; line-height: 30px; width: 130px; display: inline-block; text-align: center;color:#848484 }
.activeOffices a:last-child{margin-left:-3px}
.activeOffices a.active ,.activeOffices a:hover{ background: #2a7089; color:white}
.activationHeader{ background: #00aae3; height: 260px; overflow: hidden; border-radius: 20px 20px 0 0; margin-bottom:40px; }
.activationHeader .imgArea{width:360px; height:100%;}
.activationHeader .imgArea img{width:100%; height:100%;}
.activationHeader .txtArea{padding-top:58px;}
.bookTeamContainer {width:100%; margin:0 auto; overflow:hidden;}
.border-green {border:1px solid #58bb71}
/* ================ User Activation Tab ================= */

#suburbSearchArea .inputosaurus-container, #pManagerSearchArea .inputosaurus-container {min-width: 160px; width: 160px !important;}
#suburbSearchArea .filterItem, #pManagerSearchArea .filterItem {}
#suburbSearchArea .inputosaurus-container li a, #pManagerSearchArea .inputosaurus-container li a  {padding: 0 0px;}
.consoleTabs {border-top: 5px solid #2a7089; border-bottom: 1px solid white; background: #2a7089; padding: 0 5px; }
.consoleTabs a{width: 33.33%; line-height: 38px; height: 38px; background: #2a7089; border-right: 1px solid white; text-align: center;}
.consoleTabs a.active{background: #fff;}
.consoleTabs a.active span{color: #2a7089;}
.consoleTabs a:last-child{border-right: 0 none;}
.consoleTabs a span.propertiesCount {background: #ffffff; display: inline-block; color: #2a7089; height: 20px; line-height: 20px; border-radius: 16px; padding: 0 7px; margin-left: 3px; font-weight: bold; font-size: 13px;}
.consoleTabs a.active span.propertiesCount {background: #2a7089; color: #ffffff;}
.tabDetail {}
.mw-220 {max-width:221px}
/* Ellipsis */
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nextline { overflow-wrap: break-word !important; white-space: unset !important; }
.ellipsis-115 { display: inline-block; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100px; }
.ellipsis-200{text-overflow:ellipsis;width:200px;}
.ellipsis-150 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 150px; max-width: 150px; }
.ellipsis-160 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 160px; }
.ellipsis-2-200 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 200px; }
.ellipsis-110{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px !important; width:110px !important;}
.ellipsis-110{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px !important; width:110px !important;}
.ellipsis-130{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px !important; min-width:130px !important; width:130px !important;}
.ellipsis-170{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px !important; min-width:170px !important; width:170px !important;}
.ellipsis-205{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:205px;}
.ellipsis-210{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px !important;}
.ellipsis-220{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px !important;}
.ellipsis-285{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:285px;}
.ellipsis-205 { max-width: 205px !important; overflow: hidden; white-space: nowrap; width: 208px !important; } 
.ellipsis-130 { max-width: 130px !important; overflow: hidden; white-space: nowrap; width: 130px; }
.ellipsis-120 { max-width: 120px !important; min-width: 120px !important; overflow: hidden; white-space: nowrap; width: 120px !important;  }
.ellipsis-185 { max-width: 185px !important; overflow: hidden; white-space: nowrap; width: 185px !important; }
.ellipsis-120-2 { display: block; max-width: 120px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.ellipsis-900 { max-width: 900px; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ }
table.table-auto td.ellipsis-130 {max-width: 130px !important; overflow: hidden; white-space: nowrap; width: 130px;}

.mw-119{max-width:119px}.text-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:76px}
table.propertyLayout-table tr td:nth-child(2){max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j_show-add-area-container{display:none}

/*general settings*/

.check-label-2::before {
  margin-top: -6px !important;
}

body .settings-tabs a.bg-white.active, body header .settings-tabs a.bg-white:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-bottom: medium none #cecece !important;
    border-color: #cecece #cecece #cecece -moz-use-text-color !important;
    border-left: medium none !important;
    color: #2a7089 !important;
    border-right: 1px solid #e8e4e4 !important;
}

.table-row-bg tr:nth-child(2n+2) {
  background-color: #f7f7f7 !important;
}

 body header .settings-tabs a.bg-white.active:last-child, body header .settings-tabs a.bg-white:last-child:hover{border-right:none!important}
header.settings .header-tabs a:hover, header.settings .header-tabs a.active{box-shadow:0 1px 1px #cdcdcd}
header .AreasItem-tabs a{position:relative;z-index:9;background:#f7f8f9 !important;border-right:1px solid #cecece !important;border-bottom:1px solid #cecece !important;float:left;min-width:110px;padding:0 10px}
body header .AreasItem-tabs a:hover, body header .AreasItem-tabs a.active{background:#fff !important;border-bottom-color:#fff !important}
body header .AreasItem-tabs a:first-child{border-left:1px solid #cecece !important}
body header .AreasItem-tabs a.active:last-child,body header .AreasItem-tabs a:last-child:hover{border-right-color:#fff !important;border-bottom-color:#fff !important}
body header .AreasItem-tabs a.active:first-child, body header .AreasItem-tabs a:first-child:hover{border-left-color:#fff !important;border-bottom-color:#fff !important}
.radio.radio-btn .check-label:before{background:#cecece;font-size:24px !important;height:10px;left:0;line-height:10px !important;margin-top:-6px;width:10px}
.radio.radio-btn .check-label{padding-left:17px!important}.pad1-left{padding-left:1px}.pad1-right{padding-right:1px}table.full-table.main-table{border-top:1px solid #cecece}
table.main-table.no-border-left-right tr{border-left:medium none;border-right:medium none;border-top:medium none}
table.main-table.no-border-left-right tr:last-child{border:medium none}
/*table.full-table.main-table tbody tr:nth-child(2n+2){background-color:#f7f7f7} */
.radio.radio-btn .check-label.disabledLabel {color: #e9e7e7;}
.handoverDiv .radio.radio-btn .check-label.disabledLabel:before {    border: 1px solid #e9e7e7;}
table.full.full-table.main-table.table-auto.table-admin tbody tr:nth-child(4n+4) {
  background-color: #fff;
}

table.bind-table tr:nth-child(4n+1){background-color:#fff !important; }
table.bind-table2 tr:nth-child(4n+1){background-color:#f7f7f7;}

table.full-table tbody.prop-with-insp-container tr td { line-height: 35px; }
table.full-table tbody.prop-with-insp-container tr td p { line-height: 20px; }

.scroller-table {}

.scroller-table tr {
  display: inline-block;
  width: 100%;
}

.scroller-table td {
  display: inline-block;
}

table.table-user td.ellipsis-125 {
  max-width: 125px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nz-headingheight {    height: 334px}

/* Tenancy Lock Css Start */
.tenancyPopup, .pmSetupPopup {width: 311px;
  height: 134px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff; visibility:hidden; z-index:120}

.pmSetupDiv.disabledDiv .wrapper-dropdown{ background: rgb(235, 235, 228); }
.pmSetupDiv.disabledDiv .check-label:before { background: rgb(235, 235, 228); }

.pmSetupDiv .padlockMessage{ padding: 0 6px; height: 32px; line-height: 32px; }
.pmSetupDiv .check-label:before {}

/* Tenancy Lock Css End */
/* FLK Setting */
.save-btn, .re-generate-btn {
    text-align: center !important;
    font-size: 14px !important;
}

.re-generate-btn {
    margin-right: 10px;
}

.keyCopyPopup .circularbook, .RegenConfirmationPopup .circularbook, .keyCopyPopup .circularbook, .viewAssetDetails .circularbook, .viewAssetDeletePopup .circularbook, .viewImagePreview .circularbook {
  top: 10%;
  overflow: visible;
}

.disable-confirmation {
    position: fixed;
}

.disable-confirmation img {
    width: 27px;
    height: 22px;
    margin-bottom: 5px;
}


.keyCopyPopup .cross-circle, .RegenConfirmationPopup .cross-circle, .keyCopyPopup .cross-circle, .viewAssetDetails .cross-circle, .viewAssetDeletePopup .cross-circle, .viewImagePreview .cross-circle {
  right: -15px;
  top: -15px;
  position: absolute !important;
}

/* FLK Setting End*/

/*Okasha*/
/*.loadingOverlay{position:fixed;background-color:rgba(0,0,0,0.5);background-image:url('images/loader.gif');background-size:30px 30px;background-repeat:no-repeat;background-position:center;width:100%;height:100%;z-index:200000}*/

.cmsloading {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url('images/load-indicator.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    z-index: 200000;
    background-size: 5%;
    display: none;
    top: 0;
}
.loadingOverlay {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url('images/load-indicator.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    z-index: 200000;
    background-size: 5%;
}
.suggestionsFrame {
    width: 1060px;
    background: white;
    left: 0;
    right: 0;
}
.suggestionsFrame iframe{}
.grayHover .icon-palace { color: #cecece!important; }
.grayHover .icon-palace:hover { color: #009cd7 !important; }

.cmsVideoLandingPopup { position: absolute; width: 100%; height: 100%; z-index: 101000; left: 0; top: 0; right: 0; bottom: 0; }
.cmsVideoLandingPopup .innerOverlay { background: url(images/overlay-bg.png); height: 100%; left: 0; position: fixed; top: 0; width: 100%;}
.cmsVideoLandingPopup .innerlandingPopup .closelandingPopup {width: 19px; height: 19px; display: inline-block; right: 9px; top: 9px; z-index: 5; }
.cmsVideoLandingPopup .innerlandingPopup .closelandingPopup img{max-height:100%;}

.cmsVideoLandingPopup .innerlandingPopup {width: 620px; margin: 0 auto; position:relative}
.cmsVideoLandingPopup .innerlandingPopup img.mainImage{ background: black; position:relative; z-index: 1;width: 620px; height: 620px; }
.cmsVideoLandingPopup .innerlandingPopup img.playButton{ position: absolute; z-index: 2; right: 0; left: 0; top: 0; bottom: 0; margin: auto; width: 64px; vertical-align: middle; height: 76px;}
.cmsVideoLandingPopup .innerlandingPopup div.videoPlayer { background: white; top: 119px; width: 100%; height: 375px; z-index: 3; opacity: 1; }

.loginCarousel img.cmsVideoLandingPopup .innerlandingPopup div.videoPlayer { background: white; top: 119px; width: 100%; height: 375px; z-index: 3; opacity: 1; }
.loginCarousel .loginVideoPlayer { background: white; top: 0px; width: 100%; height: 388px; z-index: 3; opacity: 1; }
.loginCarousel img.sliderPlayButton {position: absolute; z-index: 2; right: 0; left: 0; top: 0; bottom: 0; margin: auto; width: 64px; vertical-align: middle; height: 76px;}
.sliderLogin { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; background: white; opacity: .97; }
.sliderLogin img.loadingslider{ position: absolute; z-index: 2; right: 0; left: 0; top: 0; bottom: 0; margin: auto; width: 100px; vertical-align: middle;}

.cmsVideoLandingPopup.small .innerlandingPopup .closelandingPopup {width: 16px; height: 15px; right: 7px; top: 8px; }
.cmsVideoLandingPopup.small .innerlandingPopup {width: 480px; height:480px;}
.cmsVideoLandingPopup.small .innerlandingPopup img.mainImage{ width: 480px; height: 480px; }
.cmsVideoLandingPopup.small .innerlandingPopup div.videoPlayer { top: 92px; height: 292px; }
.cmsVideoLandingPopup .innerlandingPopup a.moreInfoBtn {position: absolute; bottom: -14px; left: 0; right: 0; z-index: 1; margin: 0 auto; }
.cmsVideoLandingPopup.small .innerlandingPopup a.moreInfoBtn {bottom: -21px;  }
.cmsVideoLandingPopup .innerlandingPopup #LoginPopup a.moreInfoBtn {bottom: 50px; }
#LoginPopup li.sy-slide{}
#LoginPopup li.sy-slide img {}
.cmsVideoLandingPopup .sy-slides-wrap { height:620px; }
.cmsVideoLandingPopup .portfolio-slider  { width:620px; }
.lightgrayBorder { border:1px solid #f8f6f6; }
.lightgrayBorderBottom { border-bottom:1px solid #f8f6f6; }
#loginVideoPlayer {width:100% !important;height:100% !important;}
.sy-slide {height:100%;}
.sy-slide > div {height:386px}
.sy-slide:first-child img{border-top: 1px solid #f0eded; border-right: 1px solid #f0eded;}
/* Rotating icons */

.rest-syncing {

animation :2s linear 0s normal none infinite running round_round;
-webkit-animation :2s linear 0s normal none infinite running round_round;
    width:81px !important;
    height:81px !important;

    max-width:81px !important;

    max-height:81px !important;

}

 @-webkit-keyframes round_round {
    from { 
        transform: rotate(0deg); 
    }
    to { 
        transform: rotate(-360deg); 
    }
}

 @keyframes round_round {
    from { 
        transform: rotate(0deg); 
    }
    to { 
        transform: rotate(-360deg); 
    }
}


 /* ====================== Merge Report ====================== */

.inspectionArea {background: white; padding: 20px 0; }
.inspectionArea .leftArea{ width: 470px; padding-left:80px; }
.inspectionArea .leftArea p i, .inspectionArea .rightArea p i{ border: 1px solid #ffa350; padding: 2px; border-radius: 9px; margin: 0 auto; }
.inspectionArea .leftArea.finalize, .inspectionArea .rightArea.finalize{ width:100% ; padding:0;}
.inspectionArea .leftArea.finalize .nameOfInspection, .inspectionArea .rightArea.finalize .nameOfInspection{ display:block; padding-bottom: 5px; }
.inspectionArea .leftArea.finalize .typeOfInspection, .inspectionArea .rightArea.finalize .typeOfInspection{ color: #3a3a3a; font-family: circularbook !important; }
.inspectionArea .rightArea.finalize #changeInspection{ display:none }
.inspectionArea .middleArea { width: 39px; line-height:78px; }
.inspectionArea .rightArea { width: 470px; padding-right:80px; }
.inspectionArea .iconsArea {text-align: center;}
.inspectionArea .iconsArea span{font-size: 12px; padding-right: 5px;}
.inspectionArea .iconsArea span i{color: #009cd7; font-size: 16px; padding-top: 2px; display: inline-block; position: relative; top: 3px;}
.mergedInspectionsArea {padding:10px 200px 0 200px;max-height:560px;overflow: auto;}
.mergeInspectionsArea {padding:15px 5px 5px 5px;max-height:560px;overflow: auto;}
.smallScreen .mergeInspectionsArea {max-height:350px;}
.smallScreen .mergedInspectionsArea {max-height:350px;}
.commentPhotoSection { width: 160px; text-align:right}
.mergeInspectionsArea .mergeAreaList, .mergedInspectionsArea .mergeAreaList { margin-top:10px; width: 340px; height: 54px; line-height: 54px; display: inline-block; background: white; border: 4px; box-shadow: 0px 0px 6px 2px #ece9e9; cursor:pointer; text-align:left }
.mergeInspectionsArea .mergeAreaList span, .mergedInspectionsArea .mergeAreaList span{color:#3a3a3a; display: inline-block; padding-left: 6px; vertical-align: middle; }
.mergedInspectionsArea .mergeAreaList.activeOne span {color: #ffffff; display: inline-block; padding-left: 6px; vertical-align: middle;}
.mergedInspectionsArea .mergeAreaList span.mergeAreaName { max-width: 142px; }
.mergeInspectionsArea .mergeAreaList span i, .mergedInspectionsArea .mergeAreaList span i{color:#2C76AE; position: relative; top: 4px; }
.mergedInspectionsArea .mergeAreaList.activeOne span i {color: #ffffff; position: relative; top: 4px; }
.mergeInspectionsArea .mergeAreaList.activeOne, .mergedInspectionsArea .mergeAreaList.activeOne {background: #2C76AE;}
.mergeInspectionsArea .mergeAreaList.finalize {background: #2C76AE;display:inline-block !important;}
.mergeInspectionsArea .mergeAreaList.activeOne span{color:#ffffff; }
.mergeInspectionsArea .mergeAreaList.activeOne span i{color:#ffffff; }
.mergedInspectionsArea.full.mergeWrap .mergeAreaList {pointer-events: none;}
.mergeInspectionsArea .mergeAreaName { width: 142px; text-align: left; }
.mergeInspectionsArea .leftAreaList {  padding-left:60px }
.mergeInspectionsArea .rightAreaList { padding-right:60px }
.mergeInspectionsArea .leftAreaList.finalize{ width:100% ; padding:0 200px;}
.childInspectionsDropdown{ padding-left: 36px; padding-top: 22px; }
.childInspectionsDropdown i.icon-arrow-fill-down {    line-height: 34px; color: #dedede; }
.childInspectionsDropdown .wrapper-dropdown .dropdown li {padding: 0 10px;line-height: 34px; }
.childInspectionsDropdown .wrapper-dropdown .dropdown li a{font-family: "Poppins","arial" !important; }
.childInspectionsDropdown .wrapper-dropdown .dropdown li:nth-child(2n+1) { background: #f7f7f7; }
.childInspectionsDropdown .wrapper-dropdown .dropdown li:nth-child(2n+2) { background: #ffffff; }
.childInspectionsDropdown .wrapper-dropdown .dropdown li:nth-child(2n+1) a, .childInspectionsDropdown .wrapper-dropdown .dropdown li:nth-child(2n+2) a {color: #515050; }
.childInspectionsDropdown .wrapper-dropdown .dropdown li a span{color: #515050; }
.childInspectionsDropdown .wrapper-dropdown .dropdown li a span i{ margin: 0; padding: 0; border: 0 none; position:relative; top:1px; color:#009cd7 }
.childInspectionsDropdown .wrapper-dropdown .dropdown { min-width: 340px; width: 340px; }
.btnArea {margin:0 auto; width:311px;}
.mergeGif {}
.mergeGif img{ max-width: 600px; padding: 60px 0; }
#getPTkeyvalues{position:relative;}
 /* ====================== Merge Report ====================== */
 
 /* Property Import */

 .container-2 { margin: 0 auto; max-width: 1260px; width: 1260px; } 
 .wd-192 { width: 192px; }
 .wd-200 { width: 200px !important; }
 .wd-115 { width: 115px;}
 .wd-330 { width: 330px;}
 .ht-100 { height:100px; }
 .wd-390 { width: 390px; }
 .proprty-container { margin: 0 auto; width: 885px; }
 .lh-33 { line-height: 33px; } 
 .wd-45 {width: 45px; }
 .wd-40 {width: 40px; }
 .wd-38 {width: 38px; }
.dd-pi li { border: 1px solid #cdcdcd; border-top:0; line-height: 35px; }
.border-blue2 { border: 2px solid #009bd7 !important; } 
.no-pad { padding: 0 !important; }
.dd-pi li:first-child { border-color:#009bd7 !important; } 
.bg-gray { background: #cecece none repeat scroll 0 0 !important; }.bg-gray9{background: #EFF3F6 !important;}
.dd-pi li input[type=text] { font-style: oblique; font-weight: 900; }
.dd-pi li:hover { background-color:#009cd7 !important; }
.proprty-container { width:885px; margin:0 auto; }
.pad-dd { padding-left: 13px !important; padding-top: 1px !important; }
.cb-p::before { height: 18px !important; width: 18px !important; }
.table-property-import tr td:first-child { float: left; min-width: 35px !important; max-width: 35px !important; position: relative; top: 5px; }

input[type="checkbox"]:checked + .cb-p::before { font-size: 16px !important; line-height: 17px !important; }

.no-table { }
.no-table .cke_show_border {  }
.no-table .cke_show_border tr { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 0 none !important;}
.no-table .cke_show_border td:last-child, .no-table .cke_show_border td:first-child {
  padding: 0 10px 0 0 !important;
  text-align: left !important;
  width: auto !important;
}
.no-table .cke_show_border td { line-height: 20px !important;  white-space: nowrap;}
.cke_show_border td { max-width: 100% !important; width: auto !important; }

table.table-signature td:last-child{ text-align:right !important; }

.wd-810 {
  box-shadow: 0 0 6px 2px #777;
  margin: auto;
  overflow: auto;
  width: 810px;
}

.propertyTRow td:nth-child(2) input,
.propertyTRow td:nth-child(6) input, 
.propertyTRow td:nth-child(7) input, 
.propertyTRow td:nth-child(10) input, 
.propertyTRow td:nth-child(11) input, 
.propertyTRow td:nth-child(12) input,
.propertyTRow td:nth-child(18) input,
.propertyTRow td:nth-child(20) input,
.propertyTRow td:nth-child(24) input { width: 100px; }

.cbx-bulkall::before {
  float: right;
  font-size: 15px !important;
  height: 16px !important;
  line-height: 16px !important;
  margin-top: 0 !important;
  top: 0 !important;
  width: 17px !important;
}

table.table-admin tbody tr td { line-height: 50px !important; }
table.table-usermanager tbody tr td { line-height: 40px !important; }

.clearfix:after {
   content: " ";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.mw-425 {
  min-width: 425px;
}

.mw-380 {
  min-width: 380px;
}

.inactive-strikeout {
    text-decoration:line-through;
}
.rentFrequency .rentValue{width:100%; color: #58bb71; font-weight: bold;  }
.rentFrequency .rentValuePeriod{/*width:40px; margin-right: 2px;*/ }
.rentFrequency .rentFrequencyValue { width:75px;}
.rentFrequency .frequencyDropdown {}
.rentFrequency .frequencyDropdown .wrapper-dropdown .dropdown li a{ width: 100%; height: 20px; line-height: 20px; padding: 0; text-align: left; text-transform:capitalize;}
.frequencyDropdownValueFinal a {text-transform:capitalize; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

.popup-container.requestTaiOptions, .popup-container.requestTaiOptionsCopyPopup, .popup-container.tenatAssistUrlCopyPopup {
    /* top: 5%; */
}
.top-pad-55 {padding-top:55px}
.taiUrlLink { height: 51px;}
.taiUrlLink input{ line-height: 50px; text-align: center; font-size:16px; border: 1px solid white; outline:0 none; width: 407px; color: #3a3a3a;margin-right: 50px; }
.taiUrlLink a{ position: absolute; right: 0; top: 0; line-height: 50px; width: 103px; }
   
.inactive-row {
    
    border-bottom: 1px solid #2a7089;
    margin-left: 22px;
    margin-top: 26px;
    position: absolute;
    width: 810px;
}

.zopim {       
  z-index: 2147483647 !important;
}

/* Asad Css */

.address-display {
    float: left;
    color: black;
    min-width: 50%;
    text-align: left;
}

.inspection-list-display {
    color: black;
    text-align: left;
    float: left;
}


body table.table_feedback thead td {
  background-color: #9d9b9b;
  color: #ffffff !important;
}

body table.table_feedback thead td,
body table.table_feedback tbody td { line-height: 30px !important; }

table.table_feedback tbody tr:nth-child(2n+1) {
  background-color: #f5f5f5 !important;
}
table.table_feedback tbody tr:nth-child(2n) {
  background-color: #fff !important;
}

.preview_comment { left: -165px; top: 26px; z-index: 999; }
.preview_comment li { padding: 10px 15px; }
.preview_comment li:nth-child(2n+2) { background-color: #f5f5f5 !important; }

#campaignbody .ui-autocomplete-loading { background:url('images/searchloading.gif') no-repeat 95% center; background-size: 20px; background-color:#fff; }


/* Asad Css */

.address-display {
    float: left;
    color: black;
    min-width: 50%;
    text-align: left;
}

.inspection-list-display {
    color: black;
    text-align: left;
    float: left;
}

.prop-with-insp-container {
    overflow: auto;
    height: 500px;
}

.prop-with-insp-container {
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
}


/* REST Panel */

table.no-border.main-table tr{
    border:none;
}
/* Password popup */
.password-bar span { height:6px; width:63.33px; float:left; }
.password-bar span.password_week { background-color:#fbd3d3; }
.password-bar span.password_good { background-color:#fde8db; }
.password-bar span.password_safe { background-color:#bce4c6; }

.password-bar span.password_week.active { background-color:#ED2524 !important;  }
.password-bar span.password_good.active { background-color:#F58A49 !important;  }
.password-bar span.password_safe.active { background-color:#58BB71 !important;  }


tbody.panel { border: 1px solid #cccccc; display: inline-table; width: 100%; }
tbody.panel tr { border: 1px solid #cccccc !important; display: table-row; width: 100%; }
tbody.panel tr.panel-success{ background-color:#58bb71; }
tbody.panel tr.panel-danger{ background-color: #ed4860; }
tbody.panel tr.panel-warning{ background-color:#f58a49; }
table.table-restmonitor tbody tr td {line-height: 44.79px;}

.consoleTable tbody.panel { border: 0 none !important;}
table.consoleTable.full-table.main-table {border: 0 none !important;}
table.main-table.consoleTable thead tr {border: 0 none !important;}
.mx-475{max-width:475px}
table.main-table td:nth-child(9),table.main-table th:nth-child(9){padding:0px 0px;}   
table.main-table td:nth-child(9) .half-gap-left {    margin-left: 1px;}   
      
table.main-table td:nth-child(9) .half-gap-right {    margin-right: 1px;}
.lblSyncStageDiv {left: 124px; top: 1px; }
.ht-41 {height:41px;}
.tenantReviewIcon { float: left; width: 12px; background: white; height: 12px; border-radius: 9px;}
.tenantContainer { height: 100%; left: 0px; right:0; margin:0 auto; position: absolute; top: 0; visibility: hidden; width: 1060px !important; z-index: 99999; color: #515050; }
.tenantContainer2 { height: 100%; left: 0px; right:0; margin:0 auto; position: absolute; top: 0; visibility: hidden; width: 1060px !important; z-index: 100001; color: #515050; }
.tenantContainer2.activationPopup {width: 950px !important;}
.tenantContainer.inspectionCreationCheck {position: fixed; top: 15%;}
.tenantContainer.inspectionCreationCheck .radius10 {overflow:visible}
.handoverSideBar { height: 122px; font-size: 12px; margin: 5px 0 5px 7px; width: 174px; border-radius: 3px; padding: 9px 10px; position:relative; z-index:2}
.handoverSideBar img{ width: 73px; }
.handoverSideBar p{  }
.HandoverVideo {height:394px;}
.viewTerms {margin:30px 0 10px 0}
.termstext {padding-top:30px}
.termsHeading {padding:30px 0;}
/* Paperless terms and condition */

.paperlessTerms {height:516px; width:697px; padding:24px 16px; border-radius:12px; position:relative;}
.paperlessTerms p {padding-bottom:15px;}
.paperlessTerms ul {padding-left: 20px;}
.paperlessTerms ul li{list-style: outside;}
.paperlessTerms .ps-scrollbar-x-rail {display:none !important;}
.paperlessTerms.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {right: 8px; width: 4px; background: #ebe8e8;}
.paperlessTerms.ps-container.ps-active-x > .ps-scrollbar-x-rail,.paperlessTerms.ps-container.ps-active-y > .ps-scrollbar-y-rail {background:none !important; opacity:1}
.termsScroll {height:3000px; padding:15px }
.paperlessTerms .jspVerticalBar{background: none;right: 8px; width: 4px;}
.paperlessTerms .jspDrag {background: #ededed; }
/* Paperless terms and condition */

.smileyMainContainer { border-radius: 0 0 30px 30px; }
.smileyContainer {}
.smileyContainer p { width: 74px; height: 74px; border-radius: 50%; border: 1px solid #d8d8d8; padding: 12px; float: left; }
.smileyContainer p.active { border: 2px solid #58bb71; }
.smileyContainer p img{}
.utilitybox { width:150px; height:106px; float:left; }
.utilitybox:first-child {    margin-left: 62px;}
.subUtilityContainer .utilitybox:first-child {  margin-left: 172px;}
.dividerBar { float: left; height: 106px; background: #979797; width: 1px; margin: 0 38px; }
.utilitybox p a { width: 14px; position: relative; top: 1px; left: 2px; }
.utilitybox p a img{ width: 14px; position:relative; top: 2px; }
.notFixed { color: #ee5168; width: 60px; height: 22px; border: 1px solid #ee5168; bottom: -11px;  display: inline-block; border-radius: 3px;  left: 45px;}
.utilitybox .notFixed.signatureChange, .utilitybox .notFixed.ContactChange { color: #58bb71; border: 1px solid #58bb71; }
.notFixed.settingPage {left:0;/*left: 14px;*/ bottom: 3px; }
.addContacts, .addContactsBtn { color: #58bb71; width: 60px; height: 22px; border: 1px solid #58bb71; bottom: -11px; display: inline-block; border-radius: 3px; left: 45px;}
.requirementText { width: 510px; margin: 0 auto; height: 80px; padding: 20px 39px 0 39px; margin-bottom: 43px;}
.ht-40 {height:40px;}
.addEmergencyContact > div { width: 496px; padding: 20px 36px; color: #768790;}
.addEmergencyContact input { color: #7a7b7b; width: 204px; border: 1px solid #cecece; height: 30px; line-height: 30px; padding: 5px 10px; font-size: 12px; margin-bottom: 20px;}
.addEmergencyContact input::placeholder { color: #cbc8c8; }

.addNewDocument > div { width: 300px; padding: 20px 0; color: #768790;}
.addNewDocument input { color: #7a7b7b; width: 100%; border: 1px solid #cecece; height: 30px; line-height: 30px; padding: 5px 10px; font-size: 12px; margin-bottom: 20px;}
.addNewDocument input::placeholder { color: #cbc8c8; }
.addDocdropdown {}
.saveContact{    width: 129px; margin: 0 auto; overflow: hidden;}
.saveContact a { border-radius: 5px;}
.whiteOverlay { left:0; background: #ffffff; display: none; height: 100%; position: fixed; top: 0; width: 100%; z-index: 9999; display: none; opacity:.8 }
.whiteOverlay2 { left:0; background: #ffffff; display: none; height: 100%; position: fixed; top: 0; width: 100%; z-index: 100000; display: none; opacity:.8 }
.sidebar.paperLessHandOverIngoing {top: 136px;}
.gap-left-75 {margin-left:75px;}
.wd-143 {width:143px;}
.ht-30 {height:30px}
.closeTenantPopup { right: -15px; top: -15px; width: 48px; }

.emailForm { width: 509px; padding-top: 20px;}
.emailForm input, .emailBtnDiv input{ width: 230px; height: 29px; line-height: 29px; border: 1px solid #e9e9e9; padding: 5px 10px; font-size:12px; padding-left: 20px;}
.emailForm input.emailSend, .emailBtnDiv input.emailSend{ width: 316px; font-size:11px; margin-bottom: 15px; padding-left: 10px; }
/*.emailForm span.absolute, .emailBtnDiv span.absolute{ left: 116px; }*/

.rightBaloon {margin-right: 100px; margin-top: 110px; width: 60px;}
.leftBaloon {margin: 30px 32px 0 109px;}
.border-gray8{border:1px solid #ededed ;}
.radius-3{border-radius:3px;}
.shadow8{box-shadow:0px 2px 5px 2px #dedede}
.bg-blue9 {background-color:#00ace4;}
.bg-royalblue {background-color:#4a90e2;}
.radius-30 {border-radius:30px; }
.radius-30rightLeft {border-radius:30px 30px 0 0; }
.radius-30bottom {border-radius: 0 0 30px 30px; }
.radius-10 {border-radius: 10px; }

.bg-gray7 { background-color: #f8f8f8;}
.bg-gray8 { background-color: #D9D9D9;}
.color-white { color: #ffffff; }
.color-black { color: #000000; }
.bg-green, .bg-green1 {
    background-color: #58bb71;
}
.wd-53 {width:53px}
.pull-left {float:left}
.one-half-pad-top {margin-top:15px;}
.one-halfPad-top {padding-top:15px;}
.wd-335 {width:335px;}
.opacity3 {opacity:.3}
.wd-470 {width:470px;}
.double-gap-top { margin-top:20px;}
.double-gap-bottom {margin-bottom:20px;}
.wd-332 {width:332px;}
.wd-75 {width:75px;}
.top-5 {top:5px}
.top-3 {top:3px}
.right-15 {right:15px}
.color-green {
    color: #58bb71;
}
.color-gray5 {
    color: #58bb71;
}
.color-red {
    color: #f21714;
}
.one-half-gap-bottom {
    margin-bottom: 15px;
}
.half-pad-bottom {
    padding-bottom: 5px;
}
.d-i-b {
    display: inline-block!important;
}
.v-a-m { vertical-align: middle }

.left-20 { left: 20px; }
.top-20 { top: 20px; }
/* .searchDeletedProperties { right: 30px; top: 19px; } */
.searchDeletedProperties{bottom: 30px; right: 14%;}
.wd-282 { width:282px; }
.color-darkgray { color:#515050; }
.redCross { position: absolute; width: 14px; right: 5px; top: 8px; cursor: pointer; }
.addNewdocumentBtn { width: 251px; margin: 0 auto; color: white; background: #58bb71; display: inline-block; height: 42px; line-height: 42px; border-radius: 5px; text-align: center; }
.handoverDiv .onoffswitch-inner:after , .handoverDiv .onoffswitch-inner:before{ font-size: 11px; }
.handoverDiv .radio.radio-btn .check-label:before { background: #ffffff; font-size: 40px !important; height: 18px; left: 0; line-height: 16px !important; margin-top: 0; width: 10px; border: 1px solid #cecece; width: 18px; padding-left: 1px; margin-top:-9px; }
.handoverDiv .checkboxArea .check-label:before { background: #ffffff; font-size: 15px !important; height: 18px; left: 0; line-height: 20px !important; margin-top: 0; width: 10px; border: 1px solid #cecece; width: 18px; padding-left: 1px; margin-top:-9px; }
.handoverDiv input[type=checkbox]:checked + .check-label:before {/*background: #2a7089;*/ content: '✔';
    /*color: #2a7089;
    
    font-size: 35px;
    line-height: 15px;
    text-align: center;
    background-color:#3acfb6*/
}
.emergencyContactBox { width: 46%; height: 218px; margin: 2%; }
.emergencyContactBox.addnewContact { border: 1px dashed #cecece !important; }
.generalContact label{}
.generalContact input{border:1px solid #ededed}
.emergencyContactBox .addContactArea { color: #1ba6db; height: 100%; display: inline-block; vertical-align: middle; /*line-height: 198px;*/ text-align: center; }
.addnewContactBtn { width: 77px; position: relative; top: 31%; left: 33%; }
.emergencyContactBox img{ width:44px; top:3px;}
.one-half-padded { padding:15px; }
.seven-padded { padding:7px; }
.exportDiv ul.dropdown li a:hover { background: #2a7089 !important;}
.blue-btn { background:#1ba6db; }
.emergencyDropdown { z-index:1; background: white; font-size: 13px; line-height: 24px; width: 160px; padding: 5px 10px; border: 1px solid #cecece; left: 161px; top: 52px;}
.emergencyDropdown li{ cursor: pointer; }
.addNewDocument .emergencyDropdown {font-size: 12px; width: 100%; left: 0; top: 29px;}
.color-blue2{color:#0F9BD3;}
.addDocDropdown {}
#idShowTemplateList {max-height: 470px; overflow: auto;}
#idShowTemplateList p:first-child {width:35%; float:left}
#idShowTemplateList p:last-child {width:65%; float:left}
.hideInspectionDropdown { position: absolute; background: #515050; width: 160px; height: 28px; left: 125px; top: 16px; z-index: 1000; opacity: .05; }

#onboardingList {max-height: 470px; overflow: auto;}
#onboardingList p:first-child {width:20%; float:left}
#onboardingList p:nth-child(2) {width:70%; float:left}

.showTemplateList .popup-div {top: 18%;}
.showTemplateList .popup-div.smallScreen {top: 5%;}
.popup-container.showTemplateList { position: fixed; top: 10%; }
#emailTemplateList { 
    width: 100%;
    float: left;
    line-height: 30px;}
#emailTemplateList p{height:30px;}
#emailTemplateList > div:nth-child(2n+1) {background: #f3f2f2}
#emailTemplateList > div {border-bottom:1px solid #dcdada}

#onboardingListGrid { 
    width: 100%;
    float: left;
    line-height: 30px;padding-bottom: 10px;}
#onboardingListGrid p{height: 36px; line-height: 36px; font-size: 13px; }
    #onboardingListGrid p input {
        border: 0 none;
        outline: 0;
        color: black;
        background: transparent;
        width: 95%;
    }
#onboardingListGrid > div:nth-child(2n+1) {background: #ffffff;}
#onboardingListGrid > div {text-align: left; padding-left: 20px; position: relative; padding: 5px 20px;}
.onboardingLinks .popup-div { top: 5%;}
/*Tenancy Handover */

.inspectionDateArea { padding: 20px 96px; }
.inspectionDateArea p{ width: 96px; }
.inspectionDateArea > div { width: 127px; display: inline-block; }
.inspectionDateArea .firstDateArea {border-right: solid 1px #dedede;}
.inspectionDateArea img{width:16px;}
/* =========================================================== */




/* Email And Signature Template From James Start */

.wrapper-header {
  margin-top: 59px;
  display: flex;
  height: 42px;
  align-items: center; }

.wrapper-header__logo-container {
  height: 42px;
  margin-right: 90px; }

.wrapper-header__logo-container__logo {
  height: 100%; }

.wrapper-header__search-bar-container {
  height: 100%;
  width: 100%;
  padding: 6px 0 2px; }

.wrapper-header__search-bar-container__form {
  height: 100%;
  display: flex;
  align-items: center; }

.wrapper-header__search-bar-container__form__input {
  height: 100%;
  width: 100%;
  max-width: 330px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border: 1px #dedede solid;
  font-size: 12px;
  font-weight: 300;
  padding-left: 20px;
  color: #515050; }

.wrapper-header__search-bar-container__form__button {
  height: 100%;
  background-color: #ffffff;
  border: 1px #dedede solid;
  border-left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  cursor: pointer; }

.wrapper-header__search-bar-container__form__button__icon {
  width: 18px;
  height: 18px; }

.wrapper-header__button-container__list {
  display: flex; }
  .wrapper-header__button-container__list li {
    width: max-content; }
    .wrapper-header__button-container__list li a {
      color: #2a7089; }

.wrapper-header__button-container__list__user-name {
  font-size: 12px;
  font-weight: bold;
  border-right: 1px solid #2a7089;
  padding-right: 15px; }

.wrapper-header__button-container__list__logout {
  font-size: 12px;
  font-weight: 300;
  padding-left: 15px; }

.wrapper-navigation-container {
  margin-top: 52px; }

.wrapper-navigation__top-nav {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.wrapper-navigation__top-nav__list {
  display: flex; }

.wrapper-navigation__top-nav__list__item {
  padding: 11px 10px 11px 10px;
  background-color: #2a7089;
  display: flex;
  align-items: center; }
  .wrapper-navigation__top-nav__list__item:last-child {
    padding-right: 20px;
    background-color: #ed4860; }
    .wrapper-navigation__top-nav__list__item:last-child a {
      font-weight: bold; }
    .wrapper-navigation__top-nav__list__item:last-child:hover {
      background-color: #ed4860c7; }
  .wrapper-navigation__top-nav__list__item:nth-child(6) {
    background-color: #ffffff;
    padding-right: 20px; }
    .wrapper-navigation__top-nav__list__item:nth-child(6) a {
      color: #2a7089; }
    .wrapper-navigation__top-nav__list__item:nth-child(6):hover {
      background-color: #ffffff; }
  .wrapper-navigation__top-nav__list__item a {
    font-family: seravekregular;
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
    display: flex;
    align-items: center; }
  .wrapper-navigation__top-nav__list__item:hover {
    background-color: #6398ac; }

.wrapper-navigation__top-nav__list-right__item {
  padding: 11px 10px 11px 10px;
  background-color: #58bb71; }
  .wrapper-navigation__top-nav__list-right__item a {
    font-family: seravekregular;
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
    display: flex;
    align-items: center; }
  .wrapper-navigation__top-nav__list-right__item:hover {
    background-color: #58bb71c4; }

.wrapper-navigation__top-nav__list__item__inspection-counter {
  display: block;
  background-color: #ed4860;
  padding: 2px 5px;
  margin-left: 5px;
  width: max-content;
  border-radius: 2px;
  font-size: 12px;
  font-weight: bold;
  font-family: seravekregular;
  color: #ffffff; }

.wrapper-navigation__top-nav__list-right__item__icon,
.wrapper-navigation__top-nav__list__item__icon {
  width: 18px;
  height: 18px;
  margin-right: 5px; }

.wrapper-navigation__bottom-nav {
  background-color: #f7f7f7; }

.wrapper-navigation__bottom-nav__list {
  display: flex;
  flex-wrap: wrap; }

.wrapper-navigation__bottom-nav__list__item {
  width: 177px;
  height: 31px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed; }
  .wrapper-navigation__bottom-nav__list__item a {
    font-family: seravekregular;
    font-size: 12px;
    font-weight: normal;
    color: #2a7089; }
  .wrapper-navigation__bottom-nav__list__item:hover {
    background-color: #f7f7f7; }

.wrapper-navigation__bottom-nav__list__item.wrapper-navigation__bottom-nav__list__item_active {
  background-color: #f7f7f7; }

.content-header {
  height: 35px;
  background-color: #2a7089;
  display: flex;
  align-items: center;
  font-family: seravekregular;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  padding-left: 20px; }

.content-header__icon {
  width: 16px;
  height: 16px;
  margin-right: 10px; }

.content-container {
  padding: 23px 22px;
  background-color: #f7f7f7;
  min-height: 515px; overflow:auto }

.wrapper-container {
  width: 100%;
  max-width: 1062px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: content-box; }

.email-templates__navigation {
  display: flex;
  align-items: center; }

.email-templates__navigation__heading {
  font-family: seravekregular;
  font-size: 14px;
  font-weight: normal;
  color: #2a7089;
  margin-right: 17px; }

.email-templates__navigation__list {
  display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
}

.email-templates__navigation__list__item {
  width: 16%;
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #ededed;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  background-color: #ffffff;
  padding: 5px;
}
.email-templates__navigation__list__item.selected { background-color:#009cd7; }
.email-templates__navigation__list__item.selected a { color:white; }

  .email-templates__navigation__list__item:last-child {
    border-right: 1px solid #ededed; }
  .email-templates__navigation__list__item a {
    display: flex;
    align-items: center;
    font-family: seravekregular;
    font-size: 12px;
    font-weight: normal;
    color: #848484; }

.email-templates__navigation__list__item__icon {
  width: 15px;
  height: 15px;
  margin-right: 6px; }

.email-templates__card-container {
  display: flex;
    flex-wrap: wrap;
    align-content: start;
    justify-content: flex-start;
    width: 100%;
    gap: 10px;
    margin-top: 25px;
}

.email-templates__card {
  display: flex;
    flex-direction: column;
    width: 15%;
    /* height: 126px; */
    /* gap: 31px; */
    min-height: 150px;
    border-radius: 8px;
    border: 1px solid #ededed;
    background-color: #ffffff;
    /* margin-right: 15px; */
    /* margin-top: 25px;*/
}
.emailboxes:hover, .email-templates__card.active {border: 2px solid #009cd7 !important;  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1) !important;}
.email-templates__card.isdefault {border: 2px solid #009cd7 !important; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1) !important;}
.email-templates__card__header {
    font-family: seravekregular;
    font-size: 12px;
    color: #ffffff;
    background-color: #58bb71;
    border: 1px solid #58bb71;
    text-align: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 5px;
}

.Outgoing .email-templates__card__header {
    background-color: #ffa350;
    border: 1px solid #ffa350;
}
.email-templates__card.active .email-templates__card__header, .email-templates__card.isdefault .email-templates__card__header { background-color: #009cd7 !important; border: 1px solid #009cd7 !important; }
.emailboxes:hover .email-templates__card__header{ background-color: #009cd7 !important; border: 1px solid #009cd7 !important; }
.defaultForEmail {    left: 28px;
    top: -14px;
    background: #009cd7;
    color: white;
    width: 48px;
    border-radius: 3px;
    line-height: 14px;
}
.autoHeight {height:auto !important}
.hiddenDiv {    position: absolute;
    left: -100000px;
    opacity: 0;}
/*.email-templates__card.disabledDefault:hover .email-templates__card__header {background-color: #2a7089 !important; border: 1px solid #2a7089 !important; }
.email-templates__card.disabledDefault.Tenant:hover .email-templates__card__header {background-color: #2a7089 !important; border: 1px solid #2a7089 !important; }
.email-templates__card.disabledDefault.Landlord:hover .email-templates__card__header {background-color: #009cd7 !important; border: 1px solid #009cd7 !important; }
.email-templates__card.disabledDefault.Ingoing:hover .email-templates__card__header {background-color: #ed4860 !important; border: 1px solid #ed4860 !important; }
.email-templates__card.disabledDefault.Outgoing:hover .email-templates__card__header {background-color: #ffa350 !important; border: 1px solid #ffa350 !important; }*/

.Tenant .email-templates__card__header {
    background-color: #2a7089;
    border: 1px solid #2a7089;
}
.Landlord .email-templates__card__header {
    background-color: #009cd7;
    border: 1px solid #009cd7;
}
.Paperless.Ingoing .email-templates__card__header {
    background-color: #ed4860;
    border: 1px solid #ed4860;
}

.Landlord.Outgoing .email-templates__card__header {
    background-color: #ffa350;
    border: 1px solid #ffa350;
}

.Tenant.Outgoing .email-templates__card__header {
    background-color: #9b341c;
    border: 1px solid #9b341c;
}

.Tenant.Assisted.Routine .email-templates__card__header {
    background-color: #4a43a8;
    border: 1px solid #4a43a8;
}

.Tenant.Action.Report .email-templates__card__header {
    background-color: #ffa350;
    border: 1px solid #ffa350;
}

.email-templates__card__content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-family: seravekregular;
  font-size: 14px;
  font-weight: normal;
  color: #3a3a3a;     border: 4px solid transparent;}
  .email-templates__card__content p {
    text-align: center; }

.email-templates__card__footer {
  display: flex;
  justify-content: center;
  padding: 5px 0; }
  .email-templates__card__footer div img {
    padding: 0 6px; }
  .email-templates__card__footer div:not(:last-child) img {
    border-right: 1px solid #ededed; }
.eyepopuppreview {border-right: 1px solid #ededed;
    padding-right: 8px;
}
.email-templates__card__add-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 133px;
  height: 126px;
  border-radius: 6px;
  border: 1px dashed #ededed;
  margin-top: 25px;
  background-color: #ffffff; }

.email-templates__card__add-button__text {
  font-family: seravekregular;
  font-size: 14px;
  font-weight: normal;
  color: #3a3a3a;
  margin-top: 10px; }

.add-button__circle {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid #2a7089;
  padding: 5px; }

.add-button__circle__plus-icon {
  width: 100%; }

.email-templates__pagination-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px; }

.email-templates__pagination-container__select {
  background-color: #ffffff;
  border: 0;
  border-radius: 3px;
  font-family: seravekregular;
  font-size: 12px;
  font-weight: 300;
  color: #515050;
  margin-right: 10px;
  padding: 2px 0; }

.email-templates__pagination-container__total-count {
  font-family: seravekregular;
  font-size: 10px;
  font-weight: 300;
  color: #2a7089;
  margin-right: 15px; }

.email-templates__pagination-container__input {
  width: 37px;
  border: 0;
  margin-right: 5px;
  font-family: seravekregular;
  font-size: 12px;
  font-weight: 300;
  color: #515050;
  text-align: center;
  padding: 2px 0; }

.email-templates__pagination-container__button {
  font-family: seravekregular;
  font-size: 10px;
  font-weight: 300;
  color: #2a7089; }
  .email-templates__pagination-container__button:not(:last-child) {
    margin-right: 10px; }

.email-templates__pagination-container__total-count-page {
  font-family: seravekregular;
  font-size: 10px;
  font-weight: 300;
  color: #2a7089;
  margin-right: 10px; }

.email-templates__heading-container {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.email-templates__heading {
  font-family: seravekregular;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px; }

.email-templates__back-button {
  width: 47px;
  height: 17px; }

.email-templates__search-container {
  display: flex;
  align-items: center;
  margin-bottom: 25px; }

.email-templates__search__input {
  width: 260px;
  height: 34px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border: 1px #dedede solid;
  font-family: seravekregular;
  font-size: 12px;
  font-weight: 300;
  padding-left: 20px;
  margin-right: 15px;
  color: #515050; }

.email-templates__search__select {
  width: 140px;
  height: 34px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #dedede;
  font-family: seravekregular;
  font-size: 12px;
  font-weight: 300;
  color: #515050;
  text-align: center; }

.email-templates__select-tempaltes-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }

.email-templates__select-tempaltes__basic,
.email-templates__select-tempaltes__own {
  width: 48%; }
  .email-templates__select-tempaltes__basic h4,
  .email-templates__select-tempaltes__own h4 {
    font-family: seravekregular;
    font-size: 14px;
    font-weight: bold;
    color: #4a4a4a;
    margin-bottom: 20px;
    margin-left: 9px; }

.email-templates__select-tempaltes__basic-content,
.email-templates__select-tempaltes__own-content {
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 6px; }

.email-templates__select-tempaltes__basic-content {
  padding: 0 22px 44px 22px; }
  .email-templates__select-tempaltes__basic-content h5 {
    font-family: seravekregular;
    font-size: 14px;
    font-weight: normal;
    color: #4a4a4a;
    margin: 16px 0 0px 6px; }

.email-templates__select-tempaltes__basic-content__card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.email-templates__select-tempaltes__basic-content__card {
  width: 133px;
  margin-top: 19px; }

.email-templates__select-tempaltes__basic-content__card__header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 15px;
  background-color: #009cd7;
  font-family: seravekregular;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  border: 1px solid #009cd7;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px; }

.email-templates__select-tempaltes__basic-content__card-content {
  height: 111px;
  border: 1px solid #d7d7d7;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  overflow: hidden; }
  .email-templates__select-tempaltes__basic-content__card-content img {
    margin-top: -8px; }

.email-templates__select-tempaltes__own-content__card-container {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
  padding: 48px 40px 44px; }

.email-templates__select-tempaltes__own-content__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 195px;
  height: 162px;
  border: 1px solid #ededed;
  border-radius: 6px; }

.email-templates__select-tempaltes__own-content__card__img {
  width: 55px;
  height: 71px;
  margin-bottom: 17px; }

.email-templates__select-tempaltes__own-content__card__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 92px;
  height: 25px;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  font-family: seravekregular;
  font-size: 12px;
  font-weight: normal;
  color: #909090; }
  .email-templates__select-tempaltes__own-content__card__button:hover {
    background-color: #e3e3e3; }

.email-template__template-editor__settings__block__content, .email-template__template-editor__settings__block__content__button-block, .email-template__template-editor__settings__block__content__emergency-block, .email-template__template-editor__settings__block__content__storage-block, .email-template__template-editor__settings__block__content__color-palette-block, .email-template__template-editor__settings__block__content__add-new-element-block, .email-template__template-editor__settings__block__content__signature-block {
  background-color: #ffffff;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6; }

.email-template__template-editor-container {
  display: flex; font-family:seravekregular;
  justify-content: space-between; }

.email-template__template-editor__editor {
  width: 588px;
  height: max-content;
  /*background-color: #ffffff;*/ }

.email-template__template-editor__settings {
  width: 400px; }

.email-template__template-editor__settings__block__header {
  height: 21px;
  background-color: #009cd7;
  font-family: seravekregular;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  padding-left: 15px;
  padding-top: 3px; }
  .email-template__template-editor__settings__block__header:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }

.email-template__template-editor__settings__block__content {
  padding: 20px 20px 10px 20px;
  border-bottom: 1px solid #e6e6e6; }

.email-template__template-editor__settings__block__content__title {
  font-family: seravekregular;
  font-size: 10px;
  font-weight: normal;
  color: #009cd7;
  display: flex;
  align-items: center; }
  .email-template__template-editor__settings__block__content__title img {
    width: 18px;
    height: 13px;
    margin-right: 10px; }

.email-template__template-editor__settings__block__content__popular-block {
  margin-top: 15px; }
  .email-template__template-editor__settings__block__content__popular-block p:first-child {
    font-family: seravekregular;
    font-size: 12px;
    font-weight: normal;
    color: #9b9b9b; }

.email-template__template-editor__settings__block__content__popular-block__tabs__list {
  display: flex;
  margin-top: 10px; }

.email-template__template-editor__settings__block__content__popular-block__tabs__list-item {
  display: flex;
  align-items: center; }
  .email-template__template-editor__settings__block__content__popular-block__tabs__list-item a {
    display: flex;
    align-items: center; }
  .email-template__template-editor__settings__block__content__popular-block__tabs__list-item:not(:first-child) {
    margin-left: 10px; }
  .email-template__template-editor__settings__block__content__popular-block__tabs__list-item span {
    font-family: seravekregular;
    font-size: 10px;
    font-weight: normal;
    color: #009cd7;
    margin-left: 5px; }
  .email-template__template-editor__settings__block__content__popular-block__tabs__list-item .arrow-container {
    margin-left: 1px; }
  .email-template__template-editor__settings__block__content__popular-block__tabs__list-item .arrow2-container {
    display: none; }

.email-template__template-editor__settings__block__content__popular-block__tabs__list-item.active {
  position: relative; }
  .email-template__template-editor__settings__block__content__popular-block__tabs__list-item.active span {
    color: #58bb71; }
  .email-template__template-editor__settings__block__content__popular-block__tabs__list-item.active .arrow-container {
    transform: rotate(90deg); position:relative; right:1px;  }
    .email-template__template-editor__settings__block__content__popular-block__tabs__list-item.active .arrow-container .arrow {
      border-top: 1px solid #58bb71;
      border-right: 1px solid #58bb71; }
  .email-template__template-editor__settings__block__content__popular-block__tabs__list-item.active .arrow2-container {
    display: block;
    position: absolute;
    top: 27px; }

.email-template__template-editor__settings__block__content__button-block, .signatureAddToEmail {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 20px 15px;
  border-bottom: 1px solid #e6e6e6; }

.email-template__template-editor__settings__block__content__button-block__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 108px;
  height: 26px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-family: seravekregular;
  font-size: 10px;
  font-weight: normal;
  color: #9b9b9b;
  text-align: center; }
.email-template__template-editor__settings__block__content__button-block__button.isdefault {    border: 1px solid #009cd7;
    color: #009cd7;}

  .email-template__template-editor__settings__block__content__button-block__button:not(:nth-child(-n+3)) {
    margin-top: 15px; }
  .email-template__template-editor__settings__block__content__button-block__button:last-child:not(.add-signature-toTemplate, .signaturepagelists) {
    background-color: #9b9b9b;
    color: #ffffff; }
  .email-template__template-editor__settings__block__content__button-block__button:hover {
    background-color: #f7f7f7; }

.email-template__template-editor__settings__block__content__emergency-block {
  padding: 15px 15px 20px 15px;     overflow: hidden; }
  .email-template__template-editor__settings__block__content__emergency-block h4 {
    font-family: seravekregular;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #9b9b9b;
    margin-bottom: 16px; }

.email-template__template-editor__settings__block__content__emergency-block__tab-list {display: block; overflow: hidden;}
.email-template__template-editor__settings__block__content__emergency-block__tab-list li {    float: left; width: 25%; height: 24px;}
.email-template__template-editor__settings__block__content__emergency-block__tab-item a {
  display: flex;
  align-items: center; }

.email-template__template-editor__settings__block__content__emergency-block__tab-item span {
  font-family: seravekregular;
  font-size: 10px;
  font-weight: normal;
  color: #009cd7;
  margin-left: 7px; }

.email-template__template-editor__settings__block__content__storage-block {
  padding: 20px 15px 15px; }

.email-template__template-editor__settings__block__content__storage-block {
  display: flex;
  align-items: center;
  background-color: #ffffff; }

.email-template__template-editor__settings__block__content__storage-block__arrow {
  display: flex;
  width: 16px;
  height: 16px;
  border-left: 1px solid #3a3a3a;
  border-top: 1px solid #3a3a3a; }
  .email-template__template-editor__settings__block__content__storage-block__arrow.left {
    transform: rotate(-45deg); }
  .email-template__template-editor__settings__block__content__storage-block__arrow.right {
    transform: rotate(135deg); }

.email-template__template-editor__settings__block__content__storage-block__carousel {
  width: 100%;
  display: flex;
  justify-content: space-around; }

.email-template__template-editor__settings__block__content__storage-block__image-container {
  width: 127px;
  height: 92px; }

.email-template__template-editor__settings__block__content__storage-block__image {
  width: 100%; }

.email-template__template-editor__settings__block__content__upload-block {
  display: flex;
  align-items: center;
  padding: 20px 15px;
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  background-color: #ffffff; }

.email-template__template-editor__settings__block__content__upload-block__icon-container {
  margin-right: 33px; }

.email-template__template-editor__settings__block__content__upload-block__action-container p {
  font-family: seravekregular;
  font-size: 12px;
  font-weight: normal;
  color: #4a4a4a; }
  .email-template__template-editor__settings__block__content__upload-block__action-container p span {
    font-weight: 700; }

.email-template__template-editor__settings__block__content__upload-block__action-container input {
  display: none; }

.email-template__template-editor__settings__block__content__upload-block__action-upload-button {
  width: 88px;
  height: 24px;
  background-color: #58bb71;
  border-radius: 3px;
  font-family: seravekregular;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 7px;
  cursor: pointer; }

.email-template__template-editor__settings__block__content__color-palette-block {
  padding: 20px 15px 15px; }

.email-template__template-editor__settings__block__content__color-palette-block__nav-list {
  display: flex;
  justify-content: center;
  margin-bottom: 12px; }

.email-template__template-editor__settings__block__content__color-palette-block__nav-list__item:not(:last-child) a {
  padding-right: 9px;
  border-right: 1px solid #979797; }

.email-template__template-editor__settings__block__content__color-palette-block__nav-list__item:not(:first-child) {
  margin-left: 9px; }

.email-template__template-editor__settings__block__content__color-palette-block__nav-list__item a {
  font-family: seravekregular;
  font-size: 12px;
  font-weight: normal;
  color: #9b9b9b; }

.email-template__template-editor__settings__block__content__color-palette-block__nav-list__item.active a {
  font-family: seravekregular;
  font-size: 12px;
  font-weight: bold;
  color: #009cd7; }

.email-template__template-editor__settings__block__content__color-palette-block__color-list {
  display: flex;
  flex-wrap: wrap; }

.email-template__template-editor__settings__block__content__color-palette-block__color-list__item {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 17px;
  cursor: pointer; border: 1px solid #e8e5e5; }

.email-template__template-editor__settings__block__content__add-new-element-block {
  overflow: hidden; }
  .email-template__template-editor__settings__block__content__add-new-element-block > div {
    display: flex;
    flex-wrap: wrap;
    height: 200px;
    overflow-y: scroll;
    padding: 20px 20px;
    /* width */
    /* Track */
    /* Handle */ }
    .email-template__template-editor__settings__block__content__add-new-element-block > div::-webkit-scrollbar {
      width: 10px; }
    .email-template__template-editor__settings__block__content__add-new-element-block > div::-webkit-scrollbar-track {
      background: #f1f1f1;
      width: 10px; }
    .email-template__template-editor__settings__block__content__add-new-element-block > div::-webkit-scrollbar-thumb {
      background: black;
      border: 4px solid transparent;
      background-clip: content-box; }

.email-template__template-editor__settings__block__content__add-new-element-block__card {
  width: 102px;
  height: 79px;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  margin-bottom: 15px;
  background-color: #ffffff; }
  .email-template__template-editor__settings__block__content__add-new-element-block__card:not(:nth-child(3n+3)) {
    margin-right: 17px; }

.email-template__template-editor__settings__block__content__signature-block {
  padding: 20px 15px 15px;
  border-bottom: 1px solid #e6e6e6; }

.email-template__template-editor__settings__block__content__signature-block__signature-list {
  display: flex;
  flex-wrap: wrap; }

.email-template__template-editor__settings__block__content__signature-block__signature-list__item {
  width: 50%;
  margin-bottom: 20px; }

.button-save {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 33px;
  border-radius: 3px;
  background-color: #58bb71;
  color: #ffffff;
  font-family: seravekregular;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  letter-spacing: -0.3px; }
.button-save.emailTemplate {}
.email-template__template-editor__footer {
  background-color: #f7f7f7;
  padding-bottom: 41px;
  padding-top: 10px;
  display: flex;
  justify-content: center; }
.email-template__template-editor__footer.allColor { /*padding-bottom: 220px;*/}
.email-templates__signature-card-container { display: flex; flex-wrap: wrap; align-content: start;}

.email-templates__signature-card {
  display: flex;
  flex-direction: column;
  width: 133px;
  height: 126px;
  border-radius: 8px;
  border: 1px solid #ededed;
  background-color: #ffffff;
  margin-right: 10px;
  margin-bottom: 25px;
  letter-spacing: -0.8px; }
.email-templates__signature-card:not(.isFranchiseSignature):hover,.email-templates__signature-card:not(.isFranchiseSignature).active {border: 2px solid #009cd7;     box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);}
.email-templates__signature-card:not(.isFranchiseSignature).isdefault {border: 2px solid #009cd7; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);}
.email-templates__signature-card:not(.isFranchiseSignature).isdefault .defaultvalue.hide {display:block !important }
.email-templates__signature-card:not(.isFranchiseSignature).isdefault .defaultvalue2{display:none; }
.email-templates__signature-card:not(.isFranchiseSignature).isdefault .email-templates__card__header.email-templates__card__signature-header { background-color: #009cd7; border: 1px solid #009cd7; }
.isFranchiseSignature .forIsDefault { opacity: 0;}
#AddNewSignature {display:inline-table}
input:disabled, input.lockTenancyFields:disabled { color: rgb(84, 84, 84); cursor: default; background-color: rgb(235, 235, 228);}
.padlockMessage { color: #ffffff; position: absolute; background: black; font-size: 10px; padding: 6px; border: 1px solid #cecece; left: 0; bottom:31px; display:none; width: 194px; z-index: 10; text-align: center;font-family: "Poppins", serif;border-radius:5px; }
.lockPlaceholder { position: absolute; left: 0; bottom: 0; width: 100%; height: 29px; z-index: 100; }
input:disabled {
    color: rgb(84, 84, 84);
    cursor: default;
    background-color: rgb(235, 235, 228);
}
.email-templates__signature-card.disabledDefault.active:hover, .email-templates__signature-card.disabledDefault.isdefault:hover{ border: 2px solid #009cd7;}
.email-templates__signature-card.disabledDefault:hover, .email-templates__signature-card.isFranchiseSignature:hover{ border:1px solid #ededed;  box-shadow: none }

.email-templates__card__add-button.email-templates__signature-card__add-button {
  margin-top: 0;
  margin-bottom: 25px; }

.email-template__template-editor__editor .cke_top {
  background-color: #2a7089; }

.email-template__template-editor__editor #cke_9_text,
.email-template__template-editor__editor #cke_10_text {
  color: #ffffff;
  font-family: seravekregular; }

.email-template__template-editor__editor .cke_button__italic_icon {
  background-image: url(images/95ae9afac62bd4ac77562229419f046a.png) !important;
  background-size: 16px !important;
  background-position: 0 !important; }

.email-template__template-editor__editor .cke_button__bold_icon {
  background-image: url(images/3665966edcecf0fbe81ae028f94ce322.png) !important;
  background-size: 16px !important;
  background-position: 0 !important; }

.email-template__template-editor__editor .cke_button__underline_icon {
  background-image: url(images/3029f90a375871f23803bc3adb2cd70d.png) !important;
  background-size: 16px !important;
  background-position: 0 !important; }

.email-template__template-editor__editor .cke_button__strike_icon {
  background-image: url(images/71569bace35e6e012c112c88c91baf78.png) !important;
  background-size: 16px !important;
  background-position: 0 !important; }

.email-template__template-editor__editor span.cke_button__numberedlist_icon {
  background-image: url(images/f02d4fc4bf0ca2f3d04460083bc380eb.png) !important;
  background-size: 16px !important;
  background-position: 0 !important; }

.email-template__template-editor__editor span.cke_button__bulletedlist_icon {
  background-image: url(images/88f4c663572adcad750f7934bb6e3c40.png) !important;
  background-size: 16px !important;
  background-position: 0 !important; }

.email-template__template-editor__editor span.cke_button__outdent_icon {
  background-image: url(images/f3c250b05c57a067c4d213e2e7d735b4.png) !important;
  background-size: 16px !important;
  background-position: 0 !important; }

.email-template__template-editor__editor span.cke_button__indent_icon {
  background-image: url(images/0665abb715f0851aadd45094e98391a5.png) !important;
  background-size: 16px !important;
  background-position: 0 !important; }

.email-template__template-editor__editor span.cke_button__link_icon {
  background-image: url(images/09c37c459712441554fa9d11dd2cb25b.png) !important;
  background-size: 16px !important;
  background-position: 0 !important; }

.email-template__template-editor__editor span.cke_button__image_icon {
  background-image: url(images/9045e9bb01080bc455f1aa1d8d45f4d9.png) !important;
  background-size: 16px !important;
  background-position: 0 !important; }
.email-template__template-editor__editor span.cke_button__table_icon {
  background-image: url(images/table-grid.png) !important;
  background-size: 16px !important;
  background-position: 0 !important; }

.email-template__template-editor__editor .cke_button_off:hover {
  background-color: #6398ac;
  border: 1px solid #6398ac; }

.email-template__template-editor__editor .cke_button_off:active {
  background-color: #6398ac;
  border: 1px solid #6398ac; }

.email-template__template-editor__editor .cke_button_on {
  background-color: #6398ac;
  border: 1px solid #6398ac; }

.email-template__template-editor__editor a.cke_combo_button:hover {
  background-color: #6398ac !important;
  border: 0 !important; }

.email-template__template-editor__editor .cke_toolgroup {
  margin: 0; }

.email-template__template-editor__editor .cke_combo {
  margin-bottom: 0; }

.email-template__template-editor__editor .cke_top {
  padding: 0; }

.arrow {
  width: 6px;
  height: 6px;
  border-top: 1px solid #009cd7;
  border-right: 1px solid #009cd7;
  transform: rotate(45deg);  position: relative; right: 1px; }

.arrow2-container {
  position: relative; }

.arrow2-line {
  height: 10px;
  width: 1px;
  background-color: #58bb71;
  position: absolute;
  left: 3.5px;
  bottom: 1.5px; display: none;}

.arrow2-arrow {
  width: 8px;
  height: 8px;
  border-top: 1px solid #58bb71;
  border-right: 1px solid #58bb71;
  transform: rotate(135deg); }

.custom-checkbox__wrapper {
  display: flex;
  align-items: center;
  cursor: pointer; }

.custom-checkbox-container {
  width: 14px;
  height: 14px;
  border: 1px solid #e6e6e6;
  border-radius: 1px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center; }
  .custom-checkbox-container > .custom-checkbox-container__check-mark {
    display: none; }
  .custom-checkbox-container input {
    display: none; }

.custom-checkbox-container__text {
  font-family: seravekregular;
  font-size: 10px;
  font-weight: normal;
  color: #4a4a4a;
  margin-left: 12px; }

.custom-checkbox-container.checked {
  width: 14px;
  height: 14px;
  border: 1px solid #009cd7;
  background-color: #009cd7; }
  .custom-checkbox-container.checked > .custom-checkbox-container__check-mark {
    display: block;
    width: 7px;
    height: 5px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: rotate(125deg);
    margin-bottom: 3px; }
.emailSignature { font-family:seravekregular}
.emailSignature .cke_combo_text, .EmailBuilder .cke_combo_text {color: #fff; font-family:seravekregular}
.emailSignature .cke_combo_text, .EmailBuilder .cke_combo_text{color: #fff;}

.emailSignature .cke_button__strike,.emailSignature .cke_button__table,.emailSignature .cke_button__outdent,.emailSignature .cke_button__indent {display:none}

.EmailBuilder .cke_button__strike,.EmailBuilder .cke_button__table,.EmailBuilder .cke_button__outdent,.EmailBuilder .cke_button__indent {display:none}

.cke_contents { height: 345px !important; }
.email-template__template-editor__settings__block__content__color-palette-block {border-bottom:1px solid #e6e6e6;}
/*.emailSignature .cke_combo_arrow {border-top: 3px solid #fff;}*/
.savedSignatures .owl-dots {display:none}
.savedSignatures .owl-nav .owl-prev span{ top: 24px; left: -50px; width: 23px; overflow: hidden; }
.savedSignatures .owl-nav .owl-prev span::before {content: "\e627"; font-family:icomoon; color: #494949;}
.savedSignatures .owl-nav .owl-next span{ top: 24px; right: -50px; width: 23px; overflow: hidden;}
.savedSignatures .owl-nav .owl-next span::before {content: "\e62a"; font-family:icomoon; color: #494949;}
.savedSignatures .owl-nav span{display: inline-block; font-size: 25px; position: absolute; }
.savedSignatures {padding: 20px 60px 20px; min-height: 120px;}
.photoLoading { left: 0; right: 0; top: 0; bottom: 0; z-index:2} 
.photoLoading img{ width: 50px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 33px; }

.tableEditorLoader { left: 1px; right: 0; top: 1px; bottom: 0; z-index:2; height: 400px; } 
.tableEditorLoader img{ width: 70px; position: absolute; left: 1px; right: 0; margin: 0 auto; top: 140px; }
.wrapper-dropdown.signaturePage span i { line-height: 32px; }
.wrapper-dropdown.tAIPage span i { line-height: 32px; }
.allColorPicker { width: 399px; background: white; border: 1px solid #dedede; border-left: 0 none;}
.setColor{ right: -29px; top: 14px;}
.colorForSignatureAll.email-template__template-editor__settings__block__content__color-palette-block__color-list__item {width: 100%; height: auto; margin-right: 0; margin-left: -15px; border: 0 none }
.allColorPicker .ui-colorpicker-hex label{ display: inline-block; width: 21px; text-align: left }
.allColorPicker .ui-colorpicker-hex input{ border-radius: 2px; border: 1px solid rgb(205, 205, 204); color: #7a7b7b; line-height: 28px; overflow: hidden; }
.eCardLoading {position: absolute; left: 0; bottom: 0; top: 0; right: 0; background: white; text-align: center; padding-top: 200px; z-index: 100; }
.eCardLoading img{width: 100px;}


/* ===========================  E-Card ================================ */


/* ===========================  Cover Page ================================ */

.CoverPageContainer {}
.templateList {  width: 32%; border: 1px solid #C7C7C7; cursor:pointer; margin-bottom:70px; border-radius: 5px; min-height: 225px; }
.templateList.active, .templateList:hover { border: 1px solid #009CD7 }
.templateList:first-child {margin-left:0}
.templateList header{ line-height: 34px; padding-left: 10px; font-size: 14px; background: #C7C7C7; color: white; }
.templateList.active header, .templateList:hover header{background: #009CD7;}
/* .templateSnap { height: 180px; } */
.templateList .templateList-body .t-body-main-grid .left-col{
  width: 30%;
}

.templateList .templateList-body .t-body-main-grid .left-col .property-details{
  margin-top: 15px;
}

.templateList .templateList-body .t-body-main-grid .left-col .property-details .user{
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    margin-top: 15px;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6baba24;
    padding: 4px;
}

.templateList .templateList-body .t-body-main-grid .left-col .property-details .user p{
  font-weight: bold;
  font-size: 6px;
  text-align: center;
}

.templateList .templateList-body .t-body-main-grid .left-col .property-details .user img{
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  object-fit: cover;
}

.templateList .templateList-body .t-body-main-grid .right-image{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.templateSnap p{
  font-size: 5px;
}

.templateList .templateList-body .t-body-main-grid .right-col{
  width: 70%;
}

.templateList .templateList-body .t-body-main-grid .right-col .office-details{
  text-align: right;
}

.templateList .templateList-body .right-bottom .bordered-div1{
  position: absolute;
  width: 154px;
  height: 119px;
  bottom: 0px;
  right: 0px;
}

.templateList .templateList-body .right-bottom{
  min-height: 130px;
}

.templateList .templateList-body .right-bottom img{
  position: absolute;
  right: 0;
  bottom: 0;
}

.templateList .templateList-body .bordered-div2{
  position: absolute;
  width: 175px;
  height: 119px;
  bottom: 0;
  right: 0px;
}

.templateList .templateList-body .template3{
  display: flex;
  flex-direction: row;
  height: 162px;
}

.templateList .templateList-body .bordered-div3{
  position: absolute;
  width: 74%;
  min-height: 160px;
  right: 0px;
  padding-left: 75px;
  bottom:0;
}

.templateList .templateList-body .template3 .tmp-3-row{
  position: relative;
}

.templateList .templateList-body .template3 .tmp-3-row .bordered-div3 img.temp-img-3{
  position: absolute;
  left: -64px;
  width: 70%;
  top: 21%;
}

.templateList .templateList-body .bordered-div3 .property-details .user .user-role img{
    width: 20px;
    height: 20px;
  }

.templateList .templateList-body .bordered-div3  .property-details .user .user-role{
    width:100%;
    background-color: #EAF9F4;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
  }

  .templateList .templateList-body .bordered-div3  .property-details .user .user-role h6{
    font-size: 6px;
  }

  .templateList .templateList-body .bordered-div3 {
    min-height: 145px !important;
  }

.d-flex{
  display: flex;
}

.d-flex-row{
  flex-direction: row;
}

.d-flex-column{
  flex-direction: column;
}

.d-flex-space-between{
  justify-content: space-between;
}

.d-flex-align-center{
  align-items: center;
}

.justify-end{
  justify-content: end;
}

.cover-page-section .cover-page-section-left{
  width: 20%;
}
.cover-page-section .cover-page-section-right{
  width: 80%;
}
.color-picker-input button{
  position: absolute;
  top:0;
  right: 0;
  height: 29px;
}

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

/* ===========================  Cover Page ================================ */

.colorpickerDiv { width:100px; }
.colorpickerDiv input{ width: 20px; height: 20px; float: left; }
.colorpickerDiv label{ float: left; line-height: 20px; }
#userPhotoDiv {width:320px; height:100px; border-radius: 10px; position:relative; }
#userPhotoDiv.userPhotoDiv {border:dashed 1px #dedede; }
#userPhotoDiv img{ max-width: 158px; padding: 5px 0; max-height:78px; }
#userPhotoDiv input{ position:absolute; opacity:0; left:0; right:0; top:0; bottom:0; }
.carouselContainer, .carouselDiv, #eCardSavedPhoto {width:639px; height:300px; }
.carouselDiv .owl-wrapper-outer {overflow:hidden;}
.carouselContainer img{ width: 100%; max-height:100%; }
.textDiv { width:639px; min-height:100px; border:dashed 1px #dedede; border-radius: 8px; }
.textDiv.nonedited {  border:solid 1px white }
.textDiv textarea { padding-top: 20px; width: 95%; text-align: center; font-size: 16px; resize: none; overflow: hidden; }
.textDiv p {  }
.saveECard a{ width:251px; height:42px; line-height:42px; }
.e-CardText {height:52px; line-height:52px; text-align:center; bottom:-2px; width:100%; background-color:#0F9BD3; color:white; z-index:1; }
.sendEmailEcard {}
.sendEmailEcard input {
    line-height: 42px;
    display: inline-block;
    vertical-align: middle;
    width: 360px;
    padding: 0 10px;
}
.sendEmailEcard a {
    width: 120px;
    vertical-align: middle; margin-left: 5px
}
.hidetext{position:absolute; left:0;right:0;top:0;bottom:0;}
.cover-template{
  position: relative;
}
/* Ecard Carousel */
#carouselDiv .item img{ display: block; width: 100%; height: auto; }
#carouselDiv.carouselDiv .owl-item {border: 0 none; border-radius: 0; overflow: hidden; height: 300px; display: table; width:639px !important }
#carouselDiv.carouselDiv .owl-item img { max-width: 639px; max-height: 300px; width: auto !important; text-align: center; margin: 0 auto; }
#carouselDiv.carouselDiv .owl-item .item { display: table-cell; vertical-align: top; height: 300px; }
#carouselDiv.carouselDiv .owl-item .item.uploadNewPhoto { border: dashed 1px #dedede; border-radius: 20px 20px 0 0; color: #8d8d8d; padding-top: 100px; cursor: pointer; }
.uploadedSliderPhoto { border: dashed 1px #dedede; border-radius: 20px 20px 0 0; color: #8d8d8d; cursor: pointer; }
#carouselDiv.carouselDiv .owl-item .item.uploadNewPhoto input{ opacity: 0; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.uploadedSliderPhoto {}
.uploadedSliderPhoto span{ position: absolute; right: 0; top: 0; width: 36px; height: 39px; background: black; border-radius: 0 0 0 40px; display: inline-block; z-index: 1000; cursor:pointer; }
.uploadedSliderPhoto i{color: white; padding-top: 4px; z-index: 1;position: absolute; top: 3px; right: 7px;}
#carouselDiv.carouselDiv .owl-item .item p {  }
#carouselDiv .owl-nav{ position:absolute; top: 0; right: 0; left: 0; }
#carouselDiv .owl-nav .owl-prev{    position: absolute; left: -80px; top: 137px; background-image: url(/Content/images/eCardLeftArrow.png); background-repeat: no-repeat; width: 50px; height: 50px; text-indent: -20000px; cursor: pointer; }
#carouselDiv .owl-nav .owl-next{    position: absolute; right: -80px; top: 137px; background-image: url(/Content/images/eCardRightArrow.png); background-repeat: no-repeat; width: 50px; height: 50px; text-indent: -20000px; cursor: pointer; border:0 none; border-radius: 25px; }
#carouselDiv .owl-nav {display: block;}
.clrPickerHide {position:absolute; left:0; right:0; top:0; bottom:0;z-index:100; }

/* ===========================  E-Card ================================ */


/* ========================= NEW COVE CSS ============================== */
/* ========================= NEW COVE CSS ============================== */
/* ========================= NEW COVE CSS ============================== */

.newCoverContainer {height: 640px; margin-bottom: 20px; position:relative; display:none !important}
.addressArea {width: 100%; padding: 15px;}
.newCoverLogo { height: 80px; margin-bottom: 60px; padding-left:10px; }
.coverPhotoArea { width: 70%; overflow:hidden; height: 640px; }
.defaultPropertyPic img{position: relative; z-index: 1; margin-top: 30px; width: 100%; height: 100%; }
.defaultPropertyPic img.uploadedPropertyImage{height: 93%;border: 1px solid #f2f2f2; }
.thirdPropertyPic img.uploadedPropertyImage{border: 1px solid #f2f2f2; }
.defaultPropertyPic { overflow: hidden; height: 520px; }
.defaultPropertyPic .border{ position: absolute; width: 100%; height: 100%; left: 30px; z-index: 0; top: 5px; }
.SecondPropertyPic { overflow: hidden; height: 520px; }
.SecondPropertyPic .border{ position: absolute; width: 100%; height: 100%; left: 0px; z-index: 0; top: 5px; }
.SecondPropertyPic img.uploadedPropertyImage{position: relative; z-index: 1; margin-top: 30px; width: 96.5%; height: 93%; left: 25px; }
.addressArea .addressOfPremises {margin-bottom: 100px; padding-left:10px; }
.coverPhotoArea .addressOfPremises { height: 108px; }
.mainaddress {  padding-left:10px; }
.inpectorDetails {padding-top: 20px; text-align:center;}
.inspectorArea { width:270px;   display: flex; flex-direction: column;justify-content: center; align-items: center; padding: 20px 15px;}
.inspectorArea.notuploaded, .inspectorArea2.notuploaded { background: #F7F7F7 !important;}
.inspectorImage {float: left; width: 100px; height: 100px;margin: auto;text-align: center;border-radius: 50%;border: 1px solid #e1e0e0; display: flex !important; justify-content: center !important; align-items: center !important}
.inspectorImage img:not(.sampleimage) {width: 100px; border-radius: 50%;margin-left: auto;margin-right: auto;}
/* .inspectorImage img:not(.sampleimage) {border-radius:50%; border: 1px solid #e1e0e0;}
.inspectorImage img:not(.sampleimage) { height: 114px; width: 100%; } */
.inspectorArea.notuploaded .inspectorImage { margin-bottom: 0; border-bottom: 0; }
.inspectorArea.notuploaded .inspectorImage div {background:white}
.addressArea2 {width: 50%; padding: 20px 20px 20px 80px; height: 515px; margin-top: 125px;}
.newCoverLogo2 { height: 80px; margin-top: 20px; padding-left: 20px; margin-bottom: 20px; }
.newCoverLogo2 img, .newCoverLogo img{ max-width: 190px; max-height: 78px; }
.coverPhotoArea2 { width: 50%; overflow:hidden; height: 640px; }
.defaultPropertyPic img{position: relative; z-index: 1; margin-top: 30px; width: 100%; height: 100%; }
.defaultPropertyPic { overflow: hidden; height: 520px; }
.defaultPropertyPic .border{ position: absolute; width: 100%; height: 100%; left: 30px; z-index: 0; top: 5px; }
.thirdPropertyPic { overflow: hidden; height: 520px; }
.thirdPropertyPic .border{ position: absolute; width: 35%; height: 100%; right: 0; z-index: 0; top: 5px; }
.thirdPropertyPic img{}
.propertyImgDiv i{ right: 20px; top: 50px; background: #0082c1; width: 28px; height: 28px; line-height: 25px; text-align: center; border: 2px solid white; }

.NewCoverTwo .propertyImgDiv i { top:92px}
.NewCoverTwo .propertyImgDiv i.icon-delete { top:127px}
.propertyImgDiv i.icon-delete{ top: 83px; }

.addressArea2 .addressOfPremises {margin-top: 50px;}
.coverPhotoArea2 .addressOfPremises { height: 108px; }
.mainaddress2 {  padding-top:40px; }
.inpectorDetails2 { float: left; width: 55%; padding-top: 20px; text-align: left; padding-bottom: 15px; }
.inspectorArea2 { width:320px; }
.inspectorImage2 {min-height: 56px; float: left; width: 31%; border-right: 1px solid #CDCDCC; margin: 5% 6%; text-align: center; padding-right: 20px;}
.inspectorImage2 img.sampleimage{ margin-top: 17px; }
.uploadInspectortImageDiv i { width: 28px; border: 2px solid #ffffff; height: 28px; bottom: 0px; right: 10px; background: #0082c1; line-height: 24px; }
.inspectorImage div { border: 2px dashed #009CD7; border-radius: 50%; height:100px; }
.inspectorImage2 div { border: 2px dashed #009CD7; border-radius: 50%; height:81px; }
.inspectorImage2 img.uploadedInspectorImage { height: 78px;border-radius: 50%; width: 100%; border: 1px solid #f2f2f2; }
.defaultNewCover .uploadInspectortImageDiv i.icon-pencil { bottom: 5px;  }
.defaultNewCover .uploadInspectortImageDiv i.icon-delete { bottom: 70px;  }
.thirdPropertyPic .samplePropertyImg {background: #F7F7F7; margin-top: 78px; z-index: 1; position: relative; height: 70%; padding: 10%;}
.samplePropertyImg p{    font-size: 20px; position:relative; z-index:1}
.samplePropertyImg p a{ color: #24a9ea;}
.samplePropertyImg img{width: 97px; height: auto; }
.samplePropertyBorder { border: 2px dashed #009CD7; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; }
.samplePropertyPetsBorder {
    border: 2px dashed #009CD7;
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
}
.thirdPropertyPic img.uploadedPropertyImage { position: relative; z-index: 1; margin-top: 78px; width: 100%; height: 70%; left: 0px; }
.coverPhotoArea2 .thirdPropertyPic img.thirdPicProperty { margin-top: 78px; z-index: 1; position: relative; height: 70%; padding: 0; width: 100%; }
.SecondPropertyPic .samplePropertyImg{background: #F7F7F7; margin: 4% 0 0 4%; z-index: 1; position: relative; height: 93%; padding: 10%; width: 96%;}
.defaultPropertyPic .samplePropertyImg{background: #F7F7F7; margin: 4% 0 0 0; z-index: 1; position: relative; height: 93%; padding: 10%; width: 100%; border-bottom: 3px solid white;}

.SecondPropertyPic .SecondPicProperty { margin: 4% 0 0 4%; z-index: 1; position: relative; height: 93%; width: 96%;}
.defaultPropertyPic .defaultPicProperty { margin: 4% 0 0 0; z-index: 1; position: relative; height: 93%; width: 100%;}

.defaultPropertyPic .samplePropertyImg img{ padding-top: 5%;}
.defaultNewCover .inspectorImage img.uploadedInspectorImage { border-radius: 50%; width: 100%;}
.NewCoverTwo .inspectorImage img.uploadedInspectorImage { height: 78px; }
.keepcoverbutton { background: #3A3A3A; color: white; padding: 5px 4px 10px 7px; border-radius: 5px; position: relative; top: 1px; }
.keepMaintenanceRequestbutton { background: #3A3A3A; color: white; padding: 5px 4px 10px 7px; border-radius: 5px; position: relative; top: 1px; }
.inspectorImage .sampleimage {    margin-top: 30px;}
.inspectorArea2 .inspectorDrag { width: 54%; float: left; padding-top: 24px;}
.inspectorDrag {}
.inspectorDrag p{ font-size: 14px;}
.inspectorDrag a.fileuploaderInspector{    color: #24a9ea;}
.inspectorDrag a.saveInspector{font-size: 12px; margin: 10px 0 15px 0; width: 110px;}
.defaultNewCover .messageForCover{ position: absolute; background: #F58A49; bottom: -60px; color: white; width: 320px; font-size: 16px; padding: 10px; text-align: center; line-height: 20px; left: 0; z-index: 1; }
.NewCoverTwo .messageForCover{ position: absolute; background: #F58A49; bottom: -60px; color: white; width: 320px; font-size: 16px; padding: 10px; text-align: center; line-height: 20px; right: 0; z-index: 1; }
.propertyPhotoCrop, .userPhotoCrop { width: 1008px; box-sizing: border-box; height: 85vh; background: white; padding: 30px; z-index: 10000; box-shadow: 0px 0px 20px #acacac; top:40px; }
.userPhotoCrop{position: fixed;}
.cropperArea .croppie-container .cr-boundary{ height:calc(85vh - 89px) !important; width:620px !important}
.cropperArea .croppie-container .cr-slider-wrap { margin: 7px auto; display:none; }
.propertyPhotoCrop img{}
.PMPicturePreview { height: 202px;}
.cropperDetails {padding-left: 30px; width: 320px; padding-top: 10px;}
.cropperArea { width:625px; border: 1px solid #ebe9e9; }
.previewWindow {}
.coverPreview { width: 290px; height: 210px; border: 2px dashed #DEDEDE; overflow: hidden; padding: 2px; }
.coverUserPreview {width: 210px; height: 210px; border: 2px dashed #DEDEDE; overflow: hidden; margin-left: 39px; position: relative; border-radius: 4px;}
.replaceImage {}
.cropperActions {}
.cropperActions a{ padding: 19px 0; border-radius: 3px; font-size: 17px; text-align: center; border: 1px solid #DEDEDE; margin-top: 17px; color: #c3bebe; }
.cropperActions a:hover{ border: 1px solid #009CD7; color: #009CD7; }
.cropperActions i{    padding-right: 10px; }
.cropperActions span{ padding: 15px 0; }
.cropperActions a.replaceImage {background: #276CA1; color: white; text-align: center; margin-top: 25px; position: relative;}
.cropperActions a.replaceImage:hover {color: white;}
.replaceImage input{position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0;}
.cropSaveBtn a{width: 140px; display: inline-block; text-align: center; padding: 13px 0; border-radius: 3px; font-size: 18px; margin-top: 20px;}
.cropSaveBtn a:last-child{margin-left:6px;}
.placeholder { height: 100%; width: 100%; }
.coverUserPreview .UserPicturePreview{position: absolute; left: 18px; width: 170px; height: 170px; top: 18px;}
.text-left{text-align: left!important;}

/* ========================= NEW COVE CSS ============================== */
/* ========================= NEW COVE CSS ============================== */
/* ========================= NEW COVE CSS ============================== */



.owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
/*.owl-loaded {display:flex}*/
.owl-loaded .item{}
.owl-loaded .owl-stage {}
.owl-loaded .owl-stage .owl-item{float: left;}
.owl-loaded .owl-stage .owl-item{}
.owl-loaded .owl-stage .owl-item .arrow2-container{} 
.owl-loaded .owl-stage .owl-item img{} 
.owl-loaded .owl-stage .owl-item .active span{font-size: 10px; color: #58bb71; margin-left: 5px; } 
.owl-loaded .owl-stage .owl-item span{ padding: 0 2px 0 1px; font-size: 10px; color: #009cd7; margin-left: 5px; } 
.owl-loaded .owl-stage .owl-item .arrow2-container { display: none; }

.owl-loaded .owl-stage .owl-item .active .arrow2-container { display: block; position: absolute; top: 27px;}
.owl-loaded .owl-nav {display: none;}
.owl-loaded .owl-nav .owl-prev, .owl-carouselCategory .owl-nav .owl-next {background: 0 none; border: none; padding: 0;  }

.owl-loaded .owl-nav .owl-prev span { top: 4px; left: -21px; width: 15px; overflow: hidden; }
.owl-loaded .owl-nav .owl-next span { top: 4px; right: -21px; width: 15px; overflow: hidden;}
.owl-loaded .owl-nav span{display: inline-block; font-size: 14px; position: absolute; cursor:pointer; }
.owl-loaded .owl-nav .owl-prev span::before { content: "\e627"; font-family: icomoon; color: #494949;}
.owl-loaded .owl-nav .owl-next span::before { content: "\e62a"; font-family: icomoon; color: #494949;}
.owl-loaded .owl-dots button {    opacity: 0;}


/* ============================== SendPaperlessIngoing ====================================== */

.sendPaperlessIngoing { /*z-index:999*/}
.sendPaperlessIngoing .popup-div {height:682px; margin:0 auto}
.sendPaperlessIngoing .headings {}
.sendPaperlessIngoing .HeaderEdit {}
.sendPaperlessIngoing .HeaderAddress {}
.sendPaperlessIngoing .headerEditOwn {}
.sendPaperlessIngoing .landingScreen {}
.sendPaperlessIngoing .sendEmailScreen {}
.sendEmailScreenInner {margin: 0 auto; width: 480px; padding: 0px 0 60px 0;}
.addTenantScreenInner, .summaryScreenInner, .addDocumentScreenInner{ margin: 0 auto; width: 700px;}
.cmsFields {border: 1px solid #cecece !important; background: white; line-height: 27px; height: 29px; padding: 0 10px; color: #525252}
.cmsFields.triple-pad-left { padding-left: 30px; font-size: 14px; }
.cmsFields span {font-size: 10px; color: slategray; padding-left: 5px;}
.sendPaperlessButtons {    padding: 10px 0 15px 0;}
#sendPaperlessButtons .hide {display: none !important;}
.includedDoc {}
.includedDocList { margin-bottom:7px !important; border: 1px solid #3F8AF7; width: 144px; height: 100px; background: white; border-radius: 5px; text-align: center; float:left; margin: 0 8px; cursor:pointer }
.includedDocList .previewbar {border-top: 1px solid #009cd7; padding-top: 4px; color: #009cd7;}
.includedDocList.notincluded { border: 1px solid #848484; }
.includedDocList.notincluded .previewbar {border-top: 1px solid #848484; padding-top: 4px; color: #848484;}
.docHeader {background: #3F8AF7; color: white; line-height: 26px;}
.notincluded .docHeader {background: #848484}
.docFile{ height: 50px; display: table; width: 100%;}
.docFile span{display: table-cell; vertical-align: middle; word-break: break-word; padding: 0 3px;}
.addTenantScreen input {border: 1px solid #cecece !important; background: white; line-height: 27px; padding: 0 10px;}
.addTenantScreen input.redError {border: 1px solid red !important;}
.addTenantScroll {padding:0 110px 60px 110px; }
.sendEmailPreview {height: 370px; padding: 15px 10px; color: #464646; line-height: 17px;}
.sendEmailPreview p{    padding-bottom: 10px;}
.sendEmailPreview table, .summaryScreenInner table{ width:100% !important;     padding: 5px !important;}
.ScreenContent { height:410px}
.ScreenContent2 {height:532px}
.emailPaging { font-size:12px}
.emailPaging i{}
.emailPaging label{}
.emailPaging span{ padding: 0 1px; }
.emailTextAll { padding: 15px 15px; }
.emailTextAllContent {line-height: 18px; height: 90px; overflow: hidden;}
.emailTextAllContent.showFull { height: auto; }
.emailTextAll a.showMore, .emailTextAll a.showLess{position: absolute; bottom: 16px; width: 60px; right: 31px; background: white; padding: 1px;}
.tenancDetails {}
.tenancDetails .half{height:60px}
.summaryScreenInner .InspectionCheck{}
.summaryScreenInner .check-label {top: 24px; right: 3px;}
.summaryScreenInner input[type=checkbox]:checked + .check-label:before {color: white; background: #3F8AF7; font-size: 9px;}
.keyssheetDiv {}
.keysheetImage {}
.docInclude img {width: 21px; display: inline-block; position: relative; top: 4px; padding-right: 4px;}
.keysheetImage img{ width:100%; height:100%;display: block; }
.keysheetComments {}
.comentList {padding: 5px;    color: #525252; }
.comentList:nth-child(n+2) { background: #F7F7F7; }
.comentList p {}
.comentList span{}
.sendPaperlessCongrtulations .emailscroll2{ width: 100% !important; }
.sendPaperlessCongrtulations .listOfSendingItems{ margin-bottom: 10px; }
.sendPaperlessCongrtulations .listOfSendingItems div{ width: 240px; }
.sendPaperlessCongrtulations .listOfSendingItems div p{ width:100%   }
.sendPaperlessCongrtulations .listOfSendingItems i{ right: 8px; top: 7px; }
.sendPaperlessCongrtulations .emailscroll .jspVerticalBar, .sendPaperlessCongrtulations .emailscroll2 .jspVerticalBar {right: 0px; }
.sendPaperlessCongrtulations .emailscroll2 .jspPane .listOfSendingItems { left:0}
.sendPaperlessCongrtulations .emailscroll2 .jspPane { width: 100% !important; }
.cmsPopupScroll{}
.cmsPopupScroll, .cmsPopupScroll2 {    max-height: 410px; overflow: hidden; width: 480px !important;}
.cmsPopupScroll3, .cmsPopupScroll4 {    max-height: 532px; overflow: hidden; width: 480px !important;}
.cmsPopupScroll3 .jspPane, .cmsPopupScroll4 .jspPane{left:0px !important}
.cmsPopupScroll5 {max-height: 370px; overflow: hidden; width: 480px !important;}
.cmsPopupScroll.ps-container > .ps-scrollbar-y-rail, .cmsPopupScroll2.ps-container > .ps-scrollbar-y-rail, .cmsPopupScroll3.ps-container > .ps-scrollbar-y-rail, .cmsPopupScroll4.ps-container > .ps-scrollbar-y-rail, .cmsPopupScroll5.ps-container > .ps-scrollbar-y-rail {opacity:1; right: -113px !important; background: none !important; }
.cmsPopupScroll.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y, .cmsPopupScroll2.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,.cmsPopupScroll3.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,.cmsPopupScroll4.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,.cmsPopupScroll5.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #CECECD; width: 6px; height: 200px !important; }
.cmsPopupScroll .jspPane, .cmsPopupScroll2 .jspPane, .cmsPopupScroll3 .jspPane, .cmsPopupScroll4 .jspPane .cmsPopupScroll4 .jspPane{width:100% !important; padding: 0 0 0 0 !important;}
.cmsPopupScroll .jspVerticalBar, .cmsPopupScroll2 .jspVerticalBar, .cmsPopupScroll3 .jspVerticalBar, .cmsPopupScroll4 .jspVerticalBar, .cmsPopupScroll5 .jspVerticalBar{ right: 0px; width: 6px; background: none; z-index:100; }
.suggTitles {}
.suggTitles a {border: 1px solid #3F8AF7; font-size: 10px; padding: 2px 4px; margin-top: 4px; display: inline-block; margin-right: 4px;}
.tenantOnLeaseVersionSection, .tenantOnLeaseSection {width:100%; float:left; position: relative}
.cmsPopupScroll3 .jspContainer{min-height:532px}
.cmsPopupScroll4  .timepicker_wrap {
        top: 49px !important
}
.paperlessBasic {}
.hideRemainder {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 28px;
    z-index: 1;
}
.tenancyDropdown ul a {
    padding: 5px;
}

.tenant-request-input{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 400px;
    margin-right: 70px !important;
}
/* ============================== SendPaperlessIngoing ====================================== */
.owl-carouselCategory {
    display: flex
}
.owl-carouselCategory .item{}
.owl-carouselCategory .owl-stage {}
.owl-carouselCategory .owl-stage .owl-item{float: left;}
.owl-carouselCategory .owl-stage .owl-item{}
.owl-carouselCategory .owl-stage .owl-item .arrow2-container{} 
.owl-carouselCategory .owl-stage .owl-item img{} 
.owl-carouselCategory .owl-stage .owl-item .active span{font-size: 10px; color: #58bb71; margin-left: 5px; } 
.owl-carouselCategory .owl-stage .owl-item span{ padding: 0 2px 0 1px; font-size: 10px; color: #009cd7; margin-left: 5px; } 
.owl-carouselCategory .owl-stage .owl-item .arrow2-container { display: none; }

.owl-carouselCategory .owl-stage .owl-item .active .arrow2-container { display: block; position: absolute; top: 27px;}
.owl-carouselCategory .owl-nav {display: none;}
.owl-carouselCategory .owl-nav .owl-prev, .owl-carouselCategory .owl-nav .owl-next {background: 0 none; border: none; padding: 0;  }

.owl-carouselCategory .owl-nav .owl-prev span { top: 4px; left: -21px; width: 15px; overflow: hidden; }
.owl-carouselCategory .owl-nav .owl-next span { top: 4px; right: -21px; width: 15px; overflow: hidden;}
.owl-carouselCategory .owl-nav span{display: inline-block; font-size: 14px; position: absolute; cursor:pointer; }
.owl-carouselCategory .owl-nav .owl-prev span::before { content: "\e627"; font-family: icomoon; color: #494949;}
.owl-carouselCategory .owl-nav .owl-next span::before { content: "\e62a"; font-family: icomoon; color: #494949;}
.owl-carouselCategory .owl-dots button {    opacity: 0;}
/*#sendEmail {position: absolute; right: 160px; top: 258px; }
#doneEmail {position: absolute; right: 77px; top: 258px; }*/
.emailBtnDiv {    padding-left: 126px;}
#cke_1_bottom {display:none}
.carouselDiv .owl-item img { max-width: 127px; max-height: 75px; width: auto !important; text-align: center; margin: 0 auto; }
.carouselDiv .owl-item {border: 1px solid #ece9e9; border-radius: 8px; overflow: hidden; height: 75px; display:table}
.carouselDiv .owl-item .item {display:table-cell; vertical-align:middle; height:75px;}
.listOfTemplates h4 {font-style: normal;}
.settingTenantGuide .emergencyDropdown{left: -31px; top: 21px; width: 140px;}
.propertysettingTenantGuide .emergencyDropdown{left: -20px; top: 21px; width: 140px;}
.paddingBottom46{ padding-bottom:46px; }
.neweditor .cke_button__smiley,.neweditor .cke_button__specialchar,.neweditor #cke_64, .neweditor .cke_combo__styles, .neweditor .cke_button__textcolor, .neweditor .cke_button__bgcolor {display:none;}


/* Ecard Carousel */


/* Email And Signature Template From James End */


/* Email Template Selection Start */

.signatureTemplateContainer {width:790px}
.layoutOne, .layouttwo {width: 329px; /*height: 126px;*/ border-radius: 6px; border: solid 1px #ededed;  background-color: #ffffff;}
.layoutthree, .layoutfour {width: 198px; /*height: 266px;*/ border-radius: 6px; border: solid 1px #ededed;  background-color: #ffffff;}
.contentPlacing {}
.contentPlacing span{ height: 7px; background: #ededed; }
.selectedNextBtn { width: 224px; padding-left: 36px; padding-top: 107px; }
.layoutthree .borderActive, .layoutfour .borderActive {height: 254px;}
.borderActive {border-left:1px solid white;border-right:1px solid white;border-bottom:1px solid white; border-radius: 0 0 6px 6px;}
.signatureLayouts.active .borderActive {border-left:1px solid #009cd7;border-right:1px solid #009cd7;border-bottom:1px solid #009cd7;}
.pickNoOFLines {}
.pickNoOFLines span{width: 86px; height: 45px; border-radius: 5px; border: solid 1px #ededed; background-color: #ffffff; line-height: 45px;  margin-left: 21px; }
.pickNoOFLines span.active{border: solid 1px #009cd7;}

/* Email Template Selection Icon */



.neweditor .cke_bottom {  background: #2c76ae; }
/*Welcome screen small screen code*/


/* Resolve Console Cloud Issues Popup */

#consoleCloudContent {}
#consoleCloudContent .icon-PlusCircle.gap-top { margin-top:0px; }
#consoleCloudContent .Cancel{display:none;}
#consoleCloudContent .jq_SaveUser.half-gap-top {margin-top:0; margin-bottom:10px; }

/* IM Windraw Css Start */

.winContainer { background-image: url(/Content/images/win.jpg); background-repeat: no-repeat; background-size: 100% 100%; height:1235px; width: 100%; }
    .innerContainerWin {width:1040px; margin:0 auto; }
    .winLogo { text-align: center; }
    .winLogo img { text-align: center; width: 156px; margin: 0 auto; overflow: hidden; padding: 72px 0 56px 0; }
    .auto-margin { margin:0 auto; }
    .contentSontainer { height: 940px; }
    .content { width:700px; }
    .content p { font-family: circularbold; font-size: 41px; color: white; text-align: center; padding: 0 60px; }
    .content p.error {font-size:14px; padding-top:10px;}
    .content span { float: left; font-size: 22px; color: white; padding-top: 10px; }
    .content span:nth-child(1) { }
    .content span:nth-child(2) { padding: 30px 7px 0 7px; }
    .content span img { height:88px; }
    #submitForm { width:354px; margin:0 auto; }
    #submitForm input{ padding:0 15px; border: 0 none; text-align:center; width:352px; height:46px; line-height:46px; border-radius:23px;box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1); background-color: #ffffff; color:#727272; font-size:16px; margin-bottom:17px; }
    #submitForm a{ text-decoration:none; text-align:center; display:inline-block; width:352px; height:46px; line-height:46px; border-radius:23px;box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.1); background-color: #3a3a3a; color:#ffffff; font-size:16px; }
    .footer.winDraw {  width: 100%; height: 70px; background-size: 100%;  }
    .siteLinks {float: right; width: 600px; font-size:16px; color:white;}
    .siteLinks a{float: right; width: 140px; height: 16px; color: white; border-left: 1px solid white; line-height: 16px; text-align: center; margin-bottom: 22px; text-decoration: none;}
    .siteLinks a:last-child { border-left: 0 none; }
    .siteLinks a.companyLink:first-child {width:200px }
    .siteLinks a:first-child { width: 44px; text-align: right; }
    .socialMedia {float: left; width: 400px; margin-right: -52px; color: white; font-size: 16px; }
    .socialMedia a{float: left; width: 40px; height: 24px; margin-bottom: 15px;}
    .socialMedia img{float: left; max-width: 25px; max-height: 18px;}
    .footerArea {}
    .socialMedia a:nth-child(2) img{max-width:21px; }
    .socialMedia a:last-child{padding-left:5px }
    .wd-515 {width:515px;}

/* IM Windraw Css End */

/* ================================================================ */

.PsLoginContainer { background-color: #f7f7f7; width: 100%; padding:30px; }
.PsLoginContainerBg { background-image: url(/Content/images/PSLogin-bg.png); background-repeat: no-repeat; background-size: 100% 100%; width: 100%; background-color: white; max-width: 1200px;margin: 0 auto; min-width: 360px }
.PsLoginLogo { text-align: center; }
.PsLoginLogo img { text-align: center; width: 131px; margin: 0 auto; overflow: hidden; padding: 42px 0 14px 0; }
.PsLoginContent {max-width:1100px; margin:0 auto; }
.loginArea {padding:20px 10px 0 10px;}
.loginBox {box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.1); width: 48.5%; float: left; border-radius: 16px; background:white; }
.loginBox:last-child {margin-left: 3%}
.boxHeader {padding: 26px 42px; text-align: center;border-radius: 16px 16px 0 0; }
.boxContent { height: 295px; }
.bg-pink { background:#f93a73;}
.color-pink { background:#f93a73;}
#PsForm { max-width: 336px; margin: 0 auto; padding-top: 20px; overflow:hidden; }
#PsForm label{color:#778ca2;}
#PsForm input{height: 45px; line-height: 45px; padding: 0 15px; margin-bottom: 15px; border: 1px solid #dedede; }
#PsForm input:last-child{margin-bottom: 30px;}
.backButton {color:#ed4860; top:34px; left:24px;}
.backButton i{top:4px;}
.backButton a{}
.welcomeLogo {padding-top: 80px;}
.welcomeLogo img{max-width: 185px;}
.welcomeScreen {max-width:1200px; margin:0 auto; overflow: hidden; padding-bottom: 50px; padding-left:40px; }
.loginScreen {max-width:1100px; margin:0 auto; overflow: hidden; padding-bottom: 50px; }
.welcomeBtns {}
.welcomeBtns a{margin-left:25px;}
.welcomeBtns :first-child{margin-left:0px;}
.welcomeMobile {}

/* ================================================================ */

.damageReportFilter .check-label:before { margin-top: 0; top: 27%; font-family: 'icomoon' !important; border: 1px solid #0075FF; border-radius: 9px; }
.damageReportFilter input[type=checkbox]:checked + .check-label:before { color: #ffffff; background: #0075FF; content: "\e61a"; }

/* Restore Property */

.propertyPage ip {width: 12%;}
.propertyPage input[type=text] {width: 87%;}

/* SubscribeToIM */

.bna-promo-section {font-size: 16px; padding: 10%;}
.bna-promo-section a{text-decoration: none;}
.bna-promo-section-text{padding-right: 5%; width: 65%;}
.bna-promo-section-text img{margin-bottom: 40px;}
.bna-promo-section-text h2{font-size: 22px;}
.bna-promo-section-contacts{width: 35%;}
.bna-promo-section-contacts .content{background: white;padding: 10%;border-radius: 25px;}



/* Restore Property */


.loadPropertiesDeactivationLogs {}
.hidePropertiesDeactivationLogs {}
.loadDeactivationlogsHere{ border: 1px solid #2a7089; padding: 24px; border-bottom: 5px solid #2a7089; margin-bottom: 20px; max-height: 400px; overflow: auto; }
.loadDeactivationlogsHere table.full-table.main-table{ border: 1px solid #cecece; } 
/* Mass Inspection Creation */
#massInspectionWindow{ background:#f7f7f7 ;box-shadow: 0 3px 9px 2px rgba(8, 22, 37, 0.1); padding: 10px 10px 10px 20px;}

#massInspectionWindow .check-label:before { margin-top: -7px;  }
#massInspectionWindow .check-label {/*font-family: circularstdbook !important;*/ padding-top: 2px; }
#massInspectionWindow input[type=radio]:checked + .check-label:before {background: #2a7089; content: '';}
#CreateMassInspections {background:#f7f7f7 ;box-shadow: 0 3px 9px 2px rgba(8, 22, 37, 0.1);}
#massInspectionWindow .wrapper-dropdown .wrapper-dropdown-value a, #CreateMassInspections .wrapper-dropdown .wrapper-dropdown-value a { width: 90%; }
#TaiOptions .wrapper-dropdown .wrapper-dropdown-value a { width: 80%; }
#getPTkey a, .wrapper-dropdown .wrapper-dropdown-value.jq_restKeysForMaintainceSpan a { width: 90%; max-width: 90%; }
.propertyTypes {}
.propertyTypes a{ width:134px; color:#3a3a3a; border: solid 1px #ededed; background-color: #ffffff; text-align: center; margin-right: 16px; border-radius: 3px; }
.propertyTypes a.active{ border: solid 1px #2c76ae; background-color:#2c76ae; color:#ffffff }
.bAndAMaintaince{display:none}
.infoLinkDetails ul li { cursor: text }

/* Assets */

#assetTable.main-table tbody tr td {max-width: 130px !important;}

.drop-zone {
  border: 2px dashed #0B9BDE;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box; 
  overflow: hidden; 
  background-color: #ffffff;
}

.drop-zone p {
  margin: 0;
  padding: 0 10px; 
  box-sizing: border-box; 
  width: 100%; 
  font-weight: bold;
}

.drop-zone p span{
  color: #0B9BDE;
}

.assetImageGrid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
}

.assetImageGrid img.img-thumbnail{
  position: relative;
}

.uploadedImagesContainer{
  display: flex;
  flex-wrap: wrap;
}

.file-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.hideInputStyles{
  border: none !important;
  background-color: transparent;
  color: #848484 !important;
  font-size: 14px !important;
  padding: 0;
  -webkit-appearance: none;
}

select.hideInputStyles, textarea.hideInputStyles,  input.hideInputStyles{
  color: #848484 !important;
  font-family:"seravekregular",arial!important; 
  font-weight: 500!important;
}

.showUsefulLifetime{
  display:flex;
  flex-direction:row;
  width:100%;
}

.showUsefulLifetime input{
  width: 30%;
}

.showUsefulLifetime div{
  width:70%;
}

.viewUsefulLifetimeOnView{
  display: inline-flex;
  float: left;
}

.viewUsefulLifetimeOnView input{
  width:25%;
}

.uploaded-image-wrapper {
    display: inline-block;
    position: relative;
    margin: 5px;
}

.rotate90 {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.rotate180 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.rotate270 {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
}

.uploaded-image-wrapper img {
    width: 100px;
    height: 100px;
}

.asset-remove-image {
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer;
    color: red;
    background-color: white;
    border-radius: 50%;
    padding: 0px 8px;
    font-weight: bold;
    width: 20px;
    height: 20px;
}

.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

.popup-container.closeConfirmPopup, .closeConfirmPopup {
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    position: absolute;
    right: 16px;
    top: 17px
}
.close {
    transition: 0.3s;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    text-align: center;
    font-size: 10px !important;
    line-height: 14px !important;
    background: #000000;
    border-radius: 50%;
    padding: 3px 5px;
    z-index: 1;
    color: #fff!important;
    font-weight: 800;
}
.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.flex-inline-center-spacebetween {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.d-flex-gap-10{
  display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 10px;
}

.show-assets a.green1:hover, .show-assets a.green1.active{color:#fff !important; background: #47a447!important}
.jq_ShowAddAssetView{padding: 10px 2px; display:flex; justify-content: center;}
.asset-header-buttons i.white.bg-blue:hover, .asset-header-buttons i.blue.bg-white.active, 
.asset-header-buttons a.white.bg-blue:hover, .asset-header-buttons a.blue.bg-white.active {background: none repeat scroll 0 0 #2a7089 !important;}

.duplicate{padding: 2px 20px;background: #2a7089; border-radius: 3px;margin: 10px;}
.duplicate a{color: #fff;}
.dismissDuplicatePopup {right: -15px; top: -15px;}
.jq_ReviewDuplicates[data-tooltip] {content: attr(data-tooltip);text-align: center; width: fit-content;}

.duplicate-highlight{margin-left: -8px;padding-left: 8px;}

.confirmation-asset-selection .radio.radio-btn .check-label:before { background: #ffffff; font-size: 40px !important; height: 18px; left: 0; line-height: 16px !important; margin-top: 0; width: 10px; border: 1px solid #cecece; width: 18px; padding-left: 1px; margin-top:-9px; }
.confirmation-asset-selection .checkboxArea .check-label:before { background: #ffffff; font-size: 15px !important; height: 18px; left: 0; line-height: 20px !important; margin-top: 0; width: 10px; border: 1px solid #cecece; width: 18px; padding-left: 1px; margin-top:-9px; }
.confirmation-asset-selection .radio.radio-btn .check-label.selected:before {content: "•";color: #2a7089;font-size: 35px;line-height: 15px;text-align: center;}

/*Asset Duplicates Review*/

.duplicate-popup-container {max-width: 1200px;margin: auto;background-color: white;overflow: auto;max-height: 100vh;}
.duplicate-asset {margin: 2px;width: 35%;box-sizing: border-box;flex-grow: 1;}
.duplicate-asset.wide {width: 45%;}
.duplicate-asset-header {padding: 10px;font-weight: bold;height: 40px;display: flex;align-content: center;flex-wrap: wrap;}
.duplicate-detail-item {padding: 5px 0;display: flex;flex-direction: column;line-height: 2;text-align: left;padding:5px 20px;}
.duplicateAssetsListContainer {height: 60vh; display: flex; flex-direction: row; overflow-x: scroll;overflow-y: scroll;scrollbar-width: thin; scrollbar-color: #cecece #f7f7f7;}
.duplicate-popup-title {font-size: 16px;font-weight: bold;}
.dup-confirmation-popup { position: fixed; top: 50%; left: 50%;transform: translate(-50%, -50%);width: 600px;background-color: white;border: 1px solid #ccc;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);z-index: 1000;}
.duplicate-radio {margin: 10px 0;display: flex;align-items: center;}
.duplicate-radio input[type="radio"] {margin-right: 10px;}
.duplicate-radio label {font-size: 16px;cursor: pointer;}
.duplicate-radio input[type="radio"]:checked + label {font-weight: bold;color: #007bff;}
.dup-error-message {color: red;margin-top: 10px;}
.text-content {width: 100%; border: none;background-color: transparent;color: inherit;font-size: inherit; padding: 0; outline: none; cursor: text;}
#viewAssetImages{display:flex;flex-wrap:wrap;}

.duplicateAssetsListContainer::-webkit-scrollbar {width: 6px;}
.duplicateAssetsListContainer::-webkit-scrollbar-track {background: #f7f7f7;}
.duplicateAssetsListContainer::-webkit-scrollbar-thumb {border-radius: 4px;}
.duplicateAssetsListContainer::-webkit-scrollbar-thumb:hover {background: #b1b0b0;}
.duplicateAssetsListContainer::-webkit-scrollbar-corner {background-color: #f7f7f7;}
.duplicateAssetsListContainer::-webkit-scrollbar-button {display: none;}
.duplicateAssetsListContainer::-webkit-scrollbar-track-piece {display: none;}

.asset-details{height: 60vh; overflow-y: scroll; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #cecece #f7f7f7;}
.popupOverlay{position: fixed; background-color: #ffffffc9;}

.viewAreaPara, .viewAssetNamePara, .viewManufacturerPara, .viewModelPara, .viewBarcodePara, .viewDateOfPurchasePara, 
.viewDescriptionPara,.viewNotesPara, .viewMaintenanceCyclePara, .viewUsefulLifetimePara {white-space: normal; text-align: left;font-family: 'circularbook' !important}

.description{height: auto;}

.freeze-background {overflow: hidden;}
.areaListDetails{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

.noHoverBackground:hover{
  border-radius: 50%;
}

.plus-minus-input{
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.plus-minus-input span{
  cursor: pointer;
}
.plus-minus-input span i.minus, .plus-minus-input span i.plus{
  position: absolute;
  top: 8px;
}
.plus-minus-input span i.minus{
  left:4px;
}

.plus-minus-input span i.plus{
  right: 4px;
}

.plus-minus-input span i.minus, .plus-minus-input span i.plus{
  border-radius:4px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border-radius: 50%;
  font-size: 15px;
  font-weight: 800;
}
.plus-minus-input input{
  width: 100px;
  text-align: center;
  font-size: 26px;
  border:1px solid #ddd;
  border-radius:4px;
  display: inline-block;
  vertical-align: middle;
}

.dropdown-loading {
  display: block;
}

.modal{background:url(images/overlay-bg.png);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999;display:none}
.maximizedPhotoModal {
    background: url(images/overlay-bg.png);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

.imagemaximizeContent {
    background-color: white;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 60%;
    height: 90%;
    background: white;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

.imageWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95%;
    max-width: 100%;
    max-height: 80vh;
    height: fit-content;
/*    background: #e8e8e8;*/
    position: relative;
}

.previewImgModal{
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 393px;
  position: relative !important;
  margin: 10% auto;
  padding: 20px;
}

.previewImgModal .close{
  position: absolute;
  right: -25px;
  top: -20px;
}

.previewImgModal .previewImgModal_wapper{
  position: absolute;
}

.previewImgModal img{
  width: 100%;
  max-height: 352px;
  background-size: contain;
}

.previewImgModal .zoomOutIcon{
  position: absolute;
  right: 20px;
  bottom: 20px;
  background: #808080;
  padding: 10px 3px 3px 10px;
  border-radius: 20px 0 0 0;
  height: 49px;
}

.previewImgModal .zoomOutIcon img{
  width:30px;
  height: 30px;
}

.thumbImageView{
  height: 106px;
}

/* Assets End*/

/* Property Merge*/
/* .property-mergeBtn:hover{background-color: #00587b !important; color: #FFF !important;}
.unmergeBtn:hover{background-color: #009cd7 !important; color: #FFF !important;} */
.unmergeBtn .disable {color:#cecece ;}

.mergedTag {
    background-color: #009CD7;
    padding: 4px 5px;
    margin-left: 5px;
    color: white;
    border-radius: 5px;
}

.mergedTag-img {
    background-color: white;
    padding: 2px;
    border-radius: 10px;
    width: 15px;
    height: 15px;
    position: relative;
    top: 4px;
}
.searchable-text {
    margin-bottom: 4px;
}

.custom-popup {display: none;position: fixed; top: 50%;  left: 50%;  transform: translate(-50%, -50%); z-index: 10000;  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);  min-height: 25Svh; max-height: 90vh;   width: 720px;   overflow: hidden; }
.merge-property-popup{background: #fff !important; min-height: auto !important; max-height: 90vh; }
.custom-popup h2 {  margin-top: 0;  font-size: 1.5rem;  text-align: center;}
.custom-popup .close-button {  position: absolute;  top: 10px;  right: 10px;  cursor: pointer;}
.custom-popup .close-button svg {  width: 20px;  height: 20px;  fill: #333;}
.customContainer {display: flex;justify-content: space-around;}
.closeBtn, .cancelBtn {border: none;background-color: white;}

.contentDiv{display: flex; justify-content: space-around;}
.property-table {display: inline-block;vertical-align: top;width: 48%;border-collapse: collapse;margin-top: 10px;}
.property-table tr{border: 1px solid #ccc;}
.property-table th, .property-table td {padding: 8px; text-align: left !important; line-height: 42px;}
.property-table th {  background-color: #F7F7F7;  color: #3F8AF7; font-size: 14px; text-align: center;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 335px !important;}
.property-table td {  font-size: 12px; width: 100% !important; color: #848484 !important; overflow: hidden !important}
.property-table td:last-child {color: #000000 !important; white-space: break-spaces !important; max-width: 211px !important;min-width: 245px !important; line-height: 20px !important; }
.property-table th span[data-tooltip] {position: absolute !important; text-align: center !important;}
.property-table th span .address-text {max-width: 235px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:flow;}


.confirmationText {font-size: 14px; color: #000; font-weight: 400; line-height: 20px; display: flex;    align-content: center;flex-wrap: wrap;}

.search-property-content{padding-left:115px; height:50px; overflow-y:visible; margin-top: 40px; margin-bottom: 10px;}
.search-property-content label{color: #2a7089;}
.property-list-column { display: none; vertical-align: top; width: 70% !important;margin-left: 51px;max-height: 90px;overflow: auto;color: #848484 !important;text-overflow: ellipsis; scrollbar-width: thin; scrollbar-color: #cecece #f7f7f7;border-radius: 5px; background-color: white;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); margin-top: 5px;}
.property-list-column .dropdown-item{ cursor: pointer;padding: 0px 15px;}
.property-list-column .dropdown-item:hover{ color: white !important; background-color: #3F8AF7;}

.tabs-landlord .ui-tabs-nav .icon-close {color: red;position: relative;top: -7px;background-color: white;padding: 4px;border-radius: 15px;right: -3px;box-shadow: 0px 0px 3px 0px #999;}
button{cursor: pointer;}
#popup_container input{cursor: pointer;}

/* Property Merge*/

/*Edit Property*/
.edit-property-header .blue.bg-white.active { background: #2a7089 !important;color: #fff !important; cursor: pointer;}
.edit-property-header .blue.bg-white:hover {background: none repeat scroll 0 0 #6398ac !important;color: #ffffff !important;cursor: pointer;}
.jq_VirtualTourRow .dropdown li:hover,.jq_VirtualTourRow .dropdown li a:hover,.jq_VirtualTourRow .wrapper-dropdown .dropdown li:hover {background: #2a7089 !important;color: #fff !important; cursor: pointer;}
.viewVTPopup .dismissVTPopup img, .CancelPopup img{width: 48px !important; float: right; position: relative; bottom: 25px; left: 45px;}

.PublishVirtualTour .expiry-date .expiry-date-box,.PublishVirtualTour .expiry-time input{position: relative;display: flex;align-self: flex-start;}
.PublishVirtualTour .expiry-date,.PublishVirtualTour .expiry-time{display: flex;}
.jq_viewDeletedVTPopup .vt-details{overflow-y: scroll;overflow-x: hidden;height: 50vh;scrollbar-width: thin; scrollbar-color: #cecece #f7f7f7;}
.expiry-time .timepicker_wrap{top: 30px !important;}
.propertyScrollbar {max-height: 60vh; overflow-x: hidden;overflow-y: visible;scrollbar-width: thin; scrollbar-color: #cecece #f7f7f7;}

/*Edit Property end*/
.flex-group{
  display: flex;
}

.arealistMofied {display: flex; align-items: center; gap: 10px;}
.pb-20{
  padding-bottom: 20px;
}
.mr-15{
  margin-right: 15px;
}
#imagePreviewContainer {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.selected-image {
  border: 1px solid #ccc;
  /* padding: 5px;*/
  object-fit: cover;
  width: 85px!important;
  height: 85px!important;
}

.View-all-pet-images-div {
    background-color: #DAEDF6;
    color: #0B9BDE;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
}

.image-wrapper {
    position: relative;
    display: inline-block;
    margin: 1px;
}

.remove-image-btn {
  position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer;
    color: rgb(255, 0, 0);
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: red;
    background-color: #fff;
    border-radius: 50%;
}

.download-image-btn {
    position: absolute;
    bottom: 5px;
    right: 1px;
    cursor: pointer;
    width: 23px !important;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.download-image-btn .arrow-icon{
   position: absolute;
    top: 5px;
    right: 6px;
}

.cke_dialog{z-index:99999!important}
.cke_panel {z-index: 990001 !important}
@media screen and (max-width: 1540px) {
    .PsLoginContainerBg { /*min-height:629px;*/ }
}

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

    .theme, .loginPageBg { background-size: cover !important; }
    /*.theme, .loginPageBg { background: url(/Content/images/ChristmasTtheme1440.png) !important; background-size: 100% !important; }*/

}

@media screen and (max-width: 1369px) {
    .HandoverVideo {height:320px;}
    .viewTerms {margin:5px 0 0 0;}
    .termstext {padding-top:15px}
    .termsHeading {padding: 20px 0;}
    .paperlessTerms {height: 340px;}
}

@media screen and (max-width: 1200px) {
    .loginBox {width: 408px;}
    .loginBox:last-child {margin-left: 10px;}
    .PsLoginContent { max-width: 848px; }
}

@media screen and (max-width: 1080px) {
.welcomeBtns a{margin-left:5px;width: 125px;}
}

@media screen and (max-width: 940px) {
    .loginBox { width: 90%; margin: 0 5% 40px 5%; }
    .loginBox:last-child {margin: 0 5% 40px 5%;}
    .PsLoginContent { max-width: 100%; }
    .welcomeScreen .half{ width:100%; }
    .welcomeScreen{ padding-top:0; padding-left:0; }
    .welcomeLogo { padding-top: 40px; }
    .welcomeMobile { text-align: center; }
    .welcomeMobile img{max-width: 460px;}
    .PsLoginContainerBg {    background-size: cover;}
    .welcomeBtns a {width:100px;}
    .welcomeScreen h1 {font-size:50px!important;}
    .welcomeScreen p {font-size:22px!important;}
    #PsForm { max-width: 290px;  }
}

/* Ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
    .innerContainerWin {width: 680px; min-width:680px}
    .socialMedia { width: 173px;}
    .siteLinks { width: 500px; margin-bottom:80px; margin-top:15px}
    .winContainer { background-image: url(/Content/images/tabletWin.jpg); height: 1245px; }
    .contentSontainer {height: 940px}
    .siteLinks a {width:100px;}
    .siteLinks a:last-child {width: 140px;}
}
/* Iphone x 6+ 7+ 8+ */

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) {
    .winContainer { background-image: url(/Content/images/tabletWin.jpg) ; }
    .winContainer, .innerContainerWin { height: 1640px  }
    .contentSontainer {height: 1250px }
    .innerContainerWin {width: 480px ; min-width:480px}
    .socialMedia {width:480px ; margin-right:0 ; padding-top: 1px; text-align:center}
    .socialMedia div {width: 172px; margin: 0 auto; float: none; margin-bottom:20px; }
    .socialMedia img {float:none }
    .siteLinks {width:100% ; text-align:center; margin-top:20px; margin-right: 0 ;}
    .socialMedia a{ width: 50px ; margin-bottom:0px ; height:18px ; float:none ; display: inline-block;}
    .siteLinks a{ text-align: center ; margin-bottom:10px ; width: 100% ; border-left:0 none ;}    
    .footerArea { margin-bottom: 120px; }
    .content { width: 90% ;}
    .content span:nth-child(1), .content span:nth-child(3) {display:none}
    .content span:nth-child(2) { padding: 50px 100px 10px 100px; text-align: center; margin-bottom: 40px;}
    #submitForm input, #submitForm a { width: 271px ; }
    #submitForm { padding: 0 44px ;}
    .siteLinks a.companyLink:first-child {width:100%;}
    .siteLinks a:first-child {text-align:center;    width: 100%;} 
    .wd-515 {width: 400px;}
}

/* Iphone 6 7 8 */

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    .winContainer { background-image: url(/Content/images/tabletWin.jpg) ; }
    .winContainer, .innerContainerWin { height: 1640px  }
    .contentSontainer {height: 1250px }
    .innerContainerWin {width: 480px ; min-width:480px}
    .socialMedia {width:480px ; margin-right:0 ; padding-top: 1px; text-align:center}
    .socialMedia div {width: 172px; margin: 0 auto; float: none; margin-bottom:20px; }
    .socialMedia img {float:none }
    .siteLinks {width:100% ; text-align:center; margin-top:20px; margin-right: 0 ;}
    .socialMedia a{ width: 50px ; margin-bottom:0px ; height:18px ; float:none ; display: inline-block;}
    .siteLinks a{ text-align: center ; margin-bottom:10px ; width: 100% ; border-left:0 none ;}    
    .footerArea { margin-bottom: 120px; }
    .content { width: 90% ;}
    .content span:nth-child(1), .content span:nth-child(3) {display:none}
    .content span:nth-child(2) { padding: 50px 100px 10px 100px; text-align: center; margin-bottom: 40px;}
    #submitForm input, #submitForm a { width: 271px ; }
    #submitForm { padding: 0 44px ;}
    .siteLinks a.companyLink:first-child {width:100%;}
    .siteLinks a:first-child {text-align:center;    width: 100%;} 
    .wd-515 {width: 400px;}
}

/* Iphone 5 5+ */

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

    .winContainer { background-image: url(/Content/images/tabletWin.jpg) ; }
    .winContainer, .innerContainerWin { height: 1640px  }
    .contentSontainer {height: 1250px }
    .innerContainerWin {width: 480px ; min-width:480px}
    .socialMedia {width:480px ; margin-right:0 ; padding-top: 1px; text-align:center}
    .socialMedia div {width: 172px; margin: 0 auto; float: none; margin-bottom:20px; }
    .socialMedia img {float:none }
    .siteLinks {width:100% ; text-align:center; margin-top:20px; margin-right: 0 ;}
    .socialMedia a{ width: 50px ; margin-bottom:0px ; height:18px ; float:none ; display: inline-block;}
    .siteLinks a{ text-align: center ; margin-bottom:10px ; width: 100% ; border-left:0 none ;}    
    .footerArea { margin-bottom: 120px; }
    .content { width: 90% ;}
    .content span:nth-child(1), .content span:nth-child(3) {display:none}
    .content span:nth-child(2) { padding: 50px 100px 10px 100px; text-align: center; margin-bottom: 40px;}
    #submitForm input, #submitForm a { width: 271px ; }
    #submitForm { padding: 0 44px ;}
    .siteLinks a.companyLink:first-child {width:100%;}
    .siteLinks a:first-child {text-align:center;    width: 100%;} 
    .wd-515 {width: 400px;}
}


@media screen and (max-width: 767px){
    .winContainer { background-image: url(/Content/images/mobileWiin.jpg) ; }
    .winContainer, .innerContainerWin { height: 1640px  }
    .contentSontainer {height: 1000px }
    .innerContainerWin {width: 302px ; min-width:320px}
    .socialMedia {width:320px ; margin-right:0 ; padding-top: 1px; text-align:center}
    .socialMedia div {width: 172px; margin: 0 auto; float: none; margin-bottom:20px; }
    .socialMedia img {float:none }
    .siteLinks {width:100% ; text-align:center; margin-top:20px; margin-right: 0 ;}
    .socialMedia a{ width: 50px ; margin-bottom:0px ; height:18px ; float:none ; display: inline-block;}
    .siteLinks a{ text-align: center ; margin-bottom:10px ; width: 100% ; border-left:0 none ;}    
    .footerArea { margin-bottom: 120px; }
    .content { width: 100% ;}
    .content p {padding:0 8px;}
    .content span:nth-child(1), .content span:nth-child(3) {display:none}
    .content span:nth-child(2) { padding: 50px 50px 10px 50px; text-align: center; margin-bottom: 40px;}
    #submitForm input, #submitForm a { width: 271px ; }
    #submitForm { padding: 0 23px; width: 320px; }
    .siteLinks a.companyLink:first-child {width:100%;}
    .siteLinks a:first-child {text-align:center;    width: 100%;} 
    .wd-515 {width: 320px;}
    .pw-10 {padding: 10px; white-space: initial;}
}    

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

}

.ui-autocomplete.disclaimer-search {
    z-index: 99999 !important;
    display: block;
}

.tenancyDetailsWrap .jspContainer {

    overflow: auto !important;
    height: 295px !important;
    padding: 0px 0px 0px 110px;
}

/* .assest-modal{
  background: red!important;
} */
.popup-overlay {
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.region-hidden{
  display: none;
}
.region-dropdown{
  top: 60px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #ccc;
  position: absolute;
  background: white;
  width: 146px;
  z-index: 1000;
}
.region-dropdown li {
  padding: 5px;
  cursor: pointer;
  color: #848484;
}
.region-input-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 146px;
}

/* Arrow down icon */
.region-arrow-down {
  position: absolute;
  right: 10px;
  width: 10px;
  height: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
  cursor: pointer;
}
.region-arrow{
  position: absolute;
  right: 8px;
  font-size: 16px;
  color: #848484 !important;
}

.region-dropdown li:hover {
  background-color: #2a7089;
  color: #fff !important;
  font-family: SeravekBold;
}
.popup-overlay .popup-content{
    width: 30%;
    margin: 0 auto;
    box-shadow: 0px 0px 6px 0px #cecece;
    padding: 0;
    border-top: 0;
    background: #fff;
}

.popup-overlay .popup-content .title{
  border-bottom: 1px solid #cecece;
  color: #e74c3c !important;
  font-size: 18px;
  font-family: 'seravekbold';
  display: flex;
  padding: 0px 15px;
  align-items: center;
  justify-content: space-between;
}

.popup-overlay .popup-content .title span{
  display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.popup-overlay .popup-content .title img.warningIcon{
  height: 20px;
  width: 24px;
}

.popup-overlay .popup-content .title img.closeIcon{
  height: 12px;
  width: 12px;
  cursor: pointer;
  opacity: .6;
  text-align: center;
  font-size: 27px ;
  line-height: 14px;
}

.popup-overlay .popup-content .content{
  border-bottom: 1px solid #cecece;
  font-size: 14px;
  height: auto !important;
  padding: 20px;
  width: auto;
  color: #000;
  line-height: 22px;
}

.popup-overlay .popup-content .footer{
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: end
}

.popup-overlay .popup-content .footer .close-popup-btn{
  background-color: #e74c3c;
    color: #FFF;
    text-shadow: none;
    -webkit-transition: background .2s;
    transition: background .2s;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    border: none;
    border-radius: 4px;
}

.logs-popup-360{
  top: 0;
  height: 100%;
  left: 0;
  right: 0;
}


.dropPhotosArea, .uploadPhotoBar {
    width: 719px;
    height: 97px;
    border-radius: 12px;
    border: dashed 1px #dedede;
    background-color: #ffffff;
}


    .dropPhotosArea.noPhoto, .uploadPhotoBar.noPhoto {
        margin-bottom: 290px;
    }

.pet-image-wrapper .image-wrapper:first-child{
    margin-left: 0px!important;
}
.TenantCreate-popup .close{
  top: 15px;
  right: 10px;
}

.newPropertyContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.keyRequiredCheckWrap input[type=checkbox]:checked {
    color: white;
    background: #2a7089;
    font-size: 9px;
}
.keyLinkWrap:hover > img,
.keyLinkWrap:focus > img {
    filter: invert(21%) sepia(18%) saturate(2328%) hue-rotate(169deg) brightness(71%) contrast(97%);
}

.keyPopupWrap {
    right: -101px;
    top: 32px;
}

.keyPopupWrap .jconfirm-closeIcon img, .keyPopupWrap div {
    filter: none !important;
}

.keyRequiredCheckContainer {
    display: block;
    appearance: none;
    width: 16px;
    height: 15px;
    background-color: #ffffff;
    border: 1px solid #a3c0ce;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    outline: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.keyRequiredCheckContainer:checked{ 
    background-color: #2AC684 !important;
}

.keyRequiredCheckContainer:checked::after{ 
    font-size: 10px;
    font-weight: bold;
    line-height: 13px;
    text-align: center;
    color: white !important;
    content: "✓";
	font-family: "Material Icons", sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.report-name-dropdown .icon-downArrow::before{
  color: #000;
}
.show-more-less-btn{
  margin-left: 10px;
}
.scroll-inspections{
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.scroll-inspections::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.scroll-inspections::-webkit-scrollbar-track {
  background: #f1f1f1;  /* Light background */
  border-radius: 10px;
}

/* Handle */
.scroll-inspections::-webkit-scrollbar-thumb {
  background: #888;  /* Darker color for the thumb */
  border-radius: 10px;
}

/* Handle on hover */
.scroll-inspections::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.non-editable{
    cursor: default;
}
.included-areas .ui-sortable-handle{
  position: relative!important;
}
.ToBeIncludedDoc .docFile span{
  display: -webkit-box;
  -webkit-line-clamp: 3; 
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.ToBeIncludedDoc .docFile{
  display: flex;
  align-items: center;
  justify-content: center;
}

.disabled-area {
    opacity: 0.5;
    pointer-events: none;
}

.dropdown-container {
    width: 300px;
    margin: 0 auto;
    position: relative;
}

.dropdown-box {
    background: #f7f7f7;
    cursor: pointer;
}

.dropdown-options {
    max-height: 200px;
    overflow-y: auto;
}

    .dropdown-options.hide {
        display: none;
    }

.property-location-checkbox[disabled] + label {
    color: #ccc;
}

.dropdown-options {
    display: block;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 1000;
}

.dropdown-box {
    cursor: pointer;
    padding: 10px;
    border: 1px solid #ddd;
    background: #f9f9f9;
}

.mails-log td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mails-log tr td:nth-child(4),
.mails-log tr td:nth-child(5) {
  max-width: 200px !important;
  width: 200px !important;
}

#emailLogs td.green1 {
  color: #58bb71 !important;
}

#emailLogs td.red1 {
  color: #ed2524 !important;
}

#logsTabs .ui-tabs ul {
  display: flex;
  margin-bottom: 15px;
}

#logsTabs .ui-tabs ul li {
  border: 0 none !important;
  background: transparent !important;
  border-bottom: 2px solid #ffffff !important;
  line-height: 50px !important;
  font-weight: 600;
  padding: 0 20px;
  cursor: pointer;
}

#logsTabs .ui-tabs-active.ui-state-active {
  border-bottom-color: #3F8AF7 !important;
  color: #979797 !important;
}

#logsTabs .ui-tabs ul li a {
  display: flex;
  width: 100% !important;
  justify-content: center;
  color: #979797 !important;
  font-size: 14px;
  align-items: center;
  max-height: 45px;
}

#logsTabs .ui-tabs-active.ui-state-active a {
  color: #000 !important;
  font-size: 14px;
}
.OfficeLogoUpload .icon-pencil:before {
    color: #ffffff !important;
}
.report-preview-wrap{
  height: 920px;
}
.edit-layout-wrapper .edit-layout span{
  left:-10px !important;
}

.cloneForMergeInspection .wrapper-dropdown ul {
    max-height: 300px;
    overflow-y: auto;
}

.asteriskMark{
  color: #ee5168;
}

.location-wrapper{
  position: relative;
  z-index: 2001;
}

.location-wrapper .dropdown{
  max-height:300px; 
  overflow-y:auto;
}

@media only screen and (max-height: 768px) {
  .sendEmailPreview{
    height: 300px !important;
  }
  .sendEmailPreview .jspContainer {
    height: 300px !important;
  }

  .sendEmailScreenInner .ScreenContent2{
        height: calc(90vh - 140px);
  }
}

.h-20{
  height: 20px;
}

.ka-wrapper .keyPopupWrap {
    right: -150px;
}

#btn-send-asset-upload-request i.icon-check{
    font-size: 8px;
    position: absolute;
    right: 11;
    top: 2px;
    background-color:#58bb71 ;
    border-radius: 50%;
    color: #fff;
}

.btn-send-asset-upload-request{
  z-index: 1 !important;
}

.preview-placeholder img {
    width: 100%;
    object-fit: contain;
}

.w-192{ width: 192px;}

.top45{
  top: 45px !important;
}

.delete-office-table tbody tr{
      border-bottom: 5px solid #E5EDF9 !important;
}

.delete-office-table tbody tr td{
  padding: 10px;
}

.delete-office-table tbody tr td p {
  line-height: 20px;
   color: #000 !important;
    font-size: 10px !important;
    font-weight: 500;
    margin: 0;
}

  table.main-table tr.pending-delete-row td{
        color: #808080 !important;
        font-size: 10px !important;
    }

  .common-secondary-button {
  padding: 6px 15px;
  border-radius: 35px;
  background-color: #e6e6e6 !important;
  color: #000 !important;
  line-height: 16px !important;
  text-align: center !important;
  border: 0 none !important;
  width: auto;
  font-weight: 500;
  font-size: 12px !important;
  font-family: "Poppins", serif !important;
}

.common-secondary-button:hover {
  background-color: #e2e2e2 !important;
  color: #000 !important;
}

a.delete-Office.common-primary-button.pull-right.disabled{
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

a.icon-Ingoing.fs-16.blue8.tooltips.bold.gap-right.no-underline.disabled::before{
    color:#cecece !important;
}

.words-wrapper{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap ;
}
.rootAdminTable .office-name{
  max-width: 175px ;
}
#pending-deletion .office-name, #deleted .office-name{
  max-width: 100px ;
}

.popup-div h1{
  color:#000!important;
  font-weight: 500!important;
    font-family: "Poppins", serif !important;
}

.popup-div .border-gray-bottom{
  border-bottom: none!important;
  border-top: none!important;
      padding: 10px 20px;
      color: #000!important;
}

a.bg-green1.white.pull-right.radius2.fs-12.lh-30.pad-left.pad-right.mw-80.align-center.gap-right.popupButtons.popupOK {
    border-radius: 24px;
    font-size: 11px;
}

a.bg-green1.white.pull-right.radius2.fs-12.lh-30.pad-left.pad-right.mw-80.align-center.gap-right.popupButtons.popupOK:hover {
    background: #1fce4b !important;
}

a.gray1.pull-right.radius2.fs-12.lh-30.pad-left.pad-right.gap-right.Cancel.popupButtons{
      background-color: #D9D9D9 !important;
    border-radius: 24px !important;
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 500;
    font-family: "Poppins";
    padding: 0px 15px !important;
    margin-right: 8px !important;
}

.tList{
  overflow-y: auto !important;
  max-height: calc(100vh - 470px);
}

.h-90vh{
  max-height: 90vh !important;
  height: fit-content !important;
}

.view-list-table-scroller {
  height: calc(90vh - 225px);
  overflow-y: scroll;
}

.properties-list-scroller{
    max-height: 80vh;
    overflow-y: auto;
    display: inline-block;
    width: 100%;
}

#vtpublish-info-card{
  display: flex !important;
  align-items: flex-start !important;
}

.popup-overlay-custom{
  background:rgba(0, 0, 0, 0.4) !important;
  min-height: 100dvh;
  z-index: 99999;
  height: 100%;
  max-height: 100vh;
  top: 0;
}

.side-panel-alignment{
  margin-top:0 !important;
  position:relative;
  right:10px;
}

.dialog-box-wrapper{
    max-height: 297px;
    overflow-y: auto;
    overflow-x: hidden;
}

.disabled-mode{
  background-color: rgb(235, 235, 228);
  border: 1px solid rgb(205, 205, 204);
}

#currentRentTooltip.tooltip, #leaseStartTooltip.tooltip, #termsTooltip.tooltip, #leaseStartInvalidTooltip.tooltip, #leaseEndTooltip.tooltip {
    position: relative;
    background-color: #f9f9f9;
    border: none;
    padding: 0px;
    border-radius: none;
    z-index: 1;
    color: red;
    font-size: 10px;
}

#currentRentTooltip.show, #leaseStartTooltip.show, #termsTooltip.show, #leaseStartInvalidTooltip.show, #leaseEndTooltip.show{
  display: inline-flex !important;
}

#SendPaperlessEmailForm .jspContainer{
  height: 270px !important;
}

#SendPaperlessEmailForm .tenancDetails .half{height:65px}