/* OVERRIDE COMMON.CSS - START */
.form-control[disabled], fieldset[disabled] .form-control {
    background-color: #d9d9d9; /*#B3B3B3*/
}

.btn:hover, .btn:focus, .btn.focus, .btn:active {
    color: inherit;
}

.dropdown-menu {
    max-height: 255px;
    overflow-y: auto;
}
/* OVERRIDE COMMON.CSS - END */
.scrollbar-track {
    margin-top: 60px;
}

.navbar {
    /*position: relative;*/
    min-height: auto;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}

.navbar-left {
    margin-left: -15px;
}

.navbar-btn {
    border-radius: 0;
}

.blackout {
    position: fixed;
    background-color: #000;
    opacity: .6;
    cursor: default;
    display: none;
}
/*SKIP LINK*/
button.skip-to-content-link {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    button.skip-to-content-link:focus {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: auto;
        z-index: 999999999999999;
        background: white;
        top: auto;
        width: 200px;
        height: 50px;
        /*width: auto;
        height: auto*/
        overflow: visible;
        padding: 2px 10px;
        margin: 7px 9px 9px 9px;
        border-radius: 10px;
        font-size: 13px;
        background-color: #004267;
        color: white;
    }
/* PAGE HEADER - COMMON */
#page-header {
    z-index: 1002;
}

.pageheader.blackout {
    height: 60px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1002;
}

#page-header .hamburger > .btn {
    margin: 0;
    padding: 0;
}

#page-header .navbar-collapse > ul > li > a {
    color: #000;
    background-color: #FFF;
    height: 44px;
    line-height: 44px;
    border-right: 1px solid #E6E6E6;
    padding: 0 20px;
    margin: 23px 0;
    text-transform: uppercase;
}

#page-header .navbar-collapse li:last-child > a {
    border: none;
}

#page-header .navbar-collapse a:hover {
    color: #666;
}

#page-header .navbar-brand {
    float: left;
    border-right: 1px solid #E6E6E6;
    padding: 0;
    font-size: 18px;
    text-align: center;
}

    #page-header .navbar-brand:last-child {
        border: none;
    }

    #page-header .navbar-brand > img {
        display: inline-block;
        max-width: 100%;
        width: auto;
        max-height: 100%;
        margin-bottom: 0.25em;
        padding: 0 10px;
    }

#page-header img.main-logo-mini {
    display: none;
}

#menu-toggle:focus-visible{
    outline: 1px solid red !important; 
}

#menu-toggle-2-wrapper {
    font-size: 19px;
    line-height: 39px;
    font-weight: 500;
    width: 220px;
    height: 39px; /*overflow: hidden;*/
    cursor: default;
    z-index: 1000;
}

    #menu-toggle-2-wrapper .visible-xs-block > ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #menu-toggle-2-wrapper .visible-xs-block > ul > li {
            display: inline-block;
        }

            #menu-toggle-2-wrapper .visible-xs-block > ul > li > a {
                margin-right: 10px;
            }

    #menu-toggle-2-wrapper .dropdown-menu {
        margin-top: 0;
    }

    #menu-toggle-2-wrapper .language-selector .dropdown-menu {
        margin-top: -1px;
    }

#page-header .label, #sidebar-wrapper .label {
    border-radius: 50%;
    font-size: 9px;
    font-weight: 500;
    line-height: 14px;
    width: 14px;
    text-align: center;
    padding: 0;
    position: absolute;
    left: 34px;
    top: 4px;
}

.bubble {
    position: fixed;
    width: auto;
    padding: 5px 15px;
    border-radius: 12px;
    border: #31708f solid 1px;
    cursor: crosshair;
    font-size: 14px;
    z-index: 1001;
}

::placeholder {
    color: #646464 !important;
    opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
    color: #646464 !important;
}

