:root{
    --primary:#006a7b;
    --primary-light:#007f93;
    --primary-lighter:#6bbdbf;
    --primary-dark: #0077a8;
    --primary-darker:#004f5c;

    --default:#f4f4f4;
    --default-light:#CFD4E3;
    --default-dark:#DEDEDE;

    --secondary: #007f93;
    --secondary-light: #F1F1F1;
    --secondary-dark:#f31821;

    --info:#007f93;
    --success: green;
    --warning: yellow;
    --danger: var(--secondary);
    --danger-dark:var(--secondary-dark);

    --primary-light-text:#fff;
    --primary-dark-text:#000;
    --secondary-dark-text:#707070;
    /* vi vars */
    --sidebar_header_bgcolor:var(--primary);
    --date_bgcolor:var(--primary-light-text);
    --leftnav_bgcolor:var(--default);
    --sidebar_table_bgcolor:var(--primary-light-text);
    --sidebar_table_color:var(--primary-light);
    --sidebar_table_border:var(--primary);
    --sidebar_middle_bgcolor:var(--default-dark);
    --sidebar_middle_fill:var(--primary);
    --sidebar_middle_ahoverb:var(--primary-light);
    --dashboard_label_color: var(--primary-dark-text);
    --footer_color: var(--secondary-dark-text);
    --reqf: var(--secondary);
    --toolbarmenu_color: var(--primary);
    --toolbarmenu_bgcolor: var(--default-dark);
    --toolbarmenu_hover_color: var(--primary-light-text);
    --toolbarmenu_hover_bgcolor: var(--secondary);
    --toolbarmenu_fill: var(--primary-light-text);
    --a: var(--primary);
    --a_hover: var(--primary-dark);
    --a_app-breadcrumb: var(--primary-dark-text);
    --legend: var(--secondary);
    --tooltip_bgcolor: var(--secondary);
    --tooltip_border: var(--secondary);
    --title: var(--secondary);
    --grouptitle: var(--secondary);
    --colhead: var(--primary);
    --colhead_products: var(--primary-dark-text);
    --breadcrumb_a: var(--primary-dark-text);
    --breadcrumb_a_active: var(--primary);
    --btn_color: var(--primary-light-text);
    --formc_bgcolor: var(--default);
    --formc_bgfcolor: var(--primary-lighter);
    --formc_placeholder: var(--default);
    --cmdbar_hover: var(--primary-dark);
    --limit_form_bgcolor: var(--default);
    --limit_form_msg: var(--secondary);
    --limit_form_btn: var(--primary-light-text);
    --limit_form_a: var(--primary);
    --limit_form_a_span: var(--primary);
    --limit_avail: var(--primary-dark-text);
    --appbar2: var(--primary-dark-text);
    --faq_tr: var(--primary-lighter);
    --lstTbl_cell_bgcolor: var(--default);
    --lstTbl_cell_color: var(--primary-dark-text);
    --lstTbl_cell_head_color: var(--primary);
    --lstTbl_cell_head_bgcolor: var(--default-light);
    --lstTbl_a: var(--secondary);
    --infoTpl_dark_bgcolor: var(--default);
    --infoTpl_primary_cell_color: var(--primary);
    --infoTpl_primary_cell_bgcolor: var(--primary-lighter);
    --infoTpl_secondary_cell_color: var(--secondary);
    --infoTpl_secondary_cell_bgcolor: var(--secondary-light);
}

.btn:focus{
    outline: none;
}
.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus,
.show>.btn.dropdown-toggle:focus{
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none !important;
}
/*************/
/*************/
.btn-info{
    color: #fff;
    background-color:var(--secondary);
    border-color: var(--info);
}
.btn-info:hover,.btn-info:focus,
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show>.btn-info.dropdown-toggle{
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-secondary{
    color: #fff;
    background-color:var(--primary);
    border-color: var(--primary-light);
}
.btn-secondary:hover,.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle{
    background-color: var(--primary-light);
    border-color: var(--primary);
}
/*************/
.btn-primary{
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-primary:hover,.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle{
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}
/*************/
.btn-success{
    color: #fff;
    background-color:var(--success);
    border-color: var(--success);
}
.btn-success:hover{

}
.btn-warning{
    color: #fff;
    background-color:var(--warning);
    border-color: var(--warning);
}
.btn-warning:hover{

}
.btn-danger{
    color: #fff;
    background-color:var(--danger);
    border-color: var(--danger);
}
.btn-danger:hover,
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger-primary:not(:disabled):not(.disabled).active, .show>.btn-danger.dropdown-toggle{
    background-color:var(--danger-dark);
    border-color: var(--danger-dark);
}
/***********************/
.text-primary{
    color:var(--primary) !important;
}
.text-secodary{
    color:var(--secondary)!important;
}
.text-warning{
    color:var(--warning)!important;
}
.text-danger{
    color:var(--danger)!important;
}