html
{
height:100%;
font-size:13px;
}

@media (max-width: 1699px)
{

html
{
font-size:11px;
}

}

@media (max-width: 1499px)
{

html
{
font-size:10px;
}

}

@media (max-width: 1299px)
{

html
{
font-size:10px;
}

}

@media (max-width: 1199px)
{

html
{
font-size:9px;
}

}

@media (max-width: 1099px)
{

html
{
font-size:8px;
}

}

@media (max-width: 999px)
{

html
{
font-size:8px;
}

}

@media (max-width: 899px)
{

html
{
font-size:7px;
}

}

@media (max-width: 799px)
{

html
{
font-size:6.5px;
}

}

@media (max-width: 699px)
{

html
{
font-size:6px;
}

/* --------------------------------------------------------------------------------- */

:root
{
 --size0-1: 0.1rem;
 --size0-2: 0.2rem;
 --size0-3: 0.3rem;
 --size0-4: 0.4rem;
 --size0-5: 0.5rem;
 --size0-6: 0.6rem;
 --size0-7: 0.7rem;
 --size0-8: 0.8rem;
 --size0-9: 0.9rem;
 --size1-0: 1.0rem;
 --size1-1: 1.1rem;
 --size1-2: 1.2rem;
 --size1-3: 1.3rem;
 --size1-4: 1.4rem;
 --size1-5: 1.5rem;
 --size1-6: 1.6rem;
 --size1-7: 1.7rem;
 --size1-8: 1.8rem;
 --size1-9: 1.9rem;
 --size2-0: 2.0rem;
 --size2-1: 2.1rem;
 --size2-2: 2.2rem;
 --size2-3: 2.3rem;
 --size2-4: 2.4rem;
 --size2-5: 2.5rem;
 --size2-6: 2.6rem;
 --size2-7: 2.7rem;
 --size2-8: 2.8rem;
 --size2-9: 2.9rem;
 --size3-0: 3.0rem;
 --size3-1: 3.1rem;
 --size3-2: 3.2rem;
 --size3-3: 3.3rem;
 --size3-4: 3.4rem;
 --size3-5: 3.5rem;
 --size3-6: 3.6rem;
 --size3-7: 3.7rem;
 --size3-8: 3.8rem;
 --size3-9: 3.9rem;
 --size4-0: 4.0rem;
 --size4-1: 4.1rem;
 --size4-2: 4.2rem;
 --size4-3: 4.3rem;
 --size4-4: 3.4rem;
 --size4-5: 4.5rem;
 --size4-6: 4.6rem;
 --size4-7: 4.7rem;
 --size4-8: 4.8rem;
 --size4-9: 4.9rem;
 --size5-0: 5.0rem;
 --size5-1: 5.1rem;
 --size5-2: 5.2rem;
 --size6-0: 6.0rem;
 --size6-8: 6.8rem;
 --size8-0: 7.0rem;
 --size8-5: 7.0rem;
}
/* --------------------------------------------------------------------------------- */


}

@media (max-width: 599px)
{

html
{
font-size:5px;
}

}

@media (max-width: 499px)
{

html
{
font-size:3.5px;
}

}


@media (max-width: 399px)
{

html
{
font-size:3.5px;
}

}

@media (max-width: 299px)
{

html
{
font-size:2.5px;
}

}

body
{
display:block;
width:100%;
height:100%;
}

div.basic_form
{
width:auto;
height:auto;
overflow:auto;
}

.showcase
{
display:inline-block;
overflow-x:visible;
overflow-y:visible;
width:auto;
max-width:1080px;
height:100% !important;
vertical-align:top;
text-align:center;
background:transparent;
white-space:nowrap;
padding:0;
}

div.module_page_content
{
padding:0;
overflow-x:visible;
overflow-y:visible;
height:85%;
width:100%;
margin: auto;
display: block;
}

.module_page_content .showcase_divmain
{
display:inline-block;
vertical-align:middle;
padding-left:3rem;
padding-right:3rem;
padding-top:8rem;
padding-bottom:8rem;
color:#ffffff;
white-space:normal;
overflow-y:auto;
}

.module_page_content .formbloc
{
padding:0;
padding-top:var(--size2-0);
padding-bottom:5%;
vertical-align:top;
text-align:left;
width:100%;
height:100%;
position:relative;
overflow:visible;
/*background-color: #032e63c4;*/
}

