.btn-circle.btn-sm {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
}

.dt_hide_date {
    display: none !important;
}

.error {
    color: red;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Works for Firefox */
input[type="number"] {
    -moz-appearance: textfield;
  }

/* .thumbnail {
    position: relative;
    width: 300px;
    height: 300px;
} */


/* .thumbnail img {
    width: 100%;
    height: 100%;
} */

.closeimage {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 13px;
    right: 6px;
    background: url(http://icons.iconarchive.com/icons/kyo-tux/delikate/512/Close-icon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


}
.error {
    color: red;
}
.editpen {
    color: #17a2b8;
}
.viewpen {
    color: #0062cc;
}
.deletepen {
    color: #bd2130;
}
a.left-link-color {
    padding: 14px 40px 14px 35px;
    font-size: 15px;
    color: #1A1A1A;
    font-weight: 700;
}
.custom-tabs-four-vehicle #ajaxDatatablevehicle_length {
    padding-left: 18px;
}
.custom-tabs-four-equipment #ajaxDatatableplan_length {
    padding-left: 18px;
}
.custom-tabs-four-forms #ajaxDatatableforms_length {
    padding-left: 18px;
}
.custom-tabs-four-forms #ajaxDatatableforms_length {
    padding-left: 18px;
}
th#removesort::after {
    display: none;
}
th#removesort::before {
    display: none;
}

/***************************** datatabe css *************************/
.nav-pills .nav-link:not(.active):hover {
    color: #0274c4 !important;
}
table.dataTable thead tr {
    /* background-color: #05334A !important; */
    
    background-color: #0274c4 !important;
}
.table-bordered td,
.table-bordered th {
    border: none !important;
}
table.dataTable thead th {
    color: #FFF;
}

/***************************end of css********************************/
.btn-circle.btn-md {
    width: 50px;
    height: 50px;
    padding: 7px 10px;
    border-radius: 25px;
    text-align: center;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    text-align: center;
}
.btn-ripple {
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: all ease-in-out .5s;
}
.btn-ripple::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 25%;
    height: 100%;
    width: 50%;
    background-color: #000;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    transition: all ease-in-out 1s;
    transform: scale(5, 5);
}
.btn-ripple:active::after {
    padding: 0;
    margin: 0;
    opacity: .2;
    transition: 0s;
    transform: scale(0, 0);
}
div.dataTables_wrapper div.dataTables_paginate {
    padding-top: 0.85em;
}
table.dataTable tbody tr.selected {
    background-color: lightyellow !important;
}
.datatable_actions {
    display: none;
}

/* table tbody tr:hover td{
    background-color: #FFFFE0 !important;
} */
.read-column {
    background-color: #f4f6f9 !important;
}
.pace .pace-progress {
    height: 3px;
}
.form-group.required .col-form-label:after {
    content: "*";
    color: red;
    position: absolute;
    margin-left: 1px;
    margin-top: -2px;
}
#sortable li {
    margin: 0 15px 15px 15px;
}
.fullspan {
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    margin-bottom: 1rem;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: 0.25rem;
    padding: 1.25rem;
}
.que-list li {
    list-style: none;
}
ul li .handle {
    float: left;
    padding: 7px 0;
    position: relative;
    cursor: pointer;
}
.Datatable-noHeader thead {
    display: none;
}
.btn.active {
    color: #007bff
}
.cus_variable {
    cursor: pointer;
}
.sub_list .move_bar {
    left: 10px;
    top: 0px;
}
.dataTables_length {
    padding: 0 20px;
    margin-bottom: 10px;
}
.actor-variable {
    width: auto;
    background: yellow;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #495057 !important;
}
.select2-container--default .select2-selection--single {
    background: #F3F3F3 !important;
    border-color: #F3F3F3 !important;
}
.bs-stepper-circle {
    background-color: #000;
}

