html, body {
    background-color: #fbfbfb;
    font-size: 12px;
    -ms-overflow-style: scrollbar;
}

a {
    color: #255d8e;
}

.navbar {
    margin-bottom: 4px;
    min-height: 38px;
}
.navbar-brand {
    height: 38px;
    padding-top: 14px;
}

header a {
    cursor: pointer;
}

header .nav > li > a {
    padding: 13px 15px 5px 15px;
}

.navbar-inverse .navbar-brand {
    color: #cacaca;
}
.navbar-inverse .navbar-nav > li > a {
    color: #cacaca;
}

.leftMenu {
    float: left;
    padding-left: 10px;
    min-width: 180px;
}

    .leftMenu .panel {
        margin-bottom: 10px;
    }

    .leftMenu .nav > li > a {
        padding: 6px 5px 6px 10px;
    }

    .leftMenu .nav > li.active > a {
        background-color: #d0d0d0;
    }

.panel-heading a {
    content: "\e114";
}
.panel-heading a[aria-expanded="true"] {
    content: "\e113";
}

.panel-heading a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: #fff !important;
}
.panel-heading a[aria-expanded="true"]:after {
    content: "\e113";
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #255d8e;
    border-color: #428bca;
}

.content {
    float: left;
}

.right {
    overflow: auto;
}

.separator {
    float: left;
    height: 20px;
    padding-right: 8px;
    padding-left: 8px;
    margin-right: auto;
    margin-left: auto
}

.separatorBtn {
    width: 22px;
    height: 15px;
    font-size: 10px;
    padding: 0;
}

.breadcrumb {
    margin-bottom: 5px;
    padding: 7px 7px 7px 15px;
}
    .breadcrumb a {
        cursor: pointer;
        text-decoration: none;
    }

.loadScreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.nav label {
    padding-left: 10px;
    color: #9D9D9D;
}

#leftMenu a {
    cursor: pointer;
}

.label-primary {
    background-color: #255d8e;
}

/*----------- filters form start -------------*/

.filter-label-div {
    vertical-align: middle;
    margin-bottom: 15px;
    height: 30px;
    text-align: right;
}

.filter-label-div label {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
}

.filter-control-div {
    min-height: 30px;
    margin-bottom: 15px;
}

/*----------- filters form end ---------------*/

/*----------- grid start -------------*/

.k-grid-filter.k-state-active {
    background-color: #f4691a!important;
}

.grid-buttons-panel {
    float: right;
    margin-bottom: 20px;
}

    .grid-buttons-panel .grid-button-add {
        width: 100px;
    }

    .grid-buttons-panel .grid-button-edit {
        width: 100px;
    }

    .grid-buttons-panel .grid-button-del {
        width: 100px;
    }

    .grid-buttons-panel .grid-button-filter-clean {
        width: 120px;
        margin-left: 20px;
    }

    .grid-buttons-panel .grid-button-filter-refresh {
        width: 120px;
    }
/*----------- grid stop ------------*/

/*--------- dialog start ---------*/

.alert-ok {
    color: #000000;
    background-color: #C0D9AF;
    border-color: #819a7f;
}

/*--------- dialog stop ---------*/

/*--------- button start --------*/
.action-btn {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.btn-primary {
    color: #fff;
    background-color: #255d8e;
    border-color: #357ebd;
}
/*--------- button stop ---------*/

@media (min-width: 992px) {
  .modal-exlg {
    width: 90%;
  }
}

.row-Buffer {
    margin-top: 10px;
    margin-bottom: 10px;
}

.nopadding {
    padding: 0;
}

.cursorPointer {
    cursor: pointer;
}

.resetBottomMargin {
    margin-bottom: 0;
}

.form-groupBtmMargin {
    margin-bottom: 2px;
    padding-bottom: 5px;
}

.nav-settings {
    margin-bottom: 10px;
    margin-top: 12px;
}

.btn-menu {
    padding: 0px 4px;
    font-size: 20px;
    color: #337ab7;
    background-color: #fff;
}
    .btn-menu:hover,
    .btn-menu:focus {
        color: #337ab7;
        background-color: #fff;
    }

.btn-menu-hide {
    padding: 0px 4px;
    font-size: 20px;
    color: #fff;
    background-color: #337ab7;
}
    .btn-menu-hide:hover,
    .btn-menu-hide:focus {
        color: #fff;
        background-color: #337ab7;
    }

.breadcrumbsDiv {
    background-color: #f5f5f5;
    margin-bottom: 4px;
    padding-left: 10px;
}

    .breadcrumbsDiv #breadcrumbs-main {
    }

    .breadcrumbsDiv #breadcrumbs-module {
        display: none;
    }

    .breadcrumbsDiv #breadcrumbs-action {
        display: none;
    }

