ul > li {
    padding-left: 6px;
    line-height: 35px;
}

.modal-dialog {
    margin-top: 150px;
}

.modal-md {
    margin-top: 150px;
    max-width: 768px !important;
}
.modal-lg {
    margin-top: 150px;
    max-width: max-content;
}

.box-shadow {
    border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px #888888;
    text-transform: uppercase;
}

.box-no-shadow {
    border: 1px solid;
    padding: 10px;
    text-transform: uppercase;
}

.symbol.small {
    margin: -26px 0;
    font-weight: 700;
    font-size: 84px;
}

ul {
    list-style: square;
}

.box-shadow {
    border: 1px solid;
    padding: 5px;
    box-shadow: 2px 5px #888888;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.box {
    border: 1px solid black;
}

#content.div {
    margin-top: 1em;
    margin-bottom: 1em;
}

#content.input {
    padding: .5em;
    margin: .5em;
}

#content.select {
    padding: .5em;
    margin: .5em;
}

#signatureparent {
    color: darkblue;
    background-color: darkgrey;
    /*max-width:600px;*/
    padding: 20px;
}

#signatureparent1 {
    color: darkblue;
    background-color: darkgrey;
    /*max-width:600px;*/
    padding: 20px;
}

#signatureparent2 {
    color: darkblue;
    background-color: darkgrey;
    /*max-width:600px;*/
    padding: 20px;
}

/*This is the div within which the signature canvas is fitted*/
#signature {
    border: 2px dotted black;
    background-color: lightgrey;
    min-height:200px;
}

#signature1 {
    border: 2px dotted black;
    background-color: lightgrey;
    min-height: 200px;
}

#signature2 {
    border: 2px dotted black;
    background-color: lightgrey;
    min-height: 200px;
}

/* Drawing the 'gripper' for touch-enabled devices */
html.touch #content {
    float: left;
    width: 92%;
}

html.touch #scrollgrabber {
    float: right;
    width: 4%;
    margin-right: 2%;
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAAAAACh79lDAAAAAXNSR0IArs4c6QAAABJJREFUCB1jmMmQxjCT4T/DfwAPLgOXlrt3IwAAAABJRU5ErkJggg==)*/
}

html.borderradius #scrollgrabber {
    border-radius: 1em;
}

input {
    text-transform: uppercase;
}

/*input[type=text] {
        text-transform: uppercase;
        display: block;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}*/

.uppercasestyle {
    text-transform: uppercase;
    font-weight:bold;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group[class*="col-"] {
        float: none;
        padding-right: 0;
        padding-left: 0;
}

.input-group-addon {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon:last-child {
        border-left: 0;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}


.box {
    border: 1px solid black;
}

.amltbx {
    width: 100% !important;
}

@media screen and (max-width: 480px) {
    .myButton {
        font-size: 9px;
    }
}

@media screen and (min-width: 1024px) {
    .mytbx {
        min-width: 350px;
        !important;
    }
}

@media print {
    .hideonprint {
        display: none
    }

    .box {
        border: 1px solid black;
        padding: 5px;
    }

    .break-after {
        page-break-after: always;
    }

    .break-before {
        page-break-before: always;
    }

    .title-box {
        background-color: #ffbf00;
        font-weight: bold;
        border: 1px solid #ddd;
        height: 32px;
        padding: 5px;
    }

    .amlapp-form-caption {
        border: 1px solid #ddd;
        min-height: 62px;
        font-weight: bold;
        padding: 15px
    }

    .amlapp-form-input {
        border: 1px solid #ddd;
        min-height: 62px;
        padding: 8px
    }

    .amlapp-form-ddl {
        border: 1px solid #ddd;
        min-height: 62px;
    }
}

.CPCheckBoxStyle {

}

/* ----- ura_form_table start -----*/
.ura_form_table {
    width: 100% !important;
}

table.ura_form_table th {
    background-color: #999494 !important;
}

table.ura_form_table td.td-label {
    width: 45%;
}

table.ura_form_table td.td-no {
    width: 10%;
}

table.ura_form_table td.td-fillin {
    width: 75%;
}

table.ura_checklist_form_table th {
    background-color: #6699cc !important;
}

table.ura_checklist_form_table tr.inner-title {
    background-color: #c8dbf3 !important;
}
/* ----- ura_form_table End-----*/
/* ----- Validation and error messages class starts -----*/
.validationsummary {
    border: 1px solid #b08b34;
    /*background: transparent url(Images/WarningHeader.gif) no-repeat 12px 30px;*/
    padding: 0px 0px 13px 0px;
    font-size: 12px;
    width: 99%;
}

.validationheader {
    left: 0px;
    position: relative;
    font-size: 11px;
    background-color: #e5d9bd;
    color: #56300a;
    height: 14px;
    font-weight: bold;
    border-bottom: 1px solid #b08b34;
    padding-top: 3px;
    height: 23px;
}

.validationsummary ul {
    padding-top: 5px;
    padding-left: 45px;
    list-style: none;
    font-size: 11px;
    color: #982b12;
    font-style: italic;
}

    .validationsummary ul li {
        padding: 2px 0px 0px 15px;
        /*background-image: url(Images/Warning.gif);*/
        background-position: 0px 3px;
        background-repeat: no-repeat;
        line-height: 20px !important;
}
/* -- --Validation and error messages class ends -- --*/
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    margin-right: 2rem;
    padding: 1rem;
    padding-right: 2rem;
}

.amltbxli {
    width: 100% !important;
    height: 1.9rem;
}

.dataTables_length > label > select {
    width: 45px;
    margin-right: 7px;
    margin-left: 7px;
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1320px;
    }
}

.bold-label {
    font-weight: bold;
    color: #000; /* Optional: force black color */
}
