/*body {background-color: #eff3f8;font-family: "Lato", sans-serif;}*/
/*transform: translate3d(0,0,0) !important;*/
.page-wrapper {display: table;width: 100%;table-layout: fixed;}
.page-wrapper .page-wrapper-row {width: 100%;display: inherit;}/*table-row*/
.page-wrapper .page-wrapper-middle {background: #eff3f8;width: 100%;display: table-cell;height: 100%;}
.page-container {clear: both;}
.Box {padding: 10px;margin-top: 10px;border-radius: 5px;color: #555;background-color: #ffffff;}
.LabelColor {color: #007efc !important;font-weight: 600 !important;font-size: 14px !important;line-height: 30px;padding: 15px;}
/*START - CUSTOME DESIGN RADIO BUTTON*/
.CustRadio {position: relative;float: left;clear: left;display: block;padding-left: 40px;margin-bottom: 22px;line-height: 22px;font-size: 18px;color: #666;cursor: pointer;right: -33%;}
.CustRadio:before {background: #fff;content: "";position: absolute;display: inline-block;top: 0;left: 0;width: 16px;height: 16px;border: 2px solid #007efc;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;}
input[type="radio"] {display: none !important;}
input[type="radio"]:checked + label:before {content: "\2022";text-align: center;line-height: 15px;font-family: Tahoma;font-size: 24px;color: #007efc;text-shadow: 0 0 4px #007efc;background-color: #007efc;border-color: #007efc;}
/*END - CUSTOME DESIGN RADIO BUTTON*/
/*START - CUSTOME DESIGN CHECKBOX BUTTON*/
.CheckboxCustom {position: relative !important;width: 16px !important;height: 16px !important;margin: 0 !important;display: inline-block !important;-webkit-user-select: none !important;-moz-user-select: none !important;-ms-user-select: none !important;-o-user-select: none !important;user-select: none !important;-webkit-appearance: none !important;-moz-appearance: none !important;appearance: none !important;outline: 0 !important;}
.CheckboxCustom:after {content: '';position: absolute;display: block;z-index: 1;width: 16px;height: 16px;border: 2px solid #007efc;border-radius: 2px;}
.CheckboxCustom[type=checkbox]:before {background: #007efc url("../images/Check.png");background-size: 10px 8px;background-repeat: no-repeat;background-position: 1px 2px;position: absolute;left: 2px;z-index: 2;opacity: 0;width: 100%;height: 90%;color: #007efc;}
.CheckboxCustom[type=checkbox]:checked:before {content: '';position: absolute;top: 0px;opacity: 1;left: 0px;border: 2px solid #007efc;border-radius: 2px;}
/*END - CUSTOME DESIGN CHECKBOX BUTTON*/
.page-header .page-header-menu.fixed {box-shadow: none;}
.show-xs {display: none !important;}
.CustPaddInfo {padding: 4px 11px !important;}
.lblOR {font-size: 18px;color: #444 !important;font-weight: normal !important;}
.fancy {line-height: 0.5;}
.fancy span {display: inline-block;position: relative;}
.fancy span:before {right: 100%;margin-right: 15px;}
.fancy span:after {left: 100%;margin-left: 15px;}
.fancy span:before, .fancy span:after {content: "";position: absolute;height: 5px;border-bottom: 2px solid rgba(0, 0, 0, 0.13);width: 230px;}
.FixedFirstColumn  tr:nth-child(even) {background-color: #f2f2f2;}
/*tr:nth-child(odd) {background: #FFF}*/
.CursorNotAllowed{cursor:not-allowed !important;}
.ClsLgnLogo{max-width:150px;}
.modal-content {border-radius: 20px !important;}
.TMCustDatePik{font-size:16px !important; transform: scale(0.875); transform-origin: left top; width:114.25%; height:36px;padding-left:15px;}
.CustBtnSel{width: 125px;padding: 8px;}
.capitalize {text-transform: capitalize;}
/*END - FOR TEMPLATE 1 DESIGN*/

/*START - FOR TEMPLATE 1 DESIGN*/
.MinHeight35{min-height:35px !important;}
.OuterCircle{padding:0;margin:0;/*float:left;*/margin-top:25px;text-align:center;}
.OuterCircle>.InnerCircle {width: 1em;height: 1em;text-align: center;line-height: 1em;border-radius: 1em;margin: 0 1.2em;display: inline-block;position: relative;margin-left: 0;}
.OuterCircle>.InnerCircle::before{content: '';position: absolute;top: 3px;left: -1.5em;width: 1.4em;height: 0.2em;}
.OuterCircle>.InnerCircle:first-child::before {display: none;}

.OuterCirclePar{padding: 0;float: left;margin: 3px 10px 0 0;}
.OuterCirclePar>.InnerCirclePar {width: 1em;height: 1em;text-align: center;line-height: 1em;border-radius: 1em;margin: 0 1em;display: inline-block;position: relative;margin-left: 0;}
.OuterCirclePar>.InnerCirclePar::before{content: '';position: absolute;top: 4px;left: -1.3em;width: 1.2em;height: 0.2em;}
.OuterCirclePar>.InnerCirclePar:first-child::before {display: none;}

.CustBorderTitle{margin-bottom: 20px;border-bottom: 3px solid #505050;}
.CustBorderTitle>span>i.arrow {display: inline-block;font-size: 4px;width: 4em;height: 4em;}
.CustBorderTitle>span>i.arrow.right {border-top: 5px solid #007efc;border-right: 5px solid #007efc;transform: rotate(42deg) skew(-3deg);border-radius: 5px;margin-right:5px;}
.CustBorderTitle>span>i.arrow.left {border-top: 5px solid #007efc;border-right: 5px solid #007efc;transform: rotate(224deg) skew(-3deg);border-radius: 5px;margin-left:5px;}

.Custarrow {display: inline-block;font-size: 2.5px;width: 5em;height: 5em;}
.Custarrow.right {transform: rotate(42deg) skew(-3deg);border-radius: 4px;margin-right:4px;}
.Custarrow.left {transform: rotate(224deg) skew(-3deg);border-radius: 4px;margin-left:4px;}

.CustBorderTitle>label>i.arrow {display: inline-block;font-size: 4px;width: 4em;height: 4em;}
.CustBorderTitle>label>i.arrow.right {border-top: 5px solid #007efc;border-right: 5px solid #007efc;transform: rotate(42deg) skew(-3deg);border-radius: 5px;margin-right:5px;}
.CustBorderTitle>label>i.arrow.left {border-top: 5px solid #007efc;border-right: 5px solid #007efc;transform: rotate(224deg) skew(-3deg);border-radius: 5px;margin-left:5px;}
.CustBorderTopBlue{border-top:1px solid #525e64;}

.bootstrap-select.btn-group .dropdown-menu {margin-top: -34px;}
.btn-group > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .dropdown > .dropdown-menu:before {display: none !important;}
.btn-group > .dropdown-menu:after, .dropdown-toggle > .dropdown-menu:after, .dropdown > .dropdown-menu:after {display: none !important;}
.bootstrap-select.btn-group .dropdown-toggle .caret {display: none !important;}
.PosRelative {position: relative;}
.SwapJourney {position: absolute;padding: 8px;border-radius: 50% !important;right: 20px;z-index: 1000/*1111*/;margin-top: 20px;cursor: pointer;}
.TextBlueTime {color: #007efc !important;}
.FontSize30 {font-size: 30px !important;}
.FontSize40 {font-size: 40px !important;}
/*.LineOnSidesTitle {width: 100%;text-align: left;border-bottom: 3px solid #505050;line-height: 0em;margin: 10px 0 30px 0;}*/
.LineOnSidesTitle span {padding: 0 20px 0 0;}
.LineOnSides {width: 70%;text-align: center;/*line-height: 0em;*/margin: 10px 0 0px 0;padding-bottom: 3px;}
.LineOnSides span {padding: 0 5px;}
.TMBoxNormal {border-radius: 5px;padding: 10px;margin-bottom: 10px;cursor: pointer;box-shadow: 0px 0px 5px rgba(0,0,0,.2);border: 1px solid rgba(0,0,0,.2);overflow: hidden;white-space: initial;}
.TMBoxActive {/*background-image: url('../images/CheckTicket.png');background-repeat: no-repeat;background-position-x: 5px;background-position-y: 5px;*/padding-top: 25px !important;}
.TMBoxActive::before{content: "\00a0";display: block;border-radius: 9px;-moz-border-radius: 9px;-webkit-border-radius: 9px;height: 0;width: 0;position: absolute;left: 4px;top: 4px;}
.TMBoxActive::after{content: "\00a0";display: block;width: 6px;height: 10px;border-width: 0 2px 2px 0;position: absolute;left: 9px;top: 7px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);}
.LineHeight1 {line-height: 1;}
.TextGreenTime {color: #10BD59;}
.ClasFastest {font-style: italic;color: #10BD59;}
.ClasFastest:before {content: "\f0c9";font-family: "FontAwesome";margin-right: 4px;}
.ClasFastest:after {content: "\f0c9";font-family: "FontAwesome";margin-left: 4px;}
.ClsCheapest{font-style: italic;color: #ffffff; background-color:#2196f3; padding:3px 20px; margin-bottom:5px;}
.TMBoxDisabled{pointer-events:none; opacity: 0.7;}
.TMBoxDisabled .LineOnSides span {padding: 0 5px;}
.SpnChngJrny, .SpnChngRtnJrny, .SpnChngRtnJrnyInChng, .SpnChngJrnyChangeOver, .SpnChngJrnyWeek, .SpnChngJrnyWeekChng{background-color: white;padding: 0px 5px;border-radius: 5px;}
#CustTodayDP {background-color: #4b8df8;color: #ffffff !important;}
#CustTodayDP:hover {background-color: #4b8df8 !important;color: #ffffff !important;}
.CustCloseDP {background-color: #e7505a;color: #ffffff !important;}
.CustCloseDP:hover {background-color: #e7505a !important;color: #ffffff !important;}
.WhiteSpaceInitial{white-space:initial !important;}
.StrikeOutLine{text-decoration: line-through !important;}