@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto");
.edit-container.fancyform .btn-upload {
  background-image: url(/images/normal.png);
  width: 100px;
  height: 29px;
  display: inline-block; }
  .edit-container.fancyform .btn-upload:hover {
    background-image: url(/images/onclick.png); }

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  direction: ltr;
  box-sizing: border-box;
  word-break: break-word; }

body {
  font-size: 0.8rem; }
  body #logged-in-content {
    min-height: 100vh;
    padding: 0px 0 0 0px;
    left: 0;
    position: relative;
    transition: 250ms cubic-bezier(0.1, 0.57, 0.1, 1);
    margin-left: 0px; }
  body #page-content {
    height: 99vh;
    padding: 50px 4px 4px 4px;
    left: 0;
    position: relative;
    transition: 250ms cubic-bezier(0.1, 0.57, 0.1, 1);
    margin-left: 0px;
    overflow: scroll; }
  body.hidden-menu #page-content {
    position: relative;
    left: 220px; }
  body.fixed-header {
    position: fixed;
    width: 100vw;
    z-index: 905;
    top: 0px;
    border-bottom: 2px solid #999999;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: -11px 12px 23px rgba(0, 0, 0, 0.1); }
    body.fixed-header #header {
      position: fixed;
      width: 100%;
      z-index: 905;
      top: 0px;
      left: 0px; }
    body.fixed-header.fixed-ribbon #header {
      border-bottom: none;
      box-shadow: none; }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  body #page-content {
    margin-left: 225px;
    left: 0; }
    body #page-content.fullw {
      margin-left: 0; }
  body.hidden-menu #page-content {
    margin-left: 0px;
    left: 0; } }
.page-footer {
  position: fixed;
  z-index: 901;
  height: 52px;
  padding: 15px 13px 0;
  border-top: 1px solid #CECECE;
  width: 100%;
  display: block;
  bottom: 0; }
  @media (min-width: 992px) {
    .page-footer {
      padding-left: 233px; } }

.hidden {
  display: none !important; }

.margin-top-10 {
  margin-top: 10px; }

.margin-bottom-10 {
  margin-bottom: 10px; }

#logout-form {
  text-align: center;
  background-color: #c35b13;
  color: white;
  border-radius: 10px;
  box-shadow: -11px 12px 23px #883617; }
  #logout-form .MsgTitle {
    font-size: 150%; }
  #logout-form button {
    margin: 0 4px; }

.ajax-loading-animation {
  text-align: center;
  margin-top: 20px; }

a.edit {
  width: 22px;
  height: 22px;
  position: absolute;
  bottom: 0px;
  right: 1%;
  background-image: url(/images/comment_edit.png);
  background-repeat: no-repeat; }
  a.edit:hover {
    transform: scale(1.6); }

.btn-scan {
  color: #fff;
  background-color: #ce8706;
  border-color: #a76d06;
  background-image: url("/a4l/jsQR/qr-scan-sm.png");
  background-repeat: no-repeat;
  background-position: 10px 6px;
  width: 90px;
  padding-left: 38px; }

.table td, .table th {
  padding: .5rem; }

.padding-5 {
  padding: 5px; }

.padding-top-10 {
  padding-top: 10px; }

.padding-10 {
  padding: 10px; }

/**
 * NOTE: THIS IS A FIX TO PREVENT THE TOOLTIP FLASHING WHEN
         THE MOUSE HOVERS OVER IT WHILE STILL ABOVE THE     TAG
 */
.tooltip {
  pointer-events: none; }

.btn.disabled, .btn:disabled {
  opacity: .35; }

.insite-in {
  color: #2F5496 !important;
  font-weight: bold !important; }

.insite-site {
  color: black !important;
  font-style: oblique !important;
  font-weight: bold !important; }

#header {
  min-height: 50px;
  display: block;
  background-color: #f78c40;
  background-image: -moz-linear-gradient(top, #f78c40, #d67632);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f78c40), to(#d67632));
  background-image: -webkit-linear-gradient(top, #f78c40, #d67632);
  background-image: -o-linear-gradient(top, #f78c40, #d67632);
  background-image: linear-gradient(to bottom, #f78c40, #d67632);
  background: linear-gradient(to bottom, #faf1ff 1%, rgba(224, 132, 132, 0.93) 93%);
  /**/
  background: linear-gradient(to bottom, #F9F7F5, rgba(221, 176, 121, 0.93));
  color: #d55f0e;
  padding-right: 5px;
  max-height: 70px;
  overflow: hidden; }
  #header #logo-group {
    /*
        With small screen devices, such as iphone 5/6, the header
        area wraps due to the wide logo group, so reduce it
     */
    width: 70px !important;
    display: inline-block;
    vertical-align: middle;
    height: 49px;
    float: left; }
    @media (min-width: 992px) {
      #header #logo-group {
        width: 169px !important; } }
    #header #logo-group #logo {
      background-image: url(/images/logos/blue-aegiscompsm.png);
      height: 80%;
      width: 100%;
      left: 4px;
      top: 4px;
      margin: 0;
      background-size: contain;
      background-repeat: no-repeat;
      background-position-x: 8px;
      background-position-y: 0px;
      position: relative; }
  #header .project-context {
    float: left;
    color: #d55d06;
    padding-top: 10px; }
  #header .btn {
    font-size: 17px;
    margin: 10px 0 0 0;
    border-radius: 2px;
    cursor: default !important;
    display: inline-block;
    font-weight: bold;
    min-width: 30px;
    padding: 2px;
    text-align: center;
    text-decoration: none !important;
    margin-top: 5px !important;
    -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
    color: #ffffff;
    background-color: #DD7C37;
    background-image: -moz-linear-gradient(top, #F9F7F5, rgba(221, 176, 121, 0.93));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F9F7F5), to(rgba(221, 176, 121, 0.93)));
    background-image: -webkit-linear-gradient(top, #F9F7F5, rgba(221, 176, 121, 0.93));
    background-image: -o-linear-gradient(top, #F9F7F5, rgba(221, 176, 121, 0.93));
    background-image: linear-gradient(to bottom, #F9F7F5, rgba(221, 176, 121, 0.93));
    color: #FFF !important;
    border: 1px solid rgba(221, 184, 164, 0.93);
    text-shadow: #985813 0 -1px;
    margin-top: 10px !important;
    margin-right: 8px; }
    #header .btn:hover {
      -webkit-box-shadow: inset 1px 1px 0 rgba(221, 176, 121, 0.93), inset -1px -1px 0 rgba(221, 176, 121, 0.93);
      -moz-box-shadow: inset 1px 1px 0 rgba(221, 176, 121, 0.93), inset -1px -1px 0 rgba(221, 176, 121, 0.93);
      box-shadow: inset 1px 1px 0 rgba(221, 176, 121, 0.93), inset -1px -1px 0 rgba(221, 176, 121, 0.93);
      background-color: #DD7A35;
      background-image: -moz-linear-gradient(top, rgba(221, 176, 121, 0.93), #F9F7F5);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(221, 176, 121, 0.93)), to(#F9F7F5));
      background-image: -webkit-linear-gradient(top, rgba(221, 176, 121, 0.93), #F9F7F5);
      background-image: -o-linear-gradient(top, rgba(221, 176, 121, 0.93), #F9F7F5);
      background-image: linear-gradient(to bottom, #ffda91, #F9F7F5);
      border: 1px solid #F9F7F5; }
  #header #lone-worker .btn {
    width: 32px;
    height: 32px; }
  #header .lonew {
    background-image: url(/images/icons/time-management-sm.png);
    background-color: transparent;
    background-repeat: no-repeat;
    opacity: 0.2;
    display: inline-block;
    background-size: contain;
    width: 24px;
    height: 24px; }
    #header .lonew:hover {
      background-image: url(/images/icons/time-management-go.png);
      background-color: transparent;
      opacity: 1; }
    #header .lonew.active {
      background-image: url(/images/icons/time-management-stop.png);
      opacity: 1; }
      #header .lonew.active:hover {
        background-image: url(/images/icons/time-management-stop.png); }
  #header #logout i {
    color: #E4B054; }

#left-panel {
  min-height: 100%;
  width: 220px;
  background: #f2f2f2;
  border-right: 2px solid #ccc;
  transition: 250ms cubic-bezier(0.1, 0.57, 0.1, 1);
  padding-top: 50px;
  z-index: 903;
  left: -220px;
  top: 0px; }
  #left-panel .login-info {
    display: block;
    font-size: 12px;
    height: 39px;
    color: #ffffff;
    border: solid transparent;
    border-width: 1px 0px 1px 0px;
    border-bottom: 1px solid #E2E2E2;
    background: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    width: 100%;
    margin: 0px !important;
    box-sizing: content-box; }
    #left-panel .login-info > span {
      height: 38px;
      display: block;
      padding: 0 10px; }
      #left-panel .login-info > span i {
        top: 7px;
        position: relative;
        font-size: 180%; }
    #left-panel .login-info a span {
      text-transform: capitalize;
      font-size: 14px;
      display: inline-block;
      text-decoration: none;
      max-width: 150px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: middle;
      margin-left: 5px;
      margin-top: 3px; }
  #left-panel nav ul {
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 0.5em;
    list-style: none;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    height: 100%;
    width: 100%; }
    #left-panel nav ul > li {
      background-color: #f2f2f2;
      background-image: -moz-linear-gradient(top, #f9f9f9, #f2f2f2);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f2f2f2));
      background-image: -webkit-linear-gradient(top, #f9f9f9, #f2f2f2);
      background-image: -o-linear-gradient(top, #f9f9f9, #f2f2f2);
      background-image: linear-gradient(to bottom, #f9f9f9, #f2f2f2);
      border-bottom: 1px solid #DFDFDF; }
    #left-panel nav ul li a {
      line-height: normal;
      font-size: 14px;
      padding: 10px 10px 10px 11px;
      color: #444 !important;
      display: block;
      font-weight: normal;
      text-decoration: none !important;
      position: relative; }
      #left-panel nav ul li a:hover {
        background: rgba(0, 0, 0, 0.05) !important;
        font-weight: bold; }
      #left-panel nav ul li a .menu-item-parent {
        width: 80%;
        -moz-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        margin: 0;
        padding: 0; }
      #left-panel nav ul li a b {
        float: right;
        font-size: 11px;
        margin-top: 2px; }
    #left-panel nav ul li.active {
      font-weight: 900;
      background-color: #f3a3a3;
      background-image: -moz-linear-gradient(top, #f9f9f9, #f3a3a3);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f3a3a3));
      background-image: -webkit-linear-gradient(top, #f9f9f9, #f3a3a3);
      background-image: -o-linear-gradient(top, #f9f9f9, #f3a3a3);
      background-image: linear-gradient(to bottom, #f9f9f9, #f3a3a3); }
    #left-panel nav ul li ul {
      display: none; }
      #left-panel nav ul li ul li a {
        padding-left: 38px; }
        #left-panel nav ul li ul li a i {
          font-size: 13px;
          top: -4px;
          position: relative; }
    #left-panel nav ul li.open ul li > a {
      padding-left: 38px; }
    #left-panel nav ul > ul > li > a {
      padding: 12px 10px 12px 11px;
      font-size: 13px; }

.fixed-navigation #left-panel {
  height: 100%;
  position: fixed; }

.hidden-menu #left-panel {
  left: 0; }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #left-panel {
    left: 0; }
    .hidden-menu #left-panel {
      left: -220px; } }
#logged-out-content {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a20607; }
  #logged-out-content:after {
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    background-size: cover;
    background-position: center center;
    background-image: url(/images/Bell.jpg);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.6; }
  #logged-out-content #premind,
  #logged-out-content #login-box {
    width: 400px;
    height: 400px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
    #logged-out-content #premind .card,
    #logged-out-content #login-box .card {
      background-color: transparent;
      border-width: 0px;
      border: 2px solid #e87c7d;
      border-radius: 05px 25px; }
      #logged-out-content #premind .card .card-header,
      #logged-out-content #login-box .card .card-header {
        background: #a20707;
        color: white;
        border-radius: 05px 25px 0 0;
        text-align: center; }
      #logged-out-content #premind .card .card-body,
      #logged-out-content #login-box .card .card-body {
        background-color: #ffffff96;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 0 0 5px 25px; }
        #logged-out-content #premind .card .card-body label,
        #logged-out-content #login-box .card .card-body label {
          background-color: #a2060782;
          padding: 4px;
          background-color: #ffffff69;
          padding: 4px; }
        #logged-out-content #premind .card .card-body input,
        #logged-out-content #login-box .card .card-body input {
          opacity: 0.8; }
        #logged-out-content #premind .card .card-body .btn-primary,
        #logged-out-content #login-box .card .card-body .btn-primary {
          color: #fff;
          background-color: #a20607;
          border-color: #800405; }
        #logged-out-content #premind .card .card-body .fpass,
        #logged-out-content #login-box .card .card-body .fpass {
          margin-top: 10px;
          background-color: transparent; }
          #logged-out-content #premind .card .card-body .fpass a,
          #logged-out-content #login-box .card .card-body .fpass a {
            font-size: 80%;
            color: #a20607;
            font-style: oblique; }
            #logged-out-content #premind .card .card-body .fpass a:hover,
            #logged-out-content #login-box .card .card-body .fpass a:hover {
              color: blue; }
  #logged-out-content #premind .card .card-body {
    background-color: #ffffffcf; }
  #logged-out-content #premind .card .notes {
    padding: 2px 4px;
    background-color: wheat;
    opacity: 0.8; }
  #logged-out-content .lb-button a {
    text-align: center;
    margin-top: 20px;
    border: 1px solid #af7104;
    padding: 5px 0;
    background: #ce8705;
    color: white;
    display: block; }
  #logged-out-content #loggedinBox {
    width: 300px;
    border: solid 1px #000;
    background-color: #FFF;
    padding: 10px 20px;
    box-shadow: 0 0 20px #000;
    -moz-box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 20px #000;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-transform: uppercase;
    text-align: center; }
  #logged-out-content .logbook {
    max-width: 600px;
    padding: 20px;
    background: transparent;
    width: 100%;
    min-height: 200px; }
  #logged-out-content .logbook.loading {
    background: white; }
  #logged-out-content .logbook .lead {
    background: white;
    padding: 10px;
    border-radius: 05px 25px 0 0; }
  #logged-out-content .results-table {
    background: #ffffffbd;
    max-height: 60vh;
    overflow: scroll;
    border-radius: 0 0 5px 25px;
    padding: 1.25rem; }
  #logged-out-content .results-table .row {
    border: 0px solid #c7830547;
    border-bottom-width: 1px; }
  #logged-out-content .results-table .row.err .notes {
    background-color: red;
    color: white !important;
    text-align: center; }
  #logged-out-content .results-table .dl-btn {
    display: block;
    text-align: center;
    padding: 4px;
    background: white; }
  #logged-out-content .logbook .lb-button {
    max-width: 370px;
    margin: 10px auto; }

.pager .pagination-bar {
  width: 100%;
  background-color: white;
  min-height: 35px;
  margin: 0px 0px 10px 0px; }
  .pager .pagination-bar .section {
    border: 1px solid white;
    border-width: 1px 1px 0px 0px;
    background: transparent linear-gradient(to bottom, rgba(220, 216, 196, 0.32) 0.05%, rgba(220, 200, 166, 0.92) 100%) repeat scroll 0 0;
    padding: 8px;
    vertical-align: middle;
    height: 40px; }
    .pager .pagination-bar .section .filterbox {
      padding: 1px !important;
      width: 100%;
      text-align: center; }
  .pager .pagination-bar .pag-left {
    position: static;
    text-align: left; }
  .pager .pagination-bar .pag-right {
    text-align: right; }
  .pager .pagination-bar .pager {
    margin: 0px 0px 0px 0px;
    display: inline-block; }
  .pager .pagination-bar .pagesizer {
    display: inline-block;
    text-align: right; }
.pager div.pagination-bar {
  width: 100%;
  background-color: white;
  min-height: 35px; }
  .pager div.pagination-bar .section {
    border: 1px solid white;
    border-width: 1px 1px 0px 0px;
    background: transparent linear-gradient(to bottom, rgba(220, 216, 196, 0.32) 0.05%, rgba(220, 200, 166, 0.92) 100%) repeat scroll 0 0;
    vertical-align: middle; }
.pager .idcol {
  width: 6em; }
