@charset "utf-8";
/* CSS Document */
/*html{ height:100%; margin-top: 1px; }*/
body{ font-family: arial; }
input, select, button, input:focus, select:focus, button:focus { outline: none !important; }
.form-control:focus { border-color: rgb(204, 204, 204); outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.checkbox-alignment { position: relative; top: 2px; }

.header-black-bg { background:#000; color: #fff; padding:10px; min-height:40px; }
.header-black-bg a { color: #fff; }
.bordered-lrb { border-top:0; } 

map area{cursor:pointer;}

/* nav styling */
.navbar-oems { margin:0 auto; text-align:center; background: rgba(242,242,242,0.7); padding: 20px 0 0; }
.navbar-oems.no-bt-border { border-bottom: 1px solid transparent; }
.navbar-oems ul { margin: 0; padding: 0; list-style:none; }
.navbar-oems li {display: inline-block; margin-bottom: 15px; vertical-align: top; }
.navbar-oems li a {display:inline-block; min-width: 70px;text-align: center;color: #000;margin: 0 15px; font-weight: bold;}
.navbar-oems li a:hover, .navbar-oems li a.active span { color: #F6AB19; text-decoration: none; }
.navbar-oems li span {display: block; text-align:center; font-size: 12px; }

.nav-vertical { background: transparent; text-align:center; }
.nav-vertical ul { margin: 0; padding: 0; list-style:none; }
.nav-vertical li {display: block; margin-bottom: 15px;}
.nav-vertical li.active a i{ color: #000; }
.nav-vertical li a {display: block; color: #666; font-weight: bold; padding: 20px 0; font-size: 30px;}
.nav-vertical li a:hover, .nav-vertical li a.active span { color: #F6AB19; text-decoration: none; }
.nav-vertical li span {display: block; text-align:center; font-size: 12px; }


/* admin styling */
.section-bg-grey {background: #989898; }

.card { background: #fff; border: 5px solid #eaeaea; min-height: 450px; margin: 5px 0; padding: 10px; }
.card-md { min-height: 250px; }
.card-sm { min-height: 100px; }
.card-xs { min-height: 50px; }

.card-scrolling-container { overflow-y: scroll; height: 300px; margin-bottom: 15px; }
.card-scrolling-container-lg { height: 500px; }
.card-body { overflow-y: scroll; height: 320px; }
.card-header { font-size: 18px; text-align: center; color: #999; margin: 10px; }
.card-footer { margin: 10px; color: #999; }
.card-footer a { color: #999; }

/* timeline content popup classes */
.scroll-lock { overflow: hidden; }
.card-scrolling-container.no-scroll { overflow-x: hidden; }
#custom-overlay{ display: none; content:""; background: rgba(0,0,0,.5); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index:9; }
#timelineContentPopUp { padding:10px 20px; display: none; background: #fff; position: fixed; width: 500px; border: 1px solid #ccc; top: 50%; left: 50%; right: 0;	z-index: 10; transform: translate(-50%, -50%); }
#timelineContentPopUp h3 { margin-top: 0; border-bottom: 1px solid #ccc; }
.closePopUp { font-size: 20px; font-weight: bold; position: absolute; right: 5px; top: 5px; cursor: pointer; line-height: 1; }


/* login container */
.login-container { border: 1px solid #ececec; border-radius: 10px; max-width: 800px; margin: 20px auto 0; padding: 10px; }
.login-container.no-ba-border { border: 0; margin: 0px auto 0; }
.login-container h3 { margin: 0; font-size: 18px;font-weight: bold; border-bottom: 1px solid #ececec; }
.login-left-box { padding: 20px 40px 60px; border-right: 1px solid #ececec; margin: 20px 0; }
.login-left-box.no-br-border { border-right: 0; }

/* desk-booking-bg classes*/
/* .desk-booking-bg { background: url(../images/banner-01.jpg) no-repeat; background-size: cover; } */
.dashboard-img { background: url("../images/dashboard-banner-03.jpg") no-repeat bottom left; background-size: cover; min-height: 1200px; position: relative; }
.desk-booking-bg { background: #fff }
.tab-orange .nav-tabs { border-bottom: 1px solid #F6AB19; }

.dashboard-text-logo {position: absolute; top: 50%; transform: translate(-50%, -30%); left: 50%;}

.nav>li>a { padding: 4px 15px; min-width: 120px; text-align: center;}
.tab-orange .nav-tabs > li a { background: rgba(246, 171, 25, .7); border: 1px solid transparent; color: #fff; font-weight: bold; }
.tab-orange .nav>li>a:focus, .tab-orange .nav>li>a:hover { background: #F6AB19; border: 1px solid transparent; }
.tab-orange .nav-tabs > li.active > a, .tab-orange .nav-tabs > li.active > a:focus, 
.tab-orange .nav-tabs > li.active > a:hover { background: #F6AB19; color: #fff; border: 1px solid transparent; }
.tab-orange .tab-content { background: #F6AB19; padding: 40px 20px; color: #fff; margin-bottom: 30px; }
.tab-orange .tab-content.white-tab-bg {background: #fff; color: #333; border-bottom: 1px solid #f6ab19;}
.tab-orange .tab-content.no-margin { margin-bottom: 0; }
.tab-orange .min-height-tab { min-height: 120px; }

.extra-panel { margin: 36px -20px  -40px; background: #fff; color: #333; }

.bg-white { background: rgba(255, 255, 255, .9); }
.bg-white .table th { background: rgba(246, 171, 25, 1); color:#fff }
.bg-white .table-bordered>thead>tr>th, .bg-white .table>thead:first-child>tr:first-child>th,
.bg-white .table-bordered>tbody>tr>td { vertical-align: middle; border: 1px solid rgba(246, 171, 25, .7); border-top: 1px solid rgba(246, 171, 25, .7) !important; }
.bg-white input[type=checkbox] { width: 20px; height: 20px; }


/* profile classes */

.bg-grey { background: #efefef; }
.bg-grey hr { border-top: 2px solid #404040; }
.bg-grey-light { background: #f2f2f2; }
.bg-orange { background: #F6AB19; }

.big-title { color: #F6AB19; font-size: 40px; }

.white-img-box { background: #fff; border: 1px solid #ccc; }
.white-img-box img { width: 100%; }

.profile-box img { height: 100% }
.profile-box .profile-name { background: #4d9cd5; color: #fff; }

.social-info { background: #404040; }
.social-info a { display: inline-block; border: 2px solid #fff; padding: 3px 6px; color: #fff; border-radius: 50%; margin: 5px; }

.profile-info-bg {background: url(../images/profile-info-bg.jpg) no-repeat;min-height: 180px;color: #fff;background-size: cover;background-position:  right;}
.black-overlay {background: rgba(0, 0, 0, .5); min-height: 180px; padding: 15px; }
.profile-info-bg h3{ margin: 20px 0 5px; color: #F6AB19; }
.profile-info-bg a { color: #fff; }
.profile-img { height: 180px; background: #fff; }

.tab-blue .nav.nav-tabs { background: #0072c3; }
.tab-blue .nav-tabs>li >a {color: #fff; }
.tab-blue .nav-tabs>li.active>a, .tab-blue .nav-tabs>li.active>a:focus, 
.tab-blue .nav-tabs>li.active>a:hover{ color: #fff; background-color: #65a9da; border: 1px solid #65a9da; }
.tab-blue .nav>li>a { padding: 9px 15px; }
.tab-blue .nav>li>a:focus, .nav>li>a:hover { background-color: #65a9da; border-color: #65a9da #65a9da #65a9da; }
.tab-blue .nav-tabs { border-bottom: 1px solid #0072c3; }
.tab-blue .tab-content { background: #fff; min-height: 511px; }

.info-item { padding: 20px 0 20px 45px; }
.info-item h3 { margin: 0 0 15px; position: relative; color:#F6AB19; }

/* booking overview calendar */
.booking-overview-list .nav-tabs { border: 1px solid #F6AB19; border-top: 1px solid #fff; }
.booking-overview-list .nav-tabs.admin-tab { border-top: 1px solid #F6AB19;  }
.booking-overview-list li { display: table-cell; width: 1%; float: none; }
.booking-overview-list .nav-tabs > li a { position: relative; text-align: center; border-radius: 0; border-left: 1px solid #fff; margin-right: 0; background: rgba(246, 171, 25, 1); }
.booking-overview-list .nav-tabs li:first-child a { border-left: 1px solid transparent; }


.booking-overview-list .nav-tabs > li.active > a, .booking-overview-list .nav-tabs > li.active > a:focus, 
.booking-overview-list .nav-tabs > li.active > a:hover { background: #fff; color: #000; border-left: 1px solid #fff;}
.booking-overview-list .nav>li>a:focus, .booking-overview-list .nav>li>a:hover { border: 1px solid transparent; border-left: 1px solid #fff }
.booking-overview-list .nav>li:first-child>a:focus, .booking-overview-list .nav>li:first-child>a:hover { border-left: 1px solid transparent; }

/*result classes*/
.booking-overview-result ul { padding: 0; margin: 0; list-style: none; }
.booking-overview-result li { border-radius: 5px; margin-top: 5px; margin-bottom: 20px; background: #fff; border: 1px solid rgba(222, 218, 218, 1); }
.booking-overview-result li.bg-grey { background: #efefef; }
.booking-overview-result div.tabular { border-bottom: 1px solid rgba(222, 218, 218, 1); min-height: 80px; position: relative; }
.booking-overview-result div.tabular:after { border-left: 1px solid rgba(222, 218, 218, 1); content: ''; position: absolute; right: 0; bottom: 0; top: 0; }
.booking-overview-result div.tabular .table-cell { vertical-align:  middle; padding-top: 10px; }
.booking-overview-result div.tabular:first-child .table-cell { border-left: 1px solid transparent; }
.table-responsive.no-margin { margin-bottom: 0; }
.booking-overview-result .info-bar { background: rgba(222, 218, 218, 0.7); }
.booking-overview-result .info-bar-grey { background: rgba(222, 218, 218, 0.7); }
.booking-overview-result .info-bar-green { background: rgba(15, 189, 48, 0.7); }

.booking-overview-result .tab-pane, .booking-overview-result-admin .tab-pane { display: none; }
.booking-overview-result .tab-pane.active, .booking-overview-result-admin .tab-pane.active { display: block; }

.editable-icon, a.location-pointer { font-size: 20px; color: #F6AB19; text-decoration: none; position: relative; top: -6px; }
a.location-pointer { font-size: 28px; position: relative; top: 6px; }
.editable-icon .icon-circle { background: #F6AB19; border-radius: 50%; color: #fff; font-size: 14px; display: inline-block; padding: 2px 3px; line-height: 1.9; width: 28px; height: 28px; cursor: pointer; }

.orange-outline { border: 1px solid #F6AB19; color: #F6AB19; }
.orange-outline:hover, .orange-outline:focus { border: 1px solid #F6AB19; }

/* admin styling classes */
.note-list ul { list-style: none; padding: 0; margin: 0; }
.note-list li:first-child { border-top: 1px solid #ccc; }
.note-list li { border-bottom: 1px solid #ccc; padding:10px; counter-increment: progress }
.note-list li:before { content: counter(progress) ". "; }




#bookingOverCalendar { max-width: 1024px; margin: 0 auto; background: #fff; padding: 20px; border: 1px solid #ccc; }
.fc th { background: #8a8988; background-image: linear-gradient(to bottom,#cecece,#8a8988);color: #fff; padding: 10px 0px; }
.fc th, .fc td {border-color: #ccc; }
.fc td { background: #f5f5f5; }
.fc td a {color: #000;}
/*.fc-unthemed td.fc-today { background:#fff; box-shadow: 0 0 10px #ccc inset; }*/
.fc-event-container .fc-event, .fc-event-container .fc-event-dot, .fc td a.fc-event, .fc td a.fc-event-dot { background: rgba(195, 3, 135, 0.61); color:  #fff; border: 1px solid transparent; padding:3px 5px; text-align: center; box-shadow: 0 0 12px #b3057c inset; -webkit-box-shadow: 0 0 12px #b3057c inset; -moz-box-shadow: 0 0 12px #b3057c inset; -o-box-shadow: 0 0 12px #b3057c inset; -ms-box-shadow: 0 0 12px #b3057c inset; box-shadow: 0 0 12px #b3057c inset;}
.fc-state-default { outline: none; border: 1px solid; background-color: rgba(177, 177, 177, 0.3); background-image: none; border-color: #9c9c9b; color: #333; text-shadow: none; box-shadow: none; }
.fc-state-active, .fc-state-down, .fc-state-default:hover { background-color: rgb(172, 172, 171); color: #fff; }
.fc button { padding: 5px 12px; height: auto; text-transform: capitalize; }
.fc-center h2 { color: #000000; }
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: left; font-size: 20px; padding: 10px; }


/* modal classes */
.oems-logo-modal { position: absolute; right: 10px; }

.car-booking-list { overflow-y: auto; max-height: 1200px; }
.car-booking-list .car-box { border-right: 1px solid #ccc; background: #fff; }
.car-booking-list li.active { background: rgba(242,242,242,1); }
.car-booking-list ul { list-style: none; margin: 0; padding: 0; }
.car-booking-list li:first-child { border-top: 1px solid #ccc; }
.car-booking-list li { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.car-booking-list li .car-info { margin-top: 20px; }
.car-booking-list li .list-heading { color: #fff; font-weight: bold; text-align: center; }
.car-booking-list li input[type='text']{ border-radius: 5px; background: #fff; border: 1px solid #ccc; padding: 7px 10px; width: 100%; }

.vehical-details h4, .loan-form h4 { background: rgba(242,242,242,1); padding: 10px; }
.btn-custom button.active, .btn-custom button.focus { background: blue }
.btn-custom .btn {padding: 6px 15px; }

.num-circle { border-radius: 50%; border: 2px solid #fff; padding: 3px 7px; box-shadow: 0px 0px 2px #000; color: #000; font-weight: bold; }
.dust-high { background: #2a8acd; }
.dust-md  { background: #42c7f4; }
.dust-low { background: #51b07c; }

.white-line { position: relative; }
.white-line:after { content:""; border-right:1px solid #fff; top: -19px; bottom: -29px; right: 16px; position: absolute; }

/**Choosen class override*/
.chosen-container-single .chosen-default, .chosen-container-single .chosen-single{
    color:#999;
}

/*Sree - 12-July-2018 To Show the text color of multiple selection as grey*/
.btn-default {color: #999; background-color: #fff; border-color: #ccc;}

.no-pointer-click { pointer-events:none; }

/* common classes */
.rf { float: right; }
.lf { float: left; }
.floatNone { float: none; }
.alpha { padding-left: 0; }
.omega { padding-right: 0; }
.m-auto { margin: 0 auto; }
.text-black { color: #000; }
.text-white { color: #fff; }
.text-shadow { text-shadow: 0 0 10px rgba(0,0,0,0.5) }
.btn-grey { background: #ccc; color: #333; }
.btn-grey:hover { color: #fff; }
.btn-blue { background: #2595DE; color: #fff; white-space: normal; }
.btn-warning-outline, .btn-warning-outline:hover { border: 1px solid #fff; }
.btn-pink { background: #f7966b; border: 2px solid #fff; }
.btn-pink:hover { background: #f9b495; color: #fff; }
.btn-green, .btn-green:focus { background: #1d7600; color: #fff; }
.btn-block + .btn-block { margin-top: 0; }
.modal-header { background: #e5e5e5; }
.font10 { font-size: 10px; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font50 { font-size: 50px; }

.text-req { font-size: 11px; }
.text-red { color: red; }

.flex-cell { display: flex; flex-wrap:wrap; }
.word-wrap {word-break: break-all;}

input[type='checkbox'].chk-box-lg, input[type='checkbox'].chk-box-md { width: 34px; height: 34px; margin:0; }
input[type='checkbox'].chk-box-md { width: 24px; height: 24px; }
input.input-sm-custom { width:30px; height: 18px; }

.inline-block { display: inline-block; }


.scale-25 { width: 25%; }
.scale-50 { width: 50%; }
.width-50 { width: 50px; height: 50px; }
.width-100 { width: 100px; height: 100px; }
.width-120 { width: 120px; height: 120px; }
.width-200 { width: 200px; height: 200px; }

/* horizontal and vertical styling */
.hr-bottom { border-bottom: 1px solid #ccc; }
.hr-top { border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px; }
.vr-left { border-left: 1px solid #ccc; padding-left: 10px; }
.vr-right { border-right: 1px solid #ccc; padding-right: 10px; }

.mt-6 { margin-top: 6px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-120 { margin-top: 120px; }
.mt-180 { margin-top: 180px; }
.mt-280 { margin-top: 280px; }
.mt-350 { margin-top: 350px; }
.mt-450 { margin-top: 450px; }

.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }
.ml-50 { margin-left: 50px; }

.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-30 { margin-right: 30px; }
.mr-40 { margin-right: 40px; }
.mr-50 { margin-right: 50px; }

.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-120 { margin-bottom: 120px; }
.mb-180 { margin-bottom: 180px; }
.mb-280 { margin-bottom: 280px; }
.mb-350 { margin-bottom: 350px; }
.mb-450 { margin-bottom: 450px; }

.no-margin { margin: 0; }

.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-25 { padding-top: 25px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-80 { padding-top: 80px; }

.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-30 { padding-left: 30px; }
.pl-40 { padding-left: 40px; }
.pl-50 { padding-left: 50px; }

.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-30 { padding-right: 30px; }
.pr-40 { padding-right: 40px; }
.pr-50 { padding-right: 50px; }

.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }




/* sprite classes */
.oems-sprite { background:url(../images/oems-sprite.png) no-repeat; display:inline-block; position:relative; }

.desk-booking { background:url('../images/desk-booking.svg'); }
.booking-overview { background:url('../images/booking-overview.svg'); }
.search-employee { background:url('../images/search-employee.svg'); }
.personalized-setting { background:url('../images/personalized-setting.svg'); }
.car-booking { background:url('../images/car-booking.svg'); }
.fleet-management { background:url('../images/wayfinder-icon.png'); }
.equipment-tracking { background:url('../images/equipment-tracking.svg'); }
.desk-booking, .booking-overview, .search-employee, .personalized-setting, .car-booking, .fleet-management, 
.equipment-tracking, .admin-dashboard { width: 50px; height:50px; background-size: contain; }

/* admin classes */
.admin-dashboard { background:url('../images/dashboard-icon.png') no-repeat; width:35px; height: 40px; margin-top: 10px; background-size: contain; }

/* calendar classes */

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover,
.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover {
    background-color: #f4a64c;
    background-image: -moz-linear-gradient(to bottom,#08c,#04c);
    background-image: -ms-linear-gradient(to bottom,#08c,#04c);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image: -webkit-linear-gradient(to bottom,#08c,#04c);
    background-image: -o-linear-gradient(to bottom,#08c,#04c);
    background-image: linear-gradient(to bottom,#f4a64c,#e0933a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

/* autocomplete classes override */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #cccccc;
	background: #eeeeee;
	font-weight: normal;
	color: #000000;
}

/* new classes added for popup -gl */
.modal-xlg { width: 1024px; }
.custom-checkbox { position: absolute;  opacity: 0; }
.custom-checkbox + label { position: relative; cursor: pointer; padding: 0; }
.custom-checkbox + label:before { content: ''; margin-right: 10px; display: inline-block; vertical-align: text-top; width: 18px; height: 18px; background: white; border: 1px solid #999; }
.custom-checkbox + label.no-mrg-right:before { margin-right: 0; }
.custom-checkbox:hover + label:before {border: 1px solid #f4a64c; }
.custom-checkbox:checked + label:before { background: #f4a64c; }
.custom-checkbox:checked + label:after { content: ''; position: absolute; left: 4px; top: 10px; background: white; width: 2px; height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg); transform: rotate(45deg); 
}
.white-line-left { border-left: 1px solid #fff; }
.white-line-bottom { border-bottom: 1px solid #fff; }


@media (max-width: 1024px){
	.on-sm { margin-bottom: 10px; }
    .booking-overview-list .nav-tabs > li a { font-size: 12px; }    
}
@media (max-width: 786px){
	.white-line:after { border-right: 1px solid transparent; }
    .booking-overview-result div.tabular { border-bottom: 1px solid rgba(222, 218, 218, 1); }
    .booking-overview-result div.tabular:nth-child(5) .table-cell { border-left: 0px; }
    .booking-overview-list .nav-tabs > li> a { font-size: 11px; }
    .modal-xlg { width: 600px; } 
}

@media (max-width: 480px){
   /* new classes -gl */
    .modal-xlg { width: auto; } 
}