/*Css file for Blue Template Contains contains color information */

/*  Elements ---------------------------------------- */

body {
	background-color: #E5E5E5;
	color: #4075AB;
	/* Default text color */
}

h1,
h2 {
	border-color: none;
	color: #4075AB !important;
}

input:not([type=CHECKBOX]),
select {
	Border-color: #CDDCF5;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.05);
}

input,
select {
	color: #222222;
}

td.link {
	color: #fff;
}

td.link:hover {
	background-color: #F4F6F9;
	color: #222;
}

/* Classes ------------------------------------------- */

.active {
	/* color: red!important; */
	background: #ffe0c4 !important;
}

.barchart,
.piechart {
	background: #F2F5FA !important;
	border-color: #222 !important;
}

.BorderDarkBlue {
	border-color: #14356B !important;
}

.daynavitemon {
	background: #DFE9F8 !important;
	color: #14356B !important;
}

.repnavitemon,
.navitemon2,
.LogoNavOn {
	background: #ffe0c4 !important;
	color: #14356B !important;
}

.DisplaysGroup,
.TCGroup,
.EmergencyGroup,
#AddGroup {
	border-color: #F4F6F9;
}

.DisplayGroupHeader {

	font-size: 16px !important;
}

.DisplayGroupHeader {
	background: #154B63 !important;
	border-bottom: 1px solid white;
	color: white !important;

}

.dropzone {
	color: #4075AB;
}

.EmergencyActivation {
	background-color: red !important;
}

.EmergencyActivation:hover {
	border-color: red !important;
}

.EmergencyActivationStart {}

.EmergencyActivationCancel {
	background: red !important;
}

.Error {
	color: red;
}

.FlightTitle {
	color: #4075AB;
}

.FlightPanel,
.PermissionsPanel {
	background: #F4F6F9;
	/*#FBFCFE;*/
}

.fouxbutton {
	color: #fff;
	background: #4075AB;
	/*252607 border-bottom: 1px solid #FFBE0B;*/
	border-color: #4075AB;
}

.fouxbutton:hover {
	background: #fff !important;
	border-color: #14356B;
	color: #14356B;
}

.Green {
	color: #10a100 !important;
	margin: 0px;
	padding: 0px;
}

.locked {
	color: #4075AB;
	background: #ffe0c4;

}

.AdminFormOption.locked,
.AdminGroupkey.locked,
#SysConCarrierPreferred.locked,
.fouxbutton.locked {
	border-color: #fff;
}

.AdminGroupkey.locked,
.AdminFormOption.locked,
#SysConCarrierPreferred.locked,
.fouxbutton.locked,
.fouxbutton.repnavitemon,
.fouxbutton.LogoNavOn,
.fouxbutton.navitemon2 {
	-webkit-box-shadow: inset 0 0 4px 1px #bf9a78;
	-moz-box-shadow: inset 0 0 4px 1px #bf9a78;
	box-shadow: inset 0px 0px 4px 1px #bf9a78;
}

.noImage {
	background-color: red;
}

.pagination .PageNumbers:nth-child(even) {
	color: #14356B;
	background: #F4F6F9;
}

.pagination .PageNumbers:nth-child(odd) {
	color: #14356B;
	background: #fff;
}

.PageNumbers {
	border-color: #4075AB;
	/*color: #14356B;
	background: #F4F6F9;*/
}

.panel,
.info {
	color: #4075AB;
	background: #fff;
	box-shadow: 1px 1px 8px 4px #d1d1d1;
	/*IE Compatability*/
	box-shadow: 2px 4px 6px 2px rgb(0 0 0 / 12%), 2px 8px 10px 2px rgb(0 0 0 / 12%);
	border-color: #B4B8AB;

}

/* panel and info classes hover action */
.panel:hover,
.info:hover {
	/*background-color: rgba(15,32,43,.9) !important;*/
}

.Red,
.red {
	color: red !important;
}

.yellow,
.Yellow {
	color: #c9a140 !important;
}

.reportBackground {
	background: #fff;
}


.sidenav {
	background-color: #4075AB;
	/* This gets changed in Javascript. js.js */
	border-color: #B4B8AB;
	box-shadow: 0px 1px 8px 0px #d1d1d1;
	/*IE Compatability*/
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 40%), 0 8px 16px 0 rgb(0 0 0 / 15%);
}

