/* Minification failed. Returning unminified contents.
(1106,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1120,16): run-time error CSS1039: Token not allowed after unary operator: '-audio-player-height'
(1126,19): run-time error CSS1063: Expected calculation unit, found 'var('
(1126,19): run-time error CSS1064: Expected calculation product, found 'var('
(1126,19): run-time error CSS1019: Unexpected token, found 'var('
(1126,19): run-time error CSS1042: Expected function, found 'var('
(1126,24): run-time error CSS1039: Token not allowed after unary operator: '-audio-player-height'
(1126,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*'
(1151,17): run-time error CSS1039: Token not allowed after unary operator: '-audio-player-height'
(1155,20): run-time error CSS1039: Token not allowed after unary operator: '-audio-player-height'
 */
html {
	direction: rtl;
	/* background-color: #4285F4; */
	margin: 0;
	padding: 0;
}

body {
	background-color: white;
	font-size: 16px;
	margin: 0;
	padding: 0;
	font-family: Arial;
}

* {}

a {
	text-decoration: none;
}

a:link,
a:visited,
a:active,
a:hover {
	color: black;
}

header,
footer,
hgroup,
nav,
section {
	display: block
}

mark {
	background-color: #a6dbed;
	padding-left: 5px;
	padding-right: 5px
}

audio {
	height: 40px;
	vertical-align: middle;
}

audio::-webkit-media-controls-panel {
	background-color: #dbdbdb;
}

audio:focus {
	outline: none;
}

select {
    height: 38px;
    line-height: 38px;
    border: hidden;
    border-radius: 6px;
    background-color: #DBDBDB;
    outline: none;
    text-align: center;
    font-size: 18px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clear-fix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
	display: inline;
	color: #000;
	margin-bottom: 0;
	padding-bottom: 0;
}

h1 {
	font-size: 2em
}

h2 {
	font-size: 36px;
	-webkit-margin-before: -.5em;
}

h3 {
	font-size: 1.2em
}

h4 {
	font-size: 1.1em
}

h5,
h6 {
	font-size: 1em
}

h5 a:link,
h5 a:visited,
h5 a:active {
	padding: 0;
	text-decoration: none
}

.content-wrapper {
	margin: 0 auto;
}

#body {
	clear: both;
	text-align: center;
}

.main-content {
}

.featured+.main-content {
	background: url("/Images/heroAccent.png") no-repeat
}

footer {
	display: none;
}

header .content-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}

	header .content-wrapper .header-logo {
		min-width: 197px;
	}

		header .content-wrapper .header-logo img {
			width: 100%;
			max-width: 197px;
		}

	header .content-wrapper .header-title {
			font-size: 25px;
			margin-right: 10px;
			width: 90%;
	}

	header .content-wrapper #menubutton {
		display: none;
	}

#login {
	display: block;
	font-size: 14px;
	text-align: right;
	margin-left: 4px;
}

#login a {
	background-color: #4285F4;
	padding: 4px 12px;
	text-decoration: none;
	font-size: 20px;
	color: white;
	border-radius: 9px;
}

#login a.username {
	background: none;
	margin: 0;
	padding: 0;
	text-decoration: underline
}

#login ul {
	margin: 0;
	padding: 0;
}

#login li {
	display: inline;
	list-style: none
}

#HeaderGroupsList {
	margin: 8px;
}

ul#menu {
	font-size: 1.3em;
	font-weight: 600;
	margin: 0 0 5px;
	padding: 0;
	text-align: right
}

ul#menu li {
	display: inline;
	list-style: none;
	padding-left: 15px
}

ul#menu li a {
	background: none;
	color: #999;
	text-decoration: none
}

ul#menu li a:hover {
	color: #333;
	text-decoration: none
}

.featured {
	background-color: #fff
}

.featured .content-wrapper {
	background-color: #7ac0da;
	background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
	background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	color: #3e5667;
	padding: 20px 40px 30px 40px
}

.featured hgroup.title h1,
.featured hgroup.title h2 {
	color: #fff
}

.featured p {
	font-size: 1.1em
}

hgroup.title {
	margin-bottom: 10px
}

hgroup.title h1,
hgroup.title h2 {
	display: inline
}

hgroup.title h2 {
	font-weight: normal;
	margin-left: 3px
}

section.feature {
	width: 300px;
	float: left;
	padding: 10px
}

ul.paging {
	list-style: none;
	padding: 0;
	margin: 4px 0px;
}

ul.paging li {
	padding: 0;
	margin: 0;
	/* float: right; */
	margin-right: 1em;
	display: inline-block;
}

ul.paging li span {
	font-weight: bold;
	height: 30px;
	line-height: 30px;
}

ul.paging li a {
	height: 30px;
	line-height: 30px;
}

ul.paging li.paging_clear {
	float: none;
	clear: both
}

ul.paging input {
	font-size: 14px;
	margin: 0px 4px;
	padding: 0;
	width: 30px;
	height: 30px;
	border-radius: 8px;
}

ul.paging button {
	font-size: 14px;
	padding: 0 4px;
	height: 30px;
	line-height: 30px;
}

div.fileslist_search {
	margin: 4px 0px;
	padding: 0;
}

div.fileslist_search input {
	font-size: 14px;
	margin: 0px 4px;
	padding: 0;
	height: 30px;
	line-height: 30px;
}

div.fileslist_search button {
	font-size: .85em;
	padding: 0 4px;
	height: 30px;
}

div.fileslist_select button {margin: 0px 2px;}

ol.round {
	list-style-type: none;
	padding-left: 0
}

