body {
    color: #555758
}

button:focus,
input:focus,
textarea:focus,
a:focus {
    outline: none !important;
}

label {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 11px;
    font-weight: 600;
}

input,
textarea,
select,
button {
    font-weight: 400;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.form-control,
.single-line {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.select-list {
    position: relative;
}

.select-list select {
    padding: 4px 20px 3px 5px;
    margin: 0;
    font: inherit;
    outline: none;
    line-height: 1.2;
    background: #fff;
    -webkit-appearance: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 0px;
}

/* Since we removed the default focus styles, we have to add our own */
.select-list select:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

/* Select arrow styling */
.select-list:after {
    content: "▼";
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 70%;
    line-height: 18px;
    color: #555;
    pointer-events: none;
    padding: 2px 10px;
}

.checkbox {
    margin: 0;
}

.dropdown-menu {
    min-width: 40px;
}

.chosen-container-single .chosen-single div b {
    background-position: 0px 6px;
}

.form-group {
    margin-bottom: 10px;
}

.form-control {
    height: 22px;
    font-size: 12px;
}

.input-group {
    /*margin-top: 2px;*/
    width: 100%;
}

.input-group-addon {
    padding: 4px 4px;
    font-size: 12px;
    min-width: 30px;
}

.input-group>.ui-select-bootstrap>input.ui-select-search.form-control {
    border-radius: 0 !important;
}

.hr-line-dashed {
    margin: 10px 0 7px;
}

/* =================== overwritten rules END================= */
/* Dashboard START */
.tab-dashboard th {
    padding-bottom: 20px !important;
}

/* Dashboard END */
/*  Login START */
.log-backrd {
    background: url('/img/loginback.jpg') no-repeat center top;
    position: relative;
    height: 100vh;
}

.log-backrd .middle-box {
    border-radius: 2px !important;
    background: rgba(0, 0, 0, 0.4);
    padding: 50px 20px 30px;
    height: initial;
    width: 100%;
    max-width: 300px;
}

.log-backrd .passwordBox {
    width: 100%;
    max-width: 300px;
    border-radius: 2px !important;
    padding: 30px 10px 0px;
}

.log-backrd .ibox-content {
    background: none;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 15px 10px 20px 10px;
}

/*  Login END */
/* Add new A/C START */
.ac-btn {
    text-align: right;
}

.ac-btn button {
    margin: 0 0 20px 5px;
}

.input-group .chosen-container {
    width: 100% !important;
}

.note-txt {
    margin: 0;
}

.input-group-addon {
    background-color: #f8f8f8;
}

.date .input-group-addon {
    background: none;
    color: #ccc;
}

.a-el-flight,
.comp-a-el {
    position: relative;
}

.a-el-flight:after,
.component-apu-section .comp-a-el:after {
    content: '';
    position: absolute;
    height: 35px;
    width: 1px;
    right: 0;
    top: -6px;
    background-color: rgb(231, 234, 236);
}

.add-apu .a-el-flight:after {
    top: 0;
    height: 60px;
}

.component-apu-section .comp-a-el:after {
    top: 14px;
}

.fill-btn {
    padding: 1px 5px 1px 1px;
    float: right;
    position: relative;
    top: 15px;
}

.fill-btn i {
    padding: 0px 6px;
}

.tlp-btn {
    padding: 1px 10px 1px 10px;
}

/* Add new A/C END */
/* Flight log list START */
.flight-log-list tr:nth-child(even) {
    background: #f9f9f9;
}

.flight-log-list tr:hover {
    background: #d8f6ff;
    cursor: pointer;
}

.flight-log-list td {
    vertical-align: middle !important;
    border-bottom: 1px solid #ddd;
}

.flight-log-list td:nth-last-child(-n+3) {
    cursor: default;
}

.flight-log-list .table-btn {
    width: 25px;
    height: 25px;
    color: #ccc;
    border-radius: 0px;
    margin-right: -5px;
    margin-bottom: 0;
}

.flight-log-list .table-btn:hover {
    background: #1c84c6;
    color: #fff;
}

.flight-log-modal .modal-body {
    padding: 0;
}

.flight-log-modal .inputBtnSection input,
.flight-log-modal .inputBtnSection span.uploadBtn {
    height: 24px;
    line-height: 24px;
}

.flight-log-modal .inputBtnSection button {
    padding: 1px;
}

.flight-log-modal .attach-tlb .btn {
    margin: 0;
    padding: 0;
    position: relative;
    border-radius: 0;
    top: 19px;
    right: 4px;
}

.flightLog-mini-table {
    font-size: 11px;
    margin-bottom: 15px;
    height: 228px;
}

.flightLog-mini-table tr,
.flightLog-mini-table th,
.flightLog-mini-table td {
    border: 1px solid #e5e6e7;
}

.flightLog-mini-table td {
    background: #fff;
    text-align: center;
    vertical-align: middle !important;
    font-size: 10px;
    padding: 3px !important;
}

.flightLog-mini-table input {
    font-size: 11px;
}

.flightLog-mini-table td:first-child {
    background: #f8fafb;
    text-align: left;
    font-weight: 700;
    padding-left: 5px !important;
}

.flightLog-1 tr:nth-child(-n+4) td:nth-child(-n+4) {
    /*	background: #f8fafb;
	border: 0;*/
}

.flightLog-1 td input {
    border: 0;
    width: 100%;
    height: 32px;
    text-align: center;
}

/* FlightLog 2 */
.flightLog-2 th:first-child {
    text-align: center;
    padding-left: 25%;
    border: 0;
}

.flightLog-2 tr:nth-child(-n+4) td:nth-child(-n+4),
.flightLog-2 th:last-child {
    /*	background: #f8fafb;
	border: 0;*/
}

.flightLog-2 th,
.flightLog-2 td {
    border: 0;
}

.flightLog-2 input {
    width: 100%;
    text-align: center;
    height: 25px;
}

.flightLog-2 td:first-child {
    border-right: 1px solid #e5e6e7;
}

.flightLog-2 tr:nth-child(3) td:nth-child(2),
.flightLog-2 tr:nth-child(4) td:nth-child(2) {
    border: 1px solid #e5e6e7;
    position: relative;
}

.flightLog-2 tr:nth-child(3) td:nth-child(2):after,
.flightLog-2 tr:nth-child(4) td:nth-child(2):after {
    content: '';
    position: absolute;
    width: 1px;
    height: 35px;
    background-color: #e5e6e7;
    top: 0;
    left: 50%;
}

/* FlightLog 3 */
.flightLog-3 tbody tr:first-child td {
    background: #f8fafb;
    font-weight: 700;
    text-align: center !important;
}

.flightLog-3 tr td:first-child {
    text-align: left !important;
}

.flightLog-3 thead tr {
    border-bottom: 0;
}

.flightLog-3 tbody tr:first-child {
    border-top: 0;
}

.flightLog-3 tbody tr:first-child td:first-child {
    border: 0;
}

.flightLog-3 td {
    text-align: center !important;
    vertical-align: middle !important;
    /*font-weight: 600;*/
}

.flightLog-3 input {
    width: 100%;
    height: 26px;
}

/* FlightLog 4 */
.flightLog-4 td {
    /*font-weight: 600;*/
}

.flightLog-4 td input {
    text-align: center;
    width: 100%;
    height: 46px;
}

.flightLog-4 tbody tr:first-child td {
    background: #f8fafb;
    font-weight: 700;
}

.flightLog-4 thead th:first-child {
    position: relative;
    /* top: 19px; */
    line-height: 12px !important;
}

.flightLog-4 thead th:first-child:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #f8fafb;
    bottom: 18px;
    left: 0;
}

.flightLog-4 tbody tr:nth-child(3) td:first-child {
    position: relative;
}

.flightLog-4 tbody tr:nth-child(3) td:first-child:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #f8fafb;
    bottom: -1px;
    left: 0;
}

