body {
    font-size: 12pt;
    padding-bottom: 70px;
    min-height: 100vh;
    background: #f4f4f4;
    font-family: 'Open Sans', serif;
}

.modalDef {
    font-size: 12pt;
}

.header {
    background: #4c4e53;
}

.footer {
    background: #4c4e53;
}

.footer a {
    color: #000000;
    text-decoration: underline;
}

.footer a:hover {
    color: #000000;
    text-decoration: underline;
}

.pgTitle, .pgSubtitle {
    width: 70%;
}

.pgTitle {
    width: 70%;
    border-bottom: solid 1px black;
}

.pgBody {
    width: 70%;
    min-height: 600px;
}

.form-control {
    padding: 2px;
    height: 30px;
    font-size: 12pt;
}

.fas {
    margin-top: 4px;
}

.btnCanc {
    color: white;
    background: #b0b0b0;
}

.btnCanc:hover {
    color: white;
    background: #4c4e53;
}

.btnAct {
    color: white;
    background: #01c1d6;
}

.btnAct:hover {
    color: white;
    background: #150f96;
}

textarea {
    resize: none;
}

a {
    color: #6e27c5;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

label {
    margin-bottom: 0px;
}

.inputInline {
    display: inline;
}

.inputMultiline {
    margin-top: -5px;
}

.bg-dark, .bg-dark:focus, .bg-dark:hover {
    background: #4c4e53 !important;
}

a.bg-dark, a.bg-dark:focus, a.bg-dark:hover {
    background: #4c4e53 !important;
}

.tooltip-inner {
    background-color: #b0b0b0;
    font-family: 'Open Sans', serif;
    font-size: 12pt;
}

.bs-tooltip-top .arrow::before {
    border-top-color: #b0b0b0;
}

.bs-tooltip-right .arrow::before {
    border-right-color: #b0b0b0;
}

.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #b0b0b0;
}

.bs-tooltip-left .arrow::before {
    border-left-color: #b0b0b0;
}

.boxDandD {
    font-size: 1.25rem;
    background-color: #e1e5e9;
    position: relative;
    padding: 5px 0;
    text-align: center;
}

.boxDandD.hasAdvancedUploadDandD {
    /* outline: 2px dashed #92b0b3; */
    /* -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear; */
    /* transition: outline-offset .15s ease-in-out, background-color .15s linear; */
    border: 1px solid #ced4da;
}

.boxDandD.isDragoverDandD {
    /* outline-offset: -20px; */
    /* outline-color: #e1e5e9; */
    /* background-color: #e1e5e9; */
    outline: 2px dashed #92b0b3;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
}

.boxDragndropDandD {
    display: none;
}

.boxDandD.hasAdvancedUploadDandD .boxDragndropDandD {
    display: inline;
}

.boxInputDandD {
    text-align: center;
}

@-webkit-keyframes appear-from-inside{
    from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }
    75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }
    to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }
}

@keyframes appear-from-inside {
    from	{ transform: translateY( -50% ) scale( 0 ); }
    75%		{ transform: translateY( -50% ) scale( 1.1 ); }
    to		{ transform: translateY( -50% ) scale( 1 ); }
}

.jsDandD .boxFileDandD {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.jsDandD .boxFileDandD + label {
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    /* overflow: hidden; */
}

.jsDandD .boxFileDandD + label:hover strong,
.boxFileDandD:focus + label strong,
.boxFileDandD.hasFocus + label strong {
    /* color: #39bfd3; */
    text-decoration: underline;
}

.jsDandD .boxFileDandD:focus + label,
.jsDandD .boxFileDandD.hasFocus + label {
    /* outline: 1px dotted #000; */
    /* outline: -webkit-focus-ring-color auto 5px; */
    text-decoration: underline;
}

.noJsDandD .boxFileDandD + label {
    display: none;
}

footer a {
    color: #ffffff;
    text-decoration: underline;
}

footer a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.btn {
    padding: 3px 5px 3px 5px;
    font-size: 12pt;
    min-width: 70px;
}

.pointer {
    cursor: pointer;
}

.iconAct {
    margin-left: 5px;
    margin-top: 7px;
    cursor: pointer;
}

.inputGroup {
  border: none;
  background-color: transparent;
}

.inputGroup:focus {
    outline: none;
}

.inputGroupIcon {
    font-size: 16pt;
    margin-right: 5px;
    margin-left: 5px;
}

.input-group {
  border: solid 1px #ced4da;
  background: white;
  border-radius: .25rem;
  padding: 2px;
}

.bgTitle {
    background: #6e27c5;
}

.mandatory {
    background: #ffc1c1;
}

.headerMenu {
    font-size: 12pt;
}

.headerMenu > a:hover {
    background: grey !important;
}

.headerMenu > li > a:hover {
    background: grey !important;
}

.headerMenu .dropdown-toggle:after {
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
}

.headerMenu .dropdown-menu {
    margin-left:0; margin-right: 0;
}

.headerMenu li {
    position: relative;
}

.headerMenu > li:hover { 
    background: grey !important;
}

.headerMenu > li:hover > .submenu {
    display: block;
}

.nav-item .submenu { 
    display: none;
    position: absolute;
    left:100%; top:-7px;
}

.nav-item .submenu-left { 
    right:100%; left:auto;
}

.page {
    width: 70px;
}

.colId {
    width: 4%;
}

.colOpts {
    width: 4%;
    text-align: center;
}

.colOrder {
    width: 10%;
}

.breakable {
    word-wrap: break-word;
    word-break: break-word;
}

.multiselect {
    border: solid 1px #ced4da;
    border-radius: .25rem;
    background: #ffffff;
    text-align: left;
    display: none!important;
}

.fix-custom-control-input {
    z-index: 1!important;
}

.tblData {
    border: 0;
    border-collapse: collapse;
    width: 100%;
}

.tblData td, .tblData th {
    padding: 2px;
    border: solid 1px #b0b0b0;
}

.tblData tbody tr:nth-child(odd) {
    background: #fafafa;
}

.tblData tbody tr:nth-child(even) {
    background: #ebeeee;
}

.sectionTitle {
    background: #6e27c5;
}

.aBtn {
    color: black;
}

.aBtn:hover {
    color: black;
}

.dropdown-menu {
    font-size: 12pt;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: black;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    color: #ffffff;
    text-decoration: none;
    background-color: #6e27c5;
    background-image: -moz-linear-gradient(top, #6e27c5, #994df7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6e27c5), to(#994df7));
    background-image: -webkit-linear-gradient(top, #6e27c5, #994df7);
    background-image: -o-linear-gradient(top, #6e27c5, #994df7);
    background-image: linear-gradient(to bottom, #6e27c5, #994df7);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e27c5', endColorstr='#ff994df7', GradientType=0);
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #999999;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.lblTitle {
    font-weight: bold;
}

.severity-error {
    background: #F8D7DA;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 3px;
    border: solid 1px #f5c6cb;
}

.menuHighlight {
    background: #7070eb!important;
}

.menuHighlight a {
    color: black !important;
}

.resultPage {
    width: 70px;
}

.loadingoverlay {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-Index: 10000;
    opacity: 0.99;
}

.loadingoverlay.visible {
    background-color: #fff;
    opacity: 0.8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loadingoverlay.visible .loadingspinner {
    width: 48px;
    height: 48px;
    border: 5px solid #000;
    border-bottom-color: #7070eb;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: loadingspinner-rotation 1s linear infinite;
}

@keyframes loadingspinner-rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}