body{
	font-weight: bold;
}

A {text-decoration : none;}
P {color : rgba(20, 20, 173, 0.83) ; font-size : 12pt; font-family : Arial;
text-shadow: 0px -1px 6px #fff;}
H1 {color : blue; font-size : 18pt;}

TD.none  {
	display:         none; 
}

DIV.none  {
	display:         none; 
}



.TD0 {
	font-size :    12pt !important; 
	color:         blue;
}


TR.TRIPS:hover { color: rgba(169, 12, 12, 0.87); }
/*----------------------------------------------------------------------------------------------------------------*/
html{
	height: 100%;
	font-size: 100%;
}
body{
	margin: 0;
	padding: 0;
	background: url(iveco-4.jpg);
	background-size: cover;
	background-repeat: no-repeat; 
}
img{
	border:none;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

.wrapper{
	width: 98%;
	max-width: 1281px;
	margin: 0 auto;
}

/*_____________________________________________________________________________________________________*/

/* GRAPH */
.div_graph {
	display: none;
	font-weight: normal;
	margin-top: 20px;
}
.div_graph_param {
	display: none;
}
/* end of GRAPH */

.ui-datepicker {
	width: 14em !important;
}
.ui-widget.ui-widget-content {
    line-height: 40px !important;
    font-size: 20px !important;
}

/* FIND */
.find_packets {
	display: none;
	font-weight: normal;
	margin-top: 20px;
}
.list_packets {
	width: 100%;
	margin: 0 auto;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	border-collapse: collapse;
	background: #ECE9E0;
	color: #656665;
	border: 1px solid #ECE9E0;
}
.lp_content {
	 list-style-type: none;
}
.div_head {
	border: 1px solid;
	padding: 5px;
	text-align: center;
	width: 10%;
	background: #ECE9E9;
}
.flex-container {
	display: flex;
}
.col-container {
	border: 1px solid;
	padding: 5px;
	text-align: center;
	width: 10%;
}
/* end of FIND */

/*----------------registr----------*/

#tlogin{
	width: 480px;
	height: 300px;
	background: rgba(112, 102, 74, 0.4);
	text-align: center;
	margin: 10% auto;
	box-shadow: 0 -5px 0 rgba(14, 0, 1, 0.63);
	border-radius: 0 0 10px 10px;
}

.form_row{
	margin-bottom: 8px;
	overflow: hidden;
	width: 75%;
	margin: 0 auto;
}

.form_row input[type="text"], input[type="password"]{
	font-size: 18px !important;
	height: 50px !important;
	padding: 0px 5px !important;
	width: 70% !important;
	margin-bottom: 5px !important;
	border-radius: 4px !important;
	padding-left: 40px !important;
	border-left: 4px solid rgba(14, 0, 1, 0.63);
	box-shadow: 0px 1px 2px red;
}
 input[type="text"], input[type="password"],input[type="number"] {
	box-shadow: 0px 1px 2px #777;
}

.form_row input::before{
	font-family: "Font-Awesome";
	content: "fonts/f007";
	position: absolute;
	font-size: 30px;
	padding: 10px 0 0 7px;
	color:#2c536c;
}

.form_row input[type="button"]{
	padding: 5px !important;
	height: 45px !important;
	width: 85% !important;
	font-size: 15px !important;
	line-height: 10px !important;
	background: rgba(141, 109, 83, 0.84) !important;
	border: none !important;
	border-bottom: 4px solid rgba(14, 0, 1, 0.63)!important;
	cursor: pointer !important;
	color:#fff !important;
}

.form_row input[type=button]:hover{
	transition: all 0.5s;
	background: #fff;
	color: #2c536c;
}

#tlogin *{
	font-size: 18pt;
	font-family: arial;
}

/*----------------registr finich----------*/

/*----------------table_command ---------*/
#table_trip,
#table_command{
	display: none;
	width: 100%;
    background: rgba(87, 68, 22, 0.7);
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 2px solid aliceblue;
    background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)), linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)), linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)), linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)), linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
    background-repeat: no-repeat;
    background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
    background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}

#table_trip td,
#table_trip th,
#table_command td,
#table_command th{
	padding: 5px;
	border: none;
}
#table_command *{
	font-family: arial;
	font-size: 12pt;

}
#table_trip *{
	font-family: arial;
	font-size: 12pt;

}


#table_command input[type=button]{
	padding: 5px;
	height: 50px;
	width: 150px;
	max-width: 130px;
	text-shadow: 0 -1px 1px #cc5500;
	outline: none;
	border-radius: 1px;
	background:rgb(66, 56, 30);
	box-shadow: inset #423028 0 -1px 1px, inset 0 1px 1px #423028, #423028 0 0 0 1px, #000 0 10px 15px -10px;
	color: #fff;
	font-size: 16pt !important;
}


   
/*----------------table_commandfinich----------*/