ol.round li {
	margin: 25px 0;
	padding-left: 45px
}

ol.round li.zero {
	background: url("/Images/orderedList0.png") no-repeat
}

ol.round li.one {
	background: url("/Images/orderedList1.png") no-repeat
}

ol.round li.two {
	background: url("/Images/orderedList2.png") no-repeat
}

ol.round li.three {
	background: url("/Images/orderedList3.png") no-repeat
}

ol.round li.four {
	background: url("/Images/orderedList4.png") no-repeat
}

ol.round li.five {
	background: url("/Images/orderedList5.png") no-repeat
}

ol.round li.six {
	background: url("/Images/orderedList6.png") no-repeat
}

ol.round li.seven {
	background: url("/Images/orderedList7.png") no-repeat
}

ol.round li.eight {
	background: url("/Images/orderedList8.png") no-repeat
}

ol.round li.nine {
	background: url("/Images/orderedList9.png") no-repeat
}

article {
	float: left;
	width: 70%
}

aside {
	float: right;
	width: 25%
}

aside ul {
	list-style: none;
	padding: 0
}

aside ul li {
	background: url("/Images/bullet.png") no-repeat 0 50%;
	padding: 2px 0 2px 20px
}

.label {
	font-weight: 700
}

#loginForm {
	float: right;
	width: 100%;
	text-align: center
}

#loginForm .validation-error {
	display: block;
	margin-left: 15px
}

#loginForm .validation-summary-errors ul {
	margin: 0;
	padding: 0
}

#loginForm .validation-summary-errors li {
	display: inline;
	list-style: none;
	margin: 0
}

#loginForm input {
	direction: rtl;
	width: 250px;
}

#loginForm input[type="checkbox"],
#loginForm input[type="submit"],
#loginForm input[type="button"],
#loginForm button {
	width: auto;
}

#socialLoginForm {
	margin-left: 40px;
	float: left;
	width: 40%
}

#socialLoginForm h2 {
	margin-bottom: 5px
}

#socialLoginList button {
	margin-bottom: 12px
}

#logoutForm {margin: 10px 0px;}

.contact h3 {
	font-size: 1.2em
}

.contact p {
	margin: 5px 0 0 10px
}

.contact iframe {
	border: 1px solid #333;
	margin: 5px 0 0 10px
}

fieldset {
	border: none;
	margin: 0;
	padding: 0
}

fieldset legend {
	display: none
}

fieldset ol {
	padding: 0;
	list-style: none
}

fieldset ol li {
	padding-bottom: 5px
}

label {
	display: block;
	font-size: 22px;
}

label.checkbox {
	display: inline
}

input,
textarea {
	border: none;
	outline: none;
	background: #DBDBDB;
	color: #333;
	font-size: 24px;
	padding: 12px;
	text-align: center;
	border-radius: 14px;
	vertical-align: top;
	outline: none;
}

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

table input {
	font-size: 16px;
}

tr:nth-child(odd) .audio-player,
tr:nth-child(odd) input:not([type="button"]) {
    background: #eaeaea;
}

textarea {
	font-family: inherit;
	width: 500px
}

input:focus,
textarea:focus {
	border: 1px solid #7ac0da
}

input[type="checkbox"] {
	background: transparent;
	border: none;
	width: 25px;
	height: 18px;
}

input[type="submit"],
input[type="button"],
button {
	background-color: #4285F4;
	border: none;
	border-radius: 9px;
	cursor: pointer;
	font-weight: 700;
	padding: 10px 18px;
	margin: 0px;
	width: auto;
	color: white;
	font-size: 16px;
}

input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled{background-color: #dbdbdb;cursor: auto;}

td input[type="submit"],
td input[type="button"],
td button {
	font-size: 1em;
	padding: 4px
}

.message-info {
	border: 1px solid;
	clear: both;
	padding: 10px 20px
}

.message-error {
	clear: both;
	color: #e80c4d;
	font-size: 1.1em;
	font-weight: bold;
	margin: 20px 0 10px 0
}

.message-success {
	color: #7ac0da;
	font-size: 1.3em;
	font-weight: bold;
	margin: 20px 0 10px 0
}

.error {
	color: #e80c4d
}

.field-validation-error {
	color: #e80c4d;
	font-weight: bold
}

.field-validation-valid {
	display: none
}

input.input-validation-error {
	border: 1px solid #e80c4d
}

input[type="checkbox"].input-validation-error {
	border: 0 none
}

.validation-summary-errors {
	color: #e80c4d;
	font-weight: bold;
	font-size: 1.1em
}

.validation-summary-valid {
	display: none
}

table {
	margin-top: 0;
	border: none;
}

th,
#divcontent table thead tr {
	font-size: 16px;
	text-align: center;
	padding-left: 0;
	border: none;
	background: #4285f4;
	color: white;
	height: 50px;
}

th a {
	display: block;
	position: relative
}

th a:link,
th a:visited,
th a:active,
th a:hover {
	color: #333;
	font-weight: 600;
	text-decoration: none;
	padding: 0
}

th a:hover {
	color: #000
}

th.asc a,
th.desc a {
	margin-right: .75em
}

th.asc a:after,
th.desc a:after {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: .75em
}

th.asc a:after {
	content: '▲'
}

th.desc a:after {
	content: '▼'
}

tr:nth-child(odd):not(.trhead),
#divcontent table tbody tr:nth-child(even),
#cur_cat_list table tr:nth-child(even) {
    background-color: #DBDBDB;
}

