*{ margin: 0; padding: 0;}
body{ background: #f5f5f5;}

/* Custom scrollbar */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #888; }
::-webkit-scrollbar-thumb:hover { background: #555; }

/* Select box arrow */
select.form-control, select.form-control:focus{
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;

    background: url(../images/arrow.gif) no-repeat right 20px center #fff !important;
    background-size: 13px auto !important;
    padding-right: 45px !important;
}
select.form-control:disabled{ background: #e9ecef !important; }
.form-control, .btn{ border-radius: 50rem; }
textarea.form-control{ border-radius: 15px; }
select.form-control[multiple] {
    border-radius: 15px;
    background: #fff;
}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #000; text-transform: uppercase; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
    color:#666 ;
    display: block;
    font-size: .6em;
}

a{ color: #333; font-weight: 500; text-decoration: none; }
a:hover{ text-decoration: none; color: #000; }
.btn-primary:active{ color: #fff !important; }
a:focus, .form-control:focus, .btn-primary:focus{ 
    outline: none !important; background: transparent !important; border-color: #000 !important; box-shadow: none !important; 
}
.btn-primary:focus{ 
    background: #000 !important;
}

.btn{ border: none; font-weight: 500; padding-left: 20px; padding-right: 20px; }
.btn-primary{ background: #333; }
.btn-primary:hover{ background: #000; }
.btn:disabled{ background: #000; border-color: #000; opacity: .3; }
button.imgHolder{ border: none; background: none; }
button.imgHolder[disabled]{ opacity: .5;}
.btn-check:focus+.btn, .btn:focus{ box-shadow: none; }

label{ font-size: 14px; }

.rounded{ border-radius: 20px !important; }
.hide{ display:none !important; }

.webView{ display: block; }
.mobView{ display: none; }

#login { height: 100vh; overflow: hidden; }
#login .container { width: 90%; max-width: 400px; }
#login .container .row{ background: #000; border-radius: 20px; }
#login img{ height: 60px;  }
.loginContent{
    background: #fff; border-radius: 20px;
}
.loginContent input{
    width: 100%;
    border-radius: 50px;
    padding: 15px;
    border: solid 1px #eee;
    margin-bottom: 20px;
}
.loginContent input[type='checkbox']{
    width: auto;
}
.loginContent button{ 
    font-weight: 500; text-transform: uppercase; color: #fff; 
}
.loginContent button.btn-light{
    color: #000;
    border: solid 2px #000;
}
.login_error{
    margin-bottom: 15px; background: red; display: inline-block !important; padding: 10px 20px; border-radius: 25px; color: #fff;
}

header{
    background: #000; color: #fff;
}
.bg-dark{ background: #000 !important; }
header img{ width: 180px; }
header .navbar-nav .nav-link{
    border: 0 !important; color: #fff !important; font-weight: normal !important;
}
header .navbar-nav .nav-link.active{ color: #fae155 !important; }
header .navbar .d-flex ul.dropdown-menu-right{
    left: auto; right: 0;
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active,
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle
{
    background: #fff3cd;
    border-color: #fff3cd;
    color: #000;
}

.contentWrapper{ min-height: calc(100vh - 200px); }

#searchContainer{ }
.searchForm .title{
    background: #000;
    color: #fff; border-radius: 20px 20px 0 0; border: solid 1px #fff; border-bottom: 0;
}
.searchForm .title h5{ color: #fff; }
.searchForm .title a, .dataForm .text-end a, #apiForm #geoFindMe{ 
    color: #fff; display: block; border: solid 1px #fff; width: 30px; height: 30px; padding: 8px; border-radius: 50%; 
    text-align: center;
}
.dataForm .text-end a, #apiForm #geoFindMe{
    width: 35px; height: 35px; float: right; background-color: #333;
}
.dataForm .text-end a i{ padding-top: 7px; }
.dataForm .text-end a i, #apiForm #geoFindMe i{ font-size: initial; }

.searchForm .form{ background: rgba(255,255,255, .7); }
.searchForm input, .searchForm select, .searchForm textarea, .searchForm input[type="file"]{
    width: 100%;
    border-radius: 20px;
    padding: 10px;
    border: 1px solid #ced4da; /*solid 1px #eee;*/
    margin-bottom: 10px;
}
.searchForm .btn{
    margin-bottom: 10px;
}
.customUpload{
    display: inline-block; background: #333; color: white; cursor: pointer;
    border-radius: 15px; padding: 17px;
}
.photoUpload img{ width: 50px; height: 50px; }
.searchForm .text-end select{ display: inline-block; line-height: 38px; border-radius: 50rem; padding-right: 40px;  }

.searchForm input[type=checkbox], .modal input[type=checkbox], #pages_list input[type=checkbox], input[type=radio]{
    width: 15px; margin-top: 17px; margin-left: 5px; margin-right: 3px; transform: scale(1.5);
}

/* suggestion List */
ul#suggestions{
	background: #fff; position: absolute; list-style: none; top: 61px; left: 12px; max-height: 225px; width: calc(100% - 24px);
    overflow-y: auto;  padding-bottom: 20px; padding: 0; border: solid 1px #ccc;
}

ul#suggestions li{
	cursor: pointer; padding: 15px;
}
ul#suggestions li:hover{
    background: #f2f2f2;
}
.progress{ height: auto; }
.progress-bar{ overflow: visible; padding: 2px 5px !important; }

.discoverSection{
    border-radius: 0 0 20px 20px;
}
.categoryList select, .tabModal select{ display: none; }
.discoverSection li:hover{ background: #fff3cd; }

.profileCard{
    text-align: center;
}
.profileCard .pic img{
    padding: 20px; background: #eee; border-radius: 50%;
}
.profileCard .inner{ 
    margin-top: -70px; padding-top:80px;
    border: solid 1px #eee; border-radius: 20px; 
}
.profileCard .info p{ display: block; }
.profileCard .links{}

.layoutToggle a{ 
    border: solid; display: inline-block; border: solid; border-radius: 10px;
}
.layoutToggle a i{ padding: 10px; }
.layoutToggle a:hover, .layoutToggle a.active{
    background: #000; color: #fff;
}

.dataContainer{
    background: #fff; border-radius: 20px; padding: 20px;
}
.ListTabData, .ListTabData .dataContainer{ padding: 0; }
.ListTabData .item .cell:last-child, .propertyList .item .analyze{ width: 120px; }


.propertyList.resultViewCard .item .analyze .analyze_portfolio span{
    display: none;
}
.propertyList.resultViewCard .item .analyze .analyze_portfolio::after{
    content: "Analyze Portfolio";
}

.dataContainer .item{
    display:table; table-layout: fixed; width: 100%;
    border-bottom: solid 1px #ccc;

}
.dataContainer .item.selected{ background: #fffeeb; }
.tableRow{ display: table-row !important;}
.cell{ display: table-cell; vertical-align: middle; padding: 10px; word-break: break-word; text-align: left; }
.dataContainer .item>div{ display: table-cell; }
.dataContainer .item:last-child, .dataContainer2 .item2:last-child{
    padding: 0; margin: 0; border: none;
}
.dataContainer .selectRow{ width: 120px; }
.dataContainer .pic{ width: 100px; position: relative; }
.dataContainer .pic .holder{
    background: #eee; border-radius: 50%; width: 80px; height: 80px; padding: 15px; text-align: center;
}
.dataContainer .pic .holder img{
    width: 100%; height: 100%;
}
.dataContainer .actions button{
    padding: 5px 15px !important;
    min-width: 130px;
}
.dataContainer .pic .holder input[type="checkbox"] {
    position: absolute;
    margin-top: -12px;
    margin-left: 16px;
    scale: calc(1.25);
}
.select_all input[type="checkbox"] {
    scale: calc(1.5);
    margin-right: 5px;
}
.homeList .actions button, .homeList .actions select{
    min-width: auto; margin-bottom: 5px; display: inline-block;
}
.homeList .cell.text-center.analyze select, .homeList .cell.text-center.analyze button{ 
    display: inline-block; width: 100% !important; margin-bottom: 10px;
}
.homeList.resultViewCard .cell.text-center.analyze select, .homeList .cell.text-center.analyze button{ 
    display: inline-block; width: auto !important; margin-bottom: 0;
}
.homeList.resultViewCard .actions .btn, .homeList.resultViewCard .analyze *{ margin-right: 5px; }
.homeList.resultViewCard .tableRow{ padding-bottom: 85px;} /*.item{70px}*/
.uniqueAPIKey{ 
    width: 100%; max-width: 200px; text-align: left;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dataContainer .links{
    width: 150px;
}
.propertyList .actions{ width: 285px; text-align: center; }
.propertyList .links{ width: auto; }

.resultViewCard{ display: flex; flex-wrap: wrap; padding-top: 60px; }
.resultViewCard .item, .resultViewCard .item:last-child{
    flex-direction: column; text-align: left; position: relative; display: inline-block !important;
    width: 31%; margin-left: 1%; margin-right: 1%; vertical-align: top;
    border: 1px solid #ccc; padding: 20px; border-radius: 20px; margin-bottom: 60px;
}
.ListTabData.resultViewCard{ padding: 0; padding-top: 30px; }
.ListTabData.resultViewCard .item{ padding-bottom: 60px; margin-bottom: 50px; position: relative; }
.ListTabData.resultViewCard .item .selectRow{ 
    position: absolute; background: #f2f2f2; width: auto; padding: 10px 20px; border-radius: 50rem; top: -25px;
}
.ListTabData.resultViewCard .cell.colInfo:nth-child(2){ border-bottom: solid 1px #ccc; }
.ListTabData.resultViewCard .cell.colInfo:nth-child(4){ border-bottom: solid 1px #ccc; }
.ListTabData.resultViewCard .item .cell:last-child, .propertyList.resultViewCard .item .analyze{ 
    border-top: solid 1px #ccc; background: #f2f2f2; width: 100%;
    border-radius: 0 0 20px 20px; position: absolute; left: 0; bottom: 0;
}
.propertyList.resultViewCard .item .analyze{
    background-color: #000!important;
}
.ListTabData .listSpace{ padding-top: 0 !important; padding-bottom: 0 !important; }
.ListTabData .listSpace ul{ margin: 0; }
.ListTabData.resultViewCard .item .cell:last-child .btn, .propertyList.resultViewCard .item .analyze .btn{
    background: none; /*border: none !important;*/
}
.ListTabData.resultViewCard .webView{ display: none; }
.ListTabData.resultViewCard .mobView{ display: block; }

.ListTabData.resultViewCard img{ border:solid 1px #888; padding: 10px; border-radius: 20px; height: 200px; }

.resultViewCard .item .tableRow, .resultViewCard .item .tableRow .cell  {
    display: block !important;
}
.resultViewCard .item .pic{ margin-top: -60px; padding: 0; }
.resultViewCard .item .name, .resultViewCard .item .address, .resultViewCard .item .colInfo{
    width: 100%;
}
.resultViewCard .item > div{
    width: 100%; padding: 5px 0;
}
.homeList.resultViewCard .item .actions{
    position: relative; text-align: center; right: auto; margin-bottom: 15px;
}
.homeList.resultViewCard .item .actions select{ 
    display: inline-block; padding: 5px 15px; font-size: .8em;
}
.resultViewCard .item .actions{
    position: absolute; top: 10px; /*right: 10px;*/ width: auto; padding: 0;
}
.usersList.resultViewCard .item .actions{
    right: 10px;
}
.resultViewCard .item .actions .btn{ font-size: .8em; padding-left: 8px !important; padding-right: 8px !important; min-width: auto; height: 32px; /*margin-top: 0px !important;*/ }
.resultViewCard .item .links{
    border-top: solid 1px #ccc; margin-top: 15px; padding-top: 15px;
}

.resultViewCard .profileAction{ 
    position: absolute; width: auto !important; top: -40px; right: 10px;
}
.propertyList.resultViewCard .actions{ font-size: .9em; }
.propertyList.resultViewCard .actions iframe, .propertyList.resultViewCard .actions img{ margin-bottom: 15px; } /*35px*/

.usersList.resultViewCard .uniqueAPIKey{
    width: 200px; max-width: 200px; font-size: .9em; float: right;
}
.usersList.resultViewCard .links{
    width: 100% !important;
}

.titleBar{
    background: #000; color: #fff; border-radius: 20px;
}
.apiBar{
    background: #000; border:solid 2px #000; color: #fff; border-radius: 20px;
}
.profileForm input, .profileForm select { 
    padding: 10px; border-radius: 20px; margin-bottom: 15px;
}
.profileForm label{ display: block; margin-bottom: 10px; }
.chip {
    display: inline-block;
    padding: 0 25px;
    height: 50px;
    font-size: 12px;
    line-height: 50px;
    border-radius: 25px;
    background-color: #f1f1f1;
}
ul.gridThree{ }
ul.gridThree li{
   float: left; width: 33%; margin-bottom: 20px; 
}
ul.propertyInfo{ list-style: none; padding: 0; }
ul.propertyInfo li{ line-height: 34px; }

/* Tabs */
.nav-tabs{ 
    border:none; position: relative;
}
.nav-tabs:before{
    content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: #eee;
    z-index: 0; 
}
.nav-tabs.noBrdr:before{ display: none; }

.nav-link{ color: #000; }
.nav-link.active{ 
    border: none; color: #DDA927 important;
    border-color: transparent; border-top: solid 5px #DDA927 !important; position: relative; z-index: 1;
}

.page-link{ color: #000; }
.page-item.active .page-link{
    background: #fff3cd; border-color: #fff3cd; color: #000;
}

.list-group a{ color: #000; }

.addUser input, .addUser select{ margin-bottom: 20px; }
.select2 input{ margin-bottom: 0px; }
.addUser input[type=date]{ line-height: 1.25; }

.modal-lg{ max-width: 900px; }

/* Tootip */
.tooltipSec {
    position: relative;
}
.tooltipSec .tooltiptext {
    display: none;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltipSec .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.tooltipSec:hover .tooltiptext {
    display: block;
}

.pLoaderContainer{
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(255, 255, 255, .97); z-index: 3;
}
.pLoaderContainer .container{
    width: 600px;
}
.tabModal .tab-content{
    height: 400px; overflow-y: auto; overflow-x: hidden; /*60vh*/
}
.tabModal .tab-content .dataContent, .dataContent{
    height: 400px; background: #f5f5f5; border: solid 1px #ccc; border-radius: 10px; padding: 20px;
    overflow: auto;
}
.carousel-item{ height: 60vh; background: RGBA(0,0,0,.9); }
.tabModal .tab-content .formArea textarea{
    height: 50vh; 
}
.scoring_list, *[data-id="phones"]{ height: 75px; overflow-y: auto; margin-bottom: 0; padding-left: 18px; }

.fa-copy.copyToClipboard{
	position: absolute; right: 0px; padding: 10px;
}
.copyToClipboard:hover, .shaking_btn:hover{
	animation: tilt-shaking 0.5s linear infinite;
}
.shake_now{
    animation: shake 3s linear infinite;
}
.shake_once{
    animation: tilt-shaking 0.25s linear alternate forwards;
}
.stickyInfo{ position: fixed; bottom: 10px; left: auto; right: 60px; z-index: 3; display: none; }
.stickyInfo .btn{ width: 50px; height: 50px; }

/* Stepper */
.stepper-container {
    width: 600px;
    margin: 100px auto;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.stepper li span{
    color: #ccc;
    font-size: 14px;
}
.stepper li.done span{
    color: #000;
}
.stepper li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: 18px;
    position: relative;
    text-align: center;
    color: white;
}
.stepper li:before {
    width: 30px;
    height: 30px;
    content: "";
    line-height: 30px;
    border: 2px solid #ccc;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: white;
}
.stepper li.done:before {
    content: "✔";
    color: #000;
}
.stepper li:after {
    width: 100%;
    transition: width 2s ease;
    height: 5px;
    content: '';
    position: absolute;
    background-color: #ccc;
    top: 15px;
    left: -50%;
    z-index: -1;
}
.stepper li:first-child:after {
    content: none;
}
.stepper li.active {
    color: #FAE155;
}
.stepper li.active::before {
    animation: 1.5s linear infinite spinner;
    animation-play-state: inherit;
    border: solid 5px #FAE155;
    border-bottom-color: #ccc;
    background-color: white;
    border-radius: 50%;
    content: "";
    height: 24px;
    width: 24px;
    position: relative;
    top: 15px;
    left: 10%;
    transform: translate3d(-50%, -50%, 0);
    will-change: transform;
}
.stepper li.done:before {
    border-color: #FAE155;
    background-color: #FAE155;
}
.stepper li.done + li:after {
    background-color: #FAE155;
}
.stepper li.inactive:before {
    border-color: #ccc;
    background-color: #ccc;
}
.stepper li.inactive + li:after {
    background-color: #ccc;
}

.dataForm{ }
.dataForm img{ height: 35px; }
.input-group-text{ border-radius: 50rem; width: auto; }
.input-group-text select{ 
    padding: 0; padding-right: 18px; border: none; background-position: right center; width: 135px;
}

.select2-container--default .select2-selection--multiple{ 
    border-radius: 50rem !important; padding-left: 10px !important; border: 1px solid #ced4da !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background: #f2f2f2 !important;
}

/* Tree */
.treeUL { list-style-type: none; margin: 0; padding: 0; }
.treeUL ul{ list-style: none; }
.treeUL li{
    line-height: 40px; background: rgba(0,0,0,.05); padding: 5px 10px; border-bottom: solid 1px #fff;
}
.caret {
    cursor: pointer;
    -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
}
.caret::before {
    content: ">"; display: inline-block; margin-right: 10px; width: 30px; height: 30px; line-height: 26px;
    text-align: center; background: #000; border-radius: 10px; color: #fff;
}
.caret-down::before {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);  
}
.treeUL .nested { display: none; }
.treeUL .nested li{ background: rgba(0,0,0,.02); }
.treeUL .active { display: block; }

/* Header scrollable tabs */
#headerTabs{}
#headerTabs ul{ flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto; }
#headerTabs ul li{ white-space: nowrap; }
.mobTabHolder select { display: none; }

.dataForm.formContainer{ }
.dataForm.formContainer > div{ margin-bottom: 15px; position: relative; }
.dataForm.formContainer #suggestions{
    z-index: 1; top: 36px;
}
.address_fields #suggestions{
    top: 60px !important;
}
.list-group-item.active{ background: #fff3cd; border-color: #fff3cd; }
.select2-results__option.select2-results__option--selectable.select2-results__option--highlighted{
    background: #fff3cd !important; color: #000 !important;
}

pre{
    word-wrap: break-word;
    white-space: pre-wrap;/*pre-line;*/
}

*[data-id="proof_images"] img, *[data-id="property_images"] img{
    margin-left:auto; margin-right:auto; display:block;
}

.pic i{
    font-size: 50px;
}

.dataContainer2{
	overflow-x: hidden; overflow-y: auto; height: calc(100vh - 275px);
}
.dataContainer2 .item2{
	border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 30px;
}
.dataContainer2 .item2 img{
	width: 100%; border: 1px solid #ccc; border-radius: 5px;
}

#editpopup .modal-body, #viewLogModal .modal-body{
    max-height: calc(100vh - 250px); overflow-x: auto;
}

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

input[type=checkbox], input[type=radio], input[type=checkbox] + label, input[type=radio] + label, .is_checkbox, .fa-edit, .fa-trash, .fa-copy, .fa-download, .fa-cloud-download, .fa-upload, .fa-send, .fa-share-square-o, .fa-refresh{
    cursor: pointer;
}

.searchForm2 .form-control{
    padding: .375rem .75rem;
}
.searchForm2 .input-group-text{
    height: 38px;
}
.searchForm2 .input-group-text select{
    margin-top: 10px;
}
.searchForm2 .select2-selection, #editform .select2-selection{
    min-height: 38px;
    margin-bottom: .6rem!important; /*1rem!important;*/
}
.searchForm2 input[type=time], .searchForm2 input[type=date], #editpopup input[type=time], #editpopup input[type=date]{
    line-height: 1.15;
}
#editpopup .btn, #SkipTracePortalSortList .btn{
    min-width: 100px;
}

.addUser .select2-container{
    margin-bottom: 20px!important;
}

.mailStatus{
    font-size: 18px; border: 1px solid #ccc; margin-bottom: 10px; border-radius: 50px; padding: 5px;
}
.mailStatusFrame{
    width: 100%; height: calc(100vh - 200px); border-radius: 10px;
}

.dataForm.formContainer label{
    width: 100%;
    padding-left: 13px;
}

.dataContainer.propertyList .actions{
    position: relative;
}

.highlight_title h5{
    border-bottom: 1px solid #ced4da; margin-bottom: 10px; font-weight: bold;
}

.homeList .item .actions select, .homeList .item .analyze select{
    height: 32px; line-height: 1; margin-top: 5px;
}

.modal-open .select2-dropdown {
    z-index: 10060;
}
    
.modal-open .select2-close-mask {
    z-index: 10055;
}

.copyHolder{
    position: relative;
}
.copyHolder .copyToClipboard{
    right: 15px;
}

/*-------Dashboard style starts from here-------*/
.info-box {
	box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
	border-radius: .50rem;
	background-color: #fff;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1rem;
	min-height: 50px;
	padding: .3rem;
	position: relative;
	width: 100%;
	color: #3a3b45;
	border: 2px solid rgba(0, 0, 0, 0.03);
}

.info-box:hover{
	color: #2e2f37;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.03);
	border: 2px solid rgba(0, 0, 0, 0.09);
}

.info-box-icon {
	border-radius: 100%; /*.25rem;*/
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.5rem;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	min-width: 65px;
	min-height: 65px;
    color: #fff;
}

.info-box .info-box-content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1.4;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 0 10px;
	width: calc(100% - 90px); /*45px*/
}

.info-box a{
	text-decoration: none !important;
	color: inherit;
}

.info-box .menu-details, .info-box .progress-description {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.info-box .menu-name {
	display: block;
	margin-top: 0rem; /*.25rem;*/
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#SkipTracePortalSortList .info-box .info-box-content{
	width: calc(100% - 90px);
}
  
#SkipTracePortalSortList .info-box .fa-edit, #collapseCard0 .info-box .fa-edit, #collapseCard0 .fa-plus-square, #collapseCard0 .fa-sort{
	font-size: 40px;
	cursor: pointer;
}
  
#SkipTracePortalSortList .menu-status, #SkipTracePortalSortList .order_id, #SkipTracePortalSortList .page-link, #menu_list_for_dashboard .page-link{
	display: none;
}
  
#SkipTracePortalSortList .icon:hover{
	cursor: grab;
}
  
#SkipTracePortalSortList .list-group{
	flex-direction: row;
}
  
#SkipTracePortalSortList .list-group-item{
	border-radius: .50rem;
	margin-bottom: 1rem;
}
  
#collapseCard0 .info-box .menu-name{
	font-size: 18px; /*25px;*/
}
  
.disabled{
	pointer-events: none;
	opacity: 0.4;
}

.fontawesome-page-header{
	padding-bottom: 5px;
	margin: 5px 0px 0px;
	border-bottom: 1px solid #eee;
}

.fontawesome-icon-list {
	margin-top: 5px;
}

.fontawesome-icon-list .fa-hover:hover{
	cursor: pointer;
}

.fontawesome-icon-list .fa-hover .icon-contents{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	color: #222;
	line-height: 32px;
	height: 32px;
	padding-left: 10px;
	border-radius: 4px;
}

.fontawesome-icon-list .fa-hover .icon-contents:hover {
	background-color: #2e59d9; /*#1d9d74;*/
	color: #fff;
	text-decoration: none;
}

.fontawesome-icon-list .fa-hover .icon-contents i {
	width: 32px;
	font-size: 14px;
	display: inline-block;
	text-align: right;
	margin-right: 10px;
}

.fontawesome-icon-list .fa-hover .icon-contents:hover i{
	font-size: 28px;
	vertical-align: -6px;
}

.has-left-icon, .has-left-icon2{
	padding-left: 30px;
}

.has-left-icon + i, .has-left-icon2 + i{
	position: absolute; margin-top: -26px; margin-left: 10px;
}

.has-left-icon2 + i{ margin-top: -47px; }

.left-icon{
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
}
/*-------Dashbord style ended here-------*/

#success-alert, #danger-alert{ position: fixed; top: 0px; right: 0px; z-index: 999; display: none; }
#success-alert strong, #danger-alert strong{ margin-right: 5px; }
#success-alert .msg, #danger-alert .msg{ float: right; }

.fa-mobile, .fa-envelope, .fa-clipboard, .fa-eye, .fa-eye-slash{ cursor: pointer; }

.w-10{ width:10% !important; }
.w-20{ width:20% !important; }
.w-30{ width:30% !important; }
.w-40{ width:40% !important; }
.w-60{ width:60% !important; }
.w-70{ width:70% !important; }
.w-80{ width:80% !important; }
.w-90{ width:90% !important; }

.folderLayout #folder_id_ul{
    margin-left: 8px;
}
.folderLayout #folder_id_ul li{
    border: 0;
    background: none;
}
.folderLayout #folder_id_ul li.list-group-item-warning{
    background: #fff; border: solid 1px #ccc; border-right: 0;
}
.folderLayout #folder_id_ul li a{
    font-weight: normal;
}
.folderLayout #folder_id_ul li.list-group-item-warning a{
    font-weight: 500;
}

