.body-is-form {
    background: #fff;
    overflow: hidden;
}

/* slide out draw widget */
.form-wrap {
    height:100%;
    min-height: 100%;
    max-height: 100%;
    width:100%;
    position: relative;
}

 .drawer-footer {
    position: absolute;
    top:auto;
    bottom:0;
    left: 0;
    right:0;
    height:50px;
    padding: 0 17px;
    width: 100%;
    background: #FFF;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    z-index: 15000100;
}
 .drawer-footer-title {
    position: absolute;
    top:0;
    left: 0;
    right:0;
    height:50px;
    z-index: 15000100;
    line-height: 50px;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    font-weight: 500;
    font-size: 9px;
    text-transform: uppercase;
    text-decoration: none;
    color: #AAA;
    overflow: hidden;
}


i.tudodesk 
{
opacity: .5;
display: inline-block;
position: relative;
margin-right: 5px;
top: 1px;
width: 9px;
height: 9px;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAE2SURBVBiVVdA/SwJhHAfw7++ee+D6A4J/qMMw1MVIDEIEacnWoNbiAmlzcSkIonfQWItTcJD0BhrcCowcosFAAqEg4jgbEirE8J7nfs19XsKHAKBcc5NKm3UGOwBsBg8I1JRCn3UaVY/KNTcZhOICjAoBspBNIBqx0O56gdL6Vopw31TarANcISKZT8dwuFMEM0NrlndP3rrSRt1gsEOAXE7HcLxXwtvgG6dXD8iloijm5iQzOwYAu5BN4Gi3iBfvC/lMHPHIFH4nCpvlDECwTQB+NGIt6JDhtnpIJmaxtZbFjCXx2P8AM3yTQM121zsYjQO5sZrCeKIwbUn8jANc378GBnFTLJa2n1VIK/7nKCVNIUpL8+i/D+G2eoE/HN1IEZ7QvydmBwQ7BA8EjEtTqPNOo+r9AZzygWimlJrjAAAAAElFTkSuQmCC);
}

 a:hover > .drawer-footer-title {
  color: #333;
}
 a:hover > .drawer-footer-title i.tudodesk {
  opacity: 1;
}

 .drawer-header {
    position: absolute;
    top:0;
    left: 0;
    right:0;
    height:50px;
    padding: 0 17px;
    width: 100%;
    background: #FFF;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    z-index: 15000100;
    text-align: center;
}
 .drawer-header-title {
    position: absolute;
    top:0;
    left: 0;
    right:0;
    height:50px;
    width: 100%;
    z-index: 15000100;
    line-height: 50px;
    font-size: 15px;
    font-weight: 500;
    max-width: 300px;
    margin: 0 auto;
    color: rgb(69, 90, 100);
    text-transform: uppercase;
}


.drawer-header .wd_close_drawer {
    display: none;
}

 
 .drawer-body {
    position: absolute;
    top:51px;
    bottom:51px;
    left: 0;
    right:0;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    width:100%;
    background: #f1f1f1;
}

.drawer-body .drawer-content {
  position: relative;
  padding: 20px;
}



.drawer-body::-webkit-scrollbar {
    width: 3px;
}
.drawer-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.drawer-body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,0.5); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.35); 
}
.drawer-body::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0,0,0,0.25); 
}




 .form-control {
    border: 1px solid #cdd5d7;
    background-color: #f4f6fc;
    border-radius: 0;
    padding: 6px 10px;
    margin: 0;
    height: auto;
    font-size: 15px;
    line-height: 20px;
}

.form-control:focus {
    color: #55595c;
    background-color: #fff;
    border-color: #66afe9 !important;
    outline: 0;
}


 .has-danger .form-control-feedback {
    display:block;
}

.form-control-feedback {
    margin-top: .25rem;
    font-size: 12px;
    font-weight: 500;
    display:none;
    text-align: right;
}

label {
    color: #999;
    font-size: 12px;
    margin:0; 
}

:required {
    border-left:2px solid #5cb85c;
}
.form-group {

    margin-bottom:.5rem;

}
.scroll {
  overflow-y: auto;
  overflow-x: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}

.scroll::-webkit-scrollbar {
    width: 4px;
}

.scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0; 
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}  

.bold {
    font-weight: 600;
}


.gdpr-box {
  padding: 5px 10px;
  border: 1px solid #ccc;
  background-color: #ffffff;
  margin-bottom: .5rem;
  line-height: 1.1;
  border-radius: 4px;
}
.gdpr-box div {
  line-height: 1;
}
.gdpr-box.has-danger {
  border: 1px solid #d9534f;
  background-color: #ffffffd6;
}
.gdpr-box.has-danger .form-check-label {
  color: #d9534f;
}

.gdpr-box .gdpr-statement {
 line-height: 1.1;
 margin-bottom: 5px;
}

.gdpr-box .gdp .form-check-label, .gdpr-box label {
    font-size: 12px;
    text-transform: initial;
    color: #444;
    line-height: 1.6;
    font-weight: 500;
}


.gdpr-box span.bold {
    font-size: 12px;
    font-weight: 600;
    margin-right: 0;
}

.gdpr-box a, .gdpr-box a:focus, .gdpr-box a:hover, .gdpr-box a:active {
    outline: 0;
    cursor: pointer;
    color: initial;
    text-decoration: underline;
}

.browsewrap {
  margin-top:10px; 
  display:block;
  color:#999;
  text-align: center;
}

.upload-box {
    border: 2px dotted #ddd;
    border-radius: 4px;
    padding: 10px;

}

.upload-box .btn.upload {
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

.row.gut10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.gut10 .gap10  {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.has-danger .form-control {
    border-color: #d9534f !important;
}