@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

@import url(nequi-style.css);
/**

font-family: 'Open Sans', sans-serif;

***/
font-face {
    font-family: 'gotham_htfhomeawk';
    src: url('fonts/ufonts.com_archerpro-book-opentype.eot');
	src: url('fonts/ufonts.com_archerpro-book-opentype?#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-black-webfont.woff') format('woff'),
         url('fonts/ufonts.com_archerpro-book-opentype.ttf') format('truetype'),
         url('fonts/ufonts.com_archerpro-book-opentype.svg#gotham_htfhomeawk') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_htfbook';
    src: url('fonts/gothamhtf-book-webfont.eot');
    src: url('fonts/gothamhtf-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-book-webfont.woff') format('woff'),
         url('fonts/gothamhtf-book-webfont.ttf') format('truetype'),
         url('fonts/gothamhtf-book-webfont.svg#gotham_htfbook') format('svg');
    font-weight: normal;
    font-style: normal;

}


font-face {
    font-family: 'gotham_htfblack';
    src: url('fonts/gothamhtf-black-webfont.eot');
    src: url('fonts/gothamhtf-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-black-webfont.woff') format('woff'),
         url('fonts/gothamhtf-black-webfont.ttf') format('truetype'),
         url('fonts/gothamhtf-black-webfont.svg#gotham_htfblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_htf';
    src: url('fonts/gothamhtf-book-webfont.eot');
    src: url('fonts/gothamhtf-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-book-webfont.woff') format('woff'),
         url('fonts/gothamhtf-book-webfont.ttf') format('truetype'),
         url('fonts/gothamhtf-book-webfont.svg#gotham_htfbook') format('svg');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_htf';
    src: url('fonts/gothamhtf-medium-webfont.eot');
    src: url('fonts/gothamhtf-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-medium-webfont.woff') format('woff'),
         url('fonts/gothamhtf-medium-webfont.ttf') format('truetype'),
         url('fonts/gothamhtf-medium-webfont.svg#gotham_htfmedium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_htf';
    src: url('fonts/gothamhtf-bold-webfont.eot');
    src: url('fonts/gothamhtf-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gothamhtf-bold-webfont.woff') format('woff'),
         url('fonts/gothamhtf-bold-webfont.ttf') format('truetype'),
         url('fonts/gothamhtf-bold-webfont.svg#gotham_htfbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ArcherProMedium';
    src: url('fonts/archerpro-medium.eot');
    src: url('fonts/archerpro-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/archerpro-medium.woff2') format('woff2'),
         url('fonts/ArcherPro-Medium.woff') format('woff'),
         url('fonts/ArcherPro-Medium.ttf') format('truetype'),
         url('fonts/archerpro-medium.svg#ArcherProMedium') format('svg');
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_ARCHERPRO-BOOK';
	src: url('fonts/ARCHERPRO-BOOK.eot');
	src: local('☺'), url('fonts/ARCHERPRO-BOOK.woff') format('woff'), url('fonts/ARCHERPRO-BOOK.ttf') format('truetype'), url('fonts/ARCHERPRO-BOOK.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



* {
	margin:0;
	padding:0;
}
body {
	font-family: 'gotham_htf';
	font-size:15px;
	color:#3a3a3a;
	font-weight:normal;
}
a {
	text-decoration:none;
	outline:none;
	color:#3a3a3a;
	cursor:pointer;
}
a:hover {
	color:#a6ce39;
}
img {
	vertical-align:top;
	max-width:100%;
	height:auto;
	border:none;
}
input, select, textarea {
	font-family: 'gotham_htf';
	font-size:15px;
	color:#555;
	font-weight:300;
	border-radius:10px;
}
h1, h2, h3, h4, h5, h6, p {
	padding:0 0 20px;
}
ul {
	padding:0 0 20px 20px;
}
li {
	padding:4px 0;
}
iframe {
	max-width:100%;
	border:none;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.clr,
.cl,
.clear {
	clear:both;
}
.clearfix:after {
	clear:both;
	display:block;
	visibility:hidden;
	content:"";
}

textarea {
	resize:none;
	min-height:250px;
	min-width:532px;
	border-radius:10px;
}

input:focus,
textarea:focus,
select:focus,
button:focus {
	outline:none;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
{
	border:1px solid #dddddd;
	background:#ffffff;
	padding:0 10px;
	height:40px;
	max-width:100%;


	border-radius:0px;
	box-shadow:none;
	box-sizing:border-box;
}
textarea {
	line-height:normal;
	padding:10px 10px;
	box-sizing:border-box;
	border-color: #a4bbc1;
	border-radius:10px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus
{
	background:#fff;
	box-shadow:none;
	color:#999;
	border-color:#30a5ff;
}
select {
	border:1px solid #dddddd;
	background:#fff;
	border-radius:0px;
	padding:10px 10px;
	line-height:40px;
	height:40px;
}
input[type="image"],
input[type="submit"],
input[type="button"],
button {
	background:#97c026;
    border: medium none;
    border-radius: 4px;
	color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
	padding: 0px 20px;
	height:45px;
	line-height:18px;
    transition: all 0.3s ease-in-out 0s;
	font-weight:normal;
	appearance:normal;
	-webkit-appearance:none;
}
input[type="image"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
	background-color:#0095da;
}
input[type="image"]:active,
input[type="submit"]:active,
input[type="button"]:active,
button:active {
	box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.5);
}


.wrapper { margin:0 auto; width:1134px;}
.tags-type {
    margin-top: 50px;
    border: #0095da;
    border-style: solid;
    border-radius: .95em;
    padding: 3px 5px;
    padding-bottom: 5px;
    font-size: 65%;
    color: #0095da;
    border-width: thin;
}

.tags-ticket {
    margin-top: 50px;
    padding-bottom: 5px;
    font-size: 75%;
    color: #97c026;
}

.header-bg { margin:0; padding:8px 0; display:block; clear:both; background:#fff;}
.header { margin:0; padding:0; display:block; clear:both;}
.header-lf { margin:0; padding:0; display:block; width:49%;}
.logo { margin:0; padding:0; display:block; float:left; width:auto;}


.serch-box { margin:0 0 0 15px; padding:12px 0 12px; float:left; width:40%; position:relative;}
.serch-box input.fr-input { width:100%; margin:0; padding:0 50px 0 15px; background:#f3f3f3; border:none; border-radius:0; box-sizing:border-box; font-size:20px; color:#595959; font-style:italic; height:44px;font-family: 'Conv_ARCHERPRO-BOOK'; border-radius:10px}

.sr-icon { margin:0; padding:0; display:block; position:absolute; top:12px; right:0;}
.sr-icon input.fr-sr { margin:0; padding:0 0px; background:url(../images/sr-icon.png) no-repeat center center; height:44px; line-height:44px; border:none; border-radius:0; width:45px;}
.sr-icon input.fr-sr:hover { background:url(../images/sr-iconwh.png) no-repeat center center #a6ce39;}


.header-rh { margin:0; padding:0; display:block; float:right; width:49%;}
.creat-btn { margin:0; padding:7px 0; display:block; float:right; border-radius:10px;}
.creat-btn a { background:#0095da; margin:0; padding:0 30px; display:inline-block; height:50px; line-height:50px; font-size:17px; color:#ffffff; font-weight:bold; transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; border-radius:10px;}
.creat-btn a:hover { background:#a6ce39; border-radius:10px;}


.creat-btn-pag { margin:0; padding:7px 0; display:block; float:left; border-radius:10px;}
.creat-btn-pag a { background:#0095da; margin:0 2px; padding:0 15px; display:inline-block; height:30px; line-height:30px; font-size:12px; color:#ffffff; transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; border-radius:10px;}
.creat-btn-pag a:hover { background:#a6ce39; border-radius:10px;}
.creat-btn-pag.current { background:#a6ce39; border-radius:10px;}

.link-call { margin:0 10px 0 0; padding:22px 0 0 0; display:block; float:left; width:auto;}
.link-call ul { list-style:none; margin:0; padding:0;}
.link-call ul li { margin:0 10px; padding:0; display:inline-block;}
.link-call ul li a { margin:0; padding:0; font-size:15px; color:#3a3a3a; font-weight:300;}
.link-call ul li a:hover { color:#a6ce39;}



.banner-bg { margin:0; padding:0; display:block; clear:both;}
.sliders { margin:0; padding:0; display:block; clear:both; max-height:700px; overflow:hidden;}
.sliders ul { margin:0; padding:0; list-style:none;}
.sliders ul li { margin:0; padding:0; display:block;}
.sliders ul li img { width:100%;}
.sliders ul li .wrapper { position:relative;}
.sliders ul li .banner-text { margin:0; padding:100px 0 0 0; display:block; position:absolute; width:100%; left:0;  right:0; text-align:center;}
.sliders ul li .banner-text h1 { margin:0; padding:0 0 12px; display:block; font-size:76px; color:#ffffff; line-height:76px; font-weight:bold;}
.sliders ul li .banner-text p { font-size:33px; line-height:34px; color:#ffffff; margin:0; padding:0 0 45px; font-family: 'ArcherProMedium'; font-weight:normal;}


.know-more { margin:0; padding:0; display:block;}
.know-more a { margin:0; padding:0 40px; display:inline-block; height:50px; line-height:50px; font-size:19px; color:#ffffff; font-weight:500; box-shadow:0 0 0 5px #ffffff; transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.know-more a:hover {/* box-shadow:0 0 0 5px #98c128;*/}

.container-bg { margin:0; padding:0; display:block; clear:both; background:#eaeaea;}
.container { margin:0; padding:0; display:block; clear:both;}


.container-top { margin:-58px 0 0 0; padding:0; display:block; clear:both; border:1px solid rgba(104, 92, 139, 0.1); position:relative; z-index:99; background-color: white }
.container-top ul { margin:0; padding:0; list-style:none;}
.container-top ul li { margin:0; padding:0; display:block; float:left; width:365px !important; background:#fff; position:relative; /*text-align:center;*/}

.perform-box { margin:0; padding:0; display:block; position:absolute; top:0; right:0; width:65px;  border-radius:10px;}
.perform-box .month { margin:0; padding:10px 15px; display:block; background:#0095da; font-size:16px; line-height:18px; color:#ffffff; font-family: 'Roboto Slab', serif; font-weight:bold; text-transform:uppercase; text-align:center; border-radius:10px;}
.perform-box .date { margin:0; padding:10px 15px; display:block; background:#a6ce39; font-size:24px; line-height:20px; color:#ffffff; font-family: 'Roboto Slab', serif; font-weight:bold; text-transform:uppercase; text-align:center;  border-radius:10px; border:none; border-top:2px solid #8db326;}

.container-top ul li.light-yell { background:#f7f8d7; border-radius:25px;}
.container-top ul li.light-blue { background:#e3f3f8; border-radius:25px;}
.container-top ul li.light-gray { background:#edede8; border-radius:25px;}
.container-top ul li.light-green { background:#eaf2d8; border-radius:25px;}

.container-top ul li .cen-pad { margin:0; padding:15px 15px; display:block; min-height:361px; border-radius:25px;}

.pro-imge { margin:0; padding:0px; display:block;}
.container-top ul li .cen-pad h4 { font-size:22px; line-height:27px; color:#000000; margin:0; padding:0 0 22px; font-weight:300; text-align:center; border-radius:25px;}
.container-top ul li .cen-pad h6 { font-size:16px; line-height:23px; color:#414141; font-family: 'Roboto Slab'; margin:0; padding:0; font-weight:300; border-radius:25px;}


.top-categories { margin:0; padding:95px 0 90px 0; display:block; clear:both;}
.top-categories h4 { margin:0; padding:0 0 35px 0; display:block; text-align:center; font-size:25px; line-height:27px; color:#573076; font-weight:bold; text-transform:uppercase;}

.top-list { margin:0; padding:0; display:block; clear:both;}
.top-list ul { margin:0 auto; padding:0; list-style:none; width:1086px;}
.top-list ul li { margin:0 18px; padding:0; display:block; float:left; width:145px; text-align:center;}
.top-list ul li .calist-icon { margin:0; padding:0; display:table; width:145px; height:145px; background:#0095da; text-align:center; vertical-align:middle; border:none; border-radius:100%;
 transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.top-list ul li .calist-icon > a { display:table-cell; vertical-align:middle; height:100%; width:100%; text-align:center;}
.top-list ul li .calist-iconname { font-size:17px; color:#181818; margin:0; padding:15px 0; font-weight:300;}

.top-list ul li img { transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
.top-list ul li:hover img { transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg);}
.top-list ul li:hover .calist-icon { background:#a6ce39;}
.top-list ul li:hover .calist-iconname { color:#a6ce39;}



.creat-eventbg { margin:0; padding:115px 0 90px 0; display:block; clear:both; background:url(../images/event-bg.jpg) no-repeat center center; background-size:cover; text-align:center;}

.creat-event { margin:0; padding:0; display:block; clear:both;}
.creat-event h3 { font-size:30px; line-height:30px; color:#ffffff; margin:0; padding:0 0 28px; font-weight:bold; text-transform:uppercase;}

.creat-event p { color:#b2c0d9; font-size:26px; line-height:37px; margin:0; padding:0 0 30px; font-family: 'Conv_ARCHERPRO-BOOK'; font-style:italic;}

.creat-btngreen { margin:0; padding:0; display:block; clear:both; text-align:center; border-radius:10px;}
.creat-btngreen a { background:#97c026; padding:0 40px; height:60px; line-height:60px; font-size:20px; color:#ffffff; font-weight:bold; display:inline-block; text-shadow:0; transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; border-radius:10px;}
.creat-btngreen a:hover { background:#0095da; text-shadow:1px 1px 1px #0095da; border-radius:10px;}



.footer-bg { margin:0; padding:0; display:block; clear:both; background:#ffffff;}
.footer { margin:0; padding:0; display:block; clear:both;}
.footer-top { margin:0; padding:75px 80px 65px; display:block; clear:both; border-bottom:4px solid #eaeaea;}
.footer-top .coloumn { margin:0 25px; padding:0; display:block; width:210px;}
.footer-top .coloumn h5 { font-size:17px; color:#0f0f0f; margin:0; padding:0 0 10px; font-family: 'ArcherProMedium'; font-weight:normal; text-transform:uppercase;}

.footer-top .coloumn ul { margin:0; padding:0; list-style:none;}
.footer-top .coloumn ul > li { margin:0; padding:0 0 10px; display:block;}
.footer-top .coloumn ul > li a { margin:0; padding:0; font-size:17px; color:#626262; font-family: 'Conv_ARCHERPRO-BOOK'; font-weight:normal;}
.footer-top .coloumn ul > li a:hover { color:#0095da;}





.copy-right { margin:0; padding:35px 0; display:block; clear:both; text-align:center; font-size:14px; color:#878787; text-transform:uppercase;  font-family: 'ArcherProMedium'; font-weight:normal;}
.copy-right span { font-family: 'gotham_htf'; font-weight:300; color:#878787;}


.container-bg.innercontainer-bg { margin:0; padding:0; display:block; background:#eaeaea; clear:both; border-top:1px solid #dedede;}
.container.innercontainer { margin:0; padding:0; display:block; clear:both;}

.login-contain { margin:0; padding:130px 0; display:block; clear:both;}
.login-box { margin:0 auto 45px; padding:0; display:block; max-width:485px; width:100%; position:relative;}
.login-box:after { margin:0; padding:0; display:block; content:""; background:url(../images/box-shadow.png) no-repeat 0 0; height:26px; width:100%; position:absolute; bottom:-26x; left:0; visibility:visible;}
.user-login { margin:0; padding:40px 0; display:block; background:#f7f8d7; text-align:center; position:relative; border-bottom:1px solid #ecedc8;}
.user-login h5 { font-size:25px; color:#573076; text-transform:uppercase; margin:0; padding:0; font-weight:bold;}
.user-login:after { margin:0; padding:0; position:absolute; background:url(../images/repet-border.png) repeat-x -6px 0; content:""; width:100%; height:5px; top:0; left:0;}


.login-form { margin:0; padding:40px 40px 0; display:block; clear:both; background:#fff; border-bottom:1px solid #ecedc8;}
.login-form .fr-raw { margin:0; padding:0 0 20px; display:block; clear:both;}
.login-form .fr-raw label.fr-label { margin:0; padding:0 0 5px; display:block; font-size:15px; color:#434343; font-weight:300; border-radius:10px}
.login-form .fr-raw input.fr-input { margin:0; padding:0 10px; height:40px; background:#f3f3f3; border:1px solid #d0d0d0; width:100%; box-shadow:0 2px 2px 0 #fefbef inset; font-size:15px; color:#666; font-family: 'gotham_htf'; font-weight:300; border-radius:10px}

.loginbtn-box { margin:0; padding:20px 40px 35px; display:block; clear:both; background:#f7f8d7; border-radius:10px}
.login-btn { margin:0; padding:0 0 20px 0; display:block; text-align:center; border-radius:10px}
.login-btn input.fr-btn { display:block; background:#0095da; margin:0; padding:0; border:none; border-radius:3px; height:44px; line-height:44px; font-size:17px; color:#ffffff; font-weight:bold; font-family: 'gotham_htf'; width:100%; border-radius:10px}
.login-btn input.fr-btn:hover { background:#a6ce39; border-radius:10px}

.loginbtn-box .fr-raw { margin:0; padding:0; display:block; clear:both;}
.remember { margin:0; padding:0; display:block; float:left; width:auto;}
.remember input.fr-check { margin:-3px 0 0 0; padding:0; vertical-align:middle;}
.remember label.fr-label { margin:0; padding:0; font-size:14px; color:#464646; font-weight:300; border-radius:10px}

.forgot-pass { margin:0; padding:0; float:right; width:auto;}
.forgot-pass a { font-size:14px; color:#0095da; display:block; font-weight:300; text-decoration:underline;}
.forgot-pass a:hover { text-decoration:none;}

.new-user { margin:0 auto; padding:0; display:block; clear:both; text-align:center; width:405px;}
.new-user a { font-size:17px; color:#ffffff; font-weight:bold; display:block; border:none; border-radius:3px; background:#a6ce39; height:53px; line-height:53px; transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.new-user a:hover { background:#0095da;}


.terms { margin:0; padding:0; display:block; clear:both; text-align:center;}
.terms p { font-size:13px; color:#7f7f7f; line-height:18px; margin:0; padding:0;}
.terms p a { font-size:13px; color:#0095da;}
.terms p a:hover { text-decoration:underline;}

.innerpage-titlebg { margin:0; padding:15px 0; display:block; clear:both; background:#EDEDE8;}
.innerpage-title { margin:0; padding:0; display:table; clear:both; width:100%;}

.innerpage-lf { display:table-cell; margin:0; padding:0; vertical-align:middle;}
.innerpage-lf h2 { font-size:30px; line-height:34px; color:#232628; font-weight:bold; display:inline-block; margin:0; padding:0;}
.innerpage-lf a { font-size:16px; color:#0095da; font-weight:300;}
.dreat-date { margin:0; padding:0; font-size:14px; color:#6c6c6c; font-weight:300;}

.innerpage-rh { display:table-cell; margin:0; padding:0;}
.search-box { margin:0; padding:0; display:block; width:285px; position:relative; float:right;}
.search-box input.fr-input { background:url(../images/searc-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; box-shadow:0 2px 0 0 #fdfcf8 inset; width:100%; height:50px; padding:0 50px 0 10px; border-radius:10px}

.sr-icon1 { margin:0; padding:0; display:block; position:absolute; top:0; right:0;}
.sr-icon1 input.fr-sr { margin:0; padding:0 0px; background:url(../images/sr-icon1.png) no-repeat center center; height:50px; line-height:50px; border:none; border-radius:0; width:45px;}
.sr-icon1 input.fr-sr:hover { background:url(../images/sr-iconwh1.png) no-repeat center center #a6ce39;}

.test-org { margin:0 0 0 20px; padding:0; float:right;}
.test-org select.fr-select { background:url(../images/searc-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; border-radius:10px; box-shadow:0 2px 0 0 #fdfcf8 inset; width:100%; height:50px; line-height:50px;}

.my-contactcontain { margin:0; padding:40px 0; display:block; clear:both;}
.white-box { margin:0 auto 30px; padding:40px; width:100%; max-width:875px; background:#fff; max-width:795px;}


.contact-box { margin:0; padding:0; display:block; width:100%; clear:both;}
.contact-box table { margin:0; padding:0; width:100%;}
.contact-box table th { background:#e3e3e3; padding:20px 20px; font-size:18px; color:#343434; font-family: 'Roboto Slab', serif; font-weight:normal;}
.contact-box table th.name { text-align:left; padding:20px;}
.contact-box table th.align-lf { text-align:left; padding:20px 20px;}
.contact-box table td { background:#f5f5f5; padding:20px 20px; font-family: 'gotham_htf'; font-size:14px; color:#828282; font-weight:300; text-align:center;}
.contact-box table td.name { text-align:left; padding:20px;}
.contact-box table td.align-lf { text-align:left; padding:20px 20px;}
.contact-box table td.name label { font-size:16px; color:#008ed0; font-weight:300;}
.contact-box table td a label { font-size:14px; color:#008ed0; font-weight:300; cursor:pointer;}
.contact-box table td { vertical-align:middle; margin-top:-5px;}

.contact-box table tr:nth-child(2n) td { background:#f0f0f0;}
.contact-box.contact-boxdet table tr td { background:#f0f0f0;}
.contact-box.contact-boxdet table tr:nth-child(2n) td { background:#f5f5f5;}

.contact-btn { margin:0; padding:0; display:block; clear:both; text-align:center; border-radius:10px}
.contact-btn input { margin:0 10px; padding:0 24px; display:inline-block; height:50px; line-height:50px; font-size:20px; color:#ffffff; font-weight:500; border-radius:10px}

.contact-btn input.send-invi { background:#0095da; border-radius:10px}
.contact-btn input.creat-new { background:#a6ce39; border-radius:10px}

.contact-btn a.creat-new { background:#a6ce39; margin:0 5px; padding:0 24px; display:inline-block; height:50px; line-height:50px; font-size:20px; color:#ffffff; font-weight:500; border-radius:10px}
.contact-btn a.creat-new:hover { background:#0095da; border-radius:10px}

.contact-btn input.send-invi:hover { background:#a6ce39; border-radius:10px}
.contact-btn input.creat-new:hover { background:#0095da; border-radius:10px}

.top-linkcr { margin:0; padding:0 0 20px; display:block; float:right; width:auto;}
.top-linkcr a { margin:0 0 0 20px; padding:0; display:inline-block; font-size:18px; color:#e06868; font-family: 'Roboto Slab', serif; font-weight:normal;}
.top-linkcr a.add-new { color:#85ae15;}

.contact-box table td span { font-size:14px; color:#008ed0; font-weight:300;}

.action { margin:0; padding:20px 0 0; display:block; clear:both;}
.action label.fr-label { font-size:18px; color:#4e4e4e; font-family: 'Roboto Slab', serif; font-weight:300; border-radius:10px}

.select-box { margin:0 0 0 10px; padding:0; display:inline-block; width:162px;}
.select-box select.fr-select { height:34px; line-height:34px; background:#ffffff; border:1px solid #a4bbc1; border-radius:3px; padding:0; width:100%; padding:6px 10px;}


.myevent-contain { margin:0; padding:40px; display:block; clear:both;}

.tab-nav { margin:0; padding:0 0 35px 0; display:block; clear:both; text-align:center;}
.tab-nav ul { margin:0; padding:0; list-style:none;}
.tab-nav ul li { margin:0 -2px; padding:0; display:inline-block;}
.tab-nav ul li a { display:block; margin:0; padding:22px 45px; font-size:19px; color:#73797c; font-weight:300; line-height:19px;}
.tab-nav ul li a:hover { background:#fff; position:relative; color:#0095da;}
.tab-nav ul li a:hover:after { margin:0; padding:0; display:block; content:""; background:url(../images/after-arrow.png) no-repeat center bottom; width:100%; height:100%; position:absolute; bottom:-13px; left:0; right:0;}

.tab-nav ul li a.selected { background:#fff; position:relative; color:#0095da;}
.tab-nav ul li a.selected:after { margin:0; padding:0; display:block; content:""; background:url(../images/after-arrow.png) no-repeat center bottom; width:100%; height:100%; position:absolute; bottom:-13px; left:0; right:0;}






/***************31-12-2014*******************/

.link-call ul li.hello { background:url(../images/bottom-arrow.png) no-repeat 100% center;}
.link-call ul li.hello span { font-size:15px; color:#3a3a3a; font-weight:500;}
.link-call ul li.hello a { color:#0095da; font-size:15px; font-weight:300; padding-right:15px;}
.link-call ul li.hello a:hover { color:#97c026;}

.tab-contain { margin:0; padding:0; display:block; clear:both;}
.draft-box { margin:0 auto; padding:40px; background:#ffffff; max-width:716px; width:100%;}
.draft-box .fr-raw { margin:0 0 20px; padding:0 0 20px; display:table; clear:both; border-bottom:1px solid #dadada; width:100%;}
.draft-box .fr-raw:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none;}
.draft-box .fr-raw .fr-cell { margin:0; padding:0; display:table-cell; width:300px; vertical-align:middle;}

.set-draft { margin:0; padding:0; display:block; clear:both;}
.set-draft h5 { margin:0; padding:0 0 5px; font-size:20px; line-height:20px; color:#85af13; font-weight:normal; font-family: 'Roboto Slab', serif;}
.set-draft h5 a{font-size:13px; font-weight:normal;  margin-left:10px; vertical-align:middle; color:#ffffff; background:#a6ce39; padding:3px 20px; display:inline-block; border-radius:3px; float:right; }
.set-draft h5 a:hover{background:#0083bf; }

.set-date { margin:0; padding:0 0 10px; font-size:14px; color:#707070; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
.manage { margin:0; padding:0; display:block; clear:both;}
.manage ul { list-style:none; margin:0; padding:0;}
.manage ul li { margin:0; padding:0 22px; display:inline-block;}
.manage ul li a { font-size:14px; font-size:14px; font-weight:300; color:#0083bf;}
.manage ul li.manage-1 { background:url(../images/manage-1.png) no-repeat 0 center;}
.manage ul li.manage-2 { background:url(../images/manage-2.png) no-repeat 0 center;}
.manage ul li.manage-3 { background:url(../images/manage-3.png) no-repeat 0 center;}

.progress { margin:0; padding:0; display:block; float:right;}
.progress-bar { margin:0; padding:0 0 0px; display:block; clear:both;}
.progress-bar img { vertical-align:middle;}
.progress-num { margin:0; padding:0; display:block; clear:both; font-size:14px; color:#686e6e; line-height:20px; float:right; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.progress-num span { color:#008aca;}

.button-list { margin:0; padding:0; display:block; clear:both; float:right; width:auto;}
.save-btn { margin:0; padding:0; display:inline-block; border-radius:10px}
.save-btn input.fr-btn { margin:0; padding:0 35px; background:#573076; height:50px; font-size:20px; color:#ffffff; font-weight:500; border-radius:10px}
.preview-btn { margin:0 5px; padding:0; display:inline-block; border-radius:10px}
.preview-btn input.fr-btn { margin:0; padding:0 35px; background:#0095da; height:50px; font-size:20px; color:#ffffff; font-weight:500; border-radius:10px}
.live-btn { margin:0; padding:0; display:inline-block; border-radius:10px}
.live-btn input.fr-btn { margin:0; padding:0 35px; background:#a6ce39; height:50px; font-size:20px; color:#ffffff; font-weight:500; border-radius:10px}

.save-btn input.fr-btn:hover { background:#000; border-radius:10px}
.preview-btn input.fr-btn:hover { background:#000; border-radius:10px}
.live-btn input.fr-btn:hover { background:#000; border-radius:10px}

.tab-nav ul li a span { display:block; margin:0; padding:0px 0 10px; height:28px;}
.tab-nav ul li a span.icon-1 { background:url(../images/nav-icon1.png) no-repeat center center;}
.tab-nav ul li a span.icon-2 { background:url(../images/nav-icon2.png) no-repeat center center;}
.tab-nav ul li a span.icon-3 { background:url(../images/nav-icon3.png) no-repeat center center;}

.tab-nav ul li a:hover span.icon-1 { background:url(../images/nav-iconh1.png) no-repeat center center;}
.tab-nav ul li a:hover span.icon-2 { background:url(../images/nav-iconh2.png) no-repeat center center;}
.tab-nav ul li a:hover span.icon-3 { background:url(../images/nav-iconh3.png) no-repeat center center;}

.tab-nav ul li a:hover span.icon-1 { background:url(../images/nav-iconh1.png) no-repeat center center;}
.tab-nav ul li a:hover span.icon-2 { background:url(../images/nav-iconh2.png) no-repeat center center;}
.tab-nav ul li a:hover span.icon-3 { background:url(../images/nav-iconh3.png) no-repeat center center;}

.tab-nav.innertab-nav ul li a { padding:40px 45px;}


.draft-box.evdraft-box { position:relative;}
.creat-event { margin:0; padding:0; display:block; clear:both;}

.event-detail { margin:0; padding:0 0 30px; display:block; clear:both; position:relative;}
.event-number { margin:0; padding:0; display:block; clear:both; font-size:16px; color:#255; font-weight:bold; font-family: 'Roboto Slab', serif; background:#0095da; height:30px; line-height:30px; width:30px; text-align:center; color:#ffffff; border-radius:100%; box-shadow:0 0 0 3px #ffffff; position:absolute; left:-55px; top:0;}
.event-detail h4 { font-size:22px; color:#0095da; margin:0; padding:0 0 15px; font-weight:normal; font-family: 'Roboto Slab', serif;}

.event-detailbox { margin:0; padding:40px; display:block; background:#ffffff;}
.event-detailbox .fr-main { margin:0; padding:0 0 25px; display:block; clear:both;}
.event-detailbox .fr-main:last-child { padding-bottom:0;}
.event-detailbox .fr-main label.fr-label { font-size:16px; color:#494d4e; margin:0; padding:0 0 5px; font-weight:300; display:block; border-radius:10px}
.event-detailbox .fr-main label.fr-label span { color:#ff0000; border-radius:10px}
.event-detailbox .fr-main .main-input { margin:0; padding:0 0 5px 0; display:block; clear:both; border-radius:10px}
.event-detailbox .fr-main .main-input input.fr-input { background:url(../images/input-bg.png) repeat-x 0 0; height:44px; border:1px solid #a4bbc1; border-radius:10px; padding:0 10px; width:100%; font-family: 'gotham_htf'; font-weight:300; font-size:16px; color:#929292; border-radius:10px}

.online-event { margin:0; padding:0; display:block; clear:both;}
.online-event a { font-size:14px; color:#0078af; font-weight:300; margin-right:15px;}
.online-event a:hover { color:#97c026;}

.event-detailbox .fr-main .fr-col { margin:0; padding:0; display:block; width:302px;}
.event-detailbox .fr-main .fr-col select.fr-select { background:url(../images/input-bg.png) repeat-x 0 0; height:44px; border:1px solid #a4bbc1; border-radius:10px line-height:44px; width:148px; font-size:16px; color:#929292;}

.event-rep { margin:5px 0 0 0; padding:0; display:block; clear:both; float:left;}
.event-rep a { font-size:14px; color:#0078af; font-weight:300; margin-right:15px;}
.event-rep a:hover { color:#97c026;}

.Event-input { margin:0; padding:0 10px; display:block; position:relative; background:url(../images/input-bg.png) repeat-x 0 0 #ffffff; height:44px; line-height:44px; border:1px solid #a4bbc1; border-radius:10px;overflow:hidden;}
.Event-input span { font-size:16px; color:#929292; font-weight:300;}

.select-file { margin:0; padding:2px; display:block; position:absolute; top:0; right:0;}
.upload { margin:0; padding:0; display:block; width:132px; background:#0095da; border:none; border-radius:10px; height:40px; line-height:40px; font-weight:300; color:#ffffff; font-size:16px; text-align:center;}
.select-file input.fr-input { margin:0; padding:0; position:absolute; top:2px; right:2px; width:132px; opacity:0; cursor:pointer; height:40px; border-radius:10px}

.event-detailbox .fr-main .main-input img { border:1px solid #a4bbc1; border-radius:10px}

.event-detailbox .fr-main label.fr-labelcheck { display:inline-block; font-size:16px; color:#494d4e; margin:0; padding:0 0 5px; font-weight:300; border-radius:10px}


.share-box { margin:0; padding:0; display:block; clear:both;}
.share-box .face-book { margin:0 0 10px; padding:0; display:block; clear:both; position:relative;}
.share-box .face-book span { font-size:16px; color:#ffffff; background:#0095da; border:none; border-radius:10px; height:44px; line-height:44px; padding:0 10px; display:inline-block; position:absolute; top:0; left:0; font-weight:300; width:125px;}
.share-box .face-book input.fr-input { background:url(../images/input-bg.png) repeat-x 0 0; height:44px; border:1px solid #a4bbc1; padding:0 10px 0 154px; width:100%; font-family: 'gotham_htf'; font-weight:300; font-size:16px; color:#929292; border-radius:10px}

.share-box .face-book.tw-book { margin:0; padding:0;}
.share-box .face-book.tw-book span { background:#15d0ff;}

.share-box .face-book.instagram { margin:0; padding:0;}
.share-box .face-book.instagram span { background:#424949;}

.create-boxtic { margin:0; padding:65px 130px; display:block; clear:both; background:#ffffff;}
.create-boxtic h6 { margin:0; font-size:19px; color:#323536; font-weight:normal; font-family: 'Roboto Slab', serif; padding:0 0 35px 0;}

.ticket-list { margin:0; padding:0; display:block; clear:both;}
.ticket-list ul { margin:0; padding:0; list-style:none;}
.ticket-list ul li { margin:0; padding:0; display:block; float:left; text-align:center; width:115px;}
.ticket-list ul li span { margin:0; padding:0 0 15px 0; display:block;}
.ticket-list ul li:nth-child(2) { margin:0 55px;}
.ticket-list ul li a { font-size:18px; color:#0085c3; font-weight:300; margin:0; padding:0;}

.listing-privacy { margin:0; padding:0; display:block; clear:both;}
.listing-privacy h6 { font-size:18px; color:#323536; font-weight:normal; font-family: 'Roboto Slab', serif; margin:0; padding:0 0 10px 0;}

.list-privcy { margin:0; padding:0 0 10px; display:block; clear:both;}
.list-privcy ul { margin:0; padding:0; list-style:none;}
.list-privcy ul li { margin:0; padding:0 0 10px; display:block;}
.list-privcy ul li input.fr-radio { margin:0; padding:0;}
.list-privcy ul li label.fr-label { font-size:16px; color:#494d4e; font-weight:300; border-radius:10px}

.listing-privacy .fr-main .fr-col select.fr-select { width:100%; border-radius:10px}
.show-num { margin:0; padding:0; display:block; clear:both;}
.show-num label.fr-label { font-size:16px; color:#494d4e; font-weight:300; border-radius:10px}

.center-button { margin:0; padding:30px 0 0 0; display:block; text-align:center;}



.design-contain { margin:0; padding:0; display:block; clear:both;}
.theam-box { margin:0; padding:40px; display:block; clear:both; background:#fff;}

.theam-box-lf { margin:0; padding:0; display:table-cell; width:600px; vertical-align:top;}
.theam-box-lf h4 { font-size:30px; color:#282828; font-weight:normal; font-family: 'Roboto Slab', serif; margin:0; padding:0 0 25px;}

.design-them { margin:0 0 20px; padding:0; display:block; clear:both;}
.design-them ul { margin:0; padding:0; list-style:none;}
.design-them ul li { margin:0 13px 18px 0; padding:0; display:inline-block;}
.design-them ul li img { border:1px solid #d6d6d6;}
.design-them ul li:nth-child(4n) { margin-right:0;}

.or-img { display:table-cell; margin:0; padding:0 30px; vertical-align:middle;}

.theam-box-rh { margin:0; padding:0; display:table-cell; vertical-align:top;}
.theam-box-rh h4 { font-size:30px; color:#282828; font-weight:normal; font-family: 'Roboto Slab', serif; margin:0; padding:0 0 25px;}

.color-list { margin:0; padding:0; display:block; clear:both;}
.color-list .coloumn { margin:0 24px 0 0; padding:0; display:block; float:left; width:180px;}
.color-list .coloumn ul { margin:0; padding:0; list-style:none;}
.color-list .coloumn ul li { margin:0; padding:0 0 20px; display:block;}
.color-list .coloumn ul li span { margin:0; padding:0;}
.color-list .coloumn ul li a { font-size:15px; color:#414141; line-height:20px; font-weight:300;}

.color-list .coloumn:last-child { margin-right:0;}

.myevent-contain.padnone { padding:40px 0;}

.industry-connect { margin:0; padding:40px 40px; display:block; clear:both; background:#404040;}
.industry-lf { margin:0; padding:60px 0 0; display:block; width:650px; float:left;}
.industry-lf h3 { font-size:35px; line-height:35px; color:#ffffff; font-weight:bold; margin:0; padding:0 0 15px 0;}
.industry-lf p { font-size:17px; color:#f7ff00; line-height:27px; margin:0; padding:0; font-weight:300;}

.industry-rh { margin:0; padding:0; display:block; float:right;}
.studio-img { margin:0; padding:0; display:block;}
.studio-img img { box-shadow:0 0 0 4px #ffffff; border:none;}


.information-contain { margin:0; padding:40px; display:block; clear:both; background:#ffffff;}
.information-conlf { margin:0; padding:0; display:block; float:left; width:770px;}
.ticket-info { margin:0 0 40px 0; padding:0; display:block; clear:both;}
.ticket-info h3 { font-size:30px; color:#1184b9; font-family: 'Roboto Slab', serif; margin:0; padding:0 0 25px 0; font-weight:normal;}

.ticket-table { margin:0; padding:0; display:block; width:100%; border:1px solid #dcddb9; border-radius:3px;}
.ticket-table table { width:100%; margin:0; padding:0; text-align:left;}
.ticket-table table tr th { margin:0; padding:18px 15px; background:#E3F3F8; font-size:16px; color:#434343; font-weight:500; border-bottom:1px solid #dcddb9;}

.ticket-table table tr td { margin:0; padding:14px 15px; font-size:16px; color:#666666; font-weight:300; border-bottom:1px solid #dcddb9;}

.ticket-table table tr td select.fr-select { border:1px solid #c7c7c7; border-radius:3px; width:100px; border-radius:10px}

.ticket-table table.footer-table { margin:0; padding:0; background:#E3F3F8;}
.ticket-table table.footer-table tr td { margin:0; padding:15px 25px; border-bottom:none;}
.ticket-table table.footer-table tr td input.fr-regbtn { background:#0095da; padding:0 50px; height:50px; font-size:20px; color:#ffffff; font-weight:500;}
.ticket-table table.footer-table tr td input.fr-regbtn:hover { background:#97c026;}


.going { margin:0; padding:0; display:block; clear:both;}
.going a.fc-btn { margin:0 0 0 30px; padding:0; float:right; width:auto; border-radius:10px}
.going p { margin:0; padding:0; display:block; overflow:hidden; font-size:14px; color:#555555; line-height:25px; font-weight:300;}

.event-detailstar { margin:0; padding:0; display:block; clear:both;}
.startup { margin:0; padding:0 0 15px; display:block; clear:both; font-size:18px; color:#555555; line-height:25px; font-weight:normal;}
.startup strong { margin:0; padding:0; color:#575555;}
.event-detailstar p { font-size:14px; line-height:22px; color:#555555; font-weight:300; margin:0; padding:0 0 25px 0;}


.key-topic { margin:0; padding:0 0 30px 0; display:block; clear:both;}
.key-topic h5 { font-size:18px; color:#333333; line-height:25px; font-weight:500; margin:0; padding:0 0 10px;}
.key-topic ul { margin:0; padding:0 0 0 22px; list-style:none;}
.key-topic ul li { margin:0; padding:0 0 10px; list-style:url(../images/right-icon.png); font-size:15px; line-height:20px; color:#555555; font-weight:300;}

.work-shop { margin:0; padding:0 2px; display:block; clear:both; background:url(../images/design-border1.png) repeat-y 0 0; position:relative;}
.work-shop:after { background:url(../images/design-border1.png) repeat-y 0 0; margin:0; padding:0; display:block; content:""; width:2px; height:100%; position:absolute; right:0; top:0; visibility:visible;}
.work-shoptop { margin:0; padding:1px 0; display:block; background:url(../images/design-border.png) repeat-x -6px 0;}

.work-shopcen { margin:0; padding:20px; display:block; background:url(../images/work-shopbg.png) repeat-x 0 0 #EDEDE8;}
.work-shopcen p { margin:0; padding:0 0 5px; font-size:15px; color:#3c3c3c; font-weight:300;}


.information-conrh { margin:0; padding:50px 0 0 0; display:block; float:right; width:312px;}
.save-thisbtn { margin:0 0 25px 0; padding:0; display:block; clear:both;}
.save-thisbtn a { margin:0; padding:0; display:block; background:url(../images/save-bg.png) repeat-x 0 0; height:72px; line-height:72px; text-align:center; font-size:30px; color:#ffffff; font-family: 'Roboto Slab', serif; border:1px solid #9ec632; border-radius:4px; font-weight:300;}
.save-thisbtn strong { font-family: 'Roboto Slab', serif; font-weight:500;}


.wh-wr { margin:0 0 40px 0; padding:0;  display:block; clear:both;}
.wh-wr h2 { margin:0; font-size:30px; color:#0095da; padding:0 0 15px; font-family: 'Roboto Slab', serif; font-weight:normal;}

.map-img { margin:0; padding:0; display:block; clear:both;}
.map-img iframe { margin:0; padding:0; border:none; width:100%;}

.address-book { margin:-3px 0 0 0; padding:20px; display:block; clear:both; background:#EDEDE8;}
.address-book h5 { margin:0; padding:0 0 12px; font-size:17px; color:#303030; font-weight:500;}
.address-book ul { margin:0; padding:0; display:block; clear:both; list-style:none;}
.address-book ul li { font-size:14px; color:#484848; line-height:18px; font-weight:300; margin:0; padding:0 0 15px 20px;}
.address-book ul li.addres { background:url(../images/location-icon.png) no-repeat 0 3px;}
.address-book ul li.timing { background:url(../images/recycle-icon.png) no-repeat 0 3px;}


.add-calender { margin:0; padding:0; display:block; clear:both; text-align:center;}
.add-calender a { background:#0095da; margin:0; padding:0; height:60px; line-height:60px; display:block; font-size:17px; color:#ffffff; font-weight:500;}
.add-calender a img { vertical-align:middle; margin:-2px 8px 0 0;}


.orgenizer { margin:0; padding:0; display:block; clear:both; background:#EDEDE8;}
.orgenizer-top { margin:0; padding:20px; display:block; clear:both; border-bottom:1px solid #cec7a4;}
.orgenizer-top h5 { font-size:21px; color:#303030; font-weight:500; margin:0; padding:0 0 12px;}
.orgenizer-top h6 { font-size:15px; color:#3d3d3d; font-weight:500; margin:0; padding:0 0 8px 0;}
.orgenizer-top p { font-size:14px; color:#111111; line-height:21px; margin:0; padding:0; font-weight:300;}
.orgenizer-top p span { font-size:14px; color:#0095da;}
.orgenizer-top p a:hover span { color:#97c026;}

.orgenizer-bottom { margin:0; padding:20px; display:block; clear:both;}
.orgenizer-bottom ul { margin:0; padding:0 0 0 20px; list-style:none;}
.orgenizer-bottom ul li { margin:0; padding:0 0 10px; list-style:url(../images/list-icon.png);}
.orgenizer-bottom ul li a { font-size:16px; color:#007bb4; font-weight:300; margin:0; padding:0;}


.myevent-contain.pad0 { padding:1px 0 2px;}

.industry-connect.yellow-bg { background:#f7f8d7;}
.industry-connect.yellow-bg .industry-lf h3 { color:#232628;}
.industry-connect.yellow-bg .industry-lf p { color:#222222;}
.industry-connect.yellow-bg .studio-img img { box-shadow:0 0 0 4px #f2f3d3;}



.order-summary { margin:0; padding:0 0 45px; display:block; clear:both;}
.order-summary h3 { margin:0; padding:0 0 20px; font-size:30px; color:#646464; font-weight:300; font-family: 'Roboto Slab', serif;}
.order-summary h3 strong { font-weight:normal; color:#313131;}

.order-list { margin:0; padding:0; display:block; clear:both;}
.order-list table { margin:0; padding:0; width:100%; border:1px solid #dcddb9; border-radius:10px;}
.order-list table tr th { margin:0; padding:20px 28px; background:url(../images/table-bg.png) repeat-x 0 0; border-bottom:1px solid #dcddb9; color:#434343; font-size:16px; font-weight:500;}
.order-list table tr td { padding:28px; font-size:16px; color:#666666; font-weight:300;}

.order-list table tr td.wdth { width:640px;}
.order-list table tr th.wdth { width:640px;}


.registration { margin:0; padding:0 0 45px; display:block; clear:both;}
.registration h3 { margin:0; padding:0 0 20px; font-size:30px; color:#646464; font-weight:300; font-family: 'Roboto Slab', serif;}
.registration h3 strong { font-weight:normal; color:#313131;}

.reg-info { margin:0; padding:0 2px; display:block; clear:both; background:url(../images/design-border1.png) repeat-y 0 0; position:relative;}
.reg-info:after { background:url(../images/design-border1.png) repeat-y 0 0; margin:0; padding:0; display:block; content:""; width:2px; height:100%; position:absolute; right:0; top:0; visibility:visible;}

.reg-infocen { margin:0; padding:25px 28px; display:block; clear:both; background:#eaf2f2;}

.reg-time { margin:0 40px 0 0; padding:0; display:block; float:left; width:80px; font-size:40px; color:#0095da; font-weight:300; font-family: 'Roboto Slab', serif;}

.reg-timetext { margin:0; padding:0; overflow:hidden;}
.reg-timetext p { font-size:16px; line-height:22px; color:#3d3d3d; font-weight:300; margin:0; padding:0;}

.your-information { margin:0; padding:0; display:block; clear:both;}
.your-information h4 { font-size:22px; color:#0095da; font-weight:normal; font-family: 'Roboto Slab', serif; margin:0; padding:0 0 22px 0;}

.your-form { margin:0; padding:0 0 20px; display:block; clear:both;}
.your-form .fr-raw { margin:0; padding:0 0 20px; display:block; clear:both;}
.your-form .fr-raw .fr-cell { margin:0; padding:0; display:block; width:49%;}
.your-form .fr-raw label.fr-label { font-size:16px; color:#494d4e; font-weight:300; margin:0; padding:0 0 4px; display:block; border-radius:10px}
.your-form .fr-raw label.fr-label span { color:#ff0000; border-radius:10px}
.your-form .fr-raw label.fr-label em { font-style:normal; font-size:13px; color:#74797b; border-radius:10px}
.your-form .fr-raw input.fr-input { margin:0; padding:0 10px; width:100%; height:44px; background:url(../images/input-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; font-size:16px; color:#717171; border-radius:10px}

.your-form .fr-raw select.fr-select { margin:0; padding:0 10px; width:100%; height:44px; background:url(../images/input-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; border-radius:10px; font-size:16px; color:#717171; line-height:44px;}


.ticket-workshopbox { margin:0; padding:40px; display:block; clear:both; background:#eef4f4;}
.ticket-workshop { margin:0; padding:0; display:block; clear:both;}

.ticket-workshop h5 { font-size:22px; color:#0095da; font-weight:normal; font-family: 'Roboto Slab', serif; margin:0; padding:0 0 15px;}

.your-form.ticket-form { margin:0; padding:0 0 15px;}
.your-form.ticket-form .fr-raw .fr-cell { width:49%;}


.backgronud-info { margin:0; padding:0; display:block; clear:both;}
.backgronud-info ul { margin:0; padding:5px 0 0 0px; list-style:none;}
.backgronud-info ul li { margin:0; padding:0 0 5px 0; display:block; font-size:15px; color:#494d4e; font-weight:300; line-height:20px;}

.complete-reg { margin:0; padding:30px 0 0 0; display:block; clear:both;}
.complete-btn { margin:0 30px 0 0; padding:0; display:block; width:auto; float:left; border-radius:10px}
.complete-btn input.fr-btn { background:#0095da; padding:0 38px; font-size:20px; font-weight:500; height:50px; line-height:50px; border-radius:10px}
.complete-btn input.fr-btn:hover { background:#97c026; border-radius:10px}

.terms-con { margin:0; padding:0; overflow:hidden;}
.terms-con p { font-size:13px; line-height:18px; color:#7f7f7f; font-weight:300;}
.terms-con p a { color:#0095da; font-size:13px;}
.terms-con p a:hover { color:#97c026;}


.wh-wr.wh-wrgreen h2 { font-size:30px; color:#646464; font-weight:300;}
.wh-wr.wh-wrgreen h2 strong { color:#313131; font-weight:normal;}
.wh-wr.wh-wrgreen .add-calender a { background:#9ac32b;}


.new-orgbtn { margin:0 0 0 12px; padding:0; display:block; float:right;}
.new-orgbtn input.fr-btn { background:#a6ce39; height:50px; line-height:50px; padding:0 30px; font-size:20px; color:#ffffff; font-weight:500;  border-radius:10px}
.new-orgbtn input.fr-btn:hover { background:#0095da; border-radius:10px}



.orgenizer-container { margin:0; padding:50px 0; display:block; clear:both;}
.center-part { margin:0 auto; display:block; padding:0; width:795px;}
.profile-box { margin:0 0 30px; padding:0; display:table; clear:both; width:100%;}
.profile-boxlf { margin:0; padding:0 20px 0 0; display:table-cell; text-align:right; vertical-align:middle;}
.profile-image { margin:0; padding:0; display:block;}
.profile-image img {box-shadow:0 0 0 8px #e1e1e1;}

.profile-boxrh { margin:0; padding:0 0 0 20px; display:table-cell; text-align:left; vertical-align:middle;}
.change-photo { margin:0; padding:0; display:block; clear:both;}
.change-btn { margin:0 0 15px; padding:0; display:block; clear:both; border-radius:10px}
.change-btn input.fr-btn { background:#0095da; width:224px; padding:0; height:45px; line-height:20px; border-bottom:4px solid #0781ba; border-radius:3px; text-align:center; font-size:18px; color:#ffffff; font-weight:500; border-radius:10px}
.change-btn input.fr-btn:hover { border-bottom:1px solid #0781ba; border-radius:10px}

.change-photo p { font-size:13px; line-height:16px; color:#656565; font-weight:300;}

.org-contain { margin:0; padding:40px; display:block; clear:both; background:#fff;}
.orgenize-list .fr-raw { margin:0; padding:0 0 18px; display:block; clear:both;}

.orgenize-list .fr-raw label.fr-label { font-size:16px; color:#494d4e; font-weight:300; margin:0; padding:0 0 4px; display:block; border-radius:10px}
.orgenize-list .fr-raw .main-input input.fr-input { margin:0; padding:0 10px; width:100%; height:44px; background:url(../images/input-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; font-size:16px; color:#717171; border-radius:10px}

.orgenize-list .fr-raw .main-input > img { border:1px solid #a4bbc1; border-radius:10px}

.note { margin:0; padding:10px 0 0 0; font-size:14px; color:#494d4e; font-weight:300;}

.change-url { margin:0; padding:0; display:block; clear:both;}
.change-url .main-input { width:544px; float:left; border-radius:10px}

.changeurl-btn { float:right; width:auto; margin:0; padding:0; border-radius:10px}
.changeurl-btn input.fr-btn { background:#0095da; font-size:16px; color:#fff; font-weight:300; border:none;  border-radius:10px}
.changeurl-btn input.fr-btn:hover { background:#97c026; border-radius:10px}
.orgenize-list { margin:0; padding:0 0 20px; display:block; clear:both;}

.intergreat-social { margin:0; padding:0 0 35px; display:block; clear:both;}
.intergreat-social h4 { font-size:22px; color:#0095da; margin:0; padding:0 0 20px; font-weight:normal; font-family: 'Roboto Slab', serif;}

.intergreat-type { margin:0; padding:0; display:block; clear:both;}
.intergreat-social.padnone { margin:0; padding:0;}

.color-select { margin:0; padding:0; display:block; clear:both;}
.color-selectlf { margin:0 40px 0 0; padding:0; display:block; float:left; width:200px;}
.color-select ul { margin:0; padding:0; list-style:none;}
.color-select ul li { margin:0; padding:0 0 10px; display:block; font-size:16px; color:#494d4e; font-weight:300; line-height:25px;}
.color-select ul li img { vertical-align:middle; margin-top:-3px; margin-right:4px;}

.color-selectrh { margin:0; padding:0; overflow:hidden; display:block;}
.color-selectrh span { margin:0; padding:35px 30px; display:inline-block; background:#eaeaea; border:none; border-radius:3px; font-size:14px; color:#4f4f4f; font-weight:300;}


.changes-button { margin:0; padding:30px 0; display:block; clear:both; text-align:center;}
.changes-button input { margin:0 2px; padding:0; text-align:center; width:230px; height:50px; line-height:50px; font-size:20px; color:#ffffff; font-weight:500;}

.changes-button input.save-button { background:#0095da;}
.changes-button input.change-button { background:#a6ce39;}
.changes-button input.save-button:hover { background:#222;}
.changes-button input.change-button:hover { background:#222;}

.popup-box { margin:0 auto; padding:0; display:block; clear:both; position:relative; background:#ffffff; width:100%; max-width:610px;}
.popup-set { margin:0; padding:40px; display:block; clear:both;}
.popup-set h4 { font-size:22px; color:#0095da; margin:0; padding:0 0 25px; font-weight:normal; font-family: 'Roboto Slab', serif;}

.add-con { margin:0; padding:0 0 20px; display:block; clear:both;}
.add-con label.fr-label { font-size:16px; color:#494d4e; margin:0; padding:0 0 5px; font-weight:300; display:block; border-radius:10px}
.add-con input.fr-input { margin:0; padding:0 10px; width:100%; height:44px; background:url(../images/input-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; border-radius:10px; font-size:16px; color:#717171; border-radius:10px}

.add-confollow { margin:0; padding:0 0 25px; display:block; clear:both;}
.add-confollow ul { margin:0; padding:0; list-style:none;}
.add-confollow ul li { margin:0; padding:0 0 15px; display:block; font-size:14px; color:#3a3a3a; font-weight:300; line-height:15px;}
.add-confollow ul li input.fr-radio { margin:0; padding:0;}
.add-confollow ul li span { color:#7b7b7b;}

.coment-box { margin:0 0 0 20px; padding:0; display:block; clear:both; width:505px;}
.coment-box textarea.fr-email { margin:0; padding:5px 10px; width:100%; height:74px; background:url(../images/input-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; border-radius:10px; font-size:16px; color:#717171; line-height:18px;}

.popcreat-btn { margin:0; padding:0; display:block; clear:both; text-align:center; border-radius:10px;}
.popcreat-btn input.kpcreat-btn { display:inline-block; margin:0; padding:0 40px; height:50px; line-height:50px; font-size:20px; font-weight:500; background:#0095da; border-radius:10px;}
.popcreat-btn input.kpcreat-btn:hover { background:#97c026; border-radius:10px;}


.popup-box button.mfp-close, button.mfp-arrow { background:#0095da; opacity:1; border-radius:100%; font-size:25px; color:#ffffff; font-family: 'Roboto Slab', serif; font-weight:normal; margin:-24px -25px 0 0;}



.account-since { margin:0; padding:9px 0; display:block; clear:both; font-size:14px; color:#2c2c2c; font-weight:300; text-align:right;}

.my-accountcontain  { margin:0; padding:40px 0; display:block; clear:both;}

.side-bar { margin:0 30px 0 0; padding:0; display:block; width:285px; float:left;}
.setting { margin:0 0 20px; padding:20px; display:block; clear:both; background:#ffffff;}
.setting h5 { font-size:16px; color:#000000; margin:0; padding:0 0 15px; font-weight:300; background:url(../images/down-arrow.png) no-repeat 98% 5px; border-bottom:1px solid #d0d0d0; cursor:pointer;}

.setting h5.accordion-close { padding-bottom:0; border-bottom:none; transition:all 0.3s linear;}

.setting-list { margin:0; padding:0; display:block; clear:both;}
.setting-list ul { margin:0; padding:0; list-style:none;}
.setting-list ul li { margin:0; padding:10px 0 0; display:block;}
.setting-list ul li a { font-size:14px; color:#0085c3; margin:0; padding:0; font-weight:300; line-height:20px; display:block;}
.setting-list ul li a:hover { color:#97c026;}
.setting-list ul li a.active { color:#97c026;}

.accont-content { margin:0; padding:40px; display:block; overflow:hidden; background:#fff;}
.accoount-address { margin:0; padding:0 0 35px; display:block; clear:both;}
.title-same { margin:0; padding:0; display:block; clear:both;}
.title-same h5 { font-size:22px; color:#0095da; font-weight:normal; margin:0; padding:0 0 20px; font-family: 'Roboto Slab', serif;}

.change-mail { margin:0; padding:0; display:block; clear:both;}
.change-mail span { font-size:16px; color:#494d4e; font-weight:300; margin:0; padding:0;}

.change-mailbtn { margin:0 0 0 20px; padding:0; display:inline-block;}
.change-mailbtn a { margin:0; padding:0 45px; background:#0095da; border:none; border-radius:3px; height:38px; line-height:38px; font-size:16px; color:#ffffff; font-weight:300; display:block;}


.comonform { margin:0; padding:0; display:block; clear:both;}
.comonform .fr-raw { margin:0; padding:0 0 20px; display:block; clear:both;}
.comonform .fr-raw:last-child { padding-bottom:0;}
.comonform .fr-raw .fr-cell { margin:0; padding:0; display:block; width:49%;}
.comonform .fr-raw label.fr-label { margin:0; padding:0 0 4px; display:block; font-size:16px; color:#494d4e; font-weight:300; border-radius:10px}
.comonform .fr-raw input.fr-input { margin:0; padding:0 10px; width:100%; height:44px; background:url(../images/input-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; border-radius:10px; font-size:16px; color:#717171; border-radius:10px}
.comonform .fr-raw select.fr-select { margin:0; padding:8px 10px; width:100%; height:44px; background:url(../images/input-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; border-radius:10px; font-size:16px; color:#717171; line-height:44px;}


.birth-in { margin:0; padding:0; display:block; clear:both;}
.birth-in .mdy { margin:0; padding:0; display:inline-block; width:125px;}
.birth-in .mdy:nth-child(2) { margin:0 2px;}

.save-button { margin:0; padding:0; display:block; clear:both; text-align:center; border-radius:10px}
.save-button input.save-btn { margin:0; padding:0; display:inline-block; width:270px; text-align:center; background:#0095da; font-size:20px; font-weight:500; border-radius:10px}
.save-button input.save-btn:hover { background:#97c026; border-radius:10px}


.social-setting { margin:0; padding:0; display:block; clear:both;}
.social-setting p { font-size:16px; color:#494d4e; font-weight:300; margin:0; padding:0 0 15px;}


.creadit-contain { margin:0; padding:0; display:block; clear:both;}
.creadit-contain h6 { margin:0; padding:0 0 25px 0; font-size:19px; color:#222222; font-family: 'Roboto Slab', serif; font-weight:normal;}

.card-box { margin:0 0 18px; padding:30px; display:block; clear:both; background:url(../images/card-bg.png) repeat-x 0 0 #ffffff; border:1px solid #a4bbc1; border-radius:10px;}

.dis-tab { margin:0; padding:0; display:table; width:100%;}
.select-radio { margin:0; padding:0; display:table-cell;}
.bank { margin:0; padding:0 0px; display:table-cell; width:210px;}
.bank span { font-size:15px; color:#3a3a3a; font-weight:500; margin:0; padding:0;}
.remove-btn { display:table-cell; margin:0; padding:0; vertical-align:middle; border-radius:10px}

.account-num { margin:0; padding:8px 0 0 0; display:block; clear:both; font-size:19px; color:#888888; font-weight:400; font-family: 'Roboto Slab', serif;}

.remove-btn input.fr-btn { background:#d62e2b; height:32px; line-height:15px; padding:0 15px; font-size:15px; color:#ffffff; font-weight:300; border-radius:10px}
.remove-btn input.fr-btn:hover { background:#000; border-radius:10px}



.reference-contain { margin:0; padding:0; display:block; clear:both;}
.org-event { margin:0; padding:0 0 30px; display:block; clear:both;}
.org-event h3 { margin:0; font-size:20px; color:#222222; font-weight:300; padding:0 0 4px 0;}
.org-event p { margin:0; padding:0; font-size:14px; color:#7f7f7f; font-weight:300;}

.email-me { margin:0; padding:0 0 20px 0; display:block; clear:both;}
.email-me h5 { font-size:16px; color:#3a3a3a; font-weight:500; margin:0; padding:0 0 12px 0;}
.email-me ul { margin:0; padding:0; list-style:none;}
.email-me ul li { margin:0; padding:0 0 12px; display:block; font-size:15px; color:#3a3a3a; line-height:20px; font-weight:300;}
.email-me ul li input.fr-check { margin:0 5px 0 0;}

.unused-con { margin:0; padding:0; display:block; clear:both;}
.unused-con p { font-size:15px; line-height:20px; color:#474747; margin:0; padding:0 0 20px; font-weight:300;}

.list-unused { margin:0; padding:0; display:block; clear:both;}
.list-unused ul { margin:0; padding:0; list-style:none;}
.list-unused ul li { margin:0; padding:0 0 10px; display:block; font-size:15px; color:#3a3a3a; font-weight:300; line-height:20px;}
.list-unused ul li a { font-size:15px; color:#d62f2f; font-weight:300;}

.multiuser-contain { margin:0; padding:0; display:block; clear:both;}
.organize-event { margin:0; padding:0 0 35px; display:block; clear:both;}
.organize-event h4 { margin:0; font-size:20px; color:#222222; font-weight:300; padding:0 0 10px 0;}
.organize-event p { font-size:15px; color:#3a3a3a; margin:0; padding:0; font-weight:300;}
.organize-event p a { color:#0085c3;}
.organize-event p a:hover { color:#a6ce39;}


.add-mail { margin:0; padding:0 0 35px 0; display:block; clear:both; border-radius:10px}
.add-mail input.fr-btn { padding:0 40px; border-radius:10px}


.this-account { margin:0; padding:0; display:block; clear:both;}
.this-account h4 { margin:0; font-size:20px; color:#222222; font-weight:300; padding:0 0 10px 0;}
.this-account p { font-size:15px; line-height:18px; color:#545454; font-weight:300; margin:0; padding:0 0 18px;}
.email-addresbo { margin:0; padding:0 0 32px;display:block; clear:both;}
.email-addresbo label.fr-label { font-size:16px; color:#494d4e; margin:0; padding:0 0 4px; font-weight:300; display:block; border-radius:10px}
.email-addresbo input.fr-input { margin:0; padding:0 10px; width:100%; height:44px; background:url(../images/input-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; font-size:16px; color:#717171; border-radius:10px}


.option-selection { margin:0; padding:0; display:block; clear:both;}
.first-select { margin:0; padding:0 0 25px; display:block; clear:both;}
.first-select h5 { font-size:19px; color:#222222; font-weight:normal; margin:0; padding:0 0 10px; font-family: 'Roboto Slab', serif;}
.first-select ul { margin:0; padding:0; list-style:none;}
.first-select ul li { margin:0; padding:0 0 10px; display:block; font-size:15px; color:#3a3a3a; font-weight:300;}
.first-select ul li input.fr-radio { margin:0 5px 0 0;}

.creat-user { margin:0; padding:0; display:block; clear:both; border-radius:10px}
.creat-user input.fr-btn { margin:0; padding:0; display:inline-block; width:270px; background:#0095da; text-align:center; border-radius:10px}
.creat-user input.fr-btn:hover { background:#97c026; border-radius:10px}


.close-contain { margin:0; padding:0; display:block; clear:both;}
.close-contain p { font-size:15px; line-height:18px; color:#545454; margin:0; padding:0; font-weight:300; margin:0; padding:0 0 15px 0;}
.close-contain p a { font-size:15px; color:#0095da;}
.close-contain p a:hover { color:#97c026;}

.moment { margin:0; padding:0; display:block; clear:both;}
.moment h4 { font-size:19px; color:#222222; margin:0; padding:0 0 18px 0; font-family: 'Roboto Slab', serif; font-weight:normal;}

.moment-list { margin:0; padding:0 0 10px; display:block; clear:both;}
.moment-list ul { list-style:none; margin:0; padding:0;}
.moment-list ul li { margin:0; padding:0 0 10px; display:block; font-size:15px; line-height:20px; color:#3a3a3a; font-weight:300;}
.moment-list ul li input.fr-radio { margin-right:3px;}

.extra-in { margin:0; padding:0; display:block; clear:both;}
.extra-in input.fr-input { margin:0; padding:0 10px; width:100%; height:44px; background:url(../images/input-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; font-size:16px; color:#717171; border-radius:10px}

.enter-pass { margin:0; padding:0; display:block; clear:both;}
.enter-pass label.fr-label { font-size:16px; color:#494d4e; margin:0; padding:0 0 4px 0; display:block; font-weight:300; border-radius:10px}
.enter-pass label.fr-label span { color:#ff0000; border-radius:10px}

.pass-box { margin:0; padding:0 0 40px; display:block; width:330px;}
.pass-box input.fr-input { margin:0; padding:0 10px; width:100%; height:44px; background:url(../images/input-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; font-size:16px; color:#717171; border-radius:10px}



.event-affiliatecon { margin:0; padding:0; display:block; clear:both;}
.affiliate-box { margin:0 0 20px; padding:30px 35px 30px; display:block; clear:both; position:relative; background:#e8f2f6;}

.box-number { margin:0; padding:0; display:block; position:absolute; left:-15px; top:28px;}
.box-number span { background:#7ea80c; display:inline-block; height:30px; width:30px; text-align:center; line-height:30px; font-size:16px; color:#ffffff; font-weight:bold; font-family: 'Roboto Slab', serif; border:none; border-radius:100%; box-shadow:0 0 0 4px #ffffff;}

.affiliate-box h4 { font-size:22px; color:#7ea80c; font-family: 'Roboto Slab', serif; font-weight:normal; margin:0; padding:0 0 10px;}
.affiliate-box p { font-size:15px; color:#5d5d5d; font-weight:300; line-height:24px; margin:0; padding:0 0 0px;}
.affiliate-box p a { color:#0095da; text-decoration:underline;}
.affiliate-box p a:hover { text-decoration:none;}

.referral-pogrambox { margin:0; padding:0; display:block; clear:both;}
.referral-pogrambox label.fr-label { font-size:16px; color:#494d4e; font-weight:300; display:block; margin:0; padding:0 0 3px; border-radius:10px}
.referral-pogrambox label.fr-label strong { color:#ff0000; font-weight:300; border-radius:10px}
.referral-pogrambox label.fr-label span { font-size:14px; color:#8a8a8a; margin:0; padding:0; border-radius:10px}

.referral { margin:0; padding:0; display:block; clear:both;}
.referral-in { margin:0 15px 0 0; padding:0; display:block; width:635px; float:left;}
.referral-in input.fr-input { margin:0; padding:0 10px; width:100%; height:44px; background:url(../images/input-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; border-radius:10px; font-size:16px; color:#717171; border-radius:10px}

.recreat-btn { margin:0; padding:0; overflow:hidden; border-radius:10px;}
.recreat-btn input.fr-btn { margin:0; padding:0; display:block; background:#0095da; text-align:center; font-size:20px; font-weight:500; color:#ffffff; height:44px; width:160px; border-radius:10px;}
.recreat-btn input.fr-btn:hover { background:#97c026; border-radius:10px;}

.promote { margin:0; padding:0; display:block; clear:both;}
.promote span { font-size:14px; color:#2c2c2c; line-height:22px; font-weight:300; margin:0; padding:0;}
.promote p { font-size:14px; color:#666666; line-height:22px; font-weight:300; margin:0; padding:0;}

.title-same.padnone h5 { padding:0;}

.faq-acc { margin:0; padding:0; display:block; clear:both;}
.faq-acc h3 { margin:0; padding:0 0 12px; display:block;}
.faq-acc h3 a { font-size:17px; color:#383838; font-weight:normal; margin:0; padding:0; background:url(../images/plus-icon.png) no-repeat 0 4px; padding:0 0 0 22px; font-family: 'Roboto Slab', serif;}
.faq-acc h3.open a { background:url(../images/minimise-icon.png) no-repeat 0 4px; color:#0095da;}

.faq-acc p { font-size:15px; color:#5d5d5d; margin:0; padding:0 0 15px; line-height:24px; font-weight:300;}


.payout-contain { margin:0; padding:0; display:block; clear:both;}
.creadit-list { margin:0; padding:0; display:block; clear:both;}
.creadit-list table { margin:0; padding:0; width:100%; border:1px solid #e4e4e4;}
.creadit-list table tr th { padding:20px 30px; background:#7ea80c; font-size:14px; line-height:15px; color:#ffffff; font-weight:500; border-bottom:2px solid #63840a; text-align:left;}
.creadit-list table tr th:first-child { border-left:1px solid #63840a;}
.creadit-list table tr th:last-child { border-right:1px solid #63840a;}
.creadit-list table tr th.des { width:290px;}
.creadit-list table tr th.title { width:170px;}
.creadit-list table tr th.charg { text-align:left;}

.creadit-list table tr td { padding:12px 47px; background:#fff; font-size:13px; line-height:15px; color:#707070; font-weight:normal; border-bottom:1px solid #e4e4e4; text-align:left; font-family: 'Open Sans', sans-serif;}
.creadit-list table tr td span { font-size:14px; color:#4f4f4f; font-weight:normal;}
.creadit-list table tr:last-child td { border-bottom:none;}
.creadit-list table tr td.charg { text-align:center;}

.pagenation { margin:0; padding:0; display:block; clear:both; text-align:center;}
.pagenation ul { margin:0; padding:0; display:inline-block; list-style:none; text-align:center; border:1px solid #dedede; border-radius:4px;}
.pagenation ul li { margin:0 0px; padding:0; border-left:1px solid #dedede; float:left;}
.pagenation ul li a { margin:0; padding:0 16px; display:block; height:40px; line-height:40px; font-size:14px; color:#149fef; font-family: 'Open Sans', sans-serif; font-weight:normal;}
.pagenation ul li:first-child { border-left:none; transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}

.pagenation ul li a:hover { background:#97c026; color:#fff;}

.creadit-list table tr th.amount { text-align:center;}

.payple-box { margin:0; padding:40px; display:block; clear:both; background:#ffffff;}
.payple-box label.fr-label { font-size:16px; color:#494d4e; font-weight:300; margin:0; padding:0 0 5px; display:block; border-radius:10px}
.payple-box label.fr-label span { color:#ff0000; border-radius:10px}

.pay-mail { margin:0 0 20px; padding:0; display:block;}
.pay-mail input.fr-input { margin:0; padding:0 15px; width:100%; height:44px; background:url(../images/input-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; border-radius:10px; font-size:16px; color:#717171; border-radius:10px}

.save-chbtn { margin:0; padding:0; display:block; border-radius:10px}
.save-chbtn input.fr-btn { margin:0; padding:0 26px; height:46px; line-height:normal; font-size:20px; color:#ffffff; font-weight:300; background:#573076; border-radius:10px}
.save-chbtn input.fr-btn:hover { background:#0095da; border-radius:10px}

.payout-summary { margin:0; padding:0; display:block; clear:both;}
.payout-summary p { font-size:14px; color:#5d5d5d; line-height:20px; margin:0; padding:0; font-weight:300;}
.payout-summary p strong { font-weight:300; font-size:15px; display:block; padding:0 0 12px;}

.error-pay { margin:0 0 15px; padding:15px 10px; display:block; clear:both; background:#EDEDE8; border:1px solid #e0e1b0;  border-radius:3px;}
.error-pay span { background:url(../images/error-icon.png) no-repeat 0 0; padding:1px 0 3px 36px; font-size:15px; color:#474747; font-weight:300;}

.payout-information { margin:0; padding:0; display:block; clear:both;}
.payout-information p { font-size:13px; line-height:22px; color:#777777; margin:0; padding:0 0 20px; font-weight:300;}

.fill-btn { margin:0; padding:20px 0 10px; display:block; text-align:center; clear:both; border-radius:10px}
.fill-btn a { background:#a6ce39; padding:0 28px; display:inline-block; height:50px; line-height:50px; font-size:20px; color:#ffffff; font-weight:500; border:none; border-radius:10px}
.fill-btn a:hover { background:#0095da; border-radius:10px}

.title-same.title-samepink h5 { color:#573076;}

.your-texpayer { margin:0; padding:40px; display:block; clear:both; background:#f0f5f7;}
.citizen-person { margin:0; padding:0; display:block; clear:both;}
.select-sitizen { margin:0; padding:0 0 35px; display:block; clear:both;}
.select-sitizen ul { margin:0; padding:0; list-style:none;}
.select-sitizen ul li { margin:0; padding:0; display:block; padding-bottom:10px; font-size:16px; line-height:20px; color:#494d4e; font-weight:300;}

.citizen-person h6 { font-size:16px; color:#7ea80c; font-weight:normal; margin:0; padding:0 0 15px; font-family: 'Roboto Slab', serif;}


.payer-form { margin:0; padding:15px 0 0 0; display:block; clear:both;}
.payer-form .fr-raw { margin:0; padding:0 0 22px; display:block; clear:both;}
.payer-form .fr-raw label.fr-label { font-size:16px; color:#494d4e; margin:0; padding:0 0 4px; display:block; font-weight:300; border-radius:10px}
.payer-form .fr-raw label.fr-label strong { font-weight:300; color:#ff0000; border-radius:10px}
.payer-form .fr-raw label.fr-label span { font-size:14px; color:#92a0a6; margin:0; padding:0; font-weight:300; border-radius:10px}

.payer-form .fr-raw .fr-cell { margin:0; padding:0; display:block; width:352px;}

.my-input { margin:0; padding:0; display:block; clear:both;}
.my-input input.fr-input { margin:0; padding:0 10px; width:100%; height:44px; background:url(../images/input-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; border-radius:10px; font-size:16px; color:#717171; border-radius:10px}

.my-input select.fr-select { margin:0; padding:0 10px; width:100%; height:44px; background:url(../images/input-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; border-radius:10px; font-size:16px; color:#717171; line-height:44px;}

.my-input.wdth350 { display:inline-block; width:350px;}
.my-input.wdth166 { display:inline-block; width:166px; margin-left:16px;}

.pay-info { margin:0; padding:0 0 30px; display:block; clear:both;}
.pay-info p { font-size:14px; line-height:20px; color:#696969; font-weight:300; margin:0; padding:0 0 5px;}

.submit-button { margin:0; padding:0; display:block; text-align:center; border-radius:10px}
.submit-button input.fr-btn { margin:0; padding:0; display:inline-block; width:230px; height:50px; line-height:50px; font-size:20px; color:#ffffff; font-weight:500; background:#0095da; border-radius:10px}
.submit-button input.fr-btn:hover { background:#97c026; border-radius:10px}

.devloper-contain { margin:0; padding:0; display:block; clear:both;}
.user-keybox { margin:0 0 50px; padding:20px; display:block; background:#EDEDE8; border:none; border-radius:4px;}
.user-keybox span { font-size:20px; color:#4c4c4c; line-height:20px; margin:0; padding:0; font-weight:normal; font-family: 'Roboto Slab', serif;}
.user-keybox span a { font-size:20px; color:#0095da;}


.creat-app { margin:0; padding:0; display:block;}
.creat-app a { background:#573076; margin:0; padding:0 20px; height:40px; line-height:40px; font-size:20px; color:#ffffff; font-weight:500; display:inline-block; border:none; border-radius:4px; transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -o-transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.creat-app a:hover { background:#97c026;}

.title-same.in-same { display:inline-block;}
.title-same.in-same h5 { padding:6px 0 0;}
.top-creat { margin:0; padding:0 0 30px; display:block; clear:both;}


.app-managment { margin:0; padding:0 0 55px; display:block; clear:both;}
.app-managment p { font-size:15px; line-height:24px; color:#5d5d5d; margin:0; padding:0 0 20px; font-weight:300;}
.app-managment p a { font-size:15px; color:#007fba; font-weight:300;}
.app-managment p a:hover { text-decoration:underline;}

.adplo { margin:0; padding:0; display:block; clear:both; font-size:18px; line-height:27px; color:#573076; text-align:center; font-weight:normal; font-family: 'Roboto Slab', serif;}


.app-form { margin:0; padding:40px; display:block; clear:both; background:#f0f5f7;}
.app-contact { margin:0; padding:0 0 20px; display:block; clear:both; position:relative;}
.app-contact:last-child { padding-bottom:0;}
.app-contactform { margin:0; padding:10px 0 0; display:block; clear:both;}
.app-contactform .fr-raw { margin:0; padding:0 0 20px; display:block; clear:both;}
.app-contactform .fr-raw .fr-cell { margin:0; padding:0; display:block; width:352px;}

.app-contactform .fr-raw label.fr-label { font-size:16px; color:#494d4e; margin:0; padding:0 0 4px; display:block; font-weight:300; border-radius:10px}
.app-contactform .fr-raw label.fr-label strong { font-weight:300; color:#ff0000; border-radius:10px}

.my-appinput { margin:0; padding:0; display:block; clear:both;}
.my-appinput input.fr-input { margin:0; padding:0 10px; width:100%; height:44px; background:url(../images/input-bg.png) repeat-x 0 0; border:1px solid #a4bbc1; border-radius:10px; font-size:16px; color:#717171; border-radius:10px}

.my-appinput textarea.fr-text { margin:0; padding:10px 10px; width:100%; height:44px; background:url(../images/input-bg.png) repeat-x 0 0 #ffffff; border:1px solid #a4bbc1; border-radius:10px; font-size:16px; color:#717171; width:100%; min-height:125px;}


.terms-con { margin:0; padding:0 0 10px; display:block; clear:both;}
.terms-con input.fr-check { margin:0 10px 0 0; padding:0;}

.terms-con label.fr-terms { font-size:16px; color:#494d4e; font-weight:300; margin:0; padding:0;}
.terms-con label.fr-terms a { font-size:16px; color:#0095da;}
.terms-con label.fr-terms a:hover { text-decoration:underline;}

.creat-appbtn { margin:0; padding:0; display:block; clear:both; text-align:center; border-radius:10px}
.creat-appbtn input.fr-btn { margin:0; padding:0 35px; display:inline-block; height:50px; line-height:20px; font-size:20px; color:#ffffff; font-weight:500; background:#573076; border-radius:10px}
.creat-appbtn input.fr-btn:hover { background:#0095da; border-radius:10px}


.link-call ul li.hello { position:relative;}
.link-call ul li.hello .drp-down { margin:5px 0 0 0; padding:10px 20px; display:none; background:#0095da; position:absolute; width:150px; top:100%; left:0; right:0; border:none; border-radius:3px; z-index:1001; }
.link-call ul li.hello > .drp-down a { margin:6px 0; padding:0; display:block; color:#fff;}
.link-call ul li.hello > .drp-down a:hover { color:#97c026;}

.link-call ul li.hello .drp-down.viewmenudisp { display:block;}

/***********Dhaval 13-1-15 *********/

.breadcumbs { margin:0; padding:0; display:block;}
.breadcumbs ul { margin:0; padding:0; list-style:none;}
.breadcumbs ul li { margin:0; padding:0; display:inline-block; font-size:12px; color:#999999; font-weight:bold; text-transform:uppercase;}
.breadcumbs ul li a { margin:0 4px; padding:0; display:inline-block; font-size:12px; color:#555; font-weight:bold; text-transform:uppercase;}
.breadcumbs ul li img { vertical-align:middle;}
.breadcumbs ul li a:hover { color:#ff9c00;}



/*******************20-01-2015kishan*************************/


.event-detailbox .fr-main .fr-col input.fr-select { background:url(../images/input-bg.png) repeat-x 0 0; height:44px; border:1px solid #a4bbc1; border-radius:10px; line-height:44px; width:148px; font-size:16px; color:#929292;}

.ticket-list ul li span { min-height:56px;}
.create-boxtic { padding:65px 40px; text-align:center;}
.ticket-list { display:inline-block;}



.create-boxtic { display:block; text-align:center; padding:65px 40px;}
.ticket-list { display:inline-block;}


.kp-ticket { margin:0; padding:0 0 30px; display:block; clear:both; text-align:left;}
.kp-ticketbox { margin:0 0 5px; padding:0; display:block; clear:both;}

.early { margin:0 10px 0 0; padding:0; display:inline-block; width:240px;}
.quantity { margin:0 10px 0 0; padding:0; display:inline-block; width:135px;}

.kp-price { display:inline-block; overflow:visible; vertical-align:top; margin:0; padding:0; width:115px;}
.kp-price span { font-size:13px; color:#333; font-weight:300; margin-top:16px; display:block;}


.editing-icon { margin:0; padding:0; display:inline-block; width:auto; vertical-align:top;}
.editing-icon a { margin:0; padding:15px 6px 15px; display:inline-block;}
.editing-icon a.setting-icon i { margin:0; padding:0; display:block; background:url(../images/manage-1.png) no-repeat 0 0; height:14px; width:14px; line-height:14px;}

.editing-icon a.delet-icon i { margin:0; padding:0; display:block; background:url(../images/delet-blue.png) no-repeat 0 0; height:15px; width:15px; line-height:14px;}


.kp-settingbox { margin:0; padding:10px 0; display:block; clear:both;}
.kp-settingboxtitle { margin:0 0 12px; padding:0; display:block; border-bottom:1px solid #a4bbc1;}

.kp-settingboxinfo { margin:0; padding:0; display:block; clear:both;}
.kp-settingboxinfo .fr-main { margin:0; padding:0 0 10px; display:block; clear:both;}

.ticket-dis { margin:0; padding:0; display:block; clear:both;}
.ticket-dis label.fr-label { margin:0; padding:0 0 5px; display:block; font-size:15px; font-weight:300; border-radius:10px}

.ticket-dis .my-input { margin:0; padding:0; display:block;}
.ticket-dis .my-input textarea.fr-text { width:100%; border-radius:10px;}

.show-ticket { margin:0; padding:10px 0; display:block; clear:both;}
.show-ticket input.fr-check { margin-right:3px; display:inline-block; vertical-align:middle; margin-top:-2px;}
.show-ticket span { font-size:14px; color:#555; line-height:20px; font-weight:300; vertical-align:middle; display:inline-block;}


.select-boxkp { margin:0; padding:10px 0 10px; display:block; clear:both;}
.select-boxkp label.fr-label { margin:0; padding:0 0 5px; display:block; font-size:15px; font-weight:300; border-radius:10px}

.main-select { margin:0; padding:0; display:block; clear:both;}
.main-select .fr-cell { margin:0; padding:0; display:block; width:48%;}
.main-select input.fr-input { width:100%; border-radius:10px}
.main-select select.fr-select { width:100%;}

.auto { font-size:14px; text-decoration:underline; color:#0086bf; font-weight:300; margin-top:-8px; display:block;}
.auto:hover { text-decoration:none;}


.remove-slide { margin:0; padding:20px 0; display:block; clear:both; text-align:center; border-top:1px solid #a4bbc1;}
.remove-slide a { display:inline-block; margin:0; padding:0; font-size:15px; color:#0086bf; font-weight:300; text-transform:uppercase;}
.remove-slide a img { vertical-align:middle; margin:-2px 2px 0 0;}



/******************23-01-2015 Kishan****************/

.setting-list.active { display:block !important;}


.link-call ul li.hello { position:relative;}
.link-call ul li.hello .drp-down { margin:5px 0 0 0; padding:10px 20px; display:block; background:#0095da; position:absolute; width:200px; top:100%; right:0px; border:none; border-radius:3px; visibility:hidden; left:inherit;}
.link-call ul li.hello > .drp-down a { margin:16px 0; padding:0; display:block; color:#fff;}
.link-call ul li.hello > .drp-down a:hover { color:#97c026;}

.link-call ul li.hello .drp-down.viewmenudisp { display:block;}

.link-call ul li.hello:hover .drp-down { visibility:visible;}
.link-call ul li.hello a { padding-bottom:5px;}



.change-mail { margin:0; padding:0; display:block; clear:both;}
.change-mail .Email-append { margin:0; padding:0; display:inline-block; width:340px;}
.change-mail .Password-append { margin:0 10px; padding:0; display:inline-block; width:340px;}

.submit-append { margin:0; padding:0; display:block; float:right; width:auto;}
.submit-append input { background:none repeat scroll 0 0 #0095da; display:inline-block; font-size:18px; font-weight:500; margin:0; padding:0 22px; text-align:center; height:44px; line-height:44px; text-transform:uppercase;}

.change-mail .Email-append input, .change-mail .Password-append input { background:url("../images/input-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); border:1px solid #a4bbc1; border-radius:10px; color:#717171; font-size:16px; height:44px; margin:0;padding:0 10px; width:100%;}





/***********************18-2-2015 kishan *******************/

.event-design { margin:0; padding:35px 0 10px 0; display:block; clear:both; text-align:center;}
.event-design p { font-size:14px; color:#666666; line-height:24px; font-weight:300; margin:0; padding:0 0 25px;}


/************************ 24-2-02-2015 KISHAN ****************/

.progress-bar { width:333px;}
.progress-bargreay { margin:0 10px 0 0; padding:0; display:inline-block; width:280px; background:#EAEAEA; height:6px; vertical-align:middle;}
.progress-bargreay .progress-blue { background:#a6ce39; display:block; height:6px;}



/************************26-02-2105 KISHAN ***************************/

.change-url .fr-edit { margin:0; padding:0; display:inline-block; vertical-align:top; width:60%;}
.change-url .fr-edit.second-edit { width:38%; float:right;}
.change-url .main-input { width:auto; float:none; border-radius:10px}
.change-url .fr-edit input.fr-input-mystyle { width:100%; border-radius:10px}







/********** piyush 25-2-2015 ********/


.innerpage-lf{position:relative; }
.dash-innerpage{padding:25px 0 15px 0; }

.innerpage-lf p{font-size:15px; line-height:23px; color:#333333; font-weight:300; }

.live-label{font-size:16px; color:#ffffff; font-weight:normal; background:#9bc722; display:inline-block; font-family: 'Roboto Slab', serif; padding:3px 18px; border-radius:3px; position:absolute; left:inherit; top:-5px; right: -82px;}
.live-label:after{background:url(../images/live-arrow.png); position:absolute; width:7px; height:11px; left:-6px; top:8px; content:""; }

.viewbtn{padding:16px 0 0 0; text-align:right; }
.viewbtn a{font-size:20px; color:#ffffff; font-weight:normal; display:inline-block; background:#9bc722; border-bottom:2px solid #d2d39f; padding:10px 24px; }
.viewbtn a:hover{background:#0095da;}

.dash-menu{background:#65676b; }
.dash-menu ul{padding:0; text-align:center; }
.dash-menu ul li{padding:0; list-style:none; display:inline-block; margin:0 -3px; }
.dash-menu ul li a{font-size:19px; color:#ffffff; font-weight:normal; padding:18px 36px; display:inline-block;  text-transform:uppercase; font-family:'gotham_htfbook'; position:relative; }
.dash-menu ul li a:hover{background:#0095da; }
.dash-menu ul li a:after{background:url(../images/dash-menu-arrow.png) no-repeat; content:""; left:50%; bottom:-8px; width:16px; height:9px; position:absolute; display:none;  margin-left:-8px; }
.dash-menu ul li a:hover:after{display:block; }
.dash-menu ul li a.active:after{display:block; }
.dash-menu ul li a.active{background:#0095da; }

.dash-title{font-size:16px; color:#7ea80c; font-weight:normal; background:#ffffff; padding:15px 21px;  }
.dash-title a{color:#0085c3; }
.dash-title a.active{color:#7ea80c;  }
.dash-title a:hover{color:#7ea80c; }
.pay-link{padding:20px 0; }
.pay-link a{font-size:16px; color:#0085c3; font-weight:normal; background:#ffffff; padding:15px 21px; display:block; }

.pay-link a:hover{color:#7ea80c; }
.pay-link a.active{color:#7ea80c; }




.event-title h2{font-size:30px; color:#41454b; font-weight:bold; font-family: 'Roboto Slab', serif; float:left; }

.event-nav{float:right; padding:12px 0 0 0; }
.event-nav ul{padding:0; margin-right:-10px; }
.event-nav ul li{padding:0; list-style:none; float:left; padding:0 10px; border-left:1px solid #b0b0b0; }
.event-nav ul li:first-child{border-left:none; }
.event-nav ul li a{font-size:15px; color:#008aca; font-weight:normal; display:inline-block; font-family: 'gotham_htfbook'; }
.event-nav ul li a:hover{color:#9bc722; }


.live-box{padding:0 0 30px 0; }

.live-one{width:49%; background:#f3f2de; padding:33px 0px 33px 0; border-radius:5px; }

.live-icon{float:left; width:102px; text-align:right; }

.live-text{float:left; width:230px; margin:0 0 0 20px; }
.live-text h3{font-size:20px; color:#333333; font-weight:bold; padding:0;  }
.live-text h3 a{font-size:13px; color:#0095da; font-weight:300; margin:4px 0 0 0; display:inline-block; vertical-align:top; }
.live-text h3 a:hover{color:#9bc722; }
.live-text p{font-size:14px; line-height:20px; color:#666666; font-weight:300; padding:0; }



.ticketbox{background:#65676b; padding:20px 35px; border-radius:4px; }
.ticketbox h4{font-size:16px; color:#ffffff; margin:0 40px 0 0; font-weight:normal; padding:0; display:inline-block; vertical-align:middle;  font-family: 'Roboto Slab', serif;}

.progresbox{background:#404349; width:350px; height:20px; padding:2px; display:inline-block; vertical-align:middle;  border-radius:14px; }
.progress-on{background:url(../images/progress-on.jpg) repeat-x; width:60%; height:20px; border-radius:14px;  }


.paidbox{display:inline-block; padding:0 0 0 25px; }
.paid{width:14px; height:14px; background:#9bc722; display:inline-block; vertical-align:middle; }
.paidbox span{font-size:16px; color:#ffffff; font-weight:normal; display:inline-block; vertical-align:middle; font-family: 'Roboto Slab', serif; }

.free{background:url(../images/free-bg.jpg) repeat; width:14px; height:14px; display:inline-block; vertical-align:middle; margin-left:12px;  }


.salebox{padding:45px 0 0 0; }

.sale-menu{border-bottom:1px solid #cdcdcd; padding:0 0 10px 0; }
.sale-menu ul{padding:0; }
.sale-menu ul li{padding:0 52px 0 0; list-style:none; float:left; }
.sale-menu ul li a{font-size:21px; color:#333333; font-weight:300; display:inline-block; position:relative; }
.sale-menu ul li a:after{background:url(../images/sale-arrow.jpg) no-repeat; width:11px; height:7px; position:absolute; bottom:-17px; left:50%; margin-left:-4px;  content:""; display:none; }
.sale-menu ul li a:hover:after{display:block; }
.sale-menu ul li a.selected:after{display:block; }


.sale-content{padding:40px 0 40px 0; }

.left-cn{float:left; width:227px; }
.left-cn ul{padding:0; }
.left-cn ul li{padding:0 0 15px 0; list-style:none; font-size:17px; color:#333333; font-weight:500; }
.left-cn ul li span{text-align:right; float:right; }
/*.left-cn ul li:nth-child(2){font-weight:300; }*/
.left-cn > a{font-size:16px; color:#ffffff; font-weight:500; display:inline-block; background:#9bc722; border-radius:3px; padding:10px 36px; }
.left-cn > a:hover{background:#65676b; }

.right-cn{float:right; width:445px; background:#ededed; padding:15px 28px 15px 28px; box-sizing:border-box;  }
.right-cn ul{padding:0; }
.right-cn ul li{padding:10px 0 5px 0; border-bottom:1px dotted #cecece; list-style:none; font-size:14px; color:#797979; font-weight:300; }

.date-line{font-size:12px; color:#797979; font-weight:300; text-align:center; padding:5px 0 0 0;  position:relative; }
.date-line:after{width:7px; height:7px; content:""; border-radius:50%; background:#0089c9; position:absolute; left:50%; margin-left:-4px; top:-4px; }



.urlbox{border-top:1px solid #e6e6e6; padding:30px 0; }
.urlbox h3{ font-size:24px; color:#41454b; font-weight:normal; font-family: 'Roboto Slab', serif; padding:0 0 0px 0;}
.urlbox input[type="text"]{height:44px; border:1px solid #a4bbc1; margin:0 5px 0 0; width:710px; }
.urlbox input[type="submit"]{border-radius:10px; background:#0095da; font-weight:300; }
.urlbox input[type="submit"]:hover{background:#7ea80c; }

.orderbox{padding:0 0 32px 0; }
.orderbox h3{font-size:24px; color:#41454b; font-weight:normal; font-family: 'Roboto Slab', serif; padding:0 0 5px 0; }

.ordertable table tr th{padding:20px 20px; }
.ordertable table tr td{padding:20px 20px; font-size:14px;  }
.ordertable table tr td strong{font-weight:600; }
.ordertable table tr td span{color:#0089c9; }

.orderbox > p{font-size:12px; color:#777777; font-weight:300; display:inline-block; margin:0; padding:5px 0 0 0; }


.trafficbox h3{font-size:24px; color:#41454b; font-weight:normal; font-family: 'Roboto Slab', serif; padding:0 0 14px 0;  }
.trafficbox h4{font-size:17px; line-height:24px; color:#0089c9; font-weight:300; padding:0 0 10px 0; }
.trafficbox p{font-size:14px; line-height:18px; color:#555555; font-weight:300; }

.trafficbox ul{padding:15px 0; }
.trafficbox ul li{padding:0 35px 0 0; list-style:none; width:360px; float:left; }
.trf-icon{float:left; margin:0 15px 0 0; }
.trafficbox ul li p span{color:#7ea80c; }

.trafficbox h5{font-size:15px; line-height:24px; color:#313131; font-weight:300; padding:10px 0 0 0; }
.trafficbox h5 + h5{padding:0; }
.trafficbox h5 a{color:#0089c9; }
.trafficbox h5 a:hover{color:#7ea80c; }


.event-title h3{font-size:20px; color:#0089c9; font-weight:normal; padding:0 0 10px 0; }
.event-title p{font-size:14px; line-height:18px; color:#555555; font-weight:300; }

.processbox{background:#eeeeee; padding:28px; }
.processbox h3{font-size:20px; color:#494949; font-weight:normal; }

.processbox select{font-size:15px; color:#777777; font-weight:300; border:1px solid #a4bbc1; width:295px; border-radius:10px;  margin:0 30px 0 0;  }
.processbox img{padding:5px 0 0 0; }
.processbox p{font-size:14px; line-height:18px; color:#555555; font-weight:300; padding:16px 0 0 0; }

.paypalbox{padding:23px 0 0 0; }
.paypalbox h3{font-size:20px; color:#494949; font-weight:normal; padding:0 0 10px 0;  }
.paypalbox input{height:44px; border:1px solid #a4bbc1; width:377px; margin:0 20px 0 0; }
.paypalbox a{font-size:14px; line-height:18px; color:#0089c9; font-weight:300; }
.paypalbox a:hover{text-decoration:underline; }
.paypalbox p{font-size:14px; line-height:18px; color:#555555; font-weight:300; padding:16px 0 0 0; }


.methodbox{padding:40px 0 0 0; }
.methodbox h3{font-size:22px; color:#41454b; font-weight:bold; font-family: 'Roboto Slab', serif; padding:0 0 7px 0; }
.methodbox a{font-size:16px; color:#0089c9; font-weight:300; background:url(../images/plus-method.png) 0 2px no-repeat; padding:0 0 0 19px; }
.methodbox a:hover{color:#9bc722; }

.youbox{border:1px solid #a4bbc1; padding:21px 24px 0px 24px; margin:24px 0 30px 0; }
.youbox h5{font-size:15px; line-height:18px; color:#555555; font-weight:normal; padding:0 0 10px 0; }
.youbox p{font-size:14px; line-height:21px; color:#555555; font-weight:300; }

.cashone{border-bottom:1px solid #eaeaea; margin:0 0 18px 0; }
.cashone h4{font-size:16px; color:#41454b; font-weight:normal; font-family: 'Roboto Slab', serif; display:inline-block; margin:0 28px 0 0;  padding:0 0 10px 0; }
.cashone span{font-size:14px; color:#333333; font-weight:300; display:inline-block; padding:0 15px 0 0;  }
.cashone p{font-size:15px; color:#41454b; font-weight:300; }




.changeform textarea{background:url(../images/textarea-bg.jpg) repeat-x; width:100%; height:106px; box-sizing:border-box;  border-radius:10px; }
.changeform p{font-size:15px; color:#777777; font-weight:300; padding:7px 0 0 0; }
.changeform input{font-size:20px; color:#ffffff; font-weight:normal; display:inline-block; background:#9bc722; border-radius:10px; height:46px;  padding:0 37px; margin:45px 0 0 0; }


.ev-link > a{font-size:16px; color:#0095da; font-weight:300; display:inline-block; text-decoration:underline; margin:10px 0 0 0;  }
.ev-link > a:hover{text-decoration:none; }


.go-form input[type="text"]{width:722px !important; display:inline-block; margin-right:8px !important;}
.go-form input[type="submit"]{font-size:16px; color:#ffffff; font-weight:normal; display:inline-block; background:#573076; border-radius:10px; display:inline-block; }
.go-form input[type="submit"]:hover{background:#0095da; }

.excel-form{padding:12px 0 0 0; }
.excel-form input{font-size:16px; color:#ffffff; font-weight:300; display:inline-block; background:#573076; border-radius:10px; display:inline-block; padding:0 40px; margin:0 5px 0 0; }
.excel-form input + input{background:#0095da; }
.excel-form input:hover{background:#7ea80c; }

.totaltext{font-size:17px; color:#494d4e; font-weight:300; padding:12px 0 20px 0; }
.totaltext span{padding:0 20px; }


.printbtn a{font-size:16px; color:#ffffff; font-weight:300; display:inline-block; background:#573076; border-radius:10px; padding:14px 19px; margin:20px 0 0 0; }
.printbtn a:hover{background:#0095da;  }

.source-chart{text-align:center; padding:35px 0 0 0; }

.ch-form input{display:inline-block; }
.ch-form h6{font-size:16px; color:#494d4e; font-weight:300;  display:inline-block; }
.ch-form p{font-size:14px; line-height:18px; color:#6a6a6a; font-weight:300; }
.ch-form h3{font-size:22px; color:#0095da; font-weight:normal; font-family: 'Roboto Slab', serif;  padding:5px 0 10px 0; }


.save-ch-btn{padding:5px 0 30px 0; border-radius:10px }
.save-ch-btn input{font-size:20px; color:#ffffff; font-weight:normal; display:inline-block; background:#573076; border-radius:10px; height:51px; padding:0 30px;  border-radius:10px   }

.tx-form input{width:70px; }

.add-table tr th:nth-child(3){ padding:20px 0px 20px 40px; }

.add-table table{margin:0 0 30px 0;}
.add-table p{font-size:15px; line-height:22px; color:#41454b; font-weight:300; display:inline-block; float:left; }
.add-table h5{font-size:19px; color:#573076; font-weight:normal; display:inline-block; float:right; }

.sda-form select{width:240px !important; }

.new-save-ch-btn{padding:20px 0 0 0; border-radius:10px }
.new-save-ch-btn input{background:#a6ce39; border-radius:10px }
.new-save-ch-btn input:hover{background:#0095da; border-radius:10px}

.order-text{padding:0; }
.order-text h3{font-size:24px; color:#0095da; font-weight:normal; font-family: 'Roboto Slab', serif;  }

.order-text h4{font-size:19px; color:#41454b; font-weight:300; padding:0 0 50px 0;  }
.order-text h4 span{padding:0 15px; }
.order-text h5{font-size:19px; color:#41454b; font-weight:300; padding:0; }
.order-text h5 span{color:#573076; }
.order-text p{font-size:15px; line-height:22px; color:#41454b; font-weight:300; }

.ac-form{float:right; padding:15px 0 0 0; }
.ac-form select{background: url("../images/input-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #a4bbc1;
border-radius: 2px;
color: #717171;
font-size: 16px;
height: 44px;
line-height: 44px;
margin: 0;
padding: 8px 10px;
width:240px;}

.tx-form a{font-weight:600; }
.tx-form a img{margin:7px 0 0 0; }

.tickettable tr td{font-size:14px; font-weight:600; }
.tickettable tr td:first-child{color:#0089c9; }

.tickettable{margin:45px 0 0 0; }

.sp-form p{font-size:13px; line-height:14px; color:#888888; font-weight:300; padding:0; }

.applybox{padding:0 0 20px 0; }
.applybox h4{font-size:16px; color:#494d4e; font-weight:300; margin:0; padding:21px 0 4px 0; }
.applybox input{float:left; margin:8px 8px 0 0; }
.applybox span{font-size:15px; line-height:33px; color:#494d4e; font-weight:300; display:block; }

.asp-form input{width:180px !important; }
.asp-form span{font-size:16px; color:#666666; font-weight:300; }

.apps-form span{display:inline-block; vertical-align:top; }
.apps-form input[type="text"]{width:88px; float:none; height:34px; margin:0;  }

.sh-btn{text-align:center; border-radius:10px }

input.nm-form{width:63px; margin:0 3px;  }

select.sel-select{width:150px; }

.asp-form > div{display:inline-block;  margin:0 0 20px 0; }
.asp-form > div + div{margin:0 0 0 10px; }
.asp-form > div + div input{width:195px !important; }

.reply-form{font-size:16px; color:#494d4e; font-weight:300; padding:20px 0 12px 0; }
.reply-form a{font-size:16px; color:#777777; font-weight:300; display:inline-block; }
.reply-form a:hover{color:#0095da; }


.editbox{background:#f3f2de; padding:28px; }
.editbox h3{font-size:16px; color:#333333; font-weight:bold; line-height:17px; margin:0; padding:0 0 15px 0; }
.editbox h3 a{font-weight:300; color:#0095da; }
.editbox h3 a:hover{color:#9bc722; }



.mailtext{padding:0 0 5px 0; }
.mailtext img{display:inline-block; }
.mailtext h4{font-size:20px; color:#0095da; font-weight:300; margin:0; display:inline-block; padding:5px 0 20px 10px; }




.bluebox{padding:100px 0 70px 0; background:#f4f7f6; margin:32px 0 0 0; }

.pinkbox{width:auto; text-align:center;  box-sizing:border-box;  border-radius:3px;   margin:-50px 174px 44px 94px; }



.guestbox{padding:40px 0 0 0; }
.guestbox h3{font-size:22px; color:#41454b; font-weight:bold; font-family: 'Roboto Slab', serif; display:inline-block;  }
.guestbox a{font-size:20px; color:#ffffff; font-weight:normal; display:inline-block; background:#9bc722; border-radius:10px; padding:9px 28px;  margin:0 0 40px 26px; }
.guestbox a:hover{background:#EDEDE8; color:#000000; }
.im-form {margin:0 0 15px 0; }
.im-form + .im-form input[type="radio"]{margin:13px 10px 0 0; }
.guestbox input[type="radio"]{display:inline-block; float:left; margin:3px 10px 0 0; }
.guestbox input[type="number"]{border:1px solid #a4bbc1; }
.guestbox select{margin:0 4px 0 10px; width:144px; border:1px solid #a4bbc1;  }
.guestbox span{font-size:16px; color:#494d4e; font-weight:300; display:inline-block; }

.sa-btn{padding:27px 0 0 0; border-radius:10px }
.sa-btn input{font-size:20px; color:#ffffff; border-radius:10px; margin:0 5px 0 0; border-radius:10px }
.sa-btn input + input{background:#0085c3; border-radius:10px  }
.sa-btn input:hover{background:#EDEDE8; color:#000000; border-radius:10px }

.confirmbox h3{font-size:20px; color:#0089c9; font-weight:normal; padding:0 0 5px 0; }
.confirmbox p{font-size:14px; line-height:18px; color:#555555; font-weight:300; }

.de-form .fr-raw label.fr-label{font-size:14px; color:#333333; border-radius:10px }
.de-form .fr-raw input.fr-input{width:610px; font-size:15px; margin:0 0 10px 0; border-radius:10px }

.de-form span{font-size:14px; line-height:18px; color:#555555; font-weight:300;  }



.mes-form{padding:15px 0 20px 0; }
.mes-form textarea {
  background: url("../images/textarea-bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  box-sizing: border-box;
  height: 106px;
  width: 100%;
  border:1px solid #a4bbc1;
  border-radius:10px;
}

.new-changeform input{margin:20px 0 0 0; }

.col-box{padding:0 0 30px 0; }
.col-box h4{font-size:16px; line-height:18px; color:#333333; font-weight:300; padding:15px 0; }
.col-box input{float:left; margin:2px 7px 0 0; }
.col-box span{display:block; margin:0 0 10px 0; font-size:14px; font-weight:300; }
.col-box p{font-size:15px; line-height:22px; color:#555555; font-weight:300;  padding:0 0 12px 0;}
.col-box a{font-size:16px; color:#ffffff; font-weight:300; display:inline-block; border-radius:10px; background:#65676b; padding:10px 30px; margin:0 15px 0 0;}
.col-box a:hover{background:#0095da; }

.new-col-box{padding:0 0 5px 0; }

.comonform .fr-raw .col-left{width:490px; margin:10px 0 0 0;}
.comonform .fr-raw .col-right{width:300px; margin:10px 0 0 0; }

.ins-form{width:100%; }
.ins-form textarea{border:1px solid #a4bbc1; border-radius:10px; }

.allowbox{margin-left:-20px; }

.allowone{display:inline-block; margin:0 0 0 20px; }
.allowone label{color: #494d4e;
display: block;
font-size: 15px;
font-weight: 300;
margin: 0;
padding: 0 0 7px;}

.allowone span{color: #494d4e;
display: block;
font-size: 15px;
font-weight: 300;
margin: 0 12px 0 1px;
display:inline-block;
padding: 0 0 4px;}




.max-form{padding:10px 0; }
.max-form label{color: #262626;
display: block;
font-size: 16px;
font-weight: 300;
margin: 0;
padding: 0 0 7px;}
.max-form input{background: url("../images/input-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #a4bbc1;
border-radius: 2px;
color: #717171;
font-size: 16px;
height: 44px;
margin: 0;
padding: 0 10px;
width:300px;}
.max-form span{display: block;
font-size: 14px;
font-weight: 300;
margin: 2px 0 0px;}



.new-max-form input{width:150px; margin:0 5px 0 0; }


/** 19-3-15 **/
/*
.ticket-table .fr-raw .fr-cell { font-size:13px; color:rgb(3, 71, 107); font-weight:300;}
.ticket-table .fr-raw .fr-cell input#Payment { margin:-2px 4px 0 10px; }
.ticket-table .fr-raw .fr-cell input#Payment1 { margin:-2px 4px 0 10px; }


#payment_details #payment_add {
  width:335px;
  color: #494d4e;
  display: block;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  padding: 0 0 4px;
}

#payment_details #payment_add input[type="text"]
{
 background: url("../images/input-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #a4bbc1;
    border-radius: 2px;
    color: #717171;
    font-size: 16px;
    height: 44px;
    margin: 4px 0 20px 0;
    padding: 0 10px;
    width: 100%;

}


#payment_details #payment_add input[type="submit"]  {
  background: none repeat scroll 0 0 #0095da;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  height: 50px;
  padding: 0 50px;
  border-radius:10px;
  display:block;
}

.ticket-table table.footer-table tr td input.fr-regbtn { text-align:left;}*/


.main-div .sub-div { margin:0 0 0px 0; padding:0px 30px; font-size:13px; color:#444;}
.main-div .sub-div .fr-label { font-size:15px; font-weight:normal; color:#3a3a3a; border-radius:10px}
.main-div .sub-div input { margin:0 3px 0 10px;  }

.your-form.ticket-form { padding:25px 30px 25px 30px;}


/***************************23-03-2015kishan***********************/
.innerpage-lf h2 { position:relative;}

/**************24-03-2015 KISHAN **************/
.contact-box.clearfix > h2 { text-align:left; padding-bottom:0;}
.confirmbox .white-box { box-sizing:border-box;}

.confirmbox.table-mystyle { margin:0; padding:0;display:block; clear:both;}
.confirmbox.table-mystyle .white-box { max-width:none; width:auto; padding:20px 0;}
.confirmbox.table-mystyle .contact-box table { border:1px solid #ddd;}
.confirmbox.table-mystyle .contact-box table th { margin:0; padding:15px; font-size:15px; background:#65676B; color:#fff; font-family: 'gotham_htfbook';}
.confirmbox.table-mystyle .contact-box table td { background:#fff;}

.confirmbox.table-mystyle .contact-box table tr:nth-child(2n+1) td { background:#f0f0f0;}

.number-waitlist { font-size:20px; color:#222; padding:0 0 5px; font-family: 'gotham_htfbook'; font-weight:500;}
.add-waitlist { color:#888;}
.add-waitlist a:hover { color:#9BC722;}
.contact-btn.fl input.send-invi { margin:0; border-radius:10px}



/****************12-05-2015 KP ********************/

.select-lang { margin:0; padding:20px 0 0 0; display:block; clear:both;}
.select-lang select { width:100%;}

.select-lang.select-langtop { float:left; width:auto; margin:0 0 0 20px; padding:12px 0 0 0; clear:none;}
/*.select-lang.select-langtop h5 { color: #3a3a3a; font-size: 15px; font-weight: 300; margin: 0; padding: 0; display:block;}*/
.select-lang.select-langtop select { height:44px;}

.share-button { margin:0; padding:15px 40px 0 40px; display:block; clear:both; text-align:center;}
.share-button a { margin:0 1%; padding:0; display:inline-block; vertical-align:top; width:47%;}
.share-button a:hover { opacity:0.9;}







/********** 21 5 15 Hiren *************/

.footer-top .coloumn .select-lang ul, .select-lang ul{padding:0;margin:0;list-style:none;display:block;}
.footer-top .coloumn .select-lang ul > li, .select-lang ul > li{padding:10px 0;margin:0;display:block;position:relative;}
.footer-top .coloumn .select-lang ul li img, .select-lang ul li img{display:block;margin:0 3px 0 0;float:left;}
.footer-top .coloumn .select-lang ul li > ul, .select-lang ul li > ul{display:none;padding:5px 10px;box-shadow:0 0 10px #bcbcbc;position:absolute;top:100%;left:0;right:0;background:#ffffff;z-index:999; width: max-content;}
.footer-top .coloumn .select-lang ul li:hover > ul, .select-lang ul li:hover > ul{display:block;}
.footer-top .coloumn .select-lang ul li a, .select-lang ul li a{font-size:15px;display:block;color: #555; font-weight: 300;float:none;overflow:hidden;}
.footer-top .coloumn .select-lang ul > li ul li:first-child, .select-lang ul > li ul li:first-child{border-top:0;}
.footer-top .coloumn .select-lang ul > li ul li, .select-lang ul > li ul li { border-top: 1px solid #ddd;}


/***********************/
.select-radio { width:16%; padding:0 20px;}



/************* 25-5-2015 **********/

.add-calender ul{padding:10px 0 10px 57px; margin:0; background:#EDEDE8; }
.add-calender ul li{padding:0; margin:0; list-style:none; }
.add-calender ul li a{background:none; color:#000000;  font-size:14px; text-align:left; height:40px; line-height:40px; font-weight:normal;  padding:0 0 0 30px; }
.add-calender ul li.outlook-cal a{background: url("../images/outlook-cal.png") no-repeat  0 center rgba(0, 0, 0, 0);   }
.add-calender ul li.google-cal a{background: url("../images/google-cal.png") no-repeat  0 center rgba(0, 0, 0, 0);    }
.add-calender ul li.yahoo-cal a{background: url("../images/yahoo-cal.png") no-repeat  0 center rgba(0, 0, 0, 0); }
.add-calender ul li.ical-cal a{background: url("../images/ical-cal.png") no-repeat  0 center rgba(0, 0, 0, 0); }
.add-calender ul li a:hover{color:#0095da; }

.red-span a{background: #0095da none repeat scroll 0 0;
color: #ffffff;
display: inline-block;
font-size: 16px;
border-radius:4px;
font-weight: bold;
height: 36px;
line-height: 36px;
margin: 0;
padding: 0 20px;
transition: all 0.3s linear 0s;}
.red-span a:hover{background:#a6ce39; }


.ticket-table { overflow:auto;}
.qun { width:100px; margin-right: 10px; }
.smallfont { font-size:11px; }



/************ 11-06-2015 KISHAN ********/

/*.smallfont + p { padding:0; margin:0; position:absolute; bottom:10px;}
.ticket-table table tr td { position:relative;}
.ticket-table table tr td { padding-bottom:40px;}

.smallfont { display:block;}*/

.tic-description { display:none;}
.tic-description.classshow { display:block;}
.tic-description.classshow > small { display:block !important;}




/****************** 16-06-2015 KISHAN ***********************/

.content-event { margin:0; padding:0; display:block;}
.content-event .fr-raw { margin:0; padding:4px 0; display:block;}
.content-event .fr-raw > span { font-size:16px; line-height:23px; color:#414141; font-family: 'Roboto Slab'; margin:0; padding:0; font-weight:300; display:block; overflow:hidden;}

.content-event .fr-raw img { margin:4px 8px 0 0; padding:0; vertical-align:middle; display:block; float:left;}





/************* 26-06-2015 KISHAN Sign up ***********/

.or-line { margin:-10px 0 20px; padding:0; display:block; clear:both; text-align:center; background:url(../images/or-line.png) repeat-x 0 center;}
.or-line span { margin:0; padding:0; display:inline-block; height:35px; width:35px; text-align:center; line-height:35px; color:#888; background:#fff; border:1px solid #ddd; border-radius:50%; font-size:13px;}


.signup-email { margin:0; padding:0 0 15px; display:block; clear:both; text-align:center;}
.signup-email h5 { font-size:20px; color:#0095DA; font-weight:400; margin:0; padding:0;}
.signup-email h5 img { vertical-align:middle; margin:-3px 0 0 5px;}

.alredy-login { margin:0; padding:12px 0 0 0; display:block; clear:both; text-align:center; font-size:15px; color:#555; font-weight:300;}
.alredy-login a { color:#0095DA;}
.alredy-login a:hover { text-decoration:underline;}



.save_data_import{text-align:right; }
.viewbtn{display:inline-block; }
.viewbtn a{padding:6px 20px; font-size:15px; border-bottom:0; }

.dataTables_length{padding:10px 0; }
.dataTables_filter{padding:10px 0; }

.orderbox.orderbox-new .ordertable table tr th{padding:10px 0; font-size:13px; }
.orderbox.orderbox-new .ordertable table tr td{padding:10px 5px; font-size:13px; }

.ordertable table tr td span{color:#000000; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:#0089c9 !important; border:none !important; }

.ordertable table tr td span a{color:#ffffff !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:#9bc722 !important; }


/** 27-08-2015 **/

.social-icons { margin-bottom:20px; }
.social-icons a {  display:inline-block; }



.social-top { margin-top:20px;}
.set-myod h5 { font-size:18px;}
.set-myod .dd { width:80%;display:inline-block;}
.set-myod .dd strong{ display:inline-block; margin-right:10px;font-weight:normal;}

.my-pay .fr-raw .fr-visa {
	position:relative;
}
.my-pay .fr-raw .frcard-img {
	position:absolute;
	top:50%;
	margin-top:-12px;
	right:10px;
}

/*** 14-10-15 ***/

.qut-text {
	overflow:hidden;
	padding-top:10px;
	line-height:22px;
	font-weight:300;
}
.qut-text strong {
	font-weight:normal;
}
.qut-center {
    margin: 0 auto;
    max-width: 330px;
    text-align: left;
}



.left-cn-set-map{margin-right:30px; }
.chart-map{overflow:hidden; height:200px;}

.chart-map .highcharts-container{width:250px; height:200px;}
.chart-map text{font-size:0; }

.multiple-event { margin:0; padding:0; display:block; clear:both;}
.multiple-event a { font-size:14px; color:#0078af; font-weight:300; margin-right:15px;}
.multiple-event a:hover { color:#97c026;}

.multiple-event-remove a { font-size:14px; color:red; font-weight:300; margin-right:15px;}
.multiple-event-remove a:hover { color:#97c026;}


.color-pickert-input {
    margin: 0;
    padding: 0;
    display: inline-block;
}
#colorPicker {
  width: 200px;
  height: 50px;
  border: none;
  border-radius: 5px;
  font-size: 20px;
  padding: 10px;
}
.sp-replacer.sp-active, .sp-replacer:hover {
    border-color: none;
    color: #111;
}

.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float: left;
    font-size: 8px;
    color: #7b8b90;
}

.sp-preview {
    position: relative;
    width: 20px;
    height: 20px;
    border: solid 1px #a4bbc1;
    margin-right: 5px;
    float: left;
    z-index: 0;
}
.sp-palette .sp-thumb-el {
    width: 16px;
    height: 16px;
    margin: 2px 1px;
    border: solid 1px #a4bbc1;
}
.sp-container {
    border-radius: 0;
    background-color: #ececec;
    border: 1px solid #a4bbc1;
    padding: 0;
    border-radius: 10px;
}
.sp-replacer {
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    padding: 4px;
    display: inline-block;
    border: none;
    background: #eee;
    color: #333;
    vertical-align: middle;
    border-radius: 10px;
}
#container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

#colorPicker, #otherInput {
  margin-left: 10px;
}


/* ========================================
   SIMPLE TICKET CARD FIX
   Fields wrap to next line if they overflow
   ======================================== */

/* Ticket card container */
.create-boxtic .kp-ticket {
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  padding: 20px !important;
  margin: 0 0 20px 0 !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* Main ticket box - flexbox with wrapping */
.create-boxtic .kp-ticket .kp-ticketbox {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
  align-items: flex-start !important;
  padding: 0 10% !important;
  box-sizing: border-box !important;
}

/* Color picker - fixed width */
.create-boxtic .kp-ticket .kp-ticketbox .color-pickert-input {
  width: 56px !important;
  flex-shrink: 0 !important;
}

.create-boxtic .kp-ticket .color-pickert-input .my-input {
  width: 56px !important;
}

.create-boxtic .kp-ticket .color-pickert-input .fr-input {
  width: 56px !important;
  height: 44px !important;
}

/* Ticket name - flexible */
.create-boxtic .kp-ticket .kp-ticketbox .early {
  flex: 1 1 200px !important;
  min-width: 150px !important;
}

/* Quantity field - smaller, fits content */
.create-boxtic .kp-ticket .kp-ticketbox .quantity {
  flex: 0 0 100px !important;
  width: 100px !important;
}

.create-boxtic .kp-ticket .quantity .my-input {
  width: 100px !important;
}

.create-boxtic .kp-ticket .quantity .fr-input {
  width: 100px !important;
  text-align: center !important;
}



.create-boxtic .kp-ticket .kp-price .my-input {
  width: 120px !important;
  position: relative !important;
}

.create-boxtic .kp-ticket .kp-price .fr-input {
  width: 120px !important;
  padding-left: 25px !important;
}



/* For FREE tickets that use span instead of input */
.create-boxtic .kp-ticket .kp-price span {
  display: block !important;
  padding: 12px !important;
  font-weight: 500 !important;
  color: #16a34a !important;
  text-align: center !important;
}

/* Action buttons - always on new line */
.create-boxtic .kp-ticket .kp-ticketbox .editing-icon {
  width: 100% !important;
  display: flex !important;
  gap: 10px !important;
  padding-top: 5px !important;
  border-top: 1px solid #f3f4f6 !important;
  margin-top: 5px !important;
}

/* All input fields */
.create-boxtic .kp-ticket .my-input {
  width: 100% !important;
  position: relative !important;
}

.create-boxtic .kp-ticket .fr-input,
.create-boxtic .kp-ticket input[type="text"],
.create-boxtic .kp-ticket input[type="number"] {
  width: 100% !important;
  height: 44px !important;
  padding: 0 12px !important;
  font-size: 15px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

/* Settings panel - 10% padding on sides */
.create-boxtic .kp-ticket [id^="Setting_details"] {
  margin-top: 15px !important;
  padding: 20px 10% !important;
  background: #f9fafb !important;
  border-radius: 8px !important;
  border: 1px solid #e5e7eb !important;
  box-sizing: border-box !important;
}

/* Mobile - stack everything */
@media (max-width: 767px) {
  .create-boxtic .kp-ticket .kp-ticketbox {
    padding: 0 5% !important;
  }
  
  .create-boxtic .kp-ticket .kp-ticketbox .early,
  .create-boxtic .kp-ticket .kp-ticketbox .quantity,
  .create-boxtic .kp-ticket .kp-ticketbox .kp-price {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
  
  .create-boxtic .kp-ticket .quantity .my-input,
  .create-boxtic .kp-ticket .kp-price .my-input {
    width: 100% !important;
  }
  
  .create-boxtic .kp-ticket .quantity .fr-input,
  .create-boxtic .kp-ticket .kp-price .fr-input {
    width: 100% !important;
  }
  
  .create-boxtic .kp-ticket [id^="Setting_details"] {
    padding: 15px 5% !important;
  }
}


/* --- Ticket card layout + responsive containment (overrides) --- */

/* Make the ticket a proper container with padding */
.create-boxtic .kp-ticket {
  width: 100% !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
  padding: 20px !important;
  margin: 0 0 20px !important;
  box-sizing: border-box !important;
}

/* Wrap row so fields never overflow; drop to next line if needed */
.create-boxtic .kp-ticket .kp-ticketbox {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
  align-items: flex-start !important;
  padding: 0 10% !important;
  box-sizing: border-box !important;
}

/* Generic field blocks */
.create-boxtic .kp-ticket .kp-ticketbox > div {
  flex: 1 1 200px !important;
  min-width: 150px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Color picker stays compact */
.create-boxtic .kp-ticket .kp-ticketbox .color-pickert-input {
  flex: 0 0 56px !important;
  width: 56px !important;
}

/* Quantity: auto-fit with caps */
.create-boxtic .kp-ticket .kp-ticketbox .quantity {
  flex: 0 1 auto !important;
  min-width: 72px !important;   /* lower cap */
  max-width: 140px !important;  /* upper cap */
}

/* Constrain the actual input to its content width (with sensible caps) */
.create-boxtic .kp-ticket .kp-ticketbox .quantity .my-input,
.create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input,
.create-boxtic .kp-ticket .kp-ticketbox .quantity input[type="number"],
.create-boxtic .kp-ticket .kp-ticketbox .quantity input[type="text"] {
  width: auto !important;
  inline-size: fit-content !important;
  min-width: 6ch !important;
  max-width: 10ch !important;
}



/* Ensure the wrapper is positioned for ::before */
.create-boxtic .kp-ticket .kp-ticketbox .kp-price .my-input {
  position: relative !important;
}



/* Make the input auto-fit and leave space for the $ */
.create-boxtic .kp-ticket .kp-ticketbox .kp-price input.fr-input,
.create-boxtic .kp-ticket .kp-ticketbox .kp-price input[type="text"],
.create-boxtic .kp-ticket .kp-ticketbox .kp-price input[type="number"] {
  width: auto !important;
  inline-size: fit-content !important;
  min-width: 7ch !important;     /* leave room for at least 2 digits + decimals */
  max-width: 12ch !important;
  padding-left: 22px !important; /* room for the $ */
}

/* Inputs: always fit within container if wider blocks are used elsewhere */
.create-boxtic .kp-ticket .fr-input,
.create-boxtic .kp-ticket input[type="text"],
.create-boxtic .kp-ticket input[type="number"] {
  height: 44px !important;
  padding: 0 12px !important;
  font-size: 15px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

/* Action row takes a new line */
.create-boxtic .kp-ticket .kp-ticketbox .editing-icon {
  width: 100% !important;
  display: flex !important;
  gap: 10px !important;
  padding-top: 5px !important;
  border-top: 1px solid #f3f4f6 !important;
  margin-top: 5px !important;
}

/* Mobile stacking */
@media (max-width: 767px) {
  .create-boxtic .kp-ticket .kp-ticketbox { padding: 0 5% !important; }
  .create-boxtic .kp-ticket .kp-ticketbox > div { flex: 1 1 100% !important; width: 100% !important; }
  .create-boxtic .kp-ticket .kp-ticketbox .quantity .my-input,
  .create-boxtic .kp-ticket .kp-ticketbox .kp-price .my-input {
    width: 100% !important;
    inline-size: auto !important;
    max-width: 100% !important;
  }
}



/* --- Refinement: visible $ prefix + alignment --- */
/* Ensure price container positions the pseudo-element reliably */
.create-boxtic .kp-ticket .kp-ticketbox .kp-price {
  position: relative !important;
}


/* Input leaves room for the prefix and sits under it */
.create-boxtic .kp-ticket .kp-ticketbox .kp-price input.fr-input,
.create-boxtic .kp-ticket .kp-ticketbox .kp-price input[type="text"],
.create-boxtic .kp-ticket .kp-ticketbox .kp-price input[type="number"] {
  padding-left: 28px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Tighten vertical alignment across all compact fields */
.create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input,
.create-boxtic .kp-ticket .kp-ticketbox .kp-price input.fr-input {
  height: 42px !important;
  line-height: 42px !important;
}

/* Align compact fields to baseline and avoid odd centering */
.create-boxtic .kp-ticket .kp-ticketbox {
  align-items: flex-end !important;
}

/* On mobile, keep full-width behavior clean */
@media (max-width: 767px) {
  .create-boxtic .kp-ticket .kp-ticketbox { align-items: stretch !important; }
  .create-boxtic .kp-ticket .kp-ticketbox .kp-price::before { left: 12px !important; }
}



/* --- Final refinements: $ only on Paid tickets, tighter spacing, safe wrapping --- */

/* Default: hide any generic currency prefix */
.create-boxtic .kp-ticket .kp-ticketbox .kp-price::before {
  content: none !important;
}



/* Free tickets: ensure no prefix and keep FREE pill intact */
div[id^="Laliyagiri_"] .kp-ticket .kp-ticketbox .kp-price::before {
  content: none !important;
}

/* Tighter field spacing while staying within the card */
.create-boxtic .kp-ticket .kp-ticketbox {
  gap: 10px !important;      /* was 15px */
  padding: 0 6% !important;  /* was 10%; still protects edges */
  align-items: center !important;
}

/* Slightly smaller minimum to help fields sit on one row more often */
.create-boxtic .kp-ticket .kp-ticketbox > div {
  min-width: 130px !important;  /* was 150px */
}

/* Compact input height across the board for denser rows */
.create-boxtic .kp-ticket .fr-input,
.create-boxtic .kp-ticket input[type="text"],
.create-boxtic .kp-ticket input[type="number"] {
  height: 40px !important;
  line-height: 40px !important;
}

/* Keep compact fields (Quantity, Price) constrained to content width with caps */
.create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input {
  min-width: 6ch !important;
  max-width: 10ch !important;
}
div[id^="Paidgiri_"] .kp-ticket .kp-ticketbox .kp-price input.fr-input {
  padding-left: 28px !important; /* room for $ */
  min-width: 7ch !important;
  max-width: 12ch !important;
}

/* Mobile: still stack to preserve containment */
@media (max-width: 767px) {
  .create-boxtic .kp-ticket .kp-ticketbox { padding: 0 5% !important; gap: 8px !important; }
  .create-boxtic .kp-ticket .kp-ticketbox > div { flex: 1 1 100% !important; min-width: 0 !important; }
}



/* --- Description field containment (desktop + responsive) --- */

/* Per-ticket Description inside KP ticket cards */
.create-boxtic .kp-ticket .kp-ticketbox textarea.fr-text {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 120px !important;
  max-height: 240px !important;
  padding: 10px 12px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: auto !important;
  resize: vertical !important;   /* vertical only to avoid breaking layout */
  line-height: 1.4 !important;
  font-size: 15px !important;
}

/* Ensure its wrapper doesn't constrain it oddly */
.create-boxtic .kp-ticket .kp-ticketbox .my-input textarea.fr-text {
  width: 100% !important;
  max-width: 100% !important;
}

/* Force the description block to occupy full line so it won't collide horizontally */
.create-boxtic .kp-ticket .kp-ticketbox .my-input:has(textarea.fr-text) {
  flex: 1 1 100% !important;
  min-width: 0 !important;
}

/* Global event description textarea (top of form) */
#EventDescription.edes,
textarea#EventDescription.edes {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 140px !important;
  max-height: 300px !important;
  padding: 12px 14px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: auto !important;
  resize: vertical !important;
  line-height: 1.5 !important;
  font-size: 15px !important;
}

/* Mobile: comfortable heights, full width stack */
@media (max-width: 767px) {
  .create-boxtic .kp-ticket .kp-ticketbox .my-input:has(textarea.fr-text) {
    flex: 1 1 100% !important;
  }
  .create-boxtic .kp-ticket .kp-ticketbox textarea.fr-text {
    min-height: 120px !important;
  }
}



/* --- Description containment (no :has, targeted to textarea[name="Description[]"]) --- */

/* Make the label+textarea block occupy the full row so it never collides */
.create-boxtic .kp-ticket .kp-ticketbox .fr-label + .my-input {
  flex: 1 1 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

/* Contain the Description textarea specifically */
.create-boxtic .kp-ticket .kp-ticketbox textarea.fr-text[name="Description[]"],
.create-boxtic .kp-ticket .kp-ticketbox textarea#Description,
.create-boxtic .kp-ticket .kp-ticketbox .fr-label + .my-input textarea.fr-text {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 120px !important;
  max-height: 240px !important;
  padding: 10px 12px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: auto !important;
  resize: vertical !important;
  line-height: 1.4 !important;
  font-size: 15px !important;
}

/* Keep its immediate .my-input wrapper from shrinking awkwardly */
.create-boxtic .kp-ticket .kp-ticketbox .my-input textarea.fr-text[name="Description[]"] {
  width: 100% !important;
  max-width: 100% !important;
}

/* Prevent overly tall textareas in cards */
@media (max-width: 767px) {
  .create-boxtic .kp-ticket .kp-ticketbox textarea.fr-text[name="Description[]"] {
    max-height: 220px !important;
  }
}



/* --- FINAL: Description containment using provided selector (.ticket-dis .my-input textarea.fr-text) --- */

/* Make the description block occupy the full row inside the ticket card */
.create-boxtic .kp-ticket .kp-ticketbox .ticket-dis {
  flex: 1 1 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

/* Ensure the input wrapper spans the container width */
.create-boxtic .kp-ticket .kp-ticketbox .ticket-dis .my-input {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Contain the textarea: never overflow horizontally, reasonable vertical size */
.create-boxtic .kp-ticket .kp-ticketbox .ticket-dis .my-input textarea.fr-text {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 120px !important;
  max-height: 260px !important;
  padding: 10px 12px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: auto !important;
  resize: vertical !important;   /* vertical only to avoid layout break */
  line-height: 1.4 !important;
  font-size: 15px !important;
  /* In case a global width was set inline or elsewhere */
  float: none !important;
}

/* If the label precedes the input, keep them stacked and contained */
.create-boxtic .kp-ticket .kp-ticketbox .ticket-dis .fr-label {
  display: block !important;
  width: 100% !important;
  margin-bottom: 6px !important;
}

/* Mobile stacking just in case */
@media (max-width: 767px) {
  .create-boxtic .kp-ticket .kp-ticketbox .ticket-dis {
    flex: 1 1 100% !important;
  }
}



/* --- Strong containment for Description in all ticket cards --- */

/* The label+input group should span the full row within any .kp-ticket */
.create-boxtic .kp-ticket .fr-label + .my-input {
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Ensure the immediate group wrapper can't be narrower than the card */
.create-boxtic .kp-ticket .fr-main .fr-label + .my-input,
.create-boxtic .kp-ticket .kp-row .fr-label + .my-input {
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Target the Description textarea by name/id anywhere inside .kp-ticket */
.create-boxtic .kp-ticket textarea.fr-text[name="Description[]"],
.create-boxtic .kp-ticket textarea#Description {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 120px !important;
  max-height: 260px !important;
  padding: 10px 12px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  resize: vertical !important;
  overflow: auto !important;
  line-height: 1.45 !important;
  font-size: 15px !important;
}

/* If any flex item wrapper is applied around the textarea, make it grow to full width */
.create-boxtic .kp-ticket .my-input textarea.fr-text[name="Description[]"],
.create-boxtic .kp-ticket .my-input textarea#Description {
  width: 100% !important;
  max-width: 100% !important;
}

/* Safety: if the description sits in an .fr-main block, let that block be full width */
.create-boxtic .kp-ticket .fr-main:has(textarea.fr-text[name="Description[]"]),
.create-boxtic .kp-ticket .fr-main:has(textarea#Description) {
  width: 100% !important;
  flex: 1 1 100% !important;
  min-width: 0 !important;
}

/* Mobile tweak */
@media (max-width: 767px) {
  .create-boxtic .kp-ticket .fr-label + .my-input { width: 100% !important; }
  .create-boxtic .kp-ticket textarea.fr-text[name="Description[]"],
  .create-boxtic .kp-ticket textarea#Description { max-height: 220px !important; }
}



/* --- Stronger containment for Description inside ticket cards --- */

/* Allow all direct flex children to shrink so content doesn't overflow */
.create-boxtic .kp-ticket .kp-ticketbox > * {
  min-width: 0 !important;
}

/* Any .fr-main row inside the ticket box should span full width */
.create-boxtic .kp-ticket .kp-ticketbox > .fr-main {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* The label + input wrapper stays full width */
.create-boxtic .kp-ticket .kp-ticketbox > .fr-main .my-input {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Specific Description textarea */
.create-boxtic .kp-ticket .kp-ticketbox textarea.fr-text[name="Description[]"],
.create-boxtic .kp-ticket .kp-ticketbox #Description {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 120px !important;
  max-height: 240px !important;
  padding: 10px 12px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
  overflow: auto !important;
  resize: vertical !important;
  line-height: 1.4 !important;
  font-size: 15px !important;
  margin: 0 !important;
}

/* Safety: clip overly long words */
.create-boxtic .kp-ticket .kp-ticketbox textarea.fr-text {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* Mobile: keep comfortable sizes */
@media (max-width: 767px) {
  .create-boxtic .kp-ticket .kp-ticketbox > .fr-main { flex-basis: 100% !important; }
}



/* --- Layout tweak: color picker above Ticket Name --- */
.create-boxtic .kp-ticket .kp-ticketbox { display: flex !important; flex-wrap: wrap !important; }
.create-boxtic .kp-ticket .kp-ticketbox .color-pickert-input {
  order: 0 !important;
  flex: 1 1 100% !important;   /* take a full row above */
  width: 100% !important;
  margin-bottom: 6px !important;
}
/* Keep typical text inputs after color picker */
.create-boxtic .kp-ticket .kp-ticketbox .early,
.create-boxtic .kp-ticket .kp-ticketbox .quantity,
.create-boxtic .kp-ticket .kp-ticketbox .kp-price {
  order: 1 !important;
}


.create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input,
.create-boxtic .kp-ticket .kp-ticketbox .quantity input[type="number"],
.create-boxtic .kp-ticket .kp-ticketbox .quantity input[type="text"] {
  padding-right: 34px !important;  /* make room for suffix */
}

/* Mobile: keep spacing tight */
@media (max-width: 767px) {
  .create-boxtic .kp-ticket .kp-ticketbox .color-pickert-input { margin-bottom: 8px !important; }
}

/* --- Icon polish (Option A: minimalist, rounded ghost buttons) --- */
.create-boxtic .kp-ticket .kp-ticketbox .editing-icon {
  gap: 8px !important;
}
.create-boxtic .kp-ticket .kp-ticketbox .editing-icon a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 9999px !important;          /* fully rounded */
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background-color .12s ease !important;
}
.create-boxtic .kp-ticket .kp-ticketbox .editing-icon a:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 8px rgba(0,0,0,.08) !important;
  border-color: #d1d5db !important;
}
/* Hint colors without being loud */
.create-boxtic .kp-ticket .kp-ticketbox .editing-icon a.setting-icon { background: #f9fafb !important; }
.create-boxtic .kp-ticket .kp-ticketbox .editing-icon a.delet-icon  { background: #fff7f7 !important; border-color: #fde2e2 !important; }
.create-boxtic .kp-ticket .kp-ticketbox .editing-icon a.delet-icon:hover { background: #feecec !important; }

/* If the icons use <i> inside, normalize size */
.create-boxtic .kp-ticket .kp-ticketbox .editing-icon a i {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
}



/* --- UI tweaks: Color picker placement + Quantity suffix --- */

/* Put the color picker on its own row ABOVE ticket name */
.create-boxtic .kp-ticket .kp-ticketbox .color-pickert-input {
  order: 0 !important;
  flex: 1 1 100% !important;
  width: 100% !important;
}

/* Ensure ticket name shows after the color picker */
.create-boxtic .kp-ticket .kp-ticketbox .early {
  order: 1 !important;
}

/* Keep other compact fields following */
.create-boxtic .kp-ticket .kp-ticketbox .quantity { order: 2 !important; }
.create-boxtic .kp-ticket .kp-ticketbox .kp-price { order: 3 !important; }
.create-boxtic .kp-ticket .kp-ticketbox .editing-icon { order: 99 !important; }

/* Permanent qty suffix inside the Quantity field */
.create-boxtic .kp-ticket .kp-ticketbox .quantity {
  position: relative !important;
}

/* Leave room for the suffix */
.create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input,
.create-boxtic .kp-ticket .kp-ticketbox .quantity input[type="number"],
.create-boxtic .kp-ticket .kp-ticketbox .quantity input[type="text"] {
  padding-right: 38px !important;
}



/* Mobile: if quantity becomes full width, suffix still aligns */
@media (max-width: 767px) {
  .create-boxtic .kp-ticket .kp-ticketbox .quantity::after { right: 12px !important; }
}



/* === Spacing between ticket-list and first ticket card === */
.ticket-list.ticket-list-spacer {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .ticket-list.ticket-list-spacer { margin-bottom: 14px; }
}

/* === Put color picker ABOVE Ticket Name and make it full row === */
.create-boxtic .kp-ticket .kp-ticketbox .color-pickert-input {
  order: 10;
  flex: 1 1 100% !important;
  width: 100% !important;
  margin-bottom: 6px;
}
.create-boxtic .kp-ticket .kp-ticketbox .early { order: 11; }
.create-boxtic .kp-ticket .kp-ticketbox .quantity { order: 12; }
.create-boxtic .kp-ticket .kp-ticketbox .kp-price { order: 13; }

@media (max-width: 767px) {
  .create-boxtic .kp-ticket .kp-ticketbox .color-pickert-input { margin-bottom: 8px; }
}


@media (max-width: 767px) {
  .create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input { padding-right: 40px !important; }
}

/* === Modernize Settings & Delete icon buttons === */
.create-boxtic .kp-ticket .editing-icon a {
  --btn-bg: #f3f4f6;
  --btn-fg: #374151;
  --btn-bg-hover: #e5e7eb;
  --btn-fg-danger: #b91c1c;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--btn-bg);
  transition: background .2s ease, transform .1s ease, box-shadow .2s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
  text-decoration: none;
}

.create-boxtic .kp-ticket .editing-icon a:hover {
  background: var(--btn-bg-hover);
  transform: translateY(-1px);
}

.create-boxtic .kp-ticket .editing-icon a:active {
  transform: translateY(0);
}

.create-boxtic .kp-ticket .editing-icon a i {
  display: block;
  width: 18px;
  height: 18px;
  background: currentColor;
}

/* Settings (cog) using CSS mask */
.create-boxtic .kp-ticket .editing-icon a.setting-icon { color: var(--btn-fg); }
.create-boxtic .kp-ticket .editing-icon a.setting-icon i {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" stroke="none" viewBox="0 0 24 24"><path d="M12 15.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7zm8.94-2.88-.98-.57a7.9 7.9 0 0 0 0-2.1l.98-.57a1 1 0 0 0 .37-1.37l-1-1.73a1 1 0 0 0-1.28-.44l-1.1.45a7.9 7.9 0 0 0-1.82-1.05l-.17-1.18A1 1 0 0 0 14 2h-2a1 1 0 0 0-1 .86l-.17 1.18a7.9 7.9 0 0 0-1.82 1.05l-1.1-.45a1 1 0 0 0-1.28.44l-1 1.73a1 1 0 0 0 .37 1.37l.98.57a7.9 7.9 0 0 0 0 2.1l-.98.57a1 1 0 0 0-.37 1.37l1 1.73a1 1 0 0 0 1.28.44l1.1-.45c.55.43 1.16.79 1.82 1.05l.17 1.18A1 1 0 0 0 12 22h2a1 1 0 0 0 1-.86l.17-1.18c.66-.26 1.27-.62 1.82-1.05l1.1.45a1 1 0 0 0 1.28-.44l1-1.73a1 1 0 0 0-.37-1.37z"/></svg>') center/contain no-repeat;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" stroke="none" viewBox="0 0 24 24"><path d="M12 15.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7zm8.94-2.88-.98-.57a7.9 7.9 0 0 0 0-2.1l.98-.57a1 1 0 0 0 .37-1.37l-1-1.73a1 1 0 0 0-1.28-.44l-1.1.45a7.9 7.9 0 0 0-1.82-1.05l-.17-1.18A1 1 0 0 0 14 2h-2a1 1 0 0 0-1 .86l-.17 1.18a7.9 7.9 0 0 0-1.82 1.05l-1.1-.45a1 1 0 0 0-1.28.44l-1 1.73a1 1 0 0 0 .37 1.37l.98.57a7.9 7.9 0 0 0 0 2.1l-.98.57a1 1 0 0 0-.37 1.37l1 1.73a1 1 0 0 0 1.28.44l1.1-.45c.55.43 1.16.79 1.82 1.05l.17 1.18A1 1 0 0 0 12 22h2a1 1 0 0 0 1-.86l.17-1.18c.66-.26 1.27-.62 1.82-1.05l1.1.45a1 1 0 0 0 1.28-.44l1-1.73a1 1 0 0 0-.37-1.37z"/></svg>') center/contain no-repeat;
}

/* Delete (trash) using CSS mask */
.create-boxtic .kp-ticket .editing-icon a.delet-icon { color: var(--btn-fg); }
.create-boxtic .kp-ticket .editing-icon a.delet-icon i {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" stroke="none" viewBox="0 0 24 24"><path d="M9 3h6a1 1 0 0 1 1 1v1h4v2H4V5h4V4a1 1 0 0 1 1-1zm1 6h2v10h-2V9zm4 0h2v10h-2V9zM7 9h2v10H7V9z"/></svg>') center/contain no-repeat;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" stroke="none" viewBox="0 0 24 24"><path d="M9 3h6a1 1 0 0 1 1 1v1h4v2H4V5h4V4a1 1 0 0 1 1-1zm1 6h2v10h-2V9zm4 0h2v10h-2V9zM7 9h2v10H7V9z"/></svg>') center/contain no-repeat;
}

/* Subtle danger hover for delete */
.create-boxtic .kp-ticket .editing-icon a.delet-icon:hover {
  background: #fee2e2;
  color: var(--btn-fg-danger);
}



/* --- Fix: hide native placeholder in Quantity to avoid double 'Qty' --- */
.create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input::placeholder {
  color: transparent !important;
}

/* --- Replace masked icons with crisp SVG background-images for consistency --- */
.create-boxtic .kp-ticket .editing-icon a i {
  background: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* Settings (cog) icon: neutral stroke for consistency */
.create-boxtic .kp-ticket .editing-icon a.setting-icon i {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="%23374151" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3.5"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09a1.65 1.65 0 0 0 1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33h0A1.65 1.65 0 0 0 9 3.09V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51h0a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82v0A1.65 1.65 0 0 0 20.91 11H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1Z"/></g></svg>');
}

/* Delete (trash) icon: neutral stroke; danger on hover handled by button bg */
.create-boxtic .kp-ticket .editing-icon a.delet-icon i {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="%23374151" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18M8 6V4.5A1.5 1.5 0 0 1 9.5 3h5A1.5 1.5 0 0 1 16 4.5V6"/><path d="M6 6l1 14a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-14"/><path d="M10 11v7M14 11v7"/></g></svg>');
}

/* Hover: keep icons consistent; only adjust button background */
.create-boxtic .kp-ticket .editing-icon a:hover i {
  filter: none !important;
}



/* --- Cross-browser hide of native 'Qty' placeholder to avoid duplication --- */
.create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input::placeholder { color: transparent !important; opacity: 0 !important; }
.create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input::-webkit-input-placeholder { color: transparent !important; opacity: 0 !important; }
.create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input:-ms-input-placeholder { color: transparent !important; opacity: 0 !important; }
.create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input::-ms-input-placeholder { color: transparent !important; opacity: 0 !important; }

/* --- Reliable icons via ::before (no <i> dependency, no masks, base64 SVGs) --- */
.create-boxtic .kp-ticket .editing-icon a { position: relative; }
.create-boxtic .kp-ticket .editing-icon a i { display: none !important; } /* hide old <i> if present */

.create-boxtic .kp-ticket .editing-icon a.setting-icon::before,
.create-boxtic .kp-ticket .editing-icon a.delet-icon::before {
  content: "" !important;
  position: absolute !important;
  width: 18px !important;
  height: 18px !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.create-boxtic .kp-ticket .editing-icon a.setting-icon::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM3NDE1MSIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMuNSIvPgo8cGF0aCBkPSJNMTkuNCAxNWExLjY1IDEuNjUgMCAwIDAgLjMzIDEuODJsLjA2LjA2YTIgMiAwIDEgMS0yLjgzIDIuODNsLS4wNi0uMDZhMS42NSAxLjY1IDAgMCAwLTEuODItLjMzIDEuNjUgMS42NSAwIDAgMC0xIDEuNTFWMjFhMiAyIDAgMSAxLTQgMHYtLjA5YTEuNjUgMS42NSAwIDAgMC0xIDEuNTEgMS42NSAxLjY1IDAgMCAwLTEuODIuMzNsLS4wNi4wNmEyIDIgMCAxIDEtMi44My0yLjgzbC4wNi0uMDZhMS42NSAxLjY1IDAgMCAwIC4zMy0xLjgyIDEuNjUgMS42NSAwIDAgMC0xLjUxLTFIM2EyIDIgMCAxIDEgMC00aC4wOWExLjY1IDEuNjUgMCAwIDAgMS41MS0xIDEuNjUgMS42NSAwIDAgMC0uMzMtMS44MmwtLjA2LS4wNmEyIDIgMCAxIDEgMi44My0yLjgzbC4wNi4wNmExLjY1IDEuNjUgMCAwIDAgMS44Mi4zM2gwQTEuNjUgMS42NSAwIDAgMCA5IDMuMDlWM2EyIDIgMCAxIDEgNCAwdi4wOWExLjY1IDEuNjUgMCAwIDAgMSAxLjUxaDBhMS42NSAxLjY1IDAgMCAwIDEuODItLjMzbC4wNi0uMDZhMiAyIDAgMSAxIDIuODMgMi44M2wtLjA2LjA2YTEuNjUgMS42NSAwIDAgMC0uMzMgMS44MnYwQTEuNjUgMS42NSAwIDAgMCAyMC45MSAxMUgyMWEyIDIgMCAxIDEgMCA0aC0uMDlhMS42NSAxLjY1IDAgMCAwLTEuNTEgMVoiLz4KPC9nPjwvc3ZnPg==');
}

.create-boxtic .kp-ticket .editing-icon a.delet-icon::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM3NDE1MSIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CjxwYXRoIGQ9Ik0zIDZoMTgiLz4KPHBhdGggZD0iTTggNlY0LjVBMS41IDEuNSAwIDAgMSA5LjUgM2g1QTEuNSAxLjUgMCAwIDEgMTYgNC41VjYiLz4KPHBhdGggZD0iTTYgNmwxIDE0YTIgMiAwIDAgMCAyIDJoNmEyIDIgMCAwIDAgMi0ybDEtMTQiLz4KPHBhdGggZD0iTTEwIDExdjdNMTQgMTF2NyIvPgo8L2c+PC9zdmc+');
}



/* === Revert to original icons and make them small buttons === */
/* Show original <i> icons and remove ::before injected SVGs */
.create-boxtic .kp-ticket .editing-icon a { position: relative; }
.create-boxtic .kp-ticket .editing-icon a.setting-icon::before,
.create-boxtic .kp-ticket .editing-icon a.delet-icon::before {
  content: none !important;
  background: none !important;
}
.create-boxtic .kp-ticket .editing-icon a i {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

/* Keep the small button look consistent */
.create-boxtic .kp-ticket .editing-icon a {
  --btn-bg: #f3f4f6;
  --btn-bg-hover: #e5e7eb;
  --btn-fg: #374151;
  --btn-fg-danger: #b91c1c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--btn-bg);
  transition: background .2s ease, transform .1s ease, box-shadow .2s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
  text-decoration: none;
  color: var(--btn-fg);
}
.create-boxtic .kp-ticket .editing-icon a.delet-icon { color: var(--btn-fg); }
.create-boxtic .kp-ticket .editing-icon a:hover { background: var(--btn-bg-hover); transform: translateY(-1px); }
.create-boxtic .kp-ticket .editing-icon a:active { transform: translateY(0); }
.create-boxtic .kp-ticket .editing-icon a.delet-icon:hover { background: #fee2e2; color: var(--btn-fg-danger); }

/* === Qty suffix: remove in-input overlay and place plain text after the field === */
/* Remove previous overlay suffix */
.create-boxtic .kp-ticket .kp-ticketbox .quantity .my-input::after { content: none !important; }
/* Hide native placeholder to prevent duplication */
.create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input::placeholder { color: transparent !important; opacity: 0 !important; }
.create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input::-webkit-input-placeholder { color: transparent !important; opacity: 0 !important; }
.create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input:-ms-input-placeholder { color: transparent !important; opacity: 0 !important; }
.create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input::-ms-input-placeholder { color: transparent !important; opacity: 0 !important; }

/* Lay out the container so "Qty" appears as plain text after the input */
.create-boxtic .kp-ticket .kp-ticketbox .quantity {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Ensure the input doesn't collide with the suffix */
.create-boxtic .kp-ticket .kp-ticketbox .quantity input.fr-input {
  padding-right: 10px !important;  /* reset from earlier */
  text-align: right;
}



/* === Square icon buttons (no rounding) === */
.create-boxtic .kp-ticket .editing-icon a {
  border-radius: 0 !important;
}

/* === Restore original <i> icon rendering (don't override background image) === */
.create-boxtic .kp-ticket .editing-icon a i {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  background-repeat: no-repeat !important;
  background-position: 0 0 !important;
  background-size: auto !important; /* keep sprite/original pixel size */
}

/* Use the original per-icon sizes */
.create-boxtic .kp-ticket .editing-icon a.setting-icon i {
  width: 14px !important;
  height: 14px !important;
  line-height: 14px !important;
}
.create-boxtic .kp-ticket .editing-icon a.delet-icon i {
  width: 15px !important;
  height: 15px !important;
  line-height: 14px !important;
}

/* === Qty: increase spacing between value and text === */
.create-boxtic .kp-ticket .kp-ticketbox .quantity {
  gap: 10px !important; /* was 6px */
}
.create-boxtic .kp-ticket .kp-ticketbox .quantity::after {
  margin-left: 2px !important; /* extra nudge */
}

/* =========================================================
   FINAL OVERRIDES – Icons center + Qty left + Description fit
   Paste at the END of your stylesheet.
   ========================================================= */

/* ---------- 0) SAFETY: allow flex/grid children to shrink  ---------- */
/* Many overflows are caused by min-width:auto on flex/grid children. */
.fr-main, .fr-col, .main-input, .kp-ticketbox, .quantity {
  min-width: 0 !important;
}

/* ---------- 1) QUANTITY FIELD: left-align + padding ---------- */
.kp-ticketbox .kp-qty input,
.kp-ticketbox input[type="number"],
.quantity input[type="number"],
.quantity .my-input input,
.quantity input.fr-input,
.quantity input[type="text"].fr-input[name="Quntity[]"] {
  text-align: left !important;
  padding-left: 12px !important;
  padding-right: 8px !important;
  text-indent: 0 !important;
  direction: ltr !important;
  box-sizing: border-box !important;
}

/* ---------- 2) ICON BUTTONS: centered + consistent box ---------- */
.editing-icon a.setting-icon,
.editing-icon a.delet-icon {
  /* Make each anchor a small, centered icon button */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 32px !important;   /* adjust to your taste: 28–36px */
  height: 32px !important;
  padding: 0 !important;
  margin: 0;                 /* keep them tight */

  border: none !important;
  background: rgba(0,0,0,0.06);  /* subtle; change/remove if you want */
  border-radius: 6px !important;

  line-height: 1 !important;
  overflow: visible !important;
  vertical-align: middle !important;
}

/* Ensure the inner <i> fully fills and centers the emoji */
.editing-icon a.setting-icon i,
.editing-icon a.delet-icon i {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 1 !important;
  font-size: 18px !important;      /* emoji size */
}

/* Inject emojis (no HTML edits needed) */
.editing-icon a.setting-icon i::before {
  content: "🛠️" !important;       /* Settings (Option B) */
}
.editing-icon a.delet-icon i::before {
  content: "❌" !important;        /* Delete (Option A) */
}

/* Optional hover feedback (neutral). Remove if undesired. */
.editing-icon a.setting-icon:hover,
.editing-icon a.delet-icon:hover {
  background: rgba(0,0,0,0.12);
}

/* ---------- 3) DESCRIPTION TEXTAREA: fit the parent on all screens ---------- */
/* Target common selectors you likely use */
textarea,
textarea.fr-text,
textarea.edes,
.fr-text,
textarea[name="Description[]"],
#Description,
#description {
  display: block !important;

  /* The essentials to prevent overflow */
  width: 100% !important;          /* fill parent, not beyond */
  max-width: 100% !important;      /* never exceed parent’s width */
  min-width: 0 !important;         /* allow shrinking in flex/grid */
  box-sizing: border-box !important;

  /* Neutralize external spacing that can cause overflow illusions */
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* If the parent has tight padding, a slight inset can visually align better.
   Uncomment if you STILL see a visual edge clash:
   textarea,
   textarea.fr-text,
   textarea.edes,
   .fr-text { width: 98% !important; margin: 0 auto !important; }
*/

/* ---------- 4) MOBILE TWEAKS (optional but safe) ---------- */
@media (max-width: 600px) {
  /* Keep textareas comfortable but tidy on small screens */
  textarea,
  textarea.fr-text,
  textarea.edes,
  .fr-text {
    min-height: 90px; /* adjust if you want */
  }

  /* Icon buttons slightly smaller on mobile if desired */
  .editing-icon a.setting-icon,
  .editing-icon a.delet-icon {
    width: 30px !important;
    height: 30px !important;
  }
}

/* === SVG Icon Fix for Settings & Delete Buttons === */
/* Buttons: square, slightly rounded, centered SVG icons */

.editing-icon a.setting-icon,
.editing-icon a.delet-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 1px solid rgba(200,200,200,0.2) !important;
  background: rgba(255,255,255,0.05) !important;
  border-radius: 6px !important;
  cursor: pointer;
}

/* Ensure <i> is properly centered as an icon container */
.editing-icon a.setting-icon i,
.editing-icon a.delet-icon i {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* Settings (gear) SVG */
.editing-icon a.setting-icon i::before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='currentColor' viewBox='0 0 24 24'><path d='M19.14 12.94c.04-.31.06-.63.06-.94s-.02-.63-.06-.94l2.03-1.58a.5.5 0 0 0 .12-.64l-1.92-3.32a.5.5 0 0 0-.61-.22l-2.39.96a7.05 7.05 0 0 0-1.63-.94l-.36-2.54A.5.5 0 0 0 14.29 2h-4.58a.5.5 0 0 0-.5.43l-.36 2.54c-.6.24-1.14.55-1.63.94l-2.39-.96a.5.5 0 0 0-.61.22L2.7 8.48a.5.5 0 0 0 .12.64l2.03 1.58c-.04.31-.06.63-.06.94s.02.63.06.94L2.82 13.17a.5.5 0 0 0-.12.64l1.92 3.32c.14.24.43.34.61.22l2.39-.96c.49.39 1.03.7 1.63.94l.36 2.54c.04.25.25.43.5.43h4.58c.25 0 .46-.18.5-.43l.36-2.54c.6-.24 1.14-.55 1.63-.94l2.39.96c.18.12.47.02.61-.22l1.92-3.32a.5.5 0 0 0-.12-.64l-2.03-1.58zM12 15.5A3.5 3.5 0 1 1 12 8.5a3.5 3.5 0 0 1 0 7z'/></svg>") !important;
}

/* Delete (trash) SVG */
.editing-icon a.delet-icon i::before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='currentColor' viewBox='0 0 24 24'><path d='M9 3V4H4V6H5V20C5 21.1 5.9 22 7 22H17C18.1 22 19 21.1 19 20V6H20V4H15V3H9ZM7 6H17V20H7V6ZM9 8V18H11V8H9ZM13 8V18H15V8H13Z'/></svg>") !important;
}

/* ===== Fix: Ensure Qty input & its placeholder stay within boundary ===== */
.kp-ticketbox .kp-qty input,
.kp-ticketbox input[type="number"],
.quantity input[type="number"],
.quantity .my-input input,
.quantity input.fr-input,
.quantity input[type="text"].fr-input[name="Quntity[]"] {
  width: 100% !important;          /* forces input to follow container width */
  max-width: 100% !important;      /* prevents overflow */
  min-width: 0 !important;         /* avoids flex/grid overflow issues */
  box-sizing: border-box !important; /* padding included in width */
  text-align: left !important;
  padding-left: 12px !important;
  padding-right: 8px !important;
  text-indent: 0 !important;
  overflow: hidden !important;     /* prevents placeholder bleed */
}

.kp-ticketbox .kp-qty input::placeholder {
  white-space: nowrap;             /* keeps placeholder on one line */
  overflow: hidden;
  text-overflow: ellipsis;         /* adds ... if too long */
}

/* ===== Qty input placeholder: keep inside on all screen sizes ===== */

/* 1) Let the Qty column/containers SHRINK inside flex/grid so the input can fit */
.kp-ticketbox,
.kp-ticketbox .kp-qty,
.kp-ticketbox .kp-qty .main-input,
.kp-ticketbox .kp-qty .my-input {
  min-width: 0 !important;         /* critical for flex/grid overflow */
  overflow: hidden !important;      /* prevent child overflow bleed */
}

/* 2) Make the Qty input fully respect its parent and keep text on one line */
.kp-ticketbox .kp-qty input,
.kp-ticketbox input[type="number"],
.quantity input[type="number"] {
  width: 100% !important;           /* never exceed parent width */
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;/* include padding/border in width */

  display: block !important;
  text-align: left !important;
  padding-left: 12px !important;
  padding-right: 8px !important;
  text-indent: 0 !important;

  /* Ensure text/placeholder doesn’t spill visually */
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  /* Mobile rendering stability (prevents zoom/overflow quirks) */
  font-size: 16px !important;
}

/* 3) Truncate long placeholders safely */
.kp-ticketbox .kp-qty input::placeholder,
.quantity input[type="number"]::placeholder {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.ticket-drag-handle { cursor: grab; }
.ticket-sortable-item.is-dragging .ticket-drag-handle { cursor: grabbing; }
.ticket-sortable-item.dragging { opacity: 0.6; }

/* ========================================
   MOBILE HAMBURGER MENU - CORRECTED
   ======================================== */

/* IMPORTANT: Hide ALL mobile elements on desktop by default */
.mobile-hamburger {
  display: none !important;  /* Hidden on desktop */
}

.mobile-overlay {
  display: none;
}

.mobile-menu {
  display: none;
}

/* ========== HAMBURGER BUTTON - SOLID DARK GREY ========== */
.mobile-hamburger span {
  display: block;
  width: 100%;
  height: 4px;
  background: #4a5568;
  border-radius: 2px;
  transition: all 0.3s ease;
}

/* Hamburger Animation to X */
.mobile-hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(9px, 9px);
}

.mobile-hamburger.active span:nth-child(2) {
  opacity: 0;
}

.mobile-hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(9px, -9px);
}

/* ========== MOBILE OVERLAY ========== */
.mobile-overlay.active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;
  visibility: visible;
  display: block !important;
  z-index: 998;
  transition: all 0.3s ease;
}

/* ========== MOBILE MENU ========== */
.mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 85%;
  max-width: 380px;
  height: 100vh;
  background: #ffffff;
  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.3);
  transition: right 0.3s ease;
  z-index: 999;
  overflow-y: auto;
  overflow-x: hidden;
}

.mobile-menu.active {
  right: 0;
  display: block !important;
}

/* ========== MOBILE MENU HEADER ========== */
.mobile-menu-header {
  padding: 28px 24px;
  background: linear-gradient(135deg, #0a1a2e 0%, #1e3a5f 100%);
  color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.mobile-menu-header h3 {
  font-size: 24px;
  margin: 0 0 8px 0;
  padding: 0;
  font-weight: 700;
}

.mobile-menu-header p {
  font-size: 15px;
  margin: 0;
  padding: 0;
  opacity: 0.95;
}

/* ========== MOBILE MENU ITEMS ========== */
.mobile-menu-items {
  padding: 12px 0;
}

.mobile-menu-item {
  display: flex !important;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  color: #374151;
  text-decoration: none;
  border-bottom: 1px solid #f3f4f6;
  transition: all 0.2s ease;
  font-size: 16px;
  font-weight: 500;
}

.mobile-menu-item:hover {
  background: #f9fafb;
  padding-left: 32px;
  color: #0095da;
}

.mobile-menu-item svg {
  width: 24px;
  height: 24px;
  color: #0095da;
  flex-shrink: 0;
}

/* ========== MOBILE MENU FOOTER ========== */
.mobile-menu-footer {
  padding: 20px 24px 24px;
  border-top: 2px solid #e5e7eb;
  background: #f9fafb;
}

.mobile-create-btn {
  width: 100%;
  padding: 16px 20px;
  background: linear-gradient(135deg, #0095da 0%, #a6ce39 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 149, 218, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.mobile-create-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 149, 218, 0.4);
  color: white;
}

/* ========== PREVENT BODY SCROLL ========== */
body.menu-open {
  overflow: hidden;
}

/* ========== MOBILE RESPONSIVE BREAKPOINT ========== */
/* ONLY show hamburger on screens SMALLER than 768px */
@media (max-width: 768px) {
  /* Show hamburger ONLY on mobile */
  .mobile-hamburger {
    display: flex !important;
    width: 32px;
    height: 26px;
    cursor: pointer;
    z-index: 1001;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
  }
  
  /* Hide desktop elements on mobile */
  .desktop-nav,
  .desktop-only {
    display: none !important;
  }
  
  /* Adjust header layout */
  .header {
    display: flex;
    align-items: center;
  }
  
  .header-lf {
    width: calc(100% - 60px);
  }
  
  .header-rh {
    width: 60px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .logo_mobile {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  .logo {
    flex-shrink: 0;
  }
  
  .logo img {
    max-width: 120px;
    height: auto;
  }
  
  .serch-box {
    flex: 1;
    margin-left: 10px;
  }
  
  .serch-box input.fr-input {
    font-size: 14px;
    height: 40px;
  }
}

/* Extra small devices */
@media (max-width: 480px) {
  .mobile-menu {
    width: 90%;
  }
  
  .logo img {
    max-width: 100px;
  }
  
  .serch-box {
    width: 100%;
    margin: 8px 0 0 0;
  }
  
  .logo_mobile {
    flex-wrap: wrap;
  }
}

/* Modern Event Card Design */
.container-top ul li {
  width: 365px !important;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.container-top ul li:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}



.container-top ul li:hover .pro-imge img {
  transform: scale(1.05);
}

/* Better search box */
.serch-box input.fr-input {
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  transition: all 0.3s ease;
}

.serch-box input.fr-input:focus {
  border-color: #0095da;
  box-shadow: 0 0 0 3px rgba(0, 149, 218, 0.1);
}

/* Modern typography */
.container-top ul li h3 {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 12px;
}

.content-event .fr-raw span {
  font-size: 14px;
  color: #6b7280;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Modern buttons */
.creat-btn a,
.creat-btngreen a {
  border-radius: 12px;
  padding: 14px 32px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}

.creat-btn a:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}






/* ========================================
   FIX: Editing Icons - Always Same Row
   ======================================== */

/* Base fix for editing-icon container - ensures flex row layout */
.editing-icon {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

/* Ensure kp-ticketbox editing-icon also uses flex row */
.kp-ticketbox .editing-icon {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

/* Icon links should be inline-flex and not shrink */
.editing-icon a.setting-icon,
.editing-icon a.delet-icon {
  display: inline-flex !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Mobile responsive - keep icons in row */
@media (max-width: 768px) {
  .editing-icon,
  .kp-ticketbox .editing-icon {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }
  
  .editing-icon a.setting-icon,
  .editing-icon a.delet-icon {
    flex-shrink: 0 !important;
  }
}

@media (max-width: 480px) {
  .editing-icon,
  .kp-ticketbox .editing-icon {
    gap: 10px !important;
  }
}

/* ========================================
   AGGRESSIVE FIX: Editing Icons - Same Row
   Higher specificity to override all rules
   ======================================== */

/* Target all possible parent contexts */
.editing-icon,
.kp-ticketbox .editing-icon,
.kp-ticket .editing-icon,
.kp-ticket .kp-ticketbox .editing-icon,
div[id^="Laliyagiri"] .editing-icon,
div[id^="Paidgiri"] .editing-icon,
div[id^="Donationgiri"] .editing-icon,
#Laliyagiri .editing-icon,
#Paidgiri .editing-icon,
#Donationgiri .editing-icon,
.create-boxtic .kp-ticket .kp-ticketbox .editing-icon {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  float: none !important;
  clear: none !important;
}

/* Force icon links to stay inline */
.editing-icon a,
.editing-icon a.setting-icon,
.editing-icon a.delet-icon,
.kp-ticketbox .editing-icon a,
.kp-ticketbox .editing-icon a.setting-icon,
.kp-ticketbox .editing-icon a.delet-icon,
div[id^="Laliyagiri"] .editing-icon a,
div[id^="Paidgiri"] .editing-icon a,
div[id^="Donationgiri"] .editing-icon a {
  display: inline-flex !important;
  flex-shrink: 0 !important;
  float: none !important;
  clear: none !important;
  position: relative !important;
}

/* Mobile - maintain row layout */
@media screen and (max-width: 1200px) {
  .editing-icon,
  .kp-ticketbox .editing-icon,
  div[id^="Laliyagiri"] .editing-icon,
  div[id^="Paidgiri"] .editing-icon,
  div[id^="Donationgiri"] .editing-icon {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
  }
}

@media screen and (max-width: 768px) {
  .editing-icon,
  .kp-ticketbox .editing-icon,
  div[id^="Laliyagiri"] .editing-icon,
  div[id^="Paidgiri"] .editing-icon,
  div[id^="Donationgiri"] .editing-icon {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }
}

@media screen and (max-width: 480px) {
  .editing-icon,
  .kp-ticketbox .editing-icon,
  div[id^="Laliyagiri"] .editing-icon,
  div[id^="Paidgiri"] .editing-icon,
  div[id^="Donationgiri"] .editing-icon {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
}