.showcase .formbloc form
{
height:100%;
}

.module_page_content .formdiv
{
display:inline-block;
vertical-align:middle;
max-height:90%;
padding-left:40px !important;
padding-right:40px !important;
overflow-y:auto !important;
overflow-x:hidden !important;
width:100%;
}

.module_page_content .showcase_divmain h4
{
color:#ffffff;
font-family:Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
font-weight:lighter;
text-decoration:none;
border:none;
position:relative;
font-size: 2.6rem;
line-height: 2.6rem;
padding-bottom:1rem;
/*
max-height:20%;
overflow:auto;
*/
}

.module_page_content .showcase_divmain h4 small
{
font-size: 1.6rem;
line-height: 1.6rem;
font-style:italic;
font-weight:lighter;
color:#ffffff;
}

.module_page_content .showcase_divmain h5, .module_page_content .showcase_divmain h5 div:not(.radioctnr)
{
display:block;
color:#ffffff;
font-family:Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
font-weight:lighter;
text-decoration:none;
border:none;
padding:0;
font-size:1.6rem;
line-height:1.8rem;
text-align:justify;
}

.module_page_content .showcase_divmain h5
{
margin-top:1.8rem;
}

.module_page_content .showcase_divmain h5 div
{
margin-top:1rem;
}

.module_page_content .showcase_divmain h5 a
{
text-decoration:underline;
font-family:Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
vertical-align:top;
font-weight:bold;
}

.module_page_content .showcase_divmain h5 small
{
font-family:Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
font-weight:normal;
color:#ffffff;
}

.module_page_content .showcase_divmain h5 a:hover
{
opacity:0.5;
}

.module_page_content .showcase_divmain h5 a small
{
color:#ffffff;
font-size:1.2rem;
line-height:1.4rem;
}

.showcase .iconsbartop
{
display:inline-block;
padding-right:1rem;
width:3rem;
/*
position:relative;
*/
position:absolute;
left:-3rem;
}

.showcase .iconsbartop img
{
width:2.4rem;
height:2.4rem;
}

.module_page_content div
{
color:#ffffff !important;
font-family:Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
}

.module_page_content input:not([type=button]), .module_page_content select, .module_page_content textarea
{
margin-bottom:0.8rem !important;
}

.module_page_content .leftblock input, .module_page_content .leftblock select, .module_page_content .leftblock textarea
{
margin-bottom:2rem !important;
max-width:30rem;
}

.showcase .leftblock
{
border-right:1px solid #ffffff;
text-align:right;
height:100%;
}

.showcase .showcasenav
{
/* max-height:18%; */
padding-top:1rem;
padding-left:40px;
text-align:left;
padding-right:1rem;
overflow:auto;
/* text-align: center; */
}

.showcase button, .showcase input[type=button]
{
background:transparent;
border:1px solid #ffffff;
margin:0;
margin:0;
padding:0.5rem;
font-size: 1.6rem;
line-height: 1.6rem;
color: #ffffff;
font-family:Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
}

.showcase .leftblock button:hover, .showcase input[type=button]:hover
{
background:#404040;
opacity:1;
}


.showcase .showcasenav button, .showcase .showcasenav input[type=button]
{
text-align:center;
margin-right:1rem;
margin-bottom:1rem;
}

.showcase .rightblock
{
text-align:left;
}

.showcase .rightblock a
{
display:block;
margin-bottom:0.5rem;
}

.showcase .rightblock a:hover
{
text-decoration:underline;
}


.showcase .subtitle, .showcase .subtitle a,
.showcase .module_page_content .subtitle, .showcase .module_page_content .subtitle a
{
color:#ffffff;
}

.showcase .basic_form label
{
display:inline-block;
font:1.4rem/1.4rem 'Segoe UI Semibold',Tahoma,Geneva,Verdana,sans-serif;
height:1.6rem;
color:#ffffff;
}

.showcase .basic_form h5 .labelradioctnr label
{
height:2rem;
}

.showcase .basic_form label:hover
{
color:#000000;
}

.showcase [data-type=divradio], .showcase [data-type=checkbox],
.module_page_content .showcase_divmain h5 div[data-type=divradio], .module_page_content .showcase_divmain h5 div[data-type=checkbox]
{
display:inline-block;
width:1.6rem;
height:1.6rem;
line-height:2.4rem;
letter-spacing:0;
font-weight:100;
border:1px solid #d2d2d2;
padding:0;
padding-left:0.3rem;
margin-top:0.6rem;
margin-bottom:0.6rem;
margin-left:0;
margin-right:1rem;
background-color:#ffffff;
color:#000000;
font-size:2.4rem;
cursor:pointer;
vertical-align:middle;
overflow:hidden;
}


