/************************ Designed For Client SpiceJet ************************/

@font-face {
	font-family: Lato-Reg;
	/* src: url('../fonts/Lato-Regular.woff'); */ /* For LocalHost */
	src: url('../fonts/Lato-Regular.ttf'); /* For IIS */
}

@font-face {
	font-family: Lato-Bold;
	/* src: url('../fonts/Lato-Regular.woff'); */ /* For LocalHost */
	src: url('../fonts/Lato-Bold.ttf'); /* For IIS */
}

body {
	font-family: Lato-Reg;
	font-size: 14px
}


/* Header */
.top {
	border-bottom: 2px solid #ffffff;
	background-color: #c41230
}

.top-horizontal-line {
	border-bottom: 0px solid #c41230;
	background-color: #c41230;
	color: #ffffff
}

.top-horizontal-menu {
	background-color: #1EAFD2;
}

.header-text {
	color: #FFF;
}

.gridheader {
	background-color: #c41230;
	color: #fff;
	border-color: Black;
	font-size: 14px;
	font-weight: normal
}

.paysliptext {
	color: #c41230;
	font-family: Lato-Bold;
}

.page-header {
	border-bottom: 0px none #c41230;
	color: #000;
	font-family: Lato-Bold;
	font-size: 18px
}

.project-title {
	font-size: 20px;
	border: 0px solid red;
	color: #c41230;
	font-family: Lato-Bold
}

.title-group {
	font-family: Lato-Bold;
	color: #ffffff;
}

.home-link, .home-link a, .home-link a:hover {
	color: #ffffff !important;
}

.Pheader {
	background-color: White;
}

/* Content */
.box-header {
	background-color: #f7941d;
	color: #ffffff;
	font-family: Lato-Bold;
}

.box-header-2 {
	font-size: 20px;
	font-family: lato-bold
}

.box-header-3 {
	background-color: #f7941d;
	color: #ffffff;
	font-family: Lato-Bold;
}

.box-header-4 {
	background-color: #f7941d;
	color: #ffffff;
	font-family: Lato-Bold;
}

.box-header-5 {
	background-color: #c41230;
	color: #ffffff;
	font-family: Lato-Bold;
}
/* Begin For FrameUnreadAll FDM & Safety Links Trujet TMG */
.box-header-6 {
	font-size: 14px;
	font-family: lato-bold
}
/* End For FrameUnreadAll FDM & Safety Links Trujet TMG */
.box-content {
	background-color: #F8F8F8;
	border: 1px solid #ececec
}

.box-content-2 {
	border-top: 0px solid #ececec;
	border-right: 0px solid #ececec;
	border-left: 0px solid #ececec
}

.box-content-2-bottom {
	background-color: #FFFFFF;
	border: 0px solid #D8D8D8
}

.box-content-4 {
	padding: 10px;
	border: 1px solid #000
}

.color-header-1 {
	color: #c41230;
}

.color-header-2 {
	color: #c41230;
	border-bottom: 2px solid #c41230
}

.color-content-1 {
	background-color: #FFFFFF;
	border: 1px solid #FFCC00;
}

.color-content-2 {
	background-color: #F4F4F4
}

.right-panel {
	background-color: #F0F0F0;
}

.list-type {
	color: gray;
}

.star-bulletin {
	color: red
}

.star-bulletin-read {
	color: green; /* vertical-align:top */
}

.header-color {
	background-color: #D7192C;
	color: #ffffff;
	font-family: Lato-Bold;
}

.leave-date-type label {
	font-weight: normal
}

/* Common */
.logout:link, .logout:visited, .logout:hover {
	color: #fff;
}

.textbox-login {
	border: 1px solid #CCCCCC;
}

.hyperlink-subtext {
	color: #828282
}

.hyperlinks a, .hyperlinks a:hover {
	color: #3b3b3b;
	font-family: lato-bold
}

.menu, .menu:hover {
	color: #3b3b3b
}

