@import "0_style.css"; 

#confirm {
         display: none;
         background: #046A98;
         color: #fff;
         border: 1px solid #aaa;
         position: absolute;
         left: 50%;
		 top:50%;
		 height: 300px;
		 width: 500px;
		 margin-top: -150px;     
         margin-left: -250px;
         padding: 6px 8px 8px;
         text-align: center;
         
      }
      #confirm button {
         background: 	LightGray;
         display: inline-block;
         border-radius: 5px;
         border: 1px solid #aaa;
		 position: absolute;;
         padding: 5px;
         text-align: center;
         width: 80px;
         cursor: pointer;
		 left: 40%;
		 top:80%;
		 height: 50px;
		 width: 100px;
		 
      }
      #confirm .message {
         text-align: left;
		 font-size: 20px;
      }
#submit {
 color: #000000;
 font-size: 0;
 width: 150px;
 height: 50px;
 border: none;
 margin: 0;
 padding: 0;
 cursor:pointer;
 background: #fff url(../images/0/submit.png) 0 0 no-repeat; 
}	  

input[type=checkbox] {width:20px; height:20px;}
        
/**
Plan message 
*/



.form_left{
    width:20%;
	border:0px solid #ccc;
	text-align:left;
	color:#ffff00;
	float:left; 
	
	padding-top:90px;
	font-size:16px;
	line-height: 28px;　
	
}


.form_middle{
    width:53%;
	top:0px;
	border:0px solid #ccc;
	/* text-align:center; */
	margin:0px;
	/* height:100%; */
	background:#ffffff; 
	/* err background:rgba(255, 255, 255, 0.3) */
	overflow-x:hidden; 
	
	float:left;
}


.form_middle_head{
	font-size:16px;
	/* text-align:center; */ 
	color:#000000;
	background:#E1F0F8;
	letter-spacing: 0px;
	margin-left:5px;
	padding:10px;
	
}
.PM_left{
    width:25%;
	border:0px solid #ccc;
	text-align:left;
	color:#ffff00;
	float:left; 
	padding-top:90px;
	padding-left:10px;
	font-size:28px;
	line-height: 50px;　
	text-indent: 2em;
}

.P70_left{
    width:8%;
	border:0px solid #ccc;
	text-align:left;
	color:#ffff00;
	float:left; 
	padding-top:90px;
	padding-left:10px;
	font-size:22px;
	line-height: 28px;　
	text-indent: 2em;
}

.P70_middle{
    width:89%;
	background:#2C2E33; 	
	float:left;
	overflow:scroll;
	height:800px;
}

.P70_container {
border-color: var(--middle-background-color); 
border-style: 0px solid ; 

border-width: 1em 2em 0em 2em;
background:var(--middle-background-color);  
color:var(--middle-color); 	
font-size:18px;	
height: 800px;
padding-top:1px;
padding-bottom:1em;
padding-left:1em;
padding-right:1em;
overflow:scroll;
margin-bottom:20px;
border-color:#ffffff; 
background:#ffffff; 
}
.P70_container_head {
border-color: var(--title-background-color); 
border-style: solid;
border-width: 1em 2em ;
background:var(--title-background-color);
color:#ffffff;
text-align: Center;
font-size:24px;	
border-color: #6599FF;
background:#6599FF;
}





.PM_right{
    width:3%;
	border:0px solid #ccc;
	text-align:center;
	margin:5px;
	float:right;
	background:#046A98;
	/* overflow-x:hidden; */
	
}

.form_middle_head{
	font-size:16px;
	text-align:center; 
	color:#000000;
	background:#E1F0F8;
	letter-spacing: 0px;
	margin-left:5px;
	padding:10px;
	
}



.center1{
   
	text-align:center;
	
	float:center;
	
	/* overflow-x:hidden; */
	
}

.PM_middle{
    width:60%;
	background:white; 	
	float:left;
	overflow:scroll;
	margin-bottom:20px;
	height:800px;
}

.PM_container_head {
border-color: var(--title-background-color); 
border-style: solid;

border-width: 1em 2em ;
background:var(--title-background-color);
color:#ffffff;
text-align: Center;
font-size:24px;	
border-color: #6599FF;
background:#6599FF;
}



