/* DEFAULT */

/* work-sans-100 - latin */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/work-sans-v18-latin-100.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/work-sans-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/work-sans-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/work-sans-v18-latin-100.woff') format('woff'), /* Modern Browsers */
    url('../fonts/work-sans-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/work-sans-v18-latin-100.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-200 - latin */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/work-sans-v18-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/work-sans-v18-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/work-sans-v18-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/work-sans-v18-latin-200.woff') format('woff'), /* Modern Browsers */
    url('../fonts/work-sans-v18-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/work-sans-v18-latin-200.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-300 - latin */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/work-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/work-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/work-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/work-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/work-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/work-sans-v18-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-regular - latin */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/work-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/work-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/work-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/work-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/work-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/work-sans-v18-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-500 - latin */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/work-sans-v18-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/work-sans-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/work-sans-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/work-sans-v18-latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/work-sans-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/work-sans-v18-latin-500.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-600 - latin */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/work-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/work-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/work-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/work-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/work-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/work-sans-v18-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-700 - latin */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/work-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/work-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/work-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/work-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/work-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/work-sans-v18-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-800 - latin */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/work-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/work-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/work-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/work-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/work-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/work-sans-v18-latin-800.svg#WorkSans') format('svg'); /* Legacy iOS */
}
/* work-sans-900 - latin */
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/work-sans-v18-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/work-sans-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/work-sans-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/work-sans-v18-latin-900.woff') format('woff'), /* Modern Browsers */
    url('../fonts/work-sans-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/work-sans-v18-latin-900.svg#WorkSans') format('svg'); /* Legacy iOS */
}

body {
    color: #4a4a4a;
    font-family: 'Work Sans', sans-serif;
    font-size: 14px;
}
h1 {
    font-size: 24px;
    font-weight: 600;
}

h2 {
    font-size: 18px;
    font-weight: 600;
}

h3 {
    font-size: 16px;
    font-weight: 600;
}

h4 {
    font-size: 14px;
    font-weight: 600;
}

a, a:hover, a:focus {
    color: #4a90e2;
    text-decoration: underline;
}
a.no-underline {
    text-decoration: none !important;
}

label {
    font-weight: normal;
    text-align: left !important;
}

small {
    font-size: 85% !important;
}

/* OVERFLOW */
.overflow-hidden {
    overflow: hidden;
}
.overflow-auto {
    overflow: auto;
}

/* OPACITY */
.opacity-10 {
    opacity: 0.1 !important;
}
.opacity-20 {
    opacity: 0.2 !important;
}
.opacity-30 {
    opacity: 0.3 !important;
}
.opacity-40 {
    opacity: 0.4 !important;
}
.opacity-50 {
    opacity: 0.5 !important;
}
.opacity-60 {
    opacity: 0.6 !important;
}
.opacity-70 {
    opacity: 0.7 !important;
}
.opacity-80 {
    opacity: 0.8 !important;
}
.opacity-90 {
    opacity: 0.9 !important;
}
.opacity-100 {
    opacity: 1 !important;
}

/* TEXTES */
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.text-wrap {
    white-space: nowrap;
}
.font-bold, strong {
    font-weight: 600 !important;
}
.font-normal {
    font-weight: normal !important;
}

.text-primary, .text-primary a {
    color: #39c8e8 !important;
}
.text-secondary, .text-secondary a {
    color: #4a90e2 !important;
}
.text-tertiary, .text-tertiary a {
    color: #1F9FBC !important;
}
.text-info, .text-info a {
    color: #F7F712 !important;
}
.text-info2, .text-info2 a {
    color: #dfd200 !important;
}
.text-success, .text-success a {
    color: #68c4cd !important;
}
.text-success2, .text-success2 a {
    color: #7AB800 !important;
}
.text-warning, .text-warning a {
    color: #ff7963 !important;
}
.text-warning2, .text-warning2 a {
    color: #ffb335 !important;
}
.text-danger, .text-danger a {
    color: #FF6663 !important;
}
.text-gray, .text-gray a {
    color: #4a4a4a !important;
}
.text-gray-light, .text-gray-light a {
    color: #e5e5e5 !important;
}

.text-dashed {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    text-decoration: none !important;
}
.text-info.text-dashed, .text-info .text-dashed {
    border-color: #F7F712;
}
.text-primary.text-dashed, .text-primary .text-dashed {
    border-color: #39c8e8;
}
.text-secondary.text-dashed, .text-secondary .text-dashed {
    border-color: #4a90e2;
}
.text-success.text-dashed, .text-success .text-dashed {
    border-color: #68c4cd;
}
.text-success2.text-dashed, .text-success2 .text-dashed {
    border-color: #7AB800;
}
.text-warning.text-dashed, .text-warning .text-dashed {
    border-color: #ff7963;
}
.text-danger.text-dashed, .text-danger .text-dashed {
    border-color: #FF6663;
}
.text-gray.text-dashed, .text-gray .text-dashed {
    border-color: #4a4a4a;
}

/* GRID */
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-1-5 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}

/* CURSOR */
.cursor-pointer {
    cursor: pointer;
}

/* BACKGROUND */
.bg-transparent {
    background-color: transparent !important;
}
.bg-primary {
    background-color: #c2f4ff !important;
}
.bg-secondary {
    background-color: #e6f4f5 !important;
}
.bg-info {
    background-color: #fefee7 !important;
}
.bg-success {
    background-color: #afe1e6 !important;
}
.bg-warning {
    background-color: #ffddd8 !important;
}
.bg-danger {
    background-color: #fed6cb !important;
}

/* ROTATE */
.rotate-45 {
    transform: rotate(45deg);
}
.rotate-90 {
    transform: rotate(90deg);
}
.rotate-135 {
    transform: rotate(135deg);
}
.rotate-180 {
    transform: rotate(180deg);
}
.rotate-225 {
    transform: rotate(225deg);
}
.rotate-270 {
    transform: rotate(270deg);
}
.rotate-315 {
    transform: rotate(315deg);
}

/* LABELS */
.label-corner {
    position: relative;
}
.label-corner .label {
    position: absolute;
    right: -7px;
    top: -7px;
}
.label {
    font-family: 'Work Sans', sans-serif;
    font-size: 12px;
    padding: 2px 5px;
}
a.label {
    text-decoration: none;
}
.label-primary {
    background-color: #39c8e8 !important;
}
.label-info {
    background-color: #F7F712 !important;
}
.label-success {
    background-color: #68c4cd !important;
}
.label-warning {
    background-color: #ff7963 !important;
}
.label-danger {
    background-color: #FF6663 !important;
}

/* FORMS */
.form-group .control-label.required:after {
    content:"*";
}

.form-control {
    border-radius: 2px;
    border-color: #ddd !important;
    box-shadow: none !important;
    font-size: inherit;
    color: inherit;
    font-weight: normal !important;
    padding: 6px 12px !important;
}

.form-control.form-control-md-6 {
    min-width: 50% !important;
}

.form-horizontal .checkbox .control-label {
    padding-top: 0px;
}

.form-group .form-inline, .form-group.form-inline {
    display: flex;
    align-items: center;
}

.form-group textarea {
	min-height : 150px;
}

.input-group-btn .btn {
    font-size: 14px;
    padding: 7px 12px;
    border: 0;
    border-radius: 2px;
}

.input-group-addon {
    color: #4a4a4a;
    border-color: #ddd !important;
    background-color: #f7f7f4;
    border-radius: 2px;
}

.input-group .form-control:first-child, .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection, .input-group > .select2-hidden-accessible:first-child + .select2-container--bootstrap > .selection > .select2-selection.form-control{
    border-right: 0px !important;
}
.input-group.input-group-date {
    display: flex;
}
.input-group.input-group-date > .input-group:first-child .input-group-addon{
    border-radius: 0;
}
.input-group.input-group-date > .input-group:last-child .form-control{
    border-radius: 0;
    border-left: 0;
}


.radio label, .checkbox label {
    line-height: 1.2;
}
.radio label::after, .checkbox label::after {
    font-weight: normal !important;
}

/* DATEPICKER */
.bootstrap-datetimepicker-widget {
    z-index: 10002;
}
.bootstrap-datetimepicker-widget table td.cw,
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table td span.old,
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover{
    color: #4a4a4a;
    font-weight: normal !important;
}
.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #39c8e8;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active{
    background-color: #39c8e8;
}
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
    color: #4a4a4a;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover,
.bootstrap-datetimepicker-widget table td span:hover{
    background: #f7f7f4;
    color: #4a4a4a;
    text-shadow: none;
}

