/*VARIABLES BOOT*/
:root {  
    --font-little: 0.75rem; /*12px*/
    --font-min: 0.8rem; /*13px*/
    --font-small: 0.875rem; /*14px*/
    --font-normal: 0.94rem; /*15px*/
    --font-default: 1rem; /*16px*/
    --font-medium: 1.12rem; /*18px*/
    --font-large: 1.5rem; /*24px*/
    --font-strong: 1.75rem; /*28px*/
    --font-max: 2rem; /*32px*/

    --color-default: #ced4da;
    --color-green: #36BA9B;
    --color-blue: #39AED9;
    --color-yellow: #F5B946;
    --color-red: #D94352; 
    --color-fsphp: #1D2025;

    --weight-light: 300;
    --weight-normal: 400;
    --weight-strong: 600;
    --weight-bold: 700;
    --weight-black: 900;

    --hover-color-green: #61DDBC;
    --hover-color-blue: #66D4F1;
    --hover-color-yellow: #FCD277;
    --hover-color-red: #F76C82;
    --hover-duration: 0.3s;

    --gradient-green: linear-gradient(to right, #42E695 0%, #3BB2B8 50%, #42E695 100%);
    --gradient-blue: linear-gradient(to right, #17EAD9 0%, #6078EA 50%, #17EAD9 100%);
    --gradient-red: linear-gradient(to right, #D94352 0%, #C53364 50%, #D94352 100%);
    --gradient-yellow: linear-gradient(to right, #FCE38A 0%, #F38181 50%, #FCE38A 100%);
    --gradient-indigo: linear-gradient(45deg,rgba(72,44,191,1) 0%,rgba(106,198,240,1) 100%); 
   
    --hover-gradient-indigo: linear-gradient(45deg,rgba(106,198,240,1) 0%,rgba(72,44,191,1) 100%); 
    
    --radius-normal: 5px;
    --radius-medium: 10px;
    --radius-large: 20px;
    --radius-round: 50%;

    --index-back: -1;
    --index-fold: 2;
    --index-menu: 3;
    --index-modal: 4;
}

/*ELEMENTS*/
img {
    max-width: 100%;
}

img a {
    border: none;
}

ul {
    margin: 0 !important;
    padding: 0 !important;    
    list-style: none !important;    
}

a {
    text-decoration: none !important;
}

a:focus {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;    
}

.pointer {
    cursor: pointer;
}

.cursor_move {
    cursor: move;
}

small {
    font-size: var(--font-little) !important;
}

.bg-theme {
    background: var(--color-main);
}

.bg-indigo {
    background-color: #6610f2;
}

.bg-purple {
    background-color: #6f42c1;
}

.bg-pink {
    background-color: #d63384;
}

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

.bg-teal {
    background-color: #20c997;
}

/*MESSAGES*/
.message {
    color: #ffffff;
    font-size: 14px;
    font-weight: normal;
    text-align: center;

    display: block;
    width: 100%;
    padding: 20px;
    border: 1px solid #cccccc;
    margin-bottom: var(--area-box);

    -webkit-border-radius: var(--radius-normal);
    -moz-border-radius: var(--radius-normal);
    border-radius: var(--radius-normal);
}

.message.success {
    --color: var(--color-green);
    color: var(--color);
    border-color: var(--color);
}

.message.info {
    --color: var(--color-blue);
    color: var(--color);
    border-color: var(--color);
}

.message.secondary {
    --color: var(--bs-secondary);
    color: var(--color);
    border-color: var(--color);
}

.message.warning {
    --color: var(--color-yellow);
    color: var(--color);
    border-color: var(--color);
}

.message.error {
    --color: var(--color-red);
    color: var(--color);
    border-color: var(--color);
}

/*DEFAULT LOAD*/
.ajax_load {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /*z-index: calc(var(--index-modal) * 2);*/
    z-index: 1070;
}

.ajax_load_box {
    margin: auto;
    text-align: center;
    color: #ffffff;
    font-weight: var(--weight-bold);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.ajax_load_box_circle {
    border: 8px solid #e3e3e3;
    border-top: 8px solid var(--color-primary);
    border-radius: 50%;
    margin: auto;
    width: 50px;
    height: 50px;

    -webkit-animation: spin 1.2s linear infinite;
    -o-animation: spin 1.2s linear infinite;
    animation: spin 1.2s linear infinite;
}

.ajax_load_box_title {
    margin-top: 15px;
    font-size: var(--font-small);
    font-weight: var(--weight-strong);
}

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*ICONS NORMALIZE*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
    position: relative !important;
    top: .125em !Important;
    margin-right: .4em !Important;
}

.icon-notext:before {
    top: 0;
    margin-right: 0 !important;;
}

/*CALLOUT*/
.bd-callout {
    padding: 0.8rem 1.25rem;
    margin-top: 0;
    color: var(--bd-callout-color, inherit);
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
    border-bottom: 1px solid var(--bd-callout-border, var(--bs-gray-300));
}

.bd-callout-border-left {
    border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));    
}

.bd-callout-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
}

.bd-callout-info {
    --bd-callout-color: #055160;
    --bd-callout-bg: #cff4fc;
    --bd-callout-border: #9eeaf9;
}

.bd-callout-warning {
    --bd-callout-color: #664d03;
    --bd-callout-bg: #fff3cd;
    --bd-callout-border: #ffe69c;
}

.bd-callout-danger {
    --bd-callout-color: #58151c;
    --bd-callout-bg: #f8d7da;
    --bd-callout-border: #f1aeb5;
}

/*CONTAINER*/
.content,
.container {
    display: block;
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
}

.content {
    padding: 60px 0;
}

/*EFFECTS*/
.transition {
    transition-duration: var(--hover-duration);
}

.radius {
    -webkit-border-radius: var(--radius-normal);
    -moz-border-radius: var(--radius-normal);
    border-radius: var(--radius-normal);
}

.rounded {
    -webkit-border-radius: var(--radius-round);
    -moz-border-radius: var(--radius-round);
    border-radius: var(--radius-round);
}

.box-shadow {
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}

/*ALIGN*/
.al-center {
    text-align: center;
}

.al-left {
    text-align: left;
}

.al-right {
    text-align: right;
}

/*DISPLAY*/
.ds-block {
    display: block;
}

.ds-flex {
    display: flex;
}

.ds-inblock {
    display: inline-block;
}

.ds-inline {
    display: inline;
}

.ds-none {
    display: none;
}

/*GRADIENTS*/
.gradient {
    background-size: 200% auto;
    transition-duration: 0.5s;
}

.gradient-green {
    background-image: var(--gradient-green);
}

.gradient-blue {
    background-image: var(--gradient-blue);
}

.gradient-yellow {
    background-image: var(--gradient-yellow);
}

.gradient-red {
    background-image: var(--gradient-red);
}

.gradient-hover:hover {
    background-position: right center;
}

/*DEFAULT PAGINATOR*/
.paginator {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}

.paginator a, .paginator span {
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid var(--bs-secondary);
    border-right: 0;
    color: var(--bs-secondary);
    font-weight: var(--weight-bold);
    font-size: 14px;
    text-decoration: none;
    transition-duration: 0.2s;
}

.paginator a:first-of-type {
    -webkit-border-radius: var(--radius-normal) 0 0 var(--radius-normal);
    -moz-border-radius: var(--radius-normal) 0 0 var(--radius-normal);
    border-radius: var(--radius-normal) 0 0 var(--radius-normal);
}

.paginator a:last-of-type {
    border-right: 1px solid var(--bs-secondary);
    -webkit-border-radius: 0 var(--radius-normal) var(--radius-normal) 0;
    -moz-border-radius: 0 var(--radius-normal) var(--radius-normal) 0;
    border-radius: 0 var(--radius-normal) var(--radius-normal) 0;
}

.paginator a:hover {
    background: #666;
    background-size: 200%;
    color: #FBFBFB;
}

.paginator span {
    background: var(--bs-secondary);
    color: #fff;
}

/*MCE UPLOAD*/
.mce_upload {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: var(--index-modal);
    background: rgba(0, 0, 0, 0.2);
}

.mce_upload_box {
    margin: auto;
    width: 400px;
    max-width: 90%;
    background: #FFFFFF;
    padding: 30px;
    text-align: center;

    -webkit-border-radius: var(--radius-normal);
    -moz-border-radius: var(--radius-normal);
    border-radius: var(--radius-normal);
}

.mce_upload_box label.legend {
    margin-bottom: 15px;
}

.mce_upload_box .btn {
    width: 100%;
    margin-top: 20px;
}