/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
.active{
    color:red;
}
.panel-blue {
    border-color: #2B6ABA;
}
.panel-blue .panel-heading {
    border-color: #2B6ABA;
    color: #fff;
    background-color: #2B6ABA;
}
.panel-grey {
    border-color: #ccc;
}

.panel-grey .panel-heading {
    border-color: #ccc;
    color: #fff;
    background-color: #ccc;
}
.report_outer {
    width: 615px;
}
.report {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;

   }
@media (max-width: 767px) {
    .landingTitlte {
        display:none;
    }
}
table.dataTable tbody tr.selected .popover-content, table.dataTable tbody th.selected .popover-content, table.dataTable tbody td.selected .popover-content{
    color: #333;
}
.display-inlineblock {
    display:inline-block;
}
body {
    padding-right: 0!important;
}
.btn-pending {
    background-color:Aqua;
}
.btn-approved {
    background-color:yellow;
}
ul.dt-button-collection.dropdown-menu {
    max-width:50px;

}
 .required::after {
  content: " \f111" ;
  font-family: "FontAwesome";
  color:red;
  font-size:6px;
  
    margin-left: 5px;
    position: absolute;
}
.trsel {
    font-weight: bold;
    color: red !important;
}
.fontmsg {
    font-size:15px;
}
.newone {
    position:absolute;
    right:40px;
    top:3px;
}
.opt-open::before, .opt-block::before {
   padding-right: 5px;
   display: inline-block;
}
li.opt-open::before, li.opt-block::before {
   padding-right: 0px;
}
.buttonPos_ka {
    color: #fff;
    left: 8px;
    position: absolute;
    top: -2px;
}
.opt-open {
 color:green;
}

