* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    overflow: hidden;
}

body {
    height: 100%;
}

.show_main {
    display: inline !important;
}

.hide_main {
    display: none !important;
}

a {
    cursor: pointer;
}

/*button {
  background: #fff;
  border: 0;
  margin: 0;
  padding: 10px 15px;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .3);
  cursor: pointer;
}*/
.check-admin {
    padding: 0 !important;
}

.network-logo {
    height: 50px;
    width: 50px;
}

.no-padding-form {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 19px !important;
}

.validate {
    background-image: linear-gradient(#e5e6e6, #088A85) !important;
}

.error-pass {
    background-image: linear-gradient(#e5e6e6, #F5A9A9) !important;
}

.norm {
    background-color: none !important;
}

.info-content {
    width: 100%;
    background-color: white;
    -moz-box-shadow: 0px 0px 5px 1px #c0c0c0;
    -webkit-box-shadow: 0px 0px 5px 1px #c0c0c0;
    -o-box-shadow: 0px 0px 5px 1px #c0c0c0;
    box-shadow: 0px 0px 5px 1px #c0c0c0;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=5);
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.info-menu {
    height: 50px;
    width: 100%;
}

.info-menu-btn {
    color: grey;
    width: 20%;
    height: 100%;
    border-bottom: 1px solid grey;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    vertical-align: middle;
    font-size: 115%;
    cursor: pointer;
}

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

.selected-tab {
    color: #0aa89e !important;
    border-bottom: 2px solid #0aa89e !important;
}

.info-content-sub {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    color: #6f6f6f;
    height: 100%;
    width: 100%;
    background-color: white;
}

.info-content-sub-overflow {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    color: #6f6f6f;
    height: 500px;
    width: 700px;
    background-color: white;
    overflow: auto;
}

/*.info-content th{
background-color: #757575;
height: 100px;
width: 14%;
}*/

.info-title {
    font-weight: bold;
}

#content > section > div > div > div.col-md-8.no-padding > div > div > div > table > thead > tr > th {
    color: white;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 115%;
}

.first {
    width: 10px;
}

.trthead {
    background: #ffffff;
}

.info-input {
    display: block;
    border-style: none;
    border-bottom: 1px solid grey;
    margin-top: 10px;
    margin-left: 30px;
    height: 40px;
    width: 60%;
}

.info-gains-input {
    display: block;
    border-style: none;
    border-bottom: 1px solid grey;
    margin-top: 10px;
    height: 40px;
    width: 60%;
}

.info-content-sub input:last-child {
    margin-bottom: 20px;
}

.info-btn {
    margin-left: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
    transform: translate(-50%);
}

.info-input-adresse {
    display: inline-block;
    border-style: none;
    border-bottom: 1px solid grey;
    margin-top: 10px;
    margin-left: 30px;
    height: 40px;
    width: 45%;
}

#map {
    margin-top: 5px;
    height: 380px;
    float: right;
}

.societe-info img {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.societe-info p {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    word-wrap: break-word;
    color: #0aa89e;
}

.societe-info {
    border-style: 2px solid white;
    margin: 10px !important;
    padding: 5px !important;
    background-color: white;
    -moz-box-shadow: 5px 5px 5px 0px #656565;
    -webkit-box-shadow: 5px 5px 5px 0px #656565;
    -o-box-shadow: 5px 5px 5px 0px #656565;
    box-shadow: 5px 5px 5px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

body > div.ng-scope > div > section > div.card.contain-sm.style-transparent > div > div > div > div {
    margin: 0;
    padding: 0;
}

#grid2 {
    margin-top: 15px;
}

.task-name {
    height: 30px !important;
    line-height: 30px !important;
    vertical-align: middle !important;
}

.task-name::before {
    border-color: #0aa89e !important;
}

#content > section > div > div > div.col-lg-offset-1.col-lg-3.col-md-4 > div > div.card-head > div > p {
    margin-bottom: 0 !important;
}

.width-img-societe {
    width: 200px;
}

.header-nav-right img {
    height: 40px;
}

.header-nav-right span {
    left: 50%;
    transform: translate(-50%);
}

.panel-size {
    height: 124px;
}

#offcanvas-search > div.offcanvas-head > ul {
    width: 100%;
    height: 64px;
}

#header > div {
    height: 64px;
}

.profile-pict {
    margin-top: 7.5px;
    height: 45px;
}

.headerbar-right:hover {
    height: 64px;
    background-color: #E6E6E6;
}

#header > div > div.headerbar-right > ul > span {
    margin-left: 10px;
}

#header > div > div.headerbar-right {
    margin-right: 0px;
    width: 220px;
    cursor: pointer;
}

.offcanvas-right {
    width: 220px;
    margin-top: 64px;
    right: 0;
    top: 0;
    height: 95px;
    position: fixed;
    background-color: white;
}

.offcanvas-right-btn {
    color: #0aa89e;
    margin-top: 10px;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    cursor: pointer;
}

.offcanvas-right-btn:first-child {
    margin-top: 15px;
}

.offcanvas-right-btn:hover {
    background-color: #E6E6E6;
}

.societe-add-pdv-bckg {
    background-color: black;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    opacity: 0.5;
}

.societe-add-pdv {
    background-color: white;
    z-index: 99999;
    width: 500px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.societe-upd-pdv {
    background-color: white;
    z-index: 99999;
    width: 900px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.societe-add-menu-btn {
    color: grey;
    width: 50%;
    height: 100%;
    border-bottom: 1px solid grey;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    vertical-align: middle;
    font-size: 115%;
    cursor: pointer;
}

.offcanvas-right-close {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    top: 0;
    left: 0;
}

.offcanvas-right {
    z-index: 99999;
}

#menubar {
    padding-top: 0;
    margin-top: 64px;
}

.form-sequence {
    color: #0aa89e;
    min-height: 50px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
    border-bottom: 1px solid #0aa89e;
    display: inline-block;
    width: 100%;
}

.form-sub-sequence {
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    font-size: 16px;
    width: 50%;
    border-bottom: 1px solid #0aa89e;
}

.form-sub-content {
    margin-left: 20px;
}

.form-question {
    color: black;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 15px;
    display: inline-block;
    width: 100%;
}

#progress {
    position: fixed;
    bottom: 0;
    background-color: white;
}

#progress {
    width: 300px;
    margin: auto;
}

