/* FONT STACK */
/*@font-face {*/
/*    font-family: "FontAwesome6";*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    font-display: block;*/
/*    src: url(webfonts/fa-regular-400.ttf);*/
/*    src: url(webfonts/fa-regular-400.ttf?#iefix) format("embedded-opentype"), url(webfonts/fa-regular-400.woff2) format("woff2"), url(webfonts/fa-regular-400.ttf) format("truetype")*/
/*}*/

@font-face {
    font-family: "Supermolot";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fonts/supermolot-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Supermolot";
    font-style: italic;
    font-weight: 400;
    font-display: block;
    src: url(fonts/supermolot-Italic.ttf) format("truetype");
}

body,
input, select, textarea {
    font-family: "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.1;
}

/* BASE LAYOUT */

html {
    /*background-color: #ddd;*/
    /*background-image: -moz-linear-gradient(center top, #aaa, #ddd);*/
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aaa), color-stop(1, #ddd));*/
    /*background-image: linear-gradient(to bottom, #aaa, #ddd);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#aaaaaa', EndColorStr='#dddddd');*/
    /*background-repeat: no-repeat;*/
    height: 100%;
    /* change the box model to exclude the padding from the calculation of 100% height (IE8+) */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html.no-cssgradients {
    /*background-color: #aaa;*/
}

html * {
    margin: 0;
}

body {
    background-color: white !important;
    color: #333333;
    overflow-x: hidden; /* prevents box-shadow causing a horizontal scrollbar in firefox when viewport < 960px wide */
    /*-moz-box-shadow: 0 0 0.3em #424649;*/
    /*-webkit-box-shadow: 0 0 0.3em #424649;*/
    /*box-shadow: 0 0 0.3em #424649;*/
}

#grailsLogo {
    background-color: #feb672;
}

a:hover, a:active {
    outline: none; /* prevents outline in webkit on active links but retains it for tab focus */
}

h1, h2, h3 {
    font-weight: normal;
    font-size: 1.25em;
    margin: 0.8em 0 0.3em 0;
}

ul {
    padding: 0;
}

img {
    border: 0;
}

.display-flex {
    display: flex;
}

.bgDiv {
    position: fixed;
    height: 35vh;
    width: 200vw;
    box-shadow: #333333 0 0 20px;
    z-index: 1000;
    background-color: #013256;
}

@media (min-width: 1280px) {
    .bgDiv {
        position: fixed;
        height: 200vh;
        width: 200vw;
        transform: rotate(30deg) translateX(-180vw);
        /*background-color: white;*/
        box-shadow: #333333 0 0 20px;
        z-index: 1000;
        background-color: #013256;
    }
}

.menu-bar {
    background-color: #016ebc;
}

ul#nav {
    background-color: #016ebc;
}

ul#nav > li > a {
    background-color: transparent;
}

.menu-bar a {
    color: white !important;
}

.lang-box a {
    color: #333333 !important;
}

.classy-navbar-toggler .navbarToggler span {
    background-color: white;
}

.text-green {
    color: #39c939;
}

@media (min-width: 1024px) {
    .container {
        max-width: calc(95% - 80px) !important;
        margin-left: calc(80px + 2.5%) !important;
        margin-top: 20px;
        padding-top: 70px;
    }

    .license-server {
        padding-left: 100px;
        font-family: Supermolot, sans-serif;
        font-size: 32px;
        color: white;
    }
}

@media (max-width: 1024px) {
    .container {
        max-width: 95% !important;
        margin-left: 2.5% !important;
        margin-right: 2.5% !important;
        margin-top: 20px;
        padding-top: 70px;
    }

    .extractional-logo {
        height: 60px;
        max-width: initial;
    }

    .vertical-logo {
        display: none !important;
    }

    .sidebar {
        display: none !important;
    }

    .license-server {
        display: none;
    }
}

.loginPage {
    background-color: #dddddd;
}

.logo {
    position: fixed;
    top: 10%;
    left: 5%;
    z-index: 1001;
}