.opt-block {
 color:red;
}
.chart {
   border-radius: 5px;
    margin-top: 28px;
    padding: 23px;
    border: 2px solid #337ab7!important ;

}
.padding5 {
    padding:5px;
}
.padding10 {
    padding:10px;
}
#alert_Modal .panel-body {
    padding: 0;
}
a.toplang {
    display: block;    
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.button-group .btn {
    margin-bottom: 10px;
}
.big input[type="radio"]{margin: 4px 6px 0; transform: scale(1.5);}

.gptype1 {
    background-color :magenta;
}
.gptype2 {
    background-color :#00bfff;
}
.gptype3 {
    background-color :orange;
}

.confirm .modal-dialog {
    max-width: 500px;
}
 .buttonPos {
    position:absolute;
    color: white;
    top: 9px;
    left:25px;
}
    .saveSpecial {
        padding-left: 26px;
}
     .saveSpecialAr {
        padding-right: 26px;
}
input[type="image"]{
    vertical-align:middle;
}
.margin_bottom_5{
    margin-bottom: 5px;
}
.margin_bottom_10{
    margin-bottom: 10px;
}
.margin_bottom_15{
    margin-bottom: 15px;
}
.margin_bottom_20{
    margin-bottom: 20px;
}
.number_field{
    padding-right: 3px !important;
}
.loginHead{padding-bottom: 7px;padding-top: 7px;}
.loginHead .panel-title{font-size: 20px;}
.td_value{
    background-color: #00C000;
}
.td_totalused{
    background-color: #FF8000;
}

.td_takenback{
    background-color: #FFFF80;
}
.td_balance{
    background-color: #00BFFF;
}
.td_totaltime{
    background-color: #FF00FF;
}
.printTopButton{
    float:right;
    margin-right: 40px;
    cursor: pointer;
}
.select2-results .select2-result-label {
    display: inline-block;
    font-family: FontAwesome,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.aspNetDisabled {
     margin-bottom :10px;
}
.aspNetDisabled .btn {
    margin-bottom :0;
}
.aspNetDisabled, .aspNetDisabled .btn{
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=40);
    -webkit-box-shadow: none;
     box-shadow: none;
     background-color: #ccc; 
     border-color: #ccc;
     
}
.aspNetDisabled a {
    color:#555;
}
.btn-primary a { color:#fff;}

.eventButton{
   float: right;
    font-size: 20px;
    height: 22px;
    margin-right: 62px;
    margin-top: -37px;
}
.eventButton i:hover  {color:red;}
.eventButtoninline{   
    font-size: 20px;
    height: 22px;    
}
.eventButtoninline i:hover  {color:red;}
.eventButton_grid{   
    font-size: 20px;   
}
.eventButton_grid i:hover  {color:red;}
@media screen and (max-width: 500px) {

  .eventButton {
    float: right;
    height: 22px;
    margin-right: 30px;
    margin-top: -32px;
    width: 22px;
}
}
.modal-header h3{
    margin-top: 5px;
    margin-bottom: 5px;
}
.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 90%;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-header-codeerror{
    
     color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #a624ae;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-warning {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-primary {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-danger {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-info {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
body {
    background-color: #fff;
}

.modal .overscroll {
        display: -moz-stack;
    min-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    }
.changelink {
    margin: 15px 0;
    display: inline-block;
}
.dropdown-alertmsgFirst{
    width: 250px;
    min-width: 0;
    left: 0;
}
.dropdown-alertmsg{
    width: 200px;
    min-width: 0;
    left: -30px;
}
.display-inline{
    display:inline;
}
.fulltdlink{
    display:block;
    height:100%;
    width:100%;
    padding:0;
    
}
.panel-group .panel-heading {
       font-size: 15px;
}
.alert-badge{
    position: absolute;
    top: 10px;
    left: 1px;
    min-width: 18px;
    padding: 4px 1px;
}


.pass_eye {
    float: right;  
    position: absolute; 
    right: 7px;
    top: 2px;
    color: gray;
    font-size: 18px;
}
.pass_eyecross{
    display:none; 
    position: absolute;  
    right: 7px;
    top: 2px;
    color:grey;
    font-size: 18px;
}
.form-error .form-control{
    border-color: red;
}
h1.page-title{
    
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 5px 0;
    border-bottom:1px solid #7d7d7d;   
   
}
@media screen and (max-width: 500px) {

    h1.page-title{
    font-size: 16px;
    font-weight:bold;
    margin-top: 1px;
     border-top:2px solid #2196F3;   
    border-bottom:2px solid #2196F3;    
}
}

.gridHeaher {
  background-color: #337ab7;
  color: white;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.text-sm {
    display: block;
    float: left;
}
.panel > .panel-heading:hover{
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8;Home   Aid   Aid Setting

}
.step {
    padding-bottom:20px;
}
.step .inner-step{
            background-color: #7d7d7d;
            color: #fff;
            
             padding: 10px 15px;
             display: inline-block; 
              border-radius: 50%;
        }
        .step .inner-step.active{
           background-color: #F8992c; 
    border-radius: 50%;
        }
        .step .inner-line {
    background-color: #7d7d7d;
    display: inline-block;
    height: 3px;
    width: 35px;
}

.activeRow {
    background-color: #8fc3f7;
}
/* Extra Css By Sunil in en*/
fieldset.scheduler-border {
    border: 1px solid #ccc;
    padding: 0 15px 0px 15px !important;
    margin: 0 0 7px 0 !important;
   border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.narration {border: 2px solid #ccc;
    display: none;
    padding: 19px;
    margin-bottom: 10px;
}
.help-img {
   float:right; 
   margin-top: -38px;
      color: #337AB7;
}
@media screen and (max-width: 500px) {

    .help-img {
        float: right;
        margin-top: -33px;
        width: 22px;
        margin-right: 15px;
        height:22px;
        color: #fff;
    }
}

legend.scheduler-border {
  background-color:#fff;
   width:inherit; /* Or auto */
   padding:0 10px; /* To give a bit of padding on the left and right */
   border-bottom:none;

}

@media screen and (max-width: 1000px) {
    .overscroll {
        overflow-x: auto;
        display: inherit;
    }
}
/* Extra css ends*/

span.radio-inline {
    padding: 0px;
}

span.radio-inline > input[type="radio"] {
    margin: 4px 0px 7px 0px;
}

span.radio-inline > label {
   
    margin-right: 5px;
    padding: 0px 20px 0px 15px;
}
.artext{
    direction:rtl;
}
.cursor-pointer{
    cursor:pointer;
}
.rel_pos {
    position:relative;
}
.ajax-load {
     margin: 0px 0px 0px 20px; 
     z-index: 9999;  
     float: left;
      /*background: rgba(0, 0, 0, 0) url("../../images/loading.svg") no-repeat scroll left top;*/
}
.progress-content{
    /*background-image: url("../../images/loading.svg") ;*/
    background: url("../../images/loading.gif") no-repeat  scroll left center;
    width: 88px;
    height: 90px;

}
.progress-content:after {
    content: "Please wait....";
    position: relative;
    float:left;
    width: 442%;
    margin-top: 30px;
    margin-left: 108px;
    font-weight:normal;
}
.progress-modal
{
    position: fixed;
    z-index: 9999;
    height: 100%;
    width: 100%;
    top: 0;
    left:0;
   
}
.progress-center
{
    z-index: 1000;
    margin: 0 auto 0 auto;
    top: 40%;
    position:relative;
    padding: 10px;
    width: 25%;
    color:red;
    min-width: 250px;
    background-color: white;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    height: 111px;
    border: 3px solid #337AB7;
}
@media(max-width:768px) {
    .progress-center {
         width: 90%;
    }
}

.ajax-load2 {
    position:absolute;
    right:0;
    top:28px;
    height: 14px;
    width: 14px;
}
.ajax-load3 {
  position:absolute;
  right:0;
  top:38px;
  height: 14px;
  width: 14px;
}
#wrapper {
    width: 100%;
}

#page-wrapper {
    padding: 0 15px;
    min-height: 568px;
    background-color: #fff;
   
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 auto;
       
        border-left: 1px solid #e7e7e7;
    }
}

.navbar-top-links {
    margin: 0 15px;
}

.navbar-top-links li {
    display: inline-block;
}



.navbar-top-links li a {
    padding: 15px 11px 0;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks {
    width: 240px;
    min-width: 0;
}

.navbar-top-links .dropdown-alerts {
    width: 185px;
    min-width: 0;
}
.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: 5px;
}

.navbar-top-links .dropdown-user {
    left: 0;
    left: auto;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}

.sidebar ul li {
    border-bottom: 1px solid #e7e7e7;
}

.sidebar ul li a.active {
    background-color: #eee !important;
}

.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
    padding-left: 37px;
}

.sidebar .nav-second-level li a:hover, sidebar .nav-second-level li a:focus  {
    background-color: #eee;
}

.sidebar .nav-third-level li a {
    padding-left: 52px;
}

@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 250px;
        margin-top: 51px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

.login-panel {
    margin-top: 10%;
}

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important;
}

