.sortable {
	cursor : pointer;
}
/*
.option-holder {
	width : 100%;
	margin : 10px;
	padding : 5px 20px;
	height : auto;
}

.option-holder-content {
	float : right;
	padding : 5px;
}*/

.error-message {
	color: #df0101;
    font-size: 12px;
    margin: 5px;
}

.project_logo {
	width : 100%;
	height : 100%;
}

.widget_article {
	margin : 20px 20px 20px 20px;
}

.select-question {
	border : 1px solid;
	margin : 10px;
	min-height : 30px;
}

.width-100 {
	width:100%;
}

.placeholder {
	display: block;
    font-size: 19px;
    font-weight: 400;
    line-height: normal;
    padding: 20px 20px;
    color:#CCCCCC;
}
.placeholder span {

    font-size: 14px;
    float:left;
    color:#CCCCCC;
    padding-top:10px;
}
.placevalue {
	display: block;
    font-size: 19px;
    font-weight: 400;
    line-height: normal;
    padding: 10px;

}
.placevalue span {

    font-size: 14px;
    padding-top:10px;
}

.saveCancel{
	float: right;
	margin:0px 10px;
	width:8%;
}
.saveEdit{
	bottom: 15px;
    float: right;
    margin: 0 10px;
    position: absolute;
    right: 0;
}
.saveEdit a{	
	margin: 10px 0px;
	float: right;
}
.saveEdit .btn-success{
color:#FFFFFF !important;
}

.editFields {
	border: 1px solid #CCCCCC !important;
}
.addQtnForm{
	width:100%;
	background-color:#F6F2DA;
	float:left;
	padding:15px 0px;
	margin-bottom:20px;
}

.qtnOptions{
	padding: 10px 0;
}
.qtnOptions i {
	padding:8px 0 0 0;
}
.saveQtn{
	width:75%;
	float:left;
	margin:10px 0;
}
.saveQtn button{
	float:left;margin:5px;
}
.pageTitle{
	height:30px;
/*
	border:1px solid #CCCCCC;
*/
	font-size:18px;
	cursor:pointer;

}
.pageView{
	border:1px solid #DDD;
	width:97%;
	margin:5px;
	padding: 10px 14px;
	border: medium none;
}
/*
.qtnView{
	width:100%;
	border:1px solid #DDD;
	margin:10px 0;
	cursor:move;
}
.qtnView :hover{
	background-color:#E6E6E1;
}*/
.qtnActions{
	float:right;
	margin-right:10px;
    margin-top:6px;
}
.qtnActions > i{
	padding:8px 0 0 0;
	margin : 4px;
	cursor:pointer;
}
.qtnItem{
	padding:10px;
	font-size:16px;
	font-weight: 400;
}
.optionlist{
	margin:10px;
	font-size:14px;
}
.qtnActions > .onoffswitch{
	width:80px;
}

.qtnActions .onoffswitch-switch{
	right:70px;
}
.wo_list > .onoffswitch{
	width:80px;
}