progress {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    color: #6f6f6f;
    height: 100%;
    width: 100%;
    background-color: white;
    width: 300px;
    height: 20px;
    padding: 3px 3px 2px 3px;
    background: #333;
    background: -webkit-linear-gradient(#2d2d2d, #444);
    background: -moz-linear-gradient(#2d2d2d, #444);
    background: -o-linear-gradient(#2d2d2d, #444);
    background: linear-gradient(#2d2d2d, #444);
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 15px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
}

/* Style de la barre pour Firefox*/

progress::-moz-progress-bar {
    border-radius: 10px;
    background: #09c;
    background: -moz-repeating-linear-gradient(45deg, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .2) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px), -moz-linear-gradient(rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 60%), #09c;
    background: repeating-linear-gradient(45deg, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .2) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px), linear-gradient(rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 60%), #09c;
    background-size: 300px 20px, auto, auto;
    background-position: -300px 0, top, top;
    background-position: top right, top, top;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(0, 0, 0, .8) inset, 0 0 2px black;
}

/* Style de la barre pour Chrome*/

progress::-webkit-progress-value {
    /* Code identique mais avec les bons préfixes! */
}

/* Enlève la couleur d'arrière-plan */

progress::-webkit-progress-bar {
    background: transparent;
}

/*---------------------------------------------/
/                                              /
/                   FORMULAIRE                 /
/                                              /
/---------------------------------------------*/

.form-content {
    background-color: white;
    width: 100%;
    height: 100%;
    min-height: 500px;
}

.form-panel {
    background-color: white;
    width: 100%;
    height: 100%;
}

.form-panel-menu-btn {
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    color: #0aa89e;
    font-size: 20px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    border-bottom: 1px solid grey;
}

.form-panel-menu-btn-selected {
    border-bottom: 2px solid #0aa89e;
}

.form-content-title {
    color: #0aa89e;
    text-align: center;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    font-size: 20px;
    border-bottom: 2px solid #0aa89e;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 0;
}

.form-content-empty {
    position: relative;
    height: 20px;
    margin-top: 0px;
    margin-bottom: 3px;
    width: 100%;
    /*background-color: #f0f0f0;*/
    border: 1px solid #e1e1e1;
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
    cursor: pointer;
}

.drop-content {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.form-content-empty:hover > .add-btn-empty {
    opacity: 0.5;
}

.form-content-empty:hover > .add-btn-empty > span {
    opacity: 1;
}

.form-content-empty:hover > .add-btn-empty > p {
    opacity: 1;
}

.form-content-empty-hover {
    height: 100px;
    background-color: #d2d2d2;
}

.form-content-element {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.form-content-element-container {
    border-left: 1px solid #0aa89e;
}

.styled-select select {
    background: transparent;
    width: 268px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: none;
    border-bottom: 1px solid #0aa89e;
    border-radius: 0;
    height: 34px;
    -webkit-appearance: none;
}

.styled-select select:hover {
    border-right: 1px solid #0aa89e;
}

.form-content-element-btn {
    display: inline-block;
    width: 20%;
    position: absolute;
    right: 0;
}

.form-content-element-answer-btn {
    display: inline-block;
    width: 20%;
    position: absolute;
}

.form-content-element-answer-btn > button {
    margin-left: 15px;
}

.form-content-element-btn > button {
    margin-left: 15px;
}

.form-content-delete {
    transform: translate(-50%, -50%);
    background-color: white;
    position: fixed;
    z-index: 99;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 150px;
}

.form-content-delete > p {
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    text-align: center;
}

.form-content-delete button {
    left: 50%;
    position: absolute;
    display: inline-block;
    transform: translateX(-50%);
}

.form-content-delete-bckg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 98;
    background-color: black;
    opacity: 0.5;
}

.form-content-edit {
    transform: translate(-50%, -50%);
    background-color: white;
    position: fixed;
    z-index: 99;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.form-content-edit > p {
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    text-align: center;
}

.form-content-edit-btn {
    left: 50%;
    position: absolute;
    display: inline-block;
    transform: translateX(-50%);
}

.form-content-edit-bckg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 98;
    background-color: black;
    opacity: 0.5;
}

.form-content-edit-type {
    margin-top: 20px;
    margin-left: 20px;
}

.form-content-edit-condition {
    margin-top: 20px;
    margin-left: 20px;
    min-height: 400px;
}

.form-content-edit-type-definition {
    margin-left: 20px;
    display: inline-block;
}

.form-content-edit-type .styled-select {
    display: inline-block;
}

.form-content-edit-question {
    margin-top: 20px;
    margin-left: 20px;
}

.form-content-edit-question .checkbox {
    display: block;
    margin-left: 0 !important;
    margin-top: 10px !important;
}

.form-content-edit-question-pond {
    margin-left: 10px;
}

.form-content-edit-answer {
    margin-left: 20px;
    margin-bottom: 30px;
}

.form-content-edit-answer-size {
    width: 80% !important;
    display: inline-block !important;
}

.height-m {
    height: 60px;
}

.form-content-edit-answer-add {
    display: block !important;
    font-size: 10px !important;
    left: 50%;
    margin-top: 20px;
    position: relative;
    transform: translate(-50%);
    /**/
}

.popup-background {
    background-color: black;
    opacity: 0.5;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1024;
    position: fixed;
}

.popup-active {
    z-index: 1025;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 20%;
    width: 25%;
    display: block;
}

.popup-button-no {
    display: inline-block;
    float: left;
    margin-top: -9%;
    width: 42%;
    margin-left: 77%;
}

.popup-button-yes {
    display: inline-block;
    float: left;
    margin-top: 19%;
    margin-left: 21%;
    width: 42%;
}

.txt-popup {
    font-size: 1.5em;
    text-align: center;
    margin: -1px;
}

.edit-answer-matrice > th {
    transform: rotate(-45deg);
    height: 50px;
    margin-left: 10px;
}

#content > section:nth-child(2) > div > div > div.col-md-8.ng-binding > div > div:nth-child(3) > si-form-creation > div > div.form-content-element-container > div:nth-child(2) > si-form-creation-container > div > table > tbody > tr > td {
    margin-left: 10px;
}

.full-screen {
    position: fixed;
    top: 64px;
    left: 70px;
    width: 100%;
    height: 100%;
    background-color: white;
}

.form-edit-condition-select {
    width: 100% !important;
}

.form-edit-condition-content {
    margin-bottom: 25px;
}

.condition-list {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid rgba(12, 12, 12, 0.12);;
}

.btn-condition-trash {
    margin-left: 20px;
}

.margin-top-m {
    margin-top: 20px;
}

.btn-edit-validate {
    bottom: 10%;
    position: fixed;
    width: 80%;
    background-color: white;
    margin-left: 0 !important;
    z-index: 99;
    left: 50%;
    transform: translate(-50%, 60px);
}

.form-edit-title-input {
    width: 50% !important;
    text-align: center;
    left: 50%;
    position: relative;
    transform: translate(-50%);
    margin-bottom: 20px;
}

.form-edit-btn-title {
    display: inline-block;
    float: right;
    top: 0;
    position: absolute;
    right: 0;
    margin-top: 5px;
    margin-right: 30px;
}

#menubar:hover {
    width: 240px;
}

.form-mode-popup-start {
    z-index: 99;
    height: 200px;
    width: 400px;
    position: fixed;
    background-color: white;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form-mode-popup-large {
    z-index: 99;
    height: 85%;
    width: 85%;
    position: fixed;
    background-color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form-mode-popup-medium {
    z-index: 99;
    height: 50%;
    width: 50%;
    position: fixed;
    background-color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form-mode-popup-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    line-height: 150px;
    transform: translate(-50%, -50%);
    text-align: center;
    height: 150px;
    -moz-box-shadow: 0px 0px 5px 2px #9b9b9b;
    -webkit-box-shadow: 0px 0px 5px 2px #9b9b9b;
    -o-box-shadow: 0px 0px 5px 2px #9b9b9b;
    box-shadow: 0px 0px 5px 2px #9b9b9b;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=NaN, Strength=5);
}

.form-mode-popup-btn:hover {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    line-height: 150px;
    transform: translate(-50%, -50%);
    text-align: center;
    height: 150px;
    -moz-box-shadow: 0px 0px 5px 2px #329a9d;
    -webkit-box-shadow: 0px 0px 5px 2px #329a9d;
    -o-box-shadow: 0px 0px 5px 2px #329a9d;
    box-shadow: 0px 0px 5px 2px #329a9d;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#329a9d, Direction=NaN, Strength=5);
}

.form-mode-popup-btn:active {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    line-height: 150px;
    transform: translate(-50%, -50%);
    text-align: center;
    height: 150px;
    -moz-box-shadow: inset 0px 0px 5px 2px #329a9d;
    -webkit-box-shadow: inset 0px 0px 5px 2px #329a9d;
    -o-box-shadow: inset 0px 0px 5px 2px #329a9d;
    box-shadow: inset 0px 0px 5px 2px #329a9d;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#329a9d, Direction=NaN, Strength=5);
}

.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100% !important;
}

.alert-message {
    width: 90%;
    z-index: 9999;
    position: fixed;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    text-align: center;
    /*font-style: bold;
    line-height: 30px;
    vertical-align: middle;*/
    margin-bottom: 0 !important;
    background-image: none !important;
}

.alert-message > span {
    margin-right: 5px;
    font-size: 15px;
}

.form-mode-new-btn {
    position: relative;
    left: 50%;
    margin-top: 20px;
    transform: translate(-50%);
}

.form-mode-new-content {
    padding: 20px;
}

.form-mode-new-content label {
    margin-top: 20px;
    color: #9f9f9f;
    font-size: 15px;
}

.form-mode-new-input-number {
    width: 60px !important;
}

.loader {
    display: block;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    margin-top: 20px;
}

.btn-mode-back {
    box-shadow: none;
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.close-btn {
    height: 20px;
    width: 20px;
    float: right;
    margin-top: -5px;
    margin-right: -5px;
    position: absolute;
    top: 0;
    right: 0;
}

.btn-select-off {
}

.file-hide {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
}

.preview-answer-img {
    width: 100%;
}

.preview-question-img {
    max-width: 120px;
    max-height: 120px;
}

.form-img {
    max-height: 150px;
    max-width: 100px;
}

.form-backg-translate {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}

.translate-panel {
    transform: translate(-50%, -50%);
    background-color: white;
    position: fixed;
    z-index: 101;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 20px;
}

.form-content-delete-ans {
    transform: translate(-50%, -50%);
    background-color: white;
    position: fixed;
    z-index: 103;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 150px;
}

.form-content-delete-ans > p {
    height: 90px;
    line-height: 90px;
    vertical-align: middle;
    text-align: center;
}

.form-content-delete-ans button {
    left: 50%;
    position: absolute;
    display: inline-block;
    transform: translateX(-50%);
}

.form-content-delete-bckg-ans {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 102;
    background-color: black;
    opacity: 0.5;
}

.warm-panel {
    position: fixed;
    right: 0;
    top: 10%;
    width: 9%;
    bottom: 10%;
    background-color: none;
    z-index: 900;
    overflow-x: hidden;
}

.warm {
    width: 100%;
    padding-left: 5px;
    min-height: 100px;
    color: white;
}

.warm pre {
    background: none !important;
    border: none;
    color: white !important;
    min-height: 100px;
    overflow: hidden;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
}

.c-name {
    display: inline-block;
    margin-left: 5px;
}

.translate-line {
    margin-top: 15px;
}

.flag-size {
    width: 20px;
    max-height: 20px
}

.edit-answer {
    margin-bottom: 20px;
}

.header-answer {
    -moz-box-shadow: 0px 2px 5px 0px #cfcfcf;
    -webkit-box-shadow: 0px 2px 5px 0px #cfcfcf;
    -o-box-shadow: 0px 2px 5px 0px #cfcfcf;
    box-shadow: 0px 2px 5px 0px #cfcfcf;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=5);
    z-index: 1;
    height: 60px;
}

.height-s {
    height: 40px;
}

.header-answer > div {
    margin-top: 10px;
}

.answer-content {
    background-color: #d6d6d6;
    padding-top: 30px;
    padding-bottom: 30px;
}

.edit-btn-delete {
    margin-left: 0 !important;
}

.form-edit-menu-scenario-axe {
    width: 90%;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    top: 30px !important;
}

.form-edit-scenario-axe-content {
    background-color: #f9f9f9;
    max-height: 500px;
    position: relative;
    width: 90%;
    left: 50%;
    transform: translate(-50%);
    top: 40px;
}

.line-tab {
    height: 40px;
}

.btn-add-scenario {
    vertical-align: middle !important;
    top: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    font-size: 7px !important;
    left: 50%;
}

.name-scenario-tab {
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

.border-tab-scenario {
    border-right: solid 1px grey;
}

/* enable absolute positioning */

.inner-addon {
    position: relative;
}

/* style glyph */

.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/* align glyph */

.left-addon .glyphicon {
    left: 0px;
}

.right-addon .glyphicon {
    right: 0px;
}

/* add padding  */

.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

.border-grey {
    border: 1px solid grey;
}

.edit-form {
    background-color: #a7a7a7;
    width: 90%;
    -moz-box-shadow: inset 0px 7px 6px 0px #656565;
    -webkit-box-shadow: inset 0px 7px 6px 0px #656565;
    -o-box-shadow: inset 0px 7px 6px 0px #656565;
    box-shadow: inset 0px 7px 6px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=6);
    position: relative;
    left: 50%;
    transform: translate(-50%);
    padding: 20px;
    margin-bottom: 30px;
}

.matrice-overflow {
    overflow: auto;
}

.matrice-overflow-hidden {
    overflow: hidden;
}

.loadForm-bckg {
    background-color: black;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    top: 0;
    z-index: 5;
}

.loadForm-loader {
    position: absolute;
    z-index: 6;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loadForm-container {
    height: 100%;
    width: 100%;
    position: absolute;
}

.comm-content {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    min-height: 200px;
    width: 40%;
    z-index: 1000;
    max-height: 80%;
}

.comm-title {
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
}

.comm-btn {
    position: relative;
    left: 50%;
    transform: translate(-50%);
    margin-top: 20px;
}

.comm-bckg {
    z-index: 999;
    background-color: black;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.7;
}

.comm-text {
    max-height: 60%;
    width: 80% !important;
    left: 50%;
    position: relative;
    transform: translate(-50%);
}

.rating {
    position: relative;
    left: 0;
    width: 100%;
    height: 80px;
}

.star-line {
    display: block;
    width: 100%;
    line-height: 0 !important;
    position: relative;
    height: 35px;
}

.star-line > li {
    display: inline-block;
    position: relative;
    width: 45px;
    height: 35px;
    background-image: url('../img/star_empty.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px 35px;
    opacity: 0.75;
    cursor: pointer;
}

.star-selected {
    background-image: url('../img/star.png') !important;
}

.star-com-line {
    display: block;
    height: 35px;
}

.star-com-line > p:first-child {
    float: left;
}

.star-com-line > p:last-child {
    float: right;
}

.img-info-comp {
    max-height: 200px;
    max-width: 200px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    border: 4px solid white;
    -moz-box-shadow: 0px 0px 10px 1px #c0c0c0;
    -webkit-box-shadow: 0px 0px 10px 1px #c0c0c0;
    -o-box-shadow: 0px 0px 10px 1px #c0c0c0;
    box-shadow: 0px 0px 10px 1px #c0c0c0;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10);
}

.txt-info-comp {
    margin-top: 20px;
    margin-left: 20px;
}

.hide-shadow {
    box-shadow: none;
}

.form-nav-btn {
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

.requiredWarning {
    color: red !important;
}

#rep {
    margin-top: 50px;
}

#repCol {
    margin-top: 50px;
}

#repRow {
    margin-top: 50px;
}

.tab-title {
    width: 100%;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    font-weight: bold;
}

.tab-title > td {
    padding-left: 8px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.tab-table {
    /*width: 100%;*/
    border-bottom: 1px solid #DDDDDD;
    /*max-height: 500px;
    position: relative;
    width: 100%;*/
}

.tab-table-content {
    /*position: relative;
    width: 100%;
    max-height: 500px;
    overflow: hidden;*/
}

.tab-table > thead {
    /*height: 75px;
    width: 100%;*/
}

.tab-table > tbody {
    /*max-height: 500px;
    overflow: auto;
    width: 100%;*/
}

.tab-table > thead > tr {
    /*width: 100%;*/
}

.tab-table > thead > tr > th {
}

.tab-col {
    padding-left: 10px;
    height: 35px;
}

.tab-search > div > div > input {
    display: block;
    width: 100%;
    height: 31px;
    font-weight: normal;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.tab-line:nth-child(odd) > .tab-col {
    background-color: rgba(238, 238, 238, 0.75);
}

.tab-line:nth-child(2n) > .tab-col {
    background-color: rgba(255, 255, 255, 0.75);
}

.tab-line:hover > .tab-col {
    background-color: rgba(74, 137, 220, 0.1) !important;
}

.tab-line:nth-child(odd):hover > .tab-col {
    background-color: transparent;
}

.tab-col-perso {
    /*background-color: transparent!important;*/
}

.tab-search-th {
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
}

.txt-center {
    text-align: center;
}

.pagination-btn {
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    text-align: center !important;
    padding: 6px 0 !important;
    font-size: 12px !important;
    line-height: 1.42 !important;
    color: #4a89dc;
}

.pagination {
    width: 100%;
}

.inline-block {
    display: inline-block !important;
}

.pagination-block-center {
    position: relative;
    left: 50%;
    transform: translate(-50%);
    width: 264px;
    z-index: 1;
    text-align: center;
}

.pagination-points {
    margin-left: 5px;
    margin-right: 5px;
}

.pagination-info-per-page {
    margin-right: 5px;
}

.tab-missions-btn-delete {
    margin-left: 5px;
}

.pagination-info-page {
    float: right;
}

.bckg {
    background-color: black;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 998;
}

.missionEditPopup {
    overflow: auto;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 80%;
    min-height: 50%;
    min-width: 50%;
    max-width: 50%;
    background-color: white;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}

.line-selected > td {
    background-color: #56C556 !important;
}

.tab-title > th {
    min-width: 35px;
    background-color: rgba(255, 255, 255, 0.75);
}

.center-middle {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.campaignEditPopup {
    overflow: auto;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 80%;
    min-height: 50%;
    min-width: 50%;
    max-width: 50%;
    background-color: white;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}

.campaign-btn-action {
    margin-top: 20px;
    margin-bottom: 20px;
}

.campaign-block-btn {
    margin-top: 20px;
}

.margin-left-0 {
    margin-left: 60px !important;
}

.margin-left-230 {
    margin-left: 230px !important;
}

.slide-menu {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.side-menu-left-close {
    left: -170px !important;
}

.side-menu-left-close > .sidebar-left-content > .sidebar-menu > .sidebar-label {
    display: none !important;
    width: 0px !important;
}

.side-menu-left-close > .sidebar-left-content > .sidebar-menu > li > a > .sidebar-title {
    display: none !important;
    width: 0px !important;
}

.side-menu-left-close > .sidebar-left-content > .sidebar-menu > .sidebar-stat {
    display: none !important;
    width: 0px !important;
}

.side-menu-left-close > .sidebar-left-content > .sidebar-menu > li > a > .glyphicon {
    font-size: 18px !important;
    color: #ccc;
    right: 0px;
    width: 60px;
    font-size: 18px;
    padding-left: 0;
    float: left;
    top: 0;
    line-height: 35px;
    text-align: center;
    position: absolute;
}

.side-menu-left-close > .sidebar-left-content > .sidebar-menu > li > a > .fa {
    font-size: 18px !important;
    color: #ccc;
    right: 0;
    width: 60px;
    font-size: 18px;
    padding-left: 0;
    float: left;
    top: 0;
    line-height: 35px;
    text-align: center;
    position: absolute;
}

.side-menu-left-close > .sidebar-left-content > .sidebar-menu > li {
    padding: 7px 0;
}

.side-menu-left-close > .sidebar-left-content > .sidebar-menu > li:hover > a > .sidebar-title {
    display: block !important;
}

.side-menu-left-close > .sidebar-left-content > .sidebar-menu > li > a > .sidebar-title {
    position: absolute;
    left: 230px;
    top: -4px;
    width: 180px !important;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    padding-left: 15px;
    border-left: 1px solid #222;
    background-color: #282d33;
}

.side-menu-left-close > .sidebar-left-content > .sidebar-menu > li > a {
    overflow: visible;
}

.side-menu-left-close > .sidebar-left-content > .sidebar-menu > li > a > .label {
    display: none !important;
}

#sidebar_left {
    z-index: 1028;
    overflow: visible;
    width: 60px;
    height: 100%;
    left: 0;
    background-color: #30363e;
}

.menu-right-user {
    border-top: 3px solid #4a89dc !important;
    padding: 0 !important;
    margin-top: 10px !important;
    border-radius: 2px !important;
    display: block !important;
}

.open {
    margin: auto;
}

.padding-top-60 {
    padding-top: 60px !important;
}

.stick-left {
    float: none !important;
    left: 0;
}

.stick-right {
    left: 170px;
    float: none !important;
    position: absolute !important;
}

.move-left-170 {
    left: -170px;
    position: absolute;
}

.move-init-left {
    position: absolute;
    left: 0;
}

.flag-icon-menu {
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.btn-selected-info {
    background-color: #4a89dc;
    color: white;
}

.input-disabled[disabled] {
    opacity: 1 !important;
    color: #626262 !important;
}

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

.flag-language:hover {
    background-color: rgba(74, 137, 220, 0.1);
}

.input-current-society {
    margin: 5px;
    margin-bottom: 10px;
    width: 333px;
}

.line-current-society {
    margin-left: 5px;
    margin-bottom: 3px;
}

.line-current-society:hover {
    background-color: rgba(74, 137, 220, 0.1) !important;
}

.line-current-society:nth-child(2n) {
    background-color: #EEEEEE;
}

.line-current-society:active {
    background-color: rgba(54, 195, 0, 0.3) !important;
}

.fileUpload {
    position: relative;
    overflow: hidden;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file-upload-empty {
    min-height: 200px;
}

.popup {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.pac-container {
    z-index: 1051 !important;
}

.modal {
    z-index: 20;
}

.modal-backdrop {
    z-index: 10;
}

.checkbox-center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.center {
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

.menu-users-shop {
    width: 100%;
    overflow: auto;
    padding: 10px !important;
    max-height: 300px;
}

.menu-users-shop > li {
    margin-bottom: 5px !important;
}

.menu-users-shop > li:hover {
    background-color: rgba(74, 137, 220, 0.1) !important;
}

.ul-users-shop {
    list-style: none;
    position: relative;
    z-index: 1050;
}

.selected-bckg-popUp {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1049;
}

.panel-heading-theme {
    position: relative !important;
    height: 40px !important;
    line-height: 36px !important;
    background: #fafafa !important;
    color: #666666 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 0 8px !important;
    border: 1px solid #e5e5e5 !important;
    border-top-right-radius: 1px !important;
    border-top-left-radius: 1px !important;
}

.panel-heading-theme > .panel-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #666666 !important;
    line-height: 36px !important;
}

.panel-body-theme {
    position: relative !important;
    padding: 15px !important;
    border: 1px solid #e5e5e5 !important;
}

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

.si-table, .si-tr .si-td {
}

.si-tbody {
    display: block;
    max-height: 380px;
    overflow: auto;
}

.si-thead, .si-tbody .si-tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.si-thead, .si-thead .si-tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.si-thead {
    width: calc(100% - 1em);
}

.si-table {
    width: 100%;
}

.modal-footer-custom {
    background: transparent !important;
    border-top: none !important;
}

.disabled-window {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: grey;
    opacity: 0.2;
    z-index: 1050;
}

.tabs-cursor {
    cursor: pointer;
}

@media (max-width: 1100px) {
    .margin-left-0 {
        left: 0 !important;
    }

    .margin-left-230 {
        left: 0 !important;
    }
}

.popup::-webkit-scrollbar {
    width: 6px;
}

.popup::-webkit-scrollbar-track {
    background-color: none;
}

.popup::-webkit-scrollbar-thumb {
    background-color: #4a89dc;
    z-index: 99999;
}

.sidebar-menu {
    height: 100%;
    overflow: auto;
}

.sidebar-menu::-webkit-scrollbar {
    width: 6px;
}

.sidebar-menu::-webkit-scrollbar-track {
    background-color: none;
}

.sidebar-menu::-webkit-scrollbar-thumb {
    background-color: #4a89dc;
    z-index: 99999;
}

.panel-center::-webkit-scrollbar {
    width: 6px;
}

.panel-center::-webkit-scrollbar-track {
    background-color: none;
}

.panel-center::-webkit-scrollbar-thumb {
    background-color: #4a89dc;
    z-index: 99999;
}

#main {
    position: fixed !important;
    height: 100%;
    width: 100%;
}

#content_wrapper {
    height: 100vh;
    overflow: auto;
}
/*
#content_wrapper::-webkit-scrollbar {
    width: 6px;
}
*/

#content_wrapper::-webkit-scrollbar-track {
    background-color: none;
}

#content_wrapper::-webkit-scrollbar-thumb {
    background-color: #4a89dc;
    z-index: 99999;
}

.tab-border {
    background-color: white;
    /*padding-top: 20px;*/
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.h-40 {
    height: 40px !important;
}

.btn-add-list {
    position: absolute;
    bottom: 0;
}

/*.panel{
border: none!important;
}*/

.loader-bckg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.05);
    z-index: 999;
}

.loader-bckg > img {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
}

.h-40 {
    height: 40px !important;
}

.panel-info > .panel-heading {
    background-image: none !important;
}

.panel-info.panel-border {
    border-color: #4A89DC !important;
}

.panel-controls > a {
    color: #999 !important;
}

.panel-bckg-border {
    background: none !important;
    border: none !important;
}

.panel > .panel-heading > .panel-controls {
    display: none !important;
    position: relative;
    z-index: 99;
}

.panel:hover > .panel-heading > .panel-controls {
    display: block !important;
}

.add-btn-empty {
    position: relative;
    height: 18px;
    width: calc(100% - 20px);
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    opacity: 0;
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.add-btn-empty > span {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    opacity: 0.5;
}

.add-btn-empty > p {
    opacity: 0;
}

.context-menu {
    position: fixed !important;
    background-color: #fbfbfb;
    z-index: 999;
    max-height: 100%;
    overflow: auto;
}

.context-menu > div > .panel {
    margin-bottom: 0 !important;
}

.bckg-context {
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.bckg-context:hover ~ .form-content-empty {
    height: 100px;
}

.bckg-context:hover ~ .form-content-empty > .add-btn-empty {
    opacity: 0.5;
}

.bckg-context:hover ~ .form-content-empty > .add-btn-empty > span {
    opacity: 1;
}

.special-btn-answer {
    margin-bottom: 10px !important;
    padding: 0 !important;
    padding-bottom: 10px !important;
    min-height: auto !important;
}

.r23 {
    position: absolute;
    right: 23px;
}

.t21 {
    top: 21px;
    transform: translate(0, -50%) !important;
}

.h42 {
    height: 42px;
}

.arrow {
    pointer-events: none;
    position: absolute;
    top: 9px;
    right: 4px;
    width: 24px;
    height: 24px;
    color: #9F9F9F;
    z-index: 100;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.h100p {
    height: 100% !important;
}

.unselect {
    position: absolute;
    height: 42px !important;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}

.unselect:hover {
    border: 1px solid grey;
}

.prelative {
    position: relative;
}

.panel-bottom-select {
    position: absolute;
    max-height: 250px;
    min-height: 42px;
    overflow: auto;
    min-width: 100%;
    z-index: 100;
    background-color: white;
    border: 1px solid #e5e5e5;
    border-top: none;
    background-color: #f4f4f4;
    padding: 5px;
}

.bckg-select {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
}

.pointer {
    cursor: pointer;
}

.image-reload-bckg {
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    min-height: 10vh;
    width: 100%;
}

.image-reload-bckg > div > span {
    color: white;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    font-size: 35px
}

.image-reload-bckg > div > p {
    color: white;
    text-align: center;
    position: relative;
    font-size: 17px;
}

.image-reload-bckg > p {
    color: white;
    text-align: center;
    margin-top: 5px;
}

.middle {
    top: 50%;
    transform: translate(0, -50%);
}

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

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

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

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

.mb-30 {
    margin-bottom: 30px!important;
}

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

.col-md-1 > .btn {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
}

.up-down {
    font-size: 15px;
}

.halfL {
    width: 50% !important;
    float: left;
}

.halfR {
    width: 50% !important;
    float: right;
}

.list-container {
    padding: 5px;
}

.list-li {
    padding-left: 5px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    white-space: nowrap;
}

.list-li:hover {
    background-color: rgba(74, 137, 220, 0.5);
}

.encart {
    display: flex;
    list-style: none;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;;
    background-color: #9C9C9C;
    color: white;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    margin: 3px;
    margin-left: 0;
    margin-right: 5px;
    position: relative;
    padding-left: 20px;
    padding-right: 5px;

}

.encart > span {
    color: white;
    position: absolute;
    left: 5px;
    font-size: 10px;
    line-height: 30px;
    vertical-align: middle;
    cursor: pointer;
}

.encart:first-child {
    margin-left: 0;
}

.select > .select-mod {
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.condition-line {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #dedede;
}

.matrice-line {
    height: 45px;
    vertical-align: middle;
    padding: 5px;
}

.matrice-line > td > input {
    position: relative;
    left: 50%;
    transform: translate(-50%);
}

.matrice-line > td {
    padding: 5px;
    min-width: 100px;
    width: auto;
}

.matrice-line > td:hover {
    background-color: rgba(74, 137, 220, 0.25);
}

.matrice-line > th {
    padding: 5px;
    max-width: 250px;
    min-width: 100px;
    width: auto;
    text-align: center;
}

.bt-primary {
    border-top: 4px solid #4A89DC !important;
}

.net-btn {
    width: 10%;
}

.btn.nohover:hover {
    /* here copy default .btn class styles */
    cursor: default !important;
    /* or something like that */
}

.f-r {
    float: right;
}

.net-li {
    width: 45px;
    display: inline-block;
    list-style: none;
}

.net-li > p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
}

.panel-heading {
    padding-top: 3px;
    height: auto;
    min-height: 45px;
}

.index {
    line-height: 42px;
    vertical-align: middle;
}

.l-320 {
    position: relative;
    left: 320px;
    width: calc(100% - 320px);
}

.empty-img-survey {
    width: 100%;
    height: 300px;
    border: 2px dashed #d9d9d9;
    opacity: 0.5;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.empty-img-survey:hover {
    border: 2px dashed #929292;
}

.empty-img-survey > div {
    padding: 10px;
    background-color: #d9d9d9;
    height: 100%;
    width: 100%;
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.empty-img-survey:hover > div {
    background-color: #929292;
}

.empty-img-survey:hover > div > p {
    color: white;
    opacity: 1;
}

.empty-img-survey > div > p {
    font-size: 50px;
    text-align: center;
    opacity: 0.5;
    height: 280px;
    line-height: 280px;
    font-weight: bold;
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;

}

.title-survey {
    height: 30px;
    line-height: 30px;
}

.header-survey {
    position: fixed !important;
    width: calc(100% - 230px) !important;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.header-preview {
    position: fixed !important;
    width: 100% !important;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.panel-left {
    position: fixed !important;
    top: 111px !important;
}

.panel-center {
    position: fixed !important;
    margin-top: 51px !important;
    right: 0 !important;
    width: calc(100% - 550px) !important;
    height: calc(100% - 111px);
    overflow: auto;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.survey-controls {
    position: absolute;
    top: 5px;
    right: 0;
}

.img-survey {
    margin-bottom: 20px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.margin-left-380 {
    width: calc(100% - 380px) !important;
}

.margin-left-550 {
    width: calc(100% - 550px) !important;
}

.w-100p-60 {
    width: calc(100% - 60px) !important;
}

.w-100p-230 {
    width: calc(100% - 230px) !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.survey-logo {
    max-height: 600px;
    max-width: 100%;
}

.control-img {
    width: 200px;
    position: absolute;
    top: 20px;
    left: 20px;
    margin: 0 !important;
    padding: 0 !important;
    color: white;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.control-img > div {
    border-right: 1px solid #eeeeee;
    padding: 5px !important;
}

.control-img > div:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.textarea-custom-disabled {
    background: none;
    border: none;
    display: block;
    width: 100%;
    border-radius: 0;
    margin-bottom: 20px;
    color: #666666;
    padding-left: 6px;
    line-height: 25px;
    margin-top: 15px;
    resize: none !important;
}

.h-60 {
    height: 60px;
}

.add-conditions {
    margin-bottom: 20px !important;
}

.checkbox-custom {
    top: 0 !important;
    vertical-align: middle !important;
}

.image-container {
    max-width: 100px;
    max-height: 100px;
    display: inline-block;
}

.image-container > img {
    display: inline-block;
    border: 3px solid white;
    -moz-box-shadow: 0px 0px 10px 0px #c0c0c0;
    -webkit-box-shadow: 0px 0px 10px 0px #c0c0c0;
    -o-box-shadow: 0px 0px 10px 0px #c0c0c0;
    box-shadow: 0px 0px 10px 0px #c0c0c0;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10);
}

.center-cropped {
    object-fit: contain; /* Do not scale the image */
    object-position: center; /* Center the image within the element */
    height: 100px;
    width: 100px;
}

.display-block {
    display: block;
}

.position-absolute {
    position: absolute;
}

.h-100p-111 {
    height: calc(100% - 111px) !important;
}

.mt-51 {
    margin-top: 51px !important;
}

.w-100p {
    width: 100% !important;
}

.w-100p-230 {
    width: calc(100% - 230px) !important;
}

.border-top-none {
    border-top: none !important;
}

.border-none {
    border: none !important;
}

.preview-item {
    /*background-color: transparent!important;*/
    /*border: none!important;*/
    box-shadow: none !important;
}

.preview-item > div {
    /*border: none!important;*/
    /*background-color: transparent!important;*/
}

.preview-matrix {
    border: none !important;
    box-shadow: none !important;
}

.preview-matrix > div {
    border: none !important;
    background-color: transparent !important;
}

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

.mb-none {
    margin-bottom: 0 !important;
}

.no-bckg {
    background-color: transparent !important;
}

.no-shadow {
    box-shadow: none !important;
}

.max-w-250 {
    max-width: 250px !important;
}

.textarea-custom-disabled {
    background: none;
    border: none;
    resize: none;
    display: block;
    width: 100%;
    border-radius: 0;
    margin-bottom: 20px;
}

.save_mission_dates {
    margin-top: 2%;
}

.image-passage-proof {
    padding-right: 0px!important;
    padding-left: 0px!important;
}

#content.table-layout {
    margin-bottom: 50px!important;
}

#smicer_survey .sub-nav > li > a {
    color: #555;
    padding: 10px 15px!important;
}

#smicer_survey .sidebar-menu > li > ul {
    background-color: inherit!important;
}

#smicer_survey .sidebar-menu > li > a.menu-open:after {
    background: #3bafda;
}

#smicer_survey .sidebar-menu > li > a {
    color: #888!important;
}

#smicer_survey .sidebar-menu::-webkit-scrollbar-thumb {
    background-color: inherit;
    z-index: 99999;
}

#smicer_survey .sidebar-menu > li > ul > li:hover > a:after, #smicer_survey .sidebar-menu > li > ul > li:focus > a:after {
     background: #967adc!important;
}

#mission-edit .checkbox-custom input[type=checkbox]:checked + label:after, #mission-edit .checkbox-custom input[type=radio]:checked + label:after {
    top: 6px;
}

#surveys-translate {
    border: none;
    box-shadow: none;
    position: relative;
}

#mission-edit-popup .wizard .steps li.disabled a:hover {
     cursor: pointer;
}

.btn.btn-alt {
    color: #999 !important;
}

#attribution-form .wizard .steps li.disabled a {
    cursor: pointer!important;
}

.dockmodal {
    transition: right 0.4s ease 0s, left 0.4s ease 0s, top 0.4s ease 0s, bottom 0.4s ease 0s, height 0.4s ease 0s, width 0.4s ease 0s;
}

.popped-out {
    height: auto!important;
    width: auto!important;
    left: 6%!important;
    right: 6%!important;
    top: 6%!important;
    bottom: 6%!important;
}

.popped-in {
    height: 480px!important;
    width: 470px!important;
    left: auto!important;
    right: 10px!important;
    top: auto!important;
    bottom: 0px!important;
}

.minimized {
    height: 36px!important;
    width: 400px!important;
    left: auto!important;
    right: 10px!important;
    top: auto!important;
    bottom: 0px!important;
}

.word-break-all {
    word-break: break-all;
}


.animate-show-hide.ng-hide {
    opacity: 0;
  }
  
  .animate-show-hide.ng-hide-add,
  .animate-show-hide.ng-hide-remove {
    transition: all linear 2.5s;
  }

  .gallery-page #mix-container .gap {
    display: none;
    vertical-align: top;
    width: 23.5%;
    margin-bottom: 20px;
  }


.dropdown-wave-active {
	background-color: rgb(218, 218, 218);
}

.wave-item-name {
	/* padding: 5px 15px; */
	color: #666666;
	font-weight: normal;
	line-height: 1.49;
	white-space: nowrap;
}
/**
 * selectize.default.css (v0.8.5) - Default Theme
 * Copyright (c) 2013 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

 .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border: 0 none !important;
    visibility: visible !important;
    -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
            box-shadow: inset 0 0 12px 4px #ffffff;
  }
  
  .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden;
  }
  
  .selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  }
  
  .selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    background: #f8f8f8;
    border-bottom: 1px solid #d0d0d0;
    -webkit-border-radius: 3px 3px 0 0;
       -moz-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
  }
  
  .selectize-dropdown-header-close {
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -12px;
    font-size: 20px !important;
    line-height: 20px;
    color: #303030;
    opacity: 0.4;
  }
  
  .selectize-dropdown-header-close:hover {
    color: #000000;
  }
  
  .selectize-dropdown.plugin-optgroup_columns .optgroup {
    float: left;
    border-top: 0 none;
    border-right: 1px solid #f2f2f2;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none;
  }
  
  .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none;
  }
  
  .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
  }
  
  .selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important;
  }
  
  .selectize-control.plugin-remove_button [data-value] .remove {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 17px;
    padding: 2px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    color: inherit;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border-left: 1px solid #0073bb;
    -webkit-border-radius: 0 2px 2px 0;
       -moz-border-radius: 0 2px 2px 0;
            border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  .selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, 0.05);
  }
  
  .selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #00578d;
  }
  
  .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none;
  }
  
  .selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #aaaaaa;
  }
  
  .selectize-control {
    position: relative;
  }
  
  .selectize-dropdown,
  .selectize-input,
  .selectize-input input {
    font-family: inherit;
    font-size: 13px;
    -webkit-font-smoothing: inherit;
    line-height: 18px;
    color: #303030;
  }
  
  .selectize-input,
  .selectize-control.single .selectize-input.input-active {
    display: inline-block;
    cursor: text;
    background: #ffffff;
  }
  
  .selectize-input {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    padding: 8px 8px;
    overflow: hidden;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  .selectize-control.multi .selectize-input.has-items {
    padding: 5px 8px 2px;
  }
  
  .selectize-input.full {
    background-color: #ffffff;
  }
  
  .selectize-input.disabled,
  .selectize-input.disabled * {
    cursor: default !important;
  }
  
  .selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  }
  
  .selectize-input.dropdown-active {
    -webkit-border-radius: 3px 3px 0 0;
       -moz-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
  }
  
  .selectize-input > * {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: baseline;
    zoom: 1;
  }
  
  .selectize-control.multi .selectize-input > div {
    padding: 2px 6px;
    margin: 0 3px 3px 0;
    color: #ffffff;
    cursor: pointer;
    background: #1da7ee;
    border: 1px solid #0073bb;
  }
  
  .selectize-control.multi .selectize-input > div.active {
    color: #ffffff;
    background: #92c836;
    border: 1px solid #00578d;
  }
  
  .selectize-control.multi .selectize-input.disabled > div,
  .selectize-control.multi .selectize-input.disabled > div.active {
    color: #ffffff;
    background: #d2d2d2;
    border: 1px solid #aaaaaa;
  }
  
  .selectize-input > input {
    max-width: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 1px !important;
    line-height: inherit !important;
    text-indent: 0 !important;
    background: none !important;
    border: 0 none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-user-select: auto !important;
  }
  
  .selectize-input > input:focus {
    outline: none !important;
  }
  
  .selectize-input::after {
    display: block;
    clear: left;
    content: ' ';
  }
  
  .selectize-input.dropdown-active::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 1px;
    background: #f0f0f0;
    content: ' ';
  }
  
  .selectize-dropdown {
    position: absolute;
    z-index: 10;
    margin: -1px 0 0 0;
    background: #ffffff;
    border: 1px solid #d0d0d0;
    border-top: 0 none;
    -webkit-border-radius: 0 0 3px 3px;
       -moz-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  .selectize-dropdown [data-selectable] {
    overflow: hidden;
    cursor: pointer;
  }
  
  .selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, 0.2);
    -webkit-border-radius: 1px;
       -moz-border-radius: 1px;
            border-radius: 1px;
  }
  
  .selectize-dropdown [data-selectable],
  .selectize-dropdown .optgroup-header {
    padding: 5px 8px;
  }
  
  .selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none;
  }
  
  .selectize-dropdown .optgroup-header {
    color: #303030;
    cursor: default;
    background: #ffffff;
  }
  
  .selectize-dropdown .active {
    color: #495c68;
    background-color: #f5fafd;
  }
  
  .selectize-dropdown .active.create {
    color: #495c68;
  }
  
  .selectize-dropdown .create {
    color: rgba(48, 48, 48, 0.5);
  }
  
  .selectize-dropdown-content {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  
  .selectize-control.single .selectize-input,
  .selectize-control.single .selectize-input input {
    cursor: pointer;
  }
  
  .selectize-control.single .selectize-input.input-active,
  .selectize-control.single .selectize-input.input-active input {
    cursor: text;
  }
  
  .selectize-control.single .selectize-input:after {
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 0;
    height: 0;
    margin-top: -3px;
    border-color: #808080 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    content: ' ';
  }
  
  .selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-color: transparent transparent #808080 transparent;
    border-width: 0 5px 5px 5px;
  }
  
  .selectize-control.rtl.single .selectize-input:after {
    right: auto;
    left: 15px;
  }
  
  .selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important;
  }
  
  .selectize-control .selectize-input.disabled {
    background-color: #fafafa;
    opacity: 0.5;
  }
  
  .selectize-control.multi .selectize-input.has-items {
    padding-right: 5px;
    padding-left: 5px;
  }
  
  .selectize-control.multi .selectize-input.disabled [data-value] {
    color: #999;
    text-shadow: none;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  
  .selectize-control.multi .selectize-input.disabled [data-value],
  .selectize-control.multi .selectize-input.disabled [data-value] .remove {
    border-color: #e6e6e6;
  }
  
  .selectize-control.multi .selectize-input.disabled [data-value] .remove {
    background: none;
  }
  
  .selectize-control.multi .selectize-input [data-value] {
    text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
    background-color: #1b9dec;
    background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
    background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
    background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
    background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
    background-repeat: repeat-x;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
  }
  
  .selectize-control.multi .selectize-input [data-value].active {
    background-color: #0085d4;
    background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
    background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
    background-image: -o-linear-gradient(top, #008fd8, #0075cf);
    background-image: linear-gradient(to bottom, #008fd8, #0075cf);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
  }
  
  .selectize-control.single .selectize-input {
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  }
  
  .selectize-control.single .selectize-input,
  .selectize-dropdown.single {
    border-color: #b8b8b8;
  }
  
  .selectize-dropdown .optgroup-header {
    padding-top: 7px;
    font-size: 0.85em;
    font-weight: bold;
  }
  
  .selectize-dropdown .optgroup {
    border-top: 1px solid #f0f0f0;
  }
  
  .selectize-dropdown .optgroup:first-child {
    border-top: 0 none;
  }

/*
 * DT Plugin - Editor
 */
 div.DTE_Field:after {
  display: block;
  content: ".";
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}

div.DTE_Inline div.DTE_Field {
  width: 100%;
}
div.DTE_Inline div.DTE_Field > div {
  width: 100%;
  padding: 0;
}
div.DTE_Inline div.DTE_Field label {
  display: none;
}
div.DTE_Inline div.DTE_Field input {
  width: 100%;
  color: black;
}
div.DTE_Inline div.DTE_Field div.help-block {
  display: none;
}

div.DTE_Bubble {
  position: absolute;
  z-index: 11;
  margin-top: -6px;
  opacity: 0;
}
div.DTE_Bubble div.DTE_Bubble_Liner {
  position: absolute;
  bottom: 0;
  border: 1px solid black;
  width: 300px;
  margin-left: -150px;
  background-color: white;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 0 0 0.5em 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
  display: table;
  width: 100%;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form {
  display: table-cell;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
  padding: 0;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
  position: relative;
  zoom: 1;
  margin-bottom: 0.5em;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
  margin-bottom: 0;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label,
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field > div {
  width: 100%;
  float: none;
  clear: both;
  text-align: left;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field label {
  padding-bottom: 4px;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
  display: table-cell;
  vertical-align: bottom;
  padding: 0 1em 0.75em 0.75em;
  width: 1%;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  font-size: 14px;
  width: 100%;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
  float: none;
  display: none;
  padding: 0;
  margin-bottom: 0.5em;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
  position: absolute;
  top: -11px;
  right: -11px;
  width: 22px;
  height: 22px;
  border: 2px solid white;
  background-color: black;
  text-align: center;
  border-radius: 15px;
  cursor: pointer;
  *cursor: hand;
  z-index: 12;
  box-shadow: 2px 2px 6px #111;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
  content: '\00d7';
  color: white;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover {
  background-color: #092079;
  box-shadow: 2px 2px 9px #111;
}
div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
  margin-top: -2px;
  display: block;
}
div.DTE_Bubble div.DTE_Bubble_Triangle {
  position: absolute;
  height: 10px;
  width: 10px;
  top: -6px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

div.DTE_Bubble_Background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.05);
}


/*
 * DT Plugin - ColReorder
 */
table.DTCR_clonedTable {
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 202;
}

div.DTCR_pointer {
  width: 1px;
  background-color: #0259C4;
  z-index: 201;
}
/*!
 * FullCalendar v2.2.3 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}body .fc{font-size:1em}.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed hr,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-popover .fc-header,.fc-unthemed hr{background:#eee}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666}.fc-unthemed .fc-today{background:#fcf8e3}.fc-highlight{background:#bce8f1;opacity:.3;filter:alpha(opacity=30)}.fc-bgevent{background:#8fdf82;opacity:.3;filter:alpha(opacity=30)}.fc-nonbusiness{background:#ccc}.fc-icon{display:inline-block;font-size:2em;line-height:.5em;height:.5em;font-family:"Courier New",Courier,monospace}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700}.fc-icon-left-double-arrow:after{content:"\000AB"}.fc-icon-right-double-arrow:after{content:"\000BB"}.fc-icon-x:after{content:"\000D7"}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;font-size:1em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:.05em;margin:0 .1em}.fc-state-default{background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-popover .fc-header .fc-close{cursor:pointer}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:25px;margin-top:4px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc hr{height:0;margin:0;padding:0 0 2px;border-style:solid;border-width:1px 0}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc-bg{bottom:0}.fc-bg table{height:100%}.fc table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc th{text-align:center}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent;border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{overflow-y:scroll;overflow-x:hidden}.fc-scroller>*{position:relative;width:100%;overflow:hidden}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad;background-color:#3a87ad;font-weight:400}.fc-event,.fc-event:hover,.ui-widget .fc-event{color:#fff;text-decoration:none}.fc-event.fc-draggable,.fc-event[href]{cursor:pointer}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}.fc-ltr .fc-day-grid-event.fc-not-start,.fc-rtl .fc-day-grid-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-day-grid-event.fc-not-end,.fc-rtl .fc-day-grid-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-day-grid-event>.fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-day-grid-event .fc-resizer{position:absolute;top:0;bottom:0;width:7px}.fc-ltr .fc-day-grid-event .fc-resizer{right:-3px;cursor:e-resize}.fc-rtl .fc-day-grid-event .fc-resizer{left:-3px;cursor:w-resize}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-toolbar{text-align:center;margin-bottom:1em}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc-basic-view tbody .fc-row{min-height:4em}.fc-row.fc-rigid{overflow:hidden}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:0 2px}.fc-basic-view td.fc-day-number,.fc-basic-view td.fc-week-number span{padding-top:2px;padding-bottom:2px}.fc-basic-view .fc-week-number{text-align:center}.fc-basic-view .fc-week-number span{display:inline-block;min-width:1.25em}.fc-ltr .fc-basic-view .fc-day-number{text-align:right}.fc-rtl .fc-basic-view .fc-day-number{text-align:left}.fc-day-number.fc-other-month{opacity:.3;filter:alpha(opacity=30)}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-top:1px;padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-bgevent-skeleton,.fc-time-grid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-time-grid .fc-bgevent-skeleton{z-index:3}.fc-time-grid .fc-highlight-skeleton{z-index:4}.fc-time-grid .fc-content-skeleton{z-index:5}.fc-time-grid .fc-helper-skeleton{z-index:6}.fc-slats td{height:1.5em;border-bottom:0}.fc-slats .fc-minor td{border-top-style:dotted}.fc-slats .ui-widget-content{background:0 0}.fc-time-grid .fc-highlight-container{position:relative}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-time-grid .fc-bgevent-container,.fc-time-grid .fc-event-container{position:relative}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-time-grid-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-time-grid-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event{overflow:hidden}.fc-time-grid-event>.fc-content{position:relative;z-index:2}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event .fc-bg{z-index:1;background:#fff;opacity:.25;filter:alpha(opacity=25)}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event .fc-resizer{position:absolute;z-index:3;left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event .fc-resizer:after{content:"="}
@font-face{font-family:'footable';src:url('fonts/footable.eot');src:url('fonts/footable.eot?#iefix') format('embedded-opentype'),url('fonts/footable.woff') format('woff'),url('fonts/footable.ttf') format('truetype'),url('fonts/footable.svg#footable') format('svg');font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:'footable';src:url('fonts/footable.svg#footable') format('svg');font-weight:normal;font-style:normal}}.footable{width:100%}.footable.breakpoint>tbody>tr.footable-detail-show>td{border-bottom:0}.footable.breakpoint>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e001"}.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail){cursor:pointer}.footable.breakpoint>tbody>tr>td.footable-cell-detail{background:#eee;border-top:0}.footable.breakpoint>tbody>tr>td>span.footable-toggle{display:inline-block;font-family:'footable';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;padding-right:5px;font-size:14px;color:#888}.footable.breakpoint>tbody>tr>td>span.footable-toggle:before{content:"\e000"}.footable.breakpoint.toggle-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e005"}.footable.breakpoint.toggle-circle>tbody>tr>td>span.footable-toggle:before{content:"\e004"}.footable.breakpoint.toggle-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e003"}.footable.breakpoint.toggle-circle-filled>tbody>tr>td>span.footable-toggle:before{content:"\e002"}.footable.breakpoint.toggle-square>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e007"}.footable.breakpoint.toggle-square>tbody>tr>td>span.footable-toggle:before{content:"\e006"}.footable.breakpoint.toggle-square-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e009"}.footable.breakpoint.toggle-square-filled>tbody>tr>td>span.footable-toggle:before{content:"\e008"}.footable.breakpoint.toggle-arrow>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e00f"}.footable.breakpoint.toggle-arrow>tbody>tr>td>span.footable-toggle:before{content:"\e011"}.footable.breakpoint.toggle-arrow-small>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e013"}.footable.breakpoint.toggle-arrow-small>tbody>tr>td>span.footable-toggle:before{content:"\e015"}.footable.breakpoint.toggle-arrow-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e01b"}.footable.breakpoint.toggle-arrow-circle>tbody>tr>td>span.footable-toggle:before{content:"\e01d"}.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e00b"}.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr>td>span.footable-toggle:before{content:"\e00d"}.footable.breakpoint.toggle-arrow-tiny>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e01f"}.footable.breakpoint.toggle-arrow-tiny>tbody>tr>td>span.footable-toggle:before{content:"\e021"}.footable.breakpoint.toggle-arrow-alt>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e017"}.footable.breakpoint.toggle-arrow-alt>tbody>tr>td>span.footable-toggle:before{content:"\e019"}.footable.breakpoint.toggle-medium>tbody>tr>td>span.footable-toggle{font-size:18px}.footable.breakpoint.toggle-large>tbody>tr>td>span.footable-toggle{font-size:24px}.footable>thead>tr>th{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.footable>thead>tr>th.footable-sortable:hover{cursor:pointer}.footable>thead>tr>th.footable-sorted>span.footable-sort-indicator:before{content:"\e013"}.footable>thead>tr>th.footable-sorted-desc>span.footable-sort-indicator:before{content:"\e012"}.footable>thead>tr>th>span.footable-sort-indicator{display:inline-block;font-family:'footable';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;padding-left:5px}.footable>thead>tr>th>span.footable-sort-indicator:before{content:"\e022"}.footable>tfoot .pagination{margin:0}.footable.no-paging .hide-if-no-paging{display:none}.footable-row-detail-inner{display:table}.footable-row-detail-row{display:table-row;line-height:1.5em}.footable-row-detail-group{display:block;line-height:2em;font-size:1.2em;font-weight:bold}.footable-row-detail-name{display:table-cell;font-weight:bold;padding-right:.5em}.footable-row-detail-value{display:table-cell}.footable-odd{background-color:#f7f7f7}
/*!
 * Fancytree "win8" skin (highlighting the node span instead of title-only).
 *
 * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
 * the LESS templates.
 */.ui-helper-hidden{display:none}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;overflow:auto;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 16px;margin:0}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-radio,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url(icons.gif);background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-icon,span.fancytree-radio{margin-top:1px}span.fancytree-custom-icon{display:inline-block}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:1px;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-n span.fancytree-expander:hover{background-position:0 -64px}.fancytree-exp-nl span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander:hover{background-position:-16px -64px}.fancytree-exp-c span.fancytree-expander{background-position:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -96px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-16px -96px}.fancytree-exp-cd span.fancytree-expander{background-position:-64px -80px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-80px -80px}.fancytree-exp-cdl span.fancytree-expander{background-position:-64px -96px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-80px -96px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-32px -80px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-48px -80px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}.fancytree-partsel span.fancytree-checkbox{background-position:-64px -32px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -32px}.fancytree-selected span.fancytree-checkbox{background-position:-32px -32px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -32px}.fancytree-unselectable span.fancytree-checkbox,.fancytree-unselectable span.fancytree-checkbox:hover{opacity:.4;filter:alpha(opacity=40);background-position:0 -32px}.fancytree-radio span.fancytree-checkbox{background-position:0 -48px}.fancytree-radio span.fancytree-checkbox:hover{background-position:-16px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox{background-position:-64px -48px}.fancytree-radio .fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox{background-position:-32px -48px}.fancytree-radio .fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -48px}.fancytree-radio .fancytree-unselectable span.fancytree-checkbox,.fancytree-radio .fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -48px}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -16px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-16px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-32px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-48px -16px}.fancytree-ico-ef span.fancytree-icon{background-position:-64px -16px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-80px -16px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-wait span.fancytree-icon,.fancytree-statusnode-wait span.fancytree-icon:hover{background-image:url(data:image/gif;base64,R0lGODlhEAAQAPcAAEai/0+m/1is/12u/2Oy/2u1/3C3/3G4/3W6/3q8/3+//4HA/4XC/4nE/4/H/5LI/5XK/5vN/57O/6DP/6HQ/6TS/6/X/7DX/7HY/7bb/7rd/7ze/8Hg/8fj/8rl/83m/9Dn/9Lp/9bq/9jr/9rt/9/v/+Dv/+Hw/+Xy/+v1/+32//D3//L5//f7//j7//v9/0qk/06m/1Ko/1er/2Cw/2m0/2y2/3u9/32+/4jD/5bK/5jL/5/P/6HP/6PS/6fS/6nU/67X/7Ta/7nc/7zd/8Ph/8bj/8jk/8vl/9Pp/9fr/9rs/9zu/+j0/+72//T6/0ij/1Op/1uu/1yu/2Wy/2q0/2+3/3C4/3m8/3y9/4PB/4vE/4/G/6XS/6jU/67W/7HZ/7Xa/7vd/73e/8Lh/8nk/87m/9Hn/9Ho/9vt/97u/+Lx/+bz/+n0//H4//X6/1Gn/1Go/2Gx/36+/5PJ/5TJ/5nL/57P/7PZ/7TZ/8Xi/9Tq/9zt/+by/+r0/+73//P5//n8/0uk/1Wq/3K4/3e7/4bC/4vF/47G/5fK/77f/9Do/9ns/+Tx/+/3//L4//b6//r9/2Wx/2q1/4bD/6DQ/6fT/9Tp/+Lw/+jz//D4//j8/1qt/2mz/5rM/6bS/8Lg/8jj/97v/+r1/1Cn/1ar/2Cv/3O5/3++/53O/8Th/9Lo/9Xq/+z2/2Kw/2Sx/8Ti/4rF/7DY/1+v/4TB/7fb/+Ty/1+u/2Ox/4zG/6vU/7/f//r8/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/i1NYWRlIGJ5IEtyYXNpbWlyYSBOZWpjaGV2YSAod3d3LmxvYWRpbmZvLm5ldCkAIfkEAQoAMAAsAAAAABAAEAAABptAmFCI6mAsnNNwCUthGomDoYCQoJinyELRgDwUhAFCNFRJGg8P6/VSaQyCgxK2cURMTJioEIA0Jw8geUIZAQMkIhEVLIMwKgMAFx4SGS+NLwwCFR8UGo1CKSgsJBUYLZ9sMCsZF3iDLy2nMCEXGyp5bSqyLBwaHSguQi8sKigqlkIqHb4hJc4lJsdMLSQeHyEhIyXSgy2hxsFLQQAh+QQBCgAAACwAAAAAEAAQAAAHp4AAgoIoH0NCSCiDiwBORDo5Czg3C0BNjCg/Dw46PjwOBwcLS4MrQTs9ICwvL05FODU4igBGPECzi0s4NDyNQT5KjINDAzZMTEBCLMKCTQczQ0lBRcyDODI8SojVAC84MTxMQkVP1SgDMEJPRkS4jB8xM6RKRR/Lwi9HQYJPIB9KTV4MeuHiicBSSkAoYYKiiRMnKw4ucnFiyRKGKJyUq/aChUaDjAIBACH5BAEKAAAALAAAAAAQABAAAAeogACCgm1KZGRmbYOLAG5GXjoPXFsPYIqLbWE7XV1fXjtaWQ9qg25iXmBKby8AKmVcWFyXaBdil4tqWldejWNhpIyCZFZZa2tjZG/BgipYVWRpY2bLg1s0XWpGaNQAL1pTXW1maMrLbVZSYm9oZyrUYVFUpGxoaeWLZzQBOoJvamkm3OCSAsWKiUH+1rBp48bFCxVWaGxb9LBNGxVvVqUBFuzFizculgUCACH5BAEKAAEALAAAAAAQABAAAAi4AAMIFPiHxJEjJPwMXBgAEIg8XijcsUNhzB+GfzjkwYNnSB4KdRzcWTPwzZEhY/i8EfgmhJ0GdhQGIDFGz0WGJuoswBPgzQc9fRgOPDKnQR8/H0K4EErQQQKgIPgwFRioTgE8ffZInRqIztWCfAJN/TOnAAcXJvgAmjpEDgKSf9b4Ectwz5UBd6j68fNnaYBAfvIUEIAgKNU/gN4E+sNgAJw4BvYIfeMiUB8BAAbUMTz1TYU8YRcGBAAh+QQBCgAAACwAAAAAEAAQAAAItAABCBT4qJGIRY0cDVwIAJIIMnnyWABiwYjChY8WGVFExgjELjwsNBroQgSSD40gCXQIJFGXi41AiHjEEECjLg8UNWS06GLND4gSNXrEqESkmgQTGfrgqMRIpAAidVkwpKDPmpF44MgDqVGTo0gdHbqBJJIjR2BrkiG0YCSkRyprMsJBCMhASJEioczbZEihGoaeCtQrgwYOujRoLGBU08IgQYJkzKjBQ/DCSIzy8OgypATDgAAh+QQBCgAAACwAAAAAEAAQAAAIswABCBQIKRMfPmw0DVwIYBObEEiKjBEzJoTChZD4XArB0UyRMBfGtBm4CdOSJW02EeQjxkuYi38wYYLEEEAmDJWMNGyTsKbAS5Us/YHU5o9PgZos7QixSdPFo18eFNkESeXRTV+4FGlo1aemHVvM7ORzFMmCByOXHJgSoiafLTgwCOQjCYqkMCk3/SlCCQvagSEmBRh0gBLcAwe4kF2IaYekKVNoTMLiZWTNTSwtWRqDiWFAACH5BAEKAAIALAAAAAAQABAAAAi5AAUIFOhCBRs2o94MXCjghQpRI/YkQYJkj8KFL0atEcVRVJIOY0KtWKhi1Cg3LwS+YdNhCCg3Kt2oSMlQxZg8IGLSZChA1IU8Khru5PkmjxdRbtgE5TlwCAUknzgxGIoxDw8kQgAMGMVUgJtPnvaQGBAgT1cQDyhwhRCnUxKeazw5GCNwTQFOBsbMfLECyYMGPJYK2INgAAEFDyA0ULDA0xqGbHggKFDgQIIGF7jyfLGmw4ULHdgwDAgAIfkEAQoAAAAsAAAAABAAEAAACLcAAQgcqElTK00uBioUuKlVEzYnlixhk3BhC4MO2SxhtIrVCoWbNrnYNLAhKzMgWggMgqTiwhVIiiwBsKQUKTMLB7IhoqpVHhimmuQU2KJInhOpYtxwmdNMHlapZKAiORRAkSCshpQ61arqijxAJNoYMKTqEh95uvagUWjmQjZAUqkSyAZVDVRFWoXUBKLHjiAfBS5hcOqUg1Q+djh44IPNwiZAFtxAtSCHDiJdh55AkmeIGaEKAwIAIfkEAQoAAAAsAAAAABAAEAAACLcAAQgcGMgFJEiBBioEUEIJAINuRo36k1AhGldXVhSMyAaTCUgDMVWBMiWNQjeY0pRwIVBHAFdoFgKAxOgMG4avooSRKfCPmTOQNEi5MornwzNIRnWZQqkiTyVFSnRxtYWlUTMa0hSpkuWPUUgcNGDClMVKEaMmwohxA6CLFUolZI7ScCEmgFFcsnBB4nVmCTBeNLAVWCKvlh1dvnjRUSlMUYWjwDzYwuWBji6wBss1U6QImscDAwIAIfkEAQoAAQAsAAAAABAAEAAACLMAAwgUyEfWJxYDEw5sBGEAAAGNXkCCpDAAKwNw4AxgoEIii44LCwnolMfPC4EvVPgxKfDOgCusKr7ws0ZFABOF5IipKJAFHz4vOBSYY5NnAD4jVMgqAOGkUT5J/CxtajRAmiRr9CSIVbQiJFZI/DRyMAeJ0awfKMqaQ2dNRRV6xqQR6MdOLDusEAaAtGbMGCR6A6y54wDCpzxiZCnm0FWgijF3INyhcDhJYIV+wH5I0zhAQAAh+QQBCgAAACwAAAAAEAAQAAAItAABCBRYYkiqVLUYuRjIkE2qGjNkxBA0IwhDgYwU0JhVg1YCGjLMLBzYxFCNBEM0uXDBxkyLlQOBEFLA6CKAlZpaAGBjiBAZmwP//HFhJMGhP0AF/mHjopaCVCOBsmGjqZahLlFtsinxx4yhHZqSurDFaGkiREmS/rnESOeQB6nY2NR0CYRcAH+67AByaWSLlkj6DmQTJFWXWmSMkCFCBkRYhn+MBAESpBbitmpLJLlU4vHAgAAh+QQBCgAAACwAAAAAEAAQAAAIvQABCBS4ZpclS0PWDFwIoI0uHFVu3ZIiiY7ChWpyHTiAowGDK4MCVEEzsA0dLAw4OOHFq00YXFBwqREIBkeumQzN3DqQBkCmOgvKMByYpg0vAGZy7XAydCCvFgA45NLVdGCLFrw40PlytCoLJy0u7bAEtSkvJ21aOLF055JXNkYBwKoEJtPQFmvWMAWwIoyuIWrKunCSJo2Jrg2HXAjDwcwlNCDQpCk7kAWIXUN2wTKDZo2Lqk7YpFGTibLAgAA7);background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -112px}span.fancytree-node{display:inherit;width:100%}span.fancytree-title{display:inline-block;padding-left:3px;padding-right:3px;color:#000;vertical-align:top;margin:0;margin-left:3px;cursor:pointer}span.fancytree-node.fancytree-error span.fancytree-title{color:red}div.fancytree-drag-helper a{border:1px solid gray;background-color:#fff;padding-left:5px;padding-right:5px;opacity:.8}div.fancytree-drag-helper.fancytree-drop-reject{border-color:red}div.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-32px -112px}div.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-16px -112px}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source{background-color:#e0e0e0}span.fancytree-drag-source span.fancytree.title{color:gray}span.fancytree-drop-target.fancytree-drop-accept a{background-color:#3169C6!important;color:#fff!important;text-decoration:none}table.fancytree-ext-table{border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0;padding:1px 0 0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#CBE8F6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:relative;z-index:1;width:100%;padding-left:503px;margin-left:-500px}span.fancytree-node{border:1px solid transparent}span.fancytree-node:hover{background-color:#E5F3FB;border-color:#70C0E7}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-focused{border-color:#39F}span.fancytree-node.fancytree-active,span.fancytree-node.fancytree-selected{background-color:#F7F7F7;border-color:#DEDEDE}.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-active,.fancytree-container.fancytree-treefocus span.fancytree-node.fancytree-selected,span.fancytree-node.fancytree-active:hover,span.fancytree-node.fancytree-selected:hover{background-color:#CBE8F6;border-color:#26A0DA}.fancytree-node.fancytree-selected{font-style:italic}table.fancytree-ext-table tbody tr td{border:1px solid #EDEDED}table.fancytree-ext-table tbody span.fancytree-node,table.fancytree-ext-table tbody span.fancytree-node:hover{border:0;background:0 0}table.fancytree-ext-table tbody span.fancytree-title:hover{border:0;background:inherit;background:0 0;background:0 0;filter:none}table.fancytree-ext-table tbody tr:hover{background-color:#E5F3FB;outline:1px solid #70C0E7}table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title{outline:1px dotted #000}table.fancytree-ext-table tbody tr.fancytree-active:hover,table.fancytree-ext-table tbody tr.fancytree-selected:hover{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#F7F7F7;outline:1px solid #DEDEDE}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#F7F7F7}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active{background-color:#CBE8F6;outline:1px solid #26A0DA}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected{background-color:#CBE8F6}
.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
@charset "UTF-8";
/*
Trix 1.3.5
Copyright © 2024 37signals, LLC
http://trix-editor.org/*/
trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none; }
trix-toolbar * {
  box-sizing: border-box; }
trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto; }
trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px; }
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw; }
    @media (max-device-width: 768px) {
      trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 0; } }