.page-header-title h5 {
    color: white !important;
}

.main-menu .main-menu-header img {
    position: relative;
    max-width: 60px;
    max-height: 60px;
    width: initial;
}

/* GENERAL */

#grailsLogo a {
    display: inline-block;
    margin: 1em;
}

.content {
}

.content h1 {
    border-bottom: 1px solid #CCCCCC;
    margin: 0.8em 1em 0.3em;
    padding: 0 0.25em;
}

.scaffold-list h1 {
    border: none;
}

.footer img {
    height: 80px;
    margin-right: 25px;
    margin-bottom: 15px;
    clear: bottom;
}

.footer strong a {
    color: white;
    text-decoration: none;
    font-size: 1.1rem;
}

.footer {
    background: #424649;
    color: #ffffff;
    clear: both;
    font-size: 1em;
    margin-top: 1.5em;
    padding: 1em;
    padding-bottom: 2em;
    min-height: 1em;
}

.footer a {
    color: #feb672;
}

.spinner {
    background: url(spinner.gif) 50% 50% no-repeat transparent;
    height: 16px;
    width: 16px;
    padding: 0.5em;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px;
}

/* NAVIGATION MENU */

.nav {
    zoom: 1;
}

.nav ul {
    overflow: hidden;
    padding-left: 0;
    zoom: 1;
}

.nav li {
    display: block;
    float: left;
    list-style-type: none;
    margin-right: 0.5em;
    padding: 0;
}

.nav a {
    color: #666666;
    display: block;
    padding: 0.25em 0.7em;
    text-decoration: none;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}

.nav li.dropdown-item a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.nav a:active, .nav a:visited {
    color: #666666;
}

