.container_div{
	width:600px; 
	height: auto; 
	margin:auto; 
	float:center;
	border-radius: 25px;
	text-align: center;
}
.container_div2{
	width:100%; 
	height: auto; 
	margin:auto; 
	float:center;
	border-radius: 25px;
	text-align: center;
}
.popUp{
	margin:auto;
	float:center;
	display:none;
	top:70px;
	width: 400px;
	position: fixed;
	left: 50%;
    transform: translate(-50%, 0);
	background-color:	#DCDCDC;
	
}
.input1{
  background:#ecf0f1;
  border: #ccc 1px solid;
  border-bottom: #ccc 2px solid;
  padding: 8px;
  width:98%;
  color:#AAAAAA;
  margin-top:10px;
  font-size:1em;
  border-radius:6px;
  padding-top:15px;
  padding-bottom:15px;
}
.cover{
	width: 80%;
	margin: auto;
	margin-bottom:5px;
	margin-top:10px;
	text-align:center
}
.name{
	width:48%;
	display:inline-block;
	text-align: center;
}
#sched{
	width:48%;
	margin-bottom:15px;
	text-align: center;
	vertical-align: middle;tab
	float:center;
}
input[type=date]{
	width:30%;
	border-radius: 10px;
	height: 50px;
}
.top_logo{
	width:200px;
	height:64px;
}
select{
	width:30%;
	border-radius: 10px;
	height: 50px;
}
.button2 {
    background-color: 	#025bb9; 
    color: white; 
    border: 1px solid 	black;
	border-radius: 6px;
	width: 100%;
	height: 56px;
	font-size: 22px;
}
div label input {
   margin-right:100px;
}
body {
    font-family:sans-serif;
}
.tab {
    overflow: hidden;
    border: .5px solid #ccc;
	padding: 0;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: #F0F0F0;
    float: center;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
	width:32.5%;
	height: 50px;
	margin-bottom:2px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #025bb9;
	color: white;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #025bb9;
	color: white;
}

/* Style the tab content */
.tabcontent {
    display: none;
	margin-bottom:10px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
	text-align:center;
	float:center;
	margin-left:3px;
}
.tabday{
	border: 1px solid #ccc;
	width: 122px;
	height: 50px;
	background-color: white;
}
.tabday:hover{
	background-color: #025bb9;
	border: 1px solid #ccc;
	color: white;
}
.tabdone{
	border: 1px solid #ccc;
	width: 122px;
	height: 50px;
	pointer-events: none;
	color: #D3D3D3;
	text-decoration: line-through;
	background-color:white;
}
.tabday:focus{
	background-color: #025bb9;
	border: 1px solid #ccc;
	color: white;
}
body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}

.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

.icon {
  padding: 10px;
  background: dodgerblue;
  color: white;
  min-width: 50px;
  text-align: center;
}

.input-field {
  width: 100%;
  padding: 10px;
  border: 1px solid gray;
}

.input-field:focus {
  border: 2px solid dodgerblue;
}

/* Set a style for the submit button */
.btn {
  background-color: dodgerblue;
  color: white;
  padding: 15px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.btn:hover {
  opacity: 1;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
@media (min-width: 320px) and (max-width: 600px) {
	.container_div{
	width:380px; 
	}

}