.flightLog-4 tbody tr:nth-child(n+2) td:nth-child(2) {
    background-color: #f8fafb;
}

/* Flight Log 5 */
.flightLog-5 th {
    text-align: center;
    vertical-align: middle;
    height: 72px;
}

.flightLog-5 tbody tr td {
    text-align: center !important;
    vertical-align: middle;
    height: 67px;
    width: 90px;
}

.flightLog-5 td input {
    text-align: center;
    width: 100%;
    height: 50px;
    position: relative;
    top: 10px;
}

.flightLog-5 td:nth-child(n+2) {
    position: relative;
}

.f-board {
    background-color: #f8fafb;
    position: absolute;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    white-space: initial;
    font-weight: 700;
    border-bottom: 1px solid #e5e6e7;
    line-height: 19px;
}

/* .planned-td{
	position: absolute;
    padding: 0!important;
    height: 70px;
    width: 82px;
    border: 0!important;
} */
.sg-planned {
    background-color: #f8fafb;
    width: 100%;
    display: block;
    white-space: initial;
    padding: 6px 13px;
    font-weight: 600;
    border-bottom: 1px solid #e5e6e7;
    line-height: 19px;
}

/* flightLog-6 */
.flightLog-6 th,
.flightLog-6 td {
    vertical-align: middle !important;
}

.flightLog-6 td input {
    text-align: center;
    width: 100%;
    height: 23px;
}

.flightLog-6 td {
    padding: 0 !important;
}

.flightLog-6 tr:nth-child(-n+2) {
    height: 36px;
}

.flightLog-6 tbody tr:first-child td:first-child:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 46px;
    background-color: #f8fafb;
    right: -1px;
    top: 0;
    vertical-align: middle;
}

.flightLog-6 tr:nth-child(n+2) td:first-child {
    width: 90px;
    height: 40px;
}

.flightLog-6 tr:nth-child(n+2) td:nth-child(2) {
    width: 100px;
}

/* Flight log list END */
/* MPD START */
.mpd_list-table tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.mpd_list-table tr:hover {
    background-color: #e4f5ff;
}

.mpd_list-table td {
    padding: 14px 0 12px !important;
}

.add-mdp {
    width: 60px;
    border: 1px solid rgb(221, 221, 221);
    display: block;
    text-align: center;
    color: rgb(102, 102, 102);
    border-radius: 2px;
}

.write-note {
    color: #ddd;
    font-size: 14px;
    cursor: pointer;
}

.write-note i {
    margin-right: 5px;
}

/* MPD END */
/* AMP START */
.table-r {
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid #ddd;
}

.static-table-custom th {
    background: #fff !important;
    text-align: center;
}

.static-table-custom td {
    background: #f9f9f9;
    text-align: center;
    width: 33.3333%;
    vertical-align: middle !important;
    height: 50px;
}

.new_amp_inputs {
    margin-bottom: 15px;
}

.new_amp_inputs input {
    position: relative;
    top: 3px;
}

.amp_list-table th:nth-child(n+8) {
    text-align: center;
}

.amp_list-table tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.amp_list-table tbody tr:hover {
    background-color: #e4f5ff;
}

.amp_list-table td {
    padding: 15px 0 0 !important;
}

.amp_list_item label {
    display: block;
}

.amp_list_item .input-group {
    margin-top: 5px;
}

.amp_list_item .nav-tabs>li>a {
    margin-right: -1px;
    line-height: 1.42857143;
    border: 1px solid #e7eaec;
    border-radius: 0px 0px 0 0;
    padding: 1px 10px 2px 10px;
}

.amp_list_item .nav-tabs>li>a:hover,
.amp_list_item .nav-tabs>li>a:focus {
    background: #fff !important;
    color: #A7B1C2;
    border: 1px solid #e7eaec;
}

