@font-face{
    font-family:"SF Display";
    font-weight:700;
    src:url(SF-UI-Display-Bold.otf)
}

@font-face{
    font-family:"SF Display";
    font-weight:500;
    src:url(SF-UI-Display-Medium.89b6c4ec56578433d589.otf)
}

@font-face{
    font-family:"SF Display";
    font-weight:400;
    src:url(SF-UI-Display-Regular.otf)
}


}

body {font-family: "SF Display", Open Sans, sans-serif;font-weight:300;font-size:17px;line-height:24px;padding-top: 50px; min-height:100%;margin:0px;padding:0px;background-color:#eeeeee;}
form {text-align:left;}
div {text-align:left;}
p {text-align:left;}
h1, h2, h3, h4, h5 {font-family: 'SF Display', 'Open Sans', sans-serif;font-weight:700; color:#093770}
a {padding:2px;color: #4590d4; text-decoration:none;}
.csemBanner {padding:20px;background-color: #ffffff;font-weight:100;}
.csemContainer {padding:20px;}
.navbar {margin-bottom: -1px;border-radius: 0;position:relative;/* was fixed */}
.navbar .active, .navbar .open {background-color: #4590d4; color:#ffffff;font-weight:bold;}
@media (min-width:768px) { /*For submenu inline*/
	.navbar-nav.nav > li {position: static;}
	.navbar-nav.nav .dropdown-menu > li {float: left;}
	.navbar-nav.nav .dropdown-menu {box-shadow: none;border: none !important;border-radius: initial;background: #4590D4;width: 100%;padding-left: 15px;}
	.navbar-nav.nav .dropdown-menu > li > a {color: #ffffff;line-height: 40px;font-weight: 300;font-size: 17px;}
}
@media (max-width:767px) { /*For submenu in mobile view*/
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #ffffff;font-weight: 300;}
}
a .navbar-text {color: #bbbbbb;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a.active {font-weight: bold;}
.row {margin: 0px;/* bug on iOs left scroll width appeared...*/}
.col-sm-12 {padding:0px;}
.col-sm-8 {padding:0px;}
/*.col-sm-2 {min-width:240px;}*/
.LandingTitle {background-attachment: fixed;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	.LandingTitle {background-attachment: scroll;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
}

a, a:visited {
    color: #093770;
}

.csemContainer a {
    text-decoration:underline;
}

.span-error {
    background-color:#C21807;
}

.span-ok {
    background-color:#228B22;
}

.span-warning {
    background-color:#FF8C00;
}

.span-color {
    margin-right: 5px;
}

body {
    background-color: #e7f0f7;
    color: #093770;
}

th {
    color: #868e96;
    font-weight: 400;
}

.table-failures.table-striped tbody tr.failure-checked {
    background-color: rgba(9,55,112,.05);
}

.table-failures.table-striped tbody tr:not(.failure-checked) {
    background-color: inherit;
}

.table th, .table td {
    border: 0;
    text-align: center;
}
.table thead th, .table thead td {
    border: 0;
}

.break-page {break-after: page;}
h1, h2 {
    break-before: page;
}

.wbutton {
    background-color: #093770 !important;
    color: white;
    border: none !important;
}

a.btn {
    text-decoration: none;
    color: white;
}

a.fa {
    text-decoration: none;
}

.overflow_cause {
    max-height: 350px;
    overflow-y: scroll;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 5% auto; /* 15% from the top and centered */
  position: relative;
  border: 1px solid #888;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  width: 80%; /* Could be more or less, depending on screen size */
}

.navbar-expand-lg {
    background-color:#ffffff;
    padding-left:20px;
    padding-right:20px;
}

.navbar-expand-lg a, .navbar-expand-lg a:hover {
    text-decoration:underline;
}


.table {
    color: #093770;
}

.rot45{
    transform: rotate(45deg);
}

.rot-45{
    transform: rotate(-45deg);
}

.green {
    color:#008000;
}

.yellow {
    color:#FFFF00;
}

.orange {
    color:#FFAE42;
}

.red {
    color:#FF0000;
}

.btn-link {
    font-weight: 400;
    color: #093770;
    padding: 0;
    border-none: 0;
    text-decoration: underline;
}

.buttonHolder {
    margin-top:10px;
}

#clear_all {
margin-right:5px;
}

.silent_row td {
    color: #868e96;
}