.show-grid {
    margin: 15px 0;
}

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}
/*.panel-green .panel-footer {
    border-color: #2ca92c;
    background-color: #2ca92c;
}*/

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}
    .panel-green a.btn, .panel-green a.btn:hover {
        color:#fff;
    }

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

/*.panel-red .panel-footer {
    border-color: #db2822;
    background-color: #db2822;
}*/

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}

/****Dodger Blue****/
.panel-dodgerblue {
    border-color: #12A5F4;
}

.panel-dodgerblue .panel-heading {
    border-color: #12A5F4;
    color: #fff;
    background-color: #12A5F4;
}

/*.panel-dodgerblue .panel-footer {
    border-color: #1271f4;
    background-color: #1271f4;
}*/

.panel-dodgerblue a {
    color: #12A5F4;
}


/****Seance****/
.panel-seance {
    border-color: #7D299B;
}

.panel-seance .panel-heading {
    border-color: #7D299B;
    color: #fff;
    background-color: #7D299B;
}

.panel-seance a {
    color: #7D299B;
}

/****Wild Strawberry****/
.panel-wildstrawberry {
    border-color: #FF2E81;
}

.panel-wildstrawberry .panel-heading {
    border-color: #FF2E81;
    color: #fff;
    background-color: #FF2E81;
}

.panel-wildstrawberry a {
    color: #FF2E81;
}

/****Corn****/
.panel-corn {
    border-color: #E4C802;
}

.panel-corn .panel-heading {
    border-color: #E4C802;
    color: #fff;
    background-color: #E4C802;
}

.panel-corn a {
    color: #E4C802;
}

/****Cyprus****/
.panel-cyprus {
    border-color: #0EA2C4;
}

.panel-cyprus .panel-heading {
    border-color: #0EA2C4;
    color: #fff;
    background-color: #0EA2C4;
}

.panel-cyprus a {
    color: #0EA2C4;
}

#accordion .panel-group .panel{
    margin-bottom: 20px;
}

.panel-body .list-group {
    margin-bottom:0;
}
#accordion .panel-body{
    padding:0;
}
#accordion .panel-body .list-group-item a{
    display:block;
    width: 100%;
}
/****Kiwi****/
.panel-kiwi {
    border-color: #aa6e28;
}
.panel-kiwi .panel-heading {
    border-color: #aa6e28;
    color: #fff;
    background-color: #aa6e28;
}
.panel-kiwi a {
    color: #aa6e28;
}

/****Olive****/
.panel-olive {
    border-color: #808000;
}
.panel-olive .panel-heading {
    border-color: #808000;
    color: #fff;
    background-color: #808000;
}
.panel-olive a {
    color: #808000;
}

/****Orange****/
.panel-orange {
    border-color: #f58231;
}
.panel-orange .panel-heading {
    border-color: #f58231;
    color: #fff;
    background-color: #f58231;
}
.panel-orange a {
    color: #f58231;
}
/****Pomegranate****/
.panel-pomegranate {
    border-color: #E7220F;
}

.panel-pomegranate .panel-heading {
    border-color: #E7220F;
    color: #fff;
    background-color: #E7220F;
}

.panel-pomegranate a {
    color: #E7220F;
}


/****Pistachio****/
.panel-pistachio {
    border-color: #A4C401;
}

.panel-pistachio .panel-heading {
    border-color: #A4C401;
    color: #fff;
    background-color: #A4C401;
}

.panel-pistachio a {
    color: #A4C401;
}

/****Razzmatazz****/
.panel-razzmatazz {
    border-color: #D90073;
}

.panel-razzmatazz .panel-heading {
    border-color: #D90073;
    color: #fff;
    background-color: #D90073;
}

.panel-razzmatazz a {
    color: #D90073;
}

/****violet****/
.panel-violet {
    border-color: #AB00FF;
}

.panel-violet .panel-heading {
    border-color: #AB00FF;
    color: #fff;
    background-color: #AB00FF;
}

.panel-violet a {
    color: #AB00FF;
}

/****pink****/
.panel-pink {
    border-color: #F572D0;
}

.panel-pink .panel-heading {
    border-color: #F572D0;
    color: #fff;
    background-color: #F572D0;
}

.panel-pink a {
    color: #F572D0;
}

.defaulpage-bar{
    margin-bottom: 20px;
}



/*
 * Sidebar-closed 
 */
@media(min-width:768px) {
	body.sidebar-closed #wrapper #sidebar li .nav-second-level,
	body.sidebar-closed #wrapper #sidebar li a .side-menu-title,
	body.sidebar-closed #wrapper #sidebar li a .arrow {
		display: none;
	}
	
	body.sidebar-closed #wrapper .sidebar .nav-second-level li a {
		padding-left: 20px;
	}
	
	body.sidebar-closed #wrapper .sidebar .nav-third-level li a {
		padding-left: 35px;
	}
	
	
	body.sidebar-closed #wrapper #page-wrapper {
		margin: 0 0 0 45px;
        padding-left: 0!important;
	}
    #wrapper #page-wrapper{
        padding-left: 250px!important;
    }
	
	body.sidebar-closed #wrapper .sidebar {
		width: 45px;
	}
	body.sidebar-closed #wrapper #sidebar li:hover {
		width: 250px;
	}
	body.sidebar-closed #wrapper #sidebar li:hover > a > .side-menu-title {
		display: inline !important;
		padding-left: 20px;
	}
	body.sidebar-closed #wrapper #sidebar li:hover a .arrow {
		#position: absolute;
		#left: 270px;
		#top: 14px;
		display: inline !important;
		#z-index: 1100;
	}
	
	body.sidebar-closed #wrapper #sidebar li.sidebar-search:hover .custom-search-form {
		display: table;
	}
	body.sidebar-closed #wrapper #sidebar li.sidebar-search:hover .search-icon {
		display: none;
	}
	
	body.sidebar-closed #wrapper #sidebar li:hover > ul.nav-second-level {
		display: block !important;
		position: absolute;
		z-index: 1000;
		height: auto;
		overflow: visible;
		top: 39px;
		left: 45px;
		width: 203px;
		background-color: #2B6598;
		border-bottom: 1px solid white;
	}
	body.sidebar-closed #wrapper #sidebar li:hover > ul.nav-second-level > ul.nav-third-level {
		display: block !important;
		position: absolute;
		z-index: 1000;
		height: auto;
		overflow: visible;
		top: 40px;
		left: 0px;
		width: 203px;
		background-color: #2B6598;
		border-bottom: 1px solid white;
	}
	
	
	body.sidebar-closed #wrapper #sidebar li:hover > ul > li:hover {
		width: 203px;

	}
	
	
	body.sidebar-closed #wrapper #sidebar .sidebar-search .custom-search-form {
		display: none;
	}
	
	body.sidebar-closed #wrapper #sidebar .sidebar-search .search-icon {
		display: table;
		padding-top: 8px;
	}
    body.sidebar-closed .nav > li > a{
		background: #f8f8f8 none 
	}
	
}






/*.dataTables_wrapper {
    clear: both;
    position: relative;
}
.dataTables_processing {
    background-color: white;
    border: 1px solid #ddd;
    color: #999;
    font-size: 14px;
    height: 30px;
    left: 50%;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 250px;
}
.dataTables_length {
    float: left;
  
}
.dataTables_filter {
    float: right;
    text-align: right;
   
}
.dataTables_info {
    float: left;
    width: 60%;
}
.dataTables_paginate {
    float: right;
    text-align: right;
}
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    color: #111 !important;
    cursor: pointer;
    float: left;
    height: 19px;
}
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover {
    text-decoration: none !important;
}
.paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active {
    outline: medium none;
}
.paginate_disabled_previous, .paginate_disabled_next {
    color: #666 !important;
}
.paginate_disabled_previous, .paginate_enabled_previous {
    padding-left: 23px;
}
.paginate_disabled_next, .paginate_enabled_next {
    margin-left: 10px;
    padding-right: 23px;
}
.paginate_disabled_previous {
    background: rgba(0, 0, 0, 0) url("../images/back_disabled.png") no-repeat scroll left top;
}
.paginate_enabled_previous {
    background: rgba(0, 0, 0, 0) url("../images/back_enabled.png") no-repeat scroll left top;
}
.paginate_enabled_previous:hover {
    background: rgba(0, 0, 0, 0) url("../images/back_enabled_hover.png") no-repeat scroll left top;
}
.paginate_disabled_next {
    background: rgba(0, 0, 0, 0) url("../images/forward_disabled.png") no-repeat scroll right top;
}
.paginate_enabled_next {
    background: rgba(0, 0, 0, 0) url("../images/forward_enabled.png") no-repeat scroll right top;
}
.paginate_enabled_next:hover {
    background: rgba(0, 0, 0, 0) url("../images/forward_enabled_hover.png") no-repeat scroll right top;
}
table.display {
    clear: both;
    margin: 0 auto;
    width: 100%;
}
table.display thead th {
    border-bottom: 1px solid black;
    cursor: pointer;
    font-weight: bold;
    padding: 3px 18px 3px 10px;
}
table.display tfoot th {
    border-top: 1px solid black;
    font-weight: bold;
    padding: 3px 18px 3px 10px;
}
table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}
table.display td {
    padding: 3px 10px;
}
table.display td.center {
    text-align: center;
}
.sorting_asc {
    background: rgba(0, 0, 0, 0) url("../images/sort_asc.png") no-repeat scroll right center;
}
.sorting_desc {
    background: rgba(0, 0, 0, 0) url("../images/sort_desc.png") no-repeat scroll right center;
}
.sorting {
    background: rgba(0, 0, 0, 0) url("../images/sort_both.png") no-repeat scroll right center;
}
.sorting_asc_disabled {
    background: rgba(0, 0, 0, 0) url("../images/sort_asc_disabled.png") no-repeat scroll right center;
}
.sorting_desc_disabled {
    background: rgba(0, 0, 0, 0) url("../images/sort_desc_disabled.png") no-repeat scroll right center;
}
table.display thead th:active, table.display thead td:active {
    outline: medium none;
}
table.display tr.odd.gradeA {
    background-color: #ddffdd;
}
table.display tr.even.gradeA {
    background-color: #eeffee;
}
table.display tr.odd.gradeC {
    background-color: #ddddff;
}
table.display tr.even.gradeC {
    background-color: #eeeeff;
}
table.display tr.odd.gradeX {
    background-color: #ffdddd;
}
table.display tr.even.gradeX {
    background-color: #ffeeee;
}
table.display tr.odd.gradeU {
    background-color: #ddd;
}
table.display tr.even.gradeU {
    background-color: #eee;
}

.dataTables_scroll {
    clear: both;
}
.dataTables_scrollBody {
}

.top .dataTables_info {
    float: none;
}
.clear {
    clear: both;
}
.dataTables_empty {
    text-align: center;
}
tfoot input {
    color: #444;
    margin: 0.5em 0;
    width: 100%;
}
tfoot input.search_init {
    color: #999;
}
td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #a19b9e;
    border-top: 2px solid #a19b9e;
}
td.details {
    background-color: #d1cfd0;
    border: 2px solid #a19b9e;
}
.example_alt_pagination div.dataTables_info {
    width: 40%;
}
.paging_full_numbers {
    height: 22px;
    line-height: 22px;
    width: 400px;
    margin-bottom: 20px;
}
.paging_full_numbers a:active {
    outline: medium none;
}
.paging_full_numbers a:hover {
    text-decoration: none;
}
.paging_full_numbers a.paginate_button, .paging_full_numbers a.current {
    border: 1px solid #337ab7;
    color: #fff !important;
    cursor: pointer;
    margin: 0 3px;
    padding: 2px 5px;
}
.paging_full_numbers a.paginate_button {
    background-color: #337ab7;
}
.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none !important;
}
.paging_full_numbers a.current {
    background-color: #99b3ff;
}
table.display tr.even.row_selected td {
    background-color: #eaebff;
}
table.display tr.odd.row_selected td {
    background-color: #eaebff;
}
tr.odd td.sorting_1 {
    background-color: #eaebff;
}
tr.odd td.sorting_2 {
    background-color: #eaebff;
}
tr.odd td.sorting_3 {
    background-color: #eaebff;
}
tr.even td.sorting_1 {
    background-color: #eaebff;
}
tr.even td.sorting_2 {
    background-color: #eaebff;
}
tr.even td.sorting_3 {
    background-color: #eaebff;
}
tr.odd.gradeA td.sorting_1 {
    background-color: #c4ffc4;
}
tr.odd.gradeA td.sorting_2 {
    background-color: #d1ffd1;
}
tr.odd.gradeA td.sorting_3 {
    background-color: #d1ffd1;
}
tr.even.gradeA td.sorting_1 {
    background-color: #d5ffd5;
}
tr.even.gradeA td.sorting_2 {
    background-color: #e2ffe2;
}
tr.even.gradeA td.sorting_3 {
    background-color: #e2ffe2;
}
tr.odd.gradeC td.sorting_1 {
    background-color: #c4c4ff;
}
tr.odd.gradeC td.sorting_2 {
    background-color: #d1d1ff;
}
tr.odd.gradeC td.sorting_3 {
    background-color: #d1d1ff;
}
tr.even.gradeC td.sorting_1 {
    background-color: #d5d5ff;
}
tr.even.gradeC td.sorting_2 {
    background-color: #e2e2ff;
}
tr.even.gradeC td.sorting_3 {
    background-color: #e2e2ff;
}
tr.odd.gradeX td.sorting_1 {
    background-color: #ffc4c4;
}
tr.odd.gradeX td.sorting_2 {
    background-color: #ffd1d1;
}
tr.odd.gradeX td.sorting_3 {
    background-color: #ffd1d1;
}
tr.even.gradeX td.sorting_1 {
    background-color: #ffd5d5;
}
tr.even.gradeX td.sorting_2 {
    background-color: #ffe2e2;
}
tr.even.gradeX td.sorting_3 {
    background-color: #ffe2e2;
}
tr.odd.gradeU td.sorting_1 {
    background-color: #c4c4c4;
}
tr.odd.gradeU td.sorting_2 {
    background-color: #d1d1d1;
}
tr.odd.gradeU td.sorting_3 {
    background-color: #d1d1d1;
}
tr.even.gradeU td.sorting_1 {
    background-color: #d5d5d5;
}
tr.even.gradeU td.sorting_2 {
    background-color: #e2e2e2;
}
tr.even.gradeU td.sorting_3 {
    background-color: #e2e2e2;
}
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
    background-color: #ecffb3;
}
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
    background-color: #e6ff99;
}
.ex_highlight_row #example tr.even:hover {
    background-color: #ecffb3;
}
.ex_highlight_row #example tr.even:hover td.sorting_1 {
    background-color: #ddff75;
}
.ex_highlight_row #example tr.even:hover td.sorting_2 {
    background-color: #e7ff9e;
}
.ex_highlight_row #example tr.even:hover td.sorting_3 {
    background-color: #e2ff89;
}
.ex_highlight_row #example tr.odd:hover {
    background-color: #e6ff99;
}
.ex_highlight_row #example tr.odd:hover td.sorting_1 {
    background-color: #d6ff5c;
}
.ex_highlight_row #example tr.odd:hover td.sorting_2 {
    background-color: #e0ff84;
}
.ex_highlight_row #example tr.odd:hover td.sorting_3 {
    background-color: #dbff70;
}
table.KeyTable td {
    border: 3px solid transparent;
}
table.KeyTable td.focus {
    border: 3px solid #3366ff;
}
table.display tr.gradeA {
    background-color: #eeffee;
}
table.display tr.gradeC {
    background-color: #ddddff;
}
table.display tr.gradeX {
    background-color: #ffdddd;
}
table.display tr.gradeU {
    background-color: #ddd;
}
div.box {
    background-color: #e5e5ff;
    border: 1px solid #8080ff;
    height: 100px;
    overflow: auto;
    padding: 10px;
}*/

#ajaxloader {
    position: absolute; top: 50%; left: 50%;
}