.amp_list_item .nav-tabs>li.active>a {
    background: #0e9aef !important;
    color: #fff;
    border: 1px solid #0e9aef !important;
}

.amp_list_item .tabs-container .nav-tabs {
    float: left;
    border-bottom: 0;
    margin: -69px 0 0 15px;
}

.amp_list_item tr.selected {
    background: #e4f5ff !important;
}

.amp_list_item td.inputs {
    display: none;
}

.amp_list_item tr.selected td.inputs {
    display: table-cell;
    padding: 0;
    border: 2px solid #666;
    background-color: #f1f1f1;
}

.amp_list_item tr.selected td.fields {
    display: none;
}

.amp_list_item .input-group-addon {
    background: none;
}

.column-filter-tab.active {
    background-color: #0e9aef;
    color: white;
}

.status-filter {
    width: 145px;
}

.amp-item-page .ibox-title button {
    font-size: 12px;
}

.amp-list-table tr.selected td {
    /*display : table-cell;*/
    padding: 0;
    border: 2px solid #666;
    background-color: #f1f1f1;
}

.amp-list-table tr.selected td textarea {
    width: 100%;
    resize: none;
    border: 0;
}

.amp-list-table td.description>span {
    /*padding: 0 3px;*/
}

/* AMP TABLE SPECIFIC WIDTHS */
td.inputs.revision_code,
td.fields.revision_code {
    min-width: 30px;
}

td.inputs.task_code,
td.fields.task_code,
td.inputs.skill_code,
td.fields.skill_code {
    min-width: 50px;
}

td.inputs.task_number,
td.fields.task_number {
    min-width: 80px;
}

td.inputs.task_mh,
td.fields.task_mh,
td.inputs.access_mh,
td.fields.access_mh,
td.inputs.pre_mh,
td.fields.pre_mh {
    min-width: 40px;
}

td.inputs.mpd_task_number,
td.fields.mpd_task_number {
    min-width: 80px;
}

td.inputs.zone,
td.fields.zone {
    min-width: 50px;
}

td.inputs.zone,
td.fields.s_interval {
    min-width: 80px;
}

td.inputs.last_done,
td.fields.last_done {
    min-width: 80px;
}

td.inputs.next_due,
td.fields.next_due {
    min-width: 80px;
}

td.inputs.description,
td.fields.description {
    min-width: 300px;
}

td.inputs.remaining,
td.fields.remaining {
    min-width: 50px;
}

td.inputs.access,
td.fields.access {
    min-width: 40px;
}

td.inputs.remarks,
td.fields.remarks {
    min-width: 100px;
}

.checkbox-blue {
    float: left;
    margin: -4px 0 0 20px;
}

.checkbox-blue input {
    margin-top: 0;
}

.checkbox-blue label:before {
    border-radius: 0 !important;
    height: 21px !important;
    width: 21px !important;
}

.checkbox-blue label:after {
    padding-left: 3px !important;
    padding-top: 0 !important;
    font-size: 15px !important;
}

.btn-active {
    background-color: #e4e4e4;
}

.amp-list-table {
    font-size: 11px;
    margin-bottom: 80px;
}

.amp-list-table .footable-sort-indicator {
    width: 100%;
}

.amp-list-table .footable-odd {
    background-color: #fff;
}

.amp-list-table th {
    border: 1px solid #ddd !important;
    vertical-align: middle !important;
    text-align: center;
    padding: 3px !important;
    cursor: pointer;
}

.amp-list-table th:hover i.fa {
    color: #0e9aef;
}

.amp-list-table thead tr:first-child:hover {
    background: none;
}

.amp-i-descr {
    width: 28%;
}

.amp-i-remarks {
    width: 10%;
}

.amp-list-table td {
    border: 1px solid #ddd;
    padding: 4px !important;
    /* min-width: 100px; */
    white-space: normal;
}

#actionbar {
    display: none;
    position: absolute;
    /*width: 100px;*/
    right: 50%;
    white-space: initial;
    margin: 0;
    z-index: 1;
}

#actionbar button {
    background: #fff;
    border: 1px solid #ccc;
    color: inherit;
    width: 25px;
    height: 25px;
    float: left;
}

#actionbar button:hover {
    background: #0e9aef;
    color: #fff;
}

.bg-active {
    background-color: #dff1fd;
}

.bg-active td {
    border-color: rgba(115, 196, 247, 0.35) !important;
    color: rgb(9, 102, 159);
}

.uanpprovedrow td:first-child {
    position: relative;
}

.uanpprovedrow td:first-child:before {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    border-right: 10px solid transparent;
    border-left: 1px solid #0e9aef;
    border-top: 10px solid #0e9aef;
    margin-left: -1px;
    margin-top: -1px;
}
.uanpprovedrow.is-copy td:first-child:before{
    border-color: #666 transparent transparent #666;
}

.uanpprovedcorner {
    position: absolute;
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    border-right: 10px solid transparent;
    border-left: 1px solid #0e9aef;
    border-top: 10px solid #0e9aef;
    margin-left: -1px;
    margin-top: -1px;
}

.no-results-text {
    text-align: center;
    font-weight: 600;
    margin: 30px 0;
}

.amp-results-count {
    float: left;
    margin: -65px 0 0 20px;
}

.fields.revision_code,
.fields.task_number {
    position: relative;
}

.amp-list-table tr:hover {
    background-color: #ebf2f9;
}

.amp-list-table tr:hover #actionbar {
    display: block;
}

.amp-list-table tr.active-i {
    background-color: #e4f5ff;
}

.r-btn,
.n-btn,
.d-btn,
.rcbtn-r,
.rcbtn-n,
.rcbtn-d {
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 0;
}

.r-btn,
.rcbtn-r {
    background-color: #fdd400;
}

