h2 {
    font-size: 28px !important;
    color: #15303e !important;
}
.navbar-default { background-color: #15303E !important; background-image: none !important; border: none !important; }
.navbar-brand { padding: 10px !important; }
.navbar-nav  { /*margin-left: 15px !important;*/ }
.navbar-nav li a { height: 60px;padding: 20px 15px!important; }
.navbar-nav li a:hover { background-color: #296091 !important; background-image: none !important; }
.navbar-nav  a { text-decoration: none !important; color: white !important; }
.navbar-nav .active a{ background-color: #296091 !important; background-image: none !important; }
.navbar { height: 60px; margin-bottom: 0px !important; }
.navbar .container-fluid { height: 60px !important; }
.collapse .navbar-collapse { height: 60px !important; }

body {
	padding-bottom: 100px;
	height: auto;
}

#login body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: white;
    background: url(/images/background.jpg);
    background-size: cover;

}
.lang-buttons{
    margin-right:7.2%;
}
.th-center { text-align:center; }

#login .form-signin {
    padding-top: 10px;
    width: 360px;
    height: 380px;
	padding: 60px;
    margin: 0 auto;
    background-color: #f7f7f7;
}

#login .form-signin h2 {
	margin-top: 60px;
    margin-bottom: 30px;
    color: #12638c;
    font-size: 20px;
}
#login .form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
/* LOG IN */
#login .form-signin .checkbox {
    margin-top: 30px;
    font-weight: normal;
    margin-bottom: 30px;
    font-size: 14px;
    color: #bdbdbd;
}
#login .form-signin .form-control {
      position: relative;
    height: 40px;
    /* -webkit-box-sizing: border-box; */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* padding: 20px; */
    margin-bottom: 22px;
    font-size: 16px;
    color: #333333;
    font-weight: 100;
    text-align: center;
    border: 1px solid #ececec;
	background-color:white;
}
#login .checkbox label {
	    /* min-height: 20px; */
    padding-left: 20px;
    /* margin-bottom: 0; */
    font-weight: 400;
    cursor: pointer;
    font-size: 14px;
    color: #bdbdbd;
}
#login .btn-primary {
	border-radius:0px;
}
#login .form-signin .form-control:focus {
  z-index: 2;
}
#login .form-signin input {

}
#login .form-signin input[type="email"] {
  margin-bottom: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  	background-color:white;
}
#login input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color:white!important;
}
#login .form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  	background-color:white;
}
#login #login-button {
    width: 100%;
    text-align: center;
    height: 40px;
    padding: 0;
    font-size: 1.2em;
    font-weight: normal;
    text-transform: uppercase;
}

/* HEADER MENÚ */
#header {
	/*background: #12638C;*/
	background: #15303e;
        overflow: visible;
}
#nav_menu { z-index: 999; left:245px; }

#nav_menu .tab-active, #nav_menu .tab-active:hover { background: #00547F; box-shadow: none; }
#nav_menu .tab-active a, #nav_menu .tab-active a:hover { color: white; text-shadow: 0 0 1px #476A7B; }
#nav_menu li:hover { background: #00547F; box-shadow: none; }
.navbar-default .navbar-toggle .icon-bar { background-color: white !important; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #3073ad !important; }
.navbar-toggle { border:none !important; }
.navbar-toggle {
    border: none !important;
    position: absolute;
    right: 0;
}
#navi ul li ul, #links li ul {
	z-index: 9999;
	left: -999em;
	position: absolute;
	height: auto;
	width: 170px;
	margin-left: 0px;
	padding: 0px;
	border: 0;
	background: #f7f7f7;
	box-shadow: rgb(128, 128, 128) 0px 3px 6px;
}
#navi ul li ul li { 	
	width: 100% !important;
	cursor: pointer;
	height: 25px !important; 
}
#navi ul li ul li:hover {
	background: none !important;
	box-shadow: none;
}
#navi ul li ul a {
	color: #fff !important;
	text-shadow: 1px 1px 1px #476A7B !important;
	line-height:0 !important;
	padding: 5px 10px;
	cursor: pointer !important;
	display: block;
}
#navi li ul a:hover {
	color: #484848 !important;
	text-shadow: none !important;
}
#navi ul li:hover ul {
	float: left;
	left: auto;
	display: block !important;
}
#navi ul li:hover { position: static; }

.dropdown-menu { background-color: #15303e; }
.sub-li.li-separator { border-top: 2px solid silver; }

#header a { color: whitesmoke; }
#header .links { float:right; margin:0; }
#header .links li { float:left;padding:20px 15px;height: 20px; }
#header .links li a { text-decoration:none; }

#header .links .account { }
#header .links .account img { float:left; margin-left:-15px; }

.links {
	cursor:pointer;
}
.fx-button {
    background: #12638C!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
	 border: 1px solid #eaeaea!important; 
    color: white!important;
    text-shadow: none!important;
    font-weight: bold;
    padding: 4px 12px;
    cursor: pointer;
    text-decoration: none !important;
    border-radius: 2px;
    -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, .1); */
    /* -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); */
    -moz-box-shadow:none!important;
}

