body{
	background:#e7e7e7a6;
	 counter-reset: vinay;
	 font-family: arial;
}
*{margin:0;padding:0;box-sizing:border-box;text-decoration: none;}
/**:-webkit-scrollbar-track{
	border-radius:10px;
	background:transparent;
}
*::-webkit-scrollbar{
	width:7px;
}
*::-webkit-scrollbar-thumb{
	background: #a9518b;
	border-radius:10px;
	
}
*/
:focus{
	outline:none;
}
*::selection{
	background:none;
}






/* Abhi Codes */
	.details_close{
		text-decoration: none;
	    display: block;
	    float: right;
	    position: sticky;
	    z-index: 1;
	    color: #f0f3f0;
	    top: 0;
	    font-weight: bold;
	    padding: 10px;
	    background: #828286;
	    border-radius: 10px;
	    font-size: 20px;
	    text-align: center;
	}
	.the_link_btn {
	    padding: 5px;
	    background: #555;
	    color: #fff !important;
	    border-radius: 5px;
	    font-size: 12px;
	    font-weight: bolder;
	    margin-right: 5px;
		width:60px;
		text-align:center;
	}















/* FONTS*/

@font-face {font-family: 'SWZ911XC'; src: url('../fonts/SWZ911XC.ttf') format('truetype'); font-weight: normal;    font-style: normal;}

@font-face {font-family: 'nexa_boldregular';  src: url('../fonts/Nexa_Free_Bold-webfont.ttf') format('truetype');
    font-weight: normal;    font-style: normal;}


@font-face {font-family: 'BebasNeue-Light';  src: url('../fonts/BebasNeue-Light.otf') format('truetype');
    font-weight: normal;   font-style: normal;}

@font-face {font-family: 'TektonPro-Bold';  src: url('../fonts/TektonPro-Bold.otf') format('truetype');
    font-weight: normal;  font-style: normal;}


@font-face {font-family: 'WINGDING';src: url('../fonts/WINGDING.TTF') format('truetype');
    font-weight: normal;   font-style: normal;}

