.siteCheck > .checkbox {
    margin-top: 0;
}
.ui-autocomplete-loading {
    background: white url('bootstrap/images/ui-anim_basic_16x16.gif') right center no-repeat;
}
.mb {
    margin-bottom: 10px;
}
.border-bottom{
    border-bottom: 1px solid #ccc;
}
.containermodal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    opacity: 0.8;
    background: #000000
        url('bootstrap/images/flyingdots.gif')
        50% 50%
        no-repeat;
}
.loadingpage {
    overflow: hidden;
}
label.error{
    color : red;
}

input.error, select.error, input[type='checkbox'].error,input[type='radio'].error{
    /*  border: 1px solid red;*/
}
.title-underlined{
    border-bottom: 1px solid #032310;
}
/** mega menu **/

.menu-large {
    position: static !important;
}
.megamenu{
    padding: 20px 0px;
    width: 100%;
}

@media(min-width:768px){
    .megamenu{
        width: auto;
        left: auto;
        min-width: 350px;
    }
}

.megamenu> li > ul, .megamenu> li > ul > li > ul{
    padding: 0;
    margin: 0;
}

.megamenu> li > ul > li, .megamenu> li > ul > li > ul > li{
    list-style: none;
}

.megamenu> li > ul > li > a, .megamenu> li > ul > li > ul > li> a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #032310;
    white-space: normal;
}

.megamenu> li ul > li > a:hover,  .megamenu> li > ul > li > ul > li> a:hover,
.megamenu> li ul > li > a:focus , .megamenu> li > ul > li > ul > li> a:focus{
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    color: #999999;
}

.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
}

.megamenu.dropdown-header {
    color: #428bca;
    font-size: 18px;
}

@media (max-width: 768px) {
    .megamenu{
        margin-left: 0 ;
        margin-right: 0 ;
    }
    .megamenu> li {
        margin-bottom: 30px;
    }
    .megamenu> li:last-child {
        margin-bottom: 0;
    }
    .megamenu.dropdown-header {
        padding: 3px 15px !important;

    }
    .navbar-nav .open .dropdown-menu .dropdown-header{
        color:#fff;
    }
}

.flexigrid #main-table-box{
    margin-bottom: 20px;
}

.gcOverlayLoader {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(204, 204, 204, 0.51);
    z-index: 9000;
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
    font-size: 15px;
    font-weight: bold;
    display: none;
}

.gcOverlayLoader .progress {
    margin-top: 20px;
    width: 20%;
}

@media(min-width:768px){
    .table-responsive {
        overflow-x: visible;
    }
}

@media(max-width:767px){
    .table-responsive {
        overflow-y: auto;
    }
}

.report-table{
    font-size: 11px
}

.table th {
    vertical-align: middle
}

@media(min-width : 768px){
    .dropdown-header {
        padding: 3px 15px;
    }

    .dropdown-menu>li>a {
        padding: 3px 15px;
        font-size: 12px;
    }

    .dropdown-menu .divider{
        margin: 3px 0;
    }
}

a.navbar-brand {
    padding : 5px 10px !important;
}

