/* General styling */

a .material-icons {
	vertical-align: middle;
}

.iconstyle i.material-icons{
	height: 30px;
	width: 30px;
	line-height: 30px;
	vertical-align: middle;
	font-size: 16px;
}

.iconstyle a{
	vertical-align: middle;
	padding: 0 24px !important;
}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	font-weight: 300;
	line-height: 1.5em;
}

body{
	font-size: 14px;
	background-color: #ECECEC;
}

h4 {
	font-size: 1.2rem;
}

.w7 {
	width: 7%;
}

.w10 {
	width: 10%;
}

.w16 {
	width: 16%;
}

.w30 {
	width: 30%;
}

.w33 {
	width: 33%;
}

.w70 {
	width: 70%;
}

.w90{
	width: 90%;
}

.w100{
	width: 100%;
}

.note-editor .note-toolbar {
	background-color: #f5f5f5!important;
	border-bottom: 1px solid #a9a9a9;
}

form{
	margin: 0;
}

.clickable{
	cursor: pointer;
}

.list-group.suggestions-listgroup{
	position: fixed;
	z-index: 4;
}

.list-group.userrights{
	padding-left: 15px;
	padding-right: 15px;
}

h6, .h6{
	text-transform: none;
}

.hidden{
	display: none;
}

.go-up{
	display: block;
	z-index: 9999;
}

.navbar .navbar-nav > li > a{
	text-transform: none;
}
.card-header-icon img{
	width: 33px;
	height: 33px;
	text-align: center;
	line-height: 33px;
}

.card-header-icon .fas{
	font-size: 23px;
}

.bg-primary{
	background-color: #306AB2 !important;
}

/* End general styling */

/* Button styling styling */

.btn {
	font-size: 14px;
	cursor: pointer;
	text-transform: none;
}

.btn-secondary.disabled,
.btn-secondary:disabled{
	background-color: #ccc;
}

.btn,
.btn.btn-default,
.btn.btn-primary,
.btn.btn-secondary,
.btn.btn-success,
.btn.btn-danger,
.btn.btn-warning,
.btn.btn-info,
.btn.btn-light,
.btn.btn-dark{
	box-shadow: none;
}

.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover{
	box-shadow:
	0 14px 26px -12px rgba(48,106,178,.42),
	0 4px 23px 0 rgba(0,0,0,.12),
	0 8px 10px -5px rgba(48,106,178,.2)
	;
}

.btn.btn-primary,
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-primary.active.focus,
.btn.btn-primary.active:focus,
.btn.btn-primary.active:hover,
.btn.btn-primary:active.focus,
.btn.btn-primary:active:focus,
.btn.btn-primary:active:hover,
.open>.btn.btn-primary.dropdown-toggle.focus,
.open>.btn.btn-primary.dropdown-toggle:focus,
.open>.btn.btn-primary.dropdown-toggle:hover,
.show>.btn.btn-primary.dropdown-toggle.focus,
.show>.btn.btn-primary.dropdown-toggle:focus,
.show>.btn.btn-primary.dropdown-toggle:hover,
.btn.btn-primary.active,
.btn.btn-primary:active,
.open>.btn.btn-primary.dropdown-toggle,
.show>.btn.btn-primary.dropdown-toggle{
	background-color: #306AB2;
	border-color: #306AB2;
}

/*  End Button styling */

/* Dropdown styling */

.bootstrap-select .dropdown-item.active,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu a:active,
.dropdown-menu a:focus,
.dropdown-menu a:hover{
	background-color: #306AB2;
	box-shadow: none;
}

/* End Dropdown styling */

/* Pagination styling */

.pagination>.page-item.active>a,
.pagination>.page-item.active>a:focus,
.pagination>.page-item.active>a:hover,
.pagination>.page-item.active>span,
.pagination>.page-item.active>span:focus,
.pagination>.page-item.active>span:hover{
	background-color: #306AB2;
	border-color: #306AB2;
	box-shadow: none;
}

/* End Pagination styling */

/* Start Bootstrap override */

