body,input,h2,h3,th,td{font-family:Arial;
	padding:0;
}
input{
	text-align:center;
	padding:0;
	}
	tbody{height:20%;overflow:scroll;}
	
#srchfilters {
	background-image:url(/search.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	height: 32px;
	width: 32px;
	padding:0;
	border-radius:16px;
	box-shadow:-3px 3px 3px gray;
	background-color:#ddd;
	border:none;
	}
#topnav-icon{
	background-image:url(/cellphone_nav_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	height: 32px;
	width: 32px;
	.border: none;
	border-radius: 21px;
	display: none;
	float:left;
	}
#addseed,#addtarget{
	position:fixed;
	top:101px;
	left:2%;
	hetght:30px;
	width:30px;
	border-radius:15px;
	border:solid 1px #fff;
	background:#aaa;
	box-shadow:-3px 3px 2px #777;
	z-index:98;
	color:0f9;
	font-size:24px;
	text-align:center;
	}
#addagent,#addtask{
	position:fixed;
	top:104px;
	left:5%;
	hetght:30px;
	width:30px;
	border-radius:15px;
	border:solid 1px #fff;
	background:#aaa;
	box-shadow:-3px 3px 2px #777;
	z-index:98;
	color:0f9;
	font-size:24px;
	text-align:center;
	
	}

#nav_menu,#nav_menu2 {
	width:90%;
	list-style-type:none;
	list-style-position:inside;
	padding-left:0;
	margin:0 auto;
	} 
 #nav_menu li a, #nav_menu2 li a{
	display:block;
	background:radial-gradient(ellipse at top left, #ffa,#ffff70,#ffff26,#dddd04);/*#ffff26;*/
	width:300px;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	margin: 9px auto;	
	
	}
#nav-plate{
	margin: 0 auto;
	display:block;
	font-size:medium;
	}
#footer-navbar{
	position: fixed;
  display: block;
  height: 39px;
  border-top: 8px outset #a49b9b;
  background-color: #63626273;
  color: #3f9;
  width: 90%;
  margin: 0 5%;
  bottom: 3px;
}
.ft_navicon{
	display: block;
    height: 90%;
    width: 29%;/*52%;*/
    border: solid 1px;
    margin: 1px 6px;
    float: left;
    text-align: center;
}
.poplistbtn{
	display:block;
	float:left;
	background-image:url(/cellphone_list_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	height: 32px;
	width: 32px;
	border:solid 1px #bbb;
	border-radius:5px;
	
	}
.tasklinks{
	position:absolute;
	list-style-type:none;
	display:none;
	/*height:82px;*/
	width:150px;
	font-size:medium;
	background:#ddd;
	border:dotted 1px #fa9;
	margin:2px 5px;
	padding:0;
	box-shadow:-3px 3px 2px #777;
}
.tasklinkshow{
	display:block;
	}
.tasklinks li {
	.background:#abb;
	padding-left:0;
	margin-left:0;
	.text-align:left;
	
	}
	.tasklinks li a {
	display:block;
	background:#aba;
	margin:2px 0;
 	text-decoration:none;
	text-align:left;
	padding: 0 0 0 5px;
	
	}
	
.tasklinks li a:hover{
	background:#56ee56;
	color:#ff3;
	border:solid ipx #fa9;
	}
	
.updt-btn{
	background:radial-gradient(ellipse at top left, #ffa,#ffff70,#ffff26,#dddd04);
	border:solid 1px #bbb;
	box-shadow:-2px 2px 2px #111;
	width:75px;
	padding :0 3px;
	}
	 
#seasons {
		width: 95%!important;
		transition:display 2s ease-out;
	}
	
#taskform{
		display:none;
		position:absolute;
		top:50px;
		z-index:99;
		width:100%;
		background:rgba(000,150,100,.9);
	}
	
#tasktable  td{
		overflow:hidden;
		overflow-wrap:anywhere;
	}
	
#formclose{
	width:30px;
	height:30px;
	border:solid 1px #fff;
	border-radius:16px;
	box-shadow:-2px 2px 2px #000;
	text-align:center;
	display:block;
	margin:2px 10px 0 0;
	float:right;
	}
	
.qrcodes{

	width:100%;
	text-align:center;
	}
	
@media screen and ( min-width: 741px ) {
label{
	width:190px;
	display:block;
	margin:3px auto 0 auto;
	margin-right:142px;
	text-align:center;
	}
form{
	width:437px;
	margin:0 auto;
	}
#season,#seed_class{
	text-align:center;
	 
	}
