/**************************************
  *  FONTS PROYECT 
  *  Deprecated smalvaez 07/17/2024
  **************************************/

/*
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/open-sans/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans-BoldItalic';
    src: url('../fonts/open-sans/OpenSans-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('../fonts/open-sans/OpenSans-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans-ExtraBoldItalic';
    src: url('../fonts/open-sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans-Italic';
    src: url('../fonts/open-sans/OpenSans-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/open-sans/OpenSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Arial-Regular';
    src: url('../fonts/open-sans/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    .modal-header font-family: 'OpenSans-Semibold';
    src: url('../fonts/open-sans/OpenSans-Semibold.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans-SemiboldItalic';
    src: url('../fonts/open-sans/OpenSans-SemiboldItalic.ttf') format('truetype');
}
*/
@font-face {
    font-family: 'Arial-Regular';
    src: url('../fonts/arial/ARIAL.TTF') format('truetype');
}


/**************************************
 *  CCS GENERICS
 * ************************************/
/* Move down content because we have a fixed navbar that is 50px tall */
html {
    padding: 0px;
    margin: 0px;
    /*background-color: #e4e4e4 !important;*/
}

body {
    /*padding-top: 50px;*/
    /*padding-bottom: 20px;*/
    font-family: 'Arial-Regular' !important;
    /*color: #272B35;*/
    color: #3F342F;
    background-color: #F0EFEF;
    /*background-color: #272B35;*/
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

input[type="text"], input[type="password"] {
    /*text-transform: uppercase;*/
    text-transform: inherit !important;
    padding: 5px 5px;
    /*margin: 4px 0;*/
    /*display: inline-block;*/
    /*border: 1px solid #e0e0e0;*/
    /*border-radius: 4px;*/
    /*box-sizing: border-box;*/
}

.input:focus {
    background: #F2F2F2;
    border: 1px solid #5A7EC7;
    border-radius: 10px;
}

.input::placeholder {
    color: #DDDDDD;
}


/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea,
tspan,
text {
    max-width: 100%;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    color: #3F342F;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #3F342F;
}

tspan,
text {
    font-family: 'Arial-Regular' !important;
}

textarea {
    max-height: none !important;
}

p {
    font-size: 11px !important;
}

tspan, text {
    font-size: smaller !important;
}


/* ******************************************************
 * Arrow style select 
 ********************************************************/
select {
    /* styling */
    font: inherit;
    /* reset */
    margin: 0;
}
    /* arrow */
    select.ssa-select-arrow-round {
        background-image: linear-gradient(45deg, transparent 50%, #6b6b6b 50%), linear-gradient(135deg, #6b6b6b 50%, transparent 50%), radial-gradient(#F0EFEF 0%, transparent 72%);
        background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) .5em;
        background-size: 5px 5px, 5px 5px, 2.1em 1.7em;
        background-repeat: no-repeat;
    }

/* ******************************************************
 * OVERWRITING COMPLETE CHECK BOOSTRAP STYLE
 ********************************************************/
.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    height: 20px !important;
    accent-color: #3F342F;
}

    input[type="checkbox"],
    input[type="radio"]::after hover {
        opacity: 0.8;
        accent-color: #3F342F !important;
    }

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem;
}

button, input {
    overflow: visible;
}



button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    /*font-size: inherit;*/
    /*line-height: inherit;*/
}

.btn .caret {
    margin-left: 0;
    margin-top: -0.3em;
}

.form-check-label {
    margin-bottom: 0;
}

/**************************************
  * CUSTOM RADIO STYLES
  **************************************/
input[type="radio"] {
    /*accent-color: #385e84;*/
    accent-color: #3F342F;
}
/*
input[type="radio"] {
    background-color: #ddd;
    background-image: -webkit-linear-gradient(0deg, transparent 20%, hsla(0,0%,100%,.7), transparent 80%), -webkit-linear-gradient(90deg, transparent 20%, hsla(0,0%,100%,.7), transparent 80%);
    border-radius: 10px;
    box-shadow: inset 0 1px 1px hsla(0,0%,100%,.8), 0 0 0 1px hsla(0,0%,0%,.6), 0 2px 3px hsla(0,0%,0%,.6), 0 4px 3px hsla(0,0%,0%,.4), 0 6px 6px hsla(0,0%,0%,.2), 0 10px 6px hsla(0,0%,0%,.2);
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin-right: 15px;
    position: relative;
    width: 15px;
    -webkit-appearance: none;
}

    input[type="radio"]:after {
        background-color: #444;
        border-radius: 25px;
        box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.4), 0 1px 1px hsla(0,0%,100%,.8);
        content: '';
        display: block;
        height: 7px;
        left: 4px;
        position: relative;
        top: 4px;
        width: 7px;
    }

    input[type="radio"]:checked:after {
        background-color: #f66;
        box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.4), inset 0 2px 2px hsla(0,0%,100%,.4), 0 1px 1px hsla(0,0%,100%,.8), 0 0 2px 2px hsla(0,70%,70%,.4);
    }

*/
/**************************************
  * SCROLL STYLE
  **************************************/
.ssa-sction-end-scroll {
    border-bottom: 1px solid #FFFFE2;

}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    /*background: #f1f1f1;*/
    background: #E8E8CE;
    border: 1px solid #FFFFE2;
    border-radius: 2px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    box-shadow: -6px -1px 6px -3px rgba(0,0,0,0.75);
    -webkit-box-shadow: -6px -1px 6px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: -6px -1px 6px -3px rgba(0,0,0,0.75);
}

::-webkit-scrollbar-thumb {
    /*background: #E0E0E0;*/
    background: #948276;
    border-radius: 2px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
}

    ::-webkit-scrollbar-thumb:hover {
        /*background: #BDBDBD;*/
        background: #beb2aa;
    }

/**************************************
  * OVERWRITING BOOSTRAP
  **************************************/
.container {
    transition: margin-left .5s;
    padding: 16px;
    min-height: 50em;
    width: none !important;
    margin-top: 95px !important;
}

.form-control {
    max-height: 2.7em;
    display: block;
    width: 100%;
    height: 30px;
    padding: 6px 12px;
    font-size: 11px;
    line-height: 1.42857143;
    color: #3F342F;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    /*text-transform: uppercase;*/
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); */
    /*-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
    /*-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
    /*-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;*/
    /*transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;*/
    /*transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
    /*transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled]
    .form-control {
        opacity: 0.8 !important;
        /*color: #000000 !important;*/
        /*
            font-weight: 600;*/
    }
    /*.form-control:focus {
        border-color: #0992ff;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    }*/

    .form-control:focus,
    .form-control:focus-visible {
        border-color: #92B954;
        background-color: #FFF !important;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);
    }

.form-control-wrong {
    max-height: 2.7em;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    color: #FFF;
    background-color: #ba212e75;
    background-image: none;
    border: 1px solid #ba212e;
    border-radius: 2px;
    /*text-transform: uppercase;*/
}

.form-control-ok {
    max-height: 2.7em;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    color: #FFF;
    background-color: #359a4c80;
    background-image: none;
    border: 1px solid #359a4c;
    border-radius: 2px;
    /*text-transform: uppercase;*/
}

.form-control-warning {
    max-height: 2.7em;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    color: #FFF;
    background-color: #ffd700;
    background-image: none;
    border: 1px solid #ffd700;
    border-radius: 2px;
    /*text-transform: uppercase;*/
}


.messages-control-wrong {
    display: block;
    /*    width: 100%;*/
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    color: #FFF;
    background-color: #ba212e87;
    background-image: none;
    border: 1px solid #ba212e;
    border-left: 10px solid #ba212e;
    border-radius: 2px;
    /*text-transform: uppercase;*/
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.messages-control-wrong-eval {
    display: block;
    /*    width: 100%;*/
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    background-color: #ba212e87;
    background-image: none;
    /*border: 1px solid #ba212e;*/
    /*border-left: 10px solid #ba212e;*/
    border-radius: 2px;
    /*text-transform: uppercase;*/
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    color: #FFF;
    margin: 10px;
}

.messages-control-ok {
    display: block;
    /*    width: 100%;*/
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    /*background-color: #359a4cc4;*/
    background-color: #9fcda3;
    background-image: none;
    border: 1px solid #359a4c;
    border-left: 10px solid #359a4c;
    border-radius: 2px;
    /*text-transform: uppercase;*/
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    color: #3F342F;
}

.messages-control-ok-trasparent {
    display: block;
    /* width: 100%; */
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    /* background-color: #359a4cc4; */
    background-color: #9fcda396;
    background-image: none;
    border: 1px solid #359a4c;
    border-left: 10px solid #359a4c;
    border-radius: 2px;
    /* text-transform: uppercase; */
    /* box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important; */
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    color: #3F342F;
}

.messages-control-ok-eval {
    display: block;
    /* width: 100%; */
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    /* background-color: #359a4cc4; */
    background-color: #9fcda3;
    background-image: none;
    /* border: 1px solid #359a4c; */
    /* border-left: 10px solid #359a4c; */
    border-radius: 2px;
    /* text-transform: uppercase; */
    /* box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important; */
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    color: #3F342F;
    margin: 10px;
}

.messages-control-warning {
    display: block;
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    background-color: #fff4dc;
    background-image: none;
    border: 1px solid #ffc303;
    border-left: 10px solid #ffc303;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    color: #3F342F;
}

.messages-control-warning-trasparent {
    display: block;
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    background-color: #fff4dcb5;
    background-image: none;
    border: 1px solid #ffc303;
    border-left: 10px solid #ffc303;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    color: #3F342F;
}

.messages-control-warning-eval {
    display: block;
    /* width: 100%; */
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    /* background-color: #ffc303; */
    background-color: #fff4dc;
    background-image: none;
    /*border: 1px solid #ffc303;*/
    /*border-left: 10px solid #ffc303;*/
    border-radius: 2px;
    /* text-transform: uppercase; */
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    color: #3F342F;
    margin: 10px;
}

.messages-control-information {
    display: block;
    /* width: 100%; */
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    /* background-color: #1565c0; */
    background-color: #a4c6e0;
    background-image: none;
    border: 1px solid #00358f;
    border-left: 10px solid #00358f;
    border-radius: 2px;
    /* text-transform: uppercase; */
    /* box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important; */
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    color: #3F342F;
}

.messages-control-information-trasparent {
    display: block;
    /* width: 100%; */
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    /* background-color: #1565c0; */
    background-color: #a4c6e087;
    background-image: none;
    border: 1px solid #00358f;
    border-left: 10px solid #00358f;
    border-radius: 2px;
    /* text-transform: uppercase; */
    /* box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important; */
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    color: #3F342F;
}

.messages-control-information-eval {
    display: block;
    /* width: 100%; */
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    /* background-color: #1565c0; */
    background-color: #a4c6e0;
    background-image: none;
    /*border: 1px solid #00358f;*/
    /*border-left: 10px solid #00358f;*/
    border-radius: 2px;
    /* text-transform: uppercase; */
    /* box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important; */
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    color: #3F342F;
    margin: 10px;
}



.messages-control-information-link {
    display: block;
    /* width: 100%; */
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    background-color: #FFF;
    color: #1565c0;
    background-image: none;
    border: 1px solid #1565c0;
    border-radius: 2px;
    /*text-transform: uppercase;*/
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.messages-control-information-gary {
    display: block;
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    border: 1px solid #1565c0;
    border-radius: 3px;
    background-color: #F0EFEF;
    border-color: #F0EFEF !important;
    border-radius: 2px;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}


.ssa-label-wrong {
    color: #ba212e;
    /*text-transform: uppercase;*/
}

.ssa-label-ok {
    color: #359a4cc4;
    /*text-transform: uppercase;*/
}

.ssa-label-warning {
    color: #ffc303;
    /*text-transform: uppercase;*/
}

.ssa-label-information {
    color: #1565c0;
    /*text-transform: uppercase;*/
}

.ssa-label-gray {
    color: #E6E6E6;
    /*text-transform: uppercase; */
}

.ssa-label-white {
    color: #FFF;
    /*text-transform: uppercase;*/
}

.ssa-label-gray-black {
    color: #3F342F;
    /*color: #92B954;*/
    /*text-transform: uppercase;*/
}

.ssa-label-feedback-fileview {
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-style: italic;
    /*color: #359a4c;*/
    text-align: right;
}

.messages-control-help-green {
    display: block;
    /* width: 100%; */
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    color: #FFF;
    background-color: #92B954;
    background-image: none;
    border: 1px solid #92B954;
    border-radius: 3px;
    /*text-transform: uppercase;*/
}

.messages-control-help-gray {
    display: block;
    /* width: 100%; */
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    color: #FFF;
    background-color: #d5dde1;
    background-image: none;
    border: 1px solid #d5dde1;
    border-radius: 3px;
    /*text-transform: uppercase;*/
}


.form-control-wrong {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    color: #FFF;
    background-color: #ba212e75;
    background-image: none;
    border: 1px solid #ba212e;
    border-radius: 3px;
    /*text-transform: uppercase;*/
}

.form-control-ok {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    color: #FFF;
    background-color: #359a4c80;
    background-image: none;
    border: 1px solid #359a4c;
    border-radius: 3px;
    /*text-transform: uppercase;*/
}

/* ****************************************
  *  OVERWRITING BOOSTRAP - MODAL P1
  *****************************************/
.modal-title {
    margin: 0;
    color: #E8E8CE;
    font-size: medium !important;
    font-weight: 500 !important;
    width: 100%;
    letter-spacing: 4px !important;
}

.modal-content {
    position: relative;
    background-color: #fff;
    /* background-clip: padding-box; */
    border: 1px solid #92B954 !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
    position: relative;
    background-color: #fff;
    /*text-transform: uppercase;*/
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #92B954;
    background-color: #92B954;
}

.modal-footer {
    padding: 0px;
    padding-right: 7px;
    padding-left: 7px;
    text-align: right;
    background-color: #67605b5c !important;
}

.modal-footer {
    padding: 0px;
    padding-right: 7px;
    padding-left: 7px;
    text-align: right;
    background-color: #67605b5c !important;
}

/*.modal-title {
    margin: 0;
    color: #fff;
    font-size: larger;
    font-weight: 600;
}*/

.modal-body {
    position: relative !important;
    padding: 10px !important;
    background-color: #E8E8CE;
    border-radius: 2px !important;
}

button.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1 !important;
    color: #fff !important;
    /* font-size: larger; */
    /* font-weight: 600; */
}

/* *******************************************
  *  OVERWRITING BOOSTRAP 5 - MODAL P1
  ********************************************/
.modal-backdrop.show {
    background-color: #e8e8ce91;
    z-index: 1040 !important;
}



/************* TABLES **********/
.table > thead > tr > th {
    border-bottom: 0px !important;
    border-bottom: 4px solid #ddd !important;
}

.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-bottom: 1px solid #ddd !important;
}

/**************************************
  *  OVERWRITING TELERIK STYLES
  **************************************/
.RadPicker {
    vertical-align: middle;
    display: inline-block;
    line-height: 1.42857143;
}

.RadInput_Bootstrap a, .RadInput_Bootstrap.RadInputDisabled a:hover, .RadInput_Bootstrap.RadInputDisabled a:active {
    /*border: 1px solid #ccc !important;*/
    padding-left: 6px !important;
    padding-right: 6px !important;
    background-color: #92B954 !important;
    color: #FFF !important
}

.RadInput_Bootstrap, .RadInputMgr_Bootstrap {
    font-family: 'Arial-Regular' !important;
}

.RadInputDisabled a, .RadInputDisabled .riTextBox {
    opacity: 0.5;
    cursor: not-allowed;
    color: #000000 !important;
}

.RadCalendar_Bootstrap {
    border-color: #dedede;
    color: #333;
    background-color: #fff;
    font-family: 'Arial-Regular' !important;
}

.RadGrid_Bootstrap {
    border-color: #92B954 !important;
    border-width: 5px !important;
    color: #333 !important;
    background-color: #fff !important;
    border-radius: 2px !important;
    font-family: 'Arial-Regular' !important;
    /*text-transform: uppercase !important;*/
}

    .RadGrid_Bootstrap .rgCommandCell {
        border-color: #8db2115c !important;
        background-color: #92B954 !important;
        /*text-transform: uppercase !important;*/
        color: #fff !important;
    }

    .RadGrid_Bootstrap .rgHeaderWrapper {
        border-bottom: #92B954 !important;
    }

.RadGrid div.rgHeaderWrapper {
    border-left: 0 none !important;
    border-right: 0 none !important;
    padding: 0 !important;
    overflow: hidden;
}

.RadGrid_Bootstrap .rgHeader {
    /* background: whitesmoke; */
    /*color: #ffff !important;*/
    font-size: small !important;
    font-weight: bolder !important;
}

.RadGrid .rgMasterTable,
.RadGrid .rgDetailTable,
.RadGrid .rgEditForm table {
    border-collapse: collapse !important;
    /* border-spacing: 0; */
}

.RadGrid .rgRow,
.RadGrid .rgAltRow,
.RadGrid .rgEditRow,
.RadGrid .rgFooter,
.RadGrid .rgGroupHeader {
    border-top: 1px solid #92B954 !important;
    border-style: solid;
    border-color: #92B954 !important;
    border-width: 0px !important;
    color: #555555 !important;
    /*border-top-color: #8db2115c !important;
    border-top-style: solid;
    border-top-width: 3px;*/
    /*border-right-color: #92B954;
    border-right-style: none !important;
    border-right-width: 0px;*/
    /*border-bottom-color: #8db2115c !important;
    border-bottom-style: solid;
    border-bottom-width: 3px;*/
    /*border-left-color: #92B954;
    border-left-style: none !important;
    border-left-width: 0px !important;*/
}
/*.rgSelectedRow {
    background-color:azure!important;
}*/
.RadGrid_Bootstrap .rgMasterTable .rgSelectedCell,
.RadGrid_Bootstrap .rgSelectedRow td,
.RadGrid_Bootstrap td.rgEditRow .rgSelectedRow,
.RadGrid_Bootstrap .rgSelectedRow td.rgSorted {
    color: inherit !important;
    background: inherit !important;
    border-color: #dedede !important;
}

.rgPagerCell {
    border-style: solid;
    border-color: #92B954 !important;
    border-width: 0px !important;
    color: #FFFF !important;
    background-color: #92B954 !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    border-color: #385e84 !important;
    color: #fff !important;
    background-color: #385e84 !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgNumPart a,
.RadGrid_Bootstrap .rgPagerCell .rgPagerButton,
.RadGrid_Bootstrap .rgPagerCell .rgActionButton {
    border-width: 1px !important;
    border-style: solid;
    box-sizing: content-box;
    border-color: #92B954;
    background-color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #555555 !important;
    font-weight: 600;
}

.RadGrid_Bootstrap .rgPagerCell .rgNumPart a,
.RadGrid_Bootstrap .rgPagerCell .rgPagerButton,
.RadGrid_Bootstrap .rgPagerCell .rgActionButton {
    border-width: 1px;
    border-style: solid;
    box-sizing: content-box;
    border-color: #8a6262;
    color: #333;
    background-color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
}

.RadGrid_Bootstrap .rgAltRow {
}

    .RadGrid_Bootstrap .rgAltRow > td {
        background-color: #FFFFE5 !important;
        /*color: #fff !important;*/
    }

.rgOptionsIcon {
    display: none !important;
}

.RadGrid_Bootstrap .rgHeader,
.RadGrid_Bootstrap th.rgResizeCol,
.RadGrid_Bootstrap .rgHeaderWrapper,
.RadGrid_Bootstrap .rgMultiHeaderRow th.rgHeader,
.RadGrid_Bootstrap .rgMultiHeaderRow th.rgResizeCol {
    border: 0 !important;
    /*
    border-bottom: 1px solid #FFFFE5 !important;
    border-left: 1px solid #92B954 !important;
    */
    border-left: 1px solid #92B954 !important;
    border-right: 0px !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    font-size: small !important;
    font-weight: bolder !important;
}

.RadGrid .rgClipCells .rgHeader {
    overflow: hidden !important;
    border: 0 !important;
    /*
    border-bottom: 1px solid #FFFFE5 !important;
    border-left: 1px solid #92B954 !important;
    */
    border-left: 1px solid #92B954 !important;
    border-top: 1px solid #92B954 !important;
    border-bottom: 1px solid #92B954 !important;
    border-right: 0px !important;
    font-size: small !important;
    font-weight: bolder !important;
    color: white;
    height: 30px !important;
    min-height: 30px !important;
}

    .RadGrid .rgClipCells .rgHeader a {
        color: white;
    }

.RadGrid_Bootstrap .rgHeader,
.RadGrid_Bootstrap th.rgResizeCol,
.RadGrid_Bootstrap .rgHeaderWrapper {
    background-color: #8db2115c !important;
    color: #ffff !important;
    font-size: small !important;
    font-weight: bolder !important;
}

.RadGrid_Bootstrap .rgOptions {
    color: #ffff !important;
}

.RadGrid .rgMasterTable,
.RadGrid .rgDetailTable,
.RadGrid .rgEditForm table {
    border-collapse: separate;
    border-spacing: 0;
    border-style: solid;
    border-color: #92B954 !important;
    border-width: 0px !important;
    color: #555555 !important;
}

.RadWindow_Bootstrap {
    /* border-color: #dedede; */
    /* color: #333; */
    background-color: none;
    padding: 0px !important;
    border-radius: 0px !important;
    font-family: 'Arial-Regular' !important;
    /*text-transform: uppercase !important;*/
}

.RadWindow {
    padding: 0 5px 5px;
    border-width: 0px !important;
    border-style: none;
    border-color: #92B954 !important;
}

.RadWindow_Bootstrap .rwTitleWrapper {
    padding: 25px !important;
    background-color: #92B954 !important;
}

.RadWindow .rwIcon {
    display: none !important;
}

.RadWindow .rwTitle {
    /* margin: 0; */
    /* padding: 0 0 0 30px; */
    /* width: 60%; */
    /* border-width: 0; */
    /* color: inherit; */
    /* font: inherit; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    /* word-wrap: normal; */
    /* display: inline-block; */
    /* overflow: hidden; */
    padding: 0 !important;
    margin-top: -6px !important;
    color: #fff !important;
    font-size: larger !important;
    font-weight: 600 !important;
}

.RadWindow_Bootstrap .rwCommandButton {
    padding: 6px;
    color: #fff;
    font-weight: bolder;
}

.rwAlertDialog {
    /*width:0px!important;*/
}

.RadWindow .rwAlertDialog {
    content: none !important;
}

    .RadWindow .rwAlertDialog:before {
        content: none !important;
    }

.RadWindow .rwDialogContent {
    min-height: 100px;
    padding: 20px !important;
}

.RadWindow_Bootstrap .rwDialogButtons button:hover {
    color: #fff;
    background-color: #7B9B0F;
    border-color: none !important;
}

.RadWindow_Bootstrap .rwDialogButtons button {
    color: #fff !important;
    background-color: #92B954 !important;
    border-color: #92B954 !important;
    font-weight: 900 !important;
}

.RadWindow .rwCloseButton:before {
    content: "\e11b";
}

.RadWindow .rwCommandButton:before {
    content: "";
    margin: 0px !important;
    padding: 0px !important;
    display: inline-block;
    font: 600 !important;
    text-align: center;
    vertical-align: top;
    color: #fff !important;
    background-color: #92B954 !important;
    border-color: #92B954 !important;
    font-weight: 900 !important;
}

.RadWindow_Bootstrap .rwCommandButton:hover {
    background-color: #92B954 !important;
    border-color: #92B954 !important;
    font-weight: 900 !important;
    color: #9d9d9d !important;
}

.RadAjax_Bootstrap .raDiv {
    /* background-image: url(../images/ajax-loader.gif) !important; */
    background-image: url(../images/loading.gif) !important;
    background-size: 40px !important;
}

.rgNoRecords {
    display: none !important;
}

/*OPCIONAL. TABLE CommandItemSettings*/
#ctl00_MainContent_grdMaestroTarja_ctl00_TopPager,
#ctl00_MainContent_GrdMerchandise_ctl00_TopPager,
#ctl00_MainContent_grdTarjaExistente_ctl00_TopPager,
#ctl00_MainContent_grdProductividad_ctl00_TopPager,
#ctl00_MainContent_grdIncidentes_ctl00_TopPager,
#ctl00_MainContent_grdDanos_ctl00_TopPager {
    display: none !important;
}

.RadImageGallery {
    overflow: hidden !important;
    text-align: left !important;
    border: 1px solid #d6d6d6 !important;
    background-color: #e0e0e0d9 !important;
    border-radius: 2px !important;
}

    .RadImageGallery .rigThumbnailsBox {
        height: 100%;
        overflow: hidden;
        text-align: left;
        border: 1px solid #d6d6d6 !important;
        background-color: #d6d6d6 !important;
        border-radius: 2px !important;
    }
    /*OPCIONAL*/
    .RadImageGallery .rigToolsWrapper {
        display: none;
    }

.rgRow > td {
    /*background: #b92525;*/
}
/*OPCIONAL*/

/********************************************
  *  OVERWRITING TELERIK STYLES 
  *  When skin is not applied
  *  The skin generates grid offset behavior
  ********************************************/
.RadGrid_Default {
    font-size: small !important;
    line-height: 16px !important;
    background-color: none !important;
    background-color: none !important;
    padding: 0px !important;
    border-radius: 0px !important;
    font-family: 'Arial-Regular' !important;
    /*text-transform: uppercase !important;*/
    border-color: #92B954 !important;
    border-width: 1px !important;
    color: #555555 !important;
}

    .RadGrid_Default .rgCommandRow {
        display: none !important;
    }

.RadGrid input.rgOptions {
    display: none !important;
}

.RadGrid_Default .rgMasterTable,
.RadGrid_Default .rgDetailTable,
.RadGrid_Default .rgGroupPanel table,
.RadGrid_Default .rgCommandRow table,
.RadGrid_Default .rgEditForm table,
.RadGrid_Default .rgPager table {
    font-size: small !important;
    line-height: 16px !important;
    background-color: none !important;
    padding: 0px !important;
    border-radius: 0px !important;
    font-family: 'Arial-Regular' !important;
    /*text-transform: uppercase !important;*/
    color: #6b6b6b !important;
}

.RadGrid .rgClipCells .rgHeader {
    overflow: hidden !important;
    border: 0 !important;
    border-left: 1px solid #92B954 !important;
    border-top: 1px solid #92B954 !important;
    border-bottom: 1px solid #92B954 !important;
    border-right: 1px solid #f2f2f2 !important;
    font-size: small !important;
    font-weight: bolder !important;
    color: white !important;
    background-color: #8eab24 !important;
    background: #92B954 !important;
    height: 30px !important;
    min-height: 30px !important;
}