.nav a:focus, .nav a:hover {
    background-color: #999999;
    color: #ffffff;
    outline: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.no-borderradius .nav a:focus, .no-borderradius .nav a:hover {
    background-color: transparent;
    color: #444444;
    text-decoration: underline;
}

.nav a.home, .nav a.list, .nav a.create {
    background-position: 0.7em center;
    background-repeat: no-repeat;
    text-indent: 25px;
}

.nav a.home {
    background-image: url(skin/house.png);
}

.nav a.list {
    background-image: url(skin/database_table.png);
}

.nav a.create {
    background-image: url(skin/database_add.png);
}

.nav li.dropdown.show ul.dropdown-menu {
    background-color: #424649;
}

.main-menu .main-menu-content li {
    background-color: #e1f1ff;
}

.warnbox {
    background-color: lightblue;
    border: 1px solid blue;
    padding: 1rem;
}

/* CREATE/EDIT FORMS AND SHOW PAGES */

fieldset,
.property-list {
    margin: 0.6em 1.25em 0 1.25em;
    padding: 0.3em 1.8em 1.25em;
    position: relative;
    zoom: 1;
    border: none;
}

.property-list .fieldcontain {
    list-style: none;
    overflow: hidden;
    zoom: 1;
}

.fieldcontain {
    margin-top: 1em;
}

.fieldcontain label,
.fieldcontain .property-label {
    color: #666666;
    text-align: right;
    width: 25%;
}

.fieldcontain .property-label {
    float: left;
}

.fieldcontain .property-value {
    display: block;
    margin-left: 27%;
}

label {
    cursor: pointer;
    display: inline-block;
    margin: 0 0.25em 0 0;
}

input, select, textarea {
    background-color: #fcfcfc;
    border: 1px solid #cccccc;
    font-size: 1em;
    padding: 0.2em 0.4em;
}

select {
    padding: 0.2em 0.2em 0.2em 0;
}

select[multiple] {
    vertical-align: top;
}

textarea {
    width: 250px;
    height: 150px;
    overflow: auto; /* IE always renders vertical scrollbar without this */
    vertical-align: top;
}

input[type=checkbox], input[type=radio] {
    background-color: transparent;
    border: 0;
    padding: 0;
}

input:focus, select:focus, textarea:focus {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    outline: 0;
    -moz-box-shadow: 0 0 0.5em #ffffff;
    -webkit-box-shadow: 0 0 0.5em #ffffff;
    box-shadow: 0 0 0.5em #ffffff;
}

.required-indicator {
    color: #cc0000;
    display: inline-block;
    font-weight: bold;
    margin-left: 0.3em;
    position: relative;
    top: 0.1em;
}

ul.one-to-many {
    display: inline-block;
    list-style-position: inside;
    vertical-align: top;
}

ul.one-to-many li.add {
    list-style-type: none;
}

/* EMBEDDED PROPERTIES */

fieldset.embedded {
    background-color: transparent;
    border: 1px solid #CCCCCC;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

fieldset.embedded legend {
    margin: 0 1em;
}

/* MESSAGES AND ERRORS */

.errors,
.message {
    font-size: 0.8em;
    line-height: 2;
    margin: 1em 2em;
    padding: 0.25em;
}

.message {
    background: #f3f3ff;
    border: 1px solid #b2d1ff;
    color: #006dba;
    -moz-box-shadow: 0 0 0.25em #b2d1ff;
    -webkit-box-shadow: 0 0 0.25em #b2d1ff;
    box-shadow: 0 0 0.25em #b2d1ff;
}

.errors {
    background: #fff3f3;
    border: 1px solid #ffaaaa;
    color: #cc0000;
    -moz-box-shadow: 0 0 0.25em #ff8888;
    -webkit-box-shadow: 0 0 0.25em #ff8888;
    box-shadow: 0 0 0.25em #ff8888;
}

.errors ul,
.message {
    padding: 0;
}

.errors li {
    list-style: none;
    background: transparent url(skin/exclamation.png) 0.5em 50% no-repeat;
    text-indent: 2.2em;
}

.message {
    background: transparent url(skin/information.png) 0.5em 50% no-repeat;
    text-indent: 2.2em;
}

/* form fields with errors */

.error input, .error select, .error textarea {
    background: #fff3f3;
    border-color: #ffaaaa;
    color: #cc0000;
}

.error input:focus, .error select:focus, .error textarea:focus {
    -moz-box-shadow: 0 0 0.5em #ffaaaa;
    -webkit-box-shadow: 0 0 0.5em #ffaaaa;
    box-shadow: 0 0 0.5em #ffaaaa;
}

/* same effects for browsers that support HTML5 client-side validation (these have to be specified separately or IE will ignore the entire rule) */

input:invalid, select:invalid, textarea:invalid {
    background: #fff3f3;
    border-color: #ffaaaa;
    color: #cc0000;
}

input:invalid:focus, select:invalid:focus, textarea:invalid:focus {
    -moz-box-shadow: 0 0 0.5em #ffaaaa;
    -webkit-box-shadow: 0 0 0.5em #ffaaaa;
    box-shadow: 0 0 0.5em #ffaaaa;
}

/* TABLES */

table {
    /*border-top: 1px solid #DFDFDF;*/
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1em;
}

tr {
    border: 0;
}

tr > td:first-child, tr > th:first-child {
    padding-left: 1.25em;
}

tr > td:last-child, tr > th:last-child {
    padding-right: 1.25em;
}

td, th {
    line-height: 1.5em;
    padding: 0.5em 0.6em;
    text-align: left;
    vertical-align: top;
}

th {
    /*background-color: #efefef;*/
    /*background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);*/
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eaeaea));*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea');*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eaeaea')";*/
    color: #666666;
    font-weight: bold;
    line-height: 1.7em;
    padding: 0.2em 0.6em;
}

thead th {
    white-space: nowrap;
}

th a {
    display: block;
    text-decoration: none;
}

th a:link, th a:visited {
    color: #666666;
}

th a:hover, th a:focus {
    color: #333333;
}

th.sortable a {
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 1.1em;
}

th.asc a {
    background-image: url(skin/sorted_asc.gif);
}

th.desc a {
    background-image: url(skin/sorted_desc.gif);
}

