
/* Reset */

html, body, div, form, input {margin:0; padding:0; border:0; outline:0; text-align:center; vertical-align:middle; background-color:transparent;}
html {overflow-y: scroll;}
body {line-height:1.2, background-color:rgb(255,255,255);}
button {cursor:pointer; border:none; outline:none; text-align:center; vertical-align:middle; overflow:visible; text-transform:none; line-height:1.3;}
input {cursor:pointer;}
textarea {line-height:1.4;}
a {text-decoration:none; cursor:pointer;}
select {cursor:pointer; outline:none;}
label {cursor:pointer;}
table, tr, td, th {border:none;}





/* Min-Max Size */

#divMain
{Max-width:1350px; margin:0 auto; position:relative;}

.divMainMinSize
{min-width:300px; min-height:calc(100vh - 160px);}



/* Container */

#divContainer
{min-height:calc(100vh - 160px);
 display:grid; grid-template-columns:1fr; justify-items:center; align-items:center;}

#divContents
{width:100%;}

.divSpace
{height:50px;}





/* Top */

#divTop
{height:59px; border-bottom:1px solid rgb(185,185,185);
 display:grid; grid-template-columns:20px 275px 1fr 250px 20px; justify-items:start; align-items:center;}

#divTopImage
{grid-column:2;}

#imgTopLogo
{height:35px; display:inline-block; position:relative; top:2px;}

#divTopName
{grid-column:4; width:100%; text-align:right; font-size:16px;}



/* Foot AB */

#divLogout
{margin-top:30px;}

#btnLogout, #btnBack
{width:170px; height:35px;}

#divBackLogout
{margin-top:30px;
 display:grid; grid-template-columns:1fr 300px 300px 1fr; justify-items:center; align-items:center;}

#divBackButton
{grid-column:2;}

#divLogoutButton
{grid-column:3;}



/* Foot */

#divFoot
{height:100px; text-align:center; color:rgb(255,255,255); font-size:12px;}

#divFootSpace
{height:73px;}





/* Return */

#divReturn
{display:grid; grid-template-columns:1fr; justify-items:center; align-items:center;}

#divReturn > div
{width:calc(75% - 40px); margin-bottom:40px; padding:20px; text-align:left; font-size:16px;}

.divBgClrGreen
{background-color:rgb(220,255,220);}

.divBgClrRed
{background-color:rgb(255,220,220);}





/* Button */

.btnNormal
{border-radius:25px; font-size:16px;}



.ClrGray, .ClrGrayHover
{color:rgb(255,255,255); background-color:rgb(100,100,100); border:1px solid rgb(75,75,75);}

.ClrGrayHover:hover
{background-color:rgb(120,120,120);}

.ClrGrayLine, .ClrGrayLineHover
{color:rgb(75,75,75); background-color:rgb(255,255,255); border:1px solid rgb(75,75,75);}

.ClrGrayLineHover:hover
{color:rgb(25,255,180); background-color:rgb(120,120,120);}



.ClrOrange, .ClrOrangeHover
{color:rgb(255,255,255); background-color:rgb(255,170,73); border:1px solid rgb(220,135,38);}

.ClrOrangeHover:hover
{background-color:rgb(240,155,58);}

.ClrOrangeLine, .ClrOrangeLineHover
{color:rgb(220,135,38); background-color:rgb(255,255,255); border:1px solid rgb(255,170,73);}

.ClrOrangeLineHover:hover
{background-color:rgb(255,230,205);}



.ClrGreen, .ClrGreenHover
{color:rgb(0,0,0); background-color:rgb(50,255,230); border:1px solid rgb(10,185,160);}

.ClrGreenHover:hover
{color:rgb(0,0,0); background-color:rgb(42,247,222);}

.ClrGreenLine, .ClrGreenLineHover
{color:rgb(0,130,120); background-color:rgb(255,255,255); border:1px solid rgb(10,185,160);}

.ClrGreenLineHover:hover
{color:rgb(0,0,0); background-color:rgb(50,255,230);}



.ClrBlue, .ClrBlueHover
{color:rgb(255,255,255); background-color:rgb(0,80,255); border:1px solid rgb(0,0,230);}

.ClrBlueHover:hover
{background-color:rgb(0,60,235);}

.ClrBlueLine, .ClrBlueLineHover
{color:rgb(0,0,255); background-color:rgb(255,255,255); border:1px solid rgb(0,0,230);}

.ClrBlueLineHover:hover
{background-color:rgb(255,255,240);}





/* Icon */

.imgIconPage
{width:17px; height:17px; display:inline-block; position:relative; top:2px;}

