/* General */
:root {
    --border-radius: 4px;
    --border-radius2x: 8px;
    --default: #777;
}
/* Skin Colors */
:root {
    --primary: #426e31;
    --primary-100: #375c29;
    --primary-200: #325425;
    --primary-300: #2d4b21;
    --primary--100: #4d8039;
    --primary--200: #52883d;
    --primary--300: #579141;
    --primary-rgba-0: rgba(66, 110, 49, 0);
    --primary-rgba-10: rgba(66, 110, 49, 0.1);
    --primary-rgba-20: rgba(66, 110, 49, 0.2);
    --primary-rgba-30: rgba(66, 110, 49, 0.3);
    --primary-rgba-40: rgba(66, 110, 49, 0.4);
    --primary-rgba-50: rgba(66, 110, 49, 0.5);
    --primary-rgba-60: rgba(66, 110, 49, 0.6);
    --primary-rgba-70: rgba(66, 110, 49, 0.7);
    --primary-rgba-80: rgba(66, 110, 49, 0.8);
    --primary-rgba-90: rgba(66, 110, 49, 0.9);
    --secondary: #b3cf4e;
    --secondary-100: #aaca3a;
    --secondary-200: #a3c235;
    --secondary-300: #9bb832;
    --secondary--100: #bcd462;
    --secondary--200: #c0d76c;
    --secondary--300: #c4da76;
    --secondary-rgba-0: rgba(179, 207, 78, 0);
    --secondary-rgba-10: rgba(179, 207, 78, 0.1);
    --secondary-rgba-20: rgba(179, 207, 78, 0.2);
    --secondary-rgba-30: rgba(179, 207, 78, 0.3);
    --secondary-rgba-40: rgba(179, 207, 78, 0.4);
    --secondary-rgba-50: rgba(179, 207, 78, 0.5);
    --secondary-rgba-60: rgba(179, 207, 78, 0.6);
    --secondary-rgba-70: rgba(179, 207, 78, 0.7);
    --secondary-rgba-80: rgba(179, 207, 78, 0.8);
    --secondary-rgba-90: rgba(179, 207, 78, 0.9);
    --tertiary: #6c9b9f;
    --tertiary-100: #5f8e92;
    --tertiary-200: #5a878a;
    --tertiary-300: #557f83;
    --tertiary--100: #7ba5a9;
    --tertiary--200: #83abae;
    --tertiary--300: #8bb0b3;
    --tertiary-rgba-0: rgba(108, 155, 159, 0);
    --tertiary-rgba-10: rgba(108, 155, 159, 0.1);
    --tertiary-rgba-20: rgba(108, 155, 159, 0.2);
    --tertiary-rgba-30: rgba(108, 155, 159, 0.3);
    --tertiary-rgba-40: rgba(108, 155, 159, 0.4);
    --tertiary-rgba-50: rgba(108, 155, 159, 0.5);
    --tertiary-rgba-60: rgba(108, 155, 159, 0.6);
    --tertiary-rgba-70: rgba(108, 155, 159, 0.7);
    --tertiary-rgba-80: rgba(108, 155, 159, 0.8);
    --tertiary-rgba-90: rgba(108, 155, 159, 0.9);
    --quaternary: #e5e5e5;
    --quaternary-100: #d8d8d8;
    --quaternary-200: #d2d2d2;
    --quaternary-300: #cccccc;
    --quaternary--100: #f2f2f2;
    --quaternary--200: #f8f8f8;
    --quaternary--300: #ffffff;
    --quaternary-rgba-0: rgba(229, 229, 229, 0);
    --quaternary-rgba-10: rgba(229, 229, 229, 0.1);
    --quaternary-rgba-20: rgba(229, 229, 229, 0.2);
    --quaternary-rgba-30: rgba(229, 229, 229, 0.3);
    --quaternary-rgba-40: rgba(229, 229, 229, 0.4);
    --quaternary-rgba-50: rgba(229, 229, 229, 0.5);
    --quaternary-rgba-60: rgba(229, 229, 229, 0.6);
    --quaternary-rgba-70: rgba(229, 229, 229, 0.7);
    --quaternary-rgba-80: rgba(229, 229, 229, 0.8);
    --quaternary-rgba-90: rgba(229, 229, 229, 0.9);
    --dark: #212529;
    --dark-100: #16181b;
    --dark-200: #101214;
    --dark-300: #0a0c0d;
    --dark--100: #2c3237;
    --dark--200: #32383e;
    --dark--300: #383f45;
    --dark-rgba-0: rgba(33, 37, 41, 0);
    --dark-rgba-10: rgba(33, 37, 41, 0.1);
    --dark-rgba-20: rgba(33, 37, 41, 0.2);
    --dark-rgba-30: rgba(33, 37, 41, 0.3);
    --dark-rgba-40: rgba(33, 37, 41, 0.4);
    --dark-rgba-50: rgba(33, 37, 41, 0.5);
    --dark-rgba-60: rgba(33, 37, 41, 0.6);
    --dark-rgba-70: rgba(33, 37, 41, 0.7);
    --dark-rgba-80: rgba(33, 37, 41, 0.8);
    --dark-rgba-90: rgba(33, 37, 41, 0.9);
    --light: #FFF;
    --light-100: #f2f2f2;
    --light-200: #ececec;
    --light-300: #e6e6e6;
    --light--100: #ffffff;
    --light--200: #ffffff;
    --light--300: #ffffff;
    --light-rgba-0: rgba(255, 255, 255, 0);
    --light-rgba-10: rgba(255, 255, 255, 0.1);
    --light-rgba-20: rgba(255, 255, 255, 0.2);
    --light-rgba-30: rgba(255, 255, 255, 0.3);
    --light-rgba-40: rgba(255, 255, 255, 0.4);
    --light-rgba-50: rgba(255, 255, 255, 0.5);
    --light-rgba-60: rgba(255, 255, 255, 0.6);
    --light-rgba-70: rgba(255, 255, 255, 0.7);
    --light-rgba-80: rgba(255, 255, 255, 0.8);
    --light-rgba-90: rgba(255, 255, 255, 0.9);
}
/* Skin Colors - Inverse */
:root {
    --primary-inverse: #FFF;
    --secondary-inverse: #777;
    --tertiary-inverse: #FFF;
    --quaternary-inverse: #777;
    --dark-inverse: #FFF;
    --light-inverse: #777;
}
/* Grey Colors */
:root {
    --grey: #969696;
    --grey-100: #f4f4f4;
    --grey-200: #eaeaea;
    --grey-300: #e5e5e5;
    --grey-400: #e0e0e0;
    --grey-500: #dbdbdb;
    --grey-600: #cecece;
    --grey-700: #c1c1c1;
    --grey-800: #a8a8a8;
    --grey-900: #8e8e8e;
    --grey-1000: #757575;
}