/*********** Added By Sam 13-5-2022  *************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

/*
font-family: 'Poppins', sans-serif;
*/
body {
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
}
a {
    color: #05334A;
}
a:hover {
    color: #E08444;
    text-decoration: none;
}
.brand-link .brand-image {
    width: 40px;
    margin-top: 2px;
}
.brand-link {
    padding: 15px 20px 10px 10px;
}
[class*="sidebar-dark-"] {
    background: #FFFFFF;
    box-shadow: none !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) !important;
}
.content-wrapper {
    background-color: #F9FDFF;
}
.content-header,
.content-wrapper>.content,
.main-footer {
    padding-left: 20px;
    padding-right: 20px;
}
.table_listing {
    margin: 0 0 20px 0;
    padding: 20px 0;
    background: #fff;
    border-radius: 10px;
    font-size: 15px;
    color: #1A1A1A;
    box-shadow: 0 0 15px rgba(0, 0, 0, .06);
}
.table_listing .link {
    color: #EE2F2E;
}
.table_listing .link:hover {
    color: #1A1A1A;
}
.table-bordered td,
.table-bordered th {
    border-color: #EDEDED;
}
.table thead th {
    border-top: none;
    /* text-transform: uppercase; */
}
table.dataTable {
    border: none;
}
.table td,
.table th {
    padding: 10px 20px;
    vertical-align: middle;
}
.table-hover tbody tr:hover {
    background-color: rgba(26, 26, 26, .03);
}
.badge {
    font-size: 13px;
    font-weight: 500 !important;
    padding: 4px 10px;
}
.badge-primary {
    background: #1A1A1A;
}
table.dataTable>thead .sorting::before,
table.dataTable>thead .sorting_asc::before,
table.dataTable>thead .sorting_desc::before,
table.dataTable>thead .sorting_asc_disabled::before,
table.dataTable>thead .sorting_desc_disabled::before {
    content: "\f0d8";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    bottom: 16px;
}
table.dataTable>thead .sorting::after,
table.dataTable>thead .sorting_asc::after,
table.dataTable>thead .sorting_desc::after,
table.dataTable>thead .sorting_asc_disabled::after,
table.dataTable>thead .sorting_desc_disabled::after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    bottom: 7px;
    right: 15px;
}
.space-20 {
    padding: 0 20px;
}
.dataTables_paginate {
    padding: 0 20px;
}
div.dataTables_wrapper div.dataTables_paginate {
    white-space: normal;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    white-space: normal;
}
.page-link {
    margin: 2px 3px;
    padding: 7px 10px 4px 10px;
    font-size: 12px;
    color: #1A1A1A;
    border-color: #B8B8B8;
    border-radius: 5px;
}
.page-link:hover {
    border-color: #1A1A1A;
    background-color: #1A1A1A;
    color: #fff;
}
.page-item.active .page-link {
    border-color: #1A1A1A;
    background-color: #1A1A1A;
    color: #fff;
}
.dataTables_filter {
    padding: 0 20px;
    margin-bottom: 10px;
}
div.dataTables_wrapper div.dataTables_filter .form-control {
    padding: 0 15px;
    border: 1px solid #D5D5D5;
    border-radius: 5px;
    background: #fff;
}
.dataTables_info {
    padding: 20px 20px 0 20px !important;
}
.sidebar {
    padding-left: 0;
    padding-right: 0;
}
.nav-sidebar .nav-item>.nav-link {
    border-radius: 0;
    padding: 10px 20px;
    color: #A7B7C0;
}
.sidebar-mini .main-sidebar .nav-link,
.sidebar-mini-md .main-sidebar .nav-link,
.sidebar-mini-xs .main-sidebar .nav-link {
    width: 100%;
}
[class*="sidebar-dark-"] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*="sidebar-dark-"] .nav-sidebar>.nav-item:hover>.nav-link,
[class*="sidebar-dark-"] .nav-sidebar>.nav-item>.nav-link:focus {
    background-color: inherit;
    color: #05334A;
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: inherit;
    /* color: #05334A; */
    
    color: #0274c4;
    box-shadow: none;
}
.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link {
    width: 100%;
}
.btn {
    font-size: 14px;
    border-radius: 5px;
    border: none;
}
.btn i {
    margin: 0 2px;
    position: relative;
    top: 1px;
}
.btn-primary {
    color: #fff;
    background-color: #05334A;
    box-shadow: none !important;
}
.btn-primary:hover {
    color: #fff;
    background-color: #094B6B;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary.focus,
.btn-primary:focus {
    background-color: #05334A;
}
{
    background-color: #05334A;
}
{
    background-color: #05334A;
}
{
    background-color: #05334A;
}
.btn-info {
    color: #fff;
    background-color: #05334A;
    box-shadow: none !important;
}
.btn-info:hover {
    color: #fff;
    background-color: #05334A;
}
.btn-danger {
    color: #fff;
    background-color: #EE2F2E;
    box-shadow: none !important;
}
.btn-position {
    color: #fff;
    background-color: #4B4B4B;
    box-shadow: none !important;
}
.btn-edit {
    color: #fff;
    background-color: #189D36;
    box-shadow: none !important;
}
.btn-danger:hover {
    color: #fff;
    background-color: #FF4544;
}
.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background-color: #FF4544;
    box-shadow: none !important;
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #FF4544;
}
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: none !important;
}
.breadcrumb {
    background-color: transparent;
    line-height: 1.8rem;
    margin-bottom: 15px !important;
    padding: 0;
}
.breadcrumb {
    margin-bottom: 15px;
}
.breadcrumb-item.active {
    color: #1A1A1A;
    font-weight: 700;
}

