body {
    color: #424242;
    /*background: #F5F7FA;*/

}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #385396;

}

.error-message-wrapsmall {
    background-color: red;
    border-color: black;
}

.text-log {
    border: solid 1px #ddd;
    background-color: #fff;
    color: #333;
}

.log_button {
    background-color: #ed1c24;
    color: #FFFFFF;
}

.login-wrapper a {
    color: #385396;
}

.log-footer span {
    color: #666;
}

.bg-darkYellow {
    background: #C07D01
}

.bg-violet {
    background: #9933CC
}

.bg-darkGreen {
    background: #014137
}

.bg-orange {
    background: #DA532C;
}

.bg-red {
    background: #BA1D48;
}

.bg-blue {
    background: #00A3D9;
}

.bg-themeBlue {
    background: #f2f2f2;
}

.bg-white {
    background: #fff;

}

.box-borderd {
    background: #ffffff;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 1px 1px #c8cad2;
}

.bg-darkorange {
    background: #D3671F;
}

.bg-green {
    background: #720097;
}

.bg-darkBlue {
    background: #005177;
}

.bg-purple {
    background: #e337a9;
}

.bg-greenshade {
    background: #8C8C00;
}

.bg-brightblue {
    background: #0a8ffc;
}

.border-right {
    border-right: solid 1px #ddd;
}
.border-left {
    border-left: solid 1px #ddd;
}
.color-white {
    color: #fff;
}

.btn {
    color: #fff;
}

.btn:hover {
    color: #fff;
}

.btn-submit {
    background: #394046;
    color: #fff;
}

.btn-submit:hover, .btn-submit:focus{
    background: #394046;
    color:#ffffff;
}


nav {
    background: #000000;
}

.nav>li .search-icon-wrap .icon {
    background-color: #899FD3;
}

.nav>li .search-icon-wrap .icon-selected {
    background-color: #547fe2;
}

.nav>li>a:hover {
    background-color: #00A3D9;
}

.nav>li>a.selected {
    background-color: #00A3D9;
}

.user-btn {
    color: #fff;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    color: #fff;
}

.caret {
    color: #2C4178;
}

.dropdown-menu {
    background: #ffffff;
}


.forms-icon-right {
    background: #fff;
}

.page-header,
.modal-header {
    background: linear-gradient(#DFE4EE, #DFE4EE, #DFE4EE, #A7BADF);
    background: #A7BADF;
}

.modal-header {
    background: #5b6670;
}

.modal-header .page-header h1,
.modal-header h1 {
    color: #ffffff;
}

.modal-header h1 {
    color: #ffffff!important;
}
.breadcrumb li {
    background: #7486af;
    color: #fff;
}
.breadcrumb li:nth-child(2){
    background:#899dca;
}
.breadcrumb li:nth-child(3){
    background:#9aaeda;
}
.breadcrumb li a {
    color: #fff;
}

.breadcrumb>.active {
    background: url(../images/breadcrumb-arrow.png) no-repeat center left;
    color: #333;
}

.breadcrumb li a {
    color: #fff;
}


label {
    color: #2C3F78;
}

.hold-box {
    background: #eee;
    border: 1px solid #899FD3;
    color: #337ab7;
}

.color-red {
    color: #BA1D48 !important;
}

.Box a {
    background: #eee;
    border: 1px solid #899FD3;
    color: #337ab7;
}

.a-list {

    border-bottom: 1px solid #DFE4EE;
}

.form-control {
    border: 1px solid #ddd;
}

#itemListingTable input[type="text"] {
    border: 1px solid #ddd;
}

.textarea {
    border: 1px solid #ddd;
    background:#eee;
}

.validation-error

/*.error*/
    {
    border: 1px solid red;
}

.dataTables_filter input[type="search"],
.dataTables_length select {
    border: 1px solid #899FD3;
}

.fancy-bg {
    box-shadow: 0px 3px 3px #C8CAD2;
    border: 1px solid #C8CAD2;
}

.common-filter {
    background: #BFC9DD
}

.sub-header {
    background: #DFE4EE;
    color: #2C3F78;
}

.triangle-right {
    border-left: 12px solid #DFE4EE;
}

.grid-header,
.title-bar {
    background: #f2f2f2;
    
    /*border-bottom: 1px solid #fff;*/
    color: #424242;
}