.less-error-message ul, .less-error-message li {
    list-style-type: none;
    margin-right: 15px;
    padding: 4px 0;
    margin: 0;
}

.less-error-message label {
    font-size: 12px;
    margin-right: 15px;
    padding: 4px 0;
    color: #cc7777;
}

.less-error-message pre {
    color: #dd6666;
    padding: 4px 0;
    margin: 0;
    display: inline-block;
}

.less-error-message pre.line {
    color: #ff0000;
}

.less-error-message h3 {
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0 5px 0;
    margin: 0;
}

.less-error-message a {
    color: #10a;
}

.less-error-message .error {
    color: red;
    font-weight: bold;
    padding-bottom: 2px;
    border-bottom: 1px dashed red;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.loader {
    width: 48px;
    height: 48px;
    border-width: 3px;
    border-style: dashed solid  solid dotted;
    border-color: #f7931a #f7931a transparent #f7931a;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 20px;
    top: 31px;
    border: 10px solid transparent;
    border-right-color: #f7931a;
    transform: rotate(-40deg);
}

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

.btn-danger{
    padding-bottom: 3px;
    box-shadow:  0 3px 0 #B21F2E;
}

.btn-success{
    padding-bottom: 6px;
    box-shadow:  0 3px 0 #12633D;
}

.whatsapp-top-button {
    position: fixed; /* This makes the button fixed relative to the viewport */
    bottom: 60px;          /* Positions the button at the very top of the viewport */
    right: 10px;         /* Positions the button at the very left of the viewport */
    /* Or use 'right: 0;' to position it at the right */
    /* Example for top-right: top: 0; right: 0; */
    background-image: linear-gradient(180deg,#5FFC7B,#28D146);
    z-index: 1000;   /* Ensures the button stays on top of other content */
    cursor: pointer; /* Indicate it's clickable */
    box-shadow:  3px 3px 3px #000;
    border-radius: 50%;
    padding: 12px 7px;
    color:#e5e5e5;
}
.whatsapp-top-button:hover
{
    background-image: linear-gradient(0deg,#5FFC7B,#28D146);
    color:#ffffff;
    box-shadow: 1px 1px 3px #000;
}
.whatsapp-top-button-icon:hover
{
    color: #ffffff;
    text-shadow:  0 0 5px #ffffff;
}