#nav-plate{
	margin: 0 auto;
	display:block;
	font-size:medium;
	}
#nav-plate2{
	display:none;
	}
#nav_menu {
	width:90%;
	list-style-type:none;
	list-style-position:inside;
	padding-left:0;
	margin: 0 auto;
	} 
 #nav_menu li a{
	display:block;
	background:radial-gradient(ellipse at top left, #ffa,#ffff70,#ffff26,#dddd04);/*#ffff26;*/
	width:300px;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	margin: 9px auto;	
	
	} 

.ft_navicon {
    
    margin: 0px 3px;
    float: left;
    text-align: center;
	width:32px;
	}
#home-icon{
	background-image:url(/home_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	height: 32px;
	width: 24%;
	.border: none;
	border-radius: 21px;
	display: block;
	}
#report-icon{
	background-image:url(/report_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	height: 32px;
	width: 24%;
	.border: none;
	border-radius: 21px;
	display: block;
	}
#tool-icon,#tool-icon-top{
	baclground-color:rgba(200,200,200,.1);
	background-image:url(/sp_tool.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	height: 32px;
	.width: 32%;
	border: solid 1px #fff;
	border-radius: 21px;
	box-shadow:2px 2px 2px #000;
	display: block;
	margin-top:-4px;
	}
#logout-icon{
	background-image:url(/logoff_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	height: 32px;
	width: 32%;
	.border: none;
	border-radius: 21px;
	display: block;
	}
#loginbtn{
	display:grid;
	height:200px;
	width:200px !important;
	border-radius:55px;
	place-items:center;
	margin:60px auto;
	border:outset 10px #9f3;
	background: radial-gradient(ellipse at top left, #9eee9a, #165e21);
	/*#ffff26;*/
	font-weight:bold;
	color:#ffffff;/*#509f00;*/
	}
#loglbl{
	width:200px !important;
	background:none !important;
	text-decoration:none;
	}
#logbtrow{
	position:relative;
	left:-23px;
	}
#getqr{
	border:solid 1px #eee;
	box-shadow:2px 2px 2px #333;
	background-color:#ddd;
	margin:0 auto;
	padding:3px;
	text-align:center;
	
	}
#qr_str{
	width:100%;
	}
#nav_menu li a:hover{
	background:#ccd;
	}
#footer-navbar{
	display:none;
	
	}
#logo{
	display: block;
    position: absolute;
    top: -3px;
	}
	
table,td,th{
	border:dotted 1px #999;
	text-align:center;
	font-size:medium !important	90px
	}
#field-report td:nth-child(2), #field-report th:nth-child(2),
#field-report td:nth-child(3), #field-report th:nth-child(3),
#challans td:nth-child(3), #challans th:nth-child(3){
    width: auto;
  }
#field-report td,#field-report th{
    width: 90px;
  }
  
  
table{
	margin-bottom:50px;
	height:90%;
	
	}
thead, tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;/* even columns width , fix width of table too*/
	}

thead,tbody tr{
	    width: calc( 100% - 1em )/* scrollbar is average 1em/16px width, remove it from thead width */

	}
tr:nth-child(even),thead tr{
	background-color:#ddd;
	}
td:nth-child(1),th:nth-child(1){
	width:90px;
	}
#field-report td:nth-child(1), #field-report th:nth-child(1),
#field-report td:nth-child(5), #field-report th:nth-child(5),
#challans td, #challans th{
    width: 90px;
	}
 
	#inspreport td, #inspreport th{
	 width: auto;
	 }
	#inspreport td:nth-child(3), #inspreport th:nth-child(3){
	 width: 200px;
	 }
	#inspreport td:nth-child(4), #inspreport th:nth-child(4){
	 width: 75px;
	 }
  
  #challans th:nth-child(3),
  #challans td:nth-child(3){
	  width:300px;
	  }
table,h2,h3{
	text-align:center;
	font-size:medium !important;
    background-color: #bab4b4;
    padding: 3px;
    border-radius: 10px;
	margin-top:10px;
	}
#h3img{
	background-image: url('/logo.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:73px;
	height:68px;
	width:78px;
	border:none;
	border-radius:21px;
	
	display:block;
	float:left;
	}
tbody{
	height:75%;display:block;overflow:scroll;width:100%;
	}

hr{
	width:50%;
	}
body,input,button {
	line-height: 28px;
	font-family:Arial;
	font-size: medium;	
	margin:2px auto;
	padding:5px;
	
	
	}
input,button{
	padding:0 50px;
	border-radius:9px;
	height:28px;
	border:solid 1px #aaa;

	}
