/*
    Margin utils
-------------------------
*/
.top0 {margin-top:0 !important ;}
.top3 { margin-top: 3px }
.top4 { margin-top: 4px }
.top5 { margin-top: 5px }
.top7 { margin-top: 7px }
.top8 { margin-top: 8px }
.top9 { margin-top: 9px }
.top10 { margin-top: 10px !important }
.top11 { margin-top: 11px }
.top12 { margin-top: 12px }
.top13 { margin-top: 13px }
.top15 { margin-top: 15px !important }
.top17 { margin-top: 17px }
.top20 { margin-top: 20px !important }
.top25 { margin-top: 25px }
.top27 { margin-top: 27px }
.top30 { margin-top: 30px !important }
.top35 { margin-top: 35px }
.top40 { margin-top: 40px }
.top45 { margin-top: 45px }
.top50 { margin-top: 50px }
.top70 { margin-top: 70px !important; }
.top100 { margin-top: 100px }
.top390 {margin-top:390px }
.left3 { margin-left: 3px }
.left5 { margin-left: 5px }
.left6 { margin-left: 6px }
.left7 { margin-left: 7px }
.left8 { margin-left: 8px }
.left9 { margin-left: 9px }
.left10 { margin-left: 10px }
.left13 { margin-left: 13px }
.left15 { margin-left: 15px }
.left17 { margin-left: 17px }
.left20 { margin-left: 20px }
.left23 { margin-left: 23px }
.left25 { margin-left: 25px }
.left27 { margin-left: 27px }
.left30 { margin-left: 30px }
.left35 { margin-left: 35px }
.left37 { margin-left: 37px }
.left40 { margin-left: 40px }
.left50 { margin-left: 50px }
.left100 {margin-left: 100px}
.right3 { margin-right: 3px }
.right5 { margin-right: 5px }
.right7 { margin-right: 7px }
.right10 { margin-right: 10px }
.right15 { margin-right: 15px }
.right17 { margin-right: 17px }
.right20 { margin-right: 20px }
.right25 { margin-right: 25px }
.right30 { margin-right: 30px }
.right40 { margin-right: 40px }

.bottom3 { margin-bottom: 3px }
.bottom5 { margin-bottom: 5px }
.bottom10 { margin-bottom: 10px }
.bottom15 { margin-bottom: 15px }
.bottom20 { margin-bottom: 20px }
.bottom30 { margin-bottom: 30px }
.bottom40 { margin-bottom: 40px }

.padding-top5 { padding-top: 5px}
.padding-top10 { padding-top: 10px !important }
.padding-top20 { padding-top: 20px }
.padding-top25 { padding-top: 25px }
.padding-top27 { padding-top: 27px }
.padding-top30 { padding-top: 30px }
.padding-left5 { padding-left: 5px}
.padding-left10 { padding-left: 10px}
.padding-left15 { padding-left: 15px}
.padding-left35 { padding-left: 35px}
.padding-bottom40 { padding-left: 40px}

.width100 { width: 100px}
.width150 { width: 150px}
.width200 { width: 200px}
.width250 { width: 250px}
.width300 { width: 300px}
/*
    Font utils
-------------------------
*/
.font10 { font-size: 10px }
.font12 { font-size: 12px }
.font13 { font-size: 13px }
.font14 { font-size: 14px }
.font15 { font-size: 15px }
.font16 { font-size: 16px }
.font17 { font-size: 17px }
.font18 { font-size: 18px }
.font20 { font-size: 20px }
.font22 { font-size: 22px }
.font23 { font-size: 23px !important }
.font25 { font-size: 25px !important }
.inherit-font {font-family: inherit}
.inherit-height {height: inherit}

/*
    Angular ng-cloak
-------------------------
*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

/*
    Opacity
-------------------------
*/
.opacity10 { opacity: 0.1; }
.opacity20 { opacity: 0.2; }
.opacity30 { opacity: 0.3; }
.opacity40 { opacity: 0.4; }
.opacity50 { opacity: 0.5; }
.opacity60 { opacity: 0.6; }
.opacity70 { opacity: 0.7; }
.opacity80 { opacity: 0.8; }
.opacity90 { opacity: 0.9; }

.clear-decoration{
    text-transform: none !important;
    text-decoration: none !important;
}

/*
    Fill directive
-------------------------
*/
.wide-img{
    /*margin-left:-50%;*/
    height:100%;
    width: auto;
}
.tall-img{
    /*margin-top:-50%;*/
    height: auto;
    width:100%;
}

