<style>
* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="co-"] {
  float: left;
  padding: 0px;
}

html {
font-family: 'Verdana';
}


.containerforlogo {
  max-width:350px;
  width: 100%;
  text-align: left;
  border: 0px solid red;
}

.containers_mall_pic {
  border-radius: 5px;
  padding: 3px;
  margin: 3px 0;
}

.containerviewmiddlehome {
  max-width: 100%;
  width: 100%;
  border: 0px solid red;
  padding: 5px;
  margin: 0px;
}

.img-responsive{width: auto \9;}

.header {
  background-color: #ff6600;
  border: 0px solid red;
  padding: 7px;
  margin: 0px;
  text-align: center;
  font-size: 14px;
  font-family: 'Verdana';
  color: black;
  font-weight: bold;
  position: fixed;
  top: 0;
  width: 100%;
}

.header_float_left {
  max-width:130px;
  max-height:20px;
  width: 100%;
  float: left;
  top: 0;
  z-index: -1;
}

.header_float_right {
  max-width:130px;
  max-height:20px;
  width: 100%;
  float: right;
  top: 0;
}

.header_biglogo_float_left {
  max-width:350px;
  width: 100%;
  float: left;
  top: 0;
  z-index: -1;
}

.screensview {
  width: 100%;
  border: 0px solid green;
}

.containerviewleftscreen {
  width: 100%;
  text-align: left;
  border: 0px solid red;
}



.containerviewrightscreen {
  width: 100%;
  text-align: right;
  border: 0px solid red;
}

.container_mi_page_top {
  border: 2px solid #f67106;
  background-color: #fff;
  border-radius: 30px;
  padding: 16px;
  margin: 16px 0
  font-size: 14px;
  font-weight : normal;
  font-family: roboto;
}

.container_mi_page_top_textonthetopimgage {
  float: left;
  vertical-align: text-top;
  margin: 20px;
  padding:8px;
}


.footer {
  background-color: #4CAF50;
  border: 0px solid red;
  padding: 7px;
  margin: 0px;
  text-align: center;
  font-size: 14px;
  font-family: 'Verdana';
  color: black;
  font-weight: bold;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.footer_padding {
 padding: 0px;
}

/* PARAGRAPH */

p {
  text-align: justify;
  font-family: 'Verdana';
  font-size: 13px; font-style: normal; font-variant: normal;
  font-weight: 400; line-height: 20px;
  color: #333333;
}

/* FORM STYLE */

form {
  border: 3px solid #f1f1f1;
  font-family: 'Verdana';

}

.container1 {
  padding: 20px;
  background-color: #f1f1f1;

}

.container10 {
  font-size: 14px;
  text-align: justify;
  text-justify: inter-word;
  word-wrap: break-word;
  padding: 12px;
}

.container1button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 5px 22px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

input[type=select], textarea {
  width: 100%;
  padding: 12px;
  border-radius: 0px;
  box-sizing: border-box;
  margin: 8px 0;
  resize: vertical;
  display: inline-block;
  border: 1px solid #ccc;
  background: #f1f1f1;
}

input[type=text], input[type=password], input[type=submit] {
  width: 100%;
  padding: 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

input[type=checkbox] {
  margin-top: 16px;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  border: none;
}

input[type=submit]:hover {
  opacity: 0.8;
}
/* END FORM STYLE */

/* ACCOUNT CREATION FORM STYLE */

/* Full-width input fields */
input[type=text], input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
  font-size: 13px;
}

input[type=text]:focus, input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}

/* Set a style for all buttons */
button {
  background-color: #4CAF50;
  color: white;
  padding: 4px 10px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;

}

button:hover {
  opacity:1;
}

/* Extra styles for the cancel button */
.cancelbtn {
  padding: 4px 10px;
  background-color: #f44336;
  font-size: 14px;
}

/* Float cancel and signup buttons and add an equal width */
.cancelbtn, .signupbtn {
  float: left;
  width: 50%;
  font-size: 14px;
}

/* Add padding to container elements */
.container {
  padding: 16px;
}



</style>