trix-toolbar .trix-button-group-spacer {
  flex-grow: 1; }
  @media (max-device-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
      display: none; } }
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent; }
  trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: black; }
  trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer; }
  trix-toolbar .trix-button:disabled {
    color: rgba(0, 0, 0, 0.125); }
  @media (max-device-width: 768px) {
    trix-toolbar .trix-button {
      letter-spacing: -0.01em;
      padding: 0 0.3em; } }
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px; }
  @media (max-device-width: 768px) {
    trix-toolbar .trix-button--icon {
      height: 2em;
      max-width: calc(0.8em + 3.5vw); } }
  trix-toolbar .trix-button--icon::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    @media (max-device-width: 768px) {
      trix-toolbar .trix-button--icon::before {
        right: 6%;
        left: 6%; } }
  trix-toolbar .trix-button--icon.trix-active::before {
    opacity: 1; }
  trix-toolbar .trix-button--icon:disabled::before {
    opacity: 0.125; }
trix-toolbar .trix-button--icon-attach::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
  top: 8%;
  bottom: 4%; }
trix-toolbar .trix-button--icon-bold::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-italic::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-link::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-strike::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-quote::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-code::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-number-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-undo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-redo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-dialogs {
  position: relative; }
trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5; }
trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
  trix-toolbar .trix-input--dialog.validate:invalid {
    box-shadow: #F00 0px 0px 1.5px 1px; }
trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none; }
trix-toolbar .trix-dialog--link {
  max-width: 600px; }
trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline; }
  trix-toolbar .trix-dialog__link-fields .trix-input {
    flex: 1; }
  trix-toolbar .trix-dialog__link-fields .trix-button-group {
    flex: 0 0 content;
    margin: 0; }
trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none; }
trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none; }

trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
  background: highlight; }
trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
  background: highlight; }

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent; }
trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight; }
trix-editor .attachment {
  position: relative; }
  trix-editor .attachment:hover {
    cursor: default; }
trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text; }
trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in; }
  trix-editor .attachment__progress[value="100"] {
    opacity: 0; }
trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center; }
trix-editor .trix-button-group {
  display: inline-flex; }
trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent; }
  trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-editor .trix-button.trix-active {
    background: #cbeefa; }
  trix-editor .trix-button:not(:disabled) {
    cursor: pointer; }
trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); }
  trix-editor .trix-button--remove::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    content: "";
    background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%; }
  trix-editor .trix-button--remove:hover {
    border-color: #333; }
    trix-editor .trix-button--remove:hover::before {
      opacity: 1; }
trix-editor .attachment__metadata-container {
  position: relative; }
trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px; }
  trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  trix-editor .attachment__metadata .attachment__size {
    margin-left: 0.2em;
    white-space: nowrap; }
@charset "UTF-8";
.trix-content {
  line-height: 1.5; }
  .trix-content * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2; }
  .trix-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em; }
  .trix-content [dir=rtl] blockquote,
  .trix-content blockquote[dir=rtl] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em; }
  .trix-content li {
    margin-left: 1em; }
  .trix-content [dir=rtl] li {
    margin-right: 1em; }
  .trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto; }
  .trix-content img {
    max-width: 100%;
    height: auto; }
  .trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%; }
    .trix-content .attachment a {
      color: inherit;
      text-decoration: none; }
      .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
        color: inherit; }
  .trix-content .attachment__caption {
    text-align: center; }
    .trix-content .attachment__caption .attachment__name + .attachment__size::before {
      content: ' · '; }
  .trix-content .attachment--preview {
    width: 100%;
    text-align: center; }
    .trix-content .attachment--preview .attachment__caption {
      color: #666;
      font-size: 0.9em;
      line-height: 1.2; }
  .trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px; }
  .trix-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .trix-content .attachment-gallery .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%; }
    .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
      flex-basis: 50%;
      max-width: 50%; }

#date_picker
{
	width: 320px;
	margin: auto;
}

#mission_date h4
{
	text-align: center;
}
/*________Dates disponibles______*/

#date_picker .btn {
  background-color: #fff;
}

#date_picker button.btn.btn-default.btn-sm.active
{
	background-color: #fff;
}

.text-info {
	color: #000;
}


/*________Dates indisponibles______*/

#date_picker .btn[disabled] {
  background-color: #DBDBDB;
}

#date_picker button.btn.btn-default.btn-sm.active[disabled]
{
	background-color: #DBDBDB;
}

/*________Dates selectionnées______*/

#date_picker button.btn.btn-default.btn-sm.btn-info
{
	background-color: #70ca63 ;
}

#date_picker button.btn.btn-default.btn-sm.btn-info.active
{
	background-color: #70ca63;
}

/*________Buttons flechés changement de mois______*/

#date_picker button.btn.btn-default.btn-sm.pull-right, #date_picker button.btn.btn-default.btn-sm.pull-left
{
	background-color: white;
}


/*________Button selection du mois______*/

#date_picker button.btn.btn-default.btn-sm[role="heading"]
{
	background-color: white;
}



/*_________________________ROLES____________________________*/

.admin-form .new_role_name
{
	padding: 1%;
}

.input_text_padding
{
	padding: 1%;
}

.text-align-center
{
	text-align: center !important;
}



/*______________________________INPUT FILE STYLE______________________________*/

/* styles de base si JS est activé */
.js .input-file-container {
  position: relative;
}
.js .input-file-trigger {
  display: block;
  font-size: 1em;
  transition: all .4s;
  cursor: pointer;
}

.js input#my-file.input-file {
	width: 50px;
}

.js .input-file {
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
  cursor: pointer;
}

/* styles du retour visuel */
.file-return {
  margin: 0;
}
.js .file-return {
  font-style: italic;
  font-size: .9em;
  font-weight: bold;
}
/* on complète l'information d'un contenu textuel
   uniquement lorsque le paragraphe n'est pas vide */
.js .file-return:not(:empty):before {
  content: "Selected file: ";
  font-style: normal;
  font-weight: normal;
}



/*_____________________Profile user_________________________*/

.avatar-user {
	width: 165px;
	height: 165px;
}

.file-button-style-force
{
	background-color: #F0F0F0 !important;
	font-size: 1em !important;
	color: #626262 !important;
	border: 1px solid #D9D9D9 !important;
}

.file-button-style-force:hover
{
	border: 1px solid grey !important;
}



/*_____________________Missions listing_________________________*/

.missions-list-min-height {
	min-height: 430px;
}

/*__________________________Sort icon____________________________*/

.st-sort-ascent:before{
    content: '\25B2';
}

.st-sort-descent:before{
    content: '\25BC';
}

#suivi_table {
    min-height: 500px;
}

td {
    cursor: pointer;
}

.disabledelement {
    pointer-events: none;
    opacity: 0.4;
}

/*_____________________survey_profile_____________________________*/

#survey_profile .panel-title {
	font-size: 1.4em;
}

#survey_profile .panel-heading {
	color: black;
	padding: 19px 10px 10px;
}

#survey_profile .panel-body {
	padding: 0px 10px 0px;
}


/*______________________________________SIGNUP_VIEW________________________________________*/

#cgu
{
	border: 1px solid lightgrey;
	padding: 2%;
	max-width: 100%;
	min-height: 30vh;
	overflow: scroll;
}


/*______________________________________MODAL________________________________________*/

.modal-dialog-80 {
	width: 80%;
	margin: 30px auto;
}
@charset "UTF-8";
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/ProximaNova-Regular.otf");
}
@font-face {
  font-family: "Proxima Nova SBold";
  src: url("../fonts/Proxima-Nova-Sbold.otf");
}
* {
  outline: none;
}
*[ng-click] {
  cursor: pointer;
}

/*/////////////////////////////////////////    FLEX CLASSES     /////////////////////////////////*/
.flex-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex;
  flex-direction: row;
}

.column {
  display: flex;
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-100 {
  display: flex;
  max-width: 100%;
  flex: 1 1 100%;
}

.flex-50 {
  display: flex;
  max-width: 50%;
  flex: 1 1 50%;
}

.flex-45 {
  display: flex;
  max-width: 45%;
  flex: 1 1 45%;
}

.flex-40 {
  display: flex;
  max-width: 40%;
  flex: 1 1 40%;
}

.flex-33 {
  display: flex;
  max-width: 33%;
  flex: 1 1 33%;
}

.flex-30 {
  display: flex;
  max-width: 30%;
  flex: 1 1 30%;
}

.flex-25 {
  display: flex;
  max-width: 25%;
  flex: 1 1 25%;
}

.flex-10 {
  display: flex;
  max-width: 10%;
  flex: 1 1 10%;
}

.flex {
  display: flex;
  flex: 1 1 0;
}

.align-center {
  align-items: center;
}

.align-baseline {
  align-items: baseline;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.align-flex-end {
  align-items: flex-end;
}

.space-between {
  justify-content: space-between;
}

.space-around {
  justify-content: space-around;
}

*[contenteditable].ng-empty:before {
  content: attr(placeholder);
  display: block;
  position: absolute;
  color: rgba(0, 0, 0, 0.5);
}

.break {
  flex-basis: 100%;
  height: 0;
}

/*/////////////////////////////////////////    SMICER     /////////////////////////////////*/
/*__________________SMICER_HEADER____________________*/
/*
HTML file : /partials/smicer_header.html
*/
#smicer_navbar .dropdown.open a {
  background-color: white;
  transition-duration: 0.6s;
}
#smicer_navbar .dropdown.open a:hover {
  background-color: #f7f7f7;
}

/*__________________SMICER_DASHBOARD____________________*/
/*
Route : /user
HTML file : /partials/profile.html
*/
#smicer_dashboard #smicer_dashboard_main_section {
  /*background-color: green;*/
  margin-left: 230px;
}
#smicer_dashboard #smicer_dashboard_main_section #content .smicer_dashboard_alert_bar {
  background-color: #797979;
}
#smicer_dashboard #smicer_dashboard_main_section #content .panel-body {
  background-color: white;
}

/*__________________SMICER_MISSIONS____________________*/
/*
Route : /missions/profile
HTML file : /partials/missions_profile.html
*/
#smicer_missions #smicer_missions_main_section {
  margin-left: 230px;
}
#smicer_missions #smicer_missions_main_section #content .panel-body {
  background-color: white;
}

/*__________________SMICER_PROFILE_EDIT____________________*/
/*
Route : /edit/profile
HTML file : /partials/edit_profile.html
*/
#smicer_profile_edit #smicer_profile_edit_main_section {
  margin-left: 230px;
}
#smicer_profile_edit #smicer_profile_edit_main_section #content .panel-body {
  background-color: white;
}
#smicer_profile_edit #smicer_profile_edit_main_section #content #smicer_profile_additionnal {
  min-height: 50vh;
}
#smicer_profile_edit #smicer_profile_edit_main_section #content #smicer_profile_additionnal .survey_radio {
  background-color: lighter;
}
#smicer_profile_edit #smicer_profile_edit_main_section #content #smicer_profile_additionnal .survey_radio .panel-heading {
  border: 0;
  border-bottom: 1px solid #ddd;
  background-color: transparent;
  line-height: none;
  padding-top: 0px;
  height: 35px;
  font-weight: 400;
  min-height: 0;
}
#smicer_profile_edit #smicer_profile_edit_main_section #content #smicer_profile_additionnal .survey_radio .panel-heading .panel-title {
  font-size: 14px;
}
#smicer_profile_edit #smicer_profile_edit_main_section #content #smicer_profile_additionnal .survey_radio .panel-body {
  background-color: transparent;
  border: 0;
  padding: 10px 0px 0px 15px;
}
#smicer_profile_edit #smicer_profile_edit_main_section #content #smicer_profile_additionnal .survey_radio .panel-body .radio-custom label {
  padding-left: 20px;
}
#smicer_profile_edit #smicer_profile_edit_main_section #content #smicer_profile_additionnal .survey_radio .panel-body .radio-custom label:before {
  width: 12px;
  height: 12px;
}
#smicer_profile_edit #smicer_profile_edit_main_section #content #smicer_profile_additionnal .survey_radio .panel-body .radio-custom input[type=radio]:checked + label:after {
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
}