.n-btn,
.rcbtn-n {
    background-color: #00deff;
}

.d-btn,
.rcbtn-d {
    background-color: #f1c7c8;
}

.add-btn {
    width: 30px;
    height: 28px;
    background: #fff;
    color: #666;
    border: 1px solid #e7eaec;
    border-radius: 0;
}

.x-btn {
    width: 30px;
    height: 28px;
    border-radius: 0px;
    margin-left: -6px;
    background: #f48e8c;
    color: #fff;
}

.amp-btn button:hover,
.amp-btn button:focus {
    background-color: #0e9aef;
}

.amp-btn button:hover i,
.amp-btn button:focus i {
    color: #fff;
}

.list-ext {
    margin-bottom: 0;
    overflow-y: auto;
    height: 360px;
    overflow-x: hidden;
    display: block;
}

.list-ext>tbody>tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}

.list-ext .write-note i {
    color: #0e9aef;
}

/* edit AMP START*/
.edit-amp .modal-body {
    padding: 0;
}

.edit-amp textarea {
    resize: none;
}

/* edit AMP END*/
/* filters AMP START */
.filters-table th {
    padding: 10px 15px !important;
    background: #f8fafb !important;
}

.filters-table td {
    padding: 15px !important;
}

/* filters AMP END */
/* dublicate amp START */
button.btn-default.dim {
    box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 2px 2px #999999;
}

/* dublicate amp END */
/* write_note popup START */
.write_note_pop textarea {
    border: 0;
    background: none;
    padding: 15px;
    font-weight: 400;
}

/* write_note popup END */
/* AMP END */
/* Components START */
.components-table .nav>li.active {
    background: #e4f5ff;
    border-left: 0;
}

.components-table .nav>li>a {
    color: #377baa;
}

.components-table .nav>li>a:focus,
.nav>li>a:hover {
    background: none;
}

.warning-component {
    text-align: center;
    padding: 12px 0;
}

.warning-component span {
    font-weight: 600;
}

.warning-component span:first-child {
    color: #ed5565;
    font-weight: 600;
}

.component-form .modal-body {
    padding: 0;
}

.component-form .part-body {
    padding: 5px 15px;
}

.desii {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    height: 22px;
    padding: 2px 9px;
    border-left: 0;
}

.cat-b:last-child {
    border-right: 0 !important;
}

input[type="number"] {
    padding-right: 2px;
}

.limits-option {
    float: left;
    text-align: center;
    width: 100%;
    font-weight: 600;
}

.limits-option span.add-limits:hover,
.limits-option span.remove-limits:hover {
    color: #0c8fdf;
    cursor: pointer;
}

.mini-table td {
    border: 1px solid #e5e6e7;
    padding: 2px 2px 2px 10px;
}

.mini-table td span {
    margin-left: 10px;
}

.req-table tbody td {
    border: 1px solid #e5e6e7;
}

/* Components END */
/* upload-form START*/
.upload-table tr:hover {
    background-color: #e4f5ff !important
}

.upload-table td {
    min-width: 270px;
}

.upload-form .dataTables_wrapper {
    padding-bottom: 0;
}

.upload-form .form-group {
    margin-bottom: 0;
}

.upload-form .form-control {
    height: 22px;
    padding: 0 9px;
}

.upload-form .dataTables_info {
    display: none;
}

.upload-form .html5buttons {
    margin-bottom: 15px;
}

.upload-form .html5buttons a {
    padding: 1px 8px;
    margin-right: 5px;
    border-radius: 0;
}

.upload-form div.dataTables_paginate {
    float: right;
    position: relative;
    top: 9px;
}

