@import "fullstack-framework-grid.css";

body, h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont" !important;
}


/* Always use lawngreen so we can check this */

.btn-group-lg > .btn, .btn-lg {
    border-radius: 0 !important;
}

span.field-validation-error {
    color: red;
    font-size: smaller;
}

.jumbotron {
    border-radius: 0;
}

div.validation-summary-errors {
    color: red;
}

    div.validation-summary-errors ul {
        padding: 20px;
    }

[type="checkbox"]:checked + label:before {
    border-right-color: lawngreen;
    border-bottom-color: lawngreen;
}

.e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check) {
    color: lawngreen !important;
}

#demo-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}

.demo-footer-icon {
    margin: 5px;
    cursor: pointer;
}

.btn.btn-square {
    border-radius: 0;
}

input#country {
    font-size: 15px !important;
    color: white;
    font-weight: 400;
}

.e-searcher {
    width: 100% !important;
}

.control-section .dual-list-wrapper {
    width: 100%;
    margin: 0 auto 10px;
    display: flex;
}

.dual-list-groupa, .dual-list-groupb {
    width: 50%;
}

.e-checkbox-wrapper.e-info .e-frame.e-check,
.e-checkbox-wrapper.e-info .e-checkbox:focus + .e-frame.e-check { /* csslint allow: adjoining-classes */
    background-color: #2196f3 !important;
    margin-left: 14px;
}

.e-checkbox-wrapper.e-info:hover .e-frame.e-check { /* csslint allow: adjoining-classes */
    background-color: #0b7dda !important;
    margin-left: 14px;
}


.e-zero-size {
    display: none !important;
}

#organization_popup > span > span > span {
    display: none !important;
}

.e-selected {
    background-color: #ffe9bf !important;
}

.content-buttons {
    margin-bottom: 10px;
}

input.e-input,
.e-input-group input.e-input,
.e-input-group.e-control-wrapper input.e-input,
textarea.e-input,
.e-input-group textarea.e-input,
.e-input-group.e-control-wrapper textarea.e-input {
    font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont" !important;
    font-size: 1rem;
}


.toast-message, .toast {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.form-control {
    border-radius: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}


.modal-content {
    border-radius: 0;
}

.mdi-click {
    cursor: pointer;
}

.e-radio + label .e-label {
    line-height: 20px !important;
    padding-left: 5px !important;
    padding-right: 10px !important;
}

.form-control:disabled, .form-control[readonly] {
    opacity: 1;
}

input.fs-input-default {
    /*width: 400px !important;*/
}

input.fs-input-url {
    width: 400px !important;
}

input.fs-input-number {
    width: 100px !important;
}

body.controller-logon #footer {
    font-size: 8pt;
    text-align: center;
    padding-bottom: 5px;
    color: #3C3C3C;
}


input.form-control-600 {
    width: 600px !important;
}

.e-input-group, .e-input-group.e-control-wrapper {
    position: relative;
    /* width: auto !important; */
}

input.e-dropdownlist {
    border: 0 !important;
}

span.e-ddl {
    background-image: none !important;
    background-color: #FAFAFA !important;
    border-bottom: 2px solid #F0C12C !important;
    padding-left: 10px;
}

.swal-modal {
    border-radius: 0;
}

.swal-footer {
    text-align: center;
}

.swal-button, .swal-button:focus {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    color: white;
    padding: 7px 12px;
    font-size: 14px;
    cursor: pointer;
}

.swal-button--cancel, .swal-button--cancel:focus {
    color: #2D2D2D;
}

.e-dialog .e-dlg-content {
    overflow: initial;
    overflow-x: initial;
}

.card-body-header {
    border-bottom: 1px solid #B4B4B4;
}

.card-body-header-icons {
    display: inline-block;
    float: right;
    width: 50px;
    line-height: 36px;
    font-size: 24px;
    padding-top: 5px;
    text-align: right;
    padding-right: 5px;
}

.card-body-header-title {
    display: inline-block;
    padding-right: 50px;
}

.card-body-header-icons i {
    cursor: pointer;
}

.e-tab .e-toolbar,
.e-tab .e-toolbar .e-toolbar-items,
.e-tab .e-toolbar .e-tbar-btn {
    background-color: transparent !important;
}

.form-row-icons {
    display: inline-block !important;
    height: 100% !important;
    vertical-align: middle !important;
    width:50px;
    font-size:16px;
    padding-left:5px;
}

.image-preview {
    margin-bottom:15px !important;
}

input[type=file] {
    border-bottom:none !important;
}

label.uploadFile input[type="file"] {
    position: absolute;
    top: -1000px;
}

/***** Example custom styling *****/
.uploadFile {
    border: 0;
    border-radius: 0;
    padding: 5px 12px;
    margin: 2px;
    background: #72309d;
    display: inline-block;
    color: #fff;
    font-size: 14px;
}

    .uploadFile:hover {
        background: #CCC;
    }

    .uploadFile:active {
        background: #CCF;
    }

    .uploadFile :invalid + span {
        color: #fff;
    }

    .uploadFile :valid + span {
        color: #fff;
    }

.image-preview__image, .image-preview {
    border-width: 1px !important;
    font-weight: normal;
}