@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Lato|Roboto&display=swap');

:root {
    --light_gray: #979a9c;
    --dark_gray: #484748;
    --red_main: #e2211c;
    --red_hover: #c61914;
    --shadow: #e6e6e6;
    --box-shadow_1: 1px 1px 2px var(--shadow);
    --box-shadow_2: 1px 1px 2px var(--light_gray);
    --box-shadow_3: 1px 1px 2px var(--dark_gray);
    --box-shadow_4: 1px 1px 5px var(--light_gray);
    --box-border: 1px solid var(--red_main);

    /* e3e3e3 */
  }


html, body
{
    margin:0;
    padding:0;
    min-height: 100vh;
    width:  100%;
    position: relative;
    background-color: #f5f5f5;

    /* overflow-x:hidden; */
}

html
{ overflow-x:hidden; }


body, body *
{
    /* font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; */
    /* font-family: Arial, "sans-serif"; */

    /* font-family: 'Lato', sans-serif; */
    font-family: 'Roboto', sans-serif;

    
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;

    /* overscroll-behavior: none;  */ /* Do Not Use , Some modules not supporting it */

}

#my_container {
    position: relative;
    height: 100%;
    width:  100%;
 }

 #my_header {
    display:block;
    width: 100%;
 }

#my_header *
{
    vertical-align: middle;
}


 #my_body {
    display:block;
    width: 100%;
 }

#my_body > div 
{
    text-align: center;
}
 
#my_footer {
    visibility: hidden;
    display:block;
    width: 100%;
}

.readonly
{
    pointer-events: none !important;
    cursor: not-allowed !important;
}


.loader 
{
    border: 16px solid var(--light_gray) !important;    
    border-top: 16px solid var(--red_hover) !important; 
    border-radius: 50% !important;
    width: 120px !important;
    height: 120px !important;
    animation: spin 2s linear infinite !important;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.text-no-wrap {
	/* white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}