._one{background-color:#AC39AC;}
._two{background-color:#AC3972;}
._three{background-color:#AC3939;}
._four{background-color:#AC7239;}
._five{background-color:#ACAC39;}
._six{background-color:#72AC39;}
._seven{background-color:#39AC39;}
._height{background-color:#39AC72;}
._nine{background-color:#39ACAC;}
._ten{background-color:#3972AC;}
._eleven{background-color:#3939AC;}
._twelve{background-color:#7239AC;}

.transitional {-webkit-transition:all 10s linear;-moz-transition:all 10s linear;transition:all 10s linear;}

img.alertmsgicn
{
width:2.8rem;
height:2.8rem;
margin-bottom:0.5rem;
}


.basic_form input.smallfield, .basic_form select.smallfield, .basic_form textarea.smallfield
{
padding-right:0.2rem;
padding-left:0.2rem;
height:2.4rem;
line-height:2rem;
font-size:1.6rem;
border:none;
background:transparent;
color:#ffffff;
text-align:right;
cursor:pointer;
}


.basic_form input.smallfield:focus, .basic_form select.smallfield:focus, .basic_form textarea.smallfield:focus, .basic_form input.smallfield:hover, .basic_form select.smallfield:hover, .basic_form textarea.smallfield:hover
{
background:#ffffff;
color:#000000;
}


.basic_form input.smallfield:focus, .basic_form select.smallfield:focus, .basic_form textarea.smallfield:focus
{
cursor:initial;
}


.module_page_content .showcase_divmain h5 div.basicform_table
{
margin:0;
padding:0;
}

.module_page_content .showcase_divmain .vseparator
{
display:none;
}

.module_page_content .showcase_divmain h5 div.basicform_table:nth-child(1) tr:nth-child(1) td
{
padding-top:0;
}

.module_page_content .basicform_table td
{
border-bottom:1px solid #ffffff;
padding-bottom:0.5rem;
padding-top:1rem;
vertical-align:bottom;
line-height:2.2rem;
}

.module_page_content .showcase_divmain h5 div.basicform_table tr td *
{
vertical-align:bottom;
padding-bottom:0;
margin:0 !important;
}

.module_page_content .showcase_divmain h5 div.basicform_table tr td:nth-child(1)
{
text-align:left;
}

.module_page_content .showcase_divmain h5 div.basicform_table tr td:nth-child(2)
{
width:12rem;
text-align:left;
}

.module_page_content .showcase_divmain h5 div.basicform_table tr td:nth-child(3)
{
width:3.5rem;
text-align:left;
padding-left:0.5rem;
}

.module_page_content .showcase_divmain h5 div.basicform_table tr td.error_td
{
border:none;
padding-bottom:0;
line-height:2rem;
margin-bottom:-1rem;
}

.error_str, .module_page_content .showcase_divmain h5 .error_str
{
position:absolute;
display:inline-block;
color:#ff0000;
background-color:#ffffff;
font-size:1rem;
font-weight:bold;
padding:0 0.5rem;
}

#overscreen, .overscreen
{
width:100%;
}

#overscreen_maindatasblock
{
text-align:center;
}

#overscreen_mainsummary
{
display:none;
}

#overscreen_maincontent
{
width:50%;
display:inline-block;
text-align:left;
float:none;
}

button.discreet, input[type=button].discreet
{
margin:0;
padding:0.5rem;
font-size: 1.6rem;
line-height: 1.8rem;
}

button.green, input[type=button].green
{
background: #39c57d;
}

@media (max-width: 700px)
{
#overscreen_maincontent
	{
	width:100%;
	}
}


.newbdiv
{
/*background:#ffffff;*/
position:relative;
text-align:center;
text-align:center;
position:relative;
/* padding-top: var(--size5-0); */
}

.newbdiv .newbdivctnt
{
display:inline-block;
text-align:left;
position:relative;
/* margin-top:-10rem; */
}

.newbdiv , .newbdiv *
{
font-family:Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#000000;
font-size:var(--size2-0);
font-size:var(--size2-0);
line-height:var(--size2-7);
line-height:var(--size2-7);
}

.newbdiv_bg
{
width:100%;
/* height:58rem; */
background-image:url('./../images/loliatwork2.jpg');
background-repeat:no-repeat;
background-position:top right;
/* background-size:cover; */
background-size:contain;
text-align:left;
padding-top:var(--size2-0);
text-align:left;
position:relative;
}

div.newb_ctnt_section
{
width:100%;
text-align:center;
}

div.newb_ctnt_title_section
{
display:inline-block;
text-align:left;
margin-left: var(--size2-0);
/* margin-top: var(--size5-0); */

font-family:Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:inherit;
font-size:4rem;
font-size:var(--size4-0);
line-height:4rem;
line-height:var(--size4-0);
}

.newb_ctnt_title_section h1
{
font-family:Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#b62d50;
font-size:3.2rem;
font-size:var(--size3-2);
line-height:5rem;
line-height:var(--size5-0);
vertical-align:top;
margin:0;
}

div.newb_ctnt_title_section h3
{
width:100%;
font-family:Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#b62d50;
font-size:8rem;
font-size:var(--size8-0);
line-height:6rem;
line-height:var(--size6-0);
vertical-align:bottom;
margin:0;
/*font-weight:bold;*/
}

div.newb_ctnt_title_section h3 small,
div.newb_ctnt_section h3 small
{
font-family:Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:inherit;
font-size:4rem;
font-size:var(--size4-0);
line-height:4rem;
line-height:var(--size4-0);
vertical-align:bottom;
margin:0;
}

.newbdiv h2
{
font-family:Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#000000;
font-size:1.3rem;
font-size:var(--size1-3);
line-height:1.3rem;
line-height:var(--size1-3);
vertical-align:top;
margin:0;
}

.newbdiv div.newb_items_section
{
margin-top:var(--size5-0);
text-align:center;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.newbdiv div.newb_item
{
display:inline-block;
margin:3rem 2rem 0rem 2rem;
margin:var(--size3-0) var(--size2-0) 0 var(--size2-0);
text-align:center;
}

.newbdiv div.newb_item h4
{
text-align:center;
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#000000;
font-size:2.4rem;
font-size:var(--size2-4);
line-height:3rem;
line-height:var(--size3-0);
vertical-align:top;
margin:0;
font-weight:bold;
border:none;
text-decoration:none;
}

.newbdiv div.newb_item h5
{
text-align:center;
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#000000;
font-size:1.8rem;
font-size:var(--size1-8);
line-height:2rem;
line-height:var(--size2-0);
vertical-align:top;
margin:0;
border:none;
text-decoration:none;
font-weight:300;
}

.newbdiv div.newb_item div.buttonctnr
{
border-top:0.1rem solid #000000;
padding:1rem 2.5rem;
padding:var(--size1-0) var(--size2-5);
}

#login_getpassword
{
padding:15px;
width:100%;
height:100%;
}


div.buttonctnr
{
display:inline-block;
margin-top:2rem;
}

div.buttonctnr a.button
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
display:inline-block;
text-align:center;
background-color:transparent;
color:#ffffff;
font-size:2.5rem;
font-size:var(--size2-5);
line-height:2.5rem;
line-height:var(--size2-5);
padding:1rem 2rem;
padding:var(--size1-0) var(--size2-0);
vertical-align:middle;
margin:0;
border:0.2rem solid #ffffff;
border-radius:3.5rem;
cursor:pointer;
font-weight:bold;
}

div.buttonctnr a.button small
{
font-size:smaller;
line-height:var(--size2-0);
}

div.buttonctnr a.button:hover
{
background-color:#ffffff;
color:#000000;
text-decoration:none;
opacity:1;
}

div.buttonctnr a.buttonbig
{
font-size:2rem;
font-size:var(--size2-0);
line-height:2rem;
line-height:var(--size2-0);
padding:1rem 2.5rem;
padding:var(--size1-0) var(--size2-5);
border-radius:5rem;
}

div.buttonctnr a.buttonpurple
{
color:#b62d50 !important;
border:0.2rem solid #b62d50 !important;
}

div.buttonctnr a.buttonpurple:hover
{
background-color:#b62d50 !important;
color:#ffffff !important;
}

div.buttonctnr a.buttonblack
{
color:#000000;
border:0.2rem solid #000000;
}

div.buttonctnr a.buttonblack:hover
{
background-color:#000000;
color:#ffffff;
}


/* ****************************************************************************************************************************************************** */

body
{
background-image:url('./../images/corporatebg1.png');
/* background-position: center; */
background-repeat: repeat;
background-size:cover;
background-color: #301255;
}

.overscreen_background
{
background-color:#000000;
}

.overscreen_background
{
justify-content: space-around;
}

#overscreen
{
top:0 !important;
padding:0 !important;
}


.glassbackground, .waitscreen
{
background-color:transparent !important;
}

@font-face
{
font-family:segoe_lighter;
font-style:normal;
font-weight:300;
src:url('../fonts/segoe.woff') format("woff");
}

._one{background-color:#6C006C;}
._two{background-color:#6C0022;}
._three{background-color:#6C0000;}
._four{background-color:#6C0200;}
._five{background-color:#6C6C00;}
._six{background-color:#226C00;}
._seven{background-color:#096C00;}
._height{background-color:#096C22;}
._nine{background-color:#096C6C;}
._ten{background-color:#09226C;}
._eleven{background-color:#09006C;}
._twelve{background-color:#100035;}

.transitional {-webkit-transition:all 10s linear;-moz-transition:all 10s linear;transition:all 10s linear;}

*
{
margin:0;
padding:0;
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
font-weight:300;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
text-align:left;
}

sup
{
line-height:0.1rem;
line-height:var(--size0-1);
}

label, .basicform label
{
margin:0 !important;
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif !important;
font-weight:normal !important;
}

small, i, .module_page_content small, .module_page_content i,
.module_page_content h5 small, .module_page_content h5 i
{
color:inherit;
}

.strut
{
display:none;
vertical-align:middle;
height:100%;
width:0rem;
padding:0;
margin:0;
margin-left:-0.2rem;
background:transparent;
}

.shortcutsbar
{
position:fixed;
top:0;
width:100%;
border-bottom:thin solid #101010;
z-index:1000;
height:4.8rem;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
padding:0.2rem 4rem;
background-color:#ffffff;
}


.shortcutbar_item
{
display:inline-block;
vertical-align:middle;
color:#000000;
}


.shortcutbar_item a
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
display:inline-block;
padding-top:1.1rem;
font-size:2rem;
font-size:var(--size2-0);
line-height:2rem;
line-height:var(--size2-0);
font-weight:bold;
color:#404040;
vertical-align:top;
cursor:pointer;
text-decoration:none;
}

.shortcutbar_item a:hover
{
color:#4030ee;
text-decoration:underline;
}

.shortcutbar_item h1, .shortcutbar_item h1 a
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
padding:0;
font-size:3.2rem;
font-size:var(--size3-2);
line-height:3.4rem;
line-height:var(--size3-4);
color:#000000;
font-weight:normal;
vertical-align:top;
}

.shortcutbar_item h1 a:hover
{
color:#000000;
text-decoration:none;
opacity:0.5;
}



div.buttonctnr
{
display:inline-block;
margin-top:2rem;
}

div.buttonctnr a.button
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
display:inline-block;
text-align:center;
background-color:transparent;
color:#ffffff;
font-size:2.5rem;
font-size:var(--size2-5);
line-height:2.5rem;
line-height:var(--size2-5);
padding:1rem 2rem;
vertical-align:middle;
margin:0;
border:0.2rem solid #ffffff;
border-radius:3.5rem;
cursor:pointer;
font-weight:bold;
}

div.buttonctnr a.button:hover
{
background-color:#ffffff;
color:#000000;
text-decoration:none;
opacity:1;
}

div.buttonctnr a.buttonbig
{
font-size:2rem;
font-size:var(--size2-0);
line-height:2rem;
line-height:var(--size2-0);
padding:1rem 2.5rem;
border-radius:5rem;
}

div.buttonctnr a.buttonblack
{
color:#000000;
border:0.2rem solid #000000;
}

div.buttonctnr a.buttonblack:hover
{
background-color:#000000;
color:#ffffff;
}

.presdiv
{
background:#080808;
background:-linear-gradient(top,#242424,#080808,#000000);
background:-webkit-linear-gradient(top,#242424,#080808,#000000);
background:-o-linear-gradient(top,#242424,#080808,#000000);
background:-moz-linear-gradient(top,#242424,#080808,#000000);
/* height:75rem; */
position:relative;
text-align:center;
}

.presdiv_bg
{
width:100%;
height:100%;
/*
background-image:url('../images/waves1.png');
background-repeat:no-repeat;
background-size:contain;
*/
background-position:top center;
text-align:center;
padding:0;
}

/*
.presdiv div.preslogo
{
display:inline-block;
width:25rem;
height:100%;
background-image:url('../images/centauris_mobile_1.png');
background-repeat:no-repeat;
background-position:left top;
background-size:contain;
vertical-align:top;
}
*/

.presdiv div.preslogo
{
display:inline-block;
vertical-align:top;
}

.presdiv div.preslogo img
{
display:inline-block;
width:25rem;
vertical-align:top;
}

.presdiv div.presctnt
{
display:inline-block;
width:45rem;
vertical-align:top;
}

.presdiv div.presctnt, .presdiv div.presctnt *
{
font-family: Segoe,Tahoma,Verdana,Arial,sans-serif;
text-align:right;
color:#9a9a9a;
font-size:1.7rem;
font-size:var(--size1-7);
line-height:2.3rem;
line-height:var(--size2-3);
}

.presdiv div.presctnt h1
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#ffffff;
font-size:6rem;
font-size:var(--size6-0);
line-height:6rem;
line-height:var(--size6-0);
vertical-align:top;
margin:0;
}

.presdiv div.presctnt h2
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#ffffff;
font-size:1.8rem;
font-size:var(--size1-8);
line-height:2.1rem;
line-height:var(--size2-1);
vertical-align:top;
margin:0;
font-weight:bold;
}

.presdiv div.presctnt h3
{
color:#ffffff;
font-size:2.4rem;
font-size:var(--size2-4);
line-height:2.4rem;
line-height:var(--size2-4);
vertical-align:top;
margin:0;
}

.presdiv div.presctnt h5
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
color:#ffffff;
font-size:1.7rem;
font-size:var(--size1-7);
line-height:2.1rem;
line-height:var(--size2-1);
vertical-align:top;
margin:0;
}

.presdiv div.presctnt a h5
{
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
text-decoration:underline;
}

.presdiv div.presctnt a h5:hover
{
opacity:0.5;
}


div.promptfullimg
{
height:55rem;
width:90rem;
background-position:center center;
/* background-size:cover; */
background-size:contain;
background-repeat:no-repeat;
}

.loginframe
{
white-space:nowrap;
/* padding-bottom:2.5rem; */
}

.loginframe *
{
vertical-align:top;
}

.blockprompt div.loginframe h4, .module_page_content h4,
.overscreen * h4, #overscreen_maincontent h4, h4
{
font-size:2.6rem;
font-size:var(--size2-6);
line-height:3rem;
line-height:var(--size3-0);
color: #000000;
border-bottom:0.1rem solid #000000;
}

.overscreen_mainheader, #overscreen_mainheader
{
box-shadow:none;
background-color: #ffffff;
}

h4, .module_page_content h4, .module_page_content h5
{
color:#ffffff;
border-color:#ffffff;
margin-bottom:1.5rem;
padding:0;
}

.blockprompt div.loginframe h4
{
color:#000000;
border-color:#000000;
margin:0;
}

.blockprompt div.loginframe div.loginframe_blockleft form, .blockprompt div.loginframe div.loginframe_blockright form
{
height:auto;
}

.blockprompt div.loginframe div.loginframe_blockleft, .blockprompt div.loginframe div.loginframe_blockright
{
display:inline-block;
vertical-align:top;
}

.blockprompt div.loginframe div.loginframe_blockleft
{
margin-right:5rem;
font-size: 1.6rem;
font-weight: bold;
color: #000000;
}

.blockprompt div.loginframe div.loginframe_blockleft small
{
color: #000000;
font-size: 1.5rem;
}

.blockprompt div.loginframe div.loginframe_blockleft a
{
font-size: 1.6rem;
color: #2a78c3;
padding-right: 0.7rem;
font-weight: bold;
}

.blockprompt div.loginframe div.loginframe_blockleft button
{
font-size: 1.5rem;
background: transparent;
color: #404040 !important;
font-weight: 300 !important;
padding: 0;
}

.blockprompt div.loginframe div.loginframe_blockleft a,
.blockprompt div.loginframe div.loginframe_blockleft button
{
text-decoration: underline;
line-height: 1.6rem;
}

.blockprompt div.loginframe div.loginframe_blockleft a:hover,
.blockprompt div.loginframe div.loginframe_blockleft button:hover
{
opacity:0.5;
}

.blockprompt div.loginframe div.loginframe_blockright
{
}

.blockprompt div.loginframe div.loginframe_blockright input[type=text],
.blockprompt div.loginframe div.loginframe_blockright input[type=password],
.basic_form input[type=text], .basic_form input[type=password]
{
margin:0.2rem;
margin-bottom:0.8rem;
/*padding:1rem;*/
background:transparent;
font-size:1.3rem;
font-size:var(--size1-3);
line-height:normal;
width:25rem;
font-family:"Arial,Dotum, Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
border:0.2rem solid #ccc;
color:#000000;
}
.basic_form input[type=text], .basic_form input[type=password]
{
/* width:40rem; */
font-size:1.4rem;
font-size: var(--size1-4);
background:#ffffff;
color:#000000;
}


.blockprompt div.loginframe div.loginframe_blockright input[type=text]:focus,
.blockprompt div.loginframe div.loginframe_blockright input[type=password]:focus,
.basic_form input[type=text]:focus, .basic_form input[type=password]:focus
{
border-color: #70b71b;
outline: none;
box-shadow: none;
}

.blockprompt div.loginframe div.loginframe_blockright input[type=submit],
button, [type=button]
{
padding: 0.7rem 1.5rem;
border: none;
font-family: Segoe UI,Segoe,Tahoma,Verdana,Arial,sans-serif;
font-size: 1.8rem;
font-weight: bold;
color: #fff;
background-color: #2a78c3;
margin: 1rem 0.2rem;
cursor: pointer;
}

.blockprompt div.loginframe div.loginframe_blockright input[type=submit]:hover
{
opacity:0.5;
}

.blockprompt div.loginframe div.loginframe_blockright label
{
font-size: 1.7rem;
line-height: 1.9rem;
font-weight: bold;
padding-left: 0.2rem;
color: #000000;
}



.loginframe_loginblock
{
display:flex;
width:100%;
/* flex-flow: column-reverse; */
}


#showcase_loginpagelogo
{
text-align:center;
}


#showcase_loginpagelogo img
{
max-width:300px;
}

.blockprompt small , i, .module_page_content .blockprompt small .module_page_content h5 .blockprompt small
{
font-size: smaller;
color: var(--color_g3);
}



@media (max-width: 400px)
{
#blockprompt
	{
	width:100%;
	}


div.basic_form
	{
	/* width:100% !important; */
	}
}


@media (max-width: 600px)
{
.blockprompt div.loginframe h4, h4, .module_page_content h4
	{
	font-size:1.9rem;
	font-size:var(--size1-9);
	line-height:2rem;
	line-height:var(--size2-0);
	}

.blockprompt, .blockprompt div.loginframe
	{
	width:100%;
	}


#blockprompt
	{
	padding:20px;
	/* width:100%; */
	}


div.basic_form
	{
	/* width:100% !important; */
	}

.loginframe_loginblock
	{
	flex-flow: column-reverse;
	}

}


@media (max-height: 400px)
{

#showcase_loginpagelogo
	{
	/* text-align:left; */
	}

#showcase_loginpagelogo img
	{
	height:50px;
	width:auto;
	}

.blockprompt
	{
padding-bottom: 10px;
padding-top: 10px;
	}

.loginframe_blockleft br
	{
display:none;
	}
}


@media (max-width: 340px and max-height: 400px)
{

#showcase_loginpagelogo img
	{
	width:200px;
	height:auto;
	}
}


@media (max-height: 340px)
{
#showcase_loginpagelogo img
	{
	height:35px;
	width:auto;
	}

.blockprompt div.loginframe div.loginframe_blockright input[type=submit], button, [type=button]
{
padding: 2px 8px;
font-size: 15px;
margin: 4px;
}

.blockprompt div.loginframe div.loginframe_blockleft a, .blockprompt div.loginframe div.loginframe_blockleft button
{
font-size: 12px;
line-height: 12px;
}
.basic_form input[type=text], .basic_form input[type=number], .basic_form input[type=password], .basic_form input[type=search], .basic_form select, .basic_form textarea
{
height: 22px;
}
}



@media (max-height: 640px)
{
.overscreen_background
	{
	justify-content: center;
	}
}