* {-webkit-font-smoothing: antialiased/*;-webkit-text-stroke: 1px rgba(0,0,0,0.1)*/}

.layout-default{padding-top:60px}

footer{margin-top:20px;padding:10px;overflow:hidden;border-top:1px solid #CCCCCC}
.data-grid{display:block;height:350px}

.loading{text-align: center;}
.page-header{margin-top:0;position:relative}
.page-header h1{margin:0px}
.page-header .actions{position:absolute;right:0px;top:5px}
.nav-tabs{margin-bottom:20px}
.detail-view th{text-align:right;width:160px}

textarea{resize:vertical}

.required:after { color: red;  content:" *"; }

div.DTTT { z-index: 100; float:left; }
.dataTables_filter{float:left}

@media print {
    .print-only { display:inline; }
    .screen-only, .navbar, .modal, .breadcrumb, .nav  { display:none; }
    footer { display:none; }
    .print-border-right {border-right:1px black dotted;}
    .print-border-left {border-left:1px black dotted;}
}
@media screen {
    .print-only { display:none; }
}

a {color:#529140}
a:hover,
a:focus {
  color: #477c38;
}
.pointer{cursor:pointer}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {background-color:#9dcd3d}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand {
	color: black;
}
.navbar-default {
    background-color: #477c38;
    background-image: -moz-linear-gradient(top, #529140, #477c38);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#529140), to(#477c38));
    background-image: -webkit-linear-gradient(top, #529140, #477c38);
    background-image: -o-linear-gradient(top, #529140, #477c38);
    background-image: linear-gradient(to bottom, #529140, #477c38);
    border: 1px solid #38652b;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#529140', endColorstr='#477c38', GradientType=0);
}
.env-dev .navbar-default {
    background-color: #C42424;
    background-image: -moz-linear-gradient(top, #D64949, #C42424);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D64949), to(#C42424));
    background-image: -webkit-linear-gradient(top, #D64949, #C42424);
    background-image: -o-linear-gradient(top, #D64949, #C42424);
    background-image: linear-gradient(to bottom, #D64949, #C42424);
    border: 1px solid #B94949;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D64949', endColorstr='#C42424', GradientType=0);
}
.navbar-inner {
    background-color: #477c38;
    background-image: -moz-linear-gradient(top, #529140, #477c38);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#529140), to(#477c38));
    background-image: -webkit-linear-gradient(top, #529140, #477c38);
    background-image: -o-linear-gradient(top, #529140, #477c38);
    background-image: linear-gradient(to bottom, #529140, #477c38);
    border: 1px solid #38652b;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#529140', endColorstr='#477c38', GradientType=0);
}
.navbar .nav > li > a {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.navbar .brand {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  background-color: #9dcd3d;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #ddd;
}
.nav .dropdown-toggle .caret {
  border-top-color: #529140;
  border-bottom-color: #529140;
}
.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  background-color: #9dcd3d;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
	border-color: #9dcd3d;
	background-color: #9dcd3d;
}

a.list-group-item.active.danger,
a.list-group-item.active.danger:hover,
a.list-group-item.active.danger:focus {
	border-color: #d64949;
	background-color: #c42424;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{background-color:#9dcd3d}

.btn-primary:hover, .btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
color: #fff;
background-color: #477c38;
border-color: #407032;
}
.pagination>li>a, .pagination>li>span{color:#529140}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #477c38;
border-color: #407032;
}

select option[disabled] {
    color:#fff;
    background-color:#ccc
}

#loading-indicator {
    position: absolute;
    top: 50px;
    left: 0;
    display: block;
    z-index: 9999;
    background-color: #9CF5BE;
    width: 100%;
    height: 100%
}

#loading-indicator img {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -33px;
}

.top-space-20 {
    margin-top: 20px;
}

.padding-10 {
    padding: 10px
}

th input, th label {
    margin-bottom: 0px !important;
}

.dataTable tbody td {
    vertical-align: middle !important;
}

.placeholder {
    border: 1px solid green;
    background-color: white;
}

.calendar .day{width:14.28%;padding:0px}
.calendar .day-content{min-height:150px}
.calendar .day-header{color:#999;font-size:11px;border-bottom:1px solid #DDD;background:#EEE;padding:1px 4px}
.calendar .day-event{font-size:12px;padding:3px}
.calendar .dayofweek7{background:#EEE}
.calendar .bankholiday{background:#EEE}
.calendar .visionday{background:#EEE}
.calendar .today{background:#dff0d8}

button#helpdeskTicket_rejectNow.btn-danger, .btn-danger.btn-primary {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}

button#helpdeskTicket_completeNow, .btn-warning.btn-primary {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.form-inline .table .form-control{width:100%}

table#tableSmsMessagesSent thead tr > td > input, table#tableSmsMessagesSent thead tr > td > select,
table#tableSmsReconciliation thead tr > td > input, table#tableSmsReconciliation thead tr > td > select,
table#tableSmsReports thead tr > td > input, table#tableSmsReports thead tr > td > select,
table#tableSmsRequests thead tr > td > input, table#tableSmsRequests thead tr > td > select,
table#complaintTable thead tr > td > input, table#complaintTable thead tr > td > select {
    height: 40px
}

table#complaintTable thead tr td:nth-child(1) input { width: 52px !important}
table#complaintTable thead tr td:nth-child(2) input { width: 118px !important}
table#complaintTable thead tr td:nth-child(3) input { width: 182px !important}
table#complaintTable thead tr td:nth-child(4) input { width: 182px !important}
table#complaintTable thead tr td:nth-child(5) input { width: 126px !important}
table#complaintTable thead tr td:nth-child(6) input { width: 117px !important}

.green {color: green}
.red {color: red}
.strong {font-weight: bold}

table.searchable thead tr > td > input, table.searchable thead tr > td > select {
    height: 40px;
    width: 100%
}

input#client_Id {text-transform: uppercase}

#sicknessReport tr.even{
    background-color: #F9F9F9;
}

#sicknessReport tr.odd:hover, #sicknessReport tr.even:hover{
  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  color: #fff
}

div.error-wrapper {
    min-height: 450px;
    background-size: cover;
}
#err-403 {
    background: url('/images/locked-door.png') no-repeat center center;
    background-size: cover;
}
#err-404 {
    background: url('/images/empty-pots.png') no-repeat center center;
    background-size: cover;
}

div.dbtable {
    position: absolute;
    top: 50%;
    left: 33%;
    font-size: 50px;
}

.table>tfoot>tr>th{border-top:2px solid #ddd}

.dataTables_wrapper{position:relative}
.dataTables_processing{position:absolute;left:0px;top:0px;width:100%;height:100%}
.dataTables_processing .dataTables_processing_background{height:100%;background:#999999;opacity:0.2}
.dataTables_processing .dataTables_processing_text{position:absolute;left:50%;top:50%;margin-top:-15px;margin-left:-15px;}

.table>thead>tr>th.sorting,.table>thead>tr>th.sorting_desc,.table>thead>tr>th.sorting_asc{padding-right:15px}

.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background-color:#9dcd3d}
.grid-pills{margin-bottom:5px}
.grid-pills>li>a{padding:5px 10px}

.breadcrumb{padding:8px 5px;margin-bottom:5px;background:none}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{border-color:#9dcd3d}
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#477c38;border-color:#407032}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    background-color: #eee;
    color: #777;
    cursor: not-allowed;
}
form .form-control .select2-choice{height:32px;padding:3px 12px}
form .form-control .select2-choice .select2-arrow b{background-position-y:3px}


#interview_date_date{ width:150px; float:left; margin-right:10px; }

tr.bg-disabled{background-color: #c6c6c6;}

.no-outline:focus {
    outline: none
}

.table-striped-column > tbody > tr td:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.glyphicon-spin {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}