.navbar-site {
    background-color: #032310;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#032310), to(#008836));
    background-image: -webkit-linear-gradient(top, #032310, 0%, #008836, 100%);
    background-image: -moz-linear-gradient(top, #032310 0%, #008836 100%);
    background-image: linear-gradient(to bottom, #032310 0%, #008836 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00914d', endColorstr='#ff005e32', GradientType=0);
}
.navbar-site .navbar-brand {
    color: #ffffff;
}
.navbar-site .navbar-brand:hover,
.navbar-site .navbar-brand:focus {
    color: #e6e6e6;
    background-color: transparent;
}
.navbar-site .navbar-text {
    color: #ffffff;
}
.navbar-site .navbar-nav > li > a {
    color: #ffffff;
}
.navbar-site .navbar-nav > li > a:hover,
.navbar-site .navbar-nav > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
}
.navbar-site .navbar-nav > .active > a,
.navbar-site .navbar-nav > .active > a:hover,
.navbar-site .navbar-nav > .active > a:focus {
    color: #c0c0c0;
    background-color: #008836;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#008836), to(#032310));
    background-image: -webkit-linear-gradient(top, #008836, 0%, #032310, 100%);
    background-image: -moz-linear-gradient(top, #008836 0%, #032310 100%);
    background-image: linear-gradient(to bottom, #008836 0%, #032310 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff003d20', endColorstr='#ff00703b', GradientType=0);
}
.navbar-site .navbar-nav > .disabled > a,
.navbar-site .navbar-nav > .disabled > a:hover,
.navbar-site .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}
.navbar-site .navbar-toggle {
    border-color: #dddddd;
}
.navbar-site .navbar-toggle:hover,
.navbar-site .navbar-toggle:focus {
    background-color: #dddddd;
}
.navbar-site .navbar-toggle .icon-bar {
    background-color: #cccccc;
}
.navbar-site .navbar-collapse,
.navbar-site .navbar-form {
    border-color: #032310;
}
.navbar-site .navbar-nav > .dropdown > a:hover .caret,
.navbar-site .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #c0c0c0;
    border-bottom-color: #c0c0c0;
}
.navbar-site .navbar-nav > .open > a,
.navbar-site .navbar-nav > .open > a:hover,
.navbar-site .navbar-nav > .open > a:focus {
    background-color: #008836;
    color: #c0c0c0;
}
.navbar-site .navbar-nav > .open > a .caret,
.navbar-site .navbar-nav > .open > a:hover .caret,
.navbar-site .navbar-nav > .open > a:focus .caret {
    border-top-color: #c0c0c0;
    border-bottom-color: #c0c0c0;
}
.navbar-site .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
@media (max-width: 767) {
    .navbar-site .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
    .navbar-site .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-site .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #c0c0c0;
        background-color: transparent;
    }
    .navbar-site .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-site .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-site .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #c0c0c0;
        background-color: #008836;
    }
    .navbar-site .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-site .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-site .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}
.navbar-site .navbar-link {
    color: #ffffff;
}
.navbar-site .navbar-link:hover {
    color: #c0c0c0;
}

.btn-primary {
    color: #ffffff;
    background-color: #008836;
    border-color: #008836;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #032310;
    border-color: #008836;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.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: #032310;
    border-color: #008836;
}

.btn-primary .badge {
    color: #032310;
    background-color: #ffffff;
}
.label-primary {
    background-color: #008836;
}
.bg-primary {
    background: #032310;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #032310;
    border-color: #008836;
}

.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;
    background-color: #008836;
    border-color: #008836;
    cursor: default;
}

.form-display-as-box {
    text-transform: capitalize !important;
    font-weight: bold;
    font-size: 12px;
}

