/*@font-face {

    font-family: Helvetica;

    src: url('./fonts/Helvetica.ttf.ttf');

}*/

body {

    font-family: Helvetica;

    color: #3e5569;

    font-size: 14px;

}

.form-check-label {

    margin-left: 20px;

    margin-right: 10px;

}

.select2-container {

    width: 100% !important;

    display: inline-block;

}

.selection .select2-selection--single {

    display: inline-block;

    width: 100%;

    height: calc(1.5em + .75rem + 2px);

    padding: .375rem 1.75rem .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #6e707e;

    vertical-align: middle;

    background: url('../img/download.svg') no-repeat right .75rem center/8px 10px;

    background-color: #fff;

    border: 1px solid #d1d3e2;

    border-radius: .35rem;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

    display: none;

}

.select2-container--default .select2-selection--single {

    background-color: inherit;

    border: 1px solid #d1d3e2;

    border-radius: 0px;

    height: auto;

}

.select2-container--default .select2-selection--single .select2-selection__placeholder {

    color: #6e707e;

}

.select2-container--default .select2-selection--single .select2-selection__rendered {

    color: #6e707e;

    line-height: 24px;

    padding: 0px;

}

.card-header:first-child {

    border-radius: 0px;

}

.card {

    border-radius: 0px;

}

.btn-link:hover, .btn-link:focus {

    text-decoration: none;

}

.bg-gradient-primary {

    background: #eeeeee;

    background-image: none;

}

.form-control {

    border-radius: 0px;

}

.btn {

    border-radius: 0px;

    background: #3e5569;

}

.sidebar .nav-item .nav-link {

    color: #3e5569;

}

.sidebar .nav-item.active .nav-link, .sidebar .nav-item .nav-link:hover, .sidebar .nav-item .nav-link:focus, .sidebar .nav-item .nav-link:active, .sidebar .nav-item .nav-link:hover i, .sidebar .nav-item .nav-link:focus i, .sidebar .nav-item .nav-link:active i {

    color: #3e5569;

}

.sidebar .sidebar-heading {

    color: rgba(62, 85, 105,.4);

}

.sidebar-dark .nav-item.active .nav-link i, .sidebar-dark .nav-item .nav-link i {

    color: #3e5569;

}

.sidebar .nav-item.active {

    background: #fff;

}

.text-primary {

    color: #3e5569!important;

}

button,.btn, .swal-button, .swal-button:not([disabled]):hover, .swal-button:not([disabled]):focus {

    background: #3e5569;

    border: 1px solid #3e5569;

    color: #fff;

    font-weight: normal;

    font-family: Helvetica;

    padding: 5px 10px;

    font-size: 14px;

    border-radius: 0px;

    outline: 0;

    letter-spacing: 1px;

}

button:hover, button:focus,button:active, .btn:hover, .btn:focus {

    background: #ffffff;

    color:  #3e5569;

    border-color: #3e5569;

    outline: 0px;

}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {

    box-shadow: none;

    background: #ffffff;

    color:  #3e5569;

    border-color: #3e5569;

}

.page-title {

    padding-top: 10px;

}

.page-item.active .page-link {

    z-index: 1;

    color: #fff;

    background-color: #3e5569;

    border-color: #3e5569;

}

.page-link {

    color: #3e5569;

}

.page-link:hover, .page-link:focus {

    color: #3e5569;

    box-shadow: none;

}

a {

    color: #3e5569;

}

a:hover, a:focus {

    color: #3e5569;

    outline: 0px;

}

.sidebar .sidebar-brand {

    color: #3e5569;

}

.topbar .dropdown .dropdown-menu i {

    color: #3e5569 !important;

}

.custom-select {

    border-radius: 0px;

}

.table {

    color: #3e5569;

}

.useredit, .userdelete {

    cursor: pointer;

}

.modal-content {

    border-radius: 0px;

    border: 0px;

}

.table-bordered {

    border: 0px;

}

.activity_log .log_box i {

    margin-right: 15px;

}

.activity_log .log_box + .log_box {

    margin: 10px 0px;

    border-top: 1px solid #eee;

    padding-top: 10px;

}

.activity_log .icon {

    width: 30px;

    float: left;

}

.activity_log .data {

    width: calc(100% - 30px);

    float: left;

}

.activity_log .log_box:after {

    content: '';

    display: table;

    width: 100%;

}

.activity_log .data p {

    margin-bottom: 0;

}

.activity_log .data p + p {

    margin-top: 5px;

}

.activity_log {

    max-height: 663px;

    overflow: auto;

}

#adminapidatadashboard_wrapper {

    max-height: 650px;

}

.edit_data_modal .form-group {

    width: calc(50% - 5px);

    float: left;

}

.edit_data_modal .form-group:nth-child(2n+1) {

    margin-left: 10px;

}

