cobuild-angular-stack/modules/admin.users/assets/css/admin.couplesAccount.less

Base stack angular sass jade gulp

.body-list{
	.flag-right {
			width: 100px;
			font-size: 12px;
			text-transform: uppercase;
			font-weight: 500;
			padding: 6px 20px 6px 15px;
			color: #fff;
			background-color: #D91E18;
			text-shadow: 0 1px 2px #bbb;
			-webkit-box-shadow: 0 2px 4px #888;
			-moz-box-shadow: 0 2px 4px #888;
			box-shadow: 0 2px 4px #888;
			float: right!important;
	}
	.price-ribbon {
			position: absolute;
			top: 75px;
			right: -4px;
			width: 90px;
			font-size: 14px;
			text-transform: uppercase;
			font-weight: 300;
			padding: 6px 20px 6px 15px;
			color: #fff;
			background-color: #D91E18;
			text-shadow: 0 1px 2px #bbb;
			-webkit-box-shadow: 0 2px 4px #888;
			-moz-box-shadow: 0 2px 4px #888;
			box-shadow: 0 2px 4px #888;
	}
	.price-ribbon:after {
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
			right: 0;
			top: 100%;
			border-width: 5px 10px;
			border-style: solid;
			border-color: #64120f transparent transparent #64120f;
	}
	.title-number-portlet {
			display: block;
			font-size: 30px;
			font-weight: 600;
			color: #3e4f5e;
			text-align: center;
		}
		span.text-ul {
				color: #868686;
		}
	.list-group-item-detail{
		position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-weight: 500;
	}
	.p-t-10{
		padding-top: 10px;

	}
	.p-b-20 {
		padding-bottom: 20px;
	}

	.btn {
		display: inline-block;
		font-weight: 400;
		text-align: center;
		vertical-align: middle;
		touch-action: manipulation;
		cursor: pointer;
		border: 1px solid transparent;
		white-space: nowrap;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	 }

	.btn.red {
		&:not(.btn-outline) {
			color: #fff;
			background-color: #e7505a;
			border-color: #e7505a;
		}
	}
	.btn-primary {
			color: #fff;
			background-color: #337ab7;
			border-color: #2e6da4;
			color: #fff;
	}
	.btn:not(.btn-raised).btn-primary, .input-group-btn .btn:not(.btn-raised).btn-primary {
			color: #fff !important;
	}
	.btn.green-haze {
		&:not(.btn-outline) {
			color: #FFF;
			background-color: #44b6ae;
			border-color: #44b6ae;
		}
	}
	.btn-success {
			color: #fff;
			background-color: #36c6d3;
			border-color: #2bb8c4;
	}
	.btn-default {
			color: #333;
			background-color: #fff !important;
			border:1px solid #ccc !important;
	}
	.btn.btn-outline.purple {
			border-color: #8E44AD;
			color: #8E44AD;
			background: 0 0;
	}
	.btn-circle {
			border-radius: 25px!important;
			overflow: hidden;
	}
	.btn.green:not(.btn-outline) {
			color: #FFF;
			background-color: #32c5d2;
			border-color: #32c5d2;
	}
	.btn.purple:not(.btn-outline) {
			color: #fff;
			background-color: #8E44AD;
			border-color: #8E44AD;
	}
	.btn-group-sm>.btn, .btn-sm {
			padding: 5px 10px;
			font-size: 12px;
			line-height: 1.5;
			border-radius: 3px;
	}
	.btn.blue:not(.btn-outline) {
			color: #FFF;
			background-color: #3598dc;
			border-color: #3598dc;
	}
	.profile-userbuttons button {
			text-transform: uppercase;
			font-size: 11px;
			font-weight: 600;
			padding: 6px 15px;
	}
	.text-red {
		color: red !important;
	}
	.text-green {
		color: green!important;
	}
	.text-blue {
		color: #0c43af!important
	}

	input.form-control {
		border: 1px solid #ccc;
		padding-left: 5px !important;
	}
	.form-group.is-focused .form-control{
		background-image: none !important;
	}
	.form-group.is-focused label, .form-group.is-focused label.control-label{
		background-image: none !important;
	}
	.form-group label.control-label {
			font-size: 14px;
			line-height: 1.07142857;
			font-weight: 400;
			margin: 16px 0 0;
			margin-bottom: 13px;
	}
	.portlet.light {
			padding: 12px 20px 15px;
			background-color: #fff;
	}
	.portlet {
			margin-top: 0;
			margin-bottom: 25px;
			padding: 0;
			border-radius: 4px;
	}
	.portlet>.portlet-title>.nav-tabs {
		background: 0 0;
		margin: 4px 0 0;
		float: right;
		display: inline-block;
		border: 0;
	}
	.portlet.light>.portlet-title>.nav-tabs>li {
			margin: 0;
			padding: 0;
	}
	.portlet.light>.portlet-title>.caption {
			color: #666;
			padding: 10px 0;
	}
	.portlet>.portlet-title>.caption {
			float: left;
			display: inline-block;
			font-size: 18px;
			line-height: 18px;
			padding: 10px 0;
			font-weight: 500;
			color: #fc7667 !important;
			text-transform: uppercase;
	}
	.portlet.light>.portlet-title {
			padding: 0;
			min-height: 48px;
	}
	.portlet>.portlet-title {
			border-bottom: 1px solid #eee;
			padding: 0;
			margin-bottom: 10px;
			min-height: 41px;
			-webkit-border-radius: 4px 4px 0 0;
			-moz-border-radius: 4px 4px 0 0;
			-ms-border-radius: 4px 4px 0 0;
			-o-border-radius: 4px 4px 0 0;
			border-radius: 4px 4px 0 0;
	}
	.profile-sidebar{
		float:left;
		width:300px;
		margin-right:20px;
	}
	.profile-content{
		overflow:hidden;
		.form .form-actions, .portlet-form .form-actions {
				padding: 20px;
				margin: 0;
				background-color: #f5f5f5;
				border-top: 1px solid #e7ecf1;
		}
		.nav {
			margin-bottom: 0;
			padding-left: 0;
			list-style: none;
		}
		.nav-tabs>li>a, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
				background-color: transparent!important;
				border: 0!important;
				color: #0f74b5!important;
				font-weight: 500;
		}
		.tabbable-line>.nav-tabs>li.active {
				background: 0 0;
				border-bottom: 4px solid #36c6d3;
				position: relative;
				text-transform: uppercase;
		}
		.mt-checkbox, .mt-radio {
			display: inline-block;
			position: relative;
			padding-left: 30px;
			margin-bottom: 15px;
			cursor: pointer;
			font-size: 14px;
			-moz-transition: all .3s;
			-ms-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
		}
		.mt-checkbox:hover>input:not([disabled]):checked~span, .mt-checkbox>input:checked~span, .mt-radio:hover>input:not([disabled]):checked~span, .mt-radio>input:checked~span {
				-moz-transition: all .3s;
				-ms-transition: all .3s;
				-o-transition: all .3s;
				transition: all .3s;
				background: #d9d9d9;
		}
		.mt-checkbox>span:after, .mt-radio>span:after {
				content: '';
				position: absolute;
				display: none;
		}
		.mt-checkbox>input, .mt-radio>input {
				position: absolute;
				z-index: -1;
				opacity: 0;
				filter: alpha(opacity=0);
		}
		.mt-checkbox>span:after {
				left: 6px;
				top: 2px;
				width: 5px;
				height: 10px;
				border: solid #888;
				border-width: 0 2px 2px 0;
				transform: rotate(45deg);
		}
		.mt-checkbox>span{
			&:after {
				left: 6px;
				top: 2px;
				width: 5px;
				height: 10px;
				border: solid #888;
				border-width: 0 2px 2px 0;
				transform: rotate(45deg);
			}
		}
		.input-icon>i, .mt-checkbox-list .mt-checkbox, .mt-checkbox-list .mt-radio, .mt-checkbox>input:checked~span:after, .mt-radio-list .mt-checkbox, .mt-radio-list .mt-radio, .mt-radio>input:checked~span:after {
				display: block;
		}
		.input-group {
			margin-top: 10px;
			display: block;
			.form-control {
				border: 1px solid #ccc !important;
				-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
				border-top-left-radius: 0 !important;
				border-bottom-left-radius: 0 !important;
				padding-left: 30px !important;
				width: 100% !important;
			}
			.input-group-addon {
				position: absolute;
				margin-top: 12px;
			}
		}
		.btn.btn-default.form-control.ui-select-toggle {
			border: 1px solid #ccc;
    	padding-top: 9px;
		}
		.mt-checkbox>span, .mt-radio>span {
				border: 1px solid transparent;
				position: absolute;
				top: 1px;
				left: 0;
				height: 18px;
				width: 18px;
				background: #E6E6E6;
		}
	}
	.profile-sidebar-portlet{
		padding:30px 0 0!important;
		}
		.profile-userpic img{
			/* float:none; */
			margin:0 auto;
			width:50%;
			/* height:50%; */
			-webkit-border-radius:50% !important;
			-moz-border-radius:50% !important;
			border-radius:50%!important;
		}
		.profile-usertitle{
			text-align:center;
			margin-top:20px
		}
		.profile-usertitle-name{
			color:#5a7391;
			font-size:20px;
			font-weight:600;
			margin-bottom:7px
		}
		.profile-usertitle-job{
			text-transform:uppercase;
			color:#5b9bd1;
			font-size:13px;
			font-weight:800;
			margin-bottom:7px
		}
		.profile-userbuttons{text-align:center;
			margin-top:10px
		}
		.profile-userbuttons .btn{
			margin-right:5px
		}
		.profile-userbuttons .btn:last-child {
			margin-right:0
		}
		.profile-userbuttons button{
			text-transform:uppercase;
			font-size:11px;
			font-weight:600;
			padding:6px 15px
		}
		.profile-usermenu{margin-top:30px;
			padding-bottom:20px}
		.profile-usermenu ul li {
			border-bottom:1px solid #f0f4f7
		}
		.profile-usermenu ul li:last-child{
			border-bottom:none
		}
		.profile-usermenu ul li a{
			color:#93a3b5;
			font-size:16px;
			font-weight:400
		}
		.profile-usermenu ul li a i{
			margin-right:8px;
			font-size:16px
		}
		.profile-usermenu ul li a:hover{
			background-color:#fafcfd;
			color:#5b9bd1
		}
		.profile-usermenu ul li.active a{color:#5b9bd1;
			background-color:#f6f9fb;
			border-left:2px solid #5b9bd1;
			margin-left:-2px}
		.profile-stat{padding-bottom:20px;
			border-bottom:1px solid #f0f4f7}
		.profile-stat-title{color:#7f90a4;
			font-size:25px;
			text-align:center}
		.profile-stat-text{color:#5b9bd1;
			font-size:11px;
			font-weight:800;
			text-align:center}
		.profile-desc-title{color:#7f90a4;
			font-size:17px;
			font-weight:600}
		.profile-desc-text{color:#7e8c9e;
			font-size:14px}
		.profile-desc-link i{width:22px;
			font-size:19px;
			color:#abb6c4;
			margin-right:5px}
		.profile-desc-link a{font-size:14px;
			font-weight:600;
			color:#5b9bd1}
		@media (max-width:991px){.profile-sidebar{float:none;
			width:100%!important;
			margin:0}
		.profile-sidebar>.portlet{margin-bottom:20px}
		.profile-content{overflow:visible}
		}

}