.wo_list .onoffswitch-switch{
	right:70px;
}
.unpublished{
	color:#B8B8B8 !important;
}
#projectsController_details #content{
	border:none;
}
#projectsController_details .collapsed{
	border:1px dashed #000 !important;
	margin-top:20px !important;
}
.addQuestionDiv{
	margin:0 auto;
	text-align: center;
	padding:20px 20px;
	margin:20px 0;
}
.addNewPage{
	margin:0 auto;
	text-align: center;
	padding:20px 0;
	margin:20px 0;
}
.addNewPage a{
	border-bottom: 1px solid #000000;
    color: #000;
    font-size: 16px;
    line-height: 25px;
    text-decoration: none;
    cursor:pointer;
}
.addNewPage .placeholder{
	color:#000;
	cursor:pointer;
}
.addQtnForm .radio{
	text-align: left;
}
.switch-tabs{
	margin:0 auto 0;
	text-align: center;
	margin:20px 0;
}
.switch-tabs button{
	width:200px;
	margin:0 10px;
}
.add-options{
	width:100%;
	min-height:20px;
}
.add-options a{
	border-bottom: 1px solid #000000;
    color: #000;
    font-size: 14px;
    line-height: 25px;
    text-decoration: none;
    cursor:pointer;
    float:left;
}
.opt{
	padding-left:10px;
}
.selected-opt{
	/*color:#006400;	*/
	
	background-color:#ABC3CD;
	padding:2px 15px;
}
.response{
	/*cursor:pointer;*/
	width:100%;
	height:50px;
	display:table;
	border:1px solid #c8c8c8;
	margin-bottom:10px;
}
.response > div{
	display:table-cell;
	vertical-align: middle;
}
.response :hover{
	background-color:#e3eff9;
}
.responsesDiv{
	padding:10px;
}
.response span{
	font-size:15px;
	margin:15px;
}
.bordered{
	border:1px solid #c8c8c8;
	margin:5px;
}
.response-label{
	font-size:14px !important;
}
.filter-responses{
	margin:20px 0;
}
#dt_basic{
	border:1px solid #cccccc !important;
	width: 99% !important;
}
#dt_basic ul{
	margin-bottom:0px;
	padding:0;
}
.empty-data{
	padding-left:20px;
}
.pageTitle-small{
	float:right;
}
.pageTitle-outer{
	width:100%;
	margin-bottom:15px;
	cursor:pointer;
}
.add-project-container{
	width:100%;
	float:left;
	padding:0px 20px;
	margin:0 auto;
}
.select-type-radio{
	float:left;
	width:30%;
	border:1px solid #cccccc;
	border-radius:5px;
	min-height:400px;
	padding:25px 10px;
	font-size:20px;
}
.title-container{
	width:60%;
	float:right;	
	border:1px solid #cccccc;
	border-radius:5px;
	min-height:400px;
	padding:30px 20px;
}
label input.radiobox[type="radio"]:checked + span {
	font-weight:normal !important;
}
.radio-item{
	min-height:60px !important;
	vertical-align:middle;
	margin:0 0 0 10px;
}
.title-container .btn-primary{
	max-width:150px !important;
}
.title-container ul > li{
	font-size:15px;
}
.search-qtn{
	width:99%;
	padding:20px 0 0 0;
}
#cancel-search{
	margin-top:5px;
}
.option-holder-content > button > a{
	text-decoration:none;
	color: #ffffff;
}
.pjt-type-desc div{
	margin: 0 auto;
	text-align:center;
	width: 350px;
}
 .pjt-type-desc ul{
	margin: 0 auto;
	padding: 0 0 0 30px;
    width: 350px;
 }
.btn-tabs{
	/*border-bottom:1px solid #cccccc;*/
}
.btn-tabs button{
	border-bottom:none;
}
.btn-tabs .active{
	background-color: #f3f3f3;
	margin-bottom:-1px;
	border-bottom: 1px solid #fff;
}

.default-btn.activate {
  background-color: #fff;
  border: 1px solid rgba(177, 177, 177, 0.32);
  margin-bottom: -1px;
  border-bottom: 1px solid #fff;
  border-top: 3px solid #051324;
}


