//== Variables
$statusNone: green;
$statusOne: #FF2222;
$statusTwo: blue;
$statusThree: orange;

//== Styling
body {
	// font-family: 'Segoe UI', 'Droid Sans', Arial, sans-serif;
    // font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
    font-family: Verdana,sans-serif;
	font-size: 11px;
    margin: 0;
}
.time-sch-item-event {
	border-width: 1px;
	border-style: solid;
	width: 2px;
}  
.item-event-none {
    background-color: $statusNone;
    border-color: darken($statusNone, 10%);
	}
.item-event-one {
    background-color: $statusOne;
    border-color: darken($statusOne, 10%);
	}
.item-event-two {
    background-color: $statusTwo;
    border-color: lighten($statusTwo, 10%);
	}
.item-event-three {
    background-color: $statusThree;
    border-color: darken($statusThree, 10%);
	}

.item-status-none {
    background-color: $statusNone;
	}
.item-status-one {
    background-color: $statusOne;
	}
.item-status-two {
    background-color: $statusTwo;
	}
.item-status-three {
    background-color: $statusThree;
	}

.time-sch-item {
	transition: background-color ease 0.1s;

	border-width: 1px;
	border-style: solid;

	&.item-status-none {
		border-color: darken($statusNone, 5%);
		&:hover { 
			background-color: lighten($statusNone, 10%); 
			}
		}
	&.item-status-one {
		border-color: darken($statusOne, 5%);
		&:hover { 
			background-color: lighten($statusOne, 10%); 
			}
		}
	&.item-status-two {
		border-color: darken($statusTwo, 5%);
		&:hover { 
			background-color: lighten($statusTwo, 10%); 
			}
		}
	&.item-status-three {
		border-color: darken($statusThree, 5%);
		&:hover { 
			background-color: lighten($statusThree, 10%); 
			}
		}

	&.ui-draggable-dragging {
		cursor: move;
		}
	}

.realtime-info {
	display: none;
}

.period-3day {
	.time-sch-header-0-date-even {
		background-color: #F0F0F0;
		}
	}
.period-1week {
	.time-sch-header-0-date-even {
		background-color: #F0F0F0;
		}
	}
.period-1month {
	.time-sch-header-1-date-even {
		background-color: #F0F0F0;
		}
	}
	
.time-sch-wrapper {
	.time-sch-header-1-current-time {
		background-color: #999999;
		border-color: #888888;
    }
	.time-sch-header-0-date-start {
		border-left-color: #444444;
    }
	.time-sch-header-0-date-end {
		border-right-color: #444444;
    }
}
    
h1 {
  margin:0 0 2em;
  padding: 0.5em;
  font-size: 1.3em;
}

p.description {
  font-size: 0.8em;
  padding: 1em;
  position: absolute;
  top: 1.2em;
  margin-right: 400px;
}

#calendar_selection {
  font-size: 0.7em;
  position: absolute;
  top: 1em;
  right: 1em;
  padding: 1em;
  background: #ffc;
  border: 1px solid #dda;
  width: 270px;
}

