/* CSS for index.html */

body {
	margin: 0;
	padding: 0;
	height: 100%;
}
html {
    margin: 0;
	padding: 0;
	height: 100%;
    visibility: hidden;
}


textarea {
   resize: none;
}
#body-wrapper {
	min-height: 100%;
	position: relative;
}
#body-header {
	padding: 0px;
}
#body-content {
	padding-bottom: 182px; /* Height of the footer element */
}
footer {
    padding: 25px 50px 0 50px;
    height: 182px
}
#body-footer {
    width: 100%;
	height: 182px;
	position: absolute;
	bottom: 0;
	left: 0;
    background-color: #f0f0f0;
}
#body-footer a {
    text-decoration: underline !important;
    color: gray;
}
#body-footer p {
    margin: 0;
    padding: 0;
    color: gray;
}
#body-footer .social-icon img {
    width: 39px;
    margin-right: 6px;
}
#loading-bar-spinner {
    left: 50% !important;
    top: 45% !important;
}
#loading-bar-spinner .spinner-icon {
	width: 48px !important;
	height: 48px !important;
}

.user-account {
    font-size: 16px;
}

.page-number {
    width: 50px;
    height: 32px;
    margin: -10px;
}
.col-md-11 {
    margin: 0 !important;
    padding: 0 !important;
}
/* End of CSS for index.html */

.tab-pane .row {
    margin-bottom: 30px;
}

/* CSS common for all pages */
.detail-menu-container div {
    margin-top: 10px;
    /*margin-left: 10px;*/
}
.map-container {
	width: 95%;
	margin: 5px auto;
}

a {
    text-decoration: none !important;
    outline: 0 !important;
    /*color: #00b4a0;*/
}

.link-disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-header {
	background-color: #e9e9e9;
	padding: 5px 15px 20px 15px;
	border-bottom: 1px solid green;
}

.form-body {
	padding: 20px;
}

table thead {
	background-color: #e9e9e9;
}

.glyphicon-lg {
	font-size: 38px;
}

.glyphicon-md {
	font-size: 24px;
}

.glyphicon-sm {
	font-size: 16px;
}

.glyphicon-warning-sign {
    color: red;
}

.solid-border-left {
	border-left: 1px solid #eaeaea;
}

.solid-border-right {
	border-right: 1px solid #eaeaea;
}

.page-header {
	position: relative;
	margin-top: 10px;
    /*min-height: 140px;*/
}

.page-header-menu {
	position: absolute;
	right: 10px;
	top: 0;
	height: 100%;
    /*background-color: red;*/
}

.tab-header-menu {
    position: absolute;
    right: 0;
    top: -45px;
    height: 100%;
}

.claim-tab-header-menu {
    position: absolute;
    right: 0;
    top: -95px !important;
    height: 100%;
}

.reservation {
    min-width: 700px;
}

.reservation .row {
    margin-bottom: 10px;
}

.table {
	margin-top: -15px;
}

.claim-table {
    margin-top: 105px !important;
    padding-top: 15px !important;
}

.verify-address .alert {
    padding: 7px !important;
}

.asterisk {
    color: red;
    /*font-size: 1.5em;*/
}

.address-container {
    position: relative;
}

.address-container .autocomplete {
    position: absolute;
    top: 50px;
    left: 50px;
    right: 20px;
    background-color: white;
    border: 1px solid green;
    border-radius: 5px;
    max-height: 260px;
    overflow-y: auto;
    padding: 10px;
    z-index: 999;
}

.search-container {
    padding: 5px 15px 15px 15px;
}

.criteria-container,
.statistics-container {
    border: 1px solid green;
    border-radius: 5px;
}
.criteria-container {
    padding: 15px;
}
.statistics-container {
    background-color: lightblue;
}
.statistics-container .row {
    margin: 15px 25px 25px 10px;
}


fieldset .row {
    margin-bottom: 10px;
}

fieldset .sub-info-box {
    border: 1px solid green;
    border-radius: 5px;
    margin: 10px 5px 30px 30px;
    padding: 10px;
}
/* End of CSS common for all pages */


