@charset "utf-8";
/* CSS Document */

@media (min-width: 768px) {
.visible-xs {
	display:none
}
.hidden-xs {
	display:block
}

}
@media (min-width: 992px) {
	html {
		font-size:16px
	}
	
}
@media (max-width: 991px) {
	html {
		font-size:14px
	}
	footer {
		width: 100%;
		left:0;
	}
}
@media (max-width: 767px) {

#content.offCanvas.isCollapse {
	padding-left: 60px;
}
.hidden-xs {
	display:none
}
.visible-xs {
	display:block
}
}

/* app.css */

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

	/* ------------------ Calendar --------------------*/

	.fc-header-title {
width: 100%;
margin-right: 0;
margin-left: 0;
text-align: center;
display: inline;
}
 .fc-header-center .fc-button-today, .fc-header-center .fc-button-prev, .fc-header-center .fc-button-next {
float: left;
}
 .fc-header-center .fc-button-agendaDay, .fc-header-center .fc-button-agendaWeek, .fc-header-center .fc-button-month {
float: left;
}
 .fc-day-header {
font-size: 12px;
}



	/* ------------------ Email page--------------------*/

	#email .email-bar {
padding-bottom: 0;
}
 #email .email-bar .btn-group.pull-right .btn {
margin-bottom: 10px;
}
 #login #bar .btn-group-vertical > .btn {
float: left;
width: inherit;
max-width: inherit;
}
 #login .row {
margin-left: 15px;
margin-right: 15px;
}
 #login .btn-group-vertical {
margin-top: 0;
}

 }

/* ------------------ Samsung galaxy landscape --------------------*/

@media only screen and (min-width: 380px) and (max-width: 685px) and (orientation : landscape) {

	/* ------------------ Login page--------------------*/

	#login {
margin-top: -145px;
}
 #login .navbar-brand {
display: none;
}
 #login .page-header {
margin-bottom: 15px;
}
 #login form {
margin-bottom: 10px;
}
 #login .login-wrapper form .from-group {
margin-bottom: 0;
}
 #login .login-wrapper form label.checkbox {
margin-top: -10px;
margin-bottom: 10px;
}
 #login #loginBtn {
margin-top: -10px;
}
 #header {
position: relative;
}
 #header .dropdown.open .dropdown-toggle {
padding-bottom: 13px;
}
 #header .dropdown-menu {
padding-top: 8px;
}
 #content .wrapper {
margin-top: 0;
}
 #sidebar {
margin-top: 1px;
}

	/* ------------------Error pages --------------------*/

	.errorContainer {
padding-bottom: 10px;
margin-top: -180px;
}
 .errorContainer .page-header {
margin-bottom: 10px;
margin-top: 0;
}
 .errorContainer .page-header h1 {
margin-bottom: 0;
}
 .errorContainer form {
margin-bottom: 0;
}
}

/* ------------------ Samsung galaxy portrait --------------------*/

@media only screen and (min-width: 380px) and (max-width: 685px) and (orientation : portrait) {
/*  #login {
width: 280px;
margin-left: -140px;
margin-top: -150px;
} */
 #login .login-wrapper {
width: 260px;
}
 #login .navbar-brand {
margin-top: -120px;
}
 #login .login-wrapper #avatar {
display: none;
}
 #login .page-header {
margin-bottom: 15px;
}
 #login form {
margin-bottom: 10px;
}
 #login .login-wrapper form .from-group {
margin-bottom: 0;
}
 #login .login-wrapper form label.checkbox {
margin-top: -10px;
margin-bottom: 10px;
}
 #login #loginBtn {
width: 100px;
}
 #login #bar {
top:-35px;
right:70px;
}
 #login #bar[data-active="log"] a#log, #login #bar[data-active="reg"] a#reg, #login #bar[data-active="forgot"] a#forgot {
 border-left: 1px solid #c9c9c9;
border-bottom: 1px solid transparent;
}
 #login #bar .btn-group-vertical > .btn {