#close{
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	min-height: 32px;
	min-width: 32px;
	padding: 0;
	border-radius: 16px;
	box-shadow: -3px 3px 3px gray;
	background-color: #ddd;
	border: none;
	text-align:center;
	}
#srchfilters ,#filtershow {
	background-image:url(/search.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	height: 32px;
	width: 32px;
	box-shadow: -3px 3px 3px gray;
	position:relative;
	border-radius:16px;
	left:6%;
	}


.small-inbox{
	width: 174px;
    margin: 0 18px 0 1px;
	}
#bag_size{
	width:186px;
	margin:0 10px 0 10px;
	}
button{
	box-shadow: -3px 3px 2px gray;
	margin:0 3px;
	width:400px;
	border-radius:5px;
	background:linear-gradient(#f6e923,#f9ee9a,#b9ad00);
	}

input,textarea{
	width:400px;
	margin: 3px auto;
    font-size: medium;
    /* line-height: 28px; */
    padding: 2px 5px;
	border-radius:5px;
	border:solid 1px #aaa;
	font-family: arial;
	
	}
	input{
	height:36px;
	}
#season,#seed_class{
	text-align:center;
	 
	}	
.select2,select{
	width:400px;
	margin: 3px auto;
    font-size: medium;
	text-align:center;
    /* line-height: 28px; */
    height: 36px;
	}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 36px;
    padding: 3px;
    user-select: none;
    -webkit-user-select: none;
	}
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 87%;
    box-sizing: border-box;
	}
.select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 3px !important;
    right: 1px;
    width: 20px;
	}

}
@media screen and ( min-width: 900px ) and (max-width:915px){
	#nav-plate{
	margin:-1% auto 0 auto;
	display:block;
	font-size:medium;
	}
	
	#srchfilters button{
	background-image:url(/search.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	height: 32px;
	width: 32px;
	}
	input{
		height:36px;
	}

}

@media screen and ( min-width: 740px) and (max-width:900px){
	#nav_menu li a{
		display: grid;
        background: radial-gradient(ellipse at top left,#ffa,#ffff70,#ffff26,#dddd04);/*#ffff26;*/
        width: 42%;
        height: 20%;
        text-decoration: none;
        text-align: center;
        padding: 0 7px;
        line-height: 30px;
        margin: 4px;
        float: left;
        place-items: center;
        border-radius: 9px;
		
	}
	nav-plate{
	margin-bottom: 0%;
        margin-top: 1%;
        height: 78%;
	}
	#srchfilters button{
	background-image:url(/search.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	height: 32px;
	width: 32px;
	}
	table{
		font-size:small !important;
	}

}
@media screen and ( min-width: 360px) and (max-width:740px){
	body{
		line-height: 28px;
		font-family:Arial;
		font-size: medium;	
		margin:0;
		width:100%;
		}
	#logo{
		height:42px;
		position:absolute;
		display:block;
		}
	input,button {
		margin:2px auto;
		padding:5px;
		}
	input,button{
	padding:0 1px;
	}
	
	#srchfilters , #filtershow {
	background-image:url(/search.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	border:none;
	border-radius:16px;
	box-shadow:1px 1px 2px 2px #bbb;
	height: 32px;
	width: 32px;
	margin:0 5%;
	}