/*__________________SMICER_SURVEY____________________*/
/*
Route : /survey
HTML file : /partials/survey.html
*/
#smicer_survey .smicer_survey_main #content .section-divider span {
  color: grey;
  font-weight: normal;
}
#smicer_survey .smicer_survey_main #content .survey_title span {
  display: block;
  text-align: center;
  color: #4a89dc;
}
#smicer_survey .smicer_survey_main #content #lightbox_modale {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1030;
  padding-top: 8%;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
}
#smicer_survey .smicer_survey_main #content #lightbox_modale .lightbox_img {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 5vh;
  -moz-box-shadow: 0px 0px 10px 1px #656565;
  -webkit-box-shadow: 0px 0px 10px 1px #656565;
  -o-box-shadow: 0px 0px 10px 1px #656565;
  box-shadow: 0px 0px 10px 1px #656565;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);
}
#smicer_survey .smicer_survey_main #content #lightbox_modale .close_modale i {
  font-size: 2em;
  color: white;
}
#smicer_survey .smicer_survey_main #content #lightbox_modale .close_modale:hover {
  cursor: pointer;
}
#smicer_survey .smicer_survey_main #content #survey {
  background-color: lighter;
}
#smicer_survey .smicer_survey_main #content #survey .survey_name i {
  margin-right: 1vh;
}
#smicer_survey .smicer_survey_main #content #survey .survey_cover {
  margin-top: 2vh;
  margin-bottom: 2vh;
  min-height: 20vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .survey_sequence_header {
  background-color: red;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .section-divider {
  margin-bottom: 0px;
  height: 5vh;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .section-divider .survey_sequence_panel_heading {
  font-weight: 400;
  color: red;
  font-size: 16px;
  background: white;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_text .panel-body .survey_text_input {
  padding: 5px;
  border: 1px solid lightgrey;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_label input[type=checkbox] {
  margin-right: 1vh;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_label:hover {
  cursor: pointer;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_comment_field {
  margin-bottom: 1vh;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_comment_field input[type=text] {
  padding: 5px;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section .answer_joined_picture {
  position: relative;
  width: 100px;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section .answer_joined_picture a.answer_delete_joined_picture {
  position: absolute;
  top: 0px;
  left: 0px;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section .answer_joined_picture a.answer_delete_joined_picture:hover {
  cursor: pointer;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section .answer_joined_picture img {
  width: 50px;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section .button {
  display: inline-block;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section .button i {
  font-size: 1em;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] {
  display: none;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label {
  color: #292321;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label span {
  border: 2px solid #666;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio input[type=radio]:checked + label span {
  background-color: #666;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label span,
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio input[type=radio]:checked + label span {
  -webkit-transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_label:hover {
  cursor: pointer;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_comment_field {
  margin-bottom: 1vh;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_comment_field input[type=text] {
  display: block;
  padding: 5px;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section .answer_joined_picture {
  position: relative;
  width: 100px;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section .answer_joined_picture a.answer_delete_joined_picture {
  position: absolute;
  top: 0px;
  left: 0px;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section .answer_joined_picture a.answer_delete_joined_picture:hover {
  cursor: pointer;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section .answer_joined_picture img {
  width: 50px;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section .button {
  display: inline-block;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section .button i {
  font-size: 1em;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_select .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_select .panel-body select {
  margin-bottom: 10px;
}
#smicer_survey .smicer_survey_main #content #survey .survey_sequence .panel-body .survey_select .panel-body .answer_comment_field {
  padding: 5px;
}

/*/////////////////////////////////////////    ADMIN     /////////////////////////////////*/
/*__________________ADMIN_NAVBAR____________________*/
/*
HTML file : /partials/header.html
*/
#admin_navbar .dropdown.open a {
  background-color: white;
  transition-duration: 0.6s;
}
#admin_navbar .dropdown.open a:hover {
  background-color: #f7f7f7;
}

/*__________________ADMIN_WAVES_INVITATIONS____________________*/
/*
Route : /waves
HTML file : partials/test.html
*/
.admin_waves_modal h3 {
  text-align: center;
}
.admin_waves_modal #admin_waves_invitations {
  min-height: 60vh;
}
.admin_waves_modal #admin_waves_invitations #left_section {
  background-color: white;
  padding: 10px;
}
.admin_waves_modal #admin_waves_invitations #left_section #rules_application {
  padding: 2%;
  margin-top: 4%;
  margin-bottom: 4%;
}
.admin_waves_modal #admin_waves_invitations #left_section #rules_listing {
  height: 35vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.admin_waves_modal #admin_waves_invitations #left_section #rules_listing li.rule_block {
  list-style: none;
  border: 1px solid lightgrey;
  border-radius: 2px;
  padding: 10px;
  margin-top: 5px;
}
.admin_waves_modal #admin_waves_invitations #left_section #rules_listing li.rule_block .rule_block_name {
  text-transform: uppercase;
  font-weight: bolder;
  color: #576982;
}
.admin_waves_modal #admin_waves_invitations #left_section #rules_listing li.rule_block ul li {
  list-style: none;
}
.admin_waves_modal #admin_waves_invitations #left_section #rules_listing li.rule_block ul li input[type=radio] {
  margin-right: 6px;
}
.admin_waves_modal #admin_waves_invitations #left_section #rules_listing li.rule_block ul li input[type=text] {
  width: 100%;
  padding: 2%;
  margin-top: 4%;
}
.admin_waves_modal #admin_waves_invitations #left_section #rules_listing li.rule_block ul li input[type=number] {
  width: 100%;
  padding: 2%;
  margin-top: 4%;
}
.admin_waves_modal #admin_waves_invitations #left_section #rules_listing li.rule_block select {
  width: 100%;
  padding: 2%;
  margin-top: 4%;
}
.admin_waves_modal #admin_waves_invitations #left_section #population_filter {
  background-color: white;
  border: 1px solid lightgrey;
  border-radius: 2px;
}
.admin_waves_modal #admin_waves_invitations #left_section #population_filter .search_bar_section {
  border: 1px solid lightgrey;
  padding: 1%;
  background-color: white;
}
.admin_waves_modal #admin_waves_invitations #left_section #population_filter .search_bar_section .search_bar_icon i {
  font-size: 1.1em;
  margin: 5px 0px 0px 0px;
}
.admin_waves_modal #admin_waves_invitations #left_section #population_filter .search_bar_section .search_bar {
  padding: 4px;
  border: 0;
}
.admin_waves_modal #admin_waves_invitations #left_section #population_filter .search_bar_section .search_bar_cancel_btn {
  border: 0;
  background-color: white;
}
.admin_waves_modal #admin_waves_invitations #left_section #population_filter .search_bar_section .search_bar_cancel_btn i {
  font-size: 1.4em;
  margin: 5px;
}
.admin_waves_modal #admin_waves_invitations #left_section #population_filter #search_result_section {
  padding: 5px;
  height: 15vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.admin_waves_modal #admin_waves_invitations #left_section #population_filter #search_result_section li {
  list-style: none;
  padding-top: 4px;
  padding-bottom: 4px;
  transition-duration: 0.6s;
}
.admin_waves_modal #admin_waves_invitations #left_section #population_filter #search_result_section li:hover {
  background-color: lightgrey;
  cursor: pointer;
}
.admin_waves_modal #admin_waves_invitations #left_section .add_rule_btn {
  padding: 6px;
  font-weight: bold;
  font-size: 1em;
}

/*__________________ADMIN_MISSIONS_NEW____________________*/
/*
Route : /mission-new
HTML file : partials/mission-new.html
*/
/*__________________ADMIN_SURVEY_EDIT____________________*/
/*
Route : /survey/edit
HTML file : partials/formEdit.html
*/
.scroll_listing {
  overflow-y: scroll;
  height: 70vh;
  overflow-x: hidden;
}

#admin_survey_edit #content_wrapper #criterion_name {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 2vh;
}
#admin_survey_edit #content_wrapper #survey_section {
  margin-top: 0px;
  position: fixed !important;
  right: 0 !important;
  width: calc(100% - 550px) !important;
  height: calc(100% - 111px);
  overflow: auto;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

/*_____________________SURVEY_MISSION_______________________*/
/*
Route: /survey/mission
HTML file: partial/surveyMission.html
*/
#survey_mission #content .panel-body, #content_wrapper #content .panel-body {
  border: none;
}
#survey_mission #content #survey .survey_sequence, #content_wrapper #content #survey .survey_sequence {
  font-family: "Proxima Nova";
}
#survey_mission #content #survey .survey_sequence .panel-body, #content_wrapper #content #survey .survey_sequence .panel-body {
  padding: 0;
  border: 2px solid #dfe1e8;
}
#survey_mission #content #survey .survey_sequence .survey_sequence_title, #content_wrapper #content #survey .survey_sequence .survey_sequence_title {
  padding: 15px 0 15px 15px;
  background-color: #dfe1e8;
  color: black;
  font-weight: bold;
}
#survey_mission #content #survey .survey_sequence .survey_sequence_title h2, #content_wrapper #content #survey .survey_sequence .survey_sequence_title h2 {
  color: black;
  font-weight: bold;
  margin: auto;
}
#survey_mission #content #survey .survey_sequence .section-divider, #content_wrapper #content #survey .survey_sequence .section-divider {
  margin-bottom: 10px;
}
#survey_mission #content #survey .survey_sequence .panel-body, #content_wrapper #content #survey .survey_sequence .panel-body {
  padding-bottom: 10px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_checkbox .panel-heading, #content_wrapper #content #survey .survey_sequence .panel-body .survey_checkbox .panel-heading {
  height: auto;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_checkbox .panel-heading .panel-title h4, #content_wrapper #content #survey .survey_sequence .panel-body .survey_checkbox .panel-heading .panel-title h4 {
  font-weight: normal;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_checkbox .panel-heading .question_image, #content_wrapper #content #survey .survey_sequence .panel-body .survey_checkbox .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_label label, #content_wrapper #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_label label {
  margin-left: 1vh;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_label:hover, #content_wrapper #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_label:hover {
  cursor: pointer;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_comment_field, #content_wrapper #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_comment_field {
  display: none;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_comment_field input[type=text], #content_wrapper #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_comment_field input[type=text] {
  padding: 5px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section, #content_wrapper #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section {
  display: none;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section .answer_joined_picture, #content_wrapper #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section .answer_joined_picture {
  position: relative;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section .answer_joined_picture .answer_delete_joined_picture, #content_wrapper #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section .answer_joined_picture .answer_delete_joined_picture {
  position: absolute;
  top: 0px;
  left: 0px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section .answer_joined_picture .answer_delete_joined_picture:hover, #content_wrapper #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section .answer_joined_picture .answer_delete_joined_picture:hover {
  cursor: pointer;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio input[type=radio], #content_wrapper #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] {
  display: none;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label, #content_wrapper #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label {
  color: #292321;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label span, #content_wrapper #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label span, #content_wrapper #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label span {
  border: 2px solid #666;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio input[type=radio]:checked + label span, #content_wrapper #content #survey .survey_sequence .panel-body .survey_radio input[type=radio]:checked + label span {
  background-color: #666;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label span,
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio input[type=radio]:checked + label span, #content_wrapper #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label span,
#content_wrapper #content #survey .survey_sequence .panel-body .survey_radio input[type=radio]:checked + label span {
  -webkit-transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio .panel-heading, #content_wrapper #content #survey .survey_sequence .panel-body .survey_radio .panel-heading {
  height: auto;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio .panel-heading .question_image, #content_wrapper #content #survey .survey_sequence .panel-body .survey_radio .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_label:hover, #content_wrapper #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_label:hover {
  cursor: pointer;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_comment_field, #content_wrapper #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_comment_field {
  display: none;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_comment_field input[type=text], #content_wrapper #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_comment_field input[type=text] {
  padding: 5px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section, #content_wrapper #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section {
  display: none;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section .answer_joined_picture, #content_wrapper #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section .answer_joined_picture {
  position: relative;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section .answer_joined_picture .answer_delete_joined_picture, #content_wrapper #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section .answer_joined_picture .answer_delete_joined_picture {
  position: absolute;
  top: 0px;
  left: 0px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section .answer_joined_picture .answer_delete_joined_picture:hover, #content_wrapper #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section .answer_joined_picture .answer_delete_joined_picture:hover {
  cursor: pointer;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_select .panel-heading, #content_wrapper #content #survey .survey_sequence .panel-body .survey_select .panel-heading {
  height: auto;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_select .panel-heading .panel-title h4, #content_wrapper #content #survey .survey_sequence .panel-body .survey_select .panel-heading .panel-title h4 {
  font-weight: 0;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_select .panel-heading .question_image, #content_wrapper #content #survey .survey_sequence .panel-body .survey_select .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_select .panel-body select, #content_wrapper #content #survey .survey_sequence .panel-body .survey_select .panel-body select {
  margin-bottom: 10px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_select .panel-body .answer_comment_field, #content_wrapper #content #survey .survey_sequence .panel-body .survey_select .panel-body .answer_comment_field {
  padding: 5px;
  display: none;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_text .panel-heading, #content_wrapper #content #survey .survey_sequence .panel-body .survey_text .panel-heading {
  height: auto;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_text .panel-heading .panel-title h4, #content_wrapper #content #survey .survey_sequence .panel-body .survey_text .panel-heading .panel-title h4 {
  font-weight: 0;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_text .panel-heading .question_image, #content_wrapper #content #survey .survey_sequence .panel-body .survey_text .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_text .panel-body .survey_text_input, #content_wrapper #content #survey .survey_sequence .panel-body .survey_text .panel-body .survey_text_input {
  padding: 5px;
  border: 1px solid lightgrey;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_textarea .panel-heading, #content_wrapper #content #survey .survey_sequence .panel-body .survey_textarea .panel-heading {
  height: auto;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_textarea .panel-heading .panel-title h4, #content_wrapper #content #survey .survey_sequence .panel-body .survey_textarea .panel-heading .panel-title h4 {
  font-weight: 0;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_textarea .panel-heading .question_image, #content_wrapper #content #survey .survey_sequence .panel-body .survey_textarea .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_number, #content_wrapper #content #survey .survey_sequence .panel-body .survey_number {
  margin: 12px 0 0 20px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_number .panel-heading, #content_wrapper #content #survey .survey_sequence .panel-body .survey_number .panel-heading {
  background-color: #dfe1e8;
  border-top-left-radius: 15px;
  padding: 15px 15px;
  border-bottom: none;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_number .panel-heading .panel-title, #content_wrapper #content #survey .survey_sequence .panel-body .survey_number .panel-heading .panel-title {
  color: black;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_number .panel-heading .panel-title h3, #content_wrapper #content #survey .survey_sequence .panel-body .survey_number .panel-heading .panel-title h3 {
  font-weight: 0;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_number .panel-heading .question_image, #content_wrapper #content #survey .survey_sequence .panel-body .survey_number .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_number .panel-body, #content_wrapper #content #survey .survey_sequence .panel-body .survey_number .panel-body {
  border-top: none;
  border-right: none;
  border-bottom-left-radius: 15px;
  border-width: 2px;
  padding: 15px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_number .panel-body input, #content_wrapper #content #survey .survey_sequence .panel-body .survey_number .panel-body input {
  border-width: 2px;
  border-radius: 6px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card {
  margin: 12px 0 0 20px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-header, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-header {
  background-color: #dfe1e8;
  border-top-left-radius: 15px;
  padding: 15px 20px;
  border-bottom: none;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-header .survey-card-title, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-header .survey-card-title {
  color: black;
  font-family: "Proxima Nova";
  font-weight: bold;
  margin: 0;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .question-infos, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .question-infos {
  padding: 5px 20px;
  background-color: #F5FBFC;
  color: #0D2050;
  border-left: 2px solid #dfe1e8;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .question-infos p, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .question-infos p {
  margin: 0;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .question-infos img, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .question-infos img {
  max-height: 200px;
  border-radius: 10px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body {
  display: flex;
  flex-direction: column;
  border: 2px solid #dfe1e8;
  border-bottom-left-radius: 15px;
  border-right: none;
  border-top: none;
  padding: 0 15px 15px 15px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body h4, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body h4 {
  margin: 10px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body img, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body img {
  border-radius: 10px;
  height: 200px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .add-icon-button, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .add-icon-button {
  color: #B31B44;
  cursor: pointer;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio {
  display: grid;
  grid-template-columns: min-content auto;
  gap: 5px;
  grid-gap: 5px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-input, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-input {
  display: flex;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-input input, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-input input {
  opacity: 0;
  width: 0;
  height: 0;
  display: none;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-input input + .radio-control::before, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-input input + .radio-control::before {
  content: "";
  width: 12px;
  height: 12px;
  box-shadow: inset 20px 20px #B31B44;
  border-radius: 50%;
  transition: 180ms transform ease-in-out;
  transform: scale(0);
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-input input:checked + .radio-control::before, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-input input:checked + .radio-control::before {
  transform: scale(1);
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-input .radio-control, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-input .radio-control {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #B31B44;
  cursor: pointer;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-input input:disabled + .radio-control::before, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-input input:disabled + .radio-control::before {
  box-shadow: inset 20px 20px grey;
  cursor: not-allowed;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-input input:disabled + .radio-control, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-input input:disabled + .radio-control {
  border: 2px solid grey;
  cursor: not-allowed;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-label, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-radio .radio-label {
  line-height: 1.4;
  color: black;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-checkbox, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-checkbox {
  display: grid;
  grid-template-columns: min-content auto;
  grid-template-areas: "checkbox";
  gap: 0.5em;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-checkbox .checkbox-span, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-checkbox .checkbox-span {
  display: grid;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-checkbox .checkbox-span > *, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-checkbox .checkbox-span > * {
  grid-area: checkbox;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-checkbox .checkbox-span [type=checkbox], #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-checkbox .checkbox-span [type=checkbox] {
  width: 20px;
  height: 20px;
  opacity: 0;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-checkbox .checkbox-span span, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-checkbox .checkbox-span span {
  cursor: pointer;
  display: inline-grid;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 2px solid #B31B44;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-checkbox .checkbox-span span i, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-checkbox .checkbox-span span i {
  color: #B31B44;
  transition: transform 180ms ease-in-out;
  transform: scale(0);
  font-size: 15px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-checkbox label, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body .custom-checkbox label {
  line-height: 1.4;
  color: black;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body [type=checkbox]:checked + span i, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body [type=checkbox]:checked + span i {
  transform: scale(1);
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body [type=checkbox]:disabled + span, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body [type=checkbox]:disabled + span {
  border-color: grey;
  cursor: not-allowed;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body [type=checkbox]:disabled + span i, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body [type=checkbox]:disabled + span i {
  color: grey;
  cursor: not-allowed;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body [type=text], #survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body [type=number], #survey_mission #content #survey .survey_sequence .panel-body .survey-card .survey-card-body textarea, #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body [type=text], #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body [type=number], #content_wrapper #content #survey .survey_sequence .panel-body .survey-card .survey-card-body textarea {
  border-width: 2px;
  border-radius: 6px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_hour, #content_wrapper #content #survey .survey_sequence .panel-body .survey_hour {
  margin: 12px 0 0 20px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_hour .panel-heading, #content_wrapper #content #survey .survey_sequence .panel-body .survey_hour .panel-heading {
  background-color: #dfe1e8;
  border-top-left-radius: 15px;
  padding: 15px 15px;
  border-bottom: none;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_hour .panel-heading .panel-title, #content_wrapper #content #survey .survey_sequence .panel-body .survey_hour .panel-heading .panel-title {
  color: black;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_hour .panel-heading .panel-title h3, #content_wrapper #content #survey .survey_sequence .panel-body .survey_hour .panel-heading .panel-title h3 {
  font-weight: 0;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_hour .panel-heading .question_image, #content_wrapper #content #survey .survey_sequence .panel-body .survey_hour .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_hour .panel-body, #content_wrapper #content #survey .survey_sequence .panel-body .survey_hour .panel-body {
  border-bottom-left-radius: 15px;
  border-right: none;
  border-top: none;
  border-width: 2px;
  padding: 15px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_hour .panel-body input, #content_wrapper #content #survey .survey_sequence .panel-body .survey_hour .panel-body input {
  border-width: 2px;
  border-radius: 6px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_date, #content_wrapper #content #survey .survey_sequence .panel-body .survey_date {
  margin: 12px 0 0 20px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_date .panel-heading, #content_wrapper #content #survey .survey_sequence .panel-body .survey_date .panel-heading {
  background-color: #dfe1e8;
  border-top-left-radius: 15px;
  padding: 15px 15px;
  border-bottom: none;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_date .panel-heading .panel-title, #content_wrapper #content #survey .survey_sequence .panel-body .survey_date .panel-heading .panel-title {
  color: black;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_date .panel-heading .panel-title h3, #content_wrapper #content #survey .survey_sequence .panel-body .survey_date .panel-heading .panel-title h3 {
  font-weight: 0;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_date .panel-heading .question_image, #content_wrapper #content #survey .survey_sequence .panel-body .survey_date .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_date .panel-body, #content_wrapper #content #survey .survey_sequence .panel-body .survey_date .panel-body {
  border-bottom-left-radius: 15px;
  border-right: none;
  border-top: none;
  border-width: 2px;
  padding: 15px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_date .panel-body input, #content_wrapper #content #survey .survey_sequence .panel-body .survey_date .panel-body input {
  border-width: 2px;
  border-radius: 6px;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_file .panel-heading, #content_wrapper #content #survey .survey_sequence .panel-body .survey_file .panel-heading {
  height: auto;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_file .panel-heading .panel-title h4, #content_wrapper #content #survey .survey_sequence .panel-body .survey_file .panel-heading .panel-title h4 {
  font-weight: 0;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_file .panel-heading .question_image, #content_wrapper #content #survey .survey_sequence .panel-body .survey_file .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_matrix_checkbox .panel-heading, #content_wrapper #content #survey .survey_sequence .panel-body .survey_matrix_checkbox .panel-heading {
  height: auto;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_matrix_checkbox .panel-heading .panel-title h4, #content_wrapper #content #survey .survey_sequence .panel-body .survey_matrix_checkbox .panel-heading .panel-title h4 {
  font-weight: 0;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_matrix_checkbox .panel-heading .question_image, #content_wrapper #content #survey .survey_sequence .panel-body .survey_matrix_checkbox .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_matrix_radio .panel-heading, #content_wrapper #content #survey .survey_sequence .panel-body .survey_matrix_radio .panel-heading {
  height: auto;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_matrix_radio .panel-heading .panel-title h4, #content_wrapper #content #survey .survey_sequence .panel-body .survey_matrix_radio .panel-heading .panel-title h4 {
  font-weight: 0;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_matrix_radio .panel-heading .question_image, #content_wrapper #content #survey .survey_sequence .panel-body .survey_matrix_radio .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_satisfaction .panel-heading, #content_wrapper #content #survey .survey_sequence .panel-body .survey_satisfaction .panel-heading {
  height: auto;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_satisfaction .panel-heading .panel-title h4, #content_wrapper #content #survey .survey_sequence .panel-body .survey_satisfaction .panel-heading .panel-title h4 {
  font-weight: 0;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_satisfaction .panel-heading .question_image, #content_wrapper #content #survey .survey_sequence .panel-body .survey_satisfaction .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_net_promoter_score .panel-heading, #content_wrapper #content #survey .survey_sequence .panel-body .survey_net_promoter_score .panel-heading {
  height: auto;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_net_promoter_score .panel-heading .panel-title h4, #content_wrapper #content #survey .survey_sequence .panel-body .survey_net_promoter_score .panel-heading .panel-title h4 {
  font-weight: 0;
}
#survey_mission #content #survey .survey_sequence .panel-body .survey_net_promoter_score .panel-heading .question_image, #content_wrapper #content #survey .survey_sequence .panel-body .survey_net_promoter_score .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
/*__________________ADMIN_SURVEY_PREVIEW____________________*/
/*
Route : /survey/preview
HTML file : partials/surveyPreview.html
*/
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .section-divider {
  margin-bottom: 10px;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .section-divider span {
  color: black;
  font-weight: 600;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body {
  padding: 15px 15px 15px 15px;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .radio-custom label {
  padding-left: 20px;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .radio-custom label:before {
  width: 12px;
  height: 12px;
  top: 3px;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .radio-custom input[type=radio]:checked + label:after {
  top: 6px;
  left: 3px;
  width: 6px;
  height: 6px;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-heading {
  height: auto;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-heading .panel-title h4 {
  font-weight: normal;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_label label {
  margin-left: 1vh;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_label:hover {
  cursor: pointer;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_comment_field {
  display: none;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_comment_field input[type=text] {
  padding: 5px;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section {
  display: none;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section .answer_joined_picture {
  position: relative;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section .answer_joined_picture .answer_delete_joined_picture {
  position: absolute;
  top: 0px;
  left: 0px;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_checkbox .panel-body .answer_element .answer_joined_pictures_section .answer_joined_picture .answer_delete_joined_picture:hover {
  cursor: pointer;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] {
  display: none;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label {
  color: #292321;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label span {
  border: 2px solid #666;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio input[type=radio]:checked + label span {
  background-color: #666;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio input[type=radio] + label span,
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio input[type=radio]:checked + label span {
  -webkit-transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio .panel-heading {
  height: auto;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_label:hover {
  cursor: pointer;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_comment_field {
  display: none;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_comment_field input[type=text] {
  padding: 5px;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section {
  display: none;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section .answer_joined_picture {
  position: relative;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section .answer_joined_picture .answer_delete_joined_picture {
  position: absolute;
  top: 0px;
  left: 0px;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_radio .panel-body .answer_joined_pictures_section .answer_joined_picture .answer_delete_joined_picture:hover {
  cursor: pointer;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_select .panel-heading {
  height: auto;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_select .panel-heading .panel-title h4 {
  font-weight: 0;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_select .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_select .panel-body select {
  margin-bottom: 10px;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_select .panel-body .answer_comment_field {
  padding: 5px;
  display: none;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_text .panel-heading {
  height: auto;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_text .panel-heading .panel-title h4 {
  font-weight: 0;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_text .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_text .panel-body .survey_text_input {
  padding: 5px;
  border: 1px solid lightgrey;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_textarea .panel-heading {
  height: auto;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_textarea .panel-heading .panel-title h4 {
  font-weight: 0;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_textarea .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_number .panel-heading {
  height: auto;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_number .panel-heading .panel-title h4 {
  font-weight: 0;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_number .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_date .panel-heading {
  background-color: #dfe1e8;
  height: auto;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_date .panel-heading .panel-title h4 {
  font-weight: 0;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_date .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_file .panel-heading {
  height: auto;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_file .panel-heading .panel-title h4 {
  font-weight: 0;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_file .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_matrix_checkbox .panel-heading {
  height: auto;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_matrix_checkbox .panel-heading .panel-title h4 {
  font-weight: 0;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_matrix_checkbox .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_matrix_radio .panel-heading {
  height: auto;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_matrix_radio .panel-heading .panel-title h4 {
  font-weight: 0;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_matrix_radio .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_satisfaction .panel-heading {
  height: auto;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_satisfaction .panel-heading .panel-title h4 {
  font-weight: 0;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_satisfaction .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_net_promoter_score .panel-heading {
  height: auto;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_net_promoter_score .panel-heading .panel-title h4 {
  font-weight: 0;
}
#admin_survey_preview #admin_survey_preview_main #content #survey .survey_sequence .panel-body .survey_net_promoter_score .panel-heading .question_image {
  margin-top: 1vh;
  margin-bottom: 1vh;
}
/*__________________ADMIN_SOCIETY_EDIT____________________*/
/*
Route : /society-edit
HTML file : partials/society_edit.html
*/
#admin_society_edit .modal_link_shops {
  margin-top: 10vh;
}

/*__________________ADMIN_MISSION_SURVEY____________________*/
/*
Route : /mission/survey
HTML file : partials/mission_survey.html
*/
#admin_mission_survey #content_wrapper #lightbox_modale {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1030;
  padding-top: 8%;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
}
#admin_mission_survey #content_wrapper #lightbox_modale .lightbox_img {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 5vh;
  -moz-box-shadow: 0px 0px 10px 1px #656565;
  -webkit-box-shadow: 0px 0px 10px 1px #656565;
  -o-box-shadow: 0px 0px 10px 1px #656565;
  box-shadow: 0px 0px 10px 1px #656565;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);
}
#admin_mission_survey #content_wrapper #lightbox_modale .close_modale i {
  font-size: 2em;
  color: white;
}
#admin_mission_survey #content_wrapper #lightbox_modale .close_modale:hover {
  cursor: pointer;
}
#admin_mission_survey #content_wrapper #info_smicer_block span {
  margin-left: 1vh;
}
#admin_mission_survey #content_wrapper #info_shop_block span {
  margin-left: 1vh;
}
#admin_mission_survey #content_wrapper #notation_block .sur_vinght {
  font-size: 19px;
  margin-left: 1vh;
}
#admin_mission_survey #content_wrapper #notation_block .precision {
  margin-bottom: 2vh;
}
#admin_mission_survey #content_wrapper #validation_block {
  margin-top: 2vh;
}
#admin_mission_survey #content_wrapper #validation_block span {
  font-size: 1em;
}
#admin_mission_survey #content_wrapper #validation_block button {
  margin-bottom: 1vh;
}
#admin_mission_survey #content_wrapper #modal_invalidation form textarea {
  height: 20vh;
}

/*__________________ADMIN_MISSION_ADD____________________*/
/*
Route : /mission-add
HTML file : /partials/mission_add.html
*/
#admin_mission_add #content_wrapper #content #admin_mission_add_user_survey {
  min-height: 50vh;
  background-color: white;
}
#admin_mission_add #content_wrapper #content #admin_mission_add_user_survey .survey_radio {
  background-color: lighter;
}
#admin_mission_add #content_wrapper #content #admin_mission_add_user_survey .survey_radio .panel-heading {
  border: 0;
  border-bottom: 1px solid #ddd;
  background-color: transparent;
  line-height: none;
  padding-top: 0px;
  height: 35px;
  font-weight: 400;
  min-height: 0;
}
#admin_mission_add #content_wrapper #content #admin_mission_add_user_survey .survey_radio .panel-heading .panel-title {
  font-size: 14px;
}
#admin_mission_add #content_wrapper #content #admin_mission_add_user_survey .survey_radio .panel-body {
  background-color: transparent;
  border: 0;
  padding: 10px 0px 0px 15px;
}
#admin_mission_add #content_wrapper #content #admin_mission_add_user_survey .survey_radio .panel-body .radio-custom label {
  padding-left: 20px;
}
#admin_mission_add #content_wrapper #content #admin_mission_add_user_survey .survey_radio .panel-body .radio-custom label:before {
  width: 12px;
  height: 12px;
}
#admin_mission_add #content_wrapper #content #admin_mission_add_user_survey .survey_radio .panel-body .radio-custom input[type=radio]:checked + label:after {
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
}

/*__________________ADMIN_MISSION_EDIT____________________*/
/*
Route : /mission-edit
HTML file : /partials/mission_edit.html
*/
#admin_mission_edit #content_wrapper #content #admin_mission_edit_user_survey {
  min-height: 50vh;
  background-color: white;
}
#admin_mission_edit #content_wrapper #content #admin_mission_edit_user_survey .survey_radio {
  background-color: lighter;
}
#admin_mission_edit #content_wrapper #content #admin_mission_edit_user_survey .survey_radio .panel-heading {
  border: 0;
  border-bottom: 1px solid #ddd;
  background-color: transparent;
  line-height: none;
  padding-top: 0px;
  height: 35px;
  font-weight: 400;
  min-height: 0;
}
#admin_mission_edit #content_wrapper #content #admin_mission_edit_user_survey .survey_radio .panel-heading .panel-title {
  font-size: 14px;
}
#admin_mission_edit #content_wrapper #content #admin_mission_edit_user_survey .survey_radio .panel-body {
  background-color: transparent;
  border: 0;
  padding: 10px 0px 0px 15px;
}
#admin_mission_edit #content_wrapper #content #admin_mission_edit_user_survey .survey_radio .panel-body .radio-custom label {
  padding-left: 20px;
}
#admin_mission_edit #content_wrapper #content #admin_mission_edit_user_survey .survey_radio .panel-body .radio-custom label:before {
  width: 12px;
  height: 12px;
}
#admin_mission_edit #content_wrapper #content #admin_mission_edit_user_survey .survey_radio .panel-body .radio-custom input[type=radio]:checked + label:after {
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
}
#admin_mission_edit #modal_add_contributors #modal_dialog {
  padding-top: 30px;
}

/*__________________ADMIN_PERMISSIONS____________________*/
/*
Route : /permissions
HTML file : /partials/permissions.html
*/
#admin_permissions #content_wrapper #content #options_permissions .permissions_block {
  margin-top: 2vh;
  border-top: 5px solid #ddd;
  border-radius: 2px;
}
#admin_permissions #content_wrapper #content #options_permissions .permissions_block table {
  margin-top: 2vh;
}
#admin_permissions #content_wrapper #content #simple_permissions .permissions_block {
  margin-top: 2vh;
  border-top: 5px solid #ddd;
  border-radius: 2px;
}
#admin_permissions #content_wrapper #content #simple_permissions .permissions_block table {
  margin-top: 2vh;
}
#admin_permissions #content_wrapper #content #advanced_permissions .permissions_block {
  margin-top: 2vh;
  border-top: 5px solid #ddd;
  border-radius: 2px;
}
#admin_permissions #content_wrapper #content #advanced_permissions .permissions_block table {
  margin-top: 2vh;
}
#admin_permissions #content_wrapper #content #menu_permissions .permissions_block {
  margin-top: 2vh;
  border-top: 5px solid #ddd;
  border-radius: 2px;
}
#admin_permissions #content_wrapper #content #menu_permissions .permissions_block table {
  margin-top: 2vh;
}
#admin_permissions #content_wrapper #content #btn_block {
  margin-top: 2vh;
  border-top: 5px solid #ddd;
  border-radius: 2px;
}
#admin_permissions #content_wrapper #content #btn_block .col-md-12 {
  margin-top: 2vh;
}

/*__________________MAIL_TEMPLATE_EDIT____________________*/
/*
Route : /mail-template-edit
HTML file : /partials/mail-template-edit.html
*/
#mail_template_edit #content_wrapper #content #cke_1_contents {
  height: 50vh !important;
}

/*__________________ADMIN_DASHBOARD_REPORT____________________*/
/*
Route : /report/:id
HTML file : /partials/reports/dashboard.html
*/
#admin_dashboard_report #content_wrapper .modal-size {
  margin-top: 6vh;
}

/*__________________ADMIN_HOME____________________*/
/*
Route : /admin
HTML file : /partials/admin_home.html
*/
#admin_home #content_wrapper #content #timeline .timeline-divider .divider-label {
  width: 100% !important;
}
#admin_home #content_wrapper #content #timeline .timeline-single > .row > .col-sm-6 {
  width: 93% !important;
}

.admin-grid .panel-body,
.admin-grid .panel {
  overflow: auto;
}

.answers-container .row-top {
  padding: 20px 10px 0 10px;
}
.answers-container .row-bottom {
  padding: 0 10px 20px 10px;
}
.answers-container .opened {
  background: rgba(0, 0, 0, 0.02);
}

#ranking_admin .glyphicon-flash,
#criteria_admin .glyphicon-flash,
.ui-grid-widget .glyphicon-flash {
  overflow: hidden;
  color: #b31b44;
  font-size: 20px;
}
#ranking_admin .glyphicon-flash.grey,
#criteria_admin .glyphicon-flash.grey,
.ui-grid-widget .glyphicon-flash.grey {
  color: #768492 !important;
}
#ranking_admin .glyphicon-file,
#criteria_admin .glyphicon-file,
.ui-grid-widget .glyphicon-file {
  overflow: hidden;
  color: #b31b44;
  font-size: 20px;
}
#ranking_admin .glyphicon-file.grey,
#criteria_admin .glyphicon-file.grey,
.ui-grid-widget .glyphicon-file.grey {
  color: #768492 !important;
}
#ranking_admin .fa-comments,
#criteria_admin .fa-comments,
.ui-grid-widget .fa-comments {
  overflow: hidden;
  color: #b31b44;
  font-size: 20px;
}
#ranking_admin .fa-comments.grey,
#criteria_admin .fa-comments.grey,
.ui-grid-widget .fa-comments.grey {
  color: #768492 !important;
}
#ranking_admin .modal-dialog,
#criteria_admin .modal-dialog,
.ui-grid-widget .modal-dialog {
  width: 80% !important;
}
#ranking_admin #content.table-layout,
#criteria_admin #content.table-layout,
.ui-grid-widget #content.table-layout {
  margin-bottom: 0 !important;
}
#ranking_admin .header-content,
#criteria_admin .header-content,
.ui-grid-widget .header-content {
  padding: 8px 20px;
}
#ranking_admin .header-content *,
#criteria_admin .header-content *,
.ui-grid-widget .header-content * {
  color: #0f2252;
}
#ranking_admin .header-content button,
#criteria_admin .header-content button,
.ui-grid-widget .header-content button {
  border: 2px solid #ebeaf0;
  border-radius: 4px;
}
#ranking_admin .header-content .search-container i,
#criteria_admin .header-content .search-container i,
.ui-grid-widget .header-content .search-container i {
  position: absolute;
  height: 30px;
  width: 30px;
  padding: 10px;
}
#ranking_admin .header-content .search-container input,
#criteria_admin .header-content .search-container input,
.ui-grid-widget .header-content .search-container input {
  border-radius: 30px;
  padding: 18px 10px;
  padding-left: 30px;
  font-weight: 600;
  border: 0;
  background: #ebeaf0;
}
#ranking_admin .footer-content,
#criteria_admin .footer-content,
.ui-grid-widget .footer-content {
  flex-flow: row-reverse;
  padding: 10px 21px;
  background: #f1f3f5;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
}
#ranking_admin .footer-content *,
#criteria_admin .footer-content *,
.ui-grid-widget .footer-content * {
  flex-wrap: wrap;
}
#ranking_admin .footer-content button,
#criteria_admin .footer-content button,
.ui-grid-widget .footer-content button {
  border-radius: 0;
  margin: 0;
  color: white;
  border: 0 !important;
  border-radius: 4px;
  margin: 4px;
}
#ranking_admin .footer-content .btn-reset,
#criteria_admin .footer-content .btn-reset,
.ui-grid-widget .footer-content .btn-reset {
  background: #f1f3f5;
  color: black;
}
#ranking_admin .footer-content .btn-save,
#criteria_admin .footer-content .btn-save,
.ui-grid-widget .footer-content .btn-save {
  background: #b31b44;
}
#ranking_admin .photos,
#criteria_admin .photos,
.ui-grid-widget .photos {
  max-width: 300px;
  padding: 5px !important;
}
#ranking_admin .photos div,
#criteria_admin .photos div,
.ui-grid-widget .photos div {
  position: relative;
}
#ranking_admin .photos img,
#criteria_admin .photos img,
.ui-grid-widget .photos img {
  border-radius: 6px;
  object-fit: cover;
  max-height: 100px;
  margin: 0 6px;
  position: relative;
}
#ranking_admin filter,
#criteria_admin filter,
.ui-grid-widget filter {
  position: relative;
  background: white;
  width: 100%;
  display: flex;
  justify-content: center;
}
#ranking_admin filter .filter-bar,
#criteria_admin filter .filter-bar,
.ui-grid-widget filter .filter-bar {
  background: white;
  z-index: 2;
  position: relative;
  width: 100%;
  margin: 0 auto;
  min-height: 51px;
  padding: 10px 21px;
}
#ranking_admin filter .filter-bar > .filter,
#criteria_admin filter .filter-bar > .filter,
.ui-grid-widget filter .filter-bar > .filter {
  max-width: 250px !important;
  padding: 2px 4px;
}
#ranking_admin filter .filter-bar > .filter .filter-name,
#criteria_admin filter .filter-bar > .filter .filter-name,
.ui-grid-widget filter .filter-bar > .filter .filter-name {
  color: #0f2252;
}
#ranking_admin filter .filter-bar > .filter .filter-name-blue,
#criteria_admin filter .filter-bar > .filter .filter-name-blue,
.ui-grid-widget filter .filter-bar > .filter .filter-name-blue {
  color: #4a89dc;
}
#ranking_admin filter .filter-bar .FilterButton,
#criteria_admin filter .filter-bar .FilterButton,
.ui-grid-widget filter .filter-bar .FilterButton {
  align-items: center;
  border: 1px solid;
  border-radius: 6px;
  box-sizing: border-box;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  overflow: hidden;
  transition-duration: 0.2s;
  transition-property: background, border, box-shadow, color, fill;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#ranking_admin filter .filter-bar .FilterButton.medium,
#criteria_admin filter .filter-bar .FilterButton.medium,
.ui-grid-widget filter .filter-bar .FilterButton.medium {
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  padding: 0 8px;
}
#ranking_admin filter-bar,
#criteria_admin filter-bar,
.ui-grid-widget filter-bar {
  position: relative;
  background: #f1f3f5;
  width: 100%;
  display: flex;
  justify-content: center;
}
#ranking_admin filter-bar .filter-bar,
#criteria_admin filter-bar .filter-bar,
.ui-grid-widget filter-bar .filter-bar {
  background: #f1f3f5;
  z-index: 2;
  position: relative;
  width: 100%;
  margin: 0 auto;
  min-height: 51px;
  padding: 10px 21px;
}
#ranking_admin filter-bar .filter-bar > .filter,
#criteria_admin filter-bar .filter-bar > .filter,
.ui-grid-widget filter-bar .filter-bar > .filter {
  max-width: 250px !important;
  padding: 2px 4px;
}
#ranking_admin filter-bar .filter-bar > .filter .filter-name,
#criteria_admin filter-bar .filter-bar > .filter .filter-name,
.ui-grid-widget filter-bar .filter-bar > .filter .filter-name {
  color: #0f2252;
}
#ranking_admin filter-bar .filter-bar > .filter .filter-name-blue,
#criteria_admin filter-bar .filter-bar > .filter .filter-name-blue,
.ui-grid-widget filter-bar .filter-bar > .filter .filter-name-blue {
  color: #4a89dc;
}
#ranking_admin .ui-grid,
#criteria_admin .ui-grid,
.ui-grid-widget .ui-grid {
  border: 0 !important;
  padding: 0 !important;
}
#ranking_admin .ui-grid.gridStyle,
#criteria_admin .ui-grid.gridStyle,
.ui-grid-widget .ui-grid.gridStyle {
  overflow-x: hidden;
}
#ranking_admin .ui-grid .ui-grid-menu-button,
#criteria_admin .ui-grid .ui-grid-menu-button,
.ui-grid-widget .ui-grid .ui-grid-menu-button {
  background: #ffffff !important;
  border: 0 !important;
  height: 20px !important;
}
#ranking_admin .ui-grid .ui-grid-menu-button .ui-grid-icon-container,
#criteria_admin .ui-grid .ui-grid-menu-button .ui-grid-icon-container,
.ui-grid-widget .ui-grid .ui-grid-menu-button .ui-grid-icon-container {
  margin-top: 0px !important;
  margin-left: 2px !important;
}
#ranking_admin .ui-grid .ui-grid-header-cell,
#criteria_admin .ui-grid .ui-grid-header-cell,
.ui-grid-widget .ui-grid .ui-grid-header-cell {
  background: rgb(218, 219, 228);
  border-right: 1px solid;
  border-color: #d4d4d4;
}
#ranking_admin .ui-grid .ui-grid-row,
#criteria_admin .ui-grid .ui-grid-row,
.ui-grid-widget .ui-grid .ui-grid-row {
  box-sizing: content-box;
  border-bottom: 1px solid #ebeaf0;
}
#ranking_admin .ui-grid .ui-grid-row.highlight *,
#criteria_admin .ui-grid .ui-grid-row.highlight *,
.ui-grid-widget .ui-grid .ui-grid-row.highlight * {
  font-weight: bold !important;
}
#ranking_admin .ui-grid .ui-grid-row.grey-1,
#criteria_admin .ui-grid .ui-grid-row.grey-1,
.ui-grid-widget .ui-grid .ui-grid-row.grey-1 {
  background-color: #f2f3f5;
}
#ranking_admin .ui-grid .ui-grid-row.grey-2,
#criteria_admin .ui-grid .ui-grid-row.grey-2,
.ui-grid-widget .ui-grid .ui-grid-row.grey-2 {
  background-color: #e1e2e9;
}
#ranking_admin .ui-grid .ui-grid-row.grey-3,
#criteria_admin .ui-grid .ui-grid-row.grey-3,
.ui-grid-widget .ui-grid .ui-grid-row.grey-3 {
  background-color: #e8e9ed;
}
#ranking_admin .ui-grid .ui-grid-row.no-collapse:nth-child(odd) .ui-grid-cell,
#criteria_admin .ui-grid .ui-grid-row.no-collapse:nth-child(odd) .ui-grid-cell,
.ui-grid-widget .ui-grid .ui-grid-row.no-collapse:nth-child(odd) .ui-grid-cell {
  background-color: #e1e2e9 !important;
}
#ranking_admin .ui-grid .ui-grid-row.no-collapse:nth-child(even) .ui-grid-cell,
#criteria_admin .ui-grid .ui-grid-row.no-collapse:nth-child(even) .ui-grid-cell,
.ui-grid-widget .ui-grid .ui-grid-row.no-collapse:nth-child(even) .ui-grid-cell {
  background-color: #e8e9ed !important;
}
#ranking_admin .ui-grid .ui-grid-row.no-collapse .ui-grid-row-header-cell,
#criteria_admin .ui-grid .ui-grid-row.no-collapse .ui-grid-row-header-cell,
.ui-grid-widget .ui-grid .ui-grid-row.no-collapse .ui-grid-row-header-cell {
  height: 100%;
}
#ranking_admin .ui-grid .ui-grid-row.no-collapse .ui-grid-row-header-cell > .ui-grid-cell-contents,
#criteria_admin .ui-grid .ui-grid-row.no-collapse .ui-grid-row-header-cell > .ui-grid-cell-contents,
.ui-grid-widget .ui-grid .ui-grid-row.no-collapse .ui-grid-row-header-cell > .ui-grid-cell-contents {
  font-weight: 500 !important;
}
#ranking_admin .ui-grid .ui-grid-row.no-collapse .ui-grid-cell-contents,
#criteria_admin .ui-grid .ui-grid-row.no-collapse .ui-grid-cell-contents,
.ui-grid-widget .ui-grid .ui-grid-row.no-collapse .ui-grid-cell-contents {
  padding: 6px 5px;
}
#ranking_admin .ui-grid .ui-grid-row:hover,
#criteria_admin .ui-grid .ui-grid-row:hover,
.ui-grid-widget .ui-grid .ui-grid-row:hover {
  background-color: #f0e4e7 !important;
}
#ranking_admin .ui-grid .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child,
#criteria_admin .ui-grid .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child,
.ui-grid-widget .ui-grid .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  box-sizing: border-box;
  border-right: 1px solid;
  border-width: 1px;
  border-right-color: #aeaeae;
}
#ranking_admin .ui-grid .ui-grid-cell,
#criteria_admin .ui-grid .ui-grid-cell,
.ui-grid-widget .ui-grid .ui-grid-cell {
  background-color: transparent;
  border-width: 0px !important;
}
#ranking_admin .ui-grid .scrollFiller,
#criteria_admin .ui-grid .scrollFiller,
.ui-grid-widget .ui-grid .scrollFiller {
  border: 0 !important;
}
#ranking_admin .ui-grid .ui-grid-header-cell-label,
#criteria_admin .ui-grid .ui-grid-header-cell-label,
.ui-grid-widget .ui-grid .ui-grid-header-cell-label {
  color: #86929f;
  font-size: 11px;
  font-weight: bold;
  hyphens: auto;
  white-space: pre-wrap;
}
#ranking_admin .ui-grid .ui-grid-cell-contents,
#criteria_admin .ui-grid .ui-grid-cell-contents,
.ui-grid-widget .ui-grid .ui-grid-cell-contents {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding: 10px 5px;
  font-weight: 600;
  color: #0f2252;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .red,
#criteria_admin .ui-grid .ui-grid-cell-contents .red,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .red {
  color: #b86073;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .orange,
#criteria_admin .ui-grid .ui-grid-cell-contents .orange,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .orange {
  color: #f2a767;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .green,
#criteria_admin .ui-grid .ui-grid-cell-contents .green,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .green {
  color: #7dc4b7;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .nocolor,
#criteria_admin .ui-grid .ui-grid-cell-contents .nocolor,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .nocolor {
  color: #0f2252 !important;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .compare,
#ranking_admin .ui-grid .ui-grid-cell-contents .percentage,
#criteria_admin .ui-grid .ui-grid-cell-contents .compare,
#criteria_admin .ui-grid .ui-grid-cell-contents .percentage,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .compare,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .percentage {
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .compare,
#criteria_admin .ui-grid .ui-grid-cell-contents .compare,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .compare {
  margin-left: 6px;
  font-size: 11px;
  font-weight: 600;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .status-cell,
#criteria_admin .ui-grid .ui-grid-cell-contents .status-cell,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .status-cell {
  display: flex;
  align-items: baseline;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle,
#criteria_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .status-cell .status-circle {
  margin-right: 5px;
  border-radius: 100%;
  height: 10px;
  width: 10px;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.orange,
#criteria_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.orange,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .status-cell .status-circle.orange {
  background-color: orange;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.blue,
#criteria_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.blue,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .status-cell .status-circle.blue {
  background-color: blue;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.default,
#criteria_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.default,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .status-cell .status-circle.default {
  background-color: #777777;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.primary,
#criteria_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.primary,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .status-cell .status-circle.primary {
  background-color: #4a89dc;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.success,
#criteria_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.success,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .status-cell .status-circle.success {
  background-color: #70ca63;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.info,
#criteria_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.info,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .status-cell .status-circle.info {
  background-color: #3bafda;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.warning,
#criteria_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.warning,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .status-cell .status-circle.warning {
  background-color: #f6bb42;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.danger,
#criteria_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.danger,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .status-cell .status-circle.danger {
  background-color: #e9573f;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.system,
#criteria_admin .ui-grid .ui-grid-cell-contents .status-cell .status-circle.system,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .status-cell .status-circle.system {
  background-color: #37bc9b;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .name,
#criteria_admin .ui-grid .ui-grid-cell-contents .name,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .name {
  color: #b31b44;
  font-size: 14px;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .event-catcher,
#criteria_admin .ui-grid .ui-grid-cell-contents .event-catcher,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .event-catcher {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .multistring,
#criteria_admin .ui-grid .ui-grid-cell-contents .multistring,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .multistring {
  margin-top: 2px;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .multistring > div,
#criteria_admin .ui-grid .ui-grid-cell-contents .multistring > div,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .multistring > div {
  color: #b31b44;
  font-size: 14px;
  white-space: pre-wrap;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .multistring > div.center,
#criteria_admin .ui-grid .ui-grid-cell-contents .multistring > div.center,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .multistring > div.center {
  text-align: center;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .multistring > div.small,
#criteria_admin .ui-grid .ui-grid-cell-contents .multistring > div.small,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .multistring > div.small {
  color: #646876 !important;
  font-size: 12px !important;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .verbatim,
#criteria_admin .ui-grid .ui-grid-cell-contents .verbatim,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .verbatim {
  margin-top: 2px;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .verbatim > div,
#criteria_admin .ui-grid .ui-grid-cell-contents .verbatim > div,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .verbatim > div {
  font-size: 14px;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .verbatim > div.small,
#criteria_admin .ui-grid .ui-grid-cell-contents .verbatim > div.small,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .verbatim > div.small {
  color: black !important;
  font-size: 12px !important;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .verbatim > div .red,
#criteria_admin .ui-grid .ui-grid-cell-contents .verbatim > div .red,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .verbatim > div .red {
  color: #b31b44 !important;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .verbatim > div .orange,
#criteria_admin .ui-grid .ui-grid-cell-contents .verbatim > div .orange,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .verbatim > div .orange {
  color: #e4620b !important;
}
#ranking_admin .ui-grid .ui-grid-cell-contents .verbatim > div .green,
#criteria_admin .ui-grid .ui-grid-cell-contents .verbatim > div .green,
.ui-grid-widget .ui-grid .ui-grid-cell-contents .verbatim > div .green {
  color: #70ca63 !important;
}
#ranking_admin .ui-grid .ui-grid-cell-contents.row-header,
#criteria_admin .ui-grid .ui-grid-cell-contents.row-header,
.ui-grid-widget .ui-grid .ui-grid-cell-contents.row-header {
  display: flex;
  border-right: 1px solid #ebeaf0;
}
#ranking_admin .ui-grid .ui-grid-cell-contents:not(.row-header),
#criteria_admin .ui-grid .ui-grid-cell-contents:not(.row-header),
.ui-grid-widget .ui-grid .ui-grid-cell-contents:not(.row-header) {
  padding-left: 5px !important;
}
#ranking_admin .ui-grid .ui-grid-row-selected,
#criteria_admin .ui-grid .ui-grid-row-selected,
.ui-grid-widget .ui-grid .ui-grid-row-selected {
  background-color: #f0e4e7 !important;
}
#ranking_admin .ui-grid .ui-grid-cell-contents,
#criteria_admin .ui-grid .ui-grid-cell-contents,
.ui-grid-widget .ui-grid .ui-grid-cell-contents {
  overflow: hidden;
  white-space: none;
  text-overflow: ellipsis;
  height: 100%;
  padding: 5px;
}
#ranking_admin .ui-grid .ui-grid-cell-expand-button.clickable,
#criteria_admin .ui-grid .ui-grid-cell-expand-button.clickable,
.ui-grid-widget .ui-grid .ui-grid-cell-expand-button.clickable {
  margin-left: 8px;
  padding: 4px;
  height: 20px;
  font-size: 9px;
  width: 20px;
  border-radius: 6px;
  background: white;
}
#ranking_admin .ui-grid .ui-grid-cell-expand-button.clickable.glyphicon-chevron-up,
#criteria_admin .ui-grid .ui-grid-cell-expand-button.clickable.glyphicon-chevron-up,
.ui-grid-widget .ui-grid .ui-grid-cell-expand-button.clickable.glyphicon-chevron-up {
  border: 2px solid #b86073;
  color: #b86073;
}
#ranking_admin .ui-grid .ui-grid-cell-expand-button.clickable.glyphicon-chevron-down,
#criteria_admin .ui-grid .ui-grid-cell-expand-button.clickable.glyphicon-chevron-down,
.ui-grid-widget .ui-grid .ui-grid-cell-expand-button.clickable.glyphicon-chevron-down {
  border: 2px solid #b4b5b6;
  color: #b4b5b6;
}
#ranking_admin .ui-grid .ui-grid-cell-expand-button:not(.clickable),
#criteria_admin .ui-grid .ui-grid-cell-expand-button:not(.clickable),
.ui-grid-widget .ui-grid .ui-grid-cell-expand-button:not(.clickable) {
  display: flex;
  flex-direction: column;
  width: 1px;
  display: initial;
  height: 1px;
  margin-right: 32px;
}
#ranking_admin .ui-grid .row-loader,
#criteria_admin .ui-grid .row-loader,
.ui-grid-widget .ui-grid .row-loader {
  display: inline-block;
}
#ranking_admin .ui-grid .row-loader::after,
#criteria_admin .ui-grid .row-loader::after,
.ui-grid-widget .ui-grid .row-loader::after {
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  border-radius: 50%;
  border: 2px solid #b31b44;
  border-color: #b31b44 transparent #b31b44 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#ranking_admin .ui-grid .ui-grid-cell-title,
#criteria_admin .ui-grid .ui-grid-cell-title,
.ui-grid-widget .ui-grid .ui-grid-cell-title {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  white-space: normal;
}
#ranking_admin .ui-grid .ui-grid-cell-title-weightless,
#criteria_admin .ui-grid .ui-grid-cell-title-weightless,
.ui-grid-widget .ui-grid .ui-grid-cell-title-weightless {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  font-weight: 100;
}
#ranking_admin .ui-grid .sortable .ui-grid-cell-contents,
#criteria_admin .ui-grid .sortable .ui-grid-cell-contents,
.ui-grid-widget .ui-grid .sortable .ui-grid-cell-contents {
  overflow: visible !important;
}
#ranking_admin .ui-grid .ui-grid-cell,
#ranking_admin .ui-grid .ui-grid-row,
#criteria_admin .ui-grid .ui-grid-cell,
#criteria_admin .ui-grid .ui-grid-row,
.ui-grid-widget .ui-grid .ui-grid-cell,
.ui-grid-widget .ui-grid .ui-grid-row {
  height: 30;
}
#ranking_admin .ui-grid .ui-grid-row > div[role=row],
#criteria_admin .ui-grid .ui-grid-row > div[role=row],
.ui-grid-widget .ui-grid .ui-grid-row > div[role=row] {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  flex: 1 1 100%;
  font-size: 13px;
}
#ranking_admin .ui-grid .ui-grid-canvas,
#criteria_admin .ui-grid .ui-grid-canvas,
.ui-grid-widget .ui-grid .ui-grid-canvas {
  padding-top: 0;
  height: auto !important;
}
#ranking_admin .ui-grid .expandableRow,
#criteria_admin .ui-grid .expandableRow,
.ui-grid-widget .ui-grid .expandableRow {
  height: auto !important;
}
#ranking_admin .ui-grid .expandableRow .ui-grid-render-container-body .ui-grid-viewport,
#ranking_admin .ui-grid .expandableRow .ui-grid,
#criteria_admin .ui-grid .expandableRow .ui-grid-render-container-body .ui-grid-viewport,
#criteria_admin .ui-grid .expandableRow .ui-grid,
.ui-grid-widget .ui-grid .expandableRow .ui-grid-render-container-body .ui-grid-viewport,
.ui-grid-widget .ui-grid .expandableRow .ui-grid {
  height: auto !important;
}
#ranking_admin .task-dialog,
#criteria_admin .task-dialog,
.ui-grid-widget .task-dialog {
  width: 450px !important;
}
#ranking_admin .task-dialog .modal-content,
#criteria_admin .task-dialog .modal-content,
.ui-grid-widget .task-dialog .modal-content {
  border-radius: 10px;
}
#ranking_admin .task-dialog .modal-header,
#criteria_admin .task-dialog .modal-header,
.ui-grid-widget .task-dialog .modal-header {
  padding: 0 !important;
}
#ranking_admin .task-dialog .modal-header h4,
#criteria_admin .task-dialog .modal-header h4,
.ui-grid-widget .task-dialog .modal-header h4 {
  padding: 15px 0px 15px 15px;
}
#ranking_admin .task-dialog .modal-header > div,
#criteria_admin .task-dialog .modal-header > div,
.ui-grid-widget .task-dialog .modal-header > div {
  align-items: center;
}
#ranking_admin .task-dialog .modal-header .modal-title,
#criteria_admin .task-dialog .modal-header .modal-title,
.ui-grid-widget .task-dialog .modal-header .modal-title {
  color: #0d2050;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}
#ranking_admin .task-dialog .modal-header .close,
#criteria_admin .task-dialog .modal-header .close,
.ui-grid-widget .task-dialog .modal-header .close {
  width: 12px;
  color: #0d2050;
  font-size: 25px;
  height: 25px;
}
#ranking_admin .task-dialog .tabs,
#criteria_admin .task-dialog .tabs,
.ui-grid-widget .task-dialog .tabs {
  margin-top: 15px;
  width: 100%;
}
#ranking_admin .task-dialog .tabs .tab > div,
#criteria_admin .task-dialog .tabs .tab > div,
.ui-grid-widget .task-dialog .tabs .tab > div {
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  color: #646876;
}
#ranking_admin .task-dialog .tabs .tab.active,
#criteria_admin .task-dialog .tabs .tab.active,
.ui-grid-widget .task-dialog .tabs .tab.active {
  border-bottom: 2px solid #b31b44;
}
#ranking_admin .task-dialog .tabs .tab.active div,
#criteria_admin .task-dialog .tabs .tab.active div,
.ui-grid-widget .task-dialog .tabs .tab.active div {
  color: #b31b44;
}
#ranking_admin .task-dialog .modal-body,
#criteria_admin .task-dialog .modal-body,
.ui-grid-widget .task-dialog .modal-body {
  position: relative;
  padding: 20px;
}
#ranking_admin .task-dialog .modal-body > div,
#criteria_admin .task-dialog .modal-body > div,
.ui-grid-widget .task-dialog .modal-body > div {
  margin: 7px 0;
}
#ranking_admin .task-dialog .modal-body label,
#criteria_admin .task-dialog .modal-body label,
.ui-grid-widget .task-dialog .modal-body label {
  color: #7a7f8c;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}
#ranking_admin .task-dialog .modal-body input,
#ranking_admin .task-dialog .modal-body .ui-select-match,
#criteria_admin .task-dialog .modal-body input,
#criteria_admin .task-dialog .modal-body .ui-select-match,
.ui-grid-widget .task-dialog .modal-body input,
.ui-grid-widget .task-dialog .modal-body .ui-select-match {
  color: #0d2050;
  font-size: 16px;
  font-weight: 600;
  padding: 3px 7px;
  line-height: 19px;
}
#ranking_admin .task-dialog .modal-body input span,
#ranking_admin .task-dialog .modal-body .ui-select-match span,
#criteria_admin .task-dialog .modal-body input span,
#criteria_admin .task-dialog .modal-body .ui-select-match span,
.ui-grid-widget .task-dialog .modal-body input span,
.ui-grid-widget .task-dialog .modal-body .ui-select-match span {
  align-items: center !important;
  display: flex;
}
#ranking_admin .task-dialog .modal-body .selectize-dropdown [data-selectable],
#criteria_admin .task-dialog .modal-body .selectize-dropdown [data-selectable],
.ui-grid-widget .task-dialog .modal-body .selectize-dropdown [data-selectable] {
  display: flex !important;
  align-items: center !important;
}
#ranking_admin .task-dialog .modal-body .input-group,
#criteria_admin .task-dialog .modal-body .input-group,
.ui-grid-widget .task-dialog .modal-body .input-group {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 15px;
}
#ranking_admin .task-dialog .modal-body .selectize-input,
#criteria_admin .task-dialog .modal-body .selectize-input,
.ui-grid-widget .task-dialog .modal-body .selectize-input {
  min-height: 37px;
  border: 1px solid #dce2e6 !important;
  border-radius: 6px;
}
#ranking_admin .task-dialog .modal-body .status-circle,
#criteria_admin .task-dialog .modal-body .status-circle,
.ui-grid-widget .task-dialog .modal-body .status-circle {
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 100%;
  height: 10px;
  width: 10px;
}
#ranking_admin .task-dialog .modal-body .status-circle.orange,
#criteria_admin .task-dialog .modal-body .status-circle.orange,
.ui-grid-widget .task-dialog .modal-body .status-circle.orange {
  background-color: orange;
}
#ranking_admin .task-dialog .modal-body .status-circle.blue,
#criteria_admin .task-dialog .modal-body .status-circle.blue,
.ui-grid-widget .task-dialog .modal-body .status-circle.blue {
  background-color: blue;
}
#ranking_admin .task-dialog .modal-body .discard,
#criteria_admin .task-dialog .modal-body .discard,
.ui-grid-widget .task-dialog .modal-body .discard {
  color: #0d2150;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  border: 0.5px solid #0d2150;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 7px 20px;
  margin-right: 10px;
}
#ranking_admin .task-dialog .modal-body .save,
#criteria_admin .task-dialog .modal-body .save,
.ui-grid-widget .task-dialog .modal-body .save {
  padding: 7px 20px;
  border-radius: 4px;
  background-color: #b31b44;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
}
#ranking_admin .task-dialog .modal-body .avatar,
#criteria_admin .task-dialog .modal-body .avatar,
.ui-grid-widget .task-dialog .modal-body .avatar {
  margin-right: 10px;
  width: 50px;
  height: 50px !important;
  border-radius: 50% !important;
}
#ranking_admin .task-dialog .modal-body .comment,
#criteria_admin .task-dialog .modal-body .comment,
.ui-grid-widget .task-dialog .modal-body .comment {
  color: #3b4355;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 2px;
}
#ranking_admin .task-dialog .modal-body .date,
#criteria_admin .task-dialog .modal-body .date,
.ui-grid-widget .task-dialog .modal-body .date {
  margin-left: 10px;
  color: #646877;
  font-size: 12px;
  line-height: 18px;
}
#ranking_admin .task-dialog .modal-body .name,
#criteria_admin .task-dialog .modal-body .name,
.ui-grid-widget .task-dialog .modal-body .name {
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
#ranking_admin .task-dialog .modal-body .action,
#criteria_admin .task-dialog .modal-body .action,
.ui-grid-widget .task-dialog .modal-body .action {
  min-width: 50px;
}
#ranking_admin .task-dialog .modal-body .photos,
#criteria_admin .task-dialog .modal-body .photos,
.ui-grid-widget .task-dialog .modal-body .photos {
  padding: 5px !important;
}
#ranking_admin .task-dialog .modal-body .photos div,
#criteria_admin .task-dialog .modal-body .photos div,
.ui-grid-widget .task-dialog .modal-body .photos div {
  position: relative;
}
#ranking_admin .task-dialog .modal-body .photos img,
#criteria_admin .task-dialog .modal-body .photos img,
.ui-grid-widget .task-dialog .modal-body .photos img {
  border-radius: 6px;
  object-fit: cover;
  max-height: 100px;
  margin: 0 6px;
  position: relative;
}
#ranking_admin .task-dialog .modal-body .add-comment input,
#criteria_admin .task-dialog .modal-body .add-comment input,
.ui-grid-widget .task-dialog .modal-body .add-comment input {
  height: 54.5px;
  color: #000000;
  font-size: 16px;
  line-height: 19px;
  border: 0.5px solid #dce2e6;
  border-radius: 12px;
  background-color: #ffffff;
}
#ranking_admin .task-dialog .modal-body .add-comment button,
#criteria_admin .task-dialog .modal-body .add-comment button,
.ui-grid-widget .task-dialog .modal-body .add-comment button {
  position: absolute;
  right: 20px;
  margin: 10px;
  padding: 7px 11px;
  border-radius: 4px;
  background-color: #b31b44;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
}
#ranking_admin .task-dialog .modal-body .task-comments.ng-move,
#ranking_admin .task-dialog .modal-body .task-comments.ng-enter,
#ranking_admin .task-dialog .modal-body .task-comments.ng-leave,
#criteria_admin .task-dialog .modal-body .task-comments.ng-move,
#criteria_admin .task-dialog .modal-body .task-comments.ng-enter,
#criteria_admin .task-dialog .modal-body .task-comments.ng-leave,
.ui-grid-widget .task-dialog .modal-body .task-comments.ng-move,
.ui-grid-widget .task-dialog .modal-body .task-comments.ng-enter,
.ui-grid-widget .task-dialog .modal-body .task-comments.ng-leave {
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
#ranking_admin .task-dialog .modal-body .task-comments.ng-leave.ng-leave-active,
#ranking_admin .task-dialog .modal-body .task-comments.ng-move,
#ranking_admin .task-dialog .modal-body .task-comments.ng-enter,
#criteria_admin .task-dialog .modal-body .task-comments.ng-leave.ng-leave-active,
#criteria_admin .task-dialog .modal-body .task-comments.ng-move,
#criteria_admin .task-dialog .modal-body .task-comments.ng-enter,
.ui-grid-widget .task-dialog .modal-body .task-comments.ng-leave.ng-leave-active,
.ui-grid-widget .task-dialog .modal-body .task-comments.ng-move,
.ui-grid-widget .task-dialog .modal-body .task-comments.ng-enter {
  opacity: 0;
}
#ranking_admin .task-dialog .modal-body .task-comments.ng-leave,
#ranking_admin .task-dialog .modal-body .task-comments.ng-move.ng-move-active,
#ranking_admin .task-dialog .modal-body .task-comments.ng-enter.ng-enter-active,
#criteria_admin .task-dialog .modal-body .task-comments.ng-leave,
#criteria_admin .task-dialog .modal-body .task-comments.ng-move.ng-move-active,
#criteria_admin .task-dialog .modal-body .task-comments.ng-enter.ng-enter-active,
.ui-grid-widget .task-dialog .modal-body .task-comments.ng-leave,
.ui-grid-widget .task-dialog .modal-body .task-comments.ng-move.ng-move-active,
.ui-grid-widget .task-dialog .modal-body .task-comments.ng-enter.ng-enter-active {
  opacity: 1;
}
#ranking_admin .task-dialog .modal-body .separation,
#criteria_admin .task-dialog .modal-body .separation,
.ui-grid-widget .task-dialog .modal-body .separation {
  padding: 15px 0px 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.49px;
}
#ranking_admin .task-dialog .modal-body .criteria,
#criteria_admin .task-dialog .modal-body .criteria,
.ui-grid-widget .task-dialog .modal-body .criteria {
  color: #b31b44;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 19px;
}

#claim_admin {
  margin-top: 10px;
}
#claim_admin a:hover,
#claim_admin a:visited,
#claim_admin a:link,
#claim_admin a:active {
  text-decoration: none;
}
#claim_admin .glyphicon-flash {
  overflow: hidden;
  color: #ff8000;
  font-size: 20px;
}
#claim_admin .glyphicon-flash.grey {
  color: #768492 !important;
}
#claim_admin .header-content {
  padding: 8px 20px;
}
#claim_admin .header-content * {
  color: #0f2252;
}
#claim_admin .header-content button {
  border: 2px solid #ebeaf0;
  border-radius: 4px;
}
#claim_admin .claim-header {
  border: 2px solid #dfe1e8;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
}
#claim_admin .claim-header span {
  font-size: 12px;
  color: #0D2050;
  margin-left: 10px;
}
#claim_admin .claim-header i {
  color: #B31B44;
  font-size: 22px;
  margin-right: 15px;
}
#claim_admin .claim-header .drop {
  font-size: 16px;
  margin-left: auto;
}
#claim_admin .claim-dialog {
  display: none;
  border: 2px solid #dfe1e8;
  border-radius: 0px 0px 10px 10px;
  padding: 10px;
}
#claim_admin .claim-dialog .profile-pic {
  display: inline;
  margin: 0 auto;
  margin-left: -25%;
  height: 100%;
  width: auto;
}
#claim_admin .claim-dialog .selectize-dropdown [data-selectable] {
  display: flex !important;
  align-items: center !important;
}
#claim_admin .claim-dialog .input-group {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 15px;
}
#claim_admin .claim-dialog .selectize-input {
  height: 37px;
  border: 1px solid #dce2e6 !important;
  border-radius: 6px;
}
#claim_admin .claim-dialog .status-circle {
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 100%;
  height: 10px;
  width: 10px;
}
#claim_admin .claim-dialog .status-circle.orange {
  background-color: orange;
}
#claim_admin .claim-dialog .status-circle.blue {
  background-color: blue;
}
#claim_admin .claim-dialog .status-circle.default {
  background-color: #777777;
}
#claim_admin .claim-dialog .status-circle.primary {
  background-color: #4a89dc;
}
#claim_admin .claim-dialog .status-circle.success {
  background-color: #70ca63;
}
#claim_admin .claim-dialog .status-circle.info {
  background-color: #3bafda;
}
#claim_admin .claim-dialog .status-circle.warning {
  background-color: #f6bb42;
}
#claim_admin .claim-dialog .status-circle.danger {
  background-color: #e9573f;
}
#claim_admin .claim-dialog .status-circle.system {
  background-color: #37bc9b;
}
#claim_admin .claim-dialog .discard {
  color: #0d2150;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  border: 0.5px solid #0d2150;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 7px 20px;
  margin-right: 10px;
}
#claim_admin .claim-dialog .icon-questionnaire {
  height: 16.86px;
  width: 18px;
  background-color: #b31b44;
}
#claim_admin .claim-dialog .save {
  padding: 7px 20px;
  border-radius: 4px;
  background-color: #b31b44;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
}
#claim_admin .claim-dialog .avatar {
  margin-right: 10px;
  width: 50px;
  height: 50px !important;
  border-radius: 50% !important;
}
#claim_admin .claim-dialog .comment {
  color: #3b4355;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 2px;
}
#claim_admin .claim-dialog .date {
  margin-left: 10px;
  color: #646877;
  font-size: 12px;
  line-height: 18px;
}
#claim_admin .claim-dialog .name {
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
#claim_admin .claim-dialog .action {
  min-width: 50px;
}
#claim_admin .claim-dialog .photos {
  padding: 5px !important;
}
#claim_admin .claim-dialog .photos div {
  position: relative;
}
#claim_admin .claim-dialog .photos img {
  border-radius: 6px;
  object-fit: cover;
  max-height: 100px;
  margin: 0 6px;
  position: relative;
}
#claim_admin .claim-dialog .add-comment textarea {
  border-radius: 1rem;
}
#claim_admin .claim-dialog .add-comment input {
  height: 54.5px;
  color: #000000;
  font-size: 16px;
  line-height: 19px;
  border: 0.5px solid #dce2e6;
  border-radius: 12px;
  background-color: #ffffff;
}
#claim_admin .claim-dialog .add-comment button {
  right: 20px;
  margin: 10px;
  padding: 7px 11px;
  border-radius: 4px;
  background-color: #b31b44;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
}
#claim_admin .claim-dialog .task-comments.ng-move,
#claim_admin .claim-dialog .task-comments.ng-enter,
#claim_admin .claim-dialog .task-comments.ng-leave {
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
#claim_admin .claim-dialog .task-comments.ng-leave.ng-leave-active,
#claim_admin .claim-dialog .task-comments.ng-move,
#claim_admin .claim-dialog .task-comments.ng-enter {
  opacity: 0;
}
#claim_admin .claim-dialog .task-comments.ng-leave,
#claim_admin .claim-dialog .task-comments.ng-move.ng-move-active,
#claim_admin .claim-dialog .task-comments.ng-enter.ng-enter-active {
  opacity: 1;
}
#claim_admin .claim-dialog .separation {
  padding: 15px 0px 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.49px;
}
#claim_admin .claim-dialog .comment_title {
  color: #b31b44;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 19px;
}
#claim_admin .claim-dialog-popup {
  width: 450px !important;
}
#claim_admin .claim-dialog-popup .modal-content {
  border-radius: 10px;
}
#claim_admin .claim-dialog-popup .modal-header {
  padding: 0 !important;
}
#claim_admin .claim-dialog-popup .modal-header h4 {
  padding: 15px 0px 15px 15px;
}
#claim_admin .claim-dialog-popup .modal-header > div {
  align-items: center;
}
#claim_admin .claim-dialog-popup .modal-header .modal-title {
  color: #0d2050;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}
