.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:#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: 24px;}
.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; /* background-color: #ccc; */ border: 1px dashed #3c8dbc;}
.stepwizard-step { display: table-cell; /*text-align: center;*/ 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; /*-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);*/ }
.alium-left-menu .collapsed .fa-caret-down{ /*-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);*/ }

.alium-left-menu .panel-title a p { position:relative; margin-bottom: 0px; padding: 2px 0px; text-transform: capitalize; font-size: 14px;}	
.alium-left-menu .panel-body { padding: 0px; }
.alium-left-menu .panel-body a{ padding: 8px 20px 8px; 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;}
#alium-accordion div.panel-heading  h4  a:hover { color:#fff; }
#alium-accordion div.panel-heading  h4  a:focus { color:#fff; }




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

.survey-panel-group .panel-heading { padding:14px 18px;     border-radius: 0px;}
.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 #ddd; background-color: #f5f5f5; 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; }
.ui-state-default .aqCollapse { position: absolute;  right: 16px; background: #fff;  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); }
.ui-state-default .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; padding: 5px 10px; color: #ffffff; background-color: #42ca49; border: none; text-transform: capitalize;}
.blank-textBox { background:none; border-top: none; border-left: none; border-right: none; display: inline-block; font-size:12px;}
.radio-label { display:inline-block; margin-top: 9px; text-align: right;     opacity: 0.7;}
.radio-label span { background: #3c8dbc; position: relative; padding: 6px 7px 6px 10px; border-radius: 100px; color: #fff; font-size: 11px; text-transform: uppercase; }
.radio-label span:before { content: ""; position: absolute; right: -15px; top: 4px; width: 0; height: 0; border-style: solid; border-width: 5px 38px 16px 23px; border-color: transparent transparent #3c8dbc; 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: #f5f5f5; color: #367fa9; padding: 2px 5px; border-radius: 100%; margin-left: 4px; font-weight: 600;}
.chk-answer-counter { background: #f5f5f5; color: #367fa9; padding: 2px 5px; border-radius: 100%; margin-left: 4px; font-weight: 600;}
.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: #fbfbfb; webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); padding: 10px 13px; margin-bottom: 6px; font-size: 12px; color: #555; border: 1px solid #eee;  margin-top: 5px;}
.rQuestion-panel:hover { cursor:move;}
.rightQuestion-tab-content { background: #ffffff; margin-top: -20px; padding: 30px 20px; 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: 500px; }
.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;*/ } 
.droppable { min-height:500px;}
.boxCounter { background: #a0a0a0; color: #fff; border-radius: 100px; padding: 2px 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: #d2cccc; font-size: 12px; text-decoration:underline; transition:0.5s ease;}
.center-dropdown>.btn:first-child:hover { color:#333;}
.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;}
}


/**************************************************** Start Reports Css  *********************************************************/

.reports-header { padding: 8px 10px 8px 15px;  margin-bottom: 20px; background: #ffffff;}
.borderTab { /*margin-right: auto;  margin-left: auto;  display: table;*/ }
.borderTab>li>a{ border-top: none;  /*padding-bottom: 13px;*/ text-transform: uppercase;}
.borderTab>li.active>a, .borderTab>li.active>a:focus, .borderTab>li.active>a:hover {  background: none; border-bottom: 2px solid #3c8dbc; border-top: none;    color: #3c8dbc;}
.border-tab-content { margin-top:15px;}
.tab-content-bg{ background: #ffffff; padding: 15px;}
.border-tab-content-hr { border-top: 30px solid #ecf0f5; margin-left: -15px; margin-right: -15px;  margin-top: 15px; margin-bottom: 15px;}
.ansDetails { font-size: 12px; padding-right: 10px; color: #989898; text-decoration: underline; }
.ansDetails:hover { text-decoration: underline;}
.quesRightBtn { float:right; margin-left:5px;}
.quesRightdropdown { float:right; margin-left:5px;}
.quesRightdropdown .dropdown-menu { left:auto; right:0px; font-size:13px; min-width: 100%;}
.reportsQues { font-weight:300; margin-top: 0px; margin-bottom: 15px;} 
.reportsQues span { font-size: 14px; display: block; font-weight: bold; margin-bottom: 10px;}
.ques1Chart { margin-top:15px; margin-bottom: 30px;}
.rightDropBtn { left:auto; right:0px; min-width: 100%;}
.pagesOption { font-weight:500;}
.hr2 { margin-left: -15px; margin-right: -15px; border-top: 2px solid #ecf0f5; margin-top: 10px; margin-bottom: 10px;}
.InnerborderTab { margin-top: 15px; border-bottom: 2px solid #ecf0f5; margin-left: -15px; margin-right: -15px;}
.InnerborderTab>li>a:hover{ padding-bottom: 13px; }
.InnerborderTab>li.active>a, .InnerborderTab>li.active>a:focus, .InnerborderTab>li.active>a:hover {  background: none; border-bottom: 2px solid #3c8dbc;   border-top: none; color: #3c8dbc; margin-bottom: -2px; padding-bottom: 13px; border-top:3px solid transparent;}
.noneBdrDropdown{ display:inline-block;  position: static; }
.noneBdrDropdown .btn{ background: none; box-shadow: none; outline: none !important; font-weight: 500; opacity: 0.8; font-size: 13px;}
.noneBdrDropdown .dropdown-menu { top: auto; left: auto; font-size: 13px;}
.customChkBox { margin-top: 5px;  margin-bottom: 5px;}
.customChkBox input[type=checkbox] { display:none;}
.customChkBox input[type=checkbox] + span { display: block;  /*margin-top: -4px;*/ cursor: pointer; font-weight: 500;}
.customChkBox input[type=checkbox] + span:before { content: "\2714"; border: 0.1em solid #d0d0d0; border-radius: 0.2em; display: inline-block; width: 21px;    height: 21px; padding-left: 4px; padding-bottom: 0.3em; margin-right: 10px; vertical-align: bottom; color: transparent; transition: .2s; padding-top: 1px;  background: #fff; }
.customChkBox input[type=checkbox]:checked + span:before { background-color: #3c8dbc; border-color: #3c8dbc; color: #fff; }
.report-fa-question-circle { margin-top: 9px; margin-left: -7px; color: #969696; }
.responses-inner-table { margin-bottom:0px;}
.hr3 { margin-left: -15px; margin-right: -15px; border-top: 2px solid #ecf0f5; margin-top: 0px; margin-bottom: 0px;}
.customChkBox label { padding-left:0px; }
.search-input-group { min-width:200px; }
 .vertical-table { font-size:13px; opacity: 0.8; }
.vertical-table>thead>tr>th, .vertical-table>tbody>tr>th, .vertical-table>tfoot>tr>th, .vertical-table>thead>tr>td, .vertical-table>tbody>tr>td, .vertical-table>tfoot>tr>td { vertical-align:bottom; }
.vertical-table-date { margin-right:10px; font-size: 13px; margin-left: 35px; }
.vertical-table-time { font-size:13px; }
.vertical-table-dropdown .btn { background: none; box-shadow: none; outline: none !important; color: #3c8dbc; padding: 0px; }
.vertical-table-dropdown .dropdown-menu { left: auto; right: 0px; font-size: 13px; min-width: 100%;}
.vertical-table > tbody > tr:nth-child(1) > td:nth-child(1) { min-width:350px;}
#radioBtn .notActive{ color: #3276b1; background-color: #fff;}
.radio-btn-group{ margin-top:3px;}
.CustomizeRightDiv { width: 100%; display: block; text-align: right; margin: 20px 0px; }
.customize-tab-content { background: #f5f5f5; margin-left: -15px; margin-right: -15px; padding: 30px 30px 10px; margin-bottom: 20px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); }
.inputColor1 { width: 100%; border: 2px solid #eee; padding: 16px; text-align: center; }