.yamm-content li.dropdown-header{
    border-bottom: 1px solid #e5e5e5;
    padding: 0px;
    margin-bottom: 5px;
}
.color_ff0 {
    color: #ff0000 !important;
}
/***Added by Shahid***/
/**
* Custom Border
**/
.border_top {
    border-top: 1px solid #d9d9d9;
}
.border_bottom {
    border-bottom: 1px solid #d9d9d9;
}
.border_none {
    border: none !important;
}
.border_bottom_none {
    border-bottom:none !important;
}
.border_top_none {
    border-top:none !important;
}
/*
** Custom Font Size
*/
.size10{
    font-size: 10px !important;
}
.size11{
    font-size: 11px !important;
}
.size12{
    font-size: 12px !important;
}
.size13{
    font-size: 13px !important;
}
.size14{
    font-size: 14px !important;
}
.size16{
    font-size: 16px !important;
}
.size18{
    font-size: 18px !important;
}
.size20{
    font-size: 20px !important;
}
.size22{
    font-size: 22px !important;
}
.size24{
    font-size: 24px !important;
}
.size28{
    font-size: 28px !important;
}
.size30{
    font-size: 30px !important;
}
.size32{
    font-size: 32px !important;
}
.size36{
    font-size: 36px !important;
}
.size40{
    font-size: 40px !important;
}
.size48{
    font-size: 48px !important;
}
.size60{
    font-size: 60px !important;
}
.size72{
    font-size: 72px !important;
}
.size90{
    font-size: 90px !important;
}
/**
* Custom Margin
**/
.m_0 {
    margin: 0 !important;
}
.m_l_0 {
    margin-left: 0 !important;
}
.m_r_0 {
    margin-right: 0 !important;
}
.m_t_0 {
    margin-top: 0 !important;
}
.m_b_0 {
    margin-bottom: 0 !important;
}
.m_l_r_5 {
    margin: 0 5px !important;
}
.m_t_b_5 {
    margin: 5px 0 !important;
}
.m_l_r_10 {
    margin: 0 10px !important;
}
.m_t_b_10 {
    margin: 10px 0 !important;
}
.m_l_r_15 {
    margin: 0 15px !important;
}
.m_t_b_15 {
    margin: 15px 0 !important;
}
.m_l_r_20 {
    margin: 0 20px !important;
}
.m_t_b_20 {
    margin: 20px 0 !important;
}
.m_l_r_30 {
    margin: 0 30px !important;
}
.m_t_b_30 {
    margin: 30px 0 !important;
}
.m_10 {
    margin: 10px !important;
}
.m_15 {
    margin: 15px !important;
}
.m_20 {
    margin: 20px !important;
}
.m_t_5 {
    margin-top: 5px !important;
}
.m_b_5 {
    margin-bottom: 5px !important;
}
.m_r_5 {
    margin-right: 5px !important;
}
.m_l_5 {
    margin-left: 5px !important;
}
.m_t_10 {
    margin-top: 10px !important;
}
.m_b_10 {
    margin-bottom: 10px !important;
}
.m_r_10 {
    margin-right: 10px !important;
}
.m_l_10 {
    margin-left: 10px !important;
}
.m_t_15 {
    margin-top: 15px !important;
}
.m_b_15 {
    margin-bottom: 15px !important;
}
.m_r_15 {
    margin-right: 15px !important;
}
.m_l_15 {
    margin-left: 15px !important;
}
.m_t_20 {
    margin-top: 20px !important;
}
.m_b_20 {
    margin-bottom: 20px !important;
}
.m_r_20 {
    margin-right: 20px !important;
}
.m_l_20 {
    margin-left: 20px !important;
}
.m_t_30 {
    margin-top: 30px !important;
}
.m_b_30 {
    margin-bottom: 30px !important;
}
.m_r_30 {
    margin-right: 30px !important;
}
.m_l_30 {
    margin-left: 30px !important;
}
.m_t_40 {
    margin-top: 40px !important;
}
.m_b_40 {
    margin-bottom: 40px !important;
}
.m_r_40 {
    margin-right: 40px !important;
}
.m_l_40 {
    margin-left: 40px !important;
}
.m_t_70 {
    margin-top: 70px !important;
}
.m_b_70 {
    margin-bottom: 70px !important;
}
.m_r_70 {
    margin-right: 70px !important;
}
.m_l_70 {
    margin-left: 70px !important;
}
/**
* Custom Padding
**/
.p_0 {
    padding: 0 !important;
}
.p_l_0 {
    padding-left: 0 !important;
}
.p_r_0 {
    padding-right: 0 !important;
}
.p_t_0 {
    padding-top: 0 !important;
}
.p_b_0 {
    padding-bottom: 0 !important;
}
.p_10 {
    padding: 10px !important;
}
.p_15 {
    padding: 15px !important;
}
.p_20 {
    padding: 20px !important;
}
.p_30 {
    padding: 30px !important;
}
.p_l_r_5 {
    padding: 0 5px !important;
}
.p_t_b_5 {
    padding: 5px 0 !important;
}
.p_l_r_10 {
    padding: 0 10px !important;
}
.p_t_b_10 {
    padding: 10px 0 !important;
}
.p_l_r_15 {
    padding: 0 15px !important;
}
.p_t_b_15 {
    padding: 15px 0 !important;
}
.p_l_r_20 {
    padding: 0 20px !important;
}
.p_t_b_20 {
    padding: 20px 0 !important;
}
.p_l_r_30 {
    padding: 0 30px !important;
}
.p_t_b_30 {
    padding: 30px 0 !important;
}
.p_t_5 {
    padding-top: 5px !important;
}
.p_b_5 {
    padding-bottom: 5px !important;
}
.p_r_5 {
    padding-right: 5px !important;
}
.p_l_5 {
    padding-left: 5px !important;
}
.p_t_10 {
    padding-top: 10px !important;
}
.p_b_10 {
    padding-bottom: 10px !important;
}
.p_r_10 {
    padding-right: 10px !important;
}
.p_l_10 {
    padding-left: 10px !important;
}
.p_t_15 {
    padding-top: 15px !important;
}
.p_b_15 {
    padding-bottom: 15px !important;
}
.p_r_15 {
    padding-right: 15px !important;
}
.p_l_15 {
    padding-left: 15px !important;
}
.p_t_20 {
    padding-top: 20px !important;
}
.p_b_20 {
    padding-bottom: 20px !important;
}
.p_r_20 {
    padding-right: 20px !important;
}
.p_l_20 {
    padding-left: 20px !important;
}
.p_t_25 {
    padding-top: 25px !important;
}
.p_b_25 {
    padding-bottom: 25px !important;
}
.p_r_25 {
    padding-right: 25px !important;
}
.p_l_25 {
    padding-left: 25px !important;
}
.p_t_30 {
    padding-top: 30px !important;
}
.p_b_30 {
    padding-bottom: 30px !important;
}
.p_r_30 {
    padding-right: 30px !important;
}
.p_l_30 {
    padding-left: 30px !important;
}