.search-qtn .col-md-4{
	padding-left:0px;
}
.no-border-span{
	border:none;
	float:left;
}
.search-qtn .form-group{
	float:right;
	width: 50%;
}
.user-image{
	width:14px;
	border:1px solid #fff;
	padding:5px;
	margin:0 5px 0 0;
}
.option-holder-content a{
	padding-left:0px !important;
	
}
.no-border{
	border:none;
}
.data-text{
	padding-left:20px;
	float:left;
	width:100%;
}
.colorpicker div{
	position:absolute !important;
}
.colorshower{
	margin:10px 0 10px 0;
	padding:10px;
	width: 70%;
	border:1px solid #ccc;
	vertical-align:middle;
	min-height: 25px;
	background:#fff;
	color:#000;
}
.colorshower-txt{
	float:left;
	width:70%;
	font-size:14px;
}
.colorshower-box{
	float:right;
	width:15%;
	height:25px;
	border-radius:5px;
	border:1px solid #000;
	background:#ccc;
}
.mobile-loader{
	margin: 25px 0 0 15px;
    padding: 15px 0 0 20px;
}
.mobile-loader .mb-hd-im{
	position: absolute;
    z-index: 2;
}
.mobile-loader .mb-ct-bg {
    background-color: #fff;
    height: 224px;
    line-height: 30px;
    margin:178px 0 0 20px;
    position: absolute;
    text-align: center;
    width: 212px;
    z-index: 6;
}
.mobile-loader .mb-ct-cl {
    color: #e44b32;
    font-size: 14px;
    height: 165px;
    margin: 198px 0 0 35px;
    line-height: 15px;
    position: absolute;
    text-align: left;
    width: 170px;
    z-index: 7;
}
.mobile-loader .mb-hd-bg {
    position: absolute;
    margin:86px 0 0 20px;
    z-index: 2;
}
.mobile-loader .mb-hd-cl {
    color: #fff;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    margin:118px 0 0 20px;
    width: 212px;
    z-index: 3;
}
.mobile-loader .mb-sh-bg {
    background-color: #2a2929;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    margin:148px 0 0 20px;
    width: 212px;
    z-index: 4;
}
.mobile-loader .mb-sh-cl {
    color: #fff;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    margin:148px 0 0 75px;
    width: 100px;
    z-index: 5;
}
.color-picker-theme{
	margin-bottom:30px;
}
.logo{
	float: left;    
    width: 18%;
    position:relative;    
    text-align:center;
}
.logo-none{
	border:1px solid #cccccc;
	height:150px;
	margin:10px auto;
}
.logo header{
	padding: 8px;
	border: none !important;
	height:100%;
}
.logo img{
	width:100%;
}
.pjt-details-editable {
    float: left;
    margin: 15px 10px 10px 5px;
    width: 97%;
}
.pjt-details-editable header{
	height:auto !important;
	/*min-height: 150px;*/
}
.first-qtn{
	padding:50px 10px;
	border:1px dashed #c8c8c8;
	height:150px;
	vertical-align:middle;
}
.first-qtn > div{
	font-size:20px !important;
	cursor:pointer;
}
.dz-preview{
	display:none !important;
}
#content{
	background:#fff !important;
}
.bordered{
	border:1px solid #C8C8C8;
	border-radius:5px;
	padding:10px;
}
.pjt-add-page{
	min-height:275px;
}
.switch-tabs ul{
	margin:0 auto;
	width:300px;
}
.switch-tabs ul li{
	text-align:left;
}
.no-responses{
	margin:0 auto;
	width:100%;
	text-align:center;
	font-size:32px;
	color:#000000;
}
.main-back-btn-rprts{
	float:right;
}
.summaryBlock-reports{
	padding:15px 10px !important;
}
.mandatory{
	float: left;
    margin: 10px 0;
}
.dropdown-menu a{
	cursor:pointer;
}
.visualization{
	width: 60% !important;
}
.map-wrap{
	margin: 20px 0;
}
.graph-wrap{
	margin: 20px 0;
}
.MarkerContext{
	color:#000000;
}
.span4{
	width:33.333%;
	padding:none !important;
	float:left;
}
span8{
	width:66.666%;
	padding:none !important;
	float:left;
}
.map{
	min-height:300px;
}
/*
img{
	max-width:1200px !important;
}
*/
#shareWebSurveyUrl{
	margin-top:30px;
}
.fixed-min-height{
	min-height:300px !important;
}
#importQuestionTab{
	margin-top:10px;
}

aside
{
	
	background : linear-gradient(to right, #075B96 0%, #075B96 87%);
}

#ribbon
{
	background: #075B96;
}

.page-footer {
border-top: 1px solid #ccc;
background: #FFFFFF;
}

.removeOption{
	cursor:pointer !important;
	float: left;
}

#logoDropZone{
	cursor:pointer;

}

.prevNxt{
    border-top: 1px solid #e5e5e5;
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;

}

.previewBtn{
	min-height:20px;
	font-size:15px;
}

.title-holder{
	padding-top:20px;

}

.remove-photo{
	background-color: transparent;
    border-radius: 50%;
    color: #cc0000;
    display: block;
    font-size: 12px;
    height: 17px;
    line-height: 12px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: -8px;
    text-align: center;
    top: 1px;
    width: 17px;
	cursor:pointer;
	line-height: 17px;
	background-color: #d60b0b;
	color:#FFF
}

.remove-photo-div{
	float: left;
    padding: 5px;
    position: relative;
    margin: 0 10px 0 0;
}

.wo_list span{
	text-transform: capitalize;
}

.create-form-header{
	margin: 0 auto;
	padding: 0px 10px 10px 20px;
}

.form-create-link{
	color:#fff !important;
}

.hideclass{
    display: none;
}


