/*Copyright (c) 2020 Irfan Ali under Creative Tech Solutions
All Rights Reserved
 
This application and its resources i.e Custom CSS JS Script and other UI is protected by copyright and distributed under
licenses restricting copying, distribution and decompilation.
*/

	 .notification-item {
		 min-height: 80px;
    width: 100%;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 7px;
    padding: 5px;
 border-radius: 16px;
background:white;
margin-top:7px
 }
	 .notification-title {
font-size:14px;
font-weight:bold;
  vertical-align: middle;
  text-align: center; 
text-overflow: ellipsis;
  width:99%;
	 }
 .notification-description {
 font-size:13px;
  text-align: center; 
height:100%;
padding-bottom:13px;
	 }
	 
.timeagotext{	 
float:right;
margin-top:-26px;
margin-right:9px;

}


 .listview{min-height: 80px;
    width: 100%;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 0px 17px 0px #f09819;
    margin-bottom: 20px;

	margin-top: 10px;
    padding: 9px;
 border-radius: 22px;
background:white;

 }


	 .fetchtable{min-height: 80px;
    width: 100%;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 0px 17px 0px #041627 ;
    margin-bottom: 20px;
	margin-top: 10px;
    padding: 5px;
 border-radius: 8px;
background: linear-gradient(to right, #000428, #004e92);

	 }

	 .dash{min-height: 80px;
    width: 100%;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 0px 17px 0px #041627 ;
    margin-bottom: 20px;
	margin-top: 10px;
    padding: 5px;
 border-radius: 25px;
background:white;

 }
 
 	 .dash-table{
	min-height: 50vh;
    width: 100%;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 0px 17px 0px #041627 ;
    margin-bottom: 20px;
	margin-top: 10px;
    padding: 5px;
 border-radius: 25px;
background:white;

 }
  	 .dash-view{
	min-height: 65vh;
    height: 65vh;
    width: 100%;
	overflow-y:auto;
	overflow-x:hidden;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 0px 17px 0px #041627 ;
    margin-bottom: 20px;
	margin-top: 10px;
    padding: 5px;
 border-radius: 25px;
background:white;

 }
 .read-text{
	 font-weight:bold;
	 letter-spacing:1px;
	 color:#001039;
 }
 	 .dash-green{min-height: 90px;
    width: 100%;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 0px 17px 0px #00cf2f ;
    margin-bottom: 20px;
	margin-top: 10px;
    padding: 5px;
 border-radius: 25px;
background:#00cf2f;

 }
 
 	 .dash-yellow{min-height: 90px;
    width: 100%;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 0px 17px 0px #ffcf3f ;
    margin-bottom: 20px;
	margin-top: 10px;
    padding: 5px;
 border-radius: 25px;
background:#ffcf3f;

 }
 .dash-primary {
    min-height: 90px;
    width: 100%;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -1px 0px 17px 0px #24e6ff;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 5px;
    border-radius: 25px;
    background: #24e6ff;
}
  .dashmin{
	  min-height: 50px;
    width: 100%;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
    padding: 10px;
 border-radius: 25px;}
 
 
  .dashitemminleft{
float:left;
padding-top:4px;	
padding-left:4px;	
font-size:12px; 
 }
  .dashitemminright{
float:right;
padding-top:4px;
padding-right:4px;	
font-size:13px; 
font-weight:bold;
 }
 .dashitemleft{
float:left;
padding-left:4px;	
font-size:12px; 
 }
  .dashitemright{
float:right;
padding-right:4px;	
font-size:14px; 
font-weight:bold;
 }
 
.info-box-icon {

    height: 100%;
    width:100%;
    text-align: center;
    font-size: 28px;
    line-height: 65px;
    border-radius: 100%;
	padding-top:12px;
	padding-bottom:12px;
padding-right:14px;
padding-left:14px;


	
}

.icon-menubox{
	height: 60px;
    line-height: 58px;
    width: 60px;
    font-size: 32px;
	background: #0575E6; 
background: -webkit-linear-gradient(to right, #3c37f1, #0575E6);  
background: linear-gradient(to right, #3c37f1, #0575E6);
	color: white !important;
	border-radius:100%;
	box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;
	display: inline-block;
    vertical-align: middle;
    text-align: center;
	padding-top:5px;
	padding-bottom:5px;
	}

.footer_bottom_web_options {

    background: #F09819;
    background: -webkit-linear-gradient(to right, #F09819, #FF512F);
    background: linear-gradient(to right, #F09819, #FF512F);
	margin-top:10%;
	padding-top: 7px;
	padding-bottom: 7px;
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;

   color: white;
   text-align: center;
    clear: both;
 z-index: 8;
 border-top-left-radius: 13px;
  border-top-right-radius: 13px;
}
.app_footer_item{
	padding-left:10px;
	padding-right:10px;
}
#banner-box {

	margin-top:51px;
    position: fixed;
    width: 100%;
    z-index: 8;
}
.banner-info 
{
    text-align: center;
    background-repeat:no-repeat;
     background: #fff;
     border-radius:8px;
         margin-top:10px;
		margin-bottom:0px;
		margin-left:10px;
		margin-right:10px;
		padding-top:10px;
		padding-bottom:10px;
}
#menu-box {
 
	margin-top:247px;
    position: fixed;
    width: 100%;
    z-index: 1;
}



.menu-info 
{
    text-align: center;
    background-repeat:no-repeat;
     background: #fff;
     border-radius:8px;
		margin-bottom:0px;
		margin-left:10px;
		margin-right:10px;

		padding-bottom:10px;
}

#play-box {

	margin-top:51px;
    position: fixed;
    width: 100%;
    z-index: 8;
}
#text2
  {
  
  font-weight:bold;
    font-size: 24px;
  }
  .anim-slide h2
  {
    color: #fff;
    font-size: 24px;
  }
  .anim-slide h3
  {
    color: #fff;
    font-size: 24px;
  }
  .anim-slide h4
  {
    color: #fff;
    font-size: 24px;
  }
  .anim-slide #text1{ font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1; width:100%;top: 5px;}
  .anim-slide #text2{ font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px; width:100%;top: 20%;}
  .anim-slide #text3{ font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1; width:100%;top: 40%;}
  .anim-slide #text4{ font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1; width: 100%;top: 55%;}
   .anim-slide img#logobanner{height:40px;width:150px;top: 20%;left: 29%;} 

  .anim-slide #animation1{top: -1%;left:5%;font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px;}
  .anim-slide #animation2{top: 12%;left: 24%;font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px; }
  .anim-slide #animation3{top: 25%;left: 32%;font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px; }
  .anim-slide #animation4{top: 40%;left: 42%;font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px; }
  .anim-slide #animation5{top:55%;left: 60%;font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px; }
  .anim-slide #animation6{top: 70%;left: 65%;font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px; }
  .anim-slide #animation7{top: 80%;left:68%;font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px; }
  .anim-slide #animation8{top: 95%;left: 56%;font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px; }
  .anim-slide #animation9{top: 50%;left: 64%;font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px;}
  .anim-slide #animation10{top: 50%;left: 100%;font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px; }

  .anim-slide #banneradd1{left: 5%;top: 1%;font-size:17px;font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px; }
  .anim-slide #banneradd2{left: 5%;top: 15%;font-size:17px;font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px; }
  .anim-slide #banneradd3{top: 30%;left: 20%;font-size:17px;font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px; }
  .anim-slide #banneradd4{top: 45%;left: 20%;font-size:17px;font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px; }
  .anim-slide #banneradd5{top: 60%;left: 10%;font-size:17px;font-weight:bold;color: white; text-shadow: rgb(32 86 235)  2px 2px; opacity: 1;padding: 6px; }
  

  
  @media all and (max-width: 530px) and (min-width: 200px) {
  
 #slidebanner{
 height:180px;
 border-radius: 12px;
 border:5px solid  #eee; 
}
 } 
 
   @media all and (max-width: 1600px) and (min-width: 531px) { 
 #slidebanner{
 height:180px;
 border-radius: 12px;
 border:5px solid  #eee; 
}
#menu-box {
	margin-top:0px;
}
 } 
 
   
  
 .infotext
{
background: -webkit-gradient(linear, left top, left bottom, from(#FF512F), to(#F09819));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  font-size:14px;
  font-weight:bold;

}
#info-box {

	margin-top:51px;
    position: fixed;
    width: 100%;
    z-index: 88;
}

.info-section
{
    text-align: center;
    background-repeat:no-repeat;
background:#f8f9fa;
     border-radius:8px;
         margin-top:10px;
		margin-bottom:0px;
		margin-left:10px;
		margin-right:10px;
		padding-top:2px;
		padding-bottom:2px;
} 

.app_popup_overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;

  padding-right:6px;
  padding-left:6px;
}
.app_popup_overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup_app_section {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: auto;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup_app_section .close {
  position: absolute;
  top: 1px;
  right: 10px;
  transition: all 200ms;
  font-size: 35px;
  font-weight: bold;
  text-decoration: none;
  color: #CDDC39;
}
.close_red {
  position: absolute;
  top: 1px;
  right: 10px;
  transition: all 200ms;
  font-size: 35px;
  font-weight: bold;
  text-decoration: none;
 color: #e80505;
}


.popup_app_section .close:hover {
  color: #06D85F;
}
.popup_app_section .body_content {
  max-height: 100%;
  overflow: auto;
  text-align:center;
  margin-top:10px;
}

@media screen and (max-width: 700px){

  .popup_app_section{
    width: 95%;
  }
}

#contents-section {

	margin-top:80px;
    position: fixed;
    width: 100%;
    z-index: 8;
	

}
.page-contents-listing {
    overflow-y: auto;
    height: 82vh;
    overflow-x: hidden;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}


