/* General */
.ui-builder .style-toggler > a {
    display:none !important;    
}

.in-modal-title h4 {
    font-size:22px;
    font-weight:500;
}

.btn {
    text-transform: none !important;
}

.demo-navbar-messages {
    display:none !important;
}

.demo-navbar-user img {
    display:none !important;
}

/* Colors */
.color-success {
    background-color:#1fd290;
}

.color-declined {
    background-color:#cb1028;
}

.color-pending {
    background-color:#eca80e;
}

/* Buttons */
.default-button-style {
    border: 1px solid #ff4a00;
    border-radius: 5px;
    displaY: inline-block;
    text-align: center;
    padding: 0;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    line-height:25px;
    transition: all 0.3s ease-in-out;
    display:flex;
    justify-content:center;
    align-items:center;
}

.default-button-style i {
    margin:0;
}

.default-button-style:hover {
    background-color: #ff4a00;
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}

.green-button-style {
    border: 1px solid #1fd290;
    border-radius: 5px;
    displaY: inline-block;
    color:#1fd290;
    text-align: center;
    padding: 0;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    line-height:25px;
    transition: all 0.3s ease-in-out;
    display:flex;
    justify-content:center;
    align-items:center;
}

.green-button-style i {
    margin:0;
}

.green-button-style:hover {
    background-color: #1fd290;
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}

.red-button-style {
    border: 1px solid #cb1028;
    border-radius: 5px;
    displaY: inline-block;
    color:#cb1028;
    text-align: center;
    padding: 0;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    line-height:25px;
    transition: all 0.3s ease-in-out;
    display:flex;
    justify-content:center;
    align-items:center;
}

.red-button-style i {
    margin:0;
}

.red-button-style:hover {
    background-color: #cb1028;
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}


.orange-button-style {
    border: 1px solid #eca80e;
    border-radius: 5px;
    displaY: inline-block;
    color:#eca80e;
    text-align: center;
    padding: 0;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    line-height:25px;
    transition: all 0.3s ease-in-out;
    display:flex;
    justify-content:center;
    align-items:center;
}

.orange-button-style i {
    margin:0;
}

.orange-button-style:hover {
    background-color: #eca80e;
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}

.btn-orange {
    background-color: #eca80e !important;
    color:#ffffff !important;
}
.btn-red {
    background-color: #cb1028 !important;
    color:#ffffff !important;
}
.btn-green {
    background-color: #1fd290 !important;
    color:#ffffff !important;
}


.long-button {
    padding:10 40px !important;
    width:150px !important;
    height:40px;
    line-height: 40px;
    display:inline-block;
}

.app-brand-logo img, .app-brand-logo svg {
    width:50px;
    height:50px;
    background-color:#ffffff;
    padding:5px;
    border-radius: 100%;
}

/* Table Status */
.status-success {
    color:#1fd290;
    text-align:center;
}

.status-declined {
    color:#cb1028;
    text-align:center;
}

.status-pending {
    color:#eca80e;
    text-align:center;
}

.status-success i,
.status-declined i,
.status-pending i {
    font-size:18px !important;
}

/* Table actions */
.open-sub-table {
    border:1px solid #ff4a00;
    border-radius: 5px;
    displaY:inline-block;
    text-align: center;
    padding:0;
    width:20px;
    height:20px;
    margin-right:5px;
    transition:all 0.3s ease-in-out;
}

.open-sub-table:hover {
    background-color:#ff4a00;
    color:#ffffff;
    transition:all 0.3s ease-in-out;
}

.open-sub-table i {
    margin:0;
}

.action-list-wrapper {
    padding-right:10px !important;
    padding-left:10px !important;
}

.action-list-wrapper .actions {
    display:flex;
    justify-content: space-between;
}

.action-center {
    text-align:center !important;
    display:flex;
    justify-content: center;
    padding-right:0 !important;
}

.custom-table th {
    border:1px solid #e2e2e2;
    padding:5px;
}

.table-top-action {
    margin-bottom:15px;
}

.table-top-action.align-right {
    display:flex;
    justify-content: flex-end;
}

/* Signature */
.signature img {
    width:150px;
    height:40px;
    border:1px solid #e2e2e2;
    margin-top:5px;
}

/* Print */

.print-top-title {
    display:flex;
    justify-content: space-around;
    flex-wrap:wrap;
}

.print-top-title .title {
    font-size:40px;
    font-weight:500;
}

.print-top-title .qr-image {
    width:50px;
    height:50px;
    border:1px solid #e2e2e2;
}

.print-input-group textarea {
    width:100%;
    resize:none;
    height:100px;
    border-color:#e2e2e2;
    margin-top:20px;
}

/* Datepicker */
.default-style .datepicker {
    z-index:9999999999999999 !important;
}

#datepicker-base {
    color:#000000 !important;
}

/* Form Options */
.form-col-3,
.form-col-2,
.form-col-1,
.form-col-5 {
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}

.form-col-3 .form-col {
    flex:0 0 32%;
}

.form-col-2 .form-col {
    flex:0 0 48%;
}

.form-col-5 .form-col {
    flex:0 0 19%;
}

.form-col-1 .form-col {
    flex:0 0 100%;
}

.form-row {
    margin-bottom:15px;
}

input,
textarea {
    background: #fff;
    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 7%), 0px 4px 5px 0px rgb(0 0 0 / 5%), 0px 1px 10px 0px rgb(0 0 0 / 3%);
    color: #212529;
    border:0;
    height:34px;
    line-height:34px;
    padding-left:15px;
    border-radius: 3px;
    width:100%;
}

input:focus,
textarea:focus {
    border:0;
    outline:0;
}

textarea {
    height:initial !important;
    resize:none;
    height:150px !important;
}

/* Modal Options */
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 65rem;
        margin: 1.75rem auto;
    }
        .modal-dialog.modal-cus {
            max-width: 35rem;
            margin: 1.75rem auto;
        }
}

/*.table-responsive {
    overflow: initial !important;
}*/

.table-responsive .row:nth-child(2) {
    overflow: auto !important;
}

.rounded-circle {
    height:40px;
    width:40px !important;
    background-color:#ffffff;
    padding:5px;
}

.app-brand-logo {
    cursor: pointer !important;
}