float: left;
width: inherit;
max-width: inherit;
}
 #login .row {
margin-left: 15px;
margin-right: 15px;
}
 #login .btn-group-vertical {
margin-top: 0;
}

	/* ------------------ Error page--------------------*/

	.errorContainer {
padding-bottom: 10px;
margin-top: -180px;
width: 360px;
margin-left: -180px;
}
 .errorContainer .page-header {
margin-bottom: 10px;
margin-top: 0;
}
 .errorContainer .page-header h1 {
margin-bottom: 0;
}
 .errorContainer form {
margin-bottom: 0;
}
 .errorContainer a.btn.pull-right.gap-right20 {
margin-right: 5px;
}
 .errorContainer a.btn.pull-left.gap-left20 {
margin-left: 5px;
margin-right: 5px;
}
 .errorContainer .page-header h1.offline {
font-size: 80px;
}

	

	/* ------------------ Contact list --------------------*/

	.contact-list li .phone, .contact-list li .mobile {
margin-left: 10px;
}
 .contact-list li .email {
margin-left: 10px;
}
 .contact-list li .actions a {
width: auto;
margin-left: 10px;
}
}
 @media only screen and (max-width: 480px) {
 #header .navbar-brand {
position: relative !important;
left: auto !important;
}
 #header {
height: 103px;
text-align: center;
}
 #header .navbar {
height: 103px;
}
 #header .navbar-brand {
display: inline-block;
float: none;
}
 #header .navbar-collapse {
margin-top: 49px;
}
 #content .wrapper>.container-fluid {
padding-left: 15px;
padding-right: 15px;
}
 #heading {
margin-left: -15px;
}
 #heading h1 {
margin-left: 0;
}
 #heading:before {
margin-left: -22px;
}
 #heading:after {
margin-left: -21px;
}
 .crumb .breadcrumb {
padding-left: 15px;
}



	/* ------------------ Login--------------------*/

	/* #login {
width: 280px;
margin-left: -140px;
margin-top: -150px;
} */
 #login .login-wrapper {
width: 260px;
}
 #login .navbar-brand {
margin-top: -120px;
}
 #login .login-wrapper #avatar {
display: none;
}
 #login .page-header {
margin-bottom: 15px;
}
 #login form {
margin-bottom: 10px;
}
 #login .login-wrapper form .from-group {
margin-bottom: 0;
}
 #login .login-wrapper form label.checkbox {
margin-top: -10px;
margin-bottom: 10px;
}
 #login #loginBtn {
width: 100px;
}
 #login #bar {
top:-35px;
right:70px;
}
 #login #bar .btn-group-vertical > .btn {
float: left;
}
 #login #bar[data-active="log"] a#log, #login #bar[data-active="reg"] a#reg, #login #bar[data-active="forgot"] a#forgot {
 border-left: 1px solid #c9c9c9;
border-bottom: 1px solid transparent;
}



	/* ------------------ Responisve buttons--------------------*/

	#resBtn {
position: absolute;
top: 50px;
left: 0;
margin-left: 15px;
}
 #resBtnSearch {
