/***************************************/
/*        FLEXBOX COMPATIBILITY MIXINS */
/***************************************/
.display-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

body {
  font-size: 11px;
  color: #323232;
}

body, input, textarea {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 300;
}

div, section, img, a {
  float: left;
  display: block;
}

input[type=checkbox] {
  cursor: pointer;
}

input[type=text].field-error {
  border: 1px solid red !important;
}

table {
  width: 100%;
  background: white;
}
table th {
  background: #F8F8F8;
  background-size: 22px 20px;
  background-position: calc(100% - 5px) 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
table th.top {
  background-image: url("../img/audits/arrow-top.png");
  padding-right: 30px;
}
table th.bottom {
  background-image: url("../img/audits/arrow-bottom.png");
  padding-right: 30px;
}
table th.all {
  text-align: left;
}
table th.left-aligned {
  text-align: left;
}
table td {
  vertical-align: middle;
}
table td, table th {
  padding: 10px;
  border: 1px solid #E2E2E2;
  vertical-align: middle;
}
table td.subtable, table th.subtable {
  padding: 0px;
}

.loading-div {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  opacity: 0.6;
  z-index: 999999;
}
.loading-div .loading-bar {
  position: fixed;
  top: 50%;
  left: calc(50% - 150px);
  width: 300px;
  height: 15px;
  background: url("../js/lib/bower_components/jquery-ui/themes/base/images/animated-overlay.gif");
  border-radius: 5px;
  border: 1px solid black;
}

.header {
  height: 44px;
  background: #474747;
  width: 100%;
  border-bottom: 7px solid #99CC32;
  color: white;
  position: fixed;
  z-index: 999;
}
.header .logo {
  background: url("../img/logo.png") no-repeat;
  background-size: contain;
}
@media screen and (max-width: 320px) {
  .header .logo {
    width: 120px;
    height: 34px;
    margin-top: 10px;
    margin-left: 10px;
  }
}
@media screen and (min-width: 321px) {
  .header .logo {
    width: 130px;
    height: 34px;
    margin-top: 10px;
    margin-left: 10px;
  }
}
@media screen and (min-width: 425px) {
  .header .logo {
    width: 140px;
    height: 37px;
    margin-top: 10px;
    margin-left: 10px;
  }
}
@media screen and (min-width: 768px) {
  .header .logo {
    width: 180px;
    height: 34px;
    margin-top: 4px;
    margin-left: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .header .logo {
    width: 202px;
    height: 34px;
    margin-top: 4px;
    margin-left: 10px;
  }
}
.header .separator {
  background: #2D2D2D;
  border: 1px solid #3F3F3F;
  border-top: none;
  border-bottom: none;
  width: 2px;
  height: 44px;
}
.header .user-info {
  padding: 12px 10px;
}
.header .user-info img {
  height: 22px;
}
.header .user-info .name {
  margin: 5px 8px;
}
.header .logout {
  padding: 10px;
  display: inline-block;
}
.header .logout img {
  width: 20px;
}
@media screen and (max-width: 374px) {
  .header .logout {
    padding: 0px;
    padding-top: 10px;
  }
}
.header .company-logo img {
  max-height: 44px;
}
.header .col-5 {
  width: 40%;
}
@media screen and (max-width: 320px) {
  .header .col-5 {
    width: 35%;
  }
}
.header .col-7 {
  width: 60%;
}
@media screen and (max-width: 320px) {
  .header .col-7 {
    width: 65%;
  }
}

.sidebar {
  width: 200px;
  top: 51px;
  position: fixed;
  background: #ffffff;
  border-right: 1px solid #BBBBBB;
  height: 100%;
  overflow-x: scroll;
}
.sidebar .button-container {
  width: 100%;
  height: 32px;
  padding-top: 5px;
  background: #FAFAFA;
  border-bottom: 1px solid #BBBBBB;
}
@media screen and (max-width: 425px) {
  .sidebar .button-container {
    display: none;
  }
}
.sidebar .button-container .button {
  background: url("../img/sidebar-button.png") no-repeat;
  height: 19px;
  width: 28px;
  margin: 5px 11px;
  border-radius: 5px;
}
.sidebar .items {
  width: 100%;
}
.sidebar .items .item {
  height: 45px;
  width: 100%;
  background: linear-gradient(#FFFFFF, #FAFAFA);
  border-bottom: 1px solid #ffffff;
}
.sidebar .items .item img {
  width: 30px;
  margin: 8px 0px 0px 8px;
}
.sidebar .items .item .item-text {
  font-size: 13px;
  font-weight: 400;
  margin-top: 16px;
  margin-left: 8px;
}
.sidebar .items .item:hover {
  background: #99CC32;
}
.sidebar .items .item.active {
  background: #99CC32;
}
.sidebar .sidebar-footer {
  height: 51px;
  width: 100%;
}
.sidebar .company-logo {
  position: absolute;
  bottom: 20px;
  width: 100%;
}
.sidebar .company-logo img {
  float: none;
  margin: 0 auto;
  margin-bottom: 51px;
  max-width: 100%;
}
.sidebar.collapsed {
  width: 50px;
}
.sidebar.collapsed .items {
  margin-top: 0px;
}
.sidebar.collapsed .items .item .item-text {
  display: none;
}

.login .content input[type=text], .login .content input[type=password], .recoverPassword input[type=text], .recoverPassword input[type=password], forgotPassword input[type=text], forgotPassword input[type=password] {
  height: 39px;
  border: 1px solid white;
  width: calc(100% - 20px);
  padding-left: 18px;
  font-size: 15px;
  line-height: 19px;
}

.login {
  color: white;
  line-height: 20px;
  background: url("../img/login-bg.png") no-repeat 26% -91% #04930F;
  background-size: 50%;
}
.login .header {
  border-bottom: 0px;
}
.login .content {
  margin-left: 0px;
  width: 100%;
}
.login .content .login-container {
  width: 310px;
  margin-top: 95px;
  margin-left: calc(50% - 273px);
  margin-right: calc(50% - 273px);
  border-radius: 3px;
  padding: 20px 118px 45px;
  font-size: 18px;
}
.login .content .login-container .row {
  width: 100%;
  margin-bottom: 15px;
}
.login .content .login-container .row.check {
  text-align: right;
  color: white;
}
.login .content .login-container .row.check label {
  line-height: 30px;
  display: block;
  float: right;
}
.login .content .login-container .row.check input {
  transform: scale(2);
  -webkit-transform: scale(2);
  display: block;
  float: right;
  margin-top: 8px;
  margin-left: 10px;
}
.login .content .login-container .row button {
  width: 100%;
  float: right;
  border: 0px;
  cursor: pointer;
  background: #99CC32;
  font-size: 16px;
  text-transform: uppercase;
  padding: 12px 30px;
  color: white;
}
.login .content .login-container .row:last-child {
  text-align: center;
  color: white;
}
.login .content .login-container .error-msg {
  margin-top: 20px;
  text-align: center;
  width: 100%;
  color: red;
}
.login .content .login-bottom-bar {
  width: 100%;
  text-align: center;
  font-size: 30px;
  position: absolute;
  bottom: 0;
}
.login .content .login-bottom-bar .first-bar {
  background: rgba(33, 33, 33, 0.4);
  width: 100%;
}
.login .content .login-bottom-bar .first-bar a {
  opacity: 1;
}
.login .content .login-bottom-bar .last-bar {
  background: rgba(33, 33, 33, 0.7);
  width: 100%;
  padding-bottom: 150px;
}
.login .content .login-bottom-bar .last-bar span {
  opacity: 1;
  color: white;
  font-size: 15px;
  padding-left: 26px;
  background: url("../img/app4check.png") no-repeat;
  background-size: 18px 18px;
}
.login .content .login-bottom-bar a {
  width: 100%;
  color: white;
  text-decoration: none;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
}

.recoverPassword, .forgotPassword {
  width: 300px;
  margin-top: 50px;
  margin-left: calc(50% - 150px);
}
.recoverPassword button, .forgotPassword button {
  width: 100%;
  cursor: pointer;
}
.recoverPassword .msg, .forgotPassword .msg {
  width: 100%;
  margin-top: 20px;
  color: white;
  text-align: center;
  font-size: 15px;
}

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

.content {
  margin-top: 51px;
  background-color: #EEEEEE;
  margin-left: 201px;
  width: calc(100% - 201px);
}
.content input[type=text], .content select {
  font-size: 12px;
  height: 28px;
  width: calc(100% - 17px);
  padding-left: 15px;
  border: 1px solid white;
}
.content select {
  font-size: 13px;
  height: 33px;
  border: none;
  width: 100%;
  padding-left: 15px;
}
.content textarea {
  font-size: 13px;
  height: 137px;
  border: none;
  width: calc(100% - 30px);
  padding: 10px 15px;
}
.content button {
  border: none;
  background: #4CAF50;
  color: white;
  text-align: center;
  font-size: 12px;
  padding: 6px 16px;
  border-radius: 3px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.18);
}
.content.expanded {
  margin-left: 50px;
  width: calc(100% - 50px);
}
.content.expanded .templates-list-filter {
  width: calc(100% - (50px + 30px));
}
.content.expanded .audit-editor-tabs {
  width: calc(100% - (50px));
}
.content .template-editor-header {
  width: 100%;
  border-bottom: 1px solid #BBBBBB;
  border-left: 0px solid #BBBBBB;
  height: 37px;
  position: fixed;
  background: #FFFFFF;
  z-index: 999;
}
.content .template-editor-header div {
  margin: 10px 18px 0px;
  font-size: 14px;
}
.content .template-editor-content {
  width: 100%;
  margin: 37px 0px 0px;
  font-size: 13px;
}
.content .template-editor-content .edition-bar {
  width: 255px;
  height: 100%;
  position: fixed;
  border-right: 1px solid #BBBBBB;
}
.content .template-editor-content .edition-bar .header-row {
  background: #4CAF50;
  text-align: center;
  color: white;
  width: calc(100% - 32px);
  line-height: 27px;
  padding-left: 32px;
}
.content .template-editor-content .edition-bar .header-row .action {
  width: 20px;
  height: 20px;
  background-size: contain;
  float: right;
  margin: 3px 5px;
}
.content .template-editor-content .edition-bar .header-row .less {
  background-image: url("../img/templates/less.png");
}
.content .template-editor-content .edition-bar .header-row .plus {
  background-image: url("../img/templates/plus.png");
}
.content .template-editor-content .edition-bar .info-container {
  width: 100%;
  background: #99CC32;
}
.content .template-editor-content .edition-bar .info-container .info-rows {
  padding: 10px 15px;
  width: calc(100% - 30px);
}
.content .template-editor-content .edition-bar .info-container .info-rows .info-row {
  width: 100%;
  margin-bottom: 10px;
}
.content .template-editor-content .edition-bar .info-container .info-rows .info-row.small-row {
  width: 50%;
}
.content .template-editor-content .edition-bar .info-container .info-rows .info-row .title-row {
  width: 100%;
  margin-bottom: 3px;
}
.content .template-editor-content .edition-bar .info-container .info-rows .info-row .title-row.check {
  width: auto;
  margin: 6px 10px 0px 0px;
}
.content .template-editor-content .edition-bar .info-container .info-rows .info-row input[type=checkbox] {
  transform: scale(2);
  margin-top: 5px;
}
.content .template-editor-content .edition-bar .info-container .info-rows .info-row button {
  border: none;
  background: #4CAF50;
  color: white;
  text-align: center;
  font-size: 12px;
  padding: 5px 20px;
}
.content .template-editor-content .edition-bar .info-container .info-rows .info-row .thumb {
  width: 27px;
  height: 27px;
  margin-right: 10px;
}
.content .template-editor-content .edition-bar .info-container .info-rows .info-row textarea {
  resize: vertical;
  height: 109px;
}
.content .template-editor-content .edition-bar .types-container {
  width: 255px;
  margin-bottom: 80px;
}
.content .template-editor-content .edition-bar .bottom-bar {
  width: 100%;
  height: 28px;
  background: #4CAF50;
}
.content .template-editor-content .edition-bar .text-info {
  display: none;
}
.content .template-editor-content .type {
  width: 197px;
  padding: 15px 15px 15px 50px;
  background: white;
  background-image: url("../img/templates/app4check.png"), url("../img/templates/drag&drop.png");
  background-position: 10px 50%, calc(100% - 10px) 50%;
  background-size: 33px 33px, 25px 25px;
  background-repeat: no-repeat;
  z-index: 9999;
}
.content .template-editor-content .type[data-type-id="1"] {
  background-image: url("../img/templates/textfile.png"), url("../img/templates/drag&drop.png");
}
.content .template-editor-content .type[data-type-id="2"] {
  background-image: url("../img/templates/numberfile.png"), url("../img/templates/drag&drop.png");
}
.content .template-editor-content .type[data-type-id="3"] {
  background-image: url("../img/templates/questionfile.png"), url("../img/templates/drag&drop.png");
}
.content .template-editor-content .type[data-type-id="4"] {
  background-image: url("../img/templates/checkbox.png"), url("../img/templates/drag&drop.png");
}
.content .template-editor-content .type[data-type-id="5"] {
  background-image: url("../img/templates/multicheck.png"), url("../img/templates/drag&drop.png");
}
.content .template-editor-content .type[data-type-id="6"] {
  background-image: url("../img/templates/slider.png"), url("../img/templates/drag&drop.png");
}
.content .template-editor-content .type[data-type-id="7"] {
  background-image: url("../img/templates/switch.png"), url("../img/templates/drag&drop.png");
}
.content .template-editor-content .type .delete, .content .template-editor-content .type .fields, .content .template-editor-content .type .answers, .content .template-editor-content .type .text-info, .content .template-editor-content .type .copy, .content .template-editor-content .type .not-answer {
  display: none;
}
.content .template-editor-content .template-container {
  width: calc(100% - 255px);
  margin-left: 255px;
}
.content .template-editor-content .template-container .type {
  background: none;
}
.content .template-editor-content .template-container .type .delete, .content .template-editor-content .template-container .type .fields, .content .template-editor-content .template-container .type .answers, .content .template-editor-content .template-container .type .copy, .content .template-editor-content .template-container .type .not-answer {
  display: block;
}
.content .template-editor-content .template-container .template-title {
  text-align: center;
  color: white;
  background: #99CC32;
  width: 100%;
  padding: 16px 0px;
}
.content .template-editor-content .template-container input[type=text], .content .template-editor-content .template-container select {
  height: 28px;
  padding-left: 15px;
}
.content .template-editor-content .template-container select {
  height: 33px;
  border: none;
  padding-left: 15px;
}
.content .template-editor-content .template-container textarea {
  height: 117px;
  border: none;
}
.content .template-editor-content .template-container .template-sections {
  width: 100%;
  min-height: 844px;
  background-color: #DDDDDD;
}
.content .template-editor-content .template-container .template-sections .delete {
  width: 15px;
  height: 20px;
  margin-right: 10px;
  background: url("../img/templates/basura.png");
  background-size: cover;
  margin-bottom: 10px;
  cursor: pointer;
}
.content .template-editor-content .template-container .template-sections .copy {
  width: 18px;
  height: 20px;
  margin-top: 1px;
  margin-right: 10px;
  background: url("../img/templates/copy.png");
  background-size: cover;
  margin-bottom: 10px;
  cursor: pointer;
}
.content .template-editor-content .template-container .template-sections .section {
  width: calc(100% - 40px);
  padding: 10px 20px;
  background: #DDDDDD;
  z-index: 99;
  margin-bottom: 20px;
  z-index: 9999;
}
.content .template-editor-content .template-container .template-sections .section:last-child {
  margin-bottom: 0px;
}
.content .template-editor-content .template-container .template-sections .section .section-title {
  font-weight: 600;
  width: calc(100% - 114px);
  margin-top: 7px;
  text-align: left;
}
.content .template-editor-content .template-container .template-sections .section .accordion-button {
  margin-left: 5px;

}
.content .template-editor-content .template-container .template-sections .section .action {
  width: 30px;
  height: 30px;
  background-size: contain;
  float: right;
  margin: 3px 5px;
}
.content .template-editor-content .template-container .template-sections .section .less {
  background-image: url("../img/templates/less.png");
}
.content .template-editor-content .template-container .template-sections .section .not-answer {
  float: right;
  margin-top: -16px;
  width: 100px;
}
.content .template-editor-content .template-container .template-sections .section .not-answer label {
  margin-top: 9px;
  display: block;
  margin-left: 5px;
  float: left;
  width: 20px;
}
.content .template-editor-content .template-container .template-sections .section .not-answer .switch {
  cursor: pointer;
  width: 60px;
  height: 30px;
  border-radius: 20px;
  border: 1px solid #ccc;
  background: white;
}
.content .template-editor-content .template-container .template-sections .section .not-answer .switch .switch-bt {
  border-radius: 20px;
  width: 28px;
  height: 28px;
  background: white;
  border: 1px solid #ddd;
}
.content .template-editor-content .template-container .template-sections .section .not-answer .switch.on {
  background: #99CC32;
}
.content .template-editor-content .template-container .template-sections .section .not-answer .switch.on .switch-bt {
  float: right;
}
.content .template-editor-content .template-container .template-sections .section .plus {
  background-image: url("../img/templates/plus.png");
}
.content .template-editor-content .template-container .template-sections .section .fields {
  width: 100%;
}
.content .template-editor-content .template-container .template-sections .section .fields label {
  display: block;
  float: left;
  width: 70%;
  margin-right: 15px;
  margin-bottom: 5px;
}
.content .template-editor-content .template-container .template-sections .section .fields label:nth-child(2) {
  width: calc(25% - 15px);
  margin-right: 0px;
  float: right;
}
.content .template-editor-content .template-container .template-sections .section .fields input {
  display: block;
  float: left;
  width: calc(70% - 17px);
  margin-right: 15px;
}
.content .template-editor-content .template-container .template-sections .section .fields input:last-child {
  width: calc(25% - 34px);
  margin-right: 0px;
  float: right;
}
.content .template-editor-content .template-container .template-sections .text-info {
  display: none;
}
.content .template-editor-content .template-container .template-sections .section-questions {
  margin-top: 15px;
  width: calc(100% - 38px);
  border: 3px solid #99CC32;
  min-height: 60px;
  background: white;
  padding: 15px 18px;
  position: relative;
}
.content .template-editor-content .template-container .template-sections .section-questions > .text-info:only-child {
  display: block;
  position: absolute;
  text-align: center;
  width: 100%;
  margin-top: 14px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question {
  width: calc(100% - 40px);
  padding: 10px 20px;
  background: #DDDDDD;
  margin-bottom: 20px;
  z-index: 99;
}
.content .template-editor-content .template-container .template-sections .section-questions .question:last-child {
  margin-bottom: 0px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .question-title {
  font-weight: 600;
  width: calc(100% - 74px);
  margin-top: 7px;
  text-align: left;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .question-title .info {
  width: 30px;
  height: 30px;
  background-size: contain;
  float: right;
  margin: 3px 5px;
  background-image: url("../img/templates/information.png");
}
.content .template-editor-content .template-container .template-sections .section-questions .question .action {
  width: 30px;
  height: 30px;
  background-size: contain;
  float: right;
  margin: 3px 5px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .less {
  background-image: url("../img/templates/less.png");
}
.content .template-editor-content .template-container .template-sections .section-questions .question .plus {
  background-image: url("../img/templates/plus.png");
}
.content .template-editor-content .template-container .template-sections .section-questions .question > .fields {
  width: 100%;
}
.content .template-editor-content .template-container .template-sections .section-questions .question > .fields label {
  display: block;
  float: left;
  margin-bottom: 5px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question > .fields input {
  display: block;
  float: left;
}
.content .template-editor-content .template-container .template-sections .section-questions .question > .fields .label-label {
  width: 60%;
  margin-right: 94px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question > .fields .label {
  width: calc(60% - 2px);
  margin-right: 78px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question > .fields .weight-label {
  width: calc(30% - 94px);
  float: right;
}
.content .template-editor-content .template-container .template-sections .section-questions .question > .fields .weight {
  width: calc(30% - 112px);
  margin-right: 0px;
  float: right;
}
.content .template-editor-content .template-container .template-sections .section-questions .question > .fields .increment-label {
  width: 100%;
  margin-top: 20px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question > .fields .increment {
  width: calc(100% - 15px);
}
.content .template-editor-content .template-container .template-sections .section-questions .question > .fields .extra-label {
  width: auto;
  margin-top: 19px;
  background: url("../img/templates/book.png") no-repeat;
  background-size: 22px 21px;
  background-position: center left;
  padding-left: 29px;
  height: 21px;
  line-height: 25px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question > .fields .extra-label .edit-extra-info {
  width: 17px;
  height: 17px;
  background: url("../img/notifications/Edit-negro.png");
  background-size: contain;
  cursor: pointer;
  float: right;
  margin-left: 5px;
  margin-top: 2px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question > .fields .extra-label .edit-extra-info.active {
  background-image: url("../img/templates/Edit-verde.png");
}
.content .template-editor-content .template-container .template-sections .section-questions .question > .fields .extraInfo {
  height: 107px;
  width: calc(100% - 20px);
  background: white;
  overflow: scroll;
  padding: 5px 10px;
  margin-bottom: 10px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question > .fields .mce-tinymce {
  margin-bottom: 10px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answers {
  width: 100%;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answers > div {
  width: 100%;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer-title {
  font-size: 16px;
  font-weight: 600;
  width: calc(100% - 76px);
  margin-top: 7px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer-title .multiselection label {
  font-size: 12px;
  margin-left: 15px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer {
  width: 100%;
  margin-top: 10px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .add-answer {
  background: url("../img/templates/plus.png");
  background-size: contain;
  width: 30px;
  height: 30px;
  margin-top: 19px;
  margin-right: 5px;
  float: right;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer > .delete {
  margin-top: 19px;
  margin-bottom: 0px;
  margin-right: 0px;
  cursor: pointer;
  float: right;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer label, .content .template-editor-content .template-container .template-sections .section-questions .question .answer input {
  display: block;
  float: left;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .label-div {
  width: 233px;
  margin-right: 15px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .label-div label {
  width: 100%;
  margin-bottom: 5px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .label-div input {
  width: calc(100% - 15px);
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .scoring-div {
  width: 36px;
  margin-right: 15px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .scoring-div label {
  width: 100%;
  margin-bottom: 5px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .scoring-div input {
  width: calc(100% - 15px);
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .slider-value-div {
  width: 40px;
  margin-right: 15px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .slider-value-div label {
  width: 100%;
  margin-bottom: 5px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .slider-value-div input {
  width: calc(100% - 15px);
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .colour-div {
  width: 36px;
  margin-right: 15px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .colour-div label {
  width: 100%;
  margin-bottom: 5px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .colour-div input {
  width: 0px;
  padding: 0px;
  border-right: 29px solid white;
  margin-left: 4px;
  cursor: pointer;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .media-div {
  width: 36px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .download-div {
  width: 36px;
  margin-right: 30px;
  text-align: center;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .download-div label {
  width: 100%;
  margin-bottom: 14px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .download-div input[type=checkbox] {
  transform: scale(2);
  float: none;
  margin: 0 auto;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .default-div {
  width: 39px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .send-div {
  width: 65px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .media-div, .content .template-editor-content .template-container .template-sections .section-questions .question .answer .send-div, .content .template-editor-content .template-container .template-sections .section-questions .question .answer .default-div {
  margin-right: 15px;
  text-align: center;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .media-div label, .content .template-editor-content .template-container .template-sections .section-questions .question .answer .send-div label, .content .template-editor-content .template-container .template-sections .section-questions .question .answer .default-div label {
  width: 100%;
  margin-bottom: 14px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .media-div input[type=checkbox], .content .template-editor-content .template-container .template-sections .section-questions .question .answer .send-div input[type=checkbox], .content .template-editor-content .template-container .template-sections .section-questions .question .answer .default-div input[type=checkbox] {
  transform: scale(2);
  float: none;
  margin: 0 auto;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .more-div {
  width: 32px;
  margin-right: 15px;
  text-align: center;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .more-div label {
  width: 100%;
  margin-bottom: 6px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .more-div .more {
  margin: 0 auto;
  width: 30px;
  height: 30px;
  background: url("../img/templates/sub-check.png");
  background-size: cover;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .more-div .more.active {
  background-image: url("../img/templates/sub-check-naranja.png");
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .na-div,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .lockable-div,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .nc-div,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .nc-iei-div {
  width: 61px;
  margin-right: 10px;
  text-align: center;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .na-div label,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .lockable-div label,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .nc-div label,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .nc-iei-div label {
  width: 100%;
  margin-bottom: 6px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .na-div .switch,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .lockable-div .switch,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .nc-div .switch,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .nc-iei-div .switch {
  cursor: pointer;
  width: 60px;
  height: 30px;
  border-radius: 20px;
  border: 1px solid #ccc;
  background: white;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .na-div .switch .switch-bt,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .lockable-div .switch .switch-bt,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .nc-div .switch .switch-bt,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .nc-iei-div .switch .switch-bt {
  border-radius: 20px;
  width: 28px;
  height: 28px;
  background: white;
  border: 1px solid #ddd;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .na-div .switch.on,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .lockable-div .switch.on,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .nc-div .switch.on,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .nc-iei-div .switch.on {
  background: #99CC32;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .na-div .switch.on .switch-bt,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .lockable-div .switch.on .switch-bt,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .nc-div .switch.on .switch-bt,
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .nc-iei-div .switch.on .switch-bt {
  float: right;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .sublabel-div {
  width: 100%;
  margin-top: 10px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .sublabel-div label {
  width: 100%;
  margin-bottom: 5px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .sublabel-div textarea {
  width: 346px;
  height: 45px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .sublabel-download-div {
  width: 100%;
  margin-top: 10px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .sublabel-download-div label {
  width: 100%;
  margin-bottom: 5px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .sublabel-download-div input {
  width: 346px;
  height: 25px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .smart-dialog {
  margin-top: 100px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .smart-answer {
  font-size: 13px;
  margin: 15px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .smart-answer .fields label {
  text-align: left;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .smart-answer .title {
  width: calc(100% - 15px);
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .smart-answer .section-questions .media-div, .content .template-editor-content .template-container .template-sections .section-questions .question .answer .smart-answer .section-questions .more-div, .content .template-editor-content .template-container .template-sections .section-questions .question .answer .smart-answer .section-questions .download-div {
  display: none;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .smart-answer .smart-answer-buttons {
  float: right;
  margin-top: 10px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .notification-div {
  width: 100%;
  display: none;
  padding: 10px 0px;
  background: #DDDDDD;
  margin-top: 15px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .notification-div table {
  font-size: 11px;
}
.content .template-editor-content .template-container .template-sections .section-questions .question .answer .notification-div table input[type=checkbox], .content .template-editor-content .template-container .template-sections .section-questions .question .answer .notification-div table label {
  display: inline-block;
  float: none;
}
.content .template-editor-content .template-container .template-sections .section-sections {
  margin-top: 15px;
  width: calc(100% - 38px);
  border: 3px solid #4CAF50;
  min-height: 60px;
  background: white;
  padding: 15px 18px;
  position: relative;
}
.content .template-editor-content .template-container .template-sections .section-sections > .text-info:only-child {
  display: block;
  color: #6A6A6A;
  position: absolute;
  text-align: center;
  width: 100%;
  margin-top: 14px;
}
.content .template-editor-content .overlay {
  position: absolute;
  background: black;
  z-index: 1;
  opacity: 0.5;
  display: none;
}
.content .templates-list-filter {
  position: fixed;
  width: calc(100% - (200px + 30px));
  background: #DDDDDD;
  padding: 15px;
}
.content .templates-list-filter input {
  background: url("../img/templates/search.png") no-repeat white right;
  background-size: 33px;
}
.content .templates-list {
  margin-top: 65px;
  width: 100%;
}
.content .templates-list .template {
  width: calc(100% - 30px);
  padding: 10px 15px;
  border-bottom: 1px solid #BBBBBB;
}
.content .templates-list .template .template-icon {
  margin-right: 15px;
}
.content .templates-list .template .template-icon img {
  width: 42px;
  height: 42px;
  background-size: cover;
}
.content .templates-list .template .info > div {
  height: 20px;
  clear: both;
  font-size: 12px;
  line-height: 22px;
}
.content .templates-list .template .info .name {
  text-transform: uppercase;
}
.content .templates-list .template .actions {
  float: right;
}
.content .templates-list .template .actions .action {
  margin-right: 25px;
  margin-top: 3px;
}
.content .templates-list .template .actions .action img {
  height: 20px;
}
.content .templates-list .template .actions .action img.disabled {
  opacity: 0.3;
}
.content .templates-list .template .actions .action.start, .content .templates-list .template .actions .action.macro {
  padding: 4px 6px;
  background: #99CC32;
  color: white;
  font-size: 14px;
  margin-top: 2px;
}
.content .templates-list .template .actions .action.start.disabled, .content .templates-list .template .actions .action.macro.disabled {
  opacity: 0.3;
}
.content .templates-list .template .actions .action .state {
  width: 20px;
  height: 20px;
  background-size: cover;
}
.content .templates-list .template .actions .action .state.active {
  background-image: url("../img/templates/checked.png");
}
.content .templates-list .template .actions .action .state.no-active {
  background-image: url("../img/templates/not-checked.png");
}
.content .templates-list .template .actions .action .state.disabled {
  opacity: 0.3;
}
.content .templates-list .template .actions .action .padlock-icon {
  width: 20px;
  height: 20px;
  background-size: cover;
  background-image: url("../img/audits/padlock-open-verde.png");
}
.content .templates-list .template .actions .action .padlock-icon.partially-locked {
  background-image: url("../img/audits/padlock-closed-verde.png");
  margin-left: -7px;
  margin-right: 7px;
}
.content .templates-list .template .actions .action:last-child {
  margin-right: 0px;
}
.content .templates-list .template .assignation-div,
.content .templates-list .template .notification-div,
.content .templates-list .template .macros-div {
  width: calc(100% - 20px);
  display: none;
  padding: 10px;
  background: #DDDDDD;
  margin-top: 15px;
}
.content .templates-list .template .assignation-div .buttons,
.content .templates-list .template .notification-div .buttons,
.content .templates-list .template .macros-div .buttons {
  margin-top: 15px;
}
.content .templates-list .template .assignation-div .buttons button:first-child,
.content .templates-list .template .notification-div .buttons button:first-child,
.content .templates-list .template .macros-div .buttons button:first-child {
  margin-right: 5px;
}
.content .templates-list .template .macros-div .buttons {
  margin-top: 2px;
}
.content .templates-list .template .macros-div .macro {
  margin-bottom: 15px;
  width: 100%;
}
.content .templates-list .template .macros-div .macro .name {
  width: 50%;
  margin-right: 10px;
  float: left;
}
.content .templates-list .template .macros-div .macro .add-file {
  margin-right: 10px;
  float: left;
  padding: 9px 20px;
  background: #99CC32;
}
.content .templates-list .template .macros-div .macro .view-file {
  margin-right: 10px;
  float: left;
  background: #99CC32;
  border: none;
  color: white;
  text-align: center;
  font-size: 14px;
}
.content .templates-list .template .macros-div .macro .view-file a {
  padding: 9px 20px;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.content .templates-list .template .macros-div .macro input[type=file] {
  display: none;
}
.content .templates-list .template .macros-div .macro .delete {
  width: 28px;
  height: 34px;
  background: url("../img/templates/basura.png");
  background-size: cover;
  margin-left: 5px;
}
.content .templates-list .template .macros-div .add-macro {
  width: 30px;
  height: 30px;
  background: url("../img/templates/plus.png");
  background-size: cover;
}
.content .notifications {
  width: 100%;
  background: #f1f1f1;
}
.content .notifications .notifications-header {
  width: 100%;
  border-bottom: 1px solid #BBBBBB;
  height: 37px;
  margin-bottom: 13px;
  position: fixed;
  background: #FFFFFF;
}
.content .notifications .notifications-header div {
  margin: 10px 18px 0px;
  font-size: 14px;
}
.content .notifications .notifications-title {
  text-align: center;
  background: white;
  font-weight: 600;
  width: 100%;
  text-transform: uppercase;
  margin-top: 29px;
  line-height: 45px;
}
.content .notifications .notifications-title .action {
  width: 35px;
  height: 35px;
  background-size: contain;
  float: right;
  margin: 5px 5px;
}
.content .notifications .notifications-title .less {
  background-image: url("../img/templates/less.png");
}
.content .notifications .notifications-title .plus {
  background-image: url("../img/templates/plus.png");
}
.content .notifications .notifications-content {
  width: calc(100% - 36px);
  margin: 15px 18px 0px;
}
.content .notifications .notifications-content > button {
  margin-bottom: 15px;
}
.content .notifications .notifications-content .form {
  width: 100%;
  font-size: 13px;
  margin-bottom: 15px;
}
.content .notifications .notifications-content .form .column1 {
  width: calc(100% - 452px);
}
.content .notifications .notifications-content .form .column1 .row {
  width: 100%;
  margin-bottom: 19px;
}
.content .notifications .notifications-content .form .column1 .row:last-child {
  margin-bottom: 0px;
}
.content .notifications .notifications-content .form .column1 .row label {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.content .notifications .notifications-content .form .column1 .row textarea {
  width: calc(100% - 36px);
  border: 3px solid #99CC32;
  height: 192px;
}
.content .notifications .notifications-content .form .column2 {
  width: 213px;
  margin-left: 15px;
}
.content .notifications .notifications-content .form .column2 .row {
  width: 100%;
  margin-bottom: 19px;
}
.content .notifications .notifications-content .form .column2 label {
  margin-bottom: 5px;
  display: block;
  width: 100%;
}
.content .notifications .notifications-content .form .column2 > div {
  font-size: 11px;
}
.content .notifications .notifications-content .form .column3 {
  width: 204px;
  margin-left: 20px;
}
.content .notifications .notifications-content .form .column3 .buttons {
  float: right;
}
.content .notifications .notifications-content .form .column3 .buttons button {
  width: 100%;
}
.content .notifications .notifications-content .form .column3 .buttons button:first-child {
  margin-top: 18px;
  margin-bottom: 10px;
  background: #99CC32;
}
.content .notifications .notifications-content .users {
  overflow: visible;
}
.content .notifications .notifications-table {
  width: calc(100% - 30px);
  padding: 15px;
  background: white;
}
.content .notifications .notifications-table table {
  padding: 5px 10px;
}
.content .notifications .notifications-table table td:nth-child(3) {
  border-right: none;
}
.content .notifications .notifications-table table td.actions {
  width: 76px;
  border-left: none;
}
.content .notifications .notifications-table table td.actions .action:first-child img {
  margin-top: 2px;
  height: 21px;
}
.content .notifications .notifications-table table td.actions .action img {
  height: 22px;
  margin-left: 15px;
}
.content .dashboard {
  width: calc(100% - 40px);
  padding: 20px;
}
.content .dashboard .dashboard-item {
  width: 100%;
  margin-bottom: 10px;
}
.content .dashboard .dashboard-item .title {
  width: calc(100% - 30px);
  padding: 7px 15px;
  background: #99CC32;
  color: white;
  font-size: 15px;
  line-height: 30px;
}
.content .dashboard .dashboard-item .title .delete {
  width: 20px;
  height: 25px;
  margin-top: 3px;
  margin-right: 10px;
  background: url("../img/templates/basura.png");
  background-size: contain;
  cursor: pointer;
}
.content .dashboard .dashboard-item .arrow {
  width: 30px;
  height: 30px;
  float: right;
  background-size: cover;
}
.content .dashboard .dashboard-item .arrow.top {
  background-image: url("../img/audits/arrow-top.png");
}
.content .dashboard .dashboard-item .arrow.bottom {
  background-image: url("../img/audits/arrow-bottom.png");
}
.content .dashboard .dashboard-item .data {
  width: 100%;
  display: none;
}
.content .dashboard .dashboard-item .data .refresh {
  height: 14px;
  width: 11px;
  background: url("../img/audits/refresh.png");
  background-size: cover;
  margin-right: 5px;
}
.content .dashboard .dashboard-item .data th {
  cursor: default;
}
.content .dashboard .dashboard-item .data .img, .content .dashboard .dashboard-item .data .audio .nc {
  width: 20px;
  height: 20px;
  background-size: cover;
}
.content .dashboard .dashboard-item .data .img {
  background-image: url("../img/audits/img.png");
}
.content .dashboard .dashboard-item .data .audio {
  background-image: url("../img/audits/audio.png");
}
.content .dashboard .dashboard-item .data .edit-audit {
  width: 17px;
  height: 17px;
  background-size: cover;
  background-image: url("../img/audits/edit.png");
  cursor: pointer;
}
.content .audits {
  width: 100%;
}
.content .audits .audits-header {
  width: 100%;
  border-bottom: 1px solid #BBBBBB;
  height: 37px;
  margin-bottom: 13px;
  position: fixed;
  background: #FFFFFF;
  z-index: 9;
}
.content .audits .audits-header div {
  margin: 10px 18px 0px;
  font-size: 14px;
}
.content .audits .audits-content {
  width: calc(100% - 36px);
  margin: 42px 18px;
}
.content .audits .audits-content .filter-search {
  width: 117px;
  margin-right: 3px;
}
.content .audits .audits-content .filter-search input {
  border: 1px solid #E2E2E2;
  border-bottom: none;
  height: 29px;
  background: url("../img/templates/search.png") no-repeat white right;
  background-size: 23px;
}
.content .audits .audits-content .filter-search input:last-child {
  border-bottom: 1px solid #E2E2E2;
}
.content .audits .audits-content .filter-values {
  width: calc(100% - 120px);
}
.content .audits .audits-content .filter-values table {
  background: none;
}
.content .audits .audits-content .filter {
  margin-right: 6.25%;
  width: 15%;
  min-width: 130px;
}
.content .audits .audits-content .filter:last-child {
  margin-right: 0px;
}
.content .audits .audits-content .table-operations {
  width: 100%;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 10px;
}
.content .audits .audits-content .table-operations .right-operations {
  float: right;
  width: 50%;
}
.content .audits .audits-content .table-operations .right-operations .first-row,
.content .audits .audits-content .table-operations .right-operations .second-row {
  margin-top: 10px;
  float: right;
  width: 100%;
}
.content .audits .audits-content .table-operations .right-operations .first-row .row-content,
.content .audits .audits-content .table-operations .right-operations .second-row .row-content {
  float: right;
}
.content .audits .audits-content .table-operations .right-operations .export-to-excel,
.content .audits .audits-content .table-operations .right-operations .download-macro {
  padding-right: 22px;
  background: url("../img/audits/csv.jpg") bottom right no-repeat;
  background-size: 15px 20px;
  text-decoration: none;
  color: inherit;
}
.content .audits .audits-content .table-operations .right-operations .download-macro {
  margin-left: 15px;
}
.content .audits .audits-content .table-operations .right-operations .macros,
.content .audits .audits-content .table-operations .right-operations .decimal-separator {
  margin-left: 10px;
}
.content .audits .audits-content .table-operations .right-operations .macros select,
.content .audits .audits-content .table-operations .right-operations .decimal-separator select {
  height: 20px;
}
.content .audits .audits-content .table-operations .left-operations {
  width: 50%;
}
.content .audits .audits-content .table-operations .left-operations .first-row,
.content .audits .audits-content .table-operations .left-operations .second-row {
  margin-top: 10px;
  width: 100%;
}
.content .audits .audits-content .table-operations .left-operations .versions select {
  margin-left: 10px;
  height: 20px;
}
.content .audits .audits-content .table-operations .left-operations .add-operation .icon {
  height: 16px;
  width: 21px;
  background: url("../img/audits/add-dashboard.png");
  background-size: cover;
  margin-right: 10px;
}
.content .audits .audits-content .table-operations .center-operations {
  width: 100%;
  margin-top: 5px;
}
.content .audits .audits-content .table-operations .center-operations select {
  height: 20px;
  width: auto;
}
.content .audits .audits-content .table-operations .center-operations select.max {
  margin: 0 20px 0 5px;
}
.content .audits .audits-content .table-operations .center-operations select.pageNumber {
  margin: 0 5px;
}
.content .audits .audits-content .table-operations .center-operations .total {
  margin-right: 20px;
}
.content .audits .audits-content .data {
  width: 100%;
}
.content .audits .audits-content .data .refresh {
  height: 14px;
  width: 11px;
  background: url("../img/audits/refresh.png");
  background-size: cover;
  margin-right: 5px;
}
.content .audits .audits-content .data th {
  cursor: default;
}
.content .audits .audits-content .data .img, .content .audits .audits-content .data .audio .nc {
  width: 20px;
  height: 20px;
  background-size: cover;
}
.content .audits .audits-content .data .img {
  background-image: url("../img/audits/img.png");
}
.content .audits .audits-content .data .audio {
  background-image: url("../img/audits/audio.png");
}
.content .audits .audits-content .data .edit-audit {
  width: 17px;
  height: 17px;
  background-size: cover;
  background-image: url("../img/audits/edit.png");
  cursor: pointer;
}
.content .audits .audits-content .data input[type=radio] {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 1px;
}
.content .audit-editor-tabs {
  width: calc(100% - (200px));
  background: #FFFFFF;
  position: fixed;
  z-index: 9;
  border-bottom: 1px solid #BBBBBB;
  padding-top: 5px;
}
.content .audit-editor-tabs .audit-editor-tab {
  color: #666;
  padding: 10px 30px;
}
@media screen and (min-width: 0px) and (max-width: 425px) {
  .content .audit-editor-tabs .audit-editor-tab {
    margin-top: 100px !important;
  }
}
.content .audit-editor-tabs .audit-editor-tab.active {
  background: #4CAF50;
}
@media screen and (min-width: 426px) and (max-width: 768px) {
  .content .audit-editor-tabs .audit-editor-tab {
    margin-top: 60px !important;
  }
}
.content .audit-editor-tabs .audit-editor-tab.active {
  background: #4CAF50;
  color: white;
}
.content .audit-editor-tabs .percent {
  margin-right: 10px;
  margin-top: 7px;
  margin-left: 8px;
  color: #666;
}
@media screen and (min-width: 320px) and (max-width: 425px) {
  .content .audit-editor-tabs .percent {
    position: absolute;
    top: 40%;
    right: 0;
  }
}
@media screen and (min-width: 426px) and (max-width: 768px) {
  .content .audit-editor-tabs .percent {
    position: absolute;
    top: 30%;
    right: 0;
  }
}
@media screen and (min-width: 769px) {
  .content .audit-editor-tabs .percent {
    float: right;
  }
}
.content .audit-editor-tabs .template-title {
  margin-top: 7px;
  color: white;
}
@media screen and (min-width: 0px) and (max-width: 320px) {
  .content .audit-editor-tabs .template-title {
    position: absolute;
    left: 20%;
  }
}
@media screen and (min-width: 321px) and (max-width: 425px) {
  .content .audit-editor-tabs .template-title {
    position: absolute;
    left: 25%;
  }
}
@media screen and (min-width: 426px) and (max-width: 768px) {
  .content .audit-editor-tabs .template-title {
    position: absolute;
    right: 170px;
  }
}
@media screen and (min-width: 769px) {
  .content .audit-editor-tabs .template-title {
    float: right;
    margin-right: 10px;
  }
}
.content .audit-editor-tabs button {
  float: right;
  margin-right: 5px;
}
.content .audit-editor-tabs button:disabled {
  opacity: 0.6;
}
@media screen and (min-width: 320px) {
  .content .audit-editor-tabs .button-save {
    position: absolute;
    top: 20%;
    left: 5px;
  }
}
@media screen and (min-width: 426px) {
  .content .audit-editor-tabs .button-save {
    position: relative;
    left: 0;
  }
}
.content .audit-editor-tabs .time {
  width: 70px;
  text-align: center;
  margin-top: 8px;
  color: #666;
  z-index: 8;
}
@media screen and (min-width: 0px) and (max-width: 320px) {
  .content .audit-editor-tabs .time {
    position: absolute;
    top: 40%;
    right: 70px;
  }
}
@media screen and (min-width: 321px) and (max-width: 425px) {
  .content .audit-editor-tabs .time {
    position: absolute;
    top: 40%;
    right: 70px;
  }
}
@media screen and (min-width: 426px) and (max-width: 768px) {
  .content .audit-editor-tabs .time {
    position: absolute;
    top: 30%;
    right: 70px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .content .audit-editor-tabs .time {
    position: absolute;
    left: 35%;
  }
}
@media screen and (min-width: 1025px) {
  .content .audit-editor-tabs .time {
    position: absolute;
    right: 50%;
  }
}
.content .audit-editor-tabs .separator {
  width: 100%;
  height: 7px;
  background: #04930F;
}
.content .audit-editor-tabs .language-selector {
  float: right;
  margin-right: 20px;
}
.content .audit-editor-tabs .language-selector .language {
  padding: 0px 5px;
  margin: 0px 3px;
  border: 1px solid white;
  cursor: pointer;
}
.content .audit-editor-tabs .language-selector .language.active {
  border: 1px solid #99CC32;
}
.content .audit-editor {
  width: 100%;
  font-size: 12px;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.07), 1px 2px 5px 0 rgba(0, 0, 0, 0.06);
  color: #666;
  background-color: #EEEEEE;
}
@media screen and (min-width: 0px) and (max-width: 425px) {
  .content .audit-editor .template-down {
    margin-top: 90px;
  }
}
@media screen and (min-width: 426px) and (max-width: 768px) {
  .content .audit-editor .template-down {
    margin-top: 60px;
  }
}
.content .audit-editor .audit-info {
  width: calc(100% - 30px);
  margin-top: 41px;
  padding: 15px;
  background: #ddd;
}
@media screen and (min-width: 0px) and (max-width: 425px) {
  .content .audit-editor .audit-info {
    margin-top: 140px;
  }
}
@media screen and (min-width: 426px) and (max-width: 768px) {
  .content .audit-editor .audit-info {
    margin-top: 100px;
  }
}
.content .audit-editor .audit-info .row {
  width: 100%;
  margin-bottom: 20px;
}
.content .audit-editor .audit-info .row:last-child {
  margin-bottom: 0px;
}
.content .audit-editor .audit-info .row .title {
  margin-bottom: 5px;
}
.content .audit-editor .audit-template {
  display: none;
  width: 100%;
  margin-top: 41px;
}
.content .audit-editor .audit-template textarea, .content .audit-editor .audit-template input {
  border: 1px solid #BBBBBB;
}
.content .audit-editor .audit-template .audit-module {
  width: 100%;
  margin-bottom: 2px;
}
.content .audit-editor .audit-template .audit-module > .title {
  width: calc(100% - 30px);
  padding: 15px;
  font-size: 14px;
  color: white;
  background: #04930F;
}
.content .audit-editor .audit-template .audit-module > .title .percent, .content .audit-editor .audit-template .audit-module > .title .template-title {
  float: right;
  color: white;
}
.content .audit-editor .audit-template .audit-section {
  width: 100%;
  margin-bottom: 2px;
}
.content .audit-editor .audit-template .audit-section > .title {
  width: calc(100% - 30px);
  padding: 15px;
  font-size: 14px;
  color: white;
  background: #99CC32;
}
.content .audit-editor .audit-template .audit-section > .title .percent, .content .audit-editor .audit-template .audit-section > .title .template-title {
  float: right;
  color: white;
}
.content .audit-editor .audit-template .audit-section > .legend {
  background: #FFFFFF;
  color: #666;
  margin: 15px;
  font-size: 12px;
  width: calc(100% - 60px);
  border-radius: 0 0 2px 2px;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.07), 1px 2px 5px 0 rgba(0, 0, 0, 0.06);
}
.content .audit-editor .audit-template .audit-module > .title .percent, .content .audit-editor .audit-template .audit-module > .title .template-title, .content .audit-editor .audit-template .audit-section > .title .percent, .content .audit-editor .audit-template .audit-section > .title .template-title {
  padding-top: 10px;
}
.content .audit-editor .audit-template .audit-module > .title .section-title, .content .audit-editor .audit-template .audit-section > .title .section-title {
  width: 85%;
  padding-top: 10px;
}
.content .audit-editor .audit-template .audit-module > .title .section-label, .content .audit-editor .audit-template .audit-section > .title .section-label {
  padding-top: 10px;
  padding-right: 5px;
}
.content .audit-editor .audit-template .audit-module > .title .not-count, .content .audit-editor .audit-template .audit-section > .title .not-count {
  width: 50px;
}
.content .audit-editor .audit-template .audit-module > .title .not-count .switch, .content .audit-editor .audit-template .audit-section > .title .not-count .switch {
  cursor: pointer;
  width: 50px;
  height: 30px;
  border-radius: 20px;
  border: 1px solid #ddd;
}
.content .audit-editor .audit-template .audit-module > .title .not-count .switch .switch-bt, .content .audit-editor .audit-template .audit-section > .title .not-count .switch .switch-bt {
  border-radius: 20px;
  width: 28px;
  height: 28px;
  background: white;
  border: 1px solid #ddd;
}
.content .audit-editor .audit-template .audit-module > .title .not-count .switch.on, .content .audit-editor .audit-template .audit-section > .title .not-count .switch.on {
  background: #99CC32;
}
.content .audit-editor .audit-template .audit-module > .title .not-count .switch.on .switch-bt, .content .audit-editor .audit-template .audit-section > .title .not-count .switch.on .switch-bt {
  float: right;
}
.content .audit-editor .audit-template .audit-module > .title .not-count .switch.off, .content .audit-editor .audit-template .audit-section > .title .not-count .switch.off {
  background: white;
}
.content .audit-editor .audit-template .audit-module > .title .not-count .switch.off .switch-bt, .content .audit-editor .audit-template .audit-section > .title .not-count .switch.off .switch-bt {
  float: left;
}
.content .audit-editor .audit-template .audit-question {
  width: calc(100% - 60px);
  padding: 15px;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.07), 1px 2px 5px 0 rgba(0, 0, 0, 0.06);
  background: #FFFFFF;
  color: #666;
  line-height: 15px;
  margin: 15px;
}
.content .audit-editor .audit-template .audit-question .extra-info {
  float: right;
  background: url("../img/templates/book.png");
  width: 22px;
  height: 21px;
  cursor: pointer;
}
.content .audit-editor .audit-template .audit-question.separator {
  background: #99CC32;
  font-size: 14px;
  color: white;
  padding-bottom: 0px;
}
.content .audit-editor .audit-template .audit-question .label {
  margin-bottom: 15px;
  font-weight: bold;
}
.content .audit-editor .audit-template .audit-question .answers-container {
  width: 100%;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers {
  width: 100%;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .buttons-container {
  width: 100%;
  /* one item */
  /* two items */
  /* three items */
  /* four items */
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .buttons-container .button {
  padding: 15px;
  text-align: center;
  color: white;
  margin-left: 15px;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .buttons-container .button:first-child {
  margin-left: 0;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .buttons-container .button:first-child:nth-last-child(1) {
  width: calc(100% - 30px);
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .buttons-container .button:first-child:nth-last-child(2) {
  width: calc(50% - 30px);
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .buttons-container .button:first-child:nth-last-child(2) ~ .button {
  width: calc(50% - 45px);
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .buttons-container .button:first-child:nth-last-child(3) {
  width: calc(33.3333% - 30px);
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .buttons-container .button:first-child:nth-last-child(3) ~ .button {
  width: calc(33.3333% - 45px);
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .buttons-container .button:first-child:nth-last-child(4) {
  width: calc(25% - 30px);
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .buttons-container .button:first-child:nth-last-child(4) ~ .button {
  width: calc(25% - 45px);
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [switch] {
  cursor: pointer;
  width: 60px;
  height: 30px;
  border-radius: 20px;
  border: 1px solid #ddd;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [switch] .switch-bt {
  border-radius: 20px;
  width: 28px;
  height: 28px;
  background: white;
  border: 1px solid #ddd;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [switch].on {
  background: #99CC32;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [switch].on .switch-bt {
  float: right;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [switch].off {
  background: white;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [switch].off .switch-bt {
  float: left;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [slider] {
  width: 100%;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [slider] .ui-slider-range {
  background: black;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [slider] .ui-slider-handle {
  border-radius: 10px;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .value {
  float: right;
  font-weight: 600;
  margin-bottom: 5px;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .limits {
  width: 100%;
  margin-top: 5px;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .limits .upper {
  float: right;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .legend {
  width: 100%;
  margin-top: 15px;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .legend > div {
  height: 15px;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .answer {
  width: 100%;
  margin-top: 15px;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .answer label {
  cursor: pointer;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .answer [type=checkbox], .content .audit-editor .audit-template .audit-question .answers-container .answers .answer [type=radio] {
  margin-right: 15px;
  transform: scale(2);
  cursor: pointer;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .media-dialog-container {
  width: 63% !important;
  left: 20% !important;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers .media-dialog-container,
.content .audit-editor .audit-template .audit-question .answers-container .answers .smart-answer-dialog-container {
  margin-top: 100px;
  width: 63% !important;
  left: 20% !important;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [media-dialog] {
  display: none;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [media-dialog] .media-buttons-container {
  width: 65%;
}
@media screen and (max-width: 999px) {
  .content .audit-editor .audit-template .audit-question .answers-container .answers [media-dialog] .media-buttons-container {
    width: 100%;
  }
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [media-dialog] .media-buttons-container .button-container {
  background: #04930F;
  width: 100%;
  min-height: 45px;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [media-dialog] .media-buttons-container .button-container .delete {
  width: 17px;
  height: 21px;
  background: url("../img/templates/basura-blanca.png");
  background-size: cover;
  margin: 11px 5px 0px;
  cursor: pointer;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [media-dialog] .media-buttons-container .button-container button {
  background: #04930F;
  min-height: 45px;
  width: calc(100% - 27px);
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [media-dialog] .media-buttons-container .img {
  width: 97%;
  min-height: 45px;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [media-dialog] .media-buttons-container .img img {
  margin-top: 10px;
  width: 100%;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [media-dialog] .media-buttons-container .audio {
  width: 97%;
  min-height: 45px;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [media-dialog] .media-buttons-container .audio audio {
  margin-top: 10px;
  width: 100%;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [media-dialog] .media-buttons-container .nc {
  width: 97%;
  min-height: 45px;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [media-dialog] .media-buttons-container .nc img {
  margin-top: 10px;
  width: 100%;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [media-dialog] .notes {
  width: 32%;
}
@media screen and (max-width: 999px) {
  .content .audit-editor .audit-template .audit-question .answers-container .answers [media-dialog] .notes {
    width: 97% !important;
    margin-top: 10px !important;
  }
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [smart-answer-dialog] {
  display: none;
}
.content .audit-editor .audit-template .audit-question .answers-container .answers [smart-answer-dialog] .title {
  background: green;
  color: white;
  width: calc(100% - 30px);
  padding: 10px 15px;
  text-align: left;
}
.content .follow-up-summary strong {
  font-weight: bold;
}
.content .follow-up-summary table {
  width: auto;
  background: transparent;
}
.content .follow-up-summary table td, .content .follow-up-summary table th {
  background: transparent;
  border: none;
}
.content .follow-up-summary > .audit-section > .title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.content .follow-up-summary .grade {
  width: 30px;
  text-align: center;
  height: 30px;
  border-radius: 50%;
  line-height: 30px;
  padding: 4px;
  color: #fff;
}
.content .follow-up-summary .follow-up-info {
  width: 50vw;
  margin-left: 20px;
}
.content .follow-up-summary .follow-up-info h2 {
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 20px;
}
.content .follow-up-summary .follow-up-info > div {
  display: inline-block;
}
.content .follow-up-summary .follow-up-info .legend table {
  width: auto;
}
@media screen and (max-width: 1300px) {
  .content .follow-up-summary .follow-up-info .grading-system {
    display: none;
  }
}
.content .follow-up-summary .follow-up-info .grading-system table {
  width: 320px;
}
.content .follow-up-summary .follow-up-info .grading-title {
  padding-left: 0;
  font-weight: bold;
}
.content .text-align-center {
  text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 425px) {
  .content .button-group {
    position: absolute;
    top: 20%;
    right: 0%;
  }
}
@media screen and (min-width: 426px) {
  .content .button-group {
    float: right;
  }
}
.content .tree {
  width: 100%;
  margin-bottom: 15px;
}
.content .tree .levels {
  width: calc(100% - 224px);
  background: white;
}
.content .tree .levels .level {
  width: 33.3333333333%;
  border-top: 1px solid #E2E2E2;
  background: #f8f8f8;
}
.content .tree .levels .level > .name {
  width: calc(100% - 46px);
  padding: 10px;
  background: #F8F8F8;
  font-weight: 600;
  height: 13px;
}
.content .tree .levels .level > .name .more {
  width: 22px;
  height: 22px;
  cursor: pointer;
  background: url("../img/notifications/carpeta-plus-negra.png");
  background-size: contain;
  margin-top: -3px;
  margin-right: 8px;
}
.content .tree .levels .level .delete {
  width: 17px;
  height: 21px;
  background: url("../img/templates/basura.png");
  background-size: cover;
  margin: 5px 3px 0px;
  cursor: pointer;
}
.content .tree .levels .level .nodes {
  width: 100%;
  border-top: 1px solid #E2E2E2;
}
.content .tree .levels .level .nodes .node {
  width: 100%;
  cursor: pointer;
  background-color: white;
}
.content .tree .levels .level .nodes .node.selected input {
  font-weight: 600;
}
.content .tree .levels .level .nodes .node.drop-hover {
  background: #99CC32 !important;
}
.content .tree .levels .level .nodes .node .name {
  width: calc(100% - 81px);
  background: url("../img/notifications/carpeta-verde.png") no-repeat;
  background-position: 10px center;
  background-size: 22px;
  padding-left: 25px;
}
.content .tree .levels .level .nodes .node .name input {
  font-size: 11px;
  cursor: pointer;
  background: none;
  margin-left: 10px;
  padding-left: 5px;
}
.content .tree .levels .level .nodes .node input[type=checkbox] {
  display: block;
  float: left;
  margin-top: 12px;
  margin-right: 17px;
}
.content .tree .levels .level .nodes .node .delete {
  width: 17px;
  height: 21px;
  background: url("../img/templates/basura.png");
  background-size: cover;
  margin: 7px 1px;
  cursor: pointer;
}
.content .tree .auditors-list {
  width: 209px;
  border-top: 1px solid #DDDDDD;
  padding-left: 15px;
  max-height: 350px;
  overflow: scroll;
}
.content .tree .auditors-list > .name {
  width: calc(100% - 20px);
  border-bottom: 1px solid #E2E2E2;
  padding: 10px;
  background: #F8F8F8;
  font-weight: 600;
  height: 13px;
}
.content .tree .auditors-list .auditors {
  width: 100%;
  background: white;
}
.content .tree .auditors-list .auditors .auditor {
  width: calc(100% - 15px);
  padding: 5px 5px 5px 10px;
  cursor: pointer;
  background: white;
}
.content .tree .auditors-list .auditors .auditor .name {
  width: calc(100% - 22px);
  margin-top: 5px;
}
.content .tree .auditors-list .auditors .auditor .delete {
  width: 17px;
  height: 21px;
  background: url("../img/templates/basura.png");
  background-size: cover;
  cursor: pointer;
}
.content [section-ths], .content [question-ths], .content [answer-ths] {
  display: none;
}
.content .filters {
  width: 100%;
  margin-bottom: 25px;
}
.content .filters .filter {
  width: 189px;
  margin-right: calc((100% - 568px) / 2);
  background: white;
}
.content .filters .filter.compact {
  margin-right: 10px;
}
.content .filters .filter:last-child {
  margin-right: 0px;
}
.content .filters .filter .icon {
  background: url("../img/audits/filter.png") no-repeat;
  background-size: 46px;
  width: 46px;
  height: 46px;
}
.content .filters .filter:hover .icon {
  background: url("../img/audits/filter-hover.png") no-repeat;
  background-size: 46px;
}
.content .filters .filter.active .icon {
  background: url("../img/audits/filter-hover.png") no-repeat;
  background-size: 46px;
}
.content .filters .filter .new-icon {
  background: url("../img/audits/new-filter.png") no-repeat;
  background-size: 46px;
  width: 46px;
  height: 46px;
}
.content .filters .filter .text {
  width: calc(100% - 54px);
  border: 1px solid #BBBBBB;
  border-left: none;
  height: 28px;
  padding-top: 16px;
  padding-left: 7px;
  font-size: 12px;
}
.content .filters .filter .text .delete {
  background: url("../img/templates/basura.png");
  background-size: cover;
  width: 15px;
  height: 18px;
  margin-right: 5px;
  margin-top: -2px;
  cursor: pointer;
}
.content .filter-values {
  margin-bottom: 15px;
  width: 100%;
}
.content .filter-values table {
  background: #DDDDDD;
}
.content .filter-values table th {
  white-space: nowrap;
  min-width: 40px;
}
.content .filter-values table th.active {
  background: linear-gradient(#F69C3F, #FFBB1A);
}
.content users-table {
  width: 100%;
  float: left;
}
.content users-table .users {
  width: 100%;
  overflow: visible;
}
.content .mCSB_scrollTools {
  width: 7px;
}
.content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}
.content .mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 14px;
}
.content .demo {
  width: 100%;
}
.content .demo .demo-filter {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 2px solid #8CA950;
}
.content .demo .demo-filter > :not(:last-child) {
  margin-right: 10px;
}
.content .demo .demo-results {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.content .demo .demo-results .demo-category {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: column;
  -webkit-flex-flow: column;
  flex-flow: column;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 100%;
}
.content .demo .demo-results .demo-category:not(:last-child) {
  margin-right: 10px;
}
.content .demo .demo-results .demo-category h3 {
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 20px solid #8CA950;
}
.content .demo .demo-results .demo-category .demo-supplier {
  padding: 5px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.content .demo .demo-results .demo-category .demo-category-name {
  font-size: 130%;
}
.content .demo .demo-results .demo-category .demo-category-summary {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: column;
  -webkit-flex-flow: column;
  flex-flow: column;
  clear: both;
  margin-top: 20px;
}
.content .demo .demo-results .demo-category .demo-category-summary .demo-category-value {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.content .demo .demo-results .demo-category .demo-category-summary .demo-category-value .key {
  margin-right: 20px;
  font-weight: bold;
}
.content .demo .supplier-risk {
  display: inline-block;
  width: 1em;
  height: 1em;
  border-width: 5px;
  border-style: solid;
  border-color: black;
  margin-right: 5px;
  text-align: center;
  font-weight: bold;
}
.content .demo .supplier-risk.low {
  border-color: #8CA950;
}
.content .demo .supplier-risk.medium {
  border-color: #ffeb3b;
}
.content .demo .supplier-risk.high {
  border-color: #f44336;
}
.content .demo .demo-popup {
  content: " ";
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.content .demo .popup-content {
  position: fixed;
  left: 0;
  right: 0;
  top: 120px;
  margin: auto;
  padding: 20px;
  max-width: 930px;
  background-color: #D7E4BD;
}
.content .demo .popup-content h2 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}
.content .demo .popup-content h3 {
  font-size: 150%;
  margin-bottom: 10px;
}
.content .demo .popup-content .supplier-image {
  width: 300px;
  height: auto;
}
.content .demo .popup-content .supplier-risk {
  font-size: 28px;
}
.content .demo .popup-content .supplier-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px;
}
.content .demo .popup-content .supplier-info .supplier-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: column;
  -webkit-flex-flow: column;
  flex-flow: column;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-left: 20px;
}
.content .demo .popup-content .close-button {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  font-weight: bold;
  float: right;
}
.content .demo .popup-content .close-button > a {
  margin-left: 10px;
}
.content .demo .popup-content .supplier-options {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.content .demo .popup-content .supplier-options > * {
  margin-right: 20px;
}
.content .demo .popup-content .button {
  background-color: #8CA950;
  font-weight: bold;
  padding: 5px 15px;
  color: white;
}
.content .demo .popup-content .button.unfocused {
  background-color: rgba(140, 169, 80, 0.3);
  color: black;
}
.content .demo .popup-content .button.unfocused:hover {
  background-color: #8CA950;
  color: white;
}
.content .demo .popup-content .supplier-follow {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: column;
  -webkit-flex-flow: column;
  flex-flow: column;
  width: 100%;
}
.content .demo .popup-content .supplier-follow .supplier-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-top: 20px;
  width: 100%;
}
.content .demo .popup-content .supplier-follow .supplier-data {
  margin-top: 20px;
  padding: 20px;
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.5);
}
.content .demo .popup-content .supplier-follow .supplier-data ul {
  list-style: inside none disc;
}
.content .demo .popup-content .supplier-follow .supplier-data ul li {
  margin-bottom: 10px;
}
.content .demo .popup-content .supplier-follow .supplier-data ul li.future {
  color: #f44336;
}
.content .demo .popup-content .supplier-follow .supplier-data ul a {
  display: inline;
  float: unset;
  font-size: 140%;
  margin-left: 10px;
  color: #8CA950;
}
.content .demo .demo-chart {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: column;
  -webkit-flex-flow: column;
  flex-flow: column;
  width: 100%;
}
.content .demo .demo-chart .c3-line {
  stroke-width: 2px;
}
.content .demo .chart-column {
  margin-right: 10px;
  margin-bottom: 5px;
  border: 1px solid currentColor;
  background-color: white;
  cursor: pointer;
}
.content .demo .chart-column.active {
  background-color: currentColor;
}
.content .demo .chart-column.active span {
  color: white !important;
}
.content .demo .invisible-table {
  font-size: 120%;
  background: none;
  border: none;
  margin-left: 50px;
}
.content .demo .invisible-table td, .content .demo .invisible-table th {
  border: none;
}
.content .demo .invisible-table td:first-child, .content .demo .invisible-table th:first-child {
  display: list-item;
}
.content .width-100 {
  width: 100%;
}
.content .pager {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  margin-top: 20px;
}
.content .pager .pager-button {
  border: 1px solid lightgrey;
  font-size: 120%;
  margin-right: 5px;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.content .pager .pager-button.selected, .content .pager .pager-button:hover {
  font-weight: bold;
  background-color: #99cc32;
}
.content .reference-dashboard {
  float: left;
  width: 100%;
}
.content .reference-dashboard table th {
  cursor: default;
}
.content .reference-dashboard .medium-column {
  min-width: 100px;
}
.content .scrollable-container {
  width: 100%;
  overflow: auto;
}
.content .template-translation {
  position: relative;
  margin-top: 111px;
  width: 100%;
  float: none;
  display: flex;
  flex-direction: column;
}
.content .template-translation .default-bg {
  background: #DDD;
  padding: 20px;
  float: none;
  display: flex;
  flex-direction: column;
}
.content .template-translation .bold {
  font-weight: bold;
  font-size: 12px;
}
.content .template-translation .h-title {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 5px;
}
.content .template-translation .top-container {
  position: fixed;
  top: 51px;
  width: calc(100% - 200px);
  z-index: 999;
  float: none;
  display: flex;
  flex-direction: column;
}
.content .template-translation .top-container .top-container-header {
  width: 100%;
  border-bottom: 1px solid #BBBBBB;
  border-left: 0px solid #BBBBBB;
  height: 37px;
  background: #FFFFFF;
  line-height: 34px;
  padding-left: 18px;
  font-size: 14px;
  float: none;
  display: flex;
  flex-direction: column;
}
.content .template-translation .top-container .top-container-actions {
  float: none;
  display: flex;
  flex-direction: column;
  flex-direction: row;
  width: calc(100% - 40px);
}
.content .template-translation .top-container .top-container-actions .language-selector-container {
  flex: 1;
}
.content .template-translation .top-container .top-container-actions .language-selector-container select {
  width: 150px;
}
.content .template-translation .top-container .top-container-actions .save-button-container {
  float: none;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  flex-direction: row;
}
.content .template-translation .top-container .top-container-actions .save-button-container button {
  width: 100px;
}
.content .template-translation .green-border {
  float: none;
  display: flex;
  flex-direction: column;
  border: 3px solid #99CC32;
  margin: 10px;
}
.content .template-translation .form-field {
  float: none;
  display: flex;
  flex-direction: column;
  padding: 10px 0px;
}
.content .template-translation .form-field label {
  margin-bottom: 7px;
}
.content .template-translation .modules-container {
  float: none;
  display: flex;
  flex-direction: column;
  background: white;
  padding: 10px;
}
.content .template-translation .modules-container .module {
  margin-bottom: 10px;
}
.content .template-translation .sections-container {
  float: none;
  display: flex;
  flex-direction: column;
  border: 3px solid #4CAF50;
  background: white;
  padding: 10px;
}
.content .template-translation .section {
  float: none;
  display: flex;
  flex-direction: column;
  background: #CCC;
  padding: 10px;
  margin-bottom: 10px;
}
.content .template-translation .questions-container {
  float: none;
  display: flex;
  flex-direction: column;
  background: white;
  padding: 10px;
  border: 3px solid #99CC32;
}
.content .template-translation .questions-container .question {
  float: none;
  display: flex;
  flex-direction: column;
  padding: 10px;
  background: #DDD;
  margin-bottom: 10px;
}
.content .template-translation .questions-container .question .extra-info-en {
  padding: 5px;
  background: #EFEFEF;
}
.content .template-translation .questions-container .question .edit-extra-info {
  color: blue;
  padding: 3px;
}
.content .template-translation .questions-container .question .extra-info {
  background: white;
  padding: 5px;
}
.content .template-translation .answers-container {
  float: none;
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.content .template-translation .answers-container .answer {
  float: none;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  padding: 10px;
  background: #CCC;
}
.content .template-translation .answers-container .smart-sections-container {
  float: none;
  display: flex;
  flex-direction: column;
  border: 3px solid #FF9934;
  background: white;
  padding: 10px;
}
.content.expanded .top-container {
  width: calc(100% - 40px - 50px);
}

p, .label {
  line-height: 15px !important;
}

h1, h2, h3 {
  color: #8bc34a;
  font-weight: bold;
}

h2 {
  font-size: 120%;
  padding: 10px 0;
}

.input-text {
  border-radius: 5px;
}

.fright {
  float: right;
}

.clickable {
  cursor: pointer;
  border-radius: 5px;
}

.action {
  position: relative;
  transition: transform 0.3s;
}
.action ::before {
  content: attr(title);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px;
  background-color: #333;
  color: #fff;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}

.action:hover::before {
  opacity: 1;
  visibility: visible;
}

.action:hover {
  transform: scale(1.1);
}

.ui-datepicker, .ui-dialog, .ui-widget {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.ui-datepicker, .ui-datepicker div, .ui-datepicker a,
.ui-dialog, .ui-dialog > div {
  float: none;
}

.ui-dialog {
  z-index: 99999 !important;
}

.ui-dialog-titlebar, .ui-dialog-titlebar-close {
  background: none !important;
  border: none !important;
}

.ui-dialog-content {
  font-size: 14px;
  margin-top: 10px;
}

.ui-dialog-content.dialog-msg {
  text-align: center;
}

.ui-dialog .ui-dialog-buttonpane button {
  color: #99CC32;
  font-weight: 600;
  text-transform: uppercase;
}

body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
  text-align: center;
}

.ui-draggable:not(.dialog-media-preview-img):not(.dialog-media-preview-audio) .ui-dialog-titlebar {
  display: none;
}

.dialog-media-preview-img {
  margin-top: 50px;
}
.dialog-media-preview-img img {
  width: 670px;
}

.dialog-media-preview-audio {
  margin-top: 300px;
}
.dialog-media-preview-audio audio {
  width: 670px;
}

.dialog-add-to-dashboard {
  display: none;
}
.dialog-add-to-dashboard .text {
  margin-bottom: 10px;
}
.dialog-add-to-dashboard > input[type=text] {
  width: 100%;
}

.dialog-create-new-filter {
  display: none;
}
.dialog-create-new-filter > .title {
  width: calc(100% - 20px);
  background: #99CC32;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 3px;
  color: white;
}
.dialog-create-new-filter .row {
  width: 100%;
  margin-bottom: 10px;
}
.dialog-create-new-filter .row:first-child .title label {
  margin-left: 23px;
  margin-top: 5px;
  display: block;
}
.dialog-create-new-filter .row .title {
  width: 100px;
}
.dialog-create-new-filter .row .dates .title {
  width: 77px;
  margin-left: 23px;
  margin-top: 5px;
  display: block;
}

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 45%;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 45% 10px 10px;
}

.colpick_hex_field input {
  text-transform: uppercase;
}

.colpick {
  z-index: 9999;
}

.mce-container:not(.mce-edit-area):not(.mce-statusbar) {
  float: left;
}

body .mce-tinymce,
body .mce-menubar.mce-toolbar,
body .mce-toolbar-grp {
  width: 100% !important;
}

body .mce-tinymce {
  background: white;
}

.mce-btn button {
  padding: 4px 10px;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  color: #333;
  text-align: center;
  background: none;
}

body .mce-path {
  display: none;
}

body .mce-container-body .mce-resizehandle {
  position: relative;
  float: right;
}

body .mce-statusbar {
  border-top: none;
}

.extra-info-dialog {
  top: 60px !important;
}

.button-popup {
  background: #9acd35 !important;
  color: white !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  border: 1px #9acd35 solid !important;
  margin-top: 15px;
}
.button-popup:hover {
  border: 1px #9acd35 solid;
}

.ui-dialog .ui-dialog-buttonpane {
  border-width: 0 !important;
}

/*# sourceMappingURL=style.css.map */