/* Add here all your css styles (customizations) */

/*Registration and Login Page v1
------------------------------------*/
.reg-page {
	color: #555;
	padding: 30px;
	background: #fefefe;
	border: solid 1px #eee;
	box-shadow: 0 0 3px #eee;
}

.reg-page input.ng-invalid,
.reg-page input.ng-invalid.ng-dirty {
    border-color: #FF0000;
  }

/*.reg-page input.ng-valid,*/
.reg-page input.ng-valid.ng-dirty {
    border-color: #c1d82f;
}

/* input.ng-pristine.ng-untouched.ng-invalid.ng-invalid-required.ng-valid-maxlength.ng-valid-parse */
input.ng-invalid,
input.ng-invalid.ng-dirty {
    border-color: #FF0000;
  }

/*.reg-page input.ng-valid,
input.ng-valid.ng-dirty {
    border-color: #c1d82f;
}*/

textarea.ng-pristine.ng-untouched.ng-valid.ng-valid-required,
textarea.ng-valid.ng-dirty.ng-valid-parse.ng-touched,
input.ng-pristine.ng-untouched.ng-valid.ng-valid-required,
input.ng-pristine.ng-untouched.ng-valid.ng-valid-required.ng-valid-email,
input.ng-valid.ng-dirty.ng-valid-parse.ng-touched {
    border-color: #c1d82f;
}

textarea.ng-pristine.ng-untouched.ng-valid,
input.ng-pristine.ng-untouched.ng-valid,
.ng-pristine.ng-untouched.ng-invalid.ng-invalid-required.ng-valid-email,
.ng-pristine.ng-untouched.ng-invalid.ng-invalid-required {
    border-color: #ccc;
}

textarea.ng-pristine.ng-untouched.ng-invalid.ng-invalid-required.ng-valid-parse,
input.ng-pristine.ng-untouched.ng-invalid.ng-invalid-required.ng-valid-parse {
    border-color: #ccc;
}

textarea.ng-pristine.ng-untouched.ng-invalid.ng-invalid-required
input.ng-pristine.ng-untouched.ng-invalid.ng-invalid-required {
    border-color: #ccc;
}

.ng-isolate-scope.ng-pristine.ng-untouched.ng-valid-date.ng-invalid.ng-invalid-required,
.ng-isolate-scope.ng-pristine.ng-valid-date.ng-invalid.ng-invalid-required.ng-touched,
.ng-isolate-scope.ng-valid-date.ng-dirty.ng-valid-parse.ng-valid.ng-valid-required.ng-touched,
.ng-isolate-scope.ng-valid-date.ng-dirty.ng-touched.ng-invalid.ng-invalid-required,
.ng-isolate-scope.ng-valid-date.ng-dirty.ng-touched.ng-valid.ng-invalid-required,
.ng-isolate-scope.ng-pristine.ng-valid-required.ng-valid.ng-valid-date.ng-touched,
.ng-isolate-scope.ng-pristine.ng-untouched.ng-valid-required.ng-valid.ng-valid-date,
.ng-isolate-scope.ng-valid-date.ng-dirty.ng-valid.ng-valid-required.ng-touched,
.ng-isolate-scope.ng-valid.ng-valid-date.ng-dirty.ng-touched,
.ng-isolate-scope.ng-valid.ng-valid-date.ng-dirty.ng-valid-parse.ng-touched,
.ng-isolate-scope.ng-pristine.ng-valid.ng-valid-date.ng-touched,
.ng-isolate-scope.ng-pristine.ng-valid.ng-valid-date,
.ng-isolate-scope.ng-pristine.ng-untouched.ng-valid.ng-valid-date {
    border-width: 1px;
    height: 34px; 
}

.defaultHeight {
    height: 34px;
}


/*Reg Header*/
.reg-header {
	color: #555;
	text-align: center;
	margin-bottom: 35px;
	border-bottom: solid 1px #eee;
}

.reg-header h2 {
	font-size: 24px;
	margin-bottom: 15px;
}

/*Reg Forms*/
.reg-page label {
	color: #777;
}


.calendarTable {
    width: 97%;
    border-spacing: 2px;
    border-collapse: separate;
}

.calendarTableForFooter {
    width: 90%;
}

.legendAbbreviation {
    display: inline-block;
    width: 30px;
    padding: 3px 0;
    margin-right: 10px;
    margin-bottom: 10px;
}

.legendAbbreviationText {
    display: inline;
}

.center {
    text-align: center;
}
.left {
    text-align: left;
}
.calendarTableHeaderHorizontal {
    font-weight: normal;
    background-color: #E1E1F2;
    width: 20px;
}

.calendarCell {
    font-weight: normal;
    width: 25px;
}

.calendarCellText {
    font-weight: normal;
    width: 150px;
}

.rowHeader {
    width: 80px;
    text-align: right;
    background-color: #E1E1F2;
}

.rowHeaderNoColor {
    width: 80px;
    text-align: right;
}

.rowHeaderNoColor150 {
    width: 150px;
    text-align: right;
}

.inputSearchField {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 25px;
	padding: 8px 10px;
	outline: none;
	border-width: 2px;
	border-style: solid;
	border-radius: 0;
	background: #fff;
	font: 15px/19px 'Open Sans', Helvetica, Arial, sans-serif;
	color: #404040;
	appearance: normal;
	-moz-appearance: none;
	-webkit-appearance: none;
}


.ui-grid-header-cell.clearfix.ng-scope.ng-isolate-scope {
    height: 30px;
}

.activeHack {
    border-bottom-color: rgb(193, 216, 47);
    border-bottom-style: solid;
    border-bottom-width: 1.81818175315857px;
}

.halfDay {
    background-image: url('/img/transparent-icon.png') center no-repeat;
}

.ui-grid .ui-grid-render-container-body .ui-grid-viewport {
    overflow-x: auto !important;
    /* or use: overflow-x: hide!important; */
}