html, body{
/* background-color:#fff7f7; */
background-image: url('../dp/bg.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  font-family:'arial';
	margin:0;
	padding:0;
	color:#1b254d;

}

#nav,#nav ul {
    list-style:none;
    margin:0;
    padding:0;
	bottom:0;
	
}
#nav2,#nav2 ul {
    list-style:none;
    margin:0;
    padding:0;
	top:0;

	
}
	select strong{
		font-weight:bold;
	}
.dd{
	border:1px #565656 solid;
	
}
#loading{
	margin-top:20%;
}
#nav {
background-color: rgba(4, 125, 218);
    /* height:8%; */
    /* padding-left:5px; */
    position:fixed;
	width:100%;
    z-index:2;
border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#nav2 {
background: rgba(4, 125, 218, 0.5);
    padding-left:5px;
    position:fixed;
	width:100%;
    z-index:2;
/* border-bottom-left-radius: 20px; */
    /* border-bottom-right-radius: 20px; */

}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
	background: rgba(27, 37, 77, .8);
    margin: 0 auto;
    /* padding: 20px; */
	display: inline-block;
	min-width:100px;
	min-height:100px;
	max-height:60%;
	overflow-y:scroll;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */


.modal-header {
    padding: 10px 10px;
   background:none;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
#nav ul {
    left:-9999px;
    position:absolute;
    top:100%;
    width:auto;
}
#nav ul ul {
    left:-9999px;
    position:absolute;
    top:0;
    width:auto;
}
#nav li {
    /* margin-right:5px; */
    position:relative;
}
#cont{
	margin-top:70px;
}
#cont td button:hover{
	background-color:#ffcc58;
	color:black;
}
#wp{
	/* background-color:white; */
	border-radius:10px;
}
#serv{
	width:100%;
	margin-top:2%;
}
#wp{
	width:auto;
	/* height:50%; */
	margin-top:3%;
	margin-right:10px;
	margin-left:10px;
}
#serv ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  width:100%;
}
#wp ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  width:100%;
}
#men {
  list-style: none;
  margin: 0;
  padding: 0;
  width:95%;
}
#noti {
	color:#1b254d;
	text-align:left;
}
#noti li{
	font-size:5vw;
}
#serv li {
	width:25%;
    color:#1b254d;
	font-weight:bold;
    float:left;
    padding:8px 0;
    text-decoration:none;
	font-size:14px;
	text-align:center;
}
#not{
	height:65%;
	/* border:2px solid #d51a1a; */
	/* border-radius:10px; */
	overflow-y:scroll;
	overflow-x:scroll;
	width:100%;
}
#wp li {
	width:33%;
    color:#1b254d;
	font-weight:bold;
    float:left;
    padding:8px 0;
    text-decoration:none;
	font-size:14px;
	text-align:center;
}
#nav li a {
	width:20%;
    color:#fff;
	font-weight:bold;
    float:left;
    padding:8px 0;
    text-decoration:none;
	font-size:11px;
	text-align:center;
}
#men li a {
	width:90%;
    color:#1b254d;
	font-weight:bold;
    float:left;
    padding:22px 22px;
    text-decoration:none;
	font-size:14px;
	text-align:left;
	background-color:white;
	margin-bottom:3px;
}
#nav li a:hover {
	color:#0362ba;
}
.fa:hover {
    color: #0362ba !important;
}
#nav2 ul {
    left:-9999px;
    position:absolute;
    top:100%;
    width:auto;
}
#nav2 ul ul {
    left:-9999px;
    position:absolute;
    top:0;
    width:auto;
}
#nav2 li {
    /* margin: 0 auto; */
    /* position:relative; */
}
#nav2 li a {
    color:#000;
	font-weight:100;
    float:left;
    font-size:12px;
    padding:8px 5px;
    text-decoration:none;
}
#nav2 li a:hover {
	background-color:yellow;
}