/* MOB */
@media(max-width:767px) {
    /* BODY - MOB */
    body {
        counter-reset: h4counter;
    }
    /* PAGE HEADER - MOB */
    .main-logo-header {
        width: 220px;
    }
    /* MOB XS */
    /*@media(max-width:359px) {
			#page-header .main-logo-header, #page-header .company-logos {
				width: 130px;
			}
		}*/
    #page-header .navbar-brand-2 {
        width: 71px;
        padding: 0 5px;
    }

    #page-header .navbar-brand-3 {
        width: 47px;
        padding: 0 2px;
    }

    #page-header .navbar-brand-4 {
        width: 35px;
        padding: 0 1px;
    }

    #menu-toggle {
        margin: 0 15px 0 0;
        padding: 0;
    }

        #menu-toggle > span {
            line-height: 50px;
        }

    #menu-toggle-2-wrapper .visible-xs-block > i {
        width: 50px;
    }

    #menu-toggle-2-wrapper .visible-xs-block > a {
        margin-right: 10px;
        text-decoration: none !important;
    }

    #menu-toggle-2-wrapper .visible-xs-block a:hover, #menu-toggle-2-wrapper .visible-xs-block a:focus {
        text-decoration: none !important;
    }

    #menu-toggle-2-wrapper .dropdown {
        position: static;
    }

    #menu-toggle-2-wrapper .dropdown-menu {
        top: 40px;
        left: 0;
        border-radius: 0 0 4px 4px;
        width: 100%;
        margin-top: 0;
    }

    #menu-toggle-2-wrapper .language-selector .dropdown-toggle {
        text-transform: uppercase;
    }

    #page-header .label, #sidebar-wrapper .label {
        left: 57px;
        top: 12px;
    }

    .bubble {
        bottom: 10px;
        left: 10px;
        right: 10px;
    }

    #powered-by-movesion {
        /* display: none; */
        position: absolute;
        bottom: 15px;
        left: 15px;
        width: 190px;
    }

        #powered-by-movesion img {
            width: 100%;
        }
}
@media (max-width: 750px) {
    @media (max-height: 550px) {
        body {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            overflow: auto !important;
        }

        div.main-header{
            position: initial !important;
        }

        #wrapper{
            overflow: auto !important;
            height: auto !important;
        }
        #page-content-wrapper{
            height: 100% !important;
            margin: 0 !important;
        }
    }
}
        /* MOB XS */
        @media(max-width:359px) {
            body {
                padding-top: 60px;
                padding-bottom: 10px;
            }

            .container-fluid {
                padding-right: 10px;
                padding-left: 10px;
            }

            #menu-toggle {
                margin: 0 10px 0 0;
            }
            #page-content-wrapper{
               margin-top: 20px !important;
            }
        }
        /* TABLET AND DESKTOP */
        @media(min-width:768px) {
            /* BODY - TABLET AND DESKTOP */
            body {
                counter-reset: h4counter;
            }

            #page-header {
                padding: 0 85px 0 0;
            }
                /* PAGE HEADER - TABLET AND DESKTOP */
                #page-header .navbar-brand, #page-header .navbar-brand-1 {
                    height: 44px;
                    line-height: 44px;
                    width: 219px;
                    margin: 23px 0;
                    -webkit-transition: all 0.5s ease;
                    -moz-transition: all 0.5s ease;
                    -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                }

                #page-header .navbar-brand-2 {
                    width: 109px;
                    padding: 0 5px;
                }

                #page-header .navbar-brand-3 {
                    width: 73px;
                    padding: 0 3px;
                }

                #page-header .navbar-brand-4 {
                    width: 55px;
                    padding: 0 2px;
                }

            #menu-toggle-2 {
                font-size: 19px;
                line-height: 39px;
                font-weight: 500;
                text-decoration: none;
                display: block;
                position: fixed;
                top: 90px;
                left: 0;
                z-index: 1001;
                width: 220px;
                height: 39px;
                overflow: hidden;
                background-color: transparent;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

            .blabblo {
                display: none;
            }

            #sidebar-wrapper .fa-fw {
                width: 50px;
                font-size: 19px;
            }

            #powered-by-movesion {
                position: absolute;
                left: 0;
                bottom: 30px;
                display: block;
                text-align: center;
                width: 100%;
            }

                #powered-by-movesion img {
                    width: 150px;
                }

            #wrapper.toggled-2 #powered-by-movesion {
                display: none;
            }

            #wrapper.toggled-2 #page-header img.main-logo-lg {
                display: none;
            }

            #page-header .label, #sidebar-wrapper .label {
                left: 34px;
                top: 4px;
            }

            .bubble {
                top: 75px;
                right: 10px;
            }
        }
        /* LEFT MENU */
        #wrapper {
            padding-left: 0;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
            overflow: hidden;
        }

            #wrapper.toggled {
                /*padding-left: 220px;*/
                overflow: hidden;
            }

        #sidebar-wrapper {
            z-index: 998;
            position: fixed; /*absolute*/
            left: 220px;
            top: 60px;
            bottom: 0; /* added top and bottom 0*/
            width: 0;
            /*height: 100%;*/
            margin-left: -220px;
            overflow-y: auto;
            overflow-x: hidden; /**/
            /*background: #000;*/
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .sidebarwrapper.blackout {
            z-index: 1001;
            top: 50px;
            bottom: 0;
            left: 220px;
            width: 0;
            margin-left: -220px;
        }

        #wrapper.toggled #sidebar-wrapper {
            width: 220px;
        }

        #wrapper.toggled .sidebarwrapper.blackout {
            width: 220px;
        }

        #page-content-wrapper {
            margin-top: 85px;
            height: calc(100vh - 145px);
            padding: 0 0; /*15px*/
            width: 100%;
            overflow-x: hidden;
            outline: none;
        }

        .xyz {
            min-width: 320px;
            padding: 15px;
        }

        @media (min-width: 768px) {
            .xyz {
                min-height: 500px;
                padding: 60px;
            }
        }

        #wrapper.toggled #page-content-wrapper {
            /*position: relative;
    margin-right: 0px;*/
        }

        .fixed-brand {
            width: auto;
        }

        .sidebar-nav {
            position: absolute;
            top: 39px;
            width: 220px;
            margin: 0;
            padding: 0;
            list-style: none;
            border-top: 3px solid #FFFFFF;
            font-size: 16px;
        }

        #MainMenu .panel {
            border: none;
            margin: 0;
            background-color: transparent;
        }

        #MainMenu .list-group-item {
            padding: 0 30px 0 50px;
            height: 39px;
            line-height: 39px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 0;
            border: none;
            background-color: transparent;
            border-bottom: 1px solid #FFFFFF;
            border-radius: 0;
        }

        #MainMenu > .panel > .list-group-item {
            padding-left: 0;
            text-transform: uppercase;
        }

        #MainMenu > .panel > a.list-group-item:hover {
            background-color: rgba(0,0,0,0.3); /*JS?*/
        }

        #sidebar-wrapper .fa-fw {
            width: 50px;
            font-size: 16px;
        }

        #MainMenu .pull-right {
            position: absolute;
            right: 10px;
            line-height: 39px;
        }

        #MainMenu .list-group-item:not(.collapsed) > i.fa-angle-down {
            -ms-transform: rotate(180deg); /* IE 9 */
            -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
            transform: rotate(180deg);
        }

        #MainMenu .collapse .list-group-item {
            /*background-color: rgba(255,255,255,0.1);*/ /*JS*/
        }

        #MainMenu a.list-group-item.active {
            background-color: #E6E6E6;
            /*color: color 1 */
        }

        .sidebar-nav li {
            text-indent: 15px;
            line-height: 40px;
            font-size: 16px;
            font-weight: 400;
        }

            .sidebar-nav li a {
                display: block;
                text-decoration: none;
                color: #FFFFFF;
            }

        .sidebar-nav > li > a {
            text-transform: uppercase;
            border-bottom: 1px solid #FFFFFF;
        }

        .sidebar-nav li a:hover {
            text-decoration: none;
            color: #FFFFFF;
            background: rgba(0,0,0,0.3);
            /*border-left: red 2px solid;*/
        }

        .sidebar-nav li a:active,
        .sidebar-nav li a:focus {
            text-decoration: none;
        }

        .sidebar-nav li ul {
            margin: 0;
            padding: 0;
        }

        #sidebar-wrapper {
            top: 60px; /**/
        }

        /* LEFT MENU - TABLET AND DESKTOP*/
        @media(min-width:993px) {
            #wrapper {
                padding-left: 220px;
            }

            .fixed-brand {
                width: 440px;
            }

            #wrapper.toggled {
                padding-left: 0;
            }

            #sidebar-wrapper, .sidebarwrapper.blackout {
                width: 250px;
                top: 60px; /**/
            }

            #page-header, .pageheader.blackout {
                height: 60px;
            }

            #wrapper.toggled #sidebar-wrapper {
                width: 220px;
            }

            #wrapper.toggled .sidebarwrapper.blackout {
                width: 220px;
            }

            #wrapper.toggled-2 #sidebar-wrapper, #wrapper.toggled-2 #menu-toggle-2, #wrapper.toggled-2 #main-logo {
                width: 50px;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

            #wrapper.toggled-2 .sidebarwrapper.blackout {
                width: 50px;
            }

            #wrapper.toggled-2 #main-logo .main-logo-mini {
                display: inline-block;
                width: 50px;
            }

            #wrapper.toggled-2 #sidebar-wrapper:hover {
                width: 220px;
            }

            #page-content-wrapper {
                padding: 0 30px;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
                width: auto;
            }

            #wrapper.toggled #page-content-wrapper {
                position: relative;
                margin-right: 0;
                padding-left: 250px;
            }

            #wrapper.toggled-2 #page-content-wrapper {
                position: relative;
                margin-right: 0;
                margin-left: -170px;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
                width: auto;
            }
        }

        /* PANELS */
        .panel {
            border: none;
            border-radius: 20px 20px 4px 4px;
            box-shadow: none;
            /* margin: 60px 0; */
        }

        .panel-group .panel {
            margin-bottom: 0;
            border-radius: 20px 20px 4px 4px;
        }

        .panel.panel-transparent {
            background-color: transparent;
        }

        .panel-heading {
            border: none;
            border-radius: 20px 20px 0 0;
            min-height: 38px;
            padding: 10px 22px;
            position: relative;
        }

        .panel.panel-transparent > .panel-heading {
            border-radius: 20px 20px 4px 4px;
        }

        .color1 .navbar-btn:hover, .color2 .navbar-btn:hover {
            /*color: inherit;*/
        }

        .panel-heading.nav {
            padding: 0;
        }

        .panel-heading > .navbar {
            /*margin-bottom: 0;
	border-radius: 0;
	border-top-left-radius: 22px;
	border-top-right-radius: 22px;
	height: 38px;*/
            padding: 8px 0;
        }

        .panel-heading .navbar-btn, .panel-heading .navbar-text, .panel-heading .navbar-brand {
            background: transparent;
            border: none;
            border-radius: 0;
            margin: 0;
            padding: 0px 22px;
            text-transform: uppercase;
            line-height: 22px;
            font-weight: 400;
        }

            .panel-heading .navbar-btn:focus-visible{
                outline: 1px solid red !important;
                outline-offset: 2px !important;
            }

            .panel-heading .navbar-btn:hover {
                background: transparent;
            }

            .panel-heading .navbar-btn:active {
                color: #FFF;
            }

        .navbar-btn .fa, .form-group .fa, h3 .fa {
            margin-right: 5px;
        }

            .navbar-btn .fa.fa-angle-down {
                margin-right: 0;
            }

        .navbar-form {
            margin: 0;
        }

            .navbar-form .form-control {
                border-radius: 20px;
                background-color: #FFFFFF;
            }

        .input-xs {
            font-size: 12px;
            height: 20px;
            line-height: 12px;
            padding: 0 7px 2px 7px;
        }

        .panel-body {
            padding: 22px;
        }

            .panel-body.nopadding {
                padding: 0;
            }

        .panel-title {
            height: inherit;
            line-height: inherit;
            padding: 7px 22px; /*7px 13px*/
        }

        h2.panel-title {
            font-size: 17px;
            font-weight: 400;
        }

        h3.panel-title {
            font-size: 15px;
            font-weight: 400;
            padding: 9px 13px;
        }

        h4.panel-title {
            font-size: 13px;
            font-weight: 400;
        }
        a.btn:focus-visible{
            outline-offset: 2px !important;
        }
        /* PANELS - MOB */
        @media (max-width:767px) {
            .navbar-header .navbar-nav {
                float: left;
                margin: 0;
            }

            .navbar-toggle, .navbar-toggle:hover, .navbar-toggle:focus {
                background-color: transparent;
                border: none;
            }

            .navbar-collapse {
                border-top: 1px solid transparent;
                margin-top: 8px;
            }

                .navbar-collapse .navbar-nav {
                    margin: 0 -15px;
                    padding: 7px 0;
                }

                .navbar-collapse .navbar-right {
                    border-top: 1px solid #666;
                }

                .navbar-collapse .navbar-form {
                    margin: 0 -7px;
                }

                    .navbar-collapse .navbar-form .form-control {
                        display: inline-block;
                        max-width: 175px;
                    }

                .navbar-collapse .navbar-btn {
                    margin: 6px 0;
                    display: block;
                    width: 100%;
                    text-align: left;
                }

                .navbar-collapse .dropdown-menu {
                    padding: 0;
                }

                    .navbar-collapse .dropdown-menu > li {
                        color: inherit;
                    }

                        .navbar-collapse .dropdown-menu > li > .btn, .navbar-collapse .dropdown-menu > li > a.btn, .navbar-collapse .dropdown-menu > li > label {
                            color: inherit;
                            padding: 0 37px;
                            margin: 0 0 3px 0;
                        }

            h3.panel-title {
                padding: 7px 30px;
            }
        }
        /* PANELS - TABLET AND DESKTOP */
        @media (min-width:768px) {
            .panel-heading .navbar-collapse.color1, .panel-heading .navbar-collapse.color2 {
                background: transparent;
            }

            .panel-heading .navbar-btn, .panel-heading .navbar-text, .panel-heading .navbar-brand {
                border-right: 1px solid #666;
            }

            .panel-heading li:last-child .navbar-btn,
            .panel-heading li:last-child .navbar-text,
            .panel-heading li:last-child .navbar-brand,
            #wrap-indicators .navbar-text {
                border-right: none;
            }

            .panel-heading .navbar-right .navbar-btn, .panel-heading .navbar-right .navbar-text, .panel-heading .navbar-right .navbar-brand {
                border: none;
                border-left: 1px solid #666;
            }

            .panel-heading .navbar-right li:first-child .navbar-btn,
            .panel-heading .navbar-right li:first-child .navbar-text,
            .panel-heading .navbar-right li:first-child .navbar-brand {
                border: none;
            }

            .panel-heading .navbar-nav > li > .dropdown-menu {
                margin-top: 9px;
            }

            .panel-heading .dropdown-menu .navbar-btn {
                border: none !important;
            }
        }

        /* INFO */
        .info {
            margin: 0 0 0 -22px;
            text-align: justify;
            border-left: 2px solid #c8c8c8;
        }

        .nopadding .info {
            margin: 22px 0 0 0;
            padding: 4px 24px;
        }

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

        @media (max-width: 991px) {
            .info [class*="col-"] {
                margin-bottom: 5px;
            }
        }

        .info > div {
            text-align: left;
            margin-bottom: 5px;
        }

        .info span {
            white-space: nowrap;
        }

        .info .dt {
            margin-right: 5px;
            vertical-align: top;
            text-transform: uppercase;
            font-weight: 500;
            display: inline-block;
            width: 250px;
        }

            .info .dt.dtwithspace {
                display: inline-block;
                width: 250px;
            }

        .info .btn {
            font-weight: 400;
            font-size: 14px;
            padding: 4px 15px;
        }

        .info .check-bg {
            display: inline-block;
            width: 22px;
            height: 22px;
            line-height: 22px;
            border-radius: 50%;
            background: #F0F0F0;
            text-align: center;
        }

        /* FILLERS CHART AND LEGEND */
        .fillers-legend {
            text-align: center;
            padding-top: 10px;
        }

        .Filled {
            color: #00835B;
        }

        .notFilled {
            color: #FBB03B;
        }

        .notLogged {
            color: #ED1940;
        }

        .notSigned {
            color: #c8c8c8;
        }

        @media (max-width: 767px) {
            #fillers-chart {
                height: 250px;
            }

            .vcenter {
                margin-bottom: 25px;
            }
        }

        @media (min-width: 768px) {
            #fillers-chart {
                height: 370px;
            }

            .fillers-legend > div.row:first-of-type {
                margin-bottom: 60px;
            }
        }

        .fillers-legend-item > div:first-of-type {
            background-color: #fff;
            border-radius: 50%;
            font-size: 44px;
            width: 96px;
            height: 96px;
            line-height: 96px;
            margin: 0 auto 5px auto;
            text-align: center;
        }

        .fillers-legend-item > div:nth-of-type(2) {
            color: #000; /*min-width: 160px;*/
        }

        .fillers-legend-item > div:nth-of-type(3) {
            color: #000;
            font-size: 12px;
            line-height: 14px;
            padding: 0;
            /*min-width: 160px;*/
        }

        .fillers-legend-item .stat-count {
            font-weight: 500;
        }

        /* FILLERS SECTION */
        #wrap-fillers, #wrap-fillersCompanies {
            display: none;
            margin-top: 40px;
        }

        /* TABLES */
        .dataTables_filter {
            display: none;
        }
        /*.dataTables_scrollBody thead { display: none; }*/
        table.dataTable thead th, table.dataTable thead td {
            border-bottom: none;
        }

        table.dataTable thead th, table.dataTable tfoot th {
            font-weight: 500;
        }

        table.dataTable tfoot {
            display: none;
        }

            table.dataTable tfoot th, table.dataTable tfoot td {
                border-top: none;
            }
        /*table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: none;
}*/
        table.dataTable tbody tr.odd, table.dataTable tbody tr.even > td, table.dataTable tbody tr.even > .sorting_1 {
            background: #E6E6E6;
        }

            table.dataTable tbody tr.odd > td, table.dataTable tbody tr.odd > .sorting_1 {
                background: #fff;
            }

                table.dataTable tbody tr.odd > td:first-of-type {
                    border-top-left-radius: 20px;
                    border-bottom-left-radius: 20px;
                }

                table.dataTable tbody tr.odd > td:last-of-type {
                    border-top-right-radius: 20px;
                    border-bottom-right-radius: 20px;
                }

        table.dataTable thead .sorting::after {
            content: "\f0dc";
        }

        table.dataTable thead .sorting_asc::after {
            content: "\f160";
        }

        table.dataTable thead .sorting_desc::after {
            content: "\f161";
        }

        table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after {
            font-family: "FontAwesome";
        }

        table.dataTable.no-footer {
            border-bottom: none;
            border-bottom: 2px solid #30383b;
        }

        table.dataTable {
            border-bottom: none;
            border-bottom: 2px solid #30383b;
        }

        div.dataTables_scrollHead table {
            border-bottom: none;
        }

        .cell-num {
            text-align: right
        }

        /* FILLERS TABLE */
        @media (max-width: 767px) {
            div.dataTables_wrapper > div.row > div, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate {
                text-align: left;
            }

            #wrap-fillers table.dataTable thead th, #wrap-fillers table.dataTable thead td {
                padding: 20px 15px;
            }

            #wrap-fillers table.dataTable tfoot th, #wrap-fillers table.dataTable tfoot td {
                padding: 20px 15px;
            }

            #wrap-fillers table.dataTable tbody th, #wrap-fillers table.dataTable tbody td {
                padding: 8px 15px;
            }

                #wrap-fillers table.dataTable tbody th:last-of-type, #wrap-fillers table.dataTable tbody td:last-of-type {
                    padding: 8px 15px;
                }
            /*#wrap-fillers .dataTables_info { padding-left: 15px; }*/
        }

        @media (min-width: 768px) {
            #wrap-fillers table.dataTable thead th, #wrap-fillers table.dataTable thead td {
                padding: 20px 45px;
            }

            #wrap-fillers table.dataTable tfoot th, #wrap-fillers table.dataTable tfoot td {
                padding: 20px 45px;
            }

            #wrap-fillers table.dataTable tbody th, #wrap-fillers table.dataTable tbody td {
                padding: 8px 45px;
            }

                #wrap-fillers table.dataTable tbody th:last-of-type, #wrap-fillers table.dataTable tbody td:last-of-type {
                    padding: 8px 45px;
                }

            #wrap-fillers .dataTables_info {
                padding-left: 45px;
            }
        }

        #wrap-fillers table.dataTable thead .sorting::after,
        #wrap-fillers table.dataTable thead .sorting_asc::after,
        #wrap-fillers table.dataTable thead .sorting_desc::after {
            /*display: inline-block; position: relative; top: 0; left: 7px;*/
            padding-top: 12px;
        }

        #form-fillers .filler-symbol {
            cursor: pointer;
        }

            #form-fillers .filler-symbol span {
                display: none;
            }

        /* TEXTAREAS */
        textarea {
            resize: none !important;
            overflow: hidden;
        }

        /* CHECKBOX AND RADIO INPUTS */
        .checkbox, .radio {
            margin: 11px 0;
        }

            .radio + .radio, .checkbox + .checkbox {
                margin-top: 11px;
            }

            .checkbox label, .radio label {
                min-height: auto;
                font-size: 14px;
                font-weight: 400;
                padding: 0 0 0 36px;
                position: relative;
            }

                .checkbox label:first-letter, .radio label:first-letter {
                    text-transform: uppercase;
                }

            .checkbox span, .radio span {
                display: inline-block;
                vertical-align: middle;
                position: relative;
                padding-left: 5px;
                margin-right: 8px;
            }

                .checkbox span::before, .radio span::before {
                    content: "";
                    display: inline-block;
                    position: absolute;
                    width: 24px;
                    height: 24px;
                    left: 0;
                    top: -14px;
                    margin-left: -20px;
                    border: none;
                    border-radius: 50%;
                    background-color: #E6E6E6;
                    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
                    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
                    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
                }

                .checkbox span::after, .radio span::after {
                    display: inline-block;
                    position: absolute;
                    width: 24px;
                    height: 24px;
                    left: 5px;
                    top: -12px;
                    margin-left: -20px;
                    padding: 0;
                    padding: 0;
                    font-size: 15px;
                    color: #000;
                }

            .checkbox input[type="checkbox"],
            .radio input[type="radio"] {
                opacity: 0;
                z-index: 1;
            }

                .checkbox input[type="checkbox"]:focus-visible + span::before, .radio input[type="radio"]:focus-visible + span::before {
                    outline: 1px solid red !important;
                    outline-offset: 5px !important;
                    opacity: 1 !important;
                }

                .checkbox input[type="checkbox"]:focus + span::before,
                .radio input[type="radio"]:focus + span::before {
                    outline: none;
                    /*background-color: #B3B3B3;*/
                }

                .checkbox input[type="checkbox"]:checked + span::after,
                .radio input[type="radio"]:checked + span::after {
                    font-family: "FontAwesome";
                    content: "\f00c";
                }

                .checkbox input[type="checkbox"]:disabled + span,
                .radio input[type="radio"]:disabled + span {
                    opacity: 0.65;
                }

                    .checkbox input[type="checkbox"]:disabled + span::before,
                    .radio input[type="radio"]:disabled + span::before {
                        background-color: #eeeeee;
                        cursor: not-allowed;
                    }

            .checkbox.checkbox-circle span::before {
                border-radius: 50%;
            }

            .checkbox.checkbox-inline, .radio.checkbox-inline {
                margin-top: 0;
            }

        /* MODALS */
        /*.modal.fade.in { top: 50%; transform: translateY(-50%); }*/
        @media (max-width: 767px) {
            .modal-dialog {
                max-width: 430px;
                width: auto;
                margin: 10px auto;
            }

            .modal-body {
                padding: 20px;
            }
        }

        @media (min-width: 768px) {
            .modal-dialog {
                /*width: 430px;*/ /*17-10-12*/
            }

            .modal-body {
                padding: 20px 50px 20px 50px;
            }
        }

        .modal-content {
            border: none;
            border-radius: 24px 24px 6px 6px;
        }

        .modal-header {
            border: none;
            padding: 10px 25px;
            border-radius: 20px 20px 0 0;
            font-size: 13px;
            position: relative;
            height: 39px;
        }

            .modal-header.color2 > h4 {
                font-size: 13px;
                line-height: 20px;
                text-transform: uppercase;
            }

                .modal-header.color2 > h4 .fa {
                    margin-right: 5px;
                }

        .modal label {
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 500;
        }

        .modal .checkbox label {
            font-size: 14px;
            font-weight: 400;
            text-transform: none;
        }

        .modal-footer {
            border: none;
            padding: 0 10px 40px 10px;
            text-align: center;
            border-radius: 0 0 5px 5px;
        }

            .modal-subheader .btn, .modal-footer .btn {
                font-size: 13px;
                padding: 6px 20px; /*width: 120px;*/
                margin: 0 6px;
            }

                .modal-footer .btn:focus-visible {
                    outline: 1px solid red !important;
                    outline-offset: 5px !important;
                }

        #genModal .modal-subheader {
            padding: 10px 0 20px 0;
            text-align: center;
        }

        #genModal .modal-footer {
            padding: 10px 0 10px 0;
        }

        #genModal.fullscreenModal .modal-dialog {
            width: auto;
            margin: 0;
        }

        /* SUGGESTIONS */
        @media (max-width:979px) {
            #accordion_suggestions {
                display: block;
                margin: 20px 0 0 0;
            }

            #accordion_suggestions2 {
                display: none;
            }

            #accordion_suggestions .panel {
                margin-bottom: 2px;
            }

            #accordion_suggestions .panel-heading {
                border-radius: 0;
                background-color: #FFFFFF;
                padding: 10px 20px 10px 15px;
            }

            #accordion_suggestions .panel-body {
                border-radius: 0;
                background-color: #FFFFFF;
                padding: 0 15px 10px 15px;
                text-align: justify;
            }

            #accordion_suggestions .panel-title {
                padding: 0;
                text-transform: uppercase;
            }

            .panel-heading .accordion-toggle {
                display: block;
                text-decoration: none;
            }

                .panel-heading .accordion-toggle:after {
                    /* symbol for opening panels */
                    font-family: 'FontAwesome';
                    content: "\f077";
                    font-size: 12px;
                    position: absolute;
                    right: 10px;
                    top: 10px;
                    font-weight: 400;
                }

                .panel-heading .accordion-toggle.collapsed:after {
                    /* symbol for collapsed panels */
                    content: "\f078";
                }

            .suggestion-chart {
                min-height: 500px; /*min-width: 280px; left: 30px; right: 30px;*/
                margin: 0 15px 5px 15px;
            }
        }

        @media (min-width:980px) {
            #accordion_suggestions {
                display: none;
            }

            #accordion_suggestions2 {
                display: block;
                margin: 25px 0 0 0;
                padding: 0;
                border: none;
                border-radius: 6px;
            }

            .vtab-tab-content {
                text-align: justify;
                padding: 0 20px 20px 20px;
            }

            .suggestion-chart {
                min-height: 500px;
                margin: 0 0 5px 0;
                padding-right: 1px;
            }

            div.vtab-tab-container {
                background-color: #ffffff;
                padding: 0 !important;
                margin-left: 0;
            }

            div.vtab-tab {
                /*width: 80%;*/
                background-color: rgba(255,255,255,1);
                border-top-right-radius: 0;
                border-bottom-right-radius: 6px;
                padding: 0;
            }

            div.vtab-tab-menu {
                padding: 0;
                padding-left: 0;
                padding-bottom: 0;
                margin-top: 0;
                text-transform: uppercase;
                font-size: 13px;
                line-height: 16px;
                /*width: 20%;*/
            }

                div.vtab-tab-menu div.list-group {
                    margin-bottom: 0;
                    border-right: 1px solid #E6E6E6;
                }

                div.vtab-tab-menu .list-group-item {
                    background-color: rgba(255,255,255,.5);
                    color: #000;
                    border: none;
                    margin-bottom: 1px;
                    border-radius: none;
                    border-top-left-radius: 6px;
                    border-bottom-left-radius: 6px;
                }

                    div.vtab-tab-menu .list-group-item:first-child {
                        border-top-right-radius: 0;
                    }

                    div.vtab-tab-menu .list-group-item:last-child {
                        border-bottom-right-radius: 0;
                    }

                    div.vtab-tab-menu .list-group-item:hover {
                        color: #B3B3B3;
                    }

                div.vtab-tab-menu div.list-group > a.active {
                    background-color: #30383b;
                    opacity: 1;
                    color: #fff;
                }

                div.vtab-tab-menu .number {
                    display: block;
                    width: 13px;
                    float: left;
                    text-align: right;
                }

                div.vtab-tab-menu .title {
                    border-left: 1px solid #E6E6E6;
                    display: block;
                    margin-left: 19px;
                    padding-left: 7px;
                }

            div.vtab-tab div.vtab-tab-content:not(.active) {
                display: none;
            }

            div.vtab-tab-content h3 {
                text-transform: uppercase;
                font-weight: normal;
                font-size: 21px;
                border-bottom: 1px solid #000;
                padding-bottom: 20px;
            }

            div.vtab-tab-content h4 {
                margin-top: 20px;
            }

            div.vtab-tab-content p, div.vtab-tab-content ul {
                font-weight: 300;
                font-size: 15px;
            }
        }

        .suggestion-chart {
            border: 1px solid #E6E6E6;
        }

        #accordion_suggestions .panel-body h4, .vtab-tab-content h4 {
            font-weight: 500;
            font-size: 15px;
            margin: 15px 0 12px 0;
        }

        #accordion_suggestions .panel-body li, .vtab-tab-content li {
            list-style-type: none;
            list-style-image: url("../img/ico-check.png");
            margin-top: 5px;
        }

        .highcharts-title {
            color: #666 !important;
            fill: #666 !important;
            text-transform: uppercase;
            font-size: 13px !important;
        }

        /* PLAN */
        .measures-commands {
            position: absolute;
            right: 0;
            top: 0;
        }

            .measures-commands > li {
                float: left !important;
            }

        @media (min-width: 768px) {
            .measures-commands {
                right: 0;
                top: 7px;
            }
        }

        #form-edit-measures th {
            border-top: none !important;
            font-size: 16px;
        }

            #form-edit-measures th > small {
                white-space: nowrap;
                color: #777;
            }

        #form-edit-measures td {
            border: none !important;
        }

        td.measures-arrow-td {
            vertical-align: middle !important;
            text-align: center;
            width: 5%;
        }

        .modal2-footer, .modal2-subheader {
            border: none;
            padding: 10px 10px 10px 10px;
            text-align: center;
        }

            .modal2-footer .btn, .modal2-subheader .btn {
                font-size: 13px;
                padding: 6px 20px;
                width: 120px;
                margin: 0 6px;
            }

        @media (min-width: 992px) {
            #collapse_indicators {
                height: 1135px;
                padding: 0 15px;
                overflow: hidden;
            }
        }

        #collapse_indicators .navbar-text {
            display: block;
            padding: 0 0 0 15px;
            margin: 0 45px 0 0;
            border: none;
        }

        #collapse_indicators .navbar-right {
            position: absolute;
            top: 0;
            right: 10px;
            border: none;
        }

        @media (min-width: 768px) {
            #collapse_indicators .navbar-right {
                top: 7px;
            }
        }

        /* TASKS */
        .tasks-menu > .dropdown-menu > li .menu {
            max-height: 200px;
            margin: 0;
            padding: 0;
            list-style: none;
            overflow-x: hidden;
            border-top: 1px solid #eee;
        }

            .tasks-menu > .dropdown-menu > li .menu:first-child {
                border-top: none;
            }

        @media (max-width: 767px) {
            .tasks-menu {
                position: static;
            }

                .tasks-menu > .dropdown-menu {
                    top: 40px;
                    left: 0;
                    border-radius: 0 0 4px 4px;
                    width: 100%;
                }
        }

        .text-disabled {
            color: #eee
        }

        /* PROGRESS BARS */
        .progress.xs {
            height: 5px;
            margin-bottom: 5px;
        }

        /* FORMS */
        input[type="number"]::-webkit-outer-spin-button,
        input[type="number"]::-webkit-inner-spin-button,
        input[type="time"]::-webkit-outer-spin-button,
        input[type="time"]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        input[type="number"], input[type="time"] {
            -moz-appearance: textfield;
        }

        /* QUESTIONNAIRES */
        #form-recap-header > h1 {
            font-size: 18px;
            text-transform: uppercase;
            text-align: center;
            padding: 0 0 18px 0;
            margin: 0;
        }

        .questionnaire-content .section > h2 {
            border-bottom: 1px solid #000;
            font-size: 18px;
            font-weight: 400;
            margin: 0 0 18px 0;
            padding: 0 0 18px 0;
            text-transform: uppercase;
        }

        .questionnaire-content .section .section-info {
            font-style: italic;
            padding: 0 0 9px 0;
            font-size: 16px;
        }

            .questionnaire-content .section .section-info b {
                font-weight: bold;
            }

        .questionnaire-content .section .questions-container {
            padding: 18px 0 0 0;
        }

        @media (min-width: 600px) {
            #form-recap-header > h1 {
                font-size: 22px;
            }

            .questionnaire-content .section > h2 {
                font-size: 22px;
            }
        }

        .questionnaire-content .bs-callout {
            padding: 0 0 0 18px;
            margin: 0 0 25px 0;
            border-left: 1px solid #E6E6E6;
            position: relative;
        }

        .questionnaire-content .bs-callout-success {
            border-left-color: #30383B;
        }

        .questionnaire-content .bs-callout .sign {
            background: #f2f2f2;
            color: #B3B3B3;
            border-radius: 50%;
            font-size: 14px;
            text-align: center;
            height: 34px;
            line-height: 34px;
            width: 34px;
            position: absolute;
            top: 0;
            right: 0;
        }

        .questionnaire-content .bs-callout-success .sign {
            color: #5cb85c;
            font-size: 24px;
        }

        .questionnaire-content .question-body {
            border-bottom: 1px solid #E6E6E6;
            padding-bottom: 17px;
        }

            .questionnaire-content .question-body .exh4 {
                padding: 0 40px 0 0;
                margin: 0 0 15px 0;
                font-weight: 500;
                font-size: 14px;
                line-height: 19px;
                border-bottom: none;
            }

                .questionnaire-content .question-body .exh4 > h4:before {
                    content: counter(h4counter) ". ";
                    counter-increment: h4counter;
                }

                .questionnaire-content .question-body .exh4 p, .questionnaire-content .question-body .exh4 ul {
                    font-weight: 400;
                }

                .questionnaire-content .question-body .exh4 > small {
                    white-space: nowrap;
                }

            .questionnaire-content .question-body .question-image {
                margin: 0 0 15px 0;
            }

                .questionnaire-content .question-body .question-image img {
                    max-height: 200px;
                    cursor: zoom-in;
                }

        .zoom-img-container {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(0,0,0,0.5);
            z-index: 20000;
            cursor: zoom-out;
            display: none;
        }

            .zoom-img-container img {
                max-width: 100%;
                max-height: 100%;
                cursor: zoom-out;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
            }

        .questionnaire-content .scroll {
            overflow-y: auto;
        }

        ul.am_dropdown {
            list-style: none;
            margin: 0 0 0 13px;
            padding: 5px 5px 8px 5px;
            float: left;
            background: #FFF;
            border: 1px solid #F2F2F2;
            border-bottom-right-radius: 6px;
            border-bottom-left-radius: 6px;
            border-top: none;
            display: none;
        }

            ul.am_dropdown li {
                list-style: none;
                margin: 0;
                padding: 2px 10px;
                cursor: pointer;
            }

                ul.am_dropdown li:nth-child(odd) {
                    background-color: #F2F2F2;
                }

                ul.am_dropdown li:hover {
                    color: #B3B3B3;
                }

        .questionnaire-content input.integer,
        .questionnaire-content input.float,
        .questionnaire-content input.time {
            width: 120px;
        }

        .questionnaire-content input[type="text"].form-control {
            max-width: 500px;
        }

            .questionnaire-content input[type="text"].form-control.not-valid {
                border: 2px solid #DD0000 !important;
            }

        .questionnaire-content textarea.form-control {
            height: auto;
            max-width: 600px;
        }

        .questionnaire-content .checkbox span, .questionnaire-content .radio span {
            display: inline-block;
            left: 20px;
            margin-right: 0;
            padding-left: 5px;
            position: absolute;
            top: 12px;
            vertical-align: middle;
        }

        table.rating th, table.rating td {
            vertical-align: top;
            text-align: left;
            direction: rtl;
        }

        table.rating th {
            font-weight: normal;
            padding: 0 10px 5px 0;
        }

        table.rating td {
            width: 30%;
        }

        div.rating p {
            text-transform: capitalize;
            margin-bottom: 0;
        }
        div.rating div.radioContainer {
            display: flex;
            justify-content: space-between;
            padding-bottom: 5px;
            width: 70%
        }

            div.rating div.radioContainer div {
                direction: rtl;
            }

            @media (min-width: 768px) {
                table .rating {
                width: 100%;
            }

                table.rating td {
                    width: 50%;
                }
            }

        @media (min-width: 1024px) {
            table.rating {
                width: 100%;
            }

                table.rating td {
                    width: 30%;
                }
        }

        @media (min-width: 1200px) {
            table.rating {
                width: 70%;
            }

                table.rating td {
                    width: 30%;
                }
        }

        @media (max-width: 767px) {

            div.rating div.radioContainer {
                width: 100%;
                /*display: initial;*/
                flex-direction: column; 
                margin-bottom: 10px;
            }
                div.rating div.radioContainer p{
                    padding-bottom: 10px;
                }
                div.rating div.radioContainer div {
                    width: fit-content;
                    margin-left: 45px;
                }


                table.rating th, table.rating td {
                    display: block;
                    width: 100%;
                    padding: 0 0 5px 0;
                }

            table.rating td {
                padding: 0 0 35px 0 !important;
                margin-left: -35px;
            }
        }

        table.rating th:first-letter {
            text-transform: uppercase;
        }

