/*HOW TO REGISTER CSS*/
    .set-buttons {background-color: rgb(28, 69, 135) !important}
    .theme-color-1 {color: rgb(28, 69, 135)}
    .theme-color-2 {color: rgb(56, 118, 29)}
    .asmbold { font-family: asmFontB !important; }
    .main-wrapper2{font-family: avenir;}

	.asmheader{flex-basis:85%;font-size:1.3em;}
	.asmlogo{flex-basis:15%;padding:0.9em 0;}
	.button-links{padding-top:5em;display:flex;flex-direction:row;align-items:center;gap:10px}
    .asideRIGHT.study .col-2{background-image: url(../../_img/asm2025/2.jpg) !important;background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh}
     /*.asideRIGHT.study .flex-enclosure{background-image: url(../../_img/asm2024/asmbg.png) !important;}*/
     /*.asideRIGHT.study .flex-enclosure-end{background-image: url(../../_img/asm2024/asmbg2.png) !important;}*/
       
    @media screen and (max-height: 800px) {
        .system-module > .asideRIGHT { height: 100%; }
    }
    @media screen and (max-height: 1080px) {
        .system-module > .asideRIGHT { height: 70%;}
    } 
    @media screen and (max-height: 2160px) {
        .system-module > .asideRIGHT { height: 40%;}
    } 
    
    /*TITLE HEADER*/
    /* .header-wrapper{padding-top:40px;height:auto;margin-left:2em;}                   */
    /*FLEX DISPLAY(MAIN-WRAPPER2 WILL BE DIVIDED INTO 2GRPS:Col1-Instructions and Col2-Image)*/
    .main-wrapper2{display:flex;height:auto;}       
    .main-wrapper2 .col-1{flex-basis: 60%;}
    .main-wrapper2 .col-2{flex-basis: 40%;}
    .main-wrapper2 .col.col-2{flex-basis: 50%;}
	
    /*.main-wrapper2 .col-1 .row{margin-bo....0ttom:30px;}*/
    /*.main-wrapper2 .col-1 .row-1 div{width:220px;}*/
    /*.main-wrapper2 .col-1 .row-1 {font-size: 14px; }*/ 
    .main-wrapper2 .col-1 .row-1 {padding-top:12px;} 
    .main-wrapper2 .col-1 .row-2{display:flex;width:100%;} 
    /* .main-wrapper2 .col-1 .row-2 > div{padding-left:4em;}  */
    /* .main-wrapper2 .col-1 .row-2 > div{margin-left:2em;}  */
    /*.main-wrapper2 .col-1 .row-2 > div{padding:10px;}*/
	/*
    .main-wrapper2 .col-1 .row-2 div button{width:90%;margin:0 10px;padding:6px;border-radius:9px;background:black;color:#008a58;outline:none;}
    .main-wrapper2 .col-1 .row-2 div button:hover{background: #404040;color:#00cc81;}
	*/
	
    /*.main-wrapper2 .col-2 div{text-align: center;}*/
    /*.main-wrapper2 .col-2 div img{width:42vw;height:40vw;border-radius:50%;margin:20px 0;}*/
    .main-wrapper2 .col-2 div img{
/*        width:42vw;
        height:40vw;
        border-radius:50%;
        z-index:3;
        position:absolute;
        top:0;
        left:8px;*/
        /*width:100vw;*/
        height:auto;
/*        border-radius:50%;
        z-index:3;
        position:absolute;
        top:0;
        left:10%;*/
    }
    
    /*SUB HEADER*/
    /*.main-wrapper2 .col-1 .row-1 .subheader{font-size:25px;font-weight:bold}*/
    
    /*FOR LIST*/
    .main-wrapper2 .col-1 .row-2 ol{
        list-style      : none; 
        padding-left    : 0;
		font-size: 1vw;
    }  
    .main-wrapper2 .col-1 .row-2 ol li span{
        display : block;
        float   : left;
        width   : 3%;
        
    }
    .main-wrapper2 .col-1 .row-2 ol li{
        clear   : both;
        width: 100%;
    }
    .main-wrapper2 .col-1 .row-2 ol li ol li{
        padding-left:5%;
    }
    .main-wrapper2 .col-1 .row-2 ol li ol li ol li span{
        font-weight: normal;
        
    }
    .main-wrapper2 .col-1 .row-2 ol li p{
        /*font-size: 12px;*/
        text-align: left;
        /*margin-left:3px;*/
        float: left;
        width: 85%;
        margin: 0;
        font-size: 1vw;
    }
    
    .main-wrapper2 .col-1 .btns {
        padding     : 20px 10px;
        text-align  : center; 
    }

