.unauthorized-container {
display:flex;
align-items:center;
width:100%;
height:70%;
padding:15% 0;
text-align:center
}

.unauthorized-left {
position:fixed;
top:0;
right:37%;
bottom:0;
left:0;
padding:0 55px;
overflow:auto;
background:#151a22
}

.unauthorized-logo-wrapper {
display:block;
width:100%;
height:15%;
max-width:900px;
padding-top:75px;
margin:0 auto;
text-align:left
}

.unauthorized-logo {
display:inline-block
}

.unauthorized-logo img {
display:block
}

.unauthorized-intro {
display:block;
width:100%;
max-width:900px;
margin:128px auto 75px!important;
text-align:left
}

.unauthorized-intro h1 {
color:#fff
}

.unauthorized-intro h3 {
color:rgba(255,255,255,0.8)
}

.unauthorized-intro p {
margin:100px 0 0;
color:rgba(255,255,255,0.8)
}

.unauthorized-intro .button {
margin-top:35px
}

.unauthorized-list {
padding-left:18px;
margin:15px 0 0;
color:rgba(255,255,255,0.8)
}

.unauthorized-links {
position:relative;
display:flex;
align-items:flex-end;
width:100%;
height:15%;
max-width:900px;
padding:0;
padding-bottom:75px;
margin:0 auto;
text-align:left;
list-style:none
}

.unauthorized-links li {
display:inline-block;
vertical-align:middle
}

.unauthorized-links li a {
font-size:14px;
letter-spacing:.1em;
color:rgba(255,255,255,0.8)
}

.unauthorized-links li a:hover {
color:#fff
}

.unauthorized-right {
position:fixed;
top:0;
right:0;
bottom:0;
left:63%;
padding:0 75px;
overflow:auto;
background:#fff
}

.unauthorized-right .unauthorized-container {
height:100%
}

.unauthorized-form {
display:block;
width:100%;
max-width:400px;
margin:75px 0;
text-align:left
}

.unauthorized-form h3 {
margin-bottom:25px;
color:#474a4d
}

.unauthorized-form h6 {
margin:40px 0 15px;
color:#a5a8ac
}

.unauthorized-form h6:first-of-type {
margin-top:0
}

.unauthorized-form p {
margin-bottom:25px;
color:#a5a8ac
}

.unauthorized-success-box {
display:block;
padding:25px;
font-weight:500;
color:#006e96;
text-align:center;
background-color:rgba(0,110,150,0.2);
border-radius:2px
}

.unauthorized-success-box h4 {
margin-bottom:25px
}

.unauthorized-success-box .icon,.unauthorized-success-box .inline-error:before,.unauthorized-success-box .uw-captcha a.refresh-image-captcha,.uw-captcha .unauthorized-success-box a.refresh-image-captcha {
margin-bottom:10px;
font-size:50px
}

.unauthorized-success-box p {
color:#006e96
}

.form-item {
position:relative;
display:block;
margin-bottom:20px
}

.input-login {
width:100%;
font-size:100%;
border:0;
padding:10px 0;
background-color:transparent;
line-height:2rem;
border-bottom:1px solid #737373;
color:#000;
transition:all .2s ease-in
}

input:-webkit-autofill {
-webkit-box-shadow:0 0 0 1000px #fff inset
}

.form-button {
display:block;
margin-top:30px
}

.button-login {
color:#fff;
background-color:#00b388;
position:relative;
display:inline-block;
padding:13px 30px;
font-family:"myriad-pro",Myriad Pro,Arial,sans-serif;
font-size:12px;
font-weight:600;
line-height:1;
letter-spacing:.1em;
text-align:center;
text-transform:uppercase;
cursor:pointer;
border:0;
border-radius:2px;
transition:all .3s ease-in-out;
appearance:none;
user-select:none
}

.button-login:hover {
color:#fff;
background-color:#9a9c97
}

.button-login:focus,.button-login:active {
color:#fff;
background-color:#9a9c97;
outline:none
}

.bold-font {
font-weight:700
}

.reg-tx-lef {
text-align:left
}

.fotpas-tx-lef {
text-align:right
}

.register-btn {
border-bottom:1px solid #737373;
color:#404040;
padding-bottom:3px
}

.register-btn:hover {
border-bottom:none;
color:#0055b3
}

.pow-by {
color:#00b388
}

.web-wit {
width:31%
}

.emal-wit {
width:45%;
text-align:center
}

