body 
{
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;	
	font-family: Verdana;
	font-weight: bold;
	font-size: 13pt;
	color: #404040;
}
.textstyle
{
    font-weight: 400;
    color: #880015;
    margin-left: 115px;
}
.hidden {
            display: none;
        }
.progress-container {
            width: 38%;
            height: 18px;
            background-color: #ccc;
            border-radius: 15px;
            overflow: hidden;
            margin-left: 275px;
            margin-bottom: 20px;
        }
        
        .progress-bar {
            width: 0%;
            height: 30px;
            background-color: #4CAF50;
            border-radius: 15px;
            transition: width 5s ease-in-out;
        }
#h2
{
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0;
	font-size: 12pt;
	text-align: center;
}
#container
{
	background: linear-gradient(rgb(212,222,233),rgb(246,246,246));
	margin: 0 auto;
	max-width: 900px;
	height: 920px;
	padding: 0 15px;
}
#container1
{
	background: linear-gradient(rgb(212,222,233),rgb(246,246,246));
	margin: 0 auto;
	max-width: 900px;
	height: 7920px;
	padding: 0 15px;
}
#report_ex
{
    margin: 0 auto;
    width: 900px;
}

#logo_mgn
{
	margin-left: 10px;
	margin-top: 6px;
	width: 50px;
}
#logo_mgt
{
	display:block;
	width: 240px;
	margin:auto;
	padding: 5px;
	border: 2px solid rgb(5, 25, 158);
	border-radius: 4px;
}
.enter
{
	margin: 0 auto;
	margin-bottom: 20px;
	border-radius: 10px;
	display:inline-block;
	width: 250px;
	text-align: center;
	font-size: 11pt;
	padding-bottom: 14px;
	padding-top: 14px;
	padding-left: 18px;
	padding-right: 18px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear;        
	display:block;
	background-color: rgb(250,250,250);
	cursor: pointer;	
}      
.enter:hover 
{
	background-color: rgb(176,197,213);
}
#map:hover
{
	background-color: rgb(176,197,213);
}
#header
{
	background: rgb(200,210,220);
	margin: 0 auto;
	max-width: 900px;
	height: 70px;
	padding: 0 15px;
}
#btn_return
{
	margin-left: 728px;
	width: 50px;
	height: 50px;
}
#btn_edit
{
	width: 50px;
	height: 50px;
}
#btn_back
{
	width: 50px;
	height: 50px;
}


#btn_return_result
{
	margin-left: 1275px;
	width: 50px;
	height: 50px;
}


#logo_mgn_map
{
	margin-left: 10px;
	margin-top: 8px;
	width: 50px;
}
#header_map
{
	background: rgb(200,210,220);
	height: 70px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 1455px;
	padding: 0 5px;
	margin-left: 15px;
}

#header_result
{
	background: rgb(200,210,220);
	height: 70px;
	margin: 0 auto;
	max-width: 2200px;
}
#btns_result
{
	margin: 0 auto;
	max-width: 2200px;
	background: linear-gradient(rgb(212,222,233),rgb(246,246,246));
	padding-top: 15px;
}
#container_result
{
	margin: 0 auto;
	max-width: 2200px;
}


#container_map
{
	max-width: 1500px;
	height: 80px;
}
#h1
{
	font-size: 13pt;
	padding-left: 600px;
	padding-bottom: 6px;
	padding-top: 6px;
	width: 1400px;
}
#btn_return_map
{
	margin-left: 1280px;
	width: 50px;
	height: 50px;
}
#cancel
{
	margin-left: 480px;
}

.continue
{
	margin-bottom: 18px;
	margin-right:15px;
	border-radius: 10px;
	display:inline-block;
	width: 170px;
	text-align: center;
	font-size: 11pt;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear;        
	background-color: rgb(250,250,250);
	cursor: pointer;	
}   
.continue1
{
    padding: 0.5%;
	margin-bottom: 18px;
	border-radius: 10px;
	display:inline-block;
	width: 100px;
	text-align: center;
	font-size: 11pt;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear;        
	background-color: rgb(250,250,250);
	cursor: pointer;	
}
.continue2
{
    position: relative;
    top: 255px;
    
    padding: 0.5%;
	border-radius: 10px;
	width: 80px;
	text-align: center;
	font-size: 11pt;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear;        
	background-color: rgb(250,250,250);
	cursor: pointer;	
}
.continue3
{
    position: relative;
    right: 180px;
    top: 255px;
    
    padding: 0.5%;
	border-radius: 10px;
	width: 80px;
	text-align: center;
	font-size: 11pt;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear;        
	background-color: rgb(250,250,250);
	cursor: pointer;	
}   
.continue:hover 
{
	background-color: rgb(176,197,213);
}
#btns
{
	padding: 25px;
	background: linear-gradient(rgb(212,222,233),rgb(246,246,246));
}

#send_text{
    margin-left: 240px;
    font-family: Verdana;
	font-size: 12pt;
	resize: none;
    border-radius: 5px;
    outline: none !important;
    border:1px solid rgb(212,222,233);
    margin-bottom: 20px;
}

#send_text{
    margin-bottom: 20px;
}

#n11_
{
	margin-left: 500px;
}

#left_no_var
{
	text-align: center;
	margin-left: 200px;
	font-size: 26pt;
}

#right_no_var
{
	text-align: center;
	margin-left: 370px;
	font-size: 26pt;
}

#resume_time
{
	margin-left: 335px;
}

.h3
{
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0;
	font-size: 12pt;
	text-align: center;
}
.progress-bar {
  height: 20px;
  background: #32CD32;
  box-shadow: 2px 14px 15px -7px rgba(30, 166, 250, 0.36);
  border-radius: 50px;
  transition: all 0.5s;
}
.progress {
  width: 40%;
  height: 200px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: start;
  padding: 20px;
  background: #F9F9F9;
  border-radius: 20px;
  box-shadow: 0px 10px 50px #DADADA;
  margin-left: 245px;
}
#container_progress
{
	background: linear-gradient(rgb(212,222,233),rgb(246,246,246));
	margin: 0 auto;
	max-width: 900px;
	height: 1270px;
	padding: 0 15px;
}
#btn_print
{
	margin-left: 620px;
}
#driver
{
	margin-left: 620px;
	margin-bottom: 20px;
}
#driver1
{
	margin-left: 620px;
	margin-bottom: 20px;
}
#panel_btn
{
	margin-bottom: 20px;
}
#btn_distrib
{
	margin-left: 500px;
}
#btn_ok
{
	margin-left: 620px;
}

.p_route
{
	display:inline-block;
	font-size: 12pt;
	padding: 1%;
	text-decoration:underline;
}
#left{
	margin-right:15%;
}
#left_left{
	margin-right:8%;
	margin-left:18%;
}

.img_map
{
	width: 24%;
	height: 520px;
	display:inline-block;
	border-style: none;
}
.list_streets{
	display:inline-block;
	font-size: 9pt;
	vertical-align:top;
	width: 8%;
}

#hour1_{
	margin-left:100px;
}
#resume_time{
	margin-left:360px;
}

.div {
  height: 49vh;
  margin: 4px;
}

.tip {
  position: absolute;
  z-index: 99999;
  border: 1px solid #f00;
  box-shadow: 1px 1px 5px #000;
  background-color: white;
}