/*    .main-wrapper2 .col-1 .btns button{
        width           : 25%;
        margin          : 0% 2%;
        border-radius   : 20px;
        background      : black;
        color           : #00b33c;
        outline         : none;
        padding         : 10px;
        cursor          : pointer !important;
    }*/
    
    .main-wrapper2 .col-1 .btns2 {
        margin      : 20px auto;
        display     : flex;
        text-align  : center;
        width       : 90%;
    }
    .main-wrapper2 .col-1 .btns2 div{
        border-bottom: 0px;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    /* .study .main-wrapper2 .col-1 .row-1{margin: 1.5em 0 1.5em 2em;} */
    .main-wrapper2 .col-1 .row-1 .subheader{/*margin: 1.5em 0 1.5em 2.5em*/;font-size: 1.3em;}
    .header-wrapper > h1{margin:0;}


@media screen and (max-width:799px)
{
	/* .header-wrapper{padding-top:0px;} */
    /*.main-wrapper2 .col-2 div img{height:1425px !important;}*/
    /* .preregister .main-wrapper2 .col-2 div img{height:105vh !important;} */
		/* .header-wrapper > h1 {font-size: 5vw;} */
	/* .main-wrapper2 .col-1 .row-1 .subheader {font-size: 4vw;} */
	/* .main-wrapper2 .col-1 .row-1 .subheader {margin: .5em 0 .5em 1.7em;} */
	/* .main-wrapper2 .col-1 .row-2 > div {padding-left: 2.8em;} */
	/* .main-wrapper2 .col-1 .btns2 {margin: 10px auto;} */
	/* .main-wrapper2 .col-1 .btns2 { */
    /* width: 70%; */
	/* } */
	/* .main-wrapper2 .col-1 { */
		/* flex-basis: 80%; */
	/* } */
	/* .main-wrapper2 .col-2 div img { */
    /* width: 50vw; */
    /* height: auto; */
	/* } */
}
@media screen and (max-width:668px)
{
    /* .header-wrapper{margin-left:1em;} */
    html, body, .system-module{margin-top:35px !important;}
    .main-wrapper2 .col-1 .row-2 ol li p{font-size:3vw;}
     .main-wrapper2 .col-1{padding-left: 5px;}
    /* .main-wrapper2 .col-1 .row-2 > div{padding-left:8vw;} */
    button{width:85px !important;padding: 3px !important;height:20px;margin:10px !important;}
	
	.asmheader{flex-basis:400px;font-size:18px;padding:10px 5px;}
	.asmlogo{flex-basis:100px;padding:0.9em 0;}
	img{width:60px;height:40px;}
	/* .main-wrapper2 .col-1{width:410px !important;} */
	/* .main-wrapper2 .col-2{width:175px !important;} */
	/* .main-wrapper2{padding:0px 60px !important;flex-direction:column;} */
	.main-wrapper2{flex-direction:row;}
	html body{padding-top:0px !important;}
	.button-links{padding:0px !important;flex-direction:row !important;flex-wrap:wrap; }
	/* .asideRIGHT.study{background-repeat:no-repeat !important;} */
	/* .asideRIGHT.study{background-size:100vw 155vw !important;} */
	/* .asideRIGHT.study{background-size:cover !important;} */
	.asideRIGHT.study .flex-enclosure{background-repeat:no-repeat !important;}
	.asideRIGHT.study .flex-enclosure{background-size:contain  !important;}
	
	.asideRIGHT.study .flex-enclosure-end{background-repeat:no-repeat !important;}
	/* .asideRIGHT.study .flex-enclosure-end{background-size:contain  !important;} */
	.asideRIGHT.study .flex-enclosure-end{background-size:100vw 100%  !important;}
	.wrapper2{height:200px;padding:0px !important;}
    .disclamer-txt {font-size:3vw !important;}
    .list-txt {font-size:2vw !important;}
        .set-buttons {font-size:2vw !important;}  
}

@media screen and (min-width:669px) and (max-width:799px)
{
	button{width:85px !important;padding: 3px !important;height:20px;margin:10px !important;}
	img{width:60px;height:40px;}
	.main-wrapper2{flex-direction:column;} 
    /*padding:60px 85px 0px !important;*/
	.asmheader{flex-basis:400px;font-size:18px;padding:10px 5px;}
	.asmlogo{flex-basis:100px;padding:0.9em 0;}
	/* .main-wrapper2 .col-1{width:410px !important;} */
	/* .main-wrapper2 .col-2{width:175px !important;} */
	.button-links{padding:0px !important;flex-direction:row !important;flex-wrap:wrap; }
	/* .asideRIGHT.study{background-size:100vw 121vw !important;} */
	/* .asideRIGHT.study{background-repeat:no-repeat !important;} */
	.asideRIGHT.study .flex-enclosure{background-repeat:no-repeat !important;}
	.asideRIGHT.study .flex-enclosure{background-size:contain  !important;}
	
	.asideRIGHT.study .flex-enclosure-end{background-repeat:no-repeat !important;}
	.asideRIGHT.study .flex-enclosure-end{background-size:100vw 100%  !important;}
	/* .asideRIGHT.study .flex-enclosure-end{background-size:contain  !important;} */
	.wrapper2{height:200px;padding:0px !important;}
}

@media screen and (min-width:800px)
{
	.asmheader{flex-basis:400px;font-size:18px;padding:10px 5px;}
	.asmlogo{flex-basis:100px;padding:0.9em 0;}
	.main-wrapper2{flex-direction:row;}
    /*padding:80px 80px 0px !important;*/
	.main-wrapper2 .col-1{width:unset;padding-left: unset;}
	.main-wrapper2 .col-2{width:175px !important;}
	/* .button-links{flex-direction:column !important; } */
	.asideRIGHT.study .flex-enclosure{background-repeat:no-repeat !important;}
	.asideRIGHT.study .flex-enclosure{background-size:contain  !important;}
	
	.asideRIGHT.study .flex-enclosure-end{background-repeat:no-repeat !important;}
	.asideRIGHT.study .flex-enclosure-end{background-size:100vw 100%  !important;}
	.wrapper2{height:200px;padding:0px !important;}
}

@media screen and (min-width:901px)
{
	/*.main-wrapper2{padding:9em 8em 0 !important;}*/
	.wrapper2{height:200px;padding:0px !important;}
}

@media screen and (min-width:1151px)
{
	img.header-logo{width:85%;height:90%;}
	.asmheader{flex-basis:85%;}
	.asmlogo{flex-basis:15%;}
	button{width:300px !important;}
	.wrapper2{height:250px !important;}
	/*.main-wrapper2{padding:9em 10em 0 !important;}*/
}


@media screen and (min-width:1366px)
{
    .main-wrapper2{padding: unset !important;}
  
}