.odd {
    background: #f7f7f7;
}

.even {
    background: #ffffff;
}

th:hover, tr:hover {
    background: #f5f5f5;
}

/* PAGINATION */

.pagination {
    border-top: 0;
    margin: 0.8em 1em 0.3em;
    padding: 0.3em 0.2em;
    text-align: center;
    -moz-box-shadow: 0 0 3px 1px #AAAAAA;
    -webkit-box-shadow: 0 0 3px 1px #AAAAAA;
    box-shadow: 0 0 3px 1px #AAAAAA;
    background-color: #EFEFEF;
}

.pagination a,
.pagination .currentStep {
    color: #666666;
    display: inline-block;
    margin: 0 0.1em;
    padding: 0.25em 0.7em;
    text-decoration: none;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}

.pagination a:hover, .pagination a:focus,
.pagination .currentStep {
    background-color: #999999;
    color: #ffffff;
    outline: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.no-borderradius .pagination a:hover, .no-borderradius .pagination a:focus,
.no-borderradius .pagination .currentStep {
    background-color: transparent;
    color: #444444;
    text-decoration: underline;
}

/* ACTION BUTTONS */

.buttons {
    background-color: #efefef;
    overflow: hidden;
    padding: 0.3em;
    -moz-box-shadow: 0 0 3px 1px #aaaaaa;
    -webkit-box-shadow: 0 0 3px 1px #aaaaaa;
    box-shadow: 0 0 3px 1px #aaaaaa;
    margin: 0.1em 0 0 0;
    border: none;
}

.buttons input,
.buttons a {
    background-color: transparent;
    border: 0;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    margin: 0 0.25em 0;
    overflow: visible;
    padding: 0.25em 0.7em;
    text-decoration: none;

    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
}

.buttons input:hover, .buttons input:focus,
.buttons a:hover, .buttons a:focus {
    background-color: #999999;
    color: #ffffff;
    outline: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.no-borderradius .buttons input:hover, .no-borderradius .buttons input:focus,
.no-borderradius .buttons a:hover, .no-borderradius .buttons a:focus {
    background-color: transparent;
    color: #444444;
    text-decoration: underline;
}

.buttons .delete, .buttons .edit, .buttons .save {
    background-position: 0.7em center;
    background-repeat: no-repeat;
    text-indent: 25px;
}

.buttons .delete {
    background-image: url(skin/database_delete.png);
}

.buttons .edit {
    background-image: url(skin/database_edit.png);
}

.buttons .save {
    background-image: url(skin/database_save.png);
}

a.skip {
    position: absolute;
    left: -9999px;
}

.grails-logo-container {
    background: #7c7c7c no-repeat 50% 30%;
    margin-bottom: 20px;
    color: white;
    height: 300px;
    text-align: center;
}

img.grails-logo {
    height: 340px;
    margin-top: -10px;
}

.loginScreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("web_bg2.jpg");
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.homeDeco {
    position: absolute;
    top: -200px;
    left: -200px;
    width: 700px;
    height: calc(100% + 250px);
    transform: rotate(20deg);
    background-color: rgba(25, 37, 57, 0.6);
}

.homeLogo {
    position: absolute;
    width: 500px;
    /*height: 250px;*/
    top: 2%;
    left: 5%;
    max-width: 90%;
}

.small-logo {
    /*height: 40px;*/
    max-width: 150px;
}

.menu-flag {
    max-width: 40px;
    margin-left: 25px;
}

@media (min-width: 1024px) {
    .extractional-logo {
        display: none;
    }

    .pcoded-inner-content {
        margin-left: 90px;
    }
}

.lang-box {
    left: inherit !important;
    right: 0 !important;
    width: 280px !important;
    box-shadow: #333333 10px 10px 20px !important;
}

.classynav ul li.megamenu-item > a:after, .classynav ul li.has-down > a:after {
    content: none;
}

.classy-nav-container .classy-navbar {
    height: 60px;
}

.loginRow {
    position: absolute;
    top: 40%;
    width: 100%;
}

.loginBox {
    background: rgba(128, 128, 128, 0.6);
    width: 100%;
    position: relative;
    /*top: 30%;*/
    /*min-width: 250px;*/
    /*height: 230px;*/
    /*top: 60%;*/
    /*left: 45%;*/
    padding: 15px;
    color: white;
}

.loginBox > h1 {
    color: navajowhite;
}

.loginBox a {
    color: navajowhite;
}

.input-lg {
    width: 100%;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

h1, h2, h3 {
    margin-top: 0.1em;
}

.btn {
    margin-top: 0.3em;
}

.btn-primary, .btn-primary:active {
    background-color: #015089;
    /*background-color: #008b8b;*/
}

.btn-primary:hover {
    background-color: #015089;
    /*background-color: #006262;*/
}

.btn-default {
    border: 1px solid #aaaaaa;
}

.pointer {
    cursor: pointer;
}

.page-header, .main-menu-header {
    height: 124px;
}

.page-header {
    background-image: url(header_bg.jpg);
}

.pcoded[fream-type="theme1"] .main-menu .main-menu-header:before, .pcoded[fream-type="theme1"] .page-header:before {
    background: rgba(68, 138, 255, 0);
}

.pcoded .pcoded-header[header-theme="theme1"] {
    background-color: rgba(25, 37, 57, 1.0);
}

.pcoded .pcoded-header[header-theme="theme1"] > a {
    color: white;
}

.pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active > a, .pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li:hover > a {
    background-color: rgba(25, 37, 57, 1.0);
    color: #fff !important;
}

.pcoded .pcoded-navbar .pcoded-navigation-label[menu-title-theme="theme1"] {
    color: rgba(25, 37, 57, 1.0);
}

.navbar-wrapper {
    width: 100%;
}

.main-menu .main-menu-header {
    background-image: none;
    background-color: #22334d !important;
}

.table-icon-padding {
    padding-top: 2px;
}

.material-button {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    background-color: #016ebc;
    color: white;
    font-size: 32px;
    text-align: center;
    cursor: pointer;
    line-height: 32px;
    padding-top: 0.25em;
}

.material-button-small {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background-color: #016ebc;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    line-height: 16px;
    padding-top: 0.125em;
}

.material-button-colour {
    background-color: #016ebc;
}

.btn-revoke {
    position: absolute;
    left: 1em;
}

.ssiCheckBox {
    -webkit-appearance: none;
    background-color: white;
    border: 1px solid #999999 !important;
/ / box-shadow: 0 1 px 2 px rgba(0, 0, 0, 0.05), inset 0 - 15 px 10 px - 12 px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    padding: 7px;
    width: 20px !important;
    height: 20px !important;
    display: inline-block;
    position: relative;
    left: 0;
    top: 3px;
    outline: 0;
}

.ssiRadio {
    border-radius: 50% !important;
}

.ssiCheckBox:active, .ssiCheckBox:checked:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
    outline: 0;
}

.ssiCheckBox:checked {
    border: 1px solid #999999 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
    outline: 0;
}

.ssiCheckBox:checked:after {
    content: '\2714'; /* was: \2718 */
    font-size: 24px;
    position: absolute;
    top: -5px;
    left: 0;
    outline: 1px;
}

.ssiCheckBox:disabled {
    background-color: #eeeeee;
}

/* That's for Safari 11.0+ */
@media not all and (min-resolution: .001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {

        .ssiCheckBox:checked:after {
            content: '\2714'; /* was: \2718 */
            font-size: 24px !important;
            position: absolute;
            top: -10px !important;
            left: 2px !important;
            outline: 1px;
        }
    }
}

.ssiCBLarge:checked:after {
    top: -8px;
    font-size: 24px;
}

.sweet-alert .ssiCheckBox:checked:after {
    font-size: 24px;
}

.nav a:focus, .nav a:hover {
    background-color: #999999;
    color: #ffffff;
    outline: none;
    text-shadow: none;
    /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);*/
}

.row.hover {
    width: 100%;
    margin-right: 0;
    margin-lefT: 0;
}

.hover:hover {
    background-color: #dddddd;
}

.selected {
    background-color: #00bcd4;
}

.ssiMenuBtn {
    padding-top: 10px;
    background-color: transparent;
    border: none;
}

.ssiMenuBtn:focus {
    background-color: transparent;
    border: none;
    outline: none;
}

.tool-item.selected, .tool-item:hover {
    background: #b30054;
}

.btn-toolbar-small {
    width: 12px;
    height: 12px;
    margin-top: 6px;
    padding: 3px 8px 11px 6px;
}

.btn-toolbar-small > i {
    font-size: 14px !important;
}

#connectionTable thead {
    display: none;
}

