/* GENERAL SECTION xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

h1.center,
h2.center,
h3.center{
        text-align      : center;
}

div.main_form_box{
        position        : relative;
        width           : 100%;
        padding         : 20px;
        border          : 1px solid #666666;
        margin-bottom   : 30px;
        box-shadow      : 2px 0px 5px 1px rgb(0 0 0 / 45%);
}

div.main_form_head{
        position    : relative;
        top         : -55px;
        font-size   : 2em;
        padding     : 10px;
        left        : -10px;
        background-color    : #fff;
        width       : max-content; 
        max-width   : 100%;
        margin-bottom: -20px;
}

@media(max-width: 600px){
    
        div.main_form_head{
                top         : -50px;
                font-size   : 1.5em;
        }    
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div.main_form_box#center_box{
        width           : 400px;
        left            : 50%;
        transform       : translateX(-50%);
        padding         : 60px;
}

div.main_form_box#center_box div.main_form_head{
        top         : -95px;
        margin-bottom: -60px;    
}

@media(max-width: 600px){
    
        div.main_form_box#center_box{
                width           : 100%;
                padding         : 20px;
        }

        div.main_form_box#center_box div.main_form_head{
                top         : -50px;
                margin-bottom: -20px;    
        }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

span.h3_text{
        padding-right   : 10px;
        background-color: #fff;
        z-index         : 10;
        position        : relative;    
        color           : green;
}

span.h3_line{
        display         : block;
        background-color: green;
        width           : 100%;
        height          : 2px;
        top             : -10px;
        position        : relative;
        z-index         : 0;    
}

div.change_log_container{
        float   : right;
}

div.change_log_container div.change_log_inner{
        width       : 400px;
        height      : 150px;
        max-height  : 150px;
        overflow-y  : auto;
        overflow-x  : hidden;
        border      : 1px solid black;
        padding     : 10px;
}

div.change_log_container div.change_log_inner table{
        width       : 100%;
        font-size   : 14px;
        color       : #000000;
}

div.change_log_container div.change_log_inner table tr td{
        padding-bottom  : 3px;
        padding-right   : 3px;    
}

div.change_log_container div.change_log_inner table tr.grey td{
        background-color    : #DAE3F3;
        color               : #000000;
}


div.confirmation_msg{
        clear       : both;
        display     : none;
        color       : green;
}

div.input_file_small{
        font-size   : 0.8em;
        padding-top : 10px;
}

div.small_note{
        font-size   : 0.8em;
        padding-top : 10px;
}

@media(min-width: 900px){

        div.small_note{
                padding-right   : 100px;
        }    
}

div.dark_blue{
        color       : #094e79;
}

span.incomplete_form_alert{
        color   : red;
        display : block;
        clear   : both;    
}

img.bell_icon,
img.mammoth_icon,
img.speaker_icon{
        width   : 25px;
}

i.fas.fa-calendar-alt{
        position        : relative;
        top             : -3px;            
}

tr.red td,
tr.red td a,
tr.red td a:visited{
        color   : #d80000;
}

tr.orange td,
tr.orange td a,
tr.orange td a:visited{
        color   : #f26327;
}

tr.purple td,
tr.purple td a,
tr.purple td a:visited{
        color   : #7030A0;
}

tr.blue td,
tr.blue td a,
tr.blue td a:visited{
        color   : blue;
}

tr.black td,
tr.black td a,
tr.black td a:visited{
        color   : black;
}

table.border_bottom{
        border-bottom   : 1px solid #adadad;
}

tr.checklist_clickable_row{
        cursor  : pointer;
}

h1.page_header{
        font-size   : 1.7em;
        color       : #555555;
}

@media(max-width: 1100px){

        h1.page_header{
                position    : relative;
                font-size   : 1.4em;
                font-weight : normal;  
        }
        
        h1.page_header.top{
                top         : 30px;
        }
}

h1.page_header span{
        color       : green;
        font-weight : bold;
}

h1.page_header a{
        color       : #007bff;
}