@import 'reset.css';

@import 'chart.css';

@import 'responsive.gs.24col.css';

@import 'font-awesome.min.css';

@import 'jquery.dataTables.css';

@import 'sweetalert.css';

@import 'tabs.css';
@import 'menu.css';

/*
THRFW Guest Managment
Version 1.0
by Hamid Shavarean Studio
License: MIT License http://hamidshavarean.mit-license.org/
*/
@font-face {
	font-family:'web_roya';
	src:url(../fonts/roya-webfont.eot);
	src:url(../fonts/roya-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/roya-webfont.woff2) format("woff2"),url(../fonts/roya-webfont.woff) format("woff"),url(../fonts/roya-webfont.svg#web_royaregular) format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'web_roya_bold';
	src:url(../fonts/royabold-webfont.eot);
	src:url(../fonts/royabold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/royabold-webfont.woff2) format("woff2"),url(../fonts/royabold-webfont.woff) format("woff"),url(../fonts/royabold-webfont.svg#web_roya_boldregular) format("svg");
	font-weight:400;
	font-style:normal;
}

body {
	font-family:'web_roya';
	margin:0;
	padding:0;
	overflow-x:hidden;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:default;
	background:#fafafa;
}


header {
	background:black;
	width:100%;
	font-family:'web_roya_bold';
	padding: .4em 0;
}

header .col {height:42px;}


header .logo img {
	max-width:160px;
	height:auto;
	width:100%;
	margin-top:-.7em;
}

header .logo {text-align:left;}
header .menu {text-align:center; direction:rtl; padding-top:.55em;}
header .menu ul {margin:0; padding:0; text-align:center;}
header .menu ul li {display:inline-block; margin-left:.7em;}
header .menu ul li:last-child {margin-left:0;}
header .menu a {color:white; font-size:.9375em; text-decoration:none;}
header .menu a:hover {color:#999999; text-decoration:none;}
header .menu a i {color:#0099a7;}
header .dashboard {text-align:right; color:white; direction:rtl; font-size:.9375em; line-height:1.5em;}
header .dashboard .datetime .date {margin-left:.6em;}
header .dashboard .datetime span {font-size:.75rem; text-align:right;}

b,strong,.strong,h1,th,.dataTables_info,.dataTables_paginate {
	font-family:'web_roya_bold';
}
.temail {max-width:100px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden; direction:ltr;}
h1 {
	font-size:1.4em;
}

i {margin-left:.5em;}

.btn-group i {margin-left:0;}

.title h1 {
	text-align:center;
	direction:rtl;
}

.container {
	width:100%;
	padding-bottom:1em;
}

header .container {padding-bottom:0;}

.section {
	max-width:1107px;
	margin:0 auto;
	padding:1.5em 1em 4em;
}

.line {
	text-align:center;
	margin-top:4em;
}

.line img {
	max-width:230px;
}

.line .login {
	max-width:350px;
	margin:1em auto;
	padding:3em 2.5em 2.1em;
	background-color:#fff;
	background-image:url(../img/warning.svg);
	background-position:center top;
	background-repeat:repeat-x;
	border:1px solid #edeeee;
	text-align:center;
}

table {
	border-collapse:collapse;
	margin-bottom:3em;
	width:100%;
	background:#fff;
	direction:rtl;
	font-size:.85em;
}

td,th {
	padding:.75em 1.5em;
	text-align:center;
}

td.err {
	background-color:#e992b9;
	color:#fff;
	font-size:.75em;
	text-align:center;
	line-height:1;
}

th {
	background-color:#000;
	font-weight:700;
	color:#fff;
	white-space:nowrap;
}

tbody th {
	background-color:#000;
}

tbody tr {
	transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
}

.removed {
	opacity:0;
	background:rgba(241,41,56,1)!important;
	transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
}

/*
tbody tr:nth-child(2n-1) {
    background-color: #edeeee;
}
*/
tbody tr:hover {
	background-color:#edeeee;
}

tbody .sent {color:#0099a7;}

tbody .notsent {color:#e4405f;}
tbody .blacklist {color:#a19731;}
.warning {
	background:#0099a7!important;
	color:white !important;
}

.danger {
	background:#e4405f!important;
	color:white !important;
}

label {
	font-family:'web_roya_bold';
}

input,button,select {
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	margin-bottom:.375em;
	font-family:'web_roya';
}

.tabledit-input {
	margin-bottom:0!important;
}

select {
	color:transparent;
	text-shadow:0 0 0 #000;
	font-size:.9em;
	background:url(../img/select-arrow.svg) no-repeat right 10px center;
	text-align:center;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	select {
		text-indent: 1em;
	}
}

.dataTables_length select,.tabledit-edit-mode select {
	width:auto;
	padding:.2em 1.5em .2em .5em;
}

.dataTables_length select {
	padding-right: 2em;
}

input[type=text],input[type=password],input[type=search],input[type=time],input[type=date],textarea,select {
	width:100%;
	padding:.2em .5em;
	background-color:#fdfdfd;
	border:1px solid #edeeee;
	font-family:'web_roya_bold';
	font-size:.9em;
	background-repeat:no-repeat;
	transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
}

input[type=time],input[type=date] {
	direction:ltr;
	height:2.4em;
}

textarea {
	direction:rtl;
	text-align:right;
}

input[type=text]:focus,input[type=password]:focus,input[type=search]:focus {
	box-shadow:0 0 2px rgba(0,0,0,.3);
}

button {
	background-color:rgba(0,0,0,1);
	width:100%;
	border:0;
	padding:.1em;
	color:#fff;
	font-size:1em;
	cursor:pointer;
	font-family:'web_roya_bold';
	margin-top:.25em;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:none;
	outline:0;
	position:relative;
	-webkit-transition:200ms background cubic-bezier(0.4,0,0.2,1);
	transition:200ms background cubic-bezier(0.4,0,0.2,1);
}

button:hover,button:focus {
	background-color:rgba(0,0,0,.8);
}

table button {
	width:auto;
	display:inline-block;
	margin-bottom:0;
	padding:0 .5em;
}

.error {
	color:#e4405f;
	font-size:.9em;
	direction:rtl;
	padding-right:1.5em;
}

.failed {
	background:url(../img/failed.svg) no-repeat right center;
}

.successful {
	color:#0099a7!important;
	background:url(../img/successful.svg) no-repeat right center;
}

.error img {
	vertical-align:middle;
	margin-left:.5em;
}

.ripple-obj {
	height:100%;
	pointer-events:none;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:100%;
	fill:rgba(255,255,255,.2);
}

.ripple-obj use {
	opacity:0;
}

.login input {
	padding:.625em .625em .625em 3.1em;
}

.username {
	background-image:url(../img/username.svg);
	background-position:.7em;
}

.password {
	background-image:url(../img/password.svg);
	background-position:.9em;
}

input[type=search] {
	background-image:url(../img/search.svg);
	background-position:right .7em center;
	font-size:1.15em;
	padding-right:2.5em;
}

.rsvp {direction:rtl; text-align:center; padding-top:4em;}


.rsvp svg {
	margin-left:.5em;
}

.stats {
	text-align:center;
	direction:rtl;
	padding-top:2.6em;
	font-size:.9em;
	-moz-column-count: 3;
	-moz-column-gap: 1em;
	-webkit-column-count: 3;
	-webkit-column-gap: 1em;
	-ms-column-count: 3;
	-ms-column-gap: 1em;
}

.wrapper {
	padding:1em 2.5em;
	background-color:#fff;
	border:1px solid #edeeee;
}

.add-form {
	max-width:268px;
	margin:0 auto;
	text-align:center;
	direction:rtl;
}

.add-form .mobile {
	direction:ltr;
}

.excel-file {text-align:center;}
.excel-file button {width:268px; direction:rtl;}

.btn-toolbar {
	width:168px;
}

table .fa {
	padding-left:.4em;
}

table .tabledit-sms-button, table .tabledit-save-button {
	background:#0099a7;
}

table .tabledit-remove-button,table .tabledit-ignore-button {
	background:#e4405f;
}

table .tabledit-confirm-button {
	background:#2980b9;
}

table .fa-thumbs-up {
	color:#0099a7;
}

table .fa-thumbs-down {
	color:#e4405f;
}

table .tabledit-toolbar-column {
	display:none;
}

/* input file */
.inputfile.dragover {
	border:1px dashed rgba(0,0,0,.5);
}

.inputfile {
	position:relative;
	text-align:center;
	border:1px dashed rgba(0,0,0,.1);
	font-size:.9em;
	color:#b2b2b2;
	padding:1.5em;
}

.inputfile .error {
	font-family:'web_roya_bold';
	direction:ltr!important;
}

.inputfile:focus,.inputfile.has-focus,.inputfile label:hover {
	color:#722040;
}

.inputfile figure {
	width:100px;
	height:135px;
	background-color:#000;
	display:block;
	position:relative;
	padding:30px;
	margin:0 auto 10px;
	transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
}

.inputfile:focus figure,.inputfile.has-focus figure,.inputfile:hover figure {
	background-color:#262626;
	transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
}

.inputfile figure::before,.inputfile figure::after {
	width:0;
	height:0;
	content:'';
	position:absolute;
	top:0;
	right:0;
}

.inputfile figure::before {
	border-top:20px solid #fff;
	border-left:20px solid transparent;
}

.inputfile figure::after {
	border-bottom:20px solid #fff;
	border-right:20px solid transparent;
}

.inputfile svg {
	width:100%;
	height:100%;
	fill:#fff;
}

.inputfile input[type=file] {
	width:100%;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	opacity:0;
}


label {
	font-size:.85em;
}

.radio {
	margin:0;
	padding:0;
	text-align:center;
}

.radio li {
	display:inline-block;
}

.radio label {
	display:inline-block;
	cursor:pointer;
	position:relative;
	padding-right:28px;
	margin-left:15px;
	text-align:right;
}

.radio input[type=radio] {
	display:none;
}

.radio label:before {
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	margin-left:10px;
	position:absolute;
	right:0;
	bottom:4px;
	background-color:#fff;
	border:1px solid #edeeee;
	box-shadow:0 0 0 rgba(0,0,0,0);
	transition:box-shadow .3s ease-in-out;
	-webkit-transition:box-shadow .3s ease-in-out;
	-moz-transition:box-shadow .3s ease-in-out;
	-ms-transition:box-shadow .3s ease-in-out;
	-o-transition:box-shadow .3s ease-in-out;
}

.radio label:before {
	border-radius:8px;
}

.radio input[type=radio]:checked + label:before {
	content:"\2022";
	color:#000;
	font-size:21px;
	padding-left:.03em;
	text-align:center;
	line-height:13px;
	font-family:'Tahoma';
	box-shadow:0 0 2px rgba(0,0,0,.3);
	transition:box-shadow .3s ease-in-out;
	-webkit-transition:box-shadow .3s ease-in-out;
	-moz-transition:box-shadow .3s ease-in-out;
	-ms-transition:box-shadow .3s ease-in-out;
	-o-transition:box-shadow .3s ease-in-out;
}

footer {font-size:.7em; line-height:1.1em; padding-top:2em; opacity:.2; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;}
footer:hover {opacity:1; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out;}
footer .guest {width:110px; height:22px; background:url(../img/guest.svg) no-repeat left center; border-right:1px solid black; display:inline-block;}
footer .copyright {padding-left:10px; display:inline-block;}
footer .copyright strong {text-transform:uppercase;}

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

	header .col {height:auto;}
	header .logo, header .dashboard {text-align:center;}
	header .menu ul li {display:block; margin-left:0; text-align:center;}
	header .dashboard .datetime {line-height:3em;}
	header .dashboard .cbp-tm-menu li {text-align:center;}
	.rsvp {padding-top:2em;}
	.stats {-moz-column-count:1; -webkit-column-count:1; -ms-column-count:1;}
	footer .guest {width:100%; background-position:center center; border-right:0;}
	footer .copyright {width:100%; text-align:center; padding-top:.5em;}
	
}