#claim_admin .claim-dialog-popup .modal-header .close {
  width: 12px;
  color: #0d2050;
  font-size: 25px;
  height: 25px;
}
#claim_admin .claim-dialog-popup .modal-body {
  position: relative;
  padding: 20px;
}
#claim_admin .claim-dialog-popup .modal-body > div {
  margin: 7px 0;
}
#claim_admin .claim-dialog-popup .modal-body textarea {
  border-radius: 1rem;
}
#claim_admin .claim-dialog-popup .modal-body label {
  color: #7a7f8c;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}
#claim_admin .claim-dialog-popup .modal-body input,
#claim_admin .claim-dialog-popup .modal-body .ui-select-match {
  color: #0d2050;
  font-size: 16px;
  font-weight: 600;
  padding: 3px 7px;
  line-height: 19px;
}
#claim_admin .claim-dialog-popup .modal-body input span,
#claim_admin .claim-dialog-popup .modal-body .ui-select-match span {
  align-items: center !important;
  display: flex;
}
#claim_admin .claim-dialog-popup .modal-body .discard {
  color: #0d2150;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  border: 0.5px solid #0d2150;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 7px 20px;
  margin-right: 10px;
}
#claim_admin .claim-dialog-popup .modal-body .save {
  padding: 7px 20px;
  border-radius: 4px;
  background-color: #b31b44;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
}
#claim_admin .claim-dialog-popup .modal-body .add-comment input {
  height: 54.5px;
  color: #000000;
  font-size: 16px;
  line-height: 19px;
  border: 0.5px solid #dce2e6;
  border-radius: 12px;
  background-color: #ffffff;
}
#claim_admin .claim-dialog-popup .modal-body .add-comment button {
  position: absolute;
  right: 20px;
  margin: 10px;
  padding: 7px 11px;
  border-radius: 4px;
  background-color: #b31b44;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
}
#claim_admin .claim-dialog-popup .modal-body .task-comments.ng-move,
#claim_admin .claim-dialog-popup .modal-body .task-comments.ng-enter,
#claim_admin .claim-dialog-popup .modal-body .task-comments.ng-leave {
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
#claim_admin .claim-dialog-popup .modal-body .task-comments.ng-leave.ng-leave-active,
#claim_admin .claim-dialog-popup .modal-body .task-comments.ng-move,
#claim_admin .claim-dialog-popup .modal-body .task-comments.ng-enter {
  opacity: 0;
}
#claim_admin .claim-dialog-popup .modal-body .task-comments.ng-leave,
#claim_admin .claim-dialog-popup .modal-body .task-comments.ng-move.ng-move-active,
#claim_admin .claim-dialog-popup .modal-body .task-comments.ng-enter.ng-enter-active {
  opacity: 1;
}
#claim_admin .claim-dialog-popup .modal-body .separation {
  padding: 15px 0px 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.49px;
}
#claim_admin .claim-dialog-popup .modal-body .criteria {
  color: #b31b44;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 19px;
}

