@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Philosopher');
@import url('https://fonts.googleapis.com/css?family=Play:700');
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:300');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900');
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');

@font-face {
    font-family: 'si';
    src: url('../pi/socicon.eot');
    src: url('../pi/socicon.eot?#iefix') format('embedded-opentype'),
         url('../pi/socicon.woff') format('woff'),
         url('../pi/socicon.ttf') format('truetype'),
         url('../pi/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(../pi/socicon.svg) format(svg);
    }
}



*{padding: 0; margin: 0;}

html, body
{
    height: 100%;
}

body{
	position:relative;
	font-family: 'Maven Pro', sans-serif;
	
}

/*************************************** common style start ********************************************/
a{
	text-decoration: none;
}
.form-control, .btn{
	border-radius:0;
}
.text-green{
	color:#59A500;
}
.marright{
	margin-right:8px;
}

.text-yellow{
	color:#f1b73b;
}
.text-lightGray{
	color:#d2d2d2;
}
.text-white{
	color:#fff !important;
}
.form-group{
	margin-bottom:0;
}
.go_center{
	display:table;
	margin:0 auto;
}
.height40{
	height:40px;
}
.width100{
	width:100%;
}
.martopbtn5{
	margin-top:5px;
}
.martopbtn10{
	margin-top:10px;
}
.martopbtn20{
	margin-top:20px;
}
.martop30xs10{
	margin-top:30px;
}
.martop145xs100{
	margin-top:145px;
}
.marbottom30{
	margin-bottom:30px;
}
.mtoplg20xs0{
	margin-top: 20px;
}
.mtoplg40xs0{
	margin-top: 80px;
}
.mtoplg30xs10{
	margin-top: 30px;
}
.marleft30{
	margin-left:30px;
}
.marleft10{
	margin-left:10px;
}
.marleft10xs-3{
	margin-left:10px;
}
.padleftright0{
	padding-left:0;
	padding-right:0;
}
.padleftright2{
	padding-left:2px;
	padding-right:2px;
}
.padleftright5{
	padding-left:4px;
	padding-right:4px;
}
.padright0{
	padding-right:0px;
}
.padright4{
	padding-right:4px;
}
.padleft0{
	padding-left:0;
}
.padleft4{
	padding-left:4px;
}
.marleftright{
	margin-right:0px;
	margin-left:0px;
}
ul{
	margin-bottom:0;
}

.text-blue{
	color:#017FBE;
}



/*************************************** common style close ********************************************/


/*************************************** genarel style start ********************************************/
.topHeader{
	background:#f8f8f8;
	border-bottom:1px solid #ccc;
}
.comLogo img{
	height: 54px;
	padding:8px 0;
}
.userAc{
	background:#2C3135;
	padding:12px 20px;
}
.userAc img{
	height:30px;
	width:30px;
	float:left;
	margin-right:15px;
}
.userAc ul li{
	list-style:none;
	padding: 4px 0;
}
.userAc .dropdown a{
	color:#fff;
	text-decoration:none;
}
.userAc .dropdown .dropdown-menu, .drpul{
	background: #fff;
}
.userAc .dropdown-menu>li>a:focus, .userAc .dropdown-menu>li>a:hover{
	background-color:#2C3135;
	color:#fff;
}

.notiSec{
	padding:8px 0;
}
.notiSec ul li{
	float:left;
	padding: 5px 15px;
	border-left: 1px solid #eee;
	list-style:none;
}
.notiSec ul li:first-child{
	border-left: none;
}
.notiSec ul{
	float:right;
}
.notiSec ul li a{
	color: #9ca0a2;
	font-size:20px;
}
.editBd{
	background:red;
	position:absolute;
	right: 6px;
	top: 3px;
	color:#fff;
	padding:1px 4px;
	font-size:9px;
	border:4px;
}
.notiC{
	position:relative;
}
.drpul{
	left:inherit;
	right:0;
	padding: 0;
}
.drpul>li>a:focus, .drpul>li>a:hover{
	background-color: #eee;
	color: #333;
}
.drpul li a{
	font-size:13px !important;
}
.drpul li{
	padding:0 !important;
	margin:2px 0 !important;
	float:none !important;
}
.vIcon{
	font-size:
}


