/* CSS
Created: 06-07-2017
*/

/*
-------------------------------------------------------------- 
BROWSER SPECIFICATION STYLES
-------------------------------------------------------------- 
*/ 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,select,input, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none !important;
	font-size: 100%;
	font-weight:normal;
}
img {
	height:auto;
}
a:hover {
	text-decoration:none;
	transition: all 0.4s ease-in-out;
}
table {
	margin-bottom:0px;
}
p:empty {
	display:none;
}
h1 {
    font-size: 50px;
	color:#000;
    margin-bottom: 55px;
}
/*
-------------------------------------------------------------- 
GLOBAL STYLES
-------------------------------------------------------------- 
*/
.btn {
	cursor:pointer;
	transition: all 0.4s ease-in-out;
}
body .btn-primary {
	width:100%;
	max-width:348px;
	height:45px;
	line-height:45px;
  	font-family: 'OpenSans-Bold';
	font-size:20px;
    color: #fff;
	text-transform:uppercase;
    background-color: #dc3b00;
    border-color: #dc3b00;
	border-radius:50px;
	padding:0 20px;
}
body .btn-primary:hover,
body .btn-primary:focus {
    background-color: #cf3800;
    border-color: #cf3800;
}
.persian-color {
	color:#3fc2c6;
}
.orange-color {
	color:#f15a22 !important;
}
/*
-------------------------------------------------------------- 
Login AREA STYLES
-------------------------------------------------------------- 
*/
.login-form-cover {
	position:relative;
	float:left;
	width:100%;
	min-height:100vh;
	background: url(../images/login-cover-bg.jpg) no-repeat top center;
	background-size:cover;
	text-align:center;
}
.login-area {
	display:inline-block;
	width:100%;
    max-width: 587px;
    background: rgba(255,255,255,0.3);
    border-radius: 50%;
    padding: 80px 86px;
}
.login-form {
	display:inline-block;
	width:100%;
	max-width:550px;
	background:#1a1c22;
  	font-family: 'OpenSans';
	border-radius:10px;
	padding:40px 30px 40px;
}
.login-logo {
	margin-bottom:30px;
}
.login-form .form-control {
	background:none;
  	font-family: 'OpenSans';
	font-size:16px;
	color:#8b8e9c;
	border:0px;
	border-bottom:1px solid #585d72;
	border-radius:0px;
	padding:13px 0;
	margin-bottom:20px;
}
.login-form .form-control.user {
	background: url(../images/user-icon.png) no-repeat right 20px center;
}
.login-form .form-control.pass {
	background: url(../images/password-icon.png) no-repeat right 20px center;
}
.login-form .form-control.user:focus {
	background: url(../images/user-icon.png) no-repeat right 20px center;
	border-bottom:1px solid #dc3b00;
}
.login-form .form-control.pass:focus {
	background: url(../images/password-icon.png) no-repeat right 20px center;
	border-bottom:1px solid #dc3b00;
}
.forgot-pass {
	display:inline-block;
	font-size:14px;
	color:#8a8e9c;
	border-bottom:1px solid #8a8e9c;
	margin-bottom:20px;
}
.forgot-pass:hover,
.forgot-pass:focus {
	color:#dc3b00;
	text-decoration:none;
	border-bottom:1px solid #dc3b00;
}
/*
-------------------------------------------------------------- 
DASHBOARD AREA STYLES
-------------------------------------------------------------- 
*/
.wrapper {
	position:relative;
    width: 100%;
    overflow: hidden;
	background:#1e2333;
}
.left-nav-area {
    position: absolute;
	background:#191d2a;
    width: 280px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 2001;
}
.left-nav {
	display:inline-block;
	width:210px;
	min-height:1300px;
	heigh:auto;
	padding:30px 0; 
}
.left-nav ul {
	list-style:none;
	margin-bottom:100px;
}
.left-nav ul li {
	position:relative;
}
.nav-header {
	text-align:center;
	border-bottom:1px solid #3e414c;
	padding-bottom:30px;
	margin-bottom:25px;
}
.nav-header img {
	border-radius:50%;
	margin-bottom:15px;
}
.nav-header h4 {
  	font-family: 'MyriadPro-Regular';
	font-size:22px;
	color:#fff;
	line-height:24px;
}
.nav-header h4 span {
	display:block;
	font-size:15px;
	color:#5b6173;
}
.left-nav ul li.card {
    background:none;
    border: 0px;
    border-radius: 0;
}
.left-nav ul li a {
	display:block;
	width:130%;
	min-height:44px;
	font-size:16px;
	color:#868898;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
	padding:10px 18px;
    margin-left: -30%;
}
.left-nav ul li a em {
	float:right;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin-top: 4px;
}
.left-nav ul li[aria-expanded="true"] a em {
	transform:rotate(-180deg);
}
.left-nav ul li a:hover,
.left-nav ul li.active a {
    background: #191d2a;
	text-decoration:none;
	color:#fff;
}
.left-nav ul li a:focus {
	text-decoration:none;
}
.left-nav ul li a:hover i {
	color:#f15a22;
}
.left-nav ul li.active a i {
	color:#f15a22;
}
.left-nav ul li a i {
	float:left;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin-top: 4px;
	margin-right:50px;
}
.left-nav ul li ul {
    background: #242835;
    padding-left: 23%;
	margin-bottom:0px;
}
.left-nav ul li.active ul {
    background: #242835;
}
.left-nav ul li.active ul li a {
    background: none;
}
.left-nav ul li ul li a {
	display:block;
	font-size:14px;
	color:#868898;
	border-radius:0px;
	padding:10px 15px 7px 30px;
}
.left-nav ul li.active ul li a {
	color:#868898;
}
.left-nav ul li ul li a:hover {
    background: #060b17;
}
.copyright {
    position: absolute;
    bottom: 20px;
	padding-left: 7px;
	display:block;
	text-align:center;
	font-size:14px;
	color:#a0a0a6;
}
.copyright p {
	margin-bottom:0px;
}
.left-icon-area {
    float: left;
    width: 70px;
	min-height: 1300px;
	height:auto;
	background:#07080b;
	text-align:center;
	padding:30px 0;
}
.menu-icon {
	position:relative;
	z-index:101;
}
.pink-btn {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 29px;
    color: #c64089;
    font-size: 20px;
    border: 1px solid #c64089;
    border-radius: 50%;
	cursor:pointer;
    margin-left: -55px;
	margin-top:55px;
}
.wrapper.active .left-nav-area {
    width: 70px;
}
.wrapper.active .left-nav {
    position: absolute;
    width: 50px;
	padding-top:6px;
    margin-left: -50px;
}
.wrapper.active .nav-header {
    opacity: 0;
}
.wrapper.active .left-nav ul li a span,
.wrapper.active .left-nav ul li a em {
	display:none;
}
.wrapper.active .left-nav ul li > ul {
	position:absolute;
	top:0px;
	left:50px;
	width:250px;
	background:#191d2a;
	padding:10px;
}
.wrapper.active .left-nav ul li ul li a {
	width:100%;
    min-height: inherit;
    line-height: normal;
	border-radius:5px;
    padding: 8px 15px 13px;
	margin:0px;
}
.wrapper.active .left-nav ul li:hover > ul {
	display:block;
}
.wrapper.active .copyright {
	display:none;
}
.wrapper.active .pink-btn {
	transform:rotate(180deg);
    margin-left: -5px;
}
/*
-------------------------------------------------------------- 
RIGHT SECTION AREA STYLES
-------------------------------------------------------------- 
*/
.wrapper.active .page-wrapper {
    margin: 0 0 0 70px;
}
.page-wrapper {
    position: relative;
	min-height:1300px;
	height:auto;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin: 0 0 0 280px;
}
.dashboard-header {
	float:left;
	width:100%;
	background:#060b17;
	padding:20px 20px;
}
.top-search {
	position:relative;
	padding-top:11px;
}
.search-field {
	width:100%;
	background:none;
  	font-family: 'MyriadPro-It';
	font-size:16px;
	color:#fff;
	border:0px;
	border-bottom:1px solid #4a4e5b;
	padding:0px 35px 10px 10px;
}
.search-field::-webkit-input-placeholder {
	color:#fff;
}
.search-field::-moz-placeholder {
	color:#fff;
}
.search-field:-ms-input-placeholder {
	color:#fff;
}
.search-field::placeholder {
	color:#fff;
}
.search-btn {
	position:absolute;
	top:10px;
	right:0px;
	background: url(../images/search-icon.png) no-repeat;
    background-size: 22px 22px;
    width: 22px;
    height: 22px;
	font-size:0px;
	text-indent:-99px;
	cursor:pointer;
}
.head-setting {
    text-align: right;
	padding-top:16px;
}
.lang {
    display: inline-block;
    vertical-align: text-bottom;
}
.language-field {
	width:125px;
	background: url(../images/down-arrow.png) no-repeat top 5px right;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
  	font-family: 'MyriadPro-Light';
	font-size:16px;
	color:#848ca3;
	border:0px;
	border-bottom:1px solid #4a4e5b;
	padding:0px 25px 5px 0px;
}
.setting-list {
	display:inline-block;
	list-style:none;
	margin-bottom:0px;
	margin-right:10px;
}

