@CHARSET "ISO-8859-1";


/* this is for body of the page */

body {
     background-image: url('../images/homepage/backgroundImage1.jpg')  ;
     background-repeat: no-repeat;
     background-size: cover;
    
}
.maindiv{
	width:77%;
	margin-left:11%;
	 font-family: calibri !important;
    font-size: 18px !important;
/*	 font-family: "Arial", sans-serif;
	 font-size:14px;*/
	/*font-weight:300;*/
	/*font-weight:300;*/
	font-weight:bold;
	color:#333;
	background-color : white;/* #233465 */
        border: black solid 2px;
       
      
}
.navbarimgbgcolour {
        background-color: black;

}


.main-container {
background-color: #fbfbfb;
width: 100%;
}

.header-fontcolour {
background-color:  #007FC0; 
color: white;


}


.navbar .navbar-collapse .navbar-nav a {
    color: white;
    
}
.navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu a {
   color: #007FC0;
font-weight: bold;
}
.navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu a:hover {
    color:white ;
    
}


.navbar .navbar-collapse .navbar-nav a.active {
    color: #007FC0;
    background-color:white;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
   color:  #007FC0;
    background-color:white;
}


.navbar .navbar-collapse .navbar-nav .dropdown .dropdonitem-changes {
    background-color: white;
    border-radius:10px;
}

.dropdown-item:focus, .dropdown-item:hover {
    text-decoration: none;
    background-color: #007FC0;
    border-radius: 20px;
}
.dropdown-divider {
    height: 0;
    margin: .25rem 0;
    overflow: hidden;
    border-top: 1px solid #007FC0;
}

.colmargin {
margin-top: 5px;
}


/* following is for navigation modal */

.sidenav {
                height: auto;
                width: 0;
                position: absolute;
                z-index: 1;
                top: 0;
                right: -45%;
                background-color: white;
                overflow-x: hidden;
                transition: 0.5s;
                padding-top: 2px;
                color :  #007FC0;
                display:none;
                border: 2px solid #007FC0;
                
                border-radius:10px;
                margin-top:-20%;
            }

            .sidenav a {
                padding: 2px;
                text-decoration: none;
                font-size: 12px;
                color :  #007FC0;
                display: block;
                transition: 0.3s;
                border: 1px dotted #007FC0;
               
                font-weight: normal;
               
                
            }
            
            
.navcolor:hover
{

 background-color: #007FC0;
 color: white !important;
  border-radius:20%;
}
            .sidenav a:hover {
                
                background-color: #007FC0;
                color: white;
                 border-radius:20%;
            }

        .sidenav .closebtn {
                position: absolute;
                top: 0;
                /* right: 25px; */
                font-size: 36px;
                margin-left: 0px;
            }


            #main {
                transition: margin-left .5s;
                padding: 16px;
            }

