﻿body {
    color: #333;
    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: #BFC9DD;
}

.bg-white {
    background: #fff;

}

.box-borderd {
    background: #F5F7FA;
    border: 1px solid #C6CEE1;
    box-shadow: 0px 2px 2px #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: #385496;
    color: #fff;
}

.btn-submit:hover {
    background: #0E79B7
}

nav {
    background: #385496;
}

.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: #385496;
}

.dropdown-menu li a {
    color: #8DA4D4;
}

.dropdown-menu li a:hover {
    color: #fff;
}

.forms-icon-right {
    background: #fff;
}

.page-header,
.modal-header {
    background: linear-gradient(#DFE4EE, #DFE4EE, #DFE4EE, #A7BADF);
    background-color: #DFE4EE;
}

.modal-header .page-header h1,
.modal-header h1 {
    color: #385296;
}


.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: #BFC9DD;
    background: linear-gradient(#DDE2ED, #C0C9DE);
    /*border-bottom: 1px solid #fff;*/
    color: #385396;
}

.grid-header h1 {
    color: #385396;
}

.table {
    box-shadow: 0px 3px 3px #C8CAD2;
    border: 1px solid #ddd;
}

.table>thead>tr>th {
    background: #BFC9DD;
    color: #2C3F78;
    border-right: 1px solid #DFE4EE;
}

.table>tbody>tr>td {

    border-right: 1px solid #DFE4EE
}

.table>tbody>tr {
    background: #fff;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: #F8F8F8;
}

.dataTables_scroll {
    border: 1px solid #C6CEE1;
    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: #d2daea;
    color: #2C3F78;
    border-right: 1px solid #DFE4EE;
}

.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: #d2daea;
    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:#385496 url(../images/close.png) no-repeat 7px 7px;
}
.modal-header .close:hover,
.close:hover {
    background-color:#4866af;
}
.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 #C6CEE1
}

.dataTables_wrapper .dataTables_info, 
.data-table-filter-container {
    border: 1px solid #ddd;
    background: #fff;
}

.data-table-filter {
    background-color: #0E79B7;
    color: #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: #BFC9DD;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: #617db5;
    border: 1px solid #667ba5
}

.ui-widget.ui-widget-content {
    border: 1px solid #667ba5;
}

.ui-widget-header {
    background: #BFC9DD;
    color: #385396;
}

.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: #DFE4EE;
    border: 1px solid #bcc5d6;
    color: #385396;
}

.ui-datepicker th {
    color: #385396;
}

.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)
}