.fx-button:hover {
    background-color:#12638C!important;
    background-image: none!important;
    border: 1px solid #eaeaea!important;
    box-shadow: 0 0 3px #12638C!important;
    -webkit-box-shadow:0 0 3px #12638C!important;
    -moz-box-shadow: 0 0 3px #12638C!important;
	color:white!important;
}
.fx-email-button, .fx-grey-button, .greybutton {
	    background: #12638C!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none!important;
	 border: 1px solid #eaeaea!important; 
    color: white!important;
    text-shadow: none!important;
    font-weight: bold;
    padding: 4px 12px;
    cursor: pointer;
    text-decoration: none !important;
    border-radius: 2px;
    -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, .1); */
    /* -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); */
    -moz-box-shadow:none!important;
}
.fx-email-button:hover, .fx-grey-button:hover, .greybutton:hover{
	   background-color:#12638C!important;
    background-image: none!important;
    border: 1px solid #eaeaea!important;
    box-shadow: 0 0 3px #12638C!important;
    -webkit-box-shadow:0 0 3px #12638C!important;
    -moz-box-shadow: 0 0 3px #12638C!important;
	color:white;
}
.menu-li:before {
	content:'|';
	color:white;
}
#nav_menu li a {
    font-family: 'Lato Regular';
	font-weight:100;
	color: whitesmoke; text-shadow: none; 
}
#header .links li a {
	text-transform:uppercase;
}

/* DASHBOARD */

#dashboard .container {
	
	margin-top:40px;
}

#dashboard .box {
    /* float: left; */
    background-color: #f7f7f7;
    /* width: 350px; */
    height: 200px;
/*    margin-left: 15px;*/
    margin-right: 15px;
    margin-top: 70px;
}

#dashboard .images {
	text-align:center;
		color:#333333;
	font-size:20px;
	text-transform:uppercase;
}
#dashboard .images:hover {
	cursor:pointer;
}
#dashboard .images img {
	margin-top:-40px;
    width: 70px;
    height: 70px;
}
#dashboard .title {
    display: block;
    margin-top: 16px;
    font-family: 'Merriweather', serif;
    color: #333333;
    font-weight: 700;
    font-size: 17px;
}
#dashboard .content {
   
    margin: 0px auto;
    text-align: center;
    padding: 5px;
    /*width: 80%;*/
}
#dashboard .content ul {
    /*float: left;*/
    float: none;
}

#dashboard .content ul li a {
	    color: #bdbdbd;
    text-decoration: underline;
	font-size:17px;
	font-family: 'Lato', sans-serif;
}
#dashboard .content ul li a:hover {
	text-shadow:none;
	color:#23527c;
	cursor:pointer;
}
#dashboard .container-fluid {
	margin-top:100px;
}

.box.list ul li {
    text-align: left;
    border-bottom: 1px solid #eaeaea;
    padding: 10px 0px;
}
.box.list ul li:last-child {
    border: none;
}
/*// REALESTATE STYLES*/


#realestate h3 { color:#777; margin:0 0 10px 0;font-size:15px;font-weight:normal;}

#realestate #real_chart { margin:10px 0; }
#realestate table { table-layout:fixed;border:1px solid #eee; width:100%; }
#realestate table th {
	background: #eee;
	background-image: -webkit-linear-gradient(top,white,#eee);
	background-image: -webkit-linear-gradient(top,white,#eee);
	background-image: -moz-linear-gradient(top,white,#eee);
	background-image: -ms-linear-gradient(top,white,#eee);
	color: darkslategrey;
	line-height:20px;
	font-weight:bold;
	padding-bottom:5px;
	text-align:left;
}
.th-right {text-align: right !important;}
table tr:hover {
    background: none!important;
}
/*#realestate table tr:nth-child(even) { background:whitesmoke; }*/
#realestate table tr:hover, #adv-table tbody tr:hover { background: #c4e3f3 !important; }
#realestate table {table-layout: fixed;}
#realestate table td {
/*        display: block;
        display: -webkit-box;*/
	overflow:hidden;
	text-overflow: ellipsis;
	padding: 2px 10px;
        vertical-align: middle;
        white-space: nowrap;
}
#realestate table td:first-of-type { padding: 0; }
#realestate table td:first-of-type div {
    width: 100px;
    height: 70px;
}
#realestate table td:first-of-type img{ width: 100px; }
/*#realestate a { text-decoration: underline; }*/
#realestate a:hover { text-decoration: none; }
#realestate a.state-active:visited { color:#337ab7; }
#realestate a.state-active:hover {color:goldenrod; }
#realestate tr td a:hover { color:black; }
#realestate table.tablesorter { font-size: .9em !important; }
#realestate table.tablesorter th {
	cursor: pointer;
	padding-left: 3px;
}
#realestate table.tablesorter .header { height: auto; }
 /*#realestate table.tablesorter .headerSortUp { background: lavender url(<? echo $images_path ?>/icons/ascending.png) top right no-repeat; }*/
 /*#realestate table.tablesorter .headerSortDown { background: lavender url(<? echo $images_path ?>/icons/descending.png) top right no-repeat; }*/
