html {
    margin: 0;
    height: 100%;
}

body{
    min-height: 100%;
    position: relative;
    padding-bottom: 90px;
}

h1 {
    font-weight: 600;
}

h1, h4 {
    color: #224096;
}

label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #1e1e1e;
}

.table th {
    color: #1e1e1e;
}

.table-bordered>tbody>tr>td, .table-bordered>thead>tr>th {
    border-top: 0;
    border-bottom: 0;
}

.table>tbody>tr>td, .table>thead>tr>th {
    border-top: 0;
    border-bottom: 0;
}

.navbar-impersonating {
    background-color: darkgray;
}

.nav-tabs {
    background: #e2e6ed;
}

.nav-tabs > li > a.text-danger {
    color: #ff3f46;
}

.nav-tabs > li > a {
    color: #001a70;
}

.tab-content {
    border: 1px solid #001a70;
    border-top: 0;
}

.nav-tabs {
    border: 1px solid #001a70;
    border-bottom: 0;
}

@media (min-width: 1200px){
    .content {
        width: 95%;
    }
    .title-banner {
        width: 95%;
    }
    .form {
        padding: 10px 10px 40px 10px;
    }
    .content-section {
        width: 95%;
    }
}

@media (max-width: 1199px){
    .container-fluid {
        padding: 5px;
    }
}

.content {
    margin: 0 auto;
    background-color:#fff;
}

.content-section {
    margin: 0 auto;
}

.content-section .inner {
    background-color:#fff;
    border: 1px solid #e6e6e6;
}

.title-banner{
    margin: 30px auto 20px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
}

.equal-height {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.fa.fa-user-circle {
    margin-right: 1rem;
    width: 12px;
    height: 12px;
}

.filters .search-input button:not(:hover) .fa-search {
    color: white;
}

.filters .search-input input,  .filters .search-input textarea, .filters .search-input .input-group-addon{
    border-color: #001a70;
}

.filters {
    background-color: #e6e6e6;
    padding-top: 20px;
}

.filters #filters {
    margin-top: 10px;
    margin-bottom: 20px;
}

.filters #filters label:not(.btn){
    margin-bottom: 1px;
}

.filters .input-group-btn {
    vertical-align: top;
}

.filter-button {
    position: relative;
    right: 15px;
}

.login, .delete {
    padding: 50px 0;
}

.card {
    margin: 0 auto;
    background-color: #ffffff;
    max-width: 400px;
    vertical-align: middle;
    text-align: center;
    padding-bottom: 20px;
}

.logo-mobile {
    margin: 0 auto;
    max-width: 400px;
}

.card form {
    margin: 20px;
}

.padding-3 {
    padding: 3px;
}

.buttons {
    text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;
}

.buttons i.fa {
    margin-right: 1rem;
}

.buttons i.fa.no-text {
    margin-right: 0;
    margin-top: 3px;
    margin-bottom: 3px;
}

td i.bool-icon {
    padding-top: 4px;
    padding-left: 2px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.buttons {
    margin-top: 20px;
    margin-bottom: 20px;
}

footer {
    position: absolute;
    bottom: 0;
    color: #7790bc;
    width: 100%;
    min-height: 80px;
    text-align: center;
    padding: 20px 0;
}

.meddra-dialog-ul li {
    margin-bottom: 20px;
}

span.select2 {
    min-height: 30px;
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}

.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #07d;
  border-bottom-color: #07d;
  animation: spinner .8s ease infinite;
  z-index: 999;
}

.issue-links > li {
    display: flex;
}

.spinner-issue-links {
    padding-left: 20px;
}

.spinner-issue-links:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #07d;
  border-bottom-color: #07d;
  animation: spinner .8s ease infinite;
  z-index: 999;
}

span.help-block.small {
    min-height: 16px;
    display: block;
}

.table>tbody>tr>td.table-container {
    padding: 0;
    border: 0;
}

table.versions {
    font-size: smaller;
}

table.versions > thead > tr {
    border-top: 1px solid #ccc;
}

table.versions tr {
    border-bottom: 1px solid #ccc;
}


table.versions > thead > tr:first-child > th {
    background-color: #e6e6e6;
}

table.versions > thead > tr:first-child > th:first-child, table.versions > thead > tr > th {
    color: #001a70;
}

.versions td, .versions th {
    background-color: #e1f9f4;
}

tr.fda {
    border-bottom: 2px solid #66edd3;
}

td[aria-expanded="false"] .fa-angle-double-down,
td[aria-expanded="true"] .fa-angle-double-up
{
    display: inline-block;
}

td[aria-expanded="true"] .fa-angle-double-down,
td[aria-expanded="false"] .fa-angle-double-up
{
    display: none;
}

