/********** TEST CSS CLASSES ********************/
.test-border
{
    border-style: solid; 
    border-width: 1px; 
    border-color: black;
}
/********** END OF TEST CSS CLASSES *************/



/********** START OF MODAL FORMATTING ***********/
.modal-custom
{
    max-width: 100%;
    max-height: 100%;
    overflow-y: auto;
    padding: 0 !important;
    margin: 0 !important;
}
.modal-dialog
{
    width: 100%;
    height: 100%;
    margin: 0;
}
.modal-content
{
    height: auto;
    min-height: 100%;
    border: 0 none !important;
    border-radius: 0;
    box-shadow: none;
}
/* Header fixed to the top of the modal */
.modal-header 
{
    background-color: rgba(235, 235, 235, 1) !important;
    position: sticky;
    top: 0;
    background-color: inherit;
    z-index: 1055;
    border-bottom: 5px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-color: black;
    border-style: solid;
}
.modal-title
{
    /* color: rgba(255, 136, 0, 1); */
    text-align: center;
}
.modal-body
{
    min-height: 100vh;
    padding: 0;
}
/* Footer fixed to the bottom of the modal */
.modal-footer 
{
    background-color: rgba(235, 235, 235, 1) !important;
    position: sticky;
    bottom: 0;
    background-color: inherit;
    z-index: 1055;
    border-bottom: 0;
    border-top: 5px;
    border-left: 0;
    border-right: 0;
    border-color: black;
    border-style: solid;
}

/********** END OF MODAL FORMATTING *************/



/********** DATATABLES CLASSES ******************/
.dt-buttons
{
    /* top right bottom left */
    margin: 0px 0px 20px 0px;
    /* clear: both; */
}
/********** END OF DATATABLES CLASSES ***********/



/********** CUSTOM GLOBAL ***********************/
table.dataTable tr:nth-child(odd) 
{ 
    background: rgba(255, 255, 255, 0.07); /* white background for odd rows */
}
table.dataTable tr:nth-child(even) 
{ 
    background: rgba(25, 15, 15, 0.07); /* light gray background for even rows */
}
.row-selected td 
{
    background: rgba(255, 136, 0, 0.65) !important; /* Aker Orange when selected */
}
input[type="search"]::placeholder 
{
    opacity: 0.4;
    color:black;
}
.custom-bg-gray
{
    background-color: rgba(244, 245, 245, 1);
}
.custom-bg-homehero
{
    background-image: url("/Homehero.png"); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover;
}
.btn-custom-filter
{
    background-color: rgba(50, 49, 48, 1);
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    width: 120px;
    height: 35px;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    margin-bottom: 0.3em;
    font-size: 0.9em;
}
.btn-custom-filter:hover
{
    background-color: rgba(255, 136, 0, 1);
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    width: 120px;
    height: 35px;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    margin-bottom: 0.3em;
    font-size: 0.9em;
}
.btn-custom-function 
{
    background-color: rgba(50, 49, 48, 1);
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    width: 120px;
    height: 35px;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    margin-bottom: 0.3em;
    font-size: 0.9em;
}
.btn-custom-function:hover 
{
    background-color: rgba(255, 136, 0, 1);
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    width: 120px;
    height: 35px;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    margin-bottom: 0.3em;
    font-size: 0.9em;
}
.btn-custom-function-sm
{
    background-color: rgba(50, 49, 48, 1);
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    width: 80px;
    /* height: 20px; */
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    margin-bottom: 0.3em;
}
.btn-custom-function-sm:hover 
{
    background-color: rgba(255, 136, 0, 1);
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    width: 80px;
    /* height: 20px; */
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    margin-bottom: 0.3em;
}
.btn-custom-datatable-global
{
    background-color: rgba(91, 198, 232, 1);
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    width: 120px;
    height: 35px;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    margin-bottom: 0.3em;
    font-size: 0.9em;
}
.btn-custom-datatable-global:hover
{
    background-color: rgba(255, 136, 0, 1);
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    width: 120px;
    height: 35px;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    margin-bottom: 0.3em;
    font-size: 0.9em;
}
.btn-custom-datatable-function
{
    background-color: rgba(50, 49, 48, 1);
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    width: 120px;
    height: 35px;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    margin-bottom: 0.3em;
    font-size: 0.9em;
}
.btn-custom-datatable-function:hover
{
    background-color: rgba(255, 136, 0, 1);
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    width: 120px;
    height: 35px;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    margin-bottom: 0.3em;
    font-size: 0.9em;
}
.btn-custom-datatable-function-admin
{
    background-color: rgba(153, 26, 75, 1);
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    width: 120px;
    height: 35px;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    margin-bottom: 0.3em;
    font-size: 0.9em;
}
.btn-custom-datatable-function-admin:hover
{
    background-color: rgba(255, 136, 0, 1);
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: 500;
    width: 120px;
    height: 35px;
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    margin-bottom: 0.3em;
    font-size: 0.9em;
}
.custom-modal-header
{
    background-color: rgba(245, 245, 245, 1);
}
.custom-modal-body
{
    background-color: rgba(245, 245, 245, 1);
}
.custom-modal-footer
{
    background-color: rgba(245, 245, 245, 1);
}
.custom-modal-table
{
    width: 100%;
}
.custom-modal-table th
{
    white-space: nowrap;
    /* background: rgba(50, 49, 48, 1); */
    background: rgba(96, 94, 92, 1);
    color: white;
    padding: 10px 5px 10px 5px;
}
.custom-modal-table td
{
    padding: 10px 5px 10px 5px;
}
.custom-chkbox-lg
{
    width: 35px;
    height: 35px;
}
.custom-btn-delete-row
{
    width: 34px;
    height: 34px;
    
    background-color: rgba(230, 0, 0, 1);
    color: white;
    border: none;
}
.highlight-row-green, tr.highlight-row-green td
{
    background-color: rgba(133, 255, 156, 1);
}
.highlight-row-yellow, tr.highlight-row-yellow td
{
    background-color: rgba(255, 235, 133, 1);
}
.highlight-row-red, tr.highlight-row-red td
{
    background-color: rgb(252, 165, 165);
}
.highlight-row-orange, tr.highlight-row-orange td
{
    background-color: rgba(255, 136, 0, 1)
}
.hide-element
{
    display: none;
}
.custom-font-sm
{
    font-size: 12px;
}
.custom-font-lg
{
    font-size: 30px;
}
#export_table_wrapper 
{
    display: none;
}
.mandatory-field
{
    color: red;
    font-weight: bold;
    font-size: 12px;
}
.btn_opaque
{
    background-color: rgba(0, 0, 0, 0.2)
}
.btn-export-to-excel
{
    background: linear-gradient(to bottom, #00cc66 0%, #003300 100%);
    font-size: 0.9em;
}
.btn-export-to-pdf
{
    background: linear-gradient(to bottom, #dc1cc3 0%, #9e109e 100%);
    font-size: 0.9em;
}
.parent 
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 5px;
}
  
.parent > div 
{
    border: none; 
}
.custom-filter-label
{
    font-size: 0.9em;
}
/********** END OF CUSTOM GLOBAL ****************/

/********** START OF SELECT2 ****************/
.select2-selection__rendered {
    line-height: 31px !important;
}
.select2-container .select2-selection--single {
    height: 35px !important;
}
.select2-selection__arrow {
    height: 34px !important;
}
/********** END OF SELECT2 ****************/