/*---------------- table_rows_1  table_rows----------*/
#table_rows{
	width: 100%;
	margin: 0 auto;
	display: none;
}
#table_rows {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
border-collapse: collapse;
border-spacing: 2px;
background: #ECE9E0;
color: #656665;
border: 1px solid #ECE9E0;
border-radius: 5px;
}
#table_rows th {
padding: 5px;
height: 50px;
text-align: center;
vertical-align: middle;
background: rgba(125, 110, 75, 0.37);
border: none;
}
#table_rows td {
padding: 5px;
text-align: center;
vertical-align: middle;
border: 1px solid black;
}
#table_rows*{
	font-size: 20pt;
}
#table_rows p{
	color: #0e1f84e6;
	font-size: 12pt;
}
/*----------------  table_rows_1   table_rows finich----------*/




/*----------------table_trip----------*/
#table_trip{
	display: none;
}

#table_trip td,
#table_trip th{
	padding: 5px;
}
#table_trip th{
	padding: 0px;
}

#table_trip input[type=button]{
	padding: 5px;
	height: 50px;
    width: 100%;
   	text-shadow: 0 -1px 1px #cc5500;
	background:rgb(66, 56, 30);
	box-shadow: inset #423028 0 -1px 1px, inset 0 1px 1px #423028, #423028 0 0 0 1px, #000 0 10px 15px -10px;
	color: #fff;
	font-size: 16pt !important;
}


/*----------------table_trip  finish----------*/




/*----------------table_trip_rows ----------*/

.conteiner_rows{
	width: 100%;
	margin: 0px auto;
    margin-bottom: 15px;
    border-radius: 5px;
}

#table_trip_rows p{
	color: #0e1f84e6;
}
#table_trip_rows*{
	font-size: 16pt;
}


#table_trip_rows{
    width: 100%;
    display: table;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    border-collapse: collapse;
    border-spacing: 0;
    background: #ECE9E0;
    color: #656665;
    border-radius: 5px;
    box-shadow: 1px -1px 4px #424241;;
}

#table_trip_rows tr:first-child th:first-child{
	box-shadow: 2px 3px 2px #333;
	color: #971e1e;
	text-shadow: 0px 3px 41px #fff;
	background: rgba(132, 118, 86, 0.5) !important;
}


#table_trip_rows td,
#table_trip_rows th{
	padding: 5px;
	border: none;
	text-align: center;
}
#table_trip_rows th{
	position: relative;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	background: rgba(125, 110, 75, 0.37);
}
#table_trip_rows td{
	position: relative;
}




/*----------------table_trip_rows finish----------*/


/*---------------  #table_packet  ----------*/

#table_packet {
    width: 50%;
    margin: 0 auto;
    display: none;
    padding: 10px 10px;
    background: #ECE9E0;
}


#packet{
	margin: 0px auto;
	overflow: hidden;
	line-height: 0px;
}
#packet1{
	margin: 0px auto;
	overflow: hidden;
	line-height: 0px;
}

.packetr{
 	padding-top: 10px;
}

#packet textarea{
	height: 90px;
	line-height: 16px;
	font-size: 22pt;
	padding: 0px 5px;
	width: 404px;
	border: 1px solid #abadb3;
}

.subm_it{
	display: block;
	width: 100%;
}



h3{
		text-align: center;
    text-shadow: 0 1px 41px #777;
    color: #fff;
}

#packet p{
    font-weight: bold;
    float: left;
    font-size: 1.5em;
	}

#table_packet*{
	font-family: arial;
	font-size: 22pt;

}

#pib {
	text-transform: capitalize;
}
.pib_col {
	text-transform: capitalize;
}

#address {
	text-transform: capitalize;
}
.addr_col:first-letter {
	text-transform: uppercase;
}

#packet input {
    height: 50px;
    padding: 0px 12px;
    width: 95%;
    border: 1px solid #abadb3;
    font-size: 1.5em;
    margin-bottom: 8px;
    overflow: hidden;
}

#packet input[type=button]{
	padding: 5px;
	height: 50px;
	width: 100% !important;
	padding: 5px;
	height: 50px;
	text-shadow: 0 -1px 1px #cc5500;
	background:rgb(66, 56, 30);
	color: #fff;
	font-size: 16pt !important;
}
#packet1 input[type=button]{
	padding: 5px;
	height: 50px;
	width: 100% !important;
	padding: 5px;
	height: 50px;
	text-shadow: 0 -1px 1px #cc5500;
	background:rgb(66, 56, 30);
	color: #fff;
	font-size: 16pt !important;
}

.bott{
	display: inline-block !important;
    width: 49.5% !important;
}

/*----------------#table_packet  finish----------*/


/*----------------#table_one_trip ----------*/
#table_one_trip{
	width: 60%;
	margin: 0 auto;
	padding-top: 29%;
	display: none;
	background: #ECE9E0;
}

.table_trip_1 input{
	float: right;
	height: 33px;
	padding: 0px 5px;
	width: 60%;
	border: 1px solid #abadb3;
	font-size: 1.5em;
}