.must-read {
	border-bottom: 1px solid #D8D8D8
}

.read-more, .read-more:hover, .read-more:active {
	color: gray;
	font-size: 14px
}

.btn-custom {
	font-size: 12px;
	font-weight: 200;
	border: 1px solid transparent;
}

.btn-custom-min {
	font-size: 10px;
	font-weight: 100;
	border: 1px solid transparent;
}

.btn-brown {
	color: #fff;
	background-color: #f7941d;
}

.btn-general, .btn-general:hover, .btn-general:visited, .btn-general:active {
	color: #fff;
	background-color: #f7941d;
}

.btn-maroon, .btn-maroon:hover, .btn-maroon:visited, .btn-maroon::active {
	color: #fff;
	background-color: #f7941d;
}

.login-container {
	border: 1px solid #c41230;
	background-color: #FFFFFF;
}

.login-forget-link {
	font-size: 12px;
	color: #395584;
}

.login-messagebox {
	color: red;
}

.login-maintext {
	font-size: 20px;
	font-family: Lato-Bold;
	color: #c41230;
}

.text-bold {
	font-family: Lato-Bold;
	font-size: 14px
}

.table-header {
	background-color: #d2e2ef;
	color: #000
}

.bulletin {
	font-size: 10px;
	color: Gray;
}

.hr {
	border-style: dotted
}

.note {
	font-size: 10px;
	font-style: normal
}

.hr-dotted {
	border: 0.5px #D8D8D8 dotted;
}

.login-note {
	font-size: 13px;
	color: #c41230;
	font-family: Lato-Bold
}

/*********** 04 Sep 2018 - Added by Nikhil - Added class for text animation 'New' for Notify Buddy left menu in Index Page for all client ***********/
.change_color {
	font-family: 'Lato-bold', sans-serif;
	font-size: 12px;
	color: #c11427;
	background-color: #b3b1b1;
	-webkit-animation: color-change 1.5s infinite;
	-moz-animation: color-change 1.5s infinite;
	-o-animation: color-change 1.5s infinite;
	-ms-animation: color-change 1.5s infinite;
	animation: color-change 1.5s infinite;
}

@-webkit-keyframes color-change {
	0% {
		color: #fff
	}

	50% {
		color: #333;
	}

	100% {
		color: #fff
	}
}

@-moz-keyframes color-change {
	0% {
		color: #fff;
	}

	50% {
		color: #333;
	}

	100% {
		color: #fff
	}
}

@-ms-keyframes color-change {
	0% {
		color: #fff;
	}

	50% {
		color: #333;
	}

	100% {
		color: #fff
	}
}

@-o-keyframes color-change {
	0% {
		color: #fff;
	}

	50% {
		color: #333;
	}

	100% {
		color: #fff
	}
}

@keyframes color-change {
	0% {
		color: #fff;
	}

	50% {
		color: #333;
	}

	100% {
		color: #fff
	}
}

/*********** 03 Oct 2017 ***********/
.page-header-min {
	border-bottom: 0px none #c41230;
	color: #000;
	font-family: Lato-Bold;
	font-size: 12px
}

.box-header-min {
	font-size: 12px;
	background-color: #c41230;
	color: #ffffff;
	font-family: Lato-Bold;
}

.ui-dialog .ui-dialog-buttonpane BUTTON {
	background-color: #c41230;
	color: #ffffff
}

.label-sm {
	font-size: 11px;
}

/************ Flight Swap/ Flight Notification/ Flight Trip ************/
.fc-state-default, .fc-state-default .fc-button-inner {
	background: #c41230
}

.fc-event-skin-request {
	border-color: Gray;
	background-color: #c41230;
	color: #fff; /*   height:100px ;*/
}

.ui-widget-header {
	background-color: #e6e6e6;
	color: #000000
}

.input-sm {
	color: Black;
	border: 1px solid #dadada;
	font-size: 14px;
}