.rgHeaderWrapper .rgHeaderDiv {
    border-color: #cdcdcd !important;
    overflow: hidden !important;
    border: 0 !important;
    border-left: 1px solid #92B954 !important;
    border-top: 1px solid #92B954 !important;
    border-bottom: 1px solid #92B954 !important;
    border-right: 0px !important;
    font-size: small !important;
    font-weight: bolder !important;
    color: white !important;
    background-color: #92B954 !important;
    background: #92B954 !important;
}

.RadGrid_Default .rgHeader,
.RadGrid_Default th.rgResizeCol,
.RadGrid_Default .rgHeaderWrapper {
    border: 0 !important;
    border-bottom: 0px !important;
    background: #92B954 !important;
}

.RadGrid_Default .rgAltRow > td {
    border-color: #f2f2f2;
    background-color: #ffffe5 !important;
}

.RadGrid_Default .rgAltRow > td {
    border-left: 1px solid #f2f2f2 !important;
    border-top: 1px solid #f2f2f2 !important;
    border-bottom: 1px solid #f2f2f2 !important;
    background-color: #ffffe5 !important;
}

.RadGrid_Default .rgRow > td {
    /* border-color: #fff; */
    border-left: 1px solid #f2f2f2 !important;
    border-top: 1px solid #f2f2f2 !important;
    border-bottom: 1px solid #f2f2f2 !important;
}

.RadGrid_Default .rgMasterTable .rgSelectedCell, .RadGrid_Default .rgSelectedRow {
    background: none !important;
}

html body .RadInput .riTextBox:disabled,
html body .RadInputMgr:disabled {
    opacity: 0.5 !important;
    background-color: #ffffe5 !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    margin: 0 !important;
    width: 100% !important;
    display: block !important;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: small !important;
    line-height: 1.42857143 !important;
    color: #555555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
}

html body .RadInput_Default .riDisabled,
html body .RadInput_Disabled_Default {
    opacity: 0.5 !important;
    background-color: #ffffe5 !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    margin: 0 !important;
    width: 100% !important;
    display: block !important;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: small !important;
    line-height: 1.42857143 !important;
    color: #555555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
}

html body .RadInput_Default .riTextBox,
html body .RadInputMgr_Default {
    border-color: #b3b3b3 !important;
    color: #333 !important;
    background-color: #fff !important;
    background-color: none !important;
    background-color: none !important;
    font-family: 'Arial-Regular' !important;
    /*text-transform: uppercase !important;*/
    padding-right: 5px !important;
    padding-left: 5px !important;
    margin: 0 !important;
    width: 100% !important;
    display: block !important;
    width: 100% !important;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: small !important;
    line-height: 1.42857143 !important;
    color: #555555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
}

html body .riSingle .riTextBox {
    padding-right: 5px !important;
    padding-left: 5px !important;
    margin: 0 !important;
    width: 100% !important;
    display: block !important;
    width: 100% !important;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: small !important;
    line-height: 1.42857143 !important;
    color: #555555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
}

html body .RadInput_Default .riTextBox,
html body .RadInputMgr_Default {
    border-color: #b3b3b3;
    background-color: #fff;
    font-size: small !important;
    line-height: 16px !important;
    background-color: none !important;
    background-color: none !important;
    font-family: 'Arial-Regular' !important;
    /*text-transform: uppercase !important;*/
    color: #555555 !important;
}

html body .riSingle .riTextBox {
    padding-right: 5px !important;
    padding-left: 5px !important;
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 34px !important;
    padding: 6px 12px !important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
}

/*********RadCalendar********/
.RadCalendar_Default {
    background-color: #fff;
    font-size: 12px !important;
    line-height: 17px !important;
    font-family: 'Arial-Regular' !important;
    /*text-transform: uppercase !important;*/
    border-width: 5px !important;
    color: #555555 !important;
    box-shadow: 9px 9px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}

    .RadCalendar_Default .rcTitlebar {
        color: #555555 !important;
        background: none !important;
        background-color: none !important;
        border: 2px solid #e6e6e6 !important;
        border-color: #e6e6e6 !important;
    }

        .RadCalendar_Default .rcTitlebar table {
            font-size: 12px !important;
            line-height: 17px !important;
            font-family: 'Arial-Regular' !important;
            /*text-transform: uppercase !important;*/
            border-width: 5px !important;
            color: #555555 !important;
        }

.RadCalendar .rcTitlebar td {
    border: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    color: #555555 !important;
    font-size: small;
    font-weight: 500;
}

.rcMainTable caption {
    display: none;
}

.RadCalendar_Default .rcMain {
    border-color: #868686;
    border-right: 2px solid #e6e6e6 !important;
    border-left: 2px solid #e6e6e6 !important;
    border-bottom: 2px solid #e6e6e6 !important;
}

.RadCalendar_Default .rcMainTable {
    font-size: 12px !important;
    line-height: 17px !important;
    font-family: 'Arial-Regular' !important;
    /*text-transform: uppercase !important;*/
    border-width: 5px !important;
    color: #555555 !important;
}

.RadCalendarPopupShadows > .rcShadTR {
    display: none !important;
}

.RadCalendarPopupShadows > .rcShadBL {
    display: none !important;
}

.RadCalendarPopupShadows > .rcShadBR {
    display: none !important;
}

/****************************************
  *  CCS SSA, THEME SSA MÉXICO
  ****************************************/
.ssa-navbar {
    margin: 0px !important;
    position: absolute;
    padding: 0;
    height: 67px !important;
    min-height: 67px !important;
    top: 0;
    left: 0;
    width: 100%;
    position: fixed;
    width: 100%;
    z-index: 51;
    background-color: #92B954 !important;
    border-color: #92B954 !important;
    border-bottom: 3px solid #56453C !important;
}

.navbar-inverse {
    /*background-color: #1A1E27;*/
    /*border-color: #1B2631;*/
    /*border-color: #1A1E27;*/
    background-color: #92B954 !important;
    border-color: #92B954 !important;
    border-bottom: 3px solid #56453C !important;
}

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        color: #fff;
        /*background-color: #1B2631;*/
        background-color: #1A1E27;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #fff !important;
    }

.navbar-collapse.in {
    overflow-y: hidden !important;
}

.dropdown-menu {
    top: 35px;
    padding: 3px 0;
    border-radius: 2px;
    border: 1px solid #bbb;
    background-color: #E8E8CE !important;
    overflow: hidden;
    /*border: 1px solid #67605ba1;*/
    border: 1px solid #92B954 !important;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    /*.dropdown-menu > li > a:hover {*/
    /*background-color: rgba(145, 180, 17, 0.26);
        color: white;*/
    /*}*/

    .dropdown-menu > li > a > i {
        color: #3F342F;
    }

    /*.dropdown-menu > li > a:hover {
        background-color: rgba(145, 180, 17, 0.26);
        color: #bdbdbd !important;
        font-size: small !important;
    }*/
    /*.dropdown-menu > li > a:hover {
        background-color: #E8E8CE !important;
        border-radius: 2px;*/
    /*color: #bdbdbd !important;
        font-size: small !important;*/
    /*}*/

    /*.dropdown-menu > li > a > i:hover {
        color: #bdbdbd !important;
    }*/

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        /*color: #fff !important;*/
        text-decoration: none;
        background-color: #E8E8CE;
        opacity: 1;
        border: 1px solid #67605B;
        border-top: 0px;
        border-radius: 2px;
    }

.navbar-nav > li > .dropdown-menu {
    /* margin-top: 0; */
    /* border-top-left-radius: 0; */
    /* border-top-right-radius: 0; */
    background-color: #246EC3 !important;
    border-left: 1px solid #1B2631 !important;
    border-right: 1px solid #1B2631 !important;
    border-bottom: 1px solid #1B2631 !important;
    border-radius: 4px !important;
    /* color: #FFF !important; */
    padding-bottom: 0px;
    /* padding-top: 0px; */
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important; */
    box-shadow: 0 2px 4px 0 rgba(0,0,0,1),0 2px 10px 0 rgba(0,0,0,1) !important;
}

.dropdown-menu .divider {
    height: 5px;
    margin: 0px !important;
    overflow: hidden;
    background-color: #E8E8CE;
}

.ssa-btn-nl {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: small;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ssa-title-page {
    /*text-transform: uppercase;*/
}

.ssa-container-header {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.ssa-container {
    margin-left: 15px !important;
    margin-right: 15px !important;
    margin-left: 61px !important;
    width: 95% !important;
}

.ssa-container-title {
    margin-left: 75px !important;
    width: 95.4% !important;
    margin-top: 10px;
}

.ssa-container-footer {
    margin-left: 15px !important;
    margin-right: 15px !important;
    height: 100%;
    padding-top: 20px;
}

.ssa-image-portal {
    width: 30px;
    background-color: #E8E8CE;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    border-top-left-radius: 1px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 1px 5px 0px #56453C;
    -webkit-box-shadow: 0px 1px 5px 0px #56453C;
}

.ssa-subtitle-portal {
    margin: 0px !important;
    margin-top: 16px !important;
    margin-left: 5px !important;
    font-size: medium !important;
    color: #fff !important;
    margin: 5px;
    letter-spacing: 4px;
}


.ssa-item-menu {
    font-size: x-small;
    /*text-transform: uppercase;*/
    /*font-weight: bold;*/
}
/*
.ssa-item-menu-dd {
    text-transform: uppercase !important;
    color: #6b6b6b !important;
    font-size: small !important;
    font-weight: 600 !important;
}
*/
.ssa-item-menu-dd {
    /*text-transform: uppercase !important;*/
    min-width: 302px;
    min-height: 20px;
    margin: 10px;
    font-size: smaller !important;
    color: #3F342F !important;
    font-weight: 200 !important;
    font-size: x-small !important; /**/
    /*color: #ffffff !important;
    font-size: small !important;
    font-weight: 500 !important;
    border-bottom: 2px solid #1B2631 !important;*/
}

.ssa-title {
    top: 67px !important;
    position: fixed;
    width: 100%;
    z-index: 50;
    background-color: #56453C;
    border-bottom: 2px solid #E8E8CE !important;
    padding: 10px !important;
    /* padding-left: 41px !important; */
    color: #FFFFFF;
    /*-moz-box-shadow: 4px 10px 22px -3px rgba(0, 0, 0, 0.37);*/
    /*-webkit-box-shadow: 1px 6px 22px -9px rgba(0, 0, 0, 0.37);*/
    /*-moz-box-shadow: 1px 6px 22px -9px rgba(0, 0, 0, 0.37);*/
    min-height: 58px;
    box-shadow: -2px 4px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: -2px 4px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -2px 4px 5px 0px rgba(0, 0, 0, 0.75);
}

.ssa-text-title {
    /* text-transform: uppercase; */
    font-size: 11px;
    /* font-weight: 300; */
    text-shadow: -1px -1px 1px #c1c1c1;
    /* text-shadow: 0.1em 0.1em 0.1em #F0EFEF; */
    letter-spacing: 10px;
}


.ssa-text-footer {
    /*text-transform: uppercase;*/
    font-size: xx-small;
    color: white;
    margin: 0px;
}

.ssa-default-card {
    background-color: white;
    padding: 20px;
}

.ssa-default-card-blue {
    background-color: #cfd8dc !important;
    border-bottom: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    padding: 20px;
}

.ssa-default-card-blue-gary-black-medium {
    background-color: #272B35 !important;
    border-bottom: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    padding: 20px;
}

.ssa-default-card-blue-gary {
    background-color: #B0BEC5 !important;
    border-bottom: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    padding: 20px;
}

.ssa-default-card-blue-form {
    background-color: #cfd8dc !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    padding: 5px;
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2),0 0px 0px 0 rgba(0,0,0,0.19) !important; */
    padding: 5px;
}

.ssa-default-card-black-form {
    background-color: #1A1E27 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    padding: 5px;
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2),0 0px 0px 0 rgba(0,0,0,0.19) !important; */
    padding: 5px;
}

.ssa-default-card-light-green-form {
    background-color: #92B9541f !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    padding: 5px;
    /* box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2),0 0px 0px 0 rgba(0,0,0,0.19) !important; */
    padding: 5px;
}

.ssa-default-card-details {
    border: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    margin: 1px;
    margin-top: -21px;
    padding: 5px;
}

.ssa-default-card-details-light-blue {
    background-color: #90A4AE !important;
}

.ssa-default-card-details-header {
    background: #ECEFF1;
    margin: -4px !important;
    border-radius: 2px;
    padding: 5px;
    border: 1px solid #e6e6e6 !important;
}

.ssa-label-title-form {
    /*text-transform: uppercase;*/
    /*font-size: medium !important;*/
    font-weight: 800;
}

.ssa-label-form-letter-spacing-5 {
    /*text-transform: uppercase;*/
    font-size: 11px !important;
    font-weight: 100;
    letter-spacing: 5px;
    text-align: center;
}

.ssa-label-form {
    /*text-transform: uppercase;*/
    font-size: 11px !important;
    font-weight: 100;
    letter-spacing: 1px;
}

.ssa-label-light-form {
    /*text-transform: uppercase;*/
    /*font-size: smaller !important;*/
    font-weight: 400;
    letter-spacing: 2px;
}

.ssa-label-form-small {
    /*text-transform: uppercase;*/
    font-size: xx-small;
    font-weight: 600;
    letter-spacing: 1px;
}

.ssa-p-form {
    width: 100%;
    text-align: center;
    /*text-transform: uppercase;*/
    font-size: 11px !important;
    font-weight: 600;
    margin: 0px;
}

.ssa-p-form-inherit {
    width: 100%;
    text-align: center;
    /*text-transform: uppercase;*/
    font-size: inherit !important;
    font-weight: 600;
    margin: 0px;
}

.ssa-p-form-justify {
    width: 100%;
    text-align: justify;
    /*text-transform: uppercase;*/
    font-size: 11px !important;
    font-weight: 600;
    margin: 0px;
}

.ssa-p-row-form {
    width: 100%;
    text-align: justify;
    /*text-transform: uppercase;*/
    font-size: 11px !important;
    font-weight: 500;
    margin: 0px;
    height: 100%;
    vertical-align: middle;
    height: auto !important;
    max-height: unset !important;
}


.ssa-p-green {
    border: 2px solid #66BB6A !important;
    border-radius: 15px;
    background-color: #66BB6A;
    color: #fff;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-p-green-link {
    border: 1px solid #66BB6A !important;
    border-radius: 15px;
    background-color: #fff;
    color: #66BB6A;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-color-green {
    color: #66BB6A;
}

.ssa-p-red {
    border: 2px solid #ba212e !important;
    /*border-radius: 50px;*/
    border-radius: 15px;
    background-color: #ba212e;
    color: #fff;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-p-red-link {
    border: 1px solid #ba212e !important;
    border-radius: 15px;
    background-color: #fff;
    color: #ba212e;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-color-red {
    color: #ba212e;
}

.ssa-p-attended {
    border: 2px solid #01579b !important;
    /*border-radius: 50px;*/
    border-radius: 15px;
    background-color: #01579b;
    color: #fff;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-p-scheduled-link {
    border: 1px solid #66BB6A !important;
    border-radius: 15px;
    background-color: #fff;
    color: #66BB6A;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-color-scheduled {
    color: #66BB6A;
}

.ssa-p-registeredatentrance-link {
    border: 1px solid #2196F3 !important;
    border-radius: 15px;
    background-color: #fff;
    color: #2196F3;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-color-registeredatentrance {
    color: #2196F3;
}

.ssa-p-attended-link {
    border: 1px solid #01579b !important;
    border-radius: 15px;
    background-color: #fff;
    color: #01579b;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-color-attended {
    color: #01579b;
}

.ssa-p-canceled-link {
    border: 1px solid #ba212e !important;
    border-radius: 15px;
    background-color: #fff;
    color: #ba212e;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-color-canceled {
    color: #ba212e;
}

.ssa-p-canceledapproved-link {
    border: 1px solid #5b7f90 !important;
    border-radius: 15px;
    background-color: #fff;
    color: #5b7f90;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-color-canceledapproved {
    color: #5b7f90;
}