.sidenavOnline {
                min-height: 300px;
                width: 0;
                position: absolute;
                z-index: 1;
                top: 0;
               right: -30%;
                overflow-x: hidden;
                transition: 0.5s;
                padding-top: 2px;
                
                display:none;
                border: 2px solid #007FC0;
                background-color: white;
                border-radius:10px;
                margin-top:60%;
                color :  #007FC0;
            }

            .sidenavOnline a {
                 padding: 2px;
                text-decoration: none;
                font-size: 12px;
                color :  #007FC0;
                display: block;
                transition: 0.3s;
               border: 1px dotted #007FC0;
                font-weight: normal;
            }

            .sidenavOnline a:hover {
               background-color: #007FC0;
                color: white;
                 border-radius:20%;
            }

            .sidenavOnline .closebtn {
                position: absolute;
                top: 0;
                /* right: 25px; */
                font-size: 36px;
                /* margin-left: 50px; */
            }

            #main {
                transition: margin-left .5s;
                padding: 16px;
            }

          .sidenavInformation {
                min-height: 200px;
                width: 0;
                position: fixed;
                z-index: 1;
                top: 0;
               left: 83%;
                
                overflow-x: hidden;
                transition: 0.5s;
                padding-top: 2px;
                
                
                 display:none;
                border: 2px solid #007FC0;
                background-color: white;
                border-radius:10px;
                margin-top:7%;
                color :  #007FC0;
            }

            .sidenavInformation a {
                   padding: 2px;
                text-decoration: none;
                font-size: 12px;
                color :  #007FC0;
                display: block;
                transition: 0.3s;
               border: 1px dotted #007FC0;
                font-weight: normal;
            }

            .sidenavInformation a:hover {
             background-color: #007FC0;
                color: white;
                 border-radius:20%;
            }

            .sidenavInformation .closebtn {
                position: absolute;
                top: 0;
               /*right: 25px; */
                font-size: 36px;
                 /* margin-left: 50px;*/
            }

            #main {
                transition: margin-left .5s;
                padding: 16px;
            }

            @media screen and (max-height: 450px) {
                .sidenavInformation {padding-top: 15px;}
                .sidenavInformation a {font-size: 12px;}
            }
            
            
            
   .sidenavKnowledge {
                min-height: 200px;
                width: 0;
                position: fixed;
                z-index: 1;
                top: 0;
               left: 84%;
                overflow-x: hidden;
                transition: 0.5s;
                padding-top: 2px;
                
                
                display:none;
                border: 2px solid #007FC0;
                background-color: white;
                border-radius:10px;
                margin-top:25%;
                color :  #007FC0;
            }

            .sidenavKnowledge a {
               padding: 2px;
                text-decoration: none;
                font-size: 12px;
                color :  #007FC0;
                display: block;
                transition: 0.3s;
               border: 1px dotted #007FC0;
                font-weight: normal;
            }

            .sidenavKnowledge a:hover {
             background-color: #007FC0;
                color: white;
                 border-radius:20%;
				
            }

            .sidenavKnowledge .closebtn {
                   position: absolute;
                top: 0;
                /* right: 25px; */
                font-size: 36px;
               /*  margin-left: 50px; */
            }

            #main {
                transition: margin-left .5s;
                padding: 16px;
            }

            @media screen and (max-height: 450px) {
                .sidenavKnowledge {padding-top: 15px;}
                .sidenavKnowledge a {font-size: 12px;}
            }
            
  .last-div {
    background: #1f2021;
    padding: 8px 0;
    position: relative;
    margin-left: 30%;
	
}

.container {
    max-width: 100%
}

.navdropdownProperties {
    background-color: #154D32;
}
.dropdownitem-colour {
color: white;
font-weight:bold;
}




/* Image slide show begins*/
 
        /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 051 css*/
        .jssorb051 .i {position:absolute;cursor:pointer;}
        .jssorb051 .i .b {fill:#fff;fill-opacity:0.5;}
        .jssorb051 .i:hover .b {fill-opacity:.7;}
        .jssorb051 .iav .b {fill-opacity: 1;}
        .jssorb051 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 051 css*/
        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}
    

/* Image slide show  end*/



.entitiesButtons {
    background-color: #24325D;
margin-bottom: 10px; }

p.bigtext1 
{
	font-family:"calibri";
	font-size:200%;
	font-weight : bold;
	 color:rgb(44,139,132);
     word-wrap: nowrap;
	 
}


