﻿body{
	background: rgb(13,60,83);
background: linear-gradient(90deg, rgba(13,60,83,1) 0%, rgba(23,54,83,1) 35%, rgba(7,19,37,1) 100%);
}


 .LoginPage {
            margin: auto;
            padding-top: 7.5%;
            width: 500px;
        }

        .LoginPage h1 {
            font-family: Arial;
            font-size: 40px;
            font-weight: 400;
            text-align: center;
            margin: 0;
        }

        .LoginPage h2 {
            font-size: 15px;
            text-align: center;
            margin-bottom: 50px;
        }

        .LoginPage p {
            font-size: 15px;
            text-align: center;
            font-weight: 400;
            color: black;
        }

        /*input[type=text],
        input[type=password] {
            border: none;
            border-bottom: 2px solid lightgray;
            margin-bottom: 33.2px;
            padding: 5px;
            font-size: 18px;
            width: 100%;
        }*/

        #rmb {
            font-family: Arial;
            font-size: 15px;
            padding-left: 30px;
            padding-top: 20px;
            position: inherit;
        }

        .LoginPage a:hover {
            color: black;
            text-decoration: underline;
        }

        .dropdown-modal {                               
            color: black;
        }

        .dropdown-modal-item {                                                   
            border-bottom: 1px solid silver;
            text-align: center;
            padding-top: 10px;
            padding-bottom: 10px
        }

        .dropdown-modal-item {                                                   
            color:black;
            text-decoration:none !important; 
        }

        .dropdown-modal-item:hover {
            background-color: whitesmoke;   
            
        }
     
    

        .modal-body {
            margin: 0px !important;
            padding: 0px !important;
        }

        a:hover {
            text-decoration:none !important;            
        }

     
        
/* Mobile */
@media only screen and (max-width: 600px) {
    .loginbackground {
                max-width: 80%;
                /*background: rgba(0, 0, 0, 0.2);*/
                color: black;
                margin: auto;
                border-radius: 10px;
                padding: 0px;
                /*-webkit-box-shadow: 0px 0px 12px 5px rgba(219,219,219,1);
                -moz-box-shadow: 0px 0px 12px 5px rgba(219,219,219,1);
                box-shadow: 0px 0px 12px 5px rgba(219,219,219,1);*/
            }

    .app-icon {
        max-width: 48%; height: auto;        
    }

}

/* Desktop Styles */
@media only screen and (min-width: 501px) {
  .loginbackground {
                max-width: 500px;
                /*background: rgba(0, 0, 0, 0.2);*/
                color: black;
                margin: auto;
                border-radius: 10px;
                padding: 0px;
                /*-webkit-box-shadow: 0px 0px 12px 5px rgba(219,219,219,1);
                -moz-box-shadow: 0px 0px 12px 5px rgba(219,219,219,1);
                box-shadow: 0px 0px 12px 5px rgba(219,219,219,1);*/
            }

  .app-icon {
        max-width: 250px; height: auto;
    }

}