.setting-list ul {

	margin-right:15px;
}
.setting-list li a {
	display:inline-block;
	color:#5f6474;
	font-size:20px;
	padding-left:30px;
}
.setting-list li a:hover {
	color:#f15a22;
}
.setting-list li ul {
	list-style:none;
	position:absolute;
	right:0px;
	max-width:250px;
	background:#141c2d;
	border-top:1px solid #424956;
	border-bottom:2px solid #0f121b;
	z-index:100;
	text-align:left;
  	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	transform:translateY(20px);
	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	border-radius:5px;
	padding:0 15px;
}
.setting-list li ul {
}
.setting-list li ul li a {
	display:block;
	font-size:15px;
	color:#e6e8ed;
	border-bottom:1px solid #2f364c;
	padding:10px 10px;
}
.setting-list li ul li a:hover,
.setting-list li ul li a:focus {
	color:#f15a22;
	text-decoration:none;
}
.setting-list li:hover ul {
	visibility: visible; /* shows sub-menu */
	opacity: 1;
	z-index: 1;
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0.3s;
}
.dashboard-content-area {
	float:left;
	width:100%;
	padding:24px 29px;
}
.main-tab {
	background-size:cover !important;
	border-radius:10px;
	margin-bottom:30px;
}
.parpal-tab {
	background: url(../images/sale-bg.png) no-repeat;
}
.pink-tab {
	background: url(../images/commission-bg.png) no-repeat;
}
.blue-tab {
	background: url(../images/tickets-bg.png) no-repeat;
}
.orange-tab {
	background: url(../images/sale-year-bg.png) no-repeat;
}
.tab-heading {
	display:inline-block;
	width:100%;
	background:#6438ab;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:0px 20px;
}
.parpal-tab .tab-heading i {
	color:#9684b3;
}
.pink-tab .tab-heading {
	background:#aa3c78;
}
.pink-tab .tab-heading i {
	color:#e898c4;
}
.blue-tab .tab-heading {
	background:#3e86b0;
}
.blue-tab .tab-heading i {
	color:#95cbea;
}
.orange-tab .tab-heading {
	background:#d5743b;
}
.orange-tab .tab-heading i {
	color:#fccfb6;
}
.tab-heading h3 {
	display:inline-block;
  	font-family: 'MyriadPro-Regular';
	font-size:18px;
	line-height:50px;
	color:#ded7ea;
	margin-bottom:0px;
}
.pink-tab .tab-heading h3 {
	color:#ffc7e6;
}
.blue-tab .tab-heading h3 {
	color:#b2dbf3;
}
.orange-tab .tab-heading h3 {
	color:#fff;
}
.tab-heading i {
	float:right;
    font-size: 17px;
    margin-top: 15px;
}
.tab-text {
	text-align:center;
	padding:25px 10px 15px;
}
.tab-img {
	position:relative;
	display:inline-block;
	border-radius: 50%;
	width: 115px;
	height: 115px;
	transform: rotate(45deg);
    line-height: 85px;
	border: 10px solid #c285fe;
	border-top: 10px solid #ebbcfa;
	border-right: 10px solid #ebbcfa;
	margin-bottom:15px;
}
.tab-img img {
	transform: rotate(-45deg);
}
.tab-img:before {
	content:'';
	position:absolute;
	top:-20px;
	left:-20px;
	right:-20px;
	bottom:-20px;
	border:1px solid #7e62b2;
	border-radius:50%;
}
.pink-tab .tab-img {
	border: 10px solid #c387fe;
	border-top: 10px solid #ebbdfb;
	border-right: 10px solid #ebbdfb;
}
.pink-tab .tab-img:before {
	border:1px solid #956eac;
}
.blue-tab .tab-img {
	border: 10px solid #257dae;
	border-top: 10px solid #14d6ff;
	border-right: 10px solid #14d6ff;
}
.blue-tab .tab-img:before {
	border:1px solid #0da3cd;
}
.orange-tab .tab-img {
	border: 10px solid #f15c25;
	border-top: 10px solid #ffb284;
	border-right: 10px solid #ffb284;
}
.orange-tab .tab-img:before {
	border:1px solid #c89577;
}
.tab-text h4 {
  	font-family: 'MyriadPro-Light';
	font-size:32px;
	color:#ded7ea;
}
.user-tab {
	float:left;
	width:100%;
	min-height:248px;
	background: url(../images/user-tab-bg.png) no-repeat top center;
	background-size:cover;
	border-radius:10px;
	padding:30px 30px;
}
.user-tab h2 {
  	font-family: 'MyriadPro-Regular';
	font-size:22px;
	color:#fff;
	letter-spacing:1px;
}
.user-tab h2 span {
	display:block;
  	font-family: 'MyriadPro-Light';
	font-size:55px;
}
.total-commission-tab {
	float:left;
	width:100%;
	min-height:248px;
	background: url(../images/total-commission-bg.png) no-repeat bottom center;
    background-size: cover;
	border-radius:10px;
	padding:15px;
}
.total-commission-tab h2 {
	display:inline-block;
  	font-family: 'MyriadPro-Regular';
	font-size:14px;
	color:#fff;
    line-height: 36px;
}
.total-commission-tab h2 span {
	display:block;
  	font-family: 'MyriadPro-Light';
	font-size:35px;
}
.total-commission-tab i {
	float:right;
	font-size:17px;
	color:#fff;
    margin-top: 10px;
}
.tickets-table-area {
	float:left;
	width:100%;
  	font-family: 'MyriadPro-Regular';
	font-size:15px;
	color:#d3d5dd;
}
.tickets-table-area #example_wrapper {
    padding: 0px;
}
.tickets-table-area table {
	border:0px;
	margin-bottom:0px;
}
.tickets-table-area table th, 
.tickets-table-area table td {
    border: 1px solid #2f364c;
	white-space: nowrap;
	padding:20px 20px;
}
.tickets-table-area .table-bordered thead th, 
.tickets-table-area .table-bordered thead td {
    border-bottom-width: 0;
}
.tickets-table-area .table thead th {
    background: #000;
	font-size:16px;
	color:#f15a22;
    vertical-align: middle;
	border:1px solid #000;
}
.tickets-table-area .odd td {
	background:#22273c;
}
.tickets-table-area .even td {
	background:#242a3c;
}
.tickets-table-area a {
	font-size:14px;
	color:#d3d5dd;
	margin:0 2px;
}
.tickets-table-area .dataTables_scrollHeadInner {
    box-sizing: border-box !important;
}
.dataTables_scrollBody::-webkit-scrollbar {
    width: 1em;
}
.dataTables_scrollBody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.dataTables_scrollBody::-webkit-scrollbar-thumb {
  background-color: #000;
  outline: 1px solid slategrey;
}
.tickets-table-area .DTFC_LeftBodyLiner {
    overflow-x: hidden;
} 
.table-footer-area {
	float:left;
	width:100%;
	background:#191d2a;
	color:#6b7081;
	padding:25px 10px;
    margin: 0 0 30px !important;
}
.showing-result {
    display: block;
    line-height: 32px;
}
.table-footer-area p {
	margin-bottom:0px;
}
.table-footer-area .pagination {
    float: right;
	margin-bottom:0px;
}
.table-footer-area .page-link {
	width:30px;
	height:30px;
	line-height:32px;
    color: #9499ac;
    background: none;
    border: 0px;
	border-radius:50%;
	text-align:center;
	font-size:16px;
    padding: 0;
	margin-left:10px;
}
.table-footer-area .page-item:first-child .page-link,
.table-footer-area .page-item:last-child .page-link {
	border-radius:50%;
    color: #f15a22;
}
.table-footer-area .page-link:hover,
.table-footer-area .page-link:focus,
.table-footer-area .page-item.active .page-link {
    background: #323641;
    color: #f15a22;
}
.table-footer-area .page-item.disabled .page-link {
    color: #636c72;
    pointer-events: none;
    cursor: not-allowed;
    background: none;
    border-color: #ddd;
}
.parpal-btn {
	display:inline-block;
	background:#8b52e8;
	font-size:16px;
	color:#fff;
	border-radius:30px;
	cursor:pointer;
	transition: all 0.4s ease-in-out;
    padding: 10px 74px 8px;
}
.parpal-btn:hover,
.parpal-btn:focus {
	background:#f15a22;
	text-decoration:none;
	color:#fff;
}
#example_length,
#example_filter {
    overflow: hidden;
	margin-bottom:25px;
}
#example_length label {
    float: left;
    background: #242a3c;
    max-width: 390px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-family: 'MyriadPro-Light';
    font-size: 15px;
    color: #fff;
    padding: 0 0px 0 20px;
    margin-right: 1px;
}
#example_length label .form-control.form-control-sm,
#example_filter label .form-control.form-control-sm {
    float: right;
    background: #242a3c url(../images/arrow-down.png) no-repeat top 18px right 25px;
    max-width: 250px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: 'MyriadPro-Light';
    font-size: 16px;
    color: #848ca3;
	border:0px;
	border-left:1px solid #191d2a;
	outline:none;
	border-radius:0px;
    padding: 0 20px;
}
#example_filter label {
    float: right;
    background: #242a3c;
    max-width: 390px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-family: 'MyriadPro-Light';
    font-size: 15px;
    color: #fff;
    padding: 0 0px 0 20px;
    margin-right: 1px;
}
#example_filter label .form-control.form-control-sm {
    background: #242a3c url(../images/search-icon2.png) no-repeat top 14px left 15px;
    max-width: 250px;
}
#example_filter label .form-control.form-control-sm:focus {
    background: #242a3c;
}
#example_info {
    padding-top: 5px;
}
.create-slider-area {
	float:left;
	width:100%;
	background:#242a3c;
	border-radius:5px;
}
.creat-slider-header {
	float:left;
	width:100%;
	background:#060b17;
	border-radius:5px;
	padding:15px 25px;
}
.creat-slider-header h3 {
  	font-family: 'MyriadPro-Regular';
	font-size:18px;
	color:#f15a22;
	margin-bottom:0px;
}
.form-col {
	float:left;
	width:100%;
	padding:50px 30px;
}
.form-col .label {
	height:50px;
	line-height:50px;
	text-align:right;
	font-size:16px;
	color:#b5b7bf;
	margin-bottom:20px;
}
.form-col .form-control {
	background:#30374e;
	height:50px;
	line-height:50px;
	font-size:15px;
	border:1px solid #515a78;
	color:#b5b7bf;
	border-radius:2px;
    padding: 5px 18px;
	margin-bottom:30px;
}
.form-col .form-control:focus {
	background:#30374e;
	border:1px solid #f15a22;
	color:#b5b7bf;
}
.file-img {
	display:block;
	border:2px dashed #7b7d88;
	border-radius:5px;
	padding:3px;
	margin-bottom:20px;
}
.file-img img {
	width:100%;
	border:1px solid #515a78;
}
.upload-btn-col {
	display:inline-block;
	position:relative;
}
.file-btn {
	display:inline-block;
	max-width:130px;
	width:100%;
}
.upload-btn-col .file-btn {
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
	cursor:pointer;
}
.pink-btn2,
.grey-btn {
    display: inline-block;
    background: #a23b78;
	max-width:130px;
	width:100%;
	height:30px;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    border-radius: 30px;
    cursor: pointer;
    border: 1px solid #da50a3;
	text-align:center;
	transition: all 0.4s ease-in-out;
    padding: 0px 10px 0px;
	margin:0 10px 10px 0;
}
.pink-btn2:hover,
.upload-btn-col:hover .pink-btn2 {
    background: #da50a3;
}
.grey-btn {
    background: #6f768d;
    border: 1px solid #8f96af;
}
.grey-btn:hover {
    background: #8f96af;
}
.slider-page-col table {
	color:#b5b7bf;
	text-align:center;
}
.slider-page-col table th, 
.slider-page-col table td {
    border: 1px solid #2f364c;
    white-space: nowrap;
    padding: 15px 12px;
}
.slider-page-col table th {
	background:#060b17;
	color:#f15a22;
	text-align:center;
	border:0px;
	padding:15px 0px;
}
.slider-page-col table th:first-child {
	border-top-left-radius:5px;
}
.slider-page-col table th:last-child {
	border-top-right-radius:5px;
}
.slider-page-col table td.sorting_1 {
    border-left: 0px !important;
}
.slider-page-col table td.sorting_1 img {
	width:200px;
	max-width:200px;
}
.slider-page-col tr td:last-child {
	border-right:0px;
}
.slider-page-col .odd td {
    background: #242a3c;
}
.slider-page-col .even td {
    background: #22273c;
}
.slider-page-col table td a {
	color:#b5b7bf;
}
.slider-page-col table td a:hover {
	color:#f15a22;
}
.slider-page-col #example_filter,
.slider-page-col .dataTables_info {
	display:none;
}
.slider-page-col .blue-btn,
.blue-btn {
	display:inline-block;
	background:#3f7fc6;
	height:34px;
	line-height:30px;
	color:#fff;
	border:2px solid #418ce0;
	border-radius:20px;
	padding:0 30px;
}
.blue-btn:hover,
.slider-page-col .blue-btn:hover {
	background:#418ce0;
	color:#fff;
	text-decoration:none;
}
.slider-page-col i {
	margin:0 5px;
}
.orange-btn {
	display:inline-block;
	background:#a54628;
	width:100%;
	max-width:200px;
	height:50px;
	line-height:50px;
  	font-family: 'OpenSans-Bold';
	font-size:18px;
	color:#fff;
	border:1px solid #f15a22;
	border-radius:2px;
	text-align:center;
	padding:0px 12px;
	margin-bottom:25px;
}
.orange-btn:hover,
.orange-btn:focus {
	background:#f15a22;
	color:#fff;
	text-decoration:none;
}
.event-categories-page-col table th {
    padding: 15px 20px;
}
.event-categories-page-col .rounded-circle {
	width:90px;
	height:90px;
}
.color {
	display:inline-block;
	width:35px;
	height:15px;
	border-radius:10px;
}
.parpal-bg {
	background:#b34ec6;
}
.blue-bg {
	background:#4085c9;
}
.orange-bg {
	background:#d34e1b;
}
.event-categories-page-col .dataTables_info,
.event-categories-page-col #example_filter {
    display: block;
}
.event-categories-page-col #example_info {
	padding-top:0px;
}
.event-categories-page-col .table-footer-area .page-link {
	line-height:30px;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.event-categories-page-col .color {
	margin:0 20px;
}
.event-categories-page-col .container-fluid {
    padding: 0px;
}
.event-categories-page-col #example_length label {
	display:none;
}
.table-search-area {
	float:left;
	width:100%;
}
.table-search-col {
	float:left;
	width:100%;
	margin-bottom:25px;
}
.table-search-col {
	float:left;
	width:100%;
}
.table-search-col span {
	float:left;
	background:#242a3c;
	height:45px;
	line-height:45px;
	font-size:15px;
	color:#fff;
	padding:0 10px;
	margin-right:1px;
}
.show-entries-field,
.search-field-lg {
	float:left;
	background:#242a3c url(../images/arrow-down.png) no-repeat top 18px right 25px;
	max-width:310px;
	width:100%;
	height:45px;
	line-height:45px;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
  	font-family: 'MyriadPro-Light';
	font-size:16px;
	color:#848ca3;
    padding: 0 20px;
}
.table-search-col.justify-content-end .show-entries-field {
	max-width:365px;
    font-size: 15px;
}
.search-field-lg {
	background:#242a3c url(../images/search-icon2.png) no-repeat top 14px right 20px;
	max-width:calc(100% - 145px);
	color:#848ca3;
    padding-right: 50px;
}
.show-entries-field.lg {
	max-width:calc(100% - 102px);
}
.main-tab-area {
	float:left;
	width:100%;
}
.payout-page-col .main-tab {
    overflow: hidden;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.12);
	-moz-box-shadow:    0px 3px 8px 0px rgba(0, 0, 0, 0.12);
	box-shadow:         0px 3px 8px 0px rgba(0, 0, 0, 0.12);
}
.payout-page-col .parpal-tab {
    background: #3c167a;
}
.payout-page-col .pink-tab {
    background: #781049;
}
.payout-page-col .blue-tab {
    background: #14567c;
}
.payout-page-col .orange-tab {
    background: #da621b;
}
.payout-page-col .light-blue-tab {
    background: #08aadd;
}
.payout-page-col .cgreen-tab {
    background: #04b3b5;
}
.payout-page-col .tab-heading {
	-webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.12);
	-moz-box-shadow:    0px 5px 8px 0px rgba(0, 0, 0, 0.12);
	box-shadow:         0px 5px 8px 0px rgba(0, 0, 0, 0.12);
}
.payout-page-col .orange-tab .tab-heading {
    background: #fc8645;
}
.payout-page-col .light-blue-tab .tab-heading {
    background: #1ac5fb;
}
.payout-page-col .cgreen-tab .tab-heading {
    background: #02c9be;
}
.payout-page-col .light-blue-tab .tab-heading h3,
.payout-page-col .cgreen-tab .tab-heading h3 {
    font-size: 20px;
	color:#fff;
}
.light-blue-tab .tab-heading i,
.cgreen-tab .tab-heading i {
    color: #c7f2ff;
}
.payout-page-col .tab-text {
    padding: 25px 0px 0px;
}
.payout-page-col .inner-tab-img {
	position:relative;
	display:inline-block;
    width: 112px;
    height: 112px;
	line-height:93px;
	border:7px solid transparent;
	border-radius:50%;
	margin-bottom:15px;
}
.payout-page-col .parpal-tab .inner-tab-img {
	border:7px solid #5f3d97;
}
.payout-page-col .pink-tab .inner-tab-img {
	border:7px solid #a6346e;
}
.payout-page-col .blue-tab .inner-tab-img {
	border:7px solid #0d86af;
}
.payout-page-col .orange-tab .inner-tab-img {
	border:7px solid #f98342;
}
.payout-page-col .inner-tab-img:before {
	content:'';
	position:absolute;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border: 2px solid transparent;
	border-radius:50%;
}
.payout-page-col .parpal-tab .inner-tab-img:before {
    border: 2px solid #3c167a;
}
.payout-page-col .pink-tab .inner-tab-img:before {
    border: 2px solid #781049;
}
.payout-page-col .blue-tab .inner-tab-img:before {
    border: 2px solid #14567c;
}
.payout-page-col .orange-tab .inner-tab-img:before {
    border: 2px solid #da621b;
}
.sale-fee-tab {
	float:left;
    width: calc(50% - 1px);
}
.sale-fee-tab:last-child {
	float:right;
}
.parpal-tab .sale-fee-tab {
	background:#2d0b65;
}
.pink-tab .sale-fee-tab {
	background:#500830;
}
.blue-tab .sale-fee-tab {
	background:#0b4363;
}
.orange-tab .sale-fee-tab {
	background:#c34311;
}
.sale-fee-tab h5 {
  	font-family: 'MyriadPro-Regular';
	font-size:16px;
	color:#cbb8ea;
    padding: 6px 10px 4px;
	margin-bottom:0px;
}
.parpal-tab .sale-fee-tab h5 {
	background:#260955;
}
.pink-tab .sale-fee-tab h5 {
	background:#440528;
	color:#ecd3e1;
}
.blue-tab .sale-fee-tab h5 {
	background:#063048;
	color:#add7f0;
}
.orange-tab .sale-fee-tab h5 {
	background:#b83107;
	color:#ffffff;
}
.sale-fee-tab h4 {
	font-size:26px;
	color:#cbb8ea;
	padding:15px 10px;
	margin:0px;
}
.pink-tab .sale-fee-tab h4 {
	color:#ecd3e1;
}
.blue-tab .sale-fee-tab h4 {
	color:#add7f0;
}
.orange-tab .sale-fee-tab h4 {
	color:#ffffff;
}
.lg-tab .tab-text {
	overflow:hidden;
	padding:55px 0;
}
.payout-page-col .lg-tab .inner-tab-img {
	position:absolute;
    top: -31px;
	left:0px;
	right:0px;
    width: 145px;
    height: 145px;
    line-height: 123px;
	margin:0 auto;
}
.payout-page-col .light-blue-tab .inner-tab-img {
	border:7px solid #9be7ff;
    background: #08aadd;
}
.payout-page-col .light-blue-tab .inner-tab-img:before {
    border: 2px solid #08aadd;
}
.payout-page-col .cgreen-tab .inner-tab-img {
	border:7px solid #9be7ff;
    background: #04b3b5;
}
.payout-page-col .cgreen-tab .inner-tab-img:before {
    border: 2px solid #04b3b5;
}
.lg-tab .sale-fee-tab-area {
	position:relative;
}
.light-blue-tab .sale-fee-tab {
    background: #0590ca;
}
.cgreen-tab .sale-fee-tab {
    background: #0b8c9e;
}
.lg-tab .sale-fee-tab h4 {
	color:#fff;
}
.light-blue-tab .sale-fee-tab h5 {
	background:#0174b0;
	color:#fff;
	border-bottom:1px solid #08aadd;
}
.cgreen-tab .sale-fee-tab h5 {
	background:#077788;
	color:#fff;
	border-bottom:1px solid #04b3b5;
}
.payment-requests-table-area {
	float:left;
	width:100%;
	background:#292e3f;
	border-radius:5px;
	margin-bottom:20px;
}
.payment-requests-table-area h2,
.finder-table h2 {
	background:#060b17;
	font-size:18px;
	color:#f15a22;
	border-radius:5px;
	padding:15px;
	margin:0px;
}
.requests-form {
	color:#ffffff;
	padding:20px 20px 0;
}
.requests-form label {
	font-size:13px;
}
.requests-form .form-control {
	background:#242a3c;
	height:37px;
	font-size:13px;
	color:#898ea1;
	border:1px solid #3d4356;
	padding:0px 15px;
}
.requests-form .form-control:focus {
	background:#242a3c;
	border:1px solid #f15a22;
	color:#898ea1;
}
.requests-form .orange-btn {
    height: 37px;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
	cursor:pointer;
    margin-top: 30px;
}
.payment-requests-table-area #example_filter,
.payment-requests-table-area .table-footer-area {
	display:none;
}
.payment-requests-table-area .slider-page-col .container-fluid {
	padding:0px;
}
.payment-requests-table-area .slider-page-col table {
    font-size: 14px;
}
.payment-requests-table-area .slider-page-col table th {
    background: #161c2b;
    font-size: 14px;
    color: #ffffff;
}
.payment-requests-table-area .slider-page-col table th:first-child,
.payment-requests-table-area .slider-page-col table td.sorting_1 {
    text-align: left;
    padding: 15px 12px;
}
.tickets-table-area.finder-table {
    background: #292e3f;
} 
.tickets-table-area.finder-table #example_length, 
.tickets-table-area.finder-table #example_filter {
	padding:15px 15px;
    margin-bottom: 0px;
}
.tickets-table-area.finder-table #example_length label,
.tickets-table-area.finder-table #example_filter label {
    background: none;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
	padding-left:0px;
	text-align:left;
}
.tickets-table-area.finder-table #example_filter label {
	text-align:right;
}
.tickets-table-area.finder-table #example_length label .form-control.form-control-sm, 
.tickets-table-area.finder-table #example_filter label .form-control.form-control-sm {
	float:none;
    display: inline-block;
	background: #242a3c url(../images/arrow-down.png) no-repeat top 13px right 12px;
    background-size: 12px;
    max-width: 200px;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
    color: #898ea1;
    border: 1px solid #3d4356;
    border-radius: 5px;
    padding: 0 20px;
	margin-left:15px;
} 
.tickets-table-area.finder-table #example_filter label .form-control.form-control-sm {
    background: #242a3c url(../images/search-icon2.png) no-repeat top 10px right 12px;
    background-size: 12px;
}
.tickets-table-area.finder-table .table {
	font-size:14px;
	color:#b5b7bf;
}
.tickets-table-area.finder-table .table thead th {
    background: #161c2b;
    font-size: 15px;
    color: #ffffff;
    border: 0px;
    padding: 12px 20px;
}
.tickets-table-area.finder-table .table thead th:first-child {
	border-top-left-radius:5px;
}
.tickets-table-area.finder-table .table thead th:last-child {
	border-top-right-radius:5px;
}
.tickets-table-area.finder-table .dataTables_scrollBody {
	overflow:hidden !important;
}
.tickets-table-area.finder-table .table-footer-area {
	margin-bottom:0px !important; 
}
.tickets-table-area.translation-manager-table .table thead th {
    background: #394057;
    padding: 10px 20px;
}
.tickets-table-area.translation-manager-table .table thead th:first-child {
	border-radius:0px;
	border-bottom:4px solid #161c2b;
}
.tickets-table-area.translation-manager-table .table thead th:nth-child(2) {
	border-bottom:4px solid #3fc2c6;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.tickets-table-area.translation-manager-table .table thead th:nth-child(3) {
	border-bottom:4px solid #c63f8b;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.tickets-table-area.translation-manager-table .table thead th:nth-child(4) {
	border-bottom:4px solid #7847d0;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.translation-manager-table  table td:first-child,
.translation-manager-table .table thead th:first-child {
    background: #161c2b;
    border: 0px;
}
.full-width .dataTables_scrollHeadInner,
.full-width table {
	width:100% !important;
}
.modal-open .popup-area.modal {
    background: rgba(6,11,23,0.65);
    z-index: 10000;
}
.popup-area .modal-dialog {
    max-width: 570px;
}
.popup-area .modal-content {
    background: #272e44 !important;
	color:#fff;
    border: 1px solid #384160;
}
.popup-area .modal-header {
	background:#1f2536;
	text-align:center;
    border-bottom: 0px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
    padding: 27px 15px;
}
.popup-area .modal-header h3 {
  	font-family: 'MyriadPro-Regular';
	font-size:25px;
	color:#f15a22;
	font-weight:bold;
	margin:0 auto;
}
.popup-area .modal-body {
    padding: 30px;
}
.popup-area .modal-body label {
	padding-left:10px;
}
.popup-area .modal-body small {
	color:#777d92;
}
.popup-area .form-control {
	background:#30374f;
	height:45px;
	color:#989fb6;
	border:1px solid #515a78;
	border-radius:2px;
	margin-bottom:18px;
}
.popup-area textarea.form-control {
	height:120px;
}
.popup-area .form-control:focus {
	background:#30374f;
	color:#989fb6;
	border:1px solid #515a78;
}
.popup-area .parpal-btn {
	float:right;
    padding: 10px 50px 8px;
}
.popup-area .form-control::-webkit-input-placeholder {
	color:#989fb6;
}
.popup-area .form-control::-moz-placeholder {
	color:#989fb6;
}
.popup-area .form-control:-ms-input-placeholder {
	color:#989fb6;
}
.popup-area .form-control::placeholder {
	color:#989fb6;
}
.popup-area .close {
    position: absolute;
    top: -20px;
    right: -25px;
    color: #8c94ad;
    text-shadow: none;
    font-size: 40px;
    opacity: 1 !important;
	outline:none;
}
.popup-area .close:hover {
	color:#f15a22;
}
.popup-area .table-scroll {
    height: 600px;
    overflow: auto;
	margin-bottom:40px;
}
.popup-area .table-scroll::-webkit-scrollbar {
    width: 10px;
}
.popup-area .table-scroll::-webkit-scrollbar-track {
	background:#39425d;
}
.popup-area .table-scroll::-webkit-scrollbar-thumb {
	background-color: #000;
}
.popup-area .features-table {
	background:#2c344c;
}
.features-table th {
	background:#060b17;
	color:#f15a22;
	padding:20px 24px;
}
.features-table th:last-child {
	text-align:center;
}
.features-table td {
	color:#d3d5dd;
	padding:20px 24px;
}
.popup-area .features-table tbody tr:nth-of-type(odd) {
    background: rgba(34,39,60,1);
}
.popup-area .features-table tbody tr {
	border-bottom:1px solid #363e56;
}
.popup-area .features-table tbody tr td:first-child {
	border-right:1px solid #363e56;
}
.popup-area .features-table tbody tr td:last-child {
	text-align:center;
}
.popup-area .checkbox {
    margin-top: -20px;
}
.popup-area .checkbox label {
	display: inline-block;
	position: relative;
}
.popup-area .checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 22px;
	height: 22px;
	left: 0;
	border: 0px;
	background: url(../images/checkbox-off.png) no-repeat;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out; 
	outline:none !important;
	margin-left:-22px;
}
.popup-area .checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 22px;
	height: 22px;
	left: 0;
	top: 0;
	background: url(../images/checkbox-on.png) no-repeat;
	outline:none !important;
	margin-left: -22px;
}
.popup-area .checkbox input[type="checkbox"] {
	opacity: 0; 
}
.popup-area .checkbox input[type="checkbox"]:checked + label::after {
	content: ""; 
}
/*
--------------------------------------------------------------
FOOTER STYLE
--------------------------------------------------------------
*/

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

}
@media (max-width: 991px) { 


.wrapper .left-nav-area {
    width: 70px;
}
.wrapper .left-nav {
    position: absolute;
    width: 50px;
	padding-top:6px;
    margin-left: -50px;
}
.wrapper .nav-header {
    opacity: 0;
}
.wrapper .left-nav ul li a span,
.wrapper .left-nav ul li a em {
	display:none;
}
.wrapper .left-nav ul li > ul {
	position:absolute;
	top:0px;
	left:50px;
	width:250px;
	background:#191d2a;
	padding:10px;
}
.wrapper .left-nav ul li ul li a {
	width:100%;
    min-height: inherit;
    line-height: normal;
	border-radius:5px;
    padding: 8px 15px 13px;
	margin:0px;
}
.wrapper .left-nav ul li:hover > ul {
	display:block;
}
.wrapper .copyright {
	display:none;
}
.wrapper .pink-btn {
	transform:rotate(180deg);
    margin-left: -5px;
}
.wrapper .page-wrapper {
    margin: 0 0 0 70px;
}

}
@media (max-width: 767px) {

}
@media (max-width: 480px) {

}
@media (max-width:479px) {

}