/* first for IE 4–8 */
@font-face {
  font-family: ProximaNovaCondReg;
  src: url("./fonts/proximanovacond-regweb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: ProximaNovaCondReg;
  src: url("./fonts/proximanovacond-regweb.woff") format("woff");
}

@font-face {
  font-family: ProximaNovaReg;
  src: url("./fonts/proximanova-regweb.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: ProximaNovaReg;
  src: url("./fonts/proximanova-regweb.woff") format("woff");
}


body{
	font-family: ProximaNovaReg, sans-serif;
	color: #000000;
	overflow: auto;
	}
	
.table thead th {
	font-family: ProximaNovaReg, Sans-Serif;
	background-color: #71767D;
	font-weight: bold;
	color: #FFFFFF;
    vertical-align: middle;
    font-size: 14px;
}

.table tbody th {
	font-family: ProximaNovaReg, Sans-Serif;
	background-color: #71767D;
	font-weight: bold;
	color: #FFFFFF;
    vertical-align: middle;
    font-size: 14px;
}

.border2 {
	border-style: none;
}

.bgboxhead {
	font-weight: bold;
	color: #ffffff;
	padding-left: 15px;
	background-color: #9CB9D0;
	border-bottom-style: solid;
	border-bottom-color: #9CB9D0;
	border-bottom-width: 1px;
}

.bgboxbody {
	background-color: #CCDAEA;
	padding: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #9CB9D0;
	font-size: 15px;
}

.rimlogo {
	border-width: 0;
	text-align: center;
}

.boxwarn {
	font-weight: bold;
	font-size: 12px;
	color: #C7003C;
	padding-left: 15px;
	padding-right: 15px;
}

.errorLines {
	font-size: 11px;
	color: #000000;
}

.infoText {
	font-size: 12px;
	color: #000000;
}

.infoTextSmall {
	font-size: 11px;
	color: #000000;
}

.versionHistory {
	font-size: 13px;
	color: #000000;
}

.versionText {
	font-family: ProximaNovaCondReg, Sans-Serif;
	font-size: 10px;
	color: #000;
}

font.editLinesHeader {
	font-size: 11px;
	color: #1E5C99;
}

.savedSearch {
	font-weight: bold;
	color: #000000;
}

.bg-light {
	background-color: #F2F2F2;
}


.panel-default-style {
	width: 800px;
}

.panel-default > .panel-heading {
			background-color: #71767D;
			color:white;
			font-family: ProximaNovaReg, Sans-Serif;
}

.panel-default-heading-font {
			font-family: ProximaNovaReg, sans-serif;
			font-weight: bold;
			color: white;
}

.panel-default-row-style {
	width: 800px;
}

@media (max-width: 1000px) {
	.panel-default-row-style, .panel-default-style {
		width: 100%;
	}
}

.panel-default-row-font {
			font-weight: bold;
}
.error{
	border-left: 1px solid #CC3333;
	border-right: 1px solid #CC3333;
	border-bottom: 1px solid #CC3333;
	background-color: #F2F2F2;
	color: #CC3333;
	margin: 4px 0;
}

.tabcontent form .error {
	margin: -12px 8px 0;
}

.panel-heading-error{
    font-size: 14px;
    font-weight: bold;
    color: White;
    background-color: #CC3333;
}

.panel-heading-error label {
	margin: 0 8px;
}

.infobox{
	border-left: 1px solid #0061AB;
    border-right: 1px solid #0061AB;
    border-bottom: 1px solid #0061AB;
    background-color: #F2F2F2;
    color: #0061AB;
}

.panel-heading-info{
    font-size: 14px;
    font-weight: bold;
    color: White;
    background-color: #0061AB;
}

.panel-heading-info label {
	margin: 0 8px;
}

.container{
	font-size: 14px;
	font-family: ProximaNovaReg, Sans-Serif;
}

@media (min-width: 768px) {
    .container {
        max-width: 100%
    }
}

.table.dataTable{
	width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
	font-family: ProximaNovaReg, Sans-Serif;
    font-size: 14px;
}


/* This is a fix for inner Tables not decreasing the width properly on window resize event*/
.dataTables_scrollHead {
        width: 100% !important;
}
.dataTables_scrollHeadInner {
    width: 100% !important;
}
.dataTable  {
    width: 100% !important;
}
/* inner table fix end */

.mm_popup {
	display: none;
	z-index: 2;
	position: absolute;
	top: 20%;
	left: 20%;
	right: 20%;
	border-radius: 5px 5px 5px 5px;
	font-family: ProximaNovaReg, sans-serif;
	font-size: 14px;
	color: #000;
	margin-right: 0;
	background-color: white;
	box-shadow: #0000008c 0 0 10px;
}

@media screen and (max-width: 768px) {
	.mm_popup {
		top: 40px;
		right: 20px;
		bottom: 40px;
		left: 20px;
	}
}

.mm_popup_content form .container .row {
	margin: 0;
}
	 
.mm_popup_content {
   	margin: 12px 8px 16px;
   	width: 100%;
}

.mm_popup_back {
	display: none;
	z-index: 1;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000); /* IE Fallback */
	background: rgba(0, 0, 0, 0.5);
}

table.restricted-width th {
	min-width: 50px;
}

.horizontal-spacing {
	padding: 16px 0;
}

.horizontal-outer-spacing {
	margin: 8px 0;
}

.vertical-middle {
	display: flex;
	align-items: center;
}

.input-with-search-container {
	display: flex;
	align-items: center;
	width: 100%;
}

.input-with-search-container > :first-child {
	margin-right: 8px;
	width: 100%;
}

.input-with-search-container > :last-child {
	margin-right: 8px;
	flex-shrink: 0;
}

.container {
	margin: 4px 4px 4px 0;
	padding-left: 8px;
}

.red-ball {
	background: rgba(255, 0, 0, 0.62);
	height: 15px;
	width: 15px;
	border-radius: 99px;
}

.tabcontent {
	padding: 0;
	margin-bottom: 32px;
	border-top: 1px solid #ccc;
}

.tab ~ .tabcontent {
	margin-top: -1px;
}

.tabcontent .form-actions {
	margin-left: 8px;
}

.panel-body .dataTables_info, .panel-body .dataTables_length {
	padding-left: 8px;
}

.panel-separator {
	min-height: 10px;
	background-color: #C1C4CC;
	font-size: 14px;
	padding-left: 8px;
	font-weight: bold;
}

.table-less-spacing th, .table-less-spacing td {
	padding: 2px 8px;
}

.table-less-spacing {
	display: table;
}

.vertical-middle label, label.vertical-middle, p.vertical-middle, .vertical-middle p {
	margin-bottom: 0;
}

.tab {
	display: inline-block;
}

.tab button {
	padding: 4px 16px;
}

.table-without-spacing {
	margin-block-end: 8px;
}

.container-without-spacing {
	margin: 0;
	padding: 0;
}

.vertical-self-top {
	align-self: start;
}

.full-width {
	width: 100%;
}

.spacing-right {
	margin-right: 16px;
}

.action-column {
	text-align: center;
}

.action-column img, .btnDeleteLines {
	width: 20px;
	cursor:pointer;
}

.table-responsive {
	width: 100%;
}

table.dataTable tbody td {
	padding: 2px 8px;
	vertical-align: middle;
}

table.dataTable tbody td input {
	height: auto;
	padding: 2px .5rem;
}
@media (min-width: 768px) {
	.horizontal-separation {
		display: flex;
		margin-right: 16px;
	}
	.horizontal-separation input {
		min-width: 50px;
	}

	.horizontal-separation input:not(:first-child) {
		margin-left: 8px;
	}
}

.table-custom-striped .tableodd {
	background-color: rgba(0,0,0,.05);
}

.table-custom-striped .tableeven {
	background-color: white;
}

table.dataTable thead th {
	padding-left: 8px;
}
@media (max-width: 1041px) {
	td.min-desktop {
		display: none !important;
	}
}

@media (max-width: 960px) {
	#orderLinesTable {
		display: block;
	}
}