:root {
    --max_size-lg: 1200px;
    --max_size-md: 1000px;
    --color-font-high: #6e4e20;
    --color-font-light: #bb9662;
    --color-font-light-white: #e9cba1;
    --color-background-dark: #1d1d1d;
	--bs-table-striped-bg: rgb(252 243 231);
}

@font-face {  font-family: "montserrat-regular"; src: url('./font/Montserrat-Regular.ttf'); }
@font-face {  font-family: "montserrat-thin"; src: url('./font/Montserrat-Thin.ttf'); }
@font-face {  font-family: "montserrat-bold"; src: url('./font/Montserrat-Bold.ttf'); }

@font-face {  font-family: "roboto-regular"; src: url('./font/Roboto-Regular.ttf'); }
@font-face {  font-family: "roboto-thin"; src: url('./font/Roboto-Thin.ttf'); }
@font-face {  font-family: "roboto-light"; src: url('./font/Roboto-Light.ttf'); } 
@font-face {  font-family: "Raleway"; src: url('./font/Raleway-Light.ttf'); }

html {
   min-height:100%;
   position: relative;
}

body {
    margin: 0;
    font-family: "montserrat-regular", "roboto-light", "Raleway", Arial, Tahoma, sans-serif;
	/* font-family: "montserrat-regular"; */
    align-items: center;
    color: var(--color-background-dark);
    background-color: var(--color-background-dark);
}

hr {
    border: 1px solid var(--color-font-light);
}

a {
    text-decoration: none; 
    color: #000;
}

a:hover {
    color: #999;
}

.main-body {
    background-color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    align-items: center;
    padding-bottom: 40px;
    padding-top: 10px;
}

.div-separator-container {
    margin-top: 30px;
    display: flex; 
    flex-direction: row; 
    flex: 1; 
    width: 99%;   
}

.div-separator-col-line {
    border-bottom: 2px solid #e9cba1;
    flex: 1;
    margin-bottom: 10px;
}

.div-separator-col-title {
    padding-left: 15px;
    padding-right: 15px;
    color:#bb9662
}

.div-loading {
    background-color: transparent;
}

.btn-go-back {
    font-size: 12px
}

.btn-go-back:hover {
    opacity: 0.6;
    border-color:#e9cba1
}

.visible-responsive {
	display: none;	
}

.visible-desktop {
	display: block;	
}

@media (max-width: 768px){
	.main-body {
		padding-top: 0px;
	}	
	
	a:hover {
		color: #000;
	}
	
	.visible-responsive {
		display: block;	
	}
	
	.visible-desktop {
		display: none !important;	
	}
	
}