/*
 *	MOS style
 */


/*
 *	Layout properties 
 */

html, body {
	height: 100%
}

body {
	background-color: #ecf0f5;
	font-family: Helvetica, Arial, sans-serif;
}

.wrapper {
	/*height: 100%;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto*/
}

	.wrapper:before, .wrapper:after {
		content: " ";
		display: table
	}

	.wrapper:after {
		clear: both
	}

.content-wrapper {
	/* Left menu size */
	margin-left: 120px;
	z-index: 820
}

.content-wrapper {
	min-height: 100%;
	background-color: #ecf0f5;
	z-index: 800
}

.content {
	min-height: 250px;
	padding: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}

.main-header {
	position: relative;
	max-height: 70px;
	z-index: 1030
}

	.main-header .logo {
		display: block;
		float: left;
		height: 70px;
		font-size: 20px;
		text-align: center;
		/* Left menu size */
		width: 120px;
		padding: 0 15px;
		line-height: 70px;
		font-weight: 300;
		overflow: hidden;
	}

	.main-header .navbar {
		margin-bottom: 0;
		margin-left: 120px;
		border: none;
		min-height: 70px;
		border-radius: 0;
		text-align: center;
	}

		.main-header .navbar .navbar-icon {
			height: 39px;
		}

.layout-top-nav .main-header .navbar {
	margin-left: 0;
}

.main-header .navbar-right-menu {
	float: right;
}

.main-header .navbar-page-name {
	margin-top: 16px;
	display: inline-block;
	font-size: 25px;
}

@media (max-width: 767px) {
	.main-header .navbar-page-name {
		margin-top: 22px;
		font-size: 20px;
	}
}

#user-dropdown-menu {
	position: absolute;
	right: 0;
	left: auto;
}

.navbar-nav {
	float: left;
	margin: 0;
}

	.navbar-nav > li {
		float: left;
	}

		.navbar-nav > li > a {
			height: 69px;
			padding-top: 15px;
			padding-bottom: 15px;
		}

.navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.navbar-nav > .user-menu > .dropdown-menu {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	padding: 1px 0 0 0;
	border-top-width: 0;
	width: 280px;
	
	background-color: #ffffff !important;
	border: 1px solid rgba(0, 0, 0, 0.15) !important;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

	.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
		height: 175px;
		padding: 10px;
		text-align: center;
	}

	.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
		background-color: #f9f9f9;
		padding: 10px;
	}

	.navbar-nav > .user-menu > .dropdown-menu > .user-header > .user-name {
		font-size: 22px;
	}

	.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before, .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
		content: " ";
		display: table;
	}

	.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
		clear: both;
	}

.content-header {
	position: relative;
	padding: 15px 15px 0 15px
}


.content-header > h1 {
	margin: 0;
	font-size: 24px
}

	.content-header > h1 > small {
		font-size: 15px;
		display: inline-block;
		padding-left: 4px;
		font-weight: 300
	}

.content-header > .breadcrumb {
	float: right;
	background: transparent;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 12px;
	padding: 7px 5px;
	position: absolute;
	top: 15px;
	right: 10px;
	border-radius: 2px
}

	.content-header > .breadcrumb > li > a {
		color: #444;
		text-decoration: none;
		display: inline-block
	}

		.content-header > .breadcrumb > li > a > .fa, .content-header > .breadcrumb > li > a > .glyphicon, .content-header > .breadcrumb > li > a > .ion {
			margin-right: 5px
		}

	.content-header > .breadcrumb > li + li:before {
		content: '>\00a0'
	}

@media (max-width:991px) {
	.content-header > .breadcrumb {
		position: relative;
		margin-top: 5px;
		top: 0;
		right: 0;
		float: none;
		background: #d2d6de;
		padding-left: 10px
	}

		.content-header > .breadcrumb li:before {
			color: #97a0b3
		}
}

