.m-t-6 {
    margin-top: 6px;
}

.m-t-7 {
    margin-top: 7px;
}

.m-t-11 {
    margin-top: 11px;
}

.m-t-12 {
    margin-top: 12px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.p-10 {
    padding: 10px !important;
}

.p-b-28 {
    padding-bottom: 28px;
}

.border-radius-0 {
    border-radius: 0px;
}

.font-12 {
    font-size: 12px !important;
}

.font-16 {
    font-size: 16px !important;
}

.text-black {
    color: black;
}

.text-red {
    color: red;
}

.border-none {
    border: none;
}

.border {
    border: 1px solid #ccc;
}

.login-box {
    background: #fff;
}

.box-title {
    color: #455a64;
}

.pdv-label {
    color: #747d8a;
    font-size: 1rem;
}

input[type=textarea] {
    height: 100px;
}

textarea {
    height: 100px;
    border-radius: 0px !important;
}

#_submit, .createdAt-span, .endAt-span, .calender-icon {
    background-color: #20409a;
    border-color: #20409a;
}

.login-input {
    border-bottom: 1px solid #ccc !important;
    background-color: #fff !important;
    background-image: linear-gradient(#d9d9d9, #d9d9d9), linear-gradient(#d9d9d9, #d9d9d9) !important;
}

.fos_user_resetting_reset input {
    border-bottom: 1px solid #ccc !important;
    background-color: #fff !important;
}

#mail-input {
    background-color: #fff !important;
}

#send-mail {
    background-color: #00a680;
    border: 1px solid #00a680;
}

body {
    color: #000;
}

.topbar {
    background: #fff;
}

.topbar ul.dropdown-user li .dw-user-box .u-img img {
    border-radius: 100%;
}
.topbar ul.dropdown-user li .dw-user-box .u-img{
    vertical-align: initial;
}

.light-logo {
    width: 200px;
}

.account-icon {
    border: 1px solid #ccc;
    border-radius: 20px;
}

.left-sidebar, .scroll-sidebar, .sidebar-nav {
    background: #272c33;
}

.user-profile .profile-text {
    padding: 8px 0px;
}

.user-profile .profile-img {
    margin: 0 auto;
}

.dropdown-pro-icon {
    border-radius: 100% !important;
}

.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
    background: #20409a !important;
}

.sidebar-nav ul li a:hover, #add-contact-petrolier .close, #add-register-cases .close {
    color: #fff !important;
}

.sidebar-nav > ul > li > a.active, .topbar ul.dropdown-user li a:hover {
    background: #20409a !important;
    color: #fff;
}

.nav-item .dropdown-menu-right.show {
    background-color: #fff;
}

.card, .page-wrapper, #displayPetrolierPwd, #displayPdvPwd {
    background: #fff;
}

.card .card-subtitle, .tbl-row {
    color: #000;
}

.datepicker {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
}

button {
    box-shadow: none !important;
}

.add-btn, .print-pdf, .card-outline-info .card-header, .add-icon, .add-icon:hover {
    background: #20409a !important;
    border-color: #20409a !important;
}

.add-btn:hover, .print-pdf:hover, .card-outline-info .card-header:hover, .add-icon, .add-icon:hover {
    color: #fff !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: rgba(0, 0, 0, .05);
}

.btn-dark:hover {
    color: #000;
}

.form-control, .modal-content, .delete-modal-option {
    background: #fff !important;
}

.country-dropdown, .petrolier-dropdown, .contact-petrolier-dropdown, .pdv-dropdown, .entities-dropdown, .civility-dropdown, .manager-dropdown {
    height: 45px !important;
}

.btn-submit, .btn-cancel, .model-form-btncancel {
    width: 135px !important;
}

.btn-submit, .btn-submit:hover, .modal-btnsubmit {
    background: #20409a !important;
    border-color: #20409a !important;
    box-shadow: none !important;
}

.edit-btn, .edit-btn:hover {
    background: #3ad9bb;
    border-color: #3ad9bb;
}

.delete-btn, .delete-btn:hover {
    background: #cb2027;
    border-color: #cb2027;
}

.delete-modal-option li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.delete-modal-option li a:hover {
    color: #262626;
    background-color: #f5f5f5;
}

#confirmPassword-error {
    margin-top: 70px;
    color: red;
}

.view-icon, .view-icon:hover {
    background: #26c6da;
    border-color: #26c6da;
}

.view-icon:hover {
    color: #000;
}

.delete-icon {
    background: #cb2027 !important;
    border: #cb2027 !important;
}

.attachment-view-icon {
    background: #26c6da !important;
    border: #26c6da !important;
}

.delete-icon:focus, .save-cash:focus, .attachment-delete-icon:focus {
    box-shadow: none;
}

.alert-danger {
    color: #fff;
    background-color: red;
    border-color: red;
}

.close-icon {
    background: red !important;
    border-color: red !important;
}

.save-cash, .save-cash:hover {
    background: #5cb85c;
    border-color: #5cb85c;
}

#preview {
    width: 220px;
}

#add-petrolier-attachment-form #fileName, #add-register-cases-form #fileName {
    border-bottom: 0;
    border: 1px solid #000;
    padding: .5rem .75rem;
}

#add-petrolier-attachment-form #preview {
    margin: 5px 0px 0px 12px;
}

#add-contact-petrolier .modal-content, #add-register-cases .modal-content, #view-register-cases .modal-content {
    border: 2px solid #20409a;
}

#add-contact-petrolier .modal-header, #add-register-cases .modal-header, #view-register-cases .modal-header {
    background: #20409a;
}

#add-contact-petrolier-form label.error, #add-register-cases-form label.error {
    top: 42px !important;
    color: red;
    font-size: 1rem !important;
}

#add-contract-form .createdAt, #add-contract-form .createdAt:hover, #add-contract-form .endAt, #add-contract-form .endAt:hover, #end-contract-form .endAt, #end-contract-form .endAt:hover {
    border: 1px solid #ccc;
}

.switch label input[type=checkbox]:checked + .lever.switch-col-black {
    background-color: #20409a;
}

.switch label input[type=checkbox]:checked + .lever.switch-col-black:after {
    background-color: #fff;
}

#add-contract-form .stamp-order .md-radio, #add-contract-form .get-stamp .md-radio {
    margin-top: -5px;
}

.search-icon {
    padding: 10px 13px 10px 13px;
}

.contract-date-filter #date-range span.input-group-addon {
    background: #20409a;
}

.view-checklist [type="radio"]:disabled:checked + label:after {
    border-color: #26a69a;
    background-color: #26a69a;
}

/*.view-checklist label {*/
/*cursor: auto !important;*/
/*}*/

.customtab2 .nav-item {
    border: 1px solid #ccc;
    border-radius: 5px;
    border-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.view-profile-thumbnail {
    width: 140px;
}

.btn-profile-edit {
    background: #3ad9bb !important;
    border: 1px solid #3ad9bb !important;
}

#account_img {
    width: 200px !important;
    padding-bottom: 20px !important;
}

.img-close-icon {
    margin-left: 180px;
    position: absolute;
    margin-top: 7px;
}

.dot-btn, .dot-btn:hover {
    background: #009efb;
    border-color: #009efb;
}

.home-block .graph-block .card-body {
    background: #20409a;
}

.home-block .graph-block .card .card-subtitle {
    color: #fff;
}

#endAt-error {
    color: red;
    margin-top: 40px;
}
.delete-caces-attachment{
    cursor: pointer;
}