.ssa-p-gray {
    border: 2px solid #c3c8cd !important;
    /*border-radius: 50px;*/
    border-radius: 15px;
    background-color: #c3c8cd;
    /*color: #fff;*/
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-p-gray-link {
    border: 2px solid #c3c8cd !important;
    border-radius: 15px;
    background-color: #fff;
    color: #c3c8cd;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-color-gray {
    color: #c3c8cd;
}

.ssa-p-gray-2 {
    border: 2px solid #5b7f90 !important;
    border-radius: 15px;
    background-color: #5b7f90;
    /*color: #fff;*/
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-p-gray-2-link {
    border: 2px solid #5b7f90 !important;
    border-radius: 15px;
    background-color: #fff;
    color: #5b7f90;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-color-gray-2 {
    color: #5b7f90;
}

.ssa-p-gray-ligth {
    border: 2px solid #e6e6e6 !important;
    /*border-radius: 50px;*/
    border-radius: 15px;
    background-color: #e6e6e6;
    color: #fff;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-p-gray-ligth-link {
    border: 1px solid #e6e6e6 !important;
    border-radius: 15px;
    background-color: #fff;
    color: #e6e6e6;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-color-gray-ligth {
    color: #e6e6e6;
}

.ssa-p-gray-ligth-2 {
    border: 2px solid #BDBDBD !important;
    /*border-radius: 50px;*/
    border-radius: 15px;
    background-color: #BDBDBD;
    color: #fff;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-p-gray-ligth-2-link {
    border: 1px solid #BDBDBD !important;
    border-radius: 15px;
    background-color: #fff;
    color: #BDBDBD;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-color-gray-ligth-2 {
    color: #BDBDBD;
}

.ssa-p-gray-ligth-3 {
    border: 2px solid #90A4AE !important;
    /*border-radius: 50px;*/
    border-radius: 15px;
    background-color: #90A4AE;
    color: #fff;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-p-gray-ligth-3-link {
    border: 1px solid #90A4AE !important;
    border-radius: 15px;
    background-color: #fff;
    color: #90A4AE;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-color-gray-ligth-3 {
    color: #90A4AE;
}

.ssa-p-blue {
    border: 2px solid #385e84 !important;
    /*border-radius: 50px;*/
    border-radius: 15px;
    background-color: #385e84;
    /*color: #fff;*/
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-p-blue-link {
    border: 1px solid #385e84 !important;
    border-radius: 15px;
    background-color: #fff;
    color: #385e84;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-color-blue-link {
    color: #385e84;
}

.ssa-p-blue-2 {
    border: 2px solid #01579b !important;
    /*border-radius: 50px;*/
    border-radius: 15px;
    background-color: #01579b;
    /*color: #fff;*/
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-p-blue-2-link {
    border: 1px solid #01579b !important;
    border-radius: 15px;
    background-color: #fff;
    color: #01579b;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-color-blue-2-link {
    color: #01579b;
}

.ssa-p-buttom-blue {
    border: 2px solid #385e84 !important;
    /*border-radius: 50px;*/
    border-radius: 15px;
    background-color: #385e84;
    color: #fff;
    cursor: pointer;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    .ssa-p-buttom-blue:hover {
        opacity: 0.8;
    }

.ssa-p-buttom-link-blue {
    border: 1px solid #385e84 !important;
    /*border-radius: 50px;*/
    border-radius: 15px;
    /*background-color: #385e84;*/
    background-color: #fff;
    color: #385e84;
    /*color: #fff;*/
    cursor: pointer;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    .ssa-p-buttom-link-blue:hover {
        opacity: 0.8;
    }


.ssa-p-yellow-calendar {
    border: 2px solid #ffc303 !important;
    /*border-radius: 50px;*/
    border-radius: 15px;
    background-color: #ffc303;
    /*color: #fff;*/
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-p-green-calendar {
    border: 2px solid #66BB6A !important;
    /*border-radius: 50px;*/
    border-radius: 15px;
    background-color: #66BB6A;
    /*color: #fff;*/
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-p-gray-calendar {
    border: 2px solid #CFD8DC !important;
    /*border-radius: 50px;*/
    border-radius: 15px;
    background-color: #CFD8DC;
    /*color: #fff;*/
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-p-gray2-calendar {
    border: 2px solid #B0BEC5 !important;
    /*border-radius: 50px;*/
    border-radius: 15px;
    background-color: #B0BEC5;
    /*color: #fff;*/
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-p-gray2-calendar-description {
    padding: 7px;
    text-align: justify;
    font-weight: 600;
    margin: 0px;
    margin-top: 7px;
    font-size: 9px !important;
    /* font-style: italic; */
    background-color: #FFF;
    border-radius: 4px;
    /*box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;*/
    padding: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-background-rubber {
    margin-top: 2px;
    margin-left: -15px;
    margin-right: 11px;
    background-image: url(../images/rubber.png);
    background-repeat: repeat;
    background-size: 5%;
    /*background-color: #FFECB3 !important;*/
    background-color: #67605B !important;
    /* margin: 73px; */
    /*border: 2px solid #FFECB3 !important;*/
    border: 2px solid #67605B !important;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-background-wood {
    margin-top: 2px;
    margin-left: -15px;
    margin-right: 11px;
    background-image: url(../images/wood.png);
    background-repeat: repeat;
    background-size: 50%;
    /* background-color: #FFECB3 !important; */
    /* background-color: #67605B !important; */
    /* margin: 73px; */
    border: 1px solid #92B954 !important;
    /* border: 2px solid #67605B !important; */
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 0px 3px 4px 3px #434343;
    border-radius: 5px;
}

.ssa-background-wood-viwer {
    background-image: url(../images/wood.png);
    background-repeat: repeat;
    background-size: 46%;
    -moz-box-shadow: 0px 3px 4px 3px #434343;
    padding: 3px;
    border-radius: 2px;
}

.ssa-document-read {
    height: 120px;
    width: 100%;
    background-image: url(../images/document_read_icon.png);
    background-repeat: no-repeat;
    background-size: 96%;
}

.ssa-document-read-viwer {
    height: 120px;
    width: 100%;
    background-image: url(../images/document_read_icon.png);
    background-repeat: no-repeat;
    background-size: 39%;
}

.ssa-document-signature {
    height: 120px;
    width: 100%;
    background-image: url(../images/document_signature_icon.png);
    background-repeat: no-repeat;
    background-size: 96%;
}

.ssa-document-signature-viwer {
    height: 120px;
    width: 100%;
    background-image: url(../images/document_signature_icon.png);
    background-repeat: no-repeat;
    background-size: 39%;
}

.ssa-document-signature-ok {
    height: 120px;
    width: 100%;
    background-image: url(../images/document_signature_ok_icon.png);
    background-repeat: no-repeat;
    background-size: 96%;
}

.ssa-document-signature-ok-viwer {
    height: 120px;
    width: 100%;
    background-image: url(../images/document_signature_ok_icon.png);
    background-repeat: no-repeat;
    background-size: 39%;
}

.ssa-shape-line-wood {
    height: 5px;
    width: 100%;
    background-image: url(../images/wood.png);
    background-repeat: repeat;
    background-size: 130%;
    border: 1px solid #3f342f;
    -webkit-box-shadow: 0px 8px 14px 6px #000;
    -moz-box-shadow: 0px 8px 14px 6px #000;
    box-shadow: 0px 8px 14px 6px #000;
    margin-bottom: 5px;
}

.ssa-card-wood-form {
    margin: 5px;
    background-color: #ffffffc9 !important;
    opacity: 0.9;
    border-radius: 4px !important;
    padding: 5px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-card-wood-form-message-ok {
    border: 1px solid #359a4c;
}

.ssa-card-wood-form-message-warning {
    border: 1px solid #ffc303;
}

.ssa-card-wood-form-message-information {
    border: 1px solid #00358f;
}

.ssa-p-pin-description {
    padding: 7px;
    text-align: justify;
    font-weight: 600;
    margin: 0px;
    margin-top: 7px;
    font-size: 9px !important;
    /* font-style: italic; */
    background-color: #fff596;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    /* color: #fff; */
    border: 1px solid #F4E01D !important;
}

.ssa-p-pin-subdescription {
    background-color: #fdef6a;
    border: 1px solid #e6e6e6fc;
    padding: 5px !important;
    border-radius: 5px;
    min-height: 38px;
}

.ssa-p-pin-description-selected {
    padding: 7px;
    text-align: justify;
    font-weight: 600;
    margin: 0px;
    margin-top: 7px;
    font-size: 9px !important;
    /* font-style: italic; */
    background-color: #aac955d1;
    border-radius: 2px;
    box-shadow: 0px 0px 0px 0 rgb(255 255 255 / 1%), 0px 1px 10px 0px #2d2d2d !important;
    /* color: #fff; */
    border: 1px solid #AAC955 !important;
}

.ssa-p-pin-subdescription-selected {
    background-color: #9bc721;
    border: 1px solid #e6e6e6fc;
    padding: 5px !important;
    border-radius: 5px;
    min-height: 38px;
}


.ssa-img-pin {
    margin: 0px;
    height: 24px;
    position: relative;
    top: -23px;
    right: 0;
    bottom: 0;
    left: -5px;
    z-index: 1028;
}

.ssa-img-pin-calendar {
    margin: 0px;
    height: 19px;
    position: relative;
    top: -6px;
    right: 0;
    bottom: 0;
    left: 3px;
    z-index: 1028;
}

.ssa-a-button-form {
    width: 100%;
}

.ssa-span-button-form {
    width: 100%;
    font-size: 24px;
}

.ssa-span-button-form-delete {
    color: #ba212e;
}

    .ssa-span-button-form-delete:hover {
        opacity: 0.8;
    }

.ssa-span-button-form-excel {
    color: #016501e6;
}

    .ssa-span-button-form-excel:hover {
        opacity: 0.8;
    }


.ssa-span-button-form-pdf {
    color: #B30B00;
}

    .ssa-span-button-form-pdf:hover {
        opacity: 0.8;
    }

.ssa-span-button-form-dowload {
    color: #007bff;
}

    .ssa-span-button-form-dowload:hover {
        opacity: 0.8;
    }

.ssa-span-button-form-warning {
    color: #FDD835;
}

    .ssa-span-button-form-warning:hover {
        opacity: 0.8;
    }

.ssa-span-button-form-ok {
    color: #43A047;
}

    .ssa-span-button-form-ok:hover {
        opacity: 0.8;
    }

.ssa-span-button-form-cancel {
    color: #808080;
}

    .ssa-span-button-form-cancel:hover {
        opacity: 0.8;
    }

.ssa-span-button-form-link {
    color: #385e84;
    font-weight: 100 !important;
    font-size: large;
    font-weight: bolder;
}

    .ssa-span-button-form-link:hover {
        opacity: 0.8;
    }

.ssa-span-button-form-link-min {
    font-size: 8px !important;
}

.ssa-span-button-approve {
    color: #359a4c !important;
}

    .ssa-span-button-approve:hover {
        opacity: 0.8;
    }




.ssa-span-button {
    text-align: center;
    /*text-transform: uppercase;*/
    font-size: 11px !important;
    margin: 1px;
    letter-spacing:1px;
}

.ssa-icon-button-pdf {
    /*
    font-size: smaller;
    margin: 1px;
    margin-top: 1px;
    margin-right: 2px;
    */
    font-size: 1.5em;
    margin: 0px !important;
}

.ssa-icon-button {
    /*
    font-size: smaller;
    margin: 1px;
    margin-top: 1px;
    margin-right: 2px;
    */
    font-size: 1.1em;
    margin: 0.2em;
}

.ssa-icon-ok {
    /*    
    color: #FFF;
    background-color: #359a4c;
    font-size: small;
    border: 1px solid #359a4c;
    border-radius: 20px;
    height: 20px;
    width: 20px;
    padding: 2px;
    */
    color: #fff;
    background-color: #359a4c;
    font-size: 0.6em;
    /* margin-left: 23%; */
    border: 1px solid #c6c6c6;
    border-radius: 20px;
    height: 2.5em;
    width: 2.5em;
    padding: 0.6em;
}

.ssa-icon-warning {
    /*
    color: #FFF;
    background-color: #ffd700;
    font-size: small;
    border: 1px solid #ffd700;
    border-radius: 20px;
    height: 20px;
    width: 20px;
    padding: 2px;
    */
    color: #fff;
    background-color: #ffd700;
    font-size: 0.6em;
    /* margin-left: 23%; */
    border: 1px solid #c6c6c6;
    border-radius: 20px;
    height: 2.5em;
    width: 2.5em;
    padding: 0.6em;
}

.ssa-icon-wrong {
    /*   
    color: #FFF;
    background-color: #ba212e;
    font-size: small;
    border: 1px solid #ba212e;
    border-radius: 20px;
    height: 20px;
    width: 20px;
    padding: 2px;
    */
    color: #fff;
    background-color: #ba212e;
    font-size: 0.6em;
    /* margin-left: 23%; */
    border: 1px solid #c6c6c6;
    border-radius: 20px;
    height: 2.5em;
    width: 2.5em;
    padding: 0.6em;
}

.ssa-icon-information {
    /*
    color: #FFF;
    background-color: #1565c0;
    font-size: small;
    border: 1px solid #1565c0;
    border-radius: 20px;
    height: 20px;
    width: 20px;
    padding: 2px;
    */
    color: #fff;
    background-color: #1565c0;
    font-size: 0.6em;
    /* margin-left: 23%; */
    border: 1px solid #c6c6c6;
    border-radius: 20px;
    height: 2.5em;
    width: 2.5em;
    padding: 0.6em;
}


.ssa-btn-circle {
    width: 40px;
    height: 40px;
    padding: 7px 7px;
    border-radius: 75px;
    text-align: center;
    /* font-size: 21px; */
    line-height: 1.42857;
}

    .ssa-btn-circle:hover {
        opacity: 0.8;
    }

.ssa-btn-min-circle {
    width: 32px;
    height: 32px;
    padding: 3px 0px;
    border-radius: 150px;
    text-align: center;
    /* font-size: 21px; */
    line-height: 1.42857;
}

    .ssa-btn-min-circle:hover {
        opacity: 0.8;
    }

.ssa-btn-span-circle {
    font-size: 1.1em;
    top: 0.21em !important;
}

.ssa-btn-min-span-circle {
    font-size: 17px;
    margin: 0px;
    margin-top: 3px;
}

.ssa-btn-min-circle-grid {
    margin-left: 15px !important;
}

.ssa-button-save {
    /*background-color: #385e84 !important;*/
    background-color: #385e84 !important;
    color: #fff !important;
}

    .ssa-button-save:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-delete {
    background-color: #ba212e !important;
    color: #fff !important;
}

    .ssa-button-delete:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-refresh {
    background-color: #96a0aa !important;
    color: #fff !important;
}

    .ssa-button-refresh:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-general-action {
    background-color: #546e7a !important;
    color: #fff !important;
}

    .ssa-button-general-action:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-edit {
    background-color: #01579b !important;
    color: #fff !important;
}

.ssa-button-edit-shadow {
    /*-webkit-box-shadow: 4px 2px 5px 2px rgba(0, 0, 0, 0.78);
    -moz-box-shadow: 4px 2px 5px 2px rgba(0, 0, 0, 0.78);
    box-shadow: 4px 2px 5px 2px rgba(0, 0, 0, 0.78);*/
    -webkit-box-shadow: 18px -16px 1px 28px #546e7a;
    -moz-box-shadow: 18px -16px 1px 28px #546e7a;
    box-shadow: 18px -16px 1px 28px #546e7a;
    color: #fff !important;
}

.ssa-button-edit:hover {
    opacity: 0.8;
    color: #fff !important;
}

.ssa-button-add,
.ssa-button-approve {
    background-color: #359a4c !important;
    color: #fff !important;
}

    .ssa-button-add:hover {
        opacity: 0.8;
        color: #fff !important;
    }

    .ssa-button-approve:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-file-excel {
    background-color: #016501e6 !important;
    color: #fff !important;
}

    .ssa-button-file-excel:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-calendar {
    background-color: #385e84 !important;
    color: #fff !important;
}

    .ssa-button-calendar:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-return {
    background-color: #01579B !important;
    padding: 8px;
    border-radius: 75px;
    color: #fff !important;
}

    .ssa-button-return:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-cancel {
    background-color: #89272f !important;
    color: #fff !important;
}

    .ssa-button-cancel:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-clean {
    background-color: #c3c3c3 !important;
    color: #fff !important;
}

    .ssa-button-clean:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-details {
    background-color: #37474F !important;
    color: #fff !important;
}

    .ssa-button-details:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-search-blue {
    background-color: #34495E !important;
    color: #fff !important;
}

    .ssa-button-search-blue:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-search-gray {
    background-color: #cfd8dc !important;
    color: #fff !important;
}

    .ssa-button-search-gray:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-search-gray-light {
    background-color: #F0EFEF !important;
    border-color: #ccc;
    color: #3F342F !important;
    font-weight: bold;
}

    .ssa-button-search-gray-light:hover {
        opacity: 0.8;
        color: #67605B !important;
    }

.ssa-button-accept-blue {
    background-color: #34495E !important;
    color: #fff !important;
}

    .ssa-button-accept-blue:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-send-blue {
    background-color: #1565c0 !important;
    color: #fff !important;
}

    .ssa-button-send-blue:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-font-white {
    color: #fff !important;
}

.ssa-div-content-rigth-panel-tools {
    display: inline-block !important;
    float: right !important;
    margin-top: -20px !important;
    margin-left: 94% !important;
    padding: 0 !important;
    position: absolute !important;
    z-index: 51;
}

.ssa-button-warning {
    background-color: #FDD835 !important;
    color: #fff !important;
}

    .ssa-button-warning:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-ok {
    background-color: #43A047 !important;
    color: #fff !important;
}

    .ssa-button-ok:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-file-choose {
    /*background-color: #34495E !important;*/
    background-color: #385e84 !important;
    color: #fff !important;
}

    .ssa-button-file-choose:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-liquidate {
    background-color: #1565c0 !important;
    color: #fff !important;
}

    .ssa-button-liquidate:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-next {
    background-color: #1565c0 !important;
    color: #fff !important;
}

    .ssa-button-next:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-reschedule {
    background-color: #ffd54f !important;
    color: #fff !important;
}

    .ssa-button-reschedule:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-card-beige {
    /*background-color: #385e84 !important;*/
    background-color: #E8E8CE !important;
    color: #3F342F !important;
}

    .ssa-button-card-beige:hover {
        opacity: 0.8;
        border-color: #FFF !important;
        color: #3F342F !important;
    }

.ssa-button-card-beige {
    /*background-color: #385e84 !important;*/
    background-color: #E8E8CE !important;
    color: #3F342F !important;
}

    .ssa-button-card-beige:hover {
        opacity: 0.8;
        border-color: #FFF !important;
        color: #3F342F !important;
    }

.ssa-button-card-link {
    /*background-color: #E8E8CE !important;*/
    color: #3F342F !important;
}

    .ssa-button-card-link:hover {
        opacity: 0.8;
        border-color: #FFF !important;
        color: #3F342F !important;
    }

.ssa-button-link {
    background-color: #fff !important;
    /*color: #2b75c0 !important;*/
    color: #0e3981 !important;
    border: 1px solid #0e3981;
    /* color: #0e3981 !important; */
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}
    .ssa-button-link:hover {
        opacity: 0.8;
        color: #0e3981 !important;
        border: 1px solid #0e3981;
        /*color: #81a0d5 !important;*/
    }

.ssa-icon-link {
    margin: 20px;
    font-size: 18px;
    border-radius: 17px;
    background-color: #F0EFEF !important;
    color: #0e3981 !important;
}

.ssa-button-link-side-nav {
    background-color: #92B954 !important;
    border-color: #92B954;
    color: #FFF !important;
    min-width: 100% !important;
    min-height: 5px !important;
    padding: 3px !important;
    margin: 5px !important;
    /*accent-color: #3F342F;*/
    /*box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    .ssa-button-link-side-nav:hover {
        opacity: 0.8;
        border-color: #FFF;
        /*color: #67605B !important;*/
    }


.ssa-button-link-brown-login-external {
    background-color: #fff !important;
    border-color: #67605B;
    color: #67605B !important;
    /*accent-color: #3F342F;*/
    /*box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    padding-top:1px!important;
}

    .ssa-button-link-brown-login-external:hover {
        opacity: 0.8;
        border-color: #FFF;
        color: #67605B !important;
    }

.ssa-button-link-brown-login-external-portal {
    background-color: #67605B !important;
    border-color: #67605B;
    color: #fff !important;
    /*accent-color: #3F342F;*/
    /*box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    .ssa-button-link-brown-login-external-portal:hover {
        opacity: 0.8;
        border-color: #67605B;
        color: #fff !important;
    }

.ssa-button-link-brown-login-external-icon,
.ssa-button-link-brown-login-external-icon:hover {
    background-color: #67605B !important;
    border-color: #67605B;
    color: #fff !important;
    cursor: default;
    width: 100%;
    max-height: 31px;
    /*box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);*/

    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    opacity: 1;
    padding-top: 0.51em !important;
}

.ssa-button-link-brown-login-internal {
    background-color: #fff !important;
    border-color: #92B954;
    color: #92B954 !important;
    /*accent-color: #3F342F;*/
    /*box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    padding-top:7px!important;
}

    .ssa-button-link-brown-login-internal:hover {
        opacity: 0.8;
        border-color: #FFF;
        color: #92B954 !important;
    }

.ssa-button-link-brown-login-internal-portal {
    background-color: #92B954 !important;
    border-color: #92B954;
    color: #fff !important;
    /*accent-color: #3F342F;*/
    /*box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    .ssa-button-link-brown-login-internal-portal:hover {
        opacity: 0.8;
        border-color: #92B954;
        color: #fff !important;
    }

.ssa-button-link-brown-login-internal-icon,
.ssa-button-link-brown-login-internal-icon:hover {
    background-color: #92B954 !important;
    border-color: #92B954;
    color: #fff !important;
    cursor: default;
    width: 100%;
    max-height: 31px;
    /*box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);*/

    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    opacity: 1;
    padding-top: 0.51em !important;
}

.ssa-button-link-brown {
    border-color: #3F342F;
    color: #3F342F !important;
    background-color: #fff !important;
    /*padding: 25px;*/
    /* accent-color: #3F342F; */
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    .ssa-button-link-brown:hover {
        opacity: 0.8;
        color: #3F342F !important;
        border-color: #FFF !important;
    }

.ssa-button-link-logout-green {
    border-color: #92B954;
    color: #92B954 !important;
    background-color: #fff !important;
    /*accent-color: #3F342F;*/
    /*box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    .ssa-button-link-logout-green:hover {
        opacity: 0.8;
        color: #92B954 !important;
        border-color: #FFF !important;
    }

.ssa-button-link-brown-modal {
    width: 30px !important;
    height: 30px !important;
    padding: 0px 0px !important;
    border-radius: 23px !important;
    text-align: center !important;
    line-height: 1.42857 !important;
    background-color: #56453C !important;
    color: #E8E8CE !important;
    /* border: 2px solid #E8E8CE; */
    margin-left: -2px !important;
    webkit-box-shadow: 1px 1px 2px 0px #E8E8CE;
    -moz-box-shadow: 1px 1px 2px 0px #E8E8CE;
    box-shadow: 0px 1px 0px 1px #E8E8CE;
}

    .ssa-button-link-brown-modal:hover {
        opacity: 0.8;
        border-color: #E8E8CE;
        color: #E8E8CE !important;
        webkit-box-shadow: 1px 1px 2px 0px #696969;
        -moz-box-shadow: 1px 1px 2px 0px #696969;
        box-shadow: 0px 1px 0px 1px #696969;
    }

.ssa-button-link-brown-light-modal {
    width: 30px !important;
    height: 30px !important;
    padding: 0px 0px !important;
    border-radius: 23px !important;
    text-align: center !important;
    line-height: 1.42857 !important;
    background-color: #67605B !important;
    color: #E8E8CE !important;
    /* border: 2px solid #E8E8CE; */
    margin-left: -2px !important;
    webkit-box-shadow: 1px 1px 2px 0px #E8E8CE;
    -moz-box-shadow: 1px 1px 2px 0px #E8E8CE;
    box-shadow: 0px 1px 0px 1px #E8E8CE;
}

    .ssa-button-link-brown-light-modal:hover {
        opacity: 0.8;
        border-color: #E8E8CE;
        color: #E8E8CE !important;
        webkit-box-shadow: 1px 1px 2px 0px #696969;
        -moz-box-shadow: 1px 1px 2px 0px #696969;
        box-shadow: 0px 1px 0px 1px #696969;
    }

.ssa-button-brown-no-action {
    background-color: #67605B !important;
    border-color: #67605B;
    color: #fff !important;
    cursor: default;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-button-green-no-action {
    background-color: #92B954 !important;
    border-color: #92B954;
    color: #fff !important;
    cursor: default;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}


.ssa-button-link-add,
.ssa-button-link-approve {
    background-color: #fff !important;
    color: #359a4c !important;
    border-color: #359a4c !important;
    /* box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    .ssa-button-link-add:hover {
        opacity: 0.8;
        color: #359a4c !important;
        border-color: #FFF;
    }

    .ssa-button-link-approve:hover {
        opacity: 0.8;
        color: #359a4c !important;
        border-color: #FFF !important;
    }

.ssa-button-link-add-2 {
    background-color: #fff !important;
    color: #1565c0 !important;
    border-color: #1565c0 !important;
    /*box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    .ssa-button-link-add-2:hover {
        opacity: 0.8;
        color: #1565c0 !important;
        border-color: #FFF !important;
    }

.ssa-button-link-pdf {
    /*background-color: #B71C1C !important;*/
    background-color: #fff !important;
    color: #B71C1C !important;
    border-color: #B71C1C !important;
    font-size: 17px;
    /*box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    .ssa-button-link-pdf:hover {
        opacity: 0.8;
        color: #B71C1C !important;
        border-color: #FFF !important;
    }

.ssa-icon-pdf {
    margin: 20px;
    font-size: 18px;
    border-radius: 17px;
    background-color: #F0EFEF !important;
    color: #B71C1C !important;
}

.ssa-button-link-excel {
    background-color: #fff !important;
    color: #016501e6 !important;
    border-color: #016501e6 !important;
    font-size: 17px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    .ssa-button-link-excel:hover {
        opacity: 0.8;
        color: #016501e6 !important;
        border-color: #FFF !important;
    }

.ssa-icon-excel {
    margin: 20px;
    font-size: 18px;
    border-radius: 17px;
    background-color: #F0EFEF !important;
    color: #016501e6 !important;
}

.ssa-button-link-cancel {
    background-color: #fff !important;
    color: #89272f !important;
    border-color: #89272f !important;
    /*box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    .ssa-button-link-cancel:hover {
        opacity: 0.8;
        color: #89272f !important;
        border-color: #FFF !important;
    }

.ssa-button-link-clean {
    background-color: #fff !important;
    color: #808080 !important;
    border-color: #808080 !important;
    /*box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    .ssa-button-link-clean:hover {
        opacity: 0.9;
        color: #808080 !important;
        border-color: #FFF !important;
    }

.ssa-button-link-save {
    background-color: #fff !important;
    color: #385e84 !important;
    border-color: #385e84 !important;
    /*box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

    .ssa-button-link-save:hover {
        opacity: 0.8;
        color: #385e84 !important;
        border-color: #FFF !important;
    }

.ssa-button-blue {
    background-color: #385e84 !important;
    color: #fff !important;
}

    .ssa-button-blue:hover {
        opacity: 0.8;
    }

.ssa-button-multiply {
    background-color: #4CAF50 !important
}

    .ssa-button-multiply:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-close {
    background-color: #808B96 !important
}

    .ssa-button-close:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-close-white {
    background-color: #fff !important;
    color: #6b6b6b !important;
}

    .ssa-button-close-white:hover {
        opacity: 0.8;
        color: #6b6b6b !important;
    }

.ssa-button-favorite {
    background-color: #43A047 !important;
}

    .ssa-button-favorite:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-unfavorite {
    background-color: #808080 !important;
}

.ssa-span-button-form-unfavorite:hover {
    opacity: 0.8;
    color: #fff !important;
}

.ssa-button-datepicker-blue {
    background-color: #385e84 !important;
}

    .ssa-button-datepicker-blue:hover {
        opacity: 0.8;
        color: #fff !important;
    }


.ssa-span-button-evaluation {
    text-align: center;
    /*text-transform: uppercase;*/
    font-size: 10px !important;
    margin: 1px;
    color: #3F342F !important;
    letter-spacing: 4px;
}

.ssa-button-evaluation-tra {
    background-color: #E8E8CE !important;
    border-color: #E8E8CE !important;
    color: #3F342F !important;
    margin: 2px !important;
    /* margin-top: 3px !important; */
    /* margin-right: 0px !important; */
    /* margin-left: 6px !important;*/
    border-radius: 4px !important;
    border-width: 0px !important;
    border-style: solid !important;
    /* font-size: 11px !important; */
    webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.01), 0 0px 1px 0 rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.01), 0 0px 1px 0 rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.01), 0 0px 1px 0 rgba(0, 0, 0, 0.1) !important;
}

    .ssa-button-evaluation-tra:hover {
        opacity: 0.8;
        color: #fff !important;
    }

.ssa-button-next-slide {
    background-color: #fff !important;
    /*border-color: #7B9B0F;*/
    color: #7B9B0F !important;
    padding: 9px 11px !important;
    width: 36px;
    height: 29px;
}

    .ssa-button-next-slide:hover {
        opacity: 0.8;
        /*color: #fff !important;*/
    }


.ssa-button-evaluation-them {
    background-color: #E8E8CE !important;
    border-color: #E8E8CE !important;
    color: #3F342F !important;
    /*margin-left: 20px !important;*/
    margin: 5px;
    /*margin-right: 0px;*/
    border-radius: 2px 0px 0px 2px !important;
    border-width: 1px;
    border-style: solid;
    webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.01),0 0px 1px 0 rgba(0,0,0,0.1) !important;
    -moz-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.01),0 0px 1px 0 rgba(0,0,0,0.1) !important;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0.01),0 0px 1px 0 rgba(0,0,0,0.1) !important;
    color: #fff !important;
}

    .ssa-button-evaluation-them:hover {
        opacity: 0.8;
        color: #fff !important;
    }


.ssa-button-evaluation-sthem {
    background-color: #E8E8CE !important;
    border: 1px solid #92B954;
    color: #3F342F !important;
    /*margin-left: 25px !important;*/
    margin: 15px !important;
    /*margin-right: 0px;*/
    border-radius: 2px 0px 0px 2px !important;
    border-width: 1px;
    border-style: solid;
    webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.01),0 0px 1px 0 rgba(0,0,0,0.1) !important;
    -moz-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.01),0 0px 1px 0 rgba(0,0,0,0.1) !important;
    box-shadow: 0 0px 0px 0 rgba(0,0,0,0.01),0 0px 1px 0 rgba(0,0,0,0.1) !important;
    color: #fff !important;
}

    .ssa-button-evaluation-sthem :hover {
        opacity: 0.8;
        color: #3F342F !important;
    }


.ssa-button-nav-menu {
    /*background-color: #1A1E27 !important;*/
    /*border-color: #1B2631 !important;*/
    /*border-color: #1A1E27 !important;*/
    background-color: #92B954 !important;
    /* background-image: none;*/
    /*border-radius: 4px solid transparent;*/
    font-size: xx-large;
    margin-left: -10px !important;
    color: #fff !important;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 0px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    background-color: #1A1E27 !important;
    /*border-color: #1B2631 !important;*/
    border-color: #1A1E27 !important;
    background-image: none;
    border: 0px !important;
    border-radius: 0px !important;
    color: #fff !important;
}

.ssa-btn-float-link {
    position: absolute;
    top: 0px;
    right: 30px;
    background-color: #FFF;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    width: 32px;
    border: -0.2em solid rgba(0,0,0,.125);
    /* border-style: solid; */
    border-radius: 25px;
    -webkit-box-shadow: 7px 8px 20px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px 8px 20px -8px rgba(0,0,0,0.75);
    box-shadow: 7px 8px 20px -8px rgba(0,0,0,0.75);
    font-size: x-small !important;
    box-shadow: 0 4px 0px 0 rgba(0,0,0,0.01),0 2px 5px 0 rgba(0,0,0,0.9) !important;
    padding: 10px;
}

    .ssa-btn-float-link::after hover {
        opacity: 0.8;
    }

.ssa-btn-table-link {
    background-color: #FFF;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    width: 23px;
    border: -0.2em solid rgba(0,0,0,.125);
    border-radius: 25px;
    -webkit-box-shadow: 7px 8px 20px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px 8px 20px -8px rgba(0,0,0,0.75);
    box-shadow: 7px 8px 20px -8px rgba(0,0,0,0.75);
    font-size: x-small !important;
    box-shadow: 0 4px 0px 0 rgba(0,0,0,0.01),0 2px 5px 0 rgba(0,0,0,0.9) !important;
    padding: 5px;
}

    .ssa-btn-table-link::after hover {
        opacity: 0.8;
    }

.ssa-span-button-float-link {
    color: #385e84;
    font-weight: 100;
    font-size: small !important;
    font-weight: bolder;
}

.ssa-span-button-table-link {
    color: #385e84;
    font-weight: 100;
    font-size: small !important;
    font-weight: bolder;
}
/************* MODAL **********/
.ssa-lable {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.ssa-modal-body {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 500px;
    /*text-transform: uppercase;*/
}

.ssa-modal-body-confirm {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.ssa-modal-content-confirm {
    position: relative;
    background-color: #fff;
    border: 1px solid #546e7a !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
    position: relative;
    background-color: #fff;
    /*text-transform: uppercase;*/
}

.ssa-modal-content-confirm-black {
    position: relative;
    background-color: #fff;
    border: 1px solid #1A1E27 !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
    position: relative;
    background-color: #fff;
    /*text-transform: uppercase;*/
}

.ssa-modal-header-confirm {
    border-bottom: 1px solid #546e7a !important;
    background-color: #546e7a !important;
}

.ssa-modal-header-confirm-black {
    border-bottom: 1px solid #1A1E27 !important;
    background-color: #1A1E27 !important;
}

.ssa-modal-p-title-confirm {
    margin: 0px !important;
    height: 100% !important;
    width: 100% !important;
    text-align: left;
    /*text-transform: uppercase;*/
    color: #6b6b6b !important;
    font-weight: bolder;
    font-size: 13px !important;
}

.ssa-modal-p-title-help {
    margin: 0px !important;
    margin-left: 20px !important;
    height: 100% !important;
    width: 100% !important;
    /* text-align: left; */
    /* text-transform: uppercase; */
    /* color: #fff !important; */
    /* font-weight: bolder; */
    /* font-size: 13px; */
    letter-spacing: 4px !important;
    font-size: small;
}

.ssa-modal-p-message-confirm {
    margin: 0px !important;
    height: 100% !important;
    width: 100% !important;
    text-align: center !important;
    /*text-transform: uppercase !important;*/
    font-weight: 600 !important;
}

.ssa-required-filed {
    border: 1px solid #ba212e !important;
    background-color: #ba212e17 !important;
}

.ssa-row-subtitle {
    border: 1px solid #d6d6d6 !important;
    background-color: #e0e0e0d9 !important;
    border-radius: 2px !important;
}

.ssa-control-disabled {
    /*background-color: #ffffe5 !important;*/
    background-color: #FFF9C4 !important;
    border: 1px solid #ccc !important;
}

.ssa-panel-return-buttoms {
    background-color: #92B95470 !important;
    padding: 5px !important;
    margin-top: -25px;
}

.ssa-modal-body-max-sreen {
    max-height: calc(100% - 120px) !important;
    overflow-y: scroll !important;
}

.ssa-modal-body-row {
    margin-left: -3px;
    margin-right: -3px;
}

.ssa-background-color-gray {
    /*background-color: #cfd8dc !important;*/
    background-color: #F0EFEF !important;
}

.ssa-background-color-blue {
    background-color: #B0BEC5 !important;
}

.ssa-background-color-dark-blue {
    background-color: #34495E !important;
}

.ssa-background-color-dark-blue-color-white {
    background-color: #34495E !important;
    color: white;
}

.ssa-background-color-medium-gray {
    background-color: #bdbdbd !important;
    color: white;
}

.ssa-background-color-white {
    background-color: #fff !important;
}

.ssa-background-color-beige {
    background-color: #E8E8CE !important;
}

.ssa-background-color-beige-border {
    background-color: #E8E8CE !important;
    border-bottom: 3px solid #E8E8CE;
}

.ssa-background-color-beige-light {
    background-color: #67605B !important;
}

.ssa-background-color-green {
    background-color: #92B954 !important;
}

.ssa-background-color-dark-blue-2-color-white {
    border: 1px solid #283d51 !important;
    background-color: #283d51 !important;
    color: #FFF !important;
    border-radius: 2px;
}

.ssa-background-color-gray-dark-color-white {
    border: 1px solid #272B35 !important;
    background-color: #272B35 !important;
    color: #FFF !important;
    border-radius: 2px;
}

.ssa-background-color-gray-2-color-white {
    border: 1px solid #272B35 !important;
    background-color: #272B35 !important;
    color: #FFF !important;
}

.ssa-background-color-white-2-color-white {
    border: 1px solid #FFF !important;
    background-color: #FFF !important;
    color: #3F342F;
}

.ssa-background-color-brown-row {
    background-color: #67605bc9 !important;
    border-radius: 2px;
    margin-bottom: 5px;
    color: #fff;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-background-color-green-row {
    background-color: #92b954c2 !important;
    border-radius: 2px;
    margin-bottom: 5px;
    color: #fff;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}
.ssa-div-table-vertical-card {
    /*max-height: 400px;
    overflow-x: auto;
    overflow-y: auto;*/
}

.ssa-div-table-horizontal-card {
    /*max-height: 250px;
    overflow-x: auto;
    overflow-y: auto;*/
}

.ssa-row-toogle-swtch {
    background-color: #92b9548f !important;
    padding: 15px;
    border-radius: 5px;
}

.ssa-col-toogle-swtch {
    height: 34px;
}

.ssa-p-title-toogle-swtch {
    /*width: 100%;
    /*text-transform: uppercase;*/
    font-size: small;
    font-weight: 600;
    margin: 0px;
}

.ssa-title-toogle-swtch {
    width: 101.2%;
    border: 1px solid #e6e6e6;
    padding: 10px !important;
}

.ssa-p-title-selected {
    width: 100%;
    text-align: left;
    /*text-transform: uppercase;*/
    font-size: small;
    font-weight: 600;
    margin: 0px;
    /*color: #01579b;*/
}

.ssa-p-title-text-selected {
    width: 100%;
    text-align: left;
    /*text-transform: uppercase;*/
    font-size: small;
    font-weight: bold;
    margin: 0px;
    color: #01579b;
}

/************* CARDS **********/
.ssa-p-title-card {
    margin: 0px !important;
    width: 100%;
    height: 100%;
    text-align: left;
    /*font-size: 15px !important;*/
    font-size: 13px !important;
    /*font-weight: 600;*/
    /*padding: 10px;*/
    /*text-transform: uppercase;*/
    text-shadow: 0.1em 0.1em 0.1em #a8a8a9;
}

.ssa-p-title-card-white {
    margin: 0px !important;
    width: 100%;
    height: 100%;
    text-align: left;
    /*font-size: 15px !important;*/
    font-size: 12px !important;
    /*font-weight: 600;*/
    /*padding: 10px;*/
    /*text-transform: uppercase;*/
    letter-spacing: 4px;
    color:#fff;
    text-shadow: 0.1em 0.1em 0.1em #a8a8a9;
}

/*Identity Brown*/
/*.ssa-p-title-no-padding-card {
    margin: 0px !important;
    margin-left: -10px !important;
    width: 100%;
    height: 100%;
    text-align: left;
    font-size: 12px !important;
    font-weight: 600;
    padding-left: 20px;*/
    /* text-transform: uppercase; */
    /*text-shadow: 0em 0.1em 0.1em #F0EFEF;*/
    /*letter-spacing: 6px;
}*/

/*Identity Green*/
.ssa-p-title-no-padding-card {
    margin: 0px !important;
    margin-left: -10px !important;
    width: 100%;
    height: 100%;
    text-align: left;
    font-size: 0.8em !important;
    /* font-weight: 600; */
    padding-left: 20px;
    /* text-transform: uppercase; */
    /* text-shadow: 0.1em 0.1em 0.1em #ffffff; */
    letter-spacing: 10px;
}

.ssa-p-subtitle-card {
    margin: 0px !important;
    width: 100%;
    height: 100%;
    text-align: left;
    font-size: small;
    font-weight: 500;
    background-color: #eceff1;
    border: 1px solid #ffffff;
    border-radius: 2px;
    padding: 5px;
    /*text-transform: uppercase;*/
}

.ssa-p-subtitle-card-blue {
    background-color: #90A4AE !important;
    border: 1px solid #90A4AE !important;
    color: #fff !important;
}

.ssa-p-footer-card {
    margin: 0px !important;
    width: 100%;
    height: 100%;
    font-size: smaller !important;
    text-align: center;
    font-weight: 600;
    /*text-transform: uppercase;*/
}

.ssa-panel-tools-card-right {
    float: right;
    margin-top: -4px;
    margin-right: -4px !important;
}

.ssa-panel-tools-card {
    display: inline-block;
    float: right;
    margin-top: 0;
    margin-right: 20px !important;
    padding: 0;
    width: 129px !important;
}

.ssa-panel-tools-card-circle-buttons {
    display: inline-block;
    float: right;
    /* margin-right: 30px !important; */
    padding-right: 10px;
}

.ssa-panel-tools-card-float {
    position: fixed;
    margin-left: 4%;
    margin-top: -2%;
    z-index: 40;
}

.ssa-section-border-gray-table {
    background-color: #f7f7f7;
    /* border: 3px solid #e6e6e6; */
    border: 1px solid #e6e6e6;
    padding: 15px !important;
    border-radius: 2px;
}

.ssa-section-border-gray {
    background-color: #E8E8CE;
    /* border: 3px solid #F0EFEF; */
    border-bottom: 3px solid #92B954;
    padding: 5px !important;
    /* padding-top: 10px !important; */
    padding-bottom: 2px !important;
    border-radius: 2px;
}

.ssa-section-border-green {
    border: 1px solid #92B954 !important;
    border-bottom: 1px solid #92B954 !important;
    padding: 5px !important;
    padding-bottom: 2px !important;
    border-radius: 2px;
}

.ssa-section-border-green-title-bottom {
    /* background-color: #E8E8CE;*/
    /* border: 2px solid #E8E8CE !important; */
    border-bottom: 1px solid #92B954 !important;
    border-top: 1px solid #92B954 !important;
    padding: 10px 0px 5px 4px !important;
    /* padding-bottom: 2px !important; */
    border-radius: 2px;
}


.ssa-section-border-beige {
    background-color: #E8E8CE;
    border: 1px solid #E8E8CE !important;
    border-bottom: 1px solid #92B954 !important;
    padding: 5px !important;
    padding-bottom: 2px !important;
    border-radius: 2px;
}

.ssa-section-border-gray-title {
    margin: 0.2em !important;
    background-color: #e6e6e6;
    /* border: 3px solid #e6e6e6; */
    border-bottom: 1px solid #92B954;
    /* padding: 5px !important; */
    border-radius: 2px;
}

.ssa-section-border-green-title {
    margin: 0.2em !important;
    background-color: #92b954bf;
    border-bottom: 1px solid #92B954;
    border-radius:2px;
}

.ssa-section-border-green-title-round-border {
    border-bottom: 2px solid #92B954;
    /*border-radius: 2px 5px 5px 5px;*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-section-border-beige-title {
    margin: 0.2em !important;
    background-color: #E8E8CE;
    border-bottom: 1px solid #92B954;
}

.ssa-section-border-green-light-title {
    margin: 0.2em !important;
    /*background-color: #E8E8CE;*/
    background-color: #92b95417;
    border-bottom: 1px solid #92B954;
}

.ssa-section-border-beige-card-float-title {
    margin: 0.2em !important;
    background-color: #E8E8CE;
    border: 2px solid #92B954;
    border-radius: 2px !important;
}
.ssa-section-border-beige-card-float-title-border {
    margin: 0.2em !important;
    border: 1px solid #92B954;
    border-radius: 2px !important;
}

.ssa-section-border-gray-white {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 5px !important;
    border-radius: 2px;
}

.ssa-section-background-beige {
    background-color: #E8E8CE;
    margin-bottom: 10px !important;
    border-radius:2px;
}

.ssa-section-background-white {
    background-color: #FFF;
    margin-bottom: 10px !important;
    border-radius: 2px;
}

.ssa-section-background-brown-border-colum {
    padding: 15px;
    border: 1px solid #67605b66;
    border-radius: 2px;
}

.ssa-section-background-brown {
    background-color: #56453C;
    margin-bottom: 10px !important;
    border-radius: 2px;
}

.ssa-section-border-white-shadow {
    border: 0.1em solid #fff !important;
    padding: 5px !important;
    border-radius: 2px;
    -webkit-box-shadow: 0.0em 0.0em 0.2em 0em #696969;
    -moz-box-shadow: 0.0em 0.0em 0.2em 0em #696969;
    box-shadow: 0.0em 0.0em 0.2em 0em #696969;
}

.ssa-section-background-yellow-note {
    padding: 10px;
    background-color: #fff897;
    border: 1px solid #fff897;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-section-border-gray-trasparent {
    border: 1px solid #e6e6e6;
    padding: 5px !important;
    border-radius: 2px;
}

.ssa-subsection-border-green {
    background-color: #66BB6A;
    /* border: 3px solid #66BB6A; */
    border-bottom: 1px solid #92B954;
    /* padding: 5px !important; */
    border-radius: 2px;
    color: #fff;
}

.ssa-card {
    border: 1px solid #e6e6e6;
    border-radius: 2px;
}

.ssa-header-card {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px !important;
}

/* Header Identity Brown Color*/
/*.ssa-header-min-card {
    border-bottom: 1px solid #56453C;
    background-color: #56453ca8 !important;
    padding: 5px !important;
}*/
/* Header Identity Green Color*/
.ssa-header-min-card {
    border-bottom: 1px solid #92B954;
    background-color: #92B954 !important;
    padding: 5px !important;
}
.ssa-header-min-card-border {
    border-bottom: 1px solid #92B954;
    /*background-color: #92B954 !important;*/
    padding: 5px !important;
}
/*Identity Brown*/
.ssa-table-section-min-card {
    min-height: 30px !important;
    /* background-color: #eee8aa !important; */
    background-color: #7f6b5d70 !important;
    padding: 2px !important;
    /* border: 1px solid #eee8aa; */
    border: 1px solid #7f6b5d70;
    border-radius: 2px;
    /*webkit-box-shadow: 1px 1px 2px 0px #696969;*/
    /*-moz-box-shadow: 1px 1px 2px 0px #696969;*/
    /* box-shadow: 1px 1px 2px 0px #696969;*/
}
/*Identity Green*/
.ssa-table-section-min-card {
    min-height: 30px !important;
    /* background-color: #eee8aa !important; */
    background-color: #FFF !important;
    padding: 2px !important;
    /* border: 1px solid #eee8aa; */
    border: 1px solid #92B954;
    border-radius: 2px;
    /* -moz-box-shadow: 1px 1px 2px 0px #696969; */
    /* box-shadow: 1px 1px 2px 0px #696969; */
}

.ssa-footer-card {
    border-top: 1px solid #e6e6e6;
    padding: 10px !important;
}

.ssa-container-card {
    padding-right: 14px !important;
    padding-left: 14px !important;
}

.ssa-icons-card {
    font-size: large;
    margin: 5px;
}

    .ssa-icons-card:hover {
        color: #b5b5b5;
    }

.ssa-totals-row {
    margin-right: 0px;
    margin-left: 0px;
    /*border: 1px solid rgba(0,0,0,.125);*/
    border-radius: 2px;
    font-size: x-small;
    padding: 5px;
}

.ssa-float-card-full {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #333333bf;
    overflow: hidden;
}

.ssa-float-card-full-no-border {
    object-fit: contain;
    user-select: text;
    position: fixed !important;
    top: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
    box-sizing: border-box !important;
    min-width: 0px !important;
    max-width: none !important;
    min-height: 0px !important;
    max-height: none !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    margin: 0px !important;
    z-index: 1030;
    background-color: #fff;
    /*background-color: #fff !important;*/
}

.ssa-float-card-photo {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1041;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #333333bf;
    overflow: hidden;
}


.ssa-float-card {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    padding: 50px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #333333bf;
}

.ssa-float-container-card {
    max-height: 567px;
    overflow-x: hidden;
    overflow-y: auto;
}

.ssa-row-card-maps {
    margin-top: 32px !important;
}

.ssa-container-map {
    /*min-height: 1100px;*/
    /*min-width: 570px;*/
    border: 3px solid #e6e6e6;
    overflow: auto;
}

.ssa-body-vertical-map {
    width: 980px;
    height: 459px;
    margin: 10px;
}

.ssa-vertical-image-map {
    background-image: url(../images/mapa_vertical_vertical.png);
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #EEEEEE;
    border-radius: 2px;
}

.ssa-body-map {
    width: 459px;
    height: 980px;
    margin: 10px;
}

.ssa-image-map {
    background-image: url(../images/mapa.png);
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #EEEEEE;
    border-radius: 2px;
}



.ssa-vertical-imag-rfc {
    width: 575px;
    height: 159px;
}

.ssa-vertical-image-rfc_f {
    background-image: url(../images/RFC_FISICOS.png?v=2);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 70%;
    /*background-color: #56453C;*/
    border-radius: 2px;
    max-width: 474px;
}

.ssa-vertical-image-rfc_m {
    background-image: url(../images/RFC_MORALES.png?v=2);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 70%;
    /*background-color: #56453C;*/
    border-radius: 7px;
    max-width: 474px;
}

.ssa-vertical-imag-excelcoils {
    width: 570px;
    height: 620px;
}

.ssa-vertical-image-excelcoils {
    background-image: url(../images/EXECEL_NO_COILS.png);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 48%;
    background-color: #EEEEEE;
    border-radius: 7px;
}

.ssa-vertical-imag-csvcoils {
    width: 570px;
    height: 196px;
}

.ssa-vertical-image-csvcoils {
    background-image: url(../images/CSV_NO_COILS.png);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 48%;
    background-color: #EEEEEE;
    border-radius: 7px;
}


.ssa-resume-map {
    /*background-color: #EEEEEE;
    border-radius: 2px;*/
    margin: 10px;
}

.ssa-buttom-tack-image {
    background-image: url(../images/tack_001.png);
    background-position-x: left;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 80%;
    height: 35px;
    width: 35px;
    position: absolute !important;
    font-size: x-small;
    font-weight: bold;
    color: #1A1E27;
    padding-top: 11px;
    padding-right: 12px;
    z-index: 48 !important;
    color: #FFFF;
}

.ssa-buttom-tack-image-resume {
    background-image: url(../images/tack_001.png);
    background-position-x: left;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 54%;
    height: 20px;
    width: 30px;
    color: #FFFF;
    cursor: pointer;
}

.ssa-buttom-tack-image-cian {
    background-image: url('../images/tack__cian_001.png');
}

.ssa-buttom-tack-image-gray {
    background-image: url('../images/tack__gray_001.png');
}

.ssa-buttom-tack-image-green {
    background-image: url('../images/tack__green_001.png');
}

.ssa-buttom-tack-image-yellow {
    background-image: url('../images/tack__yellow_001.png');
}

.ssa-buttom-tack-image-pink {
    background-image: url('../images/tack__pink_001.png');
}

.ssa-buttom-tack-image-purple {
    background-image: url('../images/tack__purple_001.png');
}

.ssa-buttom-a-tack {
}

.ssa-buttom-big-file {
    background-color: #fff;
    background-color: #F0EFEF !important;
    border-color: #F0EFEF !important;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}


    .ssa-buttom-big-file:hover {
        opacity: 0.8;
        border-color: #FFF !important;
    }

/************* MIN - CARDS **********/
.ssa-min-card {
    margin-top: 5px !important;
    border: 1px solid #92B954;
    border-radius: 2px;
}
.ssa-min-card-no-border {
    margin: 1px !important;
    border-radius: 2px;
}
.ssa-min-card-border-white {
    border: 1px solid rgb(255, 255, 255);
}

.ssa-min-card-veiw {
    padding: 10px;
    max-height: 500px;
    overflow-y: scroll;
}

.ssa-min-card-email {
    border: 1px solid #92B954;
    border-radius: 2px;
    background: #fff;
    border-radius: 2px;
    color: #3F342F;
}

.ssa-min-card-veiw-email {
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 5px;
    padding-bottom: 5px;
    max-height: 300px;
    overflow-y: scroll;
    border-radius: 2px;
}

.ssa-min-card-slide {
    padding: 10px;
    min-height: 400px;
    background-color: #FFFF !important;
    color: #3F342F;
}

.ssa-min-card-slide-footer {
    padding: 10px;
    background-color: #FFFF !important;
}

.ssa-title-home {
    margin-top: 17px;
    margin-bottom: 1px !important;
    border-radius: 2px !important;
    background-color: #E8E8CE;
    border: 1px solid #67605ba1;
}

.ssa-title-image {
    background-image: url(../images/logo_2.png);
    background-repeat: no-repeat;
    background-size: 96%;
    background-position: left;
    /* background-size: auto; */
    background-size: 80%;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-color: #E8E8CE !important;
    min-height: 250px;
    margin-bottom: 1px !important;
    border-radius: 2px !important;
    /* text-shadow: 1px 1px 2px #656565; */
    height: 300px;
}

.ssa-title-image-backgroud {
    background-image: url(../images/logo_2_background.png);
    background-size: 90%;
    background-size: 44% 115%;
    background-repeat: no-repeat;
    background-position-x: 101%;
    background-color: #E8E8CE !important;
    min-height: 250px;
    margin-bottom: 1px !important;
    border-radius: 2px !important;
    /* text-shadow: 1px 1px 2px #656565; */
}

.ssa-min-card-news-black {
    background-color: #1A1E27;
    /*text-transform: uppercase;*/
    font-size: x-large !important;
    font-weight: 900;
    min-height: 250px;
    color: #fff;
}

.ssa-min-card-new {
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    padding: 20px;
    overflow-y: auto;
    background-color: #ffffff;
    color: #3F342F;
    margin-bottom: 10px;
}

.ssa-min-card-header {
    padding: 10px;
    background-color: #cfd8dc;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.ssa-min-card-header-image-vessel {
    background-image: url(../images/buque_1.png);
    background-position-x: left;
    background-position-y: center;
    background-repeat: no-repeat;
    min-height: 80px;
    background-size: 15%;
}

.ssa-min-card-header-image-vessel-icon {
    background-image: url(../images/buque.png);
    background-position-x: left;
    background-position-y: center;
    background-repeat: no-repeat;
    min-height: 40px;
    background-size: 47px;
    padding-top: 20px;
}

.ssa-min-card-header-image-vessel-roro-icon {
    background-image: url(../images/buque_roro.png);
    background-position-x: left;
    background-position-y: center;
    background-repeat: no-repeat;
    min-height: 40px;
    background-size: 47px;
    padding-top: 20px;
}

.ssa-title-min-card-vessel {
    text-align: center !important;
    font-size: small !important;
    font-weight: 600 !important;
    /*text-transform: uppercase !important;*/
    color: #01579b !important;
}

.ssa-min-card-header-blue {
    background-color: #5b7f90 !important;
    color: #fff !important;
}

.ssa-min-card-body {
    padding: 10px;
    background-color: #fff;
}

.ssa-min-card-body-image-black-gray {
    background-color: #83858B;
    padding: 10px;
    margin: 5px;
    border-radius: 5px;
}

.ssa-min-card-body-image-black-green {
    background-color: #92B954;
    padding: 10px;
    margin: 5px;
    border-radius: 5px;
    color: #fff;
}

.ssa-min-card-body-image-course {
    height: 60px;
    margin-left: -10px;
}

.ssa-title-min-card {
    margin: 0px !important;
    width: 100%;
    height: 100%;
    text-align: left;
    font-size: small;
    font-weight: 600;
    /*text-transform: uppercase;*/
}

.ssa-title-min-card-blue {
    margin: 0px !important;
    width: 100%;
    height: 100%;
    text-align: left;
    font-size: small;
    font-weight: 600;
    /*text-transform: uppercase;*/
    color: #01579b;
    font-weight: 600;
    font-size: smaller;
}

.ssa-div-details {
    padding: 15px;
    background-color: #eceff1;
    margin: 5px !important;
    border-radius: 2px;
}

.ssa-min-card-header-dark-blue-color-white {
    background-color: #34495E !important;
    color: #fff !important;
}

.ssa-card-tab-border-brown {
    border: 1px solid #56453c8a;
    border-top: 1px solid #56453c8a;
    /*padding-right: 15px !important;*/
    /*padding-left: 12px !important;*/
    margin-left: 0px;
    margin-top: -1px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    min-height: 10px;
}

.ssa-card-tab-border-green {
    border: 1px solid #92B954;
    border-top: 1px solid #92B954;
    /*padding-right: 15px !important;*/
    /*padding-left: 12px !important;*/
    margin-left: 0px;
    margin-top: -1px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    min-height: 10px;
}


.ssa-card-tab-background-green {
    background-color: #92B954 !important;
    border: 1px solid #92B954;
    border-top: 1px solid #92B954;
    /*padding-right: 15px !important;*/
    /*padding-left: 12px !important;*/
    margin-left: 0px;
    margin-top: -1px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    min-height: 10px;
}

/************* Dots **********/
.ssa-dot-min-color {
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    margin: 1px;
    margin-top: 3px;
    text-align: center;
    width: 17px;
    height: 17px;
    border: -0.2em solid rgba(0,0,0,.125);
    border-style: solid;
    border-radius: 106px;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-dot-min2-color {
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    /* font-weight: bold; */
    line-height: 0.6em;
    margin-right: 15px;
    text-align: center;
    width: 10px;
    border: -0.2em solid rgba(0,0,0,.125);
    border-style: solid;
    /* border-color: gray; */
    border-radius: 25px;
    font-size: x-small !important;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-dot-color {
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    /* font-weight: bold; */
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 21px;
    border: -0.2em solid rgba(0,0,0,.125);
    border-style: solid;
    /* border-color: gray; */
    border-radius: 25px;
    font-size: x-small !important;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-dot-bar-min-color {
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    line-height: 0.6em;
    margin-right: 5px;
    text-align: center;
    width: 3px;
    height: 10px;
    border: -0.2em solid rgba(0,0,0,.125);
    border-radius: 5px;
    font-size: xx-small !important;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-dot-bar-min-color-icon {
    background-color: #3F342F;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    /* display: inline-block; */
    /* line-height: 0.6em; */
    margin-right: 5px;
    text-align: center;
    width: 15px;
    height: 15px;
    border: -0.2em solid rgba(0,0,0,.125);
    /* border-radius: 5px; */
    font-size: small !important;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-dot-color-tab {
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    /* font-weight: bold; */
    line-height: 12px;
    margin-right: 15px;
    text-align: center;
    width: 32px;
    border: -0.2em solid rgba(0, 0, 0, .125);
    border-style: solid;
    /* border-color: gray; */
    border-radius: 25px;
    font-size: x-small !important;
    -webkit-box-shadow: 0px 0px 0px 7px #fbc02d8c;
    -moz-box-shadow: 0px 0px 0px 7px #fbc02d8c;
    box-shadow: 0px 0px 0px 11px #fbc02d8c;
}



.ssa-dot-color-gray {
    background-color: #b0bec5;
    color: #b0bec5;
}

.ssa-dot-color-green {
    background-color: #689f38;
    color: #689f38;
}

.ssa-dot-color-yellow {
    background-color: #fbc02d;
    color: #fbc02d;
}

.ssa-dot-color-red {
    background-color: #d32f2f;
    color: #d32f2f;
}

.ssa-dot-color-gray-icon {
    color: #b0bec5;
}

.ssa-dot-color-green-icon {
    color: #689f38;
}

.ssa-dot-color-yellow-icon {
    color: #fbc02d;
}

.ssa-dot-color-red-icon {
    color: #d32f2f;
}

.ssa-icon-tab {
    height: 1.1em;
    width: 1.1em;
    border-radius: 2em;
    font-size: 13px;
    font-weight: bolder;
    /*background-color: #67605B;*/
    background-color: #67605b47;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-icon-color-gray {
    /*background-color: #b0bec5;*/
    color: #b0bec5;
}

.ssa-icon-color-green {
    /*background-color: #689f38;*/
    color: #689f38;
}

.ssa-icon-color-yellow {
    /*background-color: #fbc02d;*/
    color: #fbc02d;
}

.ssa-icon-color-red {
    /*background-color: #d32f2f;*/
    color: #d32f2f;
}

.ssa-icon-color-white {
    /*background-color: #d32f2f;*/
    color: #fff;
}

.ssa-icon-color-scheduled {
    color: #66BB6A;
}

.ssa-icon-color-registeredatentrance {
    color: #2196F3;
}

.ssa-icon-color-attended {
    color: #01579b;
}

.ssa-icon-color-canceledapproved {
    color: #5b7f90;
}

.ssa-icon-color-generated {
    /*color: #c3c8cd;*/
    color: #90CAF9;
}

.ssa-icon-color-approved {
    color: #66BB6A;
}

.ssa-icon-color-canceled {
    color: #ba212e;
}

/************* TABLES **********/
.ssa-p-table-title-left {
    margin: 0px;
    width: 100%;
    height: 100%;
    text-align: left;
    /*text-transform: uppercase;*/
    font-weight: 700;
    font-size: smaller !important;
}

.ssa-p-table-title-center {
    margin: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    /*text-transform: uppercase;*/
    font-weight: 700;
    font-size: smaller !important;
}

.ssa-p-table-title-center-normal {
    margin: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    /*text-transform: uppercase;*/
    font-weight: normal;
    font-size: smaller !important;
}

.ssa-p-table-body-left {
    margin: 0px;
    width: 100%;
    height: 100%;
    text-align: left;
    /*text-transform: uppercase;*/
    font-size: smaller !important;
}

.ssa-p-table-body-rigth {
    margin: 0px;
    width: 100%;
    height: 100%;
    text-align: right;
    /*text-transform: uppercase;*/
    font-size: smaller !important;
}

/*Identity Brown*/
/*.ssa-p-table-body-center {
    margin: 5px;
    width: 100%;
    height: 100%;
    background-color: #E8E8CE;
    text-align: center;
    border-radius: 2px;*/
    /* text-transform: uppercase; */
    /* font-size: smaller !important;*/
/*}*/

/*Identity Brown*/
.ssa-p-table-body-center {
    margin: 5px;
    width: 100%;
    height: 100%;
    background-color: #92b95417;
    text-align: center;
    border-radius: 2px;
    /* text-transform: uppercase; */
    /* font-size: smaller !important; */
}

.ssa-p-large-text {
    margin: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    /* text-transform: uppercase; */
    font-size: 10px !important;
     font-weight: 600; 
    letter-spacing: 4px;
}

.ssa-table {
    /*min-width: 570px;*/
    font-size: small;
}

.ssa-table-td-buttom {
    width: 70px;
}

.ssa-div-table {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ssa-table-isn {
    min-width: 1200px;
    font-size: small;
}

.ssa-div-table-isn {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: auto;
}

.ssa-container-graph {
    max-height: 300px;
    height: 300px;
}

.ssa-td-empty {
    background-color: #f7f7f7;
}

.ssa-td-light-green {
    background-color: #f1f8e9;
}

.ssa-th-grey {
    background-color: #bdbdbd;
    color: #fff;
}

.ssa-th-blue {
    background-color: #1565c0;
    color: #fff;
}

.ssa-th-light-blue {
    background-color: #385e84;
    color: #fff;
}

/************* FILTERS **********/
/* First version
.ssa-card-filters {
    position: fixed;
    z-index: 50;
    width: 94%;
    top: 192px;
    background-color: #283d51 !important;
    border-top: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    color: #fff !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
    margin-top: -23px !important;
    padding: 40px !important;*/
/* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; */
/*margin-bottom: 20px;
    left: 97px;
}*/

.ssa-card-filters {
    position: absolute;
    margin-top: 53px !important;
    margin-left: -36px !important;
    z-index: 50;
    width: 96%;
    background-color: #92B954 !important;
    border-top: 1px solid #e6e6e6 !important;
    border-bottom: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    color: #fff !important;
    padding: 10px;
    padding-right: 20px;
    padding-left: 20px;
    left: 97px;
}

.ssa-card-filters-static {
    position: initial;
    /* margin-top: 11px !important; */
    /* margin-left: -17px !important; */
    padding: 10px;
    padding-right: 20px;
    padding-left: 20px;
    width: 100.6%;
    /* border: 1px solid #e6e6e6 !important; */
    background-color: #ffffff !important;
    color: inherit !important;
    border-radius: 2px;
    border-top: 2px solid #92B954;
    border-bottom: 2px solid #92B954;
}

/* First version
.ssa-card-filters-title {
    position: fixed;
    z-index: 50;
    width: 94%;
    background-color: #283d51 !important;*/
/* border-bottom: 1px solid #e6e6e6 !important; */
/* border-radius: 2px !important; */
/*color: #fff !important;
    margin: 0px !important;*/
/*margin-left: -20px !important;
    margin-right: -20px !important;*/
/*padding: 20px !important;*/
/* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; */
/*left: 97px;*/
/*}
*/

.ssa-card-filters-title {
    position: absolute;
    margin-top: 10px !important;
    margin-left: -16px !important;
    z-index: 50;
    width: 97%;
    background-color: #92B954 !important;
    border-bottom: 1px solid #e6e6e6 !important;
    color: #fff !important;
    padding: 20px !important;
}

.ssa-show-filters {
    color: #fff !important;
}

    .ssa-show-filters:hover {
        color: #fff !important;
        opacity: 0.8 !important;
    }

/************* ROWS COURSE **********/
.ssa-div-rows-courses-data {
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-right: 8px;
    padding-left: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #e6e6e6;
    max-height: 500px;
}

.ssa-div-row-courses-background-data {
    margin-top: 5px;
    margin-right: -5px;
    margin-left: -5px;
    border: 2px solid #ffffff;
    border-radius: 2px;
    background-color: #ffffff;
}

.ssa-div-col-courses-data {
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
    min-height: 110px;
    max-height: 110px;
    border-radius: 2px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

.ssa-div-col-courses-data-button {
    margin-top: 1% !important;
}

.ssa-button-col-courses {
    width: 100% !important;
}


.ssa-div-row-courses-online-image {
    background-image: url(../images/training_base_l1.png);
    background-size: 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 100px;
    max-height: 100px;
}

.ssa-div-row-courses-offline-image {
    background-image: url(../images/training_base_p1.png);
    background-size: 50%;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 100px;
    max-height: 100px;
}


.ssa-p-row-courses-form {
    font-weight: 400;
    margin: 0px;
    text-align: justify;
    font-size: 10px !important;
}

.ssa-p-row-courses-form-center {
    font-weight: 400;
    margin: 0px;
    text-align: center;
    font-size: 10px !important;
}

.ssa-p-row-title-courses-form {
    margin: 0px;
    text-align: left;
    width: 100%;
    height: 100%;
    font-size: 11px;
    font-weight: 600;
}

.ssa-p-courses-gray-ligth {
    border: 1px solid #e6e6e6 !important;
    border-radius: 50px;
    background-color: #e6e6e6;
    color: #fff;
    font-size: 20px !important;
}


/************* ROWS DETAILS TOTALS **********/
.ssa-div-rows-totals-data {
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    padding: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #546e7a;
    max-height: 500px;
}

.ssa-div-row-totals-data {
    margin-top: 5px;
    margin-right: -5px;
    margin-left: -5px;
    border: 2px solid #ffffff;
    border-radius: 2px;
    background-color: #eceff1;
}

.ssa-div-row-totals-title {
    text-align: center;
    position: relative;
    margin: 0px !important;
    height: 100%;
    width: 100%;
    margin-top: 35% !important;
    color: #01579b;
    font-weight: 600;
    font-size: larger;
}

.ssa-div-row-totals-title {
    text-align: center;
    position: relative;
    margin: 0px !important;
    height: 100%;
    width: 100%;
    margin-top: 35% !important;
    color: #01579b;
    font-weight: 600;
    font-size: larger;
}

.ssa-div-col-total-data {
    border-radius: 5px;
    padding: 5px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ssa-div-col-content-total-data {
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    padding: 2px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #ffffff;
    min-height: 150px;
}

.ssa-div-col-content-total-data-vessel {
    padding: 2px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 150px;
}

.ssa-div-col-content-total-links {
    min-height: 150px;
}

.ssa-div-col-content-total-vessel {
    background-image: url('../images/buque_1.png');
    background-size: 90%;
    background-repeat: no-repeat;
    min-height: 150px;
}

.ssa-div-col-content-total-button {
    text-align: center;
    min-height: 150px;
}

.ssa-div-col-content-total-button-row {
    margin-top: 20% !important;
}

.ssa-div-col-content-p-title {
    text-align: justify;
    /*text-transform: uppercase;*/
    font-size: smaller !important;
    font-weight: 600;
    margin: 0px !important;
}

.ssa-div-col-content-p-sub-title {
    /*text-align: center;
    /*text-transform: uppercase;*/
    font-size: smaller !important;
    font-weight: 600;
    margin: 0px !important;
    */ text-align: center;
    /*text-transform: uppercase;*/
    font-size: smaller !important;
    font-weight: normal;
    margin: 0px !important;
}

.ssa-div-col-content-p-text {
    text-align: center;
    /*text-transform: uppercase;*/
    font-size: smaller !important;
    font-weight: 500;
    margin: 5px;
}

.ssa-div-col-content-p-sparkline {
    margin-left: 40%;
}

.ssa-div-row-totals-buttons {
    width: 100% !important;
    margin-top: 10px;
}

.ssa-div-col-panel-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    margin-left: 80%;
    padding: 0;
    position: absolute;
}

/************* CCS TOOLTIP **********/

/*[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}

[data-title]:after {
    content: attr(data-title);
    position: absolute;*/
/*bottom: 0.1em;*/
/*left: 100%;
    z-index: 49;
    visibility: hidden;
    font-family: 'Arial-Regular' !important;
    color: #3F342F;
    font-size: x-small;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background-color: #f5f5f5;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
    padding: 1px 5px 2px 5px;
    white-space: nowrap;*/
/*color: #111;*/
/*box-shadow: 1px 1px 3px #222222;*/
/*opacity: 0;*/
/*border: 1px solid #111111;*/
/*}

[data-title] {
    position: relative;
}*/


/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

    /* Hide the tooltip content by default */
    [data-tooltip]:before,
    [data-tooltip]:after {
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        pointer-events: none;
        z-index: 2;
    }

    /* Position tooltip above the element */
    [data-tooltip]:before {
        position: absolute;
        bottom: 150%;
        left: 50%;
        margin-bottom: 5px;
        margin-left: -80px;
        padding: 7px;
        width: 160px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: #000;
        background-color: hsla(0, 0%, 20%, 0.9);
        color: #fff;
        content: attr(data-tooltip);
        text-align: center;
        font-size: 14px;
        line-height: 1.2;
        z-index: 2;
    }

    /* Triangle hack to make tooltip look like a speech bubble */
    [data-tooltip]:after {
        position: absolute;
        bottom: 150%;
        left: 50%;
        margin-left: -5px;
        width: 0;
        border-top: 5px solid #000;
        border-top: 5px solid hsla(0, 0%, 20%, 0.9);
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        content: " ";
        font-size: 0;
        line-height: 0;
        z-index: 2;
    }

    /* Show tooltip content on hover */
    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        z-index: 2;
    }

/************* ROWS GRID VIEW **********/
.ssa-div-rows-grid {
    padding: 15px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

/*************************************
* OVERWRITING TABS STYLES
* ************************************/
.md-tabs {
    /*position: relative;
    z-index: 1;
    padding: .7rem;
    background-color: #92B954;
    color: #fff;
    font-weight: 200;
    font-size: small;
    border: 2px solid #92B954;
    border-radius: 2px;
    -moz-box-shadow: 0px 6px 3px 1px rgba(0,0,0,0.11);*/
    position: relative;
    z-index: 1;
    padding: .7rem;
    background-color: #212121;
    color: #fff;
    font-weight: 200;
    font-size: small;
    border: 0px !important;
}

.navbar-nav-right {
    float: right;
}

.nav-tabs > li {
    margin-top: 5px;
    float: left;
    margin-bottom: -1px;
    cursor: pointer;
    /*text-transform: uppercase;*/
}

    /*Identity Brown*/
    /*.nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
        font-size: small;
        background-color: #7f6b5d70 !important;
        color: #3F342F !important;
        border-radius: 2px !important;
    }*/
    /*Identity Green*/
    .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
        font-size: small;
        background-color: #92b9544d !important;
        color: #3F342F !important;
        border-radius: 2px !important;
    }

/*Identity Brown*/
/*.nav-tabs {
    border-bottom: 2px solid #56453C;
    margin-left: -1px;
}*/
/*Identity Green*/
.nav-tabs {
    border-bottom: 2px solid #92B954;
    margin-left: -1px;
}

/*
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #555555 !important;
    cursor: default;
    background-color: #fff !important;
    border: 0px !important;
    border-bottom-color: transparent;
    border-radius: 2px;
}
*/
.tab-content {
    border: 1px solid #ddd !important;
    border-top: 0px !important;
    border-radius: 2px !important;
    padding: 10px !important;
}

/*
    a:hover, a:focus {
    color: #6b6b6b !important;
}
set with the new rule, for only apply in tabs
*/
.nav > li > a:hover,
.nav > li > a:focus {
    color: #6b6b6b !important;
}

.nav-tabs .nav-link {
    letter-spacing: 4px;
}

    /*Identity Brown*/
    /*.nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        background-color: #67605B !important;
        color: #92b954 !important;
        letter-spacing: 4px;
        border-color: #56453C !important;
        border: 1px solid;
        border-radius: 2px !important;
        font-weight: 200 !important;*/
        /* text-shadow: 2px 0px #000000;*/
    /*}*/

    /*Identity Green*/
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        background-color: #92b954 !important;
        color: #FFF !important;
        letter-spacing: 4px;
        border-color: #92b954 !important;
        border: 1px solid;
        border-radius: 2px !important;
        font-weight: 200 !important;
        /* text-shadow: 2px 0px #000000;*/
    }


#toast-container > div {
    position: relative !important;
    pointer-events: auto !important;
    overflow: hidden !important;
    margin: 0px !important;
    margin-top: 20px !important;
    margin-left: 18px !important;
    padding: 15px 15px 15px 50px !important;
    width: 98% !important;
    /*-moz-border-radius: 3px 3px 3px 3px !important;*/
        /* -webkit-border-radius: 3px 3px 3px 3px !important; */
        border-radius: 2px !important;
        background-position: 15px center !important;
        background-repeat: no-repeat !important;
        -webkit-box-shadow: 1px 1px 2px 0px #696969 !important;
        -moz-box-shadow: 1px 1px 2px 0px #696969 !important;
        box-shadow: 1px 1px 2px 0px #696969 !important;
        color: #3F342F !important;
        font-size: small !important;
        /* font-weight: 500 !important; */
        opacity: 1 !important;
        /*-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80) !important;*/
        /*filter: alpha(opacity = 80) !important;*/
    }

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #3F342F !important;
    -webkit-text-shadow: 1px 1px 1px #696969 !important;
    text-shadow: 1px 1px 1px #696969 !important;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity = 80);
    line-height: 1;
}

.toast-message {
    -ms-word-wrap: break-word !important;
    word-wrap: break-word !important;
    /*text-transform: uppercase !important;*/
}

.toast-success {
    background-color: #70b26d !important;
    border: solid #51A351 2px !important;
    border-left: solid #51A351 20px !important;
}

.toast-info {
    background-color: #ddddf0 !important;
    border: solid #0D47A1 2px !important;
    border-left: solid #0D47A1 20px !important;
}

.toast-warning {
    background-color: #ecc956 !important;
    border: solid #ffc303 2px !important;
    border-left: solid #ffc303 20px !important;
}

.toast-error {
    background-color: #9f3d45 !important;
    border: solid #89272f 2px !important;
    border-left: solid #89272f 20px !important;
}

.toast-title {
    font-weight: bold !important;
    /*text-transform: uppercase !important;*/
    font-size: smaller !important;
}

/**************************************
  *  OVERWRITING MAXLENGHT STYLES
  **************************************/
.maxlength-feedback {
    position: relative;
    text-align: right !important;
    margin: 0px !important;
    font-size: xx-small !important;
    font-weight: bolder;
    /*text-transform: uppercase;*/
    color: #92B954;
}

.maxlength-full {
    background-color: #FFFFE5 !important;
}

/**************************************
  *  TOOGLE SWITCH STYLES
  *************************************/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-left: 15px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #9c9c9c;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 1px 1px 2px 0px #696969 !important;
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;*/
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    /*background-color: #006064;*/
    /*background-color: #01579b;*/
    /*background-color: #246EC3;*/
    background-color: #92B954;
}

input:focus + .slider {
    /*box-shadow: 0 0 1px #006064;*/
    /*box-shadow: 0 0 1px #01579b;*/
    /*box-shadow: 0 0 1px #455a64;*/
    background-color: #92B954;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.square {
    border-radius: 2px;
}

.slider.round:before {
    border-radius: 50%;
}

/*************************************
  *  OVERWRITING HIGHCHARTS
  *************************************/
.highcharts-xaxis-labels {
    text-transform: uppercase !important;
}

/**************************************
  *  OWL CARRUSEL
  **************************************/
.ssa-owl-item {
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    background-color: #ffff;
    min-width: 100%;
}

.ssa-owl-image {
    height: 100%;
    width: 400px !important;
    min-width: 400px !important;
    min-height: 100%;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #424242 !important;
}


/*************************************
* OVERWRITING TOOLTIPSTER STYLES
* ************************************/
.tooltipster-sidetip .tooltipster-box {
    background: #FFF !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

.tooltipster-sidetip.tooltipster-top
.tooltipster-arrow-border {
    border-top: 1px solid #E6E6E6 !important;
    border-top-color: #E6E6E6 !important;
}

.tooltipster-sidetip.tooltipster-top
.tooltipster-arrow-background {
    border-top-color: #FFF !important;
    left: 0;
    top: -3px;
}

.tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
    font-family: 'Arial-Regular' !important;
    color: #6b6b6b !important;
    font-size: small !important;
    /*text-transform: uppercase !important;*/
}

/*************************************
* OVERWRITING TILE SELECT STYLES
* ************************************/
.tail-select input[type="text"]:focus {
    color: #3F342F;
    border-color: transparent;
    background-color: transparent;
}

.tail-select .select-label .label-inner {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11px;
}

.tail-select .select-dropdown ul li.dropdown-option {
    cursor: pointer;
    color: #303438;
    transition: all .3s ease-out;
    font-size: 11px;
}

.tail-select .select-dropdown ul li.dropdown-option.selected:before {
    opacity: .85;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23303438%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C/polyline%3E%3C/svg%3E);
    background-size: 14px;
}

.tail-select:hover .select-label,
.tail-select.idle .select-label,
.tail-select.active .select-label {
    z-index: 25;
    box-shadow: 0 0 0 1px #000408, inset 0 0 1px 1px #67605B !important;
    -webkit-box-shadow: 0 0 0 1px #000408, inset 0 0 1px 1px #67605B !important;
}

    .tail-select.active .select-label:before {
        opacity: 1;
        border-color: #67605B !important;
        background-color: #ffffff !important;
    }

    .tail-select:hover .select-label:before,
    .tail-select.idle .select-label:before,
    .tail-select.active .select-label:before {
        opacity: 1;
        border-color: #67605B !important;
    }

    .tail-select:hover .select-label:before,
    .tail-select.idle .select-label:before,
    .tail-select.active .select-label:before {
        opacity: 1;
        border-color: #67605B !important;
    }

    .tail-select:hover .select-label:after,
    .tail-select.idle .select-label:after,
    .tail-select.active .select-label:after {
        opacity: 0.85;
        border-top-color: #67605B !important;
    }

.tail-select .select-dropdown ul li.dropdown-option.selected {
    color: #3F342F !important;
    background-color: white;
    font-size: 11px;
}

    .tail-select .select-dropdown ul li.dropdown-option.selected .option-description {
        color: #3F342F;
    }

.tail-select input[type="text"]:focus {
    color: #246EC3 !important;
    border-color: transparent;
    background-color: transparent;
}

.tail-select .select-dropdown:after {
    top: -12px;
    right: 4px;
    border-width: 0 13px 12px 13px;
    border-color: transparent transparent #67605B transparent;
}

/*************************************
* PROFILE IMAGE CLASSES SSA
* ************************************/
.ssa-profile-image-cropper {
    width: 55px;
    height: 55px;
    position: relative;
    /* float: left; */
    /* overflow: hidden; */
    border-radius: 50%;
    /* background-color: #1A1E27; */
    border-color: #ffffff;
    /*border-width: 2px;*/
    /*border-style: solid;*/
    top: 6px;
    /*margin-left: 87px;*/
    padding-top: 6px;
    padding-left: 6px;
}

/*.ssa-profile-image {*/
/*height: 38px;
    display: inline;
    margin: 0 auto;
    margin-left: 0%;
    width: auto;*/
/*height: 45px;
    display: inline;
    margin: 0 auto;
    margin-left: 0%;
    width: 45px;
    border-radius: 53%;
}*/


.ssa-profile-image {
    height: 3.2em;
    display: inline;
    margin: 0 auto;
    margin-left: 0%;
    width: 3.2em;
    border-radius: 53%;
    box-shadow: 0.0em 0.0em 0.0em 0.1em rgba(0,0,0,0.2),0.0em 0.0em 0.1em 0.1em rgba(0,0,0,0.19) !important;
}

.ssa-min-image-table {
    min-height: 15.2em;
    max-height: 15.5em;
    padding: 15px;
    background-color: #92b954 !important;
    border-radius: 2%;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}


/*************************************
* PRELOAD CLASSES SSA
* ************************************/
.ssa-pre-loader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1042;
    overflow-x: hidden;
    overflow-y: auto;
    /*background-color: #272b35b5;*/
    /*background-color: #e8e8ce1f;*/
    background-color: #e8e8ce91;
}

.ssa-pre-loader-title {
    position: absolute;
    top: 30%;
    width: 100%;
    z-index: 9998;
    background-color: grey;
    color: white;
    padding: 0%;
    padding-left: 45%;
    /* background-color: #246EC3; */
    /* background-color: #1A1E27; */
    background-color: #92B954;
    border-top-width: 3px !important;
    border-top: solid;
    border-top-color: #E8E8CE !important;
    border-bottom-width: 3px !important;
    border-bottom: solid;
    border-bottom-color: #E8E8CE !important;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    /*background-image: linear-gradient(-0.3deg, #E8E8CE -41%, #92B954 25%, #92B954 50%, #92B954 75%, #E8E8CE 125%);*/
    /*background-image: radial-gradient(circle at 49.97% 49.96%, #E8E8CE 0, #E8E8CE 7.14%, #E8E8CE 14.29%, #E8E8CE 21.43%, #92B954 28.57%, #92B954 35.71%, #92B954 42.86%, #92B954 50%, #92B954 57.14%, #92B954 64.29%, #92B954 71.43%, #92B954 78.57%, #92B954 85.71%, #92B954 92*/
}

/*************************************
* PORTAL CLASSES SSA
* ************************************/
.ssa-float-card-portal {
    overflow: hidden !important;
    overflow-y: auto !important;
    position: fixed;
    top: -56px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    padding: 36px;
    padding-left: 0px;
    padding-right: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    /*background-color: #e4e4e4;*/
    /*background-color: #1A1E27;*/
    /*background-color: #313642 !important;*/
    background-color: #92B954 !important;
    background-image: url(../images/login_5.png);
    background-size: 100% 100%;
    background-position: 50% 50%;
    /* background: padding-box; */
    background-repeat: no-repeat;
    /* right: 31px; */
    /* bottom: 0; */
    /* left: 0; */
    /* background-image: url(../images/login_3.png); */
    /* background: padding-box; */
    /* background-repeat: no-repeat;



    /*overflow: hidden !important;
    overflow-y: auto !important;
    position: fixed;
    top: -36px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;*/
    /*background-color: #e4e4e4;*/
    /*background-color: #1A1E27;*/
    /*background-image: url(../images/login_3.png);*/
    /*background-size: 93% 100%;
    background-position: center;*/
    /* background: padding-box; */
    /*background-repeat: no-repeat;*/
    /*overflow: hidden !important;
    overflow-y: auto !important;
    position: absolute;
    top: -26px;*/
    /* right: 31px; */
    /* bottom: 0; */
    /* left: 0; */
    /*z-index: 1040;
    padding-top: 9px;
    padding-left: 9px;
    padding-right: 9px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #e4e4e4;*/
    /* background-image: url(../images/login_3.png); */
    /*background-size: 93% 100%;
    background-position: center;*/
    /* background: padding-box; */
    /*background-repeat: no-repeat;*/
}

.ssa-title-image-portal {
    /*background-image: url(../images/logo_2.png);*/
    /* background-size: 90%; */
    /*background-size: 19% 115%;*/
    /*background-repeat: no-repeat;*/
    /*background-position-x: 100%;*/
    min-height: 109px;
    /* background-color: #92B954; */
    /*background-color: #1A1E27;*/
    /*background-color: #313642 !important;*/
    background-color: #92B954 !important;
    /* text-transform: uppercase; */
    font-size: x-large !important;
    font-weight: 900;
    /* min-height: 250px; */
    color: #fff;
    /*text-shadow: 1px 1px 2px #313642;*/
    /*border-radius: 5px 5px 0px 0px !important;*/
    /*border-bottom: 10px solid #92B954;*/
    border-bottom: 5px solid #E8E8CE;
}

.ssa-shape-one {
    height: 25px;
    width: 25px;
    border: 5px solid #E8E8CE;
    border-style: solid;
    border-bottom: 0px;
    border-left: 0px;
    border-radius: 1px;
}
/*.ssa-shape-all-green {*/
/*height: 40px;*/
/*width: 100%;
    border: 5px solid #92B954;*/
/*border: 5px solid #e0e0e0;*/
/*border-style: solid;
    border-radius: 1px;
}
.ssa-shape-top-right-green {
    height: 25px;
    width: 25px;
    border: 5px solid #92B954;*/
/*border: 5px solid #e0e0e0;*/
/*border-style: solid;
    border-bottom: 0px;
    border-left: 0px;
    border-radius: 1px;
}
.ssa-shape-bottom-left-green {
    height: 25px;
    width: 25px;
    border: 5px solid #92B954;*/
/*border: 5px solid #e0e0e0;*/
/*border-style: solid;
    border-top: 0px;
    border-right: 0px;
    border-radius: 1px;
}*/

.ssa-shape-line {
    height: 2px;
    width: 100%;
    /*background-color: #92B954;*/
    background-color: #92B954;
}

.ssa-shape-line-green {
    height: 2px;
    width: 100%;
    background-color: #92B954;
}

.ssa-shape-line-blue {
    height: 2px;
    width: 100%;
    /*background-color: #0D47A1;*/
    background-color: #67605B;
}



/*.ssa-panel-language-buttom {
    width: 181px;
    position: absolute;
    margin-left: -97.4%;
    margin-top: 0.7%;
    z-index: 3;*/
/* display: none; */
/*background-color: #92B954;
    border: 5px solid #E8E8CE;
    border-right: 0px;
    border-top: 0px;
    background-color: #fff;*/
/* border: 3px solid #ffff; */
/*border-radius: 1px;
    font-size: initial;
    padding: 5px;
    color: #3F342F !important;
}*/
.ssa-float-card-portal-button {
    z-index: 4;
    position: relative;
}

.ssa-panel-language-buttom {
    width: 181px;
    position: absolute;
    margin-left: -160px;
    margin-top: -7px;
    z-index: 3;
    background-color: #92B954 !important;
    border: 5px solid #E8E8CE;
    border-right: 0px;
    border-top: 0px;
    color: #fff !important;
    border-radius: 1px;
    font-size: initial;
    padding: 5px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
}

.ssa-title-card-portal {
    font-size: small!important;
    /*font-weight: 900;*/
    /*color: #92B954 !important;*/
    /*font-size: 13px;*/
    /*font-size: medium;*/
    /*font-weight: 100;*/
    letter-spacing: 4px;
}

.ssa-background-color-white-portal {
    /*border: 2px solid #92B954;*/
    border: 5px solid #92B954;
    border-style: solid;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-radius: 1px !important;
    /*background-color: #ffffffbd;*/
    background-color: #e8e8ce59 !important;
}

.ssa-background-color-white-portal-footer {
    /* border: 2px solid #92B954; */
    /*border: 10px solid #92B954;*/
    border: 5px solid #92B954;
    border-style: solid;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-radius: 1px !important;
    /* background-color: #ffffffbd; */
    /*background-color: #92B954 !important;*/
    background-color: #e8e8ce59 !important;
}

.ssa-title-card-green-portal {
    font-size: small !important;
    /*font-weight: 900;*/
    /*color: #3F342F !important;*/
    letter-spacing: 4px;
}

.ssa-version-card-green-portal {
    /*font-size: medium;*/
    /*font-weight: 900;*/
    /*color: #3F342F !important;*/
    margin: 5px;
    margin-top: 15px;
    text-align: right;
    font-size: xx-small;
    letter-spacing: 4px;
}

.ssa-background-color-white-green-portal {
    border: 5px solid #92B954;
    border-style: solid;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-radius: 1px !important;
    /*background-color: #fff;*/
    background-color: #e8e8ce59 !important;
}

.ssa-title-card-blue-portal {
    font-size: small !important;
    /*font-weight: 900;*/
    /*color: #0D47A1 !important;*/
    letter-spacing: 4px;
}

.ssa-background-color-white-blue-portal {
    border: 5px solid #67605B;
    border-style: solid;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-radius: 1px !important;
    /*background-color: #fff;*/
    background-color: #e8e8ce59 !important;
}

.ssa-background-color-white-no-border-portal {
    /*border: 2px solid #92B954;*/
    /*border: 10px solid #92B954;*/
    border-style: solid;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 0px;
    border-radius: 1px !important;
    /*background-color: #fff;*/
    background-color: #E8E8CE !important;
}


.ssa-section-border-gray-portal {
    border: 1px solid #92B954;
    padding: 5px !important;
    border-radius: 1px;
}

.ssa-traffic-lights-none-image-portal {
    background-image: url(../images/traffic_light_none_2.png);
    /*background-size: 100% !important;*/
    background-size: 47% 100% !important;
    background-repeat: no-repeat;
    background-position-x: 45%;
    min-height: 140px;
    margin: 5px;
}

.ssa-traffic-lights-red-image-portal {
    background-image: url(../images/traffic_light_red_2.png);
    /* background-size: 100% !important; */
    background-size: 43% 100% !important;
    background-repeat: no-repeat;
    background-position-x: 49%;
    min-height: 140px;
    margin: 5px;
    background-color: #d32f2f63;
}

.ssa-traffic-lights-green-image-portal {
    background-image: url(../images/traffic_light_green_2.png);
    /* background-size: 100% !important; */
    background-size: 43% 100% !important;
    background-repeat: no-repeat;
    background-position-x: 49%;
    min-height: 140px;
    margin: 5px;
    background-color: #4caf5078;
}

.ssa-traffic-lights-yellow-image-portal {
    background-image: url(../images/traffic_light_yellow_2.png);
    /* background-size: 100% !important; */
    background-size: 43% 100% !important;
    background-repeat: no-repeat;
    background-position-x: 49%;
    min-height: 140px;
    margin: 5px;
    background-color: #fbc02d69;
}

.ssa-label-title-form-traffic-lights-red-portal {
    /* text-transform: uppercase;*/
    /* font-size: small !important; */
    /* font-weight: 900; */
    color: #D32F2F !important;
    background-color: #67605b1f;
    border-radius: 2px;
    text-shadow: 1px 0px 2px #56453C;
    letter-spacing: 3px;
    font-size: small !important;
    margin: 0;
    text-align: center;
}

.ssa-label-title-form-traffic-lights-green-portal {
    /* text-transform: uppercase;*/
    /* font-size: small !important; */
    /* font-weight: 900; */
    color: #4CAF50 !important;
    background-color: #67605b1f;
    border-radius: 2px;
    text-shadow: 1px 0px 2px #56453C;
    letter-spacing: 3px;
    font-size: small !important;
    margin: 0;
    text-align: center;
}

.ssa-label-title-form-traffic-lights-yellow-portal {
    /* text-transform: uppercase;*/
    /* font-size: small !important; */
    /* font-weight: 900; */
    color: #FBC02D !important;
    background-color: #67605b1f;
    border-radius: 2px;
    text-shadow: 1px 0px 2px #56453C;
    letter-spacing: 3px;
    font-size: small !important;
    margin: 0;
    text-align: center;
}


.ssa-label-title-form-portal {
    /* text-transform: uppercase; */
    /* font-size: small !important; */
    font-weight: 900;
    color: #92B954 !important;
}

.ssa-min-card-slide-portal {
    padding: 10px;
    min-height: 400px;
    background-color: #E8E8CE !important;
    color: #3F342F;
}

.ssa-min-card-portal {
    margin-top: 5px !important;
    background-color: #E8E8CE !important;
    border: 1px solid #E8E8CE;
    border-radius: 2px;
}

.ssa-min-card-portal-border-brow-dark {
    margin-top: 5px !important;
    background-color: #E8E8CE;
    border: 0px !important;
    border-bottom: 2px Solid #56453C !important;
    border-radius: 2px;
}

.ssa-min-card-portal-ads-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}





/*************************************
* LOGIN CLASSES SSA
* ************************************/

.ssa-internuser-image {
    background-image: url(../images/employees_ssa_minicon.png);
    background-position-x: 98%;
    background-repeat: no-repeat;
    background-color: #e0e0e0;
    background-size: 41px 38px;
    padding: 7px;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
}

.ssa-externaluser-image {
    background-image: url(../images/employees_externs_minicon.png);
    background-position-x: 98%;
    background-repeat: no-repeat;
    background-color: #e0e0e0;
    background-size: 41px 38px;
    padding: 7px;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
}

.ssa-float-card-login {
    overflow: hidden !important;
    position: fixed;
    top: -18px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #1A1E27;
    background-image: url(../images/login_3.png);
    background-size: 93% 100%;
    background-position: center;
    /* background: padding-box; */
    background-repeat: no-repeat;
}

.ssa-float-card-login-header {
    /*background-color: #1565c0 !important;*/
    background-color: #272B35 !important;
    /*border-bottom: 15px solid #34495E;*/
}

.ssa-float-card-login-button {
    /*background-color: #1565c0 !important;*/
    background-color: #272B35 !important;
    width: 100% !important;
}

.ssa-float-card-login-background-color {
    /*background-color: #34495E !important;*/
    color: white;
    /*opacity: 0.9;*/
}

.ssa-float-card-login-form {
    background-color: #ffffffc9 !important;
    /*background-color: #FFF !important;*/
    opacity: 0.9;
    /*border: 1px solid #e6e6e6 !important;*/
    border-radius: 4px !important;
    padding: 5px;
    /*padding: 35px;*/
    /* padding: 10px;*/
}

.ssa-float-card-login-background-color-white {
    /*background-color: #FFF !important;
    opacity: 0.9;*/
}

.ssa-float-card-login-maxlength-feedback {
    position: relative;
    text-align: right !important;
    margin: 0px !important;
    font-size: xx-small !important;
    font-weight: bolder;
    /*text-transform: uppercase;*/
    color: #3F342F;
}

.ssa-panel-tools-langauge-float {
    position: absolute;
    margin-left: 69.6%;
    margin-top: 3.5%;
    z-index: 3;
}

.ssa-btn-login-circle-link {
    width: 35px !important;
    height: 35px !important;
    padding: 8px 5px !important;
    border-radius: 23px !important;
    text-align: center !important;
    line-height: 1.42857 !important;
    background-color: #92B954 !important;
    color: #fff !important;
    border: 2px solid #E8E8CE;
    margin-left: -2px !important;
    box-shadow: -2px 1px 14px 2px rgba(0, 0, 0, 0.42);
    -webkit-box-shadow: -2px 1px 14px 2px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: -2px 1px 14px 2px rgba(0, 0, 0, 0.42);
}

/*************************************
* LOGOUT  CLASSES SSA
* ************************************/
.ssa-float-card-logout {
    overflow: hidden !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    padding: 50px;
    overflow-x: hidden;
    overflow-y: auto;
    background-image: none !important;
    background-color: #e8e8ce5c;
    background-size: 80% 80%;
    background-position: center 70%;
    background-repeat: no-repeat;
}

.ssa-float-card-logout-header {
    /*background-color: #1565c0 !important;*/
    background-color: #272B35 !important;
    /*border-bottom: 15px solid #34495E;*/
}

.ssa-float-card-logout-button {
    /*background-color: #1565c0 !important;*/
    background-color: #272B35 !important;
    width: 100% !important;
}

.ssa-float-card-logout-background-color {
    /*background-color: #34495E !important;*/
    color: white;
    /*opacity: 0.9;*/
}

.ssa-float-card-logout-form {
    background-color: #FFF !important;
    opacity: 0.9;
    border: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    padding: 5px;
    padding: 35px;
}

.ssa-float-card-logout-background-color-white {
    /*background-color: #FFF !important;
    opacity: 0.9;*/
}

/*************************************
* CAPTCHA CLASSES SSA
* ************************************/
.div-imagecaptcha-cls {
    padding: 6px;
    padding-left: 10px;
    text-decoration: line-through;
    text-decoration-thickness: from-font;
    text-align: center;
    text-decoration-style: wavy;
    /* -webkit-text-stroke: thin; */
    /* font-style: italic; */
    font-size: 2.5em;
    border: #92B954 3px solid;
    background-color: #92b95426;
    /* margin-left: 86px; */
    border-radius: 3px;
    letter-spacing: 20px !important;
    box-shadow: 1px 1px 2px 0px #696969;
    text-shadow: 4px 2px 3px #56453C;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    cursor: none;
    font-family: "Lucida Console", "Courier New", monospace !important;
}

.inp-imagecaptcha-cls {
    font-size: large !important;
    letter-spacing: 6px !important;
    font-family: "Lucida Console", "Courier New", monospace !important;
}


.text-warning-cls {
    background-color: #ecc956 !important;
    border: solid #ffc3036b 1px !important;
    border-left: solid #ffc303 10px !important;
    border-radius: 2px;
}

/*************************************
* PANEL TRAINING CLASSES SSA
* ************************************/
.ssa-float-card-training {
    overflow: hidden !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 25px;
    padding-top: 2px;
    background-color: #272b35b5;
    /* 
    padding: 50px;
    background-color: #272B35;
    background-image: url(../images/login_1.png);
    background-size: 82% 100%;
    background-position: center;
    background: padding-box;
    background-repeat: no-repeat;
    */
}

/*************************************
* ERROR CLASSES SSA
* ************************************/
.ssa-float-card-error {
    overflow: hidden !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    padding: 50px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #272b355e;
    background-image: url(../images/login_1.png);
    background-size: 82% 100%;
    background-position: center;
    /* background: padding-box; */
    background-repeat: no-repeat;
}

.ssa-float-card-error-header {
    background-color: #B80F0A !important;
    /*border-bottom: 15px solid #34495E;*/
}

.ssa-float-card-error-button {
    background-color: #1565c0 !important;
    width: 100% !important;
}

.ssa-float-card-error-background-color {
    /*background-color: #34495E !important;*/
    color: white;
    /*opacity: 0.9;*/
}

.ssa-float-card-error-form {
    background-color: #FFF !important;
    opacity: 0.9;
    border: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    padding: 5px;
    padding: 35px;
}

.ssa-float-card-error-background-color-white {
    /*background-color: #FFF !important;
    opacity: 0.9;*/
}

.ssa-float-card-error-close-button {
    background-color: #B80F0A !important;
}

/*************************************
* REGISTER USER CLASSES SSA
* ************************************/
.ssa-float-card-reguser {
    overflow: hidden !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1041;
    padding: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #272b35b5;
}

.ssa-float-card-reguser-header {
    /*background-color: #1565c0 !important;*/
    background-color: #272B35 !important;
    padding: 5px;
}

.ssa-float-card-reguser-button {
    /*background-color: #1565c0 !important;*/
    background-color: #272B35 !important;
}

.ssa-float-card-reguser-background-color {
    /*background-color: #1565c0 !important;*/
    background-color: #272B35 !important;
    color: white;
    /*opacity: 0.9;*/
}

.ssa-float-card-reguser-form {
    background-color: #FFF !important;
    opacity: 0.9;
    border: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    padding: 5px;
    padding: 5px;
}

.ssa-float-card-reguser-background-color-white {
    background-color: #FFF !important;
}

.ssa-float-card-reguser-border-radius {
    border-radius: 4px;
    margin: 3px;
}

.ssa-float-card-reguser-maxlength-feedback {
    position: relative;
    text-align: right !important;
    margin: 0px !important;
    font-size: xx-small !important;
    font-weight: bolder;
    /*text-transform: uppercase;*/
    color: #3F342F;
}

.ssa-field-required {
    position: relative;
    text-align: right !important;
    margin: 0px !important;
    font-size: xx-small !important;
    font-weight: bolder !important;
    /*text-transform: uppercase !important;*/
    color: #dc3545 !important;
    visibility: hidden;
}

.ssa-field-required-text {
    font-family: 'Arial-Regular' !important;
}

/*************************************
* RECOVER PASSWORD CLASSES SSA
* ************************************/
.ssa-float-card-recoverpass {
    overflow: hidden !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1041;
    padding: 50px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #272b35b5;
}

.ssa-float-card-recoverpass-header {
    /*background-color: #1565c0 !important;*/
    background-color: #272B35 !important;
    padding: 5px;
}

.ssa-float-card-recoverpass-button {
    /*background-color: #1565c0 !important;*/
    background-color: #272B35 !important;
}

.ssa-float-card-recoverpass-background-color {
    /*background-color: #1565c0 !important;*/
    background-color: #272B35 !important;
    color: white;
    /*opacity: 0.9;*/
}

.ssa-float-card-recoverpass-form {
    background-color: #FFF !important;
    opacity: 0.9;
    /*border: 1px solid #e6e6e6 !important;*/
    border-radius: 2px !important;
    padding: 5px;
    padding: 5px;
}

.ssa-float-card-recoverpass-background-color-white {
    background-color: #FFF !important;
}

.ssa-float-card-recoverpass-border-radius {
    border-radius: 4px;
    margin: 3px;
}

.ssa-float-card-recoverpass-maxlength-feedback {
    position: relative;
    text-align: right !important;
    margin: 0px !important;
    font-size: xx-small !important;
    font-weight: bolder;
    /*text-transform: uppercase;*/
    color: #3F342F;
}
/*************************************
* CAPTCHA PASSWORD CLASSES SSA
* ************************************/
.ssa-float-card-captcha {
    overflow: hidden !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1042;
    padding: 50px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #272b35b5;
}

.ssa-float-card-captcha-header {
    /*background-color: #1565c0 !important;*/
    background-color: #272B35 !important;
    padding: 5px;
}

.ssa-float-card-captcha-button {
    /*background-color: #1565c0 !important;*/
    background-color: #272B35 !important;
}

.ssa-float-card-captcha-background-color {
    /*background-color: #1565c0 !important;*/
    background-color: #272B35 !important;
    color: white;
    /*opacity: 0.9;*/
}

.ssa-float-card-captcha-form {
    background-color: #FFF !important;
    opacity: 0.9;
    /*border: 1px solid #e6e6e6 !important;*/
    border-radius: 2px !important;
    padding: 5px;
    padding: 5px;
}

.ssa-float-card-captcha-background-color-white {
    background-color: #FFF !important;
}

.ssa-float-card-captcha-border-radius {
    border-radius: 4px;
    margin: 3px;
}

.ssa-float-card-captcha-maxlength-feedback {
    position: relative;
    text-align: right !important;
    margin: 0px !important;
    font-size: xx-small !important;
    font-weight: bolder;
    /*text-transform: uppercase;*/
    color: #3F342F;
}
/*************************************
* FLOAT CARD MODAL SSA 
* ************************************/
.ssa-float-card-modal-no-backg {
    overflow: hidden !important;
    position: fixed;
    top: 0;
    right: 10px !important;
    bottom: 0;
    left: 0;
    z-index: 1041;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #e8e8ce91;
}

.ssa-float-card-modal {
    overflow: hidden !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1041;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #e8e8ce91;
}

.ssa-float-card-modal-header {
    background-color: #272B35 !important;
    padding: 5px;
}

.ssa-float-card-modal-button {
    background-color: #272B35 !important;
}

.ssa-float-card-modal-background-color {
    background-color: #272B35 !important;
    color: white;
    /*opacity: 0.9;*/
}

.ssa-float-card-modal-form {
    background-color: #FFF !important;
    opacity: 0.9;
    border: 1px solid #e6e6e6 !important;
    border-radius: 2px !important;
    padding: 5px;
    padding: 5px;
}

.ssa-float-card-modal-background-color-white {
    background-color: #FFF !important;
}

.ssa-float-card-modal-border-radius {
    border-radius: 2px;
    margin: 3px;
}

.ssa-float-card-modal-maxlength-feedback {
    position: relative;
    text-align: right !important;
    margin: 0px !important;
    font-size: xx-small !important;
    font-weight: bolder;
    /*text-transform: uppercase;*/
    color: #1565c0;
}

/*************************************
* DRAG AND DROP CLASSES
* ************************************/
.ssa-card-dropped {
    border-color: #757575;
    background-color: #9E9E9E;
    border-width: 2px;
    border-style: dashed;
    border-radius: 2px;
    margin: 2px;
}

.ssa-card-draggable {
    border: 3px solid rgba(0,0,0,.125);
    border-radius: 2px;
    cursor: move;
    background-color: #fff;
    z-index: 1;
}

.ssa-card-dropped-wong {
    background-color: #ba212e75 !important;
}

.ssa-card-dropped-ok {
    background-color: #359a4c80 !important;
}
/*Identity Brown*/
/*.ssa-min-card-buttom {
    margin: 5px;
    margin-bottom: 15px;
    min-height: 65px;
    border: 1px solid #67605B !important;
    background-color: #67605B;
    padding: 5px !important;
    min-width: 250px;
    color: #ffff;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    border-radius: 2px;
}*/
/*Identity Green*/
.ssa-min-card-buttom {
    margin: 5px;
    margin-bottom: 15px;
    min-height: 65px;
    border: 1px solid #92B954 !important;
    background-color: #92B954;
    padding: 5px !important;
    min-width: 250px;
    color: #ffff;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    border-radius: 2px;
}

.ssa-min-card-buttom-light {
    margin: 5px;
    margin-bottom: 15px;
    min-height: 65px;
    border: 1px solid #67605B !important;
    background-color: #56453ca8;
    padding: 5px !important;
    min-width: 250px;
    color: #ffff;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    border-radius: 2px;
}

/*Identity Brown*/
/*.ssa-min-card-min-buttom-light {
    margin: 5px;*/
    /*margin-bottom: 15px;*/
    /*min-height: 65px;*/
    /*border: 1px solid #67605B !important;
    background-color: #56453ca8;
    padding: 5px !important;
    min-width: 250px;
    color: #ffff;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    border-radius: 2px;
}*/

/*Identity Green*/
.ssa-min-card-min-buttom-light {
    margin: 5px;
    /*margin-bottom: 15px;*/
    /*min-height: 65px;*/
    border: 1px solid #92B954 !important;
    background-color: #92B954;
    padding: 5px !important;
    min-width: 250px;
    color: #ffff;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
    border-radius: 2px;
}


.ssa-min-card-buttom-shadow {

    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;

}


/*************************************
 * DATAPICKER CLASEES OVERWRITING
 **************************************/
/*.datepicker-container {
    z-index: 2000 !important;
}*/

.datepicker-dropdown {
    border: 1px solid #ccc;
    /* -webkit-box-shadow: 0 3px 6px #ccc; */
    /* box-shadow: 0 3px 6px #ccc; */
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    z-index: 1;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.datepicker-container {
    background-color: #fff;
    direction: ltr;
    font-size: 12px;
    left: 0;
    line-height: 30px;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 210px;
    z-index: 2000 !important;
}

    .datepicker-container:after, .datepicker-container:before {
        border: 5px solid transparent;
        content: " ";
        display: block;
        height: 0;
        position: absolute;
        width: 0
    }

.datepicker-dropdown {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 3px 6px #ccc;
    box-shadow: 0 3px 6px #ccc;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    z-index: 1
}

.datepicker-inline {
    position: static
}

.datepicker-top-left, .datepicker-top-right {
    border-top-color: #56453C!important;
}

    .datepicker-top-left:after, .datepicker-top-left:before, .datepicker-top-right:after, .datepicker-top-right:before {
        border-top: 0;
        left: 10px;
        top: -5px
    }

    .datepicker-top-left:before, .datepicker-top-right:before {
        border-bottom-color: #56453C!important;
    }

    .datepicker-top-left:after, .datepicker-top-right:after {
        border-bottom-color: #fff;
        top: -4px
    }

.datepicker-bottom-left, .datepicker-bottom-right {
    border-bottom-color: #56453C!important;
}

    .datepicker-bottom-left:after, .datepicker-bottom-left:before, .datepicker-bottom-right:after, .datepicker-bottom-right:before {
        border-bottom: 0;
        bottom: -5px;
        left: 10px
    }

    .datepicker-bottom-left:before, .datepicker-bottom-right:before {
        border-top-color: #56453C!important;
    }

    .datepicker-bottom-left:after, .datepicker-bottom-right:after {
        border-top-color: #fff;
        bottom: -4px
    }

    .datepicker-bottom-right:after, .datepicker-bottom-right:before, .datepicker-top-right:after, .datepicker-top-right:before {
        left: auto;
        right: 10px
    }

.datepicker-panel > ul {
    margin: 0;
    padding: 0;
    width: 102%
}

    .datepicker-panel > ul:after, .datepicker-panel > ul:before {
        content: " ";
        display: table
    }

    .datepicker-panel > ul:after {
        clear: both
    }

    .datepicker-panel > ul > li {
        background-color: #fff;
        cursor: pointer;
        float: left;
        height: 30px;
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 30px
    }

        .datepicker-panel > ul > li:hover {
            background-color: #F0EFEF!important;
        }

        .datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
            color: #999
        }

        .datepicker-panel > ul > li.highlighted {
            background-color: #E8E8CE !important;
            border: 1px solid #F0EFEF !important;
            border-radius: 2px !important;
            -webkit-box-shadow: 1px 1px 2px 0px #696969;
            -moz-box-shadow: 1px 1px 2px 0px #696969;
            box-shadow: 1px 1px 2px 0px #696969;
        }

            .datepicker-panel > ul > li.highlighted:hover {
                background-color: #cce5ff
            }

        .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
            color: #56453C!important;
        }

        .datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {
            background-color: #fff;
            color: #ccc;
            cursor: default
        }

            .datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted {
                background-color: #F0EFEF!important;
            }

        .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view=next] {
            font-size: 18px
        }

        .datepicker-panel > ul > li[data-view="month current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="years current"] {
            width: 150px
        }

    .datepicker-panel > ul[data-view=months] > li, .datepicker-panel > ul[data-view=years] > li {
        height: 52.5px;
        line-height: 52.5px;
        width: 52.5px
    }

    .datepicker-panel > ul[data-view=week] > li, .datepicker-panel > ul[data-view=week] > li:hover {
        background-color: #fff;
        cursor: default
    }

.datepicker-hide {
    display: none
}


/*************************************
* TYPES SLIDES CLASSES
* ************************************/
.ssa-slide-1-image {
    background-image: url(../images/slide_1_v2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: 101%;
    background-color: #FFF;
    /*text-transform: uppercase;*/
    font-size: x-large !important;
    font-weight: 900;
    height: 211px;
    width: 438px;
    color: #fff;
    margin: 0px;
    border-radius: 2px;
}

.ssa-slide-2-image {
    background-image: url(../images/slide_2_v2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: 101%;
    background-color: #FFF;
    /*text-transform: uppercase;*/
    font-size: x-large !important;
    font-weight: 900;
    height: 211px;
    width: 438px;
    color: #fff;
    margin: 0px;
    border-radius: 2px;
}

.ssa-slide-3-image {
    background-image: url(../images/slide_3_v2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: 101%;
    background-color: #FFF;
    /*text-transform: uppercase;*/
    font-size: x-large !important;
    font-weight: 900;
    height: 211px;
    width: 438px;
    color: #fff;
    margin: 0px;
    border-radius: 2px;
}

.ssa-slide-4-image {
    background-image: url(../images/slide_4_v2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: 101%;
    background-color: #FFF;
    /*text-transform: uppercase;*/
    font-size: x-large !important;
    font-weight: 900;
    height: 211px;
    width: 438px;
    color: #fff;
    margin: 0px;
    border-radius: 2px;
}

.ssa-slide-5-image {
    background-image: url(../images/slide_5_v2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: 101%;
    background-color: #FFF;
    /*text-transform: uppercase;*/
    font-size: x-large !important;
    font-weight: 900;
    height: 211px;
    width: 438px;
    color: #fff;
    margin: 0px;
    border-radius: 2px;
}

.ssa-slide-6-image {
    background-image: url(../images/slide_6_v2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: 101%;
    background-color: #FFF;
    /*text-transform: uppercase;*/
    font-size: x-large !important;
    font-weight: 900;
    height: 211px;
    width: 438px;
    color: #fff;
    margin: 0px;
    border-radius: 2px;
}

.ssa-slide-7-image {
    background-image: url(../images/slide_7_v2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: 101%;
    background-color: #FFF;
    /*text-transform: uppercase;*/
    font-size: x-large !important;
    font-weight: 900;
    height: 211px;
    width: 438px;
    color: #fff;
    margin: 0px;
    border-radius: 2px;
}

.ssa-slide-8-image {
    background-image: url(../images/slide_8_v2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-x: 101%;
    background-color: #FFF;
    /*text-transform: uppercase;*/
    font-size: x-large !important;
    font-weight: 900;
    height: 211px;
    width: 438px;
    color: #fff;
    margin: 0px;
    border-radius: 2px;
}

.ssa-slide-none-image {
    border-color: #757575;
    background-color: #fff;
    border-width: 2px;
    border-style: dashed;
    border-radius: 2px;
    /* text-transform: uppercase; */
    font-size: x-large !important;
    font-weight: 900;
    height: 200px;
    width: 400px;
    color: #fff;
    margin: 0px;
    border-radius: 2px;
}

/*************************************
* TYPES SLIDES ADS CLASSES
* ************************************/
.ssa-slide-float-left {
    float: left;
    margin: 20px !important;
}

.ssa-slide-content {
    width: 1600px;
}

.ssa-slide-scroll {
    width: 800px;
    overflow: auto;
}
/*Identity Brown*/
/*.ssa-min-card-slide-ad {*/
    /* padding: 10px; */
    /*min-height: 200px;
    min-width: 100px;
    background-color: #56453ca8;
    border: 1px solid #67605B !important;
    color: #3F342F;
    margin: 1px;
    border-radius: 2px;
}*/

/*Identity Green*/
.ssa-min-card-slide-ad {
    /* padding: 10px; */
    min-height: 200px;
    min-width: 100px;
    background-color: #92B954;
    border: 1px solid #92B954 !important;
    color: #3F342F;
    margin: 1px;
    border-radius: 2px;
}


.ssa-slide-ad-1-image {
    background-image: url(../images/slide_ad_1.png);
    background-size: 286px;
    background-repeat: no-repeat;
    background-position-x: 50%;
    /* background-color: #e6e6e6; */
    /* text-transform: uppercase; */
    /* font-size: x-large !important; */
    /* font-weight: 900; */
    min-height: 139px;
    /* height: 127px; */
    /* width: 266px; */
    /* color: #fff; */
    /* margin: 0px; */
    margin-top: 36px;
    border-radius: 2px;
    cursor: pointer;
}

.ssa-slide-ad-2-image {
    background-image: url(../images/slide_ad_2.png);
    background-size: 286px;
    background-repeat: no-repeat;
    background-position-x: 50%;
    /* background-color: #e6e6e6; */
    /* text-transform: uppercase; */
    /* font-size: x-large !important; */
    /* font-weight: 900; */
    min-height: 139px;
    /* height: 127px; */
    /* width: 266px; */
    /* color: #fff; */
    /* margin: 0px; */
    margin-top: 36px;
    border-radius: 2px;
    cursor: pointer;
}

.ssa-slide-ad-3-image {
    background-image: url(../images/slide_ad_3.png);
    background-size: 286px;
    background-repeat: no-repeat;
    background-position-x: 50%;
    /* background-color: #e6e6e6; */
    /* text-transform: uppercase; */
    /* font-size: x-large !important; */
    /* font-weight: 900; */
    min-height: 139px;
    /* height: 127px; */
    /* width: 266px; */
    /* color: #fff; */
    /* margin: 0px; */
    margin-top: 36px;
    border-radius: 2px;
    cursor: pointer;
}

.ssa-slide-ad-none-image {
    border-color: #757575;
    background-color: #F0EFEF;
    border-width: 2px;
    border-style: dashed;
    border-radius: 2px;
    /* text-transform: uppercase; */
    /* font-size: x-large !important; */
    /* font-weight: 900; */
    height: 5em;
    /* height: 127px; */
    /* width: 266px; */
    /* color: #fff; */
    margin: 5px;
    border-radius: 2px;
    min-height: 187px;
}

/**************************************
  *  DROPZONE OVERWRITING
  **************************************/

/* The MIT License */
.ssa-dropzone,
.ssa-dropzone *,
.dropzone-previews,
.dropzone-previews * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ssa-dropzone {
    position: relative;
    border: 1px solid rgba(0,0,0,0.08);
    background: rgba(0,0,0,0.02);
    padding: 1em;
}

    .ssa-dropzone.dz-clickable {
        cursor: pointer;
    }

        .ssa-dropzone.dz-clickable .dz-message,
        .ssa-dropzone.dz-clickable .dz-message span {
            cursor: pointer;
        }

        .ssa-dropzone.dz-clickable * {
            cursor: default;
        }

    .ssa-dropzone .dz-message {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    .ssa-dropzone.dz-drag-hover {
        border-color: rgba(0,0,0,0.15);
        background: rgba(0,0,0,0.04);
    }

    .ssa-dropzone.dz-started .dz-message {
        display: none;
    }

    .ssa-dropzone .dz-preview,
    .dropzone-previews .dz-preview {
        background: rgba(255,255,255,0.8);
        position: relative;
        display: inline-block;
        margin: 17px;
        vertical-align: top;
        border: 1px solid #acacac;
        padding: 6px 6px 6px 6px;
    }

        .ssa-dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
        .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
            display: none;
        }

        .ssa-dropzone .dz-preview .dz-details,
        .dropzone-previews .dz-preview .dz-details {
            width: 100px;
            height: 100px;
            position: relative;
            background: #ebebeb;
            padding: 5px;
            margin-bottom: 22px;
        }

            .ssa-dropzone .dz-preview .dz-details .dz-filename,
            .dropzone-previews .dz-preview .dz-details .dz-filename {
                overflow: hidden;
                height: 100%;
            }

            .ssa-dropzone .dz-preview .dz-details img,
            .dropzone-previews .dz-preview .dz-details img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100px;
                height: 100px;
            }

            .ssa-dropzone .dz-preview .dz-details .dz-size,
            .dropzone-previews .dz-preview .dz-details .dz-size {
                position: absolute;
                bottom: -28px;
                left: 3px;
                height: 28px;
                line-height: 28px;
            }

        .ssa-dropzone .dz-preview.dz-error .dz-error-mark,
        .dropzone-previews .dz-preview.dz-error .dz-error-mark {
            display: block;
        }

        .ssa-dropzone .dz-preview.dz-success .dz-success-mark,
        .dropzone-previews .dz-preview.dz-success .dz-success-mark {
            display: block;
        }

        .ssa-dropzone .dz-preview:hover .dz-details img,
        .dropzone-previews .dz-preview:hover .dz-details img {
            display: none;
        }

        .ssa-dropzone .dz-preview .dz-success-mark,
        .dropzone-previews .dz-preview .dz-success-mark,
        .ssa-dropzone .dz-preview .dz-error-mark,
        .dropzone-previews .dz-preview .dz-error-mark {
            display: none;
            position: absolute;
            width: 40px;
            height: 40px;
            font-size: 30px;
            text-align: center;
            right: -10px;
            top: -10px;
        }

        .ssa-dropzone .dz-preview .dz-success-mark,
        .dropzone-previews .dz-preview .dz-success-mark {
            color: #8cc657;
        }

        .ssa-dropzone .dz-preview .dz-error-mark,
        .dropzone-previews .dz-preview .dz-error-mark {
            color: #ee162d;
        }

        .ssa-dropzone .dz-preview .dz-progress,
        .dropzone-previews .dz-preview .dz-progress {
            position: absolute;
            top: 100px;
            left: 6px;
            right: 6px;
            height: 6px;
            background: #d7d7d7;
            display: none;
        }

            .ssa-dropzone .dz-preview .dz-progress .dz-upload,
            .dropzone-previews .dz-preview .dz-progress .dz-upload {
                display: block;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 0%;
                background-color: #8cc657;
            }

        .ssa-dropzone .dz-preview.dz-processing .dz-progress,
        .dropzone-previews .dz-preview.dz-processing .dz-progress {
            display: block;
        }

        .ssa-dropzone .dz-preview .dz-error-message,
        .dropzone-previews .dz-preview .dz-error-message {
            display: none;
            position: absolute;
            top: -5px;
            left: -20px;
            background: rgba(245,245,245,0.8);
            padding: 8px 10px;
            color: #800;
            min-width: 140px;
            max-width: 500px;
            z-index: 500;
        }

        .ssa-dropzone .dz-preview:hover.dz-error .dz-error-message,
        .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
            display: block;
        }

.ssa-dropzone {
    border: 1px solid rgba(0,0,0,0.03);
    min-height: 221px;
    border: 2px dashed #0087F7;
    border-radius: 5px;
    background: white;
}

    .ssa-dropzone .dz-default.dz-message {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        background-image: url("../images/spritemap.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        width: 428px;
        height: 123px;
        margin-left: -214px;
        margin-top: -61.5px;
        top: 50%;
        left: 50%;
    }

@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
    .ssa-dropzone .dz-default.dz-message {
        background-image: url("../images/spritemap@2x.png");
        -webkit-background-size: 428px 406px;
        -moz-background-size: 428px 406px;
        background-size: 428px 406px;
    }
}

.ssa-dropzone .dz-default.dz-message span {
    display: none;
}

.ssa-dropzone.dz-square .dz-default.dz-message {
    background-position: 0 -123px;
    width: 268px;
    margin-left: -134px;
    height: 174px;
    margin-top: -87px;
}

.ssa-dropzone.dz-drag-hover .dz-message {
    opacity: 0.15;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: alpha(opacity=15);
}

.ssa-dropzone.dz-started .dz-message {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.ssa-dropzone .dz-preview,
.dropzone-previews .dz-preview {
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
    font-size: 14px;
}

    .ssa-dropzone .dz-preview.dz-image-preview:hover .dz-details img,
    .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
        display: block;
        opacity: 0.1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10);
    }

    .ssa-dropzone .dz-preview.dz-success .dz-success-mark,
    .dropzone-previews .dz-preview.dz-success .dz-success-mark {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    .ssa-dropzone .dz-preview.dz-error .dz-error-mark,
    .dropzone-previews .dz-preview.dz-error .dz-error-mark {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    .ssa-dropzone .dz-preview.dz-error .dz-progress .dz-upload,
    .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
        background: #ee1e2d;
    }

    .ssa-dropzone .dz-preview .dz-error-mark,
    .dropzone-previews .dz-preview .dz-error-mark,
    .ssa-dropzone .dz-preview .dz-success-mark,
    .dropzone-previews .dz-preview .dz-success-mark {
        display: block;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transition: opacity 0.4s ease-in-out;
        -moz-transition: opacity 0.4s ease-in-out;
        -o-transition: opacity 0.4s ease-in-out;
        -ms-transition: opacity 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out;
        background-image: url("../images/spritemap.png");
        background-repeat: no-repeat;
    }

@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
    .ssa-dropzone .dz-preview .dz-error-mark,
    .dropzone-previews .dz-preview .dz-error-mark,
    .ssa-dropzone .dz-preview .dz-success-mark,
    .dropzone-previews .dz-preview .dz-success-mark {
        background-image: url("../images/spritemap@2x.png");
        -webkit-background-size: 428px 406px;
        -moz-background-size: 428px 406px;
        background-size: 428px 406px;
    }
}

.ssa-dropzone .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark span,
.ssa-dropzone .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark span {
    display: none;
}

.ssa-dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
    background-position: -268px -123px;
}

.ssa-dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
    background-position: -268px -163px;
}

.ssa-dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
    -webkit-animation: loading 0.4s linear infinite;
    -moz-animation: loading 0.4s linear infinite;
    -o-animation: loading 0.4s linear infinite;
    -ms-animation: loading 0.4s linear infinite;
    animation: loading 0.4s linear infinite;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-image: url("../images/spritemap.png");
    background-repeat: repeat-x;
    background-position: 0px -400px;
}

@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
    .ssa-dropzone .dz-preview .dz-progress .dz-upload,
    .dropzone-previews .dz-preview .dz-progress .dz-upload {
        background-image: url("../images/spritemap@2x.png");
        -webkit-background-size: 428px 406px;
        -moz-background-size: 428px 406px;
        background-size: 428px 406px;
    }
}

.ssa-dropzone .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.ssa-dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.ssa-dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.ssa-dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
    background-image: -webkit-linear-gradient(top, #fafafa, #eee);
    background-image: -moz-linear-gradient(top, #fafafa, #eee);
    background-image: -o-linear-gradient(top, #fafafa, #eee);
    background-image: -ms-linear-gradient(top, #fafafa, #eee);
    background-image: linear-gradient(to bottom, #fafafa, #eee);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #eee;
    text-decoration: none;
    display: block;
    padding: 4px 5px;
    text-align: center;
    color: #aaa;
    margin-top: 26px;
}

    .ssa-dropzone a.dz-remove:hover,
    .dropzone-previews a.dz-remove:hover {
        color: #666;
    }

/**************************************
 *  DROPZONE DETAILS OVERWRITING 
 **************************************/
.ssa-dropzone {
    border: 1px solid rgba(0,0,0,0.03);
    min-height: 221px;
    border: 2px dashed #385e84;
    border-radius: 2px;
    background: white;
}

    .ssa-dropzone .dz-preview, .dropzone-previews .dz-preview {
        background: #FFF;
        position: relative;
        display: inline-block;
        margin: 4px;
        vertical-align: top;
        border: 1px solid #ffffff00;
        border-radius: 2px;
        padding: 0px !important;
    }

        .ssa-dropzone .dz-preview .dz-image {
            border-radius: 2px;
            overflow: hidden;
            width: 120px;
            height: 120px;
            position: relative;
            display: block;
            z-index: 10;
        }

        .ssa-dropzone .dz-preview.dz-file-preview .dz-details {
            opacity: 1;
        }

        .ssa-dropzone .dz-preview .dz-details {
            z-index: 20;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #fafafa00;
            /* opacity: 0; */
            font-size: 13px;
            min-width: 100%;
            max-width: 100%;
            padding: 2em 1em;
            text-align: center;
            color: rgba(0, 0, 0, 0.9);
            line-height: 150%;
        }

            .ssa-dropzone .dz-preview .dz-details .dz-size {
                margin-bottom: 1em;
                font-size: 16px;
            }

                .ssa-dropzone .dz-preview .dz-details .dz-filename span,
                .ssa-dropzone .dz-preview .dz-details .dz-size span {
                    background-color: #fafafad4;
                    padding: 0 0.4em;
                    border-radius: 3px;
                }

        .ssa-dropzone .dz-preview .dz-progress {
            opacity: 1;
            z-index: 1000;
            pointer-events: none;
            position: absolute;
            height: 16px;
            left: 50%;
            top: 50%;
            margin-top: -8px;
            width: 80px;
            margin-left: -40px;
            background: rgba(255, 255, 255, 0.9);
            -webkit-transform: scale(1);
            border-radius: 8px;
            overflow: hidden;
        }

.dz-button {
    color: #3F342F;
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    /*text-transform: uppercase;*/
}

/**************************************
 *  TRUMBOWYG OVERWRITING
 **************************************/
.trumbowyg-box .trumbowyg-editor {
    margin: 0 auto;
    color: #3F342F;
}

.trumbowyg-button-pane {
    width: 100%;
    min-height: 36px;
    background: #385e84 !important;
    border-bottom: 1px solid #385e84 !important;
    margin: 0;
    padding: 0 5px;
    position: relative;
    list-style-type: none;
    line-height: 10px;
    backface-visibility: hidden;
    z-index: 11;
    color: #fff !important;
}

.trumbowyg-box svg, .trumbowyg-modal svg {
    width: 17px;
    height: 100%;
    fill: #272B35 !important;
}

.trumbowyg-box, .trumbowyg-editor {
    display: block;
    position: relative;
    border: 1px solid #385e84 !important;
    width: 100%;
    min-height: 300px;
    margin: 17px auto;
}

.trumbowyg-button-pane .trumbowyg-open-dropdown::after {
    display: block;
    content: " ";
    position: absolute;
    top: 25px;
    right: 3px;
    height: 0;
    width: 0;
    border: 3px solid transparent;
    border-top-color: #272B35;
}

.trumbowyg-button-pane button.trumbowyg-active, .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
    background-color: #f8f9fa;
    outline: 0;
    color: #3F342F;
}
/*MODAL B64*/
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover {
    /* background: #40d47e; */
    /* outline: 0; */
    opacity: 0.8;
    background: #359a4c !important;
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
    opacity: 1 !important;
    background: #359a4c !important;
    right: 110px;
    background-color: #359a4c !important;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*text-transform: uppercase;*/
    font-family: 'Arial-Regular' !important;
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover {
    /*background: #fbfbfb;
        outline: 0;*/
    opacity: 0.8;
    background: #808080 !important;
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
    color: #fff;
    background: #e6e6e6;
    opacity: 1 !important;
    background: #808080 !important;
    /* right: 110px; */
    background-color: #808080 !important;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*text-transform: uppercase;*/
    font-family: 'Arial-Regular' !important;
}

.trumbowyg-modal-box .trumbowyg-modal-title {
    font-size: larger;
    font-weight: 100 !important;
    margin: 0px !important;
    padding: 11px !important;
    display: block;
    border-bottom: 1px solid #385e84;
    /* border-radius: 2px !important;*/
    color: #3F342F;
    background: #385e84 !important;
    text-align: justify;
    color: #FFF !important;
    /*text-transform: uppercase;*/
    font-family: 'Arial-Regular' !important;
}

.trumbowyg-modal-box label .trumbowyg-input-infos span {
    display: block;
    /* color: #69878f; */
    /* background-color: #fbfcfc; */
    /* border: 1px solid #DEDEDE; */
    padding: 0 7px;
    width: 150px;
    font-weight: 100;
    border-bottom: 1px solid #385e84;
    border-radius: 2px !important;
    color: #FFF !important;
    background: #385e84 !important;
    /*text-transform: uppercase;*/
    font-family: 'Arial-Regular' !important;
}

.trumbowyg-modal-box label input {
    position: absolute;
    top: 0;
    right: 0;
    height: 27px;
    line-height: 27px;
    border: 1px solid #385e84;
    border-radius: 2px !important;
    background: #fff;
    font-size: small !important;
    max-width: 330px;
    width: 70%;
    padding: 0 7px;
    transition: all 150ms;
    /*text-transform: uppercase !important;*/
}

.trumbowyg-modal {
    position: absolute;
    top: 0 !important;
    left: 50%;
    transform: translateX(-50%);
    /* max-width: 520px; */
    max-width: 100% !important;
    width: 100% !important;
    height: 1024px !important;
    z-index: 12;
    /* overflow: hidden; */
    /* backface-visibility: hidden; */
    /* overflow: hidden !important; */
    /* position: fixed; */
    /* top: 0; */
    /* right: 0; */
    /* bottom: 0; */
    /* left: 0; */
    z-index: 1041 !important;
    /* padding: 10px; */
    /* overflow-x: hidden; */
    /* overflow-y: auto; */
    background-color: #272b35b5;
}

.trumbowyg-modal-box {
    position: absolute;
    top: 22% !important;
    left: 50%;
    transform: translateX(-50%);
    max-width: 500px;
    width: calc(100% - 20px);
    padding-bottom: 45px;
    z-index: 1;
    background-color: #FFF;
    text-align: center;
    font-size: 14px;
    box-shadow: rgba(0,0,0,.2) 0 2px 3px;
    backface-visibility: hidden;
    border: 1px solid #385e84 !important;
    border-radius: 2px !important;
}
/**************************************
 *  SSA Summernote
 **************************************/
.note-editor.note-frame, .note-editor.note-airframe {
    border: 2px solid #e6e6e6 !important;
    border-radius: 2px;
    background-color: #FFFF;
    /*color: #000;*/ 
    color: #3F342F;
}
/*Identity Brown*/
/*.note-popover .popover-content, .note-editor .note-toolbar {
    margin: 0;
    padding: 0 0 5px 5px;
    background-color: #56453c !important;
}*/
/*Identity Brown*/
.note-popover .popover-content, .note-editor .note-toolbar {
    margin: 0;
    padding: 0 0 5px 5px;
    background-color: #92B954 !important;
}
/*Identity Green*/
.note-editor.note-frame .note-statusbar .note-resizebar, .note-editor.note-airframe .note-statusbar .note-resizebar {
    padding-top: 1px;
    height: 9px;
    width: 100%;
    cursor: ns-resize;
    background-color: #e6e6e6 !important;
}

.note-btn-group .note-btn {
    border-color: #67605b38;
    padding: .28rem .65rem;
    color: #3F342F;
    font-size: inherit;
    letter-spacing: 2px;
    font-variant: normal;
    font-weight: bolder;
    min-height: 41px;
}

.note-editor.note-frame .note-editing-area, .note-editor.note-airframe .note-editing-area {
    overflow: hidden;
    min-height: 300px;
}
/*Identity Brown*/
/*.note-editor.note-airframe .note-statusbar .note-resizebar, .note-editor.note-frame .note-statusbar .note-resizebar {
    background-color: #56453c6e !important;
}*/
/*Identity Green*/
.note-editor.note-airframe .note-statusbar .note-resizebar, .note-editor.note-frame .note-statusbar .note-resizebar {
    background-color: #92B954 !important;
}

/*a {
    color: #337ab7;
    text-decoration: none;
    color: #3F342F;
}*/
/****************************************
 *  OVERWRITING BOOSTRAP3WYSIWYG
 ****************************************/
.ssa-htmltext-area {
    min-height: 200px;
    background-color: #fcfcfc;
    border: 1px solid #e6e6e6;
    padding: 5px !important;
    border-radius: 2px;
}

/***************************************
  *  OVERWRITING WYSIWYGEDITOR
  **************************************/
.royal-theme.fr-toolbar.fr-top {
    top: 0;
    border-bottom: 0;
    /*border-radius: 10px 10px 0 0;*/
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 5px !important;
    border-radius: 2px !important;
}

.royal-theme.fr-box.fr-basic .fr-wrapper {
    /*background: #FFF;*/
    /*border: 1px solid #CCCCCC;*/
    /*border-bottom-color: #efefef;*/
    top: 0;
    left: 0;
    background-color: #fff !important;
    border: 1px solid #e6e6e6 !important;
    padding: 5px !important;
    border-radius: 2px !important;
    border-top: 0px solid #fff !important;
    overflow-x: auto;
}

.fr-second-toolbar {
    display: none;
}

.royal-theme.fr-toolbar .fr-more-toolbar {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e6e6e6 !important;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.royal-theme.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
    background: #e6e6e6 !important;
    .modal-content
}
/********************************************** 
  *  OVERWRITING MODAL BOOSTRAP - P2
  **********************************************/
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow: hidden !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1042;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #e8e8ce91;
}

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        /*
        width: 50% !important;
        min-width: 340px;
        padding: 5px;
        background: #92B95499;
        border-radius: 2px;
        */
    }

/*
.modal-header {
    padding: 15px;*/
/*border-bottom: 1px solid #92B954;*/
/*background-color: #92B954;*/
/*border-bottom: 1px solid #1A1E27 !important;*/
/*background-color: #1A1E27 !important;*/
/*background-color: #F0EFEF !important;
    color: #6b6b6b !important;
}
*/
.modal-header {
    padding: 15px;
    /* border-bottom: 1px solid #92B954; */
    /* background-color: #92B954; */
    border-bottom: 2px solid #92B954 !important;
    /* background-color: #1A1E27 !important; */
    background-color: #F0EFEF !important;
    color: #6b6b6b !important;
    border-radius: 2px;
}

.modal-header-blue {
    padding: 15px;
    border-bottom: 1px solid #385e84 !important;
    background-color: #385e84 !important;
    /*color: #fff !important;*/
    color: #E8E8CE !important;
}


.modal-header-brown {
    padding: 0px;
    padding-top: 8px !important;
    border-bottom: 3px solid #67605B !important;
    background-color: #56453C !important;
    /* color: #fff !important; */
    color: #E8E8CE !important;
}

.modal-footer-brown {
    background-color: #56453c !important;
}

.modal-header-brown-light {
    padding: 0px;
    padding-top: 8px !important;
    border-bottom: 3px solid #67605B !important;
    background-color: #67605B !important;
    /* color: #fff !important; */
    color: #E8E8CE !important;
}

.modal-footer-brown-light {
    background-color: #67605B !important;
}

.modal-header .close {
    /*        
    margin-top: -7px !important;
    font-size: x-large;
    */
    /*
    margin-top: -1px !important;
    font-size: large;
    color: #6b6b6b !important;
    font-weight: bolder;
    */
    margin-top: -1px !important;
    font-size: 14px;
    color: #92B954 !important;
    font-weight: bolder !important;
}

.modal-header .close-blank {
    margin-top: 3px !important;
    font-size: small;
    color: #E8E8CE !important;
    font-weight: bolder;
    letter-spacing: 4px;
}

.modal-content {
    position: relative;
    background-clip: padding-box;
    border: 0px !important;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    outline: 0;
    border: 2px solid #67605b5c !important;
    background-color: #67605b5c !important;
    border-radius: 2px;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    border-color: #359a4c !important;
    background-color: #359a4c !important;
    opacity: 0.8;
}

.btn-primary {
    color: #fff;
    /* background-color: #337ab7; */
    border-color: #359a4c !important;
    background-color: #359a4c !important;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed !important;
    pointer-events: inherit;
    filter: alpha(opacity=65);
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.note-popover .popover-content .note-color .dropdown-toggle, .note-editor .note-toolbar .note-color .dropdown-toggle {
    width: 61px;
    padding-left: 5px;
}

div.dt-container.dt-empty-footer .dt-scroll-body {
    border-bottom: 1px solid #F0EFEF !important;
}

div.dt-scroll div.dtfc-top-blocker, div.dt-scroll div.dtfc-bottom-blocker, div.dtfh-floatingparent div.dtfc-top-blocker, div.dtfh-floatingparent div.dtfc-bottom-blocker {
    background-color: #F0EFEF!important;
}



/**************************************
  *  DATATABLES OVERWRITING
  **************************************/
.dataTables_scrollHead {
    background-color: #F0EFEF;
}

.dataTables_scrollHeadInner {
    border-color: #e6e6e6 !important;
    border-width: 1px !important;
    border-radius: 2px 2px 0px 0px !important;
    border-style: solid;
}

.dataTables_scrollBody {
    border-color: #e6e6e6 !important;
    border-width: 1px !important;
    border-radius: 0px 0px 2px 2px !important;
    border-style: solid;
}

/*table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #272B35;*/
    /*
    background-color: #272B35;
    color: #fff;
    */
    /*background-color: #F0EFEF;
    color: #3F342F;
}*/

/*
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #ddd;
}
*/
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #e6e6e6 !important;
}

/*table.dataTable thead th, table.dataTable thead td {
    padding: 1px 15px 1px 5px !important;
    border-bottom: 1px solid #111;
    font-size: small !important;
}*/

table.dataTable tbody th, table.dataTable tbody td {
    padding: 1px 15px 1px 5px !important;
    font-size: small !important;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    /*border-top: none;*/
    font-size: 11px !important;
    /*border-top: 1px solid #111;*/
}

table.dataTable,
table.dataTable th,
table.dataTable td {
    box-sizing: initial !important;
}

    table.dataTable thead th,
    table.dataTable thead td {
        padding: 10px 18px;
        border-bottom: 1px solid #111;
        font-size: 11px !important;
        font-weight: 100;
    }


    table.dataTable.row-border tbody tr:first-child th,
    table.dataTable.row-border tbody tr:first-child td,
    table.dataTable.display tbody tr:first-child th,
    table.dataTable.display tbody tr:first-child td {
        border-top: none;
        font-size: 11px !important;
    }


    table.dataTable.stripe tbody tr.odd,
    table.dataTable.display tbody tr.odd {
        font-size: medium !important;
    }

    table.dataTable.stripe tbody tr.odd,
    table.dataTable.display tbody tr.even {
        font-size: medium !important;
    }

    table.dataTable.no-footer {
        border-bottom: 1px solid #F0EFEF !important;
    }

    table.dataTable thead th,
    table.dataTable thead td {
        padding: 10px 18px;
        border-bottom: 5px solid #67605B;
        font-size: 11px !important;
        font-weight: 100;
    }

    table.dataTable thead .sorting_asc {
        background-image: none !important;
    }

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
    border-top: none;
    font-size: 11px !important;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    /*border-top: none;*/
    font-size: 11px !important;
    /*border-top: 1px solid #111;*/
}

    table.dataTable thead th, table.dataTable thead td {
        padding: 10px 18px !important;
        background-color: #F0EFEF !important;
        border-bottom: 1px solid #F0EFEF !important;
        font-size: 11px !important;
        font-weight: 100;
        letter-spacing: 1px;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: pointer;
    color: #3F342F !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
    color: #3F342F !important;
    border: 1px solid #E8E8CE;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #E8E8CE 0%, #E8E8CE 100%);
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing, 
.dataTables_wrapper .dataTables_paginate {
    color: #6b6b6b !important;
    margin-bottom: 5px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        cursor: pointer;
        color: #3F342F !important;
        border: 1px solid transparent;
        background: transparent;
        box-shadow: none;
        color: #3F342F !important;
        border: 1px solid #E8E8CE;
        background-color: white;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
        background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
        background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
        background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
        background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
        background: linear-gradient(to bottom, #E8E8CE 0%, #E8E8CE 100%);
        -webkit-box-shadow: 1px 1px 2px 0px #696969;
        -moz-box-shadow: 1px 1px 2px 0px #696969;
        box-shadow: 1px 1px 2px 0px #696969;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #3F342F !important;
        border: 1px solid #E8E8CE;
        background-color: white;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
        background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
        background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
        background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
        background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
        background: linear-gradient(to bottom, #E8E8CE 0%, #E8E8CE 100%);
        -webkit-box-shadow: 1px 1px 2px 0px #696969;
        -moz-box-shadow: 1px 1px 2px 0px #696969;
        box-shadow: 1px 1px 2px 0px #696969;
        margin-top: 2px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        /*color: #fff !important;*/
        /* background-color: #56453C !important; */
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        /*background-image: none;*/
        border: 1px solid transparent;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 3px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        /* user-select: none; */
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        box-sizing: border-box;
        display: inline-block;
        min-width: 1.5em;
        padding: 0.5em 1em;
        margin-left: 2px;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        /*cursor: hand;*/
        color: #3F342F !important;
        border: 1px solid transparent;
        border-radius: 2px;
    }

        /*.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
            cursor: default;
            color: #56453c87 !important;
            border: 1px solid transparent;
            background: transparent;
            box-shadow: none;
        }*/

        /*        .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            color: white !important;
            border: 1px solid #111;
            background-color: #585858;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
            background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
            background: -moz-linear-gradient(top, #585858 0%, #111 100%);
            background: -ms-linear-gradient(top, #585858 0%, #111 100%);
            background: -o-linear-gradient(top, #585858 0%, #111 100%);
            background: linear-gradient(to bottom, #585858 0%, #111 100%);
        }*/

        .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            color: #fff !important;
            background-color: #56453c87 !important;
            background: #56453c87 !important;
            display: inline-block;
            margin-bottom: 0;
            font-weight: normal;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            background-image: none;
            border: 1px solid transparent;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            border-radius: 4px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            /* background: #007bff78 !important; */

            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
            background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
            background: -moz-linear-gradient(top, #585858 0%, #111 100%);
            background: -ms-linear-gradient(top, #585858 0%, #111 100%);
            background: -o-linear-gradient(top, #585858 0%, #111 100%);
            background: linear-gradient(to bottom, #585858 0%, #111 100%);
        }

.paginate_button {
    color: #3F342F !important;
    font-size: 11px !important;
}

.dataTables_length_label {
    color: #3F342F !important;
    font-size: 11px !important;
    font-weight: normal;
}

/*.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #3F342F !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
    font-size: 11px !important;
}*/

.dataTables_paginate {
    background-color: #E8E8CE;
    border: 1px solid #67605B;
    padding: 5px !important;
    border-radius: 2px;
    margin-top: 5px;
}

.dataTables_length > select {
    max-height: 2.6em;
}

div.dt-container select.dt-input {
    padding: 9px;
    font-size: 11px !important;
}

div.dt-container .dt-length, div.dt-container .dt-search, div.dt-container .dt-info, div.dt-container .dt-processing, div.dt-container .dt-paging {
    color: inherit;
    /*border: 1px solid #92B954;*/
    border: 0px;
    border-radius: 2px;
    margin: 1px;
}

    div.dt-container .dt-paging .dt-paging-button {
        box-sizing: border-box;
        display: inline-block;
        min-width: 1.5em;
        padding: .1em 1em;
        margin-left: 2px;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        color: inherit !important;
        border: 1px solid transparent;
        border-radius: 2px;
        background: transparent;
        background-color: #92B954 !important;
        margin: 5px !important;
        -webkit-box-shadow: 1px 1px 2px 0px #696969 !important;
        -moz-box-shadow: 1px 1px 2px 0px #696969 !important;
        box-shadow: 1px 1px 2px 0px #696969 !important;
    }


        div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
            color: inherit !important;
            border: 1px solid #92b95430 !important;
            background-color: #92b95430 !important;
        }

        div.dt-container .dt-paging .dt-paging-button:hover {
            color: white !important;
            border: 1px solid #92B954;
            background-color: #92B954;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
            background: -webkit-linear-gradient(top, #9ec366 0%, #92B954 100%);
            background: -moz-linear-gradient(top, #9ec366 0%, #92B954 100%);
            background: -ms-linear-gradient(top, #9ec366 0%, #92B954 100%);
            background: -o-linear-gradient(top, #9ec366 0%, #92B954 100%);
            background: linear-gradient(to bottom, #9ec366 0%, #92B954 100%);
        }

div.dt-container .dt-length, div.dt-container .dt-search, div.dt-container .dt-info, div.dt-container .dt-processing, div.dt-container .dt-paging {
    color: inherit;
    /* border: 1px solid #92B954; */
    border: 0px;
    border-radius: 2px;
    margin: 1px;
}

    div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
        cursor: no-drop;
        color: inherit !important;
        border: 1px solid transparent;
        background: transparent;
        box-shadow: none;
        height: 30px;
    }


table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
    opacity: .9!important;
}


table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
    left: 0;
    opacity: 0.125;
    line-height: 10px;
    font-size: .9em;
}

table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
    position: absolute;
    display: block;
    top: 50%;
    content: "▼" !important;
    content: "▼" / "" !important;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
    position: absolute;
    display: block;
    bottom: 50%;
    content: "▲" !important;
    content: "▲" / "" !important;
}
/**************************************************
 *  BTTONS DATATABLES
 *************************************************
 */

div.dt-buttons > .dt-button, div.dt-buttons > div.dt-button-split .dt-button {
    background-color: none !important;
    background: none !important;
}

.buttons-copy {
    color: #fff !important;
    font-size: 11px !important;
    cursor: pointer !important;
    border-radius: 3px !important;
    padding-top: 6px !important;
    border: 1px solid #385e84 !important;
    background-color: #fff !important;
    color: #385e84 !important;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.buttons-csv {
    color: #fff !important;
    font-size: 11px !important;
    cursor: pointer !important;
    border-radius: 3px !important;
    padding-top: 6px !important;
    border: 1px solid #016501e6 !important;
    background-color: #fff !important;
    color: #016501e6 !important;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.buttons-excel {
    color: #fff !important;
    font-size: 11px !important;
    cursor: pointer !important;
    border-radius: 3px !important;
    padding-top: 6px !important;
    border: 1px solid #016501e6 !important;
    background-color: #fff !important;
    color: #016501e6 !important;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.buttons-pdf {
    color: #fff !important;
    font-size: 11px !important;
    cursor: pointer !important;
    border-radius: 3px !important;
    padding-top: 6px !important;
    border: 1px solid #B30B00 !important;
    background-color: #fff !important;
    color: #B30B00 !important;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.buttons-print {
    color: #fff !important;
    font-size: 11px !important;
    cursor: pointer !important;
    border-radius: 3px !important;
    padding-top: 6px !important;
    border: 1px solid #B30B00 !important;
    background-color: #fff !important;
    color: #B30B00 !important;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}


    .buttons-copy:hover, .buttons-csv:hover, .buttons-excel:hover, .buttons-pdf:hover, .buttons-print:hover {
        opacity: 0.8;
    }

/**************************************************
 *  EXCEPTION CCS LIBRARY DATATABLES
 *************************************************
 */
#tbl-trainings-id.dataTable
thead .sorting {
    background-image: none !important;
}

#tbl-users-id.dataTable
thead .sorting {
    background-image: none !important;
}

#tbl-evaluationssusertable-id.dataTable
thead .sorting {
    background-image: none !important;
}

#tbl-trainingstrainer-id.dataTable
thead .sorting {
    background-image: none !important;
}

#tbl-questions-id.dataTable
thead .sorting {
    background-image: none !important;
}

#tbl-anwerst1t2-id.dataTable
thead .sorting {
    background-image: none !important;
}

#tbl-anwerst3-id.dataTable
thead .sorting {
    background-image: none !important;
}
/*paging: true */

/**************************************
  *  CHECK BOX
  **************************************/
.checkbox-label {
    display: block;
    position: relative;
    margin: auto;
    cursor: pointer;
    font-size: 22px;
    line-height: 24px;
    height: 24px;
    width: 24px;
    clear: both;
}

    .checkbox-label input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .checkbox-label .checkbox-custom {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 24px;
        width: 24px;
        background-color: transparent;
        border-radius: 5px;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        border: 2px solid #FFFFFF;
    }


    .checkbox-label input:checked ~ .checkbox-custom {
        background-color: #FFFFFF;
        border-radius: 5px;
        -webkit-transform: rotate(0deg) scale(1);
        -ms-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
        opacity: 1;
        border: 2px solid #FFFFFF;
    }


    .checkbox-label .checkbox-custom::after {
        position: absolute;
        content: "";
        left: 12px;
        top: 12px;
        height: 0px;
        width: 0px;
        border-radius: 5px;
        /* border: solid #009BFF;*/
        border: solid #FFF;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(0deg) scale(0);
        -ms-transform: rotate(0deg) scale(0);
        transform: rotate(0deg) scale(0);
        opacity: 1;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
    }


    .checkbox-label input:checked ~ .checkbox-custom::after {
        -webkit-transform: rotate(45deg) scale(1);
        -ms-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1);
        opacity: 1;
        left: 8px;
        top: 3px;
        width: 6px;
        height: 12px;
        border: solid #FFF;
        border-width: 0 2px 2px 0;
        background-color: transparent;
        border-radius: 0;
    }

    .checkbox-label .checkbox-custom.circular {
        border-radius: 50%;
        border: 1px solid #3F342F;
        background-color: #fff !important;
    }

    .checkbox-label input:checked ~ .checkbox-custom.circular {
        background-color: #3F342F;
        border-radius: 50%;
        border: 1px solid #3F342F;
        background-color: #3F342F !important;
    }

    .checkbox-label .checkbox-custom.rectangular {
        border-radius: 20%;
        border: 1px solid #3F342F;
        background-color: #fff !important;
    }

    .checkbox-label input:checked ~ .checkbox-custom.rectangular {
        background-color: #3F342F;
        border-radius: 20%;
        border: 1px solid #3F342F;
        background-color: #3F342F !important;
    }

@-moz-keyframes loading {
    from {
        background-position: 0 -400px;
    }

    to {
        background-position: -7px -400px;
    }
}

@-webkit-keyframes loading {
    from {
        background-position: 0 -400px;
    }

    to {
        background-position: -7px -400px;
    }
}

@-o-keyframes loading {
    from {
        background-position: 0 -400px;
    }

    to {
        background-position: -7px -400px;
    }
}

@keyframes loading {
    from {
        background-position: 0 -400px;
    }

    to {
        background-position: -7px -400px;
    }
}

/* ************************************
 *  CHAT COMMENTS TRAINING
 * ************************************/
.chat-comments-training-title {
    margin: 1px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #E8E8CE;
    border: 5px solid #E8E8CE !important;
    border-radius: 2px;
}
    .chat-comments-training-title h2,
    .chat-comments-training-title h3 {
        font-weight: lighter;
        letter-spacing: 10px;
        font-weight: 600;
    }


#chatcommentstraining-id {
    padding-left: 0;
    margin: 0;
    overflow-y: scroll;
    height: 391px;
    background-color: #E8E8CE;
    /*color: #fff !important;*/
    border: 5px solid #E8E8CE !important;
    border-radius: 2px;
    /*text-transform: uppercase;*/
    font-size: smaller;
}

    #chatcommentstraining-id
    li {
        padding: 0px 10px;
    }

    #chatcommentstraining-id h2,
    #chatcommentstraining-id h3 {
        display: inline-block;
        font-size: smaller;
        font-weight: 500;
        letter-spacing: 3px;
    }

    #chatcommentstraining-id
    h3 {
        /*color: #bbb;*/
    }

    #chatcommentstraining-id
    .titlecomment-cls {
        margin-bottom: -10px;
    }

    #chatcommentstraining-id
    .messagecomments-cls {
        padding: 10px;
        /*color: #fff;*/
        width: 100%;
        border-radius: 2px;
        font-size: smaller;
        letter-spacing: 2px;
    }

    #chatcommentstraining-id
    .commentright-cls {
        text-align: right;
        padding-left: 20%;
    }

    #chatcommentstraining-id
    .commentleft-cls {
        text-align: left;
        padding-right: 20%;
    }

        #chatcommentstraining-id
        .commentleft-cls
        .messagecomments-cls {
            /* background-color: #67605B; */
            background-color: #fff !important;
            color: #3F342F !important;
            border: 2px;
            /* border-color: #67605B !important; */
            /*border: 1px solid #67605B !important;*/
            border-radius: 2px;
        }

    #chatcommentstraining-id
    .commentright-cls
    .messagecomments-cls {
        /*background-color: #2196f3;*/
        background-color: #fff !important;
        color: #3F342F !important;
        border-color: #67605B !important;
    }

    #chatcommentstraining-id
    .triangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
    }

    #chatcommentstraining-id
    .commentleft-cls
    .triangle {
        border-color: transparent transparent #67605B transparent;
        margin-left: 15px;
    }

    #chatcommentstraining-id
    .commentright-cls
    .triangle {
        border-color: transparent transparent #67605B transparent;
        margin-left: 95.5%;
    }

.ssa-panel-tools-commentsid-float {
    margin: 0px !important;
    margin-top: 5px !important;
}

.ssa-btn-commentsid-circle-link {
    width: 23px !important;
    height: 23px !important;
    padding: 1px 3px !important;
    border-radius: 23px !important;
    text-align: center !important;
    line-height: 1.42857 !important;
    /*background-color: #1976D2 !important;*/
    /*color: #fff !important;*/
    /* border-bottom-color: #1976D2; */
    background-color: #fff !important;
    color: #67605B !important;
    /*border-color: #67605B !important;*/
}

    .ssa-btn-commentsid-circle-link:hover {
        opacity: 0.8;
        color: #67605B !important;
    }

    .ssa-btn-commentsid-circle-link:focus {
        opacity: 0.8;
        color: #67605B !important;
    }

.ssa-btn-span-commentsid-circle {
    /*font-size: 13px;*/
}


/* ************************************
 * FRAOLA EDITOR
 * ************************************/
.dark-theme.fr-toolbar {
    color: #FFF;
    background: #272B35 !important;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #fff !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-bottom: 0;
    -webkit-transition: padding-bottom 0.5s;
    -moz-transition: padding-bottom 0.5s;
    -ms-transition: padding-bottom 0.5s;
    -o-transition: padding-bottom 0.5s;
}

    .dark-theme.fr-toolbar.fr-top {
        top: 0;
        border-bottom: 0;
        border-radius: 2px 2px 0 0 !important;
        -moz-border-radius: 0 0 0 0 !important;
        /* -webkit-border-radius: 10px 10px 0 0; */
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

.dark-theme .fr-second-toolbar {
    display: none !important;
    border: 1px solid #CCCCCC;
    border-top: 0;
    background: #FFF;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dark-theme.fr-box.fr-basic .fr-wrapper {
    background: #FFF;
    border: 1px solid #CCCCCC;
    border-bottom-color: #efefef;
    top: 0;
    left: 0;
    min-height: 200px;
}

/**************************************
  *  Autosuggest Control
  **************************************/
.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none !important;
    /*background-color: #cfd8dc !important*/
    /*background-color: #F0EFEF !important;*/
    color: initial !important;
    opacity: 0.6;
}

.ssa-suggested-menu {
    padding-top: 0px;
    display: inherit;
    /*min-width: 449.587px;*/
    padding: 1px 0 !important;
    /*background-color: #cfd8dc !important;*/
    background-color: #92B954;
    /*border: 1px solid #cfd8dc !important;*/
    border: 1px solid #92B954 !important;
    -webkit-box-shadow: 1px 1px 2px 0px #696969;
    -moz-box-shadow: 1px 1px 2px 0px #696969;
    box-shadow: 1px 1px 2px 0px #696969;
}

.ssa-div-table-suggested-menu {
    padding-top: 0px;
    max-height: 200px;
    max-width: 800px;
    overflow: auto;
    background-color: #fff !important;
    min-width: 275px!important;
}

.ssa-div-footer-suggested-menu {
    /*background-color: #cfd8dc !important;*/
    /*background-color: #F0EFEF !important;*/
    background-color: #E8E8CE !important;
    min-width: 60px!important;
}


.ssa-table-elements-suggested-menu {
    overflow: hidden;
    border-bottom: 1px solid #F0EFEF;
    background: #fff;
    padding-right: .5em;
    padding-left: .5em;
    width: 100%;
    text-align: right;
    cursor:pointer;
}

    /*Identity Brown*/
    /*.ssa-table-elements-suggested-menu:hover {*/
        /*background: #07d;*/
        /*background: #56453c91;
    }*/
    /*Identity Green*/
    .ssa-table-elements-suggested-menu:hover {
        /*background: #07d;*/
        background: #92b95417;
    }

.ssa-p-suggested-menu-link {
    border: 1px solid #808080 !important;
    border-radius: 15px;
    background-color: #fff;
    color: #808080;
    box-shadow: 0 1px 1px 0 rgb(255 255 255 / 1%), 0 1px 5px 0 #6b6b6b !important;
    padding: 2px;
    text-align: center;
    margin: 0;
    font-weight: 600;
}

.ssa-table-element-selected-suggested-menu {
    /*background-color: #cfd8dc;*/
    /*background-color: #F0EFEF;*/
    background-color: #92B954;
}

    /*Identity Brown*/
    /*.ssa-table-element-selected-suggested-menu:hover {
        background: #56453cc9;
        color: #fff;
    }*/

    /*Identity Green*/
    .ssa-table-element-selected-suggested-menu:hover {
        background: #92b95417;
        color: #fff;
    }

.ssa-table-element-suggested-menu-key {
    width: 25%;
   /* margin-left: 1%;*/ /* to do only one row*/
    margin-left: 77%;
    float: left;
    text-align: justify;
    font-weight: bold;
}
.ssa-p-element-suggested-menu-key {
    margin: 0px;
    color: #3F342F;
}


.ssa-table-element-suggested-menu-des {
    /*width: 72%;*/ /* to do only one row*/
    width: 100%;
    margin-left: 2%;
    float: left;
    text-align: justify;
}
.ssa-p-element-suggested-menu-des {
    margin: 0px;
    color: #3F342F;
}

.ssa-p-footer-suggested-menu {
    width: 100%;
    text-align: center;
    /* text-transform: uppercase; */
    font-size: 10px !important;
    font-weight: bold;
    margin: 0px;
    height: 100%;
    vertical-align: middle;
    padding: 5px;
    color: #3F342F;
}

.ssa-button-suggested-menu {
    background-color: #F0EFEF;
    border: 1px solid #ccc;
    min-width: 36px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 6px;
    /*box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969 !important;
    -moz-box-shadow: 1px 1px 2px 0px #696969 !important;
    box-shadow: 1px 1px 2px 0px #696969 !important;
    border-radius: 4px;
    height: 30px;
}
    .ssa-button-suggested-menu:active,
    .ssa-button-suggested-menu:hover {
        opacity: 0.8;
        color: #67605B !important;
        background-color: #F0EFEF !important;
        border: 1px solid #F0EFEF !important;
        /*border: 1px solid #e8e8ce !important;*/
        /*color: #67605B !important;*/
    }
.ssa-button-suggested-menu-padding-left-0 {
    padding-left: 0px !important;
}

.ssa-button-suggested-menu-caret {
    background-color: #F0EFEF;
    border: 1px solid #ccc;
    min-width: 36px;
    padding: 0px;
    padding-left: 0px;
    padding-top: 4px;
    /*box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);*/
    -webkit-box-shadow: 1px 1px 2px 0px #696969 !important;
    -moz-box-shadow: 1px 1px 2px 0px #696969 !important;
    box-shadow: 1px 1px 2px 0px #696969 !important;
    border-radius: 4px;
    height: 30px;
}

    .ssa-button-suggested-menu-caret:hover {
        opacity: 0.8;
        color: #67605B !important;
        /*border: 1px solid #e8e8ce !important;*/
        /*color: #67605B !important;*/
    }

/*.ssa-button-search-gray-light {
    background-color: #F0EFEF !important;
    border-color: #ccc;*/
/* color: #6b6b6b !important; */
/* color: #fff !important; */
/*}

.ssa-button-suggested-menu {

    background-color: #F0EFEF !important;
    border-color: #ccc;
    border-radius: 6px;

    max-height: 2.11em;
    min-width: 30px !important;

    padding: 2px;
    padding-left: 7px;
    padding-top: 3px;*/

/* border: 1px solid #67605B !important; */
/* color: #67605B !important; */
/*background-color: #fff !important;
    background-color: #F0EFEF !important;
    border-color: #ccc;

    box-shadow: 0 0px 0px 0 rgb(255 255 255 / 1%), 0 1px 1px 0 #6b6b6b !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(86, 69, 60, 0.6);

    margin-left: auto!important;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    
    background-color: #F0EFEF !important;
    border-color: #ccc;*/
/* color: #6b6b6b !important; */
/* color: #fff !important; */
/*}*/
/**********************************************
  *  OVERWRITING blockUI blockOverlay
  *********************************************/
.blockUI {
    /*z-index: 1050;*/
    /*border: none;*/
    /*margin: 0px;*/
    /*padding: 0px;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*top: 0px;*/
    /*left: 0px;*/
    background-color: #e8e8ce5c !important;
    opacity: 1 !important;
    /*position: fixed;*/
}

.blockMsg {
    background-image: url(../images/ssamm_logo.png);
    background-repeat: no-repeat;
    background-size: 35%;
    background-position: top;
    /* z-index: 1050; */
    /* position: fixed; */
    /* padding: 15px; */
    /* margin: 0px; */
    /* width: 30%; */
    /* top: 40%; */
    /* left: 35%; */
    /* text-align: center; */
    color: #6d6460 !important;
    /* border: none; */
    background-color: #67605b52 !important;
    border-radius: 3px !important;
    opacity: 0.9 !important;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 10px;
    /* text-shadow: 0.1em 0.1em 0.1em #F0EFEF; */
    margin-top: 32px;
    padding: 80px 5px 10px 10px !important;
}


/* ******************************************************
 * OVERWRITING PLYR
 ********************************************************/
.plyr__control svg {
    fill: #92b954 !important;
}

.plyr--full-ui input[type=range] {
    color: #92b954 !important;
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    background: #92b95447 !important;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #246EC3)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff);
}

/* ******************************************************
 * Overwriting Line Progress
 ********************************************************/
.percentCount {
    float: right;
    margin-top: 10px;
    clear: both;
    font-weight: bold;
    font-family: inherit;
    font-size: 11px;
    letter-spacing: 3px;
}

/**********************************************
  *  CCS SSA, THEME SSA MÉXICO -  @media
  *********************************************/
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .ssa-container {
        width: 95.5% !important;
    }

    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }

    .ssa-modal-body {
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 300px;
    }
}

@media (min-width : 768px) and (max-width : 942px) {
    .ssa-container {
        width: 90% !important;
    }


    /*.body-content {
            padding: 0;
            position: absolute;
            top: 153px;
            right: 0px;
            left: 0px;
        }*/

    /*.ssa-title {
            background-color: #92B954;
            padding: 15px !important;
            color: #FFFFFF;
            -moz-box-shadow: 4px 10px 22px -3px rgba(0,0,0,0.37);
            -webkit-box-shadow: 1px 6px 22px -9px rgba(0,0,0,0.37);
            -moz-box-shadow: 1px 6px 22px -9px rgba(0,0,0,0.37);
            box-shadow: 1px 6px 22px -9px rgba(0,0,0,0.37);
            position: absolute;
            top: 101px;
            right: 0px;
            left: 0px;
        }*/

    .ssa-modal-body {
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 300px;
    }
}

@media screen and (max-width: 1199px) {

    .ssa-document-read,
    .ssa-document-read-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_read_icon.png);
        background-repeat: no-repeat;
        background-size: 32%;
    }

    .ssa-document-signature,
    .ssa-document-signature-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_icon.png);
        background-repeat: no-repeat;
        background-size: 32%;
    }

    .ssa-document-signature-ok,
    .ssa-document-signature-ok-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_ok_icon.png);
        background-repeat: no-repeat;
        background-size: 32%;
    }
}

@media screen and (max-width: 909px) {

    .ssa-document-read,
    .ssa-document-read-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_read_icon.png);
        background-repeat: no-repeat;
        background-size: 14%;
    }

    .ssa-document-signature,
    .ssa-document-signature-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_icon.png);
        background-repeat: no-repeat;
        background-size: 14%;
    }

    .ssa-document-signature-ok,
    .ssa-document-signature-ok-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_ok_icon.png);
        background-repeat: no-repeat;
        background-size: 14%;
    }
}