/*********** Document Detail page **********/
.document_detail {
    padding: 0 1px;
    margin: 0;
    position: relative;
}
.doc_left {
    height: 100%;
    padding: 0 0 15px 0;
    background: #F9F9F9;
}
.doc_right {
    height: 100%;
    padding: 0 0 0 45px;
    background-color: #F9F9F9;
    position: relative;
}
.doc_right:after {
    content: "";
    width: 45px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #05334A;
}
.doc_middle {
    padding: 20px 30px;
    min-height: calc(100vh - 114px);
}
.sec_details {
    padding: 0;
    margin: 0;
}
.sec_details ul {
    padding: 0;
    margin: 0;
}
.sec_details ul li {
    padding: 50px 20px 20px 20px;
    margin: 0 0 30px 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .06);
    position: relative;
}
.add_more_sec {
    position: relative;
    padding: 0;
    margin: -40px 0 20px 0;
}
.add_more_sec:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 15px;
    right: 15px;
    top: 50%;
    background: #1A1A1A;
}
.add_more_sec .btn {
    padding: 1px 3px;
    position: relative;
    z-index: 1;
}
.sec_delete_link {
    width: 30px;
    height: 30px;
    padding: 5px 0 0 0;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 15px;
    text-align: center;
    color: #EE2F2E;
    border-radius: 4px;
}
.sec_delete_link:hover {
    color: #fff;
    background: #EE2F2E;
}
.add_btn_info {}
.add_btn_info .btn {
    min-width: 90px;
}
.doc_left ul {
    padding: 0;
    margin: 0;
}
.doc_left ul li {
    padding: 14px 40px 14px 20px;
    margin: 0;
    font-size: 14px;
    color: #1A1A1A;
    border-bottom: 1px solid #D6D6D6;
    position: relative;
}
.doc_left ul li .dropdown {
    position: absolute;
    right: 10px;
    top: 11px;
}
.doc_left ul li .dropdown .btn {
    position: relative;
    z-index: 1;
}
.dropdown-item i {
    margin: 0 5px 0 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    background: #05334A;
}
.add_doc_btn {
    width: 100%;
    padding: 19px 40px 16px 20px;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #1A1A1A;
    border-bottom: 1px solid #D6D6D6;
    position: relative;
}
.add_doc_btn a.txt {
    padding: 0;
    margin: 0;
}
.add_doc_btn a i {
    margin: 0 5px 0 0;
    font-size: 16px;
    position: relative;
    top: 1px;
}
.add_close {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    right: 10px;
    top: 11px;
}
.right_add_close {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    right: 10px;
    top: 11px;
}
.add_acc_link {
    width: 45px;
    display: block;
    position: absolute;
    left: -45px;
    top: 0;
    bottom: 0;
    background: #05334A;
}
.add_acc_link .link {
    width: 100%;
    height: 50px;
    padding: 0;
    margin: 0 0 1px 0;
    display: block;
    text-align: center;
    line-height: 54px;
    font-size: 19px;
    color: #FFFFFF;
    border-bottom: 1px solid #CFCFCF;
}
.add_acc_link .link:hover,
.add_acc_link .link.active {
    color: #fff;
    background: #1A1A1A;
}
.add_acc_link .link.side_trig_right {
    color: #fff;
    background: #05334A;
}
.right_trig_main {
    padding-right: 45px;
}
.right_trig_main .add_acc_right {
    display: block;
}
.add_acc_right {
    left: auto;
    right: 0;
    bottom: 0;
    background: #F0F0F0;
    display: none;
}
.doc_right_inn {
    padding: 0 0 15px 0;
    height: 100%;
    background: #F9F9F9;
    ;
}
.doc_right ul {
    padding: 0;
    margin: 0;
}
.doc_right ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.doc_right ul li ul {
    padding: 0;
    margin: 0 0 0 20px;
}
.doc_right ul li ul li {
    padding: 6px 40px 6px 0;
    margin: 0;
    position: relative;
    font-size: 14px;
    color: #1A1A1A;
}
.doc_right ul li ul li .dropdown {
    position: absolute;
    right: 10px;
    top: 1px;
}
.doc_right ul li ul li .dropdown .btn {
    position: relative;
    z-index: 1;
}
.acc_info {
    padding: 0;
    margin: 0;
}
.acc_info .panel-default {
    width: 100%;
    border-bottom: 1px solid #D7D7D7;
}
.acc_info .panel-heading {
    width: 100%;
    position: relative;
    padding: 0 40px 0 0;
}
.acc_info .panel-heading .accordion-toggle {
    display: block;
    padding: 14px 40px 14px 35px;
    font-size: 15px;
    color: #1A1A1A;
    font-weight: 700;
}
.acc_info .panel-heading .accordion-toggle:hover {
    color: #05334A;
}
.acc_info .panel-heading .accordion-toggle:after {
    /* font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    font-size: 90%;
    position: absolute;
    top: 15px;
    left: 15px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; */
}
.acc_info .panel-heading .accordion-toggle.collapsed:after {
    content: "\f054";
}
.acc_info .add_actor {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    right: 10px;
    top: 12px;
}
.acc_info .sub_list {
    /* padding: 6px 40px 6px 42px; */
    
    padding: 6px 0px 0px 10px;
    margin: 0;
    position: relative;
    font-size: 14px;
    color: #1A1A1A;
}
.acc_info .panel-heading .dropdown {
    position: absolute;
    right: 10px;
    top: 8px;
}
.panel-body .sub_list .dropdown {
    position: absolute;
    right: 10px;
    top: 3px;
}
.acc_info .panel-collapse {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #D7D7D7;
}
.copy_link {
    position: absolute;
    left: 20px;
    top: 4px;
}
.form-control {
    padding: 3px 15px 0 15px;
    background: #F3F3F3;
    border-radius: 7px;
    border: none;
}
.form-control-customurl {
    padding: 3px 15px 0 15px;
    border-radius: 7px;
    border: none;
}
.form-control:focus {
    background: #F3F3F3;
}
label:not(.form-check-label):not(.custom-file-label) {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}
.select2-container--default .select2-selection--multiple {
    background: #F3F3F3;
    border-radius: 7px;
    border: none;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single {
    border: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 3px 15px 0 15px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background: #1A1A1A;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 3px;
    background: #1A1A1A;
    border: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: relative;
    top: 2px;
}
.form-control:disabled,
.form-control[readonly] {
    background-color: #F3F3F3;
}
.input-group-text {
    background-color: #F3F3F3;
    border: none;
}
.modal-content {
    border-radius: 15px;
}
.modal-header {
    justify-content: center;
    -webkit-justify-content: center;
    background: #05334A;
}
.modal-content .modal-title {
    font-size: 24px;
    color: #FFF;
    font-weight: 600;
}
.modal-header .close {
    width: 26px;
    height: 26px;
    padding: 3px 0 0 1px;
    margin: 0;
    font-size: 23px;
    color: #fff;
    text-shadow: none;
    opacity: 1 !important;
    background: #1A1A1A;
    position: absolute;
    right: -5px;
    top: -5px;
    border-radius: 50%;
}
.modal-header .close a {
    color: #fff;
}
.modal-content .modal-body {
    padding: 20px 30px 30px 30px;
}
.modal .btn {
    padding: 10px 20px;
}
.modal-dialog .modal-new-lg {
    width: 600px !important;
}

/* .modal-dialog {
    max-width: 380px;
} */
.row.space-0 {
    margin: 0 -1px;
}
.row.space-0>[class*="col-"] {
    padding: 0 1px;
}
.side_trig {
    width: 32px;
    height: 36px;
    display: block;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    background: #05334A;
    position: absolute;
    left: 0;
    top: 55px;
    z-index: 5;
    border-radius: 0;
}
.side_trig:hover,
.side_trig:focus {
    color: #fff;
    background: #000000;
}

/********** Question Listing **********/
.q_listing {
    padding: 30px 20px 20px 20px;
    margin: 0 0 30px 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .06);
    position: relative;
}
.q_listing ul {
    padding: 0;
    margin: 0;
}
.q_listing ul li {
    padding: 0 0px 0 0px;
    margin: 0;
    position: relative;
}
.move_bar {
    font-size: 20px;
    color: #8B8B8B;
    position: absolute;
    left: 0;
    top: 3px;
}
.q_delete_btn {
    position: absolute;
    right: 0;
    top: 0;
}
.q_delete_btn .btn {
    padding: 7px 10px;
}
.add_q_btn {
    /* padding-left: 40px; */
}
.add_q_btn .btn {
    /* background: #5E5E5E; */
}
.add_q_btn .btn:hover {
    color: #fff;
    background-color: #414141;
}
.add_q_btn .btn.focus,
.add_q_btn .btn:focus {
    color: #fff;
    background-color: #414141;
    box-shadow: none !important;
}
.add_q_btn .btn:not(:disabled):not(.disabled).active,
.add_q_btn .btn:not(:disabled):not(.disabled):active,
.show>.add_q_btn .btn.dropdown-toggle {
    color: #fff;
    background-color: #414141;
}