.grid-header h1 {
    color: #424242!important;
}

.table {
    box-shadow: 0px 3px 3px #C8CAD2;
    border: 1px solid #ddd;
}

    .table > thead > tr > th {
        background-color: #ebebeb;
        border-top: solid 2px #5b6670;
    }

.table>tbody>tr>td {

    border-right: 1px solid #DFE4EE
}

.table>tbody>tr {
    background: #fff;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: #ffffff!important;
}

.dataTables_scroll {
    border: 1px solid #f2f2f2;
    box-shadow: 0px 3px 3px #C8CAD2;
}
table.dataTable.no-footer{
    border-bottom: 1px solid #ddd;
}
.dataTable {
    box-shadow: 0px 3px 3px #C8CAD2;
    border: 1px solid #ddd;
}

    .dataTable > thead > tr > th,
    .dataTable > thead > tr > td {
        background-color: #f6f7f7;
        border-top: solid 2px #5b6670;
    }
.dataTables_scrollHead{
    border-top: solid 2px #5b6670!important;
}
.dataTable>tbody>tr>td {
    border-right: 1px solid #DFE4EE;
}

.dataTable>tbody>tr {
    background: #fff;
    border-bottom: 1px solid red;
}

.dataTable-striped>tbody>tr:nth-of-type(odd) {
    background: #F8F8F8 !important;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    border-top: 1px solid #C6CEE1;
    color: #2C3F78;
    background: #f6f7f7;
    border-right: 1px solid #fff;
}

.button_wrap .box,
.default-icon-wrap {
    border: 1px solid #A4A7B5;
    background: #fff;
}

.select-style {
    border: 1px solid #ddd;
    background-color: #fff;
    background: #fff url(../images/select.png) no-repeat 99% 50%;
  
}

.modal-content {

    border-bottom: 2px solid #AEBDDF;
}

.modal-header .close,
.close {
    background: #5b6670 url(../images/close.png) no-repeat 7px 7px;
}
.modal-header .close:hover,
.close:hover {
    background-color:#5b6670;
}
.legent-blue {
    background: #2d85e1;
}

.legent-green {
    background: #a1ce3d;
}

.legent-violet {
    background: #874bc7;
}

.legent-peacock-blue {
    background: #20b5d9;
}

.legent-red {
    background: #e02d22;
}

.legent-yellow {
    background: #ffff00;
}

.dataTable {
    border: 1px solid #f2f2f2
}

.dataTables_wrapper .dataTables_info {
    border: 1px solid #ddd;
    background: #fff;
}

.dataTables_paginate {
    border: 1px solid #ddd;
    background: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #b9c01c;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: #b9c01c;
    border: 1px solid #b9c01c
}

.ui-widget.ui-widget-content {
    border: 1px solid #e9e9e9;
}

.ui-widget-header {
    background: #f2f2f2;
    color: #424242;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    color: #424242;
}

.ui-datepicker th {
    color: #385396;
}
.ui-datepicker{
    background: #ffffff!important;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #BFC9DD;
    border-color: #A5B3CF;
    color: #2C3F78;
}

.modalLogin {

    background: rgba(255, 255, 255, .8) url('https://i.stack.imgur.com/FhHRx.gif') 50% 50% no-repeat;
}

label.error {
    color: red;
}

.alert-success {
    color: #3c763d;
    background-color: #BFC9DD;
    border-color: #BFC9DD;
}
.dataTables_scroll .table.dataTable{ border:none;}
.ql-toolbar.ql-snow{
    background:linear-gradient(#DDE2ED, #C0C9DE)
}
.bg-primary, .btn-primary, .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{
    background: #394046;
    border-color:#394046 ;
    color: #ffffff;
}
.ss-form-control{
    background: #5b6670!important;
    color: #ffffff;
}
.sticky-header .bss-megamenu .form-control{
    background: #ffffff!important;
}
#shoppingCartTable_wrapper table.dataTable thead th{
    border-top:solid 2px #5b6670
}
button:focus,
button:active,
button:focus:hover,
.button:focus:hover {
    background: #394046;
    border: 1px solid #394046;
    color: #ffffff;
}
.arrow-bttn:focus:after{
    border-left-color: #394046;
}