/* Minification failed. Returning unminified contents.
(420,1): run-time error CSS1031: Expected selector, found '}'
(420,1): run-time error CSS1025: Expected comma or open brace, found '}'
(1908,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(1916,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(5987,16): run-time error CSS1036: Expected expression, found '#'
(5994,16): run-time error CSS1036: Expected expression, found '#'
(7173,23): run-time error CSS1034: 
(7173,23): run-time error CSS1042: Expected function, found ','
(7173,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(7559,30): run-time error CSS1034: 
(7559,30): run-time error CSS1042: Expected function, found ','
(7559,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');


/*
	BACKGROUND_COLOR 		= #02A5A5;
	BORDER_COLOR 			= rgba(14, 115, 83, 1)
	DATATABLE_BUTTON_COLOR 	= rgba(174, 204, 78, 1) 
*/

html {
    font-size: 14px;
}

    html body {
        background: #f4f4f4;
        font-family: 'Roboto', sans-serif;
        padding-bottom: 32px;
    }

        html body * {
            font-size: 1rem;
        }

        html body .summary * {
            font-size: 0.9rem;
        }

        html body h1 {
            font-size: 28px;
            color: #000;
            padding: 5px 0;
            margin: 0;
            line-height: 48px;
        }

            html body h1 button {
                position: relative;
                top: -15px;
                left: 0;
            }

        html body h2 {
            font-size: 22px;
            color: #333;
            margin-bottom: 20px;
            transition: all 0.3s ease;
        }

            html body h2:before {
                content: attr(data-expanded);
                display: block;
                width: 100%;
                position: relative;
                line-height: 32px; /*height: 30px;*/
            }

            html body h2 button.expanded-button {
                position: absolute;
                right: 0;
                /*top: -8px;*/
                top: 0;
            }

            html body h2:not(.collapsed) div {
                opacity: 0;
                height: 0;
                overflow: hidden;
            }

            html body h2.collapsed {
                font-size: 15px;
                color: #aaa;
            }

                html body h2.collapsed:before {
                    content: attr(data-collapsed);
                    display: block;
                    /*width: 100%;*/
                    width: auto;
                    position: relative;
                    line-height: 32px;
                    height: 30px;
                }

                html body h2.collapsed div,
                html body h2 div {
                    font-size: 14px;
                    color: #000;
                    padding-top: 10px;
                    transition: all 0.5s ease;
                    font-weight: 400;
                }

a {
    cursor: pointer;
}