.folderLayout{ }
.folderLayout .cell.pic{ width: 30px; padding: 0 !important; }
.folderLayout .item.active { background: #FFF9DA; }
.folderLayout .cell span.icon, .cntScroll span.icon{ width: 25px; text-align: center; }
.folderLayout .cell .info{
    width: calc(100% - 25px) !important;
    /*font-size: .9em;*/
}
/*.folderLayout .cell.name .info a{ margin: 0 2px; }*/
.folderLayout .cell .info .ellipsis{
    width: auto;
    max-width: calc(100% - 67px);/*205px;*/
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.folderLayout .cell .info .ellipsis.ltype{
    max-width: 255px;
}
.folderLayout.resultViewCard .cell [data-id="phone"] .ellipsis{
    max-width: 100%;
}
.folderLayout .cell .info .count, .folderLayout .cell .info span.copy, .folderLayout .cell .info .select_template{
    margin-left: 1px !important;
}
.folderLayout .cell .info .count{
    max-width: 45px !important;
}
.cell .info span.copy{
    max-width: 25px !important;
}
.folderLayout .cell.name .info i, span.copy i{
    background: #f2f2f2;
    font-size: .7em;
    padding: 4px;
    border-radius: 50rem;
    border: solid 1px #ccc;
}

.folderLayout.resultViewCard .cell{
    padding-left: 30px;
}
.folderLayout.resultViewCard .cell.pic{
    position: absolute; z-index: 1000;
    top: 10px; margin: 0; left: 20px;
}
.folderLayout.resultViewCard .cell.actions{
    font-size: .8em; border-top: solid 1px #ccc; padding: 0; padding-top: 10px; /*background: #f2f2f2;*/
    border-radius: 0 0 20px 20px; position: initial;
    margin-left: -20px; width: calc(100% + 40px);
}
.folderLayout.resultViewCard .item{
    padding-bottom: 5px;
    padding-top: 10px;
}
.folderLayout.resultViewCard .item .tableRow{
    padding: 0px;
}

.mobView{
    display: none;
}

.cntScroll{ min-height: 0px; max-height: 100px; overflow-y:auto; width: 100%; }

@keyframes spinner {
    0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
    }
    100% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg);
    }
}
/* ending css for stepper progress indicators */

