/*!
 * Website : ERS PORTAL
 * Organization : E25HBX Amateur Radio Station
 * Copyright 2024
 * Create : 06-02-2024
 */
:root {
    --green: #a6ce39;
    --grey1: #f4f4f8;
    --grey2: #58595b;
    --light-blue: #00aeef;
    --dark-blue: #1b1464;
    --power-blue: #2a2a86;
    --black1: #1a1a1a;
    --black2: #0f0f0f;
    --red: #ed1c24;
    --font1: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font2: "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, san-serif;
}

.text-white {
    color: #ffffff;
}

@media only screen and (max-width:620px) {
    /* For mobile phones: */
    .div-description {display: none;}
}
           
@media screen and (max-width: 3840px) {

    #loginBox {
        width: 60%;
    }

    body {
        overflow: hidden; 
        background-color:#ecf0f1;
        background-image: url(../v1/images/ms-bg.jpg);
        
        background-position: bottom right;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 60%;
    }
    
    #loginBox{margin-top:10%}
}

@media only screen and (max-width: 1200px) {

    #idtext{
        display: none;
    }

    #loginBox {
        width: 100%;
    }
    
    body {
        background-position: bottom right;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100%;
    }

    #loginBox{
        margin-top:30%
    }
}

/* On screens that are 600px wide or less, the background color is olive */
@media screen and (max-width: 600px) {
    
    #idtext{
        display: none;
    }

    #loginBox {
        width: 100%;
    }

    body {
        background-position: bottom right;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100%;
    }
    
    #loginBox{
        margin-top:30%
    } 
}
        

body {
    font-family: var(--font1);
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    background: url(../v1/images/ms-bg.jpg) center center / cover no-repeat fixed rgb(255, 255, 255);
}

a {
    text-decoration: none;
    color: var(--light-blue);
    padding: 2px;
    display: inline-block;
    border-radius: 2px;
}

.div-description {
    background: var(--light-blue);
    color: #FFFF;
    height: 100vh;
}

#loginBox {
    padding: 50px;
    margin: 0 auto;
    background-color: #FFFF;
    border-radius: 10px;
}

.bg-blue-gradient {
    background: linear-gradient(to right, rgb(0, 161, 222), rgb(0, 136, 206));
}

.dropdown-menu {
    border: none;
    border-radius: 0;
    background-color: var(--black1);
    opacity: 0.8;
}

.dropdown-menu>li .dropdown-item {
    color: #ffffff;
    opacity: 1;
}

.dropdown-menu>li .dropdown-item:hover {
    background: none;
}

.app-list-panel {
    margin-top: 2.5%;
    font-family: 'Sarabun', sans-serif;
}

/* #itemBox {

} */

.box {
    padding: 10px 10px;
    background-color: #ffffff;
    min-height: 110px;
}

.title-logo {
    font-size: 14px;
    color: var(--grey2);
}

.title-logo > strong {
    font-size: 20px;
}