/********** Login Register *********/

/* .login-page,
.register-page {
    background: #231F20;
}

.login-box,
.register-box {
    width: 100%;
    max-width: 370px;
    min-width: 370px;
    float: right;
}

.login-logo,
.register-logo {
    margin-bottom: 60px;
}

.login-card-body,
.register-card-body {
    background: none;
    padding: 0;
    color: #fff;
}

.login-box-msg,
.register-box-msg {
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 35px;
    color: #FFFFFF;
    font-weight: 700;
    text-transform: uppercase;
}

.login-box .form-control,
.register-box .form-control {
    font-size: 16px;
    color: #FFFFFF;
    background: none;
    padding: 0;
    border: none;
    border-bottom: 1px solid #918F90;
    border-radius: 0;
}

.login-card-body .input-group .input-group-text,
.register-card-body .input-group .input-group-text {
    min-width: 35px;
    padding-left: 0;
    border-radius: 0;
    border-bottom: 1px solid #918F90;
}

.login-card-body .input-group .input-group-append .input-group-text,
.register-card-body .input-group .input-group-append .input-group-text {
    min-width: 35px;
    padding-left: .75rem;
    padding-right: 0;
}

.forgot_link {
    text-align: right;
    margin-top: -15px;
}

.login-page a,
.register-page a {
    color: #fff;
    ;
}

.login-page a:hover,
.register-page a:hover {
    color: #EE2F2E;
    ;
}

.login-page .btn,
.register-page .btn {
    padding: 8px 15px;
    min-width: 155px;
    font-size: 16px;
    font-weight: 700;
    background: #FFFFFF;
    color: #1A1A1A;
}

.login-page .btn:hover,
.register-page .btn:hover {
    color: #fff;
    background-color: #EE2F2E;
}

.login-page .btn.focus,
.login-page .btn:focus,
.register-page .btn.focus,
.register-page .btn:focus {
    color: #fff;
    background-color: #EE2F2E;
    box-shadow: none !important;
}

.login-page .btn:not(:disabled):not(.disabled).active,
.login-page .btn:not(:disabled):not(.disabled):active,
.show>.login-page .btn.dropdown-toggle {
    color: #fff;
    background-color: #EE2F2E;
}

.register-page .btn:not(:disabled):not(.disabled).active,
.register-page .btn:not(:disabled):not(.disabled):active,
.show>.register-page .btn.dropdown-toggle {
    color: #fff;
    background-color: #EE2F2E;
}

.role_select .select2-container--default .select2-selection--single {
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #918F90;
}

.role_select .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 15px;
    color: #B2B2B2;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    right: 10px;
}

.log_wrapper {
    width: 100%;
    display: flex;
}

.log_cont_inn {
    margin: auto;
    padding: 30px;
}

.login_image {
    margin: 0;
    height: 100vh;
}

.login_image img {
    width: auto;
    height: 100%;
} */

