.greenn{color:#2874f0;}
  .about-title_head{font-size:22px;padding-left:5px;margin-left: 16px;}
  .title_red{color:#8A6D3B;text-shadow:1px 1px 1px #8A6D3B;border-left:3px solid #8A6D3B; margin-bottom:12px;float:left;}  
  .title_red_no_border{color:#f2545f;}  
  .title_redd_no_border{color:red;text-align:center;}
  .title_green_no_border{color:#3BB9FF;text-shadow: 0 0 0px #3BB9FF;}
  .title_green{color:#3BB9FF;text-shadow:1px 1px 1px #3BB9FF;border-left:3px solid #3BB9FF;margin-bottom:12px;float:left;}
  .title_blue{color:#2874f0;text-shadow:1px 1px 1px #2874f0;border-left:3px solid #2874f0;margin-bottom:12px;float:left;}
  .title_yellow{color:#3BB9FF;text-shadow:1px 1px 1px whitesmoke;border-left:3px solid #3BB9FF;margin-bottom:12px;float:left;}
  .title_kmp{color:#3BB9FF;text-shadow:1px 1px 1px #3BB9FF;border-left:3px solid #3BB9FF;margin-bottom:12px;float:left;}
  
  
  .completed_block_red{color:#8A6D3B;text-shadow: 1px 1px 1px #8A6D3B;}   
  .completed_block_green{color:#8A6D3B;text-shadow: 1px 1px 1px #8A6D3B;}           
  .completed_block_blue{color:#8A6D3B;text-shadow: 1px 1px 1px #8A6D3B;}
  .completed_block_yellow{color:#8A6D3B;text-shadow: 1px 1px 1px #8A6D3B;}     
  .completed_block_kmp{color:#8A6D3B;text-shadow: 1px 1px 1px #8A6D3B;}      
           
  
  .incomplete_block{color:#8A6D3B;text-shadow:1px 1px 1px #8A6D3B;font-size: 18px;}              
  
  .sub_fields{font-size: 16px;color:#4CC552;}
   .sub_head_title{font-size:18px;color:orange;}
   
  
  .modal-body     
{     

/* background: url("../images/aplogo_bg.jpg"); */    
   background-color:white;
   background-repeat: no-repeat;
    background-position: center; 
     background-position: 100% 0%; 
      background-size: 80px 80px;
    position: relative;
    opacity:1;
}
  
   
  
  .fb {
    padding:7px;	  
    float:left;
    color:white; 
    margin: 0px;   
    text-align:center;
    box-shadow:0 5px 3px rgba(0,0,0,0.3);
    margin-left:8px;
    cursor: pointer;
    border-radius:3px;
    background-color:#2a3d77;
     
}

.pad{padding:11px!important;}

	.fb_green {
    padding:3px;	
    float:left;
    color:white; 
 
     margin: 0px;   
    text-align:center;
    box-shadow:0 8px 20px rgba(0,0,0,0.3);
    margin-left:8px;
    cursor: pointer;
    border-radius:4px;
    background-color:green;
       
}

	.green_tick {
    padding:11px;	
    float:left;
    color:white; 
     margin: 0px;   
    text-align:center;
    box-shadow:0 8px 20px rgba(0,0,0,0.3);
    margin-left:8px;
    cursor: pointer;
    border-radius:4px;
    background-color:#036d4f;
     
}

.green_tick::before {
    content: "\00a0 \2713 \00a0";
    color:white;
}

.green_tick::after {
    content: "\00a0 \00a0";
   color:white;
}

 
.tablee
{

box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.1); 
 
background-color:white;
border: 1px solid #dddfee;
 

}  

.tablee td
{

/* color:#03a9f4; */
 
font-weight:bold;
font-size:15px;
height: 30px;
padding:8px; 
 font:300 16px/19px Roboto,sans-serif;
	 border: 1px solid #dddfee;
	 

}

.tablee th
{

/* color:#03a9f4; */
 
font-weight:bold;
font-size:14px;
height: 30px;
padding:8px; 
 
border: 1px solid #dddfee;

color:rgb(138, 109, 59)!important;      
background-color:whitesmoke;
	 

}

 			.tablee tr:nth-child(even) {
             background-color:rgba(255,235,205,0.1);
         }  
         
         .blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}




    
   
   @import url("");

#canvas {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}
bg-white{background:#ffffff !important;}
.shadow-left-right {
    background: #ffffff;
    height:auto;
box-shadow: -50px -50px 80px -75px #000000, 50px -50px 80px -75px #000000;}
.banner-sec{ background-size:cover; min-height:500px; border-radius: 0 10px 10px 0; padding:0;}
#playground-container {
height: 500px;
overflow: hidden !important;
}
.main{margin-top:70px;
-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
padding:0px;
}
.container{border-radius:10px;}
.fb:focus, .fb:hover{color:FFF !important;}
body{
background: linear-gradient(to bottom, #009de6, #060ab4);            
font-family: 'Raleway', sans-serif;        
}
.left-side{
padding:0px 0px 100px;
background:#003cff;
background-size:cover;
height:514px;
}
.left-side h1{
font-size: 56px;
font-weight: 900;
color:#FFF;
padding: 50px 10px 00px 26px;
}
.left-side p{
font-weight:600;
color:#FFF;
padding:10px 10px 10px 26px;
}
.right-side{
padding:30px 0px 100px;
background:#FFF;
background-size:cover;
min-height:514px;
}
.right-side h1{
font-size: 38px;
font-weight: 700;
color:#003cff;
padding: 50px 10px 00px 50px;  
}
.right-side p{
font-weight:600;
color:#000;
padding:10px 50px 10px 50px;
}
/*  .form-control{
	 padding:15px;
 } */
.btn-deep-purple {
background: #003cff;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #0127a2, #003cff);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #0127a2, #003cff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
border-radius: 18px;
padding: 5px 19px;
color: #FFF;
font-weight: 600;
float: right;
-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.24);
}
.btn-deep-purple:hover{
background: #0127a2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #003cff, #0127a2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #003cff, #0127a2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color:#ffffff;
}
.nav {
  	font-weight:bold;
}
.nav>li>a:hover, .nav>li>a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background:#fff;
	color:#060cb5;
	font-weight:bold;
}
.dropdown {
    background:#fff;
    width:auto;    
}
.dropdown-menu>li>a {
    color:#060cb5;
	font-weight:bold;
}
.dropdown ul.dropdown-menu {
    border-radius:4px;
    box-shadow:none;
    margin-top:0px;
    width:200px;
}
.dropdown ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 16px;
    z-index: 10;
}
.dropdown ul.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #ccc;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: 14px;
    z-index: 9;
}
.colorgraph {
  height: 2px;
  border-top: 0;
  background: #dddddd;
  
}
.form-control-setting{border:2px solid #0097e4;height:50px;border-radius:0px;font-size:22px;font-family:"arial";}
.btn-blk{height:50px !important;border-radius:0px;}
placeholder{text-transform:uppercase !important;}
.footer-text{color:#ffffff;margin-top:15px;text-align:center;}
.footer-text a{color:#ff8a00;font-weight:bold;}
.table-condensed thead th{background: rgb(230, 140, 0);color:#ffffff;font-size:16px;padding:10px !important;text-transform:uppercase;}
.table-condensed thead th, .table-condensed tbody td {
    font-family: "arial";
    vertical-align: middle !important;
    font-size: 15px;
}
.table-condensed tbody td:first-child {
    color: rgb(92, 97, 99);
    font-size: 17px;
   /*  font-weight: bold !important; */
    vertical-align: middle !important;
   /*  text-align: center; */
}   

.sidebar {
  position:fixed; /* don't you move */    
  top:70px;
  width:170px;
  border:3px solid #ffffff;
  z-index:99;
   
}   

.left {
  left:2.8%;
}

.right {
  left:90%; /* 1% (start) + 14 (width) + 70 (main width) */
}
  
.close-btn{width:36px;height:36px;float:right;position:absolute;top:-25px;clear:both;right:5px;}

.headerr
{
	background-color:#3BB9FF;     
	color:white;
	text-align:center;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	box-shadow:0 5px 10px rgba(0,0,0,0.1);
	}  
	
	.close{color:white;opacity:1;}
	.close:hover{color:white;opacity:1;}
	   
	.fb2{background-color:#3BB9FF;}
	
	.designed{color:#3BB9FF;font-weight:bold;}
	.design_a{color:#3BB9FF;font-weight:bold;text-decoration:underline;}  
	
	
   	.headingg{color:#1589FF;font-size:18px;}
	  .panel-default
{
  /* background: url("../images/bg1.jpg"); */  
   background-color:white;
   background-repeat: no-repeat;
   background-position: center;   
   background-position: 95% 60%; 
   background-size: 100px 100px;
   position: relative;
   opacity:1;
}    

 .ajax_msg{width:360px!important; background-color:white!important; font-weight:500;margin-top:100px; box-shadow:0 5px 20px rgba(0,0,0,0.3); margin-right:3px; right:0px;z-index:1;position:fixed;top:10px; padding:25px;color:green;border-radius:3px; font-size:18px;}

 
 .portlet {
  position: relative;
  padding: 0;
  margin: 0 0 2em;
  margin-top:20px;
  margin-bottom:20px;
}

.portlet-body {
  padding: 0;
  margin: 0;
  background: #fffffff;
}
.portlet-title{color:#ff1e50; font-weight:bold;}

.portlet-boxed .portlet-header {
  padding: 20px 20px;
  border: 1px solid #ddd;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.portlet-boxed .portlet-title {
  display: inline-block;
  margin-bottom: 0;
  font-size: 18px;
}
.portlet-boxed .portlet-title u {
  text-decoration: none;
}
.portlet-boxed .portlet-title:after {
  content: "";
  display: block;
  position: relative;
  bottom: -22px;
  z-index: 100;
  width: auto;
  height: 1px;
  padding: 0 0 0 0;
  margin: 0 -35px 0 0;
  background: #0a3972;
}
.portlet-boxed .portlet-body {
  padding: 25px 25px 25px;
  border: 1px solid #ddd;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.portlet-boxed .portlet-header + .portlet-body {
  padding-top: 30px;
  border-top: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}



.portlet-boxed .portlet-header {
  background-color: #fffffff;
}

.portlet-boxed .portlet-body {
    min-height: 340px;
}





#upload-button {
	width: 150px;
	display: block;
	margin: 20px auto;
}

#file-to-upload {
	display: none;
}

#pdf-main-container {
	width: 400px;
	margin: 20px auto;
}

#pdf-loader {
	display: none;
	text-align: center;
	color: #999999;
	font-size: 13px;
	line-height: 100px;
	height: 100px;
}

#pdf-contents {
	display: none;
}

#pdf-meta {
	overflow: hidden;
	margin: 0 0 20px 0;
}

#pdf-buttons {
	float: left;
}

#page-count-container {
	float: right;
}

#pdf-current-page {
	display: inline;
}  

#pdf-total-pages {
	display: inline;
}

#pdf-canvas {
	border: 1px solid rgba(0,0,0,0.2);
	box-sizing: border-box;
	box-shadow:0 10px 20px rgba(0,0,0,0.1);
	 /* This is half the width */
	margin-top: -5px; /* This is half the height */
}

#page-loader {
	height: 100px;
	line-height: 100px;
	text-align: center;
	display: none;
	color: #999999;
	font-size: 13px;
}



 .table-condensed thead th {
    background: #00cdb1!important;
    color: #ffffff;
    font-size: 16px;
    padding:10px !important;
    text-transform: uppercase;
    border-radius:0px;
}
 
 /* fullpage ovelay loading */
 
 
 
 
.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.5);  
}

.overlay-content {
  position: relative;
  top: 30%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

 

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}