html * { font-family:Roboto,Arial;}
body {background-color:#F5F5F5;animation: fadeInAnimation ease 1s; animation-iteration-count: 1; animation-fill-mode: forwards;margin-top:100px;}
   @keyframes fadeInAnimation { 
            0% { 
                opacity: 0; 
            } 
            100% { 
                opacity: 1; 
            } 
        } 
a {text-decoration:none}
a:hover {text-decoration:none}
a:active {border:0}
a:focus {outline:0;}

.container {max-width:1080px;}
.btn {border-radius:10px;}
.form-control {border-radius:15px;}
.form-select {border-radius:15px;}

.folder-list {list-style-type:none;padding-left:10px}

.navbar-brand a {font-family:'Roboto Condensed'; font-size:22pt; color:#FBEB57;padding-right:15px;font-weight:bold;text-shadow:1px 1px #000000}
.navbar {padding:5px;padding-left:15px;background: rgb(2,0,36);background: linear-gradient(90deg, rgba(0,80,210,1) 50%, rgba(0,212,255,1) 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}

.title {font-family:'Roboto Condensed'; font-size:16pt; color:#FF6643;text-transform:uppercase}
.title span {color:#B4DA8E}
.tagline {font-size:9pt;color:#E9E9E9;text-transform:uppercase;text-align:center;letter-spacing:2px}

h1 {font-size:24px;font-family:'Roboto Condensed';color:#012b5b;border-top:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;padding:5px;background:white;padding-left:0}
h2 {font-size:30px;font-family:'Roboto Condensed';color:#012b5b}
h3 {font-size:26px;font-family:'Roboto Condensed';color:#012b5b}
h4 {font-size:22px;font-family:'Roboto Condensed';color:#012b5b}
h5 {font-size:18px;font-family:'Roboto Condensed';color:#012b5b}
h6 {font-size:16px;font-family:'Roboto Condensed';color:#012b5b}

.myicons {text-align:center;}
.myicons a {padding:10px;display:inline-block;margin:10px;font-size:10pt;text-decoration:none;color:#012b5b;width:300px;box-shadow: 0 0 10px #ccc;border-radius:10px;background:#FFFFFF;font-family:'Roboto Condensed'}
.myicons img {width:250px}

.mycontainer {min-height:70vh}

.myform {margin-top:15px;background:#FFFFFF;padding:15px;position:relative;padding-top:50px;border:1px solid #D1D1D1;}
.myform h1 {background:#EDEDED;background: linear-gradient(90deg, rgba(0,80,210,1) 50%, rgba(0,212,255,1) 100%);color:#FFFFFF;position:absolute;width:100%;left:0;top:0;padding-left:15px}
.myform label {color:#437CB5;font-weight:bold;display:block;margin-top:5px;font-family:'Roboto Condensed';}
.myform label.small {font-size:10pt;font-family:'Roboto Condensed';font-weight:normal;color:#515151}
.myform label sup {color:red;font-weight:bold}
.myform ::placeholder {  color: #C3CDD1;}
.myform section {border:1px solid #E8E8E8;border-radius:5px;padding:3px;font-family:Arial;font-size:11pt;margin-bottom:5px;min-height:30px}
.myform small {font-size:10pt;font-weight:normal}
.myform p.small {font-size:10pt;color:navy}
.myform label.legend {color:#3A3A3C;font-family:'Roboto';font-size:11pt}
.myform div.seperator {border-top:2px solid #CFDBE5;background:#E7E7E7;margin-top:15px;margin-bottom:15px}

.label {color:#327BA0;display:block;margin-top:10px}

.capsule {width:150px;background:#437CB5;padding:5px;border-radius:5px;color:#FFFFFF}

.table-wrapper {margin-top:15px;background:#FFFFFF;border:1px solid #D1D1D1}

.scrollable {width:100%;max-height:400px; overflow:auto}
.mygrid thead {position:sticky;top:0}
.mygrid {border:1px solid #E8E8E8;width:100%;border-radius:5px}
.mygrid th {padding:5px;font-size:11pt;white-space:nowrap;border:1px solid #E8E8E8;background:#026BBA;color:#FFFFFF;font-family:'Roboto Condensed';font-weight:500}
.mygrid th div {resize:horizontal;overflow:hidden;padding-right:10px;min-width:50px;cursor:pointer;font-family:'Roboto Condensed'}
.mygrid td {padding:5px;font-size:10pt;border:1px solid #E8E8E8;white-space:nowrap;max-width:100px;overflow:hidden}


.mytable td {font-size:10pt}

.text-grey {color:#4E4E4E!important}

footer {background:#FFFFFF;border-top:1px solid #E8E8E8;padding:10px;text-align:center;margin-top:25px}
footer p {font-size:8pt;color:#E8E8E8}

@media (max-width: 768px) {

}