@charset "utf-8";
/* CSS Document */
body{
 margin:0px;
}

a{
 text-decoration:none;
}

img{
 max-width:100%;
 height:auto;
 border:0px;
}
.do_clear{
	clear:both;
}

table, tr, td { border: 1px solid #b9b9b9; font-size:12px; height:35px; border-collapse: collapse; font-family: verdana; }

#login_left{
    width: 50%;
    margin: 0 auto;
    height: auto;
    float: left;
 }


#login_right{
    width: 50%;
    margin: 0 auto;
    height: auto;
    float: left;
	text-align:center;
 }

#login_right img{
    width: 100%;
    max-height: 300px;
    max-width: 300px;
    margin: 55px auto;
    height: auto;
    float: none;
 }


	
.form_heading{
	font-family: 'Abel', sans-serif;
	font-size: 35px;
	font-weight: normal;
	width:99%;
	margin: 0 auto;
	height: auto;
	border: 0;
	//background: #5FC8C3;
	padding: 10px 0px 20px 10px;
	text-align: left;
	outline: none;
	float: left;
	color:#797373;
}
.form_heading2{
    font-family: 'Abel', sans-serif;
    font-size: 23px;
    font-weight: bold;
    width: 99%;
    margin: 0 auto;
    height: auto;
    border: 0;
    padding: 5px 0px 10px 0px;
    text-align: left;
    outline: none;
    float: left;
    color: #26B5B0;
}

.form_heading3{
    font-family: 'Abel', sans-serif;
    font-size: 14px;
    font-weight: bold;
    width: 99%;
    margin: 0 auto;
    height: auto;
    border: 0;
    padding: 5px 0px 10px 0px;
    text-align: left;
    outline: none;
    float: left;
    color: #0c948f;
}
.form_heading4 {
    font-family: 'Abel', sans-serif;
    font-size: 17px;
    font-weight: bold;
    width: 99%;
    margin: 0 auto;
    height: auto;
    border: 0;
    padding: 5px 0px 10px 0px;
    text-align: center;
    outline: none;
    float: left;
    color: #003c01;
}
.form_heading5 {
    font-family: 'Abel', sans-serif;
    font-size: 17px;
    font-weight: bold;
    width: 99%;
    margin: 0 auto;
    height: auto;
    border: 0;
    padding: 0px 0px 0px 0px;
    text-align: left;
    outline: none;
    float: left;
   // color: #003c01;
}
#form_line{
    width: 98%;
    height: auto;
    margin: 0.3% auto;
}
	
#form_line:first-child { margin-left: 0; }

#form_line_short{
    width: 98%;
    height: auto;
    margin: 1.2% auto;
}



#nfield_1{
    width: 100%;
    height: auto;
    margin:0.2% 0% 0.2%  0.5%;
    float: left;
}
#nfield_1:first-child { margin-left: 0; }

#nfield_2{
    width: 49%;
    height: auto;
    margin: 0.2% 0% 0.2%  2%;
    float: left;
}
#nfield_2:first-child { margin-left: 0; }

#nfield_3{
    width: 32%;
    height: auto;
    margin: 0.2% 0% 0.2%  2%;
    float: left;
}
#nfield_3:first-child { margin-left: 0; }

#nfield_4{
    width: 24%;
    height: auto;
    margin: 0.2% 0% 0.2%  1.3%;
    float: left;
}
#nfield_4:first-child { margin-left: 0; }


#nfield_8 {
    width: 8.6%;
    height: auto;
    margin: 0.2% 0% 0.2% 0.5%;
    float: left;
}

#nfield_8:first-child { margin-left: 0; }



#nfield_cal {
    width: 27%;
    height: auto;
    margin: 0px auto;
    float: right;
}

#nfield_cal:first-child { margin-left: 0; }

#nfield_10 {
	width: 30%;
    height: auto;
    margin: 0px 0px 0px 0px ;
    float: left;
}

#nfield_11 {
	width: 30%;
	height: auto;
	margin: 0px 0px 0px 0px ;
	float: right;
}