position: absolute;
left: 70px;
top: 50px;
}
 .navbar-toggle {
position: absolute;
right: 0;
top: 50px;
}

	/* ------------------ Calendar --------------------*/

	.fc-header-title {
text-align: center;
}
 .fc-header-title h2 {
padding-left: 0;
}
 .fc-day-header {
font-size: 10px;
text-transform: capitalize;
}

	/* ------------------ Wizard styles --------------------*/

	.wizard-steps .wstep, .wizard-vertical .wizard-steps .wstep {
width: 100%;
margin-right: 0;
}
 .wizard-steps .wstep .donut {
margin-left: auto;
margin-right: auto;
}
 .wizard-steps .wstep .txt {
width: 100%;
display: inline-block;
margin-bottom: 5px;
}
 .wizard-steps .wstep:after {
display: none;
}
 .wizard-steps .wstep .donut i {
margin-left: 5px;
}
 .wizard-vertical .wizard-steps.show {
width: 100%;
border-right: none;
}
 .wizard-vertical .wrap {
padding-left: 0px;
}
 .wizard-vertical .wizard-steps .wstep .donut {
float: none;
margin-left: auto;
margin-right: auto;
}
 .wizard-vertical .wizard-steps .wstep .txt {
width:100%;
}
 .wizard-vertical .wizard-steps .wstep {
margin-bottom: 10px;
}
 .wizard-vertical .wizard-steps.show {
border-bottom: 1px dashed #c9c9c9;
}



	/* ------------------ Pagination--------------------*/

	.pagination ul > li > a {
margin-bottom: 15px;
}



	/* ------------------ Elfinder --------------------*/

	.elfinder .elfinder-navbar {
width: 170px;
}



	/* ------------------ Email page --------------------*/

	#email .email-bar .btn-group.pull-left.gap-left20 {
margin-left: 0px
}
}
 @media only screen and (max-width: 380px) {

	/* ------------------ Email page --------------------*/

	#email .email-bar .btn-group.pull-left.gap-left20 {
margin-top: 10px;
}

	/* ------------------ Error page--------------------*/

	.errorContainer {
margin-top: -180px;
width: 320px;
margin-left: -160px;
}
 .errorContainer .page-header {
margin-bottom: 10px;
margin-top: 0;
}
 .errorContainer .page-header h1 {
margin-bottom: 0;
}
 .errorContainer form {
margin-bottom: 0;
}
 .errorContainer a.btn.pull-right.gap-right20 {
margin-top: 10px;
}
 .errorContainer a.btn.pull-left.gap-left20 {
margin-left: 15px;
margin-right: 15px;
}
 .errorContainer a.btn {
margin-left: 15px;
float: left;
}
 .errorContainer .page-header h1.offline {
font-size: 80px;
}
 #login #bar .btn-group-vertical > .btn {
float: left;
width: inherit;
max-width: inherit;
}
 #login .row {
margin-left: 15px;
margin-right: 15px;
}
 #login .btn-group-vertical {
margin-top: 0;
}
}
 @media only screen and (max-width: 320px) {
 #header .navbar-brand img {
max-width: 50%;
}

	/* ------------------Top search--------------------*/

	#header #top-search input#tsearch {
width: 255px;
}
 #header .nav > li > a {
padding: 13px 15px 12px 15px;
}
 /* #login {
width: 280px;
margin-left: -140px;
margin-top: -150px;
} */
 #login .login-wrapper {
width: 260px;
}
 #login .navbar-brand {
display: none;
}
 #login .login-wrapper #avatar {
display: none;
}
 #login .page-header {
margin-bottom: 15px;
}
 #login form {
margin-bottom: 10px;
}
 #login .login-wrapper form .from-group {
margin-bottom: 0;
}
 #login .login-wrapper form label.checkbox {
margin-top: -10px;
margin-bottom: 10px;
}
 #login #loginBtn {
width: 100px;
margin-top: -10px;
}
 #login #bar {
top:-30px;
right:70px;
}
 #login #bar .btn-group-vertical > .btn {
float: left;
}
 #login #bar[data-active="log"] a#log, #login #bar[data-active="reg"] a#reg, #login #bar[data-active="forgot"] a#forgot {
 border-left: 1px solid #c9c9c9;
border-bottom: 1px solid transparent;
}
 #header {
position: relative;
}
 #sidebar, #content .wrapper {
margin-top: 0;
}

/* ------------------ Support page--------------------*/

#sendMsg .form-actions .btn-group {
margin-bottom: 10px;
margin-left: 0;
}
 #sendMsg .form-actions .btn.btn-danger[type="submit"] {
margin-top: 0;
}

/* ------------------ Error page--------------------*/

.errorContainer {
margin-top: -180px;
width: 280px;
margin-left: -140px;
}
}