@keyframes shake {
	10%, 90% {
	  transform: translate3d(-1px, 0, 0);
	}
	
	20%, 80% {
	  transform: translate3d(2px, 0, 0);
	}
  
	30%, 50%, 70% {
	  transform: translate3d(-4px, 0, 0);
	}
  
	40%, 60% {
	  transform: translate3d(4px, 0, 0);
	}
}

@keyframes shake2 {
	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); }
}

@keyframes tilt-shaking {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(5deg); }
	50% { transform: rotate(0eg); }
	75% { transform: rotate(-5deg); }
	100% { transform: rotate(0deg); }
}

/*---starting of loading with animated dots---*/
.loading::after {
    display: inline-block;
    animation: dotty steps(1,end) 1.5s infinite;
    content: '';
}
  
@keyframes dotty {
    0%   { content: ''; }
    25%  { content: '.'; }
    50%  { content: '..'; }
    75%  { content: '...'; }
    100% { content: ''; }
}
/*---ending of loading with animated dots---*/

.img_border{
    width:100%; height:200px; border:1px solid #333; border-radius:10px; padding: 3px;
}
.resultViewCard .img_border{ height: auto; }

.full_screen{
    cursor: pointer;
}

.img-container {
    position: relative !important;
    padding-bottom: 56.25% !important; /* 16:9 ratio */
    height: 0 !important;
    overflow: hidden !important;
}
  