@media (min-width: 1660px) {
	.container {
		max-width: 1800px;
	}

	.col-xxl-9{
	-ms-flex: 0 0 75%;
		flex: 0 0 75%;
	max-width: 75%;
	}

	.col-xxl-3{
	-ms-flex: 0 0 25%;
		flex: 0 0 25%;
	max-width: 25%;
	}
}

.col-auto{
	padding-right: 15px;
	padding-left: 15px;
}

.customfile input[type="file"] {
	display: none;
}
.custom-file-upload {
	border: 1px solid #ccc;
	display: inline-block;
	padding: 0 12px;
	cursor: pointer;
	width: 100%;
	height: 55px;
	line-height: 55px;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
}

.custom-file-upload p{
	text-align: center;
	vertical-align: middle;
}

.custom-file-upload .material-icons{
	padding-bottom: 15px;
	vertical-align: bottom;
}

.custom-file-add{
	vertical-align: middle;
	height: 40px !important;
	width: 40px !important;
}

.custom-file-add button{
	width: 40px !important;
	height: 40px !important;
}

.custom-file-add .ripple-container{
	width: unset !important;
	height: unset !important;
}

.form-group label {
	min-height: 22px;
}

.nopad-lr {
	padding-left: 0px!important;
	padding-right: 0px!important;
}

.nopad-bot{
	margin-bottom: 0px;
}

.seperator {
	height: 0px !important;
	color: transparent;
	border-bottom: 3px dashed #ddd;
	margin-top: 5px !important;
	margin-bottom: 10px !important;
}
	
/* Card styling */

.card{
	box-shadow: none;
}

.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card.bg-primary,
.card.card-rotate.bg-primary .back,
.card.card-rotate.bg-primary .front{
	background: #306AB2;
}

.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text){
	box-shadow: none;
}

/* End card styling */

/* Nav styling */

.nav-pills .nav-item .nav-link{
	border-radius: 4px;
}

.nav-pills .nav-item .nav-link.active{
	background-color: #306AB2;
	box-shadow: none;
}

/* End nav styling */

/* Navbar styling */

.navbar{
	border-bottom-width: 0;
	height: 56px !important;
	box-shadow: none;
	padding: 33px 0;
}

.navbar .navbar-nav > li > a{
	text-transform: none;
}

.navbar #userDropdown i.material-icons,
.navbar #userDropdown .fas{
	font-size: 40px;
	width: 40px;
	max-width: none;
	margin-right: 0;
}

.navbar #userDropdown::after,
.sidebar #userDropdown::after{
	content: none;
}

.navbar .fas,
.navbar i.material-icons,
.sidebar .fas,
.sidebar i.material-icons {
	font-size: 30px;
	line-height: 30px;
	width: 30px;
	height: 30px;
}

.navbar .fas,
.navbar i.material-icons{
	color: #29374d;
}

.navbar .navbar-nav > li > a .material-icons,
.navbar .navbar-nav > li > a .fa{
	font-size: 40px;
	vertical-align: middle;
	width: 40px;
}

.navbar .collapse .navbar-nav .nav-item .nav-link{
	text-transform: none;
}

/* End navbar styling */

.dropdown-item{
	width: auto;
}

.orderdrop .dropdown-item{
	height: 30px;
	line-height: 30px;
}

.dropdown-menu > li > a{
	display: block;
}

/* Start sidebar styling */

.sidebar{
	box-shadow: none;
}

.sidebar[data-background-color=black] .sidebar-background:after{
	background: transparent;
}

.sidebar .sidebar-wrapper,
.off-canvas-sidebar .sidebar-wrapper{
	height: 100%;
}

.sidebar:before,
.sidebar:after,
.off-canvas-sidebar:before,
.off-canvas-sidebar:after{
	background-color: #29374d;
}

.sidebar .logo img,
.sidebar .logo-mini img{
	width: 100%;
}

.sidebar .logo:after{
	height: 0;
}

.sidebar p,
.sidebar .nav i,
.off-canvas-sidebar .nav i,
.sidebar[data-background-color=black] .nav .nav-item i{
	color: #FFF;
}

.sidebar[data-color=green] li.active>a{
	box-shadow: none;
}

.sidebar p{
	vertical-align: bottom;
}

.sidebar .nav.nav-mobile-menu .dropdown-menu .dropdown-header{
	color: #FFF;
}