#claim_admin:hover .claim-header, #claim_admin .show-conversation .claim-header {
  border-bottom: none;
  border-radius: 10px 10px 0 0;
}
#claim_admin:hover .claim-dialog, #claim_admin .show-conversation .claim-dialog {
  display: block;
}

#filter-box .dropdown-menu.filter-menu {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 15px;
  overflow: auto;
  max-height: 80vh;
  border: 0;
}
#filter-box .dropdown-menu.filter-menu .ui-grid-viewport {
  height: auto !important;
}
#filter-box .dropdown-menu.filter-menu .expandableRow {
  height: auto !important;
}
#filter-box .filters-container {
  overflow-x: hidden;
}
#filter-box .button-container {
  width: 100%;
  background: white;
  bottom: 0;
}
#filter-box .button-container .btn-save {
  border-radius: 0;
  margin: 0;
  color: white;
  border: 0 !important;
  background: #b31b44;
}
#filter-box .filters-title {
  padding: 12px;
}
#filter-box .filter {
  border-bottom: 1px solid #ebeaf0;
  min-width: 250px;
  transition: all 400ms linear;
}
#filter-box .filter .row-title {
  padding: 12px;
}
#filter-box .filter.opened {
  background: #f2f3f5;
}
#filter-box .filter .param {
  padding: 10px 12px;
  padding-bottom: 60px;
}
#filter-box .filter .param .checkbox-container label {
  margin-left: 8px;
}
#filter-box .filter.no-border {
  border: 0 !important;
}
#filter-box .filter.no-border > .flex-row {
  margin-top: 10px !important;
  padding: 0px 12px !important;
}
#filter-box .values {
  margin-top: 8px;
}
#filter-box .values .value {
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: white;
  border-radius: 4px;
  max-width: 45%;
}
#filter-box .rzslider {
  margin: 15px 0;
}
#filter-box .rzslider .rz-bubble {
  display: none;
}
#filter-box .rzslider .rz-bar {
  background: #d8d8d8;
  height: 2px;
}
#filter-box .rzslider .rz-selection {
  background: #b31b44;
}
#filter-box .rzslider .rz-pointer {
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  top: -10px;
}
#filter-box .rzslider .rz-pointer:after {
  position: absolute;
  top: 7px;
  left: 7px;
  width: 6px;
  height: 6px;
  background: #b31b44;
  border-radius: 4px;
  content: "";
}
#filter-box .rzslider .rz-limit {
  font-weight: bold;
  color: orange;
}
#filter-box .rzslider .rz-tick {
  width: 1px;
  height: 10px;
  margin-left: 4px;
  border-radius: 0;
  background: #ffe4d1;
  top: -1px;
}

.select-assigned {
  position: relative !important;
  left: 0% !important;
  width: 100% !important;
}

.extern-radius {
  border-radius: 6px !important;
}

.filter-radius {
  border-radius: 10px !important;
}

.filter-address {
  padding-left: 0px !important;
  padding-right: 70px !important;
}

.filter-km {
  position: relative !important;
  left: 70% !important;
  width: 100% !important;
}

.mission-date-col {
  width: 35% !important;
}

.mission-date-margin {
  margin: 10px -5px 9.5px !important;
}

.mission-date-position {
  position: relative !important;
  left: 20% !important;
}

.center-btn button {
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
}

#route-distance button {
  border: 0px;
  background-color: #f1f3f5;
  border-radius: 5px;
  transition-duration: 0.3s;
  width: fit-content;
  padding: 5px 10px;
  height: fit-content;
}
#route-distance button:hover {
  background-color: #2e76d6;
  color: white;
}

#route-distance .selected {
  color: white;
  background-color: #4a89dc;
  border: 2px solid #4a89dc;
  border: 0px;
}

.null-padding {
  padding: 0px 0px 0px !important;
  width: 75% !important;
}

.null-margin-top {
  margin-top: 0px !important;
}

.extern-radius {
  border-radius: 6px !important;
}

.user-warning {
  position: relative !important;
  font-size: 16px !important;
  left: 5% !important;
}

.icon-left {
  left: 10px !important;
}

.ui-select-container.open {
  margin: 0;
}
.ui-select-container .selectize-input {
  padding: 4px !important;
  border: 0 !important;
  background-color: white !important;
  background-image: none !important;
  box-shadow: 0 0 0 0 !important;
}
.ui-select-container .selectize-dropdown {
  border: 0 !important;
}
.ui-select-container .ui-select-choices-row > span {
  white-space: normal !important;
}
.ui-select-container .ui-select-choices-row.active > span {
  color: #333 !important;
  background-color: white !important;
}
.ui-select-container .ui-select-choices-row > span .selectize-dropdown {
  margin: -4px 0 0 0 !important;
  border: 0 !important;
  color: #0f2252 !important;
  border-radius: 3px !important;
}
.ui-select-container .ui-select-choices-row > span .selectize-dropdown .active {
  font-weight: 600;
  color: #333 !important;
  background-color: white !important;
}
.ui-select-container .ui-select-match-item {
  background-color: #f0f0f0 !important;
}
.ui-select-container .ui-select-match,
.ui-select-container .ui-select-match-item {
  box-shadow: 0 0 0 !important;
  border: 0 !important;
  text-shadow: 0 0 !important;
}
.ui-select-container .ui-select-match .ui-select-match-close,
.ui-select-container .ui-select-match-item .ui-select-match-close {
  border: 0 !important;
}

.mentions-dialog {
  background: white;
  position: absolute;
  max-height: 300px;
  list-style: none;
  overflow: auto;
  max-width: 200px;
  width: 200px;
  padding: 10px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
  margin: 0;
  z-index: 999;
}
.mentions-dialog li {
  cursor: pointer;
  margin: 8px 0;
}

.html-message span,
span[mention] {
  color: #4a89dc;
}

.details-dialog .modal-subheader {
  padding: 10px;
  flex-wrap: wrap;
}
.details-dialog .modal-subheader .comments-bars-container {
  background-color: rgba(233, 233, 233, 0.2);
  border-radius: 3px;
  margin: 10px;
  padding: 10px;
}
.details-dialog .modal-subheader .comments-bars-container:hover {
  background-color: rgba(179, 27, 68, 0.1);
}
.details-dialog .modal-subheader .comments-bars-container p.title {
  margin: 0;
  text-align: center;
  color: #0d2050;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  min-height: 50px;
}
.details-dialog .modal-subheader .comments-bars-container .comments-bars {
  align-items: flex-end;
}
.details-dialog .modal-subheader .comments-bars-container .comments-bars .key {
  color: #646876;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  width: 115px;
}
.details-dialog .modal-subheader .comments-bars-container .comments-bars .comment-bar {
  width: 90px;
  max-width: 90px;
  border-radius: 2px;
  box-shadow: inset -3px 0 0 0 rgba(0, 0, 0, 0.1);
  margin: 0 12px;
  color: white;
  text-align: center;
}
.details-dialog .modal-header > div {
  align-items: center;
}
.details-dialog .modal-header .close {
  height: 12px;
  width: 12px;
  color: #0d2050;
}
.details-dialog .modal-header label {
  margin-right: 15px;
  margin-bottom: 0 !important;
}
.details-dialog .modal-header .close {
  font-size: 25px !important;
  height: 25px !important;
}
.details-dialog .modal-header .switch {
  height: 22px;
  margin-right: 20px;
  background-color: #ebeaf0;
}
.details-dialog .modal-header .switch small {
  height: 22px;
  width: 22px;
}
.details-dialog .modal-header .switch.checked {
  background: #0d2050 !important;
  border-color: #0d2050 !important;
}
.details-dialog .modal-body {
  position: relative;
  padding: 0;
}
.details-dialog .table-header {
  padding: 0 20px;
  height: 40px;
  border: 1px solid #d2d6d9;
  background-color: #e0e2e9;
}
.details-dialog .table-header div {
  color: #768492;
  font-size: 12px;
  justify-content: center;
  font-weight: bold;
  line-height: 14px;
}
.details-dialog .table-content > div.flex-row {
  overflow: hidden;
  justify-content: center;
  min-height: 120px;
  padding: 0 20px;
  border: 1px solid #ebeaf0;
  background-color: #ffffff;
}
.details-dialog .table-content > div.flex-row > div {
  padding: 10px 5px;
}
.details-dialog .table-content > div.flex-row .name {
  font-weight: bold;
}
.details-dialog .table-content > div.flex-row .date {
  font-size: 14px;
  line-height: 17px;
}
.details-dialog .table-content > div.flex-row .response {
  color: #768492 !important;
}
.details-dialog .table-content > div.flex-row .comment {
  margin-bottom: 10px;
  margin-top: 5px;
}
.details-dialog .table-content > div.flex-row .audio {
  max-height: 55px;
  margin-bottom: 10px;
  margin-top: 5px;
  overflow: unset;
}
.details-dialog .table-content > div.flex-row .comment-tag {
  max-height: 55px;
  margin-bottom: 2px;
  padding: 5px 10px;
}
.details-dialog .table-content > div.flex-row .comments .tags .tag {
  overflow: hidden;
  border-radius: 8px;
  background-color: #395baa;
  color: white;
  margin: 0 4px;
  padding: 5px 10px;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}
.details-dialog .table-content > div.flex-row .comments > ul {
  list-style-type: none;
}
.details-dialog .table-content > div.flex-row .comments > ul > li {
  margin-top: 10px;
  line-height: 1.5;
}
.details-dialog .table-content > div.flex-row .comments > ul > li .tag {
  background-color: #395baa;
  color: white;
  padding: 3px;
  border-radius: 3px;
  font-weight: bold;
  margin-right: 5px;
}
.details-dialog .table-content > div.flex-row .photos {
  padding: 5px !important;
}
.details-dialog .table-content > div.flex-row .photos div {
  position: relative;
}
.details-dialog .table-content > div.flex-row .photos img {
  border-radius: 6px;
  object-fit: cover;
  height: 50px;
  margin: 0 6px;
  position: relative;
}
.details-dialog .table-content > div.flex-row .photos .mask {
  color: white;
  position: absolute;
  background-color: rgba(17, 20, 27, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 6px;
  margin: 0 5px;
  justify-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.details-dialog .table-content > div.flex-row * {
  color: #0d2050;
  font-size: 14px;
  min-height: 18px;
  line-height: 16px;
}

.gallery-dialog {
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  flex: 1 1 100%;
  justify-items: center;
}
.gallery-dialog .close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: white !important;
  opacity: 1;
  font-size: 50px;
}
.gallery-dialog img {
  object-fit: contain;
  align-items: center;
  max-width: 80vw;
  max-height: 90vh;
  justify-items: center;
}
.gallery-dialog .photos-gallery {
  align-items: center;
  display: flex;
  flex: 1 1 100%;
}
.gallery-dialog .control {
  width: 9vw;
  min-width: 9vw;
  max-width: 9vw;
}
.gallery-dialog .control button {
  font-size: 20px;
  font-weight: bold;
  background: transparent;
  color: white;
  height: 44px;
  border-radius: 30px;
  margin: 0 30px;
  width: 44px;
  border: 2px solid white;
}
.gallery-dialog .control button.left {
  position: absolute;
  left: 0;
}
.gallery-dialog .control button.right {
  position: absolute;
  right: 0;
}

.dynamic {
  margin: 5px 0;
}
.dynamic:not(.flex-100) {
  max-width: 300px !important;
  min-width: 300px !important;
  width: 300px !important;
}
.dynamic .box {
  width: 100%;
  border: 1px solid #e4e4e4;
  background: white;
  border-radius: 2px;
}
.dynamic .box > * {
  margin: 0 10px 10px 10px !important;
}
.dynamic .box .btn {
  border: 0;
  background-color: transparent !important;
}
.dynamic .box .title {
  border-bottom: 1px solid #e4e4e4;
  border-radius: 2px 2px 0 0;
  align-items: center;
  padding: 20px;
  color: #0d2050;
  font-size: 16px;
  margin: 0 !important;
  font-weight: 600;
  line-height: 19px;
  background-color: #f8f8f8;
  margin-bottom: 10px;
}
.dynamic .box .item {
  border: 1px solid #e4e4e4;
  padding: 8px;
  color: #0d2050;
  background-color: white;
  margin: 0 10px !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  margin-top: 1px !important;
}
.dynamic .box .item:last-child {
  margin-bottom: 10px !important;
}
.dynamic .box .item.highlighted {
  background-color: #f8f8f8;
}
.dynamic .box .item .item-name {
  justify-content: center;
}
.dynamic .box .search-wave {
  margin: 10px !important;
  position: relative;
}
.dynamic .box .search-wave .placeholder {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 10px;
  pointer-events: none;
  left: 0;
  bottom: 0;
}
.dynamic .box .dropdown-menu {
  padding: 10px;
}

.add-group-button-container {
  margin-top: 5px;
  max-width: 300px;
  min-width: 300px;
  width: 300px;
}
.add-group-button-container .add-group-button {
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  background-color: #f8f8f8;
  color: #0d2050;
  font-weight: 600;
  text-align: center;
  font-size: 16px;
  padding: 15px 40px;
  line-height: 19px;
}

.report_list_button {
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  display: inline-flex;
  opacity: 1;
  text-decoration: none;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: row;
  -webkit-box-pack: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0px 0px 8px;
  padding: 8px 11px;
  border: 1px solid rgba(19, 45, 74, 0.12);
  border-radius: 5px;
  position: relative;
  width: 100%;
  outline: 0px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -2px;
  transition: opacity 200ms linear 0s, background-color 200ms linear 0s, box-shadow 200ms linear 0s;
}

.search-container {
  color: #0f2252;
}
.search-container i {
  position: absolute;
  height: 30px;
  width: 30px;
  padding: 10px;
  left: 0px;
}
.search-container input {
  border-radius: 30px;
  padding: 18px 10px;
  padding-left: 30px;
  font-weight: 600;
  border: 0;
  background: #ebeaf0;
}

view-bar {
  position: relative;
  background: white;
  width: 100%;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #e0e0e0;
}
view-bar .view-bar {
  background: white;
  position: relative;
  width: 100%;
  margin: 0;
  min-height: 51px;
  padding: 0 21px 16px;
}
view-bar .view-bar > .filter {
  max-width: 250px !important;
  padding: 2px 4px;
}
view-bar .view-bar > .filter .filter-name {
  color: #0f2252;
}
view-bar .ui-select-multiple {
  display: inline-block;
  width: 242px;
  vertical-align: top;
  min-height: 39px;
  z-index: 10;
  border-radius: 6px !important;
}

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

.block-display {
  display: block;
}

.inline-display {
  display: inline;
}

.inline-flex-display {
  display: inline-flex;
}

.ui-select-container.open {
  margin: 0;
}

.round-corner {
  border-radius: 6px !important;
}

.view-action-btn {
  height: 100%;
  display: inline !important;
  align-items: center;
  border-radius: 6px !important;
  margin-left: 5px;
  margin-right: 5px;
  line-height: 19px;
}
.view-action-btn .fa {
  margin-top: 1px;
  margin-right: 6px;
}

.view-select .ui-select-match {
  min-width: 350px;
}

.view-name {
  vertical-align: middle;
  margin-right: 10px;
  color: #0f2252;
  font-size: 24px;
  display: inline;
}

.right-side-btns {
  right: 15px;
  position: absolute;
  display: inline-flex;
  flex-flow: column;
}

.btn.btn-smice-primary {
  font-weight: 600;
  background-color: #b31b44;
  border-radius: 6px !important;
  color: white;
  height: auto;
  padding: 9px 12px;
}

.btn.btn-smice-default {
  color: #666666;
  font-weight: 600;
  background-color: #f0f0f0;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 6px !important;
}

.btn.btn-smice-default:hover,
.btn.btn-smice-default:focus,
.btn.btn-smice-default:active,
.btn.btn-smice-default.active,
.open > .dropdown-toggle.btn-smice-default {
  color: #666666;
  background-color: #eaeaea;
}

.btn.btn-smice-primary:hover,
.btn.btn-smice-primary:focus {
  color: #ffffff;
  background-color: #801330;
  border-color: rgba(0, 0, 0, 0.05);
}

#ranking_admin .modal-dialog.small-dialog {
  max-width: 500px !important;
}

#ranking_admin .modal-dialog.medium-dialog {
  max-width: 750px !important;
}

.view-select-ul {
  max-height: 600px;
  overflow: auto;
}

.view-select-btn {
  color: #666;
  float: right;
  cursor: pointer;
  font-size: 16px;
  max-height: 60px;
  width: 60px;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.widget-edit-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 350px;
}
.widget-edit-loading img {
  max-height: 100%;
}

.widget-edit-body {
  height: 100%;
  padding: 20px auto;
}

.widget-header-title {
  width: calc(100% - 130px);
  border: none;
}

.widget-header-title:hover {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 130px);
  display: inline-block;
  cursor: text;
  border: 1px dashed;
  border-color: #c5c7d0;
}

.widget-header-period {
  font-size: 10px;
  font-style: italic;
  font-weight: normal;
}

.widget-header-edit {
  border: none;
  min-width: 400px;
  width: 100%;
}

.widget-header-edit:hover {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  cursor: text;
  border: 1px dashed;
  border-color: #c5c7d0;
  min-width: 400px;
  width: 100%;
}

.score-widget {
  color: #0f2252;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  height: 80%;
  font-weight: 600;
}

.picture-widget {
  position: relative;
  height: calc(100% - 50px);
  text-align: center;
}

.picture-widget img {
  max-width: 100%;
  max-height: 100%;
}

.text-widget {
  text-align: center;
  font-size: 18px;
  white-space: pre-line;
}

.video-widget {
  padding: 150px 0px;
  text-align: center;
  font-size: 40px;
}

.table-widget {
  height: 100%;
}
.table-widget > #content {
  height: calc(100% - 10px) !important;
  display: block;
  overflow: hidden;
}
.table-widget > #content .ui-grid {
  width: 100%;
  display: block;
  padding: 0px;
  border: 0px;
  height: 100% !important;
}

.widget-picture-wall {
  overflow-y: scroll;
  width: 100%;
  padding-right: 10px !important;
}

.score-preview {
  color: #0f2252;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  line-height: 350px;
  font-weight: 600;
}

.grid-empty {
  background-color: #f2f3f5;
  overflow: auto !important;
  text-align: center;
}

