/* ====== Main Body ====== */
@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url('../fonts/droid-arabic-kufi-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family:"Droid Arabic Kufi","Tahoma";
	font-size:12px;
	margin:0px;
	padding:0px !important;
	width:100%;
	min-width:1200px;
	background: #fafafa;
	overflow-y:scroll !important;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline:none;
}

a, a:active, a:visited {
	color:#606060;
	text-decoration:none !important;
	-webkit-transition:0.25s;  
    -moz-transition:0.25s;
    -o-transition:0.25s;
	-ms-transition:0.25s;
    transition:0.25s;
}

a:hover {
	color:#000;
	text-decoration:none;
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

div.header {
	text-align:right;
	padding:10px;
	margin:0px;
	background:#293949;
	color:#f8f8f8;
	width:100%;
	height:50px;
	display:flex;
    align-items: center;
    justify-content: center;
}

div.header h1, div.header h1 a {
	font-size:16px;
	font-weight:bold;
	width:50%;
	padding:0px;
	margin:0px;
	color:#f8f8f8;
	text-shadow:1px 1px 1px rgba(0,0,0,.3);
}

div.header .header_links {
	direction:rtl;
	text-align:left;
	width:50%;
}

div.header .header_links .btn-group {
	margin-right:6px;
}

div.header .header_links .notification_count {
	background:red;
	color:white;
	margin-left:10px;
	margin-right:-5px;
	font-size:10px;
	font-weight:bold;
	border-radius:3px;
	padding:2px 5px 2px 5px;
}

div.header .header_links .dropdown-toggle {
	background:rgba(255,255,255,.2);
	border-radius:3px;
	border:0px;
	padding:7px 15px 7px 15px;
	display:flex;
	align-items:center;
	justify-content:center;
}

div.header .header_links .dropdown-toggle > i {
	font-size:18px;
	margin-left:10px;
}

div.header .header_links .dropdown-toggle .caret {
	margin:0px 10px 0px 0px;
}

div.container {
	width:100%;
	height:100%;
	min-height:calc(100vh - 50px);
	margin:0px;
	padding:0px;
	overflow:hidden;
    display: flex;
}

div.menu {
	width:220px;
	min-width:220px;
	max-width:220px;
	vertical-align:top;
	background:#32475c;
}

div.content {
	direction:rtl;
	width:100%;
	padding:10px 10px 180px 10px;
	margin:0px auto 0px auto;
	width:calc(100% - 220px) !important;
	background-image:url(../images/footer.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:100% auto;
}

div.logo {
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	padding:10px;
	border-right:1px solid #c8c8c8;
}

div.logo img {
	width:100%;
}

img.login_logo {
	width:300px;
	display:block;
	margin-bottom:10px;
}

.copyrights {
	text-align:center;
	margin:10px;
	border-radius:5px;
	color:white;
}

.copyrights .copyrights_logo {
	display:block;
	max-width:50%;
	width:50%;
	margin:10px auto 10px auto;
}

.copyrights .copyrights_logo_small {
	display:block;
	width:120px;
	margin:10px auto 0px auto;
}

.loading {
	direction:rtl;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,.8);
	padding:40px;
	width:100%;
	height:100%;
	display:none;
    align-items: center;
    justify-content: center;
	z-index:10000;
	color:white;
	font-size:18px;
	text-shadow:1px 1px 1px rgba(0,0,0,.8);
}

.loading .loading_spinner {
	margin-right:10px;
    border: 12px solid #f3f3f3;
    border-top: 12px solid #101010;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

div.crudSeparator {
	margin-top:20px;
}

/* ====== Bootstrap ====== */
.modal {
	direction:rtl !important;
}

.caret {
	margin-top:5px;
}

.dropdown-menu {
	padding:0 !important;
	overflow:hidden !important;
}

.dropdown-menu i {
	color:#404040;
	font-size:12px;
}

.dropdown-menu li {
	margin:0 !important;
	font-size:12px !important;
	text-align:right;
}

.dropdown-menu li a {
	padding:9px 7px 9px 7px !important;
}

.dropdown-menu li a i {
	color:#909090;
	width:25px;
	text-align:center;
	font-size:16px;
}

.alert {
	padding:10px;
	margin-bottom:10px;
	text-align:right;
}

.alert ul {
	margin-top:10px;
}

.btn-primary, .btn-warning, .btn-danger, .btn-info, .btn-success {
	color:white !important;
}

.label-status {
	display:inline-block;
	width:100px;
	font-weight:normal;
	font-size:12px !important;
	height:30px !important;
	line-height:27px;
}

/* ====== Fancybox ====== */
.fancybox-slide--iframe .fancybox-content {
	height: 600px !important;
	width: 1200px !important;
	max-height: 95% !important;
	max-width: 95% !important;
	margin: 0 !important;
	border: 10px solid #fff !important;
	border-radius: 10px !important;
}
body.fancybox-active{overflow:auto}

/* ====== Home Page ====== */
div.icons_separator {
	width:100%;
	background: #32475c; /* Old browsers */
	font-weight:bold;
	text-align:right;
	border-radius:3px;
	clear:both;
	color:white;
	padding:10px;
	text-shadow:1px 1px 0px black;
	margin:10px 0px 0px 0px;
}

div.icons_separator:first-child {
	margin-top:0px;
}

div.index_button {
	color:#606060;
	border:1px solid #C8C8C8;
	border-radius:5px;
	display:block;
	width:100%;
	text-align:center;
	padding:5px 10px 5px 10px;
	line-height:18px;
	height:120px;
	overflow:hidden;
	font-size:12px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	box-shadow:1px 1px 2px rgba(0,0,0,.1);
}

div.index_button:hover {
	color:#404040;
	background: rgb(246,248,249); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#d7dee3',GradientType=0 ); /* IE6-9 */
	border:1px solid #B1B1B1;
}

div.index_button img {
	width:60px;
	height:60px;
	margin:5px 0px 5px 0px;
}

ul.index_icons {
	display:block;
	width:100%;
	padding:0px !important;
	margin:0px !important;
	font-size:0px;
}

ul.index_icons li {
	list-style: none;
	display:inline-block;
	width:14.285%;
	padding:10px 5px 0px 5px;
}

ul.index_icons li:first-child{
	padding:10px 0px 0px 5px;
}

ul.index_icons li:nth-child(7n+7){
	padding:10px 5px 0px 0px;
}

ul.index_icons li:nth-child(7n+8){
	padding:10px 0px 0px 5px;
}

/* ====== Admin Panel Pages ====== */
div.title {
	width:100%;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	background: #f4f4f4;
	background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 50%, #d6d6d6 51%, #e2e2e2 100%);
	background: -webkit-linear-gradient(top, #f4f4f4 0%,#ededed 50%,#d6d6d6 51%,#e2e2e2 100%);
	background: linear-gradient(to bottom, #f4f4f4 0%,#ededed 50%,#d6d6d6 51%,#e2e2e2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e2e2e2',GradientType=0 );
	margin-bottom:10px;
	border-radius:5px;
	border:1px solid #808080;
	text-align:right;
}

div.title a {
	color:#353535;
	text-decoration:none;
}

div.title a:hover {
	color:#000;
}

div.subtitle {
	font-size:13px;
	font-weight:bold;
	margin:10px 0px 10px 0px;
	color:#3f5b8f;
}

img.sample_img {
	width:150px;
	margin-top:10px;
	border-radius:5px;
	border:1px solid #808080;
}

/* ====== Form Fields ====== */
input[type=text],input[type=password],input[type=email],input[type=number],input[type=file],input[type=date],input[type=time],textarea,select {
	width:100%;
	padding:4px;
	border:1px solid #b9b9b9;
	box-shadow:inset 1px 1px 2px rgba(0,0,0,.2);
	background:#f1f1f1;
	height:30px;
}

select[disabled] {
	width:100%;
	padding:0px !important;
	border:0px;
	box-shadow:initial;
	background:#fff;
	height:initial !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

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

textarea {
	height:100px;
	resize:vertical;
	margin-bottom:-5px;
}

input[type=range] {
	display:inline-block;
	-webkit-appearance: none;
	width: 200px;
	background: transparent;
	margin:20px 5px 10px 5px;
}

.date_field {
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MzQgNTExLjYzNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYzNCA1MTEuNjM0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQ4Mi41MTMsODMuOTQyYy03LjIyNS03LjIzMy0xNS43OTctMTAuODUtMjUuNjk0LTEwLjg1aC0zNi41NDF2LTI3LjQxYzAtMTIuNTYtNC40NzctMjMuMzE1LTEzLjQyMi0zMi4yNjEgICBDMzk3LjkwNiw0LjQ3NSwzODcuMTU3LDAsMzc0LjU5MSwwaC0xOC4yNjhjLTEyLjU2NSwwLTIzLjMxOCw0LjQ3NS0zMi4yNjQsMTMuNDIyYy04Ljk0OSw4Ljk0NS0xMy40MjIsMTkuNzAxLTEzLjQyMiwzMi4yNjF2MjcuNDEgICBoLTEwOS42M3YtMjcuNDFjMC0xMi41Ni00LjQ3NS0yMy4zMTUtMTMuNDIyLTMyLjI2MUMxNzguNjQsNC40NzUsMTY3Ljg4NiwwLDE1NS4zMjEsMEgxMzcuMDUgICBjLTEyLjU2MiwwLTIzLjMxNyw0LjQ3NS0zMi4yNjQsMTMuNDIyYy04Ljk0NSw4Ljk0NS0xMy40MjEsMTkuNzAxLTEzLjQyMSwzMi4yNjF2MjcuNDFINTQuODIzYy05LjksMC0xOC40NjQsMy42MTctMjUuNjk3LDEwLjg1ICAgYy03LjIzMyw3LjIzMi0xMC44NSwxNS44LTEwLjg1LDI1LjY5N3YzNjUuNDUzYzAsOS44OSwzLjYxNywxOC40NTYsMTAuODUsMjUuNjkzYzcuMjMyLDcuMjMxLDE1Ljc5NiwxMC44NDksMjUuNjk3LDEwLjg0OWg0MDEuOTg5ICAgYzkuODk3LDAsMTguNDctMy42MTcsMjUuNjk0LTEwLjg0OWM3LjIzNC03LjIzNCwxMC44NTItMTUuODA0LDEwLjg1Mi0yNS42OTNWMTA5LjYzOSAgIEM0OTMuMzU3LDk5LjczOSw0ODkuNzQzLDkxLjE3NSw0ODIuNTEzLDgzLjk0MnogTTEzNy4wNDcsNDc1LjA4OEg1NC44MjN2LTgyLjIzaDgyLjIyNFY0NzUuMDg4eiBNMTM3LjA0NywzNzQuNTlINTQuODIzdi05MS4zNTggICBoODIuMjI0VjM3NC41OXogTTEzNy4wNDcsMjY0Ljk1MUg1NC44MjN2LTgyLjIyM2g4Mi4yMjRWMjY0Ljk1MXogTTEzMC42MjcsMTM0LjMzM2MtMS44MDktMS44MDktMi43MTItMy45NDYtMi43MTItNi40MjNWNDUuNjg2ICAgYzAtMi40NzQsMC45MDMtNC42MTcsMi43MTItNi40MjNjMS44MDktMS44MDksMy45NDYtMi43MTIsNi40MjMtMi43MTJoMTguMjcxYzIuNDc0LDAsNC42MTcsMC45MDMsNi40MjMsMi43MTIgICBjMS44MDksMS44MDcsMi43MTQsMy45NDksMi43MTQsNi40MjN2ODIuMjI0YzAsMi40NzgtMC45MDksNC42MTUtMi43MTQsNi40MjNjLTEuODA3LDEuODA5LTMuOTQ2LDIuNzEyLTYuNDIzLDIuNzEySDEzNy4wNSAgIEMxMzQuNTc2LDEzNy4wNDYsMTMyLjQzNiwxMzYuMTQyLDEzMC42MjcsMTM0LjMzM3ogTTI0Ni42ODMsNDc1LjA4OGgtOTEuMzY1di04Mi4yM2g5MS4zNjVWNDc1LjA4OHogTTI0Ni42ODMsMzc0LjU5aC05MS4zNjUgICB2LTkxLjM1OGg5MS4zNjVWMzc0LjU5eiBNMjQ2LjY4MywyNjQuOTUxaC05MS4zNjV2LTgyLjIyM2g5MS4zNjVWMjY0Ljk1MXogTTM1Ni4zMjMsNDc1LjA4OGgtOTEuMzY0di04Mi4yM2g5MS4zNjRWNDc1LjA4OHogICAgTTM1Ni4zMjMsMzc0LjU5aC05MS4zNjR2LTkxLjM1OGg5MS4zNjRWMzc0LjU5eiBNMzU2LjMyMywyNjQuOTUxaC05MS4zNjR2LTgyLjIyM2g5MS4zNjRWMjY0Ljk1MXogTTM0OS44OTYsMTM0LjMzMyAgIGMtMS44MDctMS44MDktMi43MDctMy45NDYtMi43MDctNi40MjNWNDUuNjg2YzAtMi40NzQsMC45LTQuNjE3LDIuNzA3LTYuNDIzYzEuODA4LTEuODA5LDMuOTQ5LTIuNzEyLDYuNDI3LTIuNzEyaDE4LjI2OCAgIGMyLjQ3OCwwLDQuNjE3LDAuOTAzLDYuNDI3LDIuNzEyYzEuODA4LDEuODA3LDIuNzA3LDMuOTQ5LDIuNzA3LDYuNDIzdjgyLjIyNGMwLDIuNDc4LTAuOTAzLDQuNjE1LTIuNzA3LDYuNDIzICAgYy0xLjgwNywxLjgwOS0zLjk0OSwyLjcxMi02LjQyNywyLjcxMmgtMTguMjY4QzM1My44NDYsMTM3LjA0NiwzNTEuNjk3LDEzNi4xNDIsMzQ5Ljg5NiwxMzQuMzMzeiBNNDU2LjgxMiw0NzUuMDg4aC04Mi4yMjh2LTgyLjIzICAgaDgyLjIyOFY0NzUuMDg4eiBNNDU2LjgxMiwzNzQuNTloLTgyLjIyOHYtOTEuMzU4aDgyLjIyOFYzNzQuNTl6IE00NTYuODEyLDI2NC45NTFoLTgyLjIyOHYtODIuMjIzaDgyLjIyOFYyNjQuOTUxeiIgZmlsbD0iIzcwNzA3MCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) !important;	background-size:20px 20px !important;
	background-size:16px 16px !important;
	height:30px !important;
	background-repeat:no-repeat !important;
	background-position:6px 6px !important;
	padding-left:30px !important;
	border-radius:0px !important;
	cursor:pointer;
}

.time_field {
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ3LjAwMSA0Ny4wMDEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3LjAwMSA0Ny4wMDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iTGF5ZXJfMV82NV8iPgoJCTxnPgoJCQk8cGF0aCBkPSJNNDYuOTA3LDIwLjEyYy0wLjE2My0wLjM0Ny0wLjUxMS0wLjU2OS0wLjg5Ni0wLjU2OWgtMi45MjdDNDEuMjIzLDkuNDUyLDMyLjM1NSwxLjc3NSwyMS43MjYsMS43NzUgICAgIEM5Ljc0NywxLjc3NSwwLDExLjUyMiwwLDIzLjUwMUMwLDM1LjQ4LDkuNzQ2LDQ1LjIyNiwyMS43MjYsNDUuMjI2YzcuNzMxLDAsMTQuOTQxLTQuMTYxLDE4LjgxNi0xMC44NTcgICAgIGMwLjU0Ni0wLjk0NSwwLjIyNC0yLjE1Mi0wLjcyMi0yLjY5OWMtMC45NDQtMC41NDctMi4xNTItMC4yMjUtMi42OTcsMC43MmMtMy4xNzIsNS40ODEtOS4wNzIsOC44ODctMTUuMzk3LDguODg3ICAgICBjLTkuODAxLDAtMTcuNzc2LTcuOTc0LTE3Ljc3Ni0xNy43NzRjMC05LjgwMiw3Ljk3NS0xNy43NzYsMTcuNzc2LTE3Ljc3NmM4LjQ0MiwwLDE1LjUxNSw1LjkyMSwxNy4zMTcsMTMuODI1aC0yLjkwNCAgICAgYy0wLjM4NSwwLTAuNzMyLDAuMjIyLTAuODk2LDAuNTY5Yy0wLjE2MywwLjM0Ny0wLjExLDAuNzU2LDAuMTM2LDEuMDUxbDQuOTM4LDUuOTI1YzAuMTg4LDAuMjI1LDAuNDY1LDAuMzU1LDAuNzU5LDAuMzU1ICAgICBjMC4yOTMsMCwwLjU3MS0wLjEzMSwwLjc1OC0wLjM1NWw0LjkzOC01LjkyNUM0Ny4wMTgsMjAuODc2LDQ3LjA3LDIwLjQ2Nyw0Ni45MDcsMjAuMTJ6IiBmaWxsPSIjOGM4YzhjIi8+CgkJCTxwYXRoIGQ9Ik0yMS43MjYsNi43MTNjLTEuMDkxLDAtMS45NzUsMC44ODQtMS45NzUsMS45NzV2MTEuOTg0Yy0wLjg5MywwLjYyNi0xLjQ4MSwxLjY1OC0xLjQ4MSwyLjgzICAgICBjMCwxLjkwNiwxLjU1MSwzLjQ1NywzLjQ1NywzLjQ1N2MwLjUyMiwwLDEuMDE0LTAuMTI1LDEuNDU4LTAuMzM0bDYuODcsMy45NjVjMC4zMTIsMC4xODEsMC42NSwwLjI2NiwwLjk4NiwwLjI2NiAgICAgYzAuNjgyLDAsMS4zNDYtMC4zNTQsMS43MTItMC45ODhjMC41NDUtMC45NDMsMC4yMjItMi4xNTItMC43MjQtMi42OTdsLTYuODc3LTMuOTcxYy0wLjA5Mi0xLjA0NC0wLjYzNS0xLjk1Ni0xLjQ0OS0yLjUyNlY4LjY4OCAgICAgQzIzLjcwMSw3LjU5OCwyMi44MTYsNi43MTMsMjEuNzI2LDYuNzEzeiBNMjEuNzI2LDI0Ljk4MmMtMC44MTcsMC0xLjQ4MS0wLjY2NS0xLjQ4MS0xLjQ4YzAtMC44MTYsMC42NjUtMS40ODEsMS40ODEtMS40ODEgICAgIHMxLjQ4MSwwLjY2NSwxLjQ4MSwxLjQ4MUMyMy4yMDcsMjQuMzE3LDIyLjU0MiwyNC45ODIsMjEuNzI2LDI0Ljk4MnoiIGZpbGw9IiM4YzhjOGMiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) !important;
	background-size:16px 16px !important;
	height:30px !important;
	background-repeat:no-repeat !important;
	background-position:6px 6px !important;
	padding-left:30px !important;
	background-color:#fff !important;
	box-shadow:none !important;
	cursor:default !important;
}

div.input_description {
	width:100%;
	font-size:10px;
	color:#909090;
	margin-top:5px;
}

.select2-container .select2-selection--multiple {
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-radius:3px;
	border:1px solid #b9b9b9;
	box-shadow:inset 1px 1px 2px rgba(0,0,0,.2);
	background:#f1f3f6 !important;
}

/* ====== Option Groups ====== */
optgroup.level_1 {
	background:#cbd0d6;
}

optgroup.level_2 {
	background:#dee2e7;
}

select option {
	background:#f1f3f6;
}

/* ====== Slider Thumb ====== */
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	background: #b8b8b8;
	cursor: pointer;
	margin-top:-10px;
}

input[type=range]::-moz-range-thumb {
	-webkit-appearance: none;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	background: #b8b8b8;
	cursor: pointer;
	margin-top:-10px;
}

input[type=range]::-ms-thumb {
	-webkit-appearance: none;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	background: #b8b8b8;
	cursor: pointer;
	margin-top:-10px;
}

/* ====== Slider Track ====== */
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background: #dadada;
  border-radius:3px;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background: #dadada;
  border-radius:3px;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  background: #dadada;
  border-radius:3px;
}

/* ====== Input Table ====== */
table.data_table {
	width:100%;
	border-collapse:collapse;
	box-shadow:1px 1px 3px rgba(0,0,0,.1);
}

table.data_table td.title {
	width:15%;
	padding:10px;
	background:#F0F0F0;
}

table.data_table td {
	padding:10px;
	border:1px solid #C8C8C8;
	background:#fff;
	width:85%;
}

table.profile_table {
	width:100%;
	border-collapse:collapse;
	box-shadow:1px 1px 3px rgba(0,0,0,.1);
	font-size:12px !important;
}

table.profile_table td.title {
	width:15%;
	padding:10px;
	background:#F0F0F0;
}

table.profile_table td {
	padding:10px;
	border:1px solid #C8C8C8;
	background:#fff;
	width:35%;
	vertical-align:top;
}

table.profile_table tr[data-visibility]{
	display:none;
}

table.profile_table td.full-width {
	width:85%;
}

table.inline_data_table {
	width:100%;
	border-collapse:separate;
	overflow:hidden;
}

table.inline_data_table td {
	padding:10px;
	background:#fff;
}

table.inline_data_table tr td { border-right:1px solid #C8C8C8; }
table.inline_data_table tr td:first-child { border-left:1px solid #C8C8C8; }
table.inline_data_table tr td { border-bottom:1px solid #C8C8C8; }
table.inline_data_table tr:first-child td { border-top:1px solid #C8C8C8; }
table.inline_data_table tr:first-child td:first-child { border-radius:5px 0px 0px 0px; }
table.inline_data_table tr:first-child td:last-child { border-radius:0px 5px 0px 0px; }
table.inline_data_table tr:last-child td:first-child { border-radius:0px 0px 0px 5px; }
table.inline_data_table tr:last-child td:last-child { border-radius:0px 0px 5px 0px; }

table.inline_data_table td.title {
	width:100px;
	min-width:100px;
	padding:10px;
	background:#f0f0f0;
}

.requ:before {
	display:inline;
	content: "*";
	color:red;
	font-weight:bold;
	font-style:normal;
}

.submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background-color:#74ad5a;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	vertical-align:center;
	font-size:14px;
	padding:10px 15px 10px 15px;
	text-decoration:none;
	outline: 0px !important;
	border-radius:5px;
	min-width:150px;
}

.submit:hover {
	background-color:#68a54b;
}

.submit_container {
	width:100%;
	padding:10px;
	border:1px dotted #808080;
	text-align:center;
	background: #eaeaea;
	margin-top:15px;
	border-radius:5px;
}

form {
	margin:0px;
}

/* ====== Checkboxes and Radio Buttons ====== */
div.checkbox_titles {
	font-weight:bold;
	margin-bottom:5px;
}

ul.checkbox_container {
	display:block;
	font-size:0;
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px;
}

ul.checkbox_container li {
	list-style: none;
	display:inline-block;
	width:33.3333%;
	padding:0px 0px 0px 0px;
	position:relative;
}

ul.checkbox_container li:nth-child(3n - 1) {
	padding-left:5px;
	padding-right:5px;
}

ul.checkbox_container li input[type=checkbox] {
	position:absolute;
	margin-top:8px;
	transform: translate(-50%,50%);
	width:16px;
	height:16px;
}

ul.checkbox_container li input[type=checkbox] + label {
	display:block;
	width:100%;
	color:#606060;
	background:#f8f8f8;
	width:100%;
	border:1px solid #aaaaaa;
	padding:10px 30px 10px 10px;
	border-radius:3px;
	cursor:pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

ul.checkbox_container li input[type=checkbox]:checked + label {
	background:#c6d6e0;
	color:#303030;
}

input[type=radio] {
	display:inline-block;
	width:16px;
	height:16px;
	margin:0px 0px 0px 5px;
	padding:0px;
	vertical-align: middle;
	cursor:pointer;
}

input[type=radio] + label {
	cursor:pointer;
	margin:5px 0px 0px 10px;
}

input[type=checkbox] {
	display:inline-block;
	width:16px;
	height:16px;
	padding:0px;
	margin:0px 0px 0px 5px;
	vertical-align: middle;
	cursor:pointer;
}

input[type=checkbox] + label {
	cursor:pointer;
	font-size:12px;
	margin:5px 0px 0px 10px;
}

/* ====== Messages ====== */
div.success {
	width:100%;
	padding:10px;
	border:1px solid #7ab97c;
	background: #96d198;
	font-weight:bold;
	text-align:center;
	border-radius:5px;
	margin-bottom:10px;
}

div.error {
	width:100%;
	padding:10px;
	border:1px solid #c67463;
	background: #efbab3;
	font-weight:bold;
	border-radius:5px;
	text-align:center;
	margin-bottom:10px;
}

div.tip {
	width:100%;
	background: #fceabb;
	border:1px solid #c6b686;
	border-radius:5px;
	padding:10px;
	margin:10px 0px 10px 0px;
	line-height:15px;
}

/* ====== Custom Manage Table ====== */
table.manage {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}

table.manage tr th,
table.manage tr td {
	border: 1px solid #c8c8c8;
	padding: 6px;
	text-align:center;
}

table.manage tr th {
	background: #dadada;
	text-align: center;
	font-weight:bold;
	font-size:12px !important;
	border-top:1px solid #c8c8c8;
	position:relative;
}

table.manage td {
	font-size:12px;
	line-height:15px;
}

table.manage tr {
	background-color: #fff;
}

table.manage tr:nth-child(even) {
	background-color: #eee;
}

table.sortable tr th {
	cursor:pointer !important;
}

table.sortable tr th div.sort {
	display:inline-block;
	margin-left:5px;
}

table.noclass tr, table.noclass th, table.noclass td {
	background:transparent !important;
	border:0px !important;
	border-radius:0px !important;
	padding:0px !important;
	margin:0px !important;
}

/* ====== Custom Pagination ====== */
ul.pagination {
	display:block;
	padding:0px;
	margin-top:30px;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
	grid-gap: 3px;
	align-items: baseline;
}

ul.pagination li {
	display:block;
	width:100%;
	margin:0px;
}

ul.pagination li a.regular {
	display: block;
	padding: 5px;
	width:100%;
	height:30px;
	margin:0px;
	line-height:18px;
	text-align:center;
    font-size: 1bw;
	border-radius: 3px;
	border: solid 1px #c0c0c0;
	background: #e9e9e9;
	text-decoration: none;
	color: #717171;
	text-shadow: 0px 1px 0px rgba(255,255,255, 1);
	cursor:pointer;
}

ul.pagination li a.regular:hover {
	background: #fefefe;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
	background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

ul.pagination li a.active {
	display: block;
	padding: 5px;
	width:100%;
	height:30px;
	margin:0px;
    font-size: 1bw;
	line-height:18px;
	text-align:center;
	border-radius: 3px;
	text-decoration: none;
	background: #fefefe;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#858585), to(#656565));
	background: -moz-linear-gradient(0% 0% 270d3eg,#858585, #656565);
	text-shadow: none;
	color: white;
	border: solid 1px #909090;
	pointer-events: none;
	cursor: default;
}

/* ====== AJAX Loading ====== */
.ajax_loading {
	padding:10px;
	background:#f8f8f8;
	border:1px solid #c8c8c8;
	margin-bottom:10px;
	font-weight:bold;
	border-radius:3px;
	text-align:center;
}

.ajax_loading img {
	height:28px;
	margin-top:10px;
}

/* ====== Tasks Module [Group Management] ====== */
table.tasksTable {
	width:100%;
	max-width:100%;
	border-collapse:collapse;
	border:1px solid #c8c8c8;
	margin-bottom:5px;
	background:#fff;
	box-shadow:1px 1px 3px rgba(0,0,0,.1);
}

table.tasksTable td {
	padding:5px;
	border:1px solid #c8c8c8;
}

ul.tasksSummary {
	width:100%;
	padding:0px;
	margin:0px;
	list-style:none;
}

ul.tasksSummary li {
	font-size:11px;
	font-weight:bold;
	line-height:16px;
}

ul.tasksSummary li small {
	width:300px;
	color:#808080;
	font-weight:normal;
	float:left;
}

.manage_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	margin:5px;
	width:60px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	position:relative;
	font-size:13px;
}

.manage_button:hover, .manage_button:focus {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}

.manage_button .caret {
	margin:0px 5px 0px 0px !important;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
	left:87px;
	top:-7px;
	border-radius:5px;
	border:1px solid #c8c8c8;
    background-color: #f8f8f8;
	width:630px;
	padding:10px 10px 10px 0px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    z-index: 10;
}

.dropdown-content a {
    color: black;
	width:200px;
    text-decoration: none;
    display: inline-block;
	border-radius:3px;
	position:relative;
	padding:10px;
}

.dropdown-content a i {
	font-size:13px;
	color:#808080;
	margin-left:5px;
}

.dropdown-content a:hover {background-color: #eee !important;}
.show {display:block;}

/* ====== Additional CSS ====== */
.block-full-width {
	width:100% !important;
}

/* ====== Notifications ====== */
.footer_notifications {
	direction:rtl;
	position:fixed;
	bottom:10px;
	left:10px;
	background: rgb(252,245,179); /* Old browsers */
	padding:10px;
	border:1px solid #f7dc73;
	width:400px;
	border-radius:5px;
	box-shadow:1px 1px 2px rgba(0,0,0,.5);
}

.footer_notifications:after {
	float:right;
	background:#f2b738;
	color:white;
	width:60px;
	height:60px;
	border-radius:50%;
	font-family: "Glyphicons Halflings";
	font-size:30px;
	display:flex;
	justify-content:center;
	align-items:center;
	content:"\e123";
	text-shadow:1px 1px 1px rgba(0,0,0,.2);
}

.footer_notifications ul {
	width:calc(100% - 100px);
	display:inline-block;
	margin:0px 30px 0px 0px;
	padding:0px;
	list-style-position:inside;
	list-style-type: square;
}

.footer_notifications ul li {
	padding:2px 0px 2px 0px;
	display: block;
}

.footer_notifications ul li:before {
    content: "\e079";
    font-family: 'Glyphicons Halflings';
    font-size: 12px;
    float: right;
    margin-top: 0px;
    margin-right: -20px;
    color: #f2b738;
}

.footer_notifications ul li:last-child {
	border-bottom:0px;
}

.footer_notifications i {
	position:absolute;
	top:10px;
	left:10px;
	color:#606060;
	cursor:pointer;
}

/* ====== Data Related Styles ====== */
.images_sortable {
	list-style-type: none;
	margin: 10px 0px 0px 0px;
	padding: 0;
	width: 100%;
}

.images_sortable li {
	margin: 0px 0px 10px 6px;
	padding: 1px;
	float: right;
	height: 80px;
	text-align: center;
	position:relative;
}

.images_sortable li .remove_image {
	border-radius:3px;
	padding:0px;
	margin:0px;
	width:25px;
	height:25px;
	top:5px;
	right:5px;
	position:absolute;
	background:#d23f3f;
	color:white;
	border:0px;
}

.images_sortable img {
	height: 80px;
	max-width: 150px;
	border: 1px solid #909090;
	margin:0px;
	border-radius:3px;
	cursor:pointer;
}

td[images-containemnt]{
	padding-bottom:0px !important;
}

.btn-upload {
	width:150px;
}

ul[json-custom-data] {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: calc(100% - 32px);
}

ul[json-custom-data] li {
	margin-top:10px;
	background:#f8f8f8;
	padding:5px;
	border:1px solid #c8c8c8;
	border-top:5px solid #5b88ab;
	border-radius:3px;
	position:relative;
}

ul[json-custom-data] li input[type=text], ul[json-custom-data] li input[type=number], ul[json-custom-data] li input[type=date], ul[json-custom-data] li select {
	margin:5px 0px 0px 0px;
	width:100%;
	padding:0px 10px 0px 10px;
}

ul[json-custom-data] li span {
	display:inline-block;
	width:calc(25% - 10px);
	margin:5px;
}

ul[json-custom-data] li div {
	display:inline;
}

ul[json-custom-data] li span.double-width {
	width:calc(50% - 10px);
}

ul.tiny_input_list {
	list-style-type: none;
	margin: 0px;
	padding: 0;
	width: 100%;
}

ul.tiny_input_list li {
	float:right;
	width:200px;
	margin:0px 0px 5px 5px;
}

.remove_data {
	border-radius:3px;
	padding:0px;
	border:0px;
	margin:0px;
	width:25px;
	height:25px;
	background:#d23f3f;
	color:white;
	margin-right:10px;
	position:absolute;
	top:-1px;
	left:-35px;
}

.add_data {
	border-radius:3px;
	padding:0px;
	border:0px;
	margin:0px;
	width:26px;
	height:26px;
	background:#3479b6;
	color:white;
	margin-right:10px;
	position:absolute;
	top:29px;
	left:-35px;
}

.tiny_input {
	display:flex;
	width:100%;
}

.tiny_input p {
	margin:0px;
	padding:0px;
	display:inline;
	width:120px;
	height:30px;
	background:white;
	border-radius:0px 3px 3px 0px;
	border:1px solid #c8c8c8;
	border-left:0px;
	text-align:center;
	line-height:28px;
}

.tiny_input input {
	width:calc(100% - 120px);
	margin:0px !important;
	text-align:center !important;
}

/* ====== Tasks ====== */
.dropdown-menu .tasks_tabs_container {
	width:100%;
	padding:0px 10px 0px 10px;
	background:#f8f8f8;
	border-bottom:0px;
	text-align:center;
}

.dropdown-menu .tasks_tabs_container a {
	display:inline-block;
	width:110px;
	border:1px solid #c8c8c8 !important;
	border-bottom:0px !important;
	margin-top:10px;
	margin-left:5px;
	font-size:12px;
	padding:5px 0px 5px 0px;
	border-radius:3px 3px 0px 0px
}

.dropdown-menu .tasks_tabs_container li.active a {
	background:#fff !important;
	border-bottom:0px !important;
}

.dropdown-menu .tasks_tabs_container li .label {
	float:left;
	padding:5px !important;
	line-height:10px !important;
	margin-top:-2px;
}

.dropdown-menu .tab-pane {
	color:#000;
	height:300px;
	overflow-y:scroll;
}

.dropdown-menu .tab-pane::-webkit-scrollbar {
	max-width: 5px;
	max-height: 5px;
}

.dropdown-menu .panel-body {
	border-top:1px solid #c8c8c8;
}

.dropdown-menu .tab-pane::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}
 
.dropdown-menu .tab-pane::-webkit-scrollbar-thumb {
	background-color: #808080;
}

.select_user_profile b {
	display:block;
	margin-bottom:5px;
}

.select_user_profile p {
	display:inline-block;
	width:32%;
	color:#909090;
	font-size:10px;
	margin:0px;
	padding:0px;
}

.select_user_profile span {
	margin-right:5px;
}

.profile_number {
	display:inline-block;
	width:auto;
	font-size:28px;
	font-weight:bold;
	margin:5px auto 0px auto;
	padding:5px 10px 5px 10px;
	border:1px solid #4e8952;
	border-radius:3px;
}

.buttons_container {
	width:100%;
	text-align:center;
}

.inline_manage_container {
	float:left;
}

.user_header {
	border:1px solid #c8c8c8;
	background:#f8f8f8;
	border-radius:3px;
	margin-bottom:10px;
}

.user_header img.user_image {
	max-width:100px;
	max-height:100px;
	border-radius:3px;
}

.user_header > table.header_container td {
	vertical-align:top;
	padding:10px;
}

.user_header > table.header_container td:last-child {
	padding-right:0px;
}

.user_header_inline {
	background:white;
	border:1px solid #c8c8c8;
	box-shadow:1px 1px 2px rgba(0,0,0,.2);
}

table.small_info {
	border-collapse:separate;
	width:100%;
	margin-top:10px;
}

table.small_info td {
	padding:5px !important;
	font-size:12px;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#eee;
	width:25%;
	overflow:hidden;
}

table.small_info tr td:first-child {
	border-right:1px solid #ddd;
}

table.small_info tr:first-child td {
	border-top:1px solid #ddd;
}

table.small_info tr:first-child td:first-child { border-radius:0px 3px 0px 0px; }
table.small_info tr:first-child td:last-child { border-radius:3px 0px 0px 0px; }
table.small_info tr:last-child td:first-child { border-radius:0px 0px 3px 0px; }
table.small_info tr:last-child td:last-child { border-radius:0px 0px 0px 3px; }

table.small_info td p {
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;
	display:inline;
}

table.small_info span {
	float:left;
}

table.data_table_info {
	width:100%;
	border-collapse:collapse;
}

table.data_table_info td.title {
	width:15%;
	padding:5px;
	background:#F0F0F0;
}

table.data_table_info td {
	padding:5px;
	border:1px solid #C8C8C8;
	background:#fff;
	font-size:12px;
	width:35%;
	vertical-align:top;
}

table.data_table_info td.full-width {
	width:85%;
}

.profile_tabs_container {
	padding:0px;
}

.profile_tabs_container li a {
	margin:0px 0px 0px 5px;
	border:1px solid #c8c8c8 !important;
}

.profile_tabs_container li.active a {
	border-bottom:1px solid #fff !important;
}

.panel-body {
	padding:10px;
	font-size:12px;
}

.images_container {
	list-style-type: none;
	margin: 0px;
	padding: 0;
	width: 100%;
}

.images_container li {
	padding: 0px 0px 5px 5px;
	float: right;
	height: 80px;
	text-align: center;
	position:relative;
}

.images_container img {
	height: 80px;
	max-width: 120px;
	border: 1px solid #909090;
	margin:0px;
	border-radius:3px;
	cursor:pointer;
}

i.not-available {
	color:#909090;
}

.tiny_data {
	display:inline-block;
	margin-left:5px;
	border:1px solid #eee;
	padding:5px;
	border-radius:3px;
}

.tiny_data b {
	font-weight:normal;
	margin-left:5px;
}

.tiny_data span {
	float:left;
	min-width:50px;
	text-align:left;
}

.info_data_title {
	margin-top:10px;
	padding:10px;
	font-size:13px;
	text-align:right;
	font-weight:bold;
	background:#d1d8df;
}

.large_thumb {
	width:80px;
	height:80px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0px auto 15px auto;
	padding:20px;
	border-radius:50%;
	border:1px solid #4e8952;
}

.large_thumb i {
	font-size:40px;
}

ul.tasks_list {
	list-style:none;
	padding:0;
	margin:0;
}

ul.tasks_list a {
	display:block;
	background:#f8f8f8;
	border:1px solid #c8c8c8;
	border-bottom:3px solid #c8c8c8;
	margin-bottom:5px !important;
	padding:5px;
}

ul.tasks_list a:hover {
	background:#dfe2e5;
	border:1px solid #c8c8c8;
	border-bottom:3px solid #c8c8c8;
}

ul.tasks_list a:last-child {
	margin-bottom:0px !important;
}

ul.tasks_list li span {
	font-size:10px;
	display:inline-block;
	width:50%;
}

.download_button {
	margin:0px 0px 5px 5px;
	height:30px;
}

.download_button i {
	margin-right:20px;
	float:left;
	color:#909090;
}

.download_button img {
	width:18px;
	float:right;
	margin-left:5px;
}

ul.download_button {
	margin:0px !important;
}

.circle-tile {
    text-align: center;
}

.circle-tile-heading {
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto -40px;
	border: 3px solid rgba(255,255,255,0.3);
	border-radius: 100%;
	color: #fff;
	transition: all ease-in-out .3s;
}


.dark-blue { background-color: #34495e; }
.green { background-color: #16a085; }
.blue { background-color: #2980b9; }
.orange { background-color: #f39c12; }
.red { background-color: #e74c3c; }
.purple { background-color: #8e44ad; }
.dark-gray { background-color: #7f8c8d; }
.gray { background-color: #95a5a6; }
.light-gray { background-color: #bdc3c7; }
.yellow { background-color: #f1c40f; }

.text-faded {
    color: rgba(255,255,255,0.7);
}

.circle-tile-heading {
    line-height: 90px;
}

.circle-tile-content {
	padding-top: 50px;
	border-radius:5px;
}

.text-faded { color: rgba(255,255,255,0.7); }

.circle-tile-number {
    padding: 5px 0 15px;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
}

.circle-tile-footer {
    display: block;
    padding: 5px;
    color: rgba(255,255,255,0.5);
    background-color: rgba(0,0,0,0.1);
    transition: all ease-in-out .3s;
	color:white !important;
}

.circle-tile-footer:hover {
    text-decoration: none;
    color: rgba(255,255,255,0.5);
    background-color: rgba(0,0,0,0.2);
}

table.circles_container {
	width:100%;
	margin:15px 0px 15px 0px;
}

table.circles_container td {
	padding-right:10px;
	width:16.66%;
}

table.circles_container tr td:first-child {
	padding-right:0px;
}

table.index_module {
	width:100%;
}

div.date_container {
	width:100%;
	height:120px;
	background-image:url(../images/date.jpg);
	background-size:cover;
	background-position:center center;
	border-radius:5px;
	color:white;
	text-shadow:1px 1px 2px rgba(0,0,0,.75);
	text-align:center;
	font-size:12px;
	padding-top:10px;
}

div.date_container div.date {
	font-size:16px;
	margin:5px 0px 15px 0px;
}

div.date_container div.time {
	font-size:16px;
	margin:5px 0px 10px 0px;
}

div.user_welcome {
	width:100%;
	height:120px;
	background:white;
	border:1px solid #c8c8c8;
	border-radius:5px;
	box-shadow:1px 1px 2px rgba(0,0,0,.2);
	padding:10px;
	position:relative;
}

div.user_welcome b {
	display:block;
	margin-top:2px;
	font-size:20px;
}

div.user_welcome .logo {
	height:85px;
	position:absolute;
	top:10px;
	left:10px;
}

.stylish-input-group {
	width:100%;
	display:flex;
	margin-top:50px;
}

.stylish-input-group input {
    background: white !important; 
	height:40px !important;
	box-shadow:initial;
	border-radius:0px 3px 3px 0px;
	font-size:14px;
	width:calc(100% - 40px);
	border:1px solid #c8c8c8;
}

.stylish-input-group button {
    border:0;
    background:transparent;
	width:40px;
	height:40px;
	border:1px solid #c8c8c8;
	border-right:0px;
	border-radius:3px 0px 0px 3px;
}

.bootstrap_manage {
	min-width:130px;
	overflow:hidden;
	position:relative;
	font-size:12px;
}

.bootstrap_manage i {
	font-size:18px !important;
	float:right !important;
	margin-left:5px !important;
}

.bootstrap_manage .caret {
	float:left;
	margin-top:7px;
	margin-right:5px;
}

.search_block {
	margin-top:10px;
	width:100%:

}

.search_block .select2-selection--single {
	padding:5px;
	height:auto !important;
}


.statistics_blocks_container {
	padding:20px 0px 0px 0px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-content:flex-start;
	align-items:stretch;
	width:calc(100% + 10px);
}

.statistics_block {
	border:1px solid #c8c8c8;
	border-radius:5px;
	background:white;
	box-shadow:1px 1px 3px rgba(0,0,0,.2);
	padding: 10px;
	width: calc(20% - 10px);
	margin: 0px 0px 10px 10px;
	text-align: center;
	font-size:12px;
	line-height:200%;
}

.statistics_block span {
	display:block;
	margin:5px 0px 0px 0px;
	font-size:20px;
	font-weight:bold;
}

/* ==== E-Mails ==== */

.email_navigation {
	width:100%;
	padding:10px 10px 0px 10px;
	border:1px dotted #808080;
	text-align:right;
	background: #eaeaea;
	border-radius:5px;	
	margin-bottom:10px;
}

.email_navigation a {
	padding:15px;
	margin-bottom:10px;
	margin-left:5px;
	width:170px;
}

.email_navigation i {
	font-size:18px;
	border-left:1px solid #fff;
	padding-left:10px;
	margin-left:10px;
}

.mail_display {
	border-left:1px solid #c8c8c8;
	border-right:10px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	border-top:1px solid #c8c8c8;
	margin-top:5px;
	padding:10px;
	text-align:right;
	font-size:13px;
	border-radius:3px;
}

.mail_display:first-child {
	margin-top:15px;
}

.mail_display .user {
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #eee;
}

.mail_display .user b {
	font-size:14px;
}

.mail_display .user span {
	float:left;
	text-align:left;
	width:300px;
}

.mail_display .attachments h2 {
	margin:10px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #eee;
}

@media screen and (max-width:768px){
	.mail_display .user:after {
		content: "";
		display:block;
		clear:both;
	}
}

.mail_new {
	border-color:#d8524e !important;
}

.inbox_inline {
	display:inline-block;
	width:100%;
	text-align:right !important;
	padding:5px 5px 5px 5px;
	border-radius:2px;
	border:1px dotted #c8c8c8;
}

.inbox_inline:hover {
	border:1px dotted #909090;
}

.inbox_inline .title, .inbox_inline b {
	display:inline-block;
	font-size:12px !important;
	line-height:18px;
}

.inbox_inline .label {
	float:left;
	font-size:11px;
	font-weight:normal;
	padding:5px;
	margin:0px 5px 0px 0px;
}

.inbox_inline i {
	float:left;
	color:#909090;
	font-size:16px !important;
	margin:2px 0px 0px 0px;
}

.user_header .view_icon {
	width:80px;
	height:80px;
	border-radius:3px;
	background:#c8c8c8;
	color:white;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:45px;
	text-shadow:1px 1px 2px rgba(0,0,0,.2);
}

ul.save_message {
	margin:10px;
	padding:0;
}

ul.save_message > li {
	color:#404040;
	font-weight:bold;
	padding-bottom:5px;
}

ul.save_message > ul > li {
	color:#404040;
	cursor:pointer;
}

.bootbox-close-button {
	margin-top:0px !important;
}