.pager article header {
  border: none;
  border: 1px solid #D8D8D8;
  background-color: #F9F9F9;
  background-image: -moz-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FDFDFD), to(#F4F4F4));
  background-image: -webkit-linear-gradient(top, #FDFDFD, #F4F4F4);
  background-image: -o-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: linear-gradient(to bottom, #FDFDFD, #F4F4F4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfdfd', endColorstr='#fff4f4f4', GradientType=0);
  box-shadow: 0 1px 0 0 #F7F7F7, 0 5px 4px -4px #D8D8D8;
  -moz-box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
  -webkit-box-shadow: 0 1px 0 0 #F7F7F7, 0 5px 4px -4px #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  text-shadow: 0 1px 0 0 1px 0 #ffffff;
  height: 33px;
  line-height: 30px;
  position: relative;
  padding: 0 15px 0 0;
  z-index: 1;
  color: #7C7C7C; }
  .pager article header.auto {
    height: auto; }
    .pager article header.auto h2 {
      margin: 0; }
  .pager article header h2, .pager article header h3 {
    text-align: center; }
    .pager article header h2 .itemname, .pager article header h3 .itemname {
      font-weight: bold;
      color: #a96b14;
      font-size: 1.0rem;
      position: relative;
      top: -10px;
      /* Large devices (desktops, 992px and up) */ }
      @media (min-width: 992px) {
        .pager article header h2 .itemname, .pager article header h3 .itemname {
          font-size: 1.5rem;
          top: -8px; } }
  .pager article header h3.itemname {
    font-size: 0.8rem; }
.pager#prop-details article header .icon {
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 10px; }
  .pager#prop-details article header .icon.pdetails {
    background-image: url(/images/icons/010-analyst-1.png); }
    .pager#prop-details article header .icon.pdetails.active, .pager#prop-details article header .icon.pdetails:hover {
      background-image: url(/images/icons/008-analyst.png); }
  .pager#prop-details article header .icon.pqr {
    background-image: url(/images/icons/001-qr.png); }
    .pager#prop-details article header .icon.pqr.active, .pager#prop-details article header .icon.pqr:hover {
      background-image: url(/images/icons/002-qr-1.png); }
  .pager#prop-details article header .icon.pdocuments {
    background-image: url(/images/icons/011-record-1.png); }
    .pager#prop-details article header .icon.pdocuments.active, .pager#prop-details article header .icon.pdocuments:hover {
      background-image: url(/images/icons/007-record.png); }
  .pager#prop-details article header .icon.plog {
    background-image: url(/images/icons/004-plan.png); }
    .pager#prop-details article header .icon.plog.active, .pager#prop-details article header .icon.plog:hover {
      background-image: url(/images/icons/009-blueprint.png); }
  .pager#prop-details article header .icon.paudits {
    background-image: url(/images/icons/001-form-1.png); }
    .pager#prop-details article header .icon.paudits.active, .pager#prop-details article header .icon.paudits:hover {
      background-image: url(/images/icons/002-form.png); }
  .pager#prop-details article header .icon.passets {
    background-image: url(/images/icons/002-icon-942796.png); }
    .pager#prop-details article header .icon.passets.active, .pager#prop-details article header .icon.passets:hover {
      background-image: url(/images/icons/001-support.png); }
