/*  Settings profile
-------------------------------------*/
.edit-user-details__avatar{
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    max-width: 7.5rem;
    box-shadow: 0 2px 0 rgba(90,97,105,.11), 0 4px 8px rgba(90,97,105,.12), 0 10px 10px rgba(90,97,105,.06), 0 7px 70px rgba(90,97,105,.1);
}

.edit-user-details__avatar:hover .edit-user-details__avatar__change{
    opacity:1;
    cursor:pointer
}

.edit-user-details__avatar img{
    width: 100%;
}

.edit-user-details__avatar__change{
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    border-radius: 50%;
    font-size: 1.875rem;
    background: rgba(255,255,255,.95);
    transition: all 250ms cubic-bezier(.27,.01,.38,1.06);
}

.edit-user-details__avatar__change i{
    color: #9ea8b9;
    line-height: 7.5rem;
}

/*  Forms
-------------------------------------*/
.btn-danger {
    border-color: #ff767a !important;
    background-color: #ff767a !important;
}

.btn-danger:hover,
.add-new-item:hover{
    color: #fff !important;
    border-color: #d8424e !important;
    background-color: #d8424e !important;
}

/*  Other
-------------------------------------*/
.text-danger{
    color: #f37e7e !important;
}

.alert-danger {
    color: #fff !important;
    background-color: #f37e7e !important;
}

.alert-danger a{
    color: #fff !important;
    text-decoration: underline !important;
}

.badge-warning {
    color: #ffffff !important;
    background-color: #f0ad4e !important;
}

.badge-dark{
    background-color: #3d5170 !important;
}

.modal{
    -webkit-overflow-scrolling: touch;
}

.full-page-modal .modal-dialog{
    max-width: 100%;
    margin: 0px;
}

.full-page-modal .modal-dialog .modal-content{
    border-radius: 0px;   
}

.spinner{
    position: absolute;
    left: 50%;
}

.spinner-inner{
    position: relative;
    left: -50%;
}

.inline-fieldset{
    float: left;
    margin-right: 20px;
}

.fileuploader-popup .fileuploader-popup-node .reader-node{
    left: 0px !important;
    margin: 0 auto !important;
}

.btn-round{
    border-radius: 50px;
}

.bootstrap-select .btn-default{
    border: 1px solid #e1e5eb;
}

.bootstrap-select .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #63a9f5;
}

.bootstrap-select .filter-option-inner-inner{
    color: #495057;
    padding: 0px 2px 1px;
}

.pull-right{
    float: right;
}

.pull-left{
    float: left;
}

.paragraph-0 p{
    margin-bottom: 0px;
}

.in-col-p-0 .col{
    padding: 0px;
}

body.loading .loader-outer
{
    display:    none;
    position:   fixed;
    z-index:    1100;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, 0.8 );
}


body.loading .loader-outer i
{
    position : fixed;
    z-index : 1100;	
    top : 50%;
    left : 50%;
    margin-top: -26px;
    margin-left: -26px;
}

body.loading
{
    overflow: hidden;   
}

body.loading .loader-outer
{
    display: block;
}

.main-city .img-wrapper,
.other-city .img-wrapper{
    cursor: pointer;
    height: 100%;
}

.img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-wrapper .img-overlay {
    position: absolute;
    z-index: 8;
    top: 1rem;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    background-color: rgba(34, 34, 34, 0.7);
    transition: .5s ease;
}

.img-wrapper:hover .img-overlay {
    background-color: rgba(34, 34, 34, 0.4);
}

.img-wrapper .label {
    position: absolute;
    z-index: 10;
    color: white;
    text-align: left;
}

.img-wrapper .label.bottom-left {
    bottom: 1rem;
    left: 2rem;
    right: 2rem;
}

.img-wrapper .review {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    z-index: 10;
    top: 2rem;
    left: 2rem;
    color: white;
    font-size: 16px;
}

.img-wrapper .tag-info {
    display: inline-block;
    padding: 4px 8px; 
    background: rgba(250, 250, 250, 0.4); 
    position: absolute; 
    z-index: 10; 
    top: 2rem; 
    right: 2rem;
    color: white;
    font-size: 16px;
    border-radius: 2px;
}

.img-wrapper div span{
    font-size: 24px;
}

.main-city{
    width: 100%;
    height: 432px;
    object-fit: cover;
}

.other-city{
    width: 100%;
    height: 216px;
}