/* here you can put your own css to customize and override the theme */

body {
    background-color: #006237;
}

.BrowserDialog{
    z-index:11000;
}


    
    .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-sm {
        height: 25px;
        padding: 2px 5px;
    }

.input-validation-error { 
   border: 1px solid #ff0000 !important; 
   background-color: #ffeeee; }


.fa-pencil {
    color:#E87E04;
}
.fa-remove {
    color: #D91E18;
}

.dropdown-menu {
    z-index: 10000;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th  {
    padding: 5px;
}

.GridCol20 {
    width: 10px;
}
.GridCol30 {
    width: 20px;
}
.GridCol40 {
    width: 40px;
}
.GridCol90 {
    width: 90px;
    min-width: 90px;
}

.tabpage_disabled
{
    color:#D0D0D0;
}

.tabpage_disabled:hover {
    color: #D0D0D0;
}

.border-after-blue::after, .border-before-blue::before, .border-blue {
    border-color: #006237 !important;
    
}
/* SIDEBAR START */
.page-header.navbar {
    background-color: #004e2c;
}

.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
    background-color: #006237;
}




    .page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a {
        background-color: #004e2c;
    }

    .page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
        background-color: #006237;
        padding-left: 22px;
    }

    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a {
        background-color: #004e2c;
    }


    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a {
        background: #004e2c !important;
    }


    .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
        color: #FFFFFF;
    }


        .page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
            color: #FFFFFF;
        }

            .page-sidebar .page-sidebar-menu > li > a > i[class*=icon-], .page-sidebar .page-sidebar-menu > li > a > i[class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^=icon-] {
                color: #FFFFFF;
            }

    .page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
        color: #FFFFFF;
    }

    .page-sidebar .page-sidebar-menu > li.heading > h3, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3 {
        color: #FFFFFF;
    }

    .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i {
        color: #FFFFFF;
    }

    .page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a {
        background: #004e2c;
        color: #FFFFFF;
    }

    .page-sidebar .page-sidebar-menu .sub-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i {
        color: #FFFFFF;
    }

    .page-sidebar .page-sidebar-menu .sub-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i {
        color: #FFFFFF;
    }

    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i {
        color: #FFFFFF;
    }

    .page-sidebar .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover {
        background: #004e2c;
    }

    .page-sidebar .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
        background: #0e7b36;
        border-top-color: transparent;
        color: #fff;
    }



/*@media all and (min-width:992px)*/
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
    width: 230px;
}

    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover
    {
        width:276px !important;
    }



.BrowserDialog .ui-widget-content {
    background: #F9F9F9;
    border: 1px solid #006237;
    color: #222222;
    overflow: auto;
}

.BrowserDialog .ui-dialog {
    left: 0;
    outline: 0 none;
    padding: 0 !important;
    position: absolute;
    overflow: auto;
    top: 0;
}


.BrowserDialog .ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 0 !important;
}

.BrowserDialog .ui-widget-header {
    background: #006237;
    border: 0;
    color: #fff;
    font-weight: normal;
}

.ui-dialog-titlebar-close {
    padding: 0 !important;
}

.BrowserDialog .ui-dialog-titlebar-close:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    /* Change path to image*/
    background-image: url(/css/images/ui-icons_777777_256x240.png);
    background-position: -96px -128px;
    background-repeat: no-repeat;
}