.PM_container {
border-color: var(--middle-background-color); 
border-style: 8px solid ; 

border-width: 1em 2em 0em 2em;
background:white; 
color:#000;
font-size:18px;	
text-indent: 2em;
padding-top:1em;
padding-left:4em;
padding-right:4em;
overflow-x:hiddle;
border-color:#ffffff; 
}

/*
.thesis{
	width:100%;
	border:solid 1px #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
   -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
*/



ul.pagination {
    display: inline-block;
    padding: 1em 0em;
    margin: 0;
}

ul.pagination li {display: inline;}


ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    font-size: 18px;
}


ul.pagination li a.active {
    background-color: pink;
    color: black;
    border: 1px solid #ddd;
}


ul.pagination li a:hover
{background-color: #ddd; }

 
 .pagination .disabled a:hover
 {
 color:#777;
 cursor:not-allowed;
 background-color:#fff;
 border-color:#ddd;
 }
 
.mainContent_head {
border-color: var(--title-background-color); 
border-style: solid;

border-width: 0.4em 2em ;
background:var(--title-background-color);
color:#ffffff;
text-align: Center;
font-size:24px;	
border-color: #6599FF;
background:#6599FF;

}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}




/* Main content of the site */
#content {
	clear: both;
	overflow: auto;
	padding-top: 1vh;
}
/* Sidebar */
#content .sidebar {
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);
	float: left;
	width: 24%;
	padding-left: 1%;
	
	text-align: center;
	background-color: rgba(246,246,246,1.00);
	padding-top: 36px;
	height: 775px;
	background-color:blue;
	background-color: #26507E;
	margin-right:3%;
	height:70vh;
	overflow:auto;
	

	
}

/* main content of the site */
#content .mainContent {
	float: left;
	width: 70%;
	/*text-align: center;*/
	padding-left: 4%;
	background:#ffffff; 
	padding-left: 0%;
	float: center;
	height:70vh;
	
	overflow:scroll;
	
}
/*menubar's properties for menus in sidebar */
#content .sidebar #menubar {
	text-align: left;
	color: rgba(146,146,146,1.00);
	position: relative;
	left: 0%;
	
}

/* Whole page content */
#mainWrapper {
	width: 80%;
	padding-left: 10%;
}
/*menu elements */
.menu ul li {
	list-style-type: none;
	font-size: x-large;
	position: relative;
	left: -35px;
	padding-top: 12px;
	
}



.sidebar #menubar .menu ul li a {
	color: rgba(146,146,146,1.00);
	text-decoration: none;
	color: #ffff00;
	font-size:1.2rem;
	color: white;
	
	
	
}
.sidebar #menubar .menu ul li a:hover {
	color: rgba(107,97,97,1.00);
	text-decoration: none;
}
/* Menu headings in sidebar */
#menubar .menu h2 {
	font-size: 14px;
}
/*Links under menus in sidebar */
#menubar .menu ul li a {
	font-size: 14px;
}
/* Menus in sidebar */
.sidebar #menubar .menu {
	margin-bottom: 29px;
}

.mainContent_text  {
border-color: var(--middle-background-color); 
border-style: 0px solid ; 

border-width: 1em 1em 0em 1em;
background:var(--middle-background-color);  
color:var(--middle-color); 
font-size:18px;	
text-indent: 2em;
padding-top:1em;
padding-left:2em;
padding-right:2em;
overflow-x:hidden;
line-height:1.8rem;

}

 
 
 
 
 /* Sidebar2  */
#content .sidebar2 {
	font-family: 'Montserrat', sans-serif;
	color: rgba(146,146,146,1.00);
	float: left;
	width: 14%;
	padding-left: 0%;
	
	text-align: left;
	background-color: rgba(246,246,246,1.00);
	padding-top: 36px;
	height: 775px;
	background-color:blue;
	background-color: #26507E;
	margin-right:1%;
	height:75vh;
	}
.sidebar2 #menubar .menu ul li a {
	color: rgba(146,146,146,1.00);
	text-decoration: none;
	color: #ffff00;
	font-size:1.2rem;
	color: white;
	
	text-align:left;
	
	
}

/* main content of the site */
#content .mainContent2 {
	float: left;
	width: 85%;
	/*text-align: center;*/
	padding-left: 2%;
	background:#ffffff; 
	padding-left: 0%;
	float: center;
	height:75vh;
	
	overflow:scroll;
	
}