#divcontent table tbody tr:nth-child(odd):not(.trhead),
#cur_cat_list table tr:nth-child(odd):not(.trhead) {
	background-color: white;
}

#voicemailsTbl td:nth-child(4) {text-align: center !important;}

#voicemailsTbl {
	text-align: center;
}

#voicemailsTbl table {
	display: inline-block;
	border-spacing: 2px;
}

button.delrow,
button.moverow,
button.copyrow {
	margin: 2px;
}

tr.pager td {
	padding: 0 .25em 0 0
}

td {
	border: none;
}

.main_menu li {
	list-style-type: none;
	text-decoration: none;
	color: white;
	font-size: 24px;
	line-height: 50px;
	display: inline-block;
	padding: 0px 20px;
}

.main_menu li a {
	color: white;
}

.main_menu li:hover {
	background-color: #80CCFF;
}

.main_menu {
	padding: 0;
	margin: 0;
	display: block;
}

#mainmenu {
	background-color: #4285F4;
	text-align: center;
}

#mainmenu div{
	height: 50px;
}

.page_menu {
	width: 100%;
	margin-top: 4px;
	margin-bottom: 10px;
	background-color: #80CCFF;
	text-align: center;
	color: white;
}

.page_menu ul,
.page_submenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.page_menu ul li,
.page_submenu ul li {
	display: inline-block;
	line-height: 45px;
	font-size: 24px;
	padding: 0px 20px;
	vertical-align: top;
	color: white;
}

.page_menu ul li:hover {background-color: #4285F4;}

.page_menu ul li a,
.page_submenu ul li a  {
	font-weight: normal;
	color: white;
	padding: 0;
}

.page_menu div {
	padding: 8px 0px;
}

.page_menu .current,
.page_submenu .current {
	text-decoration: underline;
}

.page_submenu {
	width: 100%;
	margin-top: 4px;
	margin-bottom: 10px;
	background-color: #4285f4;
	text-align: center;
}

.page_submenu ul li:hover {background-color: #80ccff;}

.page_body {
    text-align: center;
    margin: 0 !important;
}

#system_keys {
	margin: 0 auto
}

#system_keys table tbody {
	direction: ltr
}

#system_keys table tr td {
	width: 30%;
	height: 80px;
	text-align: center;
	font-size: 20px;
	background-color: #4285F4;
	color: #fff;
	line-height: 15px;
	border: 2px solid white;
	outline: none;
	border-radius: 20px;
}

#system_keys table tr td:hover {
	background-color: #80CCFF;
}

#Static_Files table {
	display: inline-block;
}

#Static_Files table button {
	margin: 2px;
}

.keyaction {
	font-size: 13px;
	font-weight: bold
}

.phone_part {
	width: 300px;
	display: inline-block;
}

.phone_part table {
	border: none;
}

.edit_key {
	background-color: #80CCFF;
	width: 214px;
	display: inline-block;
	vertical-align: top;
	border-radius: 20px;
	padding: 10px;
}

.edit_key div button {
	width: auto !important;
	height: auto !important;
	padding-top: 10px !important;
	font-size: 18px !important;
}

#active_lines {
	width: 720px;
	display: inline-block;
	float: none !important;
}

#active_lines table {
	width: 100%;
}

#active_lines table tr {
	border-bottom: 0;
	height: 50px;
}

#active_lines table thead td {
	font-weight: bold;
	font-size: 24px;
	background-color: #4284f3;
	color: white;
}

.menu_tab1,
.menu_tab2,
.menu_tab3,
.menu_tab4,
.menu_tab5 {
	min-width: 500px;
	background-color: #80ccff;
	border-radius: 0px 0px 8px 8px;
	float: right;
	width: 100%;
}

#line_manager.page_body {
    float: none !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    column-gap: 4px;
}

#line_manager.page_body div.side_menu button {
	font-size: 14px;
	display: inline-block;
	margin-top: 10px;
}

#settingstab {
	margin: 4px
}

#voicemail_filter div {
	margin: 6px 0px;
}

#voicemail_filter label {
	margin-left: 10px;
	display: inline;
	vertical-align: middle;
}

#voicemail_filter input,
#voicemail_filter select {
	vertical-align: middle;
}

.finfo {
	color: white;
	width: 16%;
	display: inline-block;
	min-height: 46px;
}

.finfo[style="display: block;"] {
    display: inline-block !important;
}

.fvalue {
	text-align: right;
	display: inline-block;
	width: 80%;
}

.fvalue[style="display: block;"] {
    display: inline-block !important;
}

.fvalue input[type='text'] {
	width: 100% !important;
	height: 38px;
	font-size: 18px;
	padding: 0;
	line-height: 38px;
	text-align: center !important;
	margin: 0;
}

.fvalue select {
    width: 100%;
}

#menu_tabs ul {
	padding: 0;
	margin: 0
}

#menu_tabs ul li {
	width: 19%;
	line-height: 40px;
	list-style: none;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	color: white;
	font-size: 20px;
}

#menu_tabs {background: #4285f4;border-radius: 8px 8px 0px 0px;}

.selected {
	background-color: #80ccff!important;
}

#cur_files_list,
#cur_blacklist_list,
#cur_emails_list,
#cur_votes_list {
	width: 75%;
	min-height: 350px;
	background-color: #fff;
	margin: 25px 0px;
	display: inline-block;
	vertical-align: top;
}

#cur_files_list div[style="float:left; margin-left:13px; margin-top:3px;"] {
    float: none !important;
    margin: 0 !important;
    text-align: left;
    line-height: 30px;
    padding-left: 16px;
}