/*.deletebtn{
	padding: 0.22rem 1.75rem;
}*/
.login-page .mb-3,
.register-page .mb-3 {
    margin-bottom: 2rem !important;
}
.invalid-feedback {
    font-size: 90%;
}
.hd_title {
    padding: 0;
    margin: 0;
    font-size: 22px;
    color: #1A1A1A;
    font-weight: 600;
}
.navbar-light .navbar-nav .nav-link {
    color: #000000;
}

/******** Dcoument Listing **********/
.sec_view_list {}
.sec_view_list .q_listing {
    padding: 0;
    margin-bottom: 30px;
    position: relative;
}
.sec_view_list h5 {
    font-size: 16px;
    color: #1A1A1A;
    font-weight: 700;
    padding: 18px 20px 15px 20px;
    border-bottom: 1px solid #DCDCDC;
}
.sec_view_list .details {
    padding: 15px 20px;
}
.sec_view_list .move_bar {
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateX(-50%);
}
.document_detail h2 {
    padding: 0;
    margin: 0;
    font-size: 20px;
    color: #1A1A1A;
    font-weight: 700;
}
.main-footer {
    background: #BEBEBE;
    border: none;
    font-size: 12px;
    color: #FFFFFF;
}
.main-footer a {
    color: #FFFFFF;
}
.main-header .navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    background: #1A1A1A !important;
}
.right_stick {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 5;
}
.select2-container {
    width: 100% !important;
}