.sidenav:hover {
	/*background-color: rgba(20,20,20,.9) !important; /*important so this overrides the javascript (should be the same as javascript) */
}

.sidenav a {
	color: #FBFCFE;
}


.SidePanelContent,
.SidePanelHead {
	border-color: #5284B7;
}

.SidePanelContent:hover,
.SidePanelHead:hover {
	background: #154B63;
}

.selectedNav {
	background-color: #154B63;
}

.SelectedSubNav {
	color: #fff;
	background-color: #4075AB;
}

.SidePanelContent:active,
.SidePanelHead:active {
	background: #fcd2ac;
}

.SidePanelHead {
	background: #fff;

}

.PanelHeader {
	color: #14356B !important;
}

.title-tsi {
	color: rgba(21, 50, 67, 1);
}

.title-label {
	color: rgba(21, 50, 67, 1);
}



/* Tables ---------------------------------------- */
.admintbl tr:nth-child(even).locked,
.EmailReportsTable tr:nth-child(even).locked {
	background: #ffe0c4 !important;
}

.admintbl tr:nth-child(odd).locked,
.EmailReportsTable tr:nth-child(odd).locked {
	background: #fcd2ac !important;
}

.admintbl th,
.configTable th,
.Displays_Sort th,
.EmailReportsTable th,
#EmergencyDisplays_List th,
.flttable th,
.msgtable th,
.newFlightSched th,
.reptable th,
.schedTable th,
.TCTable th {
	background: #DFE9F8;
	color: #14356B;

}

.Displays_Sort th,
.TCTable th,
#EmergencyDisplays_List th {}

#EmergencyDisplays_List th {
	border-top-color: #4075AB;
}

.admintbl tr:nth-child(even),
.configTable tr:nth-child(even),
.ConfigSelectionTable tr:nth-child(even),
.Displays_Sort tr:nth-child(even),
.EmailReportsTable tr:nth-child(even),
#EmergencyDisplays_List tr:nth-child(even),
#EMrepnav div:nth-child(even),
.msgtable tr:nth-child(even),
.newFlightSched tr:nth-child(even),
.reptable tr:nth-child(even),
.schedTable tr:nth-child(even),
.TCTable tr:nth-child(even) {
	color: #4075AB;
}

.admintbl tr:nth-child(odd),
.configTable tr:nth-child(odd),
.ConfigSelectionTable tr:nth-child(odd),
.Displays_Sort tr:nth-child(odd),
.EmailReportsTable tr:nth-child(odd),
#EmergencyDisplays_List tr:nth-child(odd),
#EMrepnav div:nth-child(odd),
.msgtable tr:nth-child(odd),
.newFlightSched tr:nth-child(odd),
.reptable tr:nth-child(odd),
.schedTable tr:nth-child(odd),
.TCTable tr:nth-child(odd) {
	background: #F4F6F9;
	color: #4075AB;
}

.AddButton:hover,
.DisplaysGroup:hover,
.EmergencyGroup:hover,
.DisplaysGroupAll:hover,
.TCGroup:hover {
	cursor: pointer;
	color: #fff;
	background: #4075AB;
}

.AddButton:active,
.DisplaysGroup:active,
.EmergencyGroup:active,
.DisplaysGroupAll:active,
.TCGroup:active {
	color: #4075AB;
	background: #ffe0c4;
}



.schedTable td:nth-child(12),
.schedTable tr:nth-child(2) th:nth-child(1),
.schedTable td:nth-child(13),
.schedTable tr:nth-child(2) th:nth-child(2),
.schedTable td:nth-child(14),
.schedTable tr:nth-child(2) th:nth-child(3),
.schedTable td:nth-child(15),
.schedTable tr:nth-child(2) th:nth-child(4),
.schedTable td:nth-child(16),
.schedTable tr:nth-child(2) th:nth-child(5),
.schedTable td:nth-child(17),
.schedTable tr:nth-child(2) th:nth-child(6) {
	border-right: 1px solid #F4F6F9;
}


