:root{
	@tw-blue: #0c6cc3;
	@tw-theme-red: #FF4D55;
    --tw-theme-blue: #337ab7;
	--tw-placeholder-color: #bfbfbf;
	--tw-dull-red: #da0709;
	--tw-listable-red: #FF4D55;
}

.tw-top-border{
	border-top: 1px solid #ddd;
}

.tw-no-border{
	border:0px !important;
}

.tw-no-border:focus{
	border-bottom:1px solid #ddd !important;
}

 /* Scrollbar width and styling*/
 
::-webkit-scrollbar {
	height:0px;
}

.btn{
	border-radius: 2px;
}

.modal-dialog {
    margin: 86px 5px 10px 5px;
}

@media (min-width: 768px){	
	.modal-dialog {
		width: 600px;
		margin: 86px auto;
	}
}

.nav-tabs>li.active>a:after{
	top:calc(100% - 15px); /*should be set to 100% */
}

.tw-vertical-saperator{
	width: 0px;
	margin: 0px 10px;
	height: 22px;
	border-right: 1px solid #aaa;
}

.modal-dialog {
    margin: 86px 5px 10px 5px;
}

@media (min-width: 768px){	
	.modal-dialog {
		margin: 86px auto;
	}
}

.tw-main-logo-xs{
	margin-left:25px;
}

.tw-header-form-logo{
    border-radius: 10px;
    height: 38px;
    margin-top: 5px;
    margin-left: 20px;
}

.tw-back-btn{
	margin-top: 5px;
}

.tw-form-section{
	padding: 0px 5px;
}

.tw-form-header-bar{
	background-color: #0c6cc3;
	color:rgba(255, 255, 255, 1);
}

/* End of Classes for Different messages */

@media (min-width: 768px){	
	.tw-highlight-form-header{
		position:fixed;
		/* top:0px; */
		width:64.6%;
		background: #0c6cc3;
		transition: 1s;
	}
}

@media (max-width:767px){
	.tw-highlight-form-header{
		position:fixed;
		top:50px;
		width:calc(100% - 5px);
		background: #0c6cc3;
		transition: 1s linear;
	}
}

@media (min-width:768px) and (max-width:991px){
	.tw-highlight-form-header{
		position:fixed;
		top:50px;
		width:calc(100% - 255px);
		background: #0c6cc3;
		transition: 1s linear;
	}
}
@media (min-width:992px) and (max-width:1199px){
	.tw-highlight-form-header{
		position:fixed;
		top:50px;
		width:calc(100% - 255px);
		background: #0c6cc3;
		transition: 1s linear;
	}
}
@media (min-width:1200px){
	.tw-highlight-form-header{
		position:fixed;
		top:50px;
		width:calc(100% - 255px);
		background: #0c6cc3;
		transition: 1s linear;
	}
}

.tw-create-form-button{
	height: 47px;
    /* width: 40px; */
    position: fixed;
    right: 6px;
    top: 50px;
    padding: 14px;
    border-radius: 3px;
    background: #0c6cc3;
    color: white;
	cursor: pointer;
}

.tw-create-form-button1{
    height: 40px;
    width: 40px;
    position: fixed;
    right: 27px;
    bottom: 27px;
    padding: 14px 13px;
    border-radius: 30px;
    background: #0c6cc3;
    color: white;
    cursor: pointer;
}

.tw-search-form-input{
	border:1px solid #ddd !important;
	margin-bottom:5px !important;
	height:40px !important;
}
	
.tw-form-submission-message{
    padding: 20% 5%;
	background-color:#fff
}

.tw-form-body-section{
	height:calc(100vh - 110px);
	overflow:auto;
}

.tw-form-question-block {
    margin-bottom: 5px;
}

.tw-question-lable{
	
}

input[type=checkbox].tw-answer-fields{
	margin-right: 5px;
	top: 4px;
}

input[type=radio].tw-answer-fields{
	margin-right: 5px;
	top: 4px;
}


/************************* STAR RATING CLASSES *******************************/

.tw-star-rating {
	border: none;
	float: left;
}

.tw-star-rating > input {
	display: none;
}

.tw-star-rating > label:before {
	margin: 7px;
	font-size: 2.25em;
	font-family: FontAwesome;
	display: inline-block;
	content: "\f005";
}

.tw-star-rating > .tw-half-star-rating:before {
	content: "\f089";
	position: absolute;
}

.tw-star-rating > label {
	color: #ddd;
	float: right;
}
/***** CSS Magic to Highlight Stars on Hover *****/

.tw-star-rating > input:checked ~ label,
/* show gold star when clicked */

.tw-star-rating:not(:checked) > label:hover,
/* hover current star */

.tw-star-rating:not(:checked) > label:hover ~ label {
	color: #FFD700;
}
/* hover previous stars in list */

.tw-star-rating > input:checked + label:hover,
/* hover current star when changing rating */

.tw-star-rating > input:checked ~ label:hover,
.tw-star-rating > label:hover ~ input:checked ~ label,
/* lighten current selection */	

.tw-star-rating > input:checked ~ label:hover ~ label {
	color: #FFED85;
}