.grid-stack {
  background-color: #f2f3f5;
  overflow: auto !important;
}
.grid-stack.admin {
  height: calc(100vh - 135px) !important;
}
.grid-stack .grid-stack-item-content {
  overflow: hidden !important;
  background-color: white;
  padding: 5px;
  border: 1px solid #e2e2e2;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 800;
}
.grid-stack .grid-stack-item-content.selected {
  border: 1px solid #0f2252;
}
.grid-stack .grid-stack-item-content .widget-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 88%;
}
.grid-stack .grid-stack-item-content .widget-body {
  height: calc(100% - 40px);
  padding: 5px;
}
.grid-stack .grid-stack-item-content .widget-body .chart {
  min-height: auto !important;
  height: 100%;
  overflow: hidden;
}
.grid-stack .grid-stack-item-content .widget-header {
  border-bottom: 1px solid #e2e2e2;
  margin: 0 -5px;
  padding: 5px 15px;
}
.grid-stack .grid-stack-item-content .widget-header span {
  color: #0f2252;
  font-size: 16px;
}
.grid-stack .grid-stack-item-content .widget-header a.widget-header-btn {
  float: right;
  margin-left: 10px;
}
.grid-stack .grid-stack-item-content .widget-header a.widget-header-btn span {
  color: #666666;
}
.grid-stack .grid-stack-item-content .widget-header-notitle {
  margin: 0 -5px;
  padding: 5px 15px;
}
.grid-stack .grid-stack-item-content .widget-header-notitle span {
  color: #0f2252;
  font-size: 16px;
}
.grid-stack .grid-stack-item-content .widget-header-notitle a.widget-header-btn {
  float: right;
  margin-left: 10px;
}
.grid-stack .grid-stack-item-content .widget-header-notitle a.widget-header-btn span {
  color: #666666;
}

.white-bg,
.white-bg:before {
  background: #ffffff !important;
}

.white-color,
.white-color:before {
  color: #ffffff !important;
}

.red-color,
.red-color:before {
  color: #b31b44 !important;
}

.widget-content {
  padding-top: 60px !important;
}

.widget-content.text .widget-body {
  padding: 50px;
}
.widget-content .text-preview {
  text-align: center;
  padding: 50px 0px;
  font-size: 30px;
  white-space: pre-line;
}
.widget-content .preview img {
  width: 100%;
}
.widget-content .tabs-right {
  margin-right: 3px;
}
.widget-content .tabs-right .fa {
  font-size: 50px;
}
.widget-content .tabs-right > li > a {
  margin-bottom: 7px;
  border-radius: 7px !important;
  padding-left: 0px;
  padding-right: 0px;
  width: 76px;
  text-align: center;
}
.widget-content .nav > li > a:hover, .widget-content .nav > li > a:focus,
.widget-content .nav > li > a.active {
  background: #EDF8FF;
  border-color: #63C0F8;
}

#widget .filter-bar {
  padding: 17px 0px 17px 20px;
  color: #0f2252;
  position: relative;
}
#widget .filter-bar .filter {
  padding-right: 10px;
}
#widget .filter-bar .filter .selectize-input {
  border-radius: 5px;
}
#widget .filter-bar .filter .ui-select-multiple.ui-select-bootstrap {
  border-radius: 5px;
  border: none;
}
#widget .filter-bar .loading {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #f2f3f5;
  z-index: 1;
  opacity: 0.5;
  transition: opacity 1s ease-in-out;
  cursor: not-allowed;
}
#widget .btn.widget-back-btn:hover,
#widget .btn.widget-back-btn:focus {
  color: #801330;
  text-decoration: none;
  background-color: transparent;
}
#widget .widget-back-btn {
  color: #b31b44;
  text-transform: uppercase;
  padding: 0px;
  line-height: normal;
  margin-left: 0px;
  font-size: 12px;
  text-align: left;
}
#widget .widget-back-btn i {
  color: #161f32 !important;
}
#widget .smice-primary-icon {
  color: #b31b44;
  padding: 9px;
}
#widget .right-side-btns .btn {
  margin: 16px 7px;
}
#widget .widget-header-bar-left-part {
  display: inline-flex;
  flex-flow: column;
  margin: 16px 7px;
  padding-left: 10px;
}
#widget .widget-title {
  font-weight: 900;
  font-size: 17px;
}
#widget .widget-header-bar {
  background-color: white;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
#widget .widget-preview {
  height: 567px;
  padding: 20px;
}
#widget .widget-body {
  background-color: #f2f3f5;
  height: calc(100vh - 138px);
  overflow-y: scroll;
}
#widget .widget-body .chart-view .chart-tabs {
  background: white;
  margin: 17px;
  margin-right: 92px;
  min-height: 567px;
}
#widget .widget-body .chart-view .chart-tabs .nav-tabs {
  background-color: #f2f3f5;
}
#widget .widget-body .chart-view .chart-tabs .nav-tabs li {
  background-color: white;
}
#widget .widget-body .chart-view .tabs-right {
  margin-right: 7px;
}
#widget .widget-body .table-view {
  margin: 17px;
}
#widget .widget-body .table-view .smice-table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
#widget .widget-body .table-view .smice-table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
#widget .widget-body .table-view .smice-table {
  box-shadow: 0 0 0 1px #e0e0e0;
  border-radius: 10px;
}
#widget .widget-body .table-view .smice-table th,
#widget .widget-body .table-view .smice-table td {
  padding: 10px 17px;
}
#widget .widget-body .table-view .smice-table td {
  color: #0f2252;
  border-right: 1px solid #e0e0e0;
  background-color: white;
  font-weight: 600;
}
#widget .widget-body .table-view .smice-table td:last-child {
  border-right: none;
}
#widget .widget-filter-box {
  border-left: 1px solid #e0e0e0;
  height: calc(100vh - 100px);
  overflow-y: auto;
  overflow-x: hidden;
}
#widget .widget-filters-header {
  min-height: 77px;
}

.btn-smice-sm {
  max-height: 39px;
}

.report_list_button:hover {
  border: 1px solid rgb(0, 0, 0);
  background-color: #f2f3f5;
}

.display-inline {
  display: inline;
}

.left-pad-0 {
  padding-left: 0px !important;
}

.right-pad-0 {
  padding-right: 0px !important;
}

.hor-pad-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.text-h5 {
  font-size: 17px;
  font-weight: 600;
}

@media (max-aspect-ratio: 1/1) {
  .wallpicture li {
    height: 30vh;
  }
}
@media (max-height: 480px) {
  .wallpicture li {
    height: 80vh;
  }
}
@media (max-aspect-ratio: 1/1) and (max-width: 480px) {
  .wallpicture ul {
    flex-direction: row;
    list-style-type: none;
  }
  .wallpicture li {
    height: auto;
    width: 100%;
  }
  .wallpicture img {
    width: 100%;
    max-height: 75vh;
    min-width: 0;
  }
}
.wallpicture ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}
.wallpicture ul li {
  background: black;
  height: 40vh;
  flex-grow: 1;
  transform: translate(0, 0);
}
.wallpicture ul li:hover img {
  opacity: 0.3;
}
.wallpicture ul li:hover .description {
  display: block;
}
.wallpicture ul li:last-child {
  flex-grow: 10;
}
.wallpicture ul img {
  transition: all 0.4s ease-in-out;
  position: relative;
  overflow: hidden;
  max-height: 100%;
  min-width: 100%;
  object-fit: cover;
  vertical-align: bottom;
}
.wallpicture .description {
  display: none;
  padding: 20px;
  height: 40vh;
  position: absolute;
  color: #fff;
  z-index: 9;
  overflow-y: auto;
}
.wallpicture .description .sequence {
  color: white;
  font-size: 14px;
  font-weight: 600;
}
.wallpicture .description .criteria {
  color: #b31b44;
  font-size: 14px;
  font-weight: 600;
}
.wallpicture .description .badge {
  padding: 6px 16px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #fff;
  font-size: 13px;
  margin-bottom: 15px;
}
.wallpicture .description .badge-red {
  background-color: #ec4e4e;
}
.wallpicture .description .badge-green {
  background-color: #4dcf8f;
}
.wallpicture .description .shop-name {
  color: #fff;
  font-size: 15px;
  margin-bottom: 0;
}
.wallpicture .description .meta-time {
  color: #fff;
  font-size: 12px;
  margin-bottom: 0;
}
.wallpicture .description .meta-time svg {
  vertical-align: bottom;
  width: 17px;
}
.wallpicture ​ .portfolio .portfolio:hover {
  opacity: 0;
}
.wallpicture .portfolio.one-layout .portfolio {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.wallpicture .portfolio.one-layout .portfolio .portfolio-content {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 25px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease-in-out;
}

result-modal-collapsible .collapsible {
  margin: 10px;
  border: 1px solid rgba(128, 128, 128, 0.3882352941);
  border-radius: 10px;
}
result-modal-collapsible .collapsible .header {
  padding: 10px;
  display: flex;
}
result-modal-collapsible .collapsible .header .title {
  width: 100%;
}
result-modal-collapsible .collapsible .header .details {
  width: 175px;
  font-size: 14px;
  font-weight: 600;
  color: #666666;
  text-align: right;
  padding-right: 5px;
}
result-modal-collapsible .collapsible .header .details .red {
  color: #b86073;
}
result-modal-collapsible .collapsible .header .details .orange {
  color: #f2a767;
}
result-modal-collapsible .collapsible .header .details .green {
  color: #7dc4b7;
}
result-modal-collapsible .collapsible .header .details .nocolor {
  color: #0f2252 !important;
}
result-modal-collapsible .collapsible .collapse-button {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
result-modal-collapsible .collapsible .collapse-button .ng-animate {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none;
}
result-modal-collapsible .collapsible .content {
  border-top: 1px solid rgba(128, 128, 128, 0.3882352941);
  padding: 10px;
}

.indicatorOverview {
  width: 80%;
  margin: 10px auto;
}

.rectangle-copy-12 {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 0;
  border: 1px solid #e6e6ea;
  border-radius: 8px;
  background-color: #ffffff;
  display: flex !important;
  justify-content: space-evenly;
  position: relative;
}

.nbPa {
  height: 29px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 29px !important;
  text-align: center !important;
}
.nbPa button.redeem-button {
  --main-color: var(--color);
  --secondary-color: white;
  font-size: 14px;
  float: right;
  padding: 0 5px;
  margin-left: 5px;
  color: var(--main-color);
  background-color: var(--secondary-color);
  border: 1px solid;
  border-color: var(--main-color);
  border-radius: 5px;
}
.nbPa button.redeem-button:hover {
  color: white;
  background-color: #FF1843;
}

.pending-action {
  height: 17px;
  width: 100%;
  color: #646876 !important;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
}

.detail-action-plan-single {
  width: auto;
  align-items: center !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#nbNcA {
  height: 29px;
  width: 15px;
  color: #38a271 !important;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 29px;
  text-align: center;
}

.non-closed-action {
  height: 17px;
  width: 100%;
  color: #646876 !important;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
}

#nbPWA {
  height: 29px;
  width: 24px;
  color: #ff1843 !important;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 29px;
  text-align: center;
}

#nbAAPO {
  height: 29px;
  width: 14px;
  color: #a847ff !important;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 29px;
  text-align: center;
}

.pos-without-action-p {
  height: 17px;
  width: 100%;
  color: #646876 !important;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
}

.avg-action-per-pos {
  height: 17px;
  width: 100%;
  color: #646876 !important;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
}

#line-action-plan {
  box-sizing: border-box;
  height: 28px;
  width: 1px;
  border: 1px solid #ebeaf0;
  margin: 16px;
}

.comment-modal-closure {
  display: flex;
  flex-direction: column;
  min-height: 70%;
  width: 400px;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.div-comment-modal-closure {
  width: 100%;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  border-radius: 8px;
}

div.div-comment-modal-closure.class > * {
  margin: 10px;
}

#close-the-action-pla {
  height: 20px;
  width: 268.7px;
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  margin: 14px;
}

.closure-action-plan-rectangle {
  display: flex;
  flex-direction: row;
  height: 50px;
  background-color: #FBFBFB;
  top: 52px;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}

.closure-action-plan-icon-info {
  background-color: #4D4D4D;
  margin: 10px;
  padding: 2px 11px;
  border-radius: 50%;
  font-size: 15px;
  color: white !important;
}

.closure-action-plan-this-is-example-of-s {
  height: 36px;
  width: 80%;
  color: #7a7f8c;
  font-family: "Proxima Nova" !important;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  margin: 7px;
}

.closure-action-plan-card-bg {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 20%;
  margin-top: 10px;
}

.closure-action-plan-path {
  height: 80%;
  width: 100%;
  background-color: #fbfbfb;
  box-shadow: inset 0 0.5px 0 0 #dce2e6;
  margin-top: 10px;
  padding-top: 20px;
}

.add-cooment-card-bg {
  font-weight: bold;
  padding-left: 4px;
  padding-top: 3px;
  color: #0D2050;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
  box-sizing: border-box;
  height: 100%;
  width: 90%;
  border: 1px solid #dce2e6;
  border-radius: 8px;
  background-color: #ffffff;
}

.add-cooment-latitude-copy-2 {
  height: 90px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.closure-action-plan-txt-add-comment {
  height: 17px;
  width: 268.7px;
  color: #7A7F8C;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
  margin-left: 10px;
  font-weight: bold;
}

.closure-action-plan-add-photos {
  height: 17px;
  width: 268.7px;
  color: #7A7F8C;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
  margin-left: 10px;
  margin-top: 10px;
  font-weight: bold;
}

.image-upload-closure-action-plan {
  display: inline;
}

.image-upload-closure-action-plan > input {
  visibility: hidden;
  width: 0;
  height: 0;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 10px;
}

.history-created-div {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.history-onchange-div {
  width: 100%;
  height: auto;
}

.history-close-div {
  width: 100%;
  height: auto;
}

.history-icon-type-created {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}

.history-head-main-created {
  height: 30%;
  width: 88%;
  display: flex;
  flex-direction: column;
}

.history-head-main-created-head {
  display: flex;
  flex-direction: row;
  height: 20%;
}

.history-head-main-created-head-date {
  color: #646877;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  padding-left: 10px;
}

.history-head-main-created-head-name {
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
}

.history-head-main-created-head-mini-pic {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  height: 10px;
  width: 10%;
  align-items: center;
}

.history-head-main-created-head-action-type {
  color: #4D4D4D;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 20px;
}

.history-head-main-created-head-action-name {
  color: #0f2252 !important;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 20px;
  padding-left: 4px;
}

.history-sider-for-icon {
  display: flex;
  flex-direction: column;
  width: 12%;
  align-items: center;
}

.history-table {
  width: 100%;
}

.history-table-border {
  border-radius: 1em;
  border-width: 1px;
  border-style: solid;
  border-color: #4d4d4d;
  border-collapse: collapse;
}

.history-onchange-div {
  margin-top: 10px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.history-onchange-div-data {
  box-sizing: border-box;
  height: 20%;
  width: 100%;
  border: 1px solid #DCE2E6;
  border-radius: 4px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: flex-start;
}

.history-onchange-data-d {
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.history-close-div {
  margin-top: 10px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.action-plan-ui-grid .ui-grid-viewport {
  height: auto !important;
}

.noselection-ui-grid .ui-grid-viewport .ui-grid-cell,
.noselection-ui-grid .ui-grid-viewport .ui-grid-row {
  height: auto;
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
}
.noselection-ui-grid .ui-grid-viewport .ui-grid-cell-contents {
  white-space: normal;
}

/* action plan history */
.action-plan-history {
  display: flex;
}
.action-plan-history .ng-animate {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none;
}

.action-plan-history .timeline-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.action-plan-history .timeline-icon img {
  width: 32px;
  height: 32px;
}

.action-plan-history .timeline-icon .line {
  height: 100%;
  background: #DCE2E6;
  width: 1px;
}

.action-plan-history .content {
  flex: 1;
  margin-bottom: 15px;
}

.action-plan-history .user {
  display: flex;
}

.action-plan-history .user .details {
  flex: 1;
}

.action-plan-history .user .picture,
.action-plan-history .user .picture img {
  width: 22px;
  height: 22px;
}

.action-plan-history .sequence {
  font-weight: bold;
  line-height: 2.5;
}

.action-plan-history .history-details {
  border: 1px solid #DCE2E6;
  border-radius: 10px;
  border-collapse: separate;
}
.action-plan-history .history-details ul {
  display: inline-block;
  list-style-type: none;
  margin-bottom: 0;
}
.action-plan-history .history-details ul li {
  padding: 3px;
  color: white;
  border-radius: 8px;
  font-weight: bold;
  margin: 2px;
  float: left;
}

.action-plan-history .history-details tr:first-child th,
.action-plan-history .history-details tr:first-child th {
  border: 0px;
}

.action-plan-history .fixed {
  width: 100% !important;
  text-align: left !important;
  margin-bottom: 10px;
}

.action-plan-history .close {
  width: 100%;
  padding: 7px 20px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 #dce2e6;
  border: 1px solid #DCE2E6;
  color: #3B4355;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  margin-bottom: 5px;
  text-align: left !important;
  opacity: 1;
}

.action-plan-history .preview,
.action-plan-history .preview img {
  display: inline;
  height: 100px;
  margin-right: 5px;
  margin-bottom: 5px;
}

#ranking_admin .closure-action-plan-modal {
  width: 335px !important;
}

.closure-action-plan {
  font-family: "Proxima Nova" !important;
}
.closure-action-plan .image-picker-wrapper {
  background: #e4e4e4;
  padding: 10px 15px;
}
.closure-action-plan .modal-title {
  text-align: center;
  color: #4D4D4D;
}
.closure-action-plan .modal-body {
  padding: 3px 20px !important;
}
.closure-action-plan .toggle {
  width: 100%;
  padding: 7px 20px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 #DCE2E6;
  border: 1px solid #DCE2E6;
  color: #3B4355;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  margin-bottom: 5px;
  text-align: left !important;
}
.closure-action-plan .gray-bg {
  background: #FBFBFB;
  border-top: 1px solid #DCE2E6;
}
.closure-action-plan .required {
  color: #B31B44;
}
.closure-action-plan .add-image {
  box-shadow: 0px 0px 3px grey;
  border-radius: 8px;
  width: 42px;
  height: 42px;
}
.closure-action-plan .preview-image,
.closure-action-plan .preview-image img {
  position: relative;
  height: 75px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 10px;
  display: inline-block;
}
.closure-action-plan .remove {
  position: absolute;
  right: 0px;
  top: -5px;
  color: #fff;
}
.closure-action-plan .remove > i {
  background: #a2a2a2;
  padding: 5px;
  border-radius: 15px;
}
.closure-action-plan .modal-footer .save,
.closure-action-plan .modal-footer .discard {
  padding: 7px 15px !important;
}
.closure-action-plan .modal-footer .discard {
  margin: 0px !important;
  border: 1px solid #DCE2E6 !important;
  box-shadow: 0 1px 2px 0 #DCE2E6;
}

.flex-content-wrapper {
  display: flex;
  padding-top: 42px;
}
.flex-content-wrapper .content {
  flex: 1;
  overflow: scroll;
  background: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
}
.flex-content-wrapper #content {
  overflow: scroll;
  flex: 1;
}
.flex-content-wrapper .sidebar {
  width: 350px;
  overflow: auto;
}

.survey-sidebar-widget {
  background: #fff;
  margin: 10px;
  border-radius: 25px;
  padding: 15px;
  padding-bottom: 3px;
}
.survey-sidebar-widget .title {
  padding-bottom: 5px;
  font-size: 15px;
  color: #000;
}
.survey-sidebar-widget .body {
  display: none;
  padding-bottom: 15px;
}
.survey-sidebar-widget .expand-arrow {
  text-align: right;
  padding-bottom: 5px;
}
.survey-sidebar-widget .date {
  text-align: left;
  color: #4D4D4D;
  font-family: "Proxima Nova";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}
.survey-sidebar-widget .ng-animate {
  transition: 0s none;
  -webkit-transition: 0s none;
  animation: 0s none;
  -webkit-animation: 0s none;
}
.survey-sidebar-widget.no-margins {
  margin: 0px;
  border-radius: 0px;
}

.shop-widget .date {
  text-align: left;
  color: #4D4D4D;
  font-family: "Proxima Nova";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}
.shop-widget .shop-name {
  color: #4D4D4D;
  font-family: "Proxima Nova";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.shop-widget .shop-address {
  color: #4D4D4D;
  font-family: "Proxima Nova";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}
.shop-widget .shop-city {
  color: #4D4D4D;
  font-family: "Proxima Nova";
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}

.smiceur-widget .profile-picture {
  width: 50px;
  height: 50px;
  float: right;
  border-radius: 75px;
  object-fit: cover;
}
.smiceur-widget .score {
  background: #00c1ff;
  display: inline-block;
  color: #fff;
  padding: 1px 10px;
  border-radius: 25px;
}
.smiceur-widget .name {
  font-weight: bold;
  font-size: 15px;
}
.smiceur-widget #claim_admin .claim-dialog {
  border: 0px;
}

.mission-widget .timeline-item {
  padding-right: 0px !important;
}

.history-widget {
  margin-bottom: 50px;
}
.history-widget .timeline-item {
  padding-right: 0px !important;
}
.history-widget .survey-sidebar-widget {
  margin-bottom: 50px;
}
.history-widget .thumbnail {
  width: 50px;
  height: 50px;
  border-radius: 75px;
  object-fit: cover;
}

.conversation-widget .avatar {
  width: 32px;
  height: 32px;
  border-radius: 100%;
}
.conversation-widget .messages {
  max-height: 300px;
  overflow-y: auto;
  padding: 10px 5px;
}
.conversation-widget .add-message input {
  width: 310px;
  border: 1px solid rgb(238, 238, 238);
  padding: 5px 10px;
}
.conversation-widget .add-message button {
  background: #b31b44;
  color: #fff;
}

.topbar .back-btn {
  float: left;
  padding: 8px 0px;
  color: #000;
}
.topbar h3 {
  margin-top: 0px;
}
.topbar .breadcrumb {
  padding-left: 5px;
  text-transform: capitalize;
}
.topbar .breadcrumb a {
  color: #D43B42;
}

.top-header-component {
  width: 100%;
  display: block;
  padding-top: 10px;
  padding-left: 8px;
  border-bottom: 1px solid #e0e0e0;
  height: 55px;
  background: #f7f7f7;
}

.top-header-component .account-logo {
  height: 38px;
  margin-left: 12px;
}

.myresults-header {
  font-size: 25px;
  font-weight: 100;
  margin-left: 20px;
}

.waves-tracking .dataTables_wrapper {
  overflow-x: scroll;
  height: calc(100vh - 164px);
}

body.tray-rescale .waves-tracking .tray-center {
  padding: 0px !important;
}

.ui-grid-widget {
  height: 100%;
  position: relative;
}
.ui-grid-widget .ui-grid-canvas {
  height: auto !important;
}
.ui-grid-widget .errors {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.ui-grid-widget .btn.open-results {
  z-index: 1000;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 6px !important;
}

.conversation-system .close {
  padding: 7px 11px;
  margin: 5px;
  border: 1px solid #bbb;
  background: white;
}
.conversation-system .tray-left {
  background-color: #fafafa;
}
.conversation-system .message-box {
  position: fixed;
  bottom: 0;
  right: 100px;
  width: 450px;
}
.conversation-system .panel-body {
  height: 450px;
  overflow: scroll;
}
.conversation-system .avatar {
  width: 45px;
  height: 45px;
  border-radius: 100% !important;
}
.conversation-system .panel-footer {
  height: 60px;
}
.conversation-system #content.table-layout {
  height: 100%;
  margin-bottom: 0px !important;
}

.background-red {
  background-color: #ffe2e2;
}

.survey-conversation {
  margin-top: 10px;
  border: 2px solid #dfe1e8;
  border-radius: 12px;
}
.survey-conversation .survey-conversation-header {
  padding: 8px 15px 8px 15px;
  border-bottom: 2px solid #dfe1e8;
  display: flex;
  align-items: center;
}
.survey-conversation .survey-conversation-header span {
  font-size: 12px;
  color: #0D2050;
  margin-left: 10px;
}
.survey-conversation .survey-conversation-header i {
  color: #B31B44;
  font-size: 22px;
}
.survey-conversation .survey-conversation-header .drop {
  font-size: 16px;
  margin-left: auto;
}
.survey-conversation .response {
  margin: 10px;
}
.survey-conversation .survey-conversation-body {
  display: none;
  padding-left: 10px;
  color: #4d4d4d;
}
.survey-conversation .survey-conversation-body .post {
  display: flex;
  align-items: center;
}
.survey-conversation .survey-conversation-body .image-cropper {
  width: 50px;
  height: 50px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.survey-conversation .survey-conversation-body .image-cropper .profile-pic {
  display: inline;
  margin: 0 auto;
  margin-left: -25%;
  height: 100%;
  width: auto;
}
.survey-conversation .survey-conversation-body h5 {
  font-weight: bold;
}
.survey-conversation .survey-conversation-body p {
  margin: 0;
  color: #3b4355;
  font-weight: normal;
}
.survey-conversation .survey-conversation-body .edit-icon {
  margin-left: auto;
  color: #768492;
}
.survey-conversation .mark-resolved {
  margin-left: 72px;
  color: #22A9B5;
  cursor: pointer;
  padding-bottom: 15px;
}
.survey-conversation .mark-resolved .check-icon {
  font-size: 20px;
}
.survey-conversation .add-message {
  margin: 0 15px 15px 15px;
}

.conversation-show {
  display: block !important;
}

.survey-conversation:hover > .survey-conversation-body > .show-message {
  display: block !important;
}

.survey-conversation:hover > .survey-conversation-body {
  display: block !important;
}

div.panel-body div.type-container {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  background-color: #F3F1F1;
  border-radius: 4px;
  flex-wrap: wrap;
  align-items: flex-start;
}
div.panel-body div.type-container label.var-type-label {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  background-color: white;
  padding: 15px;
  margin: 10px;
  border-radius: 4px;
  transition: all 0.3s ease-out;
}
div.panel-body div.type-container input.var-type[type=radio] {
  visibility: hidden;
  height: 0;
  width: 0;
}
div.panel-body div.type-container input.var-type[type=radio]:checked + label {
  background-color: #4a89dc;
  color: white;
}

.payment-description-container {
  display: flex;
  margin-bottom: 25px;
}
.payment-description-container .payment-description {
  flex: 1 1 0px;
  margin: 10px;
  padding: 10px;
  border: none;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.payment-description-container .payment-description p {
  font-size: 14px;
}
.payment-description-container .payment-description p b {
  font-weight: bold;
  color: var(--color);
}

.select-button-list {
  display: flex;
  list-style: none;
  margin: 0px;
}
.select-button-list li {
  transition: 300ms all ease-in-out;
  background-color: transparent;
  border: 1px solid #b31b44;
  border-radius: 5px;
  padding: 5px;
  text-decoration: none;
  margin-right: 10px;
  white-space: nowrap;
}
.select-button-list li:hover {
  transition: 300ms all ease-in-out;
  background-color: #801330;
  border-color: #801330;
  color: white;
}
.select-button-list li.selected {
  background-color: #b31b44;
  color: white;
}

.filter-bar-tab {
  padding: 10px 0px;
  background-color: white;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
  margin: 0px 3px;
  margin-bottom: 15px;
  border: 1px solid #dddddd;
}
.filter-bar-tab:hover {
  transition: 300ms all ease-in-out;
  background-color: #801330;
  border: 1px solid #801330;
  color: white;
}
.filter-bar-tab.selected {
  background-color: #b31b44;
  border: 1px solid #b31b44;
  color: white;
}

.filter-bar-tab {
  padding: 10px 0px;
  background-color: white;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
  margin: 0px 3px;
  margin-bottom: 15px;
  border: 1px solid #dddddd;
}
.filter-bar-tab:hover {
  transition: 300ms all ease-in-out;
  background-color: #801330;
  border: 1px solid #801330;
  color: white;
}
.filter-bar-tab.selected {
  background-color: #b31b44;
  border: 1px solid #b31b44;
  color: white;
}

.modal-tab-content .list-searchbar {
  width: 100%;
  padding: 10px !important;
  border-radius: 4px;
  border: 1px solid #dddce1;
  background-color: #ebeaf0;
  margin-bottom: 20px;
}
.modal-tab-content .modal-list {
  max-height: 55vh;
  overflow-y: scroll;
}
.modal-tab-content .modal-list::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}
.modal-tab-content .modal-list::-webkit-scrollbar {
  width: 6px;
}
.modal-tab-content .modal-list::-webkit-scrollbar-thumb {
  background-color: #dddddd;
  border-radius: 10px;
}
.modal-tab-content .modal-list .list-header {
  display: flex;
}
.modal-tab-content .modal-list .list-header .expend-button {
  padding: 0px 10px;
  border: none;
  font-size: 20px;
  background: none;
}
.modal-tab-content .modal-list .list-header .item-count {
  background-color: #dddddd;
  color: black;
  padding: 3px 6px;
  border-radius: 4px;
  margin-left: 5px;
}
.modal-tab-content .modal-list .list-header .item-count:hover {
  background-color: #bebebe;
}
.modal-tab-content .modal-list .list-header .item-count.enable {
  background-color: #b31b44;
  color: white;
}
.modal-tab-content .modal-list .list-header .item-count.enable:hover {
  background-color: rgba(163, 26, 63, 0.8);
}
.modal-tab-content .modal-list .modal-sub-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-top: 5px;
}
.modal-tab-content .modal-list .modal-sub-list .sub-list-item {
  margin: 5px;
  padding: 5px;
  border-radius: 4px;
  font-weight: bold;
  background-color: #dddddd;
  color: black;
}
.modal-tab-content .modal-list .modal-sub-list .sub-list-item:hover {
  background-color: #bebebe;
}
.modal-tab-content .modal-list .modal-sub-list .sub-list-item.enable {
  background-color: #b31b44;
  color: white;
}
.modal-tab-content .modal-list .modal-sub-list .sub-list-item.enable:hover {
  background-color: rgba(163, 26, 63, 0.8);
}

.action-btn {
  height: 100%;
  display: inline !important;
  align-items: center;
  border-radius: 6px !important;
  margin-left: 5px;
  margin-right: 5px;
  line-height: 19px;
}
.action-btn .fa {
  margin-top: 1px;
}

.blue-state-btn-div button {
  border: 0px;
  background-color: #f1f3f5;
  border-radius: 5px;
  transition-duration: 0.3s;
  width: fit-content;
  padding: 5px 10px;
  height: fit-content;
}
.blue-state-btn-div button:hover {
  background-color: #2e76d6;
  color: white;
}

.blue-state-btn-div .selected {
  color: white;
  background-color: #4a89dc;
  border: 2px solid #4a89dc;
  border: 0px;
}

.tabs {
  margin-top: 15px;
  width: 100%;
}
.tabs .tab > div {
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  color: #646876;
}
.tabs .tab.active {
  border-bottom: 2px solid #b31b44;
}
.tabs .tab.active div {
  color: #b31b44;
}

.primary-state-btn-div button {
  border: 0px;
  background-color: #f1f3f5;
  border-radius: 5px;
  transition-duration: 0.3s;
  width: fit-content;
  padding: 5px 10px;
  height: fit-content;
}
.primary-state-btn-div button:hover {
  background-color: #801330;
  color: white;
}

.primary-state-btn-div .selected {
  color: white;
  background-color: #b31b44;
  border: 2px solid #b31b44;
  border: 0px;
}

.html2canvas-container {
  width: 3000px !important;
  height: 3000px !important;
}

.modal-list::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}
.modal-list::-webkit-scrollbar {
  width: 6px;
}
.modal-list::-webkit-scrollbar-thumb {
  background-color: #dddddd;
  border-radius: 10px;
}
.modal-list .modal-sub-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-top: 5px;
}
.modal-list .modal-sub-list .sub-list-item {
  margin: 5px;
  padding: 5px;
  border-radius: 4px;
  font-weight: bold;
  background-color: #dddddd;
  color: black;
}
.modal-list .modal-sub-list .sub-list-item:hover {
  background-color: #bebebe;
}
.modal-list .modal-sub-list .sub-list-item.enable {
  background-color: #b31b44;
  color: white;
}
.modal-list .modal-sub-list .sub-list-item.enable:hover {
  background-color: rgba(163, 26, 63, 0.8);
}

#hider {
  margin-top: 0.4%;
  margin-bottom: 0.4%;
  margin-left: 49%;
  margin-right: 49%;
  width: 2%;
  background-color: #f1f3f5;
  font-weight: bold;
  border-radius: 5px;
  border: 0px;
}

