@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
body {
    position: relative;
    padding-top: 0px;
    padding-bottom: 40px;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
}
.input-error{
	border:1px solid red !important;
}
.controls label{
	font-weight: normal;
}
.controls label:hover{
	cursor: pointer
}
.languageSelect { float:right; }
.sidebar-nav { padding: 9px 0 }
.avail {
    border-color: #57a957;
    color: #468847;
}
#payslipGenerator .col-md-6 label, #payslipGenerator .col-md-6 input {
    display: block;
    width: 100%;
}
#payslipGenerator .col-md-6 {
    padding-bottom: 15px;
}
#payslipGenerator input {
    border: 1px solid #ccc;
    border-radius: 2px;
    line-height: 30px;
    margin-top: 3px;
    padding:0 10px;
    font-weight: normal;
    box-shadow:none;
}
#payslipGenerator .select2 {
    margin-top: 3px;
}
.remove_payslip {
    color: #bbb;
    vertical-align: -1px;
}
.remove_payslip:hover {
    color: #777;
}
.exists {
    border-color: #ee5f5b;
    color: #b94a48;
}
a.signup-link em {
    font-style: normal;
    font-size: 10px;
    color: #bababa;
    margin-right: 6px;
}
.mission .actions {
    color: #999;
    font-size: 12px;
}
.signin {
    max-width: 500px;
    width: 350px;
}
#pbtns a.btn { margin: 6px }
.modal-btn {
    margin-top: 45px;
    float: right;
}
form.normal-label label {
    font-weight: normal;
    font-size: 11px;
    color: #999;
}
.forgotcenter {
    text-align:center;
}
div.login {
    float: none;
    margin: 0 auto;
    text-align: center;
}
.a-tooltip { display:inline-block; }
.btn.login-submit { margin-right: 70px }
input[type="checkbox"]#remember,
.remember { display: inline }
.login-label { float:left; }
span.forgot {
    font-weight: normal;
    font-size: 11px;
    position: fixed;
    padding-left: 200px;
}
input[type="checkbox"] { margin-right: 5px }
p.signup { margin: 2em }
.loader { padding: 0 10px }
#userDrop { cursor: pointer }
.login h4 { padding-bottom: 1% }
.info-links a {
    font-size: 13px!important;
    margin-left: 10px;
}
.features h1 {
	margin: 36px 0 27px;
	font-size: 40px;
	font-weight: 300;
	text-align: center;
}
.features p.intro {
	text-align: center;
	font-size: 18px;
	color: #777;
	margin: 0.5em 0 3em;
}

.jumbotron {
	text-align:left;
	padding: 105px 620px 0 0 !important;
	margin-right: -80px;
	background: url('../img/main-hero.png') right bottom no-repeat;
}
.jumbotron h1 {
	font-size: 55px;
	margin-top: 0.2em;
	line-height: 1.1;
	font-weight: normal;
}
.jumbotron h2 {
	font-weight:normal;
}
.jumbotron p {
   margin: 1em 0;
}
.gravatar {
    padding: 1px;
    display: inline;
}
.dropdown.open .dropdown-toggle {
	color: #222;
}

/** Responsive styles */
@media (min-width:768px) and (max-width:980px) {
}
@media (max-width:980px) {
}
@media (max-width:480px) {
	.jumbotron {
		background: none;
	}
}
@media (min-width:480px) and (max-width:768px) {
    .jumbotron {
        background: none;
    }
}
.choiceLabel {
    margin-left: 10px;
}

.choiceLabel > div {
    display: inline-block;
    margin-right: 4px;
}

.choiceLabel label {
    margin-left: 3px;
}
.input-mini { width:60px !important; }
.input-large { width:150px; }
#reports-message .img-thumbnail{ margin-bottom:20px; }
#topUsers, #registeredUsersGraph{ height:368px;}