/* TOASTR */
#toast-container.toast-bottom-center > div,
#toast-container.toast-top-center > div {
    margin: 10px auto 0;
}
#toast-container > .toast-info,
#toast-container > .toast-error,
#toast-container > .toast-warning,
#toast-container > .toast-success {
    background-image: none;
    background: #fff;
    border: 1px solid #ddd;
}
#toast-container > div {
    background: #fff;
    padding: 20px;
    color: inherit;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    opacity: 1;
    border-radius: 0px;
}
#toast-container > div:hover {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
}
.toast-close-button {
    color: #ddd;
    right: -.6em;
    top: -0.8em;
}


.toast-progress {
    opacity: 0.6;
}

.toast-info .toast-progress {
    background-color: #39c8e8;
}
.toast-success .toast-progress {
    background-color: #68c4cd;
}
.toast-warning .toast-progress {
    background-color: #ff7963;
}
.toast-error .toast-progress {
    background-color: #FF6663;
}

/* BADGE */
.badge {
    padding: 3px 6px 3px 5px;
    vertical-align: initial;
}
.badge-primary {
    background-color: #39c8e8 !important;
}
.badge-info {
    background-color: #F7F712 !important;
}
.badge-success {
    background-color: #68c4cd !important;
}
.badge-warning {
    background-color: #ff7963 !important;
}
.badge-danger {
    background-color: #FF6663 !important;
}