input.star {
    /*display: none;*/
    position: absolute;
    left: 0;
    width: 1px;
    height: 40px;
    line-height: 40px;
    clip: rect(1px, 1px, 1px, 1px);
    margin: 0 0 0 0%;
    padding: 0 0 0 0%;
    border: 0 !important;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

input.star:focus-visible + label.star{
    outline: 1px solid red;
    outline-offset: 2px;
}

        label.star {
            float: right;
            margin: 0 0 0 15px;
            padding: 0;
            color: #DDDDDD;
            font-size: 16px;
        }

        input.star:checked ~ label.star:before {
            content: '\f005';
            color: #004267;
        }

        input.star-5:checked ~ label.star:before {
            color: #004267;
            text-shadow: 0 0 20px #952;
        }

        label.star:hover {
            cursor: pointer;
            transform: rotate(-5deg) scale(1.3);
        }

        label.star:before {
            content: '\f006';
            font-family: FontAwesome;
        }

        span.stars {
            font-family: FontAwesome;
            color: #004267;
        }

        .questionnaire-content .btn {
            font-size: 13px;
            font-weight: 500;
            height: 28px;
        }

        .questionnaire-content nav {
            display: none;
            margin: 40px 0 0 0;
        }

            .questionnaire-content nav .command button:focus-visible, button.previous-next, button.check-address:focus-visible, button.edit:focus-visible {
                outline: 1px solid red !important;
                outline-offset: 5px !important;
            }

        @media(max-width:639px) {
            .questionnaire-content nav ul.pager {
            }

                .questionnaire-content nav ul.pager.rotate {
                    transform: rotate(180deg);
                }

            .questionnaire-content nav li {
                display: block;
            }

                .questionnaire-content nav li:first-child,
                .questionnaire-content nav li:nth-child(2) {
                    transform: rotate(-180deg);
                }

                .questionnaire-content nav li:first-child,
                .questionnaire-content nav li:nth-child(3) {
                    margin-bottom: 20px !important;
                }

            .questionnaire-content nav .btn {
                display: block !important;
                padding: 6px 0;
                width: 100%;
            }
        }

        @media(min-width:640px) {
            .questionnaire-content nav .previous-next {
                display: inline;
            }

            .questionnaire-content nav .command {
                float: left;
            }

                .questionnaire-content nav .command:last-child {
                    float: right;
                }

            .questionnaire-content nav .btn {
                padding: 6px 20px;
                min-width: 120px;
                width: auto;
                margin: 10px 6px 10px 0;
                height: auto;
                display: inline;
            }
        }

        .questionnaire-content .block {
            margin-top: 20px;
            border: 1px solid #E6E6E6;
            border-radius: 16px;
            padding: 5px 15px;
            position: relative;
        }

        @media(max-width:767px) {
            .questionnaire-content .block {
                padding-bottom: 20px;
            }
        }

        .questionnaire-content .block .btn-group {
            position: absolute;
            bottom: 0;
            right: 0;
        }

        .questionnaire-content .block .btn.add {
            border-radius: 16px 0 0 0;
            padding: 4px 15px;
            margin: 0;
            z-index: 1;
        }

        .questionnaire-content .block .btn.delete {
            border-radius: 0 0 16px 0;
            padding: 4px 15px;
            margin: 0;
        }

            .questionnaire-content .block .btn.delete:hover, .questionnaire-content .block .btn.delete:focus {
                color: #FFF;
            }

        .questionnaire-content .alert-container {
            text-align: center;
        }

        .questionnaire-content .address .alert-container {
            text-align: left;
        }

            .questionnaire-content .address .alert-container .alert-danger {
                color: #dd0000 !important;
            }

        .questionnaire-content .edit {
            margin: 0px auto 15px auto;
            display: block;
        }

        .questionnaire-content .result-answer .subblock {
            list-style: none;
            margin-left: -40px;
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #DDD;
            border-radius: 10px;
            max-width: 400px;
        }

            .questionnaire-content .result-answer .subblock > ul {
                margin-left: 0;
                padding-left: 0;
            }

                .questionnaire-content .result-answer .subblock > ul > li {
                    list-style: none;
                }

        #test-progress-wrapper {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 60px;
            height: 5px;
        }

            #test-progress-wrapper .progress {
                border-radius: 0;
            }

        .modal-footer .dropup.confirm-box {
            display: inline;
        }

        .confirm-box .dropdown-menu {
            right: -10px;
            margin-bottom: -66px;
            padding: 10px;
        }

        .confirm-box .dropdown-header {
            color: #000;
            font-size: 14px;
            padding: 0;
            white-space: normal;
        }

        .confirm-box .dropdown-menu .btn {
            width: auto;
            margin: 0;
        }

        /* MODALS */
        #modal4chart.modal {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: hidden;
        }

        #modal4chart .modal-dialog {
            position: fixed;
            margin: 1%;
            width: 98%;
            height: 96%;
            padding: 0;
        }

        #modal4chart .modal-content {
            height: auto;
            min-height: 99%;
        }

        #modal4chart .modal-body {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }

        .modal legend {
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 500;
            color: #000;
        }

        .modal .form-group {
            margin-left: 0;
            margin-right: 0;
        }

        /* MAP */

        /* PANEL WITH NAV-TABS*/
        .panel.with-nav-tabs > .panel-heading {
            padding: 0;
        }

        .panel.with-nav-tabs .nav-justified {
            margin: 0 auto;
            display: table;
            table-layout: auto;
            float: none;
            width: 100%;
        }

        .nav-justified.tabs-2 > li {
            display: table-cell;
            width: 50%;
            text-transform: uppercase;
        }

        .nav-justified.tabs-3 > li {
            display: table-cell;
            width: 33.333%;
            text-transform: uppercase;
        }

        .panel.with-nav-tabs > .panel-heading li:first-child {
            border-top-left-radius: 20px;
        }

        .panel.with-nav-tabs > .panel-heading li:last-child {
            border-top-right-radius: 20px;
        }

        .panel.with-nav-tabs > .panel-heading li {
            background-color: rgb(179,179,179);
        }

            .panel.with-nav-tabs > .panel-heading li.active {
                /*background: #30383B;*/
            }

            .panel.with-nav-tabs > .panel-heading li > a {
                background-color: transparent;
                color: #FFF;
            }

            .panel.with-nav-tabs > .panel-heading li.active > a,
            .panel.with-nav-tabs > .panel-heading li.active > a:hover,
            .panel.with-nav-tabs > .panel-heading li.active > a:focus {
                color: inherit;
                cursor: default;
            }

        .panel-group .panel.panel-squared + .panel.panel-squared {
            margin-top: 0;
        }

        .panel.panel-squared {
            border-bottom: 1px solid #CCC;
            border-radius: 0;
        }

            .panel.panel-squared .panel-heading {
                border-radius: 0;
                height: auto;
                min-height: auto;
                padding: 0;
            }

            .panel.panel-squared .panel-body {
                border-radius: 0;
                font-size: 13px;
                padding: 5px 15px;
            }

            .panel.panel-squared .panel-footer {
                border-radius: 0;
            }

            .panel.panel-squared h4.panel-title {
                padding: 0;
            }

            .panel.panel-squared .panel-heading a {
                padding: 5px 25px 5px 15px;
                display: block;
                text-decoration: none;
                /*background-color: white; color: #000;*/
            }

                .panel.panel-squared .panel-heading a.active-question {
                    /*background-color: #30383B; color: #FFF;*/
                }

        .panel-collapse.collapse { /*height: 0; overflow: hidden;*/
        }

            .panel-collapse.collapse.in { /*height: auto*/
            }

        .panel.panel-squared .panel-heading a > i.fa {
            font-size: 18px;
            position: absolute;
            top: 5px;
            right: 6px;
        }

        .panel-body.nopadding {
            padding: 0 !important;
        }

        .panel-body.nosidepadding {
            padding: 32px 0 0 0;
        }

        #map-tools .panel-body.nosidepadding {
            padding: 5px 0 10px 0;
        }

        #map-tools .dropdown-menu {
            margin-top: 5px;
            text-transform: none;
        }

        .am-panel-fullscreen {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1002;
            margin: 0;
            background: #E6E6E6;
            overflow: hidden;
        }

            .am-panel-fullscreen .fullwidth {
                padding: 0
            }

        #map-tools {
            padding-right: 15px;
        }

        @media (max-width: 767px) {
            #map-tools {
                margin-bottom: 15px;
            }
        }

        #map-tools .checkbox span, #map-tools .radio span {
            margin-top: -13px;
        }

        .fullwidth {
            width: 100% !important;
        }

        #panel-map, #map-tools > .panel {
            margin: 0;
        }

            #panel-map .panel-body {
                padding: 15px;
            }

        .ms-container .ms-list {
            height: auto;
            min-height: 85px;
            max-height: 200px;
            border: none;
            box-shadow: none;
        }

            .ms-container .ms-list.ms-focus {
                box-shadow: none;
                outline: none;
            }

        .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
            border-radius: 20px;
            background-color: #E6E6E6;
            border: none;
            margin: 5px 0;
            text-align: center;
            font-size: 12px;
            color: #000;
        }

        .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
            background-color: #E6E6E6;
            color: #000;
        }

        .panel-footer {
            padding: 5px 0;
            font-size: 12px;
            text-transform: uppercase;
        }

            .panel-footer .nav-justified > li > .navbar-btn {
                margin: 0;
                padding: 0;
                border-right: 1px solid #CCC;
                width: 100%;
                font-size: 13px;
                line-height: 18px;
                font-weight: 400;
            }

            .panel-footer .nav-justified > li:last-child > .navbar-btn {
                border-right: none;
            }

            .panel-footer .nav-justified > li > a:hover,
            .panel-footer .nav-justified > li > a:focus,
            .panel-footer .nav-justified > li.open > a:hover,
            .panel-footer .nav-justified > li.open > a:focus {
                background-color: transparent !important;
                color: inherit;
            }

        #map-tools .checkbox, #map-tools .radio {
            margin: 14px 0 0 0;
        }

            #map-tools .checkbox label, #map-tools .radio label {
                padding-left: 20px;
            }

        .mm-filters td, #tagUlQuestion td {
            padding: 0px 8px 0px 0;
            vertical-align: middle;
        }

        .mm-filters table tr td:first-child, #tagUlQuestion table tr td:first-child {
            /*padding: 2px 0 2px 10px;*/
        }

        .mm-filters td img, #tagUlQuestion td img {
            height: 18px;
        }

        .GeoQuestionLegendDefValCells::first-letter {
            text-transform: uppercase;
        }

        #qLegend {
            padding: 5px 15px;
        }

        .map-form-info {
            margin-bottom: 10px;
        }

            .map-form-info th {
                font-weight: 500;
                text-transform: uppercase;
                padding: 10px 0 5px 0;
            }

            .map-form-info tr:first-child th {
                padding-top: 0;
            }

            .map-form-info td {
                padding: 3px 15px;
                background: #f2f2f2;
                border-radius: 20px;
            }

        .mm-filters .panel-title a {
            text-decoration: none;
        }

        .olControlLayerSwitcher .layersDiv {
            padding: 5px 17px 5px 10px !important;
            background-color: rgba(0,0,0,.6) !important;
        }

        .olControlLayerSwitcher .baseLbl, .olControlLayerSwitcher .dataLbl {
            text-transform: uppercase !important;
        }

        .olControlLayerSwitcher .labelSpan.olButton {
            vertical-align: middle !important;
            margin-left: 5px !important;
        }

        /* INDICATORS */
        .color3 {
            background-color: #FFFFFF;
            color: rgb(179,179,179);
        }

        .btn.color3 {
            text-transform: none;
            color: rgb(179,179,179);
            border-right: 1px solid #E6E6E6;
        }

            .btn.color3:hover {
                color: #004267;
            }

        .panel-heading.color3 .dropdown-menu {
            /*background-color: #004267 !important;*/
            padding: 0 0 5px 0;
        }

            .panel-heading.color3 .dropdown-menu > li > a {
                border-top: 1px solid #FFFFFF;
                padding: 5px 20px;
            }

        @media (max-width: 767px) {
            .panel-heading.color3 .dropdown-menu > li > a {
                padding-left: 40px;
            }
        }

        .btn.color3:focus, .btn.color3:hover, .color3 .navbar-nav > li.open > a {
            color: #004267;
        }

        .panel-heading.color3 .dropdown.selected .btn.dropdown-toggle {
            color: #004267;
            font-weight: 500;
        }

        @media (min-width: 767px) {
            .data { /*height: 550px; overflow: hidden;*/
                padding: 0 30px;
            }

            .nosidepadding .nosidepadding {
                padding: 22px;
            }

                .nosidepadding .nosidepadding .nosidepadding {
                    padding: 22px 0;
                }
        }

        /* ANSWERS */
        #answers-formsections-list.dropdown-menu {
            max-height: none;
            overflow-y: visible;
        }

        .dropdown-submenu {
            position: relative;
        }

            .dropdown-submenu .dropdown-menu {
                top: 0;
                left: 100%;
                margin-top: -1px;
                max-height: none;
                overflow-y: visible;
            }

                .dropdown-submenu .dropdown-menu a {
                    max-width: 300px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                    .dropdown-submenu .dropdown-menu a:hover {
                        white-space: normal;
                        overflow: visible;
                    }

        #alert.stopInfo .modal-dialog {
            width: auto;
            margin-left: 10px;
            margin-right: 10px;
        }

        #alert.stopInfo .modal-body {
            overflow: auto;
            padding: 20px;
        }

        .navbar-header {
            /*margin-right: 15px;*/
        }

        .dropdown-menu.checklist .dropdown-header {
            /*color: #777;*/
            font-size: 14px;
            padding: 3px 0 0;
            text-transform: uppercase;
        }

        .dropdown-menu.checklist {
            padding: 0 10px 10px;
        }

            .dropdown-menu.checklist .checkbox, .dropdown-menu.checklist .radio {
                margin: 5px 0 5px;
            }

        /* BALANCE */
        #balance-container .panel-body.table-responsive { /*padding-bottom: 20px !important;*/
        }

        .balance-table {
            width: 100%;
        }

            .balance-table th {
                font-weight: 500
            }

            .balance-table thead th {
                text-align: center;
                background-color: #F2F2F2
            }

            .balance-table tbody th {
                text-align: left;
                position: relative;
                background-clip: padding-box;
                background-color: #F8F8F8
            }

            .balance-table tbody td {
                text-align: right;
            }

            .balance-table tbody tr:not(.level-0),
            .balance-table tbody tr:not(.level-0) div {
                display: none
            }

            .balance-table tr.haschildren th {
                cursor: pointer;
                padding-right: 20px;
            }

            .balance-table tr th > div:before {
                font-family: FontAwesome;
                content: " ";
                display: inline-block;
                margin-right: 20px;
                transition: transform 1s;
            }

            .balance-table tr.closed th > div:before {
                font-family: FontAwesome;
                content: "\f107";
                display: inline-block;
                margin-right: 10px;
                /*position: relative;
   top: 0; left: 0;*/
                transition: transform 1s;
            }

            .balance-table tr.open th > div:before {
                -ms-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            .balance-table tbody tr.open.active > th {
                background-color: #999;
                color: #FFF;
            }

            .balance-table tbody .level-0 th {
                text-transform: uppercase;
            }

            .balance-table tbody .level-1 th {
                padding-left: 20px !important
            }

            .balance-table tbody .level-2 th {
                padding-left: 30px !important
            }

            .balance-table tbody .level-3 th {
                padding-left: 40px !important
            }

            .balance-table tbody .level-4 th {
                padding-left: 50px !important
            }

            .balance-table tbody .level-5 th {
                padding-left: 60px !important
            }

            .balance-table tbody .level-0 {
                font-size: 1.1em !important
            }

            .balance-table tbody .level-1 {
                font-size: 1em !important
            }

            .balance-table tbody .level-2 {
                font-size: .9em !important
            }

            .balance-table tbody .level-3 {
                font-size: .8em !important
            }

            .balance-table tbody .level-4, .balance-table tbody .level-5 {
                font-size: .8em !important
            }

            .balance-table tr.level-1.total th, .balance-table tr.level-1.total td {
                border-bottom: 4px solid #ccc !important;
            }

            .balance-table tr.total th {
                font-weight: bold;
            }

            .balance-table tr.total td {
                border-top: 4px double #bbb !important;
                font-weight: bold;
                background-color: #F2F2F2
            }

        .balance-charts .panel {
            display: none
        }

        .balance-charts .panel-body {
            overflow: hidden
        }

        #fullscreenModal .modal-dialog {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }

        #fullscreenModal .modal-content {
            height: auto;
            min-height: 100%;
            border-radius: 0;
        }

        #balance-config-table, #balance-overview-table {
            border-collapse: collapse;
            border-style: hidden;
            margin-bottom: 0;
            border-bottom: 4px solid #999;
        }

            #balance-config-table tr.haschildren th {
                cursor: pointer;
            }

            #balance-config-table thead th, #balance-config-table thead td {
                border-top-width: 1px;
                border-bottom-width: 1px;
            }

            #balance-config-table tbody th, #balance-config-table tbody td {
                border-bottom-width: 1px;
                vertical-align: middle;
            }

            #balance-config-table tr.commands th {
                border-right: 0;
                text-align: center;
                line-height: 30px;
                background-color: #E6E6E6;
            }

            #balance-config-table tr.headings th {
                background-color: #F2F2F2;
                font-size: 14px;
                font-weight: medium;
                padding-top: 10px;
                padding-bottom: 9px;
            }

                #balance-config-table tr.headings th.close-table {
                    color: #999;
                    text-transform: uppercase;
                    font-weight: normal;
                }

                    #balance-config-table tr.headings th.close-table:hover {
                        color: #fff;
                        background-color: #999;
                        cursor: pointer;
                    }

            .panel-heading .check-bg, #balance-config-table .check-bg {
                display: inline-block;
                width: 18px;
                height: 18px;
                line-height: 18px;
                border-radius: 50%;
                background: #FFF;
                text-align: center;
                color: #999;
            }

        .panel-heading .check-bg {
            color: #000;
        }

        #balance-config-table tr.headings th .form-control {
            background-color: #fff;
        }

        #balance-config-table .btn {
            font-size: 16px;
            line-height: 20px;
            height: 22px;
            width: 22px;
            padding: 0;
            margin: 0 5px;
        }

        #balance-config-table th {
            text-align: left;
            width: 120px;
            overflow: hidden;
            padding: 10px;
        }

        #balance-config-table td, #balance-config-table td input {
            text-align: right;
            padding: 10px;
        }

        #balance-config-table th:first-of-type {
            width: 200px
        }

        #balance-config-table th.th-arguments {
            width: 300px
        }
        /*#balance-config-table th.subsection-info { width: 25px; border-bottom: 0; background-color: inherit !important; }
#balance-config-table td.subsection-info { width: 25px; border-top: 0; text-align: center; }*/
        #balance-config-table th:last-of-type {
            width: 25px;
            border-bottom: 0;
            background-color: #f2f2f2;
            font-weight: normal;
        }

            #balance-config-table th:last-of-type.cell-full {
                background-color: #fff;
                font-weight: normal;
            }

        #balance-config-table td:last-of-type {
            width: 25px; /*border-top: 0;*/
            text-align: center;
            background-color: #f2f2f2;
        }

        #balance-config-table td.formula {
            text-align: center;
        }

        #balance-config-table td.refcode {
            width: 25px;
            text-align: center;
        }

        #balance-config-table th.subsection-text {
            background-color: #f2f2f2;
            vertical-align: middle;
        }

        #balance-config-table tr.level-0 > th, #balance-config-table tr.level-0 > td {
            background-color: #ccc !important;
            color: #fff;
            font-size: 15px;
            font-weight: bold;
            padding-top: 10px;
            padding-bottom: 9px;
        }

            #balance-config-table tr.level-0 > th:last-of-type {
                background-color: #ccc !important;
            }

            #balance-config-table tr.level-0 > td:last-of-type {
                background-color: #f2f2f2 !important;
            }

        #balance-config-table tr.level-1 > th, #balance-config-table tr.level-1 > td {
            background-color: #f2f2f2;
            font-size: 14px;
            font-weight: bold;
            padding-top: 10px;
            padding-bottom: 9px;
        }

        #balance-config-table tr.level-2 > th, #balance-config-table tr.level-2 > td {
            background-color: #f2f2f2;
            font-size: 14px;
            font-weight: medium;
            padding-top: 10px;
            padding-bottom: 9px;
        }
        /*
#balance-config-table tr.level-3 > th, #balance-config-table tr.level-3 > td {
	background-color: #f2f2f2; font-size: 14px; font-weight: medium;
	padding-top: 10px; padding-bottom: 9px;
}
*/
        #balance-config-table td.cell-full {
            background-color: #fff !important;
        }

        #balance-config-table td.cell-empty {
            background-color: #f2f2f2 !important;
        }

        #balance-config-table tr.level-0 > th.subsection-text {
            padding-left: 10px;
            text-transform: uppercase;
        }

        #balance-config-table tr.level-1 > th.subsection-text {
            padding-left: 20px;
        }

        #balance-config-table tr.level-2 > th.subsection-text {
            padding-left: 30px;
            text-transform: uppercase;
        }

        #balance-config-table tr.level-3 > th.subsection-text {
            padding-left: 40px;
        }

        #balance-config-table tr.level-4 > th.subsection-text {
            padding-left: 50px;
        }

        #balance-config-table tr.level-5 > th.subsection-text {
            padding-left: 60px;
        }

        #balance-config-table tr.level-6 > th.subsection-text {
            padding-left: 70px;
        }

        #balance-config-table tr.level-7 > th.subsection-text {
            padding-left: 80px;
        }

        #balance-config-table .config-new:not(:empty) {
            background-color: #d9d9d9;
        }

        #balance-config-table .form-control {
            height: auto;
            padding: 0 6px;
            background-color: #fff;
        }

        #balance-config-table .btn-cell {
            display: block;
            width: 100%;
            border-radius: 0;
            background: #d9d9d9;
            font-weight: normal;
            margin: 0;
            height: 100%;
        }

            #balance-config-table .btn-cell:hover {
                background: #999;
                color: #fff;
            }

            #balance-config-table .btn-cell:disabled:hover {
                background: #d9d9d9;
                color: #000;
            }

        .form-group.panel {
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px;
        }

        label.panel-heading {
            display: block;
        }

        #wrap-balance-overview, #wrap-balance-config {
            display: none;
        }

        #balance-overview-table thead th {
            text-align: center;
            background-color: #F2F2F2;
        }

        #balance-overview-table th.group, #balance-overview-table td.group {
            border-left: 2px solid #ccc;
        }

        #balance-overview-table tbody th {
            background-color: #f2f2f2;
            line-height: 30px;
            vertical-align: middle;
        }

        #balance-overview-table td {
            text-align: right;
            line-height: 30px;
            vertical-align: middle;
        }

        #balance-overview-table tr.level-0 > th, #balance-overview-table tr.level-0 > td {
            padding-left: 10px;
            background-color: #999;
            color: #fff;
            text-transform: uppercase;
        }

        #balance-overview-table tr.level-1 > th {
            padding-left: 25px;
        }

        #balance-overview-table tr.level-2 > th {
            padding-left: 40px;
        }

        #balance-overview-table tr.level-3 > th {
            padding-left: 55px;
        }

        #balance-overview-table tr.level-4 > th {
            padding-left: 60px;
        }

        #balance-overview-table tr.level-5 > th {
            padding-left: 75px;
        }

        #balance-overview-table tr.level-6 > th {
            padding-left: 90px;
        }

        #balance-overview-table tr.level-7 > th {
            padding-left: 105px;
        }

        .close {
            color: #fff;
            opacity: .9;
        }

            .close:hover,
            .close:focus {
                color: #fff;
                opacity: 1;
            }

        #form-edit-measures .table > tbody + tbody {
            border-top: none;
        }

        #form-edit-measures .table > tbody {
            border: none;
        }

        #form-edit-measures table td {
            border-bottom: 2px solid #ddd !important;
        }

        #form-edit-measures tbody.active tr {
            background-color: #f2f2f2;
        }

        #form-edit-measures tbody.active input:not([disabled]) {
            border: 1px solid rgb(237,25,64);
        }

        #form-edit-measures tbody.active input:disabled {
            border: 1px solid #004267;
        }

        .modal-backdrop.in {
            filter: alpha(opacity=80);
            opacity: .8;
        }

        body.map .xyz > .row {
            height: calc(100vh - 310px) !important;
        }

        .main-header .main-logo-header {
            width: min(250px,75%);
            height: 60px;
            padding-left: min(85px,12%);
        }

        -
        #sidebar-wrapper, #MainMenu {
            background-color: #30373a;
        }

            #MainMenu .collapse .list-group-item {
                background-color: #004267 !important;
            }

            #MainMenu a.list-group-item.active, #MainMenu > .panel > a.list-group-item.active {
                background-color: #e6e6e6 !important;
            }