.tags {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

    .tags li {
        float: left;
    }

.tag {
    background: #eee;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
}

    .tag::before {
        background: #fff;
        border-radius: 10px;
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
        content: '';
        height: 6px;
        left: 10px;
        position: absolute;
        width: 6px;
        top: 10px;
    }

    .tag::after {
        background: #fff;
        border-bottom: 13px solid transparent;
        border-left: 10px solid #eee;
        border-top: 13px solid transparent;
        content: '';
        position: absolute;
        right: 0;
        top: 0;
    }

    .tag:hover {
        background-color: crimson;
        color: white;
    }

        .tag:hover::after {
            border-left-color: crimson;
        }


html body h3 {
    font-size: 1.15rem;
}

html body h5 {
    color: #bbb;
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}

    html body h5.black {
        color: #000;
        margin-top: 15px;
    }

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 10px;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Messages Icon */
/* START CHANGE: 23/04/2019 */
.messagesIcon {
    color: #bbb;
    float: right;
    font-size: 24px;
    padding: 0;
    display: block;
    position: relative;
}

    .messagesIcon::after {
        content: attr(data-value);
        color: #000;
        position: absolute;
        top: -8px;
        font-size: 16px;
        right: -5px;
    }

    .messagesIcon.alert {
        color: #D05564;
        border-radius: 0;
        border: 0 none;
        position: fixed;
        top: 64px;
        left: 10px;
        width: calc(100% - 20px);
        background: #EEBEC4;
        padding: 10px 64px 15px 64px;
        margin: 0 0 20px 0;
        z-index: 99;
        transition: all 0.3s ease;
        min-height: 60px;
    }

    .messagesIcon.success {
        background: #83d1d1;
    }

        .messagesIcon.success span {
            font-weight: bold;
            font-size: medium;
        }

    .messagesIcon.alert.warning {
        color: #856404;
        background: #fff3cd;
    }

    .messagesIcon.alert button span {
        font-weight: bold;
    }

    .messagesIcon.alert .fa {
        position: relative;
        top: 0px;
    }

    .messagesIcon.alert span {
        color: #333;
    }

    .messagesIcon.alert a {
        color: #D05564;
        font-weight: 600;
    }

    .messagesIcon.shake {
        animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    }

    .messagesIcon.alert .fa-angle-left:before {
        content: "";
        border-right: 1px solid #000;
        height: 18px;
        width: 18px;
        display: block;
        transform: rotate(45deg);
        position: absolute;
        top: -4px;
        left: -12px;
    }

    .messagesIcon.alert .fa-angle-left:after {
        content: "";
        border-right: 1px solid #000;
        height: 18px;
        width: 18px;
        display: block;
        transform: rotate(-45deg);
        position: absolute;
        top: 8px;
        left: -12px;
    }

    .messagesIcon.alert.collapsed {
        width: 20px;
        min-width: inherit;
        padding: 0;
        border: 1px solid rgba(0,0,0,0.1);
        background: rgba(0,0,0,0.05);
        color: #000;
        left: 0;
    }

        .messagesIcon.alert.collapsed button.alert-nfa {
            display: none;
        }

        .messagesIcon.alert.collapsed:before {
            content: "\f105";
            position: absolute;
            top: -3px;
            left: 6px;
            font-family: fontAwesome;
            color: rgba(0,0,0,0.2);
            font-size: 18px;
        }

        .messagesIcon.alert.collapsed > *:not(button) {
            width: 0;
            overflow: hidden;
            height: 0;
            min-width: auto;
            min-height: auto;
            visibility: hidden;
            padding: 0;
            display: block;
        }

        .messagesIcon.alert.collapsed button {
            opacity: 1;
        }

            .messagesIcon.alert.collapsed button span {
                left: 8px;
                top: 0;
            }

                .messagesIcon.alert.collapsed button span:before {
                    content: "Alertas";
                    transform: rotate(-90deg);
                    display: block;
                    top: 19px;
                    left: 0;
                    border: 0 none;
                    position: relative;
                    font-family: "Roboto", sans-serif;
                    font-size: 12px;
                    color: #888;
                    font-weight: 300;
                }

        .messagesIcon.alert.collapsed .fa-angle-left:after {
            display: none;
        }
/* END CHANGE: 23/04/2019 */

@media screen and (max-width:800px) {
    body {
        background-color: aquamarine;
    }
}

@media(max-width: 768px) {
    .messagesIcon.alert {
        padding: 10px 10px 15px 10px;
    }
}

/* Article Summary */
article.summary {
    margin-top: 64px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0;
}

    article.summary header {
        padding: 0;
        margin: 0;
        height: 128px;
        position: relative;
    }

        article.summary header img {
            width: 100%;
            height: 128px;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
        }

        article.summary header span {
            position: relative;
            top: -moz-calc(100% - 85px);
            top: -webkit-calc(100% - 85px);
            top: calc(100% - 85px);
            z-index: 1;
            color: #fff;
            font-size: 1.6rem;
            display: block;
            margin: 0 auto;
        }

    article.summary p {
        color: #000000;
        display: block;
        margin: 15px auto 0 auto;
        font-size: 1.1rem;
        padding: 0 15px;
        text-align: justify;
    }

    article.summary header .logos img {
        height: 45px;
        width: auto;
        position: absolute;
        top: 42px;
        right: 80px;
        left: auto;
        bottom: auto;
    }

        article.summary header .logos img:nth-child(2) {
            right: 300px;
        }

@media (max-width: 992px) {
    article.summary {
        margin-top: 40px;
    }

        article.summary header /*.logos img { top: 90px }*/
}

@media (min-width: 768px) {
    article.summary header span, article.summary p {
        width: 750px;
    }
}

@media (min-width: 992px) {
    article.summary header span, article.summary p {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    article.summary header span, article.summary p {
        width: 1170px;
    }
}

/* Article Option Main Menu */
article.option-menu {
    background: #fff;
    padding: 0;
}

    article.option-menu:not(.disabled):hover {
        cursor: pointer;
        -o-box-shadow: 0 0 10px 2px rgba(2, 165, 165, .5);
        -ms-box-shadow: 0 0 10px 2px rgba(2, 165, 165, .5);
        -moz-box-shadow: 0 0 10px 2px rgba(2, 165, 165, .5);
        -webkit-box-shadow: 0 0 10px 2px rgba(2, 165, 165, .5);
        /*box-shadow: 0 0 0 2px #02a5a5;*/
        box-shadow: 0 0 10px 2px rgba(2, 165, 165, .5)
    }

.iconografia {
}

article.option-menu header {
    /*display: inline-block;
        padding: 15px 0;*/
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 20px;
}

    article.option-menu header img {
        /*width: 80px;
            height: 80px;
            object-fit: cover;
            object-position: center;
            display: inline-block;
            margin: 10px 25px;*/
        width: auto;
        height: 100px;
        object-fit: cover;
        object-position: center;
        padding: 10px;
    }

article.option-menu p {
    /*width: -moz-calc(100% - 96px);
        width: -webkit-calc(100% - 96px);
        width: calc(100% - 96px);*/
    display: inline-block;
    color: #02a5a5;
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0 10px;
    flex: 2;
}

    article.option-menu p.pseudo {
        text-align: center;
        width: 100%;
        display: block;
        color: #b0b0b0;
        font-size: 16px;
        padding: 0;
    }

article.option-menu > img {
    width: 55%;
    height: 87px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

article.option-menu > a > img {
    width: 55%;
    height: 78px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

article.option-menu a {
    display: block;
    width: 100%;
}

    article.option-menu a:hover {
        text-decoration: none;
    }

article.option-menu.disabled p,
article.option-menu.disabled p {
    opacity: 0.5;
    color: #b0b0b0
}

article.option-menu.disabled img {
    opacity: 0.5;
}

article.option-menu.disabled > img {
    opacity: 0.33;
}

article.option-menu.disabled > a > img {
    opacity: 0.33;
}

div + .toggle {
    position: absolute;
    color: #333231;
    font-size: 1.6rem;
    top: 18px;
    left: 20px;
    cursor: pointer;
    width: 24px;
    text-align: center;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    div + .toggle.fa-angle-up:before {
        content: "\f107";
    }

.bgCover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Alerts */
.alert-info {
    background: #e8eff9;
    border-color: rgba(0,0,0,0.05);
}

.alert-warn {
    background: #e8eff9;
    border-color: rgba(0,0,0,0.05);
}

.alert-danger {
    background: #f9e8ef;
    border-color: rgba(0,0,0,0.05);
}

.alert-fatal {
    background: #000000;
    border-color: rgba(0,0,0,0.05);
}

.alert .fa-info {
    background: #5787d9;
    color: #fff;
    border-radius: 100px;
    border: 0 none;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    margin-right: 10px;
}

/* Font-sizes */
.f-size-20 {
    font-size: 20px;
}

/* Margins */
.mg-t-64-120 {
    margin-top: 64px !important;
}

.mg-t-96 {
    margin-top: 120px !important;
}

.mg-b-96 {
    margin-bottom: 96px !important;
}

.mg-l-96 {
    margin-left: 96px !important;
}

.mg-r-96 {
    margin-right: 96px !important;
}

.mg-t-64 {
    margin-top: 64px !important;
}

.mg-b-64 {
    margin-bottom: 64px !important;
}

.mg-l-64 {
    margin-left: 64px !important;
}

.mg-r-64 {
    margin-right: 64px !important;
}

.mg-t-40 {
    margin-top: 40px !important;
}

.mg-t-32 {
    margin-top: 32px !important;
}

.mg-b-32 {
    margin-bottom: 32px !important;
}

.mg-l-32 {
    margin-left: 32px !important;
}

.mg-r-32 {
    margin-right: 32px !important;
}

.mg-t-20 {
    margin-top: 20px !important;
}

.mg-b-20 {
    margin-bottom: 20px !important;
}

.mg-l-20 {
    margin-left: 20px !important;
}

.mg-r-20 {
    margin-right: 20px !important;
}

.mg-t-15 {
    margin-top: 15px !important;
}

.mg-t-10 {
    margin-top: 10px !important;
}

.mg-b-15 {
    margin-bottom: 15px !important;
}

.mg-b-10 {
    margin-bottom: 10px !important;
}


.mg-l-15 {
    margin-left: 15px !important;
}

.mg-l-10 {
    margin-left: 10px !important;
}

.mg-r-15 {
    margin-right: 10px !important;
}

.mg-r-10 {
    margin-right: 10px !important;
}

.mg-t-5px {
    margin-top: 5px !important;
}

.mg-t-0 {
    margin-top: 0 !important;
}

.mg-b-0 {
    margin-bottom: 0 !important;
}

.mg-l-0 {
    margin-left: 0 !important;
}

.mg-r-0 {
    margin-right: 0 !important;
}

.mg-0 {
    margin: 0 !important;
}

.mg-1 {
    margin: 1rem !important;
}

.pd-0 {
    padding: 0 !important;
}

.pd-1 {
    padding: 1rem !important;
}

.pd-2 {
    padding: 2rem !important;
}

.pd-t-0 {
    padding-top: 0 !important;
}

.pd-b-0 {
    padding-bottom: 0 !important;
}

.pd-l-0 {
    padding-left: 0 !important;
}

.pd-r-0 {
    padding-right: 0 !important;
}

.pd-t-15 {
    padding-top: 15px !important;
}

.pd-t-10 {
    padding-top: 10px !important;
}

.pd-b-15 {
    padding-bottom: 15px !important;
}

.pd-b-10 {
    padding-bottom: 10px !important;
}

.pd-l-20 {
    padding-left: 20px !important;
}

.pd-l-15 {
    padding-left: 15px !important;
}

.pd-l-10 {
    padding-left: 10px !important;
}

.pd-r-20 {
    padding-right: 10px !important;
}

.pd-r-15 {
    padding-right: 15px !important;
}

.pd-r-10 {
    padding-right: 10px !important;
}

.pd-l-32 {
    padding-left: 32px;
}

.pd-r-32 {
    padding-right: 32px;
}

.b-0 {
    border: 0px !important;
}

@media (min-width: 992px) {
    .mg-t-64-120 {
        margin-top: 120px !important;
    }
}

/* line-height */
.line-height-1 {
    line-height: 1 !important;
}

/* Login page*/
body.login {
    background: #fff;
}

    body.login header,
    body.login .top-separation {
        display: none !important;
    }

    body.login section {
        width: 360px;
        padding: 0 15px;
    }

    body.login img.logo {
        position: relative;
        margin: 32px 0 0;
        object-fit: cover;
        object-position: center;
        height: 64px;
        padding-left: calc(100% - 360px);
    }

    body.login img.bg {
        position: fixed;
        right: 0;
        top: 0;
        width: calc(100% - 360px);
        height: 100%;
        object-fit: cover;
        object-position: center;
        z-index: -1;
        max-width: 60%;
        border-left: 1px solid rgba(0,0,0,0.2);
    }

    body.login h3 {
        position: relative;
        color: #666;
        border: 0 none;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 32px;
        width: 250px;
        margin: 30px 15px;
        text-transform: none;
        padding-left: calc(100% - 360px);
    }

    body.login form {
        width: 100%;
        max-width: 360px;
        display: inline-table;
        float: right;
    }

    body.login input:not([type=checkbox]):not([type=radio]),
    body.login textarea {
        width: 100%;
        margin: 1px 0;
        height: 48px;
        border-radius: 0;
        border: 0 none;
    }

        body.login input:not([type=checkbox]):not([type=radio]):focus,
        body.login textarea:focus {
            color: #fff;
        }

    body.login input:nth-child(2) {
        margin-bottom: 25px;
    }

    body.login section a {
        color: #02a5a5;
        display: inline-block;
        width: auto;
        position: relative;
        padding: 10px 0px;
        float: left !important;
    }

    body.login section button {
        height: 40px !important;
        display: inline-block;
        width: auto;
        min-width: 120px;
        position: relative;
        padding: 0 15px;
        float: right !important;
        border-radius: 5px;
    }

    body.login button.spw {
        background: #f4f4f4;
        border: 0 none;
        position: absolute;
        right: 0;
        top: 3px;
        width: 40px;
        height: 46px;
        border-radius: 5px;
        min-width: auto;
    }

        body.login button.spw:focus,
        body.login button.spw:hover {
            background: #f4f4f4 !important;
            -o-box-shadow: none !important;
            -ms-box-shadow: none !important;
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

    body.login span.fade-out-error {
        cursor: pointer;
        position: absolute;
        top: 1px;
        left: 0;
        background: #F6C6CC;
        border: 2px solid #E40038;
        border-radius: 0;
        width: 100%;
        height: 100%;
        padding: 2px 15px;
        color: #E40038;
        line-height: 40px;
        opacity: 1;
    }

        body.login span.fade-out-error.fade {
            animation: fadeOut 1s ease-out;
            animation-fill-mode: forwards;
            animation-delay: 0.1s;
        }

    body.login input ~ span.error-msg {
        display: none;
    }

    body.login input.error {
        background: #F6C6CC !important;
        border: 2px solid #E40038 !important;
    }

        body.login input.error + button.spw {
            background: #F6C6CC;
            height: 44px;
            right: 2px;
        }

        body.login input.error ~ span {
            display: block;
            border-radius: 0;
            width: 100%;
            height: 100%;
            padding: 2px 0 2px 10px;
            color: #E40038;
            line-height: normal;
            opacity: 1;
        }

    body.login input:focus + button.spw {
        background: #02A5A5 !important;
        color: #fff !important;
    }

    body.login .checkbox label {
        color: #000;
    }

    body.login .rememberPWD > span {
        margin: 0;
        line-height: normal;
        padding: 25px 0;
        display: inline-block;
    }

    body.login .switch {
        width: 128px;
        margin: 18px 0 15px;
        max-width: inherit;
    }

    body.login input.error::-o-placeholder {
        color: #E40038 !important;
    }

    body.login input.error:-ms-input-placeholder {
        color: #E40038 !important;
    }

    body.login input.error::-moz-placeholder {
        color: #E40038 !important;
    }

    body.login input.error::-webkit-input-placeholder {
        color: #E40038 !important;
    }

    body.login input.error::placeholder {
        color: #E40038 !important;
    }

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    99% {
        opacity: 0.05;
    }

    100% {
        opacity: 0;
        z-index: -1;
    }
}

@media (max-width: 768px) {
    body.login {
        width: 100%;
        max-width: none;
        margin: 0 auto;
        padding: 36px 0;
    }

        body.login section {
            width: 100%;
            padding: 0 15px;
        }

        body.login h3 {
            margin-left: 0;
            margin-right: 0;
            width: 100% !important;
        }

        body.login img.logo {
            padding: 0;
        }

        body.login input {
            width: 100%;
        }

            body.login input:not([type=checkbox]):not([type=radio]),
            body.login textarea {
                width: 100%;
            }
    /* body.login img.bg                       { object-fit: contain; object-position: top center; }*/
}

@media (max-width: 480px) {
    body.login section {
        width: 100% !important;
    }

    body.login img.bg {
        width: 100%;
        height: 150px;
        max-width: inherit;
        object-position: top center;
    }

    body.login img.logo {
        margin-top: 128px;
        height: 48px;
    }

    body.login h3 {
        font-size: 22px
    }

    body.login .insideLabel button.accept {
        height: 40px;
    }

    body.login section a {
        padding: 10px 15px 15px 0;
        float: left;
    }

    body.login .checkboxContainer {
        padding: 0 !important;
    }

    body.login .checkbox .checkmark {
        left: 0 !important;
    }

    body.login .checkbox label,
    body.login .radio label {
        padding: 15px 0 0 15px !important;
    }
}

/* Reset Password page*/
body.reset {
    background: #fff;
}

    body.reset header,
    body.reset .top-separation {
        display: none !important;
    }

    body.reset section {
        width: 360px;
        padding: 0 15px;
    }

    body.reset img.logo {
        position: relative;
        margin: 32px 0 0;
        object-fit: cover;
        object-position: center;
        height: 64px;
        padding-left: calc(100% - 360px);
    }

    body.reset img.bg {
        position: fixed;
        right: 0;
        top: 0;
        width: calc(100% - 360px);
        height: 100%;
        object-fit: cover;
        object-position: right;
        z-index: -1;
        max-width: 60%;
        border-left: 1px solid rgba(0,0,0,0.2);
    }

    body.reset h3 {
        position: relative;
        color: #666;
        border: 0 none;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 32px;
        width: auto;
        /*margin: 30px 15px;*/
        text-transform: none;
        padding-left: calc(100% - 360px);
    }

        body.reset h3 p {
            color: #000;
            margin-top: 10px;
            text-align: justify;
            font-weight: normal;
            font-family: 'Satisfy', cursive;
            font-size: 20px;
            color: #728181;
        }

    body.reset form {
        width: 100%;
        max-width: 360px;
        display: inline-table;
        float: right;
    }

    body.reset input:not([type=checkbox]):not([type=radio]),
    body.reset textarea {
        width: 100%;
        margin: 1px 0;
        height: 48px;
        border-radius: 0;
        border: 0 none;
    }

        body.reset input:not([type=checkbox]):not([type=radio]):focus,
        body.reset textarea:focus {
            color: #fff;
        }

    body.reset input:nth-child(2) {
        margin-bottom: 25px;
    }

    body.reset section a {
        color: #02a5a5;
        display: inline-block;
        width: auto;
        position: relative;
        padding: 10px 0px;
        float: left !important;
    }

    body.reset section button {
        height: 40px !important;
        display: inline-block;
        width: auto;
        min-width: 120px;
        position: relative;
        padding: 0 15px;
        float: right !important;
        border-radius: 5px;
    }

    body.reset button.spw {
        background: #f4f4f4;
        border: 0 none;
        position: absolute;
        right: 0;
        top: 3px;
        width: 40px;
        height: 46px;
        border-radius: 5px;
        min-width: auto;
    }

        body.reset button.spw:focus,
        body.reset button.spw:hover {
            background: #f4f4f4 !important;
            -o-box-shadow: none !important;
            -ms-box-shadow: none !important;
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

    body.reset span.fade-out-error {
        cursor: pointer;
        position: absolute;
        top: 1px;
        left: 0;
        background: #F6C6CC;
        border: 2px solid #E40038;
        border-radius: 0;
        width: 100%;
        height: 100%;
        padding: 2px 15px;
        color: #E40038;
        line-height: 40px;
        opacity: 1;
    }

        body.reset span.fade-out-error.fade {
            animation: fadeOut 1s ease-out;
            animation-fill-mode: forwards;
            animation-delay: 0.1s;
        }

    body.reset input ~ span.error-msg {
        display: none;
    }

    body.reset input.error {
        background: #F6C6CC !important;
        border: 2px solid #E40038 !important;
    }

        body.reset input.error + button.spw {
            background: #F6C6CC;
            height: 44px;
            right: 2px;
        }

        body.reset input.error ~ span {
            display: block;
            border-radius: 0;
            width: 100%;
            height: 100%;
            padding: 2px 0 2px 10px;
            color: #E40038;
            line-height: normal;
            opacity: 1;
        }

    body.reset input:focus + button.spw {
        background: #02A5A5 !important;
        color: #fff !important;
    }

    body.reset .checkbox label {
        color: #000;
    }

    body.reset .rememberPWD > span {
        margin: 0;
        line-height: normal;
        padding: 25px 0;
        display: inline-block;
    }

    body.reset .switch {
        width: 128px;
        margin: 18px 0 15px;
        max-width: inherit;
    }

    body.reset input.error::-o-placeholder {
        color: #E40038 !important;
    }

    body.reset input.error:-ms-input-placeholder {
        color: #E40038 !important;
    }

    body.reset input.error::-moz-placeholder {
        color: #E40038 !important;
    }

    body.reset input.error::-webkit-input-placeholder {
        color: #E40038 !important;
    }

    body.reset input.error::placeholder {
        color: #E40038 !important;
    }

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    99% {
        opacity: 0.05;
    }

    100% {
        opacity: 0;
        z-index: -1;
    }
}

@media (max-width: 768px) {
    body.reset {
        width: 100%;
        max-width: none;
        margin: 0 auto;
        padding: 36px 0;
    }

        body.reset section {
            width: 100%;
            padding: 0 15px;
        }

        body.reset h3 {
            margin-left: 0;
            margin-right: 0;
            width: 100% !important;
        }

        body.reset img.logo {
            padding: 0;
        }

        body.reset input {
            width: 100%;
        }

            body.reset input:not([type=checkbox]):not([type=radio]),
            body.reset textarea {
                width: 100%;
            }
    /* body.reset img.bg                       { object-fit: contain; object-position: top center; }*/
}


/* DATA-LIST */
.data-list {
    list-style: none;
    background: #f4f4f4;
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid #e8e8e8;
    position: relative;
    min-height: 32px;
    opacity: 1;
    visibility: visible;
    text-indent: 0;
    font-size: 12px;
    margin: 0;
    padding: 10px;
}

    .data-list li {
        width: auto;
        height: auto;
        display: inline-block;
        position: relative;
        color: #fff;
        background: #02a5a5;
        text-indent: 0;
        line-height: 20px;
        border: 1px solid rgba(0,0,0,0.15);
        padding: 5px 10px;
        margin: 0;
    }

/* ********************************************** */
/* STYLES FOR CONTEXT LOADER                      */
/* ********************************************** */
.loaderContainer {
    width: 300px;
    height: 200px;
    position: fixed;
    top: calc(50% - 125px);
    left: calc(50% - 150px); /*background: #fff;*/
    z-index: 9999;
}

    .loaderContainer::after {
        content: "";
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.8);
        z-index: -1;
    }

    .loaderContainer img {
        position: relative;
        top: -56px;
        left: 0;
        width: 200px;
        display: block;
        object-fit: contain;
        margin: 0 auto;
    }

    .loaderContainer .loader {
        position: relative;
        height: 80px;
        width: 80px;
        border-radius: 80px;
        border: 3px solid rgba(2, 165, 165, 0.5);
        top: calc(50% - 18px);
        left: calc(50% - 43px); /*-o-animation: loaderSpinning 3s linear infinite; -ms-animation: loaderSpinning 3s linear infinite; -moz-animation: loaderSpinning 3s linear infinite; -webkit-animation: loaderSpinning 3s linear infinite; animation: loaderSpinning 3s linear infinite;*/
    }
    /*.loaderContainer .loader:after      { content: ""; position: absolute; top: -5px; left: 20px; width: 16px; height: 16px; -o-border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 3px solid #02A5A5; background: #fff; }
.loaderContainer .loader::before    { content: ""; background: #fff; width: 30px; height: 30px; border: 3px solid #00605D; display: block; border-radius: 100px; position: relative; bottom: -50px; left: 34px; }*/
    .loaderContainer p {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        font-weight: 300;
    }

    .loaderContainer .loader {
        border: 0 none; /*box-shadow: 1px -1px 0px 1px #02a5a5 inset, -1px 1px 0px 1px #00605D inset, 0px 2px 0px 1px #02a5a5 inset, 0px -2px 0px 1px #02a5a5 inset;*/
    }

        .loaderContainer .loader img {
            animation: loaderSpinning 4s linear infinite;
            left: 0px;
            top: -10px;
            width: 100px;
        }
/*.loaderContainer .loader:after      { border: 3px solid #00605D; top: 5px; left: 55px; }
.loaderContainer .loader::before    { border: 3px solid #02A5A5; bottom: -50px; left: 10px; }*/



@-o-keyframes loaderSpinning {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes loaderSpinning {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes loaderSpinning {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loaderSpinning {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loaderSpinning {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.relativity-loader {
    bottom: 40px;
    display: none;
    height: 96px;
    position: fixed;
    right: 20px;
    width: 64px; /*background: -moz-linear-gradient(top, rgba(254,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(210,235,249,0) 100%); background: -webkit-linear-gradient(top, rgba(254,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(210,235,249,0) 100%); background: linear-gradient(to bottom, rgba(254,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(210,235,249,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00feffff', endColorstr='#00d2ebf9',GradientType=0 );*/
    z-index: 999999;
}

    .relativity-loader .loader {
        margin: 0 auto;
        position: relative;
        width: .15em;
        height: .15em;
        background-color: rgba(0,0,0,1);
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        -webkit-animation: loader-39-1 30s infinite linear;
        animation: loader-39-1 30s infinite linear;
    }

    .relativity-loader > span {
        display: block;
        left: 0;
        position: relative;
        text-align: center;
        top: 60px;
        font-size: 0.85rem;
        font-weight: 600;
    }

    .relativity-loader .loader:before,
    .relativity-loader .loader:after {
        content: '';
        -o-border-radius: 100%;
        -ms-border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        -o-transform: translate(-50%, -50%) scale(3);
        -ms-transform: translate(-50%, -50%) scale(3);
        -moz-transform: translate(-50%, -50%) scale(3);
        -webkit-transform: translate(-50%, -50%) scale(3);
        transform: translate(-50%, -50%) scale(3);
    }

    .relativity-loader .loader:before {
        width: .3em;
        height: 1em;
        -o-animation: loader-39-2 1.8s linear infinite;
        -ms-animation: loader-39-2 1.8s linear infinite;
        -moz-animation: loader-39-2 1.8s linear infinite;
        -webkit-animation: loader-39-2 1.8s linear infinite;
        animation: loader-39-2 1.8s linear infinite;
    }

    .relativity-loader .loader:after {
        width: 1em;
        height: .3em;
        -o-animation: loader-39-2 2.2s linear infinite;
        -ms-animation: loader-39-2 2.2s linear infinite;
        -moz-animation: loader-39-2 2.2s linear infinite;
        -webkit-animation: loader-39-2 2.2s linear infinite;
        animation: loader-39-2 2.2s linear infinite;
    }

@-o-keyframes loader-39-1 {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes loader-39-1 {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes loader-39-1 {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader-39-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader-39-1 {
    0% {
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes loader-39-2 {
    0% {
        -o-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
    }

    25% {
        -o-box-shadow: 0.04em 0.04em 0 0.02em #e8e8e8;
        box-shadow: 0.04em 0.04em 0 0.02em #e8e8e8;
    }

    50% {
        -o-box-shadow: -0.04em 0.04em 0 0.02em #e8e8e8;
        box-shadow: -0.04em 0.04em 0 0.02em #e8e8e8;
    }

    75% {
        -o-box-shadow: -0.04em -0.04em 0 0.02em #008c7b;
        box-shadow: -0.04em -0.04em 0 0.02em #008c7b;
    }

    100% {
        -o-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
    }
}

@-ms-keyframes loader-39-2 {
    0% {
        -ms-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
    }

    25% {
        -ms-box-shadow: 0.04em 0.04em 0 0.02em #e8e8e8;
        box-shadow: 0.04em 0.04em 0 0.02em #e8e8e8;
    }

    50% {
        -ms-box-shadow: -0.04em 0.04em 0 0.02em #e8e8e8;
        box-shadow: -0.04em 0.04em 0 0.02em #e8e8e8;
    }

    75% {
        -ms-box-shadow: -0.04em -0.04em 0 0.02em #008c7b;
        box-shadow: -0.04em -0.04em 0 0.02em #008c7b;
    }

    100% {
        -ms-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
    }
}

@-moz-keyframes loader-39-2 {
    0% {
        -moz-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
    }

    25% {
        -moz-box-shadow: 0.04em 0.04em 0 0.02em #e8e8e8;
        box-shadow: 0.04em 0.04em 0 0.02em #e8e8e8;
    }

    50% {
        -moz-box-shadow: -0.04em 0.04em 0 0.02em #e8e8e8;
        box-shadow: -0.04em 0.04em 0 0.02em #e8e8e8;
    }

    75% {
        -moz-box-shadow: -0.04em -0.04em 0 0.02em #008c7b;
        box-shadow: -0.04em -0.04em 0 0.02em #008c7b;
    }

    100% {
        -moz-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
    }
}

@-webkit-keyframes loader-39-2 {
    0% {
        -webkit-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
    }

    25% {
        -webkit-box-shadow: 0.04em 0.04em 0 0.02em #e8e8e8;
        box-shadow: 0.04em 0.04em 0 0.02em #e8e8e8;
    }

    50% {
        -webkit-box-shadow: -0.04em 0.04em 0 0.02em #e8e8e8;
        box-shadow: -0.04em 0.04em 0 0.02em #e8e8e8;
    }

    75% {
        -webkit-box-shadow: -0.04em -0.04em 0 0.02em #008c7b;
        box-shadow: -0.04em -0.04em 0 0.02em #008c7b;
    }

    100% {
        -webkit-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
    }
}

@keyframes loader-39-2 {
    0% {
        -o-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        -ms-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        -moz-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        -webkit-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
    }

    25% {
        -o-box-shadow: 0.04em 0.04em 0 0.02em #e8e8e8;
        -ms-box-shadow: 0.04em 0.04em 0 0.02em #e8e8e8;
        -moz-box-shadow: 0.04em 0.04em 0 0.02em #e8e8e8;
        -webkit-box-shadow: 0.04em 0.04em 0 0.02em #e8e8e8;
        box-shadow: 0.04em 0.04em 0 0.02em #e8e8e8;
    }

    50% {
        -o-box-shadow: -0.04em 0.04em 0 0.02em #e8e8e8;
        -ms-box-shadow: -0.04em 0.04em 0 0.02em #e8e8e8;
        -moz-box-shadow: -0.04em 0.04em 0 0.02em #e8e8e8;
        -webkit-box-shadow: -0.04em 0.04em 0 0.02em #e8e8e8;
        box-shadow: -0.04em 0.04em 0 0.02em #e8e8e8;
    }

    75% {
        -o-box-shadow: -0.04em -0.04em 0 0.02em #008c7b;
        -ms-box-shadow: -0.04em -0.04em 0 0.02em #008c7b;
        -moz-box-shadow: -0.04em -0.04em 0 0.02em #008c7b;
        -webkit-box-shadow: -0.04em -0.04em 0 0.02em #008c7b;
        box-shadow: -0.04em -0.04em 0 0.02em #008c7b;
    }

    100% {
        -o-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        -ms-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        -moz-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        -webkit-box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
        box-shadow: 0.04em -0.04em 0 0.02em #008c7b;
    }
}

/* ********************************************** */
/* STYLES FOR SECOND LOADER                       */
/* ********************************************** */

.Cube.panelLoad {
    z-index: 999999;
    bottom: 7%;
    right: 5%;
    margin-top: -60px;
    -o-animation: panel 4.2s infinite forwards;
    -ms-animation: panel 4.2s infinite forwards;
    -moz-animation: panel 4.2s infinite forwards;
    -webkit-animation: panel 4.2s infinite forwards;
    animation: panel 4.2s infinite forwards;
    position: fixed;
}

    .Cube.panelLoad .cube-face {
        color: #ffffff;
        background: rgba(0,0,0,0.75);
        font-size: 2.0rem;
        -o-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 0 0px 1px rgba(0, 0, 0, 1);
        -ms-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 0 0px 1px rgba(0, 0, 0, 1);
        -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 0 0px 1px rgba(0, 0, 0, 1);
        -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 0 0px 1px rgba(0, 0, 0, 1);
        box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 0 0px 1px rgba(0, 0, 0, 1);
    }

        .Cube.panelLoad .cube-face.cube-face-right {
            color: #02A5A5 !important;
        }

.icons {
    margin-right: 1%;
    height: 20px;
    width: 20px;
}
/* SPECIAL ICONS */
.fa-prescription {
    position: relative;
    height: 24px;
    line-height: 24px;
    padding: 0;
    margin: 0;
    display: block;
    text-align: center;
    width: 100%;
}

    .fa-prescription:before {
        content: "R";
        font-family: 'Roboto', sans-serif;
        font-size: 1.1rem;
        font-weight: 600;
        padding: 0: margin: 0;
    }

    .fa-prescription:after {
        content: "x";
        font-family: 'Roboto', sans-serif;
        font-size: 0.8rem;
        font-weight: 600;
        padding: 0: margin: 0;
    }

/* STYLE EFFECTS */
article {
    height: 100%;
    padding: 15px;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    article label.value-label,
    article textarea {
        text-transform: uppercase;
    }

.rotated {
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.toggle.fa-angle-down + article {
    height: 0;
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    overflow: hidden;
    padding: 0;
    display: block !important;
}

.toggle.fa-angle-up + article {
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    display: block !important;
}
/*.toggle.fa-angle-up + article	{ height: 0; overflow: hidden;  padding: 0; margin: 0; -o-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }*/

.navbar {
    /*min-height: 40px;*/
    min-height: inherit;
}

    .navbar .navbar-brand {
        height: 40px;
    }

.insideLabel.hiddable {
    display: none;
}

.insideLabel label {
    width: auto;
    position: absolute;
    top: 5px;
    left: 25px;
    padding: 0;
    color: #02A5A5 !important;
    font-size: 0.8rem;
    z-index: 9;
    font-weight: 600 !important;
}

    .insideLabel label ul li {
        top: 5px;
        left: 25px;
        padding: 0;
        color: #02A5A5 !important;
        font-size: 0.8rem;
        z-index: 9;
        font-weight: 600 !important;
    }

    .insideLabel label.title {
        border-bottom: 1px solid rgba(0,0,0,0.15);
        color: #000 !important;
        text-transform: uppercase;
        width: calc(100% - 40px);
        left: 0;
        margin-left: 25px;
        padding: 0;
        font-size: 0.85rem;
        font-weight: 600 !important;
        font-size: 10px;
    }

    .insideLabel label.required::after {
        content: "*";
        position: relative;
        float: left;
        margin: 0 5px 0 0;
    }

    .insideLabel label.focused {
        color: #e6e6e6 !important;
    }

    .insideLabel label ~ input:not([type=checkbox]):not([type=radio]),
    .insideLabel label ~ textarea {
        height: 54px;
        padding-top: 24px;
    }

        .insideLabel label ~ input::selection,
        .insideLabel label ~ textarea::selection {
            background: #fff;
            color: #02A5A5;
        }

    .insideLabel label ~ textarea {
        height: 96px;
    }

    .insideLabel label ~ img {
        position: absolute;
        top: 10px;
        right: 25px;
        width: 36px;
    }

    .insideLabel label ~ input.widthIcon {
        padding-right: 54px;
    }

    .insideLabel label.blackBorder {
        color: #000 !important;
        font-weight: 500 !important;
    }

        .insideLabel label.blackBorder + ul {
            border-top: 1px solid rgba(0,0,0,0.15);
            position: relative;
            top: 32px;
            padding: 0px 0 15px 10px;
        }

            .insideLabel label.blackBorder + ul li {
                color: #999;
            }

.hiddable label,
.hiddable button {
    display: none;
}

.writting-mode .hiddable label,
.writting-mode .hiddable button {
    display: block;
}

.insideLabel .bootstrap-select {
    width: 100%;
    margin-bottom: 0;
}

.insideLabel button.selectpicker {
    height: 54px;
    padding-top: 24px;
    width: 100%;
    background: #f4f4f4;
}

    .insideLabel button.selectpicker.disabled {
        background: rgba(0, 0, 0, 0);
        border: 0 none;
    }

    .insideLabel button.selectpicker.focused:not(.disabled) {
        background: #02a5a5;
        color: #fff;
    }

.insideLabel .bootstrap-select.btn-group .dropdown-menu {
    max-height: 160px !important;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -o-box-shadow: 0 1px 5px rgba(0,0,0,.175);
    -ms-box-shadow: 0 1px 5px rgba(0,0,0,.175);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.175);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.175);
    box-shadow: 0 1px 5px rgba(0,0,0,.175);
}

    .insideLabel .bootstrap-select.open button.selectpicker,
    .insideLabel .bootstrap-select.open button.selectpicker span,
    .insideLabel .bootstrap-select.open .selected a,
    .insideLabel .bootstrap-select.btn-group .dropdown-menu a:focus,
    .insideLabel .bootstrap-select.btn-group .dropdown-menu a:hover {
        background: #02a5a5;
        color: #fff;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.insideLabel .bootstrap-select.open .selected.disabled a {
    background: #fff;
    color: #bbb;
}

.insideLabel .bootstrap-select > .btn:focus {
    outline: 0 none !important;
    outline-offset: 0;
}

.insideLabel .bootstrap-select.open .dropdown-toggle {
    background: #02a5a5 !important;
    color: #fff;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.insideLabel .open > .dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #02a5a5;
    border-color: #e0e0e0;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.insideLabel .bootstrap-select.btn-group .btn .caret {
    top: 25px;
}

body .ui-tooltip {
    background-color: #4c4c4c;
    color: #fff;
    border-radius: 5px;
}

body .ui-autocomplete {
    width: 100%;
}

    body .ui-autocomplete input:first-child {
        padding: 29px 28px 5px 10px;
        height: 54px;
    }

    body .ui-autocomplete .ui-autocomplete-dropdown {
        position: absolute;
        height: 100%;
        width: 32px;
        background: transparent;
        border: 0 none;
        right: 0;
        top: 5px;
    }

        body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon-triangle-1-s {
            margin-top: -2px;
            display: block;
        }

            body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon-triangle-1-s::before {
                content: "\f107";
                font-size: 1.6rem;
                color: #02a5a5;
                font-family: FontAwesome;
            }

    body .ui-autocomplete .ui-state-focus + .ui-autocomplete-dropdown span::before {
        background: #02a5a5;
        color: #ffffff;
    }

body .ui-autocomplete-panel {
    overflow: auto;
    max-width: none;
    max-height: 200px;
}

    body .ui-autocomplete-panel .ui-autocomplete-list-item {
        background: #fff;
        padding: 0 10px;
        margin: 0;
        width: 100%;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        -webkit-border-radius: 0px;
        line-height: 32px;
    }

    body .ui-autocomplete-panel .ui-autocomplete-list .ui-state-highlight,
    body .ui-autocomplete-panel .ui-autocomplete-list .ui-widget-content .ui-state-highlight,
    body .ui-autocomplete-panel .ui-autocomplete-list .ui-widget-header .ui-state-highlight {
        background: #02a5a5;
        color: #ffffff;
    }

body .ui-autocomplete .ui-button-icon-only .ui-button-text {
    display: none;
}

body .ui-growl.ui-widget > div {
    background: #e8eff9;
    opacity: 1;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(0,0,0,0.05);
    color: #fff;
}

body .ui-growl .ui-growl-title {
    color: #000;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    text-shadow: none;
}

body .ui-growl .ui-growl-message * {
    color: #000;
}

body .ui-growl .ui-growl-image-info {
    background: rgba(0,0,0,0);
}

    body .ui-growl .ui-growl-image-info::before {
        content: "\f129";
        font-size: 16px;
        font-family: FontAwesome;
        text-decoration: none;
        background: #5787d9;
        color: #fff;
        border-radius: 100px;
        border: 0 none;
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 34px;
        margin-right: 10px;
        display: block;
    }

.row [class*="col-"] {
    margin-top: 20px;
}

    .row [class*="col-"].highlight {
        padding: 0 30px 0 15px;
    }

        .row [class*="col-"].highlight.top5 {
            position: relative;
            top: 5px;
        }

        .row [class*="col-"].highlight::before {
            content: "";
            box-shadow: 0 0 0 1px #f39200;
            width: calc(100% - 15px);
            height: 100%;
            display: block;
            position: absolute;
            top: -5px;
            left: 0;
        }

        .row [class*="col-"].highlight::before {
            height: calc(100% + 10px);
        }

        .row [class*="col-"].highlight.top5::before {
            height: calc(100% + 5px);
        }

.row.mode-selectable [class*="col-"] {
    margin-top: 0;
}

.row.mode-selectable {
    display: none;
    position: absolute;
    top: -2px;
    right: 0px;
}

    .row.mode-selectable button {
        height: auto;
        width: auto;
        padding: 2px 15px;
        line-height: normal;
    }

@media (max-width: 768px) {
    .row.mode-selectable {
        top: -28px;
    }
}

.ui-inputfield, button.btn, button.btn .fa {
    padding: 0 5px;
    height: 28px;
    line-height: 28px;
    margin: 0;
    border-color: rgba(0,0,0,0.1);
    font-size: 1rem;
}

.panel.panel-default .panel-body .button-icon > .fa {
    color: #02A5A5;
}

/*LATERAL AND MAIN MENU */
body .navbar-toggler {
    padding: 0;
    width: 26px;
    height: 28px;
    margin-top: 5px;
    background: rgba(0,0,0,0);
    border: 0 none;
    position: relative;
    float: right;
}

body .navbar-toggler-icon {
    text-align: center;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #000;
    height: 1px;
    display: block;
    top: -6px;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease; /*background: url(#{request.contextPath}/javax.faces.resource/images/menu.png.xhtml) no-repeat center center / cover;*/
}

    body .navbar-toggler-icon:after {
        content: "";
        border-bottom: 1px solid #000;
        height: 10px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        -o-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

    body .navbar-toggler-icon:before {
        content: "";
        border-bottom: 1px solid #000;
        height: 20px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        -o-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

    body .navbar-toggler-icon.toggled::before {
        width: 50%;
    }

    body .navbar-toggler-icon.toggled::after {
        width: 75%;
    }

.offcanvas-collapse {
    position: fixed;
    top: 41px; /* Height of navbar */
    bottom: 0;
    right: 100%;
    left: -300px;
    width: 300px;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #fff;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-transition-property: left, visibility;
    -ms-transition-property: left, visibility;
    -moz-transition-property: left, visibility;
    -webkit-transition-property: left, visibility;
    transition-property: left, visibility;
}

.offcanvas-collapse {
    align-items: start;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box; /*border-right:3px solid rgba(0, 0, 0, 0.2);*/
}

    .offcanvas-collapse.open {
        left: 0;
        visibility: visible;
        padding: 0;
    }

        .offcanvas-collapse.open::after {
            content: "";
            background: rgba(0,0,0,0.4);
            width: -moz-calc(100% - 300px);
            width: -webkit-calc(100% - 300px);
            width: calc(100% - 300px);
            height: 100%;
            position: fixed;
            z-index: -1;
            top: 41px;
            right: 0;
        }

        .offcanvas-collapse.open::before {
            content: "";
            width: 100%;
            height: 100%;
            z-index: -1;
            position: absolute;
            opacity: 0.2;
        }

.navbar-expand-lg .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    list-style: none;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

    .nav-scroller .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        color: rgba(255, 255, 255, .75);
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

.nav-underline .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: #6c757d;
}

    .nav-underline .nav-link:hover {
        color: #007bff;
    }

.nav-underline .active {
    font-weight: 500;
    color: #343a40;
}

.nav-item a.nav-link {
    display: block;
    width: 100%;
    padding: 10px;
    text-decoration: none;
}

    .nav-item a.nav-link:hover {
        background: rgba(0, 153, 111, 0.2);
        color: #000;
    }

.nav-item.active a.nav-link {
    background: #02A5A5;
    color: #fff;
}

.navbar-nav .dropdown-menu {
    width: 100%;
    padding: 0;
}

.dropdown-item, .dropdown-item {
    padding: 0 0 0 20px;
}

    .dropdown-item.active, .dropdown-item:active,
    .dropdown-item.focus, .dropdown-item:focus,
    .dropdown-item.hover, .dropdown-item:hover {
        color: #000;
        text-decoration: none;
        background-color: rgba(0, 153, 111, 0.2);
    }

.dropdown-toggle::after {
    float: right;
    margin-top: 16px;
    margin-right: 5px;
}

header nav.navbar .navbar-right {
    width: calc(100% - 200px);
    display: inline-block;
    flex-direction: unset;
    clear: none;
    margin: 0;
}

    header nav.navbar .navbar-right > li {
        padding: 0;
        height: 40px;
    }

        header nav.navbar .navbar-right > li > a {
            padding: 0 10px;
            line-height: 64px;
            text-transform: none;
        }

        header nav.navbar .navbar-right > li > ul > li a {
            padding: 2px 10px;
            text-transform: none;
        }

            header nav.navbar .navbar-right > li > ul > li a:focus,
            header nav.navbar .navbar-right > li > ul > li a:hover {
                background: rgba(0, 153, 111, 0.2);
            }

    header nav.navbar .navbar-right li a img + span {
        color: #000;
        text-transform: none;
        padding-left: 5px;
    }

header.small .nav-item {
    width: 100%;
}

    header.small .nav-item.info,
    header.small .nav-item.info i {
        padding: 0 10px;
    }

        header.small .nav-item.info i {
            color: #02A5A5 !important;
        }

        header.small .nav-item.info label {
            font-weight: 600;
            font-size: 0.9rem;
        }

a.fas.fa-sign-out-alt::before {
    font-family: "fontAwesome";
    font-size: 21px;
    line-height: 21px;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

a.fas.fa-sign-out-alt {
    font-family: "Roboto", sans-serif;
    display: block;
    padding: 0 10px;
    text-align: center;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.15);
    line-height: 28px;
    text-decoration: none !important;
}

/* BUTTONS */
button.search, button.reply, button.accept {
    background: #02A5A5;
    color: #fff;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border: 1px solid rgba(0,0,0,0.05);
    text-shadow: none;
    width: auto;
    height: 36px;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    padding: 0 15px;
    white-space: normal;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

button.btn.accept.ok,
button.btn.accept.nok {
    padding: 0 20px;
    height: 32px;
    width: 64px;
}

button.btn.accept.ok {
    background: #00b700;
}

button.btn.accept.nok {
    background: #b70000;
}

button.btn.accept.orange {
    background: #F5A623;
}

button.accept:focus {
    color: #fff;
}

button.cancel:focus {
    color: #000;
}

button.accept.mode-selectable {
    height: 54px;
}

button.search[disabled],
button.reply[disabled],
button.accept[disabled],
button.search[disabled] *,
button.reply[disabled] *,
button.accept[disabled] * {
    background: rgba(0,0,0,0);
    color: #bbbbbb;
    border-color: rgba(0,0,0,0);
}

button.cancel.mode-selectable[disabled],
button.accept.mode-selectable[disabled] {
    visibility: hidden;
}

button.cancel[disabled]:hover, button.back[disabled]:hover, button.search[disabled]:hover, button.reply[disabled]:hover, button.accept[disabled]:hover {
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button.accept span, button.accept span.fa {
    color: #fff;
    font-size: 1.1rem;
}
/*
button.search::before, button.reply::before, button.accept::before, .ui-fileupload-buttonbar .ui-fileupload-choose::before 	{
   -o-border-radius: 15px; -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
    bottom: 100%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    /*-o-transition: all 0.15s linear 0s; -ms-transition: all 0.15s linear 0s; -moz-transition: all 0.15s linear 0s; -webkit-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s;*
    transition: none;
    width: 100%;
}*/

button.cancel, button.back {
    background: #ffffff;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #000;
    margin: 0;
    min-width: 32px;
    width: auto;
    padding: 0 15px !important;
    height: 36px;
    text-shadow: 1px 1px 1px #fff;
}

.insideLabel button.back,
.insideLabel button.cancel,
.insideLabel button.search,
.insideLabel button.reply,
.insideLabel button.accept {
    height: 54px;
}

button.cancel *, button.back * {
    text-decoration: none !important;
}

button.cancel span,
button.back span {
    text-decoration: none;
    display: inline-block;
    padding: 0 0 0 10px;
}

button.cancel::before, button.back::before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    bottom: 100%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    /*-o-transition: all 0.15s linear 0s; -ms-transition: all 0.15s linear 0s; -moz-transition: all 0.15s linear 0s; -webkit-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s;*/
    transition: none;
    width: 100%;
}

button.search .fa,
button.reply .fa,
button.accept .fa {
    color: rgba(0, 0, 0, 0.15);
    float: left;
    margin-top: 0;
    text-indent: 0;
    position: absolute;
    top: 0;
    line-height: 32px;
}

button.back .fa {
    color: #666;
    font-size: 17px;
    top: 7px;
}

button.back {
    padding: 0.2em 1em 0.3em 2.1em;
}

    button.cancel:hover::before, button.back:hover::before,
    button.search:hover::before, button.reply:hover::before, button.accept:hover::before,
    .ui-fileupload-buttonbar .ui-fileupload-choose:hover::before {
        bottom: 100%;
    }

button.cancel:active,
button.cancel:focus,
button.cancel:hover {
    color: #000000;
    background: #ffffff;
    text-shadow: none;
}

    button.cancel:active:before,
    button.cancel:focus:before,
    button.cancel:hover:before {
        background: #fff;
        box-shadow: none;
    }

button.accept:active,
button.accept:focus,
button.accept:hover {
    color: #fff;
    background: #02a5a5;
    text-shadow: none;
}

    button.accept:active:before,
    button.accept:focus:before,
    button.accept:hover:before {
        background: #02a5a5;
        box-shadow: none;
    }

button.accept.orange:active,
button.accept.orange:focus,
button.accept.orange:hover {
    color: #fff;
    background: #F5A623;
    text-shadow: none;
}

    button.accept.orange:active:before,
    button.accept.orange:focus:before,
    button.accept.orange:hover:before {
        background: #F5A623;
        box-shadow: none;
    }

button.accept.contextual {
    background: -moz-linear-gradient(top, rgba(254,255,255,1) 0%, rgba(208,208,208,0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(254,255,255,1) 0%,rgba(208,208,208,0.4) 100%);
    background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(208,208,208,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#66d0d0d0',GradientType=0 );
    color: #000000;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
}

    button.accept.contextual span {
        font-size: 13px;
        font-weight: normal;
        margin: 0;
        padding: 0 3px;
        position: relative;
        top: -1px;
    }

button.dashboard {
    height: auto;
    line-height: normal;
    padding: 8px 15px;
    min-width: 100px;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    background: #fff;
    color: #000;
    border-color: #d8d8d8;
}

.ui-button-text-only .ui-button-text {
    padding: 0.25em 1em;
}

.ui-button-text-icon-left .ui-button-text {
    font-weight: normal;
    padding: 0 1em 0 2.1em;
}

button.ui-button-icon-only.accept {
    padding: 0;
    width: 28px;
    text-indent: 0;
    text-align: center;
}

    button.ui-button-icon-only.accept .fa {
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
    }

button.btnIcon {
    position: relative;
    background: transparent;
    border: 0 none;
    width: 28px;
    height: 28px;
    padding: 0;
    margin-top: 0;
    margin-right: 10px;
    cursor: pointer;
}

    button.btnIcon img {
        width: 100%;
        padding: 2px;
    }

    button.btnIcon.clearable::before {
        content: "X";
        position: absolute;
        bottom: -8px;
        right: 0;
        font-family: monospace;
        font-size: 12px;
        font-weight: 500;
    }

.ui-button-icon-only .ui-icon.fa,
.ui-button-text-icon-left .ui-icon.fa,
.ui-button-text-icon-right .ui-icon.fa,
.ui-button-icon-only .ui-icon.fab,
.ui-button-text-icon-left .ui-icon.fab,
.ui-button-text-icon-right .ui-icon.fab,
.ui-button-icon-only .ui-icon.far,
.ui-button-text-icon-left .ui-icon.far,
.ui-button-text-icon-right .ui-icon.far,
.ui-button-icon-only .ui-icon.fas,
.ui-button-text-icon-left .ui-icon.fas,
.ui-button-text-icon-right .ui-icon.fas {
    color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
    .ui-command-link,
    button.search,
    button.reply,
    button.accept,
    button.cancel {
        width: 100%;
        float: none !important;
        margin: 0;
    }

    .btn-group.toRightSide {
        float: none !important;
        width: 100%;
        display: block;
    }

    html body h2 button.expanded-button {
        position: relative;
        margin-top: 15px;
    }
}


/* TOP SEPARATION */
.top-separation {
    background: rgb(237,237,237);
    background: -moz-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 50%, rgba(237,237,237,1) 100%);
    background: -webkit-linear-gradient(left, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 50%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to right, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 50%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#bbbbbb',GradientType=1 );
    /*
	background: rgb(34,135,103);
	background: -moz-linear-gradient(left, #02A5A5 0%, rgba(14, 115, 83, 1) 100%);
	background: -webkit-linear-gradient(left, #02A5A5 0%,rgba(14, 115, 83, 1) 100%);
	background: linear-gradient(to right, #02A5A5 0%,rgba(14, 115, 83, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02A5A5', endColorstr='#0e7353',GradientType=1 );
	*/
    height: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

/* BODY AND HEADERS */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background: transparent none repeat scroll 0 0 !important;
    border-bottom: 2px solid rgba(174, 204, 78, 1);
    font-weight: normal;
    padding-bottom: 5px;
}

body a {
    color: #02a5a5;
    font-weight: 500;
    text-decoration: none;
}

    body a:focus, body a:hover {
        color: #02a5a5;
        text-decoration: none;
    }

body .row {
    min-height: auto;
}

body .buttons-menu > .row > [class*="col-"] {
    margin-top: 32px;
}

body .buttons-menu a:focus,
body .buttons-menu a:hover {
    text-decoration: none;
}

body .row.sep {
    margin-top: 10px;
}

body .row.small-sep {
    margin-top: 10px;
}

body .lineHeight20 {
    line-height: 20px !important;
}

body .topLess4 {
    position: relative;
    top: -4px;
}

body select.selectpicker {
    display: block !important;
    height: 0 !important;
    width: 0;
    overflow: hidden !important;
    opacity: 0;
    font-size: 0;
    padding: 0 !important;
    margin: 0px !important;
    min-height: auto;
    position: absolute;
    line-height: 0 !important;
    top: 54px;
    left: 25px;
}

body select {
    height: 24px;
    width: 100%;
    background: #fff;
    color: #000;
}

body input:focus, body input:active,
body input:hover, body input:visited {
    outline: 0 none;
}

body input::-ms-clear {
    display: none;
}

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

.top-separation {
    display: none;
}

body > header {
    background: white;
    display: block;
    font-family: "Roboto", sans-serif;
    height: 75px;
    margin: 0 auto;
    padding: 0 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    border-bottom: 1px solid #f0f0f0;
}

    body > header + div, body > header + form {
        margin-top: 0;
    }

    body > header nav.navbar-default {
        background: transparent;
        border: 0 none;
        margin-top: 25px;
    }

    body > header .navbar-brand {
        padding: 0;
    }

    body > header nav ul.navbar-nav {
        float: right;
        margin: 10px 0;
    }

    body > header .logo {
        float: left;
        height: 48px;
        position: relative;
        top: -25px;
    }

    body > header .appName {
        color: #AECC4E;
        height: 48px;
        line-height: 48px;
        padding-left: 36px;
        width: auto;
        display: none;
    }

        body > header .appName b {
            color: #333231;
        }

    /*body > header nav .fa.fa-envelope {
        color: #AECC4E;
        font-size: 28px;
        position: absolute;
        top: 8px;
    }*/

    body > header nav .fa.no-messages {
        color: #333231;
    }

        body > header nav .fa.no-messages + span {
            display: none;
        }

    body > header nav .fa.fa-sign-out {
        color: #333231 !important;
        font-size: 28px;
        position: absolute !important;
        top: 8px;
        padding: 7px 15px;
    }

    body > header nav .fa + .total {
        background: #333231;
        border-radius: 50px;
        color: #fff;
        font-weight: bold;
        font-size: 0.9rem;
        height: 22px;
        position: absolute;
        right: -20px;
        text-align: center;
        top: 5px;
        width: 22px;
    }

    body > header .navbar-brand img {
        max-height: 48px;
        width: auto;
        object-fit: cover;
        margin-top: 6px;
        padding: 4px;
    }

@media (max-width: 1023px) {
    body > header .navbar-brand img {
        margin-top: -3px;
    }
}

/* DROPDOWN-CONTENT HEADER */
/*.dropdown-content {
    display: none;
    position: absolute;
    min-width: 220px;
    list-style: none;
    background-color: #fff;
    z-index: 1000;
    right: 0;
    left: auto;
}*/

.dropdown-content {
    display: none;
    position: absolute;
    list-style: none;
    background-color: #fff;
    z-index: 1000;
    right: 0;
    white-space: nowrap;
}

    .dropdown-content li {
        max-width: 290px;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-left: 5px;
    }

ul.dropdown-content {
    padding: 0px;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 1px solid rgba(0,0,0,.15);
}

    ul.dropdown-content > li:hover {
        background: rgba(0, 153, 111, 0.2);
        cursor: pointer;
    }

    ul.dropdown-content > li a:hover {
        background: transparent !important;
    }

.dropdown:hover .dropdown-content {
    display: block;
}
/* fin DROPDOWN-CONTENT HEADER */

header.small {
    background: #ffffff;
    border-bottom: 0px solid rgba(0,0,0,0);
    height: auto;
    min-height: 64px;
}

    header.small nav {
        margin: 5px 0px;
        line-height: 48px;
        padding-bottom: 0;
        padding-top: 0px;
    }

        header.small nav .fa {
            color: #02A5A5 !important;
        }

    header.small .logo {
        top: 0;
    }

        header.small .logo img {
            width: 127px;
        }

    header.small .appName {
        display: none;
        font-family: Arial;
        padding: 0;
        text-shadow: 1px 1px 1px #9e568c;
    }

        header.small .appName b {
            color: rgba(0, 0, 0, 0.33);
        }

            header.small .appName b span {
                color: rgba(0, 0, 0, 0.25);
            }

    header.small .navbar-default .navbar-nav > .active > a {
        border: 0 none;
        text-decoration: none;
    }

    header.small .navbar-default .navbar-nav .ui-outputlabel {
        color: #aaa;
        font-size: 1rem;
        line-height: 48px;
    }

    header.small .nav.navbar-nav i.fa {
        font-size: 1.7rem;
        margin-right: 5px;
        position: relative;
        top: 3px;
    }

    header.small .nav.navbar-nav .dropdown-content i.fa {
        min-width: 25px;
    }

    /*.dropdown-content li.big {
    min-width: 253px;
}*/

    header.small .nav.navbar-nav i.fa.plus {
        font-size: 1.7rem;
    }

    /*header.small .nav.navbar-nav .fa.fa-envelope {
        top: 17px;
    }

        header.small .nav.navbar-nav .fa.fa-envelope::after {
            background: #a90329;
            background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
            background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
            background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
            -o-border-radius: 50px;
            -ms-border-radius: 50px;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            color: #fff;
            content: attr(data-value);
            font-family: Arial;
            font-weight: bold;
            height: 16px;
            left: 10px;
            position: absolute;
            text-align: center;
            top: -5px;
            width: 16px;
        }*/

    header.small .nav.navbar-nav .fa.plus::after {
        content: "+";
        position: absolute;
        top: 2px;
        left: 16px;
        line-height: 0;
        font-weight: 500;
        font-family: "Open Sans", sans-serif;
    }

    header.small .nav.navbar-nav .fa-file.plus:after {
        top: 12px;
        left: 3px;
        color: #fff;
    }

@media (min-width: 768px) {
    header.small nav {
        max-width: 750px;
        margin: 5px auto 10px;
    }
}

@media (min-width: 900px) {
    header.small nav {
        max-width: 970px;
        margin: 5px auto 10px;
    }
}

@media (min-width: 1200px) {
    header.small nav {
        max-width: 1170px;
        margin: 0 auto;
    }
}

@media (max-width: 992px) {
    .markwater.local + header.small nav,
    .markwater.desarrollo + header.small nav,
    .markwater.training + header.small nav,
    .markwater.preproduccion + header.small nav {
        padding-right: 80px !important;
    }

    header.small {
        min-height: auto;
    }
}
/* DATA ZONE */
.toRightSide {
    float: right !important;
}

.toLeftSide {
    float: left !important;
}

.close {
    float: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    filter: alpha(opacity=20);
    opacity: .2;
    font-family: monospace;
}

.container.datazone {
    background: #fff;
    padding: 15px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .container.datazone .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .container.datazone table .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

.container.header {
    padding: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
.btn-group > .dropdown-toggle:not(:first-child) {
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

@media (max-width: 992px) {
    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-left: 0;
    }
}

.alert {
    position: relative;
}

    .alert.alert-success {
        background: #d9f0e0;
        border-color: rgba(0,0,0,0.05);
        color: #000;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

        .alert.alert-success i {
            color: #4eaa6b;
        }

    .alert.alert-danger {
        background: rgba(233, 50, 14, 0.2);
        border-color: rgba(0,0,0,0.05);
        color: #000;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

        .alert.alert-danger i {
            color: #d3717e;
        }

    .alert .close {
        position: absolute;
        top: 0;
        right: 5px;
        color: inherit;
        width: 24px;
        height: 100%;
        float: right;
        padding: 0;
        background: rgba(0,0,0,0) !important;
        border: 0 none !important;
        -o-box-shadow: none !important;
        -ms-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

        .alert .close .fa {
            width: 24px;
            height: 24px;
            vertical-align: middle;
            display: block;
            line-height: 24px;
        }

/* Messges */

/* FileUpload */

/* Tables */
table {
    width: 100%;
    background: #f4f4f4;
    border: 0 none;
    border-top: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
}

    table caption {
        width: 100%;
        white-space: nowrap;
        margin: 0;
        color: #000;
        font-weight: 500;
        margin: 25px 0;
        font-size: 19px;
    }

    table td {
        border: 0 none;
        padding: 15px 5px;
    }

    table tbody tr:nth-child(2n),
    table.dataTable.stripe tbody tr.even,
    table.dataTable.display tbody tr.even {
        background: #ffffff;
    }

    table tbody tr:nth-child(2n+1),
    table.dataTable.stripe tbody tr.odd,
    table.dataTable.display tbody tr.odd {
        background: #f4f4f4;
    }

    table.smooth tbody tr {
        background: #fff;
    }

a.fc-event {
    margin: 2px 1% 0.2% 1.5%;
    width: 96%;
}

table tr td a {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    text-decoration: none;
}

    table tr td a .fa,
    table tr td a .fas {
        font-size: 1.5rem;
        color: #02A5A5;
    }

    table tr td a.details .fa,
    table tr td a.details .fas {
        font-size: 1.0rem;
        padding-right: 10px;
    }

    table tr td a:hover,
    table tr td a:focus {
        color: #02A5A5;
    }

    table tr td a label {
        color: #02A5A5;
        font-weight: 600;
    }

table tr td img {
    width: auto;
    height: 16px;
    object-fit: contain;
}

table th, table td {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

    table td .cardDetails label:not(.value-label) {
        color: #02A5A5;
        text-transform: capitalize;
    }

    table td .cardDetails .inblock label:not(.value-label) {
        display: inline-block;
        width: auto;
    }

table th {
    height: auto;
    min-height: 32px;
    padding: 5px;
    line-height: normal;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    background: #ffffff;
    border: 0 none;
    border-bottom: 1px solid #bfbfbf;
    -o-box-shadow: 0px 10px 10px 1px rgba(255,255,255,0.1) inset;
    -ms-box-shadow: 0px 10px 10px 1px rgba(255,255,255,0.1) inset;
    -moz-box-shadow: 0px 10px 10px 1px rgba(255,255,255,0.1) inset;
    -webkit-box-shadow: 0px 10px 10px 1px rgba(255,255,255,0.1) inset;
    box-shadow: 0px 10px 10px 1px rgba(255,255,255,0.1) inset;
}

table td span.icon {
    background: #02a5a5;
    text-align: center;
    color: #fff;
    font-weight: 400;
    padding: 3px;
    font-size: 0.85rem;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

table tr td i.fa {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: 17px;
}

table tr td i.disabled {
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed !important;
}

table tr td.withMsg i.fa {
    width: auto;
    margin-right: 5px;
    display: inline-block;
}

table tr td.success, table tr td.success * {
    color: #4eaa6b;
}

table tr td.warn, table tr td.warn * {
    color: #ce5700;
}

table tr td.danger, table tr td.danger * {
    color: #ce2000;
}

table tr td button {
    background: rgba(0, 0, 0, 0);
    border: 0 none;
    color: #02a5a5;
    width: 32px;
}

    table tr td button.text {
        width: auto;
        font-weight: 500;
    }

table tr th button.btn {
    float: right;
    background: #02A5A5;
    text-shadow: none;
    color: #fff;
    border: 0 none;
    padding: 0;
    margin: 0;
    line-height: normal;
    height: 20px;
    width: 38px;
}

    table tr th button.btn .fa {
        padding: 0;
        height: auto;
        line-height: normal;
        margin: 0;
    }

    table tr th button.btn:hover,
    table tr th button.btn:focus {
        color: #fff;
    }

table tr:focus td.success, table tr:focus td.success *,
table tr:hover td.success, table tr:hover td.success *,
table tr:focus td.warn, table tr:focus td.warn *,
table tr:hover td.warn, table tr:hover td.warn *,
table tr:focus td.danger, table tr:focus td.danger *,
table tr:hover td.danger, table tr:hover td.danger * {
    color: #fff !important;
}

table tr.expanded td .row {
    padding: 10px 0;
}

    table tr.expanded td .row [class*="col-"],
    table tr.expanded td .row [class*="col-"] * {
        margin: 0 !important;
        line-height: normal;
    }

        table tr.expanded td .row [class*="col-"] * {
            padding-bottom: 0;
            padding-top: 0;
        }

        table tr.expanded td .row [class*="col-"] label {
            color: #000;
        }

table.dataTable.no-footer {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

table thead th, table.dataTable thead th,
table.dataTable thead td
table tbody td, table.dataTable tbody td {
    padding: 15px 5px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    line-height: 1.2;
}

table.dataTable, table.dataTable.no-footer {
    border: 0 none;
    border-top: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
}

table.woBorder,
table.woBorder thead th {
    border: 0 none;
}

#recomendationsTable tr {
    height: 42px;
}

.withToolbar {
    position: relative;
}

    .withToolbar .toolbar {
        width: 100%;
        display: block;
        height: 36px;
    }

        .withToolbar .toolbar + h5 {
            line-height: 36px;
            position: absolute;
            left: 0;
            top: -2px;
            font-size: 1.33rem;
            color: #000;
            margin-bottom: 20px;
        }

        .withToolbar .toolbar button.accept {
            background: #F5A623;
            position: absolute;
            top: 0;
            right: 0;
            height: 32px;
        }

            .withToolbar .toolbar button.accept:active:before,
            .withToolbar .toolbar button.accept:focus:before,
            .withToolbar .toolbar button.accept:hover:before {
                background: #F5A623;
                box-shadow: none;
            }

        .withToolbar .toolbar button.cancel {
            height: 32px;
        }

        .withToolbar .toolbar button.toLeftSide {
            position: relative;
        }

        .withToolbar .toolbar button.bottom {
            top: 48px;
        }

.radioButtonTable {
    min-width: 28px;
}

.radioButtonContainer {
    display: inline-block !important;
    background: #f4f4f4;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    width: 100%;
    height: 54px;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .radioButtonContainer label {
        width: 100%;
        position: unset;
    }

@media(min-width: 768px) {
    .radioButtonContainer label {
        width: 50%;
        position: unset;
    }
}



/*.withToolbar .toolbar button:hover,
.withToolbar .toolbar button:focus                          { color: #fff; background: #000; text-shadow: none; 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%); }*/
#btnHistoryDelete {
    position: absolute;
    top: -36px;
    right: 15px;
    padding: 0;
    height: auto;
    width: 136px;
}

    #btnHistoryDelete:focus {
        border-color: rgba(0, 153, 111, 0.75);
    }

@media (min-width: 768px) {
    table.dataTable.hover tbody tr:hover,
    table.dataTable.display tbody tr:hover {
        background-color: #02a5a5 !important;
    }
}

@media (max-width: 767px) {
    .container.datazone {
        padding: 32px 15px;
    }

    .withToolbar .toolbar + h5 {
        position: relative;
        top: auto;
        left: auto;
    }

    table {
        width: 100% !important;
    }

        table,
        table thead,
        table tbody,
        table th,
        table td,
        table tr {
            display: block;
        }

            table thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            table tr {
                border: 0 none !important;
                position: relative;
            }

                table tr td {
                    border: 0 none !important;
                    position: relative;
                    padding-left: 50% !important;
                }

                    table tr td.actions {
                        position: absolute;
                        top: 5px;
                        left: 0;
                        width: calc(100% - 32px);
                        right: auto;
                        height: 24px;
                        margin: 0;
                        padding: 0 !important;
                    }

                    table tr td:before {
                        content: attr(data-field);
                        position: absolute;
                        top: 6px;
                        left: 6px;
                        width: 45%;
                        padding-right: 10px;
                        white-space: nowrap;
                        font-weight: 500;
                    }

                    table tr td .fa-angle-down,
                    table tr td .fa-angle-up,
                    table tr td button.dropdown-toggle {
                        position: absolute;
                        top: 0;
                        right: 0;
                    }

            table tbody tr:hover,
            table tbody tr:hover {
                background: rgba(0, 0, 0, 0) !important;
            }

            table tbody tr:nth-child(2n+1),
            table tbody tr.odd,
            table tbody tr.odd {
                background: #f4f4f4 !important;
            }

            table tbody tr:nth-child(2n),
            table tbody tr.even,
            table tbody tr.even {
                background: #ffffff !important;
            }
}

@media (max-width: 640px) {
    table th,
    table td {
        height: auto;
    }
}

th.columnas > label {
    writing-mode: vertical-rl;
    transform: rotate(232deg);
    max-height: 143px !important
}
/* SECTION DETAILS */
section.ajuste {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #e8e8e8;
    margin: 20px 10px 15px 0;
    padding: 10px;
}

section, form {
    padding: 0;
    position: relative;
    display: block;
}

    section.ajuste table td .row > div {
        line-height: initial;
    }

    section.ajuste .row > div {
        min-height: 32px;
    }

    section.ajuste fieldset.row {
        background: rgba(0, 0, 0, 0);
        border: 1px solid #e0e0e0;
        padding: 10px;
        margin: 0 0 10px;
    }

        section.ajuste fieldset.row legend {
            border: 0 none;
            color: #808080;
            font-size: 0.95rem;
            font-weight: 500;
            margin: 0;
            padding: 0 5px;
            width: auto;
        }

        section.ajuste fieldset.row label {
            height: auto;
            margin: 0;
            min-width: auto;
            padding: 0;
            width: auto;
        }

div input:not([disabled]).value-label.reduced.inline {
    border: 1px solid rgba(0,0,0,0.1);
}

div .value-label.reduced.inline {
    display: inline-block;
    width: auto;
    border: none;
    padding-left: 5px;
}

label.value-label {
    font-weight: 500;
    background: #fff;
    color: #000000;
    font-size: 1.1rem;
    display: block;
    margin: 32px 10px;
    padding: 0;
    width: 100%;
    border: 1px solid transparent;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input:not([type=checkbox]):not([type=radio]):not([type=range]),
textarea, .selectpicker:not(ul) {
    background: #f4f4f4;
    border: 1px solid rgba(0,0,0,0.1);
    color: #333;
    font-size: 1.1rem;
    font-weight: 500;
    height: 32px;
    line-height: 28px;
    width: 100%;
    margin: 0;
    padding: 0 10px 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    /* BORRAR después pruebas */
    /*ul.treeview                     { list-style: none; }
ul.treeview li.collapsed ul     { height: 0; overflow: hidden; }
ul.treeview li span             { padding: 2px 5px; display: inline-block; }
ul.treeview li .active          { background: #000; color: #fff; }*/

    input[disabled],
    input[readonly],
    textarea[disabled],
    textarea[readonly],
    select.selectpicker[disabled],
    select.selectpicker[readonly] {
        background: #FAFAFA;
        border-color: #F4F4F4;
    }

        input[disabled] + .fa,
        input[readonly] + .fa,
        textarea[disabled] + .fa,
        textarea[readonly] + .fa,
        select.selectpicker[disabled] + .fa,
        select.selectpicker[readonly] + .fa {
            display: none;
        }

        input[disabled]:placeholder-shown,
        input[readonly]:placeholder-shown {
            opacity: 0;
        }

    input.error, textarea.error,
    select.error,
    input.form-control.error,
    select.form-control.error {
        border-color: rgba(0, 153, 111, 0.75);
        -o-box-shadow: 0 0 0 1px #d3717e;
        -ms-box-shadow: 0 0 0 1px #d3717e;
        -moz-box-shadow: 0 0 0 1px #d3717e;
        -webkit-box-shadow: 0 0 0 1px #d3717e;
        box-shadow: 0 0 0 1px #d3717e;
    }

label {
    color: #bbbbbb;
    line-height: 1.5rem;
    font-size: 1.0rem;
    padding: 0 0 15px 0;
}

section .details div .value-label.reduced,
div .value-label.reduced {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 0.9rem;
}

input:focus, textarea:focus {
    background: #02A5A5 !important;
    border: 1px solid rgba(0, 153, 111, 0.2) !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff;
}

input::-o-placeholder {
    color: #bbbbbb;
    font-weight: 300;
}

input:-ms-input-placeholder {
    color: #bbbbbb !important;
    font-weight: 300 !important;
}

input::-moz-placeholder {
    color: #bbbbbb;
    font-weight: 300;
}

input::-webkit-input-placeholder {
    color: #bbbbbb;
    font-weight: 300;
}

input::placeholder {
    color: #bbbbbb;
    font-weight: 300;
}

input:focus::-o-placeholder {
    color: #fff;
}

input:focus:-ms-input-placeholder {
    color: #fff !important;
}

input:focus::-moz-placeholder {
    color: #fff;
}

input:focus::-webkit-input-placeholder {
    color: #fff;
}

input:focus::placeholder {
    color: #fff;
}

/* LAYER EFFECTS */
#properties {
    margin-top: 64px;
    overflow: hidden;
    transition: all 0.2s ease;
    height: 200px;
    padding: 0;
    display: block !important;
}

    #properties.hide {
        height: 0;
        opacity: 0;
    }

    #properties img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        max-width: 220px;
        margin: 0 auto;
        display: block;
    }

#nacionalCodeLayer {
    margin-top: 32px;
    overflow: hidden;
    transition: all 0.2s ease;
    height: 96px;
    display: block !important;
}

    #nacionalCodeLayer.hide {
        height: 0;
        opacity: 0;
    }

#properties + #main-actions {
    padding: 48px 0 0;
}

#nacionalCodeLayer + #main-actions {
    padding: 24px 0 0;
}

@media(max-width: 1024px) {
    #properties label {
        line-height: 1.0rem;
        padding: 15px 0 0px 0;
    }
}

@media(max-width: 768px) {
    #properties {
        height: auto;
    }

        #properties .row {
            margin: 0 !important;
            padding: 0 !important;
        }
}

/* CHOSEN STYLES */
.chosen-container-single .chosen-drop {
    border: 1px solid rgba(0,0,0,0.2);
}

.chosen-single b::before {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 16px;
    padding-right: 8px;
}

/* DIV INLINE */
.active:not(.nav-item):not([rel]),
.inline.active:not(.nav-item) {
    position: relative;
    white-space: initial;
    padding: 20px 15px 0 15px;
    margin-top: 0;
}

.active:not(.nav-item)::after {
    content: "";
    background: rgba(0,0,0,0);
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: 47px;
    z-index: -1;
    border-bottom: 5px solid #02A5A5;
}

.active:not(.nav-item) a,
.active:not(.nav-item) a:hover,
.active:not(.nav-item) a:focus {
    background: #02A5A5;
    color: #fff;
    cursor: text;
}

div.inline > h2 {
    height: auto;
}

div.inline.active h2 + hr {
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.active hr, .inline.active hr {
    border: 0 none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 20px 0 0 0;
}

.active h2 + hr {
    top: 8px;
}

div > h2, div.inline > h2,
div > h3, div.inline > h3,
div > h3, div.inline > h2 label,
div > h3, div.inline > h3 label {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4rem;
    font-weight: normal;
    text-transform: none;
    padding: 15px 0;
    margin: 0;
}

div.active.inline > h2 {
    padding: 0;
    margin: 0 0 0 15px;
}


/* FIELDSETS */
body div fieldset label {
    color: #fff;
    font-weight: 600;
    padding: 0 10px 0 0;
    text-align: left;
    width: auto;
    min-width: auto;
    font-size: 0.95rem;
}

body div fieldset input.ui-inputfield {
    background: #ffffff;
    border: 1px solid rgba(255,255,255,0.5);
    -o-box-shadow: 0 0 2px 1px rgba(0,0,0,0.33) inset;
    -ms-box-shadow: 0 0 2px 1px rgba(0,0,0,0.33) inset;
    -moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.33) inset;
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.33) inset;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.33) inset;
    padding: 5px;
    width: 100%;
}

body div fieldset {
    background: rgba(0,0,0,0);
    border: 1px solid rgba(255,255,255,0.0);
    border-bottom-color: rgba(0,0,0,0.1);
    margin: 15px 0 0 0;
    padding: 15px 10px 15px 10px;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

    body div fieldset.collapsed {
        height: 0;
        padding: 0 10px;
        overflow: hidden;
        margin: 0;
        float: none;
    }

        body div fieldset.collapsed legend {
            height: 0;
            overflow: hidden;
            padding: 0;
            margin: 0;
        }

    body div fieldset legend {
        display: block;
        width: auto;
        max-width: 100%;
        padding: 0;
        margin-bottom: .5rem;
        font-size: 0.9rem;
        line-height: inherit;
        color: inherit;
        white-space: normal;
        font-weight: 500;
        color: #02A5A5;
        border: 0 none;
    }

@media (min-width: 768px) {
    body div fieldset {
        padding-bottom: 0;
    }
}

/* DIALOGS */
.modal-height {
    overflow: auto;
    height: 600px;
    min-height: 500px;
}

.modal {
    background: transparent;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.modal-dialog {
    max-width: 1024px;
    padding-top: 32px;
}

.modal-dialog-recomendations {
    max-width: 100% !important;
}

@media (min-width: 768px) {
    #recomendationsDialog .modal-dialog {
        width: 748px;
    }
}

@media (min-width: 820px) {
    #recomendationsDialog .modal-dialog {
        width: 800px;
    }
}
/*width: 90%;*/
.modal .modal-header {
    padding: 5px 0;
    color: #fff;
    border: 0 none;
}

    .modal .modal-header h4 + span {
        color: #bababa;
        text-align: center;
        display: block;
        margin-top: 5px;
        font-size: 1.2rem;
    }

        .modal .modal-header h4 + span .fa {
            color: #48AE64;
        }

.modal .modal-body {
    position: relative;
    padding: 0 0 15px 0;
}
/*min-height: 500px;*/
.modal .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 0 none;
    margin-top: 48px;
    padding: 0;
}

.modal .modal-content {
    border: 1px solid rgba(0,0,0,0.2);
    padding: 15px;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.modal .modal-title {
    padding: 0;
    color: #000;
    font-size: 24px;
    text-align: center;
    margin-bottom: 24px;
}

.title {
    padding: 0;
    color: #000;
    font-size: 24px;
    text-align: center;
    margin-bottom: 24px;
}

.modal.warning {
    background: #a90329;
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
    background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
}

    .modal.warning .modal-header {
        background: -moz-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#00ffffff',GradientType=0 );
        border-bottom: 0 none;
        color: #fff;
        padding: 15px;
    }

    .modal.warning .modal-content {
        background: rgba(0, 0, 0, 0);
        color: #fff;
    }

    .modal.warning .modal-buttonpane {
        background: rgba(0, 0, 0, 0);
    }

        .modal.warning .modal-buttonpane .btn-group .btn {
            border: 1px solid #6d0019;
            margin-left: -1px !important;
        }

.modal .modal-titlebar-close,
.modal .modal-titlebar-minimize,
.modal .modal-titlebar-maximize {
    padding: 6px 0 !important;
}

.modal .modal-content.ui-widget-content {
    background: rgb(255,255,255);
    padding-top: 20px;
    text-align: center;
}

.modal .modal-content .value-label {
    color: #000;
    font-weight: 600;
    font-size: 0.9rem;
}

.modal .modal-content label {
    color: #808080;
    font-weight: 500;
    font-size: 0.9rem;
    float: left;
}

label {
    color: #808080;
    font-weight: 500;
    font-size: 0.9rem;
    float: left;
}

.modal #divRowButton {
    margin-top: 15px;
    border-top: 1px solid rgba(0,0,0,0.1);
    padding: 10px;
}

.modal.fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    right: initial !important;
    bottom: initial !important;
}

    .modal.fixed .modal-content img {
        height: 200px;
        object-fit: contain;
        width: 100%;
        margin: 64px 0;
    }

    .modal.fixed p {
        color: #555;
    }

.modal button.close {
    color: #000;
    opacity: 0.5;
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 14px;
    display: block;
    width: 24px;
    height: 24px;
}

.modal .modal-content .close .fa::before,
.modal .modal-content .close .fa::after {
    content: "";
    border-right: 2px solid #000;
    width: 20px;
    height: 20px;
    display: block;
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -7px;
    left: -10px;
}

.modal .modal-content .close .fa::after {
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 6px;
}

.modal button.close:hover {
    opacity: 1;
}

.modal-backdrop, .modal-backdrop.in {
    opacity: 1;
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
    background: rgba(255,255,255,0.8);
}

.modal.w360 .modal-title {
    text-align: center;
}

.modal.w360 .modal-body,
.modal.w360 .modal-footer {
    max-width: 360px;
    margin: 0 auto;
}

    .modal.w360 .modal-body img {
        margin: 0px auto;
        display: block;
    }

    .modal.w360 .modal-footer .btn-group {
        width: 100%;
    }

        .modal.w360 .modal-footer .btn-group button {
            width: 50%;
        }

.modal#botModal {
    z-index: 1051;
}

.modal .modal-dialog.max {
    width: 100%;
    padding: 1% 2.6% 3% 1%;
    height: 100%;
    max-width: none;
    margin: 10px;
}

.modal .modal-content.max {
    height: 100%;
}

.modal .print {
    float: right;
    margin-right: 5%;
    top: -9px;
    right: -33px;
    position: relative;
}

    .modal .print .fa {
        font-size: 20px;
    }

.print {
    float: right;
    margin-right: 5%;
    top: -9px;
    right: -33px;
    position: relative;
}

/**************************
            Alert
**************************/
.Alert-overlay .modal-header {
    border-bottom: 0;
}

.Alert-overlay .modal-title {
    padding: 0;
    color: #000;
    font-size: 24px;
    text-align: center;
    margin-bottom: 24px;
}

.Alert-overlay .modal-header .close {
    position: absolute;
    color: #000;
    opacity: 0.5;
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 14px;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -2px;
}

    .Alert-overlay .modal-header .close .fa::after {
        content: "";
        border-right: 2px solid #000;
        width: 20px;
        height: 20px;
        display: block;
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(-45deg);
        position: absolute;
        top: 6px;
        left: -10px;
    }

    .Alert-overlay .modal-header .close .fa::before {
        content: "";
        border-right: 2px solid #000;
        width: 20px;
        height: 20px;
        display: block;
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: -7px;
        left: -10px;
    }

.Alert .Alert-body {
    padding: 10px 20px;
    max-height: 600px;
    min-height: auto;
    overflow: inherit;
}

.Alert.modal-dialog {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    width: 400px !important;
}

div .display > .row:first-child {
    border-top: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
}

    div.display > .row:first-child [class*="col-"] {
        margin: 0;
    }

div.display .row:not(:first-child) {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    margin-top: 0;
    margin-bottom: 2px;
}

div.display .row [class*="col-"] {
    line-height: 36px;
    margin: 0;
    padding: 15px;
}

div.display .row > div i {
    color: #333;
    font-size: 36px;
    line-height: 36px;
    float: left;
    margin-right: 15px;
}

div.display .row .content {
    position: relative;
    max-height: 0;
    overflow: hidden;
    line-height: normal;
    -o-transition: max-height 0.5s ease;
    -ms-transition: max-height 0.5s ease;
    -moz-transition: max-height 0.5s ease;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
}

div.display .row.showing .content {
    max-height: 300px;
    background: #EEBEC4;
    padding: 30px 20px 20px 15px;
    overflow-y: auto;
    width: 100%;
    display: block;
}

    div.display .row.showing .content div {
        font-size: 12px;
        line-height: 20px;
    }

div.display .content .material-icons {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

div.display .row:not(:first-child):nth-child(2n) {
    background: #f4f4f4;
}

div.display .row:not(:first-child):hover {
    background: rgba(2, 165, 165, 0.15);
}

/* ********************************************** */
/* STYLES FOR GROWLS AND MESSAGES                 */
/* ********************************************** */

body .ui-growl.ui-widget > div.info {
    background: rgb(64,130,218);
    background: -moz-linear-gradient(top, rgba(64,130,218,1) 0%, rgba(64,150,238,1) 100%);
    background: -webkit-linear-gradient(top, rgba(64,130,218,1) 0%,rgba(64,150,238,1) 100%);
    background: linear-gradient(to bottom, rgba(64,130,218,1) 0%,rgba(64,150,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4082da', endColorstr='#4096ee',GradientType=0 );
}

body .ui-growl.ui-widget > div.warn {
    background: rgb(255,197,120);
    background: -moz-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%);
    background: linear-gradient(to bottom, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 );
}

body .ui-growl.ui-widget > div.error {
    background: #a90329;
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
    background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
}

body .ui-growl.ui-widget > div.fatal {
    background: rgb(69,72,77);
    background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
}

body .ui-growl.ui-widget {
    background: rgba(0,0,0,0);
}

    body .ui-growl.ui-widget > div {
        margin-bottom: 5px;
    }

        body .ui-growl.ui-widget > div.info .ui-growl-title {
            text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
        }

        body .ui-growl.ui-widget > div.warn .ui-growl-title {
            text-shadow: 0 0 1px rgba(201,107,35,1);
        }

        body .ui-growl.ui-widget > div.error .ui-growl-title {
            text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
        }

        body .ui-growl.ui-widget > div.fatal .ui-growl-title {
            text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
        }

    body .ui-growl.ui-widget .fa-times {
        cursor: pointer;
    }

    body .ui-growl.ui-widget .btn-primary,
    body .ui-growl.ui-widget .btn-primary:hover {
        background-color: #fff;
        border-color: #2e6da4;
        color: #fff;
        float: right;
        margin-top: 10px;
        padding: 0;
    }

/* ******** */
/* PICKLIST */
/* ******** */

.ui-picklist .ui-picklist-list-wrapper {
    border: 1px solid rgba(0,0,0,0.1);
    width: 45% !important;
}

.ui-picklist .ui-chkbox {
    float: none;
    margin: 0;
    padding: 5px 10px 0 0;
}

.ui-picklist .ui-picklist-list li {
    padding: 10px;
    margin: 0;
}

    .ui-picklist .ui-picklist-list li:nth-child(2n) {
        background: #f0f0f0;
    }

    .ui-picklist .ui-picklist-list li.ui-state-highlight {
        background: rgba(2, 165, 165, 0.25) !important;
        color: #333;
        border-color: transparent;
    }

.ui-picklist .ui-picklist-filter {
    padding-right: 36px;
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.05);
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f4f4f4;
    margin: 10px;
}

.ui-picklist .ui-button {
    background: #02a5a5;
    border: 0 none;
    height: 32px;
    width: 32px;
}

    .ui-picklist .ui-button .ui-button-icon-left {
        font-size: 21px;
        line-height: 32px;
        color: #fff;
        font-family: fontAweSome;
    }

    .ui-picklist .ui-button .ui-button-text {
        font-weight: normal;
        padding: 0;
        line-height: 1;
        margin: 0 5px;
        color: #fff;
    }

.ui-picklist .ui-picklist-filter-container .ui-icon {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 32px;
    height: 32px;
    text-indent: 0;
    font-family: fontAweSome;
    font-size: 21px;
    line-height: 32px;
    color: #ccc;
}

.ui-picklist .ui-icon-arrow-1-e::before {
    content: "\f105";
}

.ui-picklist .ui-icon-arrow-1-w::before {
    content: "\f104";
}

.ui-picklist .ui-icon-arrowstop-1-e::before {
    content: "\f101";
}

.ui-picklist .ui-icon-arrowstop-1-w::before {
    content: "\f100";
}

.ui-picklist .ui-icon-search::before {
    content: "\f002";
}

@media(max-width: 640px) {
    .ui-picklist .ui-icon-arrow-1-e::before {
        content: "\f107";
    }

    .ui-picklist .ui-icon-arrow-1-w::before {
        content: "\f106";
    }

    .ui-picklist .ui-icon-arrowstop-1-e::before {
        content: "\f103";
    }

    .ui-picklist .ui-icon-arrowstop-1-w::before {
        content: "\f102";
    }
}

.ui-selectlistbox-filter.ui-inputfield {
    width: 100%;
}

body .pick-list .ui-selectmanymenu {
    width: 100%;
    border: 1px solid #e8e8e8;
    padding: 5px;
    margin: 0 0 10px 0px;
    height: 250px;
    overflow: auto;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


/* MARK WATER */
.markwater {
    color: #fff;
    padding: 5px 5px 5px;
    position: fixed;
    right: -36px;
    text-align: center;
    text-transform: uppercase;
    top: 20px;
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 152px;
    height: 30px;
    display: none;
    z-index: 99999999;
}

    .markwater label {
        margin: 0;
        color: #fff;
        position: relative;
        top: 0px;
        left: 5px;
        font-size: 11px;
        width: 100%;
    }

    .markwater.preproduccion {
        background: #e69035;
        display: block;
        font-size: 11px;
    }

    .markwater.desarrollo {
        background: rgba(44, 83, 158, 1);
        display: block;
    }

    .markwater.training {
        background: #ffc107;
        display: block;
    }

    .markwater.local {
        background: red;
        display: block;
    }

    .markwater.local,
    .markwater.desarrollo,
    .markwater.preproduccion,
    .markwater.training {
        -o-box-shadow: 0 0 0px 1px rgba(0,0,0,0.33) inset, 0 -15px 24px 8px rgba(255,255,255,0.33) inset;
        -ms-box-shadow: 0 0 0px 1px rgba(0,0,0,0.33) inset, 0 -15px 24px 8px rgba(255,255,255,0.33) inset;
        -moz-box-shadow: 0 0 0px 1px rgba(0,0,0,0.33) inset, 0 -15px 24px 8px rgba(255,255,255,0.33) inset;
        -webkit-box-shadow: 0 0 0px 1px rgba(0,0,0,0.33) inset, 0 -15px 24px 8px rgba(255,255,255,0.33) inset;
        box-shadow: 0 0 0px 1px rgba(0,0,0,0.33) inset, 0 -15px 24px 8px rgba(255,255,255,0.33) inset;
    }

        .markwater.local + header.small nav,
        .markwater.desarrollo + header.small nav,
        .markwater.training + header.small nav,
        .markwater.preproduccion + header.small nav {
            text-transform: uppercase;
        }

/* RADIO BUTTONS */
.radio-group {
    margin-top: 0;
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
    min-height: 54px;
    width: 100%;
}

    .radio-group.transparent {
        background: rgba(0,0,0,0);
        border: 0 none;
        padding: 0 10px;
    }

    .radio-group.disabled {
        background: rgba(0, 0, 0, 0);
        border: 0 none;
    }

    .radio-group.focused {
        background: #02a5a5;
        color: #fff;
    }

.insideLabel .focused .radio-item label {
    color: #fff !important;
}

.radio-item {
    position: relative;
    height: 24px;
    width: auto;
    display: inline-block;
    margin: 15px 25px 0 0;
    top: 10px;
}
/*.radio-group input[type="radio"]                              { display: none; /*vertical-align: middle; z-index: 100; margin: 0; padding: 0; width: 20px; height: 20px; position: absolute; left: 0; top: -moz-calc(50% - 10px); top: -webkit-calc(50% - 10px); top: calc(50% - 10px); cursor: pointer; }*/
.radio-group input[type="radio"] {
    opacity: 0;
    position: absolute;
    height: 12px;
    width: 12px;
    left: 10px;
    top: 10px;
    padding: 0;
    margin: 0;
    z-index: 99999;
}

.radio-group circle {
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 5px;
    border: 1px solid #bbbbbb;
    opacity: 1;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.radio-group input[type="radio"]:focus ~ circle {
    border-color: #fff;
}

.radio-group input[type="radio"]:checked ~ circle:after {
    content: "";
    background: #02a5a5;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    left: 3px;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.radio-group input[type="radio"]:focus:checked ~ circle:after {
    content: "";
    background: #fff;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    left: 3px;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.radio-group .bullet {
    background: rgba(0,0,0,0.046);
    position: absolute;
    width: 12px;
    height: 12px;
    left: 10px;
    top: 8px;
    border: 0 none;
    opacity: 1;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.radio-group input[type="radio"]:focus ~ .bullet {
    border-color: #fff;
}

.radio-group input[type="radio"]:checked ~ .bullet:after {
    content: "";
    background: #02a5a5;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.radio-group input[type="radio"]:focus:checked ~ .bullet:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.radio-group.transparent.compress {
    padding: 0;
    min-height: inherit;
}

    .radio-group.transparent.compress .radio-item {
        margin: 0;
        top: 0;
    }

    .radio-group.transparent.compress label {
        color: #333;
        margin: 0px 0 0 15px;
        line-height: normal;
        padding: 0 10px 0 0;
    }

    .radio-group.transparent.compress .bullet {
        top: 5px;
        left: 0;
    }

.radio-group.single input[type="radio"] {
    left: 0;
    top: 5px;
}

.radio-group.single {
    background: rgba(0,0,0,0);
    padding: 0;
    min-height: inherit;
    border: 0 none;
}

    .radio-group.single .radio-item {
        padding: 0;
        margin: 0;
        top: 0;
        display: block;
    }

        .radio-group.single .radio-item .bullet {
            left: 0;
            top: 5px;
        }

.radio-group.focused:not(.transparent):not(.single) input[type="radio"]:checked ~ .bullet:after {
    background: #fff;
}

.insideLabel .radio-item label {
    left: 24px;
    top: 4px;
    position: relative;
    color: #000 !important;
    font-weight: 500 !important;
    float: right;
    width: 100%;
    font-size: 1rem;
}

/* CHECKBOXES */
.checkboxContainer {
    display: inline-block !important;
    background: #f4f4f4;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    width: 100%;
    height: 54px;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .checkboxContainer.transparent {
        background: rgba(0,0,0,0);
        border: 0 none;
        padding: 0 10px;
        height: 44px;
    }

    .checkboxContainer .checkbox {
        display: block;
        width: auto;
        margin: 5px 20px 0 0;
        position: relative;
        float: left;
    }

    .checkboxContainer.transparent .checkbox {
        margin-top: 0;
    }

.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox .checkOverflow {
    position: absolute;
    top: 15px;
    left: 10px;
    height: 18px;
    width: 18px;
    background-color: #ffffff;
    border: 1px solid #bbbbbb;
}

.checkbox:hover input ~ .checkOverflow {
    background-color: #ffffff;
    border: 1px solid #02A5A5;
}

.checkbox input:checked ~ .checkOverflow {
    background-color: #ffffff;
}

.checkOverflow:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox input:checked ~ .checkOverflow:after {
    display: block;
}

.checkbox .checkOverflow:after {
    overflow: visible;
    content: "";
    left: 9px;
    top: -6px;
    width: 8px;
    height: 20px;
    border: solid #02a5a5;
    border-width: 0 3px 3px 0;
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkbox + label {
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    float: right;
    color: #000;
    font-weight: normal;
    padding-left: 10px;
}

    .checkbox + label a {
        text-decoration: none !important;
    }

.insideLabel .checkbox label {
    color: #000 !important;
    font-size: 1rem;
    font-weight: 500 !important;
    top: -1px;
    padding: 15px 0 0 32px;
    left: 5px;
    z-index: 10;
    width: auto !important;
    position: relative;
}

.checkbox .checkmark {
    position: absolute;
    top: 18px;
    left: 10px;
    height: 12px;
    width: 12px;
    background-color: #f4f4f4;
    border: 0 none;
}

.checkbox input:checked ~ .checkmark:after {
    display: block;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    background: #02a5a5;
    padding: 0;
}

.disabled .checkbox {
    opacity: 0.6;
    cursor: not-allowed !important;
}

    .disabled .checkbox > * {
        cursor: not-allowed;
    }

    .disabled .checkbox .checkmark {
        border-color: #999 !important;
    }

.checkboxList {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.1);
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
}

    .checkboxList label {
        padding: 0;
        margin: 0;
        position: relative;
        white-space: normal;
        left: 0;
        top: 5px;
    }

    .checkboxList > .checkboxList-container {
        background: #ffffff;
        height: auto;
        margin-top: 8px;
        position: relative;
        border: 0 none;
        border-top: 1px solid rgba(0,0,0,0.15);
        padding-left: 0;
        padding-right: 0px;
    }

.checkboxList-sIcon.fa-sort-desc,
.checkboxList-sIcon.fa-sort-asc,
.checkboxList-sIcon.fa-unsort {
    display: inline-block;
    font-size: 15px;
    color: #02a5a5;
    cursor: pointer;
    position: relative;
    left: 5px;
    top: 1px;
    cursor: pointer;
}

    .checkboxList-sIcon.fa-unsort::before {
        content: "\f0de";
    }

    .checkboxList-sIcon.fa-unsort::after {
        content: "\f0dd";
        left: 0;
        top: 0;
        position: absolute;
    }

.checkboxList-item {
    width: 100%;
    display: table;
}
/*.checkboxList-item .checkbox                { margin-top: 0px; }*/
.checkboxList .checkbox label {
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
}

.checkboxList .checkbox .checkmark {
    top: 3px;
    left: 0;
}

/* Autocomplete */
.autocomplete-items {
    position: absolute;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    z-index: 99;
    top: 100%;
    left: 15px;
    right: 0;
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    max-height: 210px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .autocomplete-items div.value {
        line-height: normal;
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 0px solid #d4d4d4;
        text-transform: capitalize;
    }

        .autocomplete-items div.value:hover,
        .autocomplete-active {
            background-color: #02a5a5 !important;
            color: #ffffff;
        }

    .autocomplete-items .header {
        background: #fff;
        border-bottom: 1px solid #bfbfbf;
        width: 100%;
        line-height: 28px;
        padding: 0 10px;
        pointer-events: none;
    }

        .autocomplete-items .header span,
        .autocomplete-items .value span {
            width: 100%;
            display: inline-block;
            vertical-align: top;
        }

        .autocomplete-items .header span {
            display: table-cell;
            height: auto;
            min-height: 32px;
            padding: 5px 0;
            line-height: normal;
            color: #000;
            font-size: 13px;
            font-weight: 600;
            text-transform: uppercase;
        }

    .autocomplete-items.table .header {
        display: table;
    }

    .autocomplete-items.cluster .header {
        border-bottom: 0 none;
        margin-top: 15px;
        text-transform: uppercase;
        font-size: 0.85rem;
        font-weight: 600;
    }

        .autocomplete-items.cluster .header span {
            color: #bbb;
        }

.autocomplete + .fa,
input + .fa-search {
    position: absolute;
    right: 5px;
    top: 7px;
    font-size: 18px;
    color: #d0d0d0;
}

.insideLabel .autocomplete + .fa,
.insideLabel input + .fa-search {
    right: 25px;
    top: 18px;
}

.withButton {
    width: -moz-calc(100% - 36px);
    width: -webkit-calc(100% - 36px);
    width: calc(100% - 36px);
    position: relative;
    float: left;
}

    .withButton ~ button {
        width: 36px;
        padding: 0;
        height: 32px;
        line-height: 28px;
        float: right;
        border: 0 none;
    }

        .withButton ~ button.cleanGreen {
            background: rgba(0,0,0,0);
            height: auto;
            line-height: 24px;
            color: #02a5a5;
            font-size: 19px;
        }

/* Button Expand + Layer */
.expand-btn {
    cursor: pointer;
    float: right;
    color: #F5A623;
}

    .expand-btn .fa {
        font-size: 21px;
    }

.expand-layer {
    height: auto;
    /*max-height: 1000px;*/
    -o-transition: max-height 0.5s ease;
    -ms-transition: max-height 0.5s ease;
    -moz-transition: max-height 0.5s ease;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
}

body .expand-layer .row:first-child {
    margin-top: 0;
    margin-bottom: 0;
}

.expand-layer.collapsed {
    max-height: 0;
    overflow: hidden;
}

/* Header controls */
.controls {
    font-size: 15px;
}

    .controls label,
    .controls span,
    .controls i,
    .controls a {
        line-height: normal;
        position: relative;
        top: 2px;
        font-size: 15px;
    }

    .controls button {
        height: auto;
        padding: 2px 15px;
        line-height: normal;
    }

    .controls a {
        color: #02a5a5;
        font-weight: 600;
    }

/* DataTables */
.dataTables_wrapper table.dataTable tbody tr th,
.dataTables_wrapper table.dataTable tbody tr td,
.dataTables_wrapper table.display tbody tr:first-child th,
.dataTables_wrapper table.display tbody tr:first-child td {
    padding: 10px 5px;
    line-height: normal;
    height: auto;
    background: rgba(0,0,0,0) !important;
}

.dataTables_wrapper table.display tbody tr td button {
    background: rgba(0,0,0,0);
    color: #02a5a5;
    border: 0 none;
    width: 32px;
    padding: 0;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.dataTables_wrapper input[type="search"] {
    height: auto;
    line-height: 24px;
    width: -moz-calc(100% - 64px);
    width: -webkit-calc(100% - 64px);
    width: calc(100% - 64px);
}

.dataTables_wrapper select {
    display: inline-block;
    width: auto;
    line-height: 24px;
    height: 24px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #02A5A5;
    color: #fff !important;
    border: 0 none;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.dataTables_wrapper div.dt-buttons {
    padding-left: 5px;
}

    .dataTables_wrapper div.dt-buttons:before {
        content: attr(data-export-label);
    }

    .dataTables_wrapper div.dt-buttons button.dt-button.buttons-html5 {
        background: #fff;
        color: #F5A727;
        border: 0 none;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        text-shadow: none;
        font-weight: 500;
    }

.dataTables_wrapper .expand-row {
    display: none;
    padding: 0;
}

    .dataTables_wrapper .expand-row .row,
    .dataTables_wrapper .expand-row .row > div,
    .dataTables_wrapper .expand-row label,
    .dataTables_wrapper .expand-row span {
        line-height: normal;
        padding: 0;
        margin: 0px;
    }

.dataTables_wrapper tr td i.fa {
    text-align: left;
    margin: 0 5px 0 0;
    display: inline-block;
    width: auto;
}

.dataTables_wrapper tr td i.fa-ellipsis-v {
    margin: 0 0 0 8px;
}

.dataTables_wrapper tr td i.fa-warning {
    color: #c3414e;
}

.dataTables_wrapper tr td i.fa.times {
    color: #ce2000;
}

.dataTables_wrapper tr.details,
.dataTables_wrapper tr.details td {
    padding: 0;
    border: 0 none !important;
}

    .dataTables_wrapper tr.details td > div {
        height: auto;
        max-height: 0;
        overflow: hidden;
        -o-transition: max-height 0.25s ease;
        -ms-transition: max-height 0.25s ease;
        -moz-transition: max-height 0.25s ease;
        -webkit-transition: max-height 0.25s ease;
        transition: max-height 0.25s ease;
    }

    .dataTables_wrapper tr.details.expanded td > div {
        max-height: 1000px;
    }

.dataTables_wrapper .dataTables_filter input[type=search] {
    width: calc(100% - 64px);
    display: inline-block;
    margin-left: 5px;
}

.dataTables_wrapper .dataTables_filter button + input[type=search] {
    width: calc(100% - 136px);
}

.dataTables_wrapper .dataTables_filter button {
    height: 32px;
    margin-left: 5px;
    width: 64px;
    padding: 0;
    float: right !important;
}

@media (min-width: 768px) {
    .dataTables_wrapper table.display tbody tr:hover td,
    .dataTables_wrapper table.display tbody tr:hover td button,
    .dataTables_wrapper table.display tbody tr:hover td button .fa,
    .dataTables_wrapper table.display tbody tr:hover td > a,
    .dataTables_wrapper table.display tbody tr:hover td > a .fa,
    .dataTables_wrapper table.display tbody tr:hover td label,
    .dataTables_wrapper table.display tbody tr:hover > .sorting_1,
    .dataTables_wrapper table.display.hover tbody tr:hover > .sorting_1 {
        color: #fff;
    }
}


/* Switchs */
.switch {
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 );
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -o-box-shadow: 0 -1px white inset, 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    -ms-box-shadow: 0 -1px white inset, 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0 -1px white inset, 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    -webkit-box-shadow: 0 -1px white inset, 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 -1px white inset, 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    padding: 3px;
    position: relative;
    vertical-align: top;
    width: 200px;
    max-width: 86px;
    margin: 0;
    top: 0;
}

.switch-input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    height: 20px !important;
}

.switch-label {
    color: #000;
    font-size: 12px;
    background: #eceeef none repeat scroll 0 0;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset, 0 0 2px rgba(0, 0, 0, 0.15) inset;
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset, 0 0 2px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset, 0 0 2px rgba(0, 0, 0, 0.15) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset, 0 0 2px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset, 0 0 2px rgba(0, 0, 0, 0.15) inset;
    display: block;
    font-size: 10px;
    height: inherit;
    position: relative;
    text-transform: uppercase;
    -o-transition: all 0.15s ease-out 0s;
    -ms-transition: all 0.15s ease-out 0s;
    -moz-transition: all 0.15s ease-out 0s;
    -webkit-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

    .switch-label::before,
    .switch-label::after {
        font-size: 12px;
        line-height: 1;
        margin-top: -0.5em;
        position: absolute;
        top: 50%;
        -o-transition: inherit;
        -ms-transition: inherit;
        -moz-transition: inherit;
        -webkit-transition: inherit;
        transition: inherit;
    }

    .switch-label::before {
        color: ##4f4c4d;
        content: attr(data-off);
        right: 7px;
        text-shadow: 0 1px rgba(255, 255, 255, 0.2);
    }

    .switch-label::after {
        color: ##4f4c4d;
        content: attr(data-on);
        left: 7px;
        opacity: 0;
        text-shadow: 0 1px rgba(255, 255, 255, 0.2);
    }

.switch-input ~ .switch-label {
    background: #eaecee;
    background: -moz-linear-gradient(top, #eaecee 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #eaecee 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #eaecee 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaecee', endColorstr='#ffffff',GradientType=0 );
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    border-radius: 5px;
}

.switch-input:checked ~ .switch-label::before {
    opacity: 0;
}

.switch-input:checked ~ .switch-label::after {
    opacity: 1;
}

.switch-handle {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
    -o-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    height: 22px;
    left: 4px;
    position: absolute;
    top: 4px;
    -o-transition: left 0.15s ease-out 0s;
    -ms-transition: left 0.15s ease-out 0s;
    -moz-transition: left 0.15s ease-out 0s;
    -webkit-transition: left 0.15s ease-out 0s;
    transition: left 0.15s ease-out 0s;
    width: 50%;
    border-radius: 5px;
}

    .switch-handle::before {
        background: rgb(238,238,238);
        background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
        -o-border-radius: 6px;
        -ms-border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -o-box-shadow: 0 1px rgba(0, 0, 0, 0.02) inset;
        -ms-box-shadow: 0 1px rgba(0, 0, 0, 0.02) inset;
        -moz-box-shadow: 0 1px rgba(0, 0, 0, 0.02) inset;
        -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.02) inset;
        box-shadow: 0 1px rgba(0, 0, 0, 0.02) inset;
        content: "";
        height: 12px;
        left: 50%;
        margin: -6px 0 0 -6px;
        position: absolute;
        top: 50%;
        width: 12px;
    }

.switch-input:checked ~ .switch-handle {
    -o-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    left: calc(50% - 5px);
}

.switch ~ button {
    position: relative;
    top: 3px;
}

.flipswitch {
    position: relative;
    width: 128px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

    .flipswitch input[type=checkbox] {
        display: none;
    }

.flipswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 0px solid #296AA6;
    border-radius: 15px;
}

.flipswitch-inner {
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin 0.3s ease-in 0s;
    -moz-transition: margin 0.3s ease-in 0s;
    -ms-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

    .flipswitch-inner:before, .flipswitch-inner:after {
        float: left;
        width: 50%;
        height: 32px;
        padding: 0;
        line-height: 32px;
        font-size: 16px;
        color: white;
        font-weight: bold;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .flipswitch-inner:before {
        content: "MUJER";
        padding-left: 10px;
        background-color: #397AB6;
        color: #FFFFFF;
    }

    .flipswitch-inner:after {
        content: "HOMBRE";
        padding-right: 10px;
        background-color: #397AB6;
        color: #FFFFFF;
        text-align: right;
    }

.flipswitch-switch {
    width: 16px;
    margin: 8px;
    background: #FFFFFF;
    border: 0px solid #296AA6;
    border-radius: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 94px;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.flipswitch-cb:checked + .flipswitch-label .flipswitch-inner {
    margin-left: 0;
}

.flipswitch-cb:checked + .flipswitch-label .flipswitch-switch {
    right: 0;
}

.form-group {
    margin-bottom: 5px;
}

    .form-group .form-control,
    .form-control {
        font-size: 14px;
        color: #000;
        font-weight: normal;
        height: 24px;
        line-height: 24px;
        padding: 0 12px;
    }

    .form-group small {
        color: #599ad6;
        font-size: 0.9em;
    }

    .form-group .input-group-addon {
        background: #eaecee;
        background: -moz-linear-gradient(top, #eaecee 0%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #eaecee 0%,#ffffff 100%);
        background: linear-gradient(to bottom, #eaecee 0%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaecee', endColorstr='#ffffff',GradientType=0 );
        min-width: 32px;
        position: relative;
    }

    .form-group .input-group.date .fa-calendar::before {
        color: #4f4c4d;
        font-size: 21px;
        left: 0;
        position: absolute;
        text-align: center;
        top: 5px;
        width: 100%;
    }

    .form-group .input-group.time .fa-clock-o::before {
        color: #4f4c4d;
        font-size: 23px;
        left: 0;
        position: absolute;
        text-align: center;
        top: 4px;
        width: 100%;
    }

    .form-group .form-control[disabled] {
        background: rgba(0,0,0,0);
        border: 0 none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }

    .form-group .btn-group.bootstrap-select .btn {
        border-color: #d0d0d0;
        color: #4f4c4d;
    }

    .form-group .inline-block {
        width: auto;
        display: inline-block;
        position: relative;
        top: -1px;
        text-transform: capitalize;
    }

    .form-group.inputButton label {
        display: block;
    }

    .form-group.inputButton input,
    .form-group.inputButton input[disabled] {
        cursor: default;
        width: calc(100% - 186px);
        width: -moz-calc(100% - 186px);
        width: -webkit-calc(100% - 186px);
        display: inline-block;
    }

    .form-group.inputButton button.action {
        margin: 0px;
        width: 186px;
        height: 35px;
    }

        .form-group.inputButton button.action i {
            position: relative;
            top: -1px;
            left: 3px;
        }

        .form-group.inputButton button.action span {
            position: relative;
            top: -2px;
        }

.input-group .form-control {
    z-index: initial;
}

.input-group input[type="search"] {
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
}

    .input-group input[type="search"]:focus {
        background: #ffffff;
        color: #222;
    }

.form-control:focus,
.btn.secondary:focus {
    background: rgba(239, 125, 0, 0.15);
}

.form-control:focus,
.btn.secondary:focus,
input:focus + button.btn {
    border-color: #fff;
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 0 2px rgba(167, 2, 13, 0.6);
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 0 2px rgba(167, 2, 13, 0.6);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 0 2px rgba(167, 2, 13, 0.6);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 0 2px rgba(167, 2, 13, 0.6);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 0 2px rgba(167, 2, 13, 0.6);
}

/* Editable List */
ul.editable-list {
    padding-top: 32px;
    list-style: none;
}

    ul.editable-list li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        padding: 5px 0;
        margin: 5px 0;
        min-height: 32px;
    }

        ul.editable-list li[contenteditable="true"] {
            background: #f4f4f4;
            padding: 5px;
            border: 1px solid rgba(0, 0, 0, 0.1);
        }

        ul.editable-list li.add {
            display: none;
            background: transparent;
            border: 0 none;
            float: right;
            margin-top: -28px;
            padding: 0;
        }

            ul.editable-list li.add[contenteditable="true"] {
                display: block;
            }

            ul.editable-list li.add button {
                padding: 0;
                height: 24px;
                margin: 0;
                line-height: normal;
            }

                ul.editable-list li.add button i {
                    padding: 0;
                    height: 24px;
                    line-height: 24px;
                }

/* Readable List */
ul.readable-list {
    padding: 10px 0 0 0px;
    list-style: none;
}

    ul.readable-list li {
        padding: 0;
        margin: 0;
    }

/* Readable Icon List */
ul.readableIcon-list {
    padding: 32px 0 0 10px;
    list-style: none;
}

    ul.readableIcon-list li {
        padding: 5px 0;
        margin: 5px 0;
        min-height: 32px;
        color: #9b9b9b;
        font-weight: 400;
    }

        ul.readableIcon-list li button {
            background: rgba(0,0,0,0);
            border: 0 none;
            color: #02a5a5;
            float: right;
        }

ul.woStyle {
    list-style: none;
    padding: 0;
}

    ul.woStyle li {
        margin-bottom: 5px;
        position: relative;
        display: table;
        width: 100%;
    }


/* Collapsed Summary */
.collapsed-summary .item {
    display: inline-block;
    margin-right: 10px;
}

    .collapsed-summary .item:not(:last-child)::after {
        content: ".";
    }

    .collapsed-summary .item label {
        color: #00605d;
        font-weight: 400;
    }

    .collapsed-summary .item span {
        color: #000;
        font-weight: 500;
    }

/* Collapsed Mode */
.collapsed-mode {
    transition: all 0.2s ease;
}

.expanded-mode {
    transition: all 0.2s ease;
}
/*.collapsed-mode h2                                          { position: relative; top: 0; line-height: normal; left: 0; width: 100%; color: #02A5A5; background: #fff; padding: 0; border-radius: 5px; font-size: 1rem; height: auto; min-height: 36px; margin: 0; }*/
.collapsed-mode h2.tagMode::after {
    content: attr("data-name");
    background: #02a5a5;
    position: absolute;
    top: -11px;
    left: 0;
    padding: 10px;
    border-radius: 0px 0px 5px 5px;
}

.collapsed-mode h5 {
    color: #bbb;
    margin: 0;
}

.collapsed-mode .switch ~ button {
    position: relative;
    top: 13px;
}

.collapsed-mode .row .switch {
    position: relative;
    left: 0;
    top: 10px;
}

.collapsed-mode > .row:nth-of-type(n+2):not(:last-child) {
    display: none;
}

.collapsed-mode table tbody tr:nth-child(n+2) {
    display: none;
}

.Material {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    /*padding: 9px;*/
    padding: 16px 24px;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
}

/* Expanded Mode */
/*.expanded-mode table tbody tr:nth-child(n+4)                { display: none; }*/

/* Buttons */
/*.btn-group button.btn.active:not(.nav-item):not([rel]), 
.btn-group button.btn:active:not(.nav-item):not([rel]) {
    color: #fff;
    background: #000;
    text-shadow: none;
    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%);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    border: 0 none;
}
.btn-group button.btn.active:not(.nav-item):not([rel])::after, 
.btn-group button.btn:active:not(.nav-item):not([rel])::after { border: 0 none; }*/

/* Links */
a.link {
    font-size: 1.1rem;
    font-weight: 500;
    color: #02a5a5;
    text-align: right;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

    a.link:hover, a.link:focus,
    a.link:active {
        text-decoration: none;
    }

button.expanded-button {
    background: transparent;
    border: 0 none;
}

    button.expanded-button[data-status="collapsed"]::before,
    button.expanded-button[data-status="expanded"]::before {
        content: attr(data-collapsed);
        display: block;
        width: 100%;
        position: relative;
        line-height: 32px;
        height: 30px;
    }

    button.expanded-button[data-status="expanded"]::before {
        content: attr(data-expanded);
    }

/* Dropdwons */
.open > .dropdown-menu::before {
    /*content: "";*/
    border-width: 6px 6px 6px 6px;
    border-color: transparent transparent rgba(0,0,0,.30) transparent;
    border-style: solid;
    position: absolute;
    top: -12px;
    right: 9px;
}

.open > .dropdown-menu::after {
    /*content: "";*/
    border-width: 5px 5px 5px 5px;
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    position: absolute;
    top: -10px;
    right: 10px;
}

.open > .dropdown-menu {
    display: block;
    right: auto;
    left: 0;
    top: 52px;
    padding: 0;
    -o-box-shadow: 0 1px 5px rgba(0,0,0,.175);
    -ms-box-shadow: 0 1px 5px rgba(0,0,0,.175);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.175);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.175);
    box-shadow: 0 1px 5px rgba(0,0,0,.175);
}

    .open > .dropdown-menu > li > a {
        display: block;
        padding: 0px 20px;
        clear: both;
        font-weight: 400;
        line-height: 40px;
        height: 40px;
        color: #000;
        white-space: nowrap;
        border-bottom: 1px solid rgba(0,0,0,0.15);
    }

    .open > .dropdown-menu > li:last-child > a {
        border: 0 none;
    }

header .open > .dropdown-menu {
    top: 64px;
    right: 0;
    left: auto;
}

table tr .open > .dropdown-menu {
    right: -4px;
    left: auto;
    top: 18px;
}

@media(max-width: 1023px) {
    header .open > .dropdown-menu {
        top: 50px;
        left: 0;
        right: auto;
    }
}


/* Ranges cgcof */
input[type=range].circle-range {
    padding: 0;
    -o-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    margin: 9.5px 0;
    height: 5px;
    border: 0 none;
    line-height: normal;
}

    input[type=range].circle-range:focus {
        outline: none;
    }

    input[type=range].circle-range::-webkit-slider-runnable-track {
        width: 100%;
        height: 5px;
        cursor: pointer;
        box-shadow: 2px 2px 0px rgba(0, 0, 0, 0), 0px 0px 2px rgba(13, 13, 13, 0);
        background: #f4f4f4;
        border-radius: 0px;
        border: 0px solid rgba(0, 0, 0, 0);
    }

    input[type=range].circle-range::-webkit-slider-thumb {
        border: 5px solid #02a5a5;
        height: 24px;
        width: 24px;
        border-radius: 24px;
        background: #fefefe;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -9.5px;
    }

    input[type=range].circle-range:focus::-webkit-slider-runnable-track {
        background: #02a5a5;
    }

    input[type=range].circle-range::-moz-range-track {
        width: 100%;
        height: 5px;
        cursor: pointer;
        background: #f4f4f4;
        border-radius: 0px;
        border: 0px solid rgba(0, 0, 0, 0);
    }

    input[type=range].circle-range::-moz-range-thumb {
        border: 5px solid #02a5a5;
        height: 16px;
        width: 16px;
        border-radius: 24px;
        background: #fefefe;
        cursor: pointer;
        z-index: 2;
    }

    input[type=range].circle-range:focus::-moz-range-track {
        background: #02a5a5;
    }

    input[type=range].circle-range::-moz-focus-outer {
        border: 0 none;
    }

    input[type=range].circle-range::-ms-track {
        width: 100%;
        height: 5px;
        cursor: pointer;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }

    input[type=range].circle-range::-ms-fill-lower {
        background: #f4f4f4;
        border: 0px solid rgba(0, 0, 0, 0);
        border-radius: 0px;
    }

    input[type=range].circle-range::-ms-fill-upper {
        background: #f4f4f4;
        border: 0px solid rgba(0, 0, 0, 0);
        border-radius: 0px;
    }

    input[type=range].circle-range::-ms-thumb {
        border: 5px solid #02a5a5;
        height: 14px;
        width: 14px;
        border-radius: 14px;
        background: #fff;
        cursor: pointer;
    }

    input[type=range].circle-range:focus::-ms-track {
        background: #fff;
    }

    input[type=range].circle-range:focus::-ms-fill-lower {
        background: #02a5a5;
    }

    input[type=range].circle-range:focus::-ms-fill-upper {
        background: #02a5a5;
    }

.slider-complex {
    padding-top: 64px;
}

    .slider-complex span.range-metrics {
        width: 100%;
        display: block;
        position: relative;
    }

        .slider-complex span.range-metrics span {
            position: absolute;
            top: 0;
        }

        .slider-complex span.range-metrics::before {
            content: attr(data-low-label);
            position: absolute;
            top: -100px;
            left: 0;
            width: 128px;
            text-align: left;
        }

        .slider-complex span.range-metrics::after {
            content: attr(data-high-label);
            position: absolute;
            top: -100px;
            right: 0;
            width: 128px;
            text-align: right;
        }

    .slider-complex span.range-value {
        display: block;
        line-height: 30px;
        height: 30px;
        width: 30px;
        position: relative;
        top: -5px;
        left: calc(50% - 12px);
        border: 1px solid #f4f4f4;
        text-align: center;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        z-index: 1;
        background: #fff;
    }

        .slider-complex span.range-value:empty {
            visibility: hidden;
        }

        .slider-complex span.range-value::before {
            content: "";
            border-width: 6px 6px 6px 6px;
            border-color: #e4e4e4 transparent transparent transparent;
            border-style: solid;
            position: absolute;
            top: 28px;
            right: 9px;
        }

        .slider-complex span.range-value::after {
            content: "";
            border-width: 5px 5px 5px 5px;
            border-color: #fff transparent transparent transparent;
            border-style: solid;
            position: absolute;
            top: 28px;
            right: 10px;
        }

.bordered {
    border-top: 1px solid rgba(0,0,0,0.15);
    line-height: 36px;
    padding: 5px 15px;
}

    .bordered .center {
        text-align: center;
    }

    .bordered:last-child {
        border-bottom: 1px solid rgba(0,0,0,0.15);
        line-height: normal;
    }

    .bordered .row [class*="col-"] {
        margin-top: 0;
    }

    .bordered h5 {
        display: inline-block;
        margin: 0 auto;
        width: auto;
        color: #000;
        font-size: 0.85rem;
        text-transform: uppercase;
        padding: 0 5px;
    }

.panel .row [class*="col-"] {
    margin-top: 0;
}

.panel .bootstrap-select.btn-group,
.panel .bootstrap-select.btn-group[class*=span] {
    margin-bottom: 0;
    width: 100%;
}

.panel > .panel-heading {
    padding: 10px 10px 5px;
}

.panel .insideLabel div:not(.inherit) button.selectpicker {
    height: 24px;
    padding-top: 0;
    background: #fff;
}

.panel .insideLabel div:not(.inherit).bootstrap-select.btn-group .btn .filter-option {
    height: 22px;
    top: 0;
    line-height: 24px;
}

.panel .insideLabel div:not(.inherit).bootstrap-select.btn-group .btn .caret {
    top: 10px;
}

.panel .open:not(.inherit).open > .dropdown-menu {
    top: 20px;
    left: 0;
    max-height: 115px !important;
    height: auto;
    width: 100% !important;
    min-height: auto !important;
}

.panel .open:not(.inherit).open.dropup > .dropdown-menu {
    top: inherit;
    right: inherit;
    left: inherit;
    bottom: 20px;
}

.panel .open:not(.inherit).open > .dropdown-menu > li > a {
    white-space: normal;
    height: auto;
    line-height: normal;
    padding: 5px;
    text-align: left;
}

.panel span[data-toggle] {
    color: #02a5a5;
}

    .panel span[data-toggle] i {
        font-size: 18px;
    }

.panel-heading div[class*="col-"] > *:not(.insideLabel) {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}


.triBox {
    width: 100%;
    display: table;
    padding: 8px 0 5px 0;
    line-height: 20px;
}

    .triBox .box {
        float: left;
        width: calc((100% - 325px) / 2);
        line-height: normal;
        margin: 0;
        padding: 0 10px;
        position: relative;
    }

        .triBox .box.highlight:before {
            content: "";
            box-shadow: 0 0 0 1px #f39200;
            width: calc(100% - 20px);
            height: calc(100% + 10px);
            display: block;
            position: absolute;
            top: -6px;
            left: 10px;
        }

        .triBox .box:nth-child(2) {
            width: 325px;
        }

.panel-heading .triBox .box > * {
    line-height: 22px;
}

.simetric-items-first {
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.simetric-items-first {
    overflow: inherit !important;
    line-height: normal;
}

    .simetric-items-first > :first-of-type {
        width: 64px !important;
        padding: 0 !important;
        text-align: left;
    }

    .simetric-items-first > h5:first-of-type {
        padding-left: 10px !important;
    }

    .simetric-items-first > * {
        width: 32px !important;
        display: inline-block;
        padding: 0 !important;
        text-align: center;
    }

.columns-switch {
    width: 100%;
    background: #f4f4f4;
    border: 1px solid rgba(0,0,0,0.15);
    padding: 10px;
    margin: 0;
    display: table;
    height: auto;
}

    .columns-switch .options {
        width: 100%;
        display: inline-block;
    }

    .columns-switch hr {
        border-color: #b6b6b6;
        margin: 10px 0 15px 0;
    }

    .columns-switch span {
        width: 33.333336%;
        padding: 5px;
        display: block;
        float: left;
        color: #9b9b9b;
        cursor: pointer;
    }

        .columns-switch span.active {
            font-weight: 600;
            padding: 5px !important;
        }

    .columns-switch .container-fluid {
        display: table;
    }

    .columns-switch .item {
        text-align: justify;
        padding: 5px 10px;
        display: block;
        float: left;
        max-height: 209px;
        overflow: auto;
    }

        .columns-switch .item h5 {
            text-align: left;
            color: #000;
            padding-bottom: 15px;
            font-size: 14px;
            line-height: 24px;
            text-transform: uppercase;
        }

        .columns-switch .item::-webkit-scrollbar-track {
            background-color: rgba(255,255,255,0.5);
        }

        .columns-switch .item::-webkit-scrollbar {
            width: 5px;
            background-color: #f8f8f8;
            border: 1px solid rgba(0,0,0,0.05)
        }

        .columns-switch .item::-webkit-scrollbar-thumb {
            background-color: #9b9b99;
        }

.fa.fa-times-circle {
    color: #D05564;
    font-size: 21px;
}

.fa.fa-check-circle {
    color: #48AE64;
    font-size: 21px;
}

.fa.fa-warning {
    color: #D05564;
    font-size: 21px;
}

/* inputs type file*/
.input-file {
    position: relative;
    width: 100%;
}

    .input-file .trigger {
        display: block;
        padding: 9px 0px 4px 8px;
        position: absolute;
        top: 0;
        left: 0;
        width: 75%;
        background: #f4f4f4;
        text-align: left;
        color: #000;
        font-size: 1em;
        transition: all .4s;
        cursor: pointer;
        border: 1px solid rgba(0,0,0,0.1);
        max-height: 54px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .input-file input {
        width: 100% !important;
        height: 54px !important;
        opacity: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        cursor: pointer;
    }

        .input-file input:hover + .trigger,
        .input-file input:focus + .trigger,
        .input-file .trigger:hover,
        .input-file .trigger:focus {
            border: 1px solid rgba(0,0,0,0.31);
        }


/******************/
/*      FOOTER    */
/******************/
.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    height: auto;
    margin-top: 10px;
    padding: 10px 5px 0;
    width: 100%;
    color: #fff;
    background-color: #02a5a5;
    border-top: 1px solid rgba(0,0,0,0.2);
    text-align: center;
    z-index: 10
}

    .footer p {
        color: rgba(255,255,255,0.5);
    }

    .footer a {
        color: #fff;
    }

    .footer p, .footer a {
        display: inline-block;
        width: auto;
        text-align: center;
        padding: 0 15px;
        border-right: 2px solid #fff;
    }

        .footer p:last-child,
        .footer a:last-child {
            border: 0 none;
        }

    .footer .row [class*="col-"] {
        margin: 0;
    }

    .footer a:hover,
    .footer a:active,
    .footer a:focus {
        color: #fff;
    }

    .footer.whiting {
        color: #02a5a5;
        background-color: #fff;
    }

        .footer.whiting a {
            color: #02a5a5;
        }

        .footer.whiting p {
            color: #000;
        }

        .footer.whiting p,
        .footer.whiting a {
            border-color: #02a5a5;
        }

            .footer.whiting a:hover,
            .footer.whiting a:active,
            .footer.whiting a:focus {
                color: #02a5a5;
            }

/****************/
/*DEVELOPERS CSS*/
/****************/
.bot-plus-img {
    cursor: pointer;
    padding: 0px 3px;
}

.content-warning {
    width: 100%;
    height: 30px;
    background-color: rgba(255,246,136,0.5);
    text-align: center;
    position: relative;
    border: solid 1px 1px 1px 1px;
    border-bottom: solid 2px;
    border-left: solid 2px;
    border-right: solid 2px;
    border-color: #FFEC39;
}

.form-warning {
    font-size: 0.9rem;
    top: 5px;
    position: relative;
    color: rgb(0, 0, 0, 0.6);
}

.disabled-li {
    pointer-events: none;
    opacity: 0.6
}

.panel .list-group label {
    width: auto;
    padding: 0;
    color: #02A5A5 !important;
    font-weight: 600 !important;
}

.panel table[id$="protocolTable"] td {
    padding: 5px 15px;
    width: 50%;
}


.report-section {
    background: #fff;
    padding: 15px;
    min-height: 240px;
}

.report-body {
    min-height: 150px;
}

.marks-group {
    padding: 0;
}

    .marks-group .btn-group .btn {
        height: 30px;
        font-size: 1rem;
        margin-top: 3px;
        margin-left: 3px;
        width: 229px;
    }

        .marks-group .btn-group .btn:hover {
            background: #02A5A5;
            color: #fff;
            overflow: hidden;
            cursor: pointer;
            position: relative;
            border: 1px solid rgba(0,0,0,0.05);
            text-shadow: none;
            -o-border-radius: 0px;
            -ms-border-radius: 0px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            border-radius: 0px;
        }

        .marks-group .btn-group .btn:focus {
            background: #02A5A5;
            color: #fff;
            overflow: hidden;
            cursor: pointer;
            position: relative;
            border: 1px solid rgba(0,0,0,0.05);
            text-shadow: none;
            -o-border-radius: 0px;
            -ms-border-radius: 0px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            border-radius: 0px;
        }

button.dashboard-top {
    height: 25px;
    padding: 0px 15px
}

button.dashboard.dashboard-top {
    height: 25px;
    padding: 0px 15px
}

.bullet, .checkmark {
    border: 2px solid #02A5A5 !important;
}

.highlight-l-r {
    border-left: 2px solid;
    border-right: 2px solid;
    padding: 0;
    margin: 0;
    border-color: #f39200;
}


.edit-patient {
    cursor: pointer
}

.tabs-wrapper {
    border: 1px solid #e0e0e0;
}

    .tabs-wrapper .tabs {
        list-style: none;
        border-top: 4px solid #02a5a5;
        width: 100%;
        display: block;
        padding-left: 64px;
        position: relative;
    }

        .tabs-wrapper .tabs::after {
            content: attr(data-title);
            color: #000;
            font-weight: 500;
            position: absolute;
            left: 10px;
            top: 0;
            margin-top: 10px;
        }

        .tabs-wrapper .tabs li {
            background: #fff;
            display: inline-block;
            padding: 5px;
            margin: 0;
        }

            .tabs-wrapper .tabs li a {
                display: block;
                width: 100%;
                height: auto;
                margin: 0;
                padding: 0;
                color: #000;
                font-weight: 300;
            }

            .tabs-wrapper .tabs li.active {
                background: #02a5a5;
                padding: 10px 10px 0 10px !important;
            }

                .tabs-wrapper .tabs li.active a {
                    color: #fff;
                }

    .tabs-wrapper .tabs-container {
        padding: 0;
    }

        .tabs-wrapper .tabs-container .tab-content {
            padding: 0 10px 10px !important;
            display: none;
            min-height: 10px;
        }

            .tabs-wrapper .tabs-container .tab-content:empty {
                padding: 0 !important;
            }

            .tabs-wrapper .tabs-container .tab-content h3 {
                color: #02a5a5;
                font-size: 1.1rem;
            }

            .tabs-wrapper .tabs-container .tab-content.active {
                display: block;
            }

.fa.disabled {
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed !important;
}

.alert-nfa {
    background: #D13A2C;
    color: white;
    border: none;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.bootstrap-select.btn-group .btn .filter-option {
    pointer-events: none;
}

.breadcrumb li.active:after {
    border: 0 none;
}

.breadcrumb .active:not(.nav-item):not([rel]),
.breadcrumb .inline.active:not(.nav-item) {
    padding: 5px 0 0 0;
}

.breadcrumb .fa-home,
.breadcrumb .fa-home + a {
    color: #000;
}


.modal .modal-content nstate[type=switch] input ~ label {
    float: none;
}

.row input.has-datepicker + button {
    position: absolute;
    right: 15px;
    left: auto;
    top: auto;
    bottom: 2px;
}

.footer-margin {
    margin-bottom: 25px;
}
/* ************************************* */
/* STYLES ONLY APPLICABLE TO FIREFOX     */
/* ************************************* */
@-moz-document url-prefix() {
    /*body .ui-radiobutton .ui-icon-bullet::before{ margin-top: -2px; }*/
}

/* ************************************* */
/* STYLES ONLY APPLICABLE TO CHROME      */
/* ************************************* */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    body * {
        outline: none !important;
    }

    .ui-radiobutton .ui-icon-bullet:before {
        margin-top: 0;
    }
}

/* ************************************* */
/* STYLES TO INTERNET EXPLORER 11 		 */
/* ************************************* */
@media all and (-ms-high-contrast:none) {
    body.login img.logo {
        padding: 0;
        margin: 32px 0 0 calc(100% - 360px);
    }

    body.login img.bg {
        height: auto;
    }

    input[type=range].circle-range {
        height: 24px;
        background: #fff;
    }

        input[type=range].circle-range:focus {
            background: #fff !important;
            border: 0 none !important;
        }

    .slider-complex span.range-value {
        top: 5px;
    }

    .slider-complex span.range-metrics::before,
    .slider-complex span.range-metrics::after {
        top: -128px;
    }

    span.range-value {
        top: 3px;
    }

    input:focus, textarea:focus {
        color: #fff !important;
    }

    article.summary header {
        overflow: hidden;
    }

        article.summary header img {
            height: auto;
        }
}

/* ************************************* */
/* STYLES TO MICROSOFT EDGE	12+			 */
/* ************************************* */
@supports (-ms-ime-align:auto) {
    body.login img.bg {
        height: auto;
    }

    input[type=range].circle-range {
        height: 24px;
        background: #fff;
    }

        input[type=range].circle-range:focus {
            background: #fff !important;
            border: 0 none !important;
        }

        input[type=range].circle-range::-ms-thumb {
            margin-top: 0px;
        }

    .slider-complex span.range-value {
        top: 5px;
    }

    .slider-complex span.range-metrics::before,
    .slider-complex span.range-metrics::after {
        top: -128px;
    }

    span.range-value {
        top: 3px;
    }
}

td.dataTables_empty {
    padding: 10px 5px !important;
}

td.subTableInfo {
    padding: 0 !important;
    padding-bottom: 20px !important;
}

    /*td.subTableInfo tr {
        background: #02a5a5 !important;
        border: 1px solid #029595 !important;
        color: #fff;
    }*/

    td.subTableInfo tr td {
        border: 1px solid #029595;
    }

td.details-control.action {
    font-family: FontAwesome;
    height: 54px;
    line-height: 54px;
    cursor: pointer;
    padding: 0;
    width: 26px;
    text-align: center;
}

    td.details-control.action::before {
        content: "\f067"
    }

tr.shown td.details-control.action::before {
    content: "\f068"
}

td.table-Wrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 0;
}

tr.Index {
    background: rgb(2,165,165, 0.4) !important
}

.anchofijo80 {
    width: 80px;
}

.trazofino {
    font-weight: 300;
}
/*****************************
*
*         CARDS
*
*******************************/
.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    margin-right: 15px;
    cursor: pointer;
    margin-bottom: 2%;
}

    .card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

    .card.margin {
        /*margin-right: -15px;*/
        padding: 9px;
        /*margin-bottom:2%!important;*/
    }

.rowVisit {
    margin: auto;
    height: 100%;
    padding-bottom: 15px;
}

.containerVisits {
    cursor: pointer;
    display: block;
    padding: 0px 16px;
    min-height: 48px;
}



    .containerVisits h3 {
        margin-bottom: 0px;
        float: right;
    }

.infoVisits {
    border: 2px solid rgba(0,0,0,0.1);
    /*height: 250px;*/
    display: inline-block;
    padding: 0 0 20px;
}

.overScroll {
    overflow-y: scroll;
    height: calc(100% - 3% - 15px);
}

.detailsVisits {
    display: inline-grid;
}

    .detailsVisits label {
        padding: 0px;
    }

    .detailsVisits span {
        /*margin-left: 15px;*/
    }

    .detailsVisits a {
        /*margin-left: 15px;*/
    }

    .detailsVisits b {
        /*margin-left: 15px;*/
    }

.state-finish {
    border: 2px solid #02A5A5;
}

.more-finish {
    border: 4px solid #02A5A5;
}

.state-progress {
    border: 2px solid #F5A623;
}

.more-progress {
    border: 4px solid #F5A623;
}

.state-lost {
    border: 2px solid red;
}

.more-lost {
    border: 4px solid red;
}

.bold-multiSpan {
    font-weight: bold;
}

.infoVisits label {
    margin: 0px;
}

.bolder {
    font-weight: bold;
}

.container .row.adherencia .checkbox > Label {
    color: black;
}

.container .row.adherencia [class*="col-"] {
    margin-top: 0px;
}

.container .row.adherencia .checkbox > .checkmark {
    left: 6px;
}

.adhLabelBullet {
    margin-left: 3%;
    color: black;
    font-weight: normal;
}

.bold {
    color: black;
}

#cancelDialog {
    z-index: 99999;
}

.radio-group.bulletAdhe {
    min-height: auto;
}

.sliderCustom::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #02a5a5;
    cursor: pointer;
}

.sliderCustom {
    -webkit-appearance: none;
    width: 100%;
    height: 13px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .sliderCustom::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        background: #02a5a5;
        cursor: pointer;
    }

    .sliderCustom::-moz-range-thumb {
        width: 25px;
        height: 25px;
        background: #02a5a5;
        cursor: pointer;
    }

input.sliderCustom:hover {
    background: #02a5a580 !important;
}

input.sliderCustom {
    background: #d3d3d3 !important;
}

.protocolo:not(.disabled) {
    color: #02a5a5;
}

.sif {
    border-radius: 6px;
    border: 1.2pt solid #02a5a5;
    padding: 0 !important;
    width: 32px;
    text-align: center;
    color: #02a5a5;
    margin-right: 5px;
}

div#CPS * {
    margin-top: 0px !important;
}

.graficsTitle {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.colorNFA {
    color: #02A5A5
}

.disabledSeccion {
    opacity: 0.6;
}

    .disabledSeccion h2 button {
        display: none;
    }

.d-none {
    display: none;
}

.cols {
    display: table;
    width: 100%;
}

/*@media (max-width: 600px) {
    .modal-TableAdherencia {
      
        height: 30px;
        overflow-y: scroll;
       
    }

    .modal-TableAdherenciaVisita {
        height: 30px;
        overflow-y: scroll;
    }
}*/
@media(max-width:1200px) {
    .containerVisits h3 {
        font-size: 0.9rem
    }
}

@media(max-width:1100px) {
    .containerVisits h3 {
        font-size: 0.75rem
    }
}

@media(max-width:1000px) {
    .containerVisits h3 {
        font-size: 0.62rem
    }
}

@media(max-width:900px) {
    .containerVisits h3 {
        font-size: 0.41rem
    }
}

@media(max-width:800px) {
    .containerVisits h3 {
        font-size: 0.41rem
    }
}


@media(max-height:1100px) {
    .modal-TableAdherencia {
        height: 550px;
        overflow-y: scroll;
    }
}

@media(max-height:1000px) {
    .modal-TableAdherencia {
        height: 450px;
        overflow-y: scroll;
    }
}

@media(max-height:900px) {
    .modal-TableAdherencia {
        height: 350px;
        overflow-y: scroll;
    }
}

@media(max-height:800px) {
    .modal-TableAdherencia {
        height: 250px;
        overflow-y: scroll;
    }
}

@media(max-height:700px) {
    .modal-TableAdherencia {
        height: 150px;
        overflow-y: scroll;
    }
}

@media(max-height:600px) {
    .modal-TableAdherencia {
        height: 50px;
        overflow-y: scroll;
    }
}


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

.pauta-reglada {
    width: 83px !important;
    height: 54px !important;
    margin-right: 10px !important;
}

.pauta-reglada-semanal {
    width: 80px !important;
    height: 40px !important;
    margin-right: 10px !important;
}

.hijo {
    /* IMPORTANTE */
    display: table-cell;
    vertical-align: middle;
}

.titulo-pauta {
    width: 83px !important;
    height: 54px !important;
    margin-right: 10px !important;
    font-size: 9px;
}

.navegacionAltaPaciente {
    margin: 0px 5px;
    background: #02A5A5;
    color: #fff;
    width: 27px;
    height: 27px;
    font-size: 13px !important;
}

.reflejoHorizontal {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.messageContainer {
    position: fixed;
    right: 27px;
    bottom: 50px;
    width: auto;
    height: auto;
    z-index: 99999;
}

.message {
    margin: 0px;
}

.tooltip {
    z-index: 999999 !important;
}

.fc-axis.fc-time.fc-widget-content {
    width: 42px;
}

.notificacionFlotante {
    border: 1px solid;
    opacity: 1;
}

.notificacionMenu {
    border: 1px solid;
    opacity: 1;
    padding: 0 10px;
    display: table;
    width: 100%;
}

.horaNotificacion {
    padding-right: 20px;
    color: gray;
}

.enlaceDescargaNotificacion {
    margin-left: 10px;
    cursor: pointer;
    font-size: 1.2rem !important;
}

.closeMessage {
    margin-left: 10px;
}

.conversacionMensaje {
    width: auto;
    max-width: 80%;
    min-width: 50%;
    display: block;
    border: 1pt solid;
    margin-bottom: 5px;
    margin-top: 5px;
}

    .conversacionMensaje.Mio {
        border-color: #02A5A5;
        margin-right: 20px;
        border-radius: 15px 0px 10px 15px;
        box-shadow: 2px 2px 5px #02A5A5;
        background-color: #02A5A530;
        float: right !important;
    }

    .conversacionMensaje.Otro {
        border-color: #808080;
        margin-left: 20px;
        border-radius: 0px 15px 15px 10px;
        box-shadow: -2px 2px 5px #808080;
        background-color: #80808030;
        float: left !important;
    }

.conversacionMensajeCabecera {
    width: 50%;
    padding-bottom: 0px;
    color: black;
}

    .conversacionMensajeCabecera.NombreEmisor.Mio {
        text-align: right !important;
        padding-right: 10px;
        float: right !important;
    }

    .conversacionMensajeCabecera.NombreEmisor.Otro {
        text-align: left !important;
        padding-left: 10px;
        float: left !important;
    }

    .conversacionMensajeCabecera.Instante.Mio {
        text-align: left;
        padding-left: 10px;
    }

    .conversacionMensajeCabecera.Instante.Otro {
        text-align: right;
        padding-right: 10px;
    }

    .conversacionMensajeCabecera.barraSeparacion {
        height: 1px;
        width: 95%;
        margin: 0px auto 10px auto;
        padding: 0px;
    }

        .conversacionMensajeCabecera.barraSeparacion.Mio {
            background-color: #02A5A5;
        }

        .conversacionMensajeCabecera.barraSeparacion.Otro {
            background-color: #808080;
        }

.botonRespuestaMensaje {
    border-radius: 5px !important;
    padding: 5px !important;
    height: 35px !important;
    margin: 0px 20px 7px 0px !important;
}

.calendarioAttend {
    height: auto;
    max-height: 90px;
    left: 10px;
    overflow-y: auto;
    width: 96%;
    top: 5px;
}

    .calendarioAttend span {
        color: #02A5A5 !important;
    }

.bot-plus-img {
    width: 46px;
}

#bot-plus-img-farmacogen {
    cursor: pointer;
    width: 85px;
    height:20px;
}

.dropup .dropdown-menu {
    bottom: 100% !important;
    top: auto;
}

.elementosSeleccionados ul li {
    word-break: break-word;
}

.select-pharmacy {
    cursor: pointer;
}

/* NEW STYLES */
.h-25 {
    height: 25px !important;
}

.h-30 {
    height: 30px !important;
}

.w-auto {
    width: auto;
}

.w-32 {
    width: 32px;
}

.w-50 {
    width: 50px;
}

.w-150 {
    width: 150px;
}

.w-100-percent {
    width: 100%;
}

.h-100-percent {
    height: 100% !important;
}

.h-100 {
    height: 100px !important;
}

.l-h-1 {
    line-height: 1 !important;
}

.text-url-link {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m-height-130 {
    min-height: 130px;
}

.m-height-170 {
    min-height: 170px;
}

.arrow-double {
    font-size: 4em;
    color: lightseagreen;
}

.more-info {
    font-size: .75rem;
    padding-top: 27px;
    margin-bottom: 7px;
}

.more-info-documentos {
    color: #777 !important;
    font-size: 0.75em !important;
    display: block;
    margin-top: 5px;
    margin-left: 8px;
}

.insideLabel .listbox-container.h-auto label {
    left: 15px;
}

#foldersTable tr:hover,
#file-list-container tr:hover,
#file-list-container tr:hover .text-url-link,
#file-list-container tr:hover .file-item a,
#file-list-container tr:hover .fa-ellipsis-v:before {
    background: #02a5a5 !important;
    color: white;
}

.c-pointer {
    cursor: pointer;
}

.form-group .form-control:focus {
    color: white !important;
    border-radius: 0.3em !important;
}

.form-group textarea.form-control {
    padding: .2em .5em .5em;
}

.form-group input:not([type=checkbox]):not([type=radio]):not([type=range]),
.form-group textarea.form-control {
    border-radius: 0.3em;
}

.marcado {
    background: #bbb9b9 !important;
    color: white;
    pointer-events: none;
}

#migas-carpetas .breadcrumb {
    background: transparent;
}

.alert ul {
    margin: 0 0 0 1.5em;
    padding: 0;
}

.alert {
    padding: .75em
}

.text-danger {
    margin-left: 8px;
    margin-top: 5px;
    display: block;
}

/* ADHERENCIA PAIS VASCO */

.logoEuskadiInformes {
    display: flex;
    justify-content: space-between;
}

.progEuskadi {
    display: flex;
    gap: 20px;
}

    .progEuskadi img {
        height: 40px;
    }

.logoEuskadi {
    display: flex;
    justify-content: flex-start;
}

.progEuskadiAdh {
    height: 40px;
    display: flex;
    margin-top: -3px;
    gap: 20px;
    margin-left: 20px;
    border-left: 1px solid #e2e2e2;
    padding-left: 15px;
    padding-bottom: 6px;
}

h2.logoEuskadi:before {
    content: attr(data-collapsed);
    display: block;
    width: auto;
    position: relative;
    line-height: 32px;
    height: 30px;
}

h2.logoEuskadi:not(.collapsed) div {
    height: 40px;
    opacity: 1;
    width: auto;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.adherencia-pv {
    padding: 2rem;
}

.preguntas {
    background: #f5f5f5 !important;
    width: 100%;
    border-radius: 1rem;
    margin-left: 0;
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

    .preguntas h3 {
        line-height: 1.4;
    }

    .preguntas label {
        padding: 0;
        margin: 0
    }

    .preguntas .respuestas {
        display: flex;
        justify-content: flex-start;
    }

        .preguntas .respuestas.radio-group.single .radio-item {
            margin-left: 1rem;
            display: flex;
            flex: 1;
        }

.respuestas {
    display: flex;
    justify-content: flex-start;
    padding: 0 1rem 1rem !important;
    margin-left: 1rem;
    width: auto;
}

    .respuestas .radio-item {
        padding-left: 20px !important;
        flex: 1;
        height: auto;
    }

#cuestionario-act .respuestas .radio-item label {
    padding-bottom: 0 !important;
}

.green-cell {
    background-color: #02a5a5;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-align: center;
}

.grey-cell {
    background: #c2c2c2 !important;
    color: #333333;
    text-align: center;
    font-weight: bold;
}

.intervenciones-programa {
    margin: 0 0 2rem;
}

    .intervenciones-programa:last-child {
        margin-bottom: 0
    }

    .intervenciones-programa h2 {
        margin-bottom: 0;
        font-weight: 500;
    }

    .intervenciones-programa .intervenciones {
        border-bottom: 1px solid #e3e3e3;
    }

        .intervenciones-programa .intervenciones:last-child {
            border: none;
        }

.intervenciones {
    margin: 0rem 1rem 1rem;
    padding-bottom: 1rem;
}

    .intervenciones .checkboxContainer.transparent {
        height: auto;
    }

    .intervenciones .tit-intervencion {
        font-size: 1.1rem;
    }

    .intervenciones .insideLabel .checkbox label {
        font-weight: 400 !important;
        padding-top: 0;
    }

    .intervenciones .insideLabel .checkbox .checkmark {
        top: 3px;
    }

.tabla-intervenciones {
    margin-top: 10px;
    margin-bottom: 20px;
}

.tabla-resultados {
    width: 40%;
    margin: 0 auto 30px;
}

    .tabla-resultados .puntuacion,
    .tabla-resultados-act .puntuacion {
        font-size: 30px;
        font-weight: bold;
    }

.tablas-interpretacion {
    display: flex;
    gap: 40px;
}

.results-table,
.results-table th,
.results-table td,
.results-table tr {
    background: #f4f4f4;
    border: 0px none;
    color: #02a5a5;
}

.results-table {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

    .results-table .puntuacion {
        font-size: 1.1rem;
        padding: 5px 16px;
        color: #333333;
    }

.d-flex {
    display: flex;
}

.d-flex-column {
    flex-direction: column;
}

.datos-paciente {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
}

    .datos-paciente span {
        line-height: 1.6;
    }

.datos-informe-derivacion,
.motivos-derivacion {
    border: 1px solid rgba(0,0,0,0.5);
    padding: 2rem;
    margin-bottom: 20px;
}

    .motivos-derivacion .row {
        margin-left: 0;
        margin-right: 0;
    }

.dato-doble {
    display: flex;
    font-weight: bold;
    margin-bottom: 5px;
}

    .dato-doble > div > span:first-child {
        min-width: 85px;
    }

.motivo {
    margin-bottom: 30px;
    margin-left: 48px;
}

    .motivo h4 {
        margin-top: 0;
        margin-bottom: 20px
    }

    .motivo .checkbox {
        margin-bottom: 20px;
        font-size: 16px;
    }

        .motivo .checkbox label {
            font-weight: 400 !important;
        }

            .motivo .checkbox label strong {
                margin-right: 5px;
            }

        .motivo .checkbox .checkmark {
            position: initial;
            order: 0;
            margin: 4px 10px 4px 0;
        }

.campo {
    display: flex;
    margin-left: 20px;
    margin-bottom: 10px;
}

.escalaDisnea td:first-child {
    padding: 0 20px 0 10px;
}

.escalaDisnea td:nth-child(2) {
    text-align: center;
}

.adherencia-pv input:not([type=checkbox]):not([type=radio]):not([type=range]) {
    background: transparent;
    border-bottom: 1px solid rgba(0,0,0,.3);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    height: 27px;
    margin-left: 10px;
    padding: 5px;
    position: relative;
    top: -4px;
    line-height: 1.4;
}

.adherencia-pv input:focus {
    border: 0px !important;
}

.adherencia-pv textarea {
    line-height: 1.5;
}

.campo input:focus,
.motivo input:focus {
    color: white !important;
}

.dato-principal {
    display: flex;
    margin-right: 30px;
    flex: 1;
}

.dato-secundario {
    flex: 3;
}

.line-auto {
    width: auto !important;
}

.line-sm {
    width: 80px !important;
}

.line-md {
    width: 400px !important;
}

.line-lg {
    width: 510px !important;
}

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

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

div[data-cuestionario="8"] .insideLabel .radioButtonContainer {
    display: flex !important;
    align-items: center;
    margin-bottom: 0.75rem;
    padding: 30px 20px;
    border-radius: 1rem;
    cursor: initial;
}

    div[data-cuestionario="8"] .insideLabel .radioButtonContainer label {
        width: 100%;
        margin-bottom: 0;
    }

div[data-cuestionario="8"] .insideLabel .radio-group.single .radio-item {
    display: flex;
    align-items: center;
    cursor: default;
}

    div[data-cuestionario="8"] .insideLabel .radio-group.single .radio-item label {
        top: 0;
        font-size: 14px;
        max-width: 20px;
    }

    div[data-cuestionario="8"] .insideLabel .radio-group.single .radio-item .bullet,
    div[data-cuestionario="8"] .insideLabel .radio-group.single .radio-item .radio-btn {
        cursor: pointer;
    }

div[data-cuestionario="8"] .row .radio-group.single .radio-item .bullet {
    top: 3px;
}

div[data-cuestionario="8"] .insideLabel label {
    font-size: 12px;
    line-height: 1.4;
}

.boton-morisky {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

    .boton-morisky button.accept[data-status=expanded]::after {
        content: 'Ocultar test Morisky'
    }

    .boton-morisky button.accept::after,
    .boton-morisky button.accept[data-status=collapsed]::after {
        content: 'Ver test Morisky'
    }

.test-morisky {
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 8px;
    padding: 20px;
    position: relative;
}

    .test-morisky.collapsed {
        padding: 0;
        margin-bottom: 0;
        margin-top: 0;
    }

        .test-morisky.collapsed .resultadosMorisky {
            display: none;
        }

    .test-morisky .resultadosMorisky {
        position: absolute;
        right: 20px;
        text-align: center;
        font-weight: bold;
        padding: 16px;
        background: #f4f4f4;
        border: 1px solid #e0e0e0;
        display: block;
    }


.tai-results {
    display: flex;
    align-items: center;
}

    .tai-results::before {
        display: none;
    }

.resultadosTai {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.overflow-auto {
    overflow: auto;
}

.overflow-auto-400 {
    overflow: auto;
    height: 400px;
}

/* administración */
#moduloSection #mod-section .Material h2 {
    margin-bottom: 0;
    padding: 10px;
}

#moduloSection #mod-section .Material #module .table th.columnas > label,
#moduloSection #mod-section .Material #moduleProvince .table th.columnas > label,
#moduloSection #mod-section .Material #moduleProfile .table th.columnas > label {
    line-height: 1.2;
    font-size: .8rem;
    writing-mode: initial;
    padding-bottom: 0;
    transform: none;
    text-align: center;
}

#moduloSection #mod-section .Material #module table td.insideLabel .checkboxContainer.transparent,
#moduloSection #mod-section .Material #moduleProvince table td.insideLabel .checkboxContainer.transparent,
#moduloSection #mod-section .Material #moduleProfile table td.insideLabel .checkboxContainer.transparent {
    display: flex !important;
    justify-content: center;
    padding: 0;
    margin: 0;
}

    #moduloSection #mod-section .Material #module table td.insideLabel .checkboxContainer.transparent .checkbox,
    #moduloSection #mod-section .Material #moduleProvince table td.insideLabel .checkboxContainer.transparent .checkbox,
    #moduloSection #mod-section .Material #moduleProfile table td.insideLabel .checkboxContainer.transparent .checkbox {
        margin: 0;
        padding: 0;
    }


#moduloSection #mod-section .Material #module .table th,
#moduloSection #mod-section .Material #moduleProvince .table th,
#moduloSection #mod-section .Material #moduleProfile .table th {
    word-wrap: normal;
    overflow-wrap: normal;
    min-width: 110px;
}

#moduloSection #mod-section .Material #module .table tbody tr td label,
#moduloSection #mod-section .Material #moduleProvince .table tbody tr td label,
#moduloSection #mod-section .Material #moduleProfile .table tbody tr td label {
    padding-bottom: 0;
    margin-bottom: 0;
}

/* propiedad genérica tablas con sticky vertical y horizontal */
/* - Administración */

.table-sticky{
    position: sticky;
    left: 0;
    z-index: 3;
}


    .table-sticky.table thead tr th {
        position: sticky;
        top: -1px;
        z-index: 2;
        left: 0;
        border-bottom: 2px solid #ddd;
    }

 .table-sticky.table thead tr th label{
       cursor: pointer;
       text-align: center;
    }

    .table-sticky.table thead tr th:first-child {
        z-index: 3;
    }



.table-sticky.table thead tr:first-child {
    position: sticky;
    left: 0;
    z-index: 3;
}



    .table-sticky.table thead tr {
        z-index: 1;
        position: sticky;
    }

.table-sticky.table tbody td {
    position: sticky;
    left: 0;
    z-index: 0;
}

    .table-sticky.table tbody td:first-child {
        background: #ffffff;
        border-right: 1px solid #f4f4f4;
        padding-top: 15px;
        height: 50px;
        z-index: 2;
        align-items: center;
        white-space: nowrap;
    }

.table.table-sticky tbody tr:nth-child(2n+1) {
    background: #f4f4f4;
}

.top-0 {
    top: 0 !important;
}

/* ************************************ */
/* * Pacients Management Dialog ******* */
/* ************************************ */
#managementPatientsDialog .modal-title {
    text-align: center;
}

#managementPatientsDialog .modal-body,
#managementPatientsDialog .modal-footer {
    max-width: 360px;
    margin: 0 auto;
}

    #managementPatientsDialog .modal-body img {
        margin: 32px auto;
        display: block;
    }

/* Anexo 4 */
.crea-form {
    display: flex;
    flex-direction: column;
    cursor: initial;
    padding: 1rem !important;
}

#derivacion-form,
#cuestionario-act,
#escala-disnea {
    cursor: initial;
}

    #derivacion-form.collapsed,
    #cuestionario-act.collapsed,
    #escala-disnea.collapsed {
        display: none;
    }


.disneaEscala button.accept[data-layer=escala-disnea]::after {
    content: 'Ocultar Escala Disnea'
}

.disneaEscala button.accept::after,
.disneaEscala button.accept[data-layer=escala-disnea][data-status=collapsed]::after {
    content: 'Ver Escala Disnea'
}

.titulo-boton {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .titulo-boton h2 {
        margin-bottom: 0;
    }

.m-height-auto {
    max-height: none !important;
}

.collapsed .tabla-resultados-act {
    display: none;
}

.tabla-resultados-act {
    position: absolute;
    right: 43px;
    width: 15%;
    display: block;
}

.not-allowed label,
.not-allowed .checkmark {
    opacity: 0.3;
    cursor: not-allowed;
}

.separator-escala {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.disneaEscala {
    border-top: 1px solid #e6e6e6;
    margin: 2rem 1.5rem 0;
    padding: 1rem 0;
}

/* Medidas FEM*/

.medidasFEM {
    display: flex;
    align-items: flex-end;
}

    .medidasFEM .bloquesMedidas {
        gap: 20px;
        display: flex;
        flex-direction: column;
    }

    .medidasFEM .semaforo {
        height: 150px;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
    }

    .medidasFEM .ajusteSemaforo {
        position: relative;
        top: 10px
    }

/* Tooltip container */
.customTooltip {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .customTooltip .customTooltiptext {
        padding: 0.5rem;
        box-shadow: 10px 10px 97px -37px rgba(0,0,0,0.75);
        border: 1px solid;
        visibility: hidden;
        width: max-content;
        background-color: #f4f4f4;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text */
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -60px;
        /* Fade in tooltip */
        opacity: 0;
        transition: opacity 0.3s;
    }

        /* Tooltip arrow */
        .customTooltip .customTooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    /* Show the tooltip text when you mouse over the tooltip container */
    .customTooltip:hover .customTooltiptext {
        visibility: visible;
        opacity: 1;
    }

.det-rec-container {
    margin-top: 10px; /* Ajusta el margen superior según sea necesario */
}

.det-rec-container textarea {
    width: 100%; /* Asegura que el textarea ocupe el ancho completo del contenedor */
    box-sizing: border-box; /* Incluye el padding y el border en el ancho total */
}