@font-face {
  font-family: ns2;
  src: url(NotoSerif-Condensed.ttf);
}
body {
background:#324aa8;
font-family:ns2;
color:#ffffff;
text-align:center;
}
table{

font-size:100%}
.container-fluid {
padding:40px 40px 0px;
 -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

.header, .row {
}
#aformprivacy, #jformprivacy, #kformprivacy {
font-size:90%;

}

h3 {
font-size:160%;
}
.col-sm-4 {
//font-size:120%;
margin-bottom:50px;
}

h1, h2, h3, h4, h5 {
color:#ffffff;
text-align:center;
}

hr {
color:#ffffff;
}

a,a:focus {
color:#baccf7 !important;
text-decoration:none !important;
}

table {
  border:1px solid white;
   border-radius:5px; 
  border-collapse:separate;
}

a:hover {
text-decoration:none !important;
color:#ffffff !important;
}

/*.sr-card-element{
color:#ffffff;
}
.stripecard {
background:transparent !important;
color:#ffffff !important;
caret-color:#ffffff !important;
  border:1px solid white !important;
   border-radius:5px !important; 
padding:7px !important;
}
*/
input,select,textarea {
background-color:rgba(0,0,0,0) !important;
//       border:none !important;
}

input:focus {
color:#ffffff;}

option, optgroup {
background-color:#324aa8;
color:#ffffff;
}

.form-control, optgroup {
    color:    #ffffff !important;
}

.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ffffff !important;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ffffff !important;
   opacity:  1 !important;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ffffff !important;
   opacity:  1 !important;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ffffff !important;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
   color:    #ffffff !important;
}

.form-control::placeholder { /* Most modern browsers support this now. */
   color:    #ffffff !important;
}

.psychforminput {
width:100%;
height:3%;
display:block;
}

#frandspan {
}

#logout, #return {
max-width:10%;
margin-left:auto;
margin-right:0;
}

#welcome {
max-width:10%;
margin-left:0;
margin-right:auto;
}


.dataTables_scrollHead table {
margin-bottom:0;
}


::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*@media (min-width: 768px) {
  .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }*/
}