@media screen and (max-width: 991px) {

    .ssa-document-read,
    .ssa-document-read-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_read_icon.png);
        background-repeat: no-repeat;
        background-size: 12%;
    }

    .ssa-document-signature,
    .ssa-document-read-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_icon.png);
        background-repeat: no-repeat;
        background-size: 12%;
    }

    .ssa-document-signature-ok,
    .ssa-document-signature-ok-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_ok_icon.png);
        background-repeat: no-repeat;
        background-size: 12%;
    }
}

@media screen and (max-width: 729px) {

    .ssa-document-read,
    .ssa-document-read-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_read_icon.png);
        background-repeat: no-repeat;
        background-size: 19%;
    }

    .ssa-document-signature,
    .ssa-document-signature-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_icon.png);
        background-repeat: no-repeat;
        background-size: 19%;
    }

    .ssa-document-signature-ok,
    .ssa-document-signature-ok-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_ok_icon.png);
        background-repeat: no-repeat;
        background-size: 19%;
    }
}

@media screen and (max-width: 639px) {

    .ssa-document-read,
    .ssa-document-read-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_read_icon.png);
        background-repeat: no-repeat;
        background-size: 23%;
    }

    .ssa-document-signature,
    .ssa-document-signature-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_icon.png);
        background-repeat: no-repeat;
        background-size: 23%;
    }

    .ssa-document-signature-ok,
    .ssa-document-signature-ok-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_ok_icon.png);
        background-repeat: no-repeat;
        background-size: 23%;
    }
}