.title_contant_file {font-weight: bold;font-style: italic;text-align: right;padding-right: 10px;background: #4285f4;color: white;height: 38px;line-height: 38px;margin-top: 12px;}

.buttons_area {
	width: 18%;
	margin-right: 10px;
	margin-top: 25px;
	display: inline-block;
	vertical-align: top;
}

.voice_button {
	margin-bottom: 15px;
	display: block;
}

.voice_button2 {
	width: 17px;
	height: 18px;
	background-color: #e2e2e2;
	padding: 2px;
	font-size: 13px;
	margin-bottom: 15px;
	display: block;
	font-weight: normal;
}

#up_voice {width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 40px solid #4285f4;background: transparent;border-radius: 0;padding: 0;}
#up_voice:focus{
    outline: none;
}
#up_voice:active{border-bottom-color: white;}

#down_voice {width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 40px solid #4285f4;background: transparent;border-radius: 0;padding: 0;}
#down_voice:focus{
    outline: none;
}
#down_voice:active{border-top-color: white;}

.position_place {
	font-weight: bold;
	font-style: italic;
	text-align: right;
	margin: 1px 0px;
	padding-right: 10px;
	background: #4285f4;
	color: white;
	height: 38px;
	line-height: 38px;
}

.fileitem {
	list-style: none !important;
	vertical-align: top;
	padding: 0;
	direction: rtl !important;
	padding: 2px 0px;
}

.fileitem input.fileiteminput, .fileitem input.timepicker {
	font-size: inherit;
}

.fileitem span {
	vertical-align: middle;
}

.fileitem span a {
	vertical-align: middle;
}


.fileitem span a img.downloadicon {
	width: auto;
	height: 22px;
}

.fileitem input[type="checkbox"] {
	vertical-align: middle;
	/* float: none !important; */
	/* margin-left: 3px !important; */
}

.audio-player {
	--audio-player-height: 26px;
	display: inline-block;
	background-color: #dbdbdb;
	border-radius: 14px;
	padding: 8px;
	direction: ltr;
}

	.audio-player .controls {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: var(--audio-player-height);
		font-weight: normal;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #333333;
		font-size: calc(var(--audio-player-height)*16/26);
	}

		.audio-player .controls .player-button,
		.audio-player .controls .download-button,
		.audio-player .controls .rewind-button {
			background-color: transparent;
			border: 0;
			width: auto;
			height: 100%;
			cursor: pointer;
			padding: 0;
			border-radius: 8px;
		}

		.audio-player .controls .player-button:hover,
		.audio-player .controls .download-button:hover,
		.audio-player .controls .rewind-button:hover {
			background-color: #a3a3a3;
		}

		.audio-player .controls .player-button img,
		.audio-player .controls .download-button img,
		.audio-player .controls .rewind-button img {
			width: auto;
			height: var(--audio-player-height);
		}

		.audio-player .controls .time-seperator {
			font-size: var(--audio-player-height);
			font-weight: bold;
		}

.record_recovered {
	color: red
}

.fileselected,
.phoneselected,
.emailselected {
	background-color: #4285f4 !important;
	color: #fff;
}

#menufileslist {
	padding: 0;
	margin: 0;
}

#menufileslist li:nth-child(odd) {
	background-color: #eaeaea;
}

.blacklist {
	padding-right: 10px
}

.emailslist {
	padding-right: 10px
}

.blacklist li {
	list-style: none;
	padding-right: 20px
}

.emailslist li {
	list-style: none;
	padding-right: 20px
}

#ddldatechoices {
	height: 52px;
	border-radius: 14px;
}

#Reportadsuser #bttgetdata {
	font-size: 24px;
	line-height: 24px;
	padding: 0px 20px;
}

#Reportadsuser #filterByad {
    height: 52px;
    vertical-align: top;
}

#bttgetdata {
	vertical-align: middle;
	height: 52px;
	padding: 0;
	border-radius: 14px;
	background: #4285f4;
	color: white;
	font-weight: bold;
	outline: none;
}

#bttgetdata span {
	font-size: 24px;
	line-height: 24px;
	padding: 0px 20px;
}

#btnSearch {
    height: 52px;
    font-size: 24px;
    border-radius: 14px;
}

#menustat label {
    display: inline-block;
    margin-left:15px;
    vertical-align: middle;
    height: 52px;
    line-height: 52px;
}

#Reportadsuser #divcontent table tr:first-child,
#Reportads #divcontent table tr:first-child {
	background-color: #4285f4;
	color: white;
}

#divcontent {
	text-align: center;
}

#divcontent table {
	display: inline-block;
	width: auto !important;
}

#divcontent table td {
	padding: 8px  !important;
}

#divcontent table th {
	text-align: center;
	width: 20% !important;
}

#Online #divcontent table th:nth-child(1), #Online #divcontent table th:nth-child(4), #Online #divcontent table th:nth-child(5), #Online #divcontent table th:nth-child(6) {
	text-align: center;
	width: 5% !important;
}

#Online #divcontent table th:nth-child(2), #Online #divcontent table th:nth-child(3) {
	text-align: center;
	width: 10% !important;
}

#hiddenframe {
	display: none
}

#imgloading {
	display: none;
	width: 30px;
	height: 30px;
	vertical-align: middle;
}

.fileslist {
	font-size: 13px
}

.fileslist tbody tr {
	background: white;
	text-align: center;
}

.fileslist tbody tr:nth-child(even) {
	background: #eaeaea;
}

.fileslist td {
	border: none;
}

