body{
		background-image: url('../img/bg1.jpg');
		background-repeat: no-repeat;
		background-attachment: fixed; 
		background-size: 100% 100%;
	}
	
	.MyMenuPos {  
		/* info : #0DCAF0; */
		position: -webkit-sticky; /* Safari */
		position: fixed;
		left: 48%;
		right: 48%;		
		bottom: 0%;
		z-index: 1;  
		opacity: 0.5;
		display: flex;
		justify-content: center;
	}
	.MyMenuPos:hover {  
	  opacity: 1;
	}	
	.MyMenuPos .signout{
		font-size: 40px;
		color: black; /* blue; */
		-webkit-text-stroke-width: 0.5px;
		-webkit-text-stroke-color: orange; /* blue;*/
		text-shadow: 5px 5px 7px white;
		padding-right: 10px;
		padding-left: 10px;
		cursor: pointer;
	}

	.revertext{
		color: #034f84; /* #50d8af; */
		font-size: 25px;
		-webkit-text-stroke-width: 0.5px;
		-webkit-text-stroke-color: #f7786b;  /* blue;*/
		text-shadow: 5px 5px 7px grey;
	}
	
	.revertext:hover{
		color: black; /* #0DCAF0; */
		font-size: 30px;
		-webkit-text-stroke-width: 0.5px;
		-webkit-text-stroke-color: orange; /* #f7cac9;  green;*/
		text-shadow: 5px 5px 7px grey;		
	}
	
	.signout{
		color: #034f84; /* blue;*/
		font-size: 18px;
		-webkit-text-stroke-width: 0.5px;
		-webkit-text-stroke-color: black;
		text-shadow: 5px 5px 7px grey;
		padding-right: 15px;
		padding-left: 10px;
		cursor: pointer;
	}
	
	.revertext1{
		color: #034f84; /* blue;*/
		font-size: 14px;
		padding-top: 8px;
		-webkit-text-stroke-width: 0.5px;
		-webkit-text-stroke-color: black;
		text-shadow: 5px 5px 7px white;
	}
	
	.submenu{
		position: absolute;
		left:0%;
		width:100%;
		height:100%;
		padding-top:10px;	
		padding-left:15px;
		padding-right:15px;	
		top: 0%;
		z-index: 2;  
		opacity: 1;
		background-color:white;
		display: none;
		scroll-behavior: smooth;
		overflow: auto;
		transition: 1s;	
		background-image: url('../img/bg2.jpg');
		background-repeat: no-repeat;
		background-attachment: fixed; 
		background-size: 100% 100%;
		overflow-x: hidden;
	}

	.submenu .fa{
		padding-left:20px;
		padding-right:20px;	
	}
	
		.siderightnav {
  			height: 100%;
  			width: 0;
  			position: fixed;
  			z-index: 5;
  			top: 0;
  			right: 0;
  			background-color: #f18973; /* #50d8af;  #36464f;*/
  			overflow-x: hidden;
  			transition: 0.2s;
  			padding-top: 70px;
		}
		.siderightnav a {
  			padding: 8px 8px 8px 20px;
  			text-decoration: none;
  			font-size: 16px;
  			color:  white; /* #abbbc6;*/
  			display: block;
  			transition: 0.2s;
		}

		.siderightnav a:hover {
  			color: #034f84;
		}
	
	.offcanvas i{
		cursor: pointer;
	}	
	
	.offcanvas{
		background-image: url('../img/bg2.jpg');
		background-repeat: no-repeat;
		background-attachment: fixed; 
		background-size: 100% 100%;
	}
	
	.navbar{
		/*background-image: linear-gradient(to right, #0DCAF0, #50d8af);*/
		background-image: linear-gradient(to right, #034f84, #f18973);
	}
	
	.navbar:hover{
		/*background-image: linear-gradient(to right, #0DCAF0 , #50d8af, #50d8af);*/
		background-image: linear-gradient(to right, #034f84, #f18973, #f18973);
	}	
	
	.table thead tr td, .table thead tr th {
		background-color: #f18973; /* #50d8af; */
		color: white;
		text-align: center;		
		font-weight: normal;
	}
	
	.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
		background-color: #fff2df; /* #F0FFF0;*/	
	}	
	
	.content-header{
		color: #034f84; /* blue;*/
		font-weight: bold;
		font-size: 16px;
	}
	
	.growl-notice {
	    display: block;
	    width: 300px;
	    height: 65px;
	    padding: 5px 10px;
	    border-radius: 4px;
	    opacity: .97;
	    font-size: 16px;
	    color: white;
	    border:2px solid #50d8af;
	    background: #50d8af;
	    position: fixed;
	    right: 30px;
	    bottom: 75%;
	    line-height:60px;
	    z-index: 6;
	}
	
	label{
		font-size: 16px;
		color: black;		
		padding-bottom: 10px;
	}
	
	.revertextarea{
		height: 100px;
	}
	
	.btn, .btn-info{
		color:white;
	}
	
	.btn:hover, .btn-info:hover{
		color:white;
	}