#realestate .percent-change { float:right;font-size:.9em; }
#realestate .mainchart {
	float:left;
	margin: 10px 0;
}
#realestate #leftnav {
        padding: 20px 5px;
	margin-top: 0;
}
#realestate #properties { 
	float:left;
	padding:15px 10px; 
        width: 100%;
}
#realestate .left-icon {
	float: right;
	margin-right: 5px;
	opacity:.5;
}
#realestate .view-details { padding: 2px 4px; }
#realestate .lead-state {  padding: 1px; border:0; }
#realestate .lead-state option { padding: 2px; border:0; }
#realestate .details { 
	display:none;
	position:absolute;
	top:120px;
	left:210px;
	max-width:800px;
	background:lemonchiffon;
	box-shadow:0 0 1em dimgrey;
	padding:15px;
	margin-bottom:10px; 
}
#realestate .details h2 { display:none; }
#realestate .close-details {
	float: right;
	cursor: pointer;
	margin-right: -30px;
	margin-top: -30px;
}
#realestate #ajax-message { 
	position:absolute;
	display:none;
}
#realestate #ajax-message .showtext {
	padding:2px 4px;
	background:ivory;
	border:1px solid goldenrod;
	border-radius:3px;
}
#realestate .state-assigned { color: cornflowerblue !important;}
#realestate .state-closed {
	/*background: lightgreen;*/
	color: green !important;
}
#realestate .state-followup { color: salmon !important; }
#realestate .state-lost {
	background: lightpink;
	color: red !important;
}
#realestate .totals {
	display:inline; 
	width:200px; 
	margin: 5px 15px; 
}
#realestate .totals a { text-decoration:none; }
#realestate .total-value { margin-left:0; }
#realestate .total-assigned { color: cornflowerblue; }
#realestate .total-closed { color: green; }
#realestate .total-lost { color: red; }
#realestate .inquiry-value:hover{ cursor:pointer; }
#realestate .inq-input {
	display:none;
	width:70px;
	text-align:right;
}

/*#realestate .table-hover { background: #FCE762 !important; }*/
#realestate #table_results{ padding: 15px; }
#realestate .state-td { text-align: center; }
#realestate .prop-active { color: #337ab7; }
#realestate .prop-closed { color: green; }
#realestate .prop-assigned {color: cornflowerblue ; } 
#realestate .prop-disabled { color: tomato; cursor: pointer;}
#realestate .prop-draft {color: orange ; } 
/*#realestate .left-tab {
	width: 150px;
	text-align: right;
	padding: 15px 15px;
	border-bottom: 1px solid white;
	border-top: 1px solid #DDD;
	color: #666;
	text-shadow: 1px 1px 1px white;
	min-height: 18px;
}
#realestate .left-tab .btn-group-vertical{
    margin-top: 30px;
}*/
#realestate .left-tab span:first-of-type { float:right; }

#realestate #new-btn, #realestate #adv-btn {
    margin-left:5px;
    margin-top: 10px;
}

#realestate form {
    padding-bottom: 1em;
}

a.btn { text-decoration: none !important; }
a.btn-primary { color: white !important;}
a.btn-primary:hover { color: white !important; }

.btn-group-vertical {
    padding: 15px 0;
}

#realestate .chart-tabs {
	margin-bottom: 0;
	float: left;
	background: white;
}

#realestate .chart-tabs .tab {
	min-width: 100px;
	padding: 10px 10px 0 0;
	float: left;
	
	text-align: center;
}
#realestate .chart-tabs .tab a {
        text-decoration: none;
}
#realestate .chart-tabs .tab a:hover {
	color: black;
}
#realestate .chart-tabs .tab:hover {
	
	color: black;
	text-shadow: none;
	cursor: pointer;
}

#realestate .nav-tabs {border-width: 0;}
#realestate .nav-tabs>li.active>a {cursor: pointer;}

#realestate .capitalized{
    text-transform: capitalize;
}

#realestate #properties .row {
    margin-left: 0;
    margin-right: 0;
}

#realestate input[type="text"] {
    font-weight: normal;
    padding: 2px 5px;
}





#leads a { text-decoration: underline; }
#leads a:hover { color:#337ab7; }
/*#leads table { table-layout:fixed;border:1px solid #eee; width:100%; }
#leads table th {
	background: #eee;
	background-image: -webkit-linear-gradient(top,white,#eee);
	background-image: -webkit-linear-gradient(top,white,#eee);
	background-image: -moz-linear-gradient(top,white,#eee);
	background-image: -ms-linear-gradient(top,white,#eee);
	color: darkslategrey;
	line-height:20px;
	font-weight:bold;
	padding-bottom:5px;
	text-align:left;
}
#leads table tr:nth-child(even) { background:whitesmoke; }
#leads table tr:hover { background:#FCE762 !important; }
*/
#leads table td {
	overflow:hidden;
	text-overflow: ellipsis;
	/*padding: 4px;*/
        vertical-align: middle;
}
#leads .details-td { padding: 0 5px; }
/*
#leads tr td a:hover { color:black; }
#leads table.tablesorter { font-size: .9em !important; }
#leads table.tablesorter th { cursor: pointer; }
#leads table.tablesorter .header { height: auto; }
#leads table.tablesorter .headerSortUp { background: lavender url(<? echo $images_path ?>/icons/ascending.png) top right no-repeat; }
#leads table.tablesorter .headerSortDown { background: lavender url(<? echo $images_path ?>/icons/descending.png) top right no-repeat; }
#leads table td, table th { padding-left: 5px; }*/
#leads tr:hover .inquiry-value, tr:hover .inquiry-category-value{cursor:pointer; border: 1px solid goldenrod; border-radius: 2px;}

/*#leads table td { padding: 2px; }*/

#leads h3 { color:#777; margin:10px 0;font-size:15px;font-weight:normal;}
#leads h4 { color:#777; font-size:14px;}
#leads #lead_chart { margin:10px 0;}
#leads .mainchart {
	float:left;
	margin: 10px 0;
}
#leads #leftnav { padding: 20px 5px; margin-top: 0;}
/*#leads #contacts { float:left;width: 90%; padding:15px 10px; }*/
/*#leads #contacts .prettytitle { float:left }*/

