body {
    font-family: "Maven Pro", sans-serif !important;
    font-style: normal;
    font-weight: lighter;
    overflow-x: hidden;
}

/* width options */
/* percentage */ 
.w-5 {
    width:5% !important;
}

.w-10 {
    width:10% !important;
}

.w-15 {
    width:15% !important;
}

.w-20 {
    width:20% !important;
}

.w-30 {
    width:30% !important;
}

.w-40 {
    width:40% !important;
}

.w-50 {
    width:50% !important;
}

.w-60 {
    width:60% !important;
}

.w-70 {
    width:70% !important;
}

.w-80 {
    width:80% !important;
}

.w-90 {
    width:90% !important;
}

.w-100 {
    width:100% !important;
}

/* pixels */

.w-5p {
    width:5px !important;
}

.w-10p {
    width:10px !important;
}

.w-15p {
    width:15px !important;
}

.w-20p {
    width:20px !important;
}

.w-30p {
    width:30px !important;
}

.w-40p {
    width:40px !important;
}

.w-50p {
    width:50px !important;
}

.w-60p {
    width:60px !important;
}

.w-70p {
    width:70px !important;
}

.w-80p {
    width:80px !important;
}

.w-90p {
    width:90px !important;
}

.w-100p {
    width:100px !important;
}

/* margin */

.mt-7 {
    margin-top: 7rem;
}
.ml-4{
    margin-left: 4rem!important;
}
.ml-6 {
    margin-left: 6rem!important;
}

.bg-teal{
    background-color: #02cedb;
}

.bg-blue{
    background-color: #576ef1;
}

.bg-dark-blue{
    background-color: #0025fc;
}

.bg-purple{
    background-color: #c658f3;
}

.bg-orange{
    background-color: #fca35c;
}

.bg-green{
    background-color: #7aff97;
}

.bg-blue-green{
    background-color: #07c2bc;
}

text-black {
    color: black !important;
}

/* header options */

.h1 {
    font-size: 5rem !important;
}

.h2 {
    font-size: 4rem !important;
}

.h3 {
    font-size: 3rem !important;
}

.h4 {
    font-size: 2rem !important;
}

.h5 {
    font-size: 1.7rem !important;
}

.h6 {
    font-size: 1.4rem !important;
}
.h7 {
    font-size: 1rem !important;
}

/* override default styles */

/* form */

.form-group .custom-select {
    height: 3.3rem;
    padding: 1rem!important;
    border-radius: 0.5rem;
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: rgba(78,115,223,1) !important;
}

.form-control{
    font-size: .8rem !important;
    border-radius: 0.5rem !important;
    padding: 1.5rem 1rem;
}

.form-control:disabled, .form-control[readonly] {
    background: white;
}

.col-form-label {
    /*padding-top: calc(.75rem + 1px)!important;*/
    display: flex;
}

.error {
    width: 100% !important;
    margin: 0.3rem 1rem!important;
    color: #e74a3b !important;
    font-size: small !important;
    font-weight: 100 !important;
    text-align: left !important;
}

/*base admin css implementation for select2 elements*/

/*if select2 element is disabled*/
.select2-container--default.select2-container--disabled .select2-selection--multiple,
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color:transparent;
    border:none!important;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple:before {
    display: none !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
    display: none !important;
}

/* select2 */

.select2-container {
    width: 100% !important;
    font-size: .8rem !important;
    color: #6e707e !important;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border-radius: 0.5rem !important;
    padding: 1.5rem 0.5rem !important;
    border: 1px solid #d1d3e2 !important;
    height: calc(1.5em + .75rem + 2px) !important;
    line-height: 1.5 !important;
}
.select2-container--default .select2-selection--multiple,
.select2-selection.select2-selection--single{
    border-radius: 0.5rem !important;
    border: 1px solid #ced4da !important;
    display:flex !important;
    align-items: center !important;
}
.select2-selection__arrow {
    margin-right: 0.75rem !important;
    margin-top: 0.75rem !important;
}
.select2-search__field{
    border-radius: 0.5rem !important;
}
.select2-container .selection .select2-selection .select2-selection__rendered{ 
    color: #6e707e;
}
.select2-selection__rendered .select2-selection__choice {
    transform: translateY(50%);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 50% !important;
    margin-top: 50% !important;
}
.select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 1.25rem !important;
    top: 50% !important;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

/* button */

.btn {
    border-radius: 10rem !important;
}

.btn-action {
    font-size: 0.8rem !important;
    padding: .75rem 1rem !important; 
}

/* table */

.table > tbody > tr > td {
    vertical-align: middle !important;
    font-size: 0.9rem !important;
    font-weight: 500;
}

/* datatable */

div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_filter {
    margin-top: 5px;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 3.6rem !important;
}

div.dataTables_wrapper div.dataTables_filter input {
    width: 20rem !important;
    margin-right: 5px;
}

div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_length select {
    border-radius: 10rem !important;
    font-size: 0.9rem !important;
    padding: 0rem 0.6rem 0rem 0.6rem !important;
    border: 1px solid #d1d3e2;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination,
div.dataTables_wrapper div.dataTables_info {
    font-weight: lighter;
    /*font-size: small;*/
}

/* toast */

.toast {
    z-index: 7000 !important;
}

/* custom element styles */

.dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-top: 7px !important;
}

.img-standard {
    height: 200px;
    width: auto;
}

.fw-bold {
    font-weight: bold!important;
}

.fa-upload, .fa-plus-circle {
    font-size: 1.25rem;
}