cobuild-angular-stack/modules/admin.discount/assets/css/admin.discount.less

Base stack angular sass jade gulp

.modal {
	.admin-modal	{
			input.form-control {
				border: 1px solid #ccc;
			}
			.form-group {
					margin: 0px;
			}
			select.form-control {
						border: 1px solid #ccc !important;
						padding-left: 9px !important;
			}
			.form-group.is-focused {
				.form-control {
					background-image: none !important;
					padding-left: 10px;
					border: 1px solid #337ab7;
				}
				.control-label{
					background-image: none !important;
					color: #2e6da4 !important;
				}
			}
			.modal-header {
					padding: 15px !important;
					border-bottom: 1px solid #e5e5e5 !important;
			}
			.modal-body {
					position: relative !important;
					padding: 15px !important;
					input {
						padding-left: 5px !important;
					}
					.portlet {
						margin-top: 0;
						margin-bottom: 25px;
						padding: 0;
						border-radius: 4px;
					}
					.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;
					}
					.portlet>.portlet-body {
							clear: both;
							-webkit-border-radius: 0 0 4px 4px;
							-moz-border-radius: 0 0 4px 4px;
							-ms-border-radius: 0 0 4px 4px;
							-o-border-radius: 0 0 4px 4px;
							border-radius: 0 0 4px 4px;
					}
					ul {
							margin-top: -10px;
					}
					.list-inline, .list-unstyled {
							padding-left: 0;
							list-style: none;
					}
					li:first-child {
							border-top: none;
					}
					li {
							padding: 10px 0;
							overflow: hidden;
							border-top: solid 1px #eee;
					}
			}
			.modal-footer {
					padding: 15px !important;
					text-align: right !important;
					border-top: 1px solid #e5e5e5 !important;
			}
			.modal-title {
					margin: 0;
					line-height: 1.42857;
			}
				.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;
			}
	}
}

li.list-group-item-body {
 		position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.portlet>.portlet-title>.caption {
    float: left;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 0;
}
.font-red {
    color: #e7505a!important;
}
.sbold {
    font-weight: 600!important;
}
.text-dark {
	color: #313131;
	font-weight: 500;
}
.text-red-low {
	color: #e81337 !important;
	font-weight: 500;
}
li.list.list-group-item-body {
	&:hover {
			background-color: #fc7667;
			color: white;
			cursor: pointer;
		}
}
.m-r-20 {
	margin-right: 20px
}

.m-l-20 {
	margin-left: 20px
}

.p-t-20 {
	padding-top: 20px
}

.p-r-0{
	padding-right: 0px;
}

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

#add-code {
	.form-group	{
		margin-top: 0px;
	}
	.control-label {
		color: #3a3434;
	}
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff !important;
    border-radius: 4px;
		font-weight: 500;
		color: #676767;
		.active {
			color: black;
		}
}
.panel-header{
		border-bottom: 1px solid #eee;
    padding: 0;
    margin-bottom: 10px;
    min-height: 41px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 5px;
		button.btn.btn-uniko.pull-right {
				border-left: 1px solid #ccc;
				&:hover{
					background: none;
					color: #fc7667;
				}
		}
		.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;
			}
		}
		.font-dark {
			font-size: 18px;
			font-weight: bold;
			margin-top: 20px;
		}
	}
.panel-table {
	input[type="checkbox"] {
			border: none !important;
			width: auto !important;
	}
	.label.label-error{
			background-color: #eb6651;
	}
	.label.label-warning {
			background-color: #ffbd22 !important;
	}
	label.control-label {
			color: #313131;
			font-size: 12px;
			margin-bottom: 10px;
			margin-left: 3px;
			font-weight: 500;
	}
	.table>tbody>tr>td,
	.table>tbody>tr>th,
	.table>tfoot>tr>td,
	.table>tfoot>tr>th,
	.table>thead>tr>td,
	.table>thead>tr>th{
		vertical-align: middle
	}

	.text-dark{
		color: #313131
	}
	.text-red{
		color:#d40909 !important
	}
	a{
		color: #444d58
	}
	a{
		color: #444d58;
		&:hover{
			color: #fc7667;
		}
	}
	.text-bold{
		font-weight: bold;
	}
	select.form-control {
		border: 1px solid #ccc;
	}
	table.border {
		border: 1px solid #ccc !important;
	}
	table.border thead tr th {
		padding: 20px !important;
		font-size: 14px !important;
		color: #353535;
	}

	table.border tbody tr td {
		padding: 20px !important;
		font-size: 12px !important;
		font-weight: 500;
	}
	input {
		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;
		width: 100% !important;
		padding-left: 5px !important;
	}
	button.btn {
		display: inline-block !important;
		padding: 6px 12px !important;
		margin-bottom: 0 !important;
		font-size: 14px !important;
		font-weight: 400 !important;
		line-height: 1.42857143 !important;
		text-align: center !important;
		white-space: nowrap !important;
		vertical-align: middle !important;
		-ms-touch-action: manipulation !important;
		touch-action: manipulation !important;
		cursor: pointer !important;
		-webkit-user-select: none !important;
		-moz-user-select: none !important;
		-ms-user-select: none !important;
		user-select: none !important;
		background-image: none !important;
		border: 1px solid transparent !important;
		border-radius: 4px !important;
		margin-top: 0px !important;
	}
	button.btn-default {
		color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
	}
	button.btn-uniko {
		color: #fff !important;
    background-color: #fd7b6b !important;
    border-color: #f77a7a !important;
    font-weight: 600 !important;
	}
	li.list-group-item-body.active {
    font-weight: bold;
		background-color: #efebeb;
    color: #080808;
		font-size: 14px;
	}
}
.admin-loader {
  border: 7px solid #f3f3f3;
  border-radius: 90%;
  border-top: 7px solid #fc7667;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
	margin-left: 50%;
}

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

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
nav  ul.pagination  li  a {
	font-weight: 500;
	padding: 8px 16px;
}

nav  ul.pagination  li  a.active  {
	background-color: #fc7667;
	color: white;
	border: 1px solid #fc7667;
}