#leads #upper-buttons a{
    display: inline-block;
    float: right;
    margin-left: 5px;
}

#leads .view-details  { padding: 2px 4px; }
#leads .lead-state  { padding: 1px; border:0; width: 85px; }
#leads .lead-state option  { padding: 2px; border:0; }
#leads .details h2, .prop-hidden { display:none; }
#leads .details { 
	display:none;
	position:absolute;
	top:120px;
	left:210px;
	max-width:800px;
	background:lemonchiffon;
	box-shadow:0 0 1em dimgrey;
	padding:15px;margin-bottom:10px; 
}
#leads .close-details {
	float: right;
	cursor: pointer;
	margin-right: -30px;
	margin-top: -30px;
}
#leads #ajax-message { position:absolute;display:none; }
#leads #ajax-message .showtext { padding:2px 4px; background:ivory; border:1px solid goldenrod; border-radius:3px; }
#leads .state-assigned, .total-assigned { color: cornflowerblue; }
#leads .state-hot, .total-hot { color: darkorange; }
#leads .state-closed { background: lightgreen; color: green; }
#leads .state-followup { color: salmon; }
#leads .state-lost { background: lightpink; color: red; }
#leads .totals { 
	display:inline; 
	width:200px; 
	margin: 5px 5px; 
}
#leads .totals a { text-decoration:none;}
#leads .total-value { margin-left:0; }
#leads .total-closed { color: green;}
#leads .total-lost { color: red; }
#leads .inquiry-value:hover, .inquiry-category-value:hover{cursor:pointer;}
#leads .inq-input {display:none; width:70px; text-align:right;}
.prop-title {
	float: right;
	width: 210px;
	font-weight: bold;
}
.prop-div {
	position: absolute;
	background: whitesmoke;
	padding: 10px;
	width: 310px;
	border: 1px solid #ccc;
	box-shadow: 0 0 1px silver;
}
#leads .filter-button { width: 160px; margin-top: -5px; }
#leads .chart-tabs {
	height: 36px;
	margin-top: -4px;
	float: right;
	width: 300px;
	position: relative;
	top: 30px;
	z-index: 999;
	background: white;
}
#leads .chart-tabs .tab {
	min-width: 100px;
	padding: 10px 10px;
	text-decoration: none;
	float: right;
	background: transparent;
	color: #aaa;
	border: 1px solid #ccc;
	border-bottom: none;
	margin-right: -1px;
	text-align: center;
}
#leads .chart-tabs .tab.active {
	min-width: 100px;
	float: right;
	clear: none;
	text-decoration: none;
	background: #eee;
	color: #333;
	box-shadow: inset 1px 1px 5px #ccc;
}
#leads .chart-tabs .tab:hover {
	background: #f90;
	background: -webkit-linear-gradient(top,#ffc800,orange,#f90);
	background: -moz-linear-gradient(top,#ffc800,orange,#f90);
	background: -ms-linear-gradient(top,#ffc800,orange,#f90);
	background: linear-gradient(top,#ffc800,orange,#f90);
	box-shadow: 0 1px 3px silver;
	-webkit-box-shadow: 0 1px 3px silver;
	-moz-box-shadow: 0 1px 3px silver;
	color: black;
	text-shadow: none;
	cursor: pointer;
}
/*#leads #nav-img { float: left; margin-right: 6px;height: 20px; margin-top: 3px; }*/
#leads .icon-nav { float: right; margin-left: 8px;opacity:.4; }
#leads .action-button { float:right; margin-left:5px; }
#leads .action-button .ui-icon, #developer-tools .ui-icon { float: left; margin-right: 5px;opacity:.5; }
#leads .property-th { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*#leads .details .inquiry-data { background:#eee;padding:15px;border:1px solid silver; }*/
#leads .modal:not(#dialog-confirm) .modal-body, #editlead .modal:not(#dialog-confirm) .modal-body {
    background:#eee;
    border:1px solid silver;
    border-left-width: 0;
    border-right-width: 0;
}
#leads .total-value-td { border-top:2px ridge silver; }
#leads #developer-tools { float:left; margin-top:10px;}
#leads .spam-lead .fx-button.fx-redbutton { padding: 1px 20px; display: none; }
#leads .spam { color: firebrick; }
#leads .spam-button { float: right; }

#leads .lead-update-value {
	display: none;
	background: #eee;
	padding: 10px 20px;
	position: absolute;
	box-shadow: 0px 0px 3px #666;
	margin-top: -20px !important;
}

#leads .fx-date { background-color: white; }

#contacts-uimessage { padding: 10px 20px; }
#contacts #contacts-uimessage { margin-bottom: 20px; }


#owners .form-group input:invalid { background: #eeeeee; }
#owners .form-group input { background: #eeeeee; }

/*#offices form button[type="submit"] { margin-left: 0.5em; }*/
#offices .form-group input:invalid { background: #eeeeee; }
#offices .form-group input { background: #eeeeee; }


#clients #csv-export, #clients #add-lead { float:right; margin-left: 15px }
#clients #csv-export a { float:left; }

.end-padding { padding-top: 100px; }

.goback {
    padding: 10px 20px;
    margin-top: 10px;    
}
.goback a, .goback a:visited { color: #333; }
form input:disabled, form select:disabled, form textarea:disabled { cursor: default !important; }
textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* TABLES STYLES */
#table-pager .disabled-btn:hover { cursor: not-allowed; }
#customTable tr:hover { background-color: #c4e3f3 !important; }
#customTable a.btn-default, #customTable a.btn-default:visited, #customTable a.btn-default span { color: #333 !important; }
/*#customTable .container table tr:hover { background-color: #DDDDDD !important; }*/
#customTable a.btn-primary:visited { color: white !important; }
/*#customTable .paginate_button .active { color: whitesmoke !important; }*/ 

#customTable a:visited { color: #337ab7; }

#customTable td {
    overflow: hidden;
    text-overflow: ellipsis;
}
#customTable .glyphicon-sort { opacity: 0.5; }
#customTable th[data-title]:hover {
    cursor: pointer;
    color: #337ab7;
}
#customTable .properties-td {
    position: relative;
    overflow: visible;
}
#customTable .ellipsis {
    opacity: .5;
    padding-top: 4px;
    padding-right: 4px;
}
#customTable .list-below:hover { cursor: pointer !important; }
#customTable .prop-div {
    left: -290px;
    top: -10px;
    font-size: 12.6px;
    z-index: 10;
}
#customTable td ul { margin-bottom: 0; }
#customTable td li:first-of-type{
  margin-left: -0.5em;
}
#customTable .inactive-tr { background: #ff9999 !important; }
#customTable .inactive-tr:hover { background: tomato !important; }