/* CSS for index.html */
.site-header {
	min-height: 80px;
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 10px;
	background-color: #f0f0f0;
	border-bottom: 1px solid green;
}

.site-header .navbar {
    border-radius: 0;
    border: 0;
    line-height: 1.42857143 !important;
    letter-spacing: 2px;
    background-color: transparent;
    /*font-size: 16px*/
}

#myNavbar {
	margin-top: 10px;
}

#myNavbar .glyphicon {
	margin-top: -5px;
	/*font-size: 24px;*/
}

/*#myNavbar ul li {
	padding-left: 10px !important;
	padding-right: 15px !important;
}
#myNavbar ul li a {
	padding-left: 0 !important;
	padding-right: 0 !important;
}*/
#myNavbar ul li a.selected {
	color: black;
	background-color: #e9e9e9;
	border-bottom: 3px solid green;
}

.navbar .divider-vertical {
    height: 20px;
    margin: 15px 2px;
    border-right: 1px solid green;
    border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
    border-right-color: #222222;
    border-left-color: #111111;
}

@media (max-width: 500px) {
    .navbar-collapse .nav > .divider-vertical {
        display: none;
     }
}

.site-header .btn-primary {
	color: white !important;
}

.site-header .btn-primary:hover {
	color: grey !important;
}

.breadcrumb-container {
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 40px;
	background-color: #e9e9e9;
	height: 60px;
	border-bottom: 1px solid green;
}

.breadcrumb-container .breadcrumb {
	background-color: transparent;
}

.alert-container {
	/*padding: 10px;*/
}
/* End of CSS for index.html */


.list-container,
.detail-container {
    padding: 20px 50px 30px 50px;
}

.detail-container .row,
.detail-container .col-md-4,
.detail-container .col-md-12 {
    margin-bottom: 15px;
}


/* CSS for login.html, change-password.html, recover-password.html */
.login-container,
.change-password-container,
.recover-password-container {
	margin: 20px;
}

.login-content,
.change-password-content,
.recover-password-content {
	width: 50%;
	min-width: 260px;
	margin: 0 auto;
	border: 1px solid green;
}
/* End of CSS for login.html, change-password.html, recover-password.html */




/* CSS for setting.html */
.setting-container {
	padding-top: 80px;
	padding-bottom: 50px;
}
/* End of CSS for setting.html */


/* CSS for home.html */
.home-container {
	padding-top: 80px;
	padding-bottom: 50px;
}
/* End of CSS for home.html */




/* CSS for organizations.html */
.organizations-container,
.properties-container,
.policies-container,
.claims-container,
.reservations-container,
.reviews-container {
	padding: 20px 30px 10px 30px;
}

.organization-logo {
	margin: -15px 0 -15px 0;
	height: 32px;
	width: auto;
}

.tab-content {
    position: relative;
}
/* End of CSS for organizations.html */


/* CSS for organization-detail.html */
.organization-detail-container,
.property-detail-container,
.claim-detail-container {
	padding: 15px 30px 15px 30px;
}

.organization-detail-container .tab-content,
.property-detail-container .tab-content {
	padding: 10px;
}

.organization-detail-container .nav-pills,
.property-detail-container .nav-pills {
	margin-top: 10px;
}
.organization-detail-container .nav-pills li,
.property-detail-container .nav-pills li {
	border-bottom: 1px dotted #e9e9e9;
}

.organization-detail-logo {
	height: auto;
	width: 95%;
}
/* End of CSS for organization-detail.html */


.capcha-container {
    position: relative;
    /*background-color: red !important;*/
    min-height: 100px;
}

.capcha-container #html_element {
    position: absolute;
    right: 0;
}