.inputBtnSection {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.disableInputField {
    display: inline-block;
    vertical-align: top;
    height: 27px;
    margin: 0;
    font-size: 14px;
    padding: 0 3px;
    width: 80%;
    height: 34px;
    background: none;
    border: 1px solid #e5e6e7;
    border-left: 0;
}

.fileUpload {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.uploadBtn {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    background: #f7f7f7;
    font-size: 14px;
    padding: 0 10px;
    border: 1px solid #e5e6e7;
    color: #9e9e9e;
    font-weight: 300;
    height: 34px;
    vertical-align: middle;
    line-height: 32px;
    width: 100%;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.inputBtnSection button {
    width: 10%;
    margin-left: 1%;
    min-width: 50px;
}

.tab-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    color: #ced0dc;
    transform: translate(40%, -40%);
    font-size: 16px;
    background: none;
    padding: 0;
    border: none;
    display: none;
    margin-right: 0 !important;
    padding: 0.3em;
}

.uib-tab.active .tab-close-btn,
.uib-tab:hover .tab-close-btn {
    display: block;
}

.loader-gif {
    background: url('../img/squares.gif');
    height: 32px;
    width: 32px;
    margin: 0 auto;
}

.modal_error {
    color: #ed5565;
}

.pagination-new {
    float: right;
    margin: -92px 20px 0 0;
}

/* upload-form END*/
/* pagination */
.my-pagination form {
    float: left;
    margin: 0 5px 0 0;
}

.my-pagination input {
    height: 28px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.my-pagination button {
    border-radius: 0;
    height: 28px;
    /*border-right: 0;*/
}

.my-pagination ul>li:first-child>a {
    border-radius: 0;
}

/* Other classes START*/
.fl-r {
    float: right;
}

.fl-l {
    float: left;
}

.close-pop {
    float: right;
    margin-top: -13px;
    cursor: pointer;
    color: #ccc;
}

.inmodal .modal-header {
    padding: 20px 15px;
}

.cf:after {
    content: '';
    display: table;
    clear: both;
}

.padd-0 {
    padding: 0;
}

.padd-r-0 {
    padding-right: 0;
}

.padd-l-0 {
    padding-left: 0;
}

.border-0 {
    border: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.clear-flt-btn {
    width: 23px;
    padding: 0;
    height: 22px;
    text-align: center;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    border-left: none;
    background: none;
}

.my-select {
    position: relative;
}

.ui-select-container.clear-present {
    margin-right: 22px;
}

.ui-select-choices {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #66afe9;
    border-top: none;
}

.ui-select-choices-row {
    padding: 0 .5em;
    cursor: default;
}

.ui-select-choices-row.active {
    background: #f0f0f0;
}

.ui-select-choices-row .ui-select-choices-row-inner span>span {
    color: rgba(0, 0, 0, 0.25);
}

.pre-line {
    white-space: pre-line;
}

/* Other classes END*/
form.ng-submitted .ui-select-container.ng-invalid-required .ui-select-toggle,
.ui-select-container.ng-invalid-required.ng-dirty .ui-select-toggle, {
    border-color: red !important;
}

.btn.ng-invalid{
    border-color: orange;
}
form.ng-submitted .btn.ng-invalid,
form.ng-submitted input.ng-invalid-required,
form.ng-submitted input.ng-invalid-pattern,
form.ng-submitted textarea.ng-invalid-required,
form.ng-submitted textarea.ng-invalid-pattern,
input.ng-invalid-required.ng-touched,
input.ng-invalid-pattern.ng-touched,
textarea.ng-invalid-required.ng-touched,
textarea.ng-invalid-pattern.ng-touched {
    border-color: red;
}

.table-header-input {
    min-width: 120px;
}

.clear-present span.ui-select-toggle {}

.markedrow {
    background-color: #ccebf5;
}

.amp-list-table tr.markedrow:hover {
    background-color: #ccebf5;
}

.current-math-interval {
    background-color: #b3edff !important;
}

.p-af-el {
    position: relative;
}

.p-af-el:after {
    content: ':';
    position: absolute;
    right: -2px;
    top: 20px;
}

/*selectors and dropdowns*/
.amp-list .input-group .form-control,
.amp-list .clear-present span.ui-select-toggle,
.amp-list .ui-select-bootstrap>.ui-select-choices,
.mpd-list .input-group .form-control,
.mpd-list .clear-present span.ui-select-toggle,
.mpd-list .ui-select-bootstrap>.ui-select-choices,
.upload-form .input-group .form-control,
.upload-form .clear-present span.ui-select-toggle,
.upload-form .ui-select-bootstrap>.ui-select-choices,
.component-list .input-group .form-control,
.component-list .clear-present span.ui-select-toggle,
.component-list .ui-select-bootstrap>.ui-select-choices {
    /* width: 89%!important; */
}

/*.comp-form-all .input-group .form-control, */
.comp-form-all .clear-present span.ui-select-toggle,
.comp-form-all .ui-select-bootstrap>.ui-select-choices,
.comp-form-all .input-group>.ui-select-bootstrap>input.ui-select-search.form-control {
    width: 79% !important;
}

.comp-form-all .input-group .form-control {
    width: 90% !important;
}

.comp-form-all .input-group input[type="datetime"] {
    width: 100% !important;
}

.navbar-static-side {
    z-index: 1;
}

/* ================== Media Queries START */
@media (max-width: 1366px) {
    .amp_list_item .nav-tabs>li>a {
        padding: 3px 7px 3px 7px;
        font-size: 11px;
    }

    .status-filter {
        width: 66px;
    }
}

input.ctm {
    visibility: hidden;
    outline: 0;
    position: fixed;
    top: 100%;
    left: 100%;
    z-index: -100;
}

table.bordered,
table.bordered td,
table.bordered th {
    border: 1px solid #ddd;
}

.panel {
    padding-top: 30px;
}

.panel-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    line-height: 30px;
}

.panel-content {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    overflow-y: scroll;
}

.stretch {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    margin: 0;
}

.btn-fit {
    display: block;
    height: 22px;
    padding: 0 10px;
    line-height: 22px;
}

.W {
    width: 100%;
}

.H {
    height: 100%;
}

.w {
    width: auto !important;
    -webkit-flex: unset !important;
    -moz-flex: unset !important;
    -ms-flex: unset !important;
    -o-flex: unset !important;
    flex: unset !important;
}

.btn {
    border-radius: 0;
    --webkit-border-radius: 0;
}
table.selectable{
    background:#Fff;
    border: 1px solid #eee;
}
table.selectable tbody tr:not([class*="bg-"]):hover {
    background: #fafafa;
    cursor: pointer;
}

table.selectable tr.selected {
    background: #E4F5FF !important;
}

.btns-row {
    display: table;
    width: 100%;
    overflow: hidden;
    border-radius: 2px;
}

.btns-row .btn {
    display: table-cell;
    border-radius: 0;
}

.btns-row .btn-fit {
    height: 20px;
    line-height: 20px;
}

.btns-row .btn:nth-of-type(n+2) {
    border-left: none;
}

.sequence {
    display: table;
    overflow: hidden;
    width: 100%;
}

.sequence.rounded {
    border-right: 3px;
}

.sequence>*:not(input) {
    text-align: center;
    cursor: pointer;
}

.sequence>* {
    display: table-cell;
    height: 20px;
    line-height: 20px;
    border: none !important;
    vertical-align: middle;
    border-radius: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
}

.sequence.bordered {
    border: 1px solid #ddd !important;
}

.sequence.bordered>*:not(:last-child) {
    border-right: 1px solid #ddd !important;
}

select.form-control {
    padding: initial;
}

.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.grid-table {}

.grid-table td,
.grid-table th {
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.grid-table td:not(:last-child),
.grid-table th:not(:last-child) {
    border-right: 1px solid #ddd;
}

.txt-ell,
.nowrap-table td {
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 300px;
}

.bg-ok {
    background: #e0f5e0;
}

.bg-active {
    background: #f1f7ff;
}

.bg-warn {
    background: #ffeead;
}

.bg-err {
    background: #ffadad;
}

.has-autocomplete .ui-select-match .ac-row,
.has-autocomplete .ui-select-choices-row-inner .ac-match {
    display: none;
}

.ui-select-choices-row {
    position: relative;
    overflow: hidden;
}

.ui-select-choices-row .my-select-del-btn {
    position: absolute;
    right: 2px;
    top: 0px;
    bottom: 0px;
    border: 1px solid #f93939;
    font-size: 10px;
    display: block;
    border-radius: 0;
    padding: 0 4px 0 14px;
    color: #f93939;
    line-height: 0;
    -webkit-transition: transform 0.2s ease, opacity 0.4s ease;
    transition: transform 0.2s ease, opacity 0.4s ease;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    opacity: 0;
    background: #FFF;
    -webkit-box-shadow: 0 0 0 3px #FFF, 0 0 0 4px #dedede, 0 0 15px 4px #cccccc;
    box-shadow: 0 0 0 3px #FFF, 0 0 0 4px #dedede, 0 0 15px 4px #cccccc;
}

.ui-select-choices-row .my-select-del-btn i {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -6px;
}

.ui-select-choices-row .my-select-del-btn em {
    font-style: normal;
    line-height: 1;
    overflow: hidden;
    display: inline-block;
    height: 100%;
    position: relative;
    top: 50%;
    font-size: 9px;
    margin-top: -5px;
}

.ui-select-choices-row:hover .my-select-del-btn {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.ui-select-choices-row .my-select-del-btn:hover {
    background: #f93939;
    color: #FFF;
}

.tap {
    display: table;
    width: 100%;
}

.tap>span {
    display: table-cell;
    width: 50%;
}

.btn,
[class*="btn-"] {
    white-space: nowrap;
}

.sidebar-panel {
    width: 220px;
    background: #ebebed;
    padding: 10px 20px;
    position: absolute;
    right: 0;
}

.sidebar-panel .feed-element img.img-circle {
    width: 32px;
    height: 32px;
}

.sidebar-panel .feed-element,
.media-body,
.sidebar-panel p {
    font-size: 12px;
}

.sidebar-panel .feed-element {
    margin-top: 20px;
    padding-bottom: 0;
}

.sidebar-panel .list-group {
    margin-bottom: 10px;
}

.sidebar-panel .list-group .list-group-item {
    padding: 5px 0;
    font-size: 12px;
    border: 0;
}

#wrapper {
    overflow-y: hidden;
}

.ibox-title {
    position: relative;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
						  supported by Chrome and Opera */
}

.ibox-title .ibox-tools {
    position: static;
}

.ibox-title .ibox-tools a {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.ibox-title .ibox-tools a i {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
}

.pace-done .navbar-static-side,
.pace-done .nav-header,
.pace-done li.active,
.pace-done #page-wrapper,
.pace-done .footer {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.stream-small {
    margin: 10px 0;
}

.stream-small .label {
    padding: 2px 6px;
    margin-right: 2px;
}

.sk-spinner-wave div {
    background: #03A9F4;
}

.metismenu .collapsing {
    -webkit-transition-duration: .11s;
    /* from 0.35*/
    transition-duration: .11s;
}

.flight-whole {
    border-top: 2px dashed #ddd;
}

.widget.ibox {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
}

.widget.ibox .ibox-title {
    height: 50px;
    padding: 0 10px;
    align-items: center;
}

.widget.ibox .ibox-content {
    flex: 1;
    overflow: auto;
}

.btn-seamless {
    background: none;
    border: none;
}

.preview {
    border-radius: 2px;
    border: 1px solid #ddd;
    padding: 5px;
    max-width: 100%;
    max-height: 300px;
    margin: 15px auto;
    display: table;
    overflow: hidden;
    position: relative;
    background: #fff;
}

.preview img {
    max-width: 100%;
    max-height: 300px;
}
.preview .btn{
    position: absolute;
    right: 5px;
}

.preview .nologo {
    height: 100px;
    width: 500px;
    background: #f3f3f4;
}

.preview .nologo:after {
    content: "No image";
    position: absolute;
    width: 100%;
    text-align: center;
    padding-top: 36px;
    font-size: 24px;
    font-weight: 200;
    color: rgba(0, 0, 0, 0.15);
}

.ui-select-container input[type=search] {
    width: 100% !important;
}

.form-control[disabled]:hover {
    background: #EEE;
    border-color: #EEE;
}

.iv-snap-view {
    background: #666 !important;
}

.iv-container,
.iv-snap-image,
.iv-zoom-slider {
    background: #FFF !important;
}

#image-gallery {
    width: 100%;
    position: relative;
    height: 650px;
    border-bottom: 1px solid #eee;
}

#image-gallery .image-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50px;
}

#image-gallery .prev,
#image-gallery .next {
    position: absolute;
    height: 32px;
    margin-top: -66px;
    top: 50%;
}

#image-gallery .prev {
    left: 20px;
}

#image-gallery .next {
    right: 20px;
    cursor: pointer;
}

#image-gallery .footer-info {
    position: absolute;
    height: 50px;
    width: 100%;
    left: 0;
    bottom: 0;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    color: #0c0c0c;
    border-top: 1px solid #f5f5f5;
}