.dd a {
		background-color:white;
	border-bottom:1px #f3f3f1 solid;
    color:#000;
    display:block;
    float:left;
    font-size:12px;
    padding:8px 10px;
    text-decoration:none;

	
}
#nav li a.fly {
}
#nav ul li {
    margin:0;
}
#nav ul li a {
    width:120px;
}
#nav ul li a.fly {
}

/*hover styles*/
#nav li:hover > a {
}

/*focus styles*/
    #nav li a:focus {
    outline-width:0;
}

/*popups*/
#nav li a:active + ul.dd,#nav li a:focus + ul.dd,#nav li ul.dd:hover {
    left:0;
}
#nav ul.dd li a:active + ul,#nav ul.dd li a:focus + ul,#nav ul.dd li ul:hover {
    left:140px;
}
.header{
	margin-top:2%;
background-color:#d8d8d6;
	width: 100%;
	padding-left: 0px;	
	height:7%;
-webkit-box-shadow: 0 6px 6px -6px black;
       -moz-box-shadow: 0 6px 6px -6px black;
            box-shadow: 0 6px 6px -6px black;
}
h1, h2, h3{
	margin:0;
}
.logco{
	border:4px solid #ac0000;
	box-shadow: 0px 0px 20px 1px BLACK;
}
#dat{
	color:black;
	font-size:14px;
	font-weight:900;
	margin-right:10px;
	margin-top:0;
}
table { 
	width: 100%; 
	overflow-x:scroll;
	border-collapse: collapse; 
	margin:10px auto;
	border-radius:10px;
	}
/* Zebra striping */
td{ 
	background: rgba(214, 218, 218, 0.5); 
	}

th { 
	background:  #047dda; 
	color: white; 
	font-weight: bold; 
	}

td, th { 
	padding: 6px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 16px;
	}

#page-content{
	max-height: calc(92% - 50px);
	overflow-y: scroll;
	width: 98%;
	margin:0 auto;
	margin-top:55px;
}
#links{
	height: calc(100%);
	overflow-y: hidden;
	width: 20%;
	float:left;
	background-color:#d1eff3;
}
#links ul i{
	font-size:16px;
	margin-left:0;
	margin-right:10px;
}
#links ul{
	margin-left:-20px;
	list-style:none;
}
#links, #links ul li{
	padding-top:5px;
	font-size:15px;
	font-weight:900;
	color:black;
}
#links, #links ul li ul li:hover{
	color:#ac0000;
	cursor:default;
}
#links, #links ul li ul li{
	padding-top:5px;
	font-size:14px;
	font-weight:100;
}

#srtc{
	height: calc(100%);
	overflow-y: hidden;
	width: 20%;
	float:right;
	background-color:#d1eff3;
}
#srtc ul{
	margin-left:-25px;
	list-style:none;
}
#srtc, #srtc ul li{
	padding-top:5px;
	font-size:13px;
}

input[type=text], input[type=number], input[type=password], input[type=date], input[type=file] {
  width: 90%;
  margin:0 auto;	
  padding: 5px 5px;
  box-sizing: border-box;
    border: 1px solid #043c8e;
	border-radius:10px;
	margin-top:15px;	
	margin-bottom:15px;	

}