.fileslist thead tr.trhead {
	font-weight: bold;
	background: #4285f4;
	color: white;
	height: 50px;
	font-size: 16px;
}

.fileslist .tdindex {
	width: 2%
}

.fileslist .tdfile {
	width: 15%
}

.fileslist .tdbuttons {
	width: 30%
}

.fileslist .tdbuttons button {
	outline: none;
	border: none;
	border-radius: 8px;
	margin: 2px;
	background: #4285f4;
	color: white;
	font-weight: bold;
	font-size: 14px;
	height: 30px;
	vertical-align: top;
}

.fileslist .tdbuttons button span {padding: 0px 14px;height: 30px;line-height: 30px;}

.fileslist .tdbuttons input[type="number"] {
	width: 60px;
	height: 30px;
	margin: 2px;
	padding: 0;
	border-radius: 8px;
	font-size: 14px;
	vertical-align: top;
	text-align: center;
}

.fileslist .tdbuttons input[type="number"]:focus {
	outline: none;
	border: none
}

.trhead {
	background: #4285f4
}

.treven {
	background: #dbdbdb
}

.tdindex {
	width: 50px
}

.bttdragsort {
	cursor: n-resize!important
}

.sidebar li ul {
	display: none
}

.up_button {
	padding: .4em 2em .4em 2.1em;
	display: block;
	line-height: 1.4;
	font-weight: normal;
	color: #555;
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	margin: 0;
	font: -webkit-small-control;
	color: initial;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0;
	text-shadow: none
}

.fileupload-options {
	text-align: center;
	font-size: 18px;
	font-weight: bold
}

.fileupload-options .fileinput-button {
	margin: 0
}

.fileupload-options .fileupload-or {
	display: block;
	height: 30px;
	line-height: 30px
}

#userslist_filter {
    width: 100%;
    margin: 4px 0px;
}

#userslist_filter div,
#adsList_filter div {
    display: inline-block;
    vertical-align: top;
}

#userslist_filter input[type=button]#AddUser,
#userslist_filter input[type=button]#AddGroup {
    padding: 10px 18px !important;
    margin: 0 !important;
    vertical-align: top;
    display: inline-block;
}

#usersList input.SaveButtonNew {
	margin-left: 4px !important;
}

#usersList input.GroupSaveButton,
#usersList input.SaveNewGruop {
    margin: 4px 0px !important;
}

#usersList .groupsTbl {
	display: inline-block;
}

#adsList_filter {
    margin: 4px 0px;
}

#adsList_filter label {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    vertical-align: top;
}

#cur_cat_list,
#cur_op_list {
    text-align: center;
}

#cur_cat_list table,
#cur_op_list table{
    display: inline-block;
}

#cur_cat_list table td {
    width: 30%;
    min-width: 200px;
    padding: 8px;
}

#cur_cat_list table button {
	margin: 0px 2px;
}

#Reportads select {
    height: 52px;
    border-radius: 14px;
}

#Reportads button,
#Reportads input[type="button"] {
	height: 52px;
	font-size: 24px;
	padding: 0px 20px;
}

#menustat #stats_table table {
	display: inline-block;
	width: auto !important;
}

#menustat #stats_table tbody tr:first-child td {
    background-color: #4285f4;
    color: white;
    height: 50px;
    font-weight: bold;
    padding: 0px 20px;
    width: 15%;
}

#menustat #stats_table tbody td {
	padding: 8px;
}

ul.dynatree-container {
	font-family: tahoma, arial, helvetica;
	font-size: 10pt;
	white-space: nowrap;
	padding: 3px;
	margin: 0;
	background-color: #80ccff;
	border-radius: 8px;
	overflow: auto;
	height: 100%;
	text-align: right;
	line-height: 1.5;
}

ul.dynatree-container ul {
	padding: 0 16px 0 0;
	margin: 0
}

ul.dynatree-container li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: repeat-y;
	background-position: 0 0;
	margin: 0;
	padding: 1px 0 0 0;
}

ul.dynatree-container li.dynatree-lastsib {
	background-image: none
}

ul.dynatree-no-connector>li {
	background-image: none
}

.ui-dynatree-disabled ul.dynatree-container {
	opacity: .5;
	background-color: silver
}

span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("/Images/icons-rtl.gif");
	background-position: 0 0;
}

ul.dynatree-container img {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	vertical-align: top;
	border-style: none
}

span.dynatree-connector {
	background-position: -16px -64px;
}

span.dynatree-expander {
	background-position: 0 -80px;
	cursor: pointer
}

.dynatree-exp-cl span.dynatree-expander {
	background-position: 0 -96px
}

.dynatree-exp-cd span.dynatree-expander {
	background-position: -64px -80px
}

.dynatree-exp-cdl span.dynatree-expander {
	background-position: -64px -96px
}

.dynatree-exp-e span.dynatree-expander,
.dynatree-exp-ed span.dynatree-expander {
	background-position: -32px -80px
}

.dynatree-exp-el span.dynatree-expander,
.dynatree-exp-edl span.dynatree-expander {
	background-position: -32px -96px
}

.dynatree-loading span.dynatree-expander {
	background-position: 0 0;
	background-image: url("/Images/loading.gif")
}

span.dynatree-checkbox {
	margin-left: 3px;
	background-position: 0 -32px
}

span.dynatree-checkbox:hover {
	background-position: -16px -32px
}

.dynatree-partsel span.dynatree-checkbox {
	background-position: -64px -32px
}

.dynatree-partsel span.dynatree-checkbox:hover {
	background-position: -80px -32px
}