/* CSS for property-detail.html */
.property-photo {
	border: 3px solid #e9e9e9;
    margin: 10px;
	position: relative;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.property-photo img {
	width: 100%;
	height: 100%;
    border-radius: 5px;
}

.property-photo-popup img {
    width: 90%;
    height: 90%;
    border-radius: 5px;
}

.property-photo:hover {
    border: 3px solid lightgreen;
}

.property-photo-selected {
	border: 3px solid purple;
}

.property-photo .selected-mark {
	position: absolute;
	width: 32px;
	height: 32px;
	right: -5px;
	top: 5px;
	background-color: transparent;
}

.property-photo .selected-mark .glyphicon {
	color: green;
	font-size: 24px;
}
/* End of CSS for property-detail.html */




/* CSS for policy-detail.html */
.policy-detail-container {
	padding: 20px 30px 10px 30px;
}
/* End of CSS for policy-detail.html */


.claim-detail-container .page-header {
	margin-bottom: 5px;
}



.form-header {
    padding: 15px 20px;
    background: #fcfcfc;
    border-bottom: 1px solid #e0eded;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.no-padding {
    padding: 0 !important;
}

.wp-block.default {
    border: 1px solid;
    border-color: #e0eded;
    background: #fff;
}

.wp-block {
    margin: 0 0 15px 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: relative;
    cursor: default;
    border-radius: 2px;
}

.group-box {
    display: block;
    margin: 0 0 5px 0;
    padding: 15px;
    border: 1px solid #e0eded;
    /*border: 1px solid green;*/
    border-radius: 5px;
}

.status-box {
    padding: 6px;
    border: 1px solid #e0eded;
    border-radius: 5px;
    font-weight: bold;
}
.status-new {
    /*background-color: red;*/
    color: red;
    /*font-weight: bold;*/
}

.group-box .row {
    margin: 0 0 5px 0;
}

.group-box2 {
    display: block;
    margin: 0 0 15px 0;
    padding: 15px;
    border: 1px solid #e0eded;
    border-radius: 5px;
}

.draft, .upcoming {
    background-color: lightgray;
}
.submitted, .inhome {
    background-color: yellow;
}
.completed {
    background-color: lightgreen;
}
.cancel {
    background-color: red;
}
.claim-filed {
    background-color: orange;
}

.verification-legend .row {
    margin: 2px;
}

.verification-legend .legend-text {
    position: absolute;
    top: 6px;
    padding-left: 10px;
    font-weight: bold;
}

.verification-status-box {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #e0eded;
    border-radius: 15px;
    font-weight: bold;
}
.status-processing, .result-processing {
    background-color: #b3e5fc;
}
.status-completed, .result-passed {
    background-color: lightgreen;
}
.status-error, .status-blacklist, .result-failed, .result-error, .result-blacklist {
    background-color: #0086c3;
}
.status-cancel, .result-no-verification, .result-no-guest, .result-no-insured {
    background-color: lightgray;
}
.result-no-guest {
    padding-top: 5px;
    font-size: 12px;
}
.result-warning {
    background-color: #b6ffff;
}

.label {
	color: #000;
	font-size: 1.1em;
}

.ui-selectonemenu {
    display: inline-block;
    position: relative;
    width: auto;
    zoom: 1;
    cursor: pointer;
}

.dialog-form-header {
    color: #757575;
    border-bottom: 1px solid #052D7D;
    margin-bottom: 5px;
}

/* Verification packages CSS */
.ver-pack-container {
    height: 400px;
    overflow: auto;
}

.ver-pack-container ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.ver-pack-container ul > li {
    margin: 0;
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 10px;
    clear: both;
}
.ver-pack-container .pack {
    padding: 5px;
    cursor: pointer;
    margin-bottom: 10px!important;
}
.ver-pack-container .pack.checked {
    background-color:#266c8e;
    color:#fff!important;
    text-shadow:#000 1px 1px 2px!important;
}

.ver-pack-container .pack .title {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 3px;
}

.ver-pack-container .pack .des {
    margin-bottom: 5px;
}

.ver-pack-container .pack .price {
    font-weight: bold;
}

.insurance-container ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.insurance-container ul > li {
    width: 250px;
    float: left;
    padding: 10px;
    margin: 10px;
}

.insurance-container .ins {
    cursor: pointer;
    margin-bottom: 10px!important;
}
.insurance-container .ins.checked {
    background-color:#266c8e;
    color:#fff!important;
    text-shadow:#000 1px 1px 2px!important;
}

.insurance-container .ins .title {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 3px;
}

.insurance-container .ins .des {
    margin-bottom: 5px;
}

.insurance-container .ins .price {
    font-weight: bold;
}

.property-container {
    padding: 0;
    /*height: 600px;*/
    overflow: auto;
    overflow-x: hidden;
}

.property-container ul {
    list-style-type: none;
}

.home-box {
    width: 100%; display: block; padding: 10px; background-color: #F9FAFA;
}

/*Images carousel*/

.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;
  }