.table_trip_1 p{
    font-weight: bold;
    float: left;
    font-size: 1.5em;
}

.table_trip_1{
	margin: 0px 13px;
	overflow: hidden;
	line-height: 0px;
}

#dialog_print{
	width: 80%;
	margin: 0 auto;
}

#directions{
	display: block;
	margin: 15px;
}

.table_trip_1 textarea{
	height: 90px;
	line-height: 16px;
	font-size: 22pt;
	padding: 0px 5px;
	width: 404px;
	border: 1px solid #abadb3;
}
#table_one_trip{
	font-size: 12pt;
	font-family: arial;
	padding: 6% 10px;
}


.b2 input[type=button]{
	padding: 5px;
	height: 50px;
	width: 100%;
	box-shadow: 2px 3px 2px #333;
	background:rgb(66, 56, 30);
	box-shadow: inset #423028 0 -1px 1px, inset 0 1px 1px #423028, #423028 0 0 0 1px, #000 0 10px 15px -10px;
	color: #fff;
	font-size: 11pt !important;

}

.b3,.b2,.b4{
	display: inline-block;
	min-width: 22%;
	font-size: 11px;

}

.b3 input[type=button]{
	padding: 5px;
	height: 50px;
	width: 90%;
	box-shadow: 2px 3px 2px #333;
	background:rgb(66, 56, 30);
	box-shadow: inset #423028 0 -1px 1px, inset 0 1px 1px #423028, #423028 0 0 0 1px, #000 0 10px 15px -10px;
	color: #fff;
	font-size: 11pt !important;

}



.b4 input[type=button]{
	padding: 5px;
	height: 50px;
	width: 90%;
	box-shadow: 2px 3px 2px #333;
	background:rgb(66, 56, 30);
	box-shadow: inset #423028 0 -1px 1px, inset 0 1px 1px #423028, #423028 0 0 0 1px, #000 0 10px 15px -10px;
	color: #fff;
	font-size: 11pt !important;

}

#body_trip p{
	color: #656665;
	text-shadow: 0px -1px 6px #fff;
}

/*----------------#table_one_trip  finish----------*/

.table_trip_rows_print {
	border: 0px;
	border-spacing: 0;
	border-collapse: collapse;
	background: #fff;
	width: 80%;
	background: #fff;
	text-align: center;
	margin: 0 auto;

}
.table_trip_rows_print th {
	border: 	1px solid #abadb3;
	padding: 	3px;
	margin:  	0;
	border-spacing: 0;
	border-collapse: collapse;
	text-align: center;
}
.table_trip_rows_print td {
	border: 	1px solid #abadb3;
	padding: 	3px;
	margin:  	0;
	border-spacing: 0;
	border-collapse: collapse;
}


.table_trip_rows_print th:nth-child(2){
	text-align: left;
}
.table_trip_rows_print td:nth-child(2){
	text-align: left;
}

.table_trip_rows_print th:nth-child(3){
	text-align: left;
}
.table_trip_rows_print td:nth-child(3){
	text-align: left;
}


.button_show {
	display: none;
}

/*--------------- buttom----------*/

button[type=button]{
padding: 5px;
height: 50px;
width: 100%;
line-height: 10px;
background: #78614e;
box-shadow: 2px 3px 2px #333;
position: relative !important;
display: inline-block !important;
color: #fff !important;
background: rgba(141, 109, 83, 0.84) !important;
border: none !important;
border-bottom: 4px solid rgba(14, 0, 1, 0.63)!important;
cursor: pointer !important;
font-size: 13pt;
}




/*---------------buttom finish----------*/


#body_print p{
	color: #656665;
	display: block;
	margin-right: 10px;
}
#body_print {
	background: #ECE9E0;
	display: block;
	margin: 0 auto;
	width: 75%;
	padding: 10px;
}

.list_pages{
	color: #42381E;
}
.capital_letter {
	text-transform: capitalize;
}

#button_show_print #button_to_excel{
	height: 34px;
	width: 150px !important;
	box-shadow: 2px 3px 2px #333;
	background:rgb(66, 56, 30);
	box-shadow: inset #423028 0 -1px 1px, inset 0 1px 1px #423028, #423028 0 0 0 1px, #000 0 10px 15px -10px;
	color: #fff;
	font-size: 14pt !important;

}


.button_show{
	width: 145px;
	height: 22px;
}

.edt_pp{
	float: left;
	width: 7% !important;
}

.edt_p{
	float: left;
	width: 80% !important;
}
.edt_suma{
	float: left;
	width: 70% !important;
}
.edt_img{
	float: left;
	width: 10% !important;
	border: 1px solid;
	height: 50px;
	margin-left: 1%;
	font-size: 36px;
}
.edt_napr{
	color: #000;
}
.list_comments {
	width1: 96%;
}
.col-comments {
	border: 1px solid;
	padding: 5px;
	text-align: center;
}