.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
  min-height:500px
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
.navbar-brand{
	line-height:28px
}
legend {
    float: left;
    width: 100%;
}
.nopadding{
	padding:0 !important;
}
.nopadleft{
	padding-left:0 !important;
}
.nopadright{
	padding-right:0 !important;
}
form hr{
    float: left;
    width: 100%;
}
input[type="radio"]:hover, input[type="checkbox"]:hover{
	cursor:pointer
}
.m-l{
	margin-left:15px
}
.m-l-s{
	margin-left:8px
}
.m-t{
	margin-top:15px
}
.m-b{
	margin-bottom:15px
}
.m-r{
	margin-right:15px
}
.m-t-s{
	margin-top:5px
}
#client_list tbody tr:hover, #cleaner_list tr:hover{
	cursor:pointer;
}
.payroll #cleaner_list tr:hover{
	cursor:default;
}
.input-group-addon > label {
    margin: 0;
}
.select2-container {
    min-width: 250px;
}
#payment-creator .col-lg-4, #paymentDetails .col-lg-4, #newCleaner .col-lg-4, 
#editCleaner .col-lg-4, #editModal .col-lg-4, #addTimesheet .col-lg-4, #terminateModal .col-lg-4,
#addExtras .col-lg-4{
    font-weight: 700;
    line-height: 33px;
}
#cleaner_infos .col-lg-4{
    font-weight: 700;
    vertical-align: middle;
}
#payment-creator .select2-container {
    width: 100% !important;
}
.form-control{
	border-radius:2px
}
.select2-container--default .select2-selection--single{
	border-radius:2px !important
}
.select2-container .select2-selection--single {
    height: 32px !important;
    border: 1px solid #ccc !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 31px !important;
}
.modal-header .close {
    margin-top: -26px;
}
#ui-datepicker-div {
    z-index: 10000 !important;
}
.tabbable ul li a {
    font-size: 16px;
    font-weight: 600;
    text-align: right;
}
:focus {
outline: 0 !important;
}
.nav > li > a:focus, .nav > li > a:hover {
    background-color: #f5f5f5 !important;
}
.navbar-brand {
    padding: 9px;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}
a {
    color: #19a2d5;
}
.btn-primary {
    background-color: #19a2d5;
    border-color: #19a2d5;
    color: #fff;
    font-weight: 600;
}
.btn-danger {
    font-weight: 600;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{
    background-color: #148AAE;
    border-color: #148AAE;
}
legend {
    font-weight: 700;
}
table hr {
    margin: 0;
    border-color:#ddd
}
table .sched, table .mission {
    display: block;
    padding: 10px;
}
td.schedmission {
    padding: 0 !important;
}
#cleaner_list td {
    vertical-align: middle;
}
#client_infos td {
    vertical-align: middle;
}
.bullet-ex {
    border: 1px solid #ccc;
    border-radius: 100%;
    display: inline-block;
    height: 15px;
    vertical-align: sub;
    width: 15px;
}
.navbar-text {
    margin-top: 17px;
}
table td div.mission{
	border-bottom:1px solid #ddd;
	position:relative;
}
table td div.mission:last-child{
	border-bottom:none;
}
.deletefile {
    line-height: 1;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translate(0px, -50%);
}
.green {
    color: green;
}
.red {
    color: red;
}
.delete_extra {
    color: #333;
    line-height: 1;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translate(0px, -50%);
}
#freq_div {
    margin-top: 20px;
}
#freq_div > label {
    display: block;
}
.mission.alert-info, .mission.alert-danger, .mission.alert-warning {
    background:none;
}
.mission.addmorefilescleaner, .mission.addmorefiles{
	background:#d9edf7 !important;
} 
.addmorefiles, .addmorefilescleaner, .addfilessched{
    font-weight: 700;
    border:none !important
}
#client_files form, #cleaner_files form{
    overflow: hidden;
    padding: 0 20px;
}
p#userDrop a {
    font-weight: 700;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    padding: 5px 0 7px;
    box-shadow: none;
    background: #f9f9f9;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
