@charset "utf-8";
/**
Color Map
---------- 
BackGround: #FFFFFF
Red: 		#FFFFFF - RGB(231, 30, 37)
Grey: 		#000000 - RGB(254, 254, 254)
White: 		#FFFFFF - RGB(255, 255, 255)
Orange: 	#FFFFFF - RGB(231, 173, 68)
Gold:     	#FFFFFF - RGB(229, 201, 121)
**/

section.section-logo{padding: 24px 24px;}
#header.white-header {background-color: rgba(254, 254, 254, 0.98) !important;}
/**#header.white-header {background-color: rgba(254, 254, 254, 1) !important;}**/
#header.white-header.fixed-position {background-color: rgba(254, 254, 254, 0.90) !important;} 
.navbar-default .navbar-nav > li > a:hover{color:#FFFFFF;}
.navbar-default .navbar-nav > li > a:visited{color:#3cced6;}
.navbar-default .navbar-nav > li > a:focus{color:#FFFFFF;}

li.open a{color:#FFFFFF !important;}


.btn.btn-lg{border:thin #000000 solid; background-color:#000000;}
li.facebook a:hover, li.twitter a:hover, li.instagram a:hover{text-decoration:none;}
span.about-icon{font-size:9em;}
div.about-icon-wrap{padding-bottom:1em; }
div.about-icon{background: #000000;}
.about-icon-wrap{text-align: center; margin: 0 auto; padding: 1em 0 1em;}
div.parallax h2.main-heading{color:#3cced6;}


/** Error Pages **/
#banner-400, #banner-401, #banner-403, #banner-404, #banner-500 {background-image: url('../img/banner/img-il-castello.jpg');}

.common-spacing, .common-spacing .demo-wrapper {}

.contact-form [type='button'].btn {
	background: transparent;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	padding: 14px 10px;
	border-color: #FFFFFF;
	color: #111414;
	min-width: 1px;
}

.contact-form [type='button'].btn:hover 
{
	background: #FFFFFF;
	color: #3cced6;
}

#callout_data
{
    outline: none;
    border: 1px solid #111414;
    background-color: #eee;
    font-size: 1em;
    padding: 0.7em 1em;
	-webkit-appearance:none;
	color: #111414;	
	cursor:not-allowed;	
}

#stock_data
{
    outline: none;
    border: 1px solid #111414;
    background: none;
    font-size: 1em;
    padding: 0.7em 1em;
	-webkit-appearance:none;
	color: #111414;	
}

.sable-tab-bar button.sable-jobcard-submit{background-color:lightgreen;}

.ibox-content i.fa{color:#111414 !important;}
.ibox-content a, .ibox-content a i, .ibox-content a h4{color:#111414 !important;}
.ibox-content a:hover, .ibox-content a i:hover, .ibox-content a h4:hover{color:#3cced6 !important;}

.sableDashboardMenu li label.nav-label{font-weight:normal !important;}

video.scanner
{
	border: none;
	outline: none;
	width:auto;
	height:45vh;
}

.scanner-form input[type="text"]
{
    outline: none;
    border: 1px solid #111414;
    background: none;
    font-size: 1em;
    padding: 0.7em 1em;
    width: 100%;
	-webkit-appearance:none;
	color: #111414;	
	text-transform:uppercase;
}

input.product-model{position:relative;}
button.product-model
{
    position: absolute;
    right: 1em;
    background: none;
    height: 100%;
    width: 4em;
    color: #111414;
    outline: none;
    border:none;
    padding: 4px 0;
    top: 0;
}
button.product-model:hover{background:#111414; color:#3cced6;}

td.booking_heading
{
	text-align:center;
	width:14%;
	font-weight:bold;
	background-color:#111414;
	font-size: 18px;
	color: #3cced6;
	text-transform:uppercase;
	letter-spacing:2px;
}


td.booking_info, td.service_info
{
	border-radius: 0 !important;
	font-size: 13px !important;
	text-align:left;
	color:#111414;
}

td.booking_info_alt
{
	position: relative;
}

td.booking_info_alt table, td.booking_info table
{
	width: 100%;
	top: 0;
	height: 100px;
}

td.service_info_alt table
{
	width: 100%;
	top: 0;
	height: 100px;
}

td.booking_info_alt
{
	background-color: #eee;
	height: 35%;
	border-radius: 0 !important;
}

td.booking_info_label
{
	color: black;
	border-radius: 0 !important;
}

td.service_info_alt
{
	background-color: rgba(231, 203, 123, 0.5);
	height: 35%;
	border-radius: 0 !important;
}

td.service_info_label
{
	color: black;
	border-radius: 0 !important;
	font-weight: 700;
}

/** PLANNER TABLE CSS **/
table.planner
{
	width: 100%;
}

table.planner tr.header
{
	height:28px;
	background: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
}

table.planner tr.header td
{
	border: thin #111414 solid;
	height:30px;
}

table.planner td
{
	height:85px;
	border: thin #3cced6 solid;
	padding-left:5px;
	position: relative;
}

/**
table.planner td span.ui-state-highlight{background-color:cyan;}

.planner tr:hover td
{
	border: thin #3cced6 solid;
	background: coral;
}
**/

table.planner tr.plan_row
{
	background: #3cced6;
}

table.planner tr.plan_row_alt
{
	background: #eee;
}

div.dragblock
{
	border: thin slategrey solid;
    padding: 2px;
    box-shadow: 3px 3px 5px #111414;
    border-radius: 4px;
    width: 96%;
	background-color: #FFFFFF;
	cursor:move;
	position:absolute;
	top: 7px;
    left: 7px;
	min-height: 70px;
}

div.dragblock .singlebooking
{
	background-color: lime !important;
}

div.clientblock
{
	border: thin slategrey solid;
    padding: 2px;
    border-radius: 4px;
    width: 96%;
	background-color: lightgreen;
	cursor:not-allowed;
	position:absolute;
	top: 7px;
    left: 7px;
	min-height: 70px;
}
div.incompleteblock
{
	border: thin slategrey solid;
    padding: 2px;
    border-radius: 4px;
    width: 96%;
	background-color: lightcoral;
	cursor:not-allowed;
	position:absolute;
	top: 7px;
    left: 7px;
	min-height: 70px;
}

span.planner_area{font-weight: 500; font-style: italic;}
span.planner_area a {font-style: italic; font-size: 12px;}
span.error{color: red;}

/** User Mobile App UX **/
.mob-usr-block
{
	display: inline-flex;  width:100%; background:#eee; padding:5px; border-bottom: 1.5px white solid; border-top: 3px white solid; height:120px;
}

.mob-usr-block a {width:100% !important;}

.mob-usr-block-title
{
	border-bottom: thin white solid; background: silver; padding: 4px; height: 35px; width: 100%;
}

.mob-usr-block-addr
{
	transform: translateY(0%) translateX(-20%); top: 50%; right: 0; position: absolute; height: 40px; width: 40px; border-radius: 100%; background-color: white;
}
.mob-usr-block-addr i
{
	top: 15%; left: 35%; position: absolute;
}
.ibox-content{border-style:none !important;}
.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
    height: 225px;
    border: thin rgba(0,0,0,0.1) solid;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) 
{
	#header.white-header, #header.white-header.fixed-position {background-color: #000000 !important; color: #FFFFFF !important;}
	span.about-icon{font-size:7em;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) 
{
	#header.white-header, #header.white-header.fixed-position {background-color: #000000 !important; color: #FFFFFF !important;}
	span.about-icon{font-size:5em;}
}