#credentialTable thead {
    display: none;
}

.verificationBadge {
    position: absolute;
    right: 10px;
    top: 5px;
    background-color: white;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    text-align: center;
    font-size: 30px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px;
    }
}

.proofWindowMask {
    position: fixed;
    z-index: 4999;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.proofWindow {
    position: absolute;
    top: -75%;
    left: 10%;
    width: 80%;
    height: 90%;
    background-color: white;
    animation: bounce 1.5s;
    animation-fill-mode: both;
    z-index: 5000;
    /*box-shadow: #0c0c0c 10px 10px 10px;*/
}

@keyframes bounce {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(30px);
    }
    80% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes slideWinIn {
    0% {
        top: -75%;
    }
    100% {
        top: 5%;
    }
}

.proofWindowContent {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 30px);
    overflow-y: auto;
}

.proofWindowFooter {
    left: 0;
    width: 100%;
    height: 30px;
    background-color: #b30054;
    color: white;
    text-align: center;
    cursor: pointer;
}

.proofWindowHeader {
    top: 0;
    height: 30px;
    text-align: right;
    padding-right: 10px;
}

.bg-c-maroon {
    background-color: #b30054;
}

.schemaColAttributes {
    width: 30% !important;
    max-width: 35%;
}

.errorMessage {
    background-color: #b30054;
    color: white;
    font-size: 24px;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

.btn-sm {
    padding: 5px 14px;
    line-height: 16px;
    font-size: 11px;
    top: -4px;
    position: relative;
}

.invalidFrame {
    border-left: 3px solid #BF2131;
    background-color: #f0c0c0;
}

.connectionTable {
    padding: 0.5rem 0.6rem !important;
}

.clickableTd {
    cursor: pointer;
}

.dataTable tbody tr:hover {
    background-color: #f0f0f0;
}

.connectionRowSelected {
    background-color: lightblue !important;
}

.statNumber {
    font-size: 48px;
    padding: 0 !important;
    width: 25%;
    vertical-align: middle;
    text-align: center;
}

.statDesc {
    width: 75%;
    vertical-align: middle;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.nav a:focus, .nav a:hover, .nav .active {
    border-bottom: 2px solid #b30054;
    background-color: transparent;
    color: #333;
    outline: none;
    text-shadow: none;
    border-radius: 0;
}

.imageDrop {
    width: 100%;
    height: 300px;
    background-color: #dddddd;
    border: 4px dashed #909090;
    text-align: center;
}

.form-control {
    width: 16px;
    height: 16px;
}

.navbar li a {
    color: white !important;
}

.navbar li a:hover {
    color: #e6e6e6 !important;
}

li.waves-effect a {
    color: black !important;
}

li.waves-effect a:hover {
    color: #444444 !important;
}

.sidebar {
    width: 80px;
    background-color: #a0a0a0;
    box-shadow: #333333 5px 0 20px;
    z-index: 1000;
    position: fixed;
    height: 100%;
    top: 0;
}

.logo-rotate {
    transform: rotate(-90deg);
    z-index: 1001;
}

.vertical-logo {
    height: 70px;
    width: 210px;
    position: fixed;
    top: -35px;
    left: -250px;
    max-width: initial;
}

.select2-results__option[aria-selected=true]:before {
    font-family: 'FontAwesome6', sans-serif;
    content: "\f00c";
    color: #fff;
    background-color: #b30054;
    border: 0;
    display: inline-block;
    line-height: 1.2;
    padding: 0 0 0 2px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #b30054;
    border-width: 2px;
}

.select2-dropdown {
    border: 1px dashed #b30054 !important;
}

.form-group {
    width: 100%;
}

.form-group-default > label {
    background-color: #e0e0e0;
    width: 100%;
    padding-left: 10px;
}

.form-group-default > input, .input-group > input, .form-group-default > select {
    width: 100%;
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 42px;
}

.simple-label {
    background-color: transparent !important;
    width: unset !important;
}

.input-group-append > select {
    width: 100%;
    font-size: 16px;
    height: 42px;
}

.form-group-default .fee {
    background-color: peachpuff;
}

.code {
    background-color: #333333;
    color: #d8d8d8;
    margin-top: 2em;
    margin-bottom: 2em;
    padding-top: 1em;
}

.code-highlight {
    color: #0dcaf0;
}

.ul-docs {
    list-style-type: disc;
    padding-left: 2em !important;
}

xmp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.markbox {
    cursor: pointer;
    z-index: 1000;
}

.markbox:hover {
    border-bottom: 2px solid blue;
}

.marked {
    position: relative;
    top: -2px;
    background-color: rgba(2, 139, 238, 0.5);
    border-radius: 3px;
    /*outline: 2px solid red;*/
}

.markcheck-selected {
    background-color: rgba(188, 1, 110, 0.35);
/ / bc016e
}

.form-group-border {
    border: 1px solid #c2c2c2;
}

.form-group-border-selected {
    border: 2px solid #013256;
}

.form-group-border-selected > label {
    background-color: #016ebc !important;
    color: white;
}

.markcheck {
    font-weight: bold;
}

.markcheck_padding {
    /*padding-top: 0.3em;*/
    display: inline-block !important;
}

.markValidation {
    background-color: rgba(2, 139, 238, 0.5);
/ / #028bee;
}

.table-inline-edit {
    font-size: 14px;
    border: none;
    border-bottom: 1px solid #333333;
    width: 100%;
    padding: 0;
}

.flag {
    width: 40px;
    height: 30px;
    margin-left: 20px;
}

.dashboard-background {
    position: fixed;
    width: 4000px;
    height: 1500px;
    border-radius: 50%;
    transform: rotate(10deg);
    top: 85%;
    left: -500px;
    background-color: rgba(2, 139, 238, 0.1);
/ / #028bee;
    z-index: 1;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff;
    border-bottom: none;
}

.statCard {
    height: 100px;
    padding: 20px;
    display: table-cell;
    vertical-align: middle;
    box-shadow: #888888 5px 5px 15px;
    border-radius: 6px;
    width: 1000px;
}

.statCard-blue {
    border-left: 5px solid #016ebc;
}

.statCard-darkblue {
    border-left: 5px solid #0111bc;
}

.statCard-red {
    border-left: 5px solid #bc016e;
}

.statCard-green {
    border-left: 5px solid #01bcac;
}

.card-opaque {
    background-color: white;
    z-index: 200;
}

.bg-extractional {
    color: white;
    background-color: #016ebc;
}

.loginMapWindow {
    position: fixed;
    top: 10%;
    height: 70%;
    width: 90%;
    display: none;
    box-shadow: 5px 40px 140px silver;
    background-color: #e6e6e6;
}

.hr-thick {
    background-color: black;
    margin-bottom: 28px;
}

.btn-green {
    background-color: #1cc9a7;
    color: white;
}

.calendar-icon {
    border: 1px solid silver;
}

.dataTable pre {
    font-family: "Open Sans", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
}

.scrollBox {
    overflow: auto;
    width: 100%;
    max-height: 400px;
    max-width: 500px;
}