.input-sm-min {
	color: Black;
	border: 1px solid #dadada;
	font-size: 14px;
}

.input-sm-date {
	color: Black;
	border: 1px solid #dadada;
	font-size: 14px;
}

.input-radio {
	color: inherit;
	border: 0px solid #dadada;
}

	.input-radio label {
		font-weight: normal;
		font-size: 14px
	}

.popup-date-header {
	background-color: #B29C7E;
	font-family: Lato-Bold;
	color: #ffffff
}

.popup-container {
	font-size: 12px
}

.ui-datepicker-title {
	color: #000000
}

.ui-datepicker {
	width: 18.3em
}

.ui-widget {
	font-size: 0.8em
}

.ui-datepicker-trigger {
	background-color: #ffffff
}

.ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-current {
	font-family: Lato-Bold;
	filter: Alpha(Opacity=100);
}

.btn-prev-next, .btn-prev-next:hover {
	background-color: #FEFDFB;
}

	.btn-prev-next span {
		color: Orange;
		font-family: lato-bold
	}

.frame-unread-all-items {
	border-bottom: 0.5px #D8D8D8 dotted;
}

.document-link a, .document-link a:hover {
	color: #0B3370;
	font-size: 13px
}

.input-smtext {
	font-size: 18px;
}

/* Expand/ Collapse (+ -) */
.toggle-text {
	color: White;
	font-size: 12px;
}

/* Viewer */
.v-hyperlinks a, .v-hyperlinks a:hover {
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
}

/* Footer */
.footer {
	background-color: #404040;
	color: #ffffff;
}

.legend {
	background-color: #ffffff
}

/* Table */
.table-custom {
	border: 1px solid #C4C4C4;
	font-size: 12px;
	font-family: Lato-Reg
}

	.table-custom th, .table-custom th a {
		border: 1px solid #E2EEFC;
		background-color: #BBC7D8;
		font-size: 12px;
		font-family: Lato-Reg;
	}
	/* Header */
	.table-custom tr:nth-child(odd) td {
		border: 1px solid #C4C4C4;
		background: #ffffff;
		color: #000000;
		font-size: 12px;
		font-family: Lato-Reg;
	}
	/* Row */
	.table-custom tr:nth-child(even) td /*.td-alternate */ {
		border: 1px solid #C4C4C4;
		background-color: #E2EEFC;
		color: #000000;
		font-size: 12px;
		font-family: Lato-Reg;
	}
	/* Row Alternate */
	.table-custom td input[type=checkbox]:disabled, .table-custom th input[type=checkbox]:disabled, .table-custom td input[type=button]:disabled, .table-custom td input[type=submit]:disabled, .table-custom td button:disabled {
		color: #fff;
		background-color: Gray
	}

.tabclr {
	background: #fff;
	border: 2px solid #d2e2eb;
}

.tHeader td {
	background: #c41230;
	font-size: 14px;
	color: #ffffff;
	border-right: 1px solid #fff;
}

.tletter td {
	font-size: 14px;
	color: #555;
	border: 1px solid #d2e2eb;
}

.tableleft {
	background: #d2e2ef;
	font-size: 12px;
	color: #555;
	border: 1px solid #e6e6e6;
}

.lefttag {
	border: 1px solid #999999;
}

.requestbox {
	background: #828282;
	color: #fff;
}

	.requestbox:hover {
		background: #828282;
	}

.TopFrame {
    background-color: #f7941d;
    color: #000;
    padding: 11px
}