/*#table-filters { display: none; }*/
#owners #table-filters { display: block !important; }
#table-filters input { background-color: #F7f7f7 !important; }

#table-filters select {
    background-color: #F7f7f7;
    border-color: #CCC #EEE #EEE #CCC;
    color: #555;
    padding: 5px;
    border: 1px solid silver;
    font-weight: bold;
}
#table-filters option { color: #999; }
#table-filters .initial-val { color: #999; }
#table-filters .form-group {
    padding: 0;
    margin-right: 0;
}

#rows-select { margin-bottom: 2em; }
/* END TABLES STYLES */

/* Por separado por si un día hay que añadir o eliminar columnas en las tablas */
#reps #inputs-container>.form-group { width: 21.75% !important; }
#owners #inputs-container>.form-group { width: 21.75% !important; }
#clients #inputs-container>.form-group { width: 24.5% !important; }
#leads #inputs-container>.form-group { width: 23.5% !important; }

.vis-hidden { visibility: hidden; }

#inputs-container button:first-of-type { margin-left: 4px; }
#total_overview { margin-bottom: 30px; }
#realestate-overview { margin-bottom: 30px; }

table#inquiries tr:hover { background-color: #c4e3f3 !important; }
#delete-btn { margin-right: 0.5em; }

.refTd { position: relative; }
/*.refTd p:first-of-type {
    position: absolute;
    height: 50%;
    top: 6px;
}
.refTd p:last-of-type {
    position: absolute;
    margin: 0;
    bottom: 12px;
    vertical-align: bottom;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}*/
	.stats li:first-child {
	    border: none;
	}
    .stats { margin-top:20px; }
    .stats.dash li { padding: 5px 10px; border: none; }
    ul.stats.dash { border: none; padding: 0px 10px; height: 240px; }
    ul.stats.dash .title {font-size:16px; }
    .stats ul li.head { font-size: 1.2em; font-weight: bold; }
    .stats span { display: inline-block; }
    .active_filter a { color: #285f90; }
    .disabled a { color: tomato; }
    .closed a { color: green; }
    .assigned a { color: #eb9604; }
    .draft a {color:#333333;}
    .stats ul li.head a { text-decoration: none; color: #333!important; font-weight: bold; }
    li.active a { font-weight: bold !important; }
    .label.label-black { background: #737373; color: white; }
    .dropdown-menu { z-index:9999 !important; }
    .dropdown-opened { background-color: #296091 !important; background-image: none !important; }
    #header { min-width: 0; }
    .loader { display: none; position: fixed; z-index: 1000; top: 0; left: -15px; width: 110%; height: 100%; background: rgba(50,50,50,0.1) url(/images/loader.gif) no-repeat; background-position: center center; text-align: center; }
/* edit property style */


/* global search style */
#universal_search{
    padding: 14px 10px;
    width: 15%
}
#search-input {
    width:240px;
    -webkit-transition:width 0.3s ease-in-out;
    background-color: white;
    font-weight: normal;
}
#search-input:focus {
    width:200%;
    -webkit-transition:width 0.5s ease-in-out;
}
.mobile-global-search{
    position: absolute;
    top: 30%;
    right: 30%;
}
.fa-whatsapp { font-size: 1.4em !important; color:#29A71A !important;}
@media (max-width:1024px){
    #universal_search{
        position: absolute;
        left: 245px;
        top: 0px;
        width: 60%;
    }    
}
@media (max-width: 414px){
    #universal_search{
        position: relative;
        left: 0px;
        margin: 15px auto;
        width: 100%;
    }  
    #universal_search div.input-group{
        width: 100%;
    }
    #search-input {
        width:100%;
        -webkit-transition:width 0s;
        background-color: white;
        font-weight: normal;
        /*height:35px;*/
    }
    #search-input:focus {
        width:100%;
        -webkit-transition:width 0s;
    }
    #dashboard{
        margin-top: 20px;
    }

}
/* end global search style */