.algorithm-listing {
	border-bottom:1px solid #ddd;
}
.algorithm-listing.panel-group {
	background-color:#fff;
}
.algorithm-listing.panel-single {
	background-color:#fff;
	padding:0 15px;
}
.algorithm-listing .panel { 
	padding:0;
	border:none;
	background-color:transparent;
}
.algorithm-listing .panel-body {
	padding: 10px 15px 10px 25px;
	background-color:#fff;
}
.algorithm-listing .panel-title {
	padding:8px 15px;
	position:relative;
	background:#f5f5f5;
}
.algorithm-listing .panel-listing {
	padding:8px 0;
}
.algorithm-listing .panel-listing2 {
	padding:5px 0;
	display:block;
}
.algorithm-listing .panel-inline-block {
	display:inline-block;
}
.algorithm-accordion .fa-plus-circle {
	display:none;
}
.algorithm-accordion .fa-minus-circle {
	display:inline-block;
	position: absolute;
	right: 10px;
	top: 13px;
	cursor:pointer;
	font-size:16px;
}
.algorithm-accordion.collapsed .fa-plus-circle {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 13px;
}
.algorithm-accordion.collapsed .fa-minus-circle {
	display:none;
}


.questionWrap { position:relative; margin-bottom:10px;}
.questionWrap .selectquestion {
	background-color:#fff;
	cursor:pointer;
	padding: 6px 10px;
	border:1px solid #ddd;
}
.questionWrap .selectquestion .fa {
	float:right;
	margin:4px 0 -4px 0;
}
.questionWrap .questioncontainer {
	position: absolute;
	z-index: 100;
	padding: 15px;
	min-width:100%;
	top:35px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin:-10px -15px 15px -15px;
}
.questionWrap .questioncontainer-block {
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
	background-color: rgb(255, 255, 255);
	border-radius:5px;
	overflow:hidden;
}

.tag_menu {
	color: #555E6A;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
	border-top: 1px solid #CACACA;
	padding-top: 15px;
}
.choose_tag {
	width: 36%;
	float: left;
}
.choose_tag p {
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #0276BB;
	text-decoration: none;
}
.search_tag label {
	width: 100%;
	margin-bottom: 10px;
}
.search_tag {
	width: 70%;
}
.tag_list_div {
	width: 100%;
	float: left;
	overflow-y: auto;
	height: 270px;
}
.tag_list {
	padding-left: 0px !important;
	cursor: pointer;
}
.selected_tag_div {
	width: 48%;
	float: left;
	margin-left: 20px;
	display: inline-block;
	vertical-align: middle;
}
.selected_tag {
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #0276BB;
	text-decoration: none
}
.delete_tag {
	padding-left: 5px;
}

.catogory_menu ul{
	list-style:none;
	padding:0px !important;
	margin:0px;	
	}
.catogory_menu ul li {
	list-style:none;
	padding:0px 0px 0px 26px;
	margin:0px;	
	line-height:25px;
	}
	
.catogory_menu .leftarrow {
	padding-left:29px;
	background:url(../images/catogory_left.png) no-repeat;	
	text-transform: uppercase;
	cursor: pointer;
}

.catogory_menu .rightarrow {
	padding-left:29px;
	background:url(../images/catogory_right.png) no-repeat;	
	cursor: pointer;
}

.catogory_menu .subarrow {
	padding-left:29px;
	background:url(../images/catogory_sub.png) no-repeat;	
	cursor: pointer;
}
.catogory_menu .nonarrow {
	padding-left:29px;

}

.note-statusbar {
	display: none;
	cursor: pointer;

}
.importqstn_tab, .editform_tab {
    margin:0 0 10px 0;
    border: 1px solid rgba(177, 177, 177, 0.32);
}

/*************************************************/

.no-pad{
	padding:0;
}
.custom-radio{
	display:none;
}
.custom-radio + i{
	border: 1px solid #0276BB;
	width:17px;
	height:17px;
	display: inline-block;
	border-radius: 50%;
	vertical-align:text-bottom;
	margin-right:5px;
	position:absolute;
	left: 24px;
	top: 22px;
}
.custom-radio:checked + i:after {
	content:'';
	position: absolute;
	background:#0085D4;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	left: 3px;
	top: 3px;
}
.checkbox_answr + i{
	border: 1px solid #0276BB;
	width:17px;
	height:17px;
	display: inline-block;
	vertical-align:text-bottom;
	margin-right:5px;
	position:absolute;
	left:24px;
	top:23px;
}
.checkbox_answr:checked + i:after {
	content:'';
	position: absolute;
	border: 2px solid #0085D4;
	border-top: 0;
	border-right: 0;;
	width: 10px;
	height: 5px;
	left: 3px;
	top: 4px;
	transform: rotate(-48deg);
}
.lbl-spc label{ 
	padding: 20px 23px 20px 55px; 
	position:relative; 
	font-size:16px; 
	display:block;
	box-shadow: 0px 1px 6px -2px #A2A2A2;
	border: 1px solid #E2E2E2 !important; 
	border-left: 5px solid #FCB214 !important;
}