#image-gallery .images {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    background: #FFF;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#image-gallery .images img {
    width: 100%;
    background: #FFF;
}

.columns.vertical {
    display: block;
}

.columns.vertical>label {
    text-align: left;
}

.btn-primary.btn-outline {
    color: #0e9aef;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: default;
}

.ui-select-container.ui-select-multiple {
    height: auto !important;
    padding: 5px 5px 2px !important;
    transition: none;
}

.ui-select-container.ui-select-multiple>.ui-select-choices {
    margin: -1px !important;
    width: auto;
    right: 0;
    left: 0;
}

.ui-select-container.ui-select-multiple input[type=search] {
    width: auto !important;
}

.columns.buttons .ui-select-container.ui-select-multiple.open,
.ui-select-container.ui-select-multiple.open {
    border-color: #66afe9 !important;
    /*box-shadow: inset 0 0 0 1px #66afe9*/
}

.my-select-multi-clear {
    height: auto !important;
    margin-bottom: 0 !important;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
    margin-top: 1px;
}

.tooltip.top {
    /* top: auto!important; 
	bottom: 100%!important; */
    height: auto !important;
    line-height: inherit !important;
    padding: 5px 0 !important;
}

.col-description {
    min-width: 320px;
}

.col-task_number,
.col-mpd_task_number,
.col-task_card_number {
    min-width: 100px;
}

