.hourglass {
    position:   fixed;
    z-index:    2000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 25, 25, 25, .10 )
                url('../../../img/loading.gif') 
                50% 50% 
                no-repeat;
}

.nav, .pagination, .carousel, .panel-title a, a {
	cursor: pointer;
}

.modal-body {
	padding: 40px;
}

.modal-header {
	padding: 1px 25px 8px;
	background-color: #CCD0D0;
	color: white;
	border-radius: 4px 4px 0px 0px;
}

.modal-footer {
	padding: 10px 25px 10px;
	margin-top: 0px;
	background-color: #f8f8f8;
	border-radius: 4px;
}

.text-bold {
	font-weight: bold;
}

.text-color-red {
	color: #a94442;
}

.text-color-grey {
	color: #acacac;
}

.color-white {
	color: #ffffff;
}

.color-red {
	color: red;
}

.color-black {
	color: black;
}

.color-yellow {
	color: yellow;
}

.color-blue {
	color: blue;
}

.color-grey {
	color: silver;
}

.form-group {
	margin-bottom: 5px;
}

.help-block {
	margin-top: 2px;
	margin-bottom: 2px;
}

.form-control::-webkit-input-placeholder {
	color: #d1d1d1;
}

.view {
	min-height: 400px;
}

.bottom-space-20px {
	margin-bottom: 20px;
}

.bottom-space-section {
	margin-bottom: 5px!important;
}

.no-padding-left-right {
	padding-left: 2px;
	padding-right: 2px;
}

@media (max-width: 767px) {
	.tooltip-md {
		top: 2px!important; 
    		left: 12px!important; 
	}
}

@media (min-width: 768px) {
	.tooltip-md {
		top: 0.5px!important; 
    		left: -50px!important; 
	}
}

@media (min-width: 1200px) {
	.tooltip-md {
		top: 0.5px!important; 
    		left: -30px!important; 
	}
}

.hotel-label-hotel {
        position: absolute;
        background: #b3a98b00;
		color: #ec08b9;
        font-size: 15px;       
        transform: translate(20px, -32px);
        pointer-events: none;
        
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.hotel-label-left {
    position: absolute;
    background: #b3a98b00;
    color: #ec08b9;
    font-size: 15px;       
    transform: translate(-220px, -40px);
    pointer-events: none;
    
    width: 200px;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    text-align: right;
}

.hotel-label-convention-center {
    position: absolute;
    background: #ffffff26;
    color: #8a4fd6;
    font-size: 15px;       
    transform: translate(-220px, -40px);
    pointer-events: none;
    
    width: 200px;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    text-align: right;
}


.hotel-label-1 {
        position: absolute;
        background: #ffffff26;
		color: #e32aae;
        font-size: 14px; 
        transform: translate(20px, -34px);
        pointer-events: none;
        
	width: 170px;
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.hotel-label-2 {
    position: absolute;
    background: #ffffff26;
    color: #e32aae;
    font-size: 14px;       
    transform: translate(-220px, -30px);
    pointer-events: none;
    
    width: 200px;
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    text-align: right;
}

.hotel-label-3 {
        position: absolute;
        background: #ffffff26;
		color: #e32aae;
        font-size: 14px; 
        transform: translate(18px, -50px);
        pointer-events: none;
        
	width: 170px;
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.hotel-label-4 {
    position: absolute;
    background: #ffffff26;
    color: #e32aae;
    font-size: 14px;       
    transform: translate(-220px, -38px);
    pointer-events: none;
    
    width: 200px;
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    text-align: right;
}

.hotel-label-5 {
        position: absolute;
        background: #ffffff26;
		color: #e32aae;
        font-size: 14px; 
        transform: translate(20px, -39px);
        pointer-events: none;
        
	width: 140px;
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.hotel-label-6 {
    position: absolute;
    background: #ffffff26;
    color: #e32aae;
    font-size: 14px;       

    transform: translate(-220px, -30px);
    pointer-events: none;
    
    width: 200px;
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    text-align: right;
}


.text-left {
  text-align: left !important;
}