/********** Reports styles ************/
.reports { margin-top: 4%; }
/* Time Line */
.cd-timeline {
  position: relative;
  padding: 0 0 1em 0;

}
.cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 40px;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
.cd-timeline-block {
    position: relative;
}
@media only screen and (min-width: 1170px) {

	.cd-timeline-block:nth-child(even) .cd-timeline-content {
	    float: right;
	}
	.cd-timeline-content {
	    margin-left: 0;
	    padding: 1.6em;
	    width: initial;
	}
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;
    box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-img span.glyphicon {
    position: absolute;
    left: 50%;
    top: 50%;
    color: white;
    transform: translate(-50%,-50%);
    /* background-color: #296091; */
}
.cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
        background-color: #296091;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img .input-group-addon {
    border-left: 0;
    position: absolute;
    left: 40%;
    top: 50%;
    color: white;
    transform: translate(-50%,-50%);
    background-color: #3e8f3e;
    border: none;
    text-align: center;
}
.cd-timeline-content h5 {
    clear: both;
    overflow: hidden;
    box-sizing: border-box;
}
.cssanimations .cd-timeline-img.is-hidden {
  visibility: hidden;
}
.cssanimations .cd-timeline-img.bounce-in {
  visibility: visible;
  animation: cd-bounce-1 0.6s;
}
.viewDetails {
    /*clear: both;
    display: block;
    box-sizing: border-box;
    bottom: 0;
    overflow: hidden;
    float: right;
    text-align: right;*/
}
.unit-input{
    position: relative;
}
.unit-label{
    position: absolute;
    top:8px;
    right: 25px;
    color:#666;
}
/*Edit property style*/
.edit-property, .new-property, .duplicate-property, .client-info, .owner-info{
    background: #f7f7f7;
    padding-bottom: 50px;
    overflow-x: hidden;
    min-height: 100vh;
}
.edit-property .container-fluid{
    padding-right: 10px;
    padding-left: 10px;
}
.edit-property fieldset, .new-property fieldset, .duplicate-property fieldset{
    background: white;
    border: 1px solid #f1f1f1;
    padding: 15px;
    box-shadow: 1px 1px 1px #dadada;
    margin-bottom: 15px;
}
.edit-property h3, .new-property h3, .duplicate-property h3{
    padding: 0px;
    margin: 0;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 15px;
    color: #3072ac;
    font-size: 20px;
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
 
  60% {
    opacity: 1;
    transform: scale(1.2);
  }
 
  100% {
    transform: scale(1);
  }
}
/*** Boostrap 5 columns ***/
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
/***** Media queries ******/
@media(max-width:414px){
    .historial-title small {
        margin-top: 15px;
        float: left !important;
    }
}
@media (max-width: 1025px) {
    .profile-dropdown { display:none !important; }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin-top:10px;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-toggle span {
        transition:0.7s ease all;
    }
    .navbar-toggle:not(.collapsed) span:nth-child(2) {
        transform:rotate(45deg);
        position: relative;
        top: 6px;
    }
     .navbar-toggle:not(.collapsed) span:nth-child(4) {
        position: relative;
        top: -6px;
        transform:rotate(-45deg);
    }
    .navbar-toggle:not(.collapsed) span:nth-child(3) {
        
        opacity:0;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align:center;
    }
    .collapse.in{
        position: relative;
        box-sizing: border-box;
        display: block !important;
        border: none !important;
        overflow: visible;
 
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }

    .navbar-collapse ul {
        position:absolute;
        z-index: 10030 !important;
        width: 250px;
        right: 0px;
        background-color: #15303E;
        margin:0;
        border:none;
    }
    .toggle.btn {
        margin-top: 15px;
    }

	.btn-xs-block {
    display: block;
    margin: 7.5px 5px !important;
    float: left !important;
    overflow: hidden;
}
.btn-xs-full-block {
    width: 100%;
    display: block;
    margin: 7.5px 0px !important;
    float: none !important;
}
    .lang-buttons { margin-right:0; }
    .form-horizontal .control-label.text-left{ text-align: left; }
    .historial-title span {

    	margin-top:7.5px;
    }
	
    
}
.current-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/*edit property tabs*/
.top-underheader{
    padding: 0 0;
    background: #306A88;
    box-shadow: none;
    color: #ffffff;
    border-top: 1px solid #eee;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
    height: 62px;
    border-radius:0;
}
.top-underheader li a{ color:#ffffff;}
.top-underheader .nav-tabs{ border-bottom: none;}
.top-underheader li.active a, .top-underheader li.active a:focus,.top-underheader li.active a:hover, .top-underheader li a:hover{
    box-shadow: none;
    background: #4589c5;
    color: #ffffff;
    border-radius:0;
    border:1px solid transparent;
    font-weight: 400;
}
.top-underheader>ul>li.active>a{
    border:none;
}
.top-underheader li a{
    height:60px;
    padding: 20px 15px !important;
}
@media (max-width: 414px){
    .top-underheader{
        height: 180px;
    }
}
.nav-tabs>li>a { margin-right: 0 !important;  }
.form-horizontal .control-label{text-align: left;padding-bottom:5px}
.action-buttons li{text-align:right;}
.lang-buttons{margin-right:0px;}
legend{margin-bottom:0px;}
.form-horizontal .control-label {
    text-align: left;
    padding-bottom: 5px;
    /*font-size: 12px;*/
    /*min-height: 29px;*/
}
    
@media (min-width:1000px) {
    #navbarProfile{
        display:none !important;
    }
}

@media (min-width: 768px) {
    .form-inline .form-control {
        margin: 10px 0px;
    }

}