.sidebar .logo a.logo-normal img,
.sidebar .logo a.logo-mini img{
	width: auto;
	height: 30px;
}

/* End sidebar styling */

/* Start main panel styling */

.main-panel {
	position: relative;
	overflow: auto;
	min-height: 0;
	max-height: none;
	height: auto;
}

.main-panel > .content {
	margin-top: 0px;
	padding-top: 0px;
}

.status-block {
	height: 15px;
	width: 15px;
	display: inline-block;
	border: 1px solid #808080;
	border-radius: 100%;
}

/* End main panel styling */

/* Table styling */

table .table-badge{
	display: block;
	background-color: #29374d;
	color: #FFF;
	border-radius: 100%;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

table.table{
	border-spacing: 0;
}

table.table tfoot {
	font-weight: bold;
}

table.table .form-group{
	padding: 0;
	margin: 0;
}

table.normal-table-text{
	font-weight: 100;
	font-size: inherit;
}

.table.table-borderless td,
.table.table-borderless th{
	border: none;
}

table.table tr:first-child td {
	border-top: none;
}

table.table .td-actions {
	vertical-align: middle;
}

table.table .valign-top {
	vertical-align: top;
}

.table > thead > tr > td,
.table > thead > tr > th{
	vertical-align: top;
	padding: 5px 8px !important;
}

.table > tbody > tr > td{
	font-size: 14px;
	font-weight: 300;
}

.table > tbody > tr > td,
.table > tbody > tr > th{
	padding: 12px 8px !important;
}

.dataTables_wrapper table.dataTable > thead > tr > th {
	border: none;
}

.dataTables_wrapper table.dataTable.table-sm td,
.dataTables_wrapper table.dataTable.table-sm th{
	padding: .3rem  !important;
}

.dataTables_wrapper .pagination{
	float: right;
}

td.vertical,
th.vertical{
	height: 100px;
	white-space: nowrap;
}

td.vertical > div,
th.vertical > div{
	transform: rotate(270deg);
	width: 30px;
}

td.vertical > div > span,
th.vertical > div > span{
	padding: 5px 0px;
	right: 62px;
	position: relative;
}
	
	/* Table-btw styling (specific btw class) */
	
	table.table.table-btw > thead > tr > th,
	table.table.table-btw > tbody > tr > th,
	table.table.table-btw > tfoot > tr > th,
	table.table.table-btw > thead > tr > td,
	table.table.table-btw > tbody > tr > td,
	table.table.table-btw > tfoot > tr > td{
		padding: 6px 8px;
	}
	
	table.table.table-btw > tbody > tr:first-child > th,
	table.table.table-btw > tbody > tr:first-child > td{
		padding-top: 20px;
	}
	
	table.table.table-btw > tbody > tr:last-child > th,
	table.table.table-btw > tbody > tr:last-child > td{
		padding-bottom: 20px;
	}
	
	/* End Table-btw styling */
	
/* End table styling */
	
/* Forms styling */

.bmd-form-group .bmd-label-static{
	left: auto;
}

.form-group.label-floating label.control-label{
	margin-top: 16px;
}

.form-group.label-static label.control-label,
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label{
	line-height: 1.07143;
	font-size: 12px;
	top: -28px !important;
}

.is-focused [class*=' bmd-label'],
.is-focused [class^=bmd-label]{
	color: #306AB2;
}

.has-danger [class*=' bmd-label'],
.has-danger [class^=bmd-label],
.has-danger label{
	color: #f44336;
}

.form-control,
.is-focused .form-control{
	background-image: linear-gradient(to top,#306AB2 2px,rgba(156,39,176,0) 2px),linear-gradient(to top,#d2d2d2 1px,rgba(210,210,210,0) 1px)
}

.has-danger .form-control,
.has-danger .form-control:invalid,
.is-focused .has-danger .form-control{
	background-image: linear-gradient(to top, rgb(244, 67, 54) 2px, rgba(244, 67, 54, 0) 2px), linear-gradient(to top, rgb(210, 210, 210) 1px, rgba(210, 210, 210, 0) 1px);
	background-color: #f5c6cb;
}

.togglebutton label input[type=checkbox]:checked+.toggle{
	background-color: #306AB2;
}
.togglebutton label input[type=checkbox]:checked+.toggle:after{
	border-color: #306AB2;
}

.form-check .form-check-input:checked+.form-check-sign .check{
	background: #306AB2;
}

.form-check .form-check-input:checked~.circle{
	border-color: #306AB2;
}
.form-check .form-check-label .circle .check{
	background-color: #306AB2;
}

.form-check{
	padding-left: 15px;
}

.card .card-body .form-group,
form .form-group{
	margin: 15px 0 0;
}

form .form-group label{
	position:absolute;
	top:-12px;
}

form .form-group select.form-control{
	position: static;
}

select.form-control:not([size]):not([multiple]){
	height: 36px;
}

	/* Bootstrap selectpicker */
	
	.dropdown.bootstrap-select button.dropdown-toggle{
		height: 42px;
	}
	
	table td .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
		width: 120px;
	}
	
	.card [class*=card-header-] .card-title .dropdown a,
	.card[class*=bg-] .card-title .dropdown a{
		color: #000;
	}
	
	.card [class*=card-header-] .card-title .dropdown a.active,
	.card [class*=card-header-] .card-title .dropdown a.selected,
	.card [class*=card-header-] .card-title .dropdown a:hover,
	.card[class*=bg-] .card-title .dropdown a.active,
	.card[class*=bg-] .card-title .dropdown a.selected,
	.card[class*=bg-] .card-title .dropdown a:hover{
		color: #fff;
	}
	
	/* End Bootstrap selectpicker */
	
	/* Bootstrap datetimepicker */
	
	.bootstrap-datetimepicker-widget table td.active:hover>div,
	.bootstrap-datetimepicker-widget table td.active>div{
		background-color: #306AB2;
		box-shadow:
			0 4px 20px 0 rgba(0,0,0,.14),
			0 7px 10px -5px rgba(48,106,178,.4)
		;
	}
	
	.bootstrap-datetimepicker-widget table td span.active{
		background-color: #306AB2;
	}
	
	.bootstrap-datetimepicker-widget a[data-action]{
		color: #306AB2;
	}
	
	/* End Bootstrap datetimepicker */
	
	/* Tinymce styling */
	
	.row .mce-tinymce iframe{
		width: calc(100% - 2px) !important;
	}
	
	/* End Tinymce styling */

/* End Forms styling */
	
@media (max-width: 991px){
	.nav-open .main-panel,
	.nav-open .wrapper-full-page,
	.nav-open .navbar .container {
		-webkit-transform: translate3d(-200px, 0, 0);
		-moz-transform: translate3d(-200px, 0, 0);
		-o-transform: translate3d(-200px, 0, 0);
		-ms-transform: translate3d(-200px, 0, 0);
		transform: translate3d(-200px, 0, 0);
	}
}

/* Start dashboard styling */

.quotation-dashboard{
	line-height: 1.42857143;
	text-align: center;
}

@media (min-width: 992px){
	.quotation-dashboard .col-md-2-4{
		width: 20%;
		float: left;
	}
}

.quotation-dashboard .number{
	color: #306AB2;
	font-size: 7.5em;
	font-weight: 300;
}

.quotation-dashboard.quotation-dashboard-sm .number{
	font-size: 4.5em;
}

.quotation-dashboard .number.number-success{
	color: #4caf50;
}

.dashboard.form-horizontal label{
	padding: 0 10px;
}

/* End dashboard styling */

/* Some extending Bootstrap classes */

.h-0
{
	height: 0px;
}

.mb-7 {
	margin-bottom: 5rem!important;
}

.copyright
{
	background-color: rgba(0,0,0,0.7);
	color: white;
	height: 35px;
}

.copyright p
{
	margin: 0px;
	line-height: 35px;
}

.copyright a
{
	color: white;
}

.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in .mce-textbox.mce-multiline.mce-abs-layout-item.mce-first.mce-last
{
	height: 93% !important;
	border-radius: 5px;
}

.swal2-container:not(.swal2-in){
	pointer-events: auto;
}

.swal2-icon-text{
	font-size: 60px;
}