/**
* Custom Border
**/
.border {
    border: 1px solid #d9d9d9 !important;
}
.border_top {
    border-top: 1px solid #d9d9d9;
}
.border_bottom {
    border-bottom: 1px solid #d9d9d9;
}
.border_right {
    border-right: 1px solid #d9d9d9;
}
.border_left {
    border-left: 1px solid #d9d9d9;
}
.border_none {
    border: none !important;
}
.border_bottom_none {
    border-bottom:none !important;
}
.border_top_none {
    border-top:none !important;
}
.aligner {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*
* Document
*/
#c001, #dataTeree {
    padding-left: 15px;
}
#c001 ul, #dataTeree ul {
    list-style: none;
}
#c001 > ul, #dataTeree > ul {
    margin: 0;
    padding: 0;
}
.doc_layout {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.doc_scroll {
    max-height: 455px;
    overflow: hidden !important;
    margin-right: 10px;
}
/*
* Custom Scroller
*/
.scroll_right {
    max-height: 455px;
    overflow-y: scroll !important;
    margin-right: 10px;
}
.scroll_right::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scroll_right::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

.scroll_right::-webkit-scrollbar-thumb
{
    background-color: #AAA;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(90deg,
        rgba(0, 0, 0, .2) 25%,
        transparent 25%,
        transparent 50%,
        rgba(0, 0, 0, .2) 50%,
        rgba(0, 0, 0, .2) 75%,
        transparent 75%,
        transparent)
}
.doc_title {
    margin-bottom: 0;
    padding-bottom: 15px;
}
.doc_left {
    border-right: 2px solid #ccc;
    padding: 0;
    min-height: 530px;
    padding-bottom: 20px;
}
.doc_right {
    padding: 0;
    min-height: 530px;
}
.doc_right > .doc_header {
    padding-left: 9px;
}
.doc_right_panel {
    border: none;
    background: #fff;
    box-shadow: none;
    overflow: hidden;
}
.doc_header h4 {
    margin: 0;
    padding: 10px;
}
.doc_header {
    background: linear-gradient(to right, rgba(0, 136, 54, 1) 0%, rgba(2,23,10,1) 100%);
    color: #fff;
}
/*
**Custom Icons Color
*/
.fa-file-pdf-o {
    color: #F21012;
}
.fa-file-word-o {
    color: #2196F3;
}
.fa-picture-o {
    color: black;
}
.fa-file-excel-o {
    color: #08743B;
}
.fa-file-text {
    color: #13B09F;
}
.fa-file-archive-o {
    color: black;
}
.fa-file-powerpoint-o {
    color: #E64A19;
}
/*
** File Table
**/
.file_table {
    margin-top: 20px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.file_table .file_icon {
    vertical-align: middle;
    width: 45px;
}
.file_icon > .fa {
    font-size: 30px;
}
.file_info h4 {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
}
.file_info small {
    color: #999;
}
.file_table .file_btn {
    vertical-align: middle;
}
/*
** Doc Search
*/
.search_body {
    padding: 0 10px;
}
.search_paging {
    padding: 0 10px 0 0 !important;
    margin: 0 !important;
}
.search_table {
    font-size: 12px;
}

/*
** Doc View
*/
.doc-list {
    margin: 0 10px
}
.doc_info {
    margin: 0 10px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px;
    background-color: #eeeeff;
}
.doc-list .list-group-item {
    padding: 5px 5px 0 5px !important;
}
.doc_info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.doc_info ul li {
    font-weight: bold;
    color: #555;
    font-size: 13px;
    line-height: 25px;
}
.doc-list li a {
    text-decoration: none;
    color: #666;
    font-weight: bold;
}
.doc-list li a i {
    font-size: 17px;
    color: #8466ff;
}
.doc_panel h3 {
    background-color: #ddd;
    margin: 0;
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #777;
}
.doc_list p {
    font-size: 12px;
    color: #69c4ff;
    padding-left: 20px;
}
.doc_panel li {
    color: #0A246A;
}
.doc_panel li i {
    margin-right: 5px;
}
#docView {
    height: 475px;
    overflow: hidden;
}
#docView p {
    text-align: center;
    font-size: 18px;
    margin-top: 50px;
    color: #1b6d85;
}
#docView iframe {
    width: 100%;
    border: none;
    height: 475px;
    margin: 0;
}
#docView img {
    width: 100%;
}
.doc-list li:hover {
    background-color: #f4f4f4;
}