.col-full_threshold,
.col-full_interval,
.col-other_threshold,
.col-other_interval,
.col-last_done,
.col-next_due,
.col-remaining {
    min-width: 70px;
}

.col-full_threshold>foo,
.col-full_threshold>div,
.col-full_threshold>aside,
.col-full_interval>foo,
.col-full_interval>div,
.col-full_interval>aside,
.col-other_threshold>foo,
.col-other_threshold>div,
.col-other_threshold>aside,
.col-other_interval>foo,
.col-other_interval>div,
.col-other_interval>aside,
.col-last_done>foo,
.col-last_done>div,
.col-last_done>aside,
.col-next_due>foo,
.col-next_due>div,
.col-next_due>aside,
.col-remaining>foo,
.col-remaining>div,
.col-remaining>aside {
    white-space: pre !important;
}

.col-next_due aside,
.col-remaining aside,
.col-full_interval aside,
.col-full_threshold aside,
.col-full_interval aside {
    white-space: pre;
}

/**
  * Suggested fixes
  */
.btn-active {
    background: #2e404f;
    color: white !important;
    /* background-color: #f1f1f1;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 10px 5px rgba(0, 0, 0, 0.1);
    text-shadow: 0 -1px rgba(255, 255, 255, 0.2); */
    z-index: 3;
}

.columns.buttons>*:nth-last-child(n+2):not(:focus):not(:first-child) {
    margin-left: -1px;
    margin-right: -1px;
}

.btn-default:hover {
    z-index: 2;
}

#toast-container>div {
    opacity: 2;
}

.head-tables {
    width: 100%;
    margin-top: 20px;
    /* font-size: 14px; */
    margin: 0 0 -20px;
    position: relative;
    top: 12px;
}

.head-tables>tbody>tr>td {
    padding: 0 5px;
}

.head-tables table {
    /* width: 100%; */
    float: right;
}

.head-tables table tr td {
    /* width: 50%; */
    padding: 2px 5px;
    border: 1px solid #d8d8d8;
    white-space: nowrap;
}


.head-tables table tr:first-child td {
    border-top-width: 0px;
}

.head-tables table tr td:first-child {
    border-left-width: 0px;
    text-align: right;
}

.head-tables table tr:last-child td {
    border-bottom-width: 0px;
}

.head-tables table tr td:last-child {
    border-right-width: 0px;
}

.head-ac-info{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.head-ac-info table{
    border-collapse: separate;
    border-spacing: 7px 0;
    margin-right: -7px;
    margin-bottom: 4px;
}
.head-ac-info td {
  border-right: 1px solid rgba(38, 53, 68, 0.2);
  padding: 0 5px 0 0;
  line-height: 12px;
  font-weight: 700;
}

.head-ac-info sub.text-info {
  top: -1px;
  font-weight: 400;
}

.head-ac-info tr td:last-child {
  border-right-width: 0;
}
.page-heading {
    padding: 0 15px 10px;
    position: relative;
    z-index: 1001;
}
.page-heading h2{
    margin-bottom: 0;
    margin-top: 10px;
}

.file-box {
    width: 20%;
}

.inline-select {
    position: relative;
    top: 5px;
    /* width: 80px; */
    display: block;
    float: left;
}

.inline-select .columns {
    display: block;
}

.inline-select .form-control,
.inline-select .single-line {
    border-color: transparent !important;
    padding: 3px 0;
    outline: none !important;
    box-shadow: none !important;
    background: none !important;
}

.inline-select .ui-select-match {
    outline: none !important;
    box-shadow: none !important;
    background: none !important;
}

.inline-select .ui-select-choices {
    border-top: 1px solid #66afe9;
}

.inline-select .caret.pull-right {
    position: relative !important;
    height: 10px !important;
    top: 4px !important;
    left: 0 !important;
    right: auto!important;
    display: inline-block !important;
    float: none !important;
    margin-left: 9px;
}

.inline-select .btn,
.inline-select .has-autocomplete .ui-select-container,
.inline-select .ui-select-container input[type=search],
.inline-select .ui-select-bootstrap>.ui-select-choices {
    width: auto !important;
    display: block;
    min-width: 15px;
}

.inline-select .ui-select-match.ng-hide {
    display: inline-block !important;
    opacity: 0 !important;
}

.inline-select .ui-select-match:after {
    content: '';
    display: inline-block;
    left: 0;
    bottom: 0;
    right: 16px;
    height: 1px;
    position: absolute;
    border-bottom: 1px dashed #ccc;
}

.inline-select .ui-select-container input[type=search] {
    position: absolute;
    /* background: white !important; */
    min-width: 15px;
    max-width: 100%;
    z-index: 999;
    top: 0;
}

.inline-select .columns.buttons >:not(input):not(my-select):not(.has-autocomplete), 
.inline-select .sm-btn,
.inline-select .columns.buttons>*:nth-last-child(n+2):not(:focus) {
    display: inline-block
}

.inline-select .columns.buttons.is-auto > .btn.btn-default {
    border: 1px solid #fff;
    border-radius: 3px;
    width: 22px!important;
    height: 22px;
    padding: 0;
    text-align: center;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 2px;
    line-height: 20px;
    padding-left: 1px;
}

.inline-select .ui-select-choices-row {
    white-space: nowrap;
}

abbr.info {
    display: block;
    border-bottom: 1px dotted;
    line-height: 1.3;
    top: 2px;
    padding: 0 2px;
    float: right;
}
.modal-dialog.modal-xl {
    width: 90%;
}
#page-wrapper{
    padding-bottom: 60px;
}
.text-pre{
    white-space: pre;
}

