/* @form header themes 
------------------------------------ */
.smart-forms .header-blue {	
	background-color:#3498db;
	border-top:1px solid #7ABBE7;  
	border-bottom:5px solid #2c81ba;
}
.tooltip.show {
	opacity: 1;
}

.tooltip.bs-tether-element-attached-left .tooltip-inner::before {
	border-right-color: red;
}

.tooltip.left .arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #F00 !important;
}
.smart-forms .header-lite{ border-top-color:#7ABBE7; }
.smart-forms .header-lite:before{ background-color:#3498db; }
.smart-forms .header-blue h4{ color:#fff; }

/* @form tagline 
-------------------------------------- */
.smart-forms .theme-blue .tagline span{ color:#3498DB; }
.smart-forms .theme-blue .smart-link{ color:#3498DB; }

ui-datepicker-week-end {
	color: #000000 !important;
}

.ui-datepicker th {
	text-align: center;
	font-weight: bold;
	color: #000000 !important;
}

.ui-widget-header .ui-state-highlight {
	border: 1px solid rgba(255, 219, 0, 1) !important;
	background: url('images/ui-bg_glass_55_fbf9ee_1x400.png') repeat-x scroll 50% 50% rgba(255, 216, 0, 1);
	color: #363636;
}
.blacktext {
	color: #000 !important;
}

.show {
	display: block !important;
}

.hidden {
	display: none !important;
	visibility: hidden !important;
}

.invisible {
	visibility: hidden;
}

/* @hover | focus  
---------------------------------------- */
.smart-forms .theme-blue .gui-input:hover,
.smart-forms .theme-blue .gui-textarea:hover,
.smart-forms .theme-blue .select > select:hover,
.smart-forms .theme-blue .select-multiple select:hover, 
.smart-forms .theme-blue .gui-input:hover ~ .input-hint,
.smart-forms .theme-blue .file .gui-file:hover + .gui-input,
.smart-forms .theme-blue .gui-textarea:hover ~ .input-hint{ border-color: #5dade2; }
.smart-forms .theme-blue .gui-input:focus,
.smart-forms .theme-blue .gui-textarea:focus,
.smart-forms .theme-blue .select > select:focus,
.smart-forms .theme-blue .select-multiple select:focus{ border-color: #3498db; color: #3C3C3C; }
.smart-forms .theme-blue .gui-textarea:focus{  height: 120px; }
.smart-forms .theme-blue .select > select:focus { z-index:10; z-index:20\9; }
.smart-forms .theme-blue .gui-input:focus ~ .field-icon i,
.smart-forms .theme-blue .gui-textarea:focus ~ .field-icon i{ color:#3498db; }
.smart-forms .theme-blue .select-multiple select:focus, 
.smart-forms .theme-blue .gui-input:focus ~ .input-hint,
.smart-forms .theme-blue .gui-textarea:focus ~ .input-hint, 
.smart-forms .theme-blue .file .gui-file:focus + .gui-input{ border-color: #3498db; }
.smart-forms .theme-blue .select > select:focus + .arrow{ color:#3498db; }

/* @star rating 
------------------------------------------------- */
.smart-forms .theme-blue .rating:hover .rating-star:hover,
.smart-forms .theme-blue .rating:hover .rating-star:hover ~ .rating-star,
.smart-forms .theme-blue .rating-input:checked ~ .rating-star { color: #3498db;	}
.smart-forms .theme-blue .rating-star, 
.smart-forms .theme-blue .rating:hover .rating-star {	color: #B5C1C7;	 }


/* @checkbox + radio blue 
--------------------------------------------------- */
.smart-forms .option-blue input:hover + .checkbox,  
.smart-forms .option-blue input:hover + .radio{ border-color: #5dade2; }
.smart-forms .option-blue input:checked + .checkbox, 
.smart-forms .option-blue input:focus + .checkbox, 
.smart-forms .option-blue input:checked + .radio, 
.smart-forms .option-blue input:focus + .radio{ border-color: #3498db; }
.smart-forms .option-blue input:checked + .radio:before, 
.smart-forms .option-blue input:focus + .radio:before{  background: #3498db; }
.smart-forms .option-blue input:checked + .checkbox:before, 
.smart-forms .option-blue input:focus + .checkbox:before{ border-color: #3498db; }

/* @toggle-switch blue 
--------------------------------------------- */
.smart-forms .switch-blue > input:checked + .switch-label { background: #3498db; border-color: #3498db; }
.smart-forms .switch-blue > input:checked + .switch-label:after { color:#3498db; }
.smart-forms .switch-blue > input:checked:focus + .switch-label { background: #2c81ba; border-color: #2c81ba; }

/* @button blue 
----------------------------------------------- */
.smart-forms .btn-blue { background-color: #3498db; }
.smart-forms .btn-blue:hover,
.smart-forms .btn-blue:focus{ background-color: #5dade2; }
.smart-forms .btn-blue:active{ background-color: #2c81ba; }
.smart-forms .btn-blue, 
.smart-forms .btn-blue:hover,
.smart-forms .btn-blue:focus, 
.smart-forms .btn-blue:active{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08);  }

/* @button green 
----------------------------------------------- */
.smart-forms .btn-green { background-color: #2ecc71; }
.smart-forms .btn-green:hover,
.smart-forms .btn-green:focus{ background-color: #58d68d; }
.smart-forms .btn-green:active{ background-color: #27ad60; }
.smart-forms .btn-green,
.smart-forms .btn-green:hover,
.smart-forms .btn-green:focus,
.smart-forms .btn-green:active{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08);  }

/* @button yellow 
---------------------------------------------------- */
.smart-forms .btn-yellow { background-color:#ed9c28;}
.smart-forms .btn-yellow:hover, 
.smart-forms .btn-yellow:focus{ background-color:#f0ad4e;  }
.smart-forms .btn-yellow:active{ background-color:#d58512; }
.smart-forms .btn-yellow,
.smart-forms .btn-yellow:hover, 
.smart-forms .btn-yellow:focus,
.smart-forms .btn-yellow:active{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08); }

/* @button red
------------------------------------------------------ */
.smart-forms .btn-red { background-color: #FF1800; }
.smart-forms .btn-red:hover, 
.smart-forms .btn-red:focus { background-color: #ec7063; }
.smart-forms .btn-red:active{ background-color: #FF1800; }
.smart-forms .btn-red, 
.smart-forms .btn-red:hover, 
.smart-forms .btn-red:focus,
.smart-forms .btn-red:active{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08); }

/* @datepicker overides 
-------------------------------------------------- */
.ui-datepicker { border:5px solid #3498db; }
.ui-datepicker:before{
	border-color:transparent transparent #3498db transparent;  
	border-color:rgba(255,255,255,0) rgba(255,255,255,0) #3498db rgba(255,255,255,0); 
}
.ui-timepicker-div .ui-widget-header,
.ui-datepicker .ui-datepicker-header { background:#3498db; }
.ui-datepicker-today a, 
.ui-datepicker-today a:hover, 
.ui-datepicker .ui-state-highlight { background:#3498db!important; }

/*  @price-box 
------------------------------------------------------ */
.smart-forms .theme-blue .selected-box h4{ color:#3498db; }
.smart-forms .ribbon-inner{ background: #3498db; }
.smart-forms .ribbon-inner:before,
.smart-forms .ribbon-inner:after{ border-top-color:#2c81ba; }