.carousel-indicators {
    margin-left: 0;
}

.home-att {
    font-size: 1.4em;
}

.home-att span {
    margin-left: 20px;
}

.addr {
    margin-top: 10px;
    margin-bottom: 5px;
}

.progress {
    height: 40px;
}

.progress-bar {
    line-height: 40px;
}

.guest-check-container {
    margin-left: -30px;
}

.guest-check-container li {
    list-style: none;
}

.status {
    color: #0DB41E;
}

.line {
    border-bottom: 1px solid #CECECE;
    padding-top: 5px;
}

.guest-check-container .block {
    padding-bottom: 20px;
}

/********************* Wizard *********************/
/* numbered buttons */
#status-buttons {}
#status-buttons a {
    color: #000;
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
    text-align: center;
    text-transform: uppercase;
}
#status-buttons a:hover {
    text-decoration: none;
}
#status-buttons span {
    background: #080808;
    display: block;
    height: 50px;
    width: 50px;
    margin: 0 auto 10px;
    padding-top: 16px;
    border-radius: 50%;
    color: #FFF;
    font-size: 1.2em;
}

/* active buttons */
#status-buttons a.active span {
    background: #00BC8C;
}

#form-views.ng-enter, #form-views.ng-leave {
    position: absolute;
    left: 30px;
    right: 30px;
    transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -webkit-transition:0.5s all ease; 
}
    
/* enter animation */
#form-views.ng-enter { 
    -webkit-animation: slideInRight 0.5s both ease;
    -moz-animation: slideInRight 0.5s both ease;
    animation: slideInRight 0.5s both ease; 
}

/* leave animation */
#form-views.ng-leave { 
    -webkit-animation: slideOutLeft 0.5s both ease;
    -moz-animation: slideOutLeft 0.5s both ease;
    animation: slideOutLeft 0.5s both ease;   
}

/* ANIMATIONS
============================================================================= */
/* slide out to the left */
@keyframes slideOutLeft {
    to      { transform: translateX(-200%); }
}
@-moz-keyframes slideOutLeft {  
    to      { -moz-transform: translateX(-200%); }
}
@-webkit-keyframes slideOutLeft {
    to      { -webkit-transform: translateX(-200%); }
}

/* slide in from the right */
@keyframes slideInRight {
    from    { transform:translateX(200%); }
    to      { transform: translateX(0); }
}
@-moz-keyframes slideInRight {
    from    { -moz-transform:translateX(200%); }
    to      { -moz-transform: translateX(0); }
}
@-webkit-keyframes slideInRight {
    from    { -webkit-transform:translateX(200%); }
    to      { -webkit-transform: translateX(0); }
}

#pdfV {
    width: 100%;
    min-height: 800px;
    border: 1px solid green;
}


/* ++ invoice */
.invoices-container,
.invoice-detail-container {
    padding: 20px 50px 20px 50px;
}

.invoices-container fieldset {
    margin-top: 30px;
}

.overdue {
    color: red;
}

.invoices-container .btn,
.invoices-container select,
.invoice-detail-container .btn,
.invoice-detail-container select {
    margin-left: 15px;
}

.invoice-detail-container .total-cost {
    font-size: 1.3em;
    color: green;
}
/* -- invoice */

.admin-container {
    padding: 20px 50px 20px 50px;
}

.admin-container table {
    font-size: 0.8em;
}







.fa-spin-custom, .glyphicon-spin {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.modal { overflow-y: auto }

.modal-backdrop {
    visibility: hidden !important;
}
.modal.in {
    background-color: rgba(0,0,0,0.5);
}