/* THIS FILE CONTAINS ALL MISCELLANEOUS CLASSES THAT DONE FIT ANYWHERE ELSE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* Half circle that comes at the top of every page xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.main_content img.half_circle{
    
        position    : relative;
        margin-top  : 60px;
        display     : none;
}

@media (max-width: 1350px){
    
        .main_content img.half_circle{
                width       : 36px;
                margin-top  : 40px;
        }        
}

@media (max-width: 1150px){
    
        .main_content img.half_circle{
                width       : 36px;
                margin-top  : 0px;
                margin-left : -10px;
        }          
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


h1.inside{
        font-family         : 'Oswald', sans-serif;
        text-transform      : uppercase;
        color               : #032941;
        font-size           : 72px;
        font-weight         : normal;
        letter-spacing      : 2px;
        margin-bottom       : 20px;
        margin-top          : 0;        
} 


@media(max-width: 1350px){
    
        h1.inside{
                font-size           : 60px;
        }
}

@media(max-width: 1150px){

       h1.inside{
                font-size           : 35px;
                margin-top          : 10px;
        }        
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



div.footnote{
        font-size           : 12px;
        color               : #a8a7a7;
}

h2.red{
        color   : red;
}

h3{
        color   : #196798;
}

div.record_counter{
        width       : calc(100% - 140px);
        float       : left;
}

div.pagination_control{
        width       : 200px;
        float       : right;
}

@media(max-width: 900px){

        div.record_counter, div.pagination_control{
                font-size: 13px;
        }
}

span.page_number{
        font-family: 'Jost', sans-serif;
        color: #313749;
        font-size: 22px;
        font-weight: 500;
}

i.fa-arrow-circle-left{
        display     : none;
        float       : right;
        padding     : 0px 10px;
        font-size   : 32px;
        color       : #fc9d5b;
        cursor      : pointer;
        margin-top  : 1px;
}

i.fa-arrow-circle-right{
        display     : none;
        float       : right;
        padding     : 0px 10px;
        font-size   : 32px;
        color       : #fc9d5b;
        cursor      : pointer;
        margin-top  : 1px;
}

@media (max-width: 1900px){
    
        span.page_number{
                font-size: 18px;
        }          
        
        i.fa-arrow-circle-left {
                font-size   : 24px;
                padding     : 0px 10px;
        }         
 
        i.fa-arrow-circle-right{
                font-size   : 24px;
                padding     : 0px 10px;
        }        
}

@media (max-width: 1300px){
    
        span.page_number{
                font-size: 14px;
        }        
 
        i.fa-arrow-circle-left {
                font-size   : 18px;
                padding     : 0px 5px;
        } 

        
        i.fa-arrow-circle-right{
                font-size   : 18px;
                padding     : 0px 5px;
        }        
}

span.page_number{
        display     : none;
        float       : right;   
        padding     : 0px 5px;
}

a.small_link{
        font-size   : 12px;
}

table.product_summary td:nth-child(n+4){
    
    text-align  : center;
}

table.user_assignment_summary td:nth-child(n+5){
    
    text-align  : center;
}

input#add_user{
        display : none;
}

div#refresh_page{
        margin-top  : -30px;
}

div#refresh_page a{
        color           : blue;
        text-decoration : underline;
}

@media(max-width: 1150px){
    
        div#refresh_page{
                margin-top  : -30px;
                margin-bottom   : 20px;
        }    
    
        div#refresh_page a{
                font-size       : 14px;
                color           : blue;
                text-decoration : underline;
        }    
    
}