.pager .infocontainer {
  text-align: center;
  position: relative;
  padding: 20px 0 0 0; }
  .pager .infocontainer .iteminfo {
    display: inline-block;
    padding: 10px 40px 30px 40px;
    border: 1px outset #eaccad;
    position: relative;
    background: #F6F6EE url(/images/background1.png) !important;
    vertical-align: top; }
    .pager .infocontainer .iteminfo.wide {
      display: block; }
    .pager .infocontainer .iteminfo p.lead {
      font-size: 1.25rem !important; }
    .pager .infocontainer .iteminfo.fullw {
      width: 100%;
      padding: 10px 20px 10px 20px; }
      .pager .infocontainer .iteminfo.fullw .contact1-form {
        width: 100%; }
        .pager .infocontainer .iteminfo.fullw .contact1-form .btns {
          margin: 0 auto; }
          .pager .infocontainer .iteminfo.fullw .contact1-form .btns .contact1-form-button {
            font-size: 12px;
            padding: 0 15px;
            display: inline-block; }
          .pager .infocontainer .iteminfo.fullw .contact1-form .btns .contact1-form-button.cf-submit {
            min-width: auto; }
    .pager .infocontainer .iteminfo .itemcontent {
      border: 1px inset white;
      background: #ffffff69;
      padding: 10px; }
    .pager .infocontainer .iteminfo.qr-image {
      background-color: #ffffff !important;
      padding: 0 10px; }
      .pager .infocontainer .iteminfo.qr-image p.qr {
        display: block;
        font-size: 80%; }
      @media (min-width: 992px) {
        .pager .infocontainer .iteminfo.qr-image {
          margin-bottom: 0; }
          .pager .infocontainer .iteminfo.qr-image p.qr {
            display: block;
            font-size: 1.25rem; } }
      .pager .infocontainer .iteminfo.qr-image a.ilink {
        margin-bottom: 30px; }
      .pager .infocontainer .iteminfo.qr-image a {
        display: inline-block; }
      .pager .infocontainer .iteminfo.qr-image img {
        border: 1px inset #f2ebdb;
        width: 300px; }
        @media (min-width: 992px) {
          .pager .infocontainer .iteminfo.qr-image img {
            min-width: 200px;
            min-height: 200px;
            max-width: 310px;
            max-height: 310px;
            width: auto; } }
    .pager .infocontainer .iteminfo .item a {
      padding: 2px;
      border: 1px outset #80808029;
      margin: 2px;
      display: block;
      cursor: pointer;
      color: navy; }
    .pager .infocontainer .iteminfo .item:nth-of-type(even) a {
      background-color: rgba(0, 0, 0, 0.05); }
    .pager .infocontainer .iteminfo .item a:hover {
      background-color: #ff976e;
      font-style: oblique; }
  .pager .infocontainer.logbook, .pager .infocontainer .logbook {
    padding-top: 0; }
    .pager .infocontainer.logbook .iteminfo, .pager .infocontainer .logbook .iteminfo {
      width: 100%; }
      .pager .infocontainer.logbook .iteminfo .results-table, .pager .infocontainer .logbook .iteminfo .results-table {
        padding: 4px;
        background-color: white; }
        .pager .infocontainer.logbook .iteminfo .results-table .row div, .pager .infocontainer .logbook .iteminfo .results-table .row div {
          border: 0px solid #c7830547;
          border-bottom-width: 1px; }
        .pager .infocontainer.logbook .iteminfo .results-table .row.err .notes, .pager .infocontainer .logbook .iteminfo .results-table .row.err .notes {
          background-color: #ff23000d !important; }
          @media screen and (max-width: 480px) {
            .pager .infocontainer.logbook .iteminfo .results-table .row.err .notes, .pager .infocontainer .logbook .iteminfo .results-table .row.err .notes {
              margin-bottom: 4px; } }

.txt-color-orangeDark {
  color: #a57225 !important; }

.txt-warning {
  color: #a94c0d !important; }

.txt-color-red {
  color: #a90329 !important; }

.txt-color-green {
  color: green !important; }

.txt-color-darkGreen {
  color: #0e7207 !important; }

.txt-color-darkBlue {
  color: #160aa4 !important; }

.txt-color-blue {
  color: #3d70d4 !important; }

.txt-color-yellow {
  color: #b09b5b !important; }

.txt-color-brightYellow {
  color: #fbf411 !important; }

.edit-container {
  margin: 10px 5px 5px 5px; }
  @media (min-width: 992px) {
    .edit-container {
      margin: 20px 10px 10px 10px; } }
  .edit-container.fancyform .contact1 {
    width: 100%;
    min-height: 100%;
    padding: 15px;
    background: #e0b582;
    background: -webkit-linear-gradient(left, #e0b582, #ffe8ce);
    background: -o-linear-gradient(left, #e0b582, #ffe8ce);
    background: -moz-linear-gradient(left, #e0b582, #ffe8ce);
    background: linear-gradient(left, #e0b582, #ffe8ce);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    .edit-container.fancyform .contact1 .contact1-form-title,
    .edit-container.fancyform .contact1 .contact1-form-footer {
      display: block;
      color: #b17935;
      line-height: 1.2;
      text-align: center;
      width: 100%; }
    .edit-container.fancyform .contact1 .contact1-form-title {
      font-size: 24px;
      position: relative;
      top: -5px; }
    .edit-container.fancyform .contact1 .contact1-form-footer {
      padding-top: 14px;
      padding-bottom: 0px; }
    .edit-container.fancyform .contact1 .container-contact1 {
      width: 1163px;
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      padding: 20px; }
  .edit-container.fancyform .wrap-input1 {
    position: relative;
    width: 100%;
    z-index: 1;
    margin-bottom: 20px;
    margin-bottom: 10px; }
    .edit-container.fancyform .wrap-input1 .input1 {
      display: block;
      width: 100%;
      background-color: #e3bf92;
      font-family: Montserrat-Bold;
      font-size: 15px;
      line-height: 1.5;
      color: #666666;
      background: #f7d1a4a3;
      background: -webkit-linear-gradient(left, #f7d1a4a3, #fbf3ea);
      background: -o-linear-gradient(left, #f7d1a4a3, #fbf3ea);
      background: -moz-linear-gradient(left, #f7d1a4a3, #fbf3ea);
      background: linear-gradient(left, #f7d1a4a3, #fbf3ea);
      text-align: center; }
    .edit-container.fancyform .wrap-input1 h1 .input1,
    .edit-container.fancyform .wrap-input1 h2 .input1,
    .edit-container.fancyform .wrap-input1 h3 .input1,
    .edit-container.fancyform .wrap-input1 h4 .input1 {
      font-size: inherit;
      margin-bottom: 1rem; }
    .edit-container.fancyform .wrap-input1.pcode-search {
      display: inline-block;
      width: 126px; }
      .edit-container.fancyform .wrap-input1.pcode-search .input1 {
        background: #34bd3b;
        background: -webkit-linear-gradient(left, #34bd3b, #b0eaac);
        background: -o-linear-gradient(left, #34bd3b, #b0eaac);
        background: -moz-linear-gradient(left, #34bd3b, #b0eaac);
        background: linear-gradient(left, #34bd3b, #b0eaac);
        color: white;
        font-weight: bold; }
    .edit-container.fancyform .wrap-input1 #sel-user-type label {
      width: 70px; }

.search-icon {
  position: absolute;
  padding-right: 30px;
  cursor: pointer;
  right: 0;
  top: -4px;
  font-size: 17px;
  color: #ffffff;
  display: block;
  width: 40px;
  height: 40px; }
  .search-icon:before {
    content: '';
    position: absolute;
    margin-top: 4px;
    width: 15px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #9B935C;
    right: 11px;
    top: 2px; }
  .search-icon:after {
    content: '';
    width: 3px;
    height: 10px;
    background-color: #9B935C;
    border-radius: 2px;
    position: absolute;
    top: 17px;
    right: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

    /*
  Derived from https://colorlib.com/etc/cf/ContactFrom_v1/index.html
*/
.fancyform {
  /*//////////////////////////////////////////////////////////////////
  [ FONT ]*/
  /*//////////////////////////////////////////////////////////////////
  [ RESTYLE TAG ]*/
  /*---------------------------------------------*/
  /*---------------------------------------------*/
  /*---------------------------------------------*/
  /*---------------------------------------------*/
  /*//////////////////////////////////////////////////////////////////
  [ Contact 1 ]*/
  /*------------------------------------------------------------------
  [  ]*/
  /*------------------------------------------------------------------
  [  ]*/
  /*---------------------------------------------*/
  /*---------------------------------------------*/
  /*------------------------------------------------------------------
  [ Responsive ]*/
  /*------------------------------------------------------------------
  [ Alert validate ]*/ }
@font-face {
  .fancyform {
    font-family: Montserrat-Regular;
    src: url("../fonts/montserrat/Montserrat-Regular.ttf"); } }
@font-face {
  .fancyform {
    font-family: Montserrat-Bold;
    src: url("../fonts/montserrat/Montserrat-Bold.ttf"); } }
@font-face {
  .fancyform {
    font-family: Montserrat-ExtraBold;
    src: url("../fonts/montserrat/Montserrat-ExtraBold.ttf"); } }
@font-face {
  .fancyform {
    font-family: Montserrat-Medium;
    src: url("../fonts/montserrat/Montserrat-Medium.ttf"); } }
  .fancyform * {
    box-sizing: border-box; }
  .fancyform body, .fancyform html {
    height: 100%;
    font-family: Montserrat-Regular, sans-serif; }
  .fancyform .badge {
    padding: 3px 7px; }
  .fancyform form {
    width: 100%; }
  .fancyform a {
    font-family: Montserrat-Regular;
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    margin: 0px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s; }
  .fancyform a:focus {
    outline: none !important; }
  .fancyform a:hover {
    text-decoration: none;
    color: #57b846; }
  .fancyform h1, .fancyform h2, .fancyform h3, .fancyform h4, .fancyform h5, .fancyform h6 {
    margin: 0px; }
  .fancyform p {
    font-family: Montserrat-Regular;
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    margin: 0px; }
  .fancyform ul, .fancyform li {
    margin: 0px;
    list-style-type: none; }
  .fancyform input {
    outline: none;
    border: none; }
  .fancyform textarea {
    outline: none;
    border: none; }
  .fancyform textarea:focus, .fancyform input:focus {
    border-color: transparent !important;
    color: #5d3903 !important;
    background: white !important;
    border: 2px solid #e3bf92 !important; }
  .fancyform input::-webkit-input-placeholder {
    color: #999999; }
  .fancyform input:-moz-placeholder {
    color: #999999; }
  .fancyform input::-moz-placeholder {
    color: #999999; }
  .fancyform input:-ms-input-placeholder {
    color: #999999; }
  .fancyform textarea::-webkit-input-placeholder {
    color: #999999; }
  .fancyform textarea:-moz-placeholder {
    color: #999999; }
  .fancyform textarea::-moz-placeholder {
    color: #999999; }
  .fancyform textarea:-ms-input-placeholder {
    color: #999999; }
  .fancyform button {
    outline: none !important;
    border: none;
    background: transparent; }
  .fancyform button:hover {
    cursor: pointer; }
  .fancyform iframe {
    border: none !important; }
  .fancyform .contact1 {
    width: 100%;
    min-height: 100%;
    padding: 15px;
    background: #e0b582;
    background: -webkit-linear-gradient(left, #e0b582, #ffe8ce);
    background: -o-linear-gradient(left, #e0b582, #ffe8ce);
    background: -moz-linear-gradient(left, #e0b582, #ffe8ce);
    background: linear-gradient(left, #e0b582, #ffe8ce);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    .fancyform .contact1 .container-contact1 {
      width: 1163px;
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      padding: 20px; }
    .fancyform .contact1 .contact1-form-title,
    .fancyform .contact1 .contact1-form-footer {
      display: block;
      color: #b17935;
      line-height: 1.2;
      text-align: center; }
    .fancyform .contact1 .contact1-form-title {
      font-size: 24px;
      position: relative;
      top: -5px; }
    .fancyform .contact1 .contact1-form-footer {
      padding-top: 14px;
      padding-bottom: 0px; }
  .fancyform .contact1-pic {
    width: 296px; }
    .fancyform .contact1-pic img {
      max-width: 100%;
      border: 1px solid #f1f1f1;
      padding: 4px;
      box-sizing: border-box;
      margin: 8px 0 8px 0; }
    .fancyform .contact1-pic .signature-selector img {
      max-height: 100px; }
  .fancyform .js-tilt {
    text-align: center; }
  .fancyform .container-contact1.wide {
    width: 100%; }
    .fancyform .container-contact1.wide .contact1-pic {
      width: auto;
      display: inline-block; }
  .fancyform .contact1-form-full {
    width: 98%; }
  .fancyform .contact1-form {
    width: 490px; }
  .fancyform .select2-container--default .select2-selection--single {
    border: 0px;
    border-top-color: #a3a3a3;
    border-left-color: #a3a3a3;
    border-bottom-color: #ccc;
    border-right-color: #ccc;
    -webkit-box-shadow: inset 0 1px 0 #d6d6d6;
    -moz-box-shadow: inset 0 1px 0 #d6d6d6;
    box-shadow: inset 0 1px 0 #d6d6d6;
    color: #000; }
  .fancyform .select2-container--default .select2-selection--single,
  .fancyform .select2-container--default input.input1 {
    height: 50px;
    height: 30px;
    border-radius: 25px;
    padding: 0 30px; }
    .fancyform .select2-container--default .select2-selection--single + .shadow-input1,
    .fancyform .select2-container--default input.input1 + .shadow-input1 {
      border-radius: 25px; }
  .fancyform .select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
    border: 1px solid #aaa; }
  .fancyform .squarish .select2-container--default .select2-selection--single,
  .fancyform .squarish input.input1 {
    border-radius: 4px; }
  .fancyform textarea.input1 {
    min-height: 150px;
    border-radius: 25px;
    padding: 12px 30px; }
  .fancyform textarea.input1 + .shadow-input1 {
    border-radius: 25px; }
  .fancyform .smaller {
    font-size: 80%; }
  .fancyform .wrap-input1 {
    position: relative;
    width: 100%;
    z-index: 1;
    margin-bottom: 20px;
    margin-bottom: 10px; }
    .fancyform .wrap-input1 .select2-selection--multiple,
    .fancyform .wrap-input1 .select2-selection--single,
    .fancyform .wrap-input1 .input1 {
      display: block;
      width: 100%;
      font-family: Montserrat-Bold;
      font-size: 15px;
      line-height: 1.5;
      color: #666666;
      background: #f5b366a3;
      background: -webkit-linear-gradient(left, #f5b366a3, #fbf3ea);
      background: -o-linear-gradient(left, #f5b366a3, #fbf3ea);
      background: -moz-linear-gradient(left, #f5b366a3, #fbf3ea);
      background: linear-gradient(left, #f5b366a3, #fbf3ea);
      text-align: center;
      border: 1px solid #f1e2e2; }
    .fancyform .wrap-input1.xpcode-search, .fancyform .wrap-input1.xpcode {
      width: 126px; }
      .fancyform .wrap-input1.xpcode-search .input1, .fancyform .wrap-input1.xpcode .input1 {
        padding: 0 20px; }
    .fancyform .wrap-input1.xpcode-search {
      display: inline-block; }
      .fancyform .wrap-input1.xpcode-search .input1 {
        background: #34bd3b;
        background: -webkit-linear-gradient(left, #34bd3b, #b0eaac);
        background: -o-linear-gradient(left, #34bd3b, #b0eaac);
        background: -moz-linear-gradient(left, #34bd3b, #b0eaac);
        background: linear-gradient(left, #34bd3b, #b0eaac);
        color: white;
        font-weight: bold; }
    .fancyform .wrap-input1.bnum {
      width: 90px;
      text-align: center;
      position: absolute; }
      .fancyform .wrap-input1.bnum .input1 {
        padding: 0 20px; }
    .fancyform .wrap-input1.digit {
      width: 50px;
      text-align: center;
      position: absolute; }
      .fancyform .wrap-input1.digit .input1 {
        padding: 0 20px; }
    .fancyform .wrap-input1.expirytype {
      padding-left: 60px; }
      .fancyform .wrap-input1.expirytype.expiryInfo {
        padding-left: 0; }
      .fancyform .wrap-input1.expirytype .select2-container {
        width: 100% !important; }
    .fancyform .wrap-input1.bname {
      padding-left: 100px; }
    .fancyform .wrap-input1.fname {
      width: 38%;
      text-align: center;
      position: absolute; }
      .fancyform .wrap-input1.fname .input1 {
        padding: 0 20px; }
    .fancyform .wrap-input1.sname {
      padding-left: 40%; }
  .fancyform .shadow-input1 {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 0px 0px;
    color: rgba(87, 184, 70, 0.5);
    color: rgba(224, 126, 67, 0.98); }
  .fancyform .input1:focus + .shadow-input1 {
    -webkit-animation: anim-shadow 0.5s ease-in-out forwards;
    animation: anim-shadow 0.5s ease-in-out forwards; }
@-webkit-keyframes anim-shadow {
  to {
    box-shadow: 0px 0px 80px 30px;
    opacity: 0; } }
@keyframes anim-shadow {
  to {
    box-shadow: 0px 0px 80px 30px;
    opacity: 0; } }
  .fancyform .container-contact1-form-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    clear: both; }
  .fancyform .contact1-form-button {
    min-width: 34px;
    height: 35px;
    border-radius: 25px;
    font-family: Montserrat-Bold;
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s; }
    .fancyform .contact1-form-button i {
      margin-right: 3px;
      -webkit-transition: all 0.4s;
      -o-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s; }
    .fancyform .contact1-form-button.cf-cancel {
      background: #b57523;
      background: -webkit-linear-gradient(left, #b57523, #ffe8ce);
      background: -o-linear-gradient(left, #b57523, #ffe8ce);
      background: -moz-linear-gradient(left, #b57523, #ffe8ce);
      background: linear-gradient(left, #b57523, #ffe8ce);
      color: #543106;
      margin-left: 0.5em;
      margin-right: 0.5em;
      margin-bottom: 0.5em; }
      .fancyform .contact1-form-button.cf-cancel i {
        margin-right: 5px; }
      .fancyform .contact1-form-button.cf-cancel:hover {
        background: #e00c0c;
        background: -webkit-linear-gradient(left, #e00c0c, #ffe8ce);
        background: -o-linear-gradient(left, #e00c0c, #ffe8ce);
        background: -moz-linear-gradient(left, #e00c0c, #ffe8ce);
        background: linear-gradient(left, #e00c0c, #ffe8ce);
        color: white; }
        .fancyform .contact1-form-button.cf-cancel:hover i {
          -webkit-transform: translateX(-10px);
          -moz-transform: translateX(-10px);
          -ms-transform: translateX(-10px);
          -o-transform: translateX(-10px);
          transform: translateX(-10px); }
      .fancyform .contact1-form-button.cf-cancel:disabled {
        background: 0;
        color: grey; }
        .fancyform .contact1-form-button.cf-cancel:disabled:hover i {
          -webkit-transform: translateX(0px);
          -moz-transform: translateX(0px);
          -ms-transform: translateX(0px);
          -o-transform: translateX(0px);
          transform: translateX(0px); }
    .fancyform .contact1-form-button.cf-submit {
      background: rgba(78, 181, 114, 0.53);
      background: -webkit-linear-gradient(left, rgba(78, 181, 114, 0.53), #ffffff);
      background: -o-linear-gradient(left, rgba(78, 181, 114, 0.53), #ffffff);
      background: -moz-linear-gradient(left, rgba(78, 181, 114, 0.53), #ffffff);
      background: linear-gradient(left, rgba(78, 181, 114, 0.53), #ffffff);
      color: #543106;
      margin-left: 0.5em;
      margin-right: 0.5em;
      margin-bottom: 0.5em;
      min-width: 134px; }
      .fancyform .contact1-form-button.cf-submit i {
        margin-right: 5px; }
      .fancyform .contact1-form-button.cf-submit:hover {
        background: white;
        background: -webkit-linear-gradient(left, white, #14b56b);
        background: -o-linear-gradient(left, white, #14b56b);
        background: -moz-linear-gradient(left, white, #14b56b);
        background: linear-gradient(left, white, #14b56b);
        color: #546352; }
        .fancyform .contact1-form-button.cf-submit:hover i {
          -webkit-transform: translateX(10px);
          -moz-transform: translateX(10px);
          -ms-transform: translateX(10px);
          -o-transform: translateX(10px);
          transform: translateX(10px); }
      .fancyform .contact1-form-button.cf-submit:disabled {
        background: rgba(167, 147, 118, 0.22);
        color: grey; }
        .fancyform .contact1-form-button.cf-submit:disabled:hover i {
          -webkit-transform: translateX(0px);
          -moz-transform: translateX(0px);
          -ms-transform: translateX(0px);
          -o-transform: translateX(0px);
          transform: translateX(0px); }
      .fancyform .contact1-form-button.cf-submit i {
        margin-left: 3px; }
    .fancyform .contact1-form-button.cf-addNew {
      background: rgba(255, 147, 3, 0.39);
      background: -webkit-linear-gradient(left, rgba(255, 147, 3, 0.39), #ffffff);
      background: -o-linear-gradient(left, rgba(255, 147, 3, 0.39), #ffffff);
      background: -moz-linear-gradient(left, rgba(255, 147, 3, 0.39), #ffffff);
      background: linear-gradient(left, rgba(255, 147, 3, 0.39), #ffffff);
      color: #797801;
      margin-left: 0.5em;
      margin-right: 0.5em;
      margin-bottom: 0.5em;
      min-width: 134px; }
      .fancyform .contact1-form-button.cf-addNew i {
        margin-right: 5px; }
      .fancyform .contact1-form-button.cf-addNew:hover {
        background: white;
        background: -webkit-linear-gradient(left, white, #FF9800);
        background: -o-linear-gradient(left, white, #FF9800);
        background: -moz-linear-gradient(left, white, #FF9800);
        background: linear-gradient(left, white, #FF9800);
        color: rgba(95, 80, 8, 0.99); }
        .fancyform .contact1-form-button.cf-addNew:hover i {
          -webkit-transform: translateX(95px);
          -moz-transform: translateX(95px);
          -ms-transform: translateX(95px);
          -o-transform: translateX(95px);
          transform: translateX(95px); }
      .fancyform .contact1-form-button.cf-addNew:disabled {
        background: rgba(183, 210, 251, 0.22);
        color: #506792; }
        .fancyform .contact1-form-button.cf-addNew:disabled:hover i {
          -webkit-transform: translateX(0px);
          -moz-transform: translateX(0px);
          -ms-transform: translateX(0px);
          -o-transform: translateX(0px);
          transform: translateX(0px); }
      .fancyform .contact1-form-button.cf-addNew i {
        margin-left: 3px; }
    .fancyform .contact1-form-button.cf-print {
      background: rgba(87, 120, 239, 0.61);
      background: -webkit-linear-gradient(left, rgba(87, 120, 239, 0.61), #ffffff);
      background: -o-linear-gradient(left, rgba(87, 120, 239, 0.61), #ffffff);
      background: -moz-linear-gradient(left, rgba(87, 120, 239, 0.61), #ffffff);
      background: linear-gradient(left, rgba(87, 120, 239, 0.61), #ffffff);
      color: #2390e0;
      margin-left: 0.5em;
      margin-right: 0.5em;
      margin-bottom: 0.5em;
      min-width: 134px; }
      .fancyform .contact1-form-button.cf-print i {
        margin-right: 5px; }
      .fancyform .contact1-form-button.cf-print:hover {
        background: white;
        background: -webkit-linear-gradient(left, white, #a4d9f5);
        background: -o-linear-gradient(left, white, #a4d9f5);
        background: -moz-linear-gradient(left, white, #a4d9f5);
        background: linear-gradient(left, white, #a4d9f5);
        color: rgba(82, 61, 245, 0.99); }
        .fancyform .contact1-form-button.cf-print:hover i {
          -webkit-transform: translateX(105px);
          -moz-transform: translateX(105px);
          -ms-transform: translateX(105px);
          -o-transform: translateX(105px);
          transform: translateX(105px); }
      .fancyform .contact1-form-button.cf-print:disabled {
        background: rgba(130, 205, 245, 0.22);
        color: rgba(84, 75, 146, 0.4); }
        .fancyform .contact1-form-button.cf-print:disabled:hover i {
          -webkit-transform: translateX(0px);
          -moz-transform: translateX(0px);
          -ms-transform: translateX(0px);
          -o-transform: translateX(0px);
          transform: translateX(0px); }
      .fancyform .contact1-form-button.cf-print i {
        margin-left: 3px; }
  @media (max-width: 1500px) {
    .fancyform .contact1-pic {
      width: 33.5%; }
    .fancyform .contact1-form {
      width: 64%; } }
  @media (max-width: 992px) {
    .fancyform .container-contact1 {
      padding: 90px 80px 88px 90px; }
    .fancyform .contact1-pic {
      width: 35%; }
    .fancyform .contact1-form {
      width: 60%; } }
  @media (max-width: 768px) {
    .fancyform .container-contact1 {
      padding: 90px 80px 88px 80px; }
    .fancyform .contact1-pic {
      display: none; }
    .fancyform .contact1-form {
      width: 100%; } }
  @media (max-width: 576px) {
    .fancyform .container-contact1 {
      padding: 90px 15px 88px 15px; } }
  .fancyform .password-container {
    background-color: #efddc8;
    border-radius: 250px;
    padding-top: 4px;
    text-align: center;
    background: #f7d1a4a3;
    background: -webkit-linear-gradient(left, #f7d1a4a3, #fbf3ea);
    background: -o-linear-gradient(left, #f7d1a4a3, #fbf3ea);
    background: -moz-linear-gradient(left, #f7d1a4a3, #fbf3ea);
    background: linear-gradient(left, #f7d1a4a3, #fbf3ea);
    font-family: Montserrat-Bold;
    font-size: 15px; }
  .fancyform .validate-input {
    position: relative; }
  .fancyform .alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    background-color: white;
    border: 1px solid #c80000;
    border-radius: 13px;
    padding: 4px 25px 4px 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 8px;
    pointer-events: none;
    font-family: Montserrat-Medium;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
    z-index: 9999; }
  .fancyform .alert-validate::after {
    content: "\f06a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    position: absolute;
    color: #c80000;
    font-size: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 13px; }
  .fancyform .alert-validate:hover:before {
    visibility: visible;
    opacity: 1; }
  @media (max-width: 992px) {
    .fancyform .alert-validate::before {
      visibility: visible;
      opacity: 1; } }
  .fancyform .lnr {
    font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .fancyform .lnr :before {
      content: "\e833"; }
  .fancyform .zindex2 {
    z-index: 2; }
  .fancyform .dd3-content {
    font-size: 12px;
    margin-bottom: 4px; }
    .fancyform .dd3-content .select2-search {
      z-index: 1; }
      .fancyform .dd3-content .select2-search .select2-search__field {
        min-width: 2em; }

/*
 * ON OFF SWITCHES
 */
/* http://proto.io/freebies/onoff/ */
.onoffswitch-container {
  margin-top: 4px;
  margin-left: 7px;
  display: inline-block; }

.onoffswitch {
  position: relative;
  width: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; }
  .pfail .onoffswitch {
    width: 55px; }

.onoffswitch-checkbox {
  display: none; }

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #6f6f6f;
  border-radius: 50px;
  border-color: #c1c1c1 #c7c7c7 #b2b2b2;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.onoffswitch-inner {
  width: 200%;
  margin-left: -100% !important;
  display: block; }

.onoffswitch-inner:before, .onoffswitch-inner:after {
  float: left;
  width: 50%;
  height: 15px;
  padding: 0;
  line-height: 15px;
  font-size: 10px;
  color: #fff;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.onoffswitch-inner:before {
  content: attr(data-swchon-text);
  text-shadow: 0 -1px 0 #333333;
  padding-left: 7px;
  background-color: #3276b1;
  color: #fff;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
  text-align: left; }
  .pfail .onoffswitch-inner:before {
    background-color: darkgreen; }

.onoffswitch-inner:after {
  content: attr(data-swchoff-text);
  padding-right: 7px;
  text-shadow: 0 -1px 0 #fff;
  background-color: #fff;
  color: #626262;
  text-align: right;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
  .pfail .onoffswitch-inner:after {
    background-color: darkred;
    color: white; }

.onoffswitch-switch {
  width: 19px;
  height: 19px;
  margin: -2px;
  background: white;
  border: 1px solid #aeaeae;
  border-radius: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 80%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #f4f4f4;
  background-image: -moz-linear-gradient(top, white, #eeeeee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#eeeeee));
  background-image: -webkit-linear-gradient(top, white, #eeeeee);
  background-image: -o-linear-gradient(top, white, #eeeeee);
  background-image: linear-gradient(to bottom, white, #eeeeee);
  background-repeat: repeat-x;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3); }

.onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch:before, .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
  content: "\f00d";
  color: #A90329;
  display: block;
  text-align: center;
  line-height: 19px;
  font-size: 10px;
  text-shadow: 0 -1px 0 #fff;
  font-weight: bold;
  font-family: "Font Awesome 5 Free"; }

/* checked */
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
  content: "\f00c";
  color: #57889c; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
  display: block;
  margin-left: 0 !important; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 2px;
  right: -8px; }

.onoffswitch-switch:hover {
  background-color: #eeeeee; }

.onoffswitch-switch:active {
  background-color: #eeeeee;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.onoffswitch.variable {
  width: auto; }
  .onoffswitch.variable .onoffswitch-switch {
    right: 82%; }

.onoffswitch.oo-medium {
  width: 86px; }
  .onoffswitch.oo-medium .onoffswitch-switch {
    right: 78%; }

/*
 * Disabled state
 */
.onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner:after, .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-inner:before {
  text-shadow: 0 1px 0 #fff;
  background: #bfbfbf;
  color: #333333; }

.onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-switch, .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch {
  background-color: #f4f4f4;
  background-image: -moz-linear-gradient(top, #bfbfbf, #f4f4f4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfbfbf), to(#f4f4f4));
  background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4);
  background-image: -o-linear-gradient(top, #bfbfbf, #f4f4f4);
  background-image: linear-gradient(to bottom, #bfbfbf, #f4f4f4);
  box-shadow: none !important; }

.onoffswitch-checkbox:disabled + .onoffswitch-label,
.onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-label {
  border-color: #bfbfbf #adadad #9b9b9b !important; }

.onoffswitch-checkbox:checked + .onoffswitch-label {
  border-color: #3276b1 #2a6395 #255681;
  display: block; }

.onoffswitch + span, .onoffswitch-title {
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px; }

.fr-radio-group {
  border: solid 3px #f7bb73;
  display: inline-block;
  margin: 2px;
  border-radius: 10px;
  overflow: hidden;
  white-space: nowrap; }
  @media (min-width: 992px) {
    .fr-radio-group {
      break-before: always; } }
  .fr-radio-group input[type=radio] {
    position: absolute;
    visibility: hidden;
    display: none; }
  .fr-radio-group label {
    color: #9a929e;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    padding: 0px 5px;
    font-family: roboto;
    margin: 0;
    white-space: nowrap; }
  .fr-radio-group input[type=radio]:checked + label {
    color: #ccc8ce;
    background: #f7bb73;
    color: #ffffff;
    background: #f7bb73; }
  .fr-radio-group label + input[type=radio] + label {
    border-left: solid 3px #f7bb73; }

/*
 * NESTABLES
 */
.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  line-height: 20px;
  max-width: 98%;
  padding-left: 2%; }
  @media (min-width: 992px) {
    .dd {
      float: left;
      width: 100%; } }
  .dd .no-handle {
    padding: 7px 2px;
    color: #333;
    text-decoration: none;
    border: 1px solid #CFCFCF;
    min-height: 36px;
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    width: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: #BFBFBF;
    background: -webkit-linear-gradient(top, #ffffff 0, #e2e2e2 100%);
    background: -moz-linear-gradient(top, #ddd 0, #bbb 100%);
    background: linear-gradient(top, #ddd 0, #bbb 100%);
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px; }
  .dd .dd-handle {
    display: block;
    font-size: 15px;
    margin: 5px 0;
    padding: 7px 15px;
    color: #333333;
    text-decoration: none;
    border: 1px solid #cecece;
    background: #fcfcfc; }
    .dd .dd-handle:hover {
      color: #2ea8e5;
      background: #fff; }
  .dd > ol {
    margin: 0px 4px; }
  .dd .dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none; }
    .dd .dd-list .dd-list {
      padding-left: 30px; }
    .dd-collapsed .dd .dd-list {
      display: none; }
    .dd .dd-list .dd-item .dd-handle {
      display: block;
      font-size: 15px;
      margin: 5px 0;
      padding: 7px 15px;
      color: #333333;
      text-decoration: none;
      border: 1px solid #cecece;
      background: #fcfcfc; }
      .dd .dd-list .dd-item .dd-handle:before {
        content: '\f0c9';
        display: block;
        position: absolute;
        left: 0;
        top: 3px;
        width: 100%;
        text-align: center;
        text-indent: 0;
        color: #818181;
        font-weight: normal;
        line-height: 28px; }
      .dd .dd-list .dd-item .dd-handle:hover {
        color: #2ea8e5;
        background: #fff; }
        .dd .dd-list .dd-item .dd-handle:hover:before {
          color: #C27616; }
    .dd .dd-list .dd-item, .dd .dd-list .dd-empty, .dd .dd-list .dd-placeholder {
      display: block;
      position: relative;
      margin: 0;
      padding: 0;
      min-height: 20px;
      font-size: 13px;
      line-height: 20px; }
      .dd .dd-list .dd-item > button, .dd .dd-list .dd-empty > button, .dd .dd-list .dd-placeholder > button {
        position: relative;
        cursor: pointer;
        float: left;
        width: 25px;
        height: 20px;
        line-height: 22px !important;
        padding: 0;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        border: 0;
        background: transparent;
        text-align: center;
        font-family: "Font Awesome 5 Free";
        font-style: normal;
        font-weight: 900;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 18px;
        margin: 3px 2px;
        z-index: 1; }
        .dd .dd-list .dd-item > button:before, .dd .dd-list .dd-empty > button:before, .dd .dd-list .dd-placeholder > button:before {
          content: '\f055';
          display: block;
          position: absolute;
          width: 100%;
          text-align: center;
          text-indent: 0;
          color: #0091d9; }
        .dd .dd-list .dd-item > button[data-action="collapse"]:before, .dd .dd-list .dd-empty > button[data-action="collapse"]:before, .dd .dd-list .dd-placeholder > button[data-action="collapse"]:before {
          content: '\f056';
          color: #A90329; }
      .dd .dd-list .dd-item .dd3-content, .dd .dd-list .dd-empty .dd3-content, .dd .dd-list .dd-placeholder .dd3-content {
        display: block;
        margin: 5px 0;
        padding: 6px 10px 8px 40px;
        font-size: 12px;
        color: #333;
        text-decoration: none;
        border: 1px solid #CFCFCF;
        background: #FBFBFB;
        min-height: 36px; }
  .dd .dd-collapsed .dd-list {
    display: none; }

#qrscanbox {
  position: absolute;
  height: 84vh;
  width: 90vw;
  top: 10vh;
  left: 5vw;
  background: #F6F6EE url(/images/background1.png) !important;
  padding: 4px;
  text-align: center;
  z-index: 999;
  border: 1px inset #e9ceb0; }
  #qrscanbox canvas {
    width: 90%;
    height: 65%;
    border: 2px solid #ce8706;
    margin-top: 15px; }
    @media (min-width: 992px) {
      #qrscanbox canvas {
        height: 80%; } }
  #qrscanbox .btn-scan {
    width: 110px; }

#scannew {
  background: #F6F6EE url(/images/background1.png) !important;
  padding: 4px;
  text-align: center;
  background-size: contain; }

.itemlist .class_all_box {
  width: 180px;
  min-width: 170px;
  min-height: 100%;
  padding: 10px;
  text-align: center;
  margin: 0 auto 10px auto;
  background: #ffffff;
  border: 1px solid #b1afaf;
  position: relative;
  display: inline-block;
  vertical-align: top; }
  .itemlist .class_all_box .class_label {
    background-color: #efd3a6;
    background: -o-linear-gradient(bottom, #efd3a6 5%, #ce8401 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05%, #efd3a6), color-stop(1, #ce8401));
    background: -moz-linear-gradient(center top, #efd3a6 5%, #ce8401 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aefc59", endColorstr="#9aff2d");
    background: -o-linear-gradient(top, #efd3a6, 100% #ce8401);
    background: linear-gradient(to bottom, #efd3a6 0.05%, #ce8401 100%);
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    margin: 0 auto 10px auto;
    position: relative;
    width: 160px;
    height: 35px; }
  .itemlist .class_all_box .class_box_shadow {
    width: 150px;
    min-width: 150px;
    height: 90px;
    overflow: scroll;
    background-color: #DAD498;
    background: -o-linear-gradient(bottom, #DAD498 5%, #F9F8F6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05%, #DAD498), color-stop(1, #F9F8F6));
    background: -moz-linear-gradient(center top, #DAD498 5%, #F9F8F6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aefc59", endColorstr="#9aff2d");
    background: -o-linear-gradient(top, #DAD498, 100% #F9F8F6);
    background: linear-gradient(to bottom, #DAD498 0.05%, #F9F8F6 100%);
    border: 5px solid white;
    margin: 0 auto 10px auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    position: relative;
    box-shadow: 3px 1px 8px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 3px 1px 8px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 3px 1px 8px rgba(0, 0, 0, 0.8); }
    .itemlist .class_all_box .class_box_shadow .item-data {
      display: table-cell;
      vertical-align: middle;
      width: inherit;
      overflow: hidden;
      padding-top: 10px; }
      .itemlist .class_all_box .class_box_shadow .item-data div {
        padding: 2px; }
      .itemlist .class_all_box .class_box_shadow .item-data .user-inactive {
        color: red !important; }
  .itemlist .class_all_box .clickable {
    cursor: pointer; }
    .itemlist .class_all_box .clickable:hover {
      font-weight: bold;
      background: linear-gradient(to bottom, rgba(245, 245, 244, 0.65) 0.05%, #ada77b 100%); }

#forms-editor .drag-selected, #forms-editor .ft-content .ft-item-content .item-group .item-header,
#forms-editor .ft-content .ft-item .item-group .item-header {
  background-color: #F8FFD0;
  background-color: white;
  border: 1px outset #E1E1E1;
  margin-bottom: 2px;
  padding: 5px;
  padding: 0px;
  min-height: 1.2em;
  text-align: left;
  position: relative; }

#forms-editor {
  /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
      The following styles apply anywhere inside the editor
     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  /*
  For some reason, don't appear to be able to combine these with a comma,
  or via extend, so instead explicitly state them all.
   */
  /*
      This is a dummy, just used to pad the top for the fixed nav-bar
   */
  /*
      Want to hide the slienup/down and append buttons except in the field
      type column, but the dragged version is linked to it, so have to hide
      that explicitly
   */
  /*
      SORTABLE-DRAG is a class added to the copy dragged around the scren
   */ }
  #forms-editor ::placeholder {
    color: lightgrey;
    font-style: oblique;
    text-align: center;
    border: 1px solid #cdf8ff; }
  #forms-editor textarea::placeholder {
    height: 3em; }
  #forms-editor .ft-mandatory {
    border: 1px solid #ff8989; }
  #forms-editor .ft-pad-border {
    padding: 1.5rem;
    padding: 0.75rem;
    margin-right: 0;
    margin-left: 0;
    border-width: .2rem;
    margin-bottom: 0.4rem; }
  #forms-editor .ft-fg-colour-red {
    color: #ff0000; }
  #forms-editor .ft-bg-colour-red {
    background-color: #ff0000; }
  #forms-editor .ft-fg-colour-selector-red {
    color: #ff0000; }
  #forms-editor .ft-bg-colour-selector-red {
    background-color: #ff0000 !important; }
  #forms-editor .ft-fg-colour-darkred {
    color: #d60000; }
  #forms-editor .ft-bg-colour-darkred {
    background-color: #d60000; }
  #forms-editor .ft-fg-colour-selector-darkred {
    color: #d60000; }
  #forms-editor .ft-bg-colour-selector-darkred {
    background-color: #d60000 !important; }
  #forms-editor .ft-fg-colour-green {
    color: #00ff00; }
  #forms-editor .ft-bg-colour-green {
    background-color: #00ff00; }
  #forms-editor .ft-fg-colour-selector-green {
    color: #00ff00; }
  #forms-editor .ft-bg-colour-selector-green {
    background-color: #00ff00 !important; }
  #forms-editor .ft-fg-colour-darkgreen {
    color: #09b314; }
  #forms-editor .ft-bg-colour-darkgreen {
    background-color: #09b314; }
  #forms-editor .ft-fg-colour-selector-darkgreen {
    color: #09b314; }
  #forms-editor .ft-bg-colour-selector-darkgreen {
    background-color: #09b314 !important; }
  #forms-editor .ft-fg-colour-darkblue {
    color: #00009b; }
  #forms-editor .ft-bg-colour-darkblue {
    background-color: #00009b; }
  #forms-editor .ft-fg-colour-selector-darkblue {
    color: #00009b;
    background-color: white; }
  #forms-editor .ft-bg-colour-selector-darkblue {
    background-color: #00009b !important;
    color: white !important; }
  #forms-editor .ft-fg-colour-blue {
    color: #0000ff; }
  #forms-editor .ft-bg-colour-blue {
    background-color: #0000ff; }
  #forms-editor .ft-fg-colour-selector-blue {
    color: #0000ff;
    background-color: white; }
  #forms-editor .ft-bg-colour-selector-blue {
    background-color: #0000ff !important;
    color: white !important; }
  #forms-editor .ft-fg-colour-white {
    color: #ffffff; }
  #forms-editor .ft-bg-colour-white {
    background-color: #ffffff; }
  #forms-editor .ft-fg-colour-selector-white {
    color: #ffffff;
    background-color: black; }
  #forms-editor .ft-bg-colour-selector-white {
    background-color: #ffffff !important;
    color: black !important; }
  #forms-editor .ft-fg-colour-black {
    color: #000000; }
  #forms-editor .ft-bg-colour-black {
    background-color: #000000; }
  #forms-editor .ft-fg-colour-selector-black {
    color: #000000;
    background-color: white; }
  #forms-editor .ft-bg-colour-selector-black {
    background-color: #000000 !important;
    color: white !important; }
  #forms-editor .ft-fg-colour-orange {
    color: #e67e22; }
  #forms-editor .ft-bg-colour-orange {
    background-color: #e67e22; }
  #forms-editor .ft-fg-colour-selector-orange {
    color: #e67e22; }
  #forms-editor .ft-bg-colour-selector-orange {
    background-color: #e67e22 !important; }
  #forms-editor .ft-fg-colour-yellow {
    color: yellow; }
  #forms-editor .ft-bg-colour-yellow {
    background-color: yellow; }
  #forms-editor .ft-fg-colour-selector-yellow {
    color: yellow;
    background-color: black; }
  #forms-editor .ft-bg-colour-selector-yellow {
    background-color: yellow !important;
    color: black !important; }
  #forms-editor .bg-color-red {
    background: #fff4f0; }
  #forms-editor .bg-color-white {
    background: #ffffff; }
  #forms-editor .navbar-header {
    background-color: #2196f3;
    position: fixed;
    right: 0;
    left: 0;
    height: 64px;
    margin-bottom: 23px;
    z-index: 1030;
    z-index: 900;
    color: white;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
    #forms-editor .navbar-header .navbar-toggler {
      display: block; }
      @media (min-width: 992px) {
        #forms-editor .navbar-header .navbar-toggler {
          display: none; } }
    #forms-editor .navbar-header .navbar-brand {
      color: #eee;
      left: 80px;
      position: absolute; }
      @media (min-width: 992px) {
        #forms-editor .navbar-header .navbar-brand {
          position: relative;
          float: left;
          padding: 10.5px 15px;
          font-size: 24px;
          line-height: 23px;
          height: 64px;
          left: inherit; } }
  #forms-editor #tpl-edit-block {
    display: none;
    position: relative;
    width: 100%;
    border: 1px solid;
    background: yellow;
    z-index: 11;
    text-align: center;
    padding: 20px; }
  #forms-editor .ft-wide {
    width: 100%; }
  #forms-editor #ft-nav-dummy {
    height: 66px; }
  #forms-editor .ft-slide,
  #forms-editor .ft-send-icon {
    display: none;
    cursor: pointer; }
  #forms-editor .sortable-drag {
    background: orange !important; }
    #forms-editor .sortable-drag .ft-panel-heading {
      background: orange !important; }
  #forms-editor .sortable-drag .fr-slide,
  #forms-editor .sortable-drag .ft-send-icon {
    display: none !important; }
  #forms-editor .todocount {
    margin-right: 20px;
    font-size: 60%;
    position: absolute;
    right: 0;
    top: 10px; }
  #forms-editor .sortable-chosen {
    cursor: move !important; }
  #forms-editor .ft-panel-heading {
    position: relative;
    padding: 10px 15px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    color: #212121;
    background-color: #f5f5f5;
    border-color: #dddddd;
    border-bottom: 0; }
    #forms-editor .ft-panel-heading .ft-panel-title {
      padding: 5px;
      margin-top: 0;
      margin-bottom: 0;
      font-size: 15px;
      color: inherit;
      position: relative; }
    #forms-editor .ft-panel-heading .ft-slide {
      display: block;
      position: absolute;
      left: 4px;
      top: 15px;
      z-index: 2; }
    #forms-editor .ft-panel-heading .ft-send-icon {
      display: block;
      top: 4px;
      position: relative;
      position: absolute;
      right: 4px;
      top: 9px; }
    #forms-editor .ft-panel-heading.activeField {
      background-color: #02880238 !important; }
      #forms-editor .ft-panel-heading.activeField .ft-send-icon {
        visibility: hidden; }
  #forms-editor .sidebar {
    background-color: #e1f5fe;
    height: 80vh;
    position: fixed;
    width: 80%;
    padding: 0 15px;
    overflow: scroll;
    z-index: 10; }
    @media (min-width: 992px) {
      #forms-editor .sidebar {
        left: 0;
        width: 300px;
        height: 100%; } }
    #forms-editor .sidebar.collapsing {
      height: auto;
      -webkit-transition: left 0.1s ease;
      -o-transition: left 0.1s ease;
      -moz-transition: left 0.1s ease;
      transition: left 0.2s ease;
      left: -100%; }
    #forms-editor .sidebar.show {
      left: 0;
      -webkit-transition: left 0.1s ease-in;
      -o-transition: left 0.1s ease-in;
      -moz-transition: left 0.1s ease-in;
      transition: left 0.2s ease-out; }
    #forms-editor .sidebar .ft-panel-group {
      margin-bottom: 23px; }
      #forms-editor .sidebar .ft-panel-group .ftr-toc-group .ftr-toc-group {
        margin-left: 12px; }
      #forms-editor .sidebar .ft-panel-group .ft-panel.ftr-toc,
      #forms-editor .sidebar .ft-panel-group .ft-panel + .ft-panel {
        margin-top: 5px; }
      #forms-editor .sidebar .ft-panel-group .ftr-toc.active .ft-panel-heading {
        background-color: #edd7bd; }
      #forms-editor .sidebar .ft-panel-group a {
        color: black; }
      #forms-editor .sidebar .ft-panel-group .ft-panel {
        border: none;
        border-radius: 2px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        background-color: #ffffff;
        margin-bottom: 0;
        border-radius: 3px; }
        #forms-editor .sidebar .ft-panel-group .ft-panel .ft-panel-heading {
          padding: 5px 10px;
          border-top-right-radius: 2px;
          border-top-left-radius: 2px;
          color: #212121;
          background-color: #f5f5f5;
          border-color: #dddddd;
          border-bottom: 0; }
          #forms-editor .sidebar .ft-panel-group .ft-panel .ft-panel-heading.filtered {
            background-color: #f703032e; }
          #forms-editor .sidebar .ft-panel-group .ft-panel .ft-panel-heading .ft-panel-title {
            margin-top: 0;
            margin-bottom: 0;
            font-size: 15px;
            color: inherit; }
          #forms-editor .sidebar .ft-panel-group .ft-panel .ft-panel-heading .ft-send-icon {
            display: block; }
        #forms-editor .sidebar .ft-panel-group .ft-panel .ft-panel-body {
          padding: 15px;
          border-top: 1px solid #dddddd;
          color: #666666; }
  #forms-editor .drag-selected {
    background: #e8d9bc;
    opacity: 0.5; }
  #forms-editor .ft-content {
    min-height: 400px;
    height: 76.2vh;
    position: relative;
    border: 1px solid #ececa6;
    padding: 10px 4px 4px 4px;
    padding: 10px 10px 4px 10px;
    margin-top: 8px;
    overflow-y: scroll; }
    #forms-editor .ft-content .light-border,
    #forms-editor .ft-content input[type=text],
    #forms-editor .ft-content select,
    #forms-editor .ft-content textarea {
      border-color: #f3f0f0;
      border-width: 1px;
      border-style: solid; }
    #forms-editor .ft-content select {
      padding: 4px; }
    #forms-editor .ft-content textarea {
      width: 100%;
      padding: 4px 8px;
      min-height: 5em; }
      #forms-editor .ft-content textarea.ft-select-list {
        height: 100%; }
    @media (min-width: 992px) {
      #forms-editor .ft-content {
        margin-left: 305px; } }
    #forms-editor .ft-content .ft-hint {
      text-align: center; }
    #forms-editor .ft-content .ft-item-content,
    #forms-editor .ft-content .ft-item {
      min-height: 0.5em;
      margin-left: 1.75em; }
      #forms-editor .ft-content .ft-item-content .item-group,
      #forms-editor .ft-content .ft-item .item-group {
        margin-bottom: 8px;
        border-radius: 0.25rem;
        border: 1px solid #eae9cc;
        background: #f9f8dd;
        padding: 0;
        min-height: 1.25em; }
        #forms-editor .ft-content .ft-item-content .item-group.activefield,
        #forms-editor .ft-content .ft-item .item-group.activefield {
          border: 1px solid blue !important; }
        #forms-editor .ft-content .ft-item-content .item-group .item-header,
        #forms-editor .ft-content .ft-item .item-group .item-header {
          overflow: hidden; }
          #forms-editor .ft-content .ft-item-content .item-group .item-header.notsaved,
          #forms-editor .ft-content .ft-item .item-group .item-header.notsaved {
            border-color: #efa6a6;
            border-color: #f10404;
            border-width: 3px; }
          #forms-editor .ft-content .ft-item-content .item-group .item-header.sectfield,
          #forms-editor .ft-content .ft-item .item-group .item-header.sectfield {
            font-size: 105%;
            font-weight: bold;
            margin-top: 10px; }
          #forms-editor .ft-content .ft-item-content .item-group .item-header .handle,
          #forms-editor .ft-content .ft-item .item-group .item-header .handle {
            cursor: move !important;
            margin: 4px 10px 0 5px; }
          #forms-editor .ft-content .ft-item-content .item-group .item-header i,
          #forms-editor .ft-content .ft-item .item-group .item-header i {
            top: 4px;
            position: relative;
            margin-right: 8px;
            margin-top: 4px; }
          #forms-editor .ft-content .ft-item-content .item-group .item-header .ft-field-title,
          #forms-editor .ft-content .ft-item .item-group .item-header .ft-field-title {
            background-color: #f5f5f5;
            background-color: #eaeaea;
            border-color: #dddddd;
            padding: 5px;
            height: 2em;
            overflow: hidden; }
            #forms-editor .ft-content .ft-item-content .item-group .item-header .ft-field-title.ft-t-100,
            #forms-editor .ft-content .ft-item .item-group .item-header .ft-field-title.ft-t-100 {
              background-color: #f7ffec; }
          #forms-editor .ft-content .ft-item-content .item-group .item-header .ft-edit-block,
          #forms-editor .ft-content .ft-item .item-group .item-header .ft-edit-block {
            padding: 10px;
            display: none; }
            @media (min-width: 992px) {
              #forms-editor .ft-content .ft-item-content .item-group .item-header .ft-edit-block .ft-right-separator,
              #forms-editor .ft-content .ft-item .item-group .item-header .ft-edit-block .ft-right-separator {
                border-right-width: 1px;
                border-right-color: lightgrey;
                border-right-style: solid; } }
            #forms-editor .ft-content .ft-item-content .item-group .item-header .ft-edit-block .ft-option-block,
            #forms-editor .ft-content .ft-item .item-group .item-header .ft-edit-block .ft-option-block {
              border: 1px solid #efd0d0;
              background: #ffff001f; }
              #forms-editor .ft-content .ft-item-content .item-group .item-header .ft-edit-block .ft-option-block .field-hint,
              #forms-editor .ft-content .ft-item .item-group .item-header .ft-edit-block .ft-option-block .field-hint {
                background-color: #fff9fb;
                border: 1px solid pink;
                text-align: left;
                padding: 6px; }
        #forms-editor .ft-content .ft-item-content .item-group .item-group,
        #forms-editor .ft-content .ft-item .item-group .item-group {
          margin-bottom: 0;
          border: 0;
          padding-top: 0px;
          padding-right: 0px; }
      #forms-editor .ft-content .ft-item-content .ft-item-content,
      #forms-editor .ft-content .ft-item .ft-item-content {
        background-color: #f5f3be;
        border: 1px solid #f5da9f;
        min-height: 0.5rem; }
        #forms-editor .ft-content .ft-item-content .ft-item-content .item-header .ft-field-title,
        #forms-editor .ft-content .ft-item .ft-item-content .item-header .ft-field-title {
          background: white; }
        #forms-editor .ft-content .ft-item-content .ft-item-content .ft-content-group,
        #forms-editor .ft-content .ft-item .ft-item-content .ft-content-group {
          border: 1px solid #cbe1f1;
          margin-bottom: 0px;
          min-height: 1.2em;
          text-align: left;
          position: relative; }
          #forms-editor .ft-content .ft-item-content .ft-item-content .ft-content-group > .item-header .ft-field-title,
          #forms-editor .ft-content .ft-item .ft-item-content .ft-content-group > .item-header .ft-field-title {
            background-color: #eeffd3;
            margin-bottom: 0;
            border-bottom-width: 0; }
          #forms-editor .ft-content .ft-item-content .ft-item-content .ft-content-group .ft-item-content,
          #forms-editor .ft-content .ft-item .ft-item-content .ft-content-group .ft-item-content {
            background-color: rgba(226, 250, 255, 0.47);
            min-height: 2em; }
    #forms-editor .ft-content > .ft-item {
      margin-left: 0; }
    #forms-editor .ft-content .field-drag i {
      display: none; }
    #forms-editor .ft-content .ftr-button-group {
      padding: 10px;
      text-align: center;
      background: white;
      border: 1px solid #d3d3d37a;
      margin: 10px 0;
      min-height: 51px; }
      #forms-editor .ft-content .ftr-button-group .ft-send-icon {
        display: block;
        top: 4px;
        position: relative;
        font-size: 20px; }
      #forms-editor .ft-content .ftr-button-group button {
        padding: 5px 12px; }
  #forms-editor.closed .sidebar {
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0); }
  #forms-editor.closed .ft-content {
    margin-left: 0; }
  #forms-editor .sec-num {
    padding-right: 4px;
    white-space: nowrap; }
  #forms-editor textarea,
  #forms-editor input {
    padding-left: 4px;
    padding-right: 4px;
    flex-grow: 100;
    background: transparent;
    background: rgba(255, 255, 255, 0.71); }
    #forms-editor textarea[type=number],
    #forms-editor input[type=number] {
      width: 75px;
      text-align: center; }
  @media (min-width: 767px) {
    #forms-editor .small-only {
      display: none; } }
  #forms-editor .section {
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 120%;
    padding: 5px;
    display: flex; }
  #forms-editor .sect-allowna .naoption {
    margin-left: auto;
    margin-right: 10px;
    font-size: 11px;
    font-style: oblique;
    font-weight: 400; }
    @media (min-width: 992px) {
      #forms-editor .sect-allowna .naoption {
        margin-right: 40px; } }
  #forms-editor .quest-group {
    font-style: oblique;
    font-size: 110%;
    background: white;
    padding: 5px;
    color: #080858; }
    @media (min-width: 992px) {
      #forms-editor .quest-group {
        display: flex; } }
  #forms-editor .cloneable {
    border: 2px solid rgba(0, 128, 0, 0.25);
    position: relative;
    margin: 2px;
    padding: 4px 10px 2px 2px; }
    #forms-editor .cloneable i.fa-clone {
      position: absolute;
      right: -4px;
      top: -6px; }
  #forms-editor .item-group {
    margin-bottom: 8px;
    border-radius: 0.25rem;
    padding: 0;
    margin-top: 10px; }
    #forms-editor .item-group:first-child {
      margin-top: 0; }
    @media (max-width: 992px) {
      #forms-editor .item-group .item-group div {
        text-align: right; } }
    #forms-editor .item-group .content-item .row {
      background-color: rgba(255, 0, 0, 0.04); }
      #forms-editor .item-group .content-item .row.completed {
        background-color: transparent; }
    @media (min-width: 992px) {
      #forms-editor .item-group .content-item {
        margin-left: 20px; } }
    #forms-editor .item-group .content-item.content-visible {
      border-bottom: 1px solid #caced4;
      padding: 2px;
      margin-right: 5px; }
    #forms-editor #ftr-content.single .item-group, #forms-editor #ftr-content.single .content-item,
    #forms-editor #ftr-content .single .item-group,
    #forms-editor #ftr-content .single .content-item {
      margin: 0; }
    #forms-editor .item-group .vertical-center {
      align-items: center; }
    #forms-editor .item-group .center-align {
      justify-content: center; }
    #forms-editor .item-group .q-block {
      justify-content: flex-end; }
    #forms-editor .item-group .cgroup .ftr-button-group {
      display: none; }
  #forms-editor span[type=button] {
    min-width: 80px;
    min-height: 29px;
    border-radius: 3px;
    text-align: center;
    position: relative;
    -webkit-appearance: none;
    margin-top: 15px; }
  #forms-editor .btn-upload {
    background-image: url(/a4l/components/forms-module/images/normal.png);
    width: 100px;
    height: 29px;
    display: inline-block; }
    #forms-editor .btn-upload:hover {
      background-image: url(/a4l/components/forms-module/images/onclick.png); }
  #forms-editor .required-tag {
    border-left: 5px #ff4800 solid !important; }
  #forms-editor .changed-tag {
    border: 2px #ffc36b solid !important; }
  #forms-editor .completed {
    border-right: 5px green solid; }