/* BOUTONS */
.btn {
    border-radius: 0;
    padding: 7px 15px;
    box-shadow: none !important;
    font-size: inherit;
    font-weight: normal;
    text-decoration: none;
}
.btn .badge {
    padding: 2px 6px 2px 5px;
    margin-left: 3px;
}
.btn:hover {
    -webkit-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.btn.btn-sm {
    padding: 2px 8px;
}

.btn-danger {
    background-color: #FF6663;
    border-color: #FF6663;
}
.btn-danger:focus,
.btn-danger.focus {
    background-color: #ee615e;
    border-color: #ee615e;
}
.btn-danger:hover {
    background-color: #ee615e;
    border-color: #ee615e;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-color: #ee615e;
    border-color: #ee615e;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    background-color: #ee615e;
    border-color: #ee615e;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #FF6663;
    border-color: #FF6663;
}
.btn-danger .badge {
    color: #FF6663;
}
/* #79269 */
.btn-group.btn-cb button{
    width: 60px;
    padding: 7px 10px;
}


.btn-white,
.btn-white:focus,
.btn-white.focus,
.btn-white:hover,
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white,
.btn-white:active:hover,
.btn-white.active:hover,
.open > .dropdown-toggle.btn-white:hover,
.btn-white:active:focus,
.btn-white.active:focus,
.open > .dropdown-toggle.btn-white:focus,
.btn-white:active.focus,
.btn-white.active.focus,
.open > .dropdown-toggle.btn-white.focus,
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled.focus,
.btn-white[disabled].focus,
fieldset[disabled] .btn-white.focus {
    background-color: #fff;
    border-color: #ddd;
    color: #4a4a4a;
}
.btn-white .badge {
    background-color: #4a4a4a;
    color: #fff;
}

.btn-warning {
    background-color: #ff7963;
    border-color: #ff7963;
}
.btn-warning:focus,
.btn-warning.focus {
    background-color: #ea6752;
    border-color: #ea6752;
}
.btn-warning:hover {
    background-color: #ea6752;
    border-color: #ea6752;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-color: #ea6752;
    border-color: #ea6752;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
    background-color: #ea6752;
    border-color: #ea6752;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #ff7963;
    border-color: #ff7963;
}
.btn-warning .badge {
    color: #ff7963;
}


.btn-default {
    background-color: #4a4a4a;
    border-color: #4a4a4a;
    color: #ffffff !important;
}
.btn-default:focus,
.btn-default.focus {
    background-color: #2d2d2d;
    border-color: #2d2d2d;
}
.btn-default:hover {
    background-color: #2d2d2d;
    border-color: #2d2d2d;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-color: #2d2d2d;
    border-color: #2d2d2d;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    background-color: #2d2d2d;
    border-color: #2d2d2d;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: #4a4a4a;
    border-color: #4a4a4a;
}
.btn-default .badge {
    color: #2d2d2d;
    background-color: #fff;
}


.btn-primary {
    background-color: #39c8e8;
    border-color: #39c8e8;
    color: #ffffff !important;
}
.btn-primary:focus,
.btn-primary.focus {
    background-color: #35bad8;
    border-color: #35bad8;
}
.btn-primary:hover {
    background-color: #35bad8;
    border-color: #35bad8;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #35bad8;
    border-color: #35bad8;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    background-color: #35bad8;
    border-color: #35bad8;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #39c8e8;
    border-color: #39c8e8;
}
.btn-primary .badge {
    color: #39c8e8;
}




.btn-secondary {
    background-color: #4a90e2;
    border-color: #4a90e2;
    color: #ffffff !important;
}
.btn-secondary:focus,
.btn-secondary.focus {
    background-color: #4483cd;
    border-color: #4483cd;
}
.btn-secondary:hover {
    background-color: #4483cd;
    border-color: #4483cd;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
    background-color: #4483cd;
    border-color: #4483cd;
}
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.open > .dropdown-toggle.btn-secondary:hover,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.open > .dropdown-toggle.btn-secondary:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.open > .dropdown-toggle.btn-secondary.focus {
    background-color: #4483cd;
    border-color: #4483cd;
}
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled.focus,
.btn-secondary[disabled].focus,
fieldset[disabled] .btn-secondary.focus {
    background-color: #4a90e2;
    border-color: #4a90e2;
}
.btn-secondary .badge {
    color: #4a90e2;
}

.btn-info {
    background-color: #F7F712;
    border-color: #F7F712;
    color: #ffffff !important;
}
.btn-info:focus,
.btn-info.focus {
    background-color: #e9e911;
    border-color: #e9e911;
}
.btn-info:hover {
    background-color: #e9e911;
    border-color: #e9e911;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-color: #e9e911;
    border-color: #e9e911;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
    background-color: #e9e911;
    border-color: #e9e911;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color: #F7F712;
    border-color: #F7F712;
}
.btn-info .badge {
    color: #F7F712;
}


.btn-success {
    background-color: #68c4cd;
    border-color: #68c4cd;
    color: #ffffff !important;
}
.btn-success:focus,
.btn-success.focus {
    background-color: #5eb2ba;
    border-color: #5eb2ba;
}
.btn-success:hover {
    background-color: #5eb2ba;
    border-color: #5eb2ba;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-color: #5eb2ba;
    border-color: #5eb2ba;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    background-color: #5eb2ba;
    border-color: #5eb2ba;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
    background-color: #68c4cd;
    border-color: #68c4cd;
}
.btn-success .badge {
    color: #68c4cd;
}


.btn-tertiary {
    background-color: #1F9FBC;
    border-color: #1F9FBC;
    color: #ffffff !important;
}
.btn-tertiary:focus,
.btn-tertiary.focus {
    background-color: #1F9FBC;
    border-color: #1F9FBC;
}
.btn-tertiary:hover {
    background-color: #1F9FBC;
    border-color: #1F9FBC;
}
.btn-tertiary:active,
.btn-tertiary.active,
.open > .dropdown-toggle.btn-tertiary {
    background-color: #1F9FBC;
    border-color: #1F9FBC;
}
.btn-tertiary:active:hover,
.btn-tertiary.active:hover,
.open > .dropdown-toggle.btn-tertiary:hover,
.btn-tertiary:active:focus,
.btn-tertiary.active:focus,
.open > .dropdown-toggle.btn-tertiary:focus,
.btn-tertiary:active.focus,
.btn-tertiary.active.focus,
.open > .dropdown-toggle.btn-tertiary.focus {
    background-color: #1F9FBC;
    border-color: #1F9FBC;
}
.btn-tertiary.disabled:hover,
.btn-tertiary[disabled]:hover,
fieldset[disabled] .btn-tertiary:hover,
.btn-tertiary.disabled:focus,
.btn-tertiary[disabled]:focus,
fieldset[disabled] .btn-tertiary:focus,
.btn-tertiary.disabled.focus,
.btn-tertiary[disabled].focus,
fieldset[disabled] .btn-tertiary.focus {
    background-color: #1F9FBC;
    border-color: #1F9FBC;
}
.btn-tertiary .badge {
    color: #1F9FBC;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn-file small {
    font-style: italic;
}


/* PANELS */
.panel {
    border: none !important;
    border-radius: 0px;
    box-shadow: none !important;
    background-color: transparent;
}
.tab-content > .panel {
    border-left: solid 1px #ddd !important;
    border-right: solid 1px #ddd !important;
    border-bottom: solid 1px #ddd !important;
}
.panel.panel-scrollable > .panel-body{
    max-height: 440px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.panel > .panel-heading {
    background-color: transparent;
    border: none;
    padding-left: 0px;
    padding-right: 0px;
}

.panel > .panel-heading > h3 > a {
    color: inherit;
    text-decoration: none !important;
}

.panel > .panel-heading > h3 > a:after {
    content: "\f078";
    color: #4a4a4a !important;
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    margin-left: 8px;
}
.panel.panel-collapse > .panel-heading > h3 > a:after {
    content: "\f077";
}
.panel.panel-collapse > .panel-body, .panel.panel-collapse > .panel-footer {
    display: none;
}

.panel > .panel-footer {
    border-top: 0px;
    border-radius: 0px;
}
.panel > .panel-heading h3 {
    margin: 0px;
    color: #39c8e8;
    display: inline-block;
}
.panel > .panel-heading > .btn-group {
    position: absolute;
    margin-left: 5px;
}
.panel .panel > .panel-heading h3 {
    color: #4a90e2;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.panel.panel-white > .panel-body, .panel.panel-white .panel-footer {
    background-color: #fff;
}

.panel.panel-default > .panel-body, .panel.panel-default .panel-footer {
    background-color: #f2f4f4;
}

.panel.panel-danger > .panel-body {
    background-color: #fed6cb;
    color: #FF6663;
}
.panel.panel-danger .panel-footer {
    background-color: #fed6cb;
}

.panel.panel-info > .panel-body {
    background-color: #d9edf7;
    color: #31708f;
}
.panel.panel-info .panel-footer {
    background-color: #d9edf7;
}

.panel.panel-success2 > .panel-body {
    background-color: #f3f7ea;
    color: #7ab800;
}
.panel.panel-success2 .panel-footer {
    background-color: #f3f7ea;
}

.panel.panel-bordered > .panel-body, .panel.panel-bordered .panel-footer {
    border: solid 1px #ddd !important;
}

.panel.panel-marking > .panel-body {
    background-color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
}

.panel.panel-marking > .panel-body .tools {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-end;
}

.panel.panel-marking > .panel-body .tools > img {
    max-width: 50px;
    max-height: 50px;
}

.panel.panel-marking > .panel-body .tools > .param {
    width: 15px;
}



.panel.panel-selected > .panel-body {
    background-color: #fefee7 !important;
}

.panel.panel-question > .panel-body > ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.panel.panel-question > .panel-body > ul > li {
    display: none;
}
.panel.panel-question > .panel-body > ul > li.active, .panel.panel-question > .panel-body > ul > li.level0 {
    display: block !important;
}
.panel.panel-question > .panel-body > ul > li.level1{
    margin-left: 15px;
}
.panel.panel-question > .panel-body > ul > li.level2{
    margin-left: 30px;
}
.panel.panel-question > .panel-body > ul > li.level3{
    margin-left: 45px;
}
.panel.panel-question > .panel-body > ul > li.level4{
    margin-left: 60px;
}
.panel.panel-question > .panel-body > ul > li.level5{
    margin-left: 75px;
}
.panel.panel-question > .panel-body > ul > li.level6{
    margin-left: 90px;
}
.panel.panel-question > .panel-body > ul > li.level7{
    margin-left: 105px;
}
.panel.panel-question > .panel-body > ul > li.level8{
    margin-left: 120px;
}
.panel.panel-question > .panel-body > ul > li.level9{
    margin-left: 135px;
}
.panel.panel-question > .panel-body > ul > li.level10{
    margin-left: 150px;
}
.panel.panel-question > .panel-body > ul > li .checkbox input.delete + label.control-label,
.panel.panel-marking > .panel-body .checkbox input.delete + label.control-label,
.panel.panel-regulation > .panel-body .form-group > .checkbox input.delete + label.control-label
{
    text-decoration: line-through !important;
}

.panel.panel-marking > .panel-body .checkbox input.new + label.control-label,
.panel.panel-question > .panel-body > ul > li .checkbox input.new + label.control-label {
    font-weight: bold !important;
}
.panel.panel-question > .panel-body .form-group {
    margin: 6px 0;
}
.panel.panel-question > .panel-body > ul > li.fadeout,
.panel.panel-regulation > .panel-body .wrapper.fadeout > .form-group {
    opacity: 0.3 !important;
    pointer-events: none;
}

.panel.panel-certification > .panel-body {
    background-color: #f2f4f4;
}

.panel.panel-certification input {
	color: #4a4a4a;
}

.panel.panel-certification textarea{
    min-height: 90px;
}
.panel.panel-certification > .panel-heading {
    display: flex;
    align-items: center;
}
.panel.panel-certification > .panel-heading > em {
    display: flex;
    align-items: center;
    margin-left: auto;
    color: #9b9b9b;
    font-size: 12px;
}
.panel.panel-certification > .panel-heading > em > .badge{
    display: block;
    width: 35px;
    height: 25px;
    background-color: #046380;
    border-radius: 0;
    margin-right: 5px;
}
.panel.panel-certification .panel > .panel-heading {
    padding: 15px 15px 0 15px;
}
.panel.panel-certification .panel > .panel-heading label {
    color: #4a4a4a;
    font-weight: bold;
}

.panel.panel-regulation {
    background-color: #fff;
}
.panel.panel-regulation > .panel-heading, .panel.panel-regulation > .panel-body{
    background-color: transparent;
    padding: 10px 40px !important;
}
.panel.panel-regulation > .panel-body{
    padding-top: 0 !important;
}
.tab-tcf .panel.panel-regulation > .panel-heading, .tab-tcf .panel.panel-regulation > .panel-body{
    padding-left: 80px !important;
    padding-right: 40px !important;
}

.panel.panel-regulation > .panel-body .wrapper {
    position: relative;
}
.panel.panel-regulation > .panel-body .wrapper .form-group {
    margin: 3px 0;
    padding: 3px 0;
    position: relative;
}
.tab-norms-selection .panel.panel-regulation > .panel-body .wrapper > .form-group,
.tab-tcf .panel.panel-regulation > .panel-body .wrapper > .form-group > .row{
    display: flex;
    align-items: center;
}

.tab-tcf .panel.panel-regulation > .panel-body .wrapper > .form-group > .row > *:last-child,
.tab-norms-selection .panel.panel-regulation > .panel-body .wrapper > .form-group > *:last-child {
    text-align: right;
    margin-left: auto;
}
.panel.panel-regulation > .panel-body > div.group:first-child {
    margin-top: 0 !important;
}
.panel.panel-regulation > .panel-body > div.group:last-child {
    margin-bottom: 0 !important;
}
.panel.panel-regulation > .panel-body .or .wrapper em,
.panel.panel-regulation > .panel-body .replace .wrapper em,
.panel.panel-regulation > .panel-body .and .or .wrapper em,
.panel.panel-regulation > .panel-body .and .replace .wrapper em{
    color: #fff;
}
.panel.panel-regulation > .panel-body .wrapper em, .panel.panel-regulation > .panel-body .and .wrapper em {
    color: #9b9b9b;
}
.panel.panel-regulation > .panel-body .wrapper em.warning:before {
    display: inline-block;
    font-family: FontAwesome;
    content: "\f071";
    text-rendering: auto;
    margin-right: 5px;
    font-style: normal;
}
.panel.panel-regulation > .panel-body .wrapper .checkbox > label {
     min-height: auto;
}
.panel.panel-regulation > .panel-body .group {
    position: relative;
}
.panel.panel-regulation > .panel-body .or,
.panel.panel-regulation > .panel-body .replace{
    margin: 10px -30px;
    padding: 7px 30px;
}

.panel.panel-regulation > .panel-body .or.has-multi-wrapper,
.panel.panel-regulation > .panel-body .replace.has-multi-wrapper{
    background: #046380;
    color: #fff;
}

.panel.panel-regulation > .panel-body .or .group,
.panel.panel-regulation > .panel-body .replace .group{
    padding: 0;
    margin: 0;
}

.panel.panel-regulation > .panel-body .and > .wrappers {
    background: #fff;
    color: #4a4a4a;
}

.tab-norms-selection .panel.panel-regulation > .panel-body .and > .wrappers {
    padding: 7px 20px 7px 50px;
    margin: 3px -20px;
}
.tab-tcf .panel.panel-regulation > .panel-body .and > .wrappers {
    padding: 7px 20px 7px 60px;
    margin: 3px -20px 3px -60px;
    position: relative;
}

.tab-tcf .panel.panel-regulation > .panel-body .or,
.tab-tcf .panel.panel-regulation > .panel-body .replace{
    margin: 10px -30px 10px -70px;
    padding:7px 30px 7px 70px;
}
.tab-tcf .panel.panel-regulation > .panel-body .or .group,
.tab-tcf .panel.panel-regulation > .panel-body .replace .group{
    margin: 0;
    padding: 0;
}

.panel.panel-regulation > .panel-body .or > .and:not(:last-child):after {
    margin-left: -45px;
}
.panel.panel-regulation > .panel-body .or.has-multi-wrapper > .wrappers > div:not(:last-child):after,
.panel.panel-regulation > .panel-body .replace.has-multi-wrapper > .wrappers > div:not(:last-child):after {
    content: 'OR';
    display: block;
    font-size: 11px;
    color: #fff;
    text-align: left;
    line-height: 1;
}
.tab-tcf .panel.panel-regulation > .panel-body .or .and,
.tab-tcf .panel.panel-regulation > .panel-body .or .and:after{
    margin-top: 13px;
}

.panel.panel-regulation > .panel-body .and.has-multi-wrapper .group {
    margin: 0 -10px;
    padding: 0 10px;
}
.panel.panel-regulation > .panel-body .and.has-multi-wrapper > .wrappers > span {
    border-left: solid 1px #ccc;
    display: block;
    position: absolute;
    left: 10px;
    z-index: 5;
    height: 0;
}
.tab-tcf .panel.panel-regulation > .panel-body .and.has-multi-wrapper > .wrappers > span {
    left: 40px
}
.panel.panel-regulation > .panel-body .and.has-multi-wrapper > .wrappers  > span:before {
    content: 'AND';
    display: block;
    position: absolute;
    z-index: 6;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 11px;
    color: #046380;
    right: 4px;
    line-height: 1;
}
.panel.panel-regulation > .panel-body .and.has-multi-wrapper > .wrappers > .wrapper:before,
.panel.panel-regulation > .panel-body .and.has-multi-wrapper > .wrappers > .group:before{
    content: '';
    width: 7px;
    border-top: solid 1px #ccc;
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
}
.panel.panel-regulation > .panel-body .and.has-multi-wrapper > .wrappers > .group:before {
    left: -10px;
}

.panel.panel-country .checkbox input.delete + label.control-label {
    text-decoration: line-through !important;
}
.panel.panel-country .checkbox input.new + label.control-label {
    font-weight: bold !important;
}

.panel.panel-filter-country .checkbox input.text-danger + label.control-label {
    color: #FF6663 !important;
    font-weight: bold;
}
.panel.panel-filter-country .checkbox input.text-warning2 + label.control-label {
    color: #ffb335 !important;
    font-weight: bold;
}
.panel.panel-filter-country .checkbox input.text-info2 + label.control-label {
    color: #dfd200 !important;
    font-weight: bold;
}
.panel.panel-filter-country .checkbox input.text-success2 + label.control-label {
    color: #7AB800 !important;
    font-weight: bold;
}

.panel-document {
    border: solid 1px #ccc !important;
    text-align: center;
}
.panel-document:hover {
    border-color: #4a4a4a !important;
}
.panel-document > .panel-heading > a {
    height: 100px;
    width: 90%;
    background-size: cover;
    display: inline-block;
    margin: auto;
}
.panel-document > .panel-body  {
    padding-top: 5px;
    padding-bottom: 5px;
}
.panel-document > .panel-body p {
    margin: 0;
}
.panel-document > .panel-body p a {
    font-weight: bold;
    text-decoration: none;
}
.panel-document > .panel-footer {
    font-size: 11px;
}

.panel-dashboard table.table td{
    text-align: center;
    vertical-align: middle;
}

.panel-dashboard table.table tr td{
    text-align: center;
    vertical-align: middle;
}
.panel-dashboard .panel-body {
    padding-left: 0;
    padding-right: 0;
}

/* AUTOCOMPLETE */
.ui-autocomplete {
    z-index: 9999;
    position: absolute;
    cursor: pointer;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background-color: #fff;
    padding: 0px;
    list-style: none;
}

.ui-autocomplete li {
    padding: 2px 14px;
}

.ui-autocomplete li a {
    text-decoration: none;
    color: inherit;
}

.ui-helper-hidden-accessible {
    display: none;
}

/* SELECT MULTIPLE */
.select-multiple > .row.row-input {
    display: flex;
    align-items: center;
    justify-content: center;
}
.select-multiple > .row.row-input > .col-xs-5 {
    margin-bottom: auto;
}
.select-multiple > .row.row-input > .col-xs-2 {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.select-multiple > .row.row-input > .col-xs-2 > .btn{
    text-decoration: none !important;
    padding-left: 15px;
    padding-right: 15px;
}
.select-multiple > .row.row-input > .col-xs-2 > .btn + .btn{
    margin-top: 30px;
}
.select-multiple select {
    height: 200px;
}
.select-multiple select > option {
    padding: 3px 0;
}

/* SELECT */
.select2-container--bootstrap {
    width: 100% !important;
}
.select2-container--bootstrap .select2-results__group {
    color: #4a4a4a !important;
    font-size: 14px;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #4a4a4a !important;
}
.select2-container--bootstrap .select2-selection {
    border-color: #ddd !important;
    border-radius: 2px;
    box-shadow: none !important;
    color: #4a4a4a !important;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    line-height: 1.4;
}
.select2-container--bootstrap .select2-dropdown {
    color: #4a4a4a !important;
    border-color: #ddd !important;
    font-size: 14px;

}
.select2-container--bootstrap .select2-results__option[aria-selected="true"] {
    background-color: #f7f7f4;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #39C8E8 !important;
    color: #ffffff !important;
}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    border-radius: 2px;
    color: #4a4a4a !important;
    border-color: #ddd !important;
    width: 100% !important;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
    padding: 0px 0px 3px 5px;
    /*max-width: 335px;*/
    max-width: 100%;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 5px;
    border-radius: 2px;
    color: #4a4a4a !important;
    border-color: #ddd !important;
    font-size: 14px;
    max-width: calc(100% - 5px);
    text-overflow: ellipsis;
    overflow: hidden;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
    color: #ddd !important;
}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    height: 29px;
    width: 100% !important;
}

/* DISPLAY */
.d-block {
    display: block;
}
.d-inline-block {
    display: inline-block;
}
.d-table-cell {
    display: table-cell;
    vertical-align: middle;
}
.d-flex {
    display: flex;
}
.flex-row {
    flex-direction: row;
}
.flex-column {
    flex-direction: column;
}
.alignCenter {
    align-items: center;
}
.row-eq-height {
    display: flex;
    flex-flow: row wrap;
}

/* SPACING CLASSES */
.m-n {
    margin: 0 !important;
}
.m-xxs {
    margin: 2px 4px !important;
}
.m-xs {
    margin: 5px !important;
}
.m-sm {
    margin: 10px !important;
}
.m {
    margin: 15px !important;
}
.m-md {
    margin: 20px !important;
}
.m-lg {
    margin: 30px !important;
}
.m-xl {
    margin: 50px !important;
}

.m-l-none {
    margin-left: 0 !important;
}
.m-l-auto {
    margin-left: auto !important;
}
.m-l-xs {
    margin-left: 5px !important;
}
.m-l-sm {
    margin-left: 10px !important;
}
.m-l {
    margin-left: 15px !important;
}
.m-l-md {
    margin-left: 20px !important;
}
.m-l-lg {
    margin-left: 30px !important;
}
.m-l-xl {
    margin-left: 40px !important;
}

.m-t-none {
    margin-top: 0 !important;
}
.m-t-xs {
    margin-top: 5px !important;
}
.m-t-sm {
    margin-top: 10px !important;
}
.m-t {
    margin-top: 15px !important;
}
.m-t-md {
    margin-top: 20px !important;
}
.m-t-lg {
    margin-top: 30px !important;
}
.m-t-xl {
    margin-top: 40px !important;
}
.m-r-none {
    margin-right: 0 !important;
}
.m-r-auto {
    margin-right: auto !important;
}
.m-r-xs {
    margin-right: 5px !important;
}
.m-r-sm {
    margin-right: 10px !important;
}
.m-r {
    margin-right: 15px !important;
}
.m-r-md {
    margin-right: 20px !important;
}
.m-r-lg {
    margin-right: 30px !important;
}
.m-r-xl {
    margin-right: 40px !important;
}

.m-b-none {
    margin-bottom: 0 !important;
}
.m-b-xs {
    margin-bottom: 5px !important;
}
.m-b-sm {
    margin-bottom: 10px !important;
}
.m-b {
    margin-bottom: 15px !important;
}
.m-b-md {
    margin-bottom: 20px !important;
}
.m-b-lg {
    margin-bottom: 30px !important;
}
.m-b-xl {
    margin-bottom: 40px !important;
}

.p-none {
    padding: 0px !important;
}
.p-t-none {
    padding-top: 0px !important;
}
.p-l-none {
    padding-left: 0px !important;
}
.p-r-none {
    padding-right: 0px !important;
}
.p-b-none {
    padding-bottom: 0px !important;
}
.p-xxs {
    padding: 2px 4px !important;
}
.p-xs {
    padding: 5px !important;
}
.p-sm {
    padding: 10px !important;
}
.p {
    padding: 15px !important;
}
.p-md {
    padding: 20px !important;
}
.p-lg {
    padding: 30px !important;
}
.p-xl {
    padding: 50px !important;
}

.p-l-xs {
    padding-left: 5px !important;
}
.p-l-sm {
    padding-left: 10px !important;
}
.p-l {
    padding-left: 15px !important;
}
.p-l-md {
    padding-left: 20px !important;
}
.p-l-lg {
    padding-left: 30px !important;
}
.p-l-xl {
    padding-left: 40px !important;
}

.p-t-xs {
    padding-top: 5px !important;
}
.p-t-sm {
    padding-top: 10px !important;
}
.p-t {
    padding-top: 15px !important;
}
.p-t-md {
    padding-top: 20px !important;
}
.p-t-lg {
    padding-top: 30px !important;
}
.p-t-xl {
    padding-top: 40px !important;
}

.p-r-xs {
    padding-right: 5px !important;
}
.p-r-sm {
    padding-right: 10px !important;
}
.p-r {
    padding-right: 15px !important;
}
.p-r-md {
    padding-right: 20px !important;
}
.p-r-lg {
    padding-right: 30px !important;
}
.p-r-xl {
    padding-right: 40px !important;
}

.p-b-xs {
    padding-bottom: 5px !important;
}
.p-b-sm {
    padding-bottom: 10px !important;
}
.p-b {
    padding-bottom: 15px !important;
}
.p-b-md {
    padding-bottom: 20px !important;
}
.p-b-lg {
    padding-bottom: 30px !important;
}
.p-b-xl {
    padding-bottom: 40px !important;
}

/* BORDERS */
.b-l {
    border-left: solid 1px #dedede !important;
}
.b-r {
    border-right: solid 1px #dedede !important;
}
.b-b {
    border-bottom: solid 1px #dedede !important;
}
.b-t {
    border-top: solid 1px #dedede !important;
}

/* WIDTH */
.w-5-pc {
    width: 5% !important;
}
.w-10-pc {
    width: 10% !important;
}
.w-15-pc {
    width: 15% !important;
}
.w-20-pc {
    width: 20% !important;
}
.w-25-pc {
    width: 25% !important;
}
.w-30-pc {
    width: 30% !important;
}
.w-35-pc {
    width: 35% !important;
}
.w-40-pc {
    width: 40% !important;
}
.w-45-pc {
    width: 45% !important;
}
.w-50-pc {
    width: 50% !important;
}
.w-55-pc {
    width: 55% !important;
}
.w-60-pc {
    width: 60% !important;
}
.w-65-pc {
    width: 65% !important;
}
.w-70-pc {
    width: 70% !important;
}
.w-75-pc {
    width: 75% !important;
}
.w-80-pc {
    width: 80% !important;
}
.w-85-pc {
    width: 85% !important;
}
.w-90-pc {
    width: 90% !important;
}
.w-95-pc {
    width: 95% !important;
}
.w-100-pc {
    width: 100% !important;
}

/* LOADING */
.loading-input:before {
    display: inline-block;
    padding: 3px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f1ce";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

/* SUMMERNOTE */
.note-editor, .note-editor .note-toolbar {
    border-color: #ddd !important;
}
.note-editor .note-toolbar {
    background-color: #fff;
}
.note-editor .note-editable {
    background-color: #fff;
    height: 150px !important;
}
.note-editor .btn-default {
    color: #333333 !important;
    background-color: #fff !important;
    border-color: #ddd !important;
}
.note-editor .btn-default.active {
    background-color: #ebebeb !important;
}
.note-editor .btn-sm, .note-editor .btn-xs {
    padding: 5px 10px !important;
}
.note-editor .btn-sm .fa, .note-editor .btn-xs .fa {
    line-height: 1.5 !important;
}
.note-editor .note-toolbar > .btn-group {
    margin-top: 10px;
    margin-right: 10px;
}
.note-editor .note-toolbar {
    padding: 0 0 10px 10px;
}
.note-editor .dropdown-menu {
    min-width: 223px;
    padding: 5px;
}
.note-editor .note-codable {
    background-color: #f7f7f7 !important;
    color: #4a4a4a !important;
}
.note-editor .note-dialog .modal-header .close,
.note-editor .note-dialog .modal-body .checkbox {
    display: none;
}
.note-editor .note-dialog .modal-header h4 {
    font-size: 18px;
    font-weight: 600;
}
.note-editor .note-dialog .modal-dialog {
    width: 900px;
    margin-top: 30px !important;
    transform: none !important;
    top: 0px !important;
}
.note-editor .note-dialog .modal-body .form-group {
    margin-right: 0;
    margin-left: 0;
}
.note-editor .note-dialog .modal-body label {
    width: 33.33333333%;
    float: left;
}
.note-editor .note-dialog .modal-body .form-control {
    width: 66.66666667%;
    float: left;
}
.note-editor .note-dialog .modal-footer .note-link-btn {
    background-color: #ff7963;
    border-color: #ff7963;
}
.note-editor .note-dialog .modal-footer .note-link-btn:focus,
.note-editor .note-dialog .modal-footer .note-link-btn.focus {
    background-color: #ea6752;
    border-color: #ea6752;
}
.note-editor .note-dialog .modal-footer .note-link-btn:hover {
    background-color: #ea6752;
    border-color: #ea6752;
}
.note-editor .note-dialog .modal-footer .note-link-btn:active,
.note-editor .note-dialog .modal-footer .note-link-btn.active{
    background-color: #ea6752;
    border-color: #ea6752;
}

.note-editor .note-link-popover {
    min-width: auto;
}

.note-editor .note-color {
    display: flex;
}
.note-editor .note-color .dropdown-toggle{
    width: 30px;
}
.note-editor .note-color .dropdown-menu{
    min-width: 345px;
}

/* NAV */
.nav-tabs > li > a {
    text-decoration: none;
}
.nav > li > a:hover {
    background-color: #f2f4f4;
    border-color: #f2f4f4 #f2f4f4 #ddd;
}

/* TREE */
ul.tree {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.tree > li {
    margin-top: 5px;
    margin-bottom: 5px;
}
.tree div.item:before, .tree > li:before {
    display: inline-block;
    font: normal normal normal 11px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f101";
    margin-right: 5px;
    position: relative;
    top: -1px;
}
.tree div.item.m-l-none, .tree > li.m-l-none {
    margin-left: 0 !important;
}
.tree div.item.m-l-xs, .tree > li.m-l-xs {
    margin-left: 20px !important;
}
.tree div.item.m-l-sm, .tree > li.m-l-sm {
    margin-left: 40px !important;
}
.tree div.item.m-l, .tree > li.m-l {
    margin-left: 60px !important;
}
.tree div.item.m-l-md, .tree > li.m-l-md {
    margin-left: 80px !important;
}
.tree div.item.m-l-lg, .tree > li.m-l-lg {
    margin-left: 100px !important;
}
.tree div.item.m-l-xl, .tree > li.m-l-xl {
    margin-left: 120px !important;
}

/* TOOLTIP */
.tooltip-inner {
    max-width: 400px;
    min-width: 150px;
    background-color: #4a4a4a;
}
.tooltip.bottom > .tooltip-arrow {
    border-bottom-color: #4a4a4a;
}
.tooltip.top > .tooltip-arrow {
    border-top-color: #4a4a4a;
}
.tooltip-inner p {
    margin: 6px 0;
}
/* BADGE */
.badge {
    background-color: #4a4a4a;
}

/* POPOVER */
.popover {
    border-radius: 0px;
    min-width: 250px;
    max-width: 1000px;
    border-color: #ddd;
    font-size: 14px;
    font-family: 'Work Sans', sans-serif;
    z-index: 1051;
    color: #4a4a4a !important;
}
.popover.popover-xl {
    min-width: 385px;
}
.popover.popover-xxl {
    min-width: 500px;
}
.popover.popover-top {
    top: 0 !important;
}
.popover.popover-top .arrow {
    top: 25% !important;
}

.popover.left > .arrow {
    border-left-color: #ddd;
}
.popover.right > .arrow {
    border-right-color: #ddd;
}
.popover.top > .arrow {
    border-top-color: #ddd;
}
.popover.bottom > .arrow {
    border-bottom-color: #ddd;
}

.popover .popover-content .popover-form {
    display: flex;
    align-items: center;
}
.popover .popover-content .popover-form > * {
    margin-right: 8px;
    width: auto;
}
.popover .popover-content .popover-form > textarea {
    width: 100%;
}
.popover .popover-content .popover-form .form-inline {
    display: flex;
    align-items: center;
}
.popover .popover-content .popover-form .btn {
    padding-top: 6px;
    padding-bottom: 6px;
}
table.table td .popover.left {
    transform: translateX(-100%);
}


/* MODAL */
.modal-content {
    border-radius: 0px;
}
.modal-header {
    border-color: #ddd;
}
.modal-footer {
    border-top: 0px;
}
.modal.in .modal-dialog, .modal.fade .modal-dialog {
    margin-top: 0px;
    transform: translateY(-50%);
    top: 50%;
}
.modal.in .modal-dialog.modal-scrollable, .modal.fade .modal-dialog.modal-scrollable {
    margin-top: 30px;
    transform: none;
    top: 0px;
}
.modal-title {
    color: #39c8e8;
}
.modal-sm {
    width: 400px;
}
.modal-lg {
    width: 900px;
}
.modal-xl {
    width: 1200px;
}
.modal-xxl {
    width: 1400px;
}

.modal#modalColumn .modal-body fieldset .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}
.modal#modalColumn .modal-body fieldset .form-children {
    margin-left: 20px;
}

/* DROPZONE */
.dropzone {
    border: 1px dashed #ddd !important;
    visibility: visible !important;
    background: #fff !important;
    text-align: center !important;
    border-radius: 2px;
}
.dropzone i {
    font-size: 45px;
}
.dropzone .dz-message {
    margin-top: 15px;
    margin-bottom: 15px;
}
.dropzone .dz-message .message {
    margin-top: 5px;
}
.dropzone {
    margin: auto;
}
.dropzone .dz-filename {
    display: none;
}
.dropzone .dz-preview {
    width: auto;
}

/* TABLES */
.table-wrapper .table-actions ul.pagination {
    margin: 0px;
    justify-content: end;
}

.table-wrapper .table-actions ul.pagination a {
    color: inherit;
    background-color: transparent;
    border: 0px;
    padding: 8px 10px;
    font-weight: normal;
}
.table-wrapper .table-actions ul.pagination li.disabled a {
    color: #ddd;
}
.table-wrapper .table-actions ul.pagination a:focus {
    box-shadow: none;
}
.table-wrapper .table-actions ul.pagination li:first-child a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 0px;
}
.table-wrapper .table-actions ul.pagination li:last-child a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 0px;
}

