html {
	height: 100%;    
}

body{
	height: 100%;
        margin: 0px; 
	padding: 0px;
        font-family: "ProximaNova Alt", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
}

input[type="submit"],button{
	background-color: #49009A;
	/*color: #145c99;*/
        color: #FFFFFF;
	font-weight: bold;
	font-size: 17px;
}

input[type="submit"]:hover,button:hover{
	/*background-color: #145c99;*/
        background-color: #F45299;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 3px #333;
	cursor: pointer;
}

.buttonOff {
    background-color: #ccc !important;
    color: #ddd !important;
    text-shadow: none !important;
}

form i {
	margin-left: -30px;
	cursor: pointer;
}

.trOn {
    background-color: #ffffff;
}
.trOff {
    background-color: #eeeeee;
}

.tdTitle {
    background-color: #C0C0C0;
    font-size: 2;
    font-weight: bold;
    text-decoration: none;
}


input{
	width: 250px;
	/*height: 30px;*/
	margin: 0px;
}

label, .message{
	text-align: center;
	/*font-family: "Lato,Helvetica,sans-serif";*/
	font-variant: small-caps;
	color: #145c99; 
	/*font-size: 22px; 
	font-weight: bold; 
	text-shadow: 3px 3px 6px #333;*/
}

#footer{
    height: 50px; 
    width: 100%; 
    /*background-color: #f0f0f0;
    opacity: 0.7;*/
    margin: auto; 
    padding: auto;
    --tw-bg-opacity: 1 !important;
    /*background-color: rgba(7, 18, 45, var(--tw-bg-opacity)) !important;*/
    background-color: #120045 !important;
    color: #ffffff;
}

#footer a,a:hover, #menu a,a:hover{
	text-decoration: none;
	color: inherit;
}

thead{
	font-family: "Lato,Helvetica,sans-serif";
	font-variant: small-caps;
	color: #ffffff; 
	font-size: 22px; 
	font-weight: bold; 
        background-image: url('/images/Degrade-3.webp');
        background-color: rgb(19, 30, 57);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	/*background-color: rgba(247, 148, 0, 0.8);*/
        /*background: linear-gradient(to right, #A032F3, #F39600);*/
        
}

p{
	font-size: 17px;
	font-weight: bold;
	vertical-align: middle;
}

.row{
	/*background-color: #DADADA;*/
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1px;
	display: block;
}

.auth{
	 border-radius: 0px 0px 10px 10px;
	 box-shadow: 0px 0px 100px #49009A;
	 /*background-color: #dcdcdc;*/
	 width: 450px; 
	 height: 330px; 
	 text-align: center;
	 opacity: 0.97;
}		

#main{
	/*background-image: url('/images/hosting-housing-en.jpg');*/
        /*background-image: url('/images/Degrade-3.webp');
        background-color: rgb(19, 30, 57);
	background-repeat: no-repeat;
	background-size: 100% 100%;*/
	min-width: 800px;
	width: 100%; 
	/*min-height: 800px;
	height: 200%;
	padding-bottom: 20px;*/
        
        min-height: 100%;
        /*margin-bottom: -166px;*/
        
        
        
}

#menu{
	/*height: 80px;*/
	min-width: 900px;
	width: 100%; 
	margin: 0px; 
	padding: 0px;
}

.menu{
	background-color: #49009A;
	border: 0px;
	font-size: 17px;
	font-weight: bold;
	height: 30px;
	color: #FFFFFF;
	text-align: center;
	text-shadow: 1px 1px 3px #333;
}
.menu#active{
	opacity: 0.7;
	color: #FFFFFF;
	cursor: pointer;
}

.menu:hover,.menu#active:hover{
	opacity: 1;
	color: #FFFFFF;
	cursor: pointer;
}


#submenu{
	width: 100%;
	padding: 0px;
}


.submenu{
	background-color: #145c99;
	color: #FFFFFF;
	border: 0px;
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	text-align: center;
}

.submenu#active {
	background-color: #145c99;
	color: #FFFFFF;
	cursor: pointer;
	opacity: 0.7;
}

.submenu:hover,.submenu#active:hover{
	background-color: #145c99;
	color: #FFFFFF;
	cursor: pointer;
	opacity: 1;
}

div #content{
	background-color: #DDDDDD;
	width: 800px;
	height: 650px;
	overflow: auto;
	margin: 50px auto;
	border-radius: 20px 20px 20px 20px;
	box-shadow: 5px 5px 5px 5px grey;
	opacity: 0.97;
        /*scrollbar-color: #49009A;
        scrollbar-size: auto;*/
}

div #iframecontent{
        background-color: #FFFFFF;
        width: 800px;
        height: 650px;
        overflow: scroll;
        margin: auto;
        opacity: 0.97;
	padding: 20px;
        scrollbar-color: #49009A;
        scrollbar-size: auto;
}
/*
::-webkit-scrollbar {
  width: 10px;
}
*/
.logoMerchant {
  display: none;
}

.tdOn, .tdOff{
	background-color: #ffffff;
}