[data-toggle="collapse"] {
    cursor: pointer;
}

td[data-toggle="collapse"] {
    color: #001a70;
}

td[aria-expanded="true"] {
    font-weight: bold;
}

#main div.panel-info[aria-expanded="true"] > .panel-body {
    border-bottom: 2px solid;
    border-color: #66edd3;
}

#main .select2-container--bootstrap .select2-selection--single {
    height: 30px;
    font-size: 14px;
    color: #808080;
}

#main .nav-pills li.danger {
    color: #ff3f46;
}

#main .nav-pills li.danger[aria-expanded="true"] {
    background-color: #ff3f46;
    color: #fff;
}

#main .nav-pills li[aria-expanded="true"] {
    background-color: #66edd3;
    color: #001a70;
}

#main .nav-pills li {
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #d0d5dd;
    position: relative;
    display: block;
    padding: 10px 15px;
}

#main .nav-pills li .pull-left {
    max-width: 80%;
    word-break: break-all;
}

#main .nav-pills li a {
    display: inline-block;
}

#main .nav-pills li[aria-expanded="true"] a.show-multiple {
    display: none;
}

#main #patient_all > ul {
    padding: 0;
}

#main a[aria-expanded="false"] .fa-angle-double-down,
#main a[aria-expanded="true"] .fa-angle-double-up
{
    display: inline-block;
}

#main a[aria-expanded="true"] .fa-angle-double-down,
#main a[aria-expanded="false"] .fa-angle-double-up
{
    display: none;
}

#main [data-formset-body], #main [data-inline-formset-body], #main [third-level-formset-body] {
    padding-left: 0;
}

#main .formset-menu {
    padding-right: 5px;
}

#main .form-group {
    margin-bottom: 0;
}

#main .null-flavor-col {
    padding-left: 0;
}


.table-striped > tbody > tr.seconds:nth-child(4n+1) {
  background-color: transparent;
}

.table-hover > tbody > tr.seconds:hover {
  background-color: #e2e6ed;
}

.table-striped > tbody > tr.thirds:nth-child(4n+4) {
  background-color: transparent;
}

.table-hover > tbody > tr.thirds:hover {
  background-color: #e2e6ed;
}

.dotted-border {
    border-bottom: 1px dotted #ccc
}

.notification {
    color:#505e6c;
    padding: 10px 15px 10px 15px;
}

.dark-blue-box {
    border: 2px solid #001a70;
    background-color: #cce1ff;
}

.dark-blue-box .btn-default {
    background-color: #001a70;
    border-color: #001a70;
}

option.dark-blue-box {
    background-color: #001a70;
    border-color: #001a70;
    color: white;
}

.green-box {
    border: 2px solid #96d346;
    background-color: #e8f9e1;
}


.green-box .btn-default {
    background-color: #96d346;
    border-color: #96d346;
    color: #001a70;
}

option.green-box {
    background-color: #96d346;
}

.yellow-box {
    border: 2px solid #ffdb0b;
    background-color: #fcf6db;
}

.yellow-box .btn-default {
    background-color: #ffdb0b;
    border-color: #ffdb0b;
    color: #001a70;
}

option.yellow-box {
    background-color: #ffdb0b;
}

.grey-box {
    border: 2px solid #1e1e1e;
    background-color: #e6e6e6;
}

.grey-box .btn-default {
    background-color: #1e1e1e;
    border-color: #1e1e1e;
}

option.grey-box {
    background-color: #1e1e1e;
    color: white;
}

.red-box {
    border: 2px solid #ff3f46;
    background-color: #fce6e6;
}

.red-box .btn-default {
    background-color: #ff3f46;
    border-color: #ff3f46;
}

option.red-box {
    background-color: #ff3f46;
    color: white;
}

.blue-box {
    border: 2px solid #66edd3;
    background-color: #dff7f6;
}

.blue-box .btn-default {
    background-color: #66edd3;
    border-color: #66edd3;
    color: #001a70;
}

option.blue-box {
    background-color: #66edd3;
}

.violet-box {
    border: 2px solid #ffb1aa;
    background-color: #f9e6ff;
}

.violet-box .btn-default {
    background-color: #ffb1aa;
    border-color: #ffb1aa;
    color: #001a70;
}

option.violet-box {
    background-color: #ffb1aa;
}

.notification-comment {
    font-style: oblique;
}

.form-divider {
    margin-bottom: 10px;
    margin-top: 20px;
}

.form-divider label {
    font-size: large;
    border-bottom: 1px solid #eee;
    width: inherit;
}

.form-divider.blue {
    padding-bottom: 10px;
}

.form-divider.blue label {
    border-bottom-color: #fff;
    color: #001a70;
    font-size: 16px;
}