.searchForm{
	padding:10px 0;
}


.dashBoardSec{
	background:#fff;
}
.leftMenu{
	position:relative;
	background: #f8f8f8;
	width:16%;
	height: 605px;
	/* overflow-x:hidden; */
	/* overflow-y:scroll; */
	float:left;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	border-right: 1px solid #ccc;
}
.middleSec{
	float:left;
	height: 605px;
	width:84%;
	overflow-x:hidden;
	overflow-y:scroll;
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	padding-left: 30px;
	padding-right:10px;
	padding-top: 10px;
}
.headingD{
    background: #fff;
    color: #333;
    font-size: 18px;
    padding: 6px 0;
	padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}

.leftMenuColapse{
	position: absolute;
	top: 40px;
	right: -20px;
	display: block;
	background: #eee;
	color: #333;
	font-size: 14px;
	padding: 4px 7px;
	padding-left: 16px;
	z-index: 999;
	border-radius: 18px;
	cursor:pointer;
}
.leftMenuColapseRight{
	position: absolute;
    top: 40px;
    right: -20px;
    display: block;
    background: #eee;
    color: #333;
    font-size: 14px;
    padding: 4px 7px;
    padding-left: 16px;
    z-index: 999;
    border-radius: 18px;
	cursor:pointer;
	display:none;
}

.leftMenu ul li{
	list-style:none;
	/* padding:3px 0; */
}
.leftMenu ul li:hover a{
	background:#eee;
}
.leftMenu ul li:hover ul li a{
	background:transparent;
}
.leftMenu ul li ul li:hover a{
	background:#eee;
}
.leftMenu ul li a{
	color: #333;
	display:block;
	padding:8px;
	text-decoration:none;
	    border-bottom: 1px solid #eee;
}
.leftMenu ul li ul li a{
	padding:5px 8px;
}

.leftMenu ul li .dropdown-menu {
    position: inherit;
    float: none;
    padding: 0;
    padding-left: 20px;
    margin: 0;
    font-size: 13px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	
    min-width: auto;
}

.leftMenuSec ul li a .menuarrowActive{
	font-size: 23px;
	margin-right: -11px;
	color: #fff;
	display:none;
}

.leftProfileSec{
	padding:20px 10px;
	background: #eee;
}
.leftProfileSec p{
	color: #000;
	margin-bottom:0;
	margin-top:10px;
}
.leftProfileSec img{
	height:40px;
	width:40px;
	border-radius:50%;
}

.leftMenuSec{
	padding:20px 0;
}


.leftMenuDropdown{
	padding-left:25px;
}
.leftMenuDropdown ul li:hover a{
	background:transparent;
}
.leftMenuDropdown ul li a{
	font-size:12px;
	padding:4px 0;
	border:none !important;
}




.eventMainD{
	position: relative;
}
.eventDimg img{
    width: 100%;
    height: 590px;
}