@-webkit-keyframes fadeIt {
  0% {
    background-color: #fff; }
  50% {
    background-color: #ffc36b; }
  100% {
    background-color: #fff; } }
@-moz-keyframes fadeIt {
  0% {
    background-color: #fff; }
  50% {
    background-color: #ffc36b; }
  100% {
    background-color: #fff; } }
@-o-keyframes fadeIt {
  0% {
    background-color: #fff; }
  50% {
    background-color: #ffc36b; }
  100% {
    background-color: #fff; } }
@keyframes fadeIt {
  0% {
    background-color: #fff; }
  50% {
    background-color: #ffc36b; }
  100% {
    background-color: #fff; } }
  #forms-editor .vAlign {
    display: flex;
    align-items: center;
    /* Vertical center alignment */
    justify-content: center; }
  #forms-editor .animated-highlight {
    -webkit-animation: fadeIt 1.5s ease-in-out;
    -moz-animation: fadeIt 1.5s ease-in-out;
    -o-animation: fadeIt 1.5s ease-in-out;
    animation: fadeIt 1.5s ease-in-out;
    background-image: none !important; }
  #forms-editor #ft-sidebar-list .ft-panel-title {
    cursor: move !important; }
  #forms-editor #frm-sidebar-list .ft-panel-title {
    cursor: pointer;
    padding-left: 12px; }

/**
    For SweetAlert popups
 */
.swal-footer {
  text-align: center; }

.swal-button--confirm {
  background-color: #54bef1; }

.swal-button--success {
  background-color: #0ca91096; }
  .swal-button--success:not([disabled]):hover {
    background-color: #0ca910; }

.swal-button--info {
  background-color: rgba(230, 154, 14, 0.65); }
  .swal-button--info:not([disabled]):hover {
    background-color: #e69a0e; }

/**
    The overlay
 */
.vpb_pop_up_background,
#vpb_pop_up_background {
  display: none;
  _position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #000000;
  border: 1px solid #cecece;
  position: fixed;
  z-index: 1998;
  opacity: 0.4; }
  .vpb_pop_up_background.level1,
  #vpb_pop_up_background.level1 {
    z-index: 1999; }
  .vpb_pop_up_background .show,
  #vpb_pop_up_background .show {
    display: block;
    opacity: 0.4; }

.vpb_action_completed_pop_up_box, .vpb_pop_up_box {
  display: none;
  border: solid 1px #ffd075;
  background-color: #FFF;
  box-shadow: 0 0 20px #35270b;
  -moz-box-shadow: 0 0 20px #35270b;
  -webkit-box-shadow: 0 0 20px #35270b;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #324800; }
  .vpb_action_completed_pop_up_box #file-upload-dropzone, .vpb_pop_up_box #file-upload-dropzone {
    max-height: 67vh;
    overflow: scroll;
    text-align: center; }
  .vpb_action_completed_pop_up_box .close-photo-modal, .vpb_pop_up_box .close-photo-modal {
    position: absolute;
    right: 0;
    margin-right: 10px;
    text-transform: capitalize;
    font-weight: bold;
    color: #718260;
    font-size: 22px; }
  .vpb_action_completed_pop_up_box label, .vpb_pop_up_box label {
    font-size: 140%;
    font-weight: bold; }
  .vpb_action_completed_pop_up_box .user-edit, .vpb_pop_up_box .user-edit {
    font-size: 11px; }
    .vpb_action_completed_pop_up_box .user-edit form, .vpb_pop_up_box .user-edit form {
      padding: 10px;
      margin: 0;
      height: 95%;
      overflow: scroll;
      background-color: #fffaf3;
      background: #F6F6EE url(/a4r/images/background1.png) !important; }
      .vpb_action_completed_pop_up_box .user-edit form p, .vpb_pop_up_box .user-edit form p {
        margin: 5px 0 0 0; }
        .vpb_action_completed_pop_up_box .user-edit form p.greyed, .vpb_pop_up_box .user-edit form p.greyed {
          color: grey; }
      .vpb_action_completed_pop_up_box .user-edit form label, .vpb_pop_up_box .user-edit form label {
        font-size: inherit;
        width: 12em;
        text-align: right;
        padding-right: 0.5em; }
      .vpb_action_completed_pop_up_box .user-edit form hr, .vpb_pop_up_box .user-edit form hr {
        margin: 10px 0; }
      .vpb_action_completed_pop_up_box .user-edit form select, .vpb_pop_up_box .user-edit form select {
        font-size: inherit;
        font-weight: inherit; }
  .vpb_action_completed_pop_up_box select, .vpb_pop_up_box select {
    color: #324800;
    font-weight: bold; }
  .vpb_action_completed_pop_up_box form, .vpb_pop_up_box form {
    margin: 10px;
    border: 2px solid transparent;
    border-radius: inherit;
    background-color: #c5d7e7; }
    .vpb_action_completed_pop_up_box form .dz-preview.dz-image-preview, .vpb_pop_up_box form .dz-preview.dz-image-preview {
      background-color: #fbedd1; }
  .vpb_action_completed_pop_up_box .dropzone, .vpb_pop_up_box .dropzone {
    min-height: 150px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    padding: 20px 20px; }
    .vpb_action_completed_pop_up_box .dropzone .dz-message, .vpb_pop_up_box .dropzone .dz-message {
      font-size: 20px;
      margin: 2em 0; }
      .vpb_action_completed_pop_up_box .dropzone .dz-message .note, .vpb_pop_up_box .dropzone .dz-message .note {
        font-size: 0.8em;
        font-weight: 200;
        display: block;
        margin-top: 1.4rem; }
    .vpb_action_completed_pop_up_box .dropzone .dz-preview .dz-image, .vpb_pop_up_box .dropzone .dz-preview .dz-image {
      margin: 12px auto;
      border-radius: 4px; }
    .vpb_action_completed_pop_up_box .dropzone .dz-preview .dz-rename, .vpb_pop_up_box .dropzone .dz-preview .dz-rename {
      text-align: center;
      background: #ffd075;
      padding: 4px; }
      .vpb_action_completed_pop_up_box .dropzone .dz-preview .dz-rename input, .vpb_pop_up_box .dropzone .dz-preview .dz-rename input {
        text-align: center; }
    .vpb_action_completed_pop_up_box .dropzone .dz-preview .dz-error-message, .vpb_pop_up_box .dropzone .dz-preview .dz-error-message {
      top: 50px;
      width: 100%; }
      .vpb_action_completed_pop_up_box .dropzone .dz-preview .dz-error-message:after, .vpb_pop_up_box .dropzone .dz-preview .dz-error-message:after {
        left: 50%; }
    .vpb_action_completed_pop_up_box .dropzone .dz-preview .dz-remove, .vpb_pop_up_box .dropzone .dz-preview .dz-remove {
      border: 1px solid #e09306;
      background: orange;
      color: #734c04;
      border-radius: 4px; }
  .vpb_action_completed_pop_up_box .dz-footer, .vpb_pop_up_box .dz-footer {
    color: black;
    font-size: 140%;
    font-weight: bold; }
    .vpb_action_completed_pop_up_box .dz-footer .dz-submit-buttons, .vpb_pop_up_box .dz-footer .dz-submit-buttons {
      display: none;
      text-align: center; }

.vpb_pop_up_box {
  max-height: 97%;
  max-width: 97%;
  overflow: auto;
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  right: auto;
  width: auto;
  transform: translate(-50%, -50%);
  z-index: 1999; }
  @media (max-width: 992px) {
    .vpb_pop_up_box .dz-message img {
      width: 100%;
      position: relative;
      min-width: 300px; } }

.dd-inline {
  display: inline; }

.popover {
  font-size: 12px;
  max-width: none;
  min-height: 200px;
  z-index: 10000;
  margin-bottom: 100px; }
  @media (min-width: 992px) {
    .popover {
      min-width: 400px;
      max-width: 50%;
      width: auto; } }
  .popover .popover-header {
    background-color: #fff1da;
    text-align: center; }
  .popover .popover-title {
    text-align: center;
    font-weight: bold; }
  .popover .popover-body {
    background-color: #fbffca47;
    max-height: 50vh;
    overflow: scroll; }
    .popover .popover-body .select2-search {
      margin-bottom: 10px; }
      .popover .popover-body .select2-search input {
        width: 100%;
        height: auto !important;
        min-height: 29px;
        padding: 6px 20px 5px 10px;
        margin: 0;
        outline: 0;
        font-family: sans-serif;
        font-size: 1em;
        border: 1px solid #aaa;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
        border-top-color: #a3a3a3;
        border-left-color: #a3a3a3;
        border-bottom-color: #ccc;
        border-right-color: #ccc;
        -webkit-box-shadow: inset 0 1px 0 #d6d6d6;
        -moz-box-shadow: inset 0 1px 0 #d6d6d6;
        box-shadow: inset 0 1px 0 #d6d6d6;
        color: #000; }
    .popover .popover-body #contacts-list {
      height: auto !important;
      border-left: 1px;
      border-right: 1px;
      border-bottom: 1px;
      border-style: solid;
      border-color: rgba(211, 211, 211, 0.31);
      max-height: 30vh;
      overflow: scroll; }
    .popover .popover-body .scs {
      background-color: white;
      cursor: pointer;
      padding: 4px;
      border-top: 1px;
      border-style: solid;
      border-color: rgba(211, 211, 211, 0.31); }
      .popover .popover-body .scs:hover {
        background-color: #fae2c7; }
      .popover .popover-body .scs.alt {
        background-color: #fff2cb; }
      .popover .popover-body .scs .tname {
        font-size: 85%;
        font-style: oblique;
        color: #4f4fff;
        font-weight: bold; }
        .popover .popover-body .scs .tname .error {
          color: #f95e36;
          font-weight: normal; }
    .popover .popover-body textarea {
      border-color: #f3f0f0;
      border-width: 1px;
      border-style: solid;
      width: 100%;
      padding: 4px 8px;
      min-height: 5em; }

.ft-image-gallery.pbThumbs {
  text-align: center;
  display: block;
  background: white;
  background-color: #f5f5f561;
  border: 1px solid #b1b0b05e;
  padding: 10px 10px 0 10px;
  margin-bottom: 4px; }
  @media (max-width: 992px) {
    .ft-image-gallery.pbThumbs {
      text-align: center !important; } }
  .ft-image-gallery.pbThumbs ul {
    white-space: initial;
    margin-top: 10px; }
    .ft-image-gallery.pbThumbs ul li {
      vertical-align: top; }
      .ft-image-gallery.pbThumbs ul li.deleting {
        opacity: 0.2; }
      .ft-image-gallery.pbThumbs ul li img {
        border: 2px solid #ecd6b4; }
      .ft-image-gallery.pbThumbs ul li:hover img {
        border-color: #D8FF16; }
  .ft-image-gallery.pbThumbs img {
    max-height: 70px !important; }

/* Profile container */
.profile {
  margin: 20px 0;
  /* Profile sidebar */
  /* Profile Content */ }
  .profile .profile-sidebar {
    padding: 20px 0 10px 0;
    background: #fff; }
  .profile .profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 50%;
    height: 50%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    max-width: 150px;
    border: 1px solid #f1f1f1; }
  .profile .profile-usertitle {
    text-align: center;
    margin-top: 20px; }
  .profile .profile-usertitle-name {
    color: #5a7391;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px; }
    .profile .profile-usertitle-name a {
      cursor: pointer;
      display: block;
      padding: 4px 0; }
      .profile .profile-usertitle-name a:hover {
        background-color: #fafcfd;
        color: #5b9bd1; }
  .profile .profile-usertitle-job {
    text-transform: uppercase;
    color: #5b9bd1;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px; }
  .profile .profile-userbuttons {
    text-align: center;
    margin-top: 10px; }
  .profile .profile-userbuttons .btn {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    padding: 6px 15px;
    margin-right: 5px; }
  .profile .profile-userbuttons .btn:last-child {
    margin-right: 0px; }
  .profile .profile-usermenu {
    margin-top: 30px; }
  .profile .profile-usermenu ul li {
    border-bottom: 1px solid #f0f4f7;
    overflow: hidden; }
  .profile .profile-usermenu ul li:last-child {
    border-bottom: none; }
  .profile .profile-usermenu ul li a {
    color: #93a3b5;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer; }
  .profile .profile-usermenu ul li a i {
    margin-right: 8px;
    font-size: 14px; }
  .profile .profile-usermenu ul li a:hover {
    background-color: #fafcfd;
    color: #5b9bd1; }
  .profile .profile-usermenu ul li.active {
    border-bottom: none; }
  .profile .profile-usermenu ul li.active a {
    color: #5b9bd1;
    background-color: #f6f9fb;
    border-left: 2px solid #5b9bd1;
    margin-left: -2px; }
    .profile .profile-usermenu ul li.active a.inError {
      background-color: pink;
      color: red; }
  .profile .profile-usermenu ul li .editbtn {
    border: none;
    position: relative;
    display: inline-block;
    top: inherit;
    right: inherit; }
  .profile .profile-content {
    padding: 10px;
    background: #fff;
    min-height: 260px; }
    .profile .profile-content .adrcontainer {
      text-align: center;
      position: relative; }
      .profile .profile-content .adrcontainer button.add-office {
        background-color: #f4ecdb;
        position: absolute;
        right: 0; }
      .profile .profile-content .adrcontainer .adrbox {
        margin: 4px 4px;
        display: inline-block;
        padding: 20px 40px 20px 40px;
        border: 1px outset #eaccad;
        position: relative;
        font-size: 90%;
        background-color: white; }
        .profile .profile-content .adrcontainer .adrbox.main-office {
          margin: 0 auto;
          display: inline-block;
          padding: 30px 60px 30px 60px;
          background-color: rgba(255, 226, 174, 0.18);
          font-size: 100%; }
        .profile .profile-content .adrcontainer .adrbox a {
          width: 22px;
          height: 22px;
          position: absolute;
          bottom: 0px;
          right: 1%;
          background-image: url(/a4r/images/comment_edit.png);
          background-repeat: no-repeat; }
          .profile .profile-content .adrcontainer .adrbox a:hover {
            transform: scale(1.6); }
      .profile .profile-content .adrcontainer .profile-edit {
        position: relative;
        border: 1px solid #e3bd90; }
  .profile .alert-success {
    margin-top: 10px;
    padding: 10px;
    font-size: 150%; }

.box-shadow {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  position: relative; }
  .box-shadow .boxIcon {
    background: #62c6f2 none repeat scroll 0 0;
    border-radius: 10px;
    height: 60px;
    left: 15px;
    padding: 14px;
    position: absolute;
    top: -15px;
    width: 60px; }

.note-item {
  border: 1px solid #b3b3b3;
  margin-bottom: 4px; }
  .note-item .note-hdr {
    border: 1px solid #e7c093;
    background-color: #f1e2d2;
    padding: 1px 4px; }
  .note-item .note-content {
    padding: 1px 4px; }

/*
 * TREE
 */
.tree {
  min-height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.tree li {
  list-style-type: none;
  margin: 0;
  padding: 5px;
  position: relative; }

.tree ul ul li:hover {
  background: rgba(0, 0, 0, 0.015); }

.tree li:before, .tree li:after {
  content: '';
  left: -20px;
  position: absolute;
  right: auto; }

.tree li:before {
  border-left: 1px solid #adadad;
  bottom: 50px;
  height: 100%;
  top: -11px;
  width: 1px;
  -webkit-transition: "border-color 0.1s ease 0.1s";
  -moz-transition: "border-color 0.1s ease 0.1s";
  -o-transition: "border-color 0.1s ease 0.1s";
  transition: "border-color 0.1s ease 0.1s"; }

.tree li:after {
  border-top: 1px solid #adadad;
  height: 20px;
  top: 18px;
  width: 25px; }

.tree li span {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px dotted #adadad;
  border-radius: 5px;
  display: inline-block;
  padding: 3px 8px;
  text-decoration: none;
  -webkit-transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;
  -moz-transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;
  -o-transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;
  transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s; }

.tree li.parent_li > span {
  cursor: pointer;
  padding: 7px; }

.tree > ul > li:before, .tree > ul > li::after {
  border: 0; }

.tree li:last-child::before {
  height: 30px; }

.tree li.parent_li > span:hover, .tree li.parent_li > span:hover + ul li span {
  background: #eee;
  border: 1px solid #94a0b4;
  color: #000; }

.tree > ul {
  padding-left: 0px; }

.tree ul ul {
  padding-left: 34px;
  padding-top: 10px; }

.tree li.parent_li > span:hover {
  background-color: #DF8505;
  border: 1px solid #C67605;
  color: #fff; }

.tree li.parent_li > span:hover + ul li::before {
  border-left-color: #F89406; }

.tree li.parent_li > span:hover + ul li::after {
  border-top-color: #F89406; }

.tree li.parent_li > span:hover + ul li span {
  background: #FDDFB3 !important;
  border: 1px solid #FAA937;
  color: #000; }

/* icons */
.tree .fa.icon-minus-sign:before {
  content: "\f056" !important; }

.tree .fa.icon-plus-sign:before {
  content: "\f055" !important; }

.dd3-content i:hover {
  color: #06b706; }

.tree-header {
  background-color: #f5cb98;
  text-align: center;
  padding: 4px;
  color: #b57302;
  font-weight: bold;
  font-size: 130%;
  position: relative;
  margin: -20px 0 0 0; }
  .tree-header .new-folder {
    float: right !Important;
    color: #fbf411;
    top: 4px;
    position: relative;
    right: 5px; }
    .tree-header .new-folder:hover {
      color: yellow; }

.tree {
  overflow: hidden; }
  .tree ul li {
    padding: 2px 0 2px 5px; }
    .tree ul li span span {
      border: none;
      padding: 0px; }
    .tree ul li div .bbar {
      display: none;
      margin-left: 10px;
      border: 1px dotted #999;
      border-radius: 5px;
      padding: 0px 4px;
      background-color: #f1e5d7; }
    .tree ul li div:hover .bbar {
      display: inline-block;
      position: absolute;
      top: 5px;
      z-index: 2;
      right: 0; }
    .tree ul li div > span {
      padding: 3px; }
      .tree ul li div > span.parea {
        position: relative;
        padding-left: 26px;
        padding-right: 5px; }
        .tree ul li div > span.parea .dd-handle {
          height: 100%;
          width: 20px;
          background: #EAF4F8;
          background: -webkit-linear-gradient(top, #EAF4F8 0%, #d3e1f8 100%);
          background: -moz-linear-gradient(top, #EAF4F8 0%, #d3e1f8 100%);
          background: linear-gradient(top, #EAF4F8 0%, #d3e1f8 100%); }
          .tree ul li div > span.parea .dd-handle:before {
            top: -2px;
            color: #9797A3; }
    .tree ul li div .dd3-handle {
      position: absolute;
      margin: 0;
      left: 0;
      top: 0;
      cursor: move;
      width: 30px;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      background: #bfbfbf;
      background: -webkit-linear-gradient(top, #dddddd 0%, #bbb 100%);
      background: -moz-linear-gradient(top, #dddddd 0%, #bbb 100%);
      background: linear-gradient(top, #dddddd 0%, #bbb 100%);
      display: inline-block;
      font-family: "Font Awesome 5 Free";
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 18px; }
    .tree ul li div .dd3-handle:before {
      content: '\f0c9';
      display: block;
      position: absolute;
      left: -1px;
      top: 3px;
      width: 100%;
      text-align: center;
      text-indent: 0;
      color: #818181;
      font-weight: 900;
      line-height: 28px; }
    .tree ul li div .dir-edit-blk {
      padding-left: 8px; }
      .tree ul li div .dir-edit-blk input {
        background-color: #f1e5d8;
        border: 1px solid #CFCFCF; }
    @media (max-width: 700px) {
      .tree ul li div .bbar {
        display: inline-block;
        position: absolute;
        top: 5px;
        width: 100px;
        right: 0; } }

/* =======================================================================
 * The following buttons are used for switching between list and grid view,
 * and also for adding a new item
   ======================================================================= */
a.pf-grid {
  display: inline-block;
  width: 69px;
  height: 37px;
  opacity: 0.5;
  background: url(/images/grid.png) 0 0 no-repeat; }
  a.pf-grid:hover {
    transform: scale(1.4);
    opacity: 0.9; }
  a.pf-grid.active {
    transform: scale(1.2);
    opacity: 1; }
    a.pf-grid.active:hover {
      transform: scale(1.2); }

a.pf-list {
  display: inline-block;
  width: 74px;
  height: 37px;
  opacity: 0.5;
  background: url(/images/list.png) 0 0 no-repeat; }
  a.pf-list:hover {
    transform: scale(1.4);
    opacity: 0.9; }
  a.pf-list.active {
    transform: scale(1.2);
    opacity: 1; }
    a.pf-list.active:hover {
      transform: scale(1.2); }

.add-user-link {
  font-size: 34px;
  color: #525252;
  line-height: 1;
  position: absolute;
  right: 18px;
  z-index: 999; }
  .add-user-link.text {
    font-size: 15px;
    margin-right: 20px;
    color: #b5691a; }
  .add-user-link.info {
    font-size: 15px;
    margin-right: 20px;
    color: #b5691a;
    position: initial;
    display: block; }
  .add-user-link:hover {
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    color: #d45e0a; }

.control-procedures,
.filemanagerContainer {
  /*-------------------------
          Simple reset
  --------------------------*/
  /*-------------------------
          Demo page
  -------------------------*/
  /*-------------------------
          File manager
  -------------------------*/
  /*-------------------------
          Breadcrumps
  -------------------------*/
  /*-------------------------
          Search box
  -------------------------*/
  /*-------------------------
          Content area
  -------------------------*/
  /* Chrome, Safari, Opera */
  /* Standard syntax */
  /*-------------------------
                  Icons
  -------------------------*/
  /*----------------------------
          The Demo Footer
  -----------------------------*/
  /*----------------------------
          The Checkbox Switch
  -----------------------------*/
  /* DEMO 3 */ }
  .control-procedures body,
  .filemanagerContainer body {
    background-color: #23232e;
    font: 14px normal Arial, Helvetica, sans-serif;
    z-index: -4;
    background-color: rgba(167, 160, 113, 0.26); }
  .control-procedures .filemanager,
  .filemanagerContainer .filemanager {
    width: 100%;
    position: relative;
    margin: 0px auto 20px; }
    .control-procedures .filemanager .ud-forms,
    .filemanagerContainer .filemanager .ud-forms {
      margin-top: 1em;
      min-height: 2.5em;
      position: relative; }
      .control-procedures .filemanager .ud-forms #zipinfo,
      .filemanagerContainer .filemanager .ud-forms #zipinfo {
        position: relative;
        top: 0px;
        margin-left: 0;
        padding: 0 10px; }
      .control-procedures .filemanager .ud-forms .btn-upload,
      .filemanagerContainer .filemanager .ud-forms .btn-upload {
        position: absolute;
        right: 8px;
        top: 0px; }
    .control-procedures .filemanager .alert,
    .filemanagerContainer .filemanager .alert {
      padding: 5px 0; }
  @media all and (max-width: 965px) {
    .control-procedures .filemanager,
    .filemanagerContainer .filemanager {
      margin: 30px auto 0;
      padding: 1px; } }
  .control-procedures .filemanager .breadcrumbs,
  .filemanagerContainer .filemanager .breadcrumbs {
    color: #B39B4C;
    margin-left: 20px;
    font-size: 24px;
    font-weight: 700;
    line-height: 35px; }
  .control-procedures .filemanager .breadcrumbs a:link, .control-procedures .breadcrumbs a:visited,
  .filemanagerContainer .filemanager .breadcrumbs a:link,
  .filemanagerContainer .breadcrumbs a:visited {
    color: #735D5D;
    text-decoration: none; }
  .control-procedures .filemanager .breadcrumbs a:hover,
  .filemanagerContainer .filemanager .breadcrumbs a:hover {
    text-decoration: underline; }
  .control-procedures .filemanager .breadcrumbs .arrow,
  .filemanagerContainer .filemanager .breadcrumbs .arrow {
    color: #6a6a72;
    font-size: 24px;
    font-weight: 700;
    line-height: 20px; }
  .control-procedures ::-webkit-input-placeholder,
  .filemanagerContainer ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #4d535e; }
  .control-procedures :-moz-placeholder,
  .filemanagerContainer :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #4d535e;
    opacity: 1; }
  .control-procedures ::-moz-placeholder,
  .filemanagerContainer ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #4d535e;
    opacity: 1; }
  .control-procedures :-ms-input-placeholder,
  .filemanagerContainer :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #4d535e; }
  .control-procedures .filemanager .data,
  .filemanagerContainer .filemanager .data {
    margin-top: 30px;
    z-index: -3; }
  .control-procedures .filemanager .data.animated,
  .filemanagerContainer .filemanager .data.animated {
    -webkit-animation: showSlowlyElement 700ms;
    /* Chrome, Safari, Opera */
    animation: showSlowlyList 900ms;
    /* Standard syntax */ }
@keyframes showSlowlyList {
  100% {
    transform: scale(1);
    opacity: 1; }
  0% {
    transform: scale(1.05);
    opacity: 0; } }
  .control-procedures .filemanager .data li,
  .control-procedures .data li,
  .filemanagerContainer .filemanager .data li,
  .filemanagerContainer .data li {
    border-radius: 10px;
    background-color: #9B935C;
    background-color: #fcecd3;
    background-color: #daa142;
    background: transparent linear-gradient(to bottom, rgba(255, 189, 132, 0.32) 0.05%, rgba(212, 174, 109, 0.92) 100%) repeat scroll 0 0;
    width: 307px;
    height: 118px;
    list-style-type: none;
    margin: 10px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 0.3em;
    z-index: 1;
    cursor: pointer;
    box-sizing: border-box;
    transition: 0.02s background-color; }
    .control-procedures .filemanager .data li.deleting,
    .control-procedures .data li.deleting,
    .filemanagerContainer .filemanager .data li.deleting,
    .filemanagerContainer .data li.deleting {
      background-color: #f33333 !important; }
  .control-procedures .filemanager .data li:hover,
  .filemanagerContainer .filemanager .data li:hover {
    background-color: #42424E; }
    .control-procedures .filemanager .data li:hover .details,
    .filemanagerContainer .filemanager .data li:hover .details {
      color: #b6c1c9; }
  .control-procedures .filemanager .data li .selectf,
  .filemanagerContainer .filemanager .data li .selectf {
    position: absolute;
    top: 10px;
    top: 0px;
    right: 10px;
    /* Double-sized Checkboxes */
    -ms-transform: scale(2);
    /* IE */
    -moz-transform: scale(2);
    /* FF */
    -webkit-transform: scale(2);
    /* Safari and Chrome */
    -o-transform: scale(2);
    /* Opera */
    padding: 10px; }
  .control-procedures .filemanager .data li a,
  .filemanagerContainer .filemanager .data li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .control-procedures .filemanager .data li .dirname,
  .control-procedures .filemanager .data li .name,
  .filemanagerContainer .filemanager .data li .dirname,
  .filemanagerContainer .filemanager .data li .name {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    left: 101px;
    width: 190px;
    display: inline-block;
    position: absolute;
    text-overflow: ellipsis;
    top: 40px; }
  .control-procedures .filemanager .data li .name,
  .filemanagerContainer .filemanager .data li .name {
    top: 61%;
    transform: translateY(-50%);
    max-height: 78px; }
  .control-procedures .filemanager .data li .details,
  .filemanagerContainer .filemanager .data li .details {
    color: #b6c1c9;
    color: #8e5a01;
    font-size: 13px;
    font-weight: 400;
    width: 55px;
    height: 10px;
    top: 64px;
    white-space: nowrap;
    display: inline-block; }
  .control-procedures .filemanager .nothingfound,
  .filemanagerContainer .filemanager .nothingfound {
    background-color: #373743;
    width: 23em;
    height: 21em;
    margin: 0 auto;
    display: none;
    font-family: Arial, sans-serif;
    -webkit-animation: showSlowlyElement 700ms;
    /* Chrome, Safari, Opera */
    animation: showSlowlyElement 700ms;
    /* Standard syntax */ }
  .control-procedures .filemanager .nothingfound .nofiles,
  .filemanagerContainer .filemanager .nothingfound .nofiles {
    margin: 30px auto;
    top: 3em;
    border-radius: 50%;
    position: relative;
    background-color: #d72f6e;
    width: 11em;
    height: 11em;
    line-height: 11.4em; }
  .control-procedures .filemanager .nothingfound .nofiles:after,
  .filemanagerContainer .filemanager .nothingfound .nofiles:after {
    content: '×';
    position: absolute;
    color: #ffffff;
    font-size: 14em;
    margin-right: 0.092em;
    right: 0; }
  .control-procedures .filemanager .nothingfound span,
  .filemanagerContainer .filemanager .nothingfound span {
    margin: 0 auto auto 6.8em;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    height: 13px;
    position: relative;
    top: 2em; }
  .control-procedures.portrait .filemanager .data li,
  .filemanagerContainer.portrait .filemanager .data li {
    width: 218px;
    height: 300px; }
    .control-procedures.portrait .filemanager .data li .switch.demo3,
    .filemanagerContainer.portrait .filemanager .data li .switch.demo3 {
      left: 78px; }
    .control-procedures.portrait .filemanager .data li a,
    .filemanagerContainer.portrait .filemanager .data li a {
      box-sizing: border-box;
      padding: 20px;
      min-height: 200px;
      top: 19px;
      max-height: 83%;
      text-decoration: none; }
      .control-procedures.portrait .filemanager .data li a.folders,
      .filemanagerContainer.portrait .filemanager .data li a.folders {
        max-height: 200px; }
      .control-procedures.portrait .filemanager .data li a.reports,
      .filemanagerContainer.portrait .filemanager .data li a.reports {
        max-height: 75%; }
        .control-procedures.portrait .filemanager .data li a.reports.lg,
        .filemanagerContainer.portrait .filemanager .data li a.reports.lg {
          max-height: 90%; }
          .control-procedures.portrait .filemanager .data li a.reports.lg .icon.file,
          .filemanagerContainer.portrait .filemanager .data li a.reports.lg .icon.file {
            box-sizing: border-box;
            top: 100%;
            left: 100%;
            transform: translate(-100%, -100%); }
          .control-procedures.portrait .filemanager .data li a.reports.lg .folded-page,
          .filemanagerContainer.portrait .filemanager .data li a.reports.lg .folded-page {
            position: relative;
            width: 83%;
            height: 89%;
            padding: 1em 1.5em;
            margin: 0em auto;
            color: #fff;
            background: #999868;
            background: #BDBB8B;
            overflow: hidden;
            box-sizing: border-box; }
            .control-procedures.portrait .filemanager .data li a.reports.lg .folded-page:before,
            .filemanagerContainer.portrait .filemanager .data li a.reports.lg .folded-page:before {
              content: "";
              position: absolute;
              top: 0;
              right: 0;
              border-width: 0 16px 16px 0;
              border-style: solid;
              border-color: #9b935c #9b935c #abab64 #abab64;
              background: #BDBB8B;
              -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
              -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
              box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
              /* Firefox 3.0 damage limitation */
              display: block;
              width: 0; }
            .control-procedures.portrait .filemanager .data li a.reports.lg .folded-page.rounded,
            .filemanagerContainer.portrait .filemanager .data li a.reports.lg .folded-page.rounded {
              -moz-border-radius: 5px 0 5px 5px;
              border-radius: 5px 0 5px 5px; }
              .control-procedures.portrait .filemanager .data li a.reports.lg .folded-page.rounded:before,
              .filemanagerContainer.portrait .filemanager .data li a.reports.lg .folded-page.rounded:before {
                border-width: 8px;
                -moz-border-radius: 0 0 0 5px;
                border-radius: 0 0 0 5px; }
      .control-procedures.portrait .filemanager .data li a .sname,
      .filemanagerContainer.portrait .filemanager .data li a .sname {
        text-align: center;
        background-color: white;
        margin: 0 auto 4px auto; }
      .control-procedures.portrait .filemanager .data li a img,
      .filemanagerContainer.portrait .filemanager .data li a img {
        width: auto;
        height: auto;
        max-height: 90%;
        max-width: 90%;
        left: 50%;
        position: absolute;
        transform: translateX(-50%); }
      .control-procedures.portrait .filemanager .data li a .img-container,
      .filemanagerContainer.portrait .filemanager .data li a .img-container {
        width: 100%;
        height: 166px;
        position: relative; }
        .control-procedures.portrait .filemanager .data li a .img-container.empty span,
        .filemanagerContainer.portrait .filemanager .data li a .img-container.empty span {
          display: block;
          background-color: white;
          width: 117px;
          height: 100%;
          max-height: 100%;
          max-width: 100%;
          left: 50%;
          position: absolute;
          transform: translateX(-50%);
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 1em; }
        .control-procedures.portrait .filemanager .data li a .img-container img,
        .filemanagerContainer.portrait .filemanager .data li a .img-container img {
          max-height: 100%;
          max-width: 100%;
          background-color: white; }
        .control-procedures.portrait .filemanager .data li a .img-container i,
        .filemanagerContainer.portrait .filemanager .data li a .img-container i {
          font-size: 150px;
          text-align: center;
          position: relative;
          display: block; }
      .control-procedures.portrait .filemanager .data li a span.details, .control-procedures.portrait .filemanager .data li a span.name,
      .filemanagerContainer.portrait .filemanager .data li a span.details,
      .filemanagerContainer.portrait .filemanager .data li a span.name {
        top: 89%;
        left: 50%;
        margin-top: 0.5em;
        transform: translateX(-50%);
        text-align: center;
        max-height: 28px;
        width: 190px;
        position: absolute;
        overflow: scroll; }
      .control-procedures.portrait .filemanager .data li a span.folder-icon, .control-procedures.portrait .filemanager .data li a span.icon.file,
      .filemanagerContainer.portrait .filemanager .data li a span.folder-icon,
      .filemanagerContainer.portrait .filemanager .data li a span.icon.file {
        margin: 0 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute; }
        .control-procedures.portrait .filemanager .data li a span.folder-icon.lg, .control-procedures.portrait .filemanager .data li a span.icon.file.lg,
        .filemanagerContainer.portrait .filemanager .data li a span.folder-icon.lg,
        .filemanagerContainer.portrait .filemanager .data li a span.icon.file.lg {
          width: 9.5em;
          height: 11em; }
      .control-procedures.portrait .filemanager .data li a span.dirname,
      .filemanagerContainer.portrait .filemanager .data li a span.dirname {
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        text-align: center; }
      .control-procedures.portrait .filemanager .data li a span.details,
      .filemanagerContainer.portrait .filemanager .data li a span.details {
        color: #fdfa98;
        font-size: 15px; }
  @media all and (max-width: 600px) {
    .control-procedures .filemanager .data li,
    .filemanagerContainer .filemanager .data li {
      width: 100%;
      margin: 5px 0; }
    .control-procedures .filemanager .data,
    .filemanagerContainer .filemanager .data {
      padding: 0 20px; }
      .control-procedures .filemanager .data li,
      .filemanagerContainer .filemanager .data li {
        width: 100%;
        margin: 5px 0; } }
@-webkit-keyframes showSlowlyElement {
  100% {
    transform: scale(1);
    opacity: 1; }
  0% {
    transform: scale(1.2);
    opacity: 0; } }
@keyframes showSlowlyElement {
  100% {
    transform: scale(1);
    opacity: 1; }
  0% {
    transform: scale(1.2);
    opacity: 0; } }
  .control-procedures .icon, .control-procedures .folder-icon,
  .filemanagerContainer .icon,
  .filemanagerContainer .folder-icon {
    font-size: 23px; }
    .control-procedures .icon:hover, .control-procedures .folder-icon:hover,
    .filemanagerContainer .icon:hover,
    .filemanagerContainer .folder-icon:hover {
      border-width: 0;
      background-color: inherit !important; }
  .control-procedures .folder-icon.folder,
  .filemanagerContainer .folder-icon.folder {
    display: inline-block;
    margin: 1em;
    background-color: transparent;
    overflow: hidden; }
  .control-procedures .folder-icon.folder:before,
  .filemanagerContainer .folder-icon.folder:before {
    content: '';
    float: left;
    background-color: #7ba1ad;
    width: 1.5em;
    height: 0.45em;
    margin-left: 0.07em;
    margin-bottom: -0.07em;
    border-top-left-radius: 0.1em;
    border-top-right-radius: 0.1em;
    box-shadow: 1.25em 0.25em 0 0em #7ba1ad; }
  .control-procedures .folder-icon.folder:after,
  .filemanagerContainer .folder-icon.folder:after {
    content: '';
    float: left;
    clear: left;
    background-color: #a0d4e4;
    width: 3em;
    height: 2.25em;
    border-radius: 0.1em; }
  .control-procedures .folder-icon.folder.full:before,
  .filemanagerContainer .folder-icon.folder.full:before {
    height: 0.55em; }
  .control-procedures .folder-icon.folder.full:after,
  .filemanagerContainer .folder-icon.folder.full:after {
    height: 2.15em;
    box-shadow: 0 -0.12em 0 0 #ffffff; }
  .control-procedures .icon.file,
  .filemanagerContainer .icon.file {
    width: 2.5em;
    height: 3em;
    line-height: 3em;
    text-align: center;
    border-radius: 0.25em;
    color: #FFF;
    display: inline-block;
    margin: 0.9em 1.2em 0.8em 1.3em;
    overflow: hidden;
    box-shadow: 1.74em -2.1em 0 0 #A4A7AC inset;
    position: relative; }
  .control-procedures .icon.file:first-line,
  .filemanagerContainer .icon.file:first-line {
    font-size: 13px;
    font-weight: 700; }
  .control-procedures .icon.file:after,
  .filemanagerContainer .icon.file:after {
    content: '';
    position: absolute;
    z-index: -1;
    border-width: 0;
    border-bottom: 2.6em solid #DADDE1;
    border-right: 2.22em solid transparent;
    top: -34.5px;
    right: -4px; }
  .control-procedures .icon.file.f-avi,
  .control-procedures .icon.file.f-flv,
  .control-procedures .icon.file.f-mkv,
  .control-procedures .icon.file.f-mov,
  .control-procedures .icon.file.f-mpeg,
  .control-procedures .icon.file.f-mpg,
  .control-procedures .icon.file.f-mp4,
  .control-procedures .icon.file.f-m4v,
  .control-procedures .icon.file.f-wmv,
  .filemanagerContainer .icon.file.f-avi,
  .filemanagerContainer .icon.file.f-flv,
  .filemanagerContainer .icon.file.f-mkv,
  .filemanagerContainer .icon.file.f-mov,
  .filemanagerContainer .icon.file.f-mpeg,
  .filemanagerContainer .icon.file.f-mpg,
  .filemanagerContainer .icon.file.f-mp4,
  .filemanagerContainer .icon.file.f-m4v,
  .filemanagerContainer .icon.file.f-wmv {
    box-shadow: 1.74em -2.1em 0 0 #7e70ee inset; }
  .control-procedures .icon.file.f-avi:after,
  .control-procedures .icon.file.f-flv:after,
  .control-procedures .icon.file.f-mkv:after,
  .control-procedures .icon.file.f-mov:after,
  .control-procedures .icon.file.f-mpeg:after,
  .control-procedures .icon.file.f-mpg:after,
  .control-procedures .icon.file.f-mp4:after,
  .control-procedures .icon.file.f-m4v:after,
  .control-procedures .icon.file.f-wmv:after,
  .filemanagerContainer .icon.file.f-avi:after,
  .filemanagerContainer .icon.file.f-flv:after,
  .filemanagerContainer .icon.file.f-mkv:after,
  .filemanagerContainer .icon.file.f-mov:after,
  .filemanagerContainer .icon.file.f-mpeg:after,
  .filemanagerContainer .icon.file.f-mpg:after,
  .filemanagerContainer .icon.file.f-mp4:after,
  .filemanagerContainer .icon.file.f-m4v:after,
  .filemanagerContainer .icon.file.f-wmv:after {
    border-bottom-color: #5649c1; }
  .control-procedures .icon.file.f-mp2,
  .control-procedures .icon.file.f-mp3,
  .control-procedures .icon.file.f-m3u,
  .control-procedures .icon.file.f-wma,
  .control-procedures .icon.file.f-xls,
  .control-procedures .icon.file.f-xlsx,
  .filemanagerContainer .icon.file.f-mp2,
  .filemanagerContainer .icon.file.f-mp3,
  .filemanagerContainer .icon.file.f-m3u,
  .filemanagerContainer .icon.file.f-wma,
  .filemanagerContainer .icon.file.f-xls,
  .filemanagerContainer .icon.file.f-xlsx {
    box-shadow: 1.74em -2.1em 0 0 #5bab6e inset; }
  .control-procedures .icon.file.f-mp2:after,
  .control-procedures .icon.file.f-mp3:after,
  .control-procedures .icon.file.f-m3u:after,
  .control-procedures .icon.file.f-wma:after,
  .control-procedures .icon.file.f-xls:after,
  .control-procedures .icon.file.f-xlsx:after,
  .filemanagerContainer .icon.file.f-mp2:after,
  .filemanagerContainer .icon.file.f-mp3:after,
  .filemanagerContainer .icon.file.f-m3u:after,
  .filemanagerContainer .icon.file.f-wma:after,
  .filemanagerContainer .icon.file.f-xls:after,
  .filemanagerContainer .icon.file.f-xlsx:after {
    border-bottom-color: #448353; }
  .control-procedures .icon.file.f-doc,
  .control-procedures .icon.file.f-docx,
  .control-procedures .icon.file.f-psd,
  .filemanagerContainer .icon.file.f-doc,
  .filemanagerContainer .icon.file.f-docx,
  .filemanagerContainer .icon.file.f-psd {
    box-shadow: 1.74em -2.1em 0 0 #03689b inset; }
  .control-procedures .icon.file.f-pptx,
  .filemanagerContainer .icon.file.f-pptx {
    box-shadow: 1.74em -2.1em 0 0 #d8d54b inset; }
  .control-procedures .icon.file.f-doc:after,
  .control-procedures .icon.file.f-docx:after,
  .control-procedures .icon.file.f-psd:after,
  .filemanagerContainer .icon.file.f-doc:after,
  .filemanagerContainer .icon.file.f-docx:after,
  .filemanagerContainer .icon.file.f-psd:after {
    border-bottom-color: #2980b9; }
  .control-procedures .icon.file.f-gif,
  .control-procedures .icon.file.f-jpg,
  .control-procedures .icon.file.f-jpeg,
  .control-procedures .icon.file.f-pdf,
  .control-procedures .icon.file.f-png,
  .filemanagerContainer .icon.file.f-gif,
  .filemanagerContainer .icon.file.f-jpg,
  .filemanagerContainer .icon.file.f-jpeg,
  .filemanagerContainer .icon.file.f-pdf,
  .filemanagerContainer .icon.file.f-png {
    box-shadow: 1.74em -2.1em 0 0 #e15955 inset; }
  .control-procedures .icon.file.f-gif:after,
  .control-procedures .icon.file.f-jpg:after,
  .control-procedures .icon.file.f-jpeg:after,
  .control-procedures .icon.file.f-pdf:after,
  .control-procedures .icon.file.f-png:after,
  .filemanagerContainer .icon.file.f-gif:after,
  .filemanagerContainer .icon.file.f-jpg:after,
  .filemanagerContainer .icon.file.f-jpeg:after,
  .filemanagerContainer .icon.file.f-pdf:after,
  .filemanagerContainer .icon.file.f-png:after {
    border-bottom-color: #c6393f; }
  .control-procedures .icon.file.f-deb,
  .control-procedures .icon.file.f-dmg,
  .control-procedures .icon.file.f-gz,
  .control-procedures .icon.file.f-rar,
  .control-procedures .icon.file.f-zip,
  .control-procedures .icon.file.f-7z,
  .filemanagerContainer .icon.file.f-deb,
  .filemanagerContainer .icon.file.f-dmg,
  .filemanagerContainer .icon.file.f-gz,
  .filemanagerContainer .icon.file.f-rar,
  .filemanagerContainer .icon.file.f-zip,
  .filemanagerContainer .icon.file.f-7z {
    box-shadow: 1.74em -2.1em 0 0 #867c75 inset; }
  .control-procedures .icon.file.f-deb:after,
  .control-procedures .icon.file.f-dmg:after,
  .control-procedures .icon.file.f-gz:after,
  .control-procedures .icon.file.f-rar:after,
  .control-procedures .icon.file.f-zip:after,
  .control-procedures .icon.file.f-7z:after,
  .filemanagerContainer .icon.file.f-deb:after,
  .filemanagerContainer .icon.file.f-dmg:after,
  .filemanagerContainer .icon.file.f-gz:after,
  .filemanagerContainer .icon.file.f-rar:after,
  .filemanagerContainer .icon.file.f-zip:after,
  .filemanagerContainer .icon.file.f-7z:after {
    border-bottom-color: #685f58; }
  .control-procedures .icon.file.f-html,
  .control-procedures .icon.file.f-rtf,
  .control-procedures .icon.file.f-xml,
  .control-procedures .icon.file.f-xhtml,
  .filemanagerContainer .icon.file.f-html,
  .filemanagerContainer .icon.file.f-rtf,
  .filemanagerContainer .icon.file.f-xml,
  .filemanagerContainer .icon.file.f-xhtml {
    box-shadow: 1.74em -2.1em 0 0 #a94bb7 inset; }
  .control-procedures .icon.file.f-html:after,
  .control-procedures .icon.file.f-rtf:after,
  .control-procedures .icon.file.f-xml:after,
  .control-procedures .icon.file.f-xhtml:after,
  .filemanagerContainer .icon.file.f-html:after,
  .filemanagerContainer .icon.file.f-rtf:after,
  .filemanagerContainer .icon.file.f-xml:after,
  .filemanagerContainer .icon.file.f-xhtml:after {
    border-bottom-color: #d65de8; }
  .control-procedures .icon.file.f-js,
  .filemanagerContainer .icon.file.f-js {
    box-shadow: 1.74em -2.1em 0 0 #d0c54d inset; }
  .control-procedures .icon.file.f-js:after,
  .filemanagerContainer .icon.file.f-js:after {
    border-bottom-color: #a69f4e; }
  .control-procedures .icon.file.f-css,
  .control-procedures .icon.file.f-saas,
  .control-procedures .icon.file.f-scss,
  .filemanagerContainer .icon.file.f-css,
  .filemanagerContainer .icon.file.f-saas,
  .filemanagerContainer .icon.file.f-scss {
    box-shadow: 1.74em -2.1em 0 0 #44afa6 inset; }
  .control-procedures .icon.file.f-css:after,
  .control-procedures .icon.file.f-saas:after,
  .control-procedures .icon.file.f-scss:after,
  .filemanagerContainer .icon.file.f-css:after,
  .filemanagerContainer .icon.file.f-saas:after,
  .filemanagerContainer .icon.file.f-scss:after {
    border-bottom-color: #30837c; }
  .control-procedures footer,
  .filemanagerContainer footer {
    width: 770px;
    font: normal 16px Arial, Helvetica, sans-serif;
    padding: 15px 35px;
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -420px;
    background-color: #1f1f1f;
    background-image: linear-gradient(to bottom, #1f1f1f, #101010);
    border-radius: 2px 2px 0 0;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.4);
    z-index: 1; }
  .control-procedures footer a.tz,
  .filemanagerContainer footer a.tz {
    font-weight: normal;
    font-size: 16px !important;
    text-decoration: none !important;
    display: block;
    margin-right: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #bfbfbf !important;
    z-index: 1; }
  .control-procedures footer a.tz:before,
  .filemanagerContainer footer a.tz:before {
    content: '';
    background: url("http://cdn.tutorialzine.com/misc/enhance/v2_footer_bg.png") no-repeat 0 -53px;
    width: 138px;
    height: 20px;
    display: inline-block;
    position: relative;
    bottom: -3px; }
  .control-procedures footer .close,
  .filemanagerContainer footer .close {
    position: absolute;
    cursor: pointer;
    width: 8px;
    height: 8px;
    background: url("http://cdn.tutorialzine.com/misc/enhance/v2_footer_bg.png") no-repeat 0 0;
    top: 10px;
    right: 10px;
    z-index: 3; }
  .control-procedures footer #tzine-actions,
  .filemanagerContainer footer #tzine-actions {
    position: absolute;
    top: 8px;
    width: 500px;
    right: 50%;
    margin-right: -650px;
    text-align: right;
    z-index: 2; }
  .control-procedures footer #tzine-actions iframe,
  .filemanagerContainer footer #tzine-actions iframe {
    display: inline-block;
    height: 21px;
    width: 95px;
    position: relative;
    float: left;
    margin-top: 11px; }
  @media (max-width: 1024px) {
    .control-procedures #bsaHolder, .control-procedures footer,
    .filemanagerContainer #bsaHolder,
    .filemanagerContainer footer {
      display: none; } }
  .control-procedures .switch,
  .filemanagerContainer .switch {
    /*margin: 50px auto;*/
    position: absolute;
    top: 0; }
  .control-procedures .switch label,
  .filemanagerContainer .switch label {
    width: 100%;
    height: 100%;
    position: relative;
    display: block; }
  .control-procedures .switch input,
  .filemanagerContainer .switch input {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .control-procedures .switch.demo3,
  .filemanagerContainer .switch.demo3 {
    width: 72px;
    height: 12px;
    position: absolute;
    top: 10px;
    right: 10px; }
  .control-procedures .switch.demo3 label,
  .filemanagerContainer .switch.demo3 label {
    display: block;
    width: 100%;
    height: 100%;
    background: #a5a39d;
    border-radius: 40px;
    box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.5); }
    .control-procedures .switch.demo3 label.filesselected,
    .filemanagerContainer .switch.demo3 label.filesselected {
      background-color: #f9c732; }
  .control-procedures .switch.demo3 label:after,
  .filemanagerContainer .switch.demo3 label:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border-radius: inherit;
    background: #ababab;
    background: -moz-linear-gradient(#f2f2f2, #ababab);
    background: -ms-linear-gradient(#f2f2f2, #ababab);
    background: -o-linear-gradient(#f2f2f2, #ababab);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#ababab));
    background: -webkit-linear-gradient(#f2f2f2, #ababab);
    background: linear-gradient(#f2f2f2, #ababab);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25); }
  .control-procedures .switch.demo3 label:before,
  .filemanagerContainer .switch.demo3 label:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    border-radius: inherit;
    background: #eee;
    background: -moz-linear-gradient(#e5e7e6, #eee);
    background: -ms-linear-gradient(#e5e7e6, #eee);
    background: -o-linear-gradient(#e5e7e6, #eee);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e7e6), to(#eee));
    background: -webkit-linear-gradient(#e5e7e6, #eee);
    background: linear-gradient(#e5e7e6, #eee);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px); }
  .control-procedures .switch.demo3 label i,
  .filemanagerContainer .switch.demo3 label i {
    display: block;
    height: 100%;
    width: 60%;
    border-radius: inherit;
    position: absolute;
    z-index: 2;
    right: 40%;
    top: 0;
    background: #b2ac9e;
    background: -moz-linear-gradient(#f7f2f6, #b2ac9e);
    background: -ms-linear-gradient(#f7f2f6, #b2ac9e);
    background: -o-linear-gradient(#f7f2f6, #b2ac9e);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f2f6), to(#b2ac9e));
    background: -webkit-linear-gradient(#f7f2f6, #b2ac9e);
    background: linear-gradient(#f7f2f6, #b2ac9e);
    box-shadow: inset 0 1px 0 white, 0 0 8px rgba(0, 0, 0, 0.3), 0 5px 5px rgba(0, 0, 0, 0.2); }
  .control-procedures .switch.demo3 label i:after,
  .filemanagerContainer .switch.demo3 label i:after {
    content: "";
    position: absolute;
    left: 15%;
    top: 25%;
    width: 70%;
    height: 50%;
    background: #d2cbc3;
    background: -moz-linear-gradient(#cbc7bc, #d2cbc3);
    background: -ms-linear-gradient(#cbc7bc, #d2cbc3);
    background: -o-linear-gradient(#cbc7bc, #d2cbc3);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#cbc7bc), to(#d2cbc3));
    background: -webkit-linear-gradient(#cbc7bc, #d2cbc3);
    background: linear-gradient(#cbc7bc, #d2cbc3);
    border-radius: inherit; }
  .control-procedures .switch.demo3 label i:before,
  .filemanagerContainer .switch.demo3 label i:before {
    content: "no";
    text-transform: uppercase;
    font-style: normal;
    /*font-weight: bold;*/
    color: rgba(0, 0, 0, 0.74);
    /*text-shadow: 0 1px 0 #bcb8ae, 0 -1px 0 #97958e;*/
    font-family: Helvetica, Arial, sans-serif;
    font-size: 8px;
    position: absolute;
    top: 100%;
    margin-top: -10px;
    right: -75%;
    width: inherit; }
  .control-procedures .switch.demo3 input:checked ~ label,
  .filemanagerContainer .switch.demo3 input:checked ~ label {
    background: #bb1530; }
  .control-procedures .switch.demo3 input:checked ~ label i,
  .filemanagerContainer .switch.demo3 input:checked ~ label i {
    right: -1%; }
  .control-procedures .switch.demo3 input:checked ~ label i:before,
  .filemanagerContainer .switch.demo3 input:checked ~ label i:before {
    content: "zip it";
    right: 100%;
    color: #ffffff; }
  .control-procedures #zipinfo,
  .filemanagerContainer #zipinfo {
    top: 12px;
    color: white;
    margin-left: 20px;
    position: absolute;
    top: 77px;
    margin-left: 50px; }
  .control-procedures #zipinfo a,
  .filemanagerContainer #zipinfo a {
    color: red;
    margin-left: 1em; }
  .control-procedures .delete-file,
  .filemanagerContainer .delete-file {
    position: absolute;
    right: 3px;
    bottom: 3px;
    display: inline-block;
    border: none;
    background: url(/images/tag_blue_delete.png) 0 0 no-repeat;
    height: 16px;
    width: 16px;
    cursor: pointer; }
    .control-procedures .delete-file:hover,
    .filemanagerContainer .delete-file:hover {
      transform: scale(1.4); }
    .control-procedures .delete-file.active,
    .filemanagerContainer .delete-file.active {
      transform: scale(1.2); }
      .control-procedures .delete-file.active:hover,
      .filemanagerContainer .delete-file.active:hover {
        transform: scale(1.2); }

#srv-listing {
  background: #F6F6EE url(/images/background1.png) !important;
  margin: auto -10px;
  padding: 15px 10px; }
  #srv-listing h1 {
    font-size: 150% !important;
    padding: 10px !important;
    text-align: center; }
  #srv-listing .srv-header {
    background-color: #f5cb98;
    text-align: center;
    padding: 4px;
    color: #b57302;
    font-weight: bold;
    font-size: 130%;
    position: relative; }
  #srv-listing .srv-sidebar {
    background: #fff; }
    #srv-listing .srv-sidebar .srv-list ul {
      padding: 10px; }
      #srv-listing .srv-sidebar .srv-list ul li {
        padding: 4px;
        list-style-type: none;
        margin: 4px 0 4px 0;
        position: relative;
        border: 1px dotted #adadad;
        border-radius: 5px; }
        #srv-listing .srv-sidebar .srv-list ul li.selected {
          background: #ccfdb6 !important;
          border: 1px solid #dffacb;
          color: #000; }
  #srv-listing .srv-detail {
    padding: 10px;
    background: #fff;
    min-height: 160px; }
    #srv-listing .srv-detail .alert-warning.dirname {
      color: #ff878f; }
      #srv-listing .srv-detail .alert-warning.dirname span {
        color: red;
        font-weight: bold; }
    #srv-listing .srv-detail .asset {
      border: 1px solid #ffead7;
      background-color: rgba(255, 238, 208, 0.2);
      padding: 2px;
      margin-top: 10px; }
      #srv-listing .srv-detail .asset.new {
        background-color: #f8d7da;
        border-color: #f5b4bb; }
      #srv-listing .srv-detail .asset input[type=text] {
        border-radius: .25rem;
        border: 1px solid #ced4da;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        height: 2.22em;
        width: 100%; }
      #srv-listing .srv-detail .asset i {
        margin-left: 6px; }
      #srv-listing .srv-detail .asset i.fa-qrcode {
        font-size: 1rem;
        padding-top: 4px; }
    #srv-listing .srv-detail ::placeholder {
      opacity: 0.4; }

span.asset-location {
  font-size: 120%;
  color: navy;
  font-weight: bold; }

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

#lone-worker {
	display: none ! important ;
}