body{
	font-size:16px;
	font-family:'Source Sans Pro', sans-serif;
width:100%;
text-align:left;
}
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section {width:100%}
section{    padding:0em 0px;}


input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    margin: 0; 
}

input[type="number"] {
    -moz-appearance: textfield;
}

.head-gri{padding:20px 0px;}
.head-gri h1{color:#d8107c;}
.head-gri h5{color:#000;font-weight:600;}
.gri-link{color:#d8107c;text-decoration:underline;}
.gri-link:hover{color:#fbb440;}

.botton-class{
	background:#f59c1e;
	margin:0 20px;
	padding:0px 0px 5px;
	}
	
	
	
	.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    background: #f19d1a;
    transition: 0.5s;
}
	
	.btn-warning, .btn-warning-1 {
	outline:none;
    color: #fff;
    background-color: #fff;
    border-color: #d8107c;
    border-bottom: 0px;	
	}
	
	.btn-warning:hover {
    color:#d8107c;
    background-color: #c5c5c5;
    border-color: #c5c5c5;
}	


	
.btn{
	font-size:16px;
	outline:none;
	border-radius:0px;
	color:#c5c5c5;
	width:294px;
    height:50px;
	}
	
	.sections{padding:15px 20px 0px;}
	.sections1{padding:0px 20px 20px;}
	.non-accor{border:1px solid #ccc;padding:10px 15px;display:flex;}
	.text-top{padding-top:15px;}
	.level1{padding-top:10px;}
	.level2{display:flex;}
	.level3{border:1px solid #ccc;padding:20px;}
	.levels{display:none;}
	.active1{background:#f59c1e;color:#fff;outline:none!important;}
	select{padding: 6px;margin-bottom: 15px;color:#888787b3}
	input{width: 100%;border: 0px;border-bottom: 1px solid #ccc;padding:5px;outline:none;
    margin-bottom: 15px;font-size:14px;}
	
	 ::placeholder{color:#888787b3}
	textarea{width:100%;padding:5px 10px;resize:vertical;border: 1px solid #ccc;}
	
	
	.btn1 {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom:15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius:0px;
}
	
	.btn-default {
    color: #fff;
    background-color: #d8107b;
    border-color:#d8107b;
	    width: 80%;
}

.btn-default:hover {
	color: #fff;
    background-color:#f59c1e;
    border-color:#f59c1e;
}
	
	 label {display: none;}

    input {
        width: 3%;
    }
    
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
        position: relative;
    }
	
	
	/* check box css start here */
	
	.check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    cursor: pointer;  
font-weight:400;
	
    margin-top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.check:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
    background-color:#d8107b;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
    left: 7px;
    top: 3px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
	
	/* check box css end here */
	
	
	/* accordian section start here */
	
	.accordion {
    background-color:transparent!important;
    color: #444;
    cursor: pointer;
    padding:10px 15px; 
    width: 100%;
    border:1px solid #ccc;
	border-bottom:0px;
    text-align: left;
    outline: none;
    /* font-size: 15px; */
	border-radius:0px;
    transition: 0.4s;
}

.accordion:hover {
    background-color:transparent;
    }

.accordion:after {
    content: '\f078';
    color:#d8107b;
	    padding-top: 12px;
    font-weight: bold;
	font-family: FontAwesome;
    float: right;
    margin-left: 5px;
}

.active:after {
    /*content: "\f077";*/
}

.panel {
    padding: 0 18px;
    background-color: white;
	border:1px solid #ccc;
	border-top:0px;
	border-radius:0px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
    
.panel {
    background: white !important;
}
	/* accordian section end here */

.grievancesubmit {
    color: #fff; 
    background-color: #d8107b;
    border-color: #d8107b;
    width: 80%; 
}    
		
		@media screen and (max-width:480px){
		
		 input {
        width:9%;
    }
		
		.botton-class{
	margin:0 0px;
	}
		
		.non-accor{
			display:block;    
			text-align: center;
			}
			.sections{padding:15px 0px 20px;}
			.sections1{padding:0px 0px 20px;}
		.btn {
    width:304px;
    height: 40px;
}
	}
	
	@media screen and (max-width:414px){
		.btn {
    width:295px;
}
	}
	
	@media screen and (max-width:393px){
		.btn {
    width:275px;
}
	}
	
	@media screen and (max-width:375px){
		.btn {
    width:256px;
}
	}
	
	@media screen and (max-width:360px){
		.btn {
    width:241px;
}
	}
	
	@media screen and (max-width:325px){
		.btn {
    width:100%;
}
	}