/********** Step Wizard ************/
.bs-stepper-content {
    padding: 0;
}
.bs-stepper-header {
    margin: 10px 0;
}
.bs-stepper .step-trigger {
    padding: 10px 20px 8px 20px;
}
.bs-stepper .step-trigger .bs-stepper-label {
    margin: 0;
    line-height: normal;
}
.bs-stepper {}
.bs-stepper .card {
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: none;
}
.bs-stepper .card .card-body {
    padding: 20px;
    margin: 0 0 20px 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .06);
}
.step-indicator {
    margin: 0 0 30px 0;
    display: flex;
    align-items: center;
    padding: 0 60px;
}
.step {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 1;
}
.step-indicator .step-icon {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    color: #8c8c8c;
    position: relative;
    line-height: 34px;
    font-size: 16px;
    border: 2px solid #8c8c8c;
}
.step.active .step-icon {
    background: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}
.step p {
    min-width: 120px;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    top: 110%;
    color: #c2c2c2;
    font-size: 14px;
    font-weight: normal;
}
.step p small {
    display: block;
    color: #8c8c8c;
}
.step.active p {
    color: #1a1a1a;
    font-weight: 600;
}
.step.step2 p,
.step.step3 p {
    left: 50%;
    transform: translateX(-50%);
}
.indicator-line {
    width: 100%;
    height: 2px;
    background: #c2c2c2;
    flex: 1;
}
.indicator-line.active {
    background: #1a1a1a;
}
.btn-primary.gray {
    background-color: #8A8A8A;
}
.btn-primary.gray:hover {
    background-color: #6D6D6D;
}
.btn-primary.gray.focus,
.btn-primary.gray:focus {
    background-color: #6D6D6D;
}
.btn-primary.gray:not(:disabled):not(.disabled).active,
.btn-primary.gray:not(:disabled):not(.disabled):active,
.show>.btn-primary.gray.dropdown-toggle {
    background-color: #6D6D6D;
}
.btn-primary.gray_dark {
    background-color: #5D5D5D;
}
.btn-primary.gray_dark:hover {
    background-color: #403F3F;
}
.btn-primary.gray_dark.focus,
.btn-primary.gray_dark:focus {
    background-color: #403F3F;
}
.btn-primary.gray_dark:not(:disabled):not(.disabled).active,
.btn-primary.gray_dark:not(:disabled):not(.disabled):active,
.show>.btn-primary.gray_dark.dropdown-toggle {
    background-color: #403F3F;
}
.bs-stepper-content .btn-block .btn {
    min-width: 100px;
}
.prev-steps {
    width: 100%;
    padding: 20px 0;
    margin: 10px 0 0 0;
    border-top: 1px solid rgba(0, 0, 0, .125);
}
.vendor-que-span {
    margin-left: 0px;
    display: inline-block;
    border-bottom: 1px solid black;
    padding-bottom: 2px;
}
.vendor-que-p {
    color: red;
    font-size: larger;
}
.note-group-image-url {
    display: none !important;
}
.kbw-signature {
    width: 100%;
    height: 200px;
}
.kbw-signature canvas {
    width: 100% !important;
    height: auto;
    border: 1px solid;
}
.update-sign-img {
    border: 1px solid;
    height: 150px;
    width: 220px;
}
.left-link-color a {
    font-size: 15px;
    color: #1A1A1A;
    font-weight: 700;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
}
.equipment_image {
    width: 100px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    position: relative;
}
.equipment_image img {
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0;
    object-fit: cover;
    border-radius: 50%;
}
.equipment_image {
    width: 100px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    position: relative;
}
.equipment_image img {
    width: 100px;
    height: 100px;
    padding: 0;
    margin: 0;
    object-fit: cover;
    border-radius: 50%;
}
.upload_btn {
    width: 26px;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
}
.upload_btn .fileUpload {
    width: 26px;
    line-height: 26px;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #fff;
    background: #05334A;
    border: none;
    border-radius: 50%;
}
.upload_btn .fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.img-warning {
    font-size: 12px;
}

