/* Hide sidebar */
.sidebar-hidden .side-navbar {
    margin-left: -250px;
}

/* Expand content when sidebar hidden */
.sidebar-hidden .page {
    margin-left: 0;
}

/* Smooth transition */
.side-navbar,
.page {
    transition: all 0.3s ease;
}
.uperinputs{
margin-right:7px;
margin-bottom:2px;
padding:3px;
line-height:30px;
height:30px;
}
.sub_div{
border-style:solid;
border-color:#198754 !important;
padding:10px;
width:95%
}
.border-title{
	color:#FFFFFF !important;
	margin-left:5%;
	background-color:#198754;
	margin-top:10px;
	margin-bottom:-10px;
	padding:6px;
}
.hden{
	display:none !important;
}
#geo_box{
    margin: 0;
    padding: 0;
    display: inline-block; /* Prevent unwanted spacing */
}
.udark{
	background-color:#666666;
	color:#FFFFFF;
}
.ugray{
	background-color:#999999;
	color:#FFFFFF;
}
.upurple{
	background-color:#006633;
	color:#FFFFFF;
}
.sp_class{
	width:100%; 
	text-align:right; 
	color:#FF0000;
}
.spg_class{
	width:100%; 
	text-align:right; 
	color:#006600;
}
.uploadBtn{
margin-top:0px;
background: #53a653;
color:#FFFFFF;
padding:7px;
border-radius: 5px;
opacity: 0.9;
}
.uploadBtn:hover {
opacity: 1;
}
.gradient-custom {
  /* fallback for old browsers */
  background: #f093fb;

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to bottom right, rgba(240, 147, 251, 1), rgba(245, 87, 108, 1));

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to bottom right, rgba(240, 147, 251, 1), rgba(245, 87, 108, 1))
}

.card-registration .select-input.form-control[readonly]:not([disabled]) {
  font-size: 1rem;
  line-height: 2.15;
  padding-left: .75em;
  padding-right: .75em;
}
.card-registration .select-arrow {
  top: 13px;
}
.puller{
display:flex;
left:0px;
top:50px;
}
.reportform{
height:700px;
width:700px;
border:solid;
border-left-color:#000000;
border-width:2px;
}
.reportform h1{
width:700px;
text-align:center;
height:70px;
line-height:40px;
}
.reportform span{
width:700px;
text-align:left;
height:40px;
line-height:20px;
margin-left:50px
}
.reportform table{
width:600px;
text-align:left;
margin-left:50px;
margin-top:10px;
}
.Results_table_div
{
    width: 962px;
    height: 400px;
    overflow: scroll;
}
.file_Submit_button{
background-color:#009688;
padding:10px;
border:none;
color:#FFFFFF;
}
.file_Submit_button:hover{
background-color:#26a690;
cursor:pointer;
}
.imput_label{
background:#009688;
color:#FFFFFF;
padding:10px;
transition:0.3s;
}
.imput_label:hover{
background-color:#26a690;
cursor:pointer;
}
.fa{
margin-right:10px;
}
#file{
visibility:hidden;
width:1px;
}
#classonefile{
visibility:hidden;
width:1px;
}
.t_recievers{
margin-left:50px;
overflow:scroll;
height:600px;
}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
	font-size:14px;
    font-weight: 500;
	background:#999999;
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {
background:#3399CC;
}
.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}
.upload_design{
margin-left:50px;
height:40px;
overflow:hidden;
background-color:#999999;
line-height:40px;
padding:0;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.recievers{
height:700px;
}
.Registration_div{
margin-left:50px;
}
.Registration_div h3{
text-align:center;
background:#CCCCCC;
line-height:40px;
}
#Registration_selection{
background:#CCCCCC;
width:100px;
height:40px;
line-height:40px;
margin-bottom:10px;
}
#textarea{
border:2px;
border-style:solid;
border-color:#33CCCC;
padding:0px;
}
#Up_area{
margin-left:50px;
border:2px;
border-style:solid;
border-color:#33CCCC;
padding:0px;
background:#999999;
}
#select{
background-color:#009688;
color:#FFFFFF;
padding:10px;
height:41px;
border:none;
}
#select:hover{
background-color:#26a690;
cursor:pointer;
}
.results_button{
background-color:#009688;
color:#FFFFFF;
padding:10px;
height:41px;
border:none;
margin-left:1px;
}
.results_button:hover{
background-color:#26a690;
cursor:pointer;
}
#pageName{
	color:#00CC33;
	width:100%;
	font-weight:bold;
	margin-left:7%;
	margin-bottom:10px;
}

.dropdown_box{
	width: 100%;
	position:relative;
}
.dropdown_box input{
	width:100%;
	border: 1px solid #666666;
	outline:none;
	border-radius:3px;
	height:35px;
}
.dropdown_box .select{
	position:relative;
}
.dropdown_box .select::after{
	content:"";
	width:7px;
	height:7px;
	border:2px solid;
	border-color:transparent #4BB543 #4BB543 transparent;
	position:absolute;
	top:50%;
	right:10px;
	transform: translateY(-70%) rotate(45deg);
}
.dropdown_box .select, .dropdown_box .select input{
	cursor:pointer;
}
.dropdown_content{
	width:100%;
	box-shadow:0px 5px 15px #666666;
	border-radius:5px;
	max-height:350px;
	overflow:auto;
	display:none;
	position:absolute;
	z-index:99;
	background-color:#FFFFFF;
}
.dropdown_content.active{
	display:block;
}
.dropdown_content .search_input input{
	margin:5px;
	width:95%;
}
.dropdown_content ul{
	list-style:none;
	padding:10px;
}
.dropdown_content ul li{
	font-size:13px;
	color:#000000;
	cursor:pointer;
	padding:0px;
	margin:0px;
	line-height:25px;
}
.dropdown_content ul li:hover{
	background-color:#4BB543;
}

.dropdown_content ul li.active{
	background-color:#4BB543;
	color:#FFFFFF;
}


.ctn_box{
	width:50%;
	margin:10px;
	padding:5px;
	position:relative;
}
.ctn_box input{
	width:100%;
	border: 1px solid #666666;
	outline:none;
	border-radius:3px;
	height:35px;
}
.ctn_box .ctn_div{
	position:relative;
}
.ctn_box .ctn_div::after{
	content:"";
	width:7px;
	height:7px;
	border:2px solid;
	border-color:transparent #4BB543 #4BB543 transparent;
	position:absolute;
	top:50%;
	right:10px;
	transform: translateY(-70%) rotate(45deg);
}
.ctn_box .ctn_div, .ctn_box .ctn_div input{
	cursor:pointer;
}
.dropdown_ctn{
	width:100%;
	box-shadow:0px 5px 15px #666666;
	border-radius:5px;
	max-height:350px;
	overflow:auto;
	display:none;
	position:absolute;
	z-index:99;
	background-color:#FFFFFF;
}
.dropdown_ctn.active{
	display:block;
}
.dropdown_ctn .search_input input{
	margin:5px;
	width:95%;
}
.dropdown_ctn ul{
	list-style:none;
	padding:10px;
}
.dropdown_ctn ul li{
	font-size:13px;
	color:#000000;
	cursor:pointer;
	padding:0px;
	margin:0px;
	line-height:25px;
}
.dropdown_ctn ul li:hover{
	background-color:#4BB543;
}

.dropdown_ctn ul li.active{
	background-color:#4BB543;
	color:#FFFFFF;
}
.ctr_btn{
	position:relative;
	height:40px;
	margin-top:10px;
	margin-left:3px;
}