.sidebar-dark #sidebarToggle {

    background: rgba(62, 85, 105,.2);

}

.sidebar-dark #sidebarToggle:hover {

    background: #3e5569;

}

.fa-pencil-alt.text-primary {

    color: #007bff !important;

}

.load_more {

    width: 100%;

    background: #f2f2f2;

    color: #3e5569;

    padding: 6px;

    text-align: center;

    border: 1px solid #3e5569;

    display: block;

    font-size: 14px;

}

.load_more:hover {

    text-decoration: none;

    color: #ffffff;

    background: #3e5569;

}

#editdatamodal .modal-dialog {

    max-width: 700px;

}

.dataedit, .datadelete {

    cursor: pointer;

}

.modal-header {

    background: #3e5569;

    color: #fff;

    border-radius: 0px;

}

.modal-header .close {

    color: #fff;

}

.modal-header .close {

    background: transparent;

}

.modal-footer .btn-secondary {

    background: #f8f9fa;

    color: #3e5569;

    border-color: #f8f9fa;

}

.modal-footer .btn-secondary:hover, .modal-footer .btn-secondary:focus {

    background-color: #e2e6ea;

    border-color: #dae0e5;

}

#exportdatamodal .modal-dialog {

    max-width: 600px;

}

.form-check {

    padding-left: 0px;

}

.form-date-label input {

    width: auto;

    display: inline-block;

}

#exportdataform #datepicker {

    padding-left: 20px;

    margin-top: 10px;

}

#exportdataform #datepicker span {

    font-size: 14px;

}

.sidebar.toggled .sidebar-brand .sidebar-brand-text {

    display: block;

}

.sidebar.toggled .sidebar-brand .sidebar-brand-text img {

    width: 94px;

}

.fliter_checkbox .form-check-label {

    position: relative;

    margin: 0 3px 10px 0;

    display: inline-block;

    padding: 4px 8px;

    background-color: #f5f6ff;

}

.fliter_checkbox .form-check-label.label-selected {

    background-color: #3e5569;

    color: #fff;

}

.fliter_checkbox .form-check-label input[type="checkbox"] {

    position: absolute;

    width: 100%;

    opacity: 0;

    left: 0;

    display: inline-block;

    cursor: pointer;

    right: 0;

    padding: 5px 20px;

    top: 0;

    bottom: 0;

    height: 100%;

}

#filterdatamodal .modal-dialog {

    max-width: 1000px;

}

.fliter_checkbox + .fliter_checkbox {

    margin: 15px 0px;

}

#exportdataform .form-check-label div {

    width: 150px;

    display: inline-block;

}

#exportdataform .form-check-label label.date-range {

    margin-bottom: 0px;

}

#exportdataform #datepicker input {

    font-size: 14px;

}
.delivery_time_section {
    display: table;
    padding: 15px 0 0 0;
    width: 100%;
    text-align: end;
}

.delivery_time_section label {
    margin-right: 4px;
}

.delivery_time_section  input#delivery_time {
    display: table-cell;
    max-width: 210px;
    width: 100%;
    padding: .375rem 0.4rem;
}

::-webkit-datetime-edit { padding:0em; }

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  margin-right:0px;
  margin-left: -10px
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  margin-right: 2px;
  margin-left: -30px;
}

@media only screen and (max-width: 767px) {

    .edit_data_modal .form-group {

        width: 100%;

        float: none;

    }

    .edit_data_modal .form-group:nth-child(2n+1) {

        margin-left: 0px;

    }

    .sidebar .sidebar-brand .sidebar-brand-text {

        display: block;

    }

    .sidebar .sidebar-brand .sidebar-brand-text img {

        width: 94px;

    }

    #exportdataform .form-check-label div {

        width: 115px;

    }

    .container, .container-fluid {

        padding-left: 15px;

        padding-right: 15px;

    }

    .container, .container-fluid {

        padding-left: 15px;

        padding-right: 15px;

    }



    .card-body {

        padding: 10px;

    }



    .card-header.py-3 {

        padding: 10px;

    }



    .card-header button, button#assigncompany, button#filterdatamodal, button#exportdatamodal {

        margin-bottom: 5px;

        font-size: 12px;

        margin-top: 5px;

        padding: 4px;

        float: none !important;

        margin-right: 0 !important;

    }

    .page-title {

        float: none !important;

    }

}



@media only screen and (min-width: 768px) {



}



.not-match-certificate {

    color: red;

    font-weight: 900;

}