/************ Responsive **************/
@media (max-width:1580px) {
    .acc_info .panel-heading .accordion-toggle {
        font-size: 14px;
    }
}
@media (max-width:1200px) {
    .doc_middle {
        padding: 20px;
    }
    
    .log_cont_inn {
        margin: auto;
    }
    
    .login_image {
        display: none;
    }
    
    .login-box,
    .register-box {
        max-width: 320px;
    }
}
@media (max-width:991px) {}
@media (max-width:767px) {
    .log_cont_inn {
        width: 100%;
        margin: 0;
    }
    
    .login-box,
    .register-box {
        min-width: 100%;
        max-width: 320px;
        float: none;
    }
    
    .login-box-msg,
    .register-box-msg {
        font-size: 26px;
    }
    
    .step-indicator {
        padding: 0 20px;
        margin-bottom: 10px;
    }
    
    .step p {
        display: none;
    }
}
@media (max-width:600px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        white-space: normal;
        flex-wrap: wrap;
    }
}

/***************** 11-11-2022 ******************/
.content-header h1 {
    font-size: 24px;
    color: #05334A;
    font-weight: 700;
}
.pace-primary .pace .pace-progress {
    background: #05334A;
}
.login_sec {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
.login_right {
    background: #f1faff url(../../themes/adminlte/dist/img/login_bg.jpg) no-repeat center center;
    background-size: cover;
}
.login_right figure {
    width: 100%;
    float: left;
    padding: 40px;
    margin: 0;
    text-align: center;
}
.login_form {
    width: 100%;
    max-width: 430px;
    padding: 20px 30px;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
}
.login_form h2 {
    padding: 0;
    margin: 0;
    font-size: 40px;
    color: #E08444;
    font-weight: 700;
}
.login_form .form-group label {
    margin: 0 0 5px 0;
    font-size: 14px;
    color: #05334A;
    font-weight: 600;
}
.login_form .form-control {
    border-color: #F1FAFF;
    background-color: #F1FAFF;
    border-radius: 5px;
    font-size: 16px;
    color: #05334A;
    height: calc(3rem + 2px);
}
.login_form .input-group-text {
    border-radius: 5px;
    color: #86858B;
    background-color: #F1FAFF;
}
.login_form .input-group .form-control {
    border-right: none;
}
.login_form strong {
    font-weight: 500;
}
.login_form .btn {
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    padding: 12px 15px;
}
.login_form .input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text {
    border-radius: 0 5px 5px 0;
}
.forgot_link {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #E08444;
}
.forgot_link a {
    color: #E08444;
}
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type="hidden"]+label::before,
.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before {
    border-color: #05334A;
}
.icheck-primary>input:first-child:checked+input[type="hidden"]+label::before,
.icheck-primary>input:first-child:checked+label::before {
    background-color: #05334A;
    border-color: #05334A;
}
.icheck-primary>input:first-child:not(:checked):not(:disabled):focus+input[type="hidden"]+label::before,
.icheck-primary>input:first-child:not(:checked):not(:disabled):focus+label::before {
    border-color: #05334A;
}
.navbar-white {
    background: #F9FDFF;
}
.table_info,
.table_info .card {
    box-shadow: none;
    background-color: inherit;
    font-size: 14px;
    color: #05334A;
}
.table_info .card-body {
    padding: 0
}
.table_info .card-header {
    border: none;
    padding: 0 0 10px 0;
}
.table_info table {
    background-color: #fff;
    border: 1px solid #e5eaec;
}
.table_info .table th {
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom-width: 1px;
}
.table td,
.table th {
    padding: 20px 20px;
}
table.dataTable>thead .sorting::before,
table.dataTable>thead .sorting_desc::before {
    bottom: 30px;
}
table.dataTable>thead .sorting::after,
table.dataTable>thead .sorting_desc::after {
    bottom: 18px;
}
.dataTables_length {
    padding: 5px 0 0 0;
}
.elevation-2 {
    box-shadow: none !important;
}
.main-header {
    border-color: rgba(5, 51, 74, 0.1);
}
[class*="sidebar-dark"] .brand-link {
    border-color: rgba(5, 51, 74, 0.1);
}
[class*="sidebar-dark"] .brand-link,
[class*="sidebar-dark"] .brand-link .pushmenu {
    color: #E08444;
}
[class*="sidebar-dark"] .brand-link .pushmenu:hover,
[class*="sidebar-dark"] .brand-link:hover {
    color: #E08444;
}
.table_info .badge {
    padding: 6px 14px;
    font-size: 12px !important;
    border: 1px solid;
    font-weight: 400 !important;
    border-radius: 4px;
}
.table_info .badge-success {
    color: #029115;
    border: 1px solid #029115;
    background: #E5F4E7;
}
.table_info .badge-warning {
    color: #DBAF00;
    background: #FCF7E5;
    border-color: #DBAF00;
}

/************ Responsive **************/
@media (max-width:1200px) {
    .login_form .btn {
        font-weight: 600;
        padding: 9px 15px;
    }
    
    .login_right figure img {
        max-height: 220px;
    }
}
@media (max-width:767px) {
    .login_right figure {
        padding: 40px 20px;
    }
    
    .login_right figure img {
        max-height: 150px;
    }
    
    .login_form h2 {
        font-size: 1.5rem;
    }
}
@media (max-width:600px) {}