/*!
 * Shine v1.0
 *
 * Copyright 2012 Shine, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with bootstrap and our love
 */
/***** Shine Style ****/
body {
    font-family: Arial, sans-serif;
}

input, button, select, textarea {
    font-family: Arial, sans-serif;
}

.offset-top10 {
    margin-top: 10px;
}

.offset-top20 {
    margin-top: 20px;
}

.offset-top40 {
    margin-top: 40px;
}

.offset-top50 {
    margin-top: 50px;
}

.offset-top60 {
    margin-top: 60px;
}

.offset-top120 {
    margin-top: 120px;
}

.offset-bottom10 {
    margin-bottom: 10px;
}

.offset-bottom20 {
    margin-bottom: 20px;
}

.offset-bottom40 {
    margin-bottom: 40px;
}

.offset-bottom50 {
    margin-bottom: 50px;
}

.offset-bottom60 {
    margin-bottom: 60px;
}

.offset-bottom120 {
    margin-bottom: 120px;
}

.offset-left50 {
    margin-left: 50px;
}

.offset-left10 {
    margin-left: 10px;
}

.padding01 {
    padding-left: 0;
    padding-right: 0;
}

.padding10 {
    padding-bottom: 0;
    padding-top: 0;
}

.padding-left15 {
    padding-left: 15px;
}

/********** Breadcrumb Style ********/
div.bread {
    border: none;
    min-height: 50px;
    padding: 0;
    color: #333;
}

ul.breadcrumb {
    background: none;
    padding: 16px 0;
    border: none;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/**********End  Breadcrumb Style ********/
/********** Header Style ********/
/*header .nav-pills > .active > a, .nav-pills > .active > a:hover {
	background:#bd362f;
}*/
/**********End  Header Style ********/

/********** Accordion Style ********/
.accordion-heading span {
    padding: 8px 15px;
}

.accordion-heading .accordion-toggle {
    display: inline-block;
}

.accordion-heading a {
    padding: 8px 15px;
    border-left: 1px solid #CCC;
}

.none_a {
    padding: 0px !important;
    border: 0px !important;
}

/**********End Accordion Style ********/

/**********Modal notification-approval Style ********/
#modalContentConfirm, #modalContent, #modalContentReject {
    text-align: center;
    display: none;
}

/**********End notification-approval Style ********/
/*.nav-tabs {*/
    /*border-bottom: none !important;*/
/*}*/

/**********Custom Style ********/
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
    background: none;
}

.navbar .dropdown-menu .active > a,
.navbar .dropdown-menu .active > a:hover {
    color: #000;
}

.accordion-heading, div.tablefooter-grey {
    background: #CCC;
}

div.tablefooter-grey {
    clear: both;
    width: 100%;
    text-align: center;
    float: left;
    padding: 6px 0 0 0;
}

.accordion-inner.padding01 {
    padding: 0;
}

.accordion-inner.padding01 table {
    margin-bottom: 0 !important;
}

.accordion-group {
    border-color: #CCC;
}

.table th, .table td {
    border-color: #CCC;
}

.table thead {
    background: #EEE;
}

table.table-striped tbody tr:nth-child(odd) td, table.table-striped tbody tr:nth-child(odd) th {
    background: none;
}

table.table-striped tbody tr:nth-child(odd):hover td, table.table-striped tbody tr:nth-child(odd):hover th {
    background: #f5f5f5;
}

