@import url(http://fonts.googleapis.com/css?family=Open+Sans);
body { font-family: 'Open Sans', sans-serif; }
.pad-null { padding: 0 !important; }
.pad-lr-null { padding-left: 0 !important; padding-right: 0 !important; }
.content-wapper { padding-top: 35px; margin-bottom:50px; }
.mar-null { margin: 0 !important; }
.mar-l-null { margin-left: 0 !important; }
.mar-t-5{ margin-top: 5px !important; }
.mar-t-15 { margin-top: 15px; }
.mar-b-5 { margin-bottom: 5px !important; }
.mar-b-10 { margin-bottom: 10px !important; }
.mar-b-30 { margin-bottom: 30px !important; }
.pad-tb-5{ padding-top:5px;  padding-bottom:5px;}
.pad-tb-15{ padding-top:15px;  padding-bottom:15px;}
.pad-l-10{ padding-left: 10px;}
.f12 { font-size: 12px; }
.f16 { font-size: 16px; }
.no-shadow{ box-shadow:none !important;}
.no-border{ border:none !important;}
.no-radius{ border-radius: 0 !important;}
.lyellow-bg{background-color:#ffae00;}
footer { background: #26a9e0; padding: 10px 0; font-size: 12px; position: fixed; bottom: 0; left: 0; right: 0; z-index:99; }
.logo-large { text-align: center; margin-bottom: 10px; }
.from-Waper { padding: 10px 20px; background: #ffffff; box-shadow: 0 0 1px #999; }
.from-Waper h3 { margin: 0 0 15px 0; text-align: center; font-size: 18px; font-weight: 400; color: #337ab7; }
.inner{ padding-top:0;}
.inner h3 { font-size: 24px; text-align:left;  }
.from-Waper input.error { border-right: 2px solid #ea2100 !important; }

span.error{color: #ea2100;border: none;}
.from-Waper .checkbox { margin-left: 20px; }
.from-Waper .checkbox label, .from-Waper .radio label{ margin-bottom: 4px;}
.from-Waper .checkbox input[type="radio"] { margin-left: 5px; margin-top: 0; }
label{vertical-align: middle;}
.from-Waper .checkbox label.label-text{ padding-left:25px;}
.navbar .dropdown-menu { position: relative !important; }
.week-view h4{ font-size:16px; margin-top:0; font-weight:400;}
.week-view ul li{ margin-bottom:2px;}
.week-view ul li a{ display:block; color:#333; padding:5px 10px; }
.week-view ul li.lgray{background-color:#cccccc;}
.week-view ul li.lgreen{background-color:#1fbba6;}
.week-view ul li.lyellow{background-color:#ffae00;}
.week-view ul li.lred{background-color:#ff7f66;}
.calendar-view-header .btn-group .btn{ border-radius:0;}
.btn-gray{background:#999999; color:#ffffff;}
.btn-gray:hover{color:#ffffff; background:#808080;}
.btn-dgray{background:#333333; color:#ffffff;}
.btn-dgray:hover{color:#ffffff; background:#313131;}
.calendar-view-header .prev-btn a{ background:url(../images/prev-btn.png) left no-repeat; display:block; text-indent:-9999px; width:19px; height:19px; margin-top:5px;}
.calendar-view-header .next-btn a{ background:url(../images/next-btn.png) right no-repeat; display:block; text-indent:-9999px; width:19px; height:19px; float:right; margin-top:5px;}
table td a:focus{ outline:none;}
.view-icon{ background:url(../images/view-icon.png) center center no-repeat; width:24px ; height:24px; display:block; text-indent:-9999px; margin:0 auto;}
.view-calendar-icon{ background:url(../images/view-calendar.png) center center no-repeat; width:24px ; height:24px; display:inline-block; text-indent:-9999px; margin:0 auto;}
.fc th { border:none !important; padding-bottom:10px !important;}
.fc .fc-row.fc-widget-header{border-bottom: 3px solid #456e98 !important; border-top:none !important; border-left:none !important; border-right:none !important;}
.fc .fc-widget-header{border:none !important; }
.fc .fc-row.fc-widget-header .fc-day-header{ padding-bottom:15px !important;}
.alert{ padding: 10px !important; clear: both;}
.modal-body h3, .modal-body h4{font-size: 24px; color: #337ab7; margin:10px 0 5px 0;}
.modal-scroll{height: 450px; overflow: auto;}
.modal-scroll-1{max-height: 450px; overflow: auto;}
.lpending-icon { background: url(../images/pending-icon.png) no-repeat left center; padding-left: 25px; }
.lactive-icon { background: url(../images/active-icon.png)  no-repeat left center; padding-left: 25px; }
.lcompleted-icon { background: url(../images/completed-icon.png)  no-repeat left center; padding-left: 25px; }
.lnever-filled-icon { background: url(../images/never-filled-icon.png)  no-repeat left center; padding-left: 25px; }
.uppercase{text-transform: uppercase;}
@media screen and (max-width:767px) {
.xs-text-center{ text-align:center !important;}
.xs-mar-null { margin: 0 !important; }
.xs-mar-b-5 { margin-bottom: 5px !important; }
.xs-mar-b-10 { margin-bottom: 10px !important; }
.navbar { margin-bottom: 0 !important; }
.xs-navbar-fixed-top { position:absolute; left: 0; right: 0; top: -88px; z-index: 1000; text-align: center; }
.navbar-nav>li { background: #FFF; text-align: left; }
.navbar-default .navbar-nav > li > a { color: #555; background: #FFF; }
.navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active:hover > a { color: #FFF; }
.navbar-nav { margin: 0; }
.navbar-collapse { padding: 0; margin-top: 22px; max-height: 250px; overflow: auto; border-bottom-width:2px; border-bottom-style:solid; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #333; }
.navbar-default { background: none; border: none; }
.navbar-nav>li>a{ padding-top:5px; padding-bottom:5px;}
.content-wapper { padding-top: 15px; }
.btn-primary, .btn-default { display: block; width: 100%; margin-bottom: 10px; }
.login-Waper { box-shadow: none; }
.from-Waper .checkbox { margin-left: 0; }
.from-Waper .checkbox label { padding: 0; width: 60px; }
.from-Waper .checkbox label.label-text { padding-left:25px; width:auto; }
.inner h3 { font-size: 24px; text-align:center; }
.fc-list-view .fc-time{ display: block !important;}
.xs-mar-l-6{ margin-left: -6px !important;}
ul.ColVis_collection {margin: 0 !important;}
.child td{padding-left: 10px !important;}
.modal-scroll{height: 350px; overflow: auto;}
.modal-body h3, .modal-body h4{font-size: 18px;}
.lpending-icon, .lactive-icon, .lcompleted-icon, .lnever-filled-icon{ display: block}
}
@media screen and (min-width:320px) {
header { height: auto; border-top: 20px solid #235a85; border-bottom: 2px solid #3399cc;}
header .logo h2 { margin: 10px 0 10px 0; padding: 0; font-weight: bold; }
header .logo h2 a { font-size: 22px; color: #333; display: block; text-indent: -9999px; width:250px; }
.user-info { text-align: center; font-size: 12px; margin-bottom: 8px; }
.user-info span a{ color:#333;}
.user-info a:hover { color: #000; }
.navbar-nav > li > a { font-weight: bold; font-size: 14px; text-transform: uppercase; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { background-color: transparent; }
a.fc-more{ font-size: 8px !important;}

}
@media screen and (min-width:360px) {
  a.fc-more{ font-size: 9px !important;}
}
@media screen and (min-width:768px) {
.lg-mar-t-10{ margin-top:10px;}
header .logo h2 a { background: url(../images/logo.png) no-repeat; width: 248; height: 80px; }
.user-info { text-align: right; font-size: 16px; margin-top: 60px; margin-bottom: 0; }
.navbar-collapse { height: auto; border-top: 0; box-shadow: none; max-height: none; padding-left: 0; padding-right: 0; }
.navbar-collapse.collapse { display: block !important; width: auto !important; padding-bottom: 0; overflow: visible !important; }
.navbar-collapse.in { overflow-x: visible; }
.navbar { max-width: 300px; margin-right: 0; margin-left: 0; }
.navbar-nav, .navbar-nav > li, .navbar-left, .navbar-right, .navbar-header { display: block; width: 100%; z-index:1 }
.navbar-right .dropdown-menu { left: 0; right: auto; }
.navbar-collapse .navbar-nav.navbar-right:last-child { margin-right: 0; }
.navbar-brand { display: none; }
.navbar-nav li a:hover{color:#ccc !important;}
.navbar .dropdown-menu { min-width: 100% !important; border: none !important; border-radius: 0; box-shadow: none; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { background-color: #456e98; color: #fff; }
.navbar .dropdown-menu { padding-bottom: 0; padding-top: 10px; }
.navbar .dropdown-menu li { background: #456e98; margin-bottom: 10px; }
.navbar .dropdown-menu li:last-child { margin-bottom: 0; }
.navbar .dropdown-menu>li>a { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; line-height: 20px; padding:10px 0 10px 20px; }
.navbar .dropdown-menu>li>a:focus, .navbar .dropdown-menu>li>a:hover { color: #fff; text-decoration: none; background-color: #456e98; }
.navbar-nav > li > a, .navbar .dropdown-menu > li > a { font-size: 11px;}
.nav-icons { display: inline-block; padding-left: 50px !important; }
.calander-icon { background: url(../images/calendar-icon.png) no-repeat 15px center; }
.pending-icon { background: url(../images/pending-icon.png) no-repeat 18px center; }
.active-icon { background: url(../images/active-icon.png) no-repeat 18px center; }
.completed-icon { background: url(../images/completed-icon.png) no-repeat 18px center; }
.never-filled-icon { background: url(../images/never-filled-icon.png) no-repeat 18px center; }
.new-shift-icon { background: url(../images/new-shift-icon.png) no-repeat 15px center; }
.clients-icon { background: url(../images/clients-icon.png) no-repeat 15px center; }
.candidates-icon { background: url(../images/candidates-icon.png) no-repeat 15px center; }
.user-icon{ background:url(../images/user-icon.png) no-repeat 15px center; }
}
@media screen and (min-width:992px) {
.navbar-nav > li > a, .navbar .dropdown-menu > li > a { font-size: 14px;}	
}
.ui-menu .ui-menu-item a,.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
	text-align:left;
	font-size:14px;
	}
.ui-autocomplete-loading { background: white url("../images/ui-anim_basic_16x16.gif") right center no-repeat; }
.fc-event{margin-bottom: 2px !important;}
#overlay {
    position:fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.2);
    z-index: 99999;
}
#loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
}
.from-Waper input[type="file"].error {
    border-right: none !important;
}
.form-control[readonly], fieldset[readonly] .form-control {cursor: not-allowed;}
.form-control[readonly]:focus {border-color: #ccc; box-shadow: none; outline: 0 none;}
.icon.user-active, .icon.job-active{background: rgba(0, 0, 0, 0) url("../images/green_circle.png") no-repeat scroll center center;}
.icon.user-inactive, .icon.job-inactive{background: rgba(0, 0, 0, 0) url("../images/red_circle.png") no-repeat scroll center center;}
.hide-text { text-indent: -9999px; white-space: nowrap; overflow: hidden; display: block;}