.dynatree-selected span.dynatree-checkbox {
	background-position: -32px -32px
}

.dynatree-selected span.dynatree-checkbox:hover {
	background-position: -48px -32px
}

span.dynatree-radio {
	margin-left: 3px;
	background-position: 0 -48px
}

span.dynatree-radio:hover {
	background-position: -16px -48px
}

.dynatree-partsel span.dynatree-radio {
	background-position: -64px -48px
}

.dynatree-partsel span.dynatree-radio:hover {
	background-position: -80px -48px
}

.dynatree-selected span.dynatree-radio {
	background-position: -32px -48px
}

.dynatree-selected span.dynatree-radio:hover {
	background-position: -48px -48px
}

span.dynatree-icon {
	margin-left: 3px;
	background-position: 0 0
}

.dynatree-ico-cf span.dynatree-icon {
	background-position: 0 -16px
}

.dynatree-ico-ef span.dynatree-icon {
	background-position: -64px -16px
}

.dynatree-statusnode-wait span.dynatree-icon {
	background-image: url("/Images/loading.gif")
}

.dynatree-statusnode-error span.dynatree-icon {
	background-position: 0 -112px
}

span.dynatree-node {
	display: inline-block;
	vertical-align: top
}

ul.dynatree-container a {
	color: white;
	text-decoration: none;
	vertical-align: top;
	margin: 0;
	margin-left: 3px;
}

ul.dynatree-container a:hover {
	background-color: #4285f4;
	border-radius: 4px;
}

span.dynatree-node a {
	font-size: 10pt;
	display: inline-block;
	padding-left: 3px;
	padding-right: 3px
}

span.dynatree-folder a {
	font-weight: bold
}

ul.dynatree-container a:focus,
span.dynatree-focused a:link {
	background-color: #4285f4;
	border-radius: 4px;
}

span.dynatree-has-children a {}

span.dynatree-expanded a {}

span.dynatree-selected a {
	color: green;
	font-style: italic
}

span.dynatree-active a {
	background-color: #4285f4;
	border-radius: 4px;
	text-decoration: underline overline;
}

div.dynatree-drag-helper {}

div.dynatree-drag-helper a {
	border: 1px solid gray;
	background-color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	opacity: .8
}

span.dynatree-drag-helper-img {}

div.dynatree-drag-helper {}

div.dynatree-drop-accept span.dynatree-drag-helper-img {
	background-position: -32px -112px
}

div.dynatree-drag-helper.dynatree-drop-reject {
	border-color: red
}

div.dynatree-drop-reject span.dynatree-drag-helper-img {
	background-position: -16px -112px
}

#dynatree-drop-marker {
	width: 24px;
	position: absolute;
	background-position: 0 -128px;
	margin: 0
}

#dynatree-drop-marker.dynatree-drop-after,
#dynatree-drop-marker.dynatree-drop-before {
	width: 64px;
	background-position: 0 -144px
}

#dynatree-drop-marker.dynatree-drop-copy {
	background-position: -64px -128px
}

#dynatree-drop-marker.dynatree-drop-move {
	background-position: -64px -128px
}

span.dynatree-drag-source {
	background-color: #e0e0e0
}

span.dynatree-drag-source a {
	color: gray
}

span.dynatree-drop-target {}

span.dynatree-drop-target a {}

span.dynatree-drop-target.dynatree-drop-accept a {
	background-color: #3169c6!important;
	color: #fff!important;
	text-decoration: none
}

span.dynatree-drop-target.dynatree-drop-reject {}

span.dynatree-drop-target.dynatree-drop-after a {}

span.custom1 a {
	background-color: maroon;
	color: #ff0
}

@media only screen and (max-width:1015px) { /* Low resolution / Small window*/
	nav {
		margin-bottom: 5px
	}
	ul#menu {
		margin: 0;
		padding: 0;
		text-align: center
	}
	ul#menu li {
		margin: 0;
		padding: 0
	}
	.main-content,
	.featured+.main-content {
		background-position: 10px 0
	}
	.featured .content-wrapper {
		padding: 10px
	}
	article,
	aside {
		float: none;
		width: 100%
	}
	ol.round {
		list-style-type: none;
		padding-left: 0
	}
	ol.round li {
		padding-left: 10px;
		margin: 25px 0
	}
	ol.round li.zero,
	ol.round li.one,
	ol.round li.two,
	ol.round li.three,
	ol.round li.four,
	ol.round li.five,
	ol.round li.six,
	ol.round li.seven,
	ol.round li.eight,
	ol.round li.nine {
		background: none
	}
	section.feature {
		float: none;
		padding: 10px;
		width: auto
	}
	section.feature img {
		color: #999;
		content: attr(alt);
		font-size: 1.5em;
		font-weight: 600
	}
	input {
		direction: rtl;
		width: 90%
	}
	#loginForm {
		border-right: none;
		float: none;
		width: auto
	}
	#loginForm .validation-error {
		display: block;
		margin-left: 15px
	}
	#socialLoginForm {
		margin-left: 0;
		float: none;
		width: auto
	}
	footer .float-left,
	footer .float-right {
		float: none
	}
	footer {
		text-align: center;
		height: auto;
		padding: 10px 0
	}
	footer p {
		margin: 0
	}

	#active_lines {
		width: 100%;
	}
}