.collapseOnPanelHeader,
.collapseOnPanelHeader:active,
.collapseOnPanelHeader:hover,
.collapseOnPanelHeader:focus {
    color: white;
    display: block;
    text-decoration: none;
    outline: none;
    padding: 10px 15px;
}

#fields li {
    list-style: none;
}

#dialog_SendEMail li {
    list-style: none;
}

#leftMenu .active {
    background-color: #d0d0d0;
}

#leftMenu .active:hover {
    background-color: #bbbbbb;
}

/*----------------------------------------------------------
Styles which override Bootstrap.
----------------------------------------------------------*/

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

.form-horizontal .control-label.text-left{
    text-align: left;
}

.form-horizontal .control-label.text-center{
    text-align: center;
}

.form-control {
    padding: 0 12px;
    height: 30px;
}

.breadcrumb {
    padding: 7px;
    display: inline-block;
}

/*----------------------------------------------------------
Styles for log on form.
----------------------------------------------------------*/

.logOnForm {
    margin-top: 20px;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

    .logOnForm ul {
        /*margin-top: 50px;*/
        list-style-type: none;
    }

        .logOnForm li {
            padding-top: 5px;
            list-style: none;            
        }

    .logOnForm input[type=text] {
        width: 100%;
    }

    .logOnForm input[type=password] {
        width: 100%;
    }

#logOnForm ul {
    padding-left: 20px;
    padding-right: 20px;
}

#logOnForm button.btn {
    width: 49%;
}

#logOnForm button.btn:first-child {
    width: 49%;
}

/*----------------------------------------------------------
Styles for small forms.
----------------------------------------------------------*/
.smallForm li {
    padding-top: 5px;
    list-style: none;
}

/*----------------------------------------------------------
Styles for validation helpers.
----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

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

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.error {
    color: #f00;
}

/*----------------------------------------------------------
Styles for kendo.
----------------------------------------------------------*/

.k-grid tbody tr{
    height: 35px;
    cursor: pointer;
}
 
.k-grid td{
    /*white-space: nowrap;*/
}

.k-grid tbody tr.active-row {
    background-color: rgb(244, 106, 28);
}

/*----------------------------------------------------------
Styles for kendo grids.
----------------------------------------------------------*/

#unitForm table {
    font-size: 11px;
    text-align: center;
    white-space: normal;
    background-color: #FFFFFF;
}

#unitForm a {
    text-align: center;
}

#Grid_Uum table {
    font-size: 11px;
    text-align: center;
    white-space: normal;
    background-color: #FFFFFF;
}

#Grid_Uum a {
    text-align: center;
}

#dialog_Unit table {
    font-size: 11px;
    text-align: center;
    white-space: normal;
    background-color: #FFFFFF;
}

#Grid table {
    font-size: 11px;
    text-align: center;
    white-space: normal;
    background-color: #FFFFFF;
}

#Grid a {
    cursor: pointer;
}

#Grid2 table { /*Delete*/
    font-size: 11px;
    text-align: center;
    white-space: normal;
    background-color: #FFFFFF;
}

td a {
    cursor: pointer;
}

.btn-del-panel {
    float: right;
    position: relative;
    margin-top: -30px;
    margin-right: -30px;
}

.text-left {
    text-align: left;
    margin-bottom: 10px;
    min-height: 30px;
    position: relative;
}

.text-right {
    text-align: right;
    margin-bottom: 10px;
    min-height: 30px;
    position: relative;
}

.text-center {
    text-align: center;
    margin-bottom: 10px;
    min-height: 30px;
    position: relative;
}

.text-left label, .text-right label, .text-center label {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0%;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.col-sm-0, .col-md-0, .col-lg-0, .col-xl-0 {
    width: 0%;
}

.col-sm-0.text-left, .col-sm-0.text-right, .col-sm-0.text-center,
.col-md-0.text-left, .col-md-0.text-right, .col-md-0.text-center,
.col-lg-0.text-left, .col-lg-0.text-right, .col-lg-0.text-center,
.col-xl-0.text-left, .col-xl-0.text-right, .col-xl-0.text-center {
    height: 0px;
    min-height: 0px;
    margin: 0px;
}

.glyphicon-exclamation-sign {
    color: #e46868;
}
.glyphicon-info-sign {
    color: #ffb100;
}



/* person calendar table*/
.table-calendar {
    width: 100%;
    display: inline-block;
}
.table-calendar td, .table-calendar th {
    border: 1px solid;
    width: 20px;
    height: 20px;
    text-align: center;
}