@import "0_style.css"; 
@import "FontAwesome4.7/fontawesome.css";
        
/**
Plan message 
*/



.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: 17%;
	padding-left: 0.5vh;
	
	text-align: center;
	background-color: rgba(246,246,246,1.00);
	padding-top: 3vh;
	height: 75vh;
	background-color:blue;
	background-color: #26507E;
	margin-right:0%;
	overflow:auto;
	overflow-x:hidden;
}

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

/* 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: 0.1vh;
	padding: 0.3rem 0px;
	margin-top:0px;
	line-height: 1.5rem;
	text-indent:-1.6rem;
	
}



.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;
	color:#6599FF;
}
/* 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: 1vh
}


.mainContent_text1  {
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:0.5em;
padding-right:0.5em;
overflow-x:hidden;
line-height:1.8rem;
overflow-x:scroll;
overflow:auto;


}


#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;

      }

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;
 }