@media only screen and (max-width:534px) { /* Mobile view */
	body {
		padding-top: 84px;
	}

	header .content-wrapper{
		background-color: #ffffff;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999999;
	}

	#divcontent {
		overflow: auto;
	}

	header .content-wrapper .header-logo {
		display: none;
	}

	header .content-wrapper #menubutton {
		width: 40px;
		height: 40px;
		margin-right: 10px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
	}

	header .content-wrapper #menubutton span {
		display: block;
		position: absolute;
		height: 6px;
		width: 100%;
		background: black;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	header .content-wrapper #menubutton span:nth-child(1) {
		top: 0px;
	}

	header .content-wrapper #menubutton span:nth-child(2),#menubutton span:nth-child(3) {
		top: 14px;
	}

	header .content-wrapper #menubutton span:nth-child(4) {
		top: 28px;
	}

	header .content-wrapper #menubutton.open span:nth-child(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

	header .content-wrapper #menubutton.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	header .content-wrapper #menubutton.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	header .content-wrapper #menubutton.open span:nth-child(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

	#mainmenu {
		display: block;
		position: fixed;
		z-index: 999998;
		top: 8vh;
		right: 0;
		height: 92vh;
		width: 100%;
		transform: translateX(100%);
		transition: transform 1s ease;
	}
	
	#mainmenu.open {
		transform: translateX(0%);
	}

		#mainmenu li {
			margin: 0;
			font-size: 4vh;
			width: 100%;
			text-align: center;
			height: 13vh;
			line-height: 13vh;
			padding: 0;
		}

	#HeaderGroupsListContainer {
		text-align: center;
	}

	#HeaderGroupsListContainer #HeaderGroupsList {
		margin: 8px 0px;
		width: 90%;
	}

	.page_menu ul li, .page_submenu ul li {
		display: block;
		width: 100%;
		padding: 0;
	}

	#line_manager.page_body {
		display: block;
		overflow: auto;
	}

	.side_menu {
		margin-bottom: 40px;
	}

	.tablecontainer,
	#cur_files_list,
	#cur_blacklist_list,
	#cur_emails_list
	{
		overflow: auto;
	}

	.menu_tab1, .menu_tab2, .menu_tab3, .menu_tab4 {
		min-width: auto;
	}
}

/*******************************************************************************
 * Tree container
 */
ul.dynatree-container
{
	font-family: tahoma, arial, helvetica;
	font-size: 10pt;
	white-space: nowrap;
	padding: 3px;
	margin: 0;
	background-color: #80ccff;
	border-radius: 8px;
	overflow: auto;
	height: 100%;
	text-align: right;
	line-height: 1.5;
}

ul.dynatree-container ul
{
	padding: 0 16px 0 0;
	margin: 0;
}

ul.dynatree-container li
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	-moz-background-clip:border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: repeat-y;
	/*background-image: url("/Images/vline.gif");*/
	background-position: 0 0;
	/*
	background-image: url("icons_96x256.gif");
	background-position: -80px -64px;
	*/
	margin: 0;
	padding: 1px 0 0 0;
}
/* Suppress lines for last child node */
ul.dynatree-container li.dynatree-lastsib
{
	background-image: none;
}
/* Suppress lines if level is fixed expanded (option minExpandLevel) */
ul.dynatree-no-connector > li
{
	background-image: none;
}

/* Style, when control is disabled */
.ui-dynatree-disabled ul.dynatree-container
{
	opacity: 0.5;
/*	filter: alpha(opacity=50); /* Yields a css warning */
	background-color: silver;
}

/*******************************************************************************
 * Common icon definitions
 */
span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker
{
	width: 16px;
	height: 16px;
/*	display: -moz-inline-box; /* @ FF 1+2 removed for issue 221 */
/*	-moz-box-align: start; /* issue 221 */
	display: inline-block; /* Required to make a span sizeable */
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("/Images/icons-rtl.gif");
	background-position: 0 0;
}

/** Used by 'icon' node option: */
ul.dynatree-container img
{
	width: 16px;
	height: 16px;
	margin-left: 3px;
	vertical-align: top;
	border-style: none;
}


/*******************************************************************************
 * Lines and connectors
 */

span.dynatree-connector
{
	background-position: -16px -64px;
}

/*******************************************************************************
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-exp-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 */

span.dynatree-expander
{
	background-position: 0px -80px;
	cursor: pointer;
}
.dynatree-exp-cl span.dynatree-expander /* Collapsed, not delayed, last sibling */
{
	background-position: 0px -96px;
}
.dynatree-exp-cd span.dynatree-expander /* Collapsed, delayed, not last sibling */
{
	background-position: -64px -80px;
}
.dynatree-exp-cdl span.dynatree-expander /* Collapsed, delayed, last sibling */
{
	background-position: -64px -96px;
}
.dynatree-exp-e span.dynatree-expander,  /* Expanded, not delayed, not last sibling */
.dynatree-exp-ed span.dynatree-expander  /* Expanded, delayed, not last sibling */
{
	background-position: -32px -80px;
}
.dynatree-exp-el span.dynatree-expander,  /* Expanded, not delayed, last sibling */
.dynatree-exp-edl span.dynatree-expander  /* Expanded, delayed, last sibling */
{
	background-position: -32px -96px;
}
.dynatree-loading span.dynatree-expander  /* 'Loading' status overrides all others */
{
	background-position: 0 0;
	background-image: url("/Images/loading.gif");
}


/*******************************************************************************
 * Checkbox icon
 */
span.dynatree-checkbox
{
	margin-left: 3px;
	background-position: 0px -32px;
}
span.dynatree-checkbox:hover
{
	background-position: -16px -32px;
}

.dynatree-partsel span.dynatree-checkbox
{
	background-position: -64px -32px;
}
.dynatree-partsel span.dynatree-checkbox:hover
{
	background-position: -80px -32px;
}