.schedTable tr:nth-child(odd) td:nth-child(12),
.schedTable tr:nth-child(odd) td:nth-child(13),
.schedTable tr:nth-child(odd) td:nth-child(14),
.schedTable tr:nth-child(odd) td:nth-child(15),
.schedTable tr:nth-child(odd) td:nth-child(16),
.schedTable tr:nth-child(odd) td:nth-child(17) {
	border-right: 1px solid #fff;
}




.flttable tr:nth-child(4n+2),
.flttable tr:nth-child(4n+3) {

	color: #4075AB;
}

.flttable tr:nth-child(4n+1),
.flttable tr:nth-child(4n) {
	background: #F4F6F9;
	color: #4075AB;
}

.flttable tr:nth-child(4n+2) .locked,
.flttable tr:nth-child(4n+3) .locked {
	color: #4075AB;
	background: #ffe0c4;
}

.flttable tr:nth-child(4n+1) .locked,
.flttable tr:nth-child(4n) .locked {
	color: #4075AB;
	background: #fcd2ac;
}

.flttable tr td:nth-child(7),
.flttable tr td:nth-child(9),
.flttable tr td:nth-child(11),
.flttable tr td:nth-child(15),
.flttable tr td:nth-child(18),
.flttable tr th:nth-child(5),
.flttable tr th:nth-child(7),
.flttable tr th:nth-child(9),
.flttable tr th:nth-child(13),
.flttable tr th:nth-child(16) {
	border-right: none;
}

.admintbl tr:nth-child(even):hover,
.admintbl tr:nth-child(odd):hover,
.configTable tr:nth-child(even):hover,
.configTable tr:nth-child(odd):hover,
.Displays_Sort tr:nth-child(even):hover,
.Displays_Sort tr:nth-child(odd):hover,
.flttable tr:nth-child(4n+2):hover,
.flttable tr:nth-child(4n):hover,
.schedTable tr:nth-child(even):hover,
.schedTable tr:nth-child(odd):hover,
.msgtable tr:nth-child(even):hover,
.msgtable tr:nth-child(odd):hover,
.newFlightSched tr:nth-child(even):hover,
.newFlightSched tr:nth-child(odd):hover,
.TCTable tr:nth-child(even):hover,
.TCTable tr:nth-child(odd):hover {
	color: #fff;
	background: #4075AB;
}

.Display_Row:hover .fouxbutton {

	border-color: #fff;

}

.flttable tr:nth-child(4n):hover .fouxbutton,
.flttable tr:nth-child(4n+2):hover .fouxbutton {
	background: #fff;
	border-color: #4075AB;
	color: #4075AB;
}

/*Change the color of green class when rows hovered over*/
.flttable tr:nth-child(even):hover .Green,
.flttable tr:nth-child(odd):hover .Green {
	color: #008800 !important;
}

/*Change the color of Red class when rows hovered over*/
.flttable tr:nth-child(even):hover .Red,
.flttable tr:nth-child(odd):hover .Red {
	color: #ff0000 !important;
}

.TCTable tr td:nth-child(1),
.TCTable tr th:nth-child(1) {
	min-width: 200px;
	max-width: 200px;
	width: 200px;
}

.TCTable tr td:nth-child(2),
.TCTable tr th:nth-child(2) {
	min-width: 200px;
	max-width: 200px;
	width: 200px;
}

.TCTable tr td:nth-child(3),
.TCTable tr th:nth-child(3) {
	min-width: 200px;
	max-width: 200px;
	width: 200px;
}

/*Calender ----------------------------------------- */

.ArrowBack {
	float: left;
	width: 0;
	height: 0;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
	border-right-color: #4075AB !important;
}

.ArrowForward {
	float: right;
	width: 0;
	height: 0;
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
	border-left-color: #4075AB !important;
}

.ArrowBack:hover {
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
	border-right-color: #fff !important;
}

.ArrowForward:hover {
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
	border-left-color: #fff !important;

}

table.calendar {
	border-color: #222 !important;
	background-color: #5284B7;
}

.cells td {
	border-right-color: #A6A6A6;
	border-bottom-color: #A6A6A6;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	background-color: #f2f2f2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222;
}

.cells .over {
	background-color: #FFFFFF;
	border-color: #444444;
}

.cells .weekend {
	background-color: #DBDBDB;
}

.cells .current {
	border-color: #E4BD6A;
	background-color: #FFEEC9;
	color: #222;
}

