html * {font-family:Lato,Arial;}
body {background:#FAFAFA;margin-top:120px;background-image:url('back.jpg');background-size:cover;}

a {color:#393737}
a:hover {color:#AE0A38}

.box-shadow {background:#FFFFFF; border:1px solid #DFDFDF;box-shadow: 0 0 10px #B9B9B9}
.mybox {width:100%;max-width:650px;min-width:250px;margin:15px auto;background:#FFFFFF;padding:10px; border:1px solid #E6E6E6;border-radius:5px; box-shadow: 0 0 10px #B9B9B9}
.mybutton {background:#02A3DB;color:#FFFFFF;border:1px solid #FFFFFF;min-width:100px;padding:5px;border-radius:5px;margin:5px}
.myicon {width:30px;padding:5px;}

nav {background:#5DD1FB; box-shadow: 0 8px 6px -6px #6A6C6E;}
.navbar-brand {max-width:175px}
.navbar {padding:5px;padding-left:15px;padding-right:15px}
.navbar a.navbar-brand:hover {color:#F9DB7B}
.navbar ul.navbar-nav li.nav-item a.nav-link { color:#000000;font-size:14pt;padding:10px}
.navbar ul.navbar-nav li.nav-item a.nav-link:hover {color:#FCE088}

.login-message {font-size:8pt;text-align:center}


.myform {width:100%}
.myform h1  {background:#02A3DB; padding:10px;color:#FFFFFF;font-size:12pt;text-transform:uppercase}
.myform label {display:block; color:#02A3DB;font-weight:bold;margin-bottom:0}
.form-group {padding:5px;margin:0}
.form-control::placeholder {color:#B9B9B9}
.myform input[type="radio"] {width:1em; height:1em; }
.myform input[type="checkbox"] {width:1em; height:1em;}

.mybg  {background:#02A3DB;color:#FFFFFF}

.table-sm td {font-size:9pt}

.mycard {display:inline-block;width:300px;margin:10px;background:#FFFFFF; border:1px solid #DFDFDF;box-shadow: 0 0 10px #B9B9B9}





footer {margin-top:30px; padding:10px;text-align:center;color:#FFFFFF}