.rdo-btn-ord{
	padding: 0 4px;
	margin-top: 12px;
}
.rdo-btn-ord .optionlist .ng-scope{
	margin-bottom:20px;
}
.rdo-btn-ord .row.ng-scope{
	margin-bottom:0px;
}
.rdo-btn-ord .row.ng-scope:empty{
	margin-bottom:0;
}
.title-txt{
	font-size:20px;
	color: #0276BB;
}
.minht01{
	min-height:400px;
}
.qtnView.mandatory-err {
    border: 1px solid #F5A2A2 !important;
	background-color:#FFE1E1 !important;
}
.qtnView.mandatory-err:hover {
	background-color:#FFEBEB !important;
}
.qtnView{
	box-shadow: 0px 1px 6px -2px #A2A2A2;
	border: 1px solid #E2E2E2 !important;
	border-radius: 0px !important;
}
.qtnView:hover {
	background: #F7F7F7 !important;
	border-radius: 0px;
}
.groupoutter:hover {
    background: #F1F1F1 !important;
}
.checkbox_answr{
	display:none;
}
.qst-box{
	box-shadow: 0px 1px 6px -2px #A2A2A2;
    border: 1px solid #E2E2E2 !important;
	padding:55px;
	border-radius:3px;
	min-height:400px;
}
.boder-btm{
	/*border-bottom: 1px dashed #DEDEDE;*/
}
.qst-box > .row:first-child{
	margin-bottom:20px;
}
.title-holder.n1{
	width:auto !important;
	margin-left:11px !important;
	margin-right:11px !important;
}
.grp-title{
	font-size:24px;
	color:#2A5880 !important;
	background:none;
	margin-left:-15px;
}
.btn-primary, .modal-footer button, .smart-form .input .input, .smart-form .input input {
    border-radius:3px !important;
}
.btn-primary.n1{
	background-color:#545454 !important;
	min-width:100%;
	padding: 10px 14px;
}
.img-holdr{
	padding-top:15px;
}
.smart-form .input-file .button{
	height:36px;
	margin:  0;
	line-height:34px;
	background-color: #0276BB;
}
.browse{
	height:24px!important;
	margin:  0;
	line-height:24px!important;
	background-color: #0276BB;
}

.smart-form.num1{
	padding: 9px 6px 12px 6px;
	position: relative;
	font-size: 16px;
	display: block;
	box-shadow: 0px 1px 6px -2px #A2A2A2;
	border: 1px solid #eee !important;
	border-top: 2px solid #E0E0E0 !important;
	display: block;
	overflow: hidden;
	background: #FFFBF5;
	margin: 0 15px;
}
.grp-title.no1{ display:block; padding-right:150px;position:relative;}
.btntyp, .btntyp:active, .btntyp:focus{ position:absolute;top:8px;right:15px; left:inherit }
.qst-box.n1{padding:25px;min-height:150px; margin-top:25px;padding-bottom:6px;}
.qst-box.n1:first-child{margin-top:0;}
.qst-box > .row:first-child { margin-bottom:10px; }
.no-paddLR{padding-right:0;padding-left:0;}
.optionlist.no1{margin-left:10px;margin-bottom:0;}
.optionlist.no1.lbl-spc label { padding:10px 16px 10px 46px;}
.optionlist.no1 .checkbox_answr + i{left:16px; top:13px;}
.optionlist.no1 .custom-radio + i{left:16px; top:13px;}
.rdo-btn-ord.nm1{margin-top:0;}
.smart-form.num1 { padding:15px; border-top:1px solid #eee; }
label input.checkbox[type="checkbox"][disabled] + span::before, label input.checkbox[type="checkbox"][disabled]:checked + span::before, label:active input.checkbox[type="checkbox"][disabled]:checked + span::before, label:hover input.checkbox[type="checkbox"][disabled]:checked + span::before{background: #ccc none repeat scroll 0 0 !important; border-color:#bbb !important;}
.disspan{ color:#7b7373}
.smart-form .label{ white-space:normal;}