.block-loader{
    position: relative;
    min-hegiht: 200px;
    display: block;
}

.block-loader .loader-wrap{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.5);
}

.empty-inner {
    width: 270px;
}
.empty-inner tr {
    background: none!important;
}
.empty-inner tr td {
    padding: 0!important;
    width:90px;
    border:0;
    background:none;
    white-space:nowrap;
    vertical-align: top;
}

.custom-code {
    display:block;
    width:100%;
    font-size:10px;
    border-radius: 0;
    border: 1px solid rgba(202, 68, 64, 0.1);
}
.centering{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}
.td-of-interval{
    width: 200px;
}
.pre{
    white-space: pre;
}


.btn[disabled] {
    filter: none;
    opacity: inherit;
    position: relative;
    pointer-events: none;
}

.btn[disabled]::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: RGBA(234, 234, 234, 0.66);
    left: -1px;
    top: -1px;
    padding: 1px;
    box-sizing: content-box;
}
.filters-block {
    padding: 5px 15px 10px;
    background: #fafafa;
    box-shadow: 0 15px 20px #2e404f17;
    position: relative;
    z-index: 1000;
}

.toggle-nav {
    padding: 0;
    position: relative;
    z-index: 99;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    left: 0;
    width: 100%;
}
.toggle-nav a {
    margin: 0;
    background: none!important;
    border: none!important;
    margin-right: 6px;
}
.mini-navbar .toggle-nav {
    position: relative;
    justify-content: center;
}

.mini-navbar .not-in-mini-nav {
    display: none!important;
}
.fa-file-pdf-o {
    color: #c11e07;
}
.table-inputs td, .td-input{
    padding: 0!important;
    height: 2em;
}
.table-inputs td {
    height: 3em;
}
.table-inputs .form-control, .table-inputs .btn, 
.td-input .form-control, .td-input .btn {
    border-color: transparent;
    height: 100%;
}
[type="datetime"][readonly="readonly"] {
    pointer-events: none;
}
my-select.compact .ui-select-multiple {
    padding: 0!important;
    height: 22px !important;
}
my-select.compact .ui-select-multiple .ui-select-match-item {
    margin: 0px!important;
    border: none;
    border-right: 1px solid #ddd;
    background: #fefefe;
    height: 19px;
}

.valign-middle { vertical-align: middle!important; }

.checkboxer {font-size: 22px;margin: 0 -7px 0 0;}
.checkboxer2 {font-size: 18px;margin: 0 -7px 0 0;}

.text-pdf { color: #c11e07 }
.text-excel { color: #207347 }
.text-word { color: #295192 }
.text-zip { color: #e38d2c }

.pointer {
    cursor: pointer;
}

.breadcrumb li:hover .text-muted{
    color: #000;
}

@keyframes blindness {
    50% { filter: blur(.5px);}
}

.blindness { 
    animation: blindness 10s infinite;
}

.manuals-categories-tree ul {
    list-style: none;
    padding: 0;
}

.manuals-categories-tree ul ul {
    padding-left: 20px;
}

.manuals-categories-tree .manuals-categories-tree-title {
    font-weight: bold;
    line-height: 2;
}

.manuals-categories-tree ul ul .manuals-categories-tree-title {
    font-weight: normal;
    line-height: inherit;
}

.manuals-categories-tree .selectable {
    cursor: pointer;
}

.manuals-categories-tree .selected {
    font-weight: bold !important;
    color: #23c6c8;
}

.manuals-categories-tree-header .btn:not(:hover) {
    opacity: 0.8;
}

.manuals-categories-tree-header:not(:hover) .btn {
    opacity: 0;
}

.onoffswitch-inner:before {
    content: attr(data-yes);
    padding-left: 0;
    padding-right: 15px;
    text-align: center;
}
.onoffswitch-inner:after {
    content: attr(data-no);
    padding-right: 0;
    padding-left: 15px;
    text-align: center;
}

.table {
    margin-bottom: 0;
}

.drop-box {
    border: 1px solid #ddd;
    position: relative;
    min-height: 50px;
    padding: 6px;
}
.drop-box:before {
    content: attr(data-label);
    position: absolute;
    top: 3px; right: 3px; bottom: 3px; left: 3px;
    border: 1px dashed #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    pointer-events: none;
}
.drop-box.dragOver:before {
    background: #f0f0f0;
}
.img-thumb {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 3px;
    background-position: center;
    position: relative;
}
.img-thumb:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.img-thumb .btn:not(:hover) {
    filter: grayscale(1)
    /* opacity: 0.7; */
}
.img-thumb:not(:hover) .btn {
    opacity: 0;
}
.img-thumb .btn {
    position: absolute;
    top: 3px;
    right: 3px;
    border-radius: 100%;
    transition: .3s ease;
}

.dv {
  position: relative;
  margin-top:15px;
}
.dv:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  border-top: 1px solid #e7eaec;
  top: 9px;
}
.dv > strong {
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  background: #fff;
  padding: 0 10px 0 0;
  color: #acb7be;
  font-weight: 600;
  letter-spacing: 0.05rem;
}

.inmodal .modal-body .dv > strong {
  background: #f8fafb;
}