.form-divider.smaller{
    margin-bottom: 5px;
    margin-top: 0;
}

.form-divider.smaller label {
    font-size: inherit;
}

.select2-results__option {
    font-size: smaller;
}

input[type=checkbox].inline-checkbox {
    margin-top: 5px;
}

.inline-checkbox {
    margin-top: 2px;
    vertical-align: -2px;
}

.input-group-btn .btn{
    height: 36px;
}

.input-group-btn .btn.btn-sm{
    height: 34px;
}

.input-group textarea, .input-group input:not(.input-sm) {
    height: 36px;
}

.red {
    color: #ff3f46 !important;
}

.toggle-group > .toggle-handle {
    display: none;
}

.toggle-group > .toggle-off {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-primary:hover, .btn-primary:visited, .btn-primary.active {
    background-color: #001a70;
    color: #fff;
}

.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default, .btn-default:hover, .btn-default.hover, .open>.dropdown-toggle.btn-default:focus {
    color: #001a70;
    background-color: #fff;
}

thead .sorting:after {
    font: normal normal normal 14px/1 SymptoFont;
    opacity: 0.2;
    content: "\0077";
}

table.dataTable thead .sorting_desc:after {
    font: normal normal normal 14px/1 SymptoFont;
    content: "\0075";
}

table.dataTable thead .sorting_desc:after{
    font: normal normal normal 14px/1 SymptoFont;
    content:"\0076";
}

.btn .fa {
    margin-right: 3px;
}

@font-face {
  font-family: 'SymptoFont';
  src: url('../fonts/sympto-font/fonts/symptofont.otf');
  font-weight: normal;
  font-style: normal;
}

.sort i {
    display: inline-block;
    opacity: 0.5;
    text-align: right;
    float: right;
    margin: 0 2px;
    cursor: pointer;
    font-weight: normal;
}

.sort span {
    display: inline-block;
    float: right;
    margin: 0 2px;
    opacity: 0.5;
    font-weight: normal;
    font-size: smaller;
}

.sort div {
    display: inline-block;
    float: right;
}

.pagination li a span {
    padding: 3px 0;
}

.alert h3 {
    color: #001a70;
    font-weight: 600;
}

.btn-toolbar > .btn-default {
    margin-bottom: 5px;
}

.alert-error {
    background-color: #fce6e6;
    border-color: #ff3f46;
    color: #001a70;
}

.popover {
    max-width: 400px !important;
}

.assignes-container .role {
    width: 15px;
    height: 15px;
    float: left;
    border-radius: 7px;
}

.assignes-container .role.D {
    background-color: #ffdc9d;
    border: 3px solid #e69b12;
}

.assignes-container .role.Q {
    background-color: #c6f194;
    border: 3px solid #8bc34a;
}

.assignes-container .role.M {
    background-color: #74f1db;
    border: 3px solid #60c5b3;
}

.assignes-container .role.F {
    background-color: #9fcef1;
    border: 3px solid #7fa8c7;
}

.assigne.D {
    background-color: #ffdc9d;
    outline: 3px solid #e69b12;
    outline-offset: -3px;
}

.assigne.Q {
    background-color: #c6f194;
    outline: 3px solid #8bc34a;
    outline-offset: -3px;
}

.assigne.M {
    background-color: #74f1db;
    outline: 3px solid #60c5b3;
    outline-offset: -3px;
}

.assigne.F {
    background-color: #9fcef1;
    outline: 3px solid #7fa8c7;
    outline-offset: -3px;
}

.form-group.D{
    background-color: #ffdc9d;
    border: 3px solid #e69b12;
}

.form-group.Q{
    background-color: #c6f194;
    border: 3px solid #8bc34a;
}

.form-group.M{
    background-color: #74f1db;
    border: 3px solid #60c5b3;
}

.form-group.F{
    background-color: #9fcef1;
    border: 3px solid #7fa8c7;
}

.table-chrome-firefox{
    border-spacing: 0;
    table-layout: fixed;
}

.tableFixHead {
    overflow-y: scroll;
    /*height: 106px;*/
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.tableFixHead thead th {
    position: sticky;
    top: 0;
}

.tableFixHead table {
    border-collapse: collapse;
    width: 100%;
}

.tableFixHead th, td {
    padding: 8px 16px;
    border: 1px solid #ccc;
}

.tableFixHead th {
    background: #eee;
    margin-left: 0;
    margin-right: 0;
}

.has-warning .select2-selection {
    border-color: #ffdb0b !important;
}

.dashboard-icon {
    position: relative;
    top: -1px;
    left: 10px;
}

.column-wrap {
    word-wrap: break-word;
    word-break: break-all;
}