.main-sidebar {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 70px;
	min-height: 100%;
	width: 120px;
	z-index: 810;
	-webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
	-moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
	-o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
	transition: transform .3s ease-in-out,width .3s ease-in-out
}

.sidebar {
	padding-bottom: 10px
}

.sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
}

	.sidebar-menu > li {
		position: relative;
		margin: 0;
		padding: 0;
	}

	.sidebar-menu li > a {
		position: relative;
		padding: 6px 6px 6px 0px;
		display: block;
		text-align: center;
		text-transform: uppercase;
	}

	.sidebar-menu .sidebar-menu-icon {
		position: relative;
		padding: 7px 0;
		max-width: 70px;
		height: 50px;
	}


.panel-heading {
	font-size: 16px;
}

/*
	SUB MENU
*/

.sub-menu .btn {

	padding: 10px 40px;

}

.panel-sub-menu {
	-ms-border-top-left-radius: 0;
	border-top-left-radius: 0;
}

/*
	GRID VIEW
*/

.up a {
	background-image: url(../img/arrup_black.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 12px;
}

.down a {
	background-image: url(../img/arrdown_black.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 12px;
}

.input-group {
	max-width: 600px;
}

.form-control {
	max-width: 600px;
}

.two-inputs {
	max-width: 600px;
}


	.two-inputs .form-control {
		max-width: 220px;
		display: inline-block;
	}

.checkbox.checkboxlist input[type="checkbox"] {
	margin-left: 0;
}

.radiobuttonlist {
	position: relative;
	display: inline-block;
	padding-top: 7px;
}

	.radiobuttonlist input[type="radio"] {
		margin-left: 20px;
		margin-top: 4px;
		margin-right: 4px;
	}

		.radiobuttonlist input[type="radio"]:first-child {
			margin-left: 0;
		}


/* POPUP */
.cover {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	z-index: 1800;
	width: 100%;
	height: 100%;
}
.popup {
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 1000;
	background-color: white;
	padding: 1em;
	background-color: White;
	left: 20%;
	top: 15%;
	width: 50%;
	height: 80%;
}

/* LOGO MASTER */
.logo-lg {
	width: 65px;
	display: inline-block;
	background-image: url("../img/logo/ict_logomm.png");
	background-size: cover;
}

/*
	PHOTOS AUTHORIZE
*/

.photos-auth-box {
	float: left;
	border: 1px solid #d2d6de;
	margin-bottom: 0.5em;
	padding: 0.5em;
}
	.photo-column {
		margin-right: 4em;
	}

	.photos-auth-box .photo-column {
		float: left;
	}

		.photos-auth-box .photo-column .photo-header {
			display: inline-block;
		}
		.photos-auth-box .photo-column .photo-content {
			display: block;
		}

		.photos-auth-box .photo-column .photo {
			float: left;
		}

			.photos-auth-box .left-margin{
				margin-left: 2em;
			}

	.photos-auth-box .photo-column .photo-footer {
		padding-top: 0.3em;
	}

/*
	HELPERS
*/

.float-left {
	float: left;
}

/*
	LOGIN PAGE
*/
.login-logo {
	font-size: 60px;
	text-align: center;
	margin-bottom: 25px;
	background-repeat: no-repeat;
	background-image: url(../img/logo/ict_logomm.png);
	background-position: center center;
}

.login-page {
	background: #d2d6de
}

.login-box {
	width: 460px;
	margin: 7% auto
}

.login-box-body {
	background: #fff;
	padding: 80px;
	border-top: 0;
	color: #666
}

	.login-box-body .form-control-feedback {
		color: #777
	}

.login-box-msg {
	margin: 0;
	text-align: center;
	padding: 0 20px 20px 20px
}

.login-page .main-header .navbar {
	margin: 0;
}

.right {
	float: right;
	margin-right: 5em;
}


/*
	DASHBOARD
*/

.chart-image {
	max-width: 100% !important;
	height: auto !important;
}