/* Portrait and Landscape */
@media  (max-device-width: 667px) 
{ 
	a.navbar-brand {
    	width: 50%;
	}
    .navbar{
        height: 70px;
    }
	.refTd {
		/*width:30% !important;*/
	}
	.hidden-mobile {
		display:none !important;
	}
	#realestate #properties {
    	float: left;
	    padding: 15px 0px;
	    width: 100%;
	}
	.buttons-view-prop {
		margin: 0px !important;
	    padding: 0px !important;
	    float: none;
	    clear: both;
	}

}

@media print {
    
    #property-image{
        width: 480px;
        height: 340px;
        margin-top: 15px;
    }
    #property-specs{
        display: inline-block;
    }
    #property-specs ul{
        position: relative;
        padding-left: 15px !important;
        list-style: inside;
    }
    #property-address li:last-child{
        display: none;
    }
    #property-remarks li.list-group-item {
        padding-left: 0px!important;
    }
    #property-remarks > div {
        display: flex;
    }
    #property-remarks ul, #property-owner ul, #property-address ul {
        /*width: 250px;*/
        padding-left: 0px !important;
    }
    #property-owner ul:nth-child(2){
        display:none;
    }
    #property-reference{
        padding: 0px;
    }
    a{
        text-decoration: none !important;
    }
    span[class^="glyphicon-"], span[class*=" glyphicon-"] {
        display: inline-block;
        vertical-align: text-top;
        width: 14px;
        /*background-image:none!important;*/
        /*background-repeat:no-repeat;*/
        background-position: 0 0!important;
    }
    span.glyphicon-envelope::before{
        clip: rect( 0px 86px 14px 72px)!important;
        margin-top: 0px!important;
        margin-left: -72px!important;
        content: url('/images/icons/glyphicons-11-envelope.png')!important;
        position:absolute!important;
        width:auto!important;
        height:auto!important;
    }
    small{
        /*display:none;*/
    }
    #propertiesToPrint > .form-group, .adv-search-background, label.printable, .scoring, .placeholder{
        display: none;
    }
}

@media print and (orientation: landscape){
    #propertiesToPrint{
        width: 100%;
    }
    #propertiesToPrint th.state, #propertiesToPrint td.state, .scoring, .placeholder{
        display:none;
    }
}
.message-content{
    background-image: none;
    border-color: #bce8f1;
}

.select-tag{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 15px;
}

select.select-tag::-ms-expand { display: none; }

.select-loader{
    background-image: url("https://crm.aproperties.es/images/ajax_loader.gif");
}
.select-success{
    background-image: url("https://crm.aproperties.es/images/check.png");
}
.ajax-loader{
    background-image: url("https://crm.aproperties.es/images/ajax_loader.gif");
    background-repeat: no-repeat;
    background-position: center center;
}
.text-ellipsis{
    text-overflow: ellipsis;
}
.td-text-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.td-text-ellipsis:focus {
    text-overflow: initial;
}