.dynatree-selected span.dynatree-checkbox
{
	background-position: -32px -32px;
}
.dynatree-selected span.dynatree-checkbox:hover
{
	background-position: -48px -32px;
}

/*******************************************************************************
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'dynatree-radio' in the tree options.
 */
span.dynatree-radio
{
	margin-left: 3px;
	background-position: 0px -48px;
}
span.dynatree-radio:hover
{
	background-position: -16px -48px;
}

.dynatree-partsel span.dynatree-radio
{
	background-position: -64px -48px;
}
.dynatree-partsel span.dynatree-radio:hover
{
	background-position: -80px -48px;
}

.dynatree-selected span.dynatree-radio
{
	background-position: -32px -48px;
}
.dynatree-selected span.dynatree-radio:hover
{
	background-position: -48px -48px;
}

/*******************************************************************************
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */

span.dynatree-icon /* Default icon */
{
	margin-left: 3px;
	background-position: 0px 0px;
}

.dynatree-ico-cf span.dynatree-icon  /* Collapsed Folder */
{
	background-position: 0px -16px;
}

.dynatree-ico-ef span.dynatree-icon  /* Expanded Folder */
{
	background-position: -64px -16px;
}

/* Status node icons */

.dynatree-statusnode-wait span.dynatree-icon
{
	background-image: url("/Images/loading.gif");
}

.dynatree-statusnode-error span.dynatree-icon
{
	background-position: 0px -112px;
/*	background-image: url("ltError.gif");*/
}

/*******************************************************************************
 * Node titles
 */

/* @Chrome: otherwise hit area of node titles is broken (issue 133)
   Removed again for issue 165; (133 couldn't be reproduced) */
span.dynatree-node
{
/*	display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221*/
/*	-moz-box-align: start; /* issue 221 */
	display: inline-block; /* issue 373 Required to make a span sizeable */
	vertical-align: top;
}


/* Remove blue color and underline from title links */
ul.dynatree-container a
/*, ul.dynatree-container a:visited*/
{
	color: white; /* inherit doesn't work on IE */
	text-decoration: none;
	vertical-align: top;
	margin: 0px;
	margin-left: 3px;
/*	outline: 0; /* @ Firefox, prevent dotted border after click */
}

ul.dynatree-container a:hover
{
	background-color: #4285f4;
	border-radius: 4px;
}

span.dynatree-node a
{
	font-size: 10pt; /* required for IE, quirks mode */
	display: inline-block; /* Better alignment, when title contains <br> */
/*	vertical-align: top;*/
	padding-left: 3px;
	padding-right: 3px; /* Otherwise italic font will be outside bounds */
	/*	line-height: 16px; /* should be the same as img height, in case 16 px */
}
span.dynatree-folder a
{
	font-weight: bold;
}

ul.dynatree-container a:focus,
span.dynatree-focused a:link  /* @IE */
{
	background-color: #4285f4;
	border-radius: 4px;
}

span.dynatree-has-children a
{
}

span.dynatree-expanded a
{
}

span.dynatree-selected a
{
	color: green;
	font-style: italic;
}

span.dynatree-active a
{
	background-color: #4285f4;
	border-radius: 4px;
	text-decoration: underline overline;
}

/*******************************************************************************
 * Drag'n'drop support
 */

/*** Helper object ************************************************************/
div.dynatree-drag-helper
{
}
div.dynatree-drag-helper a
{
	border: 1px solid gray;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	opacity: 0.8;
}
span.dynatree-drag-helper-img
{
	/*
	position: relative;
	left: -16px;
	*/
}
div.dynatree-drag-helper /*.dynatree-drop-accept*/
{

/*    border-color: green;
	background-color: red;*/
}
div.dynatree-drop-accept span.dynatree-drag-helper-img
{
	background-position: -32px -112px;
}
div.dynatree-drag-helper.dynatree-drop-reject
{
	border-color: red;
}
div.dynatree-drop-reject span.dynatree-drag-helper-img
{
	background-position: -16px -112px;
}

/*** Drop marker icon *********************************************************/

#dynatree-drop-marker
{
	width: 24px;
	position: absolute;
	background-position: 0 -128px;
	margin: 0;
/*	border: 1px solid red; */
}
#dynatree-drop-marker.dynatree-drop-after,
#dynatree-drop-marker.dynatree-drop-before
{
	width:64px;
	background-position: 0 -144px;
}
#dynatree-drop-marker.dynatree-drop-copy
{
	background-position: -64px -128px;
}
#dynatree-drop-marker.dynatree-drop-move
{
	background-position: -64px -128px;
}

/*** Source node while dragging ***********************************************/

span.dynatree-drag-source
{
	/* border: 1px dotted gray; */
	background-color: #e0e0e0;
}
span.dynatree-drag-source a
{
	color: gray;
}

/*** Target node while dragging cursor is over it *****************************/

span.dynatree-drop-target
{
	/*border: 1px solid gray;*/
}
span.dynatree-drop-target a
{
}
span.dynatree-drop-target.dynatree-drop-accept a
{
	/*border: 1px solid green;*/
	background-color: #3169C6 !important;
	color: white !important; /* @ IE6 */
	text-decoration: none;
}
span.dynatree-drop-target.dynatree-drop-reject
{
	/*border: 1px solid red;*/
}
span.dynatree-drop-target.dynatree-drop-after a
{
}


/*******************************************************************************
 * Custom node classes (sample)
 */

span.custom1 a
{
	background-color: maroon;
	color: yellow;
}