.img-container img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

a[disabled="disabled"]{
    color: gray;
    cursor: not-allowed;
}

.heading-text {
    margin-top: 10px;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
}
.total {
    text-align: right;
    font-size: 18px;
}
.table_div {
    clear: both;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 15px;
    margin-bottom: 15px;
    /*border: 1px solid #ced4da;*/
}
.table_div table{
    table-layout: fixed;
}
.table_div .actions .fa{
    font-size: 20px;
}

.tab-content *[data-id="property_data"]{
    background: #fff !important;
}

.tab-content *[data-id="property_data"] .top-block{
    display: flex;
}

.tab-content *[data-id="property_data"] .top-block .property-img{
    border:solid 1px #000; padding: 10px; width: 250px; height: 250px;
}

.tab-content input[type=date]{
    height: 39px;
}

.phone_menu_link{
    display: none; top: 25px; position: absolute; float: right; right: 70px; border-radius: 1rem;
}

.txt-wrap{
    text-wrap-mode: wrap;
    overflow-wrap: anywhere;
    text-align: justify;
}

.jconfirm-content a{
    color: royalblue;
}
.jconfirm-content img{
    border-radius: 20px;
    background-color: #333;
}

.clear_txt{
    margin-top: -33px; margin-right: 6px; float: right;
}

