#alert{width: 100%; height: 0px; position: fixed; top: 0px; left: 0px; z-index: 100;}
#alert > div{width: 90%; max-width: 450px; transition: 0.2s; box-shadow: 0 0 6px 0 rgba(161, 161, 161, 0.5); position: relative; top: -100px; border-radius: 20px;}
#alert > div > div{padding: 9px 15px 11px 15px; text-align: center; color: var(--text_white);}
#alert > div.success{background: var(--bg_green);}
#alert > div.warning{background: var(--bg_orange);}
#alert > div.failed{background: var(--bg_red);}

#popup{width: 100%; top: 0px; left: 0px; height: 100%; position: fixed; z-index: 90; background: rgba(239, 239, 239, 0.55); overflow: auto;}
#popup table{width: 100%; height: 100%;}
#popup .p_canvas{max-width: 400px; width: 80%; margin-top: 50px; margin-bottom: 50px; box-shadow: 0 0 6px 0 rgba(161, 161, 161, 0.5); border-radius: 5px; overflow: hidden;}

section{max-width: 700px;}
section div.distance{padding: 0px 20px;}

#content_background{position: fixed; top: 0px; left: 0px; width: 100%;}
#content_background > div{max-width: 800px; padding-bottom: 23%; background-size: 100%; background-image: url('../../../images/background/background.png'); opacity: 0.5;}

.box{margin-top: 50px; position: relative; z-index: 1;}
.box > div:first-child{padding: 15px 20px; font-size: 17px; font-weight: bold;}
.box > div:nth-child(2){border-radius: 10px; border: 1px solid var(--bg_line); background: var(--bg_white); box-shadow: 0px 0px 15px #e6e6e6; overflow: hidden;}
.box > div:nth-child(3){display: inline-block; width: 100%;}
.box > div:nth-child(3) > div{padding: 15px 20px; height: 50px;}
.box .logo{width: 100px; height: 40px; float: left;}
.box .copyright{float: right; font-size: 11px; color: var(--text_silver); margin-top: 5px;}

.column_two{display: grid; grid-template-columns: 1fr 1fr; min-height: 350px; align-items: center;}
.column_two > div{width: 100%; position: relative;}
.column_two.ctImg > div:first-child{height: 100%;}

/**FRONT**/
.frontApps{position: absolute; padding: 0px 15px 15px 15px; width: 100%; box-sizing: border-box; bottom: 0px;}
.frontApps > div{display: grid; padding: 10px 15px; box-sizing: border-box; grid-template-columns: 35px 1fr; grid-gap: 15px; align-items: center; background: rgba(255, 255, 255, 0.6); border-radius: 15px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.3);}
.frontApps > div > div{width: 100%;}
.frontApps > div > div:first-child > div{width: 35px; height: 35px;}

.login_box{padding: 0px 25px;}

.forgot_box{padding: 40px 25px;}

.register_box{padding: 25px;}
.register_box > div:first-child{margin-bottom: 25px;}
.register_title{padding: 25px 25px 25px 0px; text-align: right; font-family: 'bold';}
.register_title > div:first-child{font-size: 17px;}
.register_title > div:nth-child(2){font-size: 20px;}
.register_title > div:nth-child(3){font-size: 30px;}
.register_title > div:nth-child(4){font-size: 35px;}

/**HOME**/
.home_approval{padding: 0px 25px;}
.home_approval > div:first-child{display: table; table-layout: fixed; width: 100%;}
.home_approval > div:first-child > div{display: table-cell; vertical-align: middle;}
.home_approval > div:first-child > div:first-child{width: 50px;}
.home_approval > div:first-child > div:first-child > div{height: 50px; background-color: var(--bg_silvercalm); border-radius: 50%;}
.home_approval > div:first-child > div:nth-child(2){padding-left: 15px;}
.home_approval > div:first-child > div:nth-child(2) > div:first-child{font-family: 'bold';}
.home_approval > div:first-child > div:nth-child(2) > div:nth-child(2){font-size: 11px; color: var(--text_silver);}
.home_approval > div:nth-child(2){margin-top: 25px;}
.home_approval > div:nth-child(3){margin-top: 10px; padding-left: 20px; color: var(--text_silver);}
.home_approval > div:nth-child(3) > div:not(:last-child){margin-bottom: 5px;}

.home_approvalAction{text-align: center;}

.home_continue{padding: 35px 0px; text-align: center;}
.home_continue > div:first-child > div:first-child > div{width: 75px; height: 75px; background-color: var(--bg_silvercalm); border-radius: 50%;}
.home_continue > div:first-child > div:nth-child(2){margin-top: 15px; font-size: 17px; text-align: center; font-family: 'bold';}
.home_continue > div:nth-child(2){margin-top: 20px;}

/**ERROR**/
.e_box{padding: 35px 0px 45px 0px; text-align: center;}
.e_box > div:first-child{font-size: 17px; font-family: 'bold';}