/*
#000000     - dark
#01EE8F     - light green
#308458     - dark green
#FD8F01     - orange
#ff3300     - red

*/


.bgMain    {   background-color: #ffffff; }  




/* common =============================================================================================================================================================== */
.alignCenter    {   display: flex;  align-items: center;    justify-content: center;    }   
.alignLeft      {   display: flex;  align-items: center;    justify-content: left;      }   
.alignRight     {   display: flex;  align-items: center;    justify-content: right;     }   

.topAlign       {   display:flex;   align-items: top;   }
.middleAlign    {   display:flex;   align-items: center;  }
.bottomAlign    {   display:flex;   align-items: flex-end; }

.videoFit { object-fit: fill;   }

.noselect { 
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout:none; 
    -ms-user-select:none; 
    user-select: none;
}



.circleAll      {   border-radius: 50%; }
.circleRight    {   
    -webkit-border-top-right-radius:50%; -moz-border-top-right-radius:50%; border-top-right-radius:50%;
    -webkit-border-bottom-right-radius:50%; -moz-border-bottom-right-radius:50%; border-bottom-right-radius:50%;
}
.circleLeft     {   
    -webkit-border-top-left-radius:50%; -moz-border-top-left-radius:50%; border-top-left-radius:50%;
    -webkit-border-bottom-left-radius:50%; -moz-border-bottom-left-radius:50%; border-bottom-left-radius:50%;
}

.circleLeftRight        {   
    border-radius: 20%/50%;
}

.RoundCornerLeft5   {   
    -webkit-border-top-left-radius:0.5em; -moz-border-top-left-radius:0.5em; border-top-left-radius:0.5em;
    -webkit-border-bottom-left-radius:0.5em; -moz-border-bottom-left-radius:0.5em; border-bottom-left-radius:0.5em;
}
.RoundCornerRight3  {   
    -webkit-border-top-right-radius:0.3em; -moz-border-top-right-radius:0.3em; border-top-right-radius:0.3em;
    -webkit-border-bottom-right-radius:0.3em; -moz-border-bottom-right-radius:0.3em; border-bottom-right-radius:0.3em;
}
.RoundCornerRight5  {   
    -webkit-border-top-right-radius:0.5em; -moz-border-top-right-radius:0.5em; border-top-right-radius:0.5em;
    -webkit-border-bottom-right-radius:0.5em; -moz-border-bottom-right-radius:0.5em; border-bottom-right-radius:0.5em;
}

.roundSideLeftRight {   border-radius: 100em 100em 100em 100em; }

.RoundCorner10          {   -webkit-border-radius:1.0em; -moz-border-radius:1.0em; border-radius:1.0em;}
.RoundCorner5           {   -webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;}
.RoundCorner3           {   -webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;}
.RoundCorner2           {   -webkit-border-radius:0.2em; -moz-border-radius:0.2em; border-radius:0.2em;}
.RoundCornerTopRight    {   -webkit-border-top-right-radius:0.4em; -moz-border-top-right-radius:0.4em; border-top-right-radius:0.4em;}
.RoundCornerTopLeft     {   -webkit-border-top-left-radius:0.4em; -moz-border-top-left-radius:0.4em; border-top-left-radius:0.4em;}
.RoundCornerBottomRight {   -webkit-border-bottom-right-radius:0.5em; -moz-border-bottom-right-radius:0.5em; border-bottom-right-radius:0.5em;}
.RoundCornerBottomLeft  {   -webkit-border-bottom-left-radius:0.5em; -moz-border-bottom-left-radius:0.5em; border-bottom-left-radius:0.5em;}


.padding05              {  padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 1em; padding-right: 1em; }



/* login ================================================================================================================================================ */
.txtLogin {	
    position: absolute;
	left:15%; top: 15%; width:80%; height:70%;  
    background-color: #ffffff;
	border:1px none #003031;          
	outline-width: 0;
	font-family: "Open Sans";	font-size: 1.4em;	font-weight: 100;	color: #003031;
}
::placeholder {	font-family: "Open Sans";	font-size: 0.7em;	font-weight: 100;	color: #888888;}

.ui-input-text    {    border:1px none #003031 !important; }



.divLoginButton 		{ background-color:#000000; }
.divLoginButton:hover 	{ background-color:#308458; }

.selRegister_place {
    width:64%; height:98%; 
    border: 1px none #dd0000  !important;
    outline-width: 0;
    font-family: "Open Sans";  font-size: 1.4em; color: #003031; font-weight: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
  }