#filters a{
	text-align:left;
	font-weight:normal;
	font-size:14px;
	padding-left:15px
}
#filters ul li ul li {
    padding: 2px 12px;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #f9f9f9;
}
.dropdown-submenu:hover > a:after{
	border-left-color: #666
}
#filters > .btn-default {
    font-weight: 600;
}
.input-group-addon{
	border-radius: 2px 0 0 2px !important;
}
.ui-widget {
    font-family: inherit !important;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background: #19a2d5 !important;
    color: white;
    font-weight: 600;
}
.navbar-nav > li > a{
    line-height: 24px;
    font-weight: 600;
}
.navbar-nav > li > a:hover{
	color:#19a2d5 !important
}
.fc-event-container:hover, .fc-list-item:hover {
    cursor: pointer;
}
.modal-backdrop {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 1039;
}
#bootstrap .modal-backdrop {
    z-index: 0 !important;
}
.fc-event {
    border-radius: 2px !important;
    font-size: 11px !important;
}
.tooltipevent{
	padding:10px;
	max-width: 200px;
	transition:transform 0.5s ease-in-out 0s, opacity 1s ease-in-out 0s;
	text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.2);
	color:#4f4b47;
	background:#FFF18F;
	border: 1px solid #F2E37B;
	position:absolute;
	border-radius:2px;
	z-index:10001;
}
.yearmonth .select2-container {
    font-size: 16px;
    font-weight: 600;
    min-width: auto;
    text-align: center;
}
.bigamt {
    font-size: 30px;
    font-weight: 600;
}
table .divider {
    border-bottom: 1px solid #333;
    display: block;
    margin: 0 auto;
    width: 250px;
}
.truem, .truet{
  position: relative;
  overflow: hidden;
}
.truem:after {
  background: #f2dede;
  border: 1px solid #ebcccc;
  border-radius: 2px;
  color: #a94442;
  content: "MISSION";
  font-size: 10px;
  font-weight: 700;
  padding: 2px 7px;
  position: absolute;
  right: 8px;
  text-align: center;
  top: 8px;
}
.truet:after {
  background: #fcf8e3;
  border: 1px solid #faebcc;
  border-radius: 2px;
  color: #8a6d3b;
  content: "TERMINATED";
  font-size: 10px;
  font-weight: 700;
  padding: 2px 7px;
  position: absolute;
  right: 8px;
  text-align: center;
  top: 8px;
}
.trues:after {
  background: #d9edf7;
  border: 1px solid #bce8f1;
  border-radius: 2px;
  color: #31708f;
  content: "SCHEDULE";
  font-size: 10px;
  font-weight: 700;
  padding: 2px 7px;
  position: absolute;
  right: 8px;
  text-align: center;
  top: 8px;
}
.trues a.view, .truem a.view, .truet a.view, a.leave_details{
	color:#000;
}
.trues a.view:hover, .truem a.view:hover, .truet a.view:hover, a.leave_details:hover{
	color:#777 !important;
	text-decoration: none;
}
.mission.alert-danger.truem a, .mission.alert-danger.truem a:hover{
	color:#a94442;
}
.mission.alert-info.trues a, .mission.alert-info.trues a:hover{
	color:#31708f !important;
}
.mission.alert-warning.truet a, .mission.alert-warning.truet a:hover{
	color:#8a6d3b !important;
}
.popover button {
    max-width: 110px !important;
    text-align: center;
    width: 100%;
}
.nopadbottom{
	padding-bottom:0 !important;
}
.no-m-b{
	margin-bottom:0 !important;	
}
.slip_gen input {
    border: 1px solid #ccc;
    border-radius: 2px;
    height: 31px;
    line-height: 17px;
    width: 100%;
    padding:0 8px
}
.slip_gen .col-md-4 {
    padding: 5px
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border:none;
}
.glyphicon.spinner {
    -webkit-animation: glyphicon-spin-r 2s infinite linear;
    animation: glyphicon-spin-r 2s infinite linear;
}
.delete_mission {
    bottom: 6px;
    color: #333 !important;
    position: absolute;
    right: 13px;
}
.replacement{
	display:none
}
.showreplacement {
    font-weight: bold;
}
td.allocation div {
    display: inline-block;
    width: 80px;
}
td.allocation .select2-container {
    min-width:70px !important;
}
@keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@media print {
	body{
		padding-top:10px
	}
	.navbar, .tabbable .nav, .tab-content .col-md-10 legend, #backtolist, #deletecleanerbtn,
	#editcleanerbtn, .tab-content .col-md-10 > .col-md-12 > .col-md-12:first-child, .tab-content .col-md-10 > .col-md-12 > .col-md-12 .table-responsive, #printbtn, .tab-content .col-md-10 > .col-md-12 > .col-md-12 .clearfix.m-b, #client_list, #create-payment,
	#client_infos tfoot, #search-clients-form
	{
		display:none;
	}
	.tab-content .col-md-10 {
	    width: 100%;
	}
}



/* Verticals */

.red-text {
	color:#FF0004;
}
.error {
	color:#FF0004 !important;
	font-weight:normal !important;
}

.