.pow-by-text {
float:right;
text-align:right;
width:23%
}

.mt25 {
margin-top:25px
}

.mb30 {
margin-bottom:30px
}

.login-bg{background: url(../img/bg-login.jpg) #000 no-repeat center center fixed !important;}
@media all and (max-height: 750px) {
	.unauthorized-left .unauthorized-container {
	height:80%;
	padding:0
	}
	
	.unauthorized-right .unauthorized-container {
	padding:0
	}
	
	.unauthorized-right .unauthorized-container.is-big {
	display:block;
	align-items:none;
	height:auto
	}
	
	.unauthorized-logo-wrapper {
	height:10%;
	padding-top:62px
	}
	
	.unauthorized-intro {
	margin:40px auto
	}
	
	.unauthorized-links {
	height:10%;
	padding-bottom:40px
	}
}
@media all and (max-height: 625px) {
	.unauthorized-left .unauthorized-container {
	display:block;
	align-items:none;
	height:auto;
	padding:0
	}
	
	.unauthorized-logo-wrapper {
	height:auto
	}
	
	.unauthorized-intro {
	margin:75px auto
	}
	
	.unauthorized-links {
	display:block;
	align-items:none;
	height:auto
	}
}

@media all and (max-width: 750px) {
	.reg-tx-lef {
	width:48%;
	float:left
	}
	
	.fotpas-tx-lef {
	width:48%;
	float:left
	}
}

@media all and (max-width: 500px) {
	.reg-tx-lef {
	text-align:left;
	padding-top:10px;
	padding-bottom:5px
	}
	
	.fotpas-tx-lef {
	text-align:left;
	padding-top:10px;
	padding-bottom:5px
	}
	
	.web-wit {
	width:100%
	}
	
	.emal-wit {
	width:1000%;
	text-align:left
	}
	
	.pow-by-text {
	float:left;
	text-align:left;
	width:100%
	}
	
	.reg-tx-lef {
	width:53%;
	float:left
	}
	
	.fotpas-tx-lef {
	width:47%;
	float:left;
	text-align:right
	}
}

@media all and (max-height: 450px) {
	.unauthorized-right .unauthorized-container {
	display:block;
	align-items:none;
	height:auto
	}
}

@media all and (max-width: 1223px) {
	.unauthorized-left,.unauthorized-right {
	padding-right:40px;
	padding-left:40px
	}
}

@media all and (max-width: 1024px) {
	.unauthorized-left,.unauthorized-right {
	position:relative;
	padding-right:20px;
	padding-left:20px;
	overflow:hidden
	}
	
	.unauthorized-left {
	right:0
	}
	
	.unauthorized-container {
	display:block;
	align-items:none;
	height:auto;
	padding:0
	}
	
	.unauthorized-logo-wrapper {
	height:auto;
	padding-top:75px
	}
	
	.unauthorized-intro {
	padding:125px 0;
	margin:0 auto
	}
	
	.unauthorized-links {
	display:block;
	align-items:none;
	height:auto;
	padding-bottom:75px
	}
	
	.unauthorized-right {
	left:0;
	text-align:center
	}
	
	.unauthorized-form {
	display:inline-block;
	padding:125px 0;
	margin:0
	}
}

@media all and (max-height: 625px) and (max-width: 1024px) {
	.unauthorized-logo-wrapper {
	padding-top:40px
	}
	
	.unauthorized-intro {
	padding:40px 0
	}
	
	.unauthorized-links {
	padding-bottom:75px
	}
	
	.unauthorized-form {
	display:inline-block;
	padding:75px 0;
	margin:0
	}
	
	.unauthorized-logo-wrapper {
	padding-top:75px
	}
}
	
	.col-sm-1b {
	width:3%;
	font-size:20px;
	padding-right:0!important
	}
	
	.pdf-text {
	font-size:12px;
	color:#999;
	font-style:italic
	}

@media (max-width:1024px) {
	.unauthorized-intro {
	margin-top:40px!important
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.inbox-wrapper .inbox-left {
	width:30%
	}
	
	.inbox-wrapper .inbox-right {
	width:70%
	}
}

@media (max-width: 768px) {
 	#sidebar {
	height:auto;
	overflow:hidden;
	position:absolute;
	width:100%;
	z-index:999999999999;
	top:75px;
	}
	.panel-body{ z-index:50; position:sticky;}
	#main-content {
	margin:0!important;
	position:none!important
	}
	
	#sidebar > ul > li > a > span {
	line-height:35px
	}
	
	#sidebar > ul > li {
	margin:0 10px
	}
	
	#sidebar > ul > li > a {
	height:35px;
	line-height:35px;
	padding:0 10px;
	text-align:left
	}
	
	.mail-info,.mail-info:hover {
	display:none!important
	}
	
	#sidebar ul > li > a .arrow,#sidebar > ul > li > a .arrow.open {
	margin-right:10px;
	margin-top:15px
	}
	
	#sidebar ul > li.active > a .arrow,#sidebar ul > li > a:hover .arrow,#sidebar ul > li > a:focus .arrow,#sidebar > ul > li.active > a .arrow.open,#sidebar > ul > li > a:hover .arrow.open,#sidebar > ul > li > a:focus .arrow.open {
	margin-top:15px
	}
	
	#sidebar > ul > li > a,#sidebar > ul > li > ul.sub > li {
	width:100%
	}
	
	#sidebar > ul > li > ul.sub > li > a {
	background:transparent!important
	}
	
	#sidebar {
	margin:0!important
	}
	
	#sidebar .btn-navbar.collapsed .arrow {
	display:none
	}
	
	#sidebar .btn-navbar .arrow {
	position:absolute;
	right:35px;
	width:0;
	height:0;
	top:48px;
	border-bottom:15px solid #282e36;
	border-left:15px solid transparent;
	border-right:15px solid transparent
	}
	
	.btn {
	margin-bottom:5px
	}
	
	.inbox-wrapper aside {
	display:block
	}
	
	.inbox-wrapper .inbox-left,.inbox-wrapper .inbox-right {
	width:100%
	}
	
	.fc-header-right {
	left:25px;
	position:absolute
	}
	
	.fc-header-left .fc-button {
	margin:0!important;
	top:-10px!important
	}
	
	.fc-header-right .fc-button {
	margin:0!important;
	top:-50px!important
	}
	
	.fc-state-active,.fc-state-active .fc-button-inner,.fc-state-hover,.fc-state-hover .fc-button-inner {
	background:none!important;
	color:#FFF!important
	}
	
	.fc-state-default,.fc-state-default .fc-button-inner {
	background:none!important
	}
	
	.fc-button {
	border:none!important;
	margin-right:2px
	}
	
	.fc-view {
	top:0!important
	}
	
	.fc-button .fc-button-inner {
	margin:0!important;
	padding:2px!important;
	border:none!important;
	margin-right:2px!important;
	background-color:#fafafa!important;
	background-image:-moz-linear-gradient(top,#fafafa,#efefef)!important;
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#efefef))!important;
	background-image:-webkit-linear-gradient(top,#fafafa,#efefef)!important;
	background-image:-o-linear-gradient(top,#fafafa,#efefef)!important;
	background-image:linear-gradient(to bottom,#fafafa,#efefef)!important;
	filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa',endColorstr='#efefef',GradientType=0)!important;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.8)!important;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.8)!important;
	box-shadow:0 1px 0 rgba(255,255,255,.8)!important;
	-webkit-border-radius:3px!important;
	-moz-border-radius:3px!important;
	border-radius:3px!important;
	color:#646464!important;
	border:1px solid #ddd!important;
	text-shadow:0 1px 0 rgba(255,255,255,.6)!important;
	text-align:center
	}
	
	.fc-button.fc-state-disabled .fc-button-inner {
	color:#bcbbbb!important
	}
	
	.fc-button.fc-state-active .fc-button-inner {
	background-color:#e5e4e4!important;
	background-image:-moz-linear-gradient(top,#e5e4e4,#dddcdc)!important;
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#e5e4e4),to(#dddcdc))!important;
	background-image:-webkit-linear-gradient(top,#e5e4e4,#dddcdc)!important;
	background-image:-o-linear-gradient(top,#e5e4e4,#dddcdc)!important;
	background-image:linear-gradient(to bottom,#e5e4e4,#dddcdc)!important;
	filter:progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4',endColorstr='#dddcdc',GradientType=0)!important
	}
	
	.fc-content {
	margin-top:50px
	}
	
	.fc-header-title h2 {
	line-height:40px!important;
	font-size:12px!important
	}
	
	.fc-header {
	margin-bottom:0!important
	}
	
	.timeline-desk .album a {
	margin-bottom:5px;
	margin-right:4px
	}
	
	.stepy-titles li {
	margin:10px 3px
	}
	
	.mail-option .btn {
	margin-bottom:0
	}
	
	ul.sidebar-menu li a i {
	line-height:35px
	}
	
	.modal-content {
	width:100%!important
	}
	
	.mb5m {
	margin-bottom:5px
	}
}
@media (max-width: 740px) {
	.notification-row {
	display:block
	}
}

@media (min-width: 320px) and (max-width: 568px) and (orientation:portrait ) {
	.task_notificatoin_bar,.search-row,.knob-charts,.dont-show,.inbox-head .sr-input,.inbox-head .sr-btn {
	display:none
	}
	
	.inbox-wrapper aside {
	display:block
	}
	
	.inbox-wrapper .inbox-left,.inbox-wrapper .inbox-right {
	width:100%
	}
	
 
	
	.hidden-phone {
	display:none!important
	}
	
	.dataTables_filter {
	float:left
	}
	
	.dataTables_info {
	margin-bottom:10px
	}
	
	.mail-option .btn {
	margin-bottom:0
	}
	
	.mail-option .inbox-pagination {
	margin-top:10px;
	float:left
	}
	
	.chart-position {
	margin-top:0
	}
}

@media (max-width:320px) {
	.login-social-link a {
	padding:15px 17px!important
	}
	
	.search,.dont-show,.inbox-head .sr-input,.inbox-head .sr-btn {
	display:none
	}
	
	.inbox-wrapper aside {
	display:block
	}
	
	.inbox-wrapper .inbox-left,.inbox-wrapper .inbox-right {
	width:100%
	}
	
	#top_menu .nav > li,ul.top-menu > li {
	float:right
	}
	
	.hidden-phone {
	display:none!important
	}
	
	.dataTables_filter {
	float:left
	}
	
	.dataTables_info {
	margin-bottom:10px
	}
	
	.mail-option .btn {
	margin-bottom:0
	}
	
	.mail-option .inbox-pagination {
	margin-top:10px;
	float:left
	}
	
	.chart-position {
	margin-top:0
	}
}



@media (min-width:320px) and (max-width: 568px) and (orientation: portrait){
	img#blah2 {
		max-width: 251px!important;
		min-width: 251px!important;
	}
	img#blah1 {
		max-width: 256px!important;
		min-width: 256px!important;
	}
}
@media (min-width:320px) and (max-width: 568px) and (orientation: landscape){
	img#blah2 {
		max-width: 251px!important;
		min-width: 251px!important;
	}
	img#blah1 {
		max-width: 256px!important;
		min-width: 256px!important;
	}
}
@media (min-width:375px) and (max-width: 667px) and (orientation: portrait){
	img#blah2 {
		max-width: 251px!important;
		min-width: 251px!important;
	}
	img#blah1 {
		max-width: 256px!important;
		min-width: 256px!important;
	}
}
@media (min-width:375px) and (max-width: 667px) and (orientation: landscape){
	img#blah2 {
		max-width: 251px!important;
		min-width: 251px!important;
	}
	img#blah1 {
		max-width: 256px!important;
		min-width: 256px!important;
	}
}
@media (min-width:768px) and (max-width: 1024px) and (orientation: portrait){
	img#blah2 {
		max-width: 251px!important;
		min-width: 251px!important;
	}
	img#blah1 {
		max-width: 256px!important;
		min-width: 256px!important;
	}
}
@media (min-width:768px) and (max-width: 1024px) and (orientation: landscape){
	img#blah2 {
		max-width: 251px!important;
		min-width: 251px!important;
	}
	img#blah1 {
		max-width: 256px!important;
		min-width: 256px!important;
	}
}
@media (min-width:1024px) and (max-width: 1366px) and (orientation: portrait){
	img#blah2 {
		max-width: 251px!important;
		min-width: 251px!important;
	}
	img#blah1 {
		max-width: 256px!important;
		min-width: 256px!important;
	}
}
@media (min-width:1024px) and (max-width: 1366px) and (orientation: landscape){
	img#blah2 {
		max-width: 251px!important;
		min-width: 251px!important;
	}
	img#blah1 {
		max-width: 256px!important;
		min-width: 256px!important;
	}
}
@media (min-width:1366px){
	img#blah2 {
		max-width: 251px!important;
		min-width: 251px!important;
	}
	img#blah1 {
		max-width: 256px!important;
		min-width: 256px!important;
	}
}