.table-wrapper .table-actions ul.pagination li.next a:before {
    display: inline-block;
    font-family: FontAwesome;
    content: "\f105";
    text-rendering: auto;
}
.table-wrapper .table-actions ul.pagination li.previous a:before {
    display: inline-block;
    font-family: FontAwesome;
    content: "\f104";
    text-rendering: auto;
}

.table-wrapper .table-actions ul.pagination li.active a {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
    color: #39c8e8;
    font-weight: 600;
}

.table-wrapper .table-actions, .table-wrapper .table-title {
    display: flex;
    align-items: center;
}
.table-wrapper .table-actions.table-actions-center {
    justify-content: center;
}
.table-wrapper .table-actions.table-actions-right {
    justify-content: flex-end;
}
.table-wrapper .table-actions.table-actions-left {
    justify-content: flex-start;
}
.table-wrapper .table-actions > * {
    margin: 0px 20px;
}
.table-wrapper .table-actions.table-actions-right > * {
    margin-right: 0px;
}
.table-wrapper .table-actions.table-actions-left > * {
    margin-left: 0px;
}
.table-wrapper .table-actions .table-actions-filters > .btn-group{
    display: flex;
}
.table-wrapper .table-actions .table-actions-length label{
    display: flex;
    margin-bottom: 0px;
    align-items: center;
    font-weight: normal;
}
.table-wrapper .table-actions .table-actions-length .select2-container--bootstrap .select2-selection--single,
.table-wrapper .table-actions .table-actions-mass .select2-container--bootstrap .select2-selection--single,
.table-wrapper .table-actions .table-actions-shortcuts .select2-container--bootstrap .select2-selection--single{
    height: 38px;
    line-height: 1.70;
}
.table-wrapper .table-actions .table-actions-length label .select2{
    margin: 0px 5px;
}
.table-wrapper .table-actions .table-actions-mass,  .table-wrapper .table-actions .table-actions-shortcuts form{
    display: flex;
    align-items: center;
}
.table-wrapper .table-actions .table-actions-mass > .form-group, .table-wrapper .table-actions .table-actions-shortcuts form > .form-group {
    margin-bottom: 0px;
}
.table-wrapper .table-actions .table-actions-mass > *, .table-wrapper .table-actions .table-actions-shortcuts form > * {
    margin: 0px 20px 0px 0px;
}
.table-wrapper .table-actions .table-actions-mass > *:last-child, .table-wrapper .table-actions .table-actions-shortcuts form > :last-child {
    margin-right: 0px;
}
.table-wrapper .table-actions .table-actions-mass  .select2-container--bootstrap {
    width: 180px !important;
}
.table-wrapper .table-actions .table-actions-shortcuts .select2-container--bootstrap, .input-group.input-group-date .form-control {
    width: 150px !important;
}
.table-wrapper .table-actions .table-actions-length  .select2-container--bootstrap {
    width: 90px !important;
}
.table-wrapper .table-title h1 {
    margin: 0px;
}


