*{box-sizing:border-box;font-family:Calibri,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}

body{
    /* +'s and 0's */
    background: radial-gradient(circle at top left,transparent 9%, #222222 10% ,#222222 15% , transparent 16%) , radial-gradient(circle at bottom left,transparent 9%, #222222 10% ,#222222 15% , transparent 16%), radial-gradient(circle at top right ,transparent 9%, #222222 10% ,#222222 15% , transparent 16%) , radial-gradient(circle at bottom right,transparent 9%, #222222 10% ,#222222 15% , transparent 16%),radial-gradient(circle, transparent 25%, #282727  26%),linear-gradient(0deg, transparent 44%, #222222 45%, #222222 55%, transparent 56%), linear-gradient(90deg, transparent 44%, #222222 45%, #222222 55%, transparent 56%);
    background-size: 1em 1em;
    background-color: #282727;
    opacity: 0.85;
    background-attachment: fixed;

    /* Circle 11 */
    /* background: radial-gradient(circle at 50% 100%, #3b3b3b80 5%, #3b3b3b 5% 10%, #3b3b3b80 10% 15%, #3b3b3b 15% 20%, #3b3b3b80 20% 25%, #3b3b3b 25% 30%, #3b3b3b80 30% 35%, #3b3b3b 35% 40%, transparent 40%), radial-gradient(circle at 100% 50%, #3b3b3b80 5%, #3b3b3b 5% 10%, #3b3b3b80 10% 15%, #3b3b3b 15% 20%, #3b3b3b80 20% 25%, #3b3b3b 25% 30%, #3b3b3b80 30% 35%, #3b3b3b 35% 40%, transparent 40%), radial-gradient(circle at 50% 0%, #3b3b3b80 5%, #3b3b3b 5% 10%, #3b3b3b80 10% 15%, #3b3b3b 15% 20%, #3b3b3b80 20% 25%, #3b3b3b 25% 30%, #3b3b3b80 30% 35%, #3b3b3b 35% 40%, transparent 40%), radial-gradient(circle at 0 50%, #3b3b3b80 5%, #3b3b3b 5% 10%, #3b3b3b80 10% 15%, #3b3b3b 15% 20%, #3b3b3b80 20% 25%, #3b3b3b 25% 30%, #3b3b3b80 30% 35%, #3b3b3b 35% 40%, transparent 40%);
          background-size: 2em 2em;
          background-color: #575454;
          opacity: 1 */
    /* Squares */
    /* background:linear-gradient(45deg, #0000 calc(25% / 3), #2a2a2a 0 calc(50%/3), #0000 0 calc(250%/3), #2a2a2a 0 calc(275%/3), #0000 0),linear-gradient(45deg, #2a2a2a calc(25% / 3), #0000 0 calc(50%/3), #2a2a2a 0 25%, #0000 0 75%, #2a2a2a 0 calc(250%/3), #0000 0 calc(275%/3), #2a2a2a 0),linear-gradient(-45deg, #0000 calc(25% / 3), #2a2a2a 0 calc(50%/3), #0000 0 calc(250%/3), #2a2a2a 0 calc(275%/3), #0000 0),linear-gradient(-45deg, #2a2a2a calc(25% / 3), #0000 0 calc(50%/3), #2a2a2a 0 25%, #0000 0 75%, #2a2a2a 0 calc(250%/3), #0000 0 calc(275%/3), #2a2a2a 0) #353535;background-size:20px 20px;background-position:0 0,10px 10px;Original wallpaper background */
    /*
margin: 0;
background-color: #19302E;
background-color: #2b353f;
background-image: url("../images/blacksqrs.jpg");
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed */

}


body.loggedin{background-color:#373e55}

a{background-color:transparent;color:rgb(139, 196, 223)}

a:active,
a:hover{outline-width:0;color:rgb(140, 219, 250);text-shadow:0 0 3px rgba(54, 181, 236, 0.3)}

/* For mobile phones: */
[class*="col-"]{width:100%}

@media only screen and(min-width: 768px){/* For desktop: */
    .col-1{width:8.33%}

    .col-2{width:16.66%}

    .col-3{width:25%}

    .col-4{width:33.33%}

    .col-5{width:41.66%}

    .col-6{width:50%}

    .col-7{width:58.33%}

    .col-8{width:66.66%}

    .col-9{width:75%}

    .col-10{width:83.33%}

    .col-11{width:91.66%}

    .col-12{width:100%}
}

.fslogo{width:100%}

.container{padding:0.01em 16px
}

.border-radius-left{border-top-left-radius:5px;border-bottom-left-radius:5px}

.border-radius-right{border-top-right-radius:5px;border-bottom-right-radius:5px}

.border{border:1px solid #ccc !important
}

.border-cyan,
.w3-hover-border-cyan:hover{border-color:#00bcd4 !important
}

.btn,
.button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap
}

.btn:hover{box-shadow:0 8px 16px 0 rgba(0, 0, 0, 0.2),0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

.top-radius{border-top-right-radius:5px;border-top-left-radius:5px}

.round-large{border-radius:8px
}

.padding{padding:8px !important
}

.margin{margin:16px !important
}

.border-teal,
.hover-border-teal:hover{border-color:#009688 !important
}

.signup{font-family:Arial,Helvetica,sans-serif;font-size:14px;padding:4px;margin:2px;text-align:center;color:white}

.register{font-family:Arial,Helvetica,sans-serif;font-size:14px;padding:4px;margin:2px;text-align:center}

/* login page styling */

*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"segoe ui",roboto,oxygen,ubuntu,cantarell,"fira sans","droid sans","helvetica neue",Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}

.logincolor{background-color:#2f3947}

.login{width:400px;/* background-color: #ffffff; */
    box-shadow:0 0 25px 3px rgba(54, 181, 236, 0.3);/* box-shadow: 0 0 9px 0 rgba(54, 181, 236, 0.3); */
    margin:100px auto}

.login h1{text-align:center;color:#5b6574;font-size:38px;padding:20px 0;border-bottom:1px solid #dee0e4}

.login form{display:flex;flex-wrap:wrap;justify-content:center;padding-top:20px}

.login form label{display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#3274d6;color:#ffffff}

.login form input[type="password"],
.login form input[type="text"]{width:310px;height:50px;border:1px solid #dee0e4;margin-bottom:20px;padding:0 15px;box-shadow:0 0 5px 4px rgba(0, 0, 0, 0.06)}

.login form input[type="submit"]{width:100%;padding:15px;margin-top:20px;background-color:#3274d6;border:0;cursor:pointer;font-weight:bold;color:#ffffff;transition:background-color 0.2s}

.login form input[type="submit"]:hover{background-color:#4f82ce;transition:background-color 0.2s}

.alert{padding:20px;background-color:#f44336;color:white}

.success{padding:20px;background-color:#15a452;color:white}

.content{width:1500px;margin:0 auto}

*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"segoe ui",roboto,oxygen,ubuntu,cantarell,"fira sans","droid sans","helvetica neue",Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}

.regcolor{background-color:#435165;margin:0}

.register{width:400px;background-color:#ffffff;box-shadow:0 0 9px 0 rgba(54, 181, 236, 0.3);margin:100px auto}

.register h1{text-align:center;color:#5b6574;font-size:24px;padding:20px 0;border-bottom:1px solid #dee0e4}

.register form{display:flex;flex-wrap:wrap;justify-content:center;padding-top:20px}

.register form label{display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#3274d6;color:#ffffff}

.register form input[type="password"],
.register form input[type="text"],
.register form input[type="email"]{width:310px;height:50px;border:1px solid #dee0e4;margin-bottom:20px;padding:0 15px;box-shadow:0 0 5px 4px rgba(0, 0, 0, 0.06)}

.register form input[type="submit"]{width:100%;padding:15px;margin-top:20px;background-color:#3274d6;border:0;cursor:pointer;font-weight:bold;color:#ffffff;transition:background-color 0.2s}

.register form input[type="submit"]:hover{background-color:#2868c7;transition:background-color 0.2s}

.blue-faded{color:#fff;background-color:rgba(21, 45, 77, 0.2)}