/* bootbox css */

.bootbox .modal-content {
	padding: 24px;
}

.bootbox .modal-header {
	padding: 0px 0px 24px 0px;
	border: none;
}

.bootbox .modal-body {
	padding: 0px;
}

.bootbox .modal-footer {
	padding: 16px 0px 0px 0px;
	border: none;
}

.bootbox .btn-primary {
	border: 1px solid #0F6CBD !important;
	border-radius: 4px;
	min-width: 96px;
	color: #FFF !important;
	padding: 6px 12px !important;
	font-size: 16px !important;
	background: #0F6CBD !important;
}

.bootbox .btn-primary:hover {
	background-color: #115EA3 !important;
}

.bootbox .btn-primary:focus {
	box-shadow: none;
	border: 1px solid #0C3B5E !important;
	background-color: #115EA3 !important;
}

.bootbox .bootbox-cancel {
	border: 1px solid #d2d2d2 !important;
	border-radius: 4px;
	min-width: 96px;
	color: #242424 !important;
	padding: 6px 12px !important;
	font-size: 16px !important;
	background: #fff;
}

.bootbox .bootbox-cancel:hover {
	background: #f0f0f0 !important;
}

.bootbox .bootbox-cancel:focus {
	box-shadow: none;
	border: 1px solid #242424 !important;
	background-color: #e0e0e0;
}

.bootbox .modal-footer {
	display: flex;
	gap: 8px;
	justify-content: end;
}

.bootbox .modal-header {
	justify-content: space-between;
}

.bootbox .modal-header .bootbox-close-button {
	background: none;
	border: none;
	font-size: 1.5rem;
	padding-top:0px;
	opacity: 0.5;
}
.bootbox-confirm .modal-header .bootbox-close-button {
	display: none;
}
.bootbox .modal-header .bootbox-close-button:hover {
	opacity: 0.75;
}

/* bootbox css */

/* ============================================================
   Document signature/term styles for MyApproval document view
   (ported from newStyle.css - missing in V8 layout)
   ============================================================ */

.pending_term {
    background: #c7ecf8 none repeat scroll 0 0;
    border: 1px solid #f68b1f;
    opacity: 1.8;
    position: absolute;
    border-left: 3px solid #f00;
    border-top: 0.5px solid #333;
    border-bottom: 0.5px solid #333;
    border-right: 0.5px solid #333;
}

.accepted_term {
    opacity: 1.8;
    position: absolute;
    text-align: left;
    vertical-align: middle;
}

.undo_term_image {
    cursor: pointer;
    height: 15px;
    position: absolute;
    width: 15px;
    z-index: 1;
}

.shadow-border {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: 0 0 10px red;
    -moz-box-shadow: 1px 5px rgba(185, 12, 12, 0.08);
    border-radius: 2px;
}

.redBorder {
    border: 2px solid red !important;
}

/* Mobile (< 768px) */
@media screen and (max-width: 767px) {
    .document_custom_data {
        border-left: 1px solid #016faf;
        border-top: 0.5px solid #333;
        border-bottom: 0.5px solid #333;
        border-right: 0.5px solid #333;
        border-radius: 1px;
        background-color: #c7ecf8 !important;
        resize: none;
    }
    .document_custom_data_mandatory {
        border-left: 1px solid #f00;
        border-top: 0.5px solid #333;
        border-bottom: 0.5px solid #333;
        border-right: 0.5px solid #333;
        border-radius: 1px;
        background-color: #c7ecf8 !important;
        resize: none;
    }
    .redBorder { border: 0.5px solid red !important; }
    .sig_icon {
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .box_2 {
        position: relative;
    }
}

/* Tablet (768px - 1024px) */
@media screen and (min-width: 767px) and (max-width: 1024px) {
    .document_custom_data {
        border-left: 2px solid #016faf;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        border-right: 1px solid #333;
        border-radius: 1px;
        background-color: #c7ecf8 !important;
        resize: none;
        padding-left: 2px;
        padding-bottom: 1px;
    }
    .document_custom_data_mandatory {
        border-left: 2px solid #f00;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        border-right: 1px solid #333;
        border-radius: 1px;
        background-color: #c7ecf8 !important;
        resize: none;
        padding-left: 2px;
        padding-bottom: 1px;
    }
    .redBorder { border: 2px solid red !important; }
    .sig_icon {
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .box_2 {
        position: relative;
    }
}

/* Desktop (> 1024px) */
@media screen and (min-width: 1024px) {
    .document_custom_data {
        border-left: 3px solid #016faf;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        border-right: 1px solid #333;
        border-radius: 1px;
        background-color: #c7ecf8 !important;
        resize: none;
        padding-left: 2px;
        padding-bottom: 1px;
    }
    .document_custom_data_mandatory {
        border-left: 3px solid #f00;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        border-right: 1px solid #333;
        border-radius: 1px;
        background-color: #c7ecf8 !important;
        resize: none;
        padding-left: 2px;
        padding-bottom: 1px;
    }
    .redBorder { border: 2px solid red !important; }
    .sig_icon {
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .box_2 {
        position: relative;
    }
}


/* Override Bootstrap's cursor:help on abbr[title] when wrapping disabled buttons */
.btn:disabled {
    cursor: not-allowed;
    text-decoration: none;
}

abbr[rel="tooltip"] .btn:disabled {
    cursor: not-allowed;
    pointer-events: none;
}