@font-face {
  font-family: Poppins;
  src: url(../fonts/Poppins-Regular.ttf);
}
html,
body {
    height: 100%;
    width: 100%;
    font-family: "Poppins","Helvetica Neue","Arial",sans-serif;
    background: #FFF;
    color: #000;
    font-size: 14px;
    font-weight: 400;
}
h1,h2,h3,h4,h5,h6{
    font-weight: bold;
}
:focus-visible {
    outline: #80bdff solid 1px;
    border-radius: 5px;
}
#pre-loader {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0000009c;
}

div.dataTables_processing {
    height: calc(100%) !important;
    top: 6% !important;
    position: absolute;
    display: inline-flex;
    margin: unset;
    justify-content: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgb(210 210 210 / 15%)), color-stop(75%, rgb(255 255 255 / 15%)), color-stop(100%, rgba(255, 255, 255, 0))) !important;
}

.tbl_loader {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: #00000038;
}


/* .blur>* {
    filter: blur(5px);
    -webkit-filter: blur(5px);
} */

.blur .tbl_loader {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}


/* FORM BUILDER */

.form-description {
    color: #807e9d
}

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

.card.question-item .item-move {
    top: 40%;
    z-index: 2;
    content: "";
    width: 20px;
    height: 30px;
    background-repeat: no-repeat;
    opacity: .5;
    cursor: move;
    position: absolute;
    right: 3px
}
.question-field .card-body{
    padding: 0;
}
.question-field textarea.form-control{
    height: 100px !important;
    border-radius: 5px;
    border: 1px solid #B3B3B3;
    background: #FFF;
    width: 100%;
}
.viewform .question-field textarea.form-control,.question-field textarea.form-control.fulltext{
    height: auto;
}
.question-field .card-footer {
    padding: 5px 15px;
    background: white;
}
.question-field .fa-braille{
    font-size: 10px;
    transform: rotate(90deg);
    position: relative;
    top: 0px;
}
.question-field .choice-option{
    margin: 10px 0px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}
.card.active {
    background-color: #f8f9fa;
}
.tablefield{
    width: 60px;
}
.error{
    color: red;
}
.card.hide{
    display: none;
}
.sidebar.sticky{
    position: fixed;
    top: 0px;
    right: 30px;
    width: 24%;;
}
.leftbar.sticky{
    position: fixed;
    top: 0px;
    left: 15px;
    width: 24%;;
}
.ball {
  padding: 10px 20px;
  position: fixed;
  top: 0;
  left: 0;
  border: 2px dashed gray;
  border-radius: 10px;
  pointer-events: none;
  display: none;
}
.ball.active,.ball.clicked{
    display: block;
}
.nbarea{
    width: 500px;
    height: 180px;
    border-radius: 20px;
    border: 1px dashed #999;
    background: #F5F5F5;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #999;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-top: 50px;
}
.dropdown-item{
    font-size: 13px;
}
.mydrop .dropdown-menu{
    position: fixed; transform: translate3d(0px, -460px, 0px); top: 0px; left: 0px; will-change: transform; display: none;
    height: 470px;
    overflow: auto;
}
.choice-field .iconblock i{
    font-size: 40px;
}
.choice-field .text-center{
    padding: 20px;
}
.card-footer .note, .card-footer .mmblock, .card-footer .evblock{
    margin-top: 5px;
    width: 100%;
}
.scoringblk{
    display: none;
}
.scoringblk.active{
    display: inline-block;
}
.spanner {
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  display: block;
  text-align: center;
  height: 300px;
  color: #fff;
  transform: translateY(-50%);
  z-index: 1000;
  visibility: hidden;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  top: 0;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.show {
  visibility: visible;
}
.spanner,
.overlay {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.spanner.show,.overlay.show {
  opacity: 1;
}
.choices span {
    border: 1px solid #1f4c08;
    padding: 2px 8px;
    border-radius: 25px;
    color: #1c1c1c;
    font-size: 10px;
    margin-right: 2px;
}
.choices {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding: 4px 0;
    cursor: pointer;
}
input[type="range"].form-control:focus{
    border-color:#fff;
    box-shadow:none;
}
.flex {
    display: flex;
}
.flex .col.col2 {
    text-align: center;
}
.flex .col.col3 {
    text-align: right;
}
canvas.sketchpad {
    border: 1px solid #ccc;
    width: 100%;
    max-width: 500px;
    display: block;
}
.imageditor{
    position: fixed;
    top: 0px;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: none;
}
.tui-image-editor-header-logo{
    display: none;
}
.tui-image-editor-header-buttons{
    display: none;
}
.tui-image-editor-save-btn{
    background-color: #fdba3b;
    border: 1px solid #fdba3b;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 12px;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    height: 40px;
    letter-spacing: .3px;
    line-height: 40px;
    outline: none;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 120px;
    margin: 12px 0;
}
 @media only screen and (max-width: 414px) {
    .tui-image-editor-save-btn{
        width: 44px;
        right: 110px;
        bottom: 0px;
        position: absolute;
    }
}
.insptbl th, .insptbl td{
    font-size: 12px;
}
.control-sidebar.open, .control-sidebar.open::before {
    right: 0;
    transition: right .3s ease-in-out,display .3s ease-in-out;
}
.control-sidebar {
    bottom: 0;
    float: none;
    position: fixed;
    top: 65px;
    height: 600px;
    right: -250px;
    width: 250px;
    transition: right .3s ease-in-out,display .3s ease-in-out;
    z-index: 1031;
    color: white;
}
.control-sidebar-dark {
    background-color: #F5F5F5;
}
.control-sidebar {
    bottom: 0;
    position: fixed;
}
.control-sidebar-content .head{
    border-right: 1px solid #999;
    background: #000;
    padding: 10px 0 0 0px;
    position: relative;
}
.control-sidebar-content .head:after {
    position: absolute;
    width: 135px;
    height: 10px;
    content: " ";
    border-bottom: 2.5px solid #FF813A;
    bottom: 0;
    left: 0;
}
.control-sidebar-content h2{
    color: #FF813A;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 0;
    padding-left: 10px;
}
.control-sidebar-content .inner{
    padding: 10px;
}
.formbuilder .control-sidebar .btn-primary{
    box-shadow: none;
}
.sideblock{
    display: none;
}
.sideblock.active{
    display: block;
}
.form-check label:not(.form-check-label){
    float: right;
    margin-left: 20px;
}
.answered span.gray{
 padding: 0px 10px;
 background: #9f9c9c;
 color: white
}
.answered span.red{
 padding: 0px 10px;
 background: #db473c;
 color: white
}
.answered span.yellow{
 padding: 0px 10px;
 background: #f5980e;
 color: white
}
.answered span.green{
 padding: 0px 10px;
 background: #25a32a;
 color: white
}
.sidereport{
    width: 500px;
}
.control-sidebar .close {
    position: absolute;
    top: 0;
    right: 10px;
    color: #000;
    opacity: 1;
    text-shadow: none;
    width: 20px;
    height: 20px;
    background: #fff;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 10px;
    z-index: 1;
}
.multiple-val-input{
    height: auto;
    min-height: 34px;
    cursor: text;
}
.multiple-val-input ul{
    float: left;
    padding: 0;
    margin: 0;
}
.multiple-val-input ul li{
    list-style: none;
    float: left;
    padding: 3px 5px 3px 5px;
    margin-bottom: 3px;
    margin-right: 3px;
    position: relative;
    line-height: 25px;
    cursor: default;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.multiple-val-input ul li a{
    display: inline;
    color: #333;
    text-decoration: none;
}
.multiple-val-input ul li a, .multiple-val-input ul li div{
    display: inline;
    margin-left: 3px;
}
.multiple-val-input input[type="text"]{
    float: left;
}
.multiple-val-input span.input_hidden{
    font-size: 14px;
    position: absolute;
    clip: rect(0,0,0,0);
}
.tab-content>.active{
    background: white;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 11px;
}
.ui-widget.ui-widget-content{
    z-index: 9999;
}
.column {
    width: 300px;
    display: inline-block;
    padding: 0 3px;
    min-height: 350px;
    vertical-align: top;
    overflow: hidden;
}
.columns {
    white-space: nowrap;
}
.column .card{
    margin-bottom: 10px;
    padding: 10px;
}

.people-list {
  width: 400px;
  float: left;
  border-radius: 10px;
    border: 0.5px solid #999;
    background: rgba(255, 129, 58, 0.10);
}
.people-list .search {
  padding: 20px;
}
.people-list input {
  border-radius: 3px;
  border: none;
  padding: 14px;
  color: white;
  background: #6a6c75;
  width: 90%;
  font-size: 14px;
}
.people-list .fa-search {
  position: relative;
  left: -25px;
}
.people-list ul {
  padding: 20px;
  height: 770px;
  list-style: none;
}
.people-list ul li {
  padding-bottom: 20px;
}
.people-list img {
  float: left;
}
.people-list .about {
  float: left;
  margin-top: 8px;
}
.people-list .about {
  padding-left: 8px;
}
.people-list .status {
  color: #92959e;
}

.chat {
  width: 679px;
  float: right;border-radius: 10px;
border: 1px solid #999;
background: #FFF;
  color: #434651;
}
.chat .chat-header {
  padding: 20px;
  border-bottom: 2px solid white;
}
.chat .chat-header img {
  float: left;
}
.chat .chat-header .chat-about {
  float: left;
  padding-left: 10px;
  margin-top: 6px;
}
.chat .chat-header .chat-with {
  font-weight: bold;
  font-size: 16px;
}
.chat .chat-header .chat-num-messages {
  color: #92959e;
}
.chat .chat-header .fa-star {
  float: right;
  color: #d8dadf;
  font-size: 20px;
  margin-top: 12px;
}
.chat .chat-history {
  padding: 30px 30px 20px;
  border-bottom: 2px solid white;
  overflow-y: scroll;
  height: 575px;
}
.chat .chat-history .message-data {
  margin-bottom: 15px;
}
.chat .chat-history .message-data-time {
  color: #a8aab1;
  padding-left: 6px;
}
.chat .chat-history .message {
  color: black;
  padding: 18px 20px;
  line-height: 26px;
  font-size: 16px;
  border-radius: 7px;
  margin-bottom: 30px;
  width: 90%;
  position: relative;
}
.chat .chat-history .message:after {
  bottom: 100%;
  left: 7%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #D9D9D9;
  border-width: 10px;
  margin-left: -10px;
}
.chat .chat-history .my-message {
  border-radius: 10px;
  background: #D9D9D9;
}
.chat .chat-history .other-message {
  border-radius: 10px;
  background: #D9D9D9;
}
.chat .chat-history .other-message:after {
  border-bottom-color: #D9D9D9;
  left: 93%;
}
.chat .chat-message {
  padding: 30px;
}
.chat .chat-message textarea {
  width: 100%;
  border: none;
  padding: 10px
  font: 14px/22px "Lato", Arial, sans-serif;
  margin-bottom: 10px;
  border-radius: 5px;
  resize: none;
  border-radius: 10px;
  border: 1px solid #999;
    background: #FFF;
}
.btn-send img{
    width: 35px;
    padding-bottom: 10px;
}
.sendbox .attach{
    margin-right: 10px;
    margin-bottom: 10px;
}
.sendbox .attach i{
    color: white;
    background: #FF813A;
    padding: 9px 10px;
    border-radius: 50%;
}
.chat .chat-message .sendbox{
    display: flex;
    align-items: center;
}
.chat .chat-message .fa-file-o,
.chat .chat-message .fa-file-image-o {
  font-size: 16px;
  color: gray;
  cursor: pointer;
}
.chat .chat-message button {
  float: right;
}
.chat .chat-message button:hover {
  color: #75b1e8;
}
.align-left {
  text-align: left;
}

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

.float-right {
  float: right;
}
.chat-history ul{
    list-style: none;
}
header{
    width: 100%;
    /*height: 64px;*/
}
.formbuilder .navbar-brand{
    color: #FFF;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.formbuilder .navbar-brand:hover{
    color: #FFF;
}
.formbuilder .navbar-brand img{
    margin-right: 10px;
    width: 150px;
}
.formbuilder .top-nav{
    display: flex;
    justify-content: space-between;
    background: #FF813A;
    padding: 5px 30px;
}
.top-nav .right{
    display: flex;
    align-items: center;
    border-left: 2px solid #fff;
    padding-left: 15px;
}
.top-nav .right a.profile{
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.formbuilder a{
    color: #000;
}
.formbuilder a.btn.btn-info, .formbuilder a.btn.btn-danger{
    color: #fff;
}
.formbuilder a:hover{
    text-decoration: none;
}
.top-nav .right a.profile img{
    border-radius: 13px;
    margin-right: 2px;
    border: 1px solid #000;
}
.container-fluid{
    display: flex;
}
.content-head{
    background: #F5F5F5;
    height: 60px;
    display: flex;
    align-items: center;
}
.content-head h2{
    color: #FF813A;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 1.2px;
}
.content-head div.formshead{
    border-bottom: 2.5px solid #FF813A;
    height: 60px;
    width: 200px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    padding-bottom: 5px;
    margin-left: 20px;
}
.content-head div.insphead .inner-border{
    border-bottom: 2.5px solid #FF813A;
    padding-bottom: 5px;
    margin-left: 20px;
    margin-top: 15px;
}
.content-head div.viewhead{
    width: 100%;
    border-bottom:none;
    display: grid;
    align-content: stretch;
    padding-bottom: 5px;
    margin-left: 20px;
}
.content-head div.viewhead h3{
    color: #FF813A;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 2px;
    margin-bottom: 0px;
}
.content-head div.viewhead p{
    color: #999;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.formbuilder .container-fluid{
    padding: 0;
}
.content-head .sidetoggle img{
    padding: 10px 15px;
}
.content-head .sideback img{
    padding: 0 0  0 30px;
}
.sidemenu{
    background: #F5F5F5;
    width:0%;
    overflow:hidden;
    /*-webkit-transition: width 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -moz-transition: width 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -o-transition: width 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transition: width 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);*/
    -webkit-transition: width .2s ease-in-out;
    -moz-transition: width .2s ease-in-out;
    -o-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
    max-width: 283px;
}
.sidemenu.active{
    width:100%;
    -webkit-transition: width .2s ease-in-out;
    -moz-transition: width .2s ease-in-out;
    -o-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
}
.sidemenu .closebar{
    background: #D9D9D9;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.sidemenu .closebar img{
    margin-right: 20px;
}
.sidemenu a{
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.sidemenu a img{
    vertical-align: text-top;
    padding-right: 10px;
}
.dashboard{
    border-radius: 50px;
    border: 1px solid #D9D9D9;
    background: rgba(255, 129, 58, 0.10);
    width: 900px;
    margin: 60px auto;
    padding: 50px;
    text-align: center;
}
.dashboard h3{
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.dashboard p{
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal
}
.container-fluid .inner{
    width: 100%;
    min-height: 800px;
}
.dashboard .circle{
    background: #D9D9D9;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 15px;
}
.dashboard .circle.plus{
    background-image: url(../img/plus.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.dashboard a:hover .circle.plus{
    background-image: url(../img/plus-hover.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.dashboard a:hover .circle{
    background: rgba(255, 125, 50, 0.10);
    border: 1px solid #FF7D32;
}
.dashboard a:hover h3, .dashboard a:hover p{
    color: #FF7D32;
}
.dashboard .row{
    margin-top: 60px;
}
.dashboard .text-center{
    display: flex;
    justify-content: space-around;
}
.hide{
    display: none;
}
.tablebody{
    padding: 20px;
}
#forms-tbl, #forms-tbl2, #forms-tbl3{
    border-radius: 10px;
    /*border: 1px solid #999;*/
    background: #FFF;
}
#forms-tbl_wrapper.dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: left;
}
#forms-tbl_wrapper.dataTables_wrapper .dataTables_length {
    float: right;
}
#forms-tbl thead, #forms-tbl2 thead, #forms-tbl3 thead{
    /*border-bottom: 1px solid #F9FAFB;*/
}
#forms-tbl thead tr th, #forms-tbl2 thead tr th, #forms-tbl3 thead tr th{
    color: #575555;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    /*text-decoration-line: underline;*/
    text-align: center;
    border-bottom: 0;
    padding: 18px 0 !important;
    background-color: #F9FAFB;
    /*border-bottom: 1px solid #999;*/
    border-top: none;
}
#forms-tbl tbody tr td, #forms-tbl2 tbody tr td, #forms-tbl3 tbody tr td{
    color: #2D2D2D;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 0 !important;
    border-top: none;
    vertical-align: middle;
}
#forms-tbl tbody tr:last-child td, #forms-tbl2 tbody tr:last-child td, #forms-tbl2 tbody tr:last-child td{
    border-bottom: none;
}
.formbuilder .dropdown-toggle::after{
    display: none;
}
.formbuilder table thead tr th:first-child { border-radius: 10px 0 0 0; }
.formbuilder table thead tr th:last-child { border-radius: 0 10px 0 0; }
.formbuilder table.dataTable tbody tr{
    background: none;
}
.formbuilder a:hover.dropdown-toggle{
    color: #FF813A;
}
.formbuilder .link{
    color: #007bff;
}
.formbuilder #forms-tbl .dropdown-item, #home a.dropdown-item{
    border-bottom: 1px solid #999;
    text-align: center;
}
.formbuilder #forms-tbl .dropdown-menu .dropdown-item:last-child, #home a.dropdown-item:last-child{
    border-bottom:none;
}
.formbuilder #forms-tbl .dropdown-menu, #home .dropdown-menu{
    border-radius: 5px;
    background: #F5F5F5;
    border: 1px solid #999;
    box-shadow: 0px 0px 4px 0px #999;
}
.formbuilder .btn.btn-default{
    border: 1px solid #999;
    background: #F5F5F5;
}
.formbuilder #forms-tbl_wrapper .dataTables_paginate .paginate_button.current, .formbuilder #forms-tbl_wrapper .dataTables_paginate .paginate_button.current:hover{
    border: none;
    background: none;
    color: #999999 !important;
}
.formbuilder #forms-tbl_wrapper .paginate_button.previous, .formbuilder #forms-tbl_wrapper .paginate_button.next{
    font-size: 0;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.formbuilder #forms-tbl_wrapper .paginate_button.previous{
    background: url(/img/left-arrow.svg) #FF7D32 center no-repeat;
}
.formbuilder #forms-tbl_wrapper .paginate_button.next{
    background: url(/img/right-arrow.svg) #FF7D32 center no-repeat;
}
.formbuilder #forms-tbl_wrapper .dataTables_paginate{
    display: flex;
    align-items: center;
}
.viewform .card{
    border-radius: 10px;
    border: 1px solid #999;
}
.viewform .card.active{
    background: transparent;
}
.viewform .card-header{
    border-bottom: 1px solid #999;    
}
.viewform .card-header .question-text{
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0.5px;
}
.formbuilder .viewform .question-item .card-footer{
    border-top: 1px solid #999;
    display: block;
    background: rgba(0,0,0,.03);
}
.viewform .card-footer a{
    color: #FF813A;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 20px;
}
.viewform .card-body .choice-field{
    padding: 20px 35px;
    margin: 0;
}
.viewform .card-body .choice-field .form-control{
    border: 1px solid #999;
    line-height: 50px;
    height: 50px;
    max-width: 500px;
}
.viewform .form-check-input{
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #999;
    background: #F5F5F5;
    margin-top: 1px;
}
.viewform .form-check-label{
    margin-left: 10px;
}
.form-control.datepicker{
    background: url(/img/calendar.svg) right 15px center no-repeat;
    padding-left: 10px;
}
.viewform .custom-file{
    height: 55px;
    max-width: 500px;
}
.viewform .custom-file-label::after{
    background-color: #FF813A;
    color: #FFF;
    height: 50px;
    line-height: 35px;
    top: -1px;
} 
.viewform .custom-file-label{
    height: 50px;
    line-height: 35px;
    z-index: 0;
}
.formbuilder .btn-primary{
    border-radius: 5px;
    background: #FF813A;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border: 0;
}
.rangerow{
    border-radius: 10px;
    border: 1px solid #999;
    background: #FFF;
    display: flex;
    max-width: 500px;
}
.rangerow .col2{
    border-radius: 10px;
    border-left: 1px solid #999;
    background: #FFF;
    vertical-align: middle;
    padding: 10px 15px;
    color: #999;
    text-align: right;
}
.rangerow .col2 span{
    border-bottom: 1px solid #999;
}
.viewform .card-body .choice-field .rangerow .form-control{
    max-width: 415px;
    margin: 0 15px;
}
.custom-file-input:lang(en)~.custom-file-label.signature::after{
    content: "Upload";
}
.deskhide{
    display: none;
}
.content-head div.insphead {
    border-bottom: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-left: 0;
}
.formbuilder .content-head div.insphead .btn-primary{
    box-shadow: none;
    margin-left: 10px;
    background-image: url(/img/drop-down-arrow.svg);
    background-repeat: no-repeat;
    background-position: center right 8px;
    padding-right: 25px;
}
.respbody .img{
    border: 1px solid #000;
    background: #D9D9D9;
    border-radius: 50%;
    margin: 0 auto;
    width: 180px;
    height: 180px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.respbody .col-md-4.text-center p{
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
    margin-top: 10px;
    margin-bottom: 30px;
}
.search_input{
    width: 50%;
    padding-left: 40px;
    margin: 0 auto;
    background: url(/img/search.svg) no-repeat 8px 5px;
}
.formbuilder .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
    background: #FF813A;
}
.tablebody #myTab{
    align-items: center;
    justify-content: center;
    border-bottom: 0;
}
.tablebody .tab-content>.active{
    border: 0;
}
.tablebody .nav-tabs .nav-link{
    border-radius: 5px;
    background: #D9D9D9;
    font-size: 15px;
    border-color: #D9D9D9;
    color: #999;
    padding: 10px 30px;
    margin: 0 10px;
}
.tablebody .nav-tabs .nav-link.active{
    background: #FF813A;
    color: white;
    border-color: #FF813A;
    font-weight: 600;
}
.tablebody .nav-tabs .nav-link:focus{
    outline: none;
}
.formbuilder .tablebody a.btn-primary{
    color: white;
    box-shadow: none;
}
.formbuilder .tablebody .sidetrigger{
    display: flex;
    flex-basis: 100%;
    flex: 1;
    flex-wrap: wrap;
}
.formbuilder .tablebody .sidetrigger i{
    border-radius: 50%;
    background: #D9D9D9;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 13px;
    margin: 4px;
}
.filtertags b{
    font-size: 20px;
}
#myTabContent .btn{
    outline: none;
}
.loadattach p{
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding: 2px 10px;
    vertical-align: middle;
}
.loadattach p a{
    color: #0085FF;
    font-size: 11px;
    font-weight: 300;
    text-decoration-line: underline;
}
.loadcomment{
    min-height: 460px;
}
.loadcomment .cmrow, .loadreminder .rmrow, .remsend .nrow{
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    margin-bottom: 10px;
    color: #000;
}
.loadreminder .rmrow, .remsend .nrow{
    font-size: 11px;
    font-weight: 300;
    padding: 5px;
}
.loadcomment .cmrow .chead{
    display: flex;
    padding: 5px 10px 0 10px;
    align-items: baseline;
    justify-content: space-between;
}
.loadcomment .cmrow .chead h3{
    color: black;
    font-size: 12px;
    font-weight: 500;
    padding-left: 18px;
    line-height: 20px;
}
.loadcomment .cmrow .chead h3::before {
    content: " ";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(/img/user1.svg) no-repeat center center;
    left: 15px;
    border: 1px solid #000;
    border-radius: 50%;
}
.loadcomment .cmrow .chead fa.fa-ellipsis-v {
    color: #D9D9D9;
    font-size: 12px;
}
.loadcomment .cmrow{
    font-size: 12px;
    padding: 0px 3px;
}
.loadcomment .cmrow p a, .loadcomment .remsend a{
    color: #0085FF;
    font-size: 12px;
    font-weight: 400;
    text-decoration-line: underline;
}
.converrow .send {
    display: flex;
    background: #fff;
    padding: 5px 5px 5px 0px;
    /*margin: 0 14px;*/
}
.remsend1 {
    display: flex;
    background: #fff;
    padding: 5px 5px 5px 0px;
    margin: 1px;
}

.converrow textarea.form-control, .remsend1 textarea.form-control {
    height: 32px;
    border: 0;
    font-size: 12px;
}
.formbuilder .control-sidebar .send .btn-primary, .formbuilder .control-sidebar .remsend1 .btn-primary {
    box-shadow: none;
    padding: 0 8px;
}
#loadreport .row1{
    color: #000;
    border-radius: 10px !important;
    border: 1px solid #FF813A;
    background: #FFF;
}
#loadreport .rlogo{
    padding: 20px;
}
#loadreport .row1 h4{
    color: #000;
    font-size: 15px;
    font-weight: 600;   
}
#loadreport .row1 p{
    font-size: 10px;
}
#loadreport .row1 span{
    font-size: 12px;
}
#loadreport .row1 h3{
    font-size: 20px;
}
.ansdiv{
    font-size: 15px;
    padding: 10px;
    border-bottom: 1px solid #FF813A;
}
.ansdiv:last-child{
    border-bottom: 0;
}
.ansdiv .answered, .ansdiv .answered{
    display: inline-block;
    font-weight: bold;
}
.filterrow .acccoll{
    font-size: 15px;
    padding: 10px 0;
    color: black;
}
.filterrow .acccoll label{
    font-size: 12px;
}
.filterrow .acccoll a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.filterrow .acccoll .headingOne{
    display: flex;
}
.filterrow .acccoll .headingOne [type="checkbox"]{
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.filterrow .acccoll .headingOne [type="checkbox"]:after {
    border: solid red;
}
.content-head div.insphead.view{
    width: 850px;
    margin: 0 350px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.content-head div.insphead.view .right a{
    display: inline-block;
}
.formbuilder .btn-black{
    border-radius: 5px;
    background: #000;
    color: white;
}
.formbuilder .btn-default.disabled {
    border-radius: 5px;
    background: #D9D9D9 !important;
    color: white;
    border: 0 !important;
}
.formbuilder .content-head div.insphead .btn-primary.share{
    color: white;
    background-image: none;
}
.respview .report{
    width: 850px;
    margin: 0 auto;
}
.respview .report .wrap{
    border-radius: 10px;
    background: rgba(255, 129, 58, 0.10);
    margin-top: 15px;
    padding-bottom: 20px;
}
.respview .report .wrap>h3 .accordion-button{
    color: #000;
    font-size: 16px;
    font-weight: bold;
    background: url(/img/arrow-down.svg) no-repeat left center;
    padding: 20px 20px;
    margin-left: 20px;
    margin-bottom: 0;
    border: 0;
    width: 100%;
    text-align: left;
    outline: none;
}
.respview .report .wrap>h3 .accordion-button.collapsed{
    background: url(/img/arrow-right.svg) no-repeat left center;
}
.respview .report .wrap .row1{
    background: white;
    margin: 0 20px;
}
.respview .report .wrap .card{
    margin: 0 20px 10px;
    padding: 10px 15px;
    border-radius: 5px;
    border: 0;
}
.respview .report .wrap .row1 .scores, .respview .report .wrap .row1 .failed_items{
    border-top: 1px solid #FF813A;
    padding-top: 10px;
    border-right: 1px solid #FF813A;
}
.respview .report .wrap .row1 .actions{
    border-top: 1px solid #FF813A;
    padding-top: 10px;
}
.respview .report .wrap .row1 h3{
    font-size: 20px;
}
.respview .report .wrap .row1 h4{
    font-size: 15px;
    font-weight: bold;
}
.respview .report .wrap .row1 p{
    font-size: 12px;
}
.formbuilder .content-head div.insphead.approval{
    justify-content: space-between;
    padding: 0px 10px 0 20px;
    align-items: baseline;
}
.vipage{
    border-radius: 50px;
    border: 1px solid #D9D9D9;
    background: rgba(255, 129, 58, 0.10);
    width: 700px;
    height: 500px;
    flex-shrink: 0;
    margin: 0 auto;
    padding: 50px;
}
.vipage table thead tr{
    text-align: center;
}
.vipage table thead img{
    background: white;
    border-radius: 50%;
    margin: 0px auto 30px;
}
.vipage table thead h2{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #FF813A;
    width: 250px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 10px;
}
.btn-sch{
    border-radius: 3px;
    border: 0.5px solid #000;
    background: #FFF;
    color: black;
}
.vipage .btn-secondary:hover{
    color: black;
}
.vipage .schedule .title.form-control{
    font-size: 25px;
    padding: 2px;
    border-bottom: 2px solid #FF813A;
    height: 40px;
}
.vipage .schedule .form-control{
    color: #999;
    background: #F5F5F5;
}
.vipage .schedule{
    background: none;
    border: 0;
}
.vipage .schedule .iconbox {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.vipage .schedule .iconbox img {
    margin-right: 20px;
}
.vipage .schedule .iconbox .btn-primary{
    box-shadow: none;
    margin-left: 20px;
}
/*create form*/
.formbuilder #form-field .leftbar{
    border: 1px solid #999999;
    background: #F5F5F5;
    padding-right: 0;
}
.formbuilder #form-field .leftbar nav{
    background: #999999;
}
.formbuilder #form-field .leftbar nav .nav-tabs .nav-link{
    background: #999999;
    color: #D9D9D9;
    font-size: 16px;
    font-weight: 400;
}
.formbuilder #form-field .leftbar nav .nav-tabs .nav-link.active,.formbuilder #form-field .leftbar nav .nav-tabs .nav-link:hover{
    color: #FF813A;
    border: 0;
    border-bottom: 2px solid #FF813A;
    font-weight: 600;
}
.formbuilder #form-field .leftbar .tab-content{
    max-height: 80vh; overflow-y: auto;overflow-x: hidden;
}
.formbuilder #form-field .leftbar .tab-content>.active{
    background: none;
    border-bottom:0;
    border-left:0;
    border-right:0;
    padding: 0;
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item{
    font-size: 15px;
    font-weight: 500;
    padding: 0;
    position: relative;
    line-height: 35px;
    display: flex;
    align-items: center;
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item::before{
    content: " ";
    position: absolute;
    height: 40px;
    width: 36px;
    background: #999;
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item i{
    content: " ";
    position: absolute;
    height: 25px;
    width: 25px;
    background: white;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 2px;
    left: 6px;
    background-image: url(/img/icon15.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="header"] i{
    background-image: url(/img/icon1.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="subheader"] i{
    background-image: url(/img/icon2.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="section"] i{
    background-image: url(/img/icon3.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="divider"] i{
    background-image: url(/img/icon4.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="checkbox"] i{
    background-image: url(/img/icon5.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="date"] i{
    background-image: url(/img/icon6.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="media"] i{
    background-image: url(/img/icon7.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="site"] i{
    background-image: url(/img/icon8.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="email"] i{
    background-image: url(/img/icon9.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="text"] i, .formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="notes"] i{
    background-image: url(/img/icon10.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="radio"] i{
    background-image: url(/img/icon11.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="user"] i{
    background-image: url(/img/icon12.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="file"] i{
    background-image: url(/img/icon13.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="auto"] i{
    background-image: url(/img/icon14.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="dropdown"] i{
    background-image: url(/img/icon16.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="slider"] i{
    background-image: url(/img/icon17.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="signature"] i{
    background-image: url(/img/icon18.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item[data-value="info"] i{
    background-image: url(/img/icon19.svg);
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item span{
    padding-left: 50px;
}
.formbuilder #form-field .leftbar .tab-content .dropdown-item::after{
    content: " ";
    position: absolute;
    height: 25px;
    width: 25px;
    background: url(/img/plus.svg) white center center no-repeat;
    z-index: 1;
    background-size: 15px;
    border-radius: 50%;
    border: 0.5px solid #000;
    right: 5px;
}
.formbuilder #form-field .leftbar .tab-content .divide{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    background: #999;
    padding: 10px 15px;
    color: white;
    position: relative;
    z-index: 2;
    font-size: 16px;
    font-weight: 500;
}
.formbuilder #form-field .rightbar{
    padding-left: 0;
}
.formbuilder #form-field .rightbar .insphead h2{
    margin-top: 10px;
    margin-bottom: 0;
    color: #000;
}
.formbuilder #form-field .rightbar .insphead p{
    color: #42CF00;
}
.formbuilder #form-field .rightbar .fmiddle{
    margin-top: 75px;
    margin-left: 20px;
    border-radius: 50px;
    border: 1px solid #D9D9D9;
    background: rgba(255, 129, 58, 0.06);
    padding: 30px;
}
.formbuilder #form-field .rightbar .fmiddle h5{
    color: #000;
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
}
.formbuilder #form-field .rightbar .fmiddle>.row{
border-bottom: 1px solid #999999;
}
.formbuilder #form-field .rightbar #form-buidler-action{
    padding-top: 50px;
}
.formbuilder #form-field .rightbar #save_form{
    border-radius: 5px;
    background: #42CF00;
    color: white;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    border: 0;
}
.ui-draggable-dragging{
    position: absolute;
    z-index: 9;
}
.formbuilder #form-field .rightbar .sidebar{
    background: #F5F5F5;
    border: 1px solid #99
}
.formbuilder #form-field .rightbar .sidebar nav{
    background: #000;
    color: white;
}
.formbuilder #form-field .rightbar .sidebar nav .nav-tabs .nav-link{
    color: #fff;
    background-color: black;
    border: 0;
    border-radius: 0;
    font-weight: 400;
    line-height: normal;
}
.formbuilder #form-field .rightbar .sidebar nav .nav-tabs .nav-link.active, .formbuilder #form-field .rightbar .sidebar nav .nav-tabs .nav-link:hover{
    color: #FF813A;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 2px solid #FF813A;
}
.formbuilder #form-field .rightbar .sidebar #nav-tabContent{
max-height: 92vh; overflow-y: auto;overflow-x: hidden;
}
.formbuilder #form-field .rightbar .sidebar .tab-content>.active{
    padding: 0;
    background: #F5F5F5;
}
.formbuilder #form-field .rightbar .sidebar .form-check{
    padding: 5px 25px;
}
.formbuilder #form-field .rightbar .sidebar .form-group{
    padding: 0 10px;
}
.formbuilder #form-field .rightbar .sidebar .form-group.helpbox{
    border-top: 0.5px solid #999;
    border-bottom: 0.5px solid #999;
    background: rgba(217, 217, 217, 0.20);
    padding: 5px 10px 10px;
}
.formbuilder #form-field .rightbar .sidebar #nav-profile, .formbuilder #form-field .rightbar .sidebar #nav-contact{
    padding: 10px;
}
.formbuilder #form-field .rightbar .sidebar #nav-profile a, .formbuilder #form-field .rightbar .sidebar #nav-contact a{
    color: #0085FF;
    font-size: 16px;
    font-weight: 500;
}
.formbuilder #form-field .rightbar .sidebar #nav-profile a i, .formbuilder #form-field .rightbar .sidebar #nav-contact a i{
    color: white;
    background: #0085FF;
    padding: 3px 4px;
    font-size: 14px;
    border-radius: 50%;
}
.formbuilder #form-field .rightbar .alltriggers1 .row, .formbuilder #form-field .rightbar .alltriggers .row, .formbuilder #form-field .rightbar .allevents .row{
    margin: 10px 0px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding-top: 10px;
}
.formbuilder #form-field .rightbar .alltriggers1 .row .col-md-12, .formbuilder #form-field .rightbar .alltriggers .row .col-md-12, .formbuilder #form-field .rightbar .allevents .row .col-md-12{
    padding: 0 5px;
}
.formbuilder #form-field .rightbar .alltriggers1 .row .col-md-12 i, .formbuilder #form-field .rightbar .alltriggers .row .col-md-12 i, .formbuilder #form-field .rightbar .allevents .row .col-md-12 i{
    position: absolute;
    top: 0px;
    right: 9px;
    color: #FF813A;
}
.formbuilder .form-control{
    border: 1px solid #999;
}
.formbuilder #form-field .fmiddle .card.active{
    background-color: transparent;
}
.formbuilder #form-field .fmiddle .card{
    background-color: transparent;
    border: 0;
}
.formbuilder #form-field .fmiddle .card-body .question-text{
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    padding: 5px 0;
}
.actionlist{
    border: 1px solid #ccc;
    padding: 0 10px;
    border-radius: 10px;
    background: white;
    margin-top: 10px;
}
.actionlist .rows{
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    margin: -8px 5px 0;
    display: none;
    text-align: center;
}
.actionlist .rows.active{
    display: block;
}
.actionlist .rows .row, .actionlist>.row{
    padding: 2px 0;
}
.actionlist>.row{
    border-radius: 5px;
    border: 1px solid #999;
    background: #FFF;
    margin: 7px -3px;
    text-align: center;
}
.actionlist>.row .col-md-2,.actionlist>.row .col-md-1{
    padding: 10px 0;
}
.actionlist .row.thead{
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    text-decoration-line: underline;
    text-align: center;
    border-bottom: 0;
    padding: 13px 0 !important;
    background-color: #F5F5F5;
    border-bottom: 1px solid #999;
    margin: 0 -10px;
    border-radius: 10px 10px 0 0px; 
}
.actionlist .rows .row a{
    color: #FF813A;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
}
.actionlist .rows h5{
    text-align: left;
    padding-left: 5px;
}
.actionlist .acinner{
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}
.actionlist .acinner .rhead b{
    border-bottom: 1px solid #ccc;
}
.txt-yellow, .spacttbl td.txt-yellow{
    color: #FFD600;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}
.people-list .about .name{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    border-bottom: 1px solid #FF813A;
    margin-bottom: 10px;
}
.people-list .about .form-group{
    display: inline-block;
}
.people-list .about .form-group .datepicker{
    color: black;
}
.people-list .about .clsbtn{
    display: inline-block;
    box-shadow: none;
}
.people-list .about .form-group label{
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    font-weight: bold;
}
.people-list .about .form-group .form-control{
    display: inline-block;
    width: 50%;
}
.formbuilder .content-head .btn.btn-default{
    width: 125px;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    border-radius: 5px;
    border: 0.5px solid #999;
    background: #FFF;
    margin-right: 20px;
    padding: 8px 0px;
}
.control-sidebar .filterrow .form-group label{
color: #999;
font-size: 12px;
font-weight: 500;
line-height: normal;
}
.anboxes .card{
border-radius: 10px;
border: 1px solid #D9D9D9;
background: #FFF;
}
.anboxes .card-header{
    color: #999;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    background: white;
    border: none;
    border-radius: 10px;
}
.anboxes .card-footer{
    background: white;
    border: none;
    border-top: 2px solid #42CF00;
    border-radius: 0px 0px 10px 10px;
    padding-bottom: 0;
    margin: 0px 10px;
}
.anboxes .card-body{
color: #42CF00;
font-size: 20px;
font-weight: 600;
line-height: normal;
padding-top: 0px;
}
.angraph{
    margin: 30px 0;
    border-radius: 10px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding-bottom: 10px;
}
.anboxes .col-lg-3:nth-child(2) .card-footer{
    border-top: 2px solid #0085FF;
}
.anboxes .col-lg-3:nth-child(2) .card-body{
    color: #0085FF;
}
.anboxes .col-lg-3:nth-child(3) .card-footer{
    border-top: 2px solid #FF813A;
}
.anboxes .col-lg-3:nth-child(3) .card-body{
    color: #FF813A;
}
.anboxes .col-lg-3:nth-child(4) .card-footer{
    border-top: 2px solid #FFC700;
}
.anboxes .col-lg-3:nth-child(4) .card-body{
    color: #FFC700;
}
.anboxes.down .col-lg-3:nth-child(1) .card-footer{
    border-top: 2px solid #9747FF;
}
.anboxes.down .col-lg-3:nth-child(1) .card-body{
    color: #9747FF;
}
.formbuilder .searchhead{
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    padding-top: 14px;
}
.formbuilder .searchhead .notify{
    padding: 0 15px;
    font-size: 20px;
}
.formbuilder .searchhead .form-control{
    padding-left: 40px;
    width: 400px;
    border-radius: 5px;
    border: 1px solid #B3B3B3;
    background: url(/img/search.svg) #FFF no-repeat left 7px center;
    color: #999;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
}
.formbuilder .contentdash .card{
    border: 1px solid #999;
}
.formbuilder .contentdash{
    padding: 15px;
}
.formbuilder .contentdash .card .card-header{
    background: #FF813A;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
}
.formbuilder .contentdash .card .card-body{
    text-align: left;
    padding: 0;
}
.formbuilder .contentdash .card .card-body h4{
    color: #000;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    border-bottom: 0.5px solid #999;
    padding: 5px;
    margin: 0 5px;
}
.formbuilder .contentdash .card .card-body .dashrow{
    border-bottom:0.5px solid #999;
    padding: 10px;
}
.formbuilder .contentdash .card .card-body .dashrow:last-child{
    border-bottom:none;
}
.formbuilder .contentdash .card .card-body .dashrow .row1{
    padding-bottom: 10px;
}
.formbuilder .contentdash .card .card-body .dashrow .row{
    align-items: center;
}
.formbuilder .contentdash .card .card-body .dashrow .n1{
    color: #999;
    font-size: 12px;
    font-weight: 500;
}
.formbuilder .contentdash .card .card-body .dashrow .n2{
    color: #000;
    font-size: 12px;
    font-weight: 600;
}
.formbuilder .contentdash .card .card-body .dashrow .n3{
    color: #999;
    font-size: 10px;
    font-weight: 300;
}
.formbuilder .contentdash .card .card-body .dashrow .n6 .btn-primary{
    border-radius: 2px;
    background: #0085FF;
    box-shadow: none;
    color: white;
}
.formbuilder .contentdash .card .card-body .dashrow .n4{
    color: #000;
    font-size: 12px;
    font-weight: 600;
    padding-left: 29px
}
.formbuilder .contentdash .card .card-body .dashrow .n4::before{
    position: absolute;
    content: " ";
    width: 15px;
    height: 15px;
    background: #0085FF;
    border-radius: 50%;
    left: 12px;
    top: 1px
}
.formbuilder .contentdash .card .card-body .dashrow .n5{
    color: #999;
    font-size: 10px;
    font-weight: 300;
    padding-left: 29px
}
.formbuilder .contentdash .card .card-body .dashrow .n5 i{
    /*position: absolute;
    content: " ";
    width: 15px;
    height: 15px;
    background: url(/img/calendar1.svg);
    left: 12px;
    top: 1px*/
    font-size: 14px;
    margin-right: 5px;
}
.formbuilder .contentdash .card .card-body .dashrow .n4.completed::before, .formbuilder .contentdash .card .card-body .dashrow .n6.completed .btn-primary{
    background: #42CF00;
}
.formbuilder .contentdash .card .card-body .dashrow .n7{
    color: #000;
    font-size: 15px;
    font-weight: 600;
    padding-left: 39px;
}
.formbuilder .contentdash .card .card-body .dashrow .n6.black .btn-primary{
    background: #000;
}
.formbuilder .contentdash .card .card-body .dashrow .n8{
    color: #000;
    font-size: 12px;
    font-weight: 400;
}
.formbuilder .contentdash .card .card-body .dashrow .n7::before{
    position: absolute;
    content: " ";
    width: 25px;
    height: 25px;
    background: url(/img/user.svg) no-repeat center center;
    left: 12px;
    border: 1px solid #000;
    border-radius: 50%;
}
.formbuilder .question-item .fieldwrap{
    display: flex;
    justify-content: space-between;
}
.formbuilder .question-item .fieldwrap .finner{
    width: 94%;
    position: relative;
    border-radius: 5px;
    border: 1px solid #B3B3B3;
    background: #FFF;
    padding: 10px 20px;
}
.formbuilder .question-item .fieldwrap .fieldact{
    display: grid;
    align-items: center;
    align-content: space-evenly;
    justify-items: center;
}
.formbuilder .question-item .fieldwrap .fieldact .cog{
    color: white;
    background: black;
    width: 25px;
    border-radius: 50%;
    height: 25px;
    text-align: center;
    line-height: 26px;
}
.formbuilder .question-item .fieldwrap .fieldact .trash{
    color: white;
    background: red;
    width: 25px;
    border-radius: 50%;
    height: 25px;
    text-align: center;
    line-height: 26px;
    font-size: 11px;
}
.formbuilder .question-item .card-footer{
    display: none;
    background: none;
    border-top: none;
}
.formbuilder .question-item .card-footer.active{
    display: block;
}
.formbuilder .question-item .rem-q-item{
    display: none;
}
.formbuilder .question-item .choice-field .form-check{
    display: flex;
}
.formbuilder .question-item .choice-field [type="color"]{
    margin-left: 10px;
}
.formbuilder .question-item .choice-field .add_chk{
    margin-top: 5px;
}
.formbuilder .question-item .choice-field .btn.btn-default{
    border: none;
    background: none;
}
.formbuilder .question-item .choice-field [name="score"]{
    width:50px;display:inline-block;margin-left:10px;
}
.formbuilder .question-item .choice-field .row{
    margin: 5px -15px;
}
.formbuilder .question-item .choice-field [type="date"]{
    width: 50%;
}
.formbuilder .viewform .attachres img{
    width: 123px;
    border: 1px solid #999;
    padding: 2px;
    border-radius: 10px;
}
.formbuilder .viewform .attachres .row{
align-items: center;
}
.mymedias{
    padding: 0 15px;
}
.mymedias img{
    border: 1px solid #999;
    border-radius: 10px;
    padding: 5px;
}
.leftbar>.col-lg-12{
    padding-right: 0;
}
.leftbar.sticky>.col-lg-12{
    padding: 0;
}
.respview .report .accordion-body h2{
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
}
.formbuilder .viewform .card-footer a.btn-primary{
    color: white;
}
.formbuilder .viewform .allevents .form-group{
    border: 1px solid #999;
    border-radius: 5px;
    margin-top: 5px;
    padding: 8px 8px 0;
}
.respview .report .wrap .actions .card{
    margin: 0;
}
.login-logo,
.register-logo {
  font-size: 2.1rem;
  font-weight: 300;
  margin-bottom: .9rem;
  text-align: center;
}

.login-logo a,
.register-logo a {
  color: #495057;
}

.login-page,
.register-page {
  -ms-flex-align: center;
  align-items: center;
  background: #e9ecef;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -ms-flex-pack: center;
  justify-content: center;
}

.login-box,
.register-box {
  width: 360px;
}

@media (max-width: 576px) {
  .login-box,
  .register-box {
    margin-top: 20px;
    width: 90%;
  }
}

.login-card-body,
.register-card-body {
  background: #ffffff;
  border-top: 0;
  color: #666;
  padding: 20px;
}

.login-card-body .input-group .form-control,
.register-card-body .input-group .form-control {
  border-right: 0;
}

.login-card-body .input-group .form-control:focus,
.register-card-body .input-group .form-control:focus {
  box-shadow: none;
}

.login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text,
.register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text {
  border-color: #80bdff;
}

.login-card-body .input-group .form-control.is-valid:focus,
.register-card-body .input-group .form-control.is-valid:focus {
  box-shadow: none;
}

.login-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text,
.register-card-body .input-group .form-control.is-valid ~ .input-group-append .input-group-text {
  border-color: #28a745;
}

.login-card-body .input-group .form-control.is-invalid:focus,
.register-card-body .input-group .form-control.is-invalid:focus {
  box-shadow: none;
}

.login-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text,
.register-card-body .input-group .form-control.is-invalid ~ .input-group-append .input-group-text {
  border-color: #dc3545;
}

.login-card-body .input-group .input-group-text,
.register-card-body .input-group .input-group-text {
  background-color: transparent;
  border-bottom-right-radius: 0.25rem;
  border-left: 0;
  border-top-right-radius: 0.25rem;
  color: #777;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.login-box-msg,
.register-box-msg {
  margin: 0;
  padding: 0 20px 20px;
  text-align: center;
}
.angraph .anselect{
    border: 0;
    color: blueviolet;
    display: inline-block;
    max-width: 150px;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.angraph .anselect:focus{
    border: 0;
    outline: none;
}
.angraph .anselect::-ms-expand {
    display: none;
}
.angraph .androp a.dropdown-item{
    text-align: center;
}
.angraph .androp a.dropdown-item img{
    width: 35px;
    display: inline-block;
}
.angraph .androp .dropdown-menu{
    max-width: 500px;
}
.angraph .androp .dropdown-menu .flex{
    display: flex;
}
.angraph .gswidget{
    padding: 10px;
}
.angraph .gswidget .chatdiv{
    padding: 10px;
}
.angraph .gswidget .chatdiv img{
    width: 50px;
}
.home-page .header{
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.home-page .header .logo{
    padding: 10px;
}
.home-page .header .logo img{
    width: 150px;
}
.home-page .header .menu{
    list-style: none;
    padding: 0;
    margin: 0;
}
.home-page .header .menu li{
    display: inline-block;
    padding: 0 20px;
}
.home-page .header .menu li a{
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.home-page .header .menu li a.btn-primary{
    border-radius: 5px;
    background: #FF813A;
    color: white;
    border: 0;
}
.home-page .header .text-right{
    padding: 0 10px;
}
.home-page .header .text-right .btn-black, .home-page .banner .bannermid .brleft .btn-black{
    border-radius: 5px;
    background: #000;
    color: white;
}
.home-page .header .text-right .btn-blue{
    border-radius: 5px;
    background: #0988F8;
    color: white;
}
.home-page .banner{
    min-height: 500px;
    background-image: linear-gradient(#fedecd, #ffffff);
    position: relative;
    overflow: hidden;
}
.home-page .banner:before{
    content: " ";
    position: relative;
    display: inline-block;
    background: url(../img/bgbg2.png) left top no-repeat;
    color: white;
    width: 100%;
    height: 201px;
}
.home-page .banner:after{
    content: " ";
    position: relative;
    display: inline-block;
    background: url(../img/bnbg1.png) left bottom no-repeat;
    color: white;
    width: 100%;
    height: 500px;
}
.home-page .banner .bannermid{
    display: flex;
    align-items: center;
}
.home-page .banner .bannermid .brright img{
    position: absolute;
    top: 0px;
    right: 0px;
        z-index: 2;
}
.home-page .banner .bannermid:before {
    content: " ";
    display: flex;
    align-items: center;
    background: url(../img/bnbg4.png) right bottom no-repeat;
    height: 477px;
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0px;
}
.home-page .banner .bannermid .brleft{
    padding: 0 50px;
}
.home-page .banner .bannermid .brleft h2{
    color: #000;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.home-page .banner .bannermid .brleft h3{
    color: #FF813A;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: -webkit-linear-gradient(#FF813A, #E60C84);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
}
.home-page .bg1, .home-page .bg2{
    display: flex;
    align-items: center;
    min-height: 793px;
    justify-content: center;
}
.home-page .bg1{
    background: black;
    background-image: url(../img/hmbg1.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.home-page .bg1 .brleft, .home-page .bg2 .brright{
    border-radius: 25px;
    background: #FFF;
    width: 650px;
    height: 500px;
    flex-shrink: 0;
    margin-left: 100px;
}
.home-page .bg1 .brright,.home-page .bg2 .brleft{
    margin-left: 100px;
    width: 600px;
}
.home-page .bg1 .brright h2{
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.home-page .bg1 .brright p{
    color: #FFF;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.home-page .bg2{
    background-image: url(../img/hmbg2.png);
    background-repeat: no-repeat;
    background-position: bottom left 41%;
}
.home-page .bg1 .brright .btn-primary,.home-page .bg2 .brleft .btn-primary{
    border-radius: 5px;
    background: #FF813A;
    border: 0;
    width: 150px;
    height: 50px;
}
.home-page .banner .bannermid .brleft .btn-black{
    height: 50px;
    line-height: 35px;
}
.home-page .bg2 .brright{
    background: #F5F5F5;
}
.home-page .bg2 .brleft h2{
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.home-page .bg2 .brleft p{
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
@media (max-width: 576px) {
  .home-page .nvmid, .home-page .text-right .btn-blue{
    display: none;
  }
  .home-page .bg1 .brleft,.home-page .bg2 .brleft,.home-page .bg2 .brright, .home-page .bg1 .brright{
    margin-left: 0;
    padding: 10px;
  }
  .home-page .bg1 .brleft, .home-page .bg1 .brright, .home-page .bg2 .brleft, .home-page .bg2 .brright{
    width: 100%;
    text-align: center;
  }
  .home-page .bg1, .home-page .bg2, .home-page .banner .bannermid{
    display: grid;
  }
  .home-page .banner .bannermid .brright img{
    position: inherit;
    width: 75%;
    text-align: center;
  }
  .home-page .banner .bannermid .brleft h2, .home-page .bg1 .brright h2, .home-page .bg2 .brleft h2{
    font-size: 20px;
  }
  .home-page .banner .bannermid .brleft h3, .home-page .bg1 .brright p, .home-page .bg2 .brleft p{
    font-size: 18px;
  }
  .home-page .banner .bannermid .brleft .btn-black, .home-page .bg1 .brright .btn-primary, .home-page .bg2 .brleft .btn-primary{
    height: 30px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .home-page .banner:after, .home-page .banner .bannermid:before, .home-page .bg1 .brleft, .home-page .bg2 .brright{
    display: none;
  }
  .home-page .bg1, .home-page .bg2{
    min-height: 350px;
  }
}
.viewform .sectitle{
    background: #FF813A;
    color: white;
    font-size: 20px;
    padding: 10px;
    border-radius: 10px;
    margin-top: 15px;
    position: relative;
    cursor: pointer;
}
.viewform .sectitle:after, .respview .report .accordion-body h2.sectitle:after{
    content: "-";
    position: absolute;
    right: 0px;
    width: 20px;
    height: 20px;
}
.viewform section.active .sectitle:after, .respview .report .accordion-body section.active h2.sectitle:after{
    content: "+";
}
.viewform section.active .card, .respview .report .accordion-body section.active .card{
    display: none;
}
.respview .report .wrap .failed_items .row .card .card-body{
    padding: 5px 10px;
}
.respview .report .wrap .failed_items .row .card{
    padding: 0;
    margin: 10px 20px;
}
.respview .report .accordion-body h2.sectitle {
    background: #FF813A;
    color: white;
    margin: 10px 20px;
    border-radius: 5px;
    padding: 5px 15px;
    position: relative;
    cursor: pointer;
}
.message-data .message a {
    color: #FF813A;
}
.contact-form{
    color: white;
}
.contact-form section.mb-4{
    border: 1px solid #FF813A;
    padding: 0 20px 20px;
    border-radius: 5px;
}
.home-page .banner .bannermid .brleft .slider{
    max-width: 800px;
}
.lookup_row{
    margin-top: 10px;
}
.menuclose{
    color: white !important;
    margin-right: 10px;
    background: black;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer{
    text-align: center;
    width: 100%;
    padding: 10px;
}
.dashrow .red{
    color: #FF813A !important;
}
.question-item.active .card-body .finner {
    background: #eeeeeef2;
}
@media (max-width: 1023px) {
    .formbuilder .contentdash .card .card-body .dashrow .btn-group{
        display: block;
        margin-left:0 !important;
    }
    .formbuilder .contentdash .card .card-body .dashrow .n4,.formbuilder .contentdash .card .card-body .dashrow .n5{
        font-size: 9px;
    }
}
.spacttbl td a{
    color: #FF813A;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    text-decoration-line: underline;
}
.inspaic{
    margin-right: 20px;
    width: 30px;
    height: 25px;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 14px;
    color: #FFF;
    background: blue;
}
.inspfic{
    margin-right: 20px;
    width: 30px;
    height: 25px;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 14px;
    color: #FFF;
    background: red;
}
.accordion-item h3{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.sscr{
    font-size: 12px;
    color: #efff00;
    float: right;
    margin-right: 10px;
}
.allevents label{
    cursor: pointer;
}
.tableouter{
    border: 1px solid #D8D8D8;
    box-shadow: 0px 3px 6px rgba(85, 88, 98, 0.09);
    padding: 20px;
    border-radius: 20px;
}
table#forms-tbl.dataTable.no-footer, table#forms-tbl2.dataTable.no-footer, table#forms-tbl3.dataTable.no-footer{
    border-bottom: none;
}
.myprof{
    padding: 20px; border: 1px solid #ccc; border-radius: 5px;
}
.myprof label{
    font-weight: bold;
}

.badge{
    border-radius: 20px;
    width: 96px;
    padding: 10px 0;
}
.badge.high{
    background: #FFE9E9;
    color: #B30606;
}
.badge.low{
    background: #D9FFC2;
    color: #218703;
}
.badge.medium{
    background: #FFF1D3;
    color: #B38906;
}
div.card-text.form-control{
    height: auto;
}
.analytics{
    padding: 40px;
}
.analytics h2{
    margin-bottom: 40px;
}
.analytics .form-control{
    color: #737373;
    border: 1px solid #D8D8D8;
    border-radius: 6px;
}
.analytics select.form-control {
  appearance: none; /* Removes default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  
  background-image: url("../img/arrow-select.svg");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 10px;
  padding-left: 15px; /* Ensure space for the arrow */
  width: 220px;
  margin-right: 10px;
  height: 51px;
}
.analytics input[type="text"].form-control {
  appearance: none; /* Removes default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 15px; /* Ensure space for the arrow */
  width: 220px;
  margin-right: 10px;
  height: 51px;
}
.analytics .btn-black{
    height: 51px;
    width: 124px;
}
.analytics .overview{
    width: 311px;
    background-color: #F5F5F5;
    border-radius: 6px;
    padding: 10px 12px;
    margin-top: 20px;
    display: flex;
}
.analytics .overview .btn{
    height: 36px;
    border-radius: 7px;
}
.analytics .overview .btn.btn-white{
    background-color: white;
    padding-left: 20px;
    padding-right: 20px;
}
.analytics .cards{
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 20px;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}
.analytics .card{
    border: 1px solid #D8D8D8;
    padding: 40px 0 40px 20px;
    border-radius: 19px;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 320px;
}
.analytics .card .icon{
    background-color: #d3d3d3;
    border-radius: 50%;
    padding: 15px 13px 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.analytics .card .content{
    padding-left: 20px;
    padding-right: 40px;
}
.analytics .card .content h4{
    color: #8B8B8B;
    font-size: 14px;
    font-weight: normal;
}
.analytics .card .content h3{
    color: #000000;
    font-size: 32px;
}
.analytics .card.orange .icon{
    background-color: #FFEBD4;
}
.analytics .card.green .icon{
    background-color: #D5FFD4;
}
.analytics .card.pink .icon{
    background-color: #FEE1ED;
}
.analytics .card.blue .icon{
    background-color: #D5EDFE;
}
.analytics .charts .chart{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.analytics .charts .chart .left{
    width: 55%;
    padding: 20px;
    border: 1px solid #D8D8D8;
    border-radius: 19px;
}
.analytics .charts .chart .right{
    width: 44%;
    padding: 20px;
    border: 1px solid #D8D8D8;
    border-radius: 19px;
}
.analytics .charts .chart .head{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.analytics .charts .chart .head h3{
    font-size: 21px;
}
.analytics .charts .chart .head .limit .btn.active{
    background-color: #F9FAFB;
}
.analytics .charts .chart .head select.form-control{
    padding-right: 0px;
    margin-right: 0;
}
.analytics .charts .chart .content{
    text-align: center;
    vertical-align: middle;
    min-height: 400px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
}
.analytics .charts .chart .content img:not(.pie){
    width: 100%;
}
.analytics .charts .chart .content.table{
    align-items: flex-start;
}
.analytics .charts .chart .content.table table{
    width: 100%;
    margin-top: 20px;
    text-align: left;
}
.analytics .charts .chart .content.table thead{
    background-color: #F9FAFB;
}
.analytics .charts .chart .content.table table th, .analytics .charts .chart .content.table table td {
    padding: 15px 15px!important;
    font-size: 17px;
    font-weight: normal;
        vertical-align: middle;
}
.analytics .charts .chart .content.table table th{
    border: 0;
}
.analytics .charts .chart .content.table table td {
    border-top: 0;
    border-bottom: 1px solid #D8D8D8;
}
.analytics .charts .chart .content.table table td .icon{
    background-color: #D8D8D8;
    border-radius: 50%;
    text-transform: uppercase;
        padding: 17px;
    font-size: 18px;
}
.analytics .charts .chart .content.table table tr:last td{
    border-bottom: 0;
}
.barchart krwidget svg{
    transform: translateX(-75px);
}
.toptable{
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
    border-radius: 15px;
    padding: 20px;
}
.pbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 18px;
}
.pbar .progress{
    width: 60%;
}
.pbar .progress-bar{
    background-color:black;
}
.risktable.row5 tbody tr:nth-child(n+6) {
  display: none;
}
.risktable.row10 tbody tr:nth-child(n+11) {
  display: none;
}
.risktable.row15 tbody tr:nth-child(n+16) {
  display: none;
}
.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.gallery .item {
    text-align: center;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 8px;
    width: 120px;
}
.gallery .img-preview {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 6px;
}
.gallery .item p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gallery .item .doc{
    min-height: 100px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: space-evenly;
    font-size: 50px;
}
ul#recordings {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul#recordings li {
    margin-top: 10px;
}
.form-check label.error:not(.form-check-label){
    float: right;
    margin-left: 20px;
    position: absolute;
    left: -20px;
    min-width: 200px;
    top: -20px;
}