/*
    Bootstrap custom button
-------------------------
*/
.btn-custom-green {
    background-color: #1191a0;
    border-color: #1191a0;
    border-radius: 5px;
    line-height: 1.5;
    padding: 4px 7px;
}
.btn-custom-green:hover,
.btn-custom-green:focus,
.btn-custom-green:active,
.btn-custom-green.active {
    background-color: #2687A0;
    border-color: #2687A0;
}
.btn-custom-green.disabled:hover,
.btn-custom-green.disabled:focus,
.btn-custom-green.disabled:active,
.btn-custom-green.disabled.active,
.btn-custom-green[disabled]:hover,
.btn-custom-green[disabled]:focus,
.btn-custom-green[disabled]:active,
.btn-custom-green[disabled].active,
fieldset[disabled] .btn-custom-green:hover,
fieldset[disabled] .btn-custom-green:focus,
fieldset[disabled] .btn-custom-green:active,
fieldset[disabled] .btn-custom-green.active {
    background-color: #1191a0;
    border-color: #1191a0;
}

.btn-custom-blue {
    background-color: #0074A2;
    border-color: #0074A2;
    border-radius: 5px;
    line-height: 1.5;
    padding: 4px 7px;
}
.btn-custom-blue:hover,
.btn-custom-blue:focus,
.btn-custom-blue:active,
.btn-custom-blue.active {
    background-color: #0068A2;
    border-color: #0068A2;
}
.btn-custom-blue.disabled:hover,
.btn-custom-blue.disabled:focus,
.btn-custom-blue.disabled:active,
.btn-custom-blue.disabled.active,
.btn-custom-blue[disabled]:hover,
.btn-custom-blue[disabled]:focus,
.btn-custom-blue[disabled]:active,
.btn-custom-blue[disabled].active,
fieldset[disabled] .btn-custom-blue:hover,
fieldset[disabled] .btn-custom-blue:focus,
fieldset[disabled] .btn-custom-blue:active,
fieldset[disabled] .btn-custom-blue.active {
    background-color: #0074A2;
    border-color: #0074A2;
}

.btn-list-space {
    border-color: #1191a0;
    background: #1191a0 url('../images/list-spaces/list-space-arow.png') no-repeat left;
    height: 30px;
    padding-left: 42px;
    outline: none;
}


.btn-login{
    width: 330px;
    height: 45px;
    color: #086260;
    font-size: 25px;
    font-family: Klavika, sans-serif;
    background-color: #a7d892;
}


.btn-sing-up{
    width: 320px;
    height: 45px;
    color: #07701e;
    font-size: 25px;
    font-family: Klavika, sans-serif;
    background-color: #f6cf12;
}

.btn-reset-password{
    font-family: Klavika, sans-serif;
    font-size: 17px;
    width: 260px;
    height: 30px;
    background-color: #b4c936;
    color: #fff;
    padding: 0;
}

/*
    Others
-------------------------
*/
.font-nexa { font-family: NexaBold, sans-serif }
.avo-bold { font-weight: bold }
.clear-margin { margin: 0 }
.clear-padding { padding: 0 }
.cursor-pointer { cursor: pointer }
.h45 { height: 45px}

/*
    jQuery star rating
-------------------------
*/
div.vote-wrap{
    overflow: hidden;
}

div.vote-block{
    position: relative;
}

div.vote-hover{
    float: left;
    cursor:  pointer;
}

div.vote-stars{
    position: absolute;
    left: 0;
    top: 0;
}

div.vote-active{
    position: absolute;
    left: 0;
    top: 0;
}

div.vote-result{
    color: #ccc;
    font-size: 14px;
    margin-top: 12px;
    padding-left: 190px;
}

div.vote-success{
    clear: both;
    color: #ccc;
    font-size: 14px;
    margin: 10px 0 0 10px;
}

/*
    AvoTravel Colors
-------------------------
*/
.avo-red { color: #ee494c }
.avo-green { color: #51a35c}
.avo-blue { color: #00b3af}
.avo-white { color: #ffffff}

/* ======= Loading Spinner ======= */
#loading-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

#loading-spinner > .overlay,
#loading-spinner > .loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#loading-spinner > .overlay {
    z-index: 1110;
    background: rgba(255, 255, 255, 0.7);
    /*background: rgba(0, 0, 0, 0.7);*/
}

#loading-spinner > .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}

#loading-spinner > .loading-img {
    z-index: 1020;
    background: transparent url('/resources/images/spinner-loader.gif') 50% 50% no-repeat;
}

/*
    Inherit some bootstrap grid layout (for creating 5 columns)
-------------------------
*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
}

.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;
    }
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background: #b4c936 none !important;
}

.wordwrap {
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
}