.border-right{ border-right: 1px solid #ccc; }
.inline-block{ display: inline-block;}
.grey .table{
    font-size: 13px !important;
}
.grey .table td, .grey .table th{
    border-right: 1px solid #ddd;
}


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

#portals input[type=text]{background-color: #ffffff}

#propertiesToPrint .label{
    font-size: 12px !important;
}
/* Display flex utilities */
.flex { display: flex; }
.inline-flex { display: inline-flex; }
/* Flex direction utilities */
.flex-row { flex-direction: row; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-col { flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; }
.flex-wrap {flex-wrap: wrap;}
.flex-wrap-reverse {flex-wrap: wrap-reverse;}
.flex-nowrap {flex-wrap: nowrap;}
/* Flex utilities */
.flex-1	{flex: 1 1 0%;}
.flex-auto {flex: 1 1 auto;}
.flex-initial {flex: 0 1 auto;}
.flex-none {flex: none;}
/* Flex grow utilities */
.flex-grow-0 {flex-grow: 0;}
.flex-grow {flex-grow: 1;}
/* Flex shrink utilities */
.flex-shrink-0 {flex-shrink: 0;}
.flex-shrink {flex-shrink: 1;}
/* Justify content utilities */
.justify-start {justify-content: flex-start;}
.justify-end {justify-content: flex-end;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}
.justify-evenly {justify-content: space-evenly;}
/* Align items utilities*/
.items-start {align-items: flex-start;}
.items-end {align-items: flex-end;}
.items-center {align-items: center;}
.items-baseline {align-items: baseline;}
.items-stretch {align-items: stretch;}


.text-active{ color: #337ab7; }
.text-assigned{ color: #f0ad4e; }
.text-closed{ color:#5cb85c; }
.text-disabled{ color: #d9534f; }
.text-draft{ color: #737373; }
.text-default{ color: #fff; }

.font-normal{font-weight: normal}
.font-bold{font-weight: bold}
.font-bolder{font-weight: bolder}
.font-light{font-weight: lighter}

.underline {text-decoration: underline}
.cursor-pointer {cursor: pointer}

.form-control-height{ height: 34px; }
input[type="text"], input[type="search"], input[type="email"], input[type="password"], select { display: block; width: 100%; height: 34px; padding: 6px 12px;font-size: 14px; line-height: 1.42857143; color: #555 !important; font-weight:normal; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.paginator {
    text-align: center;
}
.has-error { border-color:tomato; }
.has-error span { color:tomato; }

/*Margin and padding utilities*/
.mt-0 { margin-top: 0px}
.mt-5 { margin-top: 5px}
.mt-10 { margin-top: 10px}
.mt-15 { margin-top: 15px}
.mt-20 { margin-top: 20px}
.mt-25 { margin-top: 25px}
.mt-30 { margin-top: 30px}

.mr-0 { margin-right: 0px}
.mr-5 { margin-right: 5px}
.mr-10 { margin-right: 10px}
.mr-15 { margin-right: 15px}
.mr-20 { margin-right: 20px}
.mr-25 { margin-right: 25px}
.mr-30 {margin-right: 30px;}

.mb-0 { margin-bottom: 0px}
.mb-5 { margin-bottom: 5px}
.mb-10 { margin-bottom: 10px}
.mb-15 { margin-bottom: 15px}
.mb-20 { margin-bottom: 20px}
.mb-25 { margin-bottom: 25px}
.mb-30 { margin-bottom: 30px}

.ml-0 { margin-left: 0px}
.ml-5 { margin-left: 5px}
.ml-10 { margin-left: 10px}
.ml-15 { margin-left: 15px}
.ml-20 { margin-left: 20px}
.ml-25 { margin-left: 25px}
.ml-30 { margin-left: 30px}

.mx-0 { margin-right: 0px; margin-left: 0px}
.mx-5 { margin-right: 5px; margin-left: 5px}
.mx-10 { margin-right: 10px; margin-left: 10px}
.mx-15 { margin-right: 15px; margin-left: 15px}
.mx-20 { margin-right: 20px; margin-left: 20px}
.mx-25 { margin-right: 25px; margin-left: 25px}
.mx-30 { margin-right: 30px; margin-left: 30px}

.my-0 { margin-top: 0px; margin-bottom: 0px}
.my-5 { margin-top: 5px; margin-bottom: 5px}
.my-10 { margin-top: 10px; margin-bottom: 10px}
.my-15 { margin-top: 15px; margin-bottom: 15px}
.my-20 { margin-top: 20px; margin-bottom: 20px}
.my-25 { margin-top: 25px; margin-bottom: 25px}
.my-30 { margin-top: 30px; margin-bottom: 30px}

.pt-0 { padding-top: 0px}
.pt-5 { padding-top: 5px}
.pt-10 { padding-top: 10px}
.pt-15 { padding-top: 15px}
.pt-20 { padding-top: 20px}
.pt-25 { padding-top: 25px}
.pt-30 { padding-top: 30px}

.pr-0 { padding-right: 0px}
.pr-5 { padding-right: 5px}
.pr-10 { padding-right: 10px}
.pr-15 { padding-right: 15px}
.pr-20 { padding-right: 20px}
.pr-25 { padding-right: 25px}
.pr-30 { padding-right: 30px}

.pb-0 { padding-bottom: 0px}
.pb-5 { padding-bottom: 5px}
.pb-10 { padding-bottom: 10px}
.pb-15 { padding-bottom: 15px}
.pb-20 { padding-bottom: 20px}
.pb-25 { padding-bottom: 25px}
.pb-30 { padding-bottom: 30px}

.pl-0 { padding-left: 0px}
.pl-5 { padding-left: 5px}
.pl-10 { padding-left: 10px}
.pl-15 { padding-left: 15px}
.pl-20 { padding-left: 20px}
.pl-25 { padding-left: 25px}
.pl-30 { padding-left: 30px}

.px-0 { padding-right: 0px; padding-left: 0px}
.px-5 { padding-right: 5px; padding-left: 5px}
.px-10 { padding-right: 10px; padding-left: 10px}
.px-15 { padding-right: 15px; padding-left: 15px}
.px-20 { padding-right: 20px; padding-left: 20px}
.px-25 { padding-right: 25px; padding-left: 25px}
.px-30 { padding-right: 30px; padding-left: 30px}

.py-0 { padding-top: 0px; padding-bottom: 0px}
.py-5 { padding-top: 5px; padding-bottom: 5px}
.py-10 { padding-top: 10px; padding-bottom: 10px}
.py-15 { padding-top: 15px; padding-bottom: 15px}
.py-20 { padding-top: 20px; padding-bottom: 20px}
.py-25 { padding-top: 25px; padding-bottom: 25px}
.py-30 { padding-top: 30px; padding-bottom: 30px}

/* Width utilities */
.w-full { width: 100%}
.w-half { width: 50%}
.w-quarter { width: 25%}
.w-third { width: 33%}

/* Positioning utilities*/
.block {display: block;}
.relative { position: relative }
.absolute { position: absolute }
.fixed { position: fixed }

/* Text positioning utilities*/
.text-right { text-align: right}
.text-left { text-align: left}
.text-center { text-align: center}

.ellipsis-td {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Client search preferences list component */
.search-preferences .list-group.searches {
    padding: 0px !important;
}
.search-preferences .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.search-preferences .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.search-preferences .search-item .glyphicon-search {
    position: absolute;
    top: 15px;
    left: 10px;
}
.search-preferences .list-group-item p {
    margin-bottom: 0;
}
.search-preferences .search-item p {
    width: 85%;
    display: inline-block;
    margin: 2px 15px;
}
.search-preferences .list-group-item > .badge {
    color: white;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 0px 2px 2px 0px;
    padding: 13px 7px 13px 13px;
    background-color: #3073AC;
    height: 100%;
}
.search-preferences .list-group-item>.badge {
    float: right;
}
.search-preferences .list-group>p {
    margin-bottom: 15px;
}
.search-preferences .list-group>p:not(:first-child) {
    margin-top: 15px;
}
/*end Client search preferences list component */
.results-table__font-size {
    font-size: 12px;
}