#loader {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  background:rgba(255, 255, 255, 0.0196078431372549) url(../img/loading2.gif) no-repeat center center;

  z-index: 10000;

}
.challan-modal .Add-row-btn {
    margin-top: 20px;
}
.challan-modal .form-group {
    display: table;
    width: 100%;
}
.challan-modal .form-group .col-50 {
    width: calc(50% - 10px);
    float: left;
}
.challan-modal .form-group .col-50:first-child {
    margin-right: 20px;
}
.challan-modal input[name=date], .challan-modal input[name=delivery_time]
{
    background-color: #fff;
}
.strikethrough{
    text-decoration: line-through;
    text-decoration-color: red;
}
td.details-control {
    background: url('../img/details_open.svg') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../img/details_close.svg') no-repeat center center;
}
.bootstrap-datetimepicker-widget table th.prev::before {
    content: "\f0d9";
    font: normal normal normal 14px/1 FontAwesome;
}
.bootstrap-datetimepicker-widget table th.next::before {
    content: "\f0da";
    font: normal normal normal 14px/1 FontAwesome;
}
#view-challan-modal .modal-header {
    background: #000;
}
#ChallanData .strikethrough {
    text-decoration-color: #000;
}
.challan-modal .items .form-group {
    margin-bottom: 0px;
}
.challan-modal .items .remove-row-btn {
    padding: 5px;
}
#view-challan-modal .modal-footer .btn-secondary {
    color: #000;
}
#view-challan-modal .modal-footer .btn-primary {
    background: #000;
    border-color: #000;
}
#view-challan-modal .modal-footer .btn-primary:hover, #view-challan-modal .modal-footer .btn-primary:focus {
    color: #000;
    border-color: #000;
    background: transparent;
}
#view-challan-modal #print-content {
    color: #000;
    width: 560px;
    min-height: 660px;
}
.header_section table {
    max-width: 2480px;
    width:100%;
}
.payment-status, .payment-mode {
    float: left;
    width: 50%;
    margin-top: 15px;
}

.payment-status select, .payment-mode select {
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6e707e;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d1d3e2;
    outline: none;
}

.delivery_time input[type="radio"] {
    position: absolute;
    width: 100%;
    opacity: 0;
    left: 0;
    display: inline-block;
    cursor: pointer;
    right: 0;
    padding: 5px 20px;
    top: 0;
    bottom: 0;
    height: 100%;
}
.delivery_time .form-check-label {
    position: relative;
    margin: 0 3px 10px 0;
    display: inline-block;
    padding: 4px 8px;
    background-color: #f5f6ff;
}
.delivery_time .form-check-label.label-selected {
    background-color: #3e5569;
    color: #fff;
}
.delivery_time {
    margin-top: 15px;
 }
 .hour_time_lable{
    margin-right: 13px;
 }
 @media only screen and (max-width: 767px) {
    .payment-status, .payment-mode {
        width: 100%;
    }
    .payment-status label, .payment-mode label {
        min-width: 100px;
    }
 }

form.GradingImporterForm {
    float: right;
    margin-right: 15px;
}

form.GradingImporterForm .import_result_type {
    height: 33px;
}
form.GradingImporterForm .import_result_type:focus-visible {
    outline: 0;
}


.breadcrumb-item+.breadcrumb-item::before {
    font-family: 'FontAwesome';
    content: "\f101";
}
.breadcrumb {
    background-color: #ffffff;
    border-radius: 0;
}

.table-bordered td, .table-bordered th {
    vertical-align: middle;
}

.table-bordered tr {
    position: relative;
}

.fs-18 {
    font-size: 18px;
}

.plan-control-panel {
    display: none;
    position: absolute;
    right: 90px;
    bottom: 0;
}

.data-item:hover .plan-control-panel {
    display: block;
}

.plan-control-panel .control-container button {
    font-size: 11px;
    padding: 0;
    background: 0px;
    border: 0px;
    color: #3e5569;
    margin: 0px 3px;
}

.plan-control-panel .control-container button.control-remove {
    font-size: 15px;
}

.plan-control-panel .control-container .control-ungroup,
.plan-control-panel .control-container .control-group {
    display: none;
}

.data-item[data-grouped="false"]:hover .plan-control-panel .control-container .control-group,
.data-item[data-grouped="true"]:hover .plan-control-panel .control-container .control-ungroup {
    display: block;
}

.plan-control-panel .control-container button:hover {
    color: #3e5569;
}

.plan-control-panel .control-container {
    display: flex;
    background: #e0e0e0;
    padding: 2px 6px;
    border-radius: 5px;
}

.btn.btn-approved {
    background: transparent;
    border: 0px;
    box-shadow: none;
}

.btn.btn-cancel {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn.btn-cancel:not(:disabled):not(.disabled):active {
    border: 0px;
}

.btn.btn-cancel:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn.btn-approved i.fa.fa-check-circle {
    color: #0fa800;
}

.btn.btn-approved i.fa.fa-check-circle-o {
    color: #ddd;
}

.btn.btn-approved:hover i.fa.fa-check-circle-o:before {
    content: "\f058";
    color: #0fa800;   
}