#credit_alert{
    font-size: 12px; position: absolute; top: 65px; left: 0px; color: white;
}

/*file upload*/
.upload_file_container .run_process_group{
    display: none;
}

.upload_file_container .dropbox{
    border: 2px dashed #707070;
    border-radius: 11px;
    width: 100%;
    height: 150px;
    text-align: center;
    font-weight: bold;
    color: #6E6E6E;	
    letter-spacing: 1px;
    /*display: table-cell;*/
    vertical-align: middle;
    cursor: pointer;
    padding: 20px;
}
.upload_file_container .dropbox.active{
    background : #B4F9AC;
    font-size: 15px;
    box-shadow : 0px 0px 5px 6px #ccc;
}
.upload_file_container .progress-holder{
    width: 80%;
    padding: 2px;
    background: #CCCCCC;
    border-radius: 3px;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}
.upload_file_container #progress{
    height: 25px;
    display:block;
    width: 0%;
    border-radius: 2px;
    background: -moz-linear-gradient(center top , #13DD13 20%, #209340 80%) repeat scroll 0 0 transparent; /* IE hack */ 
    background: -ms-linear-gradient(bottom, #13DD13, #209340); /* chrome hack */ 
    background-image: -webkit-gradient(linear, 20% 20%, 20% 100%, from(#13DD13), to(#209340)); /* safari hack */ 
    background-image: -webkit-linear-gradient(top, #13DD13, #209340); /* opera hack */ 
    background-image: -o-linear-gradient(#13DD13,#209340);
    box-shadow:3px 3px 3px #888888;
}
.upload_file_container .preview{
    border: 1px solid #CDCDCD;
    width: 100%;
    padding: 10px;
    height:auto; 
    overflow: auto;
    color: #4D4D4D;
    float: left;
    box-shadow:3px 3px 3px #888888;
    border-radius: 11px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.upload_file_container .percents{
    float: right;
    font-size: 20px;
    padding-top: 5px;
}
.upload_file_container .preview-image{
    box-shadow: 3px 3px 3px #888888;
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 10px;
}
.upload_file_container .file-info{
    height: 50px;
    float: left;
    width: auto;
    margin-bottom: 10px;
    border: 1px solid blue;
}
.upload_file_container .file-info span{
    margin: 3px 2px;
    font-size: 12px;
    float:left;
    display: block;
    min-width: 100px;
    overflow: auto;
    border: 1px solid red;
    overflow: none;
}
.upload_file_container .upload-progress{
    width: 100%;
    display: none;
}
.upload_file_container .upload-data, .result{
    float:left;width:100%;
}

.modal-content{
    border-radius: 15px;
}

.fa-stack{
    width: 1em;
    height: 1em;
    line-height: 1em;
    margin-left: -3px;
}

.list-group-item{
    flex-grow: 1;
}

.icon{ cursor: pointer; }

.remove-left-radius{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.remove-right-radius{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.is_tcpa, .is_tcpa a{
    border-radius: 5px;
    background-color: #000;
    color: #fff;
}

.is_dnc, .is_dnc a{
    border-radius: 5px;
    background-color: #edc2c2;
    color: #333;
}

.is_tcpa_dnc, .is_tcpa_dnc a{
    border-radius: 5px;
    background: linear-gradient(
        to top,
        black 0%,
        black 50%,
        #edc2c2 50%,
        #edc2c2 100%
    );
    color: #fff;
}

/*-----------*/
.run_process_group, .run_process_group2, .run_process_group3{
    display: none;
}

#dropbox, #dropbox2, #dropbox3{
    border: 2px dashed #707070;
    border-radius: 11px;
    width: 100%;
    height: 150px;
    text-align: center;
    font-weight: bold;
    color: #6E6E6E;	
    letter-spacing: 1px;
    /*display: table-cell;*/
    vertical-align: middle;
    cursor: pointer;
    padding: 20px;
}
#dropbox.active, #dropbox2.active, #dropbox3.active{
    background : #B4F9AC;
    font-size: 15px;
    box-shadow : 0px 0px 5px 6px #ccc;
}
.progress-holder{
    width: 80%;
    padding: 2px;
    background: #CCCCCC;
    border-radius: 3px;
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}
#progress, #progress2{
    height: 25px;
    display:block;
    width: 0%;
    border-radius: 2px;
    background: -moz-linear-gradient(center top , #13DD13 20%, #209340 80%) repeat scroll 0 0 transparent; /* IE hack */ 
    background: -ms-linear-gradient(bottom, #13DD13, #209340); /* chrome hack */ 
    background-image: -webkit-gradient(linear, 20% 20%, 20% 100%, from(#13DD13), to(#209340)); /* safari hack */ 
    background-image: -webkit-linear-gradient(top, #13DD13, #209340); /* opera hack */ 
    background-image: -o-linear-gradient(#13DD13,#209340);
    box-shadow:3px 3px 3px #888888;
}
.preview{
    border: 1px solid #CDCDCD;
    width: 100%;
    padding: 10px;
    height:auto; 
    overflow: auto;
    color: #4D4D4D;
    float: left;
    box-shadow:3px 3px 3px #888888;
    border-radius: 11px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.percents{
    float: right;
    font-size: 20px;
    padding-top: 5px;
}
.preview-image{
    box-shadow: 3px 3px 3px #888888;
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 10px;
}
.file-info{
    height: 50px;
    float: left;
    width: auto;
    margin-bottom: 10px;
    border: 1px solid blue;
}
.file-info span{
    margin: 3px 2px;
    font-size: 12px;
    float:left;
    display: block;
    min-width: 100px;
    overflow: auto;
    border: 1px solid red;
    overflow: none;
}
.upload-progress{
    width: 100%;
    display: none;
}
.upload-data, .result{
    float:left;width:100%;
}
/*-----------*/

/*---------start download progress bar----------*/
.download-meter{
    display:none;
    right:7px;
    top: calc(100vh - 60px);
    position:fixed; 
    background: #fff;
    padding: 5px;
    border: 3px solid #bebfbf;
    border-radius: 25px;
    width: 200px;
}
.meter-value{
    font-size: 20px;
    font-weight: 700;
    color: #fff;/*#6b7880;*/
    position: absolute;
    top: 6px;
    text-align: center;
    width: 100%;
}
.meter {
    box-sizing: content-box;
    height: 30px; /* Can be anything */
    position: relative;
    /*margin: 60px 0 20px 0; /* Just for demo spacing */
    background: lightslategray;
    border-radius: 25px;
    /*padding: 10px;*/
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.meter > span {
    display: block;
    height: 100%;
    /*border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;*/
    border-radius: 25px;
    background-color: #333; /*rgb(43, 194, 83);*/
    background-image: linear-gradient(
      center bottom,
      rgb(43, 194, 83) 37%,
      rgb(84, 240, 84) 69%
    );
    box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
      inset 0 -2px 6px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
}
.meter > span:after,
.animate > span > span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(
      -45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
    );
    z-index: 1;
    background-size: 50px 50px;
    animation: move 2s linear infinite;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

.animate > span:after {
    display: none;
}
  
@keyframes move {
    0% {
      background-position: 0 0;
    }
    100% {
      background-position: 50px 50px;
    }
}
  
.orange > span {
    background-image: linear-gradient(#f1a165, #f36d0a);
}
  
.red > span {
    background-image: linear-gradient(#f0a3a3, #f42323);
}
  
.nostripes > span > span,
.nostripes > span::after {
    background-image: none;
}
/*---------end download progress bar----------*/

#msgSettingsData{ margin-top: 0px; margin-bottom: 0px; }
#msgSettingsData .data_div{ clear: both; max-height: calc(100vh - 300px); overflow: auto; }
#msgSettingsData .data_div table{ table-layout: auto; }
#msgSettingsData .data_div td{ cursor: pointer; max-width: 300px; }
#msgSettingsData .data_div td:nth-of-type(2){ width: 200px; }
#apiForm .btn{ vertical-align: middle; }

/* Mobile */
@media only screen and (max-width: 768px) {/*600px*/
    .logoInt{ width: 100%; }
    .loginContent{  }

    header{ }
    .webMenu{ display: none !important; }
    .mobMenu{ display: block; }
    .mobileMenu li{ border: none; }

    .searchForm{ padding-left:10px; padding-right: 10px; }
    .searchForm .d-flex .btn{ width: 100%; margin-bottom: 15px; }
    .searchForm .photoUpload{ display: flex !important; }
    .searchForm .text-end > .btn, .searchForm .text-end > label, .searchForm .text-end > select.form-control{
        width: 100% !important; margin-top: 15px; margin-bottom: 0; text-align: center;
    }
    .searchForm .text-end > select.form-control{ margin-top: 5px; }

    /* Results */
    .layoutToggle{ display: none; }
    .dataContainer { padding-top: 60px; }
    .dataContainer .item{ border: solid 1px #ccc !important; width: 100% !important; }
    .dataContainer .item, .dataContainer .item:last-child,
    .dataContainer .item .name, .dataContainer .item .address, .dataContainer .item .colInfo{
        width:100%; padding: 10px;
    }
    .dataContainer .item .name{
        margin-top: 10px;
    }
    .dataContainer .item .name, .spacer_line{
        border-bottom:solid 1px #ccc;
    }
    .dataContainer .item .actions .btn{
        padding-left: 8px !important; padding-right: 8px !important; min-width: auto; height: 32px; /*margin-top: 0px !important;*/
    }
    .dataContainer .item .links{
        border-top: solid 1px #ccc; margin-top: 25px; padding-top: 15px;
    }
    .dataContainer .item, .resultViewCard .item:last-child{
        flex-direction: column; text-align: left; position: relative;
        width: 100%; margin-left: auto; margin-right: auto;  
        border: 1px solid #ccc; padding: 20px 20px 0px 20px !important; border-radius: 20px; margin-bottom: 60px;
    }
    .dataContainer .item .pic{ margin-top: -60px; padding: 0; }
    .dataContainer .item > div{
        width: 100%; padding: 5px 0;
    }
    .homeList.dataContainer .tableRow{ padding-bottom: 20px;}
    .homeList.dataContainer .item{ padding-bottom: 70px;}
    .homeList.dataContainer .item .actions{
        position: relative; text-align: center; width: 100%; right: auto;
    }
    .homeList.dataContainer .item .actions .btn, .homeList.dataContainer .cell.analyze *{ margin-right: 5px; }
    .homeList.dataContainer .item .actions select{ 
        display: inline-block; padding: 5px 15px; font-size: .8em;
    }

    .homeList .cell.text-center.analyze select, .homeList .cell.text-center.analyze button {
        display: inline !important;
        width: auto !important;
        margin-bottom: 0;
        font-size: 0.8em;
    }

    .dataContainer .item .actions{
        width: 100%; /*position: absolute; top: 10px; right: 10px; width: auto; padding: 0;*/
    }
    .usersList .item .actions{
        position: absolute; top: 10px; right: 10px; width: auto;
    }
    .dataContainer .item .actions .btn{ font-size: .7em; }
    .dataContainer .item .profileAction{
        position: absolute; width: auto !important; top: -40px; right: 10px;
    }
    ul.gridThree li{
        width: 100%;
    }
    .categoryList .list-group-horizontal, .tabModal .nav-tabs{ display: none; }
    .categoryList select, .tabModal select{ display: block; }
    .categoryList .dataContainer{ padding-left: 0; padding-right: 0; }

    .addUser input, .addUser select{ margin-bottom: 10px; }
    .addUser .validateBtn{ margin-top: 5px; margin-bottom: 15px; }

    .paginationContainer, .paginationContainer .justify-content-end{ 
        text-align: center; justify-content: center !important; margin-top: 15px;  
    }

    .dataContainer .item, .dataContainer .item .tableRow, .dataContainer .item .tableRow .cell  {
        display: block !important; clear: both;
    }
    .dataContainer .item .links{ width: 100%; }

    .ListTabData{ padding: 0; padding-top: 40px; }
    .ListTabData .item{ 
        padding-top:25px !important; padding-bottom: 60px; margin-bottom: 50px; position: relative;
    }
    .ListTabData .item .selectRow{
        position: absolute; background: #f2f2f2; width: auto; padding: 10px 20px; border-radius: 50rem; top: -25px;
    }
    .ListTabData .cell.colInfo:nth-child(2){ border-bottom: solid 1px #ccc; }
    .ListTabData .cell.colInfo:nth-child(4){ border-bottom: solid 1px #ccc; }

   
    .ListTabData .item .name{ border: none; padding-bottom: 0; }
    .ListTabData .item:last-child .name{ margin-bottom: 50px; }
    .ListTabData .item .cell:last-child, .propertyList .item .analyze{ 
        border-top: solid 1px #ccc; background: #f2f2f2; width: 100%;
        border-radius: 0 0 20px 20px; position: absolute; left: 0; bottom: 0;
    }
    .propertyList .item .analyze{
        background-color: #000!important; /*#ffc107!important;*/
    }
    .ListTabData .item .cell:last-child .btn, .propertyList .item .analyze .btn{
        background: none; /*border: none !important;*/
    }

    .propertyList .item .analyze .analyze_portfolio span{
        display: none;
    }
    .propertyList .item .analyze .analyze_portfolio::after{
        content: "Analyze Portfolio";
    }
    
    .ListTabData img{ border:solid 1px #888; padding: 10px; border-radius: 20px; height: 200px; }

    .mobTabHolder{}
    .mobTabHolder ul{ display: none; }
    .mobTabHolder select { display: block; }

    .uniqueAPIKey{
        width: 220px !important; max-width: 250px !important; float: right;
    }
    .pLoaderContainer{
        font-size: .8em;
    }
    .groupForm{
        flex-wrap: wrap;
    }

    .webView{ display: none; }
    .mobView{ display: block; }

    .noMob{ display: none; }

    .stepper-container{ width: 90%; }
    .stepper-container ul{ padding: 0; }

    ul#suggestions{ font-size: .8em; }
    ul#suggestions li{ padding: 8px; }

	.dataContainer2 .item2, .dataContainer2 .item2:last-child{
		border: 1px solid #e5e5e5;
		border-radius: 20px;
		padding: 10px;
        margin: 0px 5px 40px;
	}

    .mailStatus{
        padding-left: 20px; padding-right: 20px;
    }
    .mailStatusFrame{
        width: 100%; height: calc(100vh - 300px); overflow-x: hidden; overflow-y: auto;
    }

    .img_border{ height: auto; }

    .tab-content *[data-id="property_data"] .top-block{
        display: block;
    }

    .tab-content *[data-id="property_data"] .top-block .property-img{
        width: 100%;
        height: auto;
    }
    
    .tab-content *[data-id="property_data"] .top-block .ms-3{
        margin-left: 0rem!important;
    }

    .phone_menu_link{
        display: block;
    }

    .card-content br, .set-content-lbl, .set-content{
        display: contents;
    }

    .card-content br + span::before, .set-content::before{
        content: " ";
        white-space: pre;
    }

    .card-break, .card-content .col-12:has(br){
        flex-basis: 100%; padding-bottom: 7px;
    }

    /* div.set-content-lbl:nth-child(odd), div.set-content:nth-child(odd){
		background: red !important;
	} */

    .set-new-line::before{
        content: "\A";
        white-space: pre;
        display: block;
    }

    input[type="checkbox"] {
        appearance: checkbox;
        -webkit-appearance: checkbox;
        /*display: flex;*/
        align-content: center;
        justify-content: center;
        font-size: 2rem;
        padding: 0.1rem;
        border: 0.25rem solid rgb(3, 88, 192);
        border-radius: 5px;
        transform: scale(0.8,0.8);
    }

    .ellipsis {
        overflow: initial;
        white-space: wrap;
        text-overflow: revert-layer;
    }

     /* New */
    .folderLayout.dataContainer .item{
        padding-bottom: 0px;
    }
    .folderLayout.dataContainer .item .name{
        padding-top: 0px;
        margin-top: 0px;
    }
    .folderLayout.dataContainer .tableRow{ padding-bottom: 0; }
    .folderLayout.dataContainer .cell{
        padding-left: 30px;
    }
    .folderLayout.dataContainer .cell.pic{
        position: absolute;
        top: 10px; margin: 0; left: 20px;
    }
    .folderLayout.dataContainer .cell.actions{
        font-size: .8em; border-top: solid 1px #ccc; padding: 0; padding-top: 10px; background: #f2f2f2; border-radius: 0 0 20px 20px;
        margin-left: -20px; width: calc(100% + 40px); position: initial;
    }
    .folderLayout.dataContainer .item{
        padding-bottom: 0;
    }
    .folderLayout .cell .info .ellipsis.ltype, .folderLayout .cell [data-id="email"] .ellipsis, .folderLayout .cell [data-id="phone"] .ellipsis{
        overflow: initial;
        white-space: wrap;
        text-overflow: revert-layer;
    }
    .folderLayout #btn_leads button, .folderLayout .cell .info, .folderLayout .cell span.icon, .cntScroll span.icon, .folderLayout.dataContainer .cell.actions{
        font-size: 125% !important;
    }
    .folderLayout.dataContainer .item > div{
        padding: 0px;
    }

    .secWeb{
        display: none;
    }
    .mobView{
        display: block;
    }

    #user_group.remove-right-radius{
        border-top-right-radius: 50rem !important;
        border-bottom-right-radius: 50rem !important;
    }

    .search-anywhere.remove-left-radius{
        border-top-left-radius: 50rem !important;
        border-bottom-left-radius: 50rem !important;
        margin-top: .5rem !important;
    }

    #illustrationForm{
        margin-left: 15px;
        margin-right: 15px;
    }
}