.form-wrapper p {
   font-family: 'Open Sans';
   font-size: 14px;
   line-height: 20px;
 }

 .radios--wrapper span.fieldset-legend,
 .flt-qstn,
 .form-group label {
   color: #292929;
   font-size: 14px;
   font-weight: 600;
   font-family: 'Open Sans';
   line-height: 22px;
 }

 .checkboxes--wrapper .fieldset-legend {
   color: #292929;
   font-size: 14px;
   font-weight: 600;
   font-family: 'Open Sans';
   line-height: 22px;
 }

 .webform-options-display-two-columns.form-checkboxes .form-type-checkbox {
   margin-top: 5px;
 }

 .radios--wrapper .radio label,
 .checkbox label {
   min-height: 20px;
   padding-left: 26px;
 }

 /*.radios--wrapper .form-group .checkbox label, .form-group .radio label, .form-group label {
    font-size: 14px;
    line-height: 1.42857143;
    color: #717171;
    font-family: 'Open Sans';
    font-weight: 400;
    }*/

 .radios--wrapper legend {
   line-height: 40px;
   margin-bottom: 5px;
 }

 a.home {
   background-image: url(../img/home-icon.png);
   width: 16px;
   height: 16px;
   background-repeat: no-repeat;
   margin-top: 10px;
   font-size: 0;
   cursor: pointer;
 }

 a.home:hover {
   background-image: url(../img/home.png);
 }

 .menu--survey-links .nav > li > a:hover,
 .nav > li > a:focus {
   text-decoration: none;
   background-color: transparent;
 }

 .menu--account.nav > li > a:hover,
 .nav > li > a:focus {
   text-decoration: none;
   background-color: transparent;
 }

 .menu.menu--account li a {
   color: #fff;
   margin-right: 10px;
   position: relative;
 }

 .menu.menu--account li a:hover {
   color: #00ade4;
 }

 .nav > li > a:hover,
 .nav > li > a:focus {
   text-decoration: none;
   background-color: transparent;
 }

 .navbar-right {
   margin-right: 0;
 }

 .logo.navbar-btn {
   margin-top: 2px;
   margin-bottom: 2px;
 }

 .radio,
 .checkbox {
   margin-top: 5px;
 }

 .menu.menu--account li a:after {
   position: absolute;
   content: "";
   border-right: 1px solid #949494;
   height: 25px;
   right: 2px;
   top: 7px;
 }

 .form-group .checkbox label,
 .form-group .radio label,
 .form-group label {
   color: #464646
 }

 .navbar-toggle {
   display: none;
 }

 .user-logged-in .nav > li {
   float: left;
 }

 .user-logged-in a.dashboard {
   color: #fff;
   background-repeat: no-repeat;
   position: relative;
   margin-top: 13px;
   margin-right: 10px;
   float: left;
   margin-top: 0;
   padding-left: 5px;
   padding-right: 45px;
 }

 .user-logged-in a.dashboard:before {
   content: "";
   position: absolute;
   background-image: url(../img/dashbord.png);
   background-repeat: no-repeat;
   left: 121px;
   top: 14px;
   width: 13px;
   height: 13px;
   background-repeat: no-repeat;
 }

 .user-logged-in a.dashboard:hover:before {
   background-image: url(../img/dashbord-hover.png);
 }

 .user-logged-in a.dashboard:hover {
   color: #00ade4;
 }

 .user-logged-in a.dashboard:after {
   position: absolute;
   content: "";
   height: 23px;
   right: 2px;
   top: 8px;
   border-right: 1px solid #949494;
 }

 .region.region-header li.first.last {
   display: none;
 }

 .menu.menu--mobile-footer.nav a.home {
   display: none;
 }

 body {
   background: #f2f2f2;
 }

 .container-elem.form-wrapper section.webform-section {
   background-color: #fff;
   padding-left: 25px;
   padding-right: 25px;
   padding-top: 25px;
   padding-bottom: 25px;
   border-radius: 5px;
   margin-top: 5px;
   margin-bottom: 0;
 }

 #edit-actions .emp-button-wrapper {
   margin-top: 15px;
   padding-top: 0;
   /* padding-bottom: 46px; */
   padding-bottom: 0;
 }

 .path-webform #edit-actions {
   width: 100%;
   /* height: 53px; */
   height: auto;
   padding-bottom: 0;
   margin-top: 0;
   /*border-top: 1px solid #e0dbdb !important;*/
   position: relative;
 }

 .path-webform #edit-actions:after {
   position: absolute;
   content: "";
   height: 0;
   width: 100%;
 }

 .container-elem .mCustomScrollBox {
   background-color: #fff;
 }

 .user-logged-in.path-manage :not(.path-webform) .main-container .container-elem {
   padding: 0;
 }

 .path-manage .manage-survey-form {
   padding: 15px;
 }

 .btn:focus,
 .btn:active:focus,
 .btn.active:focus,
 .btn.focus,
 .btn:active.focus,
 .btn.active.focus {
   outline: 0 auto -webkit-focus-ring-color;
 }

 .user-pass {
   border: 1px solid #d6d6d6!important;
 }

 .footer {
   padding-bottom: 0;
   padding-top: 0;
   margin-top: 0;
 }

 span.welcome-user {
   display: block;
   float: left;
   padding-right: 10px;
   padding-top: 2px;
 }

 h2#block-socialmedia-menu {
   width: 100%;
 }

 /*.container-progress .progress-step {
    align-items: center;
    }*/

 .webform-survey-form .progress-title {
   padding-left: 20px;
   padding-right: 20px;
   width: calc(100% - 50px);
   align-items: center;
   display: -ms-flex;
   display: -moz-flex;
   display: -webkit-flex;
   display: flex;
 }

 .webform-survey-form .container-progress .progress-step {
   border-bottom: 1px solid #ccc;
   cursor: pointer;
 }

 .webform-survey-form .container-progress {
   /* background: #eaeaea; */
   background: transparent;
   /*  margin-top: 0;
   margin-left: 15px;  */
   z-index: 1;
 }

 .webform-survey-form .toggle-btn {
   top: 100px;
   cursor: pointer;
 }

 .webform-survey-form .left-in {
   width: 50px;
   -webkit-transition: width 0.5s ease 0s;
   -o-transition: width 0.5s ease 0s;
   transition: width 0.5s ease 0s;
 }

 .left-in .progress-title {
   padding-right: 0;
   display: none;
   padding-left: 0;
 }

 .grand-parent .panelsWrap > * {
   width: 100%;
   padding-left: 20px;
   padding-right: 50px;
   margin: 0 auto;
 }

 /*.grand-parent .panel-body > .form-item {
width: 80%;
margin: 0 auto;
}
.grand-parent .panel .panel-title
{
width:80%;
margin:0 auto;
padding-left: 0;
}*/

 .isIntroduction .container-progress,
 .isIntroduction .progress-indicator,
 .isIntroduction .panelsWrap .topSection,
 .isIntroduction .grandParentWrap {
   display: none;
 }

 .isIntroduction {}

 .isIntroduction .main-container .webform-submission-form {
   padding-left: 0;
 }

 .emp-button-wrapper.introButtonWrapper {
   text-align: right;
 }

 .survey-form-wrapper #edit-actions.form-wrapper {
   float: right;
   width: auto;
 }

 .survey-form-wrapper .static#edit-actions.form-wrapper {
   width: 100%;
 }

 /*
.survey-form-wrapper .intro-process-wrap
{
display:none;
}*/

 /**************survey progress************/

 .isIntroduction .progress-bar-wrap {
   display: none!important;
 }

 .progress-bar-wrap {
   /* float: left; */
   width: 100%;
   overflow: hidden;
   height: 60px;
   border-bottom: 10px solid #f2f2f2;
   /* background: red; */
   background: #fff;
   margin-top: 0;
 }

 .progress-bar-wrap + .grandParentWrap {
   margin-top: 0;
 }

 .progress-bar-block {
   width: calc( 100% - 200px);
   position: relative;
   /* display: none; */
   /* padding: 0 100px; */
   margin: 15px auto 5px auto;
 }

 .progress-inner {
   overflow: hidden;
   background: #d6d6d6;
   height: 10px;
   margin-bottom: 18px;
   border-radius: 10px;
   position: relative;
 }

 .progress-bar-block .progress-line {
   display: inline-block;
   background: #39b54a;
   position: relative;
   height: 10px;
   width: 0;
   float: left;
   transition: all 0.2s ease 0s;
 }

 .progress-bar-block label {
   font-size: 12px;
   position: absolute;
   margin: 0;
   left: 0;
   min-width: 93px;
   font-weight: normal;
   transform: translateX(-50%);
   top: 100%;
   transition: all 0.2s ease 0s;
   max-width: none;
   /*right: 0;*/
 }

 .progress-bar-block label[style="left: 97%;"],
 .progress-bar-block label[style="left: 98%;"],
 .progress-bar-block label[style="left: 99%;"],
 .progress-bar-block label[style="left: 100%;"] {
   transform: translateX(-100%);
   text-align: right;
 }

 /* progressbar fixing a he top */

 .progress-bar-wrap {
   position: fixed;
   top: 146px;
   right: 15px;
   width: calc(100% - 374px);
   z-index: 2;
   overflow: visible;
   transition: width 0.3s linear 0s;
 }

 .webform-survey-form.validation-in .progress-bar-wrap,
 .webform-survey-form.survey-alert-closed .progress-bar-wrap {
   top: 102px;
 }

 .progress-bar-wrap:before {
   content: "";
   background: #f2f2f2;
   height: 9px;
   width: 100%;
   position: absolute;
   left: 0;
   bottom: 100%;
 }

 .container-progress.left-in + .survey-form-wrapper .progress-bar-wrap {
   width: calc(100% - 98px);
 }

 .survey-form-wrapper .webform-submission-form .alertMsg .messages__wrapper:not(.error-survey-message) {
   transition: all 0.3s linear 0s;
 }

 .container-progress:not(.left-in) + .survey-form-wrapper .webform-submission-form .alertMsg .messages__wrapper:not(.error-survey-message) {
   width: calc(100% - 374px);
   left: 359px;
 }

 @media only screen and (max-width: 767px) {
   .webform-survey-form .progress-bar-wrap {
     right: 0 !important;
     width: 100% !important;
     top: 96px !important;
     height: 42px;
     padding: 0 20px;
     margin: 0 !important;
   }
   .webform-survey-form .survey-form-wrapper .progress-bar-wrap {
     border-bottom: 3px solid #E6EDF4!important;
   }
   .progress-bar-wrap:before {
     display: none;
   }
   .progress-bar-wrap .progress-bar-block {
     margin-top: 9px;
     width: calc( 100% - 100px);
   }
   .webform-survey-form:not(.isIntroduction) .survey-form-wrapper {
     margin-top: 63px !important;
   }
   /* enable submit btn at the end of the page  */
   .webform-survey-form #edit-actions .emp-button-wrapper.submit-btn {
     display: none !important;
   }
   .webform-survey-form #edit-actions .emp-button-wrapper.submit-btn.show-submit-btn {
     display: block !important;
   }
 }