html {
   position: relative;
   min-height: 100%;
}
body {
   /* footer height */
   margin-bottom: 50px;
}

h1 {
   color: #3c4250;
}
a {
   color: #3c4250;
}
/* Type */
a:hover {
   color: #0097a6;
}

a:focus {
   color: #0097a6;
}

.content-header {
   background-color: #3c4250;
}
select::-ms-expand {
   display: none;
}

input::-ms-clear,
input::-ms-reveal {
   display: none;
   height: 0;
   width: 0;
}

.content-header #block-icon-main-menu ul.menu li:hover > ul {
   display: none;
}

.content-header .burger {
   background-image: url('../images/icon-burger.png');
}

.content-header .burger.active {
   background-image: url('../images/icon-burger-active.png');
}

.content-header .mobile-menu {
   height: auto;
}

.content-header .mobile-menu ul.menu > li.has-submenu > a:after {
   content: '\f107';
   font-family: 'FontAwesome';
   margin-left: 5px;
}

.content-header form {
   line-height: 50px;
   /* color: #a3a7a9; */
   color: #dbf1fb;
   padding: 0 0.5em;
}

#tns::placeholder {
   color: #aaa;
}

.form-check-label[for='download-xlsx'] {
   display: inline;
}

button {
   cursor: pointer;
}

.logout {
   float: right;
   background-color: #f72e38;
   text-decoration: none;
   margin: 10px;
   text-transform: none !important;
}
#nview-input {
   position: relative;
}

#tn-query-format-info {
   position: absolute;
   top: -1rem;
   right: -1.5rem;
}

#tns-clear {
   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
      -webkit-box-shadow ease-in-out 0.15s;
   border-color: silver;
   color: silver;
   background-color: #fff;
}
#tns-clear:hover,
#tns-clear:focus {
   color: #000;
   outline: 0;
}

#tns {
   border-right: 0;
   border-left: 0;
}

#tns:focus ~ #tns-clear {
   /*border-color: #000;*/
   border-color: #3c4250;
}

.has-danger #tns-clear,
.has-danger #tns:focus ~ #tns-clear {
   border-color: #f72e38;
}

#tn-table-alert {
   margin-top: 1rem;
}

.w2-table-container {
   margin-top: 1rem;
   min-height: 460px;
   height: calc(100vh - 300px);
}

#nview-table .card-block div {
   margin-top: 0.5rem;
}

#nview-table .card-block span {
   margin-left: 0.5em;
}

.login-icon {
   width: 2.5rem;
}

.signin-header {
   margin-top: 15vh;
   padding-bottom: 30px;
}

.in-progress {
   background-color: #3c4250;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 5;
}
.in-progress .loader {
   margin: 30vh auto 0 auto;
}

h1.top-padding {
   margin-top: 0.5rem;
}

/*effect-underline*/
#error-table strong:hover {
   border-bottom: 1px solid;
}

.admin-font {
   font-size: 14px;
}

.admin-padding {
   padding: 0px;
}

#user select {
   width: 100%;
   padding-right: 2.5rem;
}

div.hopscotch-bubble .hopscotch-bubble-number {
   display: none;
   background: none;
}
div.hopscotch-bubble .hopscotch-bubble-close {
   background-image: url('../images/sprite-green.png');
}
div.hopscotch-bubble .hopscotch-bubble-content {
   margin: 0;
}

.error-text {
   color: #f72e38;
}

/* Buttons  */
.btn {
   display: inline-block;
   text-transform: uppercase;
}
.btn-default,
.btn-primary {
   background-color: #3c4250;
   border: 1px solid #3c4250;
   color: #fff;
}

.btn-default:hover,
.btn-primary:hover {
   background-color: #0097a6;
   border: 1px solid #0097a6;
   color: #fff;
}
.btn-achromatic {
   background-color: #3c4250;
}
.btn:focus {
   outline: none;
}

.btn.mobile {
   padding: 11px 30px;
}

.btn-default:focus {
   background-color: #0097a6;
   color: #fff;
}

.btn-default-inv,
.btn-primary-inv {
   background-color: #0097a6;
   border: 1px solid #0097a6;
   color: #fff;
}

.btn-default-inv:hover {
   background-color: #fff;
   color: #3c4250;
}
.btn-link {
   color: #3c4250;
}

.btn-link:hover {
   -webkit-box-shadow: none;
   box-shadow: none;
   color: #0097a6;
}

.btn-link-visited {
   color: #0097a6;
   text-decoration: underline;
}

/* menu */
.content-header #block-icon-main-menu ul.menu li {
   padding: 0;
}
.content-header #block-icon-main-menu ul.menu li a:hover,
.content-header #block-icon-main-menu ul.menu li a.is-active {
   /*border-bottom: 2px solid #f72e38;*/
   border: none;
}
.content-header #block-icon-main-menu ul.menu li a:hover,
.content-header #block-icon-main-menu ul.menu li a.router-link-active {
   /*border-bottom: 2px solid #f72e38;*/
   background-color: rgba(211, 53, 68, 0.89);
   padding-bottom: 0;
}

.content-header #block-icon-main-menu ul.submenu {
   background-color: #3c4250; /* similar to the hover background-color */
   border-top: 1px solid #a3a7a9;
   display: none;
   left: 0;
   padding: 0;
   position: absolute;
   top: 100%;
}

.content-header #block-icon-main-menu ul.submenu li {
   border-bottom: 1px solid #a3a7a9;
   float: none;
   width: 200px;
}
.content-header #block-icon-main-menu ul.submenu li a {
   display: block;
   padding: 0;
   text-indent: 15px;
}

.content-header #block-icon-main-menu ul.submenu li:hover {
   background-color: rgba(211, 53, 68, 0.89);
}
.thead-inverse th {
   background-color: #3c4250;
}

table.table-striped tbody tr:nth-child(odd) {
   background-color: #dbf1fb !important;
}
table.table-striped tbody tr:hover {
   background-color: #e5e5e5 !important;
}
.darkgray {
   background-color: #3c4250;
}
.alert-danger {
   background: inherit;
   border-color: inherit;
   color: #f72e38;
}
.form-check-label input:checked ~ .form-indicator {
   background: #3c4250;
}
.form-check-label:hover input:not([disabled]):checked ~ .form-indicator,
.form-check-label input:checked:focus ~ .form-indicator {
   background: #3c4250;
}
.delete {
   color: #f72e38;
   border: none;
   background-color: transparent;
}
.delete:hover {
   color: #0097a6;
}

.imminent-removal-warning .modal-content {
   background-color: orange;
}

.imminent-removal-warning .modal-footer {
   justify-content: flex-start;
   border-color: rgb(215, 140, 0);
}

.imminent-removal-warning .modal-header {
   border-color: rgb(215, 140, 0);
}

.imminent-removal-warning .modal-footer button {
   background-color: orange;
   border-color: orange;
   color: black;
   outline: none;
   box-shadow: none;
}

.imminent-removal-warning .bootbox-close-button {
   display: none;
}