@media screen and (max-width: 671px) {

    .ssa-document-read,
    .ssa-document-read-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_read_icon.png);
        background-repeat: no-repeat;
        background-size: 21%;
    }

    .ssa-document-signature,
    .ssa-document-signature-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_icon.png);
        background-repeat: no-repeat;
        background-size: 21%;
    }

    .ssa-document-signature-ok,
    .ssa-document-signature-ok-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_ok_icon.png);
        background-repeat: no-repeat;
        background-size: 21%;
    }
}

@media screen and (max-width: 500px) {

    .ssa-document-read,
    .ssa-document-read-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_read_icon.png);
        background-repeat: no-repeat;
        background-size: 32%;
    }

    .ssa-document-signature,
    .ssa-document-signature-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_icon.png);
        background-repeat: no-repeat;
        background-size: 32%;
    }

    .ssa-document-signature-ok,
    .ssa-document-signature-ok-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_ok_icon.png);
        background-repeat: no-repeat;
        background-size: 32%;
    }
}

@media screen and (max-width: 463px) {

    .ssa-document-read,
    .ssa-document-read-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_read_icon.png);
        background-repeat: no-repeat;
        background-size: 37%;
    }

    .ssa-document-signature,
    .ssa-document-signature-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_icon.png);
        background-repeat: no-repeat;
        background-size: 37%;
    }

    .ssa-document-signature-ok,
    .ssa-document-signature-ok-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_ok_icon.png);
        background-repeat: no-repeat;
        background-size: 37%;
    }
}

@media screen and (max-width: 399px) {

    .ssa-document-read,
    .ssa-document-read-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_read_icon.png);
        background-repeat: no-repeat;
        background-size: 47%;
    }

    .ssa-document-signature,
    .ssa-document-signature-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_icon.png);
        background-repeat: no-repeat;
        background-size: 47%;
    }

    .ssa-document-signature-ok,
    .ssa-document-signature-ok-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_ok_icon.png);
        background-repeat: no-repeat;
        background-size: 47%;
    }
}

@media screen and (max-width: 321px) {

    .ssa-document-read,
    .ssa-document-read-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_read_icon.png);
        background-repeat: no-repeat;
        background-size: 74%;
    }

    .ssa-document-signature,
    .ssa-document-signature-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_icon.png);
        background-repeat: no-repeat;
        background-size: 74%;
    }

    .ssa-document-signature-ok,
    .ssa-document-signature-ok-viwer {
        height: 120px;
        width: 100%;
        background-image: url(../images/document_signature_ok_icon.png);
        background-repeat: no-repeat;
        background-size: 74%;
    }
}