.nfield_small_head {
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 98%;
    height: 30px;
    background: rgb(1, 53, 119);
    text-align: left;
    outline: none;
    margin: 0 auto;
    text-align: center;
    /* vertical-align: middle; */
    float: none;
    padding: 5%;
    color: #ffffff;
    /* border: 1px solid #b9b9b9; */
    border-radius: 2px;
}

.nfield_small_non {
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 98%;
    height: 30px;
    background: rgb(144, 142, 142);
    text-align: left;
    outline: none;
    margin: 0 auto;
    float: none;
    padding: 0% 0% 0% 2%;
	text-align:left;
    color: #ffffff;
    border: 1px solid #b9b9b9;
    border-radius: 2px;
}

.nfield_big_non {
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width:99.5%;
    height: 30px;
    background: rgb(144, 142, 142);
    text-align: left;
    outline: none;
    margin: 0 auto;
    float: none;
    padding: 0% 0% 0% 0.6%;
	text-align:left;
    color: #ffffff;
    border: 1px solid #b9b9b9;
    border-radius: 2px;
}

.nfield_mid_non {
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width:99%;
    height: 30px;
    background: rgb(144, 142, 142);
    text-align: left;
    outline: none;
    margin: 0 auto;
    float: none;
    padding: 0% 0% 0% 0.6%;
	text-align:left;
    color: #ffffff;
    border: 1px solid #b9b9b9;
    border-radius: 2px;
}
.nfield_small_text {
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 98%;
    height: 30px;
    background: rgb(255, 255, 255);
    text-align: left;
    outline: none;
    margin: 0 auto;
    float: none;
    padding: 0% 0% 0% 2%;
    color: #848484;
    border: 1px solid #b9b9b9;
    border-radius: 2px;
}

.nfield_small_text2 {
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 98%;
    height: 30px;
    background: rgb(255, 255, 255);
    text-align: left;
    outline: none;
    margin: 0px auto 0px 5px;
    float: none;
    padding: 0% 0% 0% 2%;
    color: #848484;
    border: 1px solid #b9b9b9;
    border-radius: 2px;
}


.nfield_small_select {
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 98%;
    height: 30px;
    background: rgb(255, 255, 255);
    text-align: left;
    outline: none;
    margin: 0 auto;
    float: none;
    padding: 0% 0% 0% 2%;
    color: #848484;
    border: 1px solid #b9b9b9;
    border-radius: 2px;
}


.calender2{
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 98%;
    height: 40px;
    background: rgb(255, 255, 255);
    text-align: left;
    outline: none;
    margin: 0 auto;
    float: none;
    padding: 0% 0% 0% 2%;
    color: #848484;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
}

.timepicker2{
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 98%;
    height: 40px;
    background: rgb(255, 255, 255);
    text-align: left;
    outline: none;
    margin: 0 auto;
    float: none;
    padding: 0% 0% 0% 2%;
    color: #848484;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
}


.nfield_text{
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 98%;
    height: 40px;
    background: rgb(255, 255, 255);
    text-align: left;
    outline: none;
    margin: 0 auto;
    float: none;
    padding: 0% 0% 0% 2%;
    color: #848484;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
}

.nfield_non_edit {
    font-family: 'Trebuchet MS';
    font-size: 17px;
    width: 100%;
    height: 30px;
    background: rgb(255, 234, 156);
    text-align: left;
    outline: none;
    margin: 0 auto;
    float: right;
    padding: 0% 0% 0% 2%;
    color: #212121;
    border: 0px solid #b9b9b9;
    border-radius: 4px;
}


.nfield_select {
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 98%;
    height: 40px;
    background: rgb(255, 255, 255);
    text-align: left;
    outline: none;
    margin: 0 auto;
    float: none;
    padding: 0% 0% 0% 2%;
    color: #848484;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
}

.nfield_select_big {
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 100%;
    height: 40px;
    background: rgb(255, 255, 255);
    text-align: left;
    outline: none;
    margin: 0 auto;
    float: none;
    padding: 0% 0% 0% 2%;
    color: #848484;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
}


.nfield_file {
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 98%;
    height: 40px;
    background: rgb(255, 255, 255);
    text-align: left;
    outline: none;
    margin: 0 auto;
    float: none;
    padding: 8px 0% 0% 8px;
    color: #848484;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
}