table.table {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-bottom: solid 1px #dedede;
    border-collapse: separate; !important;
}
table.table.table-bordered > thead > tr > th, table.table.table-bordered > tbody > tr > td {
    border-left-width: 0 !important;
}
table.table.table-bordered > thead > tr > th, table.table.table-bordered > tbody > tr > td {
    border-bottom-width: 0 !important;
}
table.table.table-bordered > thead > tr > th:last-child, table.table.table-bordered > tbody > tr > td:last-child {
    border-right-width: 0 !important;
}
table.table > thead > tr > th.sorting_asc, table.table > thead > tr > th.sorting_desc, table.table > thead > tr > th.sorting {
    padding-right: 10px;
    padding-left: 10px;
}
table.table > thead .sorting::after, table.table > thead .sorting_asc::after, table.table > thead .sorting_desc::after, table.table > thead .sorting_asc_disabled::after, table.table > thead .sorting_desc_disabled::after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 1;
    padding: 1px 5px;
}
table.table > thead .sorting::after {
    display: none;
}
table.table > thead .sorting_desc::after {
    content: "\f0d8";
    position: initial;
}
table.table > thead .sorting_asc::after {
    content: "\f0d7";
    position: initial;
}

table.table > thead > tr > th {
    border-top: 0px;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    border-bottom-width: 1px;
}