.page-contents
{
overflow-y:auto;
height:82vh;
overflow-x:hidden;
     border-radius:8px;
         margin-top:10px;
		margin-bottom:0px;
		margin-left:0px;
		margin-right:0px;
		padding-top:2px;
		padding-bottom:2px;
		   padding-left: 14px;
    padding-right: 14px;
		
}
.menu_header {
text-align:center;
   color:white;
    font-size: 17px;
    font-weight: bolder;
    text-shadow: rgba(160, 160, 160, 0.25) -4px -3px 0px;
    opacity: 1;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/****** table  ******/	
.table-wrapper {
  margin: 0 auto;
  padding: 5px;
  max-width: 90%;
  margin-bottom:0px;
}

.table-listing {
  margin: 0 0 10px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
}
@media screen and (max-width: 580px) {
  .table-listing {
    display: block;
  }
}

.row-table {
  display: table-row;
  background: #fff9c482;
  font-weight:bold;
}
.row-table:nth-of-type(odd) {
  background: #f2f7fb;
}
.row-table.header {
  font-weight: 900;
  color: #ffffff;
  background: #c4defb6b;
  font-size:14px;
}

@media screen and (max-width: 580px) {
  .row-table {
    padding: 14px 0 7px;
    display: block;
	border-bottom: 5px solid rgb(30 88 235);
  }
  .row-table.header {
    padding: 0;
    height: 6px;
  }
  .row-table.header .cell-table {
    display: none;
  }
  .row-table .cell-table {
    margin-bottom: 4px;
  }
  .row-table .cell-table:before {
    margin-bottom: 3px;
    content: attr(data-title);
    min-width: 98px;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
	 font-size:13px;
    text-transform: uppercase;
    color: rgb(30 88 235);
    display: block;
  }
}

.cell-table {
  padding: 6px 12px;
  display: table-cell;
   font-size:13px;
}
@media screen and (max-width: 580px) {
  .cell-table {
    padding: 1px 16px;
    display: block;
  }
  .table-wrapper {
  max-width:100%;
}

}
/****** table  ******/	
		/****** Bell Notification ******/	
.faa-ring {
    color: #041627;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    2% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    4% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    6% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    8% {
        -webkit-transform: rotate(-22deg);
        -ms-transform: rotate(-22deg);
        transform: rotate(-22deg)
    }

    10% {
        -webkit-transform: rotate(22deg);
        -ms-transform: rotate(22deg);
        transform: rotate(22deg)
    }

    12% {
        -webkit-transform: rotate(-18deg);
        -ms-transform: rotate(-18deg);
        transform: rotate(-18deg)
    }

    14% {
        -webkit-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg)
    }

    16% {
        -webkit-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    18% {
        -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    20% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover>.faa-ring {
    -webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0px;
    transform-origin-z: initial
}	
	
	
	/****** Bell Notification ******/

  table {
	margin-top:9px;
	margin-bottom:5px;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #fff59f;
}

th, td {
  text-align: center;
  padding: 8px;
 color: black; 
}
.secondhead{background-color: transparent;
  border: 1px solid #fff59f;
width:58%;
font-size:13px;
font-weight:bold;
color:white;
}


.firsthead{
color:#000000;
  border: 1px solid #fff59f;
width:42%;
font-weight:bold;
color: white;
font-size:12px;
}
.Confirmed{
	background-color: #03b62c;  
  color:white;
}
.Pending{
	background-color: #041627;
}

.dash-table-th th {
font-size:16px;
background:#0575e6;
font-weight:bold;
letter-spacing:1px;
color:white;
border-top: 1px solid #0575e6;
}
.dash-table-td{
font-size:13px;
background:#e8e5e5;
font-weight:bold;
letter-spacing:1px;
}

.td_about{color:white;text-align:center;font-weight:bold;width:100%;}
 /*Copyright (c) 2020 Irfan Ali under Creative Tech Solutions
All Rights Reserved
 
This application and its resources i.e Custom CSS JS Script and other UI is protected by copyright and distributed under
licenses restricting copying, distribution and decompilation.
*/