/**
* Panel & Tab
*/

.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
    border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
    margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
    background-color: #ddd;
    border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #3071a9;
    border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #428bca;
    background-color: #fff;
    border-color: #428bca;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
    color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
    color: #3c763d;
    background-color: #d6e9c6;
    border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
    color: #3c763d;
    background-color: #fff;
    border-color: #d6e9c6;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
    color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
    color: #31708f;
    background-color: #bce8f1;
    border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
    color: #31708f;
    background-color: #fff;
    border-color: #bce8f1;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
    color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
    color: #8a6d3b;
    background-color: #faebcc;
    border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
    color: #8a6d3b;
    background-color: #fff;
    border-color: #faebcc;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
    color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
    color: #a94442;
    background-color: #ebccd1;
    border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
    color: #a94442;
    background-color: #fff;
    border-color: #ebccd1;
    border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}

/*
* Table Design
*/
.table_custom table tr td:first-child,
.table_custom table tr td:nth-child(3){
    width: 15%;
    background-color: #f1f2f4;
}
form .ng-invalid-required {
    border: 1px solid red;
}

/*
* Select Choice
*/
.select_choices {
    margin: 0;
    padding: 0;
}
.select_choices > li {
    position: relative;
    margin: 5px 5px 3px 0;
    padding: 3px 5px;
    border: 1px solid #008836;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #032310;
    line-height: 13px;
    cursor: default;
    float: left;
    list-style: none;
}
.select_choices > li > a {
    color: #999;
    cursor: pointer;
}
.select_choices > li > a:hover {
    color: #ddd;
}

/* From Client */
.form-control {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
/*Modified GroceryCrud*/
.flexigrid div.mDiv {
    /*    display: none;*/
}
div.flexigrid a {
    color: #fff;
}
.flexigrid div.mDiv, .flexigrid div.tDiv{
    background-image: linear-gradient(to bottom, #032310 0%, #008836 100%);
    background-repeat: repeat-x;
    color: #fff;
    border: 1px solid #008836;
}
.flexigrid div.mDiv div.ptogtitle span,.flexigrid div.form-div,.flexigrid div.bDiv, .flexigrid div.pDiv, .flexigrid div.sDiv {
    border: 1px solid #008836;
}
.flexigrid div.sDiv {
    border-top: 1px solid #ccc;
    border-bottom: none;
}
.flexigrid div.pDiv {
    border-top: 1px solid #ccc;
}
.flexigrid div.bDiv {
    border-bottom: none;
}
.profile_area {
    color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    background-color: #032310;
    padding: 20px;

}
.required {
    color: #ff0000;
}
.badge-danger {
    background-color: #d9534f;
}