select {
  width: 90%;
  padding: 12px 20px;
    border: 1px solid #043c8e;
	border-radius:10px;
	margin-top:5px;	
	margin-bottom:15px;	
  /* background-color: #f1f1f1; */
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #f4f6f6;
  border: none;
  color: #043c8e;
  font-size:14px;
  padding: 7px 14px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  font-weight:600;
  border:1px solid #043c8e;
  border-radius:6px;
}
#submit{
  background-color: #f4f6f6;
  border: none;
  color: #043c8e;
  font-size:14px;
  padding: 7px 14px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  font-weight:600;
  border:1px solid #043c8e;
  border-radius:6px;
}
#prs{
  background-color: #03b283;
  border: none;
  color: #fff;
  font-size:14px;
  padding: 7px 14px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  font-weight:600;
  border:1px solid #fff;
  border-radius:6px;
}
#abs{
  background-color: #f93148;
  border: none;
  color: #fff;
  font-size:14px;
  padding: 7px 14px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  font-weight:600;
  border:1px solid #fff;
  border-radius:6px;
}
textarea {
  width: 90%;
  height: 100px;
  margin:0 auto;	
  padding: 12px 20px;
  box-sizing: border-box;
    border: 1px solid #043c8e;
	border-radius:10px;
	margin-top:15px;	
	margin-bottom:15px;	
  background-color: #f8f8f8;
  font-size: 16px;
  resize: none;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Select some files';
  display: inline-block;
  background: linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 10px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
input[type=radio] {
/* transform:scale(1.5); */
/* height:25px; */
}


/* input[type=radio]:checked { */
  /* border: 5px solid #0DFF92; */
/* } */
 .pr:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }

    .pr:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #03b283;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }

    .ab:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }
    .ab:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #f93148;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }


/* button, form input[type = submit], form input[type = text]{ */
	/* padding:5px; */
	
/* } */
button:hover, form input[type = submit]:hover{
	background-color:#043c8e;
	  color:white;
  

	
}
footer .wrapper{
	padding-top:2px;
}
.remove{
	padding-right:10px;
}
footer section#copyright{
	display:block;
	clear:both;
	width:50%;
	margin:0 auto;
	text-align:center;
	}

footer{
		background-color:#d8d8d6;

-webkit-box-shadow: 0 6px 6px 6px black;
       -moz-box-shadow: 0 6px 6px 6px black;
            box-shadow: 0 6px 6px 6px black;
	}
footer a{
	color: #ac0000;
	font-weight:900;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#tabing2{
	width:100%;
	margin: 0 auto;
}
div.tab {
	
    overflow: hidden;
}
.tot{
		font-weight:bold;
	font-size:16px;

}

/* Style the buttons inside the tab */
div.tab button {
	
    float: left;
    cursor: pointer;
    padding: 10px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ffffff;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ffffff;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.sgt{
	background-color:grey;
}
#country-list{
		overflow-y:scroll;
	max-height:40%;

	float:left;
	list-style:none;
	margin-top:-4px;
	padding:0;
	width:auto;
	position: absolute;
	border:1px #bbb9b9 solid;
	}
#country-list li{
	padding: 5px; 
	background: #e1e1e5; 
	color:black;
	font-weight:100;
	border-bottom: #bbb9b9 1px solid;
	}
#country-list li:hover{
	background:#ac0000;
	cursor: pointer;
	color:white;
	}
a{
	text-decoration:none;
	color:inherit;
}
@media print
{    
     .no-print
    {
        display: none !important;
        height: 0;
    }


    .no-print, .no-print *{
        display: none !important;
        height: 0;
    }}
	#pr table th td {
		font-size:11px;
	}
#home ul{
	list-style:none;
}
#home li {
	display:inline-block;
	border:2px SOLID #ac0000;
	margin:20px;
	box-shadow: 0px 0px 20px 1px BLACK;
}
#home h3{
	line-height:35px;
}
#home li:hover{
	cursor:pointer;
}#home li:hover{
	cursor:pointer;
		border:2px SOLID yellow;
}
table.tba{
	width:100% !important;
	background-color:white;
	 border-collapse: collapse;
	border:1px solid black;
}
.tba thead{
	background-color:#25bfe6;
	width:100%;
}
table.tba tr td{
	border-bottom:1px solid black;
	border-right:1px solid black;
	 text-align:center;
	 width:25%;
	 padding:3px;
}
table.tba tr td:nth-child(3), table.tba tr td:nth-child(4){
	 text-align:right;
}
table.tba tr th{
	height:30px;
		 text-align:left;

	border-bottom:1px solid black;
	border-right:1px solid black;
}
table.tba tbody tr:hover{
	background-color:#1af4a4;
	cursor:pointer;
}
table.tba tr.active{
	background-color:yellow;
}