#message {
  font-size: 0.7em;
  position: absolute;
  top: 1em;
  right: 320px;
  padding: 1em;
  background: #ddf;
  border: 1px solid #aad;
  width: 270px;
}
.daystoshow
{
    font-size: 10px;
}
.finger_icon
{
    cursor: pointer;
}
.wc-nav
{
    height: 24px;
}
.wc-prev, .wc-today, .wc-next
{
    height: 24px;
}
.title_startdate
{
    width: 100px;
}
.buttonstyle
{
    display: inline-block;
    /*background-color: #80FF80;*/
    background: url("/static/images/background/button_bg02.png") repeat-x scroll 50% 50% #C0C0C0;
    border-color: #808080;
    border-width: 1px;
    border-style: solid;
    font-size: 80%;
    -moz-border-radius:5px; /* Firefox 3.6 and earlier */
    border-radius:5px;
    padding: 2px;
    text-align: center;
    margin-top: 1px;
    margin-bottom: 2px;
}
.buttonstyle:hover
{
    background: #FFFFFF;
    border-color: #C0C0C0;
    
}
.wc-time-header-cell
{
    /*width: 45px;*/
}
#misson_logo
{
    width: 600px; height: 68px; display: inline-block; vertical-align: middle;
}
.colorcodes
{
    font-size: 12px;
}
#div_floating_order_form_button
{
    margin: 5px;
    padding-left:5px;
    padding-right: 5px;
    height: 59px;
    line-height: 59px;
    border-color: #66A066 !important;
    border-style: solid !important;
    border-width: 1px !important;
}
.dialog_grouping
{
    width: 100%;
    border-width: 1px; 
    border-style: solid; 
    border-color: #CCCCCC; 
    background-color: #FFFFFF; 
    padding: 5px; 
    /*box-shadow: 1px 1px 1px #CCCCCC;*/
    border-radius:5px;
}
.asset_name
{
    background: url("/static/images/background/button_bg02.png") repeat-x scroll 50% 50% #C0C0C0;
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: solid;
    border-radius:5px;
    width: 100%;
    padding: 5px;
}
/* asset name and asset edit */
.booking_asset_title,.event_titles
{
    background: url("/static/images/background/button_bg02.png") repeat-x scroll 50% 50% #C0C0C0;
    border-color: #808080;
    border-width: 1px;
    border-style: solid;
    font-size: 100%;
    -moz-border-radius:5px; /* Firefox 3.6 and earlier */
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px; 
    padding: 5px;
    height: 24px;
}
.booking_asset_name
{
    border-color: #AAAAAA;
    border-width: 1px;
    border-top-width: 0px;
    border-style: solid;
    font-size: 90%;
    -moz-border-radius:5px; /* Firefox 3.6 and earlier */
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px; 
    padding: 5px;
}
/* feature 2270 calendar_memo */
#booking_memo
{
    background-color: #FFFFFF;
    position:fixed;
    bottom:0;
    left:0;
    height: 15%;
    max-height:15%;
    min-height:40px;
}
.booking_memo_column
{
    float:left;
    overflow:hidden;
    
    height: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;    /* Firefox, other Gecko */
      box-sizing: border-box;         /* Opera/IE 8+ */
}
.textarea_memo
{
    resize: none;
    float:left;
    width: 85%;
    height: 100%;
    border-width: 1px;
    border-color: #AAAAAA;
    border-style: solid;
    padding: 1px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;    /* Firefox, other Gecko */
      box-sizing: border-box;         /* Opera/IE 8+ */
    
    
}
.save_memo
{
    float:right;
    padding: 0;
    width: 15%;
    
    height: 50%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
      
    font-size: 80%;
    text-align: center;
    vertical-align: middle;
    line-height: 100%;
    display: inline-block;
    
    background: transparent !important;
    border-width: 0px !important;
    border-style: solid !important;
    border-color: #000000 !important;
}
.save_memo img
{
    height: auto;
    max-height: 90%;
    width: auto;
    max-width: 100%;
    
    vertical-align: middle;
}
.button_full_memo
{
    float:right;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    width: 15%;
    
    padding: 0;
    height: 50%;
    background: transparent;
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
}
.button_full_memo img
{
    height: auto;
    max-height: 90%;
    width: auto;
    max-width: 100%;
    
    vertical-align: middle;
}
#memo_full
{
    display:none;
    position: fixed;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: #EEEEEE;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    border-width: 2px;
    border-color: #AAAAAA;
    border-style: solid;
    padding: 2px;
    font-size: 140%;
    
}
#memo_content
{
    width: 80%;
    height: 100%;
    resize: none;
    padding: 1px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;    /* Firefox, other Gecko */
      box-sizing: border-box;         /* Opera/IE 8+ */
    font-size: 140%;
    background-color: #EEEEEE;
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
}
#button_close_full_memo
{
    position: absolute;
    right:0;
    top:0;
    width: 48px;
    height: 48px;
    background: transparent !important;
    border-width: 0px !important;
    border-style: solid !important;
    border-color: #000000 !important;
}
#memos_title
{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 32;
    
}
#button_showhide_memos
{
    float:right;
    width: 48px;
    height: 32px;
    margin-right: 16px;
    text-align: center;
    padding:0;
    background: transparent;
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
}
#button_showhide_memos img
{
    height: 90%;
    vertical-align: middle;
    text-align: center;
}
#button_position_memo
{
    float:right;
    width: 32px;
    height: 32px;
    margin-right: 0px;
    text-align: center;
    padding:0;
    background: transparent;
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
}
#button_position_memo img
{
    height: 90%;
    vertical-align: middle;
    text-align: center;
}

.ui-tooltip {
    padding: 4px 8px;
    color: #000;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 2px #ccc;
}

.finger, .finger:hover
{
    cursor: pointer;
}
.item-status-none
{
    color: #000000;
}

/* From Bootstrap */
/* http://www.w3schools.com/bootstrap/bootstrap_ref_css_helpers.asp */

/* text color */
.text-muted {
    color: #777;
}
.text-primary {
    color: #337ab7;
}
.text-success {
    color: #3c763d;
}
.text-info {
    color: #31708f;
}
.text-warning {
    color: #8a6d3b;
}
.text-danger {
    color: #a94442;
}

/* background color */
.bg-primary {
    background: #337AB7 !important;
}
.bg-success {
    background: #DFF0D8 !important;
}
.bg-info {
    background: #D9EDF7 !important;
}
.bg-warning {
    background: #FCF8E3 !important;
}
.bg-danger {
    background: #F2DEDE !important;
}
.bg-white {
    background: #FFFFFF !important;
}

/* Margins */
.mb-0 {
    margin-bottom: 0;
}
.mb-1 {
    margin-bottom: 0.5em;
}
.mb-2 {
    margin-bottom: 1em;
}


/* Asset event alert visual warning */
/* Feature #3318 */
.event_warning
{
    background: red;
}
.event_warning:hover
{
    background: #FF7B7B;
}
.event_pre_warning
{
    background: yellow;
}
.event_pre_warning:hover
{
    background: #FFFE95;
}

.table_header_sticky
{
    position: fixed;
    top: 0;
    z-index: 100;
    background: #fff;
}
.calendar_event {
    color: #000;
}

/* booking.html */
#booking_dialog, .booking_dialog
{
    padding:0px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
#booking_dialog
{
    padding-top: 0px;
    padding-bottom:8px;
    padding-left: 8px;
    padding-right: 8px;
}
.dialog_grouping
{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}