.nfield_text_multiline{
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 99%;
	min-height: 40px;
	height:auto;
	color:#696969;
    background:rgb(255, 255, 255);
    text-align: left;
    outline: none;
    margin: 0 auto;
    float: none;
    padding: 1% 1% 1% 0.7%;
	border:1px solid #b9b9b9;
	border-radius: 4px;
}

.nfield_text_box {
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 98%;
    min-height: 80px;
    height: auto;
    color: #696969;
    background: rgb(255, 255, 255);
    text-align: left;
    outline: none;
    margin: 8px auto;
    float: none;
    padding: 1% 1% 1% 0.7%;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
}

#big_containers{
width:100%;
overflow-x: scroll;
height:auto;
margin:0 auto;
}

input:focus {
  background: rgba(255, 255, 255);
}
select:focus {
  background: rgba(255, 255, 255);
}
textarea:focus {
  background: rgba(255, 255, 255,);
}

.reset-button{
	font: normal 14px '\5FAE\8F6F\96C5\9ED1';
	width: 100%;
	margin: 0 auto;
	height: 40px;
	border: 0;
	background: #969695;
	cursor: pointer;
	color: white;
	float: left;
	border-radius: 4px;
  /* text-align: left;*/
}

.submit-button{
	font: normal 14px '\5FAE\8F6F\96C5\9ED1';
	width: 100%;
	margin: 0 auto;
	height: 40px;
	border: 0;
	background:#002b27; /* #98ce44 */
	cursor: pointer;
	color: white;
	float: left;
	border-radius: 4px;

}

.view-button a{
    font: normal 20px '\5FAE\8F6F\96C5\9ED1';
       width: 25%;
    margin: 5px 5px;
    height:auto;
    border: 0;
    padding:2px 2px;
    background:#599200;
    cursor: pointer;
    color: white;
    float: left;
    border-radius: 4px;
	text-align:center;
	text-decoration:none;
}

.view-button a:hover{
    background:#006699;
	color:#FFFFFF;
	
}


.view-button-single a{
    font: normal 20px '\5FAE\8F6F\96C5\9ED1';
       width: 90%;
    margin: 5px auto;
    height:auto;
    border: 0;
    padding:2px 2px;
    background:#599200;
    cursor: pointer;
    color: white;
    float: none;
    border-radius: 4px;
	text-align:center;
	text-decoration:none;
}

.view-button-single a:hover{
    background:#006699;
	color:#FFFFFF;
	
}



.edit-button a{
    font: normal 20px '\5FAE\8F6F\96C5\9ED1';
       width: 25%;
    margin: 5px 5px;
    height: auto;
    border: 0;
    padding: 2px 2px;
    background: #0f9691;
    cursor: pointer;
    color: white;
    float: left;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
}

.edit-button a:hover{
  background:#006699;
  color:#FFFFFF;	
}


.del-button a{
    font: normal 20px '\5FAE\8F6F\96C5\9ED1';
       width: 25%;
    margin: 5px 5px;
    height: auto;
    border: 0;
    padding: 2px 2px;
    background: #ff4e4b;
    cursor: pointer;
    color: white;
    float: left;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
}

.del-button a:hover{
  background:#006699;
  color:#FFFFFF;	
}

.del-button-single a{
    font: normal 20px '\5FAE\8F6F\96C5\9ED1';
       width:90%;
    margin: 5px auto;
    height: auto;
    border: 0;
    padding: 1px 5px;
    background: #ff4e4b;
    cursor: pointer;
    color: white;
    float: none;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
}

.del-button-single a:hover{
  background:#006699;
  color:#FFFFFF;	
}




.radio_chk{
	background:rgb(54, 135, 174);
	width: 98%;
	padding:11px 0px 15px 8px;
    //margin:0 auto;
	font-family: 'Trebuchet MS';
	font-size: 14px;
	color: #FFFFFF;
	float: left;
	cursor:pointer;
	border-radius: 4px;
}
.radio_chk2{
    background: rgb(54, 135, 174);
    width: 100%;
    padding: 11px 0px 15px 0px;
    font-family: 'Trebuchet MS';
    font-size: 12px;
    color: #FFFFFF;
    float: left;
    cursor: pointer;
    border-radius: 4px;
}
.table_headings{
	font-family: 'Trebuchet MS';
	font-size: 12px;
	color: #FFFFFF;
	text-align:center;
	background-color:#000033;
	font-weight:bold;
	cursor: pointer;
	height:35px;
	vertical-align: middle;
	margin: 0 auto;

}