/* Calender settings for web ARMS - Added by Nikhil 11-May-2018 */
#CalendarControl {
	background-color: #fff
}

	#CalendarControl .header {
		background-color: #d3d3d3
	}

	#CalendarControl .previous a, #CalendarControl .next a {
		color: #000
	}

	#CalendarControl .title {
		color: #000
	}

	#CalendarControl .empty {
		background-color: #fff
	}

	#CalendarControl .current {
		background-color: #e6e6e6
	}

	#CalendarControl .weekday, #CalendarControl .weekend, #CalendarControl .current {
		border: 1px solid #fff
	}

	#CalendarControl .weekday {
		background-color: #e6e6e6;
		color: #555555
	}

	#CalendarControl table {
		background-color: #fff;
		border: solid 1px #e6e6e6
	}

	#CalendarControl .weekday:hover, #CalendarControl .current:hover {
		color: #555555;
		background-color: #fff;
		border: solid 1px #e6e6e6
	}

	#CalendarControl .weekend:hover {
		color: #555555;
		background-color: #fff;
		border: solid 1px #e6e6e6
	}

	#CalendarControl .current:hover {
		color: #555555;
		background-color: #fff;
		border: solid 1px #e6e6e6
	}
/* Calender settings ends here */

/* Sliders */
.pollSlider {
	background-color: #F8F8F8;
	border-right: 1px solid #ececec;
	color: #000000;
}

/* Scroll Bar for Dock Menus */
#ex4::-webkit-scrollbar, #ex5::-webkit-scrollbar {
	background-color: #F8F8F8;
}

#ex4::-webkit-scrollbar-thumb, #ex5::-webkit-scrollbar-thumb {
	background-color: #c41230;
}

	#ex4::-webkit-scrollbar-thumb:hover, #ex5::-webkit-scrollbar-thumb:hover {
		background-color: #c41230; /* border:0px solid gray; */
	}

	#ex4::-webkit-scrollbar-thumb:active, #ex5::-webkit-scrollbar-thumb:active {
		background-color: #c41230;
		border: 0px solid #FFBFC1;
	}

#ex4::-webkit-scrollbar-track, #ex5::-webkit-scrollbar-track {
	border: 0px #15273F solid;
	-webkit-box-shadow: 0 0 0px #15273F inset;
}

#ex4::-webkit-scrollbar-corner {
	background-color: #15273F;
}

.rightpanel-scroll::-webkit-scrollbar {
	background-color: #c41230;
}

.rightpanel-scroll::-webkit-scrollbar-thumb {
	background-color: #ddd
}

	.rightpanel-scroll::-webkit-scrollbar-thumb:active {
		background-color: #c41230
	}

.custom-left-panel {
	background-color: #b4956a;
	color: #fff
}

.area-container-height {
	background-color: #F8F8F8;
	border: 1px solid #ececec
}

.custom-table-header {
	background-color: #26de00
}

.date-filter {
	border: 1px solid #ddd;
	background-color: #FFFFFF
}

/* Start: Password Reset Message Div on Login Page */

.outerblock_changepwd {
	background-color: #c41230;
}

.innerblock {
	background-color: white;
}

.innerblockLink {
	color: #c41230;
}

.outerblock {
	background-color: #c41230;
}
/* End: Link Resend Div on Login Page */


/* Begin Pop Up Close Button - Ajit 04 Apr 2018 */

.ui-dialog-titlebar-close {
	background-color: lightgray;
}
/* End Pop Up Close Button */

/* Annual Leave Bid Point Starts */
.spredColHdr {
	font-weight: bold !important;
	background-color: #c41230 !important;
	color: #ffffff;
}
/* Annual Leave Bid Point Ends */

/* Media Query */
@media only screen and (max-width : 480px) {
	.top-horizontal-line-content {
		font-size: 10px;
	}

	.project-title {
		font-size: 10px;
	}

	.footer {
		font-size: 10px;
	}

	.button-view {
		text-align: center;
	}

	.legend {
		font-size: 6px
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.top-horizontal-line-content {
		font-size: 10px
	}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
	.top-horizontal-line-content {
		font-size: 10px
	}
}

@media only screen and (min-width : 1025px) {
	.top-horizontal-line-content {
		font-size: 12px;
	}

	.footer {
		font-size: 12px;
	}
}