#hider:hover {
  color: #801330;
}

.info_message {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-color: rgba(0, 0, 0, 0);
  white-space: nowrap;
  padding: 9px 12px;
  font-size: 13px;
  line-height: 1.49;
  border-radius: 0px;
}

.criteria_picture {
  height: 20px;
  border-radius: 6px;
}

.fancytree-icon {
  background-image: url(/vendor/plugins/fancytree/skin-win8/icons.gif) !important;
}

.image-preview-description {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.53) 10%, rgba(0, 0, 0, 0.8));
  padding: 20px 15%;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
}
.image-preview-description .sequence {
  color: white;
  font-size: 14px;
  font-weight: 600;
}
.image-preview-description .criteria {
  color: #b31b44;
  font-size: 14px;
  font-weight: 600;
}
.image-preview-description .badge {
  padding: 6px 16px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #fff;
  font-size: 13px;
  margin-bottom: 15px;
}
.image-preview-description .badge-red {
  background-color: #ec4e4e;
}
.image-preview-description .badge-green {
  background-color: #4dcf8f;
}
.image-preview-description .shop-name {
  color: #fff;
  font-size: 15px;
  margin-bottom: 0;
}
.image-preview-description .meta-time {
  color: #fff;
  font-size: 12px;
  margin-bottom: 0;
}
.image-preview-description .meta-time svg {
  vertical-align: bottom;
  width: 17px;
}
/*!
 * angular-datatables - v0.5.6
 * https://github.com/l-lin/angular-datatables
 * License: MIT
 */

.dataTables_wrapper{padding:1rem 0}table.dataTable,table.dataTable.no-footer{margin:1rem 0;width:100%!important;border-top:1px solid #DDD;border-bottom:1px solid #DDD}.dataTables_length{margin:.2rem 0 .8rem 1rem}.dataTables_length select{border:0}.dataTables_length select:focus{outline:0}.dataTables_filter{margin-right:1rem}.dataTables_filter input[type=search]{border:1px solid #E4E4E4;border-radius:3px}table.dataTable thead td,table.dataTable thead th{border-bottom:1px solid #DDD}table.dataTable tbody td,table.dataTable tbody th{padding:10px 18px}.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_processing{color:#585858}.dataTables_wrapper .dataTables_info{margin-left:1rem}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#fff!important;border:0;background:#D6D6D6}.dataTables_wrapper .dataTables_paginate .paginate_button{padding:.3em .8em}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{padding:.3em .8em;background:#D6D6D6;border:1px solid transparent}

/* Make clicks pass-through */

#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  -moz-transition: 350ms linear all;
  -o-transition: 350ms linear all;
  transition: 350ms linear all;
}

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0;
}

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1;
}

#loading-bar .bar {
  -webkit-transition: width 350ms;
  -moz-transition: width 350ms;
  -o-transition: width 350ms;
  transition: width 350ms;

  background: #29d;
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}

/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: .45;
  -moz-box-shadow: #29d 1px 0 6px 1px;
  -ms-box-shadow: #29d 1px 0 6px 1px;
  -webkit-box-shadow: #29d 1px 0 6px 1px;
  box-shadow: #29d 1px 0 6px 1px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 10002;
  top: 10px;
  left: 10px;
}

#loading-bar-spinner .spinner-icon {
  width: 14px;
  height: 14px;

  border:  solid 2px transparent;
  border-top-color:  #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  -moz-animation:    loading-bar-spinner 400ms linear infinite;
  -ms-animation:     loading-bar-spinner 400ms linear infinite;
  -o-animation:      loading-bar-spinner 400ms linear infinite;
  animation:         loading-bar-spinner 400ms linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
  0%   { -webkit-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes loading-bar-spinner {
  0%   { -moz-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes loading-bar-spinner {
  0%   { -o-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes loading-bar-spinner {
  0%   { -ms-transform: rotate(0deg);   transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading-bar-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*
 * These are the default styles applied to the stock Google Places Autocomplete component. Importantly they preserve
 * the required "powered by Google" logo.
 */

.pac-container {
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.pac-container:after {
    content: "";
    padding: 1px 1px 1px 0;
    height: 16px;
    text-align: right;
    display: block;
    background-image: url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 104px 16px
}

.hdpi.pac-container:after {
    background-image: url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2_hdpi.png)
}

.pac-item {
    cursor: default;
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #999
}

.pac-item:hover {
    background-color: #fafafa
}

.pac-item-selected, .pac-item-selected:hover {
    background-color: #ebf2fe
}

.pac-matched {
    font-weight: 700
}

.pac-item-query {
    font-size: 13px;
    padding-right: 3px;
    color: #000
}

.pac-icon {
    width: 15px;
    height: 20px;
    margin-right: 7px;
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
    background-size: 34px
}

.hdpi .pac-icon {
    background-image: url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)
}

.pac-icon-search {
    background-position: -1px -1px
}

.pac-item-selected .pac-icon-search {
    background-position: -18px -1px
}

.pac-icon-marker {
    background-position: -1px -161px
}

.pac-item-selected .pac-icon-marker {
    background-position: -18px -161px
}

.pac-placeholder {
    color: gray
}

.custom-prediction-label {
    font-style: italic;
}
/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.19.7 - 2017-04-15T14:28:36.790Z
 * License: MIT
 */


/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}


.ui-select-choices-row:hover {
  background-color: #f5f5f5;
}

/* Select2 theme */

/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
    border-color: #D44950;
}

.select2-result-single {
  padding-left: 0;
}

.select2-locked > .select2-search-choice-close{
  display:none;
}

.select-locked > .ui-select-match-close{
    display:none;
}

body > .select2-container.open {
  z-index: 9999; /* The z-index Select2 applies to the select2-drop */
}

/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    border-top-width: 1px;  /* FIXME hardcoded value :-/ */
    border-top-style: solid;

    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);

    margin-top: -4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
    margin-top: 4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: #5897fb;
}

.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
}

/* Selectize theme */

/* Helper class to show styles when focus */
.selectize-input.selectize-focus{
  border-color: #007FBB !important;
}

/* Fix input width for Selectize theme */
.selectize-control.single > .selectize-input > input {
  width: 100%;
}

/* Fix line break when there's at least one item selected with the Selectize theme */
.selectize-control.multi > .selectize-input > input {
  margin: 0 !important;
}

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%;
}

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
    border-color: #D44950;
}

/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
    margin-top: -2px; /* FIXME hardcoded value :-/ */
}

.ui-select-container[theme="selectize"] input.ui-select-search-hidden{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
    width: 0;
}

/* Bootstrap theme */

/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-select-bootstrap .ui-select-toggle {
  position: relative;
}

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ui-select-bootstrap .ui-select-search-hidden{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
}

.ui-select-bootstrap > .ui-select-match > .btn{
  /* Instead of center because of .btn */
  text-align: left !important;
}

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices ,.ui-select-bootstrap > .ui-select-no-choice {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
}

body > .ui-select-bootstrap.open {
  z-index: 1000; /* Standard Bootstrap dropdown z-index */
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important; /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0;
}

.ui-select-multiple .ui-select-match-item {
  position: relative;
}

.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
  pointer-events: none;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca;
}

.ui-select-bootstrap .ui-select-choices-row>span {
    cursor: pointer;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.ui-select-bootstrap .ui-select-choices-row>span:hover, .ui-select-bootstrap .ui-select-choices-row>span:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.ui-select-bootstrap .ui-select-choices-row.active>span {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.ui-select-bootstrap .ui-select-choices-row.disabled>span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled>span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
    display: none !important;
}

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
    border-color: #D44950;
}

/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}

.ui-select-bootstrap .ui-select-match-text {
    width: 100%;
    padding-right: 1em;
}
.ui-select-bootstrap .ui-select-match-text span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.ui-select-bootstrap .ui-select-toggle > a.btn {
  position: absolute;
  height: 10px;
  right: 10px;
  margin-top: -2px;
}

/* Spinner */
.ui-select-refreshing.glyphicon {
    position: absolute;
    right: 0;
    padding: 8px 27px;
 }

@-webkit-keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.ui-select-spin {
  -webkit-animation: ui-select-spin 2s infinite linear;
  animation: ui-select-spin 2s infinite linear;
}

.ui-select-refreshing.ng-animate {
  -webkit-animation: none 0s;
}

/*! angularjs-slider - v7.1.0 - 
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervi.eu>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
 https://github.com/angular-slider/angularjs-slider - 
 2022-05-26 */
.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rzslider.noanimate * {
  transition: none !important;
}

.rzslider.with-legend {
  margin-bottom: 40px;
}

.rzslider[disabled] {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}

.rzslider[disabled] .rz-draggable {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-selection {
  background: #8b91a2;
}

.rzslider[disabled] .rz-tick {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-tick.rz-selected {
  background: #8b91a2;
}

.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}

.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
  transition: all linear 0.3s;
}

.rzslider .rz-draggable {
  cursor: move;
}

.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #d8e0f3;
  border-radius: 2px;
}

.rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
  background: transparent;
}

.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
  background: #df002d;
}

.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
  background: #03a688;
}

.rzslider .rz-selection {
  z-index: 2;
  background: #0db9f0;
  border-radius: 2px;
  transition: background-color linear 0.3s;
}

.rzslider .rz-restricted {
  z-index: 3;
  background: #ff0000;
  border-radius: 2px;
}

.rzslider .rz-pointer {
  top: -14px;
  z-index: 3;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #0db9f0;
  border-radius: 16px;
  transition: all linear 0.3s;
}

.rzslider .rz-pointer:after {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 4px;
  content: '';
}

.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}

.rzslider .rz-pointer.rz-active {
  z-index: 4;
}

.rzslider .rz-pointer.rz-active:after {
  background-color: #451aff;
}

.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default;
  transition: all linear 0.3s;
}

.rzslider .rz-bubble.rz-limit {
  color: #55637d;
  transition: none;
}

.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.rzslider .rz-ticks-values-under .rz-tick-value {
  top: auto;
  bottom: -32px;
}

.rzslider .rz-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 11px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%;
  transition: background-color linear 0.3s;
}

.rzslider .rz-tick.rz-selected {
  background: #0db9f0;
}

.rzslider .rz-tick-value {
  position: absolute;
  top: -30px;
  transform: translate(-50%, 0);
}

.rzslider .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  transform: translate(-50%, 0);
}

.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline;
}

.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}

.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}

.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important;
}

.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}

.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%;
}

.rzslider.rz-vertical .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle;
}

.rzslider.rz-vertical .rz-tick-value {
  top: auto;
  left: 24px;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-tick-legend {
  top: auto;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: auto;
  left: auto;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJ6c2xpZGVyLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7O2NBR2M7QUFDZDtFQUNFLG1CQUFtQjtFQUNuQixzQkFBc0I7RUFDdEIsWUFBWTtFQUNaLFlBQVk7RUFDWixzQkFBc0I7RUFDdEIsdUJBQXVCO0VBQ3ZCLDBCQUFrQjtLQUFsQix1QkFBa0I7TUFBbEIsc0JBQWtCO1VBQWxCLGtCQUFrQjtDQUNuQjs7QUFFRDtFQUNFLDRCQUE0QjtDQUM3Qjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLG9CQUFvQjtFQUNwQiwwQkFBMEI7Q0FDM0I7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsc0JBQXNCO0VBQ3RCLG9CQUFvQjtDQUNyQjs7QUFFRDtFQUNFLFlBQVk7RUFDWixhQUFhO0VBQ2IsV0FBVztDQUNaOztBQUVEO0VBQ0UsUUFBUTtFQUNSLFdBQVc7RUFDWCxZQUFZO0VBQ1osYUFBYTtFQUNiLGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsdUJBQXVCO0VBQ3ZCLDRCQUE0QjtDQUM3Qjs7QUFFRDtFQUNFLGFBQWE7Q0FDZDs7QUFFRDtFQUNFLFFBQVE7RUFDUixXQUFXO0VBQ1gsWUFBWTtFQUNaLFlBQVk7RUFDWixvQkFBb0I7RUFHWixtQkFBbUI7Q0FDNUI7O0FBRUQ7RUFDRSx3QkFBd0I7Q0FDekI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxXQUFXO0VBQ1gsb0JBQW9CO0VBR1osbUJBQW1CO0VBQzNCLHlDQUF5QztDQUMxQzs7QUFFRDtFQUNFLFdBQVc7RUFDWCxvQkFBb0I7RUFHWixtQkFBbUI7Q0FDNUI7O0FBRUQ7RUFDRSxXQUFXO0VBQ1gsV0FBVztFQUNYLFlBQVk7RUFDWixhQUFhO0VBQ2IsZ0JBQWdCO0VBQ2hCLDBCQUEwQjtFQUdsQixvQkFBb0I7RUFDNUIsNEJBQTRCO0NBQzdCOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLFVBQVU7RUFDVixXQUFXO0VBQ1gsV0FBVztFQUNYLFlBQVk7RUFDWixvQkFBb0I7RUFHWixtQkFBbUI7RUFDM0IsWUFBWTtDQUNiOztBQUVEO0VBQ0UsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsV0FBVztDQUNaOztBQUVEO0VBQ0UsMEJBQTBCO0NBQzNCOztBQUVEO0VBQ0UsYUFBYTtFQUNiLGlCQUFpQjtFQUNqQixlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLDRCQUE0QjtDQUM3Qjs7QUFFRDtFQUNFLGVBQWU7RUFDZixpQkFBaUI7Q0FDbEI7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsVUFBVTtFQUNWLFFBQVE7RUFDUixXQUFXO0VBQ1gsWUFBWTtFQUNaLFVBQVU7RUFDVixVQUFVO0VBQ1YsaUJBQWlCO0VBQ2pCLHVCQUF1QjtDQUN4Qjs7QUFFRDtFQUNFLFVBQVU7RUFDVixjQUFjO0NBQ2Y7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsT0FBTztFQUNQLFFBQVE7RUFDUixZQUFZO0VBQ1osYUFBYTtFQUNiLGtCQUFrQjtFQUNsQixtQkFBbUI7RUFDbkIsZ0JBQWdCO0VBQ2hCLG9CQUFvQjtFQUNwQixtQkFBbUI7RUFDbkIseUNBQXlDO0NBQzFDOztBQUVEO0VBQ0Usb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLFdBQVc7RUFDWCw4QkFBOEI7Q0FDL0I7O0FBRUQ7RUFDRSxtQkFBbUI7RUFDbkIsVUFBVTtFQUNWLGdCQUFnQjtFQUNoQixvQkFBb0I7RUFDcEIsOEJBQThCO0NBQy9COztBQUVEO0VBQ0UsbUJBQW1CO0VBQ25CLFdBQVc7RUFDWCxhQUFhO0VBQ2IsV0FBVztFQUNYLGVBQWU7RUFDZix5QkFBeUI7Q0FDMUI7O0FBRUQ7RUFDRSxZQUFZO0VBQ1osYUFBYTtFQUNiLFdBQVc7Q0FDWjs7QUFFRDtFQUNFLFVBQVU7RUFDVixRQUFRO0VBQ1IsWUFBWTtFQUNaLGFBQWE7RUFDYixvQkFBb0I7RUFDcEIsb0JBQW9CO0NBQ3JCOztBQUVEO0VBQ0UsVUFBVTtFQUNWLFdBQVc7RUFDWCxXQUFXO0VBQ1gsYUFBYTtDQUNkOztBQUVEO0VBQ0UsVUFBVTtFQUNWLFVBQVU7RUFDVix1QkFBdUI7Q0FDeEI7O0FBRUQ7RUFDRSxVQUFVO0VBQ1Ysc0JBQXNCO0VBQ3RCLGlCQUFpQjtDQUNsQjs7QUFFRDtFQUNFLE9BQU87RUFDUCxXQUFXO0VBQ1gsV0FBVztFQUNYLFNBQVM7RUFDVCxhQUFhO0NBQ2Q7O0FBRUQ7RUFDRSxpQkFBaUI7RUFDakIsa0JBQWtCO0VBQ2xCLHVCQUF1QjtDQUN4Qjs7QUFFRDtFQUNFLFVBQVU7RUFDVixXQUFXO0VBQ1gsOEJBQThCO0NBQy9COztBQUVEO0VBQ0UsVUFBVTtFQUNWLFlBQVk7RUFDWixnQkFBZ0I7RUFDaEIsb0JBQW9CO0VBQ3BCLDhCQUE4QjtDQUMvQjs7QUFFRDtFQUNFLFlBQVk7RUFDWixhQUFhO0VBQ2IsV0FBVztDQUNaIiwiZmlsZSI6InJ6c2xpZGVyLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qISBhbmd1bGFyanMtc2xpZGVyIC0gdjcuMS4wIC0gXG4gKGMpIFJhZmFsIFphamFjIDxyemFqYWNAZ21haWwuY29tPiwgVmFsZW50aW4gSGVydmlldSA8dmFsZW50aW5AaGVydmkuZXU+LCBKdXNzaSBTYWFyaXZpcnRhIDxqdXNhc2lAZ21haWwuY29tPiwgQW5nZWxpbiBTaXJidSA8YW5nZWxpbi5zaXJidUBnbWFpbC5jb20+IC0gXG4gaHR0cHM6Ly9naXRodWIuY29tL2FuZ3VsYXItc2xpZGVyL2FuZ3VsYXJqcy1zbGlkZXIgLSBcbiAyMDIyLTA1LTI2ICovXG4ucnpzbGlkZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNHB4O1xuICBtYXJnaW46IDM1cHggMCAxNXB4IDA7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIHVzZXItc2VsZWN0OiBub25lO1xufVxuXG4ucnpzbGlkZXIubm9hbmltYXRlICoge1xuICB0cmFuc2l0aW9uOiBub25lICFpbXBvcnRhbnQ7XG59XG5cbi5yenNsaWRlci53aXRoLWxlZ2VuZCB7XG4gIG1hcmdpbi1ib3R0b206IDQwcHg7XG59XG5cbi5yenNsaWRlcltkaXNhYmxlZF0ge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xufVxuXG4ucnpzbGlkZXJbZGlzYWJsZWRdIC5yei1wb2ludGVyIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Q4ZTBmMztcbn1cblxuLnJ6c2xpZGVyW2Rpc2FibGVkXSAucnotZHJhZ2dhYmxlIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLnJ6c2xpZGVyW2Rpc2FibGVkXSAucnotc2VsZWN0aW9uIHtcbiAgYmFja2dyb3VuZDogIzhiOTFhMjtcbn1cblxuLnJ6c2xpZGVyW2Rpc2FibGVkXSAucnotdGljayB7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cbi5yenNsaWRlcltkaXNhYmxlZF0gLnJ6LXRpY2sucnotc2VsZWN0ZWQge1xuICBiYWNrZ3JvdW5kOiAjOGI5MWEyO1xufVxuXG4ucnpzbGlkZXIgc3BhbiB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xufVxuXG4ucnpzbGlkZXIgLnJ6LWJhc2Uge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwO1xufVxuXG4ucnpzbGlkZXIgLnJ6LWJhci13cmFwcGVyIHtcbiAgbGVmdDogMDtcbiAgei1pbmRleDogMTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMzJweDtcbiAgcGFkZGluZy10b3A6IDE2cHg7XG4gIG1hcmdpbi10b3A6IC0xNnB4O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB0cmFuc2l0aW9uOiBhbGwgbGluZWFyIDAuM3M7XG59XG5cbi5yenNsaWRlciAucnotZHJhZ2dhYmxlIHtcbiAgY3Vyc29yOiBtb3ZlO1xufVxuXG4ucnpzbGlkZXIgLnJ6LWJhciB7XG4gIGxlZnQ6IDA7XG4gIHotaW5kZXg6IDE7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDRweDtcbiAgYmFja2dyb3VuZDogI2Q4ZTBmMztcbiAgLXdlYmtpdC1ib3JkZXItcmFkaXVzOiAycHg7XG4gICAgIC1tb3otYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbn1cblxuLnJ6c2xpZGVyIC5yei1iYXItd3JhcHBlci5yei10cmFuc3BhcmVudCAucnotYmFyIHtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG59XG5cbi5yenNsaWRlciAucnotYmFyLXdyYXBwZXIucnotbGVmdC1vdXQtc2VsZWN0aW9uIC5yei1iYXIge1xuICBiYWNrZ3JvdW5kOiAjZGYwMDJkO1xufVxuXG4ucnpzbGlkZXIgLnJ6LWJhci13cmFwcGVyLnJ6LXJpZ2h0LW91dC1zZWxlY3Rpb24gLnJ6LWJhciB7XG4gIGJhY2tncm91bmQ6ICMwM2E2ODg7XG59XG5cbi5yenNsaWRlciAucnotc2VsZWN0aW9uIHtcbiAgei1pbmRleDogMjtcbiAgYmFja2dyb3VuZDogIzBkYjlmMDtcbiAgLXdlYmtpdC1ib3JkZXItcmFkaXVzOiAycHg7XG4gICAgIC1tb3otYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciBsaW5lYXIgMC4zcztcbn1cblxuLnJ6c2xpZGVyIC5yei1yZXN0cmljdGVkIHtcbiAgei1pbmRleDogMztcbiAgYmFja2dyb3VuZDogI2ZmMDAwMDtcbiAgLXdlYmtpdC1ib3JkZXItcmFkaXVzOiAycHg7XG4gICAgIC1tb3otYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbn1cblxuLnJ6c2xpZGVyIC5yei1wb2ludGVyIHtcbiAgdG9wOiAtMTRweDtcbiAgei1pbmRleDogMztcbiAgd2lkdGg6IDMycHg7XG4gIGhlaWdodDogMzJweDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMGRiOWYwO1xuICAtd2Via2l0LWJvcmRlci1yYWRpdXM6IDE2cHg7XG4gICAgIC1tb3otYm9yZGVyLXJhZGl1czogMTZweDtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAxNnB4O1xuICB0cmFuc2l0aW9uOiBhbGwgbGluZWFyIDAuM3M7XG59XG5cbi5yenNsaWRlciAucnotcG9pbnRlcjphZnRlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxMnB4O1xuICBsZWZ0OiAxMnB4O1xuICB3aWR0aDogOHB4O1xuICBoZWlnaHQ6IDhweDtcbiAgYmFja2dyb3VuZDogI2ZmZmZmZjtcbiAgLXdlYmtpdC1ib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgIC1tb3otYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgY29udGVudDogJyc7XG59XG5cbi5yenNsaWRlciAucnotcG9pbnRlcjpob3ZlcjphZnRlciB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmZmZmZmY7XG59XG5cbi5yenNsaWRlciAucnotcG9pbnRlci5yei1hY3RpdmUge1xuICB6LWluZGV4OiA0O1xufVxuXG4ucnpzbGlkZXIgLnJ6LXBvaW50ZXIucnotYWN0aXZlOmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzQ1MWFmZjtcbn1cblxuLnJ6c2xpZGVyIC5yei1idWJibGUge1xuICBib3R0b206IDE2cHg7XG4gIHBhZGRpbmc6IDFweCAzcHg7XG4gIGNvbG9yOiAjNTU2MzdkO1xuICBjdXJzb3I6IGRlZmF1bHQ7XG4gIHRyYW5zaXRpb246IGFsbCBsaW5lYXIgMC4zcztcbn1cblxuLnJ6c2xpZGVyIC5yei1idWJibGUucnotbGltaXQge1xuICBjb2xvcjogIzU1NjM3ZDtcbiAgdHJhbnNpdGlvbjogbm9uZTtcbn1cblxuLnJ6c2xpZGVyIC5yei10aWNrcyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAtM3B4O1xuICBsZWZ0OiAwO1xuICB6LWluZGV4OiAxO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAwO1xuICBtYXJnaW46IDA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi5yenNsaWRlciAucnotdGlja3MtdmFsdWVzLXVuZGVyIC5yei10aWNrLXZhbHVlIHtcbiAgdG9wOiBhdXRvO1xuICBib3R0b206IC0zMnB4O1xufVxuXG4ucnpzbGlkZXIgLnJ6LXRpY2sge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwcHg7XG4gIGhlaWdodDogMTBweDtcbiAgbWFyZ2luLWxlZnQ6IDExcHg7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kOiAjZDhlMGYzO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgbGluZWFyIDAuM3M7XG59XG5cbi5yenNsaWRlciAucnotdGljay5yei1zZWxlY3RlZCB7XG4gIGJhY2tncm91bmQ6ICMwZGI5ZjA7XG59XG5cbi5yenNsaWRlciAucnotdGljay12YWx1ZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAtMzBweDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgMCk7XG59XG5cbi5yenNsaWRlciAucnotdGljay1sZWdlbmQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMjRweDtcbiAgbWF4LXdpZHRoOiA1MHB4O1xuICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAwKTtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogNHB4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMCAyMHB4O1xuICB2ZXJ0aWNhbC1hbGlnbjogYmFzZWxpbmU7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotYmFzZSB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6IDA7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotYmFyLXdyYXBwZXIge1xuICB0b3A6IGF1dG87XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAzMnB4O1xuICBoZWlnaHQ6IDEwMCU7XG4gIHBhZGRpbmc6IDAgMCAwIDE2cHg7XG4gIG1hcmdpbjogMCAwIDAgLTE2cHg7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotYmFyIHtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiBhdXRvO1xuICB3aWR0aDogNHB4O1xuICBoZWlnaHQ6IDEwMCU7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotcG9pbnRlciB7XG4gIHRvcDogYXV0bztcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAtMTRweCAhaW1wb3J0YW50O1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LWJ1YmJsZSB7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMTZweCAhaW1wb3J0YW50O1xuICBtYXJnaW4tbGVmdDogM3B4O1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LXRpY2tzIHtcbiAgdG9wOiAwO1xuICBsZWZ0OiAtM3B4O1xuICB6LWluZGV4OiAxO1xuICB3aWR0aDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4ucnpzbGlkZXIucnotdmVydGljYWwgLnJ6LXRpY2sge1xuICBtYXJnaW4tdG9wOiAxMXB4O1xuICBtYXJnaW4tbGVmdDogYXV0bztcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei10aWNrLXZhbHVlIHtcbiAgdG9wOiBhdXRvO1xuICBsZWZ0OiAyNHB4O1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgwLCAtMjglKTtcbn1cblxuLnJ6c2xpZGVyLnJ6LXZlcnRpY2FsIC5yei10aWNrLWxlZ2VuZCB7XG4gIHRvcDogYXV0bztcbiAgcmlnaHQ6IDI0cHg7XG4gIG1heC13aWR0aDogbm9uZTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoMCwgLTI4JSk7XG59XG5cbi5yenNsaWRlci5yei12ZXJ0aWNhbCAucnotdGlja3MtdmFsdWVzLXVuZGVyIC5yei10aWNrLXZhbHVlIHtcbiAgcmlnaHQ6IDI0cHg7XG4gIGJvdHRvbTogYXV0bztcbiAgbGVmdDogYXV0bztcbn0iXX0= */
.switch{background:#fff;border:1px solid #dfdfdf;position:relative;display:inline-block;box-sizing:content-box;overflow:visible;width:52px;height:30px;padding:0;margin:0;border-radius:20px;cursor:pointer;box-shadow:#dfdfdf 0 0 0 0 inset;transition:.3s ease-out all;-webkit-transition:.3s ease-out all;top:-1px}.switch.wide{width:80px}.switch small{background:#fff;border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,.4);width:30px;height:30px;position:absolute;top:0;left:0;transition:.3s ease-out all;-webkit-transition:.3s ease-out all}.switch.checked{background:#64bd63;border-color:#64bd63}.switch.checked small{left:22px}.switch.wide.checked small{left:52px}.switch .switch-text{font-family:Arial,Helvetica,sans-serif;font-size:13px}.switch .off{display:block;position:absolute;right:10%;top:25%;z-index:0;color:#A9A9A9}.switch .on{display:none;z-index:0;color:#fff;position:absolute;top:25%;left:9%}.switch.checked .off{display:none}.switch.checked .on{display:block}.switch.disabled{opacity:.5;cursor:not-allowed}