.add_button {
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 95%;
    margin: 0 auto;
    height: auto;
    border: 0;
    background: rgb(38, 181, 176);
    cursor: pointer;
    color: white;
    float: left;
    border: 0px;
    padding: 5px;
    border-radius: 4px;
}


.add_icon {
    width: 10%;
    margin: 5px auto;
    height: auto;
    cursor: pointer;
    float: left;
    /* padding: 0px; */
}

.add_text {
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 80%;
    margin: 0px auto;
    height: auto;
    border: 0;
    cursor: pointer;
    color: white;
    float: left;
    padding: 5px;
}

#field_headings{
   width:100%;
   height:auto;
   margin:10px auto;
   font-family: 'Trebuchet MS';
   font-size:15px;
   color:#848181;
   
   }

#field_headings_small{
   width:100%;
   height:auto;
   margin:auto;
   font-family: 'Trebuchet MS';
   font-size:15px;
   color:#848181;
   
   }   



/*  GRID COLUMN SETUP 4  ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 0% 0% 0% 1.6%;
}


.col:first-child { margin-left: 0; }

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 32.26%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}


@media only screen and (max-width: 680px) {

	.col { 
		margin: 1% 0 1% 0%;
	}
	

	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 49.2%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}

table, tr, td { border: 1px solid #b9b9b9; font-size:12px; height:20px; border-collapse: collapse; font-family: verdana; }

#login_left{
    width:100%;
    margin: 0 auto;
    height: auto;
    float:none;
 }


#login_right{
    width: 100%;
    margin: 0 auto;
    height: auto;
    float: none;
	text-align:center;
 }

#form_line{
    width: 100%;
    height: auto;
    margin: 0 auto;
    float: none;
}

.form_heading{
    font-family: 'Abel', sans-serif;
    font-size: 18px;
    font-weight:bold;
    width: 98%;
    margin: 0% 0% 0.7% 0%;
    height: auto;
    border: 0;
    //background: #5FC8C3;
    padding: 1% 0% 1% 2%;
    text-align: left;
    outline: none;
    float: left;
    color:#797373;
}

.form_heading2{
    font-family: 'Abel', sans-serif;
    font-size: 17px;
    font-weight:bold;
    width: 98%;
    margin: 0% 0% 0.7% 0%;
    height: auto;
    border: 0;
    
    padding: 1% 0% 1% 2%;
    text-align: left;
    outline: none;
    float: left;
    color: #26B5B0;
}



.field_text_multiline{
    font-family: 'Trebuchet MS';
    font-size: 14px;
    width: 98.2%;
	height:auto;
    background:rgba(10, 9, 6, 0.68);
    text-align: left;
    outline: none;
    margin: 0 auto;
    float: none;
    padding: 1% 1% 1% 0.7%;
	color:#FFFFFF;
	border:1px solid #2B2B2B ;
}

.reset-button{
	font: normal 14px '\5FAE\8F6F\96C5\9ED1';
	width: 100%;
	margin: 0px auto 5px auto;
	height: 40px;
	border: 0;
	background: #969695;
	cursor: pointer;
	color: white;
	float: none;
  /* text-align: left; */
}

.submit-button{
	font: normal 14px '\5FAE\8F6F\96C5\9ED1';
	width: 100%;
    margin: 0px auto 0px auto;
	height: 40px;
	border: 0;
	background:#3687AE;
	cursor: pointer;
	color: white;
	float:none;
  /* text-align: left; */
}

#nfield_1 {
    width: 100%;
    height: auto;
    margin: 1% auto;
    float: none;
}
#nfield_2 {
    width: 100%;
    height: auto;
    margin: 1% auto;
    float: none;
}

#nfield_3 {
    width: 100%;
    height: auto;
    margin: 1% auto;
    float:none;
}


#nfield_4 {
    width: 100%;
    height: auto;
    margin: 1% auto;
    float: none;
}

}