@font-face{font-family:OpenSansRegular;src:url('../fonts/OpenSans-Regular.ttf');}
@font-face{font-family:OpenSansSemibold;src:url('../fonts/OpenSans-Semibold.ttf');}

html * {font-family:OpenSansRegular,Arial;}
body {background:#FFFFFF;background-image:url('back.jpg');background-size:cover;background-attachment:fixed;margin-top:75px;}

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

.box-shadow {background:#FFFFFF; border:1px solid #DFDFDF;box-shadow: 0 0 10px #B9B9B9}

nav {box-shadow: 0 8px 6px -6px black;}

.navbar {padding:5px;padding-left:15px;padding-right:15px}
.navbar a.navbar-brand {font-family:OpenSansSemibold; font-size:32pt; color:#FFFFFF;line-height:100% }
.navbar a.navbar-brand:hover {color:#F9DB7B}
.navbar ul.navbar-nav li.nav-item a.nav-link { color:#FFFFFF;}
.navbar ul.navbar-nav li.nav-item a.nav-link:hover {color:#E8E8E8}

.nb-login {margin:50px auto; margin-top:100px; max-width:320px; background:#FFFFFF; padding:20px 25px; border:1px solid #FFFFFF; border-radius:2px;  box-shadow:0px 0px 10px rgba(100,100,100,0.55);}
.nb-login h1 { font-size:16pt;color:#1D59B3;padding:10px; text-shadow:1px 1px #FFFFFF}
.login-message {font-size:8pt;text-align:center}

.mylinks {width:100%; background:#FFFFFF; border:1px solid #E6E6E6; box-shadow: 0 0 10px #B9B9B9;}
.mylinks th,td {padding:6px;border-bottom:1px solid #E8E8E8 }
.mylinks th {color:#FFFFFF;text-align:center;font-size:12pt}
.mylinks a {font-size:10pt;display:block}
.mylinks td:hover {background:#E8E8E8}
.mylinks a:hover {text-decoration:none;color:#000000}

.myicon {display:inline-block;width:150px; text-align:center;padding:10px;color:#7D8689;text-shadow:1px 1px #FFFFFF}
.myicon:hover {text-decoration:none;background-color:rgba(255,255,255,.8);border-radius:20px}
.myicon img {width:75px;height:75px;border-radius:50%;border:2px solid #FFFFFF}

.myform {width:100%;max-width:650px;min-width:250px;margin:15px auto;background:#FFFFFF;padding:10px; border:1px solid #E6E6E6; box-shadow: 0 0 10px #B9B9B9}
.myform h1  { padding:10px;color:#FFFFFF;font-family:OpenSansSemibold;font-size:12pt;text-transform:uppercase}
.myform label {display:block; color:#2568D7;font-family:OpenSansSemibold;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;}

.mytable {width:100%;max-width:650px;min-width:250px;margin:5px auto;background:#FFFFFF; border:1px solid #E6E6E6; box-shadow: 0 0 10px #B9B9B9}
.mytable th {background:#3880C8;font-size:10pt;color:#FFFFFF}
.mytable tr:hover  td {border-bottom:1px solid #A9A9AB}
.mytable td {font-size:10pt;text-align:left}
.mytable td strong{font-size:10pt;}
.text-center {text-align:center}
.msg {text-align:center;color:#E2146C}
.thumbnail {display:inline-block; width:120px;padding:5px; margin:10px;background:#E9E9E9;vertical-align:top;}
.thumbnail p {font-size:8pt;text-align:center}
small {font-size:10px}
.table-sm td, th {font-size:9pt}
.pic {background:silver}




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

#scroller::-webkit-scrollbar-track
{
	border-radius: 3px;
	background-color: #F5F5F5;
}

#scroller::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#scroller::-webkit-scrollbar-thumb
{
	border-radius: 3px;
	background-color:#DFDFDF;
}