table.table > thead > tr > th.active {
    background-color: inherit;
}
table.table > thead > tr:last-child > th {
    border-bottom: 0px;
}

table.table > thead > tr > th .bootstrap-datetimepicker-widget {
    font-weight: normal;
}
table.table > thead > tr > th .input-group-btn .btn {
    padding: 9px 12px;
    font-size: 14px;
    background-color: #fff;
    border-color: #ddd;
    border-left-color: rgb(221, 221, 221);
    border-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    color: #ddd;
    border-left: 0px;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-right: solid 1px;
}
table.table > tbody > tr > td > .bg{
    height: calc(100% + 28px);
    width: calc(100% + 20px);
    padding: 14px 10px;
    display: table;
    margin: -14px -10px;
}
table.table > thead > tr > th, table.table > tbody > tr > td {
    position: relative;
    height: 1px;
}
@-moz-document url-prefix() {
    table.table > thead > tr > th, table.table > tbody > tr > td {
        height: 100%;
    }
}
table.table > thead > tr:first-child > th.filter {
    min-width: 140px;
}
table.table > thead > tr:first-child > th.filter > .form-group {
    margin-bottom: 0px;
}
table.table > thead > tr:first-child > th.filter > .form-group + .form-group  {
    margin-top: 5px;
}
table.table.table-bordered, table.table > thead > tr > th, table.table > tbody > tr > td {
    border-color: #dedede !important;
}
table.table.table-bordered > thead > tr > th {
    border-bottom-width: 1px !important;
}
table.table.table-striped > tbody > tr:nth-child(2n+1) > td,
table.table.table-striped > tbody > tr:nth-child(2n+1) + tr.detail > td,
table.table > tbody > tr.odd > td,
table.table > tbody > tr.odd + tr.detail > td{
    background-color: #f7f7f4;
}