.cells .selected {
	border-color: #E4BD6A;
	background-color: #FFEEC9;
	color: #222;
}

.cells .weekendpast {
	color: #999999;
	background-color: #DBDBDB;
}

.cells .past {
	color: #999999;
}

.cells .disabled {
	color: #999999;

}

.cells .specialOffer {
	border-right: 1px solid #0C6700;
	border-bottom: 1px solid #0C6700;
	border-top: 1px solid #45DE31;
	border-left: 1px solid #45DE31;
	background-color: #16BA00;
	font-weight: bold;
	color: #FFFFFF;
}

.cells .specialOfferOver {
	border-right-color: #16B601;
	border-bottom-color: #16B601;
	border-top-color: #9FFF92;
	border-left-color: #9FFF92;
	background-color: #1BEC00;
	color: #FFFFFF;
}

.mtitle {
	background: #DFE9F8;
}

.mtitle .next,
.mtitle .over {
	border-right-color: #222;
	border-bottom-color: #222;
	border-top-color: #E15E5E;
	border-left-color: #E15E5E;
	background-color: #B80000 !important;

}

.mtitle .over {
	background-color: #ff0000;
	border-top-color: #FF7676;
	border-left-color: #FF7676;
}

.mtitle .title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #14356B;
}

.wtitle td {
	border-right-color: #4B7CAA;
	background-color: #879DB3;
	color: #ffffff;
}

.wtitle td.weekend {
	background-color: #4B7CAA;
}

a.cancelCalendar {
	color: #ffffff;
}

td.link {}

td.link a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

.spacerA {
	border-left-color: #00264A;
	background-color: #8FB4D8;
}

.spacerB {
	border-right-color: #00264A;
	background-color: #3D6F9E;
}

.invalid {
	color: #800000;
	background-color: #FFD0D0;
}

.specialOfferInfo {
	border-color: #98999b;
	background-color: #e7ebee;
}

.calOfferWarning {
	background: url('/shared/common/calendar/images/calendar_arrow.png') no-repeat 2px 0px;
}

.calOfferWarning .i {
	background: url('/shared/common/calendar/images/calendar_warning.png') no-repeat 2px 5px #fff;
	border-color: #FC8800;
	color: #CC0000;

}


/* ================================================= */
/*Identifiers -------------------------------------- */

#DisplayNav,
#TicketCounterNav,
#EMrepnav {
	background: #fff;
	color: #4075AB;
}

#EmailInput {
	width: 244px;
	max-width: 244px;
}

#EmergencyHorizontalSlice {
	background: #E5E5E5;
	color: #222;
	border-color: #4075AB;
}

#EmergencyVerticalSlice {
	background: #E5E5E5;
	color: #222;
	border-color: #4075AB;
}

#EmergencyVerticalSlice:active,
#EmergencyHorizontalSlice:active {
	background: #ffe0c4;
}

.EmergencyTabActive {
	background: #DFE9F8 !important;
	color: #222 !important;
	border-bottom-color: #DFE9F8 !important;
}

#ForgotPassword:hover {
	color: red;
}

#Info {
	border-color: #B4B8AB;
}

#Login:active {
	background: #ffe0c4 !important;
}

#LoginWindow,
#RecoveryWindow {
	color: #4075AB;
	background: #fff;
	box-shadow: 1px 1px 8px 4px #d1d1d1;
	/*IE Compatability*/
	box-shadow: 2px 6px 8px 2px rgb(0 0 0 / 40%), 4px 12px 16px 4px rgb(0 0 0 / 15%);
	border-color: #B4B8AB;
}


#progress {
	background: #009900;
}

#queue {
	background: #009900;
}

#Tooltip {
	color: #fff;
	background: rgba(64, 117, 171, .98);
	border-color: #fff;
}

/*#Tooltip {
	color: #4075AB;
	background: rgba(251,252,254,.99);
	border-color: #4075AB;
}
*/

/* Scrollbar ---------------------- */
/* width */
::-webkit-scrollbar {
	width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #FBFCFF;

}

/* Handle */
::-webkit-scrollbar-thumb {
	border-radius: 19px;
	background: #CBD1DD;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #4075AB;
}

/* ================================ */