@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(../fonts/YDAoLskQQ5MOAgvHUQCcLfGwxTS8d1Q9KiDNCMKLFUM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
img{
	width:100%;
}
.main-con{
	position: sticky;
	position: -webkit-sticky;
	top:0;
	z-index: 1000;
}
.main{
	width:100%;
	height:40px;
	background:#fff;
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0px 10px;
}

.main .rfp{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main .rfp .fa{
	padding:8px 12px;
	color:#666;
	font-size:20px;
	cursor:pointer;
}
.main .rfp .fa:hover{
	color:#111;
}
.logo-con img{
	width:100%;
}
.logo-con{
	display:flex;
	align-items:center;
}
.logo-con span:first-child{
	width:40px;
	margin-right:5px;
}
.logo-con span:last-child{
	font-size:25px;
	color:#666;
	font-family: 'Yanone Kaffeesatz';
	text-transform:uppercase;
}

.menuitems{
	position:absolute;
	top:110%;
	right:10px;
	background:wheat;
	width:250px;
	box-shadow:-2px 2px 10px rgba(0,0,0,0.5);
	display:none;
	max-height:400px;
	max-height:calc(100vh - 60px);
	overflow-y:auto;
	z-index:1;
}
.menuitems::-webkit-scrollbar-track{
	border-radius:10px;
	background: #666;
}
.menuitems::-webkit-scrollbar{
	width:0px;
}
.menuitems::-webkit-scrollbar-thumb{
	background: #f58735;
	border-radius:10px;
	
}
.shdws{
	min-height: 15px;
	background: url("../images/shdws.png");
	background-position: center;
	background-size:cover;
}


/*userd*/
.userd{
	 display:flex; 
	 justify-content: space-between;
	 padding: 10px;
	 border-bottom: 1px solid orange;
	 color:#fff;
}
.userd .logout{
	color:red;
	padding:1px 8px;
}
.menup{
	background: #666;
}
.menup a{
	padding:10px 5px;
	display:block;
	color:#ccc;
}
.menup a:hover{
	box-shadow:0px 0px 10px rgba(0,0,0,0.5);
}
.menup a .fa{
	width:30px;
	height:30px;
	display:inline-flex;
	justify-content: center;
	align-items: center;
	font-size:18px;
}
.submenu{
	background:#444;
	display:none;
}

.footerpart{
	width:100%;
	background:#111;
	color:#fff;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	position:relative;
	padding:20px 0;
}
.footerpart:before{
	content:"";
	position:absolute;
	width:100%;
	height:2px;
	background:#111;
	top:-5px;
}
.footerpart a{
	text-decoration:none;
	color:#fff;
}
.footer-text{
	font-weight:bold;
	font-size:11px;
	font-family: arial;
	text-align: center;
}
.footer-text a{
	padding-left:4px;
	margin-left:2px;
	border-left:1px solid #fff;
}
.footer-text a:hover{
	color:#f58634;
}
.social-icons .fa{
	display:block;
	line-height:22px;
	transition:0.2s;
	border-radius:3px;
}
.social-icons a{
	width:22px;
	height:22px;
	display:inline-block;
	text-align:center;
}
.social-icons .fa-facebook:hover{background:#3a5899;}
.social-icons .fa-instagram:hover{background:#fb9241;}
.social-icons .fa-play:hover{background:#e02f2f;}
.social-icons .fa-twitter:hover{background:#40bff5;}
.social-icons .fa-rss:hover{background:#d65828;}
.social-icons .fa-whatsapp:hover{background:#01d300;}


.footerpart div{
	padding:5px 0;
} 

/**************************/
.admtable-con{
	max-width:1200px;
	width:98%;
	margin:10px auto 20px auto;
}
.admtable-con table{
	background:#fff;
	border-collapse:collapse;
	width:100%;
}
.admtable-con table tr{
	position:relative;
	overflow:hidden;
}
.admtable-con table tbody tr:nth-of-type(2n + 0){
	background:rgba(210, 199, 199, 0.1);
}

.popadmedit .applymemberscon{
	max-width:400px;
}
.contenteditbox{
	width:60px;
	height:20px;
	border:1px solid #111;
	float:left;
	text-align:center;
	padding:2px;
}
.delall{
	display:flex;
	justify-content:center;
	align-items:center;
	color:#666;
	font-size:20px;
	background:#fff;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

.admtable-con table .fd{
	position:absolute;
	height:98%;
	right:0;
	top:0;
	display:none;
	align-items:center;
	background:#fff;
	
}
table .fd .fa{
	width:35px;
	height:35px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:20px;
	color:#f1f1f1;
	cursor:pointer;
}
.admtable-con table tr:hover .fd{
	display:flex;
}
.admtable-con table tr td{padding:8px 3px; font-size:14px; line-height:14px;position:relative;
}


.admtable-con .atndc{padding: 5px 2px; border:1px solid #999;}
.admtable-con .atndctp{padding: 5px 2px;}
.ctr{text-align:center;}
.bgcrlg {background-color:#8bc34a45; width:20px;text-align:center;}
.bgcrlr {background-color:#e91e6363; width:20px;text-align:center;}
.bgcrlb {background-color:#00bcd45c; width:20px;text-align:center;}
.bgcrlo {background-color:#ffc10763; width:20px;text-align:center;}





.admtable-con .atndnces {display:flex; justify-content: space-between;}
.admtable-con .atndnces select { width:130px;font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin:8px auto; cursor:pointer;}
.admtable-con .atndnces input[type="button"] {font-family: arial;  font-size: 14px;color: #fff;padding: 10px; background:#EB268F; margin:8px auto;border:none; transition: 1s; cursor:pointer;   border-radius:4px;}
.admtable-con .atndnces input[type="button"]:hover {background-color: #555;}


.admtable-con .atndnces .addatndc input[type="button"] {font-family: arial;  font-size: 14px;color: #fff;padding: 10px; background:#00B0F0; margin:8px auto;border:none; transition: 1s; cursor:pointer;   border-radius:4px;}
.admtable-con .atndnces .addatndc input[type="button"]:hover {background-color: #555;}

.admtable-con .atndnces .atndte {font-family: arial; font-size: 22px; line-height:22px; color: #0058B0; text-transform:uppercase;  display: flex;  align-items: center;}

.atdncedbk{width:100%;height:100vh;position: fixed;top:0;left:0;display:flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.7);	overflow:auto;	z-index: 1000; display:none;}
.atdncedbk .atdnlss{border-radius: 20px; width:98%;  max-width: 850px;  padding: 10px;max-height:90%; background:#fff; overflow-x: hidden; overflow-y: scroll;font-family: arial;  font-size: 14px; line-height:16px;color: #555;}
.atdncedbk .atdnlss .atnclndr{ position:relative;font-family: 'Yanone Kaffeesatz';  color: #555;font-size: 22px;padding:8px;line-height:30px;border-bottom: 1px solid rgba(0,0,0,0.2);
}
 
.atdncedbk .atdnlss .atnclndr .clsd {right: 8px;  font-family: arial;  position: absolute; color: #fff;  text-align: center;  line-height: 30px;  font-weight: bold;
    cursor: pointer;  background: #EB268F; width: 30px; height: 30px; border-radius: 6px; transition:1s;}
.atdncedbk .atdnlss .atnclndr .clsd:hover {background: #555;}
.atdncedbk .atdnlss .atnclndr input { font-size: 16px; padding: 5px;} 

.atdncedbk .atdnlss::-webkit-scrollbar-track{border-radius:20px;background:transparent;}
.atdncedbk .atdnlss::-webkit-scrollbar{width:5px;}
.atdncedbk .atdnlss::-webkit-scrollbar-thumb{background: #7db9ce;border-radius:20px;}
.atdncedbk .atdnlss ul { list-style:none;}
.atdncedbk .atdnlss ul li {display:flex; align-items: flex-start; padding: 10px 0px; border-bottom: 1px solid rgba(0,0,0,0.2);}
.atdncedbk .atdnlss ul li span {padding: 5px;}
.atdncedbk .atdnlss ul li span .fa {color: #555; font-size: 18px; margin-left: 10px;}
.atdncedbk .atdnlss ul li span:nth-child(1){width:35px;}
.atdncedbk .atdnlss ul li span:nth-child(2){width:50px;}
.atdncedbk .atdnlss ul li span:nth-child(3){width:190px;}
.atdncedbk .atdnlss ul li span:nth-child(4){width:155px;}
.atdncedbk .atdnlss ul li span:nth-child(5){width:110px;}
.atdncedbk .atdnlss ul li span:nth-child(6){width: 26px;  height: 26px;border-radius: 100%;  text-align: center;background-color:#06C; color:#fff;}
.atdncedbk .atdnlss ul li span:nth-child(7) {padding:0px;margin-left: 12px;}
.atdncedbk .atdnlss ul li span input[type="button"] {color: #fff;padding: 5px; background:#555; border:none; transition: 1s; cursor:pointer;   border-radius:4px;}
.atdncedbk .atdnlss ul li span input:nth-child(1)[type="button"]:hover {background:green;}
.atdncedbk .atdnlss ul li span input:nth-child(2)[type="button"]:hover {background:red;}
.atdncedbk .atdnlss ul li span input:nth-child(3)[type="button"]:hover {background:#00B0F0;}
.atdncedbk .atdnlss ul li span input:nth-child(4)[type="button"]:hover {background:orange;}



table td .checkicon{
	width:18px;
	height:18px;
	border:2px solid #ddd; 
	display:block;
	position:relative;
	background:#fff;
	border-radius:2px;
	overflow:hidden;
}
.checkicon:before{
	content:attr(data-text);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-weight:bold;
	display:none;
	background:#666;
}
table td .checkicon::selection{
	background:none;
}

table thead th{
	position:relative;
}
table td input[type="checkbox"]{
	display:none;
}

table td input[type="checkbox"]:checked + .checkicon{
	border:2px solid #666;
}
table td input[type="checkbox"]:checked + .checkicon:before{
	display:flex;
}
.admtable-con table tr:hover .checkicon{
	border:2px solid #111;
}
.admtable-con table tr:hover .fd{
	background:#777;
}
.admtable-con table tr:hover .checkicon:before{
	background:#666;
}
table td input[type="checkbox"]:checked + .checkicon:hover{
	border:2px solid #111;
}
table td input[type="checkbox"]:checked + .checkicon:before{
	background: #666;
}
.admtable-con table tr:hover{
	background:#ddd;
}

.admtable-con table thead tr:first-child{
	background:orange;
	color:#fff;
	box-shadow:0px 0px 0px rgba(0,0,0,0.5);
	border:none;
}

.popconall{
	background:#ddd;
}
.messpop{
	padding:10px;
}
.massbox{
	display:flex;
	justify-content:space-between;
	position:relative;
	border:1px solid rgb(19, 108, 142);
	height:40px;
	align-items:center;
	padding-left:18px;
	margin-bottom:5px;
}
.massbox:last-child{
	margin:0;
}

.massbox::before{
	counter-increment: vinay;
	content: counter(vinay);
	position:absolute;
	color:#fff;
	font-weight:bold;
	background:rgb(19, 108, 142);
	width:30px;
	height:30px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:20px;
	border-radius:50%;
	top:50%;
	left:-18px;
	transform:translatey(-50%);
}
.mess-send .fa{
	width:40px;
	height:40px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.admtable-con .spc{
	font-size:15px;
}
.admtable-con .spc.mess{
	font-size:20px;
}
.admtable-con .showmt{
	background: #666;
    width: 23px;
    height: 23px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 4px;
    margin:0px 1px;
}
.admtable-con .showmt.pm{
	background:#136c8e;
}
.admtable-con .showmt.im{
	background:#731990;
}
.admtable-con .showmt.vm{
	background:#f58634;
}
.admtable-con .showmt.em{
	background:#0c0c0c;
}

/*By Abhishek*/
#button{
	width: auto;
    padding: 5px;
    border: none;
    outline: none;
    float: right;
    border-radius: 5px;
    background-color: #136c8e;
    color: white;
    font-weight: bold;
    margin-top: -45px;
	margin-right:10px;

}
#excel{
    font-weight: bold;
    font-size: 30px;
    color: green;
	cursor:pointer;
}
#pdf{
    font-weight: bold;
    font-size: 30px;
    color: red;
	cursor:pointer;
}
.table-ttl{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:10px;
}
.fordwldep{
	justify-content:space-between;
}
.fordwldep a .fa{
	text-decoration:none;
	color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	width:30px;
	height:30px;
	background:#a9518b;
	border-radius:4px;
	cursor:pointer;
	
}

.ttl-name{
	font-size:18px;
    background: #136c8e;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #fff;
    padding: 10px;
}
.act-part a{
	background: #ffffff;
    padding: 8px;
    color: #111111;
	font-size:15px;	
	float:left;
}

.searchpart{
	background:red;
}
.searchbox input[type="checkbox"]{
	display:none;
}
.searchbox{
	background: #fff;
	border-radius: 50px;
	display:inline-block;

}
.searchbox .fa{
	padding: 10px 11px;
}
.searchbox input[type="search"]{
	font-size:16px;
	border:none;
	transition:300ms;
	width:0px;
	overflow: hidden;
	border-bottom:1px solid #666;
}
.searchbox input[type="checkbox"]:checked + input[type="search"]{
	width:300px;
	padding: 7px;
}


/*create admin*/
.mainformcon{
	background:rgba(255,255,255,.5);
	max-width:1000px;
	width:100%;
	margin:20px auto;
	padding-bottom:10px;
	overflow: auto;
	position: relative;
}
.admttl{
	font-family: 'Yanone Kaffeesatz';
    color: #555;
	font-size: 22px;
	padding:8px;
	line-height:30px;
	text-align:center;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}


.admttl img{ width:30px; height:30px; margin-right:5px; border-radius:100px; vertical-align:bottom; }



.admttl-sub {font-family: 'Yanone Kaffeesatz';
    color: #00B0F0;
	font-size: 30px;
	line-height:30px;
	text-align:center;
}

.crtadmcon{    padding:15px 20px 5px 20px;  overflow: auto;	}


.crtadmcon .formcon {display:flex; justify-content: space-between;  margin: 20px auto 25px auto;}
.crtadmcon .formcon span {font-size: 17px; line-height: 17px; color: #555;}

.crtadmcon .formcon-sub {display:flex; justify-content:center;  margin: 0px auto;}


.inputboxcon input[type="text"]{
	max-width:335px;
	height:35px;
	border:1px solid #666;
	border-radius:4px;
	padding-left:5px;
	border-radius:4px;
	width:100%;
}
.inputboxcon input[type="password"]{
	max-width:335px;
	height:35px;
	border:1px solid #666;
	border-radius:4px;
	padding-left:5px;
	border-radius:4px;
	width:100%;
}
.inputboxcon input[type="file"]{
	max-width:335px;
	width:100%;
}
.inputboxcon input[type="url"]{
	max-width:335px;
	height:35px;
	border:1px solid #666;
	border-radius:4px;
	padding-left:5px;
	border-radius:4px;
	width:100%;
}
.inputboxcon textarea{
	max-width:335px;
	height:100px;
	border:1px solid #666;
	border-radius:4px;
	padding-left:5px;
	border-radius:4px;
	width:100%;
}
.inputboxcon{
	display: flex;
	align-items:center;
	min-height:40px;
}
.inputboxconarea{
	align-items:flex-start;
}
.inputboxconarea span:nth-child(1){
	padding-top:5px;
}
.inputboxconarea span:nth-child(2){
	padding-top:5px;
}

.crtadmcon span{
	font-size:15px;
}
.inputboxcon span:nth-child(1){
	width:200px;
}
.inputboxcon span:nth-child(2){
	width:30px;
	text-align: center;
}
.inputboxcon span:nth-child(3){
	padding:5px;
	width:60%;
}
.inputboxcon:first{
	background: tomato;
	margin-bottom:10px;
}
.admeventcon span{
	margin:5px 0px;
}
.pagerights{
	margin-top:20px;
}
.admeventcon {
	margin-top:20px;
}
.admeventcon span{
	display:block;
}
.crtadmcon label{
	display:inline-block;
	width:194px;
	font-size:14px;
	padding:5px;
	background: #dedede;
	margin:2px;
}
.admeventcon label{
	width:151px;
}
.crtadmcon input[type="checkbox"]{
	width: 20px;
    height: 15px;
    vertical-align: bottom;
    margin-right: 8px;
}

.admactivecon{
	padding-bottom:0px;
}
.admbox{
	background: rgba(255,255,255,0.5);
	padding:10px;
	font-size:15px;
	border-radius:4px;
	float:left;
	width:calc(100% / 4 - 8px);
	margin:0px 10px 10px 0px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}
.admbox:nth-of-type(4n + 0){
	margin:0;
}

.admbox div{
	margin-bottom:5px;
}

.actbtns input[type="button"]{
	width: 25px;
    height: 25px;
    border: none;
	box-shadow: 0px 1px 2px #222;
	margin:2px;
	transition:300ms;
	border-radius:50%;
	background: #555;
	cursor:pointer;
}

.actbtns input[type="button"]:hover{
	background: #222;
}
.actbtns #edit,#admeditebtn{
	color:#ff9800;
}

.active{
	color:#4CAF50;
}
.deactive{
	color:#f44336;
}

.admbox span{
	font-weight: bold;
}	
.actprfm{
	float:right;
	margin:10px 10px 0px 0px;
}
.actprfm input[type="button"],input[type="submit"]{
	min-width:80px;
	border-radius:4px;
	border:none;
	cursor:pointer;
	padding:10px;
	background:#a9518b;
	color:#fff;
}
.actprfm input[type="button"]:hover,input[type="submit"]:hover{
	background:#f58634;
}
.popadmedit{
	width:100%;
	height:100vh;
	position: fixed;
	top:0;
	left:0;
	display:flex;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.7);
	display:none;
	overflow:auto;
	z-index: 1000;
}
.popadmedit .mainformcon{
	width:98%;
	background:#fff; border-radius:20px;
}
.cancel{
	position: absolute;
	top:0;
	right:0;
	width:30px;
	height:30px;
	display: flex;
	justify-content: center;
	align-items:center;
	background: crimson;
	color:#fff;
}


.forindexcon{
	padding-top:10px;
	margin:0px auto;
	background:none;
	border:none;
}
.admlogincon{
	display:flex;
	justify-content: center;
	align-items:center;
	height: calc(100vh - 82px);
	border:none;
	background:none;
}
.admlogincon .loinlogocon{
	display:flex;
	justify-content: flex-start;
	align-items:center;
}
.admlogincon .loinlogocon span{
	font-family: 'Yanone Kaffeesatz';
    color: #a9518b;
	font-size: 30px;
}
.admlogincon .loinlogocon img{
	height:30px;
	width:auto;
	margin-right:10px;
}
.admlogincon .formcon{
	background: #fff;
	padding:10px;
	width:300px;
	overflow:hidden;
	border-radius:10px;
	box-shadow: 0px 0px 10px #00000070;
}
.admlogincon .formcon input[type="text"],input[type="password"]{
	width:100%;
	height:35px;
	margin:8px 0px;
	border:1px solid #000;
	border-radius:4px;
	padding-left:5px;
	font-size:15px;
}
.admlogincon-sub .formcon input[type="button"]{
	width:140px;
	height:30px;
	padding:0px;
	float:right;
}
.formcon-sub input[type="button"]{
	border:none;
	border-radius:4px;
	background:#EB268F;
	font-size: 16px;
    color: #FFF;
	cursor:pointer;
	padding:8px 10px;
	margin-right:10px;
	transition:1s;
}

.formcon-sub input[type="button"]:last-child { background:#555; margin:0px;}


.formcon-sub input[type="button"]:hover{
	background:#00B0F0;
}
.admlogincon .formcon input::-webkit-input-placeholder{
	color:#000;
}







/* Create Admin */

.new-admin {width: 96%;max-width:1200px;   margin: 10px auto;  justify-content: space-between;background-color:#ddd; display:flex;  flex-direction: column;padding:10px;justify-content: center;border-radius: 5px;}
.new-admin input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin:8px auto; width:100%; cursor:text;}
.admngrp1{ display:flex; column-gap: 12px;}
.admngrp2{ display:flex; align-self:end}
.admnype {display:flex;}
.admnype {font-family: arial;  font-size: 14px;color: #555;}
.admnype input[type="checkbox"] { width: 20px; height: 15px; vertical-align: middle; margin-right: 8px;}
.admngrp1 .admnype { width:100%;display: grid;grid-template-columns: repeat(6,1fr); grid-gap: 6px;}   
.admngrp1 .admnype label {font-size: 14px; padding: 5px;background: #ffffff8f; cursor:pointer;border-radius:5px; margin: 2px;}
.admrgtttl {    font-family: arial; font-size: 18px; color: #009ae0; line-height: 20px; margin: 15px 0px 5px 0px;  font-weight: bold;}
.new-admin .admngrp2 input[type="button"] {  display: block; background: #EB268F; font-family: arial; font-size: 14px;  margin: 0px;  color: #fff;
    border: none;  transition: 1s; cursor: pointer;  width: 110px;  border-radius: 5px;  align-self: flex-end;}
	
.stts-admin {width: 96%;max-width:1200px;   margin: 10px auto; background-color:#ddd; display:grid;  grid-template-columns: repeat(4,1fr); grid-gap: 6px;padding:10px;justify-content: center;border-radius: 5px; font-family:arial;}
.stts-admin li {display:flex; background-color:#fff; flex-direction: column; padding:8px; box-shadow:0px 1px 2px rgb(0 0 0 / 50%); border-radius:6px;}
.stts-admin li p {font-size:14px; line-height:15px; text-align:left; color:#009ae0; font-weight:bold;}
.stts-admin span {display:flex; font-size:14px; line-height:15px; margin-top:10px; }
.stts-admin span input[type="button"]{ padding: 6px;  background: #555;  color: #fff;  border-radius: 3px;  font-size: 12px; font-weight: bolder;  margin-right: 5px; border: none;   font-weight: normal; cursor:pointer;}
.stts-admin span input:nth-child(1):hover {background-color:orange;}
.stts-admin span input:nth-child(2):hover {background-color:red;}
.stts-admin span input:nth-child(3):hover {background-color:green;}


.admin-panel {width: 96%;max-width:1200px;   margin: 10px auto;  justify-content: space-between;background-color:#ddd; display:grid;   grid-template-columns: repeat(6,1fr); grid-gap: 6px; border-radius: 5px;}
.admin-panel a {text-decoration: none;  display: flex; flex-direction: column; align-items:center; font-size:14px; color:red; line-height:16px;}
.admin-panel img {padding: 5px;  border-radius: 50%;  width: 100px; background: pink;}




/*create event */
.crteventcon{
	display:flex;
	justify-content: space-between;
}
.crteventcon .eventleft{
	width:60%;
}
.crteventcon .eventright{
	width:35%;
}
.crteventcon .eventright .inputboxcon span:nth-child(3){
	padding:5px;
	width:115px;
}

.crteventcon .eventright .inputboxcon{
	height:33px;
}
.eventright select{
	border:1px solid #666;
	border-radius:4px;
	width:100px;
	height:30px;
}
.eventright input[type="text"]{
	width:30px;
	height:30px;
	margin:2px;
	text-align: center;
}
.eventright .actprfm{
	float:left;
}
.eventright .actprfm #eventpost{	
	width:100px;
	height:35px;
	cursor: pointer;
	background: #a9518b;
	color:#fff;	
}
.eventright .actprfm #cencelq{	
	width:100px;
	height:35px;
	cursor: pointer;
	background: #a9518b;
	color:#fff;	
}
.eventupdtcon{
	font-family: 'Yanone Kaffeesatz';
	margin-bottom: 20px;
	background:rgba(255,255,255,0.5);
}
.eventupdtcon:last-child{
	margin-bottom: 0px;
}
.eventupdtcon .eventttlcon{
	display:flex;
	align-items: center;
	font-size:25px;
    padding: 5px 0;
}
.eventupdtcon .adcon{
	font-size:25px;
	padding: 5px 0px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    border-top: 1px solid rgba(0,0,0,0.2);
}
.eventttlcon .eventttlimgc{
	margin-right:10px;
}
.eventttlcon .eventttlimgc img{
	height:70px;
	width:auto;
}

/*event details*/

.tabbtncon{
	display:flex;
	justify-content: center;
}
.tabbtncon .tabbtn{
	display: inline-block;
    background: #f58634;
    padding: 8px 10px;
	border-radius: 4px;
	margin:2px;
}
.eventdtlcon:not(.Letestreqcon){
	display:none;
}
.dtlcon{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	font-size:15px;
	margin-top:20px;
	background:rgba(255,2552,255,0.5);
	padding:5px;
}
.dtlcon .dtlimgcon img{
	width:100px;
	height:100px;
}
.dtlcon .dtlleft{
	display:flex;
	width:40%;
}
.dtlleft .dtlimgcon img{
	border-radius:50%;
}
.dtlright .dtlimgcon img{
	border-radius:4px;
}
.dtlcon .dtlright{
	width:60%;
}
.dtlcon .innerdtlright{
	display:flex;
}
.dtlcon .innerdtlcon{
	margin-left:5px;
	width:100%;
}
.dtlcon .incno{
	width:30px;
	height:30px;
	display:flex;
	justify-content: center;
	align-items:center;
	background: #f58634;
}
.dtlcon .dtlleft .nsacid,.dtlleft .state,.dtlleft .cntno,.dtlleft .name{
	padding:5px;
}
.dtlcon .name{
	font-weight:bold;
}
.dtlcon .ttl{
	padding:5px;
	font-weight:bold;
}
.dtlcon .dscpt{
	padding: 5px 5px 0px 5px;
	line-height: 20px;
	text-align: justify;
}
.dtlcon .smcon{
	display: flex;
	justify-content: space-between;
	padding:5px;
}

.dtlcon .dtlbtncon{
    text-align: right;
}
.dtlcon .dtlbtncon input[type="button"]{
	width:25px;
	height:25px;
	margin:2px;
	border:none;
	background: #666;
	font-weight:bold;
}
.dtlcon .dtlbtncon .yes{
	color:#4CAF50;
}
.dtlcon .dtlbtncon .no{
	color:red;
}
.imgpop{
	padding:0;
	background: none;
    width: 96%;
    margin: 20px auto;
    padding-bottom:0px;
}
.imgpop .crtadmcon{
	display:flex;
	justify-content: center;
	align-items:center;
	background: none;
    padding: 0px;
    border: 0px solid #666;
    border-radius: 0px;
    width: 100%;
    overflow: hidden;
}

/*event request*/
.annualeventcon{
	padding-bottom: 0px;
}
.anlevntbox .anlevntimgcon img{
	height:60px;
	width:auto;
}
.anlevntbox{
	background:rgba(255,2552,255,0.5);
	padding:10px;
	width:calc(100% / 3 - 7px);
	float:left;
	margin:0px 10px 10px 0px;
	border-radius:4px;
}
.anlevntbox:nth-of-type(3n + 0){
	margin:0;
}
.anlevntbox .aiccttl{
	font: normal 22px 'Yanone Kaffeesatz', sans-serif;
	color:#f58634;
	margin:6px 0;
	display:block;
	cursor: pointer;
}
.anlevntbox .eligibility{
	font-size:15px;
	color:#666;
}

/*voting create*/
.votingcrtcon .inputboxcon input[type="date"]{
	max-width: 335px;
    height: 35px;
    border: 1px solid #666;
    border-radius: 4px;
    padding-left: 5px;
    border-radius: 4px;
	width: 100%;
	background: #fff;
}

.votingcrtcon .showvotingcon{
	background: rgba(255,255,255,0.5);
	padding:10px;
	margin-top:10px;
	border-radius:4px;
	position: relative;
}
.votingcrtcon .inputboxcon span:nth-child(1) {
    width: 160px;
}
.votingcrtcon .showvotingcon .actbtns{
	position: absolute;
	right:0;
	top:50%;
	transform: translatey(-50%);
	display:none;
}
.votingcrtcon .showvotingcon:hover .actbtns{
	display:block;
}

.exhibitioncon .inputboxcon select{
	max-width: 335px;
    height: 35px;
    border: 1px solid #666;
    border-radius: 4px;
    padding-left: 5px;
    border-radius: 4px;
	width: 100%;
	background: #fff;
}

.exhibitioncon .inputboxcon input[type="number"]{
	max-width: 335px;
    height: 35px;
    border: 1px solid #666;
    border-radius: 4px;
    padding-left: 5px;
    border-radius: 4px;
	width: 100%;
	background: #fff;
}

.exhibitioncon .inputboxcon span:nth-child(1) {
    width: 160px;
}
.exhibitioncrtpop{
	display:flex;
}
.exhibitioncrtpop .exhimgcon img{
	width:105px;
	height:105	px;
}
.popadmedit .innerexhcon .nsacid,
.innerexhcon .name,
.innerexhcon .city,
.innerexhcon .city2,
.innerexhcon .selectartwork{
	padding:5px;
}
.cropimagecon{
	display:none;
	z-index:1000;
	position:fixed;
	left:0;
	top:0;
	width:100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.8);
    overflow: auto;

}
.cropimagecon .mainformcon{
	width:98%;
	margin:20px auto;
}
.cropimagecon .cropimgbtn{
	width:90px;
	height:30px;
	border:none;
	border-radius:4px;
	background: #a9518b;
	color:#fff;
	margin-top:10px;
}
.popadmedit .selectartwork{
	background: rgba(255,255,255,0.3);
	display:flex;
	align-items: center;
	margin:5px auto;
}
.popadmedit .selectartwork input[type="text"]{
	max-width: 335px;
    height: 35px;
    border: 1px solid #666;
    border-radius: 4px;
    padding-left: 5px;
    border-radius: 4px;
	width: 100%;
	background: #fff;
}
.popadmedit .selectartwork input[type="file"]{
	max-width: 335px;    
	width: 100%;
}
.popadmedit .exhibitioncon .voter_submit{
	width:90px;
	height:30px;
	border:none;
	border-radius:4px;
	background: #a9518b;
	color:#fff;
	margin-top:10px;
}
.popadmedit .exhibitioncon .showartwork{
	display:flex;
	align-items:center;
	justify-content: center;	
	margin:10px auto;
}
.popadmedit .exhibitioncon .showartwork img{
	max-width:300px;
	max-height:300px;
	width:100%;
	height:100%;
}
.exhshowlist{
	background:rgba(255,255,255,0.5);
	display:flex;
	align-items:center;
	padding:5px;
	border-radius:4px;
	margin-top:10px;
	color:#111;
}
.exhshowlist .showlistimgcon{
	margin-right:10px;
}
.exhshowlist .showlistimgcon img{
	width:50px;
	height:50px;
	border-radius:50%;
}

/*participant show*/
.participantcon{
	padding-bottom:0px;
}
.participantbox{
	padding:10px;
	background: rgba(255,255,255,0.5);
	display:flex;
	align-items: flex-start;
	width: calc(100% / 2 - 5px);
	float:left;
	margin:0px 10px 10px 0px;
	border-radius:4px;
}
.participantbox:nth-of-type(2n + 0){
	margin:0px;
}
.participantbox .participantimgcon img{
	max-width: 150px;
    max-height: 150px;
}
.participantbox .nsacid,
.participantbox .name,
.participantbox .city,
.participantbox .city2{
padding:5px;
}

.participantbox .innerparticipant{
	width:100%;
}
.participantbox .participantbtncon{
	text-align: right;
}

.participantbox .participantbtncon input[type="button"]{
	width:25px;
	height:25px;
	margin:2px;
	border:none;
	background: #666;
	font-weight:bold;
}
.editeicon{
	color:#4CAF50;
}
.deleteicon{
	color:red;
}

/*nsac video*/
.nsacvideocon .inputboxcon input[type="url"]{
	max-width: 335px;
    height: 35px;
    border: 1px solid #666;
    border-radius: 4px;
    padding-left: 5px;
    border-radius: 4px;
	width: 100%;
	background: #fff;
}

.nsacvideocon .showvideocon{
	background: rgba(255,255,255,0.5);
	padding:10px;
	margin-top:10px;
	border-radius:4px;
	position: relative;
}
.nsacvideocon .inputboxcon span:nth-child(1) {
    width: 160px;
}
.nsacvideocon .showvideocon .actbtns{
	position: absolute;
	right:0;
	top:50%;
	transform: translatey(-50%);
	display:none;
}
.nsacvideocon .showvideocon:hover .actbtns{
	display:block;
}





/* NEW CODES */


.app-colm{ width: 100%;max-width:1200px;   margin: 10px auto;  justify-content: space-between;  background-color: #fff; padding: 10px;  border: 1px solid #999;   border-radius: 5px;}


.add-categry {background-color:#ddd; display:flex; padding:10px;justify-content: center;}
.add-categry input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin:5px; cursor:text; width:400px;}
.add-categry select {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin:5px; cursor:default;}
.add-categry input[type="submit"]{border:none;border-radius:4px;background:#EB268F;	font-size: 16px;   color: #FFF;cursor:pointer;padding:8px 10px;margin-right:10px;
	transition:1s;}
.add-categry input[type="button"]:hover,input[type="submit"]:hover{background:#00B0F0;}


.corsgrp3b {display:flex; margin:0px;}
.corsgrp1 select {width:98%; cursor:default;}
.corsgrp2 input {width:98%;cursor:text;}
.corsgrp3 input {width:98%;cursor:text;}
.corsgrp3 .stng input {width: 98%;  cursor: text;  height: 38px;  padding: 7px;}


.corsgrp3b input {width:50px;cursor:text; margin-right:-6px;}
.corsgrp3b input:last-child {width:100px;cursor:text;margin-right:0px;}
.corsgrp3b select {margin:5px 0px; width:100%;}

.addcrhdng {display: inline-block;  color: #fff; font-size: 14px; font-weight: bold; padding: 12px 8px; border-radius: 4px; margin: 25px auto;   background-color: #00B0F0;}
.crsedtls {display:flex;font-family: arial;  font-size: 16px; line-height:25px;color: #555;padding: 10px 0px; border-bottom:1px solid #999; width:60%; align-items:center;}
.crsedtls span:nth-child(1) {width:30px;}
.crsedtls span:nth-child(2) {font-weight:bold; width:calc(100% - 220px); font-size:18px;}
.crsedtls span:nth-child(3) {width:100px;}
.crsedtls input[type="button"] {display: block; background: #555; font-family: arial; font-size: 16px; margin-right: 6px; color: #fff; border: none; transition: 1s;
    cursor: pointer;  padding: 5px; border-radius: 3px; width:60px; }
.crsedtls span:nth-child(3) input[type="button"]:hover {background-color:#00B0F0;}
.crsedtls span:nth-child(4) input[type="button"]:hover {background-color:#EB268F;}
.delcrntce {font-family: 'Yanone Kaffeesatz';  color: #00B0F0;font-size: 25px;line-height:50px;	text-align:center;}



.add-hmes{ background-color:#ddd; display:flex;flex-direction:column; padding:10px;justify-content: center;}
.add-hmes .homselct {display:flex;}
.add-hmes .homselct input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; cursor:text; margin-bottom:7px; width:100%;}
.add-hmes .homselct textarea {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; cursor:text; height:100%;}
.add-hmes .homselct .hom-a, .hom-b  { display:flex;  flex-direction: column; width:100%; margin-right:5px;}
.add-hmes .homselct .hom-a .hom-ain {display:flex;}
.add-hmes .homselct .hom-a .hom-ain input:first-child {width:100px; margin-right:5px;}
.add-hmes .homselct .hom-c {display:flex; flex-direction: column-reverse;}
.add-hmes .homselct .hom-c input[type="submit"] {padding:8px 10px; background:#EB268F;font-family: arial; font-size: 14px;margin:0px;  color: #fff; border:none; transition: 1s; cursor:pointer; }
.add-hmes .homselct .hom-c input[type="submit"]:hover {background-color: #00B0F0;}
.addedetls {display: flex; flex-direction: column; align-items: center;}
.homdtls {display:flex;font-family: arial;  font-size: 16px; line-height:25px;color: #555;padding: 10px 0px; border-bottom:1px solid #999; width:60%; align-items:center;}
.homdtls span:nth-child(1) {font-weight:bold; width:calc(100% - 135px); font-size:18px;}
.homdtls input[type="button"] {display: block; background: #555; font-family: arial; font-size: 16px; margin-right: 6px; color: #fff; border: none; transition: 1s;   cursor: pointer;  padding: 5px; border-radius: 3px; width:60px; }
.homdtls span:nth-child(2) input[type="button"]:hover {background-color:#00B0F0;}
.homdtls span:nth-child(3) input[type="button"]:hover {background-color:#EB268F;}

.edit-detls {width:100%;height:100vh;position: fixed;top:0;	left:0;	display:flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.7);display:none;
	overflow:auto;z-index: 1000;}
.edit-detls .edtdetls .edthombgrd{display:flex;flex-direction:column;justify-content: center; width: 96%;  margin: 10px auto;
    border-radius: 10px;}
.edit-detls .edtdetls{width:98%; max-height:90%;background:#fff; border-radius:20px;	max-width:550px;overflow-x: hidden;   overflow-y: scroll;}
.edit-detls .edtdetls::-webkit-scrollbar-track{border-radius:20px;background:transparent;}
.edit-detls .edtdetls::-webkit-scrollbar{width:5px;}
.edit-detls .edtdetls::-webkit-scrollbar-thumb{background: #7db9ce;border-radius:20px;}


.edit-detls .edhomslct {display:flex; flex-direction:column;}
.edit-detls .edhomslct input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; cursor:text; margin-bottom:5px; width:100%;}
.edit-detls .edhomslct textarea {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; cursor:text; margin-bottom:5px; }
.edit-detls .edhomslct .homs-in {display:flex;}
.edit-detls .edhomslct .homs-in input:first-child {width:100px; margin-right:5px;}
.edit-detls .edhomslct .detlsgrp {display: flex;  justify-content: center; margin:10px auto;}
.edit-detls .edhomslct .detlsgrp input[type="button"]{border:none;border-radius:4px;background:#EB268F; font-size: 16px;   color: #FFF;cursor:pointer;padding:8px 10px;margin-right:10px;	transition:1s;}
.edit-detls .edhomslct .detlsgrp input[type="button"]:last-child { background:#555;}
.edit-detls .edhomslct .detlsgrp input[type="button"]:hover{background:#00B0F0;}





.add-wjhai{ background-color:#ddd; display:flex;flex-direction:column; padding:10px 10px 3px 10px;justify-content: center;}
.add-wjhai .wjhselct {display:flex;}
.add-wjhai .wjhselct input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; cursor:text; margin-bottom:7px; width:100%;}
.add-wjhai .wjhselct textarea {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; cursor:text; height:100%; margin-bottom:7px;}
.add-wjhai .wjhselct .wjh-a, .wjh-b  { display:flex;  flex-direction: column; width:100%; margin-right:5px;}
.add-wjhai .wjhselct .wjh-a .wjh-ain {display:flex;}
.add-wjhai .wjhselct .wjh-a .wjh-ain input:first-child {width:100px; margin-right:5px;}
.add-wjhai .wjhselct .wjh-c {display:flex; flex-direction: column-reverse;}
.add-wjhai .wjhselct .wjh-c input[type="submit"] {padding:8px 10px; background:#EB268F;font-family: arial; font-size: 14px;margin:0px;  color: #fff; border:none; transition: 1s; cursor:pointer; }
.add-wjhai .wjhselct .wjh-c input[type="submit"]:hover {background-color: #00B0F0;}

.addresns {display: flex; flex-direction: column; align-items: center;}
.wjhdtls {display:flex;font-family: arial;  font-size: 16px; line-height:25px;color: #555;padding: 10px 0px; border-bottom:1px solid #999; width:70%; align-items:center;}
.wjhdtls span:nth-child(1) {width:30px;}
.wjhdtls small {color:orange; font-weight:normal;} 
.wjhdtls span:nth-child(2) {font-weight:bold; width:calc(100% - 228px); font-size:18px;}
.wjhdtls input[type="button"] {display: block; background: #555; font-family: arial; font-size: 16px; margin-right: 6px; color: #fff; border: none; transition: 1s;   cursor: pointer;  padding: 5px; border-radius: 3px; width:60px; }
.wjhdtls span:nth-child(3) input[type="button"]:hover {background-color:#00B0F0;}
.wjhdtls span:nth-child(4) input[type="button"]:hover {background-color:#EB268F;}
.wjhdtls span:nth-child(5) input[type="button"]:hover {background-color:orange;}




.add-evnts{ background-color:#ddd; display:flex;flex-direction:column; padding:10px;justify-content: center;}
.add-evnts .evntyp {display:flex;  font-family: arial;  font-size: 14px;color: #555; align-items: center;   justify-content: center; height:30px; margin-bottom:10px;}
.add-evnts .evntyp .shtyp {margin-left:12px;}
.add-evnts .evntyp .shtyp:first-child {margin-left:0px;}
.add-evnts .evntyp .shtyp input {width:20px;}
.add-evnts .evntselct {display:flex;}
.add-evnts .evntselct input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; cursor:text; margin-bottom:7px; width:100%;}
.add-evnts .evntselct textarea {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; cursor:text; height:100%;}
.add-evnts .evntselct .evnt-a, .evnt-b, .evnt-c  { display:flex;  flex-direction: column; width:100%; margin-right:5px;}

.add-evnts .evntselct .evnt-a .evnt-ain {display:flex;}
.add-evnts .evntselct .evnt-a .evnt-ain input:first-child {width:100px; margin-right:5px;}
.add-evnts .evntselct .evnt-c input { font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; cursor:text;}
.add-evnts .evntselct .evnt-a input:nth-child(3) { margin-bottom:0px; height:42px;}
.add-evnts .evntselct .evnt-c input:last-child { margin-bottom:0px;}
.add-evnts .evntselct .evnt-d {display:flex; flex-direction: column-reverse;}
.add-evnts .evntselct .evnt-d input[type="submit"] {padding:8px 10px; background:#EB268F;font-family: arial; font-size: 14px;margin:0px;  color: #fff; border:none; transition: 1s; cursor:pointer; }
.add-evnts .evntselct .evnt-d input[type="submit"]:hover {background-color: #00B0F0;}
.addedevnts {display: flex; flex-direction: column; align-items: center;}
.addevnthdng {display: inline-block;  color: #fff; font-size: 14px; font-weight: bold; padding: 12px 8px; border-radius: 4px; margin: 25px auto;   background-color: #00B0F0;}
.evntdtls {display:flex;font-family: arial;  font-size: 16px; line-height:25px;color: #555;padding: 10px 0px; border-bottom:1px solid #999; width:70%; align-items:center;}
.evntdtls img {background-color: #fff;width: 75px; margin-right:10px; padding: 2px; border: 1px solid #9e9e9e8f;}
.evntdtls span small {color:#EB268F; font-weight:normal; text-transform:uppercase;}
.evntdtls span:nth-child(2) {font-weight:bold; width:calc(100% - 135px); font-size:18px;}
.evntdtls input[type="button"] {display: block; background: #555; font-family: arial; font-size: 16px; margin-right: 6px; color: #fff; border: none; transition: 1s;   cursor: pointer;  padding: 5px; border-radius: 3px; width:60px; }
.evntdtls span:nth-child(3) input[type="button"]:hover {background-color:#00B0F0;}
.evntdtls span:nth-child(4) input[type="button"]:hover {background-color:#EB268F;}

.edit-evnts {width:100%;height:100vh;position: fixed;top:0;	left:0;	display:flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.7);display:none;
	overflow:auto;z-index: 1000;}
.edit-evnts .edtevntss .edtevntbgrd{ display:flex;flex-direction:column;justify-content: center; width: 96%;  margin: 10px auto;
    border-radius: 10px;}
.edit-evnts .edtevntss{width:98%; max-height:90%;background:#fff; border-radius:20px;	max-width:550px;overflow-x: hidden;   overflow-y: scroll;}
.edit-evnts .edtevntss::-webkit-scrollbar-track{border-radius:20px;background:transparent;}
.edit-evnts .edtevntss::-webkit-scrollbar{width:5px;}
.edit-evnts .edtevntss::-webkit-scrollbar-thumb{background: #7db9ce;border-radius:20px;}
.edit-evnts .evnttyp {display:flex;  font-family: arial;  font-size: 14px;color: #555; align-items: center;   justify-content: center; height:30px; margin-bottom:10px;}
.edit-evnts .evnttyp .evntyp {margin-left:12px;}
.edit-evnts .evnttyp .evntyp:first-child {margin-left:0px;}
.edit-evnts .evnttyp .evntyp input {width:20px;}
.edit-evnts .evnttyp {display:flex;align-items: center;}
.edit-evnts .evnttyp input { width:100%;font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-bottom:5px; cursor:text;}
.edit-evnts .edvntslct {display:flex; flex-direction:column;}
.edit-evnts .edvntslct input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; cursor:text; margin-bottom:5px; width:100%;}
.edit-evnts .edvntslct textarea {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; cursor:text; margin-bottom:5px; }
.edit-evnts .edvntslct .evnts-in {display:flex;}
.edit-evnts .edvntslct .evnts-in input:first-child {width:100px; margin-right:5px;}
.edit-evnts .edvntslct .evntsgrp {display: flex;  justify-content: center; margin:10px auto;}
.edit-evnts .edvntslct .evntsgrp input[type="button"]{border:none;border-radius:4px;background:#EB268F; font-size: 16px;   color: #FFF;cursor:pointer;padding:8px 10px;margin-right:10px;	transition:1s;}
.edit-evnts .edvntslct .evntsgrp input[type="button"]:last-child { background:#555;}
.edit-evnts .edvntslct .evntsgrp input[type="button"]:hover{background:#00B0F0;}


/* FAQ CSS */
.panel { margin: 5px auto;border: 2px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); width:70%}
.panel-default {border-color: #999;}
.panel-default > .panel-heading { background-color: #999;}
.panel-default > .panel-heading + .panel-collapse .panel-body {border-top-color: #ddd}
.panel-default > .panel-heading > .dropdown .caret {border-color: #333 transparent}
.panel-default > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #ddd;}

.panel-heading { padding: 5px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px;}

.panel-title{font-family: arial; color: #fff;font-size: 18px;line-height:20px;	font-weight: normal;}


.panel-heading:hover { background-color:#00B0F0;}

.collapse {display: none;}
.collapse.in {display: block;}
.collapsing {height: 0; overflow: hidden; -webkit-transition: height .35s ease;  transition: height .35s ease}





.shw-stdmtrl{    width: 100%;  height: 100vh;   position: fixed;  top: 0;  left: 0;  display: flex;  justify-content: center;  align-items: center;  background: rgba(0,0,0,0.7);  display: none;  overflow: scroll;  z-index: 1000;}

.shw-stdmtrl .shwstdymtrl { width: 90%; padding: 10px; background: #fff; border-radius: 20px; max-width: 1200px; font-family: arial; color: #555; font-size: 14px;  line-height: 18px; max-height: 85%;  overflow-x: hidden; overflow-y: scroll;}
.shw-stdmtrl .shwstdymtrl::-webkit-scrollbar{ 	width:5px; background:transparet;}

.stdmthdng {font-family:arial; font-size:25px; line-height:25px;  display:table;color: #fff; padding: 6px 12px;  border-radius: 4px; margin: 5px auto; background-color: #00B0F0; text-transform:uppercase;}

.shw-stdmtrl .slctmtrls {font-family: arial;  font-size: 14px;color: #555; border:1px solid #999; width:100%; margin-bottom:20px; border-bottom:none;}
.shw-stdmtrl .slctmtrls h2 {background-color:#555; display:block; padding-left:5px; color:#fff; font-weight:normal; font-size:22px; line-height:26px;}
.shw-stdmtrl .slctmtrls span {display:block;color:#EB268F; padding-left:5px;font-weight:normal; font-size:16px; line-height:22px;}
.shw-stdmtrl .slctmtrls ul { display:grid; grid-template-columns: repeat(6,1fr); grid-gap: 6px;list-style: none; padding: 6px; border-bottom:1px solid #555;}
.shw-stdmtrl .slctmtrls ul li input {width: 25px; vertical-align: middle; color:#555;}
.shw-stdmtrl .slctmtrls ul li span { display: inline-block; color:#555; font-size:14px; line-height:16px; margin:0px;}
.shw-stdmtrl input[type="submit"] { display:block; width:140px; padding:8px 10px; background:#EB268F;font-family: arial; font-size: 14px;margin:0px;  color: #fff; border:none; transition: 1s; cursor:pointer; float:right; }
.shw-stdmtrl .input[type="submit"]:hover {background-color: #00B0F0;}

.add-stdymtrls{ background-color:#ddd; display:flex;flex-direction:column; padding:10px;justify-content: center;}
.add-stdymtrls .mrltyp {font-family: arial; font-size: 18px; margin-bottom: 10px; line-height: 20px; text-align: right;color: #EB268F; transition:1s;}
.add-stdymtrls .mrltyp:hover {color: #00B0F0;}
.add-stdymtrls .mrlselct {display:flex; margin-bottom:10px; justify-content: center;}


.add-stdymtrls .mrlselct .mtgrp { display: block;  width: 140px;  padding: 8px 10px;  background: #EB268F; font-family: arial; font-size: 14px;  margin: 0px; color: #fff;   border: none;  transition: 1s;  cursor: pointer;  float: right;}
.add-stdymtrls .mrlselct .mtgrp:hover {background-color: #00B0F0;}

.add-stdymtrls .mrlselct input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-right:5px; cursor:text; width:50%;}
.add-stdymtrls .mrlselct select {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-right:5px; cursor:pointer;}
.add-stdymtrls .mrlselct .stdcod{ width:70px}
.add-stdymtrls .mrlselct input:last-child {margin-right:0px;}
.add-stdymtrls .mrlselct span { background-color:#555; color:#f1f1f1;  font-size: 20px;  width: 150px; padding:20px 10px; margin-right:5px; text-align:center;}

.add-stdymtrls .slctcrse {font-family: arial;  font-size: 14px;color: #555;}

.add-stdymtrls .slctcrse ul {background-color:#fff;display:grid; grid-template-columns: repeat(6,1fr); grid-column-gap: 10px; grid-row-gap:16px; list-style: none; padding: 10px; border-radius: 5px;    margin-bottom: 10px;}
.add-stdymtrls .slctcrse ul:first-child {color:#009ae0;}
.add-stdymtrls .slctcrse ul li input {width: 25px; vertical-align: middle; color:#555;}
.add-stdymtrls .slctcrse input[type="submit"] { display:block; width:140px; padding:8px 10px; background:#EB268F;font-family: arial; font-size: 14px;margin:0px;  color: #fff; border:none; transition: 1s; cursor:pointer; float:right; }
.add-stdymtrls .slctcrse input[type="submit"]:hover {background-color: #00B0F0;}
.addedstdmtrls {display: flex; flex-direction: column; padding:0px 10px;}
.addmtrlhdng {color: #EB268F; font-size: 18px; line-height:20px; font-weight: bold; padding: 12px 0px; border-radius: 4px;}
.mtrldtls {display:flex;font-family: arial;  font-size: 16px; line-height:25px;color: #555;padding: 10px 0px; border-bottom:1px solid #999; width:100%; align-items:center;}
.mtrldtls:last-child { border:none;}
.mtrldtls span:nth-child(1) {width:50px;} 
.mtrldtls span:nth-child(2) {font-weight:bold; width:calc(100% - 135px); font-size:18px;}
.mtrldtls input[type="button"] {display: block; background: #555; font-family: arial; font-size: 16px; margin-right: 6px; color: #fff; border: none; transition: 1s;   cursor: pointer;  padding: 5px; border-radius: 3px; width:60px; }
.mtrldtls span:nth-child(2) input[type="button"]:hover {background-color:#00B0F0;}
.mtrldtls span:nth-child(3) input[type="button"]:hover {background-color:#EB268F;}



.edit-stdymtrls{width:100%;height:100vh;position: fixed;top:0;	left:0;	display:flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.7);display:none;
	overflow:auto;z-index: 1000;}
.edit-stdymtrls .edtstdymtrls .edtmtrlbgrd{ background-color:#ddd; display:flex;flex-direction:column; padding:10px;justify-content: center; width: 96%;  margin: 10px auto;
    border-radius: 10px;}
.edit-stdymtrls .edtstdymtrls{width:98%; max-height:90%;background:#fff; border-radius:20px;	max-width:550px;overflow-x: hidden;   overflow-y: scroll;}
.edit-stdymtrls .edtstdymtrls::-webkit-scrollbar-track{border-radius:20px;background:transparent;}
.edit-stdymtrls .edtstdymtrls::-webkit-scrollbar{width:5px;}
.edit-stdymtrls .edtstdymtrls::-webkit-scrollbar-thumb{background: #7db9ce;border-radius:20px;}
.edit-stdymtrls .edtmrltyp {display:flex;  font-family: arial;  font-size: 14px;color: #555; align-items: center;   justify-content: center; height:30px; margin-bottom:10px;}
.edit-stdymtrls .edtmrltyp .edtyp {margin-left:12px;}
.edit-stdymtrls .edtmrltyp .edtyp:first-child {margin-left:0px;}
.edit-stdymtrls .edtmrltyp .edtyp input {width:20px;}
.edit-stdymtrls .edmrlselct {display:flex; flex-direction:column; align-items: center;}
.edit-stdymtrls .edmrlselct input { width:100%;font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-bottom:5px; cursor:text;}
.edit-stdymtrls .edtstdymtrls .stmtrlgrp {display: flex;  justify-content: center; margin:10px auto;}
.edit-stdymtrls .edtstdymtrls .stmtrlgrp input[type="button"]{border:none;border-radius:4px;background:#EB268F; font-size: 16px;   color: #FFF;cursor:pointer;padding:8px 10px;margin-right:10px;	transition:1s;}
.edit-stdymtrls .edtstdymtrls .stmtrlgrp input[type="button"]:last-child { background:#555; margin:0px;}
.edit-stdymtrls .edtstdymtrls .stmtrlgrp input[type="button"]:hover{background:#00B0F0;}
.edit-stdymtrls .edmrlselct input:last-child {margin-right:0px;}
.edit-stdymtrls .edmrlselct span { background-color: #555;  color: #f1f1f1;  font-size: 16px; line-height: 16px;  width: 120px; padding: 10px 0px;  margin: 0px auto 10px auto;
    text-align: center;  border-radius: 6px;}
.edit-stdymtrls .edslctcrse {font-family: arial;  font-size: 14px;color: #555;}
.edit-stdymtrls .edslctcrse ul {background-color:#fff;display:grid; grid-template-columns: repeat(3,1fr); grid-column-gap: 5px; grid-row-gap:12px; list-style: none; padding: 6px; }
.edit-stdymtrls .edslctcrse ul:first-child {color:#009ae0;}
.edit-stdymtrls .edslctcrse ul li input {width: 25px; vertical-align: middle; color:#555;}





.add-vidos{ background-color:#ddd; display:flex;flex-direction:column; padding:10px;justify-content: center;}
.add-vidos .vidotyp {display:flex;  font-family: arial;  font-size: 14px;color: #555; align-items: center;   justify-content: center; height:30px; margin-bottom:10px;}
.add-vidos .vidotyp .vdtyp {margin-left:12px;}
.add-vidos .vidotyp .vdtyp:first-child {margin-left:0px;}
.add-vidos .vidotyp .vdtyp input {width:20px;}
.add-vidos .vidoselct {display:flex; column-gap: 10px;    justify-content: center;}
.add-vidos .vidoselct input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; cursor:text;width:100%;}
.add-vidos .vidoselct input:nth-child(1) {width:75px;}
.add-vidos .vidoselct input[type="submit"] {padding:8px 10px; background:#EB268F;font-family: arial; font-size: 14px;margin:0px;  color: #fff; border:none; transition: 1s; cursor:pointer; width:100px; }
.add-vidos .vidoselct input[type="submit"]:hover {background-color: #00B0F0;}


.vidoflex {display:flex; flex-direction: column;}
.vidosdng {display: inline-block;  color: #fff; font-size: 14px; font-weight: bold; padding: 12px 8px; border-radius: 4px; margin: 25px auto;   background-color: #00B0F0;}
.addedvido {display:grid; grid-template-columns: repeat(5,1fr); grid-gap: 15px; margin-top:15px;}
.addedvido .sldrdtl {display:flex; flex-direction:column;border: 1px solid #999; padding: 6px; border-radius: 3px;}
.addedvido .sldrdtl video {width:100%;}
.addedvido .sldrdtl .vdottl {margin-top:5px;}
.addedvido .sldrdtl .vdottl span {font-family: arial;  font-size: 12px; line-height:normal;color: #555;}
.addedvido .sldrdtl .vdottl span:nth-child(1) {margin-right:10px;}
.addedvido .sldrdtl .vdobtn {margin-top:5px; display:flex;column-gap: 6px;justify-content: flex-end;    align-items: center;}
.addedvido .sldrdtl .vdobtn small {font-family: arial; font-size: 14px; line-height: normal; color:orange; width:100%;}
.addedvido .sldrdtl .vdobtn span input[type="button"] {background: #555; font-family: arial; font-size: 13px; color: #fff; border: none; transition: 1s;   cursor: pointer;  padding: 4px; border-radius: 3px; }

.addedvido .sldrdtl .vdobtn span:nth-child(2) input[type="button"]:hover {background-color:#00B0F0;}
.addedvido .sldrdtl .vdobtn span:nth-child(3) input[type="button"]:hover {background-color:#EB268F;}
.addedvido .sldrdtl .vdobtn span:nth-child(4) input[type="button"]:hover {background-color:orange;}

.add-course {background-color:#ddd; display:flex; padding:10px;justify-content: center;}
.add-course input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin:5px;}
.add-course select {font-family: arial;  font-size: 14px;color: #555;padding: 9px; border:1px solid #999;background: #fff; margin:5px;}
.add-course input[type="submit"] { display:block;background:#EB268F;font-family: arial; font-size: 14px; color: #fff; border:none; transition: 1s; cursor:pointer; width:160px; height:39px; float:right; }
.add-course input[type="submit"]:hover {background-color: #00B0F0;}
.addedcourses {display: flex; flex-direction: column; align-items: center;}
.addedcourses h3 {font-family: arial;  font-size: 16px;  line-height: 18px; padding:0px;  color: #EB268F;}

.edt-course {display:flex; padding:10px; flex-direction:column;}
.edt-course input { font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff;}
.edt-course select { font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-right:5px;}
	
.edt-course input[type="button"] { display:block;background:#EB268F;font-family: arial; font-size: 14px;margin:0px;  color: #fff; border:none; transition: 1s; cursor:pointer; }
.edt-course input[type="button"]:hover {background-color: #00B0F0;}
.edtgrp1{ display:flex; margin-bottom:10px;}
.edt-course .edtgrp1 select {width:50%; cursor:default;}
.edt-course .edtgrp1 select:nth-child(2) {margin-right:0px;}
.edtgrp2 {display:flex; flex-direction: column;margin-bottom:10px;}
.edtgrp2 input {margin-bottom:10px;}
.edtgrp2 .edtgrp-comb {display:flex;}
.edtgrp2 .edtgrp-comb input:nth-child(1){width: 50px; cursor: text;margin-right: -1px;}
.edtgrp2 .edtgrp-comb select{width: 100%; margin-right: 5px; height:39px;}
.edtgrp2 .edtgrp-comb input:nth-child(2){ margin-right:0px; width:50px;cursor:text;}
.edtgrp2 select { margin:0px;}
.edtgrp3 {display: flex;   justify-content: center;  margin: 0px auto;}
.edtgrp3 input[type="button"]{border:none;border-radius:4px;background:#EB268F;	font-size: 16px;   color: #FFF;cursor:pointer;padding:8px 10px;margin-right:10px;
	transition:1s;}

.edtgrp3 input[type="button"]:last-child { background:#555; margin:0px;}
.edtgrp3 input[type="button"]:hover{background:#00B0F0;}

.edit-courspop{width:100%;height:100vh;position: fixed;top:0;	left:0;	display:flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.7);display:none;
	overflow:auto;z-index: 1000;}
.edit-courspop .edtfrmcrse{width:98%;background:#fff; border-radius:20px;	max-width:500px;}
	
	
.add-demos {display:flex;}
.add-demos .add-demshps {background-color:#ddd; display:flex; flex-direction:column; padding:10px;justify-content: center; width:50%;}
.add-demos .add-demshps input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-bottom:5px; width:100%;}
.add-demos .add-demshps select {font-family: arial;  font-size: 14px;color: #555;padding: 9px; border:1px solid #999;background: #fff; margin-bottom:5px; width:100%;}
.add-demos .add-demshps textarea {font-family: arial;  font-size: 14px;color: #555;padding: 9px; border:1px solid #999;background: #fff; margin-bottom:5px; width:100%;}
.add-demos .add-demshps p {font-family: arial;  font-size: 14px;color: #555; margin:15px 0px 10px 0px}
.add-demos .add-demshps .dmodte { display:flex;}
.add-demos .add-demshps .dmodte input {width:33%; margin-right:5px;}
.add-demos .add-demshps .dmodte input:last-child {margin-right:0px;}
.add-demos .add-demshps .dmogide { display:flex;}
.add-demos .add-demshps .dmogide select {margin-right:5px;cursor:default;}
.add-demos .add-demshps .dmogide select:nth-child(1) {width:160px;}
.add-demos .add-demshps .dmogide select:nth-child(2) {width:100px;}
.add-demos .add-demshps .dmogide input { width: calc(100% - 260px);}
.add-demos .add-demshps .dmoentry { display:flex; align-items:baseline;margin-bottom: 5px;}
.add-demos .add-demshps .dmoentry .frchrg input {width:30px; margin-bottom: 0px;}
.add-demos .add-demshps .dmoentry .frchrg span {font-family: arial; font-size: 14px; color: #555; margin-right:15px;}
.add-demos .add-demshps .dmoentry .frchrg:nth-child(1) {width:25%;}
.add-demos .add-demshps .dmoentry .frchrg:nth-child(2) {width: calc(100% - 25%);}
.add-demos .add-demshps .dmoentry .frchrg input:last-child{width: calc(100% - 70px);}
.add-demos .add-demshps input[type="submit"]{ width:100px; margin:10px auto;border:none;border-radius:4px;background:#EB268F;font-size: 16px;   color: #FFF;cursor:pointer;padding:8px 10px;	transition:1s;}
.add-demos .add-demshps input[type="submit"]:hover{background:#00B0F0;}


.add-demos .dmoupdte {width:50%; margin-left:10px;}
.add-demos .dmoupdte .divupdte { display:flex; border:1px solid #999;padding:5px; margin-bottom:10px;}
.add-demos .dmoupdte .divupdte .dmopic{width:100px; margin-right:5px;}
.add-demos .dmoupdte .divupdte img {width:100%; padding:5px; border-radius:100px;}
.add-demos .dmoupdte .dmobtns {margin-top:10px;}
.add-demos .dmoupdte .divupdte .divdtls {display:flex; flex-direction:column;width: calc(100% - 110px);}
.add-demos .dmoupdte .divupdte .divdtls span:nth-child(1) { font: normal 22px 'Yanone Kaffeesatz', sans-serif;  color: #555;}
.add-demos .dmoupdte .divupdte .divdtls span:nth-child(2) { font: normal 24px 'Yanone Kaffeesatz', sans-serif; text-transform:uppercase;  color: #390;}
.add-demos .dmoupdte .divupdte input[type="button"],input[type="submit"]{width:65px;border-radius:4px;border:none;cursor:pointer;padding:4px;background:#555; color:#fff; transition:1s;}
.add-demos .dmoupdte .divupdte input[type="button"]:hover,input[type="submit"]:hover{background:#00B0F0;}



.edit-demopop{width:100%;height:100vh;position: fixed;top:0;	left:0;	display:flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.7);display:none;
	overflow:auto;z-index: 1000;}
.edit-demopop .edtdmocls {width:98%;max-height: 90%;background:#fff; border-radius:20px;	max-width:500px; overflow-x: hidden;   overflow-y: scroll;}
.edit-demopop .edtdmocls::-webkit-scrollbar-track{border-radius:20px;background:transparent;}
.edit-demopop .edtdmocls::-webkit-scrollbar{width:5px;}
.edit-demopop .edtdmocls::-webkit-scrollbar-thumb{background: #7db9ce;border-radius:20px;}

.edit-demopop .edtdmocls .edt-demo {display:flex; padding:10px; flex-direction:column;}
.edit-demopop .edtdmocls .edt-demo input { font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff;margin-bottom:5px; width:100%;}
.edit-demopop .edtdmocls .edt-demo select { font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-bottom:5px; width:100%;}
.edit-demopop .edtdmocls .edt-demo textarea { font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-bottom:5px; width:100%;}
.edit-demopop .edtdmocls p {font-family: arial;  font-size: 14px;color: #555; margin:15px 0px 10px 0px}
.edit-demopop .edtdmocls .edt-demo .edmogide { display:flex;}
.edit-demopop .edtdmocls .edt-demo .edmogide select {margin-right:5px;cursor:default;}
.edit-demopop .edtdmocls .edt-demo .edmogide select:nth-child(1) {width:160px;}
.edit-demopop .edtdmocls .edt-demo .edmogide select:nth-child(2) {width:100px;}
.edit-demopop .edtdmocls .edt-demo .edmogide input { width: calc(100% - 260px);}
.edit-demopop .edtdmocls .edt-demo ul { display:flex; align-items:baseline;margin-bottom: 5px; list-style:none;}
.edit-demopop .edtdmocls .edt-demo ul li input {width:30px; margin-bottom: 0px;}
.edit-demopop .edtdmocls .edt-demo ul li span {font-family: arial; font-size: 14px; color: #555; margin-right:15px;}
.edit-demopop .edtdmocls .edt-demo ul li:nth-child(1) {width:25%;}
.edit-demopop .edtdmocls .edt-demo ul li:nth-child(2) {width: calc(100% - 25%);}
.edit-demopop .edtdmocls .edt-demo ul li input:last-child{width: calc(100% - 70px);}
	
.edit-demopop .edtdmocls .eddmbtn {display: flex;  justify-content: center; margin:10px auto;}
.edit-demopop .edtdmocls .eddmbtn input[type="button"]{border:none;border-radius:4px;background:#EB268F;	font-size: 16px;   color: #FFF;cursor:pointer;padding:8px 10px;margin-right:10px; margin-bottom:0px;transition:1s;}
.edit-demopop .edtdmocls .eddmbtn input[type="button"]:last-child { background:#555; margin:0px;}
.edit-demopop .edtdmocls .eddmbtn input[type="button"]:hover{background:#00B0F0;}
.edit-demopop .edtdmocls input:last-child {margin-right:0px;}
	
	
	
	
	
.add-cntct { background-color:#ddd; display:flex; padding:10px;justify-content: center; margin-top:20px;}
.add-cntct input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-right:5px; width:100%;}
.add-cntct .cntgrp1 {display:flex; width:100px; cursor:text;}
.add-cntct .cntgrp2 {display:flex; width:300px;}
.add-cntct .cntgrp3 {display:flex;width: calc(100% - 500px);}
.add-cntct input[type="submit"] { display:block;background:#EB268F;font-family: arial; font-size: 14px; color: #fff; border:none; transition: 1s; cursor:pointer; width:100px; margin-right:0px; }
.add-cntct input[type="submit"]:hover {background-color: #00B0F0;}
	
	
.add-cntbnr { background-color:#ddd; display:flex; padding:10px;column-gap:20px;}
.add-cntbnr .shw-bnr {display:block; width: 400px; padding: 3px;background-color: #fff;}
.add-cntbnr	.cntbnr {display:flex;width: calc(100% - 400px); align-items: center;}
.add-cntbnr	.cntbnr input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-right:5px; width:100%;}
.add-cntbnr	.cntbnr input[type="submit"] { display:block;background:#EB268F;font-family: arial; font-size: 14px; color: #fff; border:none; transition: 1s; cursor:pointer; width:170px; margin-right:0px; }
.add-cntbnr	.cntbnr input[type="submit"]:hover {background-color: #00B0F0;}
	
.addedcntbnr {display: flex; flex-direction: column; align-items: center;}
.addedcntbnr .cntbnrs {display:flex;font-family: arial;  font-size: 16px; line-height:25px;color: #555;padding: 10px 0px; border-bottom:1px solid #999; width:60%; align-items:center;}
.addedcntbnr .cntbnrs span:nth-child(1) {width:30px;}
.addedcntbnr .cntbnrs span:nth-child(2) {width:calc(100% - 150px);}
.addedcntbnr .cntbnrs span:nth-child(2) img {width:25px; height:25px;vertical-align: middle;}
.addedcntbnr .cntbnrs  input[type="button"] {display: block; background: #555; font-family: arial; font-size: 16px; margin-right: 6px; color: #fff; border: none; transition: 1s;
    cursor: pointer;  padding: 5px; border-radius: 3px; width:60px; }
.addedcntbnr .cntbnrs  span:nth-child(3) input[type="button"]:hover {background-color:#00B0F0;}
.addedcntbnr .cntbnrs  span:nth-child(4) input[type="button"]:hover {background-color:#EB268F;}



	
	
.add-weblnk { background-color:#ddd; display:flex; padding:10px;justify-content: center;}
.add-weblnk input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-right:5px; width:100%;}
.add-weblnk select {font-family: arial;  font-size: 14px;color: #555;padding: 9px; border:1px solid #999;background: #fff; margin-right:5px; width:100%;}
.lnkgrp1 select {width:135px; cursor:default; height:100%;}
.lnkgrp1 input {width:60px; cursor:text;}
.lnkgrp1 {display:flex;}
.lnkgrp2 {display:flex; width:100%;}
.lnkgrp3 {display:flex; width:400px;}

.add-weblnk input[type="submit"] { display:block;background:#EB268F;font-family: arial; font-size: 14px; color: #fff; border:none; transition: 1s; cursor:pointer; width:100px; margin-right:0px; }
.add-weblnk input[type="submit"]:hover {background-color: #00B0F0;}

.addedlnks {display: flex; flex-direction: column; align-items: center;}
.addlnkhdng {display: inline-block;  color: #fff; font-size: 14px; font-weight: bold; padding: 12px 8px; border-radius: 4px; margin: 25px auto;   background-color: #00B0F0;}
.lnkdtls {display:flex;font-family: arial;  font-size: 16px; line-height:25px;color: #555;padding: 10px 0px; border-bottom:1px solid #999; width:60%; align-items:center;}
.lnkdtls span:nth-child(1) {width:30px;}
.lnkdtls a {text-decoration:none; color: #555; width:calc(100% - 120px);}
.lnkdtls a:hover {color:#EB268F;}
.lnkdtls input[type="button"] {display: block; background: #555; font-family: arial; font-size: 16px; margin-right: 6px; color: #fff; border: none; transition: 1s;
    cursor: pointer;  padding: 5px; border-radius: 3px; width:60px; }
.lnkdtls span:nth-child(3) input[type="button"]:hover {background-color:#00B0F0;}
.lnkdtls span:nth-child(4) input[type="button"]:hover {background-color:#EB268F;}
	
.edit-weblnk{width:100%;height:100vh;position: fixed;top:0;left:0;display:flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.7);display:none;
	overflow:auto;	z-index: 1000;}
.edit-weblnk .edtfrmlnk{width:98%;	background:#fff; border-radius:20px;	max-width:500px;}
.edt-wlnks {display:flex; padding:10px; flex-direction:column;}
.edt-wlnks input { font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff;}
.edt-wlnks select { font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-right:5px;}
.edt-wlnks .lnkedtgrp1 { display:flex; margin-bottom:5px;}
.edt-wlnks .lnkedtgrp1 input {width:30%; cursor:text; margin-right:5px;}
.edt-wlnks .lnkedtgrp1 select {width:70%; cursor:default; height:100%; margin-right:0px;}
.edt-wlnks .lnkedtgrp2 { display:flex; flex-direction:column;}
.edt-wlnks .lnkedtgrp2 input {margin-bottom:5px;}
.edt-wlnks .lnkedtgrp3 {display: flex;   justify-content: center;  margin: 0px auto;}
.edt-wlnks .lnkedtgrp3 input[type="button"]{border:none;border-radius:4px;background:#EB268F;	font-size: 16px;   color: #FFF;cursor:pointer;padding:8px 10px;margin-right:10px;
	transition:1s;}
.edt-wlnks .lnkedtgrp3 input[type="button"]:last-child { background:#555; margin:0px;}
.edt-wlnks .lnkedtgrp3 input[type="button"]:hover{background:#00B0F0;}
	
	
	
	
	
.add-mnsldr { background-color:#ddd; display:flex; padding:10px;justify-content: center;}
.add-mnsldr .sldrs { display:flex; width:100%;justify-content: center;}
.add-mnsldr .sldrs .slcd input {width:100px; height:44px;}
.add-mnsldr .sldrs input {width:60%; font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-right:5px;}
.add-mnsldr .sldrs input[type="submit"] { background:#EB268F;font-family: arial; font-size: 14px; color: #fff; border:none; transition: 1s; cursor:pointer; width:100px; margin-right:0px; }
.add-mnsldr .sldrs input[type="submit"]:hover {background-color: #00B0F0;}

.addedmnsldr {display:grid; grid-template-columns: repeat(6,1fr); grid-gap: 10px; margin-top:25px;}
.addedmnsldr .mnsldrdtls {display:flex; flex-direction:column; align-items:center; border: 1px solid #999; padding: 5px;}
.addedmnsldr .mnsldrdtls .sldrdtl {display:flex;align-items:center; margin-top: 7px; justify-content: space-between; width: 100%;}
.addedmnsldr .mnsldrdtls .sldrdtl span {font-family: arial;  font-size: 16px; line-height:20px;color: #555;margin-right:10px;}
.addedmnsldr .mnsldrdtls .sldrdtl input[type="button"] {display: block; background: #555; font-family: arial; font-size: 14px; color: #fff; border: none; transition: 1s;   cursor: pointer;  padding: 5px; border-radius: 3px; }
.addedmnsldr .mnsldrdtls .sldrdtl input[type="button"]:hover {background-color:#EB268F;}
	

.add-hme-ads { background-color:#ddd; display:flex; padding:10px;justify-content: center;}
.add-hme-ads .advts { display:flex; width:100%;justify-content: center;}
.add-hme-ads .advts .adnmbr input {width:100px; height:44px;}
.add-hme-ads .advts input {width:100%; font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-right:5px;}
.add-hme-ads .advts input[type="submit"] { background:#EB268F;font-family: arial; font-size: 14px; color: #fff; border:none; transition: 1s; cursor:pointer; width:100px; margin-right:0px; }
.add-hme-ads .advts input[type="submit"]:hover {background-color: #00B0F0;}


.addedhmeads {display:grid; grid-template-columns: repeat(4,1fr); grid-gap: 10px; margin-top:25px;}
.addedhmeads .hmsldrdtls {display:flex; flex-direction:column; align-items:center; border: 1px solid #999; padding: 5px;}
.addedhmeads .hmsldrdtls .adsdtl {display:flex;align-items:center; margin-top: 7px; justify-content: space-between; width: 100%;}
.addedhmeads .hmsldrdtls .adsdtl span {font-family: arial;  font-size: 16px; line-height:20px;color: #555;margin-right:10px;}
.addedhmeads .hmsldrdtls .adsdtl .inptdvdr {display:flex;column-gap: 10px;}
.addedhmeads .hmsldrdtls .adsdtl input[type="button"] {display: block; background: #555; font-family: arial; font-size: 14px; color: #fff; border: none; transition: 1s;   cursor: pointer;  padding: 5px; border-radius: 3px; }
.addedhmeads .hmsldrdtls .adsdtl input[type="button"]:hover {background-color:#EB268F;}



.add-othr-optn { background-color:#ddd; display:flex; padding:10px;justify-content: center;}
.add-othr-optn .optns { display:flex; width:100%;justify-content: center;}
.add-othr-optn .optns .opnnmbr input {width:100px; height:44px;}
.add-othr-optn .optns input {width:100%; font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-right:5px;}
.add-othr-optn .optns input[type="submit"] { background:#EB268F;font-family: arial; font-size: 14px; color: #fff; border:none; transition: 1s; cursor:pointer; width:200px; margin-right:0px; }
.add-othr-optn .optns input[type="submit"]:hover {background-color: #00B0F0;}


.addedothroptn {display: flex; flex-direction: column; padding:0px 10px;}
.othroptns {display:flex;font-family: arial;  font-size: 16px; line-height:25px;color: #555;padding: 10px 0px; border-bottom:1px solid #999; width:100%; align-items:center;}
.othroptns:last-child { border:none;}
.othroptns span:nth-child(1) {width:50px;} 
.othroptns span:nth-child(5) input {width:80px; margin:0px;} 
.othroptns a {width:calc(100% - 260px); font-size:18px; text-decoration:none; color:#00B0F0; transition:1s;}
.othroptns a:hover {color:#EB268F;}
.othroptns input[type="button"] {display: block; background: #555; font-family: arial; font-size: 16px; margin-right: 6px; color: #fff; border: none; transition: 1s;   cursor: pointer;  padding: 5px; border-radius: 3px; width:60px; }
.othroptns span:nth-child(3) input[type="button"]:hover {background-color:#00B0F0;}
.othroptns span:nth-child(4) input[type="button"]:hover {background-color:#EB268F;}
.othroptns span:nth-child(5) input[type="button"]:hover {background-color:orange;}
.othroptns small {color: orange; font-weight: normal; margin-left:10px;}







.add-pmts{    width: 100%;  height: 100vh;   position: fixed;  top: 0;  left: 0;  display: flex;  justify-content: center;  align-items: center;  background: rgba(0,0,0,0.7);  display: none;  overflow: auto;  z-index: 1000;}
	
.add-pmts .pmtmde {display:flex;justify-content: center; column-gap: 25px;list-style: none;margin-top: 10px;}
.add-pmts .pmtmde input[type="radio"] {width: 25px; vertical-align: middle;}

/*.add-pmts{  background: #fff;padding:15px;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%,-50%);max-width:768px;  width: 90%;    border-radius: 16px;   box-shadow: 2px 2px 5px rgba(0,0,0,0.5); display: none;  z-index: 999;max-height:75%;overflow-x: hidden;   overflow-y: scroll;font-family: arial;  color: #555;  font-size: 14px;   line-height: 18px;  }*/
.add-pmts::-webkit-scrollbar{ 	width:5px; background:transparet;}
.add-pmts .pmtsmainform{width:90%; padding:10px; background:#fff; border-radius:20px;max-width:768px;font-family: arial;  color: #555;  font-size: 14px;   line-height: 18px;}
.add-pmts .pmtsmainform .formcon-sub {display:flex; justify-content:center;  margin: 0px auto;}

.stdntdtls { display:flex; flex-direction:column; justify-content:center;align-items: center;}
.stdntdtls span:first-child {font-size:22px; line-height:30px;font-weight:bold; }
.pmtdtlhdng {font-family:arial; font-size:25px; line-height:25px;  display: inline-block;color: #fff; padding: 6px 12px;  border-radius: 4px; margin: 5px auto; background-color: #00B0F0; text-transform:uppercase;}
.srchcorse select{display: flex; padding: 3px; width:250px; cursor:pointer; }

.lumsum { display: flex; font-size: 12px; font-weight:bold; margin: 15px auto; justify-content: center;  column-gap: 25px;}
.lumsum input{ font-family: arial;  font-size: 13px;  color: #555;  padding: 3px; border: 1px solid #bbb;  background: #fff;  cursor:text; width:90px; margin-left:5px;}
.lumsum input[type="button"]{border: none;border-radius: 3px; width:70px;   background:#555;font-size: 13px;color: #FFF; cursor: pointer;  padding: 4px 6px;  transition: 1s;}
.lumsum input[type="button"]:hover{background:#00B0F0;}

.addcrsetbl { display: flex; font-size: 12px; font-weight:bold;border-top: 1px solid #bbb;  border-bottom: 1px solid #bbb;  margin: 15px auto; padding:10px 0px;}
.addcrsetbl span {display:flex; margin-right:10px; align-items:center;}
.addcrsetbl span:last-child { margin-right:0px;}
.addcrsetbl input{ font-family: arial;  font-size: 13px;  color: #555;  padding: 3px; border: 1px solid #bbb;  background: #fff;  cursor:text; width:90px; margin-left:5px;}
.addinstlmnt {font-size:22px; line-height:12px; font-family:arial; color:#555; text-align:center; font-weight:bold;}
.divinstmnt {display:flex; background-color:#efefef; border: 2px solid #aaa; padding:8px; margin: 20px auto;column-gap: 10px;}
.divinstmnt .instinpt span { width: 22px; display: inline-table;}
.divinstmnt .instinpt {padding-right:10px; border-right:1px solid #555;}
.divinstmnt .instinpt li {display:flex; align-items: center; margin-bottom:10px;   }
.divinstmnt .instinpt li input{ width:130px;font-family: arial;  font-size: 13px;  color: #555;  padding: 3px; border: 1px solid #bbb;  background: #fff;  cursor:text;}
.divinstmnt .instinpt li input[type="text"] {width:80px;}
.divinstmnt .instinpt li input[type="submit"]{border: none;border-radius: 3px; width:70px;   background: red;font-size: 13px;color: #FFF; cursor: pointer;  padding: 4px 6px;  transition: 1s;}
.divinstmnt .instinpt li input[type="submit"]:hover{background:#555;}
.divinstmnt .instinpt li input[type="button"]{border: none;border-radius: 3px; width:70px;   background: red;font-size: 13px;color: #FFF; cursor: pointer;  padding: 4px 6px;  transition: 1s;}
.divinstmnt .instinpt li input[type="button"]:hover{background:#555;}
.divinstmnt .instinpt li #instlmnt_btn{border: none;border-radius: 3px; width:70px;   background: red;font-size: 13px;color: #FFF; cursor: pointer;  padding: 4px 6px;  transition: 1s;}
.divinstmnt .instinpt li #instlmnt_btn:hover{background:#555;}

.divinstmnt .pndgamt {flex-direction: column; list-style: none;}
.divinstmnt .pndgamt li { display: flex; margin-bottom: 6px; padding: 2px; border: 1px solid #999; background-color: #fff;}
.divinstmnt .pndgamt li:last-child {  margin-bottom: 0px;  background-color: #ff572257;}
.divinstmnt .pndgamt li span:nth-child(1) {width: 100px;}
.divinstmnt .pndgamt li span:nth-child(2) {width: 15px;}
.divinstmnt .pndgamt li span:nth-child(3) {font-weight:bold;}

#instlmnt_btn {    background-color: darkred;  padding: 6px 8px;  border-radius: 5px; color: #fff;}



.rgnmb { display:flex; justify-content:center;}
.rgnmb input {    font-size: 25px;  cursor: text; width: 150px; letter-spacing: 10px;  text-align: center;  margin: 16px auto; color: #555;}


.add-crse{    width: 100%;  height: 100vh;   position: fixed;  top: 0;  left: 0;  display: flex;  justify-content: center;  align-items: center;  background: rgba(0,0,0,0.7); display: none; overflow: auto;  z-index: 1000;}
.add-crse::-webkit-scrollbar{ 	width:5px; background:transparet;}
.add-crse .crsesmainform{width:90%; padding:10px; background:#fff; border-radius:20px;max-width:460px;font-family: arial;  color: #555;  font-size: 14px;   line-height: 18px;}
.add-crse .crsesmainform .formcon-sub {display:flex; justify-content:center;  margin: 0px auto;}
.crseplantbl { display:flex; flex-direction:column; margin:15px auto;}
.crseplan {display:flex; align-items: center; font-family: arial;  font-size: 14px;  color: #555; margin:5px auto; }
.crseplan input, select{ padding: 3px; border: 1px solid #bbb;  background: #fff;  cursor:text; margin:0px; width:250px;}
.crseplan select{ cursor:default;}
.crseplan span:nth-child(1) {width:150px;}
.crseplan span:nth-child(2) {width:15px;}
.crsgrp { width:250px; display:flex;}
.crsgrp span {width: 50px !important;  text-align: center; justify-content: center;  display: flex; flex-flow: column-reverse;}

.adedcrses ul {display: block;  padding: 0px;  width: 100%; list-style: none;  margin:0px;}
.adedcrses ul li { display: inline-flex; border: 1px solid #555; margin:2px; font-size: 13px; align-items:center; background-color:#fff;
    font-family: arial;}
.adedcrses ul li span {padding:2px 6px;}
.adedcrses ul li .fa { font-size: 15px; padding: 0px 5px; cursor:pointer;}
.adedcrses ul li .fa-trash-o {color:red;}

.addrolno{width:100%;height:100vh;position: fixed;top:0;left:0;display:flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.7);display:none;
	overflow:auto;	z-index: 1000;}
.addrolno .addedrln{border-radius: 20px;  max-width: 317px;  padding: 5px;width:98%;background:#fff; border-radius:20px;}


.poprgn{width:100%;height:100vh;position: fixed;top:0;left:0;display:flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.7);display:none; 	overflow:auto;	z-index: 1000;}
.poprgn .popdtlss{border-radius: 20px; width:98%;  max-width: 470px;  padding: 10px;max-height:90%; background:#fff; border-radius:20px;overflow-x: hidden; overflow-y: scroll;}
.poprgn .popdtlss::-webkit-scrollbar-track{border-radius:20px;background:transparent;}
.poprgn .popdtlss::-webkit-scrollbar{width:5px;}
.poprgn .popdtlss::-webkit-scrollbar-thumb{background: #7db9ce;border-radius:20px;}

.regndtltbl { display:flex; flex-direction:column; margin:15px auto;}
.regndtls {display:flex; font-family: arial;  font-size: 15px;  line-height:20px; color: #555; margin:5px 0px; text-align:justify;}
.regndtls a{text-decoration:none; color:#00B0F0;}
.regndtls a:hover{text-decoration:none; color:#EB268F;}
.regndtls span:nth-child(1) {width:130px;}
.regndtls span:nth-child(2) {width:20px; text-align:center;}
.regndtls span:nth-child(3) {width:calc(100% - 150px)}
.poprgn .popdtlss .formcon-sub {display:flex; justify-content:center;  margin: 0px auto;}
.poprgn .popdtlss .formcon-sub input[type="button"]{border:none;border-radius:4px;background:#EB268F;font-size: 16px;   color: #FFF;cursor:pointer;padding:8px 10px;	transition:1s;}
.poprgn .popdtlss .formcon-sub input[type="button"]:hover{background:#555;}


.quryfdbk{width:100%;height:100vh;position: fixed;top:0;left:0;display:flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.7);display:none; 	overflow:auto;	z-index: 1000;}
.quryfdbk .qurydtlss{border-radius: 20px; width:98%;  max-width: 470px;  padding: 10px;max-height:90%; background:#fff; border-radius:20px;overflow-x: hidden; overflow-y: scroll;}
.quryfdbk .qurydtlss::-webkit-scrollbar-track{border-radius:20px;background:transparent;}
.quryfdbk .qurydtlss::-webkit-scrollbar{width:5px;}
.quryfdbk .qurydtlss::-webkit-scrollbar-thumb{background: #7db9ce;border-radius:20px;}
.quryfdbk .qurydtlss .qrfd-sub {display:flex; justify-content:center;  margin: 0px auto;}
.quryfdbk .qurydtlss .qrfd-sub input[type="button"]{border:none;border-radius:4px;background:#EB268F;font-size: 16px;   color: #FFF;cursor:pointer;padding:8px 10px;	transition:1s;}
.quryfdbk .qurydtlss .qrfd-sub input[type="button"]:hover{background:#555;}



.mssgedbk{width:100%;height:100vh;position: fixed;top:0;left:0;display:flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.7);display:none; 	overflow:auto;	z-index: 1000;}
.mssgedbk .msgelss{border-radius: 20px; width:98%;  max-width: 470px;  padding: 10px;max-height:90%; background:#fff; overflow-x: hidden; overflow-y: scroll;}
.mssgedbk .msgelss::-webkit-scrollbar-track{border-radius:20px;background:transparent;}
.mssgedbk .msgelss::-webkit-scrollbar{width:5px;}
.mssgedbk .msgelss::-webkit-scrollbar-thumb{background: #7db9ce;border-radius:20px;}
.mssgedbk .msgelss .mesg-sub {display:flex; justify-content:center;  margin: 0px auto; flex-direction:column;}
.mssgedbk .msgelss .mesg-sub .mesgcomb {display:flex; column-gap: 10px;  justify-content: center;}
.mssgedbk .msgelss .mesg-sub .mesgcomb input[type="button"]{border:none;border-radius:4px;background:#00B0F0;font-size: 16px;   margin-top:10px; color: #FFF;cursor:pointer;padding:8px 10px;	transition:1s;}
.mssgedbk .msgelss .mesg-sub .mesgcomb input[type="button"]:last-child{background:#EB268F;}
.mssgedbk .msgelss .mesg-sub .mesgcomb input[type="button"]:hover{background:#555;}
.mssgedbk .msgelss .mesg-sub textarea {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin:8px auto; width:100%;cursor:text;}

.mesgereply {display: flex; flex-direction: column;font-family: arial;font-size: 15px; line-height: 20px; color: #555; margin: 5px 0px;text-align: justify;  border-bottom: 1px solid #999; padding-bottom: 8px;}
.mesgereply p {color:#00B0F0;}
.mesgereply a{text-decoration: none; color: #555;transition: 1s;display: flex; flex-direction: row-reverse;  font-size: 18px;}
.mesgereply a:hover{ color:#EB268F;}

.instrply {display: flex; flex-direction: column;font-family: arial;font-size: 15px; line-height: 20px; color: #555; margin: 5px 0px;text-align: justify;  border-bottom: 1px solid #999; padding-bottom: 8px;}
.instrply p {color:#EB268F;}
.instrply a{text-decoration:none; color:#00B0F0; transition:1s;}
.instrply a:hover{text-decoration:none; color:#EB268F;}




.record{  background: #fff;padding:15px;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%,-50%);max-width:768px;  width: 90%;    border-radius: 16px;   box-shadow: 2px 2px 5px rgba(0,0,0,0.5); display: none;  z-index: 999;max-height:75%;overflow-x: hidden;   overflow-y: scroll;}
.record::-webkit-scrollbar{ 	width:5px; background:transparet;}
.record div{ font-family: arial;  color: #555;  font-size: 12px;   line-height: 16px;  margin-bottom: 6px;}




.userdiv {display:flex;justify-content: space-between;}
.userdiv img {width:125px;}
.userhed {display:flex; flex-direction: column; width: calc(100% - 135px);}
.userheddiv {display: flex; justify-content: space-between;margin-bottom: 0px !important;}
.usdvprt:first-child {width:60%;}
.usdvprt:nth-child(2) {width:39%;}

.userheddiv .prtns {display:flex;}
.userheddiv .prtns span {text-align:left !important; font-weight:normal !important}
.userheddiv .prtns span:nth-child(1) {width:60px;}
.userheddiv .prtns span:nth-child(2) {width:10px;}
.userheddiv .prtns span:nth-child(3) {width:calc(100% - 70px);}

.usrhdng {font-family:arial; font-size:15px; font-weight: normal;}
.usrhdng span {display: inline-block;color: #fff; font-size:14px; font-weight:bold; padding: 6px 8px;  border-radius: 4px; margin: 5px auto; background-color: #00B0F0;}
.usrhdng p {text-align:justify;}


.userparents {display: flex; width: 100%; margin-bottom: 0px !important;}
.userparentsdiv {display: flex; margin-bottom: 0px !important;flex-direction: column; width: 45%;margin-right: 10px;padding: 5px;}

.userparentsdiv .parents {display:flex;}
.userparentsdiv .parents:first-child {font-size:14px; font-weight:bold;}
.userparentsdiv .parents span {text-align:left !important; font-weight:normal !important}
.userparentsdiv .parents span:nth-child(1) {width:60px;}
.userparentsdiv .parents span:nth-child(2) {width:10px;}
.userparentsdiv .parents span:nth-child(3) {width:calc(100% - 70px);}
.userparentsdiv:last-child {margin:0px;}


.userpersonal {display: flex; width: 100%; margin-bottom: 0px !important; text-align:justify;}
.userpersonaldiv:first-child { width:40%;}
.userpersonaldiv:nth-child(2) { width:40%;}
.userpersonaldiv:nth-child(3) {width:20%;}
.userpersonaldiv {display: flex; margin-bottom: 0px !important;flex-direction: column; width: 45%;margin-right: 10px;padding: 5px;}

.userpersonaldiv .personal {display:flex;}
.userpersonaldiv .personal span:nth-child(1) {width:75px;}
.userpersonaldiv .personal span:nth-child(2) {width:10px;}
.userpersonaldiv .personal span:nth-child(3) {width:calc(100% - 85px);}
.userpersonaldiv:last-child {margin:0px;}
.agergt {text-align:right; padding-right:10px;}


.usereducatndiv .educatn:first-child { width:70%;}
.usereducatndiv .educatn:nth-child(2) { width:30%;}

.usereducatndiv {display:flex;}
.usereducatndiv .educatn {display: flex; flex-direction: column;margin-bottom: 0px;}


.new-post {width: 96%;max-width:1200px;   margin: 10px auto;  justify-content: space-between;background-color:#ddd; display:flex; padding:10px;justify-content: center;border-radius: 5px;}
.new-post input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin:8px auto; width:100%; cursor:text;}
.new-post select {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin:8px auto; width:100%;}
.new-post textarea{font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin:8px auto; width:100%;cursor:text;}
.postgrp1, .postgrp2, .postgrp3 { display:flex; flex-direction: column;}
.postgrp1, .postgrp2 {margin-right:20px; width:40%}
.postype {display:flex;}
.postype {font-family: arial;  font-size: 14px;color: #555; margin-right:10px;}
.postype .typs input {width:20px;}
.postype .typs {margin-left:12px;}
.postype .typs:first-child {margin-left:0px;}
.new-post input[type="button"] { display:block;background:#EB268F;font-family: arial; font-size: 14px;margin:0px;  color: #fff; border:none; transition: 1s; cursor:pointer;    width: 100px;  border-radius: 5px; align-self: flex-end; }
.new-post input[type="button"]:hover {background-color: #00B0F0;}


.feedblok {width: 96%;max-width:640px;display: block; margin: 30px auto; }
.fed-dte {display: block; color:#f1f1f1; background-color: #777; padding: 10px; border-radius: 3px; font-family:arial; font-size: 14px; width: 150px; margin: 10px auto; text-align:center;}

.feeds {display:flex; flex-direction:column; border-radius:5px; font-size:14px; line-height:16px; font-weight:normal; color:#555; text-align:justify;background-color:#fff; padding:10px;box-shadow:0px 0px 6px rgba(0,0,0,0.5); margin-bottom:20px;}
.feeds h2 {font-size:16px; line-height:18px; font-weight:bold; margin-top:10px; color:#555;} 
.feeds ul { font-size:16px;border-top: 1px solid #999; border-bottom: 1px solid #999;  list-style: none; display: flex; padding: 5px; margin:10px 0px;}
.feeds ul li {width:100px;}
.feeds ul li span {padding-left:5px;}
.feeds ul li:last-child {width: 300px; text-align: right;}
.feeds ul li .fa { font-size:18px;}
.feeds ul li .fa-eye {color:#999;}
.feeds ul li .fa-thumbs-o-up {color:#00F;}
.feeds ul li .fa-commenting-o {color:#555;}

.usr-dtl-blk {display:flex; align-items:center; font-family:arial; font-size:14px; line-height:14px; color:#555; margin-bottom:5px;}
.usr-dtl-blk img {width:70px; height:70px; border-radius:100px; padding:4px; margin-right:10px;}
.usr-dtl-blk span {display:block;font-family: 'Yanone Kaffeesatz';  font-size: 22px; margin-bottom:10px;color:#009ae0;}

.feedsbtns  {display:flex;font-family: arial;  font-size: 16px; line-height:25px;color: #555; justify-content: center;}
.feedsbtns input[type="button"] {display: block; background: #555; font-family: arial; font-size: 16px; margin-right: 6px; color: #fff; border: none; transition: 1s;cursor: pointer;  padding: 5px; border-radius: 3px;width: 80px;}
.feedsbtns input[type="button"]:hover {background-color:#EB268F;}


.edit-feedpop{	width:100%;	height:100vh;position: fixed;top:0;left:0;	display:flex;	justify-content: center;	align-items: center;	background: rgba(0,0,0,0.7);display:none;	overflow:auto;	z-index: 1000;}
.edit-feedpop .edtfeeds{	width:98%;	background:#fff; border-radius:20px;	max-width:500px;}
.edit-new-post {width: 100%;display:flex; padding:10px; flex-direction: column;}
.edit-new-post input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin:8px auto; width:100%; cursor:text;}
.edit-new-post select {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin:8px auto; width:100%;}
.edit-new-post textarea{font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin:8px auto; width:100%;cursor:text;}

.edit-new-post input[type="button"] { display:block;background:#EB268F;font-family: arial; font-size: 14px;margin:0px;  color: #fff; border:none; transition: 1s; cursor:pointer;    width: 100px;  border-radius: 5px; align-self: center; }
.edit-new-post input[type="button"]:nth-child(1) {margin-right:10px;}
.edit-new-post input[type="button"]:nth-child(2) {background-color:#555;}
.edit-new-post input[type="button"]:nth-child(1):hover {background-color: #00B0F0;}
.edit-new-post input[type="button"]:nth-child(2):hover {background-color: #00B0F0;}
.editpstyp {display:flex;justify-content: center;}






.add-notifctn {display:flex;}
.add-notifctn .add-ntfcn {background-color:#ddd; display:flex; flex-direction:column; padding:10px;justify-content: center; width:50%;}
.add-notifctn .add-ntfcn input {font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-bottom:5px; width:100%;}
.add-notifctn .add-ntfcn select {font-family: arial;  font-size: 14px;color: #555;padding: 9px; border:1px solid #999;background: #fff; margin-bottom:5px; width:100%;}
.add-notifctn .add-ntfcn textarea {font-family: arial;  font-size: 14px;color: #555;padding: 9px; border:1px solid #999;background: #fff; margin-bottom:5px; width:100%;}
.add-notifctn .add-ntfcn ul { display:flex; align-items:baseline;margin-bottom: 5px; list-style:none; height:30px; align-items:center;}
.add-notifctn .add-ntfcn ul li input {width:30px; margin-bottom: 0px;}
.add-notifctn .add-ntfcn ul li span {font-family: arial; font-size: 14px; color: #555; margin-right:15px;}
.add-notifctn .add-ntfcn .notce { display:flex; align-items:center;}
.add-notifctn .add-ntfcn .notce p {font-family: arial;  font-size: 14px;color: #555; line-height:16px;width:200px;}
.add-notifctn .add-ntfcn .notce:child(1) {width:300px;}
.add-notifctn .add-ntfcn .notce select {width:100px; margin-right:5px;}
.add-notifctn .add-ntfcn p {font-family: arial;  font-size: 14px;color: #555; margin:15px 0px 10px 0px;}


.add-notifctn .add-ntfcn .nttypusr { display:flex;}
.add-notifctn .add-ntfcn .nttypusr select {margin-right:5px;cursor:default;}
.add-notifctn .add-ntfcn .nttypusr p {margin-left:50px; width:250px;}
.add-notifctn .add-ntfcn .nttypusr input {cursor:text;}
.add-notifctn  input[type="submit"] { width: 130px; margin: 10px auto; border: none; border-radius: 4px; background: #EB268F; font-size: 16px; color: #FFF;  cursor: pointer;    padding: 8px 10px;   transition: 1s; }
.add-notifctn  input[type="submit"]:hover {background-color: #00B0F0;}
.add-notifctn .ntcupdte {width:50%; margin-left:10px;}
.add-notifctn .ntcupdte .ntdivupdt { display:flex; border:1px solid #999;padding:5px; margin-bottom:10px;}
.add-notifctn .ntcupdte .ntdivupdt .ntfpic{width:100px; margin-right:5px;}
.add-notifctn .ntcupdte .ntdivupdt img {width:100%; padding:5px; border-radius:100px;}
.add-notifctn .ntcupdte .ntdivupdt .notdvdtls {display:flex; flex-direction:column;width: calc(100% - 110px);}
.add-notifctn .ntcupdte .ntdivupdt .notdvdtls span:nth-child(1) { font: normal 22px 'Yanone Kaffeesatz', sans-serif;  color: #555;}
.add-notifctn .ntcupdte .ntdivupdt .notdvdtls span:nth-child(2) { font: normal 24px 'Yanone Kaffeesatz', sans-serif; text-transform:uppercase;  color: #390;}
.add-notifctn .ntcupdte .ntdivupdt .notbtns {margin-top:10px;}
.add-notifctn .ntcupdte .ntdivupdt .notbtns input[type="button"],input[type="submit"]{width:65px;border-radius:4px;border:none;cursor:pointer;padding:4px;background:#555; color:#fff; transition:1s;}
.add-notifctn .ntcupdte .ntdivupdt .notbtns input[type="button"]:hover,input[type="submit"]:hover{background:#00B0F0;}

.edit-notpop{width:100%;height:100vh;position: fixed;top:0;	left:0;	display:flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.7); display:none;
	overflow:auto;z-index: 1000;}
.edit-notpop .edtnotcls {width:98%;max-height: 90%;background:#fff; border-radius:20px;	max-width:500px; overflow-x: hidden;   overflow-y: scroll;}
.edit-notpop .edtnotcls::-webkit-scrollbar-track{border-radius:20px;background:transparent;}
.edit-notpop .edtnotcls::-webkit-scrollbar{width:5px;}
.edit-notpop .edtnotcls::-webkit-scrollbar-thumb{background: #7db9ce;border-radius:20px;}
.edit-notpop .edtnotcls .edt-notfcn {display:flex; padding:10px; flex-direction:column;}
.edit-notpop .edtnotcls .edt-notfcn input { font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff;margin-bottom:5px; width:100%;}
.edit-notpop .edtnotcls .edt-notfcn select { font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-bottom:5px; width:100%;}
.edit-notpop .edtnotcls .edt-notfcn textarea { font-family: arial;  font-size: 14px;color: #555;padding: 10px; border:1px solid #999;background: #fff; margin-bottom:5px; width:100%;}

.edit-notpop .edtnotcls .edt-notfcn ul { display:flex; align-items:baseline;height:25px; list-style:none;}
.edit-notpop .edtnotcls .edt-notfcn ul li input {width:30px; margin-bottom: 0px;}
.edit-notpop .edtnotcls .edt-notfcn ul li span {font-family: arial; font-size: 14px; color: #555; margin-right:15px;}
.edit-notpop .edtnotcls .notic { display:flex; align-items:center;}
.edit-notpop .edtnotcls .notic p {font-family: arial;  font-size: 14px;color: #555; line-height:16px;width:200px;}
.edit-notpop .edtnotcls .notic:child(1) {width:300px;}
.edit-notpop .edtnotcls .notic select {width:100px; margin-right:5px;}
.edit-notpop .edtnotcls p {font-family: arial;  font-size: 14px;color: #555; margin:15px 0px 10px 0px;}

.edit-notpop .edtnotcls .ednttypusr { display:flex;}
.edit-notpop .edtnotcls .ednttypusr select {margin-right:5px;cursor:default;}
.edit-notpop .edtnotcls .ednttypusr p {width:250px;}
.edit-notpop .edtnotcls .ednttypusr input {cursor:text;}



.edit-notpop .edtnotcls .ntdmbtn {display: flex;  justify-content: center; margin:10px auto;}
.edit-notpop .edtnotcls .ntdmbtn input[type="button"]{border:none;border-radius:4px;background:#EB268F;	font-size: 16px;   color: #FFF;cursor:pointer;padding:8px 10px;margin-right:10px; margin-bottom:0px;transition:1s;}
.edit-notpop .edtnotcls .ntdmbtn input[type="button"]:last-child { background:#555; margin:0px;}
.edit-notpop .edtnotcls .ntdmbtn input[type="button"]:hover{background:#00B0F0;}
.edit-notpop .edtnotcls input:last-child {margin-right:0px;}



.dsplyd { display:flex; flex-direction:column; margin:15px auto;}
.dsplydmtrl {display:flex;  flex-direction:column; font-family: arial;  font-size: 15px;  line-height:20px; color: #555; margin:5px 0px; text-align:justify;}
.dsplyd img {width:100%;}
.dsplydmtrl span:nth-child(1) { font-weight:bold;}
.dsplydmtrl a{text-decoration:none; color:#00B0F0;}
.dsplydmtrl a:hover{text-decoration:none; color:#EB268F;}







/* END NEW CODES */























/*home banner*/
.proreqimgcon{
	background: rgba(255,255,255,0.5);
	width:calc(100% / 4 - 8px);
	float:left;
	margin:0px 10px 10px 0px;
	border-radius: 4px;
	padding:5px;
	overflow: hidden;
}
.proreqimgcon:nth-of-type(4n + 0){
	margin:0px 0px 10px 0px;
}
.innerproreqimgcon img{
	height:200px;
	object-fit:cover;
}

.proreqimgcon .actprfm{
	margin: 10px 0px 0px 0px;
	width:100%;
	text-align: right;
}

/* nsac wall request*/

.wall_status{
	font-weight:bold;
	padding:10px;
	font-size:20px;
}

.nsacwallreqcon{
	color: #525252;
	padding-bottom:0;
}
.arttimgdtlcon{
	display:flex;
	align-items: center;
	justify-content: flex-start;
}
.arttimgdtlcon .arttimgcon{
	margin-right:10px;
}
.arttimgdtlcon .arttimgcon img{
	width:50px;
	height:50px;
	border-radius:50%;
}
.arttimgdtlcon .arttttl{
    font-size: 14px;
    color: #385898;
	font-weight: bold;
}
.nsacwallshowcon{
	font-size: 14px;
	background: rgba(255,255,255,.5);
    padding: 5px;
    margin-bottom: 10px;
}
.nsacwallshowcon span{
	font-size: 14px;
	padding:0px 2px;
}
.nsacwallshowcon .fa{
	margin-right:5px;
}
.nsacwallshowcon span:nth-of-type(1){
	padding-right:4px;
}
.nsacwallshowcon span:nth-of-type(2){
	padding-left:4px;
}
.nsacwallshowcon .arttevtttl{
	font-family: 'Yanone Kaffeesatz';
    font-size: 28px;
    color: #a9518b;
}
.nsacwallshowcon .arttabtevtcon h2{
	font-size: 14px;
	color: #385898;
}
.arttabtevtcon{
	line-height: 20px;

}
.nsacwallshowcon .arttimgdtlcon,
.arttevtttl,.arttevtimgcon,
.arttabtevtcon,.arttevtdate,
.arttevtlocation,.arttevtenterytype,
.arttevtenterytype,.arttevtconcernperson{
	margin-bottom: 10px;
}
.dowbtncon{
	display:flex;
	align-items: center;
	justify-content: space-between;
	margin-top:10px;
}
.dowbtncon .actprfm{
	float:left;
	margin:0;
}
.dowbtncon a{
	font-size: 20px;
	cursor:pointer;
}
.nsacwallshowcon a{
	color: #525252;
}

.quecrtcon .showquecon{
	background: rgba(255,255,255,0.2);
	padding:10px;
	margin-top:10px;
	border-radius:4px;
	position: relative;
}
.quecrtcon .showquecon .actbtns{
	position: absolute;
	right:0;
	top:50%;
	transform: translatey(-50%);
	display:none;
}
.quecrtcon .showquecon:hover .actbtns{
	display:block;
}

/*home*/

.innerhomecon{
	--auto-grid-min-size: 150px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
	grid-gap: 1rem;
}
.hmmenuiconcon{
	text-decoration:none;
	color:#111;
}
.hmmenuiconimg{
	display:flex;
	justify-content:center;
	align-items:center;
}
.hmmenuiconimg img{
	padding: 5px;
    border-radius: 50%;
    width: 100px;
	background:pink;
}
.iconname{
	padding:10px;
	text-align:center;
}

/*alertpop*/
.alertpopcon{
	position:fixed;
	left:0;
	top:0;
	height:100vh;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	background:none;
	z-index:1000;
}
.alertpop{
	max-width:300px;
	width:90%;
	padding:20px;
	background:#fff;
	text-align:center;
	border-radius:4px;
	box-shadow:0px 2px 4px rgba(0,0,0,0.5);
}
.okccl{
	display:flex;
	justify-content:flex-end;
	margin-top:20px;
}
.alertpop .ok,.cencel{
	padding:10px 20px;
	color:#666;
	border-radius:4px;
	cursor: default;
}
.alertpop .ok{
	background:#2196F3;
}
.alertpop .cencel{
	/* background:#9e9e9e; */
	margin-left:10px;
	border:1px solid #2196F3;
}

@media screen and  (max-width:920px){
	.admeventcon label{
		width:100px;
	}
	
	/*home banner*/

	.innerproreqimgcon img{
		height:180px;
		object-fit:cover;
	}
}
@media screen and  (max-width:768px){
	/*TABLE START*/
	
	.admtable-con thead{
		width:1px;
		height:1px;
		overflow:hidden;
		position:absolute;
	}
	.admtable-con table tr{
		border-bottom:3px solid #ddd;
		display:block;
		margin-bottom:.625em;
	}
	.admtable-con table td{
		border-bottom:1px solid #ddd;
		display:block;
		font-size:.8em;
		text-align:left;
		color: darkblue;
		font-weight:bold;
	}
	.admtable-con table td:before{
		content:attr(data-table);
		float:left;
		font-weight:bold;
		width:45%;
		margin-right:20px;
		text-align:right;
		color:#666;
	}
	.admtable-con table td:last-child{
		border-bottom:0;
	}
	.delall{
		position:fixed;
		width:30px;
		height:30px;
		top:auto;
		left:0;
		bottom:0px;
		z-index:1000;
	}
	.admtable-con table tr td{
		position:unset;
		min-height: 20px;
	}
	.admtable-con table .fd{
		height:35px;
	}
	
	.popadmeditformess .massbox{
		font-size:.8em;
	}
	
	/*TABLE END*/
	.admeventcon label{
		width:96px;
	}

	/*admin create*/
	.admbox{
		width:calc(100% / 3 - 7px);
	}
	.admbox:nth-of-type(4n + 0){
		margin:0px 10px 10px 0px;
	}
	.admbox:nth-of-type(3n + 0){
		margin:0px;
	}


	/*event create*/
	.crteventcon {
		flex-direction: column;
	}
	.crteventcon .eventleft {
		width: 100%;
	}
	.crteventcon .eventright {
		width: 100%;
	}
	.crteventcon .eventleft .inputboxcon span:nth-child(3){
		width: 60%;
	}
	.crteventcon .eventright .inputboxcon span:nth-child(3){
		width:60%;
	}

	/*event details*/
	.dtlcon{
		flex-direction: column	;
	}
	.dtlcon .dtlleft {
		width:100%;
	}
	.dtlcon .dtlright {
		width:100%;
		margin-top:5px;
	}

	/*event request*/
	.anlevntbox{
		width:calc(100% / 2 - 5px);
	}
	.anlevntbox:nth-of-type(3n + 0){
		margin:0px 10px 10px 0px;
	}
	.anlevntbox:nth-of-type(2n + 0){
		margin:0px;
	}

	/*home banner*/
	
	.innerproreqimgcon img{
		height:170px;
	}
	.proreqimgcon{
		width:calc(100% / 3 - 7px);
	}
	.proreqimgcon:nth-of-type(4n + 0){
		margin:0px 10px 0px 0px;
	}
	.proreqimgcon:nth-of-type(3n + 0){
		margin:0px 0px 10px 0px;
	}

	/*question create*/
	.quecrtcon .inputboxcon{
		flex-direction: column;
		height:auto;
		align-items: flex-start;
		margin-bottom: 10px;
	}
	.quecrtcon .inputboxcon span:nth-child(1){
		padding:5px 0px;
		width:100%
	}
	.quecrtcon .inputboxcon span:nth-child(2){
		display:none;
	}
	.quecrtcon .inputboxcon span:nth-child(3){
		padding:0;
		width:100%;
	}
	.quecrtcon .inputboxcon input[type="text"]{
		max-width:100%;
	}
	.quecrtcon .inputboxcon input[type="url"]{
		max-width:100%;
	}

}


@media screen and  (max-width:620px){
	/*table*/
	.table-ttl {
		margin-bottom: 20px;
	}
	/*end table*/
	
	/*admin create*/
	.admbox{
		width:calc(100% / 2 - 5px);
	}
	.admbox:nth-of-type(3n + 0){
		margin:0px 10px 10px 0px;
	}
	.admbox:nth-of-type(2n + 0){
		margin:0px;
	}

	/*participant show*/
	.participantbox{
		width: calc(100% / 1 - 0px);
	}
	.participantbox:nth-of-type(2n + 0){
		margin:0px 10px 10px 0px;
	}

	/*home banner*/
	
	.innerproreqimgcon img{
		height:180px;
	}
	.proreqimgcon{
		width:calc(100% / 2 - 5px);
	}
	.proreqimgcon:nth-of-type(3n + 0){
		margin:0px 10px 0px 0px;
	}
	.proreqimgcon:nth-of-type(2n + 0){
		margin:0px 0px 10px 0px;
	}

}

@media screen and  (max-width:480px){
	/*TABLE*/
	.admtable-con table td{
		font-size:3.1vw;
	}
	.popadmeditformess .massbox{
		font-size:3.1vw;
	}
	.act-part a {
		font-size:3.5vw;
	}
	/*END TABLE*/
	
	.admeventcon label{
		width:80px;		
	}
	
	.actprfm input[type="button"],input[type="submit"]{
		min-width:60px;
		padding:5px;
	}

	/*admin create*/
	.admbox{
		width:calc(100% / 1 - 0px);
	}
	.admbox:nth-of-type(2n + 0){
		margin:0px 10px 10px 0px;
	}
	
	/*event create*/
	.crteventcon .eventleft .inputboxcon{
		flex-direction: column;
		height:auto;
		align-items: flex-start;
		margin-bottom: 10px;
	}
	.crteventcon .eventleft .inputboxcon span:nth-child(1){
		padding:5px 0px;
		width:100%
	}
	.crteventcon .eventleft .inputboxcon span:nth-child(2){
		display:none;
	}
	.crteventcon .eventleft .inputboxcon span:nth-child(3){
		padding:0;
		width:100%;
	}
	.crteventcon .eventleft .inputboxcon input[type="text"] {
		max-width:100%;
	}
	.crteventcon .eventright .inputboxcon span:nth-child(1){
		width:100%;
	}

	.eventupdtcon .eventttlcon,.eventupdtcon .adcon{
		font-size:20px;
	}

	/*event details*/
	.tabbtncon .tabbtn {
		padding: 5px;
		font-size: 3.4vw;
	}
	.dtlcon .smcon {
		flex-direction: column;
	}

	/*event request*/
	.anlevntbox{
		width:calc(100% / 1 - 0px);
	}
	.anlevntbox:nth-of-type(2n + 0){
		margin:0px 10px 10px 0px;
	}

	/*voting create*/
	.votingcrtcon .inputboxcon{
		flex-direction: column;
		height:auto;
		align-items: flex-start;
		margin-bottom: 10px;
	}
	.votingcrtcon .inputboxcon span:nth-child(1){
		padding:5px 0px;
		width:100%
	}
	.votingcrtcon .inputboxcon span:nth-child(2){
		display:none;
	}
	.votingcrtcon .inputboxcon span:nth-child(3){
		padding:0;
		width:100%;
	}
	.votingcrtcon .inputboxcon input[type="text"]{
		max-width:100%;
	}
	.votingcrtcon .inputboxcon input[type="date"]{
		max-width:100%;
	}

	/*voting show*/
	.exhibitioncon .inputboxcon{
		flex-direction: column;
		height:auto;
		align-items: flex-start;
		margin-bottom: 10px;
	}
	.exhibitioncon.votingcrtcon .inputboxcon span:nth-child(1){
		padding:5px 0px;
		width:100%
	}
	.exhibitioncon .inputboxcon span:nth-child(2){
		display:none;
	}
	.exhibitioncon .inputboxcon span:nth-child(3){
		padding:0;
		width:100%;
	}
	.exhibitioncon .inputboxcon select{
		max-width:100%;
	}
	.exhibitioncon .inputboxcon input[type="number"]{
		max-width:100%;
	}


	/*voting show*/
	.popadmedit .selectartwork{
		align-items: flex-start;
		flex-direction: column;
	}
	.popadmedit .selectartwork input[type="text"]{
		max-width: 100%;
		margin-bottom: 2px;
	}
	.popadmedit .selectartwork input[type="file"]{
		max-width: 100%; 
		margin-bottom: 2px;
	}

	/*remainder create*/
	.crtremaindercon .inputboxcon{
		flex-direction: column;
		height:auto;
		align-items: flex-start;
		margin-bottom: 10px;
	}
	.crtremaindercon .inputboxcon span:nth-child(1){
		padding:5px 0px;
		width:100%
	}
	.crtremaindercon .inputboxcon span:nth-child(2){
		display:none;
	}
	.crtremaindercon .inputboxcon span:nth-child(3){
		padding:0;
		width:100%;
	}
	.crtremaindercon .inputboxcon input[type="text"],.inputboxcon textarea,.inputboxcon input[type="url"]{
		max-width:100%;
	}
	.crtremaindercon.inputboxcon span:nth-child(1){
		width:100%;
	}


	/*home banner*/
	
	.innerproreqimgcon img{
		height:150px;
	}
	
	/*voting create*/
	.crtprofilereqcon .inputboxcon{
		flex-direction: column;
		height:auto;
		align-items: flex-start;
		margin-bottom: 10px;
	}
	.crtprofilereqcon .inputboxcon span:nth-child(1){
		padding:5px 0px;
		width:100%
	}
	.crtprofilereqcon .inputboxcon span:nth-child(2){
		display:none;
	}
	.crtprofilereqcon .inputboxcon span:nth-child(3){
		padding:0;
		width:100%;
	}
	.crtprofilereqcon .inputboxcon input[type="file"]{
		max-width:100%;
	}
}	

@media screen and  (max-width:320px){
	/*home banner*/
	
	.innerproreqimgcon img{
		height:auto;
	}
	.proreqimgcon{
		width:calc(100% / 1 - 0px);
	}
	
}



@media screen and  (max-width:239px){
.feedsbtns {flex-direction: column; row-gap: 5px;}
.the_link_btn {margin-right: 0px;}
.usr-dtl-blk span { font-size: 18px; margin-bottom: 0px; line-height: 20px;}
.feeds ul {flex-direction: column; row-gap: 10px;}
.feeds ul li:last-child {width: auto; text-align: left;}
.feeds ul li { width: auto;}
.postype {flex-direction: column; margin-right:0px;}
.postype .typs { margin-left: 0px;}
}

@media screen and  (max-width:319px){
.addedmnsldr { grid-template-columns: repeat(1,1fr);}
.addedhmeads {grid-template-columns: repeat(1,1fr) !important;}
}

@media screen and  (max-width:479px){
.add-mnsldr .sldrs { display:block; flex-direction: column; row-gap: 5px;}
.add-mnsldr .sldrs input { width: 100%;margin-right: 0px;  margin-bottom: 5px;}
.add-mnsldr .sldrs input:nth-child(3){margin-bottom: 0px;}


.addedhmeads {grid-template-columns: repeat(2,1fr);}

}

@media screen and  (max-width:639px){
.new-post .postgrp2 input[type="button"], input[type="submit"] {  width: 65px; min-width: 80px;}


}


@media (min-width: 320px) and (max-width: 479px) {

.addedmnsldr { grid-template-columns: repeat(2,1fr);}
}

@media (min-width: 480px) and (max-width: 767px) {

.addedmnsldr { grid-template-columns: repeat(3,1fr);}
}

@media (min-width: 640px) and (max-width: 767px) {
.addedhmeads {grid-template-columns: repeat(3,1fr);}

}



@media screen and  (max-width:767px){
.new-post {flex-direction: column;}
.postgrp1, .postgrp2 {  margin-right: 0px; width: 100%;}

.add-hme-ads .advts { flex-direction: column; row-gap: 6px;}


}