table.table > tbody > tr.even > td,
table.table > tbody > tr.even + tr.detail > td{
    background-color: white;
}

table.table > tbody > tr.active > td, table.table > tbody > tr.active + tr.detail > td,
table.table > tbody > tr.active > td .bg, table.table > tbody > tr.active + tr.detail > td .bg{
    background-color: #fefee7 !important;
}
table.table > tbody > tr.detail > td{
    padding: 25px 40px;
}

table.table .check {
    text-align: center;
    vertical-align: middle;
    width: 30px !important;
    cursor: pointer;
    box-sizing: border-box;
}
table.table thead .check {
    vertical-align: bottom;
}
table.table td.check .checkbox, table.table th.check .checkbox {
    margin: 0px;
}
table.table td.check .checkbox label, table.table th.check .checkbox label {
    padding-left: 0px;
}
table.table > thead > tr > th,
table.table > tbody > tr > th,
table.table > tfoot > tr > th,
table.table > thead > tr > td,
table.table > tbody > tr > td,
table.table > tfoot > tr > td{
    padding: 14px 10px;
}
table.table.table-condensed > thead > tr > th,
table.table.table-condensed > tbody > tr > th,
table.table.table-condensed > tfoot > tr > th,
table.table.table-condensed > thead > tr > td,
table.table.table-condensed > tbody > tr > td,
table.table.table-condensed > tfoot > tr > td{
    padding: 5px 10px;
}
table.table td.action, table.table tr.detail td table.table td.action{
    width: 160px;
    min-width: 160px;
}
.shipment-list table.table td.action{
    width: 180px;
    min-width: 180px;
}
table.table td.action a[data-toggle='expand'] > span:last-child, table.table td.action a[data-toggle='expand'].expanded > span:first-child {
    display: none;
}
table.table td.action a[data-toggle='expand'] > span:first-child, table.table td.action a[data-toggle='expand'].expanded > span:last-child {
    display: inherit;
}
table.table > tbody > tr > td.action > div{
    display: flex;
    justify-content: space-between;
}
table.table > tbody > tr > td.action > div > .link-actions,
table.table > tbody > tr.detail > td > table > tbody > tr > td.action > .link-actions{
    display: inline-flex;
    flex-direction: column;
}
table.table > tbody > tr > td.action > div > .link-actions.link-actions-primary{
    text-align: left;
    align-items: flex-start;
}
table.table > tbody > tr > td.action > div > .link-actions.link-actions-secondary{
    text-align: right;
    align-items: flex-end;
}
table.table td.action .link-actions i {
    width: 15px;
    text-align: center;
}
table.table td.action a{
    color: #4a4a4a;
    text-decoration: none;
}
table.table td.action a:hover{
    font-weight: 600;
}
table.table td.action .link-actions-secondary > a{
    white-space: nowrap;
}
table.table td.action .link-actions-secondary .popover a{
    font-weight: normal !important;
    color: #39c8e8;
    margin-bottom: 3px;
}
table.table td.action .link-actions-secondary .popover a:last-child{
    margin-bottom: 0px;
}
table.table td.action .link-actions-secondary .popover a i{
    width: 20px;
}
table.table td.action .link-actions-secondary .popover .popover-content {
    padding: 14px;
    display: flex;
    flex-direction: column;
}
table.table td.action .link-actions-secondary .popover .popover-content p {
    padding-top: 0px;
}
table.table td.action .link-actions-secondary .popover .popover-content p:last-child {
    padding-bottom: 0px;
}
table.table td.align-middle {
    vertical-align: middle;
}

.DTFC_ScrollWrapper {
    border: solid 1px #dedede;
    height: auto !important;
}
.DTFC_ScrollWrapper table.table {
    border: 0;
}
.DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody table.table thead tr:not(:first-child) th{
    border-bottom: 0 !important;
}
.DTFC_ScrollWrapper .dataTables_scroll table.table > thead > tr:first-child > th.filter {
    max-width: 140px;
}
.DTFC_ScrollWrapper .DTFC_RightWrapper {
    display: none;
}
.DTFC_ScrollWrapper .DTFC_LeftWrapper {
    z-index: 90;
}
.DTFC_ScrollWrapper .DTFC_LeftWrapper table.table.table-bordered > thead > tr > th:last-child,
.DTFC_ScrollWrapper .DTFC_LeftWrapper table.table.table-bordered > tbody > tr > td:last-child {
    border-right-width: 1px !important;
}
/* APPLICATION */
body.login .color-line {
    background-color: #39c8e8;
    width: 100%;
    height: 25px;
}
body.login .block-login {
    width: 450px;
    margin: 50px auto 0 auto;
}

.application header {
    margin-bottom: 25px;
}
.application header:after {
    clear: both;
    content: '';
    display: inline-block;
}
.application header .btn-toggle-header {
    float: right;
    margin-right: 15px;
    z-index: 2;
}
.application header .btn-toggle-header .btn{
    padding: 1px 15px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #39c8e8;
    border-color: #39c8e8;
    color: #ffffff !important;
}
body.admin .application header .btn-toggle-header .btn{
    background-color: #FF6663;
    border-color: #FF6663;
    color: #ffffff !important;
}

body.header-hidden .application header .btn-toggle-header .btn > i {
    transform: rotate(180deg);
}
body.header-hidden .application header .wrapper {
    display: none;
}

.application header .wrapper .header {
    background-color : #F2F4F4;
    position: relative;
    height: 80px;
}
.application header .wrapper .header > *{
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
}
.application header .wrapper .header .logo {
    display: block;
    left: 15px;
}
.application header .wrapper .header .title {
    left: 330px;
    color: #39C8E8;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}
.application header .wrapper .header .welcome {
    right: 240px;
    color: #39C8E8;
}
body.admin .application header .wrapper .header .welcome {
    right: 15px;
}
.application header .wrapper .header .project {
    color: #4A4A4A;
    font-size: 30px;
    left: 210px;
}
.application header .wrapper .header .btn-quick-link {
    right: 65px;
}
.application header .wrapper .header .btn-help {
    right: 15px;
    font-size: 40px;
}

.application header .wrapper .menu {
    background-color : #39C8E8;
    height: 60px;
    position: relative;
}

body.admin .application header .wrapper .menu {
    background-color : #ff7963;
}

.application header .wrapper .menu ul {
    list-style: none outside none;
    margin: 0;
    height: 100%;
    padding-left: 15px;
    display: flex;
    justify-content: flex-start;
}

.application header .wrapper .menu ul li {
    position: relative;
    display: flex;
}
.application header .wrapper .menu ul li:hover, .application header .wrapper .menu ul li.active,
.application header .wrapper .menu ul li:hover a, .application header .wrapper .menu ul li.active a {
    background-color: #1F9FBC;
}
body.admin .application header .wrapper .menu ul li:hover, body.admin .application header .wrapper .menu ul li.active,
body.admin .application header .wrapper .menu ul li:hover a, body.admin .application header .wrapper .menu ul li.active a {
    background-color: #ea6752;
}

.application header .wrapper .menu ul li a {
    color: #FFFFFF;
    font-size: 14px;
    padding: 0 20px;
    text-decoration: none;
    line-height: 1;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.application header .wrapper .menu ul li ul {
    display: none;
    position: absolute;
    background-color: #1F9FBC;
    left: 0;
    z-index: 5;
    width: 100%;
    top: 100%;
    padding: 0 0 20px 0;
    height: auto;
}

body.admin .application header .wrapper .menu ul li ul  {
    background-color: #ea6752;
}
.application header .wrapper .menu ul li:hover ul {
    display: flex;
    flex-direction: column;
}
.application header .wrapper .menu ul li ul li a{
    padding-top: 15px;
    padding-bottom: 15px;
}
.application header .wrapper .menu ul li ul li:last-child a{
    padding-bottom: 0;
}
.layer_help_me {
    display: none;
}


/* ORDER FOLLOW UP */
body.order-followup .bg-order {
    background-color: #C2F4FF;
    color: #4a4a4a;
}
body.order-followup .bg-payment {
    background-color: #0f6ab4;
    color: #fff;
}
body.order-followup .bg-shipment {
    background-color: #002a80;
    color: #fff;
}
body.order-followup .bg-document {
    background-color: #5cb85c;
    color: #fff;
}
body.order-followup .bg-info {
    background-color: #ffff8b !important;
}
body.order-followup .bg-info2 {
    background-color: firebrick;
    color: #fff;
}
body.order-followup .bg-info2 a{
    color: #fff;
}
body.order-followup table.table .comments_follow_up > div {
    width: 160px !important;
}
body.order-followup table.table .mean_of_payment_item > div {
    width: 150px !important;
}
body.order-followup table.table .po_signed_lc > div {
    width: 100px !important;
}
body.order-followup table.table .po_sent_lc > div {
    width: 120px !important;
}
body.order-followup table.table .extra_code > div {
    width: 90px !important;
}
body.order-followup table.table .product_ref_sc > div {
    width: 70px !important;
}
body.order-followup table.table .supplier_name > div {
    width: 85px !important;
}
body.order-followup table.table .comments_follow_up .popover-form textarea{
    height: 260px;
}
body.order-followup .table-wrapper .table-actions .table-actions-mass > *, body.order-followup .table-wrapper .table-actions .table-actions-shortcuts form > * {
    margin-right: 15px;
}
body.order-followup.header-hidden .DTFC_ScrollWrapper .dataTables_scroll .dataTables_scrollBody {
    max-height: 54vh !important;
}

/* QUESTION */
body.question #select2-question_question_option_parent-results li > i, body.question #select2-question_question_option_parent-container > i {
    margin: 0px 8px;
    font-size: 12px;
    opacity: 0.6;
}

body.question table.table td.action {
    min-width: 180px;
}


/* DELIVERY DOCS */
body.delivery-docs #docs_t1_validity i{
    display: inline-block;
}

