@charset "utf-8";
/*-------------------------------GLOBEL Function For Soide Menu----------------------------- */
* {
    box-sizing: border-box;
	margin:0;
	}
.row:after {
    content: "";
    clear: both;
    display:block;
	}
[class*="col-"] {
    float: left;
    padding-left:10px;
	padding-top:2px;
	padding-bottom:10px;
	padding-right:10px;
	}
[class*="para-"] {
    float: left;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
	margin:0px;
    }
.para-1 {width: 15%;border-right:1px solid #007399;box-shadow: 1px 0px 1px #33b5e5;background-color: #90C4F4;}
.para-2 {width: 85%;padding-left:30px; padding-top:5px; background-color:#FFF; min-height:calc(100vh - 4.4em);}	
.para-3 {width: 60%; text-align:right; padding-right:10px;}
.para-4 {width: 40%; padding-top:2px;}
.para-5 {width: 100%;}
.para-6 {width: 100%;padding-left:10px; padding-top:10px; background-color:#FFF; min-height:calc(100vh - 4.4em);}
.para-7 {width: 45%;}
.para-8 {width: 23%;}
.para-9 {width: 32%;}
.para-10 {width: 10%;}
.para-11 {width: 15%;}
.para-12 {width: 40%;}
.para-13 {width: 60%;}
.para-14 {width: 28%;}

.col-1{ width:20%; height:60px; border: 1px solid #ccc; padding:0; border-radius: 5px 5px 5px 5px; float:left; margin-bottom:25px; 
  margin-right:5%; font-size:11px;text-align:center;} .col-1:hover { background-color:#F0F0F0;}
.col-2{ width:45%; height:60px;border: 1px solid #ccc; padding:0; border-radius: 5px 5px 5px 5px;  float:left; margin-bottom:25px;
  margin-right:5%; font-size:11px; text-align:center;} .col-2:hover { background-color:#F0F0F0;}
.col-3{ width:65%; height:300px;  border: 1px solid #ccc; padding:0; border-radius: 5px 5px 5px 5px; float:left;  margin-bottom:25px;
  margin-right:2%; font-size:11px;  text-align:center;} .col-3:hover { background-color:#F0F0F0;}
.col-4{ width:28%; height:300px;  border: 1px solid #ccc; padding:0;  border-radius: 5px 5px 5px 5px; float:left; margin-bottom:25px;
  margin-right:5%; font-size:11px; text-align:center;} .col-4:hover { background-color:#F0F0F0;}
.col-5{width: 60%; padding-left:15px; text-align:left;}
.col-6{width: 40%; padding-right:25px; text-align:right;}
/*-------------------------COUNTER CSS---------------------------------*/
@property --from {
  syntax: '<integer>';
  initial-value: 0;
  inherits: false;
}

.counter {
  transition: --from 1s;
  counter-reset: int var(--from);
  animation: counter var(--time, 1000) forwards ease-in-out;
}

.counter::after {
  content: counter(int);
}

@keyframes counter {
  to {
    --from: var(--to, 100);
  }
}
/*--------------------------END COUNTER CSS----------------------------*/
.new_menu{font-size:13px; line-height:28px; color:#242D3F; padding-left:10px;}
.menu_col{color:#E2EEFA;}
.line{border-bottom: 1px solid #242D3F;}
html, body { margin:0; font-family:Calibri; font-size:12px;}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	line-height:25px;
}
a
{
	color:#663366; text-decoration:none; outline:none; cursor:pointer;
}
a:hover
{
	color:#033C76;
}
.small{ font-size:11px; color:}
.white{color:#FFF;font-weight:bold;}
.mark{ font-size:13px; background-color:#FF0; font-weight:bold;}
.blue_dark{color:#033C76; font-weight:bold; font-family:Calibri;}
.red{ color:#ff0000; font-weight:bold; font-family:Calibri; }
.green{ color:#030; font-weight:bold; font-family:Calibri; }
.white:hover{color:#ffff00;}
.bld_12 {font-weight:bold; font-size:12px;}
.bld_14 {font-weight:bold; font-size:14px;}
.bld_16 {font-weight:bold; font-size:16px;}
.bld_18 {font-weight:bold; font-size:18px;}
.bld_20 {font-weight:bold; font-size:20px;}
.bld_22 {font-weight:bold; font-size:22px;}
.bld_24 {font-weight:bold; font-size:24px;}
.bld_26 {font-weight:bold; font-size:26px;}
.bld_28 {font-weight:bold; font-size:28px;}
.bld_30 {font-weight:bold; font-size:30px;}
.desc{ width:200px; float:left;}
.desc1{ width:300px; float:left;}
.desc2{ width:125px; float:left;}
.desc3{ width:250px; float:left;}
.desc4{ width:175px; float:left;}
.team{ width:125px; float:left; padding-bottom:25px;}
.footer {
    background-color:#033C76;
    color:#FFF;
    text-align:right;
    font-size: 12px;
    padding: 5px;
	width:100%;
}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
	 [class*="para-"] {
        width: 100%;
    }
}
@media screen and (max-width: 600px) {

    table {
      border: 0;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
	  font-size: 13px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label)":";
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
  }
/*------------------------------------------------Table Style Sheet----------------------------------------*/
@media print { 
   * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; } 
   thead {display: table-header-group;}
   table tr{ page-break-after:avoid; }
}
.prnt_table{width:100%;border-collapse:collapse;font-size:13px;}
.prnt_table td{border: 1px #033C76 solid; padding: 2px 3px 2px 3px;}
.prnt_table th{border: 1px #006080 solid; padding: 3px 3px 3px 3px; font-size:12px; text-transform: uppercase; text-align:left; color:#FFF; background-color:#033C76;}
.prnt_table tr:hover {  background-color: #e2eefa;}
.prnt_table th[data-sort]{ cursor:pointer; text-decoration: underline; }
.prnt_table td:empty::after { content: "."; visibility: hidden;}

/*--------------------------------------------------------END------------------------------------------------*/
fieldset
{
-moz-border-radius: 7px; 
border: 1px #dddddd solid;
padding: 10px;
width: 100%;
margin-top: 10px;
min-height:calc(100vh - 12em);
}

fieldset legend
{
border: 1px #dddddd solid; 
color: black; 
box-shadow: 3px 3px 15px #bbb;
font-size: 13px;
padding-right: 5px;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;

-moz-border-radius: 3px;
}
input[type=submit] {
	background: #033C76;
	background: -moz-linear-gradient(top,#033C76 0%,#033C76 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#033C76), color-stop(100%,#033C76));
	background: -webkit-linear-gradient(top,#033C76 0%,#033C76 100%);
	background: -o-linear-gradient(top,#033C76 0%,#033C76 100%);
	background: -ms-linear-gradient(top,#033C76 0%,#033C76 100%);
	background: linear-gradient(top,#033C76 0%,#033C76 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#033C76',endColorstr='#033C76',GradientType=0);
	padding:4px 6px;
	color:#fff;
	font-family:'Helvetica',sans-serif;
	font-size:11px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border:1px solid #1A356E
}
input[type=button] {
	background: #033C76;
	background: -moz-linear-gradient(top,#033C76 0%,#033C76 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#033C76), color-stop(100%,#033C76));
	background: -webkit-linear-gradient(top,#033C76 0%,#033C76 100%);
	background: -o-linear-gradient(top,#033C76 0%,#033C76 100%);
	background: -ms-linear-gradient(top,#033C76 0%,#033C76 100%);
	background: linear-gradient(top,#033C76 0%,#033C76 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#033C76',endColorstr='#033C76',GradientType=0);
	padding:4px 6px;
	color:#fff;
	font-family:'Helvetica',sans-serif;
	font-size:11px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border:1px solid #1A356E
}
hr{
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: .4em 0;
  border: none;
  background: #ddd;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      right bottom,
      color-stop(0, rgb(255,255,255)),
      color-stop(0.1, rgb(221,221,221)),
      color-stop(0.9, rgb(221,221,221)),
      color-stop(1, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      left center,
      rgb(255,255,255) 0%,
      rgb(221,221,221) 10%,
      rgb(221,221,221) 90%,
      rgb(255,255,255) 100%
  );
}
.radio-but{padding-top:5px;}
.heading1{font-weight:bold; font-size:13px;}
.heading2{font-weight:bold; font-size:14px;}
.heading3{font-weight:bold; font-size:15px;}
.heading4{font-weight:bold; font-size:16px;}
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(232, 247, 252); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgb(51, 181, 229); 
    -webkit-box-shadow: inset 0 0 6px rgb(232, 247, 252); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgb(232, 247, 252); 
}
#popBox {
		position:absolute;
		z-index:200; /* aaaalways on top*/
        padding: 10px;
        margin-left: 10px;
        margin-top: 5px;
		width: 250px;
        font-size: 12px;
		display:inline;
		color:#111;
        border:1px solid #DCA;
	    background:#fffAF0;
       	}
/*--------------------------------------------------------END------------------------------------------------*/
/*----------------------------------------------------Tooltip--------------------------------*/
#tooltip
{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
}
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }
/* CSS Document */