.single_sidebar {
    background: url("../images/NAQFE.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
 width: 260px;
height: 45px;
border-radius: 10px;
box-shadow: 0px 1px 3px #666666;
font-family: Arial;
color: #000000;
font-weight: bold;
text-decoration: none;
}
.clearfix {
    overflow: hidden;
}


/*adminLoginPage image settings starts*/
imgadmin {
    width: 50%;
    height: 50%;
}
imgadmin {
    vertical-align: middle;
}
imgadmin {
    border: 0;
}

.lift-offlink {
    text-decoration: none;
    border: 2px solid #ddd1dd;
    border-radius: 50%;
    padding: 10px;
}

/*adminLoginPage image settings ends*/



 .zoom:hover {
     transform: scale(1.5);
 }
 

.horizontalbutton {
margin-right: 3px;
padding: 0px;
color: white;
 font-weight: bold;
width:95px;
height:100px;

}



 .horizontalbutton img {
  width:40px;
     height:35px;
 
 }
 .horizontalbuttongroup {
 
 margin-top: 10px;
 margin-left: 9px;
 }
 
 .horizontalbuttongroup .horizontalbutton img {
 
  width:40px;
     height:35px;
 }
 
 
 
 /*side sticky menu styles start */
 
 
.wrapermaindiv{
   
    width: 50px;
    height: 60px;
    border-radius: 4px;
    border: #3B8E9C;
   background: #007FC0;
}

.textside {
    float:left; 
    width:60px; 
    height:50px; 
    margin-left: 1px;
    border-radius: 15px;
   text-align: center;
   font-weight: bold;
   color: white;
   padding-top: 7px;
}
.imageside {
     float:left; 
    width:50px; 
    height:50px; 
    
    margin-top: 3px;
}
.border-styles1 {
    
    border-radius: 50%;
    background-image: url('../images/homepage/cash.jpg');
    
    background-size: contain;
    
}
.border-styles2 {
    
    border-radius: 50%;
    background-image: url('../images/homepage/library.jpg');
    
    background-size: contain;
    
}

.border-styles3 {
    
    border-radius: 50%;
    background-image: url('../images/homepage/canteen.png');
    
    background-size: contain;
    
}
.border-styles4 {
    
    border-radius: 50%;
    background-image: url('../images/homepage/leave.png');
    
    background-size: contain;
    
}

.border-styles5 {
	border-radius: 50%;
    background-image: url('../images/homepage/email.jpg');
    
    background-size: contain;
}

.border-styles6 {
	border-radius: 50%;
    background-image: url('../images/homepage/phone.jpeg');
    
    background-size: contain;
}
.border-styles7 {
	border-radius: 50%;
    background-image: url('../images/homepage/weather.jpg');
    
    background-size: contain;
}

.border-styles8 {
	border-radius: 50%;
    background-image: url('../images/homepage/dutyicon1.jpg');
    
    background-size: contain;
}


.text-display {
    display: none; 
    font-size:14px;
    
}
.wrapermaindiv:hover .text-display {
     display: block;  
    
}
.wrapermaindiv:hover {
     width: 120px;
    height: 60px;
}
 .iconsdiv {
 position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);

 
 }
 /* side sticky menu styles  */
 
 .image-height {
    height: 100%;
    width: 100%
}
.header-image {
	background-size:cover;
}
 
 /* container div styles  start*/
 
 
 
 /* container div styles  end*/


.imagesApplications1 {
     float:right; 
    width:120px; 
    height:90px; 
    

    background-image: url('../images/homepage/applicationimg.png')  ;
    background-color: green;
    background-size: cover;
}

.imagesApplications2 {
     float:left; 
    width:80px; 
    height:80px; 
    
 border-radius:25%;
    background-image: url('../images/homepage/knowledge.png')  ;
    background-color: green;
    background-size: cover;
}
.imagesApplications3 {
   float:left; 
    width:120px; 
    height:90px; 
    

    background-image: url('../images/homepage/online-services.jpg')  ;
    background-color: green;
    background-size: cover;

}

.imagesApplications4 {
   float:left; 
    width:120px; 
    height:90px; 
    

    background-image: url('../images/homepage/informationweb.png')  ;
    background-color: green;
    background-size: contain;

}


/* ------------------------------------------------enlarge Image Property starts here------------------------------------------------------------ */

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal1 {
   display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
   text-align:centre; /* Location of the box */
    left: 5%;
    top: 0;
    width: 90%; /* Full width */
    height: 99%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content1 {
   margin: auto;
    display: block;
    width: 960px;
	height: 720px;
	padding:5px;
   /* max-width: 800px;*/
}

/* Caption of Modal Image */
#caption {
      margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content1, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content1 {
        width: 100%;
    }
}
/* ------------------------------------------------enlarge Image Property ends here------------------------------------------------------------ */

/******************latestnewsandevent page style start**************************/
.noticeDiv
{
border: 2px solid #007FC0;
width: 100%;
margin-top: 10px;
border-radius: 20px;
overflow: auto; 
}

.noticetbl {
	width:100%;
	height:100%;
border-radius:20px;
background-color:#007FC0 ;
color: white;
text-decoration: none;
}
.noticetbl a{
	color: white;
text-decoration: none;
outline: none;
}




/******************latestnewsandevent page style start**************************/



.directorsDivMain {
	border: #0f90ef solid 1px;
 border-radius: 5px;
background-color: #007FC0;
display: block;
text-align: center;
margin-left: 2px;
margin-top: 2px;  
}

.pstyle {
	  color: white; 
   margin-bottom:2px;
   font-size: 10pt;
}
.header-content-font {
font-size:14px;
}
.body-content-font {
font-size:16px;
}

/* software download image alignment*/

.img-sw-utilities {
    float:right;
}

/* common font for heaer*/
.common-font-header-main{
  font-family: calibri !important;
    font-size: 20px;  
}

.common-font-header{
  font-family: calibri !important;
    font-size: 18px;  
}
/* common font for container*/
.common-font-content{
   font-family: calibri !important; font-size: 16px; 
   line-height:21px;
}