/* CERT FOLDER */
body.certfolder.certfolder-edit #cert_folder_plmLink {
    min-height: auto;
}

/* Template : boutons pour scroll */
.fixed-scroll-button-to-top, .fixed-scroll-button-to-bottom {
	background-color : white;
	text-align : center;
	padding-top: 9px;
	vertical-align: middle;
	height : 50px;
	width : 50px;
	position : fixed;
	right : 0;
	z-index : 100000;
	border : 1px solid #dedede;
	cursor : pointer;
}

.fixed-scroll-button-to-top {
	top : 120px;
}

.fixed-scroll-button-to-bottom {
	bottom : 64px;
}

.content_title{
    margin-bottom: 10px;
    margin-top: 5px;
    color: #39c8e8;
}
.expired_date{
    color: #FF6663;
}

.shipment_status{
    width: 18px;
    height: 18px;
    border-radius: 10px;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.shipment_status_green{
    background-color: #5cb85c;
}

.shipment_status_red {
    background-color: #be2626;
}

.title_collapse {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    text-decoration: none;
    color: #888;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.title_collapse:focus, .title_collapse:hover {
    text-decoration: none;
    color: #555;
}

.collapse_content{
    background-color: #f2f4f4;
    padding: 15px;
    position: relative;
}

.collapse_all{
    text-align: right;
}
.bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 10px 15px;
}

.no_pr{
    padding-right: 0 !important;
}

.no_pl{
    padding-left: 0 !important;
}

.td_date {
    min-width: 160px;
}

button#comment-submit {
    padding: 5px;
    margin-left: 10px;
}

.comment-row {
    padding: 10px;
    margin: 10px 0;
    background-color: #FFFFFF;
}


.suppliers-business-main-title {
    padding: 20px;
}
.suppliers-business-main, .supplier-families {
    display: flex;
    justify-content: space-around;
    padding: 20px;
    background-color: #f2f4f4;
}

.suppliers-business-main table, .suppliers-business-main th, .suppliers-business-main td {
    border: 1px solid black;
    height: 35px;
    text-align: center;
}
.suppliers-business-main td.business-no-border {
    border-top: 1px solid #f2f4f4;
    border-left: 1px solid #f2f4f4;
}

.suppliers-business-main input {
    border: none;
    height: 35px;
}

.suppliers-business-main .suppliers-business-main-disabled {
    background-color: #f2f4f4;
    padding: 0 10px;
    font-weight: bold;
}

.suppliers-business-main .to-evolution .to-evolution-table .to-evolution-row .to_percent {
    position: relative;
}

.suppliers-business-main .to-evolution .to-evolution-table .to-evolution-row .to_percent i {
    position: absolute;
    top: 8px;
    right: 10px;
}

.supplier-families .supplier-family {
    padding: 10px 60px;
    border: 1px solid black;
    font-weight: bold;
    text-align: center;
}

.supplier-families .supplier-family-element {
    display: flex;
    margin-top: 20px;
}

.supplier-families .supplier-family-element .supplier-family-entity {
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.supplier-families .supplier-family-element .supplier-family-entity-detail {
    margin: 10px;
    border: 1px solid black;
}
.supplier-families .supplier-family-element .supplier-family-entity-detail span {
    margin: 5px;
    padding: 5px;
    border: 1px solid #888;
}

.supplier-families .supplier-family-element .supplier-family-entity label {
    z-index: 1;
    padding: 5px;
    white-space: nowrap;
}

.supplier-families .supplier-family-element .supplier-family-entity .select2-selection--multiple {
    max-width: 160px;
}

.suppliers-business .form-actions {
    position: relative;
    margin-top: 35px;
}

hr.cutblock {
    border-top: 1px solid #dedede  !important;
}

.table-white{
    background-color: white;
}

.message {
    background-color: #fff;
    display: block;
    padding: 10px 20px;
    position: relative;
    border-radius: 4px;
    margin: 15px 0;
}

.message .message-author {
    font-size: 10px;
    color: #888;
}

.message-content {
    display: block;
}

.panel-logistic .info {
    margin-top: 50px !important;
}

.select2-multiple-inline .select2-selection__choice {
    float: none !important;
}

.badge-display-table .badge{
    display: table !important;
    margin-bottom: 5px;
}
#modalRecalculateInfo table.table th{
    text-align: left;
    vertical-align: middle;
}

#modalRecalculateInfo .old_price{
    text-decoration: line-through;
}

#modalRecalculateInfo .new_price{
    color: red;
}
.highlight{
    margin: 0 -0.9em;
    padding: 0 0.9em 0.9em;
    border-radius: 0.8em 0.3em;
    background: #fefee7;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    /*background-color: #fff2a8;*/
}

#modalParameters .modal-header .img-thumbnail {
    max-height: 45px;
}

.certfolderdetail .btn-white.active {
    background-color: #35bad8;
    border-color: #35bad8;
    color: #ffffff !important;
}

.certfolderdetail .btn.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}
.border-right {
    border-right: solid 1px #e5e5e5
}

#formImportExport #uploadResponse {
    overflow: scroll;
    max-height: 450px;
}

div.sticky {
    position: sticky;
    top: 5px;
    z-index: 9999999999;
}
.tox-tinymce .tox-statusbar__branding, .tox-tinymce .tox-promotion {
    display: none !important;
}
.pastille + label{
    padding: 6px;
    vertical-align: initial;
    border-radius: 10px;
    font-size: 11px;
}

.pastille + label::before {
    height: 18px !important;
    width: 18px !important;
    top: 3px;
}

.pastille + label::after {
    top: 3px;
}


.workflow-status-dft + label, .pastilleDashboard-dft {
    background-color: #c6e9a0ff;
    font-weight: bold;

}
.workflow-status-cfd + label, .pastilleDashboard-cfd {
    background-color: #92d050ff;
    font-weight: bold;
    color: white;

}
.workflow-status-trv + label, .pastilleDashboard-trv {
    background-color: #ff791dff;
    font-weight: bold;
    color: white;

}
.workflow-status-sig + label, .pastilleDashboard-sig {
    background-color: #39c8e8ff;
    font-weight: bold;
    color: white;

}
.workflow-status-sen + label, .pastilleDashboard-sen {
    background-color: #b7e1f1ff;
    font-weight: bold;

}
.workflow-status-cld + label, .pastilleDashboard-cld {
    background-color: #7f7f7fff;
    font-weight: bold;
    color: white;

}
.workflow-status-ccd + label, .pastilleDashboard-ccd {
    background-color: #000000ff;
    font-weight: bold;
    color: white;
}

.workflow-status-giRequest + label, .pastilleDashboard-giRequest {
    background-color: #CCCCFF;
    font-weight: bold;
}

.workflow-status-sccRequest + label, .pastilleDashboard-sccRequest {
    background-color: #AD5E99;
    font-weight: bold;
    color: white;
}

.pastilleDashboard {
    padding: 5.5px 6px 5.5px 6px;
    vertical-align: initial;
    border-radius: 10px;
    font-size: 11px;
    line-height: 25px;
}