.eventD{
    padding: 15px 30px;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.eventLogoD img{
	height: 70px;
	margin-left: 30px;
}
.eventmainTextD{
	margin-top: -76px;
}
.eventmainTextD h2{
font-family: 'Michroma', sans-serif;
    color: #ffc300;
    font-size: 20px;
    line-height: 45px;
    font-weight: 800;
    letter-spacing: 1px;
    margin: 0;
    text-align: center;
}
.eventdatetimeD{
	margin-top: ;
}
.eventdatetimeD h4{
        font-size: 14px;
    color: #ffc300;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.eventdatetimeD h4 span{
   border: 1px solid #ffc300;
    padding: 4px 20px;
}
.eventwebD{
	position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 999;
}
.eventwebD p{
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.social_icon a {
   display: inline-block;
    width: 24px;
    height: 24px;
    background: #ffd507;
    color: #000;
    text-align: center;
    border-radius: 3px;
    margin: 6px 2px;
}
.social_icon a i {
        font-size: 13px;
    line-height: 24px;
}


.eventTableD{
	margin-top: 25px;
}
.eventTableD table{
	border-color: #fff;
}
.eventTableD .table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: none;
    border-color: #000;
    background: #ffc300;
    font-size: 20px;
    color: #000;
    font-weight: 500;
    text-align: center;
}
.eventTableD .table>tbody>tr>td{
    padding: 6px;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px;
    text-align: center;
}






.middleSec .panel{
	margin-top:20px;
}
.middleSec .panel a{
	text-decoration:none;
}
.middleSec .panel-heading{
	font-size:24px;
}
	
.middleSec .panel-heading small{
	font-size:13px;
}
.middleSec .panel-heading span{
	line-height:20px;
	text-align:right;
	    padding: 3px 0;
}



.showPageSec{
	box-shadow:0px 0px 6px -2px #333;
	margin-top:30px;
}
.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

.pagination a.active {
    background-color: #313949;
    color: white;
    border: 1px solid #313949;
}

.pagination a:hover:not(.active) {background-color: #ddd;}


.dataTable {
    height: 420px;
    overflow-y: scroll;
}

.dataTable .table img{
	height:40px;
	    width: 60px;
}
.dataTable .table tr i{
	font-size:15px;
	color:#333;
}
.editI{
	opacity:0;
}
.dataTable .table > thead > tr > th, .dataTable .table > tbody > tr > th, .dataTable .table > tfoot > tr > th, .dataTable .table > thead > tr > td, .dataTable .table > tbody > tr > td, .dataTable .table > tfoot > tr > td{
	white-space:nowrap;
	padding:8px 12px;
	vertical-align:middle;
	border-top:none;
}
.dataTable .table > tbody > tr:hover .editI{
	opacity:1;
}
.trBack{
	background:#f9f9f9;
}
.marright10{
	margin-right:10px;
}





.addPageSec{
	box-shadow:0px 0px 6px -2px #333;
	margin-top:30px;
    height: 500px;
    overflow-y: scroll;
	padding:20px 0;
}
.addPageSec label{
	font-weight:normal;
}
.addPageSec .form-control{
	box-shadow:none;
}





.loginBack{
	background:url(../img/dust_scratches.png) center center repeat;
	overflow:hidden;
}
.loginSecD{
	padding:40px 30px; 
	background:rgba(255,255,255,0.4);
	margin:25% 0;
}
.loginSecD img{
	height:50px;
	margin:0 auto;
}
#forgetPassD{
	display:none;
}
.loginSecDsub h4{
	font-size:20px;
	color:#337ab7;
	text-align:center;
	position:relative;
	margin-top:30px;
	margin-bottom:20px;
}
.loginSecDsub h4:before {
    display: block;
    content: "";
    height: 2px;
    position: absolute; 
	top: 11px;
    width: 35%;
    background: #ccc;
}
.loginSecDsub h4:after {
    display: block;
    content: "";
    height: 2px;
    position: absolute;    
	top: 11px;
    width: 35%;
	right:0;
    background: #ccc;
}

.frgtSecD h4:before {
    width: 22%;
}
.frgtSecD h4:after {
    width: 22%;
}
.loginSecDsub .form-control{
	border-radius:0 20px 20px 0;
	    height: 37px;
		margin-left: -15px;
	    padding-left: 20px;
}
.loginSecDsub .btn-primary{
	border-radius:20px;
	padding:6px 25px;
	margin:10px auto;
	display:table;
}
.loginSecDsub .input-group-addon{
	border-radius:30px;
	    position: relative;
		    padding: 10px 12px;
	background-color:#868686;
	border:none;
	color:#fff;
	z-index:90;
}
.btn_forget, .btn_forget:hover{
	background:none;
	border:none;
	color:#337ab7;
    font-weight: bold;
    font-size: 13px;
}


/*************************************** genarel style close ********************************************/

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

}





/* Let's get this party started */
.catby::-webkit-scrollbar {
    width:4px;
	height:4px;
}
 
/* Track */
.catby::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Handle */

.catby::-webkit-scrollbar-thumb {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background:#3E454D;
}

/* Let's get this party started */
.catbyTr::-webkit-scrollbar {
    width:0px;
	height:0px;
}
 
/* Track */
.catbyTr::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Handle */

.catbyTr::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background:#ccc;
}


/* Let's get this party started */
.catbyMdl::-webkit-scrollbar {
    width:8px;
	height:8px;
}
 
/* Track */
.catbyMdl::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Handle */

.catbyMdl::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#3E454D;
}