#addseed, #addtarget{
	position: fixed;
	top: 82px;
	left: 6%;
	hetght: 30px;
	width: 30px;
	border-radius: 15px;
	border: solid 1px #fff;
	background: #aaa;
	box-shadow: -3px 3px 2px #777;
	z-index: 98;
	color: 0f9;
	}
	#topnav-icon{
		display:block;
		}
	#h3img{
	background-image: url('/logo.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:63px;
	height:54px;
	width:78px;
	border:none;
	border-radius:21px;
	
	display:block;
	float:left;
	}
	form{
	/*width:98%;*/
	margin:0 auto;
	}
	ul{
		padding-left:0;
		list-style:none;
		
	}
	
	#nav_menu li a{
		display: grid;
        background: linear-gradient(ellipse at top left,#ffa,#ffff70,#ffff26,#dddd04);/*#ffff26;*/
        width: 42%;
        height: 20%;
		font-size:small;
        text-decoration: none;
        text-align: center;
        padding: 0 7px;
        line-height: 19px;
        margin: 4px;
        float: left;
        place-items: center;
        border-radius: 9px;
	}
	#logbtrow a{
		margin:0;
		float:none;
	}
	#nav-plate{
		/*margin-bottom: 17%;
        margin-top: -21%;*/
		margin-bottom: 20%;
        margin-top: calc(18%-3em);
        height: 78%;
	}
	#nav-plate2{
	position:absolute;
	top: 97px;
	padding: 50px 0 0 0;
	width:340px;
	height:90%;
	z-index:99;
	background:#fd3;
	left:-10px;
	display:block;
	transition:margin-left .8s ease-in-out;
	border-radius:0 20px 20px 0;
	box-shadow:3px 3px 2px #aaa; 
	margin-left:-340px;
	}
	
	#footer-navbar{
	width: 100%;
    margin: 0 0 -3px 0 ;
	}
	
	.ft_navicon {
    
    margin: 1px 1px;
    float: left;
    text-align: center;
	}
	
	#home-icon{
	background-image:url(/home_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	height: 32px;
	width: 24%;/*32%;*/
	border: none;
	border-radius: 21px;
	display: block;
	}
	#report-icon{
	background-image:url(/report_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	height: 32px;
	width: 24%;/*32%;*/
	border: none;
	border-radius: 21px;
	display: block;
	}
	#tool-icon{
	background-image:url(/sp_tool.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	height: 32px;
	width: 24%;/*32%;*/
	border: none;
	border-radius: 21px;
	display: block;
	}
	#tool-icon-top,#top-qr{
	
	display: none;
	}
	#logout-icon{
	background-image:url(/logoff_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 24px;
	height: 32px;
	width: 24%;/*32%;*/
	border: none;
	border-radius: 21px;
	display: block;
	}
	.tasklinkshow{
		display:block;
	}

	#loginbtn{
	display:grid;
	height:200px;
	width:200px !important;
	border-radius:109px;
	place-items:center;
	margin:160px auto;
	border:outset 10px #9f3;
	background:radial-gradient(ellipse at top left,#ffff26,#dddd04,#ffa,#ffff70);
	/*linear-gradient(#ffa,#ffff70,#ffff26,#dddd04);/*#ffff26;*/
	font-weight:bold;
	color:#509f00;
	
	}
	
	#loglbl{
		width: 200px !important;
        background: none !important;
        margin: 0 auto;
        display: block;
		text-decoration:none;
		text-shadow:0px 1px 1px #000;
		}
	#logbtrow{
		position: relative;
        /* left: 33%; */
        /* top: 0%; */
        margin: 0 10%;
	}
	label{
		margin: 9px auto 0;
        font-family: arial;
        text-align: center;
        width: 90%;
        display: block;
		}
	form{ margin:48px 0 60px 0;
		text-align:center;
		}
	input,textarea,button{
		width: 84%;
        height: 30px;
        font-size: small;
        margin: 0 auto;
        display: block;	
		border-radius:9px;
		border:solid 1px #aaa;
		}
	textarea{
		height:64px;
	}
	#season,#seed_class{
		text-align:center;
	 
	}
	button{
		margin:9px auto;
		background:linear-gradient(#f6e923,#f9ee9a,#b9ad00);
		border-radius:15px;


		}
	#close{
		width: 32px;
		height: 32px;
		box-shadow: -3px 3px 2px gray;
		border-radius: 16px;
		background: #ddd;
		text-align: center;
		padding: 0px;
		display: block;
	
		}
	.small-inbox{
		.width: 50%;
		.margin: 0 9px 0 1px;
		
		width: 34%;
		margin: 0 23px 0 23px;/*34px;*/
		padding: 0;	
		display: inline-block;
	}
	#bag_size{
		.width:45%;
		.margin:0 5px 0 5px;
		
		width: 32%;
		margin: 0 8px 24px 28px;
		padding: 0;
		display: inline-block;
	}
	h2,h3{
		width:95%;
		margin:9px auto;
		font-size:medium;
		text-align:center;
		
		background-color: #bab4b4;
		padding: 3px;
		border-radius: 5px;
		margin-top:10px;
	}
	table,td,th{
		font-size:small ;
		overflow-wrap:anywhere;		
		text-align:center;
		padding: 3px;
		border-radius: 5px;
		margin-top:10px;
	}
	table{
		margin-bottom:30px;
		width:99%;
		height:75%;
	}
	td:nth-child(1),th:nth-child(1){
		width:45px;
	}
	tr:nth-child(even),thead tr{
		background-color:#ddd;
	}
	/*tbody{
	height:75%;display:block;overflow:scroll;width:100%;
	}*/
	#seasons {
		width: 95%!important;
		transition:display 2s ease-out;
	}
	.select2,select{
		width:84% !important;
		font-size:small;
		display:block;
		margin: 0 auto;
		height:30px;
	}
	
	
	
}