.accordion-heading a:nth-child(3):hover {
    background: #D6DE23; /* Old browsers */
    background: -moz-linear-gradient(85deg, #D6DE23 1%, #009345 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(1%, #D6DE23), color-stop(100%, #009345)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(85deg, #D6DE23 1%, #009345 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(85deg, #D6DE23 1%, #009345 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(85deg, #D6DE23 1%, #009345 100%); /* IE10+ */
    background: linear-gradient(85deg, #D6DE23 1%, #009345 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D6DE23', endColorstr='#009345', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.accordion-heading a:nth-child(3):hover .icon-plus, .accordion-heading a:nth-child(2):hover .icon-chevron-down, .accordion-heading a:nth-child(2):hover .icon-chevron-up, .dataTables_paginate.paging_bootstrap button.btn:active:hover i, .dataTables_paginate.paging_bootstrap button.btn.active:hover i {
    background-image: url(../img/glyphicons-halflings-white.png);
}

.page-style-red .accordion-heading a:nth-child(2):hover,
.page-style-red .dataTables_paginate.paging_bootstrap button.btn:active:hover,
.page-style-red .dataTables_paginate.paging_bootstrap button.btn.active:hover,
.page-style-red .dataTables_paginate.paging_bootstrap button.btn:hover,
div.input-prepend.input-append a.btn:active:hover {
    background: #EE442F; /* Old browsers */
    background: -moz-linear-gradient(85deg, #EE442F 1%, #BE1E2D 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(1%, #EE442F), color-stop(100%, #BE1E2D)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(85deg, #EE442F 1%, #BE1E2D 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(85deg, #EE442F 1%, #BE1E2D 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(85deg, #EE442F 1%, #BE1E2D 100%); /* IE10+ */
    background: linear-gradient(85deg, #EE442F 1%, #BE1E2D 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE442F', endColorstr='#BE1E2D', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.page-style-light_blue .accordion-heading a:nth-child(2):hover, .page-style-light_blue .dataTables_paginate.paging_bootstrap button:hover {
    background: #26A9E0; /* Old browsers */
    background: -moz-linear-gradient(85deg, #26A9E0 1%, #2B388F 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(1%, #26A9E0), color-stop(100%, #2B388F)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(85deg, #26A9E0 1%, #2B388F 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(85deg, #26A9E0 1%, #2B388F 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(85deg, #26A9E0 1%, #2B388F 100%); /* IE10+ */
    background: linear-gradient(85deg, #26A9E0 1%, #2B388F 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26A9E0', endColorstr='#2B388F', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.page-style-orange .accordion-heading a:nth-child(2):hover, .page-style-orange .dataTables_paginate.paging_bootstrap button:hover {
    background: #FAAF40; /* Old browsers */
    background: -moz-linear-gradient(85deg, #FAAF40 1%, #F05A28 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(1%, #FAAF40), color-stop(100%, #F05A28)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(85deg, #FAAF40 1%, #F05A28 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(85deg, #FAAF40 1%, #F05A28 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(85deg, #FAAF40 1%, #F05A28 100%); /* IE10+ */
    background: linear-gradient(85deg, #FAAF40 1%, #F05A28 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAAF40', endColorstr='#F05A28', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.organisation_logo, .thumbnail {
    width: 145px;
    /*	border:1px solid #CCC; */
    border: none;
}

.modal-content .span3 {
    width: 23.404255317%;
    float: left;
}

.modal-content .span9 {
    width: 74.468085099%;
    float: left;
}

.modal-content form input {
    /*height:24px;*/
}

#export-preview iframe {
    width: 918px;
    float: left;
    margin-left: 10px;
    height: 600px;
    border: 1px solid #666;
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
}

.modal-content .ui-datepicker {
    font-size: 14px;
    top: 0 !important;
}

/**********Error Validate ********/
.error {
    width: 200px;
    margin-top: 2px;
    padding-left: 5px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

/**********End  Style ********/

/****** Fix Chrome 21 ver *******/
.tab-content, .modal {
    overflow: visible;
}

.modal-body {
    overflow-y: visible;
    max-height: none;
}

/****** Fix Chrome 22 ver *******/
.ui-datepicker {
    display: none;
}

/******* Style autocomplete *******/

.ui-autocomplete {
    max-height: 200px;
    width: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 200px;
}

.ui-autocomplete-loading {
    background: white url('../img/loading.gif') right center no-repeat;
}

ul.ui-autocomplete {
    z-index: 9999 !important;
    position: fixed;
}

/*.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    line-height: 1.5;
}
*/
.navbar-search .add-on {
    margin-left: -5px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

/*
.navbar-search a.dropdown-toggle{
	padding: 5px;
}
.navbar-search a.dropdown-toggle span.caret{
	margin: 6px 2px 0 0;
}*/
.navbar-search ul.filter {
    color: #000;
    width: 650px;
    padding: 12px 4px 8px 12px;
}

.navbar-search ul.filter li {
    text-align: left;
    float: left;
    margin-left: 2%;
}

.navbar-search ul.filter li.leftCol {
    width: 25%;
}

.navbar-search ul.filter li.midCol {
    width: 36%;
}

.navbar-search ul.filter li.rightCol {
    width: 28%;
}

/*.navbar-search ul li.divider{
	width: 100%;
	float:none;
	margin: 4px 1px;
}*/
.navbar-search ul li.command {
    float: right;
    text-align: right;
    margin: 5px 20px 0px 10px;
}

.navbar-search ul li.command a {
    border: 1px solid #cccccc;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

/*.navbar-search ul li.command a:hover{
	background: #FFF;
	color: #000;
}*/

/*** ALERT SURVEYING FIXED ***/
.spanWarningSurveyFilter {
    margin-left: 10px;
    margin-bottom: 28px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #b94a48;
}

.spanWarningSurveying {
    width: auto !important;
    padding: 8px 14px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #b94a48;
}

.spanWarningProcessing {
    width: auto !important;
    padding: 8px 14px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    color: #c09853;
    margin-right: 10px;
}

.spanWarningSuccess {
    width: auto !important;
    padding: 8px 14px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.spanWarningInfo {
    width: auto !important;
    padding: 8px 14px 8px 14px;
    margin-bottom: 18px;
. text-shadow: 0 1 px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #31B0D5;
    border-color: #31B0D5;
    color: #fff;
}
.spanWarningDemolished {
    width: auto !important;
    padding: 8px 14px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #e3edf7;
    border-color: #94b8dd;
    color: #0000F0;
}

.rolloverbuttons span {
    display: none;
}

.rolloverbuttons:hover span {
    display: inline-block;
}

.user_bulk_cb {
    vertical-align: baseline;
    padding-top: 5px;
    margin-bottom: 10px !important;
}

h3.bulk_dept_title {
    margin: 15px 0px 8px 0px;
}
.verifyData{
    color:red;
}
#myTabContent .nav-link.active{
    background-color: darkgray !important;
}

.footer-dt-table{
    background-color: #CCC;
    margin: -6px -21px -7px -21px !important;
}