.btn.blue:not(.btn-outline) {
    color: #FFFFFF;
    background-color: #006237;
    border-color: #006237;
}

    .btn.blue:not(.btn-outline):focus, .btn.blue:not(.btn-outline).focus {
        color: #FFFFFF;
        background-color: #006237;
        border-color: #006237;
    }

    .btn.blue:not(.btn-outline):hover {
        color: #FFFFFF;
        background-color: #006237;
        border-color: #006237;
    }

    .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline).active,
    .open > .btn.blue:not(.btn-outline).dropdown-toggle {
        color: #FFFFFF;
        background-color: #006237;
        border-color: #006237;
    }

        .btn.blue:not(.btn-outline):active:hover, .btn.blue:not(.btn-outline):active:focus, .btn.blue:not(.btn-outline):active.focus, .btn.blue:not(.btn-outline).active:hover, .btn.blue:not(.btn-outline).active:focus, .btn.blue:not(.btn-outline).active.focus,
        .open > .btn.blue:not(.btn-outline).dropdown-toggle:hover,
        .open > .btn.blue:not(.btn-outline).dropdown-toggle:focus,
        .open > .btn.blue:not(.btn-outline).dropdown-toggle.focus {
            color: #FFFFFF;
            background-color: #006237;
            border-color: #006237;
        }

    .btn.blue:not(.btn-outline):active, .btn.blue:not(.btn-outline).active,
    .open > .btn.blue:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.blue:not(.btn-outline).disabled:hover, .btn.blue:not(.btn-outline).disabled:focus, .btn.blue:not(.btn-outline).disabled.focus, .btn.blue:not(.btn-outline)[disabled]:hover, .btn.blue:not(.btn-outline)[disabled]:focus, .btn.blue:not(.btn-outline)[disabled].focus,
    fieldset[disabled] .btn.blue:not(.btn-outline):hover,
    fieldset[disabled] .btn.blue:not(.btn-outline):focus,
    fieldset[disabled] .btn.blue:not(.btn-outline).focus {
        background-color: #006237;
        border-color: #006237;
    }

    .btn.blue:not(.btn-outline) .badge {
        color: #006237;
        background-color: #FFFFFF;
    }

/* BROWSER DIALOG END*/

.modal {
    width: 100%;
    height: 98%;
    padding: 0;
    margin: 20px;
    left: 0px;
}


.modal.container
{
    width: 95%;
    margin: 20px;
}


.modal-body {
    max-height: 90%;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body
{
    height:auto !important;
}

.tabbable-custom > .tab-content
{
    height: 98%;
}

.tabbable-custom
{
     height:100%;

}

#accordion3
{
    height:100%;
}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled
{
    background:url(/images/accordion-plusminus.png) right -19px no-repeat
}

.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled
{
    background:url(/images/accordion-plusminus.png) right -19px no-repeat
}

.accordion-toggle
{
    font-weight:600;
}

.form-group {
    margin-bottom: 10px;
}

.close
{
    background-image: url("/images/close.png") !important
}

.SelectedRow {
    background-color: #bbe6ff;
    color: #000000;
    font-weight:600;
}

button, input, optgroup, select, textarea
{
    margin-top:4px;
}

.mw-50 {
    max-width: 50px;
}

.mw-60 {
    max-width: 60px;
}

.mw-100
{
    max-width:100px;
}

.mw-150
{
    max-width:150px;
}

.mw-200
{
    max-width:200px;
}

.hr-maring-0
{
    margin:0px;
}


.login-content
{
    margin-top: 0px; 
}

.user-login-5 .login-container > .login-content .login-form 
{
    margin-top: 0px;
}


@media (max-width: 480px) {
  /* 480px */
  /* Fixed header for mobile */
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
        background-color: transparent;
    }
  .page-header-fixed.page-header-fixed-mobile .page-header.navbar {
    height: 100px; }
  .page-header.navbar {
    /* Top menu */ }
    .page-header.navbar .top-menu {
      display: block;
      clear: none;
      float: none; }
      .page-header.navbar .top-menu .navbar-nav {
        margin-right: 0; }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle {
          padding: 19px 6px 10px 6px; }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-language .dropdown-toggle {
          padding: 16px 4px 13px 2px; }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
          padding: 16px 0px 13px 2px; } }

@media (max-width: 480px) {
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        background-color: transparent;
    }
}




/* GRID ROW STYLE*/

.rowGreen {
    color: green;
}
.rowRed {
    color: red;
}



.fc-other-month {
    background-color:#E0E0E0;
}