/*
* Schedule Grid
* =============
*/

.selectableCell:hover {
       background-color:yellow;
}
.freeCell {
	background-color:white;
}
.scheduleSelectedCell {
       background-color:yellow;
}
.selectedCell {
       background-image:url(../img/sched_grid_ok.png);
}
.bookedCell {
       background-color:#E03816
}
.preBookedCell {
       background-color:#00CAF7
}
.unavailableCell {
       background-color:grey;
}

.handledCell {
       background-color:#D287ED
}

.timestampFilled {
       background-image:url("#{resource['img/timestamp-filled.png']}");
       background-repeat: no-repeat;
       background-position: right center; 
}
.timestampNotFilled {
       background-image:url("#{resource['img/timestamp-not-filled.png']}");
       background-repeat: no-repeat; 
       background-position: right center;
}


.asteriskStyle {
	font-size: 0.5em;
	color:red;
	vertical-align: top;
}


/*
* Schedule List
* =============
*/        

.dangerList {
       background-color:#f2dede !important;
}

div.dataTables_wrapper {
        margin: 0 auto;
}



/*
* Schedule creation
* =================
*/

.selectedItem {
}




/*
* customized for FTS 
* ==================
*/

.mandatoryField {
	color: red;
}


.underlineText {
	text-decoration:underline;
}


.topForTd {
	vertical-align:top;
}

.centerForTd {
	vertical-align:middle;
}

.top-aligned-columns td {
    vertical-align: top;
}

.boldText {
	font-weight:bold;
}

.justifyText {
	text-align: justify;
    text-justify: newspaper;
}

.noBorderFrame {
	border: none;
}


.errorText {
	color: red;
}

.niceTable {
        padding: 4px;
        margin: auto;
}

.niceTable td {
        padding: 2px;
}


.btn-orangeLight {
  background-color: #ff9966;
  border-color: #ff9966;
  font-weight: bold;
}
.btn-orangeLight:hover,
.btn-orangeLight:focus,
.btn-orangeLight:active,
.btn-orangeLight.active {
  background-color: #e6a600;
  border-color: #cc9300;
}
.btn-orangeLight.disabled:hover,
.btn-orangeLight.disabled:focus,
.btn-orangeLight.disabled:active,
.btn-orangeLight.disabled.active,
.btn-orangeLight[disabled]:hover,
.btn-orangeLight[disabled]:focus,
.btn-orangeLight[disabled]:active,
.btn-orangeLight[disabled].active,
fieldset[disabled] .btn-orangeLight:hover,
fieldset[disabled] .btn-orangeLight:focus,
fieldset[disabled] .btn-orangeLight:active,
fieldset[disabled] .btn-orangeLight.active {
  background-color: #ffb800;
  border-color: #ffb800;
}


.btn-ftsGreyLight {
  background-color: #d1d1d1;
  border-color: #d1d1d1;
}
.btn-ftsGreyLight:hover,
.btn-ftsGreyLight:focus,
.btn-ftsGreyLight:active,
.btn-ftsGreyLight.active {
  background-color: #c4c4c4;
  border-color: #b8b8b8;
}
.btn-ftsGreyLight.disabled:hover,
.btn-ftsGreyLight.disabled:focus,
.btn-ftsGreyLight.disabled:active,
.btn-ftsGreyLight.disabled.active,
.btn-ftsGreyLight[disabled]:hover,
.btn-ftsGreyLight[disabled]:focus,
.btn-ftsGreyLight[disabled]:active,
.btn-ftsGreyLight[disabled].active,
fieldset[disabled] .btn-ftsGreyLight:hover,
fieldset[disabled] .btn-ftsGreyLight:focus,
fieldset[disabled] .btn-ftsGreyLight:active,
fieldset[disabled] .btn-ftsGreyLight.active {
  background-color: #d1d1d1;
  border-color: #d1d1d1;
}

.ui-datepicker-next {
  right: 10px !important;
}



/*
* Activated Schedule
* ===================
*/

.selectableRow:hover {
       background-color:yellow;
       cursor: pointer;
}


/*
* For Grid
* ===================
*/
.cust-table {
        margin: 0px;
        padding: 0px;       
}
.fixedTable td, .fixedTable th {
        border-bottom: 1px solid #BABFC2;
        border-right: 1px solid #BABFC2;
}
.floatLeft {
        float: left;
}
.clear {
        clear: both;
}
.freezingPanes {
        border-top: 1px solid #BABFC2;
        border-left: 1px solid #BABFC2;
        border-right: 1px solid #BABFC2;
}
.scrollover {
        overflow: auto;
        border-top: 1px solid #BABFC2;        
        border-right: 1px solid #BABFC2;
}
.grouplvl1 td {
        background: #CFD1D3;
}
.grouplvl2 td {
        background: #E6E6E6;
}
.reslvl td {
        background: #F3F6F6;
}
.hiddenRows {
        display: none;
}

/*
* others
* ===================
*/
.btn-toolbar-centered {
	text-align: center;
}