.form-group{
    margin-bottom: 25px;
    
}

.fg-srv{
    background:#ffffff; 
    padding:10px; 
    border: 1px solid #222d32;
}
.hnd-lbl{
    cursor: pointer;
}
.stepwizard-div  { background:#FFF; padding-top: 20px; padding-bottom: 20px;}

.stepwizard-step p {  margin-top: 10px;}

.stepwizard-row { display: table-row;}

.stepwizard {     display: table;  width: 80%;  position: relative;  margin-top: 0px;}

.stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important;}

.stepwizard-row:before { top: 33%; bottom: 0; position: absolute; content: " "; width: 74%; height: 2px; border: 1px dashed #3c8dbc; left: 13%;}

.stepwizard-step { display: table-cell; text-align: center; position: relative; width: 33.33%;}

.btn-circle {/* width: 30px; height: 30px; */ text-align: center; padding: 20px 20px; /* font-size: 12px; */ line-height: 1.428571429; border-radius: 100px; border: 1px dashed #3c8dbc;}

.btn-circle .fa { width: 30px; font-size: 30px;}





.alium-breadcrumb { background:none; margin-bottom: 1px; padding-left: 0px;}

.alium-breadcrumb>li+li:before { content: '>\00a0'; font-weight: bold;}

.alium-breadcrumb>li { font-size: 15px; font-weight: 600;}

.alium-breadcrumb>.active a { border-bottom:2px solid #3c8dbc;}

.skin-blue .main-header .navbar{background-color:#3c8dbc}.skin-blue .main-header .navbar .nav>li>a{color:#fff}.skin-blue .main-header .navbar .nav>li>a:hover,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue .main-header .logo{background-color:#367fa9;color:#fff;border-bottom:0 solid transparent}.skin-blue .main-header .logo:hover{background-color:#357ca5}.skin-blue .main-header li.user-header{background-color:#3c8dbc}.skin-blue .content-header{background:transparent}.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{background-color:#222d32}.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#fff}.skin-blue .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-blue .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-blue .sidebar-menu>li.active>a{border-left-color:#3c8dbc}.skin-blue .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-blue .sidebar a{color:#b8c7ce}.skin-blue .sidebar a:hover{text-decoration:none}.skin-blue .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-blue .sidebar-menu .treeview-menu>li.active>a,.skin-blue .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-blue .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-blue .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue .sidebar-form input[type="text"]:focus,.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8}


/************************ Custom CSS **************************************/

.stepwizard-div  { background:#ecf0f5; padding-top: 5px; padding-bottom: 0px;}
.stepwizard-step p {  margin-top: 10px;}
.stepwizard-row { display: table-row;}
/*.stepwizard { display: table;  width: 80%; position: relative;  margin-top: 0px;  margin-bottom: 15px;}*/
.stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important;}
/*.stepwizard-row:before { top: 32%; bottom: 0; position: absolute; content: " "; width: 100%; height: 2px; border: 1px dashed #3c8dbc;}*/
/*.stepwizard-step { display: table-cell;  position: relative; width:32%; }*/
/*.btn-circle { width: 30px;  height: 30px;  text-align: center; padding: 30px 30px; font-size: 12px; line-height: 1.428571429; border-radius: 100px; border: 1px dashed #3c8dbc;}*/
/*.btn-circle .fa { width: 30px; font-size: 30px;}*/
.alium-breadcrumb {  background: none; padding-left: 0px; border-bottom: 1px solid #e0e0e0; margin-bottom: 15px;  padding-bottom: 15px;}
.alium-breadcrumb>li+li:before { content: '>\00a0'; font-weight: bold;}
.alium-breadcrumb>li a{ font-size: 15px; font-weight: 500;}
.alium-breadcrumb>.active a { border-bottom:2px solid #3c8dbc;}
.alium-left-menu {}
.alium-left-menu .fa-caret-down { position:absolute; right: -5px;}
.alium-left-menu .panel-title a p { position:relative; margin-bottom: 0px; padding: 4px 0px; text-transform: capitalize;}   
.alium-left-menu .panel-body { padding: 0px; }
.alium-left-menu .panel-body a{ padding: 9px 20px 11px; display: block; background: #f0f6fa; border-top: 1px solid #d3e5f0; margin-top: -1px; margin-bottom: -1px; color: #21526f; transition:0.5s ease;}
.alium-left-menu .panel-body a:hover, .panel-body a:focus, .panel-body a:active { /*background:#ffffff;*/}
.alium-left-menu .panel-body a p{ margin-bottom:0px; text-transform: capitalize;}
.alium-left-menu .panel-default { border-radius:0px; border: none; border-bottom: 1px solid #fff;}
.alium-left-menu .panel-default>.panel-heading {border-radius:0px; color: #fff;  background-color: #3c8dbc;}
.alium-left-menu .panel-title>a:focus, .alium-left-menu. panel-title>a:active, .alium-left-menu .panel-title>a:hover { color:#fff;}
.alium-left-menu > .panel+.panel {margin-top:0px !important;}

/********************************** Survey page Start Css *************************************************/

.survey-panel-group .panel-heading { padding:14px 18px;     border-radius: 0px; background: #337ab7;  color: #fff;} 
.survey-panel-group .panel-title>a { display: block; }
.survey-panel-group .panel-title>a:hover, .survey-panel-group .panel-title>a:active, .survey-panel-group .panel-title>a:focus { color:#333333;}
.survey-panel-group .panel-title .btn { float: right; font-size: 12px; padding: 3px 10px; color: #ffffff; border: none; margin-top: -20px;}
.survey-panel-group .panel-title .btn{ background-color: #42ca49; font-weight: 700;}
.survey-panel-group .panel { border-radius:0px;}
.survey-panel-group .panel-title > a:before { /*font-family: FontAwesome;  content:"\f055"; padding-right: 5px; */}
.survey-panel-group .panel-title > a.collapsed:before { /*content:"\f056";*/ }
.survey-panel-group .panel-title > a.collapsed { /*opacity:0.3; */}
.survey-panel-group .panel-title > a.collapsed + .btn{ display:none; }

.survey-panel-group .panel-title > a:hover, .survey-panel-group .panel-title > a:active, .survey-panel-group .panel-title > a:focus  { text-decoration:none; }
.survey-panel-group .panel-body { padding:15px 20px;}
.survey-panel-group .border-none-input { border:none; font-size: 16px; padding: 0px; height: auto;}
.survey-panel-group .border-none-input::placeholder { color: #cecece;}
.survey-panel-group .border-none-input:-ms-input-placeholder { color: #cecece; }
.survey-panel-group .border-none-input::-ms-input-placeholder { color: #cecece; }
.alium-right-tab>li>a, .alium-right-tab>li>a:hover{  background: #b4cde2; color: #ffffff;}
.span-font { font-size:14px; font-weight: 400;}
.ui-state-default { margin-bottom: 10px; padding: 12px 17px 18px; margin-top: 10px; border: 1px solid #eee; background-color: #fcfcfc; position: relative;    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); transition:0.5 ease;}
.ui-state-default:hover { cursor:all-scroll;}
.ui-state-default .form-control { font-size:12px; }
.ui-state-default label{ font-weight: 400; font-size: 12px; margin-bottom: 10px;}
.ui-state-default label a { float:right;}
.ui-state-default .delete-icon { float:right; margin-top: -4px; margin-left: 0px;}
.ui-state-default .delete-icon a { color: #6b6b6b; font-size: 16px; background: none;  transition:0.5s ease;}
.ui-state-default .delete-icon a:hover { color: #000; cursor:pointer;}
.ui-state-default .dropdown-menu-right { min-width: 350px; width: 100%; padding: 7px 15px 15px; border-radius: 0px; right: -4px; }
.aqCollapse { position: absolute;  /*right: 16px;*/ background: #fff; width: 340px; padding: 15px 20px 20px; z-index: 1; /*width: 60%;*/ margin-top: 6px;   -webkit-box-shadow: 0px 10px 10px -5px rgba(191,191,191,1); -moz-box-shadow: 0px 10px 10px -5px rgba(191,191,191,1); box-shadow: 0px 10px 10px -5px rgba(191,191,191,1); }
.aqCollapse:before { content: ""; position: absolute; left: auto; top: -6px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px; border-color: transparent transparent #ffffff;  z-index: -1; right: 8px; }
.ui-state-default .delete-icon .btn{ padding:2px 4px 0px;  transition:0.5s ease;}
.ui-state-default .delete-icon .btn .fa{ font-size: 16px;}
.ui-state-default .delete-icon .btn:hover{ opacity: 1; background:#FFF;}
.small-select-box{ font-size: 11px; padding: 3px 6px; height: 26px; }
.ui-state-default .submit-btn { font-size: 12px !important; padding-top: 5px; padding-bottom: 5px; color: #ffffff !important; background-color: #42ca49 !important; border: none; text-transform: capitalize; font-weight: bold; text-align: center;}
.blank-textBox { background:none; border-top: none; border-left: none; border-right: none; display: inline-block; font-size:12px;}
.radio-label { padding-left: 0px;  padding-right: 0px; display:inline-block; margin-top: 9px; text-align: right;     opacity: 0.8;}
.radio-label span { background: #337ab7; font-weight: 600; position: relative; padding: 6px 7px 6px 10px; border-radius: 100px; color: #fff; font-size: 11px; text-transform: capitalize; }
.radio-label span:before { content: ""; position: absolute; right: -15px; top: 4px; width: 0; height: 0; border-style: solid; border-width: 6px 38px 16px 23px; border-color: transparent transparent #337ab7; z-index: -1;}
.radio-icon { padding: 10px 3px 0px; font-size: 16px; }
.commentsCollapse {position: absolute; left: 12px; background: #fff; padding: 15px 20px 20px; z-index: 1; width: 250px; top: 30px; margin-top: 6px;   -webkit-box-shadow: 0px 10px 10px -5px rgba(191,191,191,1); -moz-box-shadow: 0px 10px 10px -5px rgba(191,191,191,1); box-shadow: 0px 10px 10px -5px rgba(191,191,191,1); }
.commentsCollapse:before { content: ""; position: absolute; right: auto; top: -6px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px;    border-color: transparent transparent #ffffff; z-index: -1; left: 10px;  }
.commentsCollapse .submit-btn { margin-top:10px; }
.rad-answer-counter { background: #ffffff; color: #367fa9; padding: 1px 5px; border-radius: 100%; margin-left: 4px; font-weight: 700;}
.chk-answer-counter { background: #f5f5f5; color: #367fa9; padding: 1px 5px; border-radius: 100%; margin-left: 4px; font-weight: 700;}
.popover{ max-width: 100%; text-align:center; font-size:12px;}
.btn-success { background-color: #42ca49;  border-color: #42ca49; transition:0.5s ease;}
.btn-success:hover, .btn-success:active, .btn-success.focus, .btn-success:focus{ background-color: #37ab3e; border-color: #37ab3e; }
.add-option-btn { margin-top:10px;}
.thankmsg-text { margin-bottom:15px;}
.survey-checkbox { margin-bottom:0px;}
.survey-checkbox input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer;}
.survey-checkbox label { position: relative; cursor: pointer;}
.survey-checkbox label:before { content: ''; -webkit-appearance: none; background-color: transparent; border: 2px solid #3c8dbc; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 8px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px;  border-radius: 3px;}
.survey-checkbox input:checked + label:after {content: ''; display: block; position: absolute; top: 4px; left: 8px; width: 5px; height: 10px; border: 1px solid #3c8dbc; border-width: 0 2px 2px 0; transform: rotate(45deg);}
/*.removeBtn{ position: absolute; z-index: 1; top: 12px; right: 52px; }*/
.rQuestion-panel { background: #fcfcfc;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 10px 16px;
    margin-bottom: 6px;
    font-size: 12px;
    color: #333;
    border: 1px solid #eee;
    margin-top: 5px;
    border-left: 4px solid #3479b7;}
.rQuestion-panel:hover { cursor:move;}
.rightQuestion-tab-content { background: #ffffff; margin-top: -20px; padding: 30px 6px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;    border-right: 1px solid #ddd; webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.sortable1 { overflow-y: scroll; max-height: 380px; margin: 0px -5px 0px -15px;}
.sortable1::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
.sortable1::-webkit-scrollbar{ width: 12px; background-color: #F5F5F5; }
.sortable1::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #c1c1c1;}
.right-template-tab {overflow-y: scroll; max-height: 500px;}
.right-template-tab::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
.right-template-tab::-webkit-scrollbar{ width: 12px;    background-color: #F5F5F5; }
.right-template-tab::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #c1c1c1;}
.right-template-tab > div > a > img{   border: 1px solid #f5f5f5; margin-bottom: 10px; margin-top: 10px; height: 100px; padding: 5px;     webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);  box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.usd-hidden .ui-state-default{ display:none;}
.editable .right-question-list { /*display:none;*/ } 
.draggable .right-question-list { position: relative; }
.draggable .right-question-list:before {      content: '';
    position: absolute;
    border-left: 2px dotted #dfdfdf;
    top: 0px;
    bottom: 0px;
    left: -9px; } 
.droppable { min-height:500px;}
.boxCounter { background: #6091c4; color: #fff; border-radius: 100px; padding: 1px 0px; text-align: center; font-size: 12px; position: absolute; left: -10px;  top: -10px; font-weight: bold; width: 20px; height: 20px;}

.ui-sortable-helper { transform:scale(.97) }

.center-dropdown { text-align:center;  position: relative; width:100%;  margin-top: 10px;  margin-bottom: 10px;}
.center-dropdown>.btn:first-child { width: 100%; padding: 0px; margin: 0px; color: #337ab7; font-size: 12px; font-weight: bold; text-decoration:underline; transition:0.5s ease;}
.center-dropdown>.btn:first-child:hover { color:#023e71;}
.center-dropdown>.btn:first-child::before, .center-dropdown>.btn:first-child::after { display: inline-block; content: ""; border-bottom: 1px solid #eee;   width: 36%; margin: 4px 1rem; /* transform: translateY(-1rem); */}
.center-dropdown .dropdown-menu{ left: 0px; right: 0px; width: 200px;  margin: 0px auto; top: -45px; border: 5px solid #afafaf; padding-top: 0px; padding-bottom: 0px; }
.center-dropdown .dropdown-menu>li>a { padding: 10px 10px; border-bottom: 1px solid #ecf0f5;}
.center-dropdown .dropdown-menu>li>a:hover {  background-color: #f7f7f7; }

@media (max-width:991px) {
    .ui-state-default .submit-btn { margin-top:10px;}
}

@media (max-width:767px) {
    .radio-label { text-align: left; font-size: 11px !important; margin-left: 5px;}
    .ui-state-default label { font-size: 13px; }
    .droppable { min-height:200px;}    

}
@media (max-width:1050px) {
    .td-responsive .table-responsive>.table>tbody>tr>td, .td-responsive .table-responsive>.table>tbody>tr>th, .td-responsive .table-responsive>.table>tfoot>tr>td, .td-responsive .table-responsive>.table>tfoot>tr>th, .td-responsive .table-responsive>.table>thead>tr>td, .td-responsive .table-responsive>.table>thead>tr>th, .td-responsive td{
        float: left;
        width: 100%;
    }


}

input[type="checkbox"].ckhSwitch{ 
    font-size: 16px; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    width: 2.9em; 
    height: 1.5em; 
    background: #ddd; 
    border-radius: 3em; 
    position: relative;
    cursor: pointer;
    outline: none !important; 
    -webkit-transition: all .2s ease-in-out;    
    transition: all .2s ease-in-out;
    top: 9px;
    left: 5px;
}
  input[type="checkbox"].ckhSwitch:checked{    
    background: #3c8dbc;  
}
  input[type="checkbox"].ckhSwitch:after{
    position: absolute;
    content: "";
    width: 1.5em;
    height: 1.5em;    
    border-radius: 50%;    
    background: #fff; 
    -webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3); 
    box-shadow: 0 0 .25em rgba(0,0,0,.3);
    -webkit-transform: scale(.7);  
    transform: scale(.7);
    left: 0;
    -webkit-transition: all .2s ease-in-out; 
    transition: all .2s ease-in-out;  
}
  input[type="checkbox"].ckhSwitch:checked:after{ 
    left: calc(100% - 1.5em); 
}
.edit-btn { float:right; margin-left:10px; color:#333;}
   .edit-btn:hover, .edit-btn:focus{ color:#00649e;}
   .edit-btn .fa { font-size:22px; margin-top: -2px;}
   .rightList { margin-top: -10px; padding-left: 10px; padding-right: 10px; margin-bottom: 0px;}
   .rightList>.list-group-item { border-top: 0px; margin-bottom: 0px;}
   .updatePassword-div { margin-top: 20px; background: #f3f3f3; padding: 19px 17px 3px;  border: 1px solid #eee; margin-bottom: 10px;}

.pageHeading{
  padding-bottom: 12px; 
  margin-bottom: 20px; 
  font-size: 26px; 
  border-bottom: 1px solid #d3d3d3;
}
.navbar-nav>.user-menu>.dropdown-menu {width:170px;}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer { padding: 0px; }
.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {    margin-bottom: -1px;}
.left-expand-icon1{
  margin-right: 5px;
  font-size: 13px;
}
.left-expand-icon2{
  display:none;
}
.collapsed .left-expand-icon1 {
 display:none;
}

.collapsed .left-expand-icon2{
  display:inline-block;
  margin-right: 5px;
  font-size: 13px;
}
.labelTooltip {
    padding-left: 5px;
    font-size: 16px;
    position: relative;
       display: inline-block;
    top: 4px;
    }
.box-header.with-border {background: #3c8dbc; border-bottom: none; padding: 12px 15px;  color: #fff;}
.box .box-body {padding-left: 10px !important;}

div.box > div > table > tbody > tr > td > div > label {font-size: 16px; font-weight: 500;}
/*div.box > div > table > tbody > tr > td > div { margin-bottom: 15px !important; }*/
.backBtn, .nextBtn { margin-top:10px; }
.createTAble .control-label { margin-top: 4px;}  

.createTAble .form-group { margin-bottom: 0px; }

.editTable .form-group { margin-bottom: 0px; }

.editTable .control-label {margin-top: 4px;}

.ratingClassTextBox { margin-bottom: 15px; }

.customCollapse{width: 340px !important; right: auto !important;}
.white-text { color:#fff !important; }
.bg-none { background:none !important;}
.op-1 { opacity:1 !important;}
.p-0 { padding:0px !important;}
.border-0 { border:none !important;}
.m-0 { margin:0px !important;}
.h-30 { height:30px;} .h-26 { height:26px;} .h-24{ height:24px !important;}
.pr-10 { padding-right:10px !important;}
.wd-45 { width:45px !important;}

.custom-colour-1{
    position: relative;
    box-shadow: 1px 0px 0px 0px #d2d6de;
    border-right: 23px solid #fff !important; background: #fff !important;
}
.custom-colour-1:after{ 
        position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: -15px;
    top: 7px;
}
.affix {    top: 10px;
    right: 21px;
    max-width: 359px;}
    
@media (min-width:1200px) and (max-width:1300px) { 
  .affix { max-width: 334px; }
} 

@media (min-width:991px) and (max-width:1100px) { 
  .affix { max-width: 324px; }
}