/*================================================== VARIABLES*/
:root
{
	--bootstrapPrimary: #0D6EFD;
	--siteBackground: #FAFAFC;
	--lincolnRed: #AC1E2C;
	--sfBlue: #009fd9;
	--oeOrange: #f99d1c;
	--btGray: #a7a7a7;
	--alBlack: #000000;
	--lincolnLightRed: #d33e4d;
	--lincolnGray: #303030;
	--textHighlight: #FFF8B7;
	--dtHighlight: #f5ebeb;
	--textNavbarWhite: #E0E0E0;
	--disabled: #F8F8F8;
	--menuGray: #D0D0D0;
	--serializedTable: #EEE5EF;
	--complexTable: #DEE6EF;
	--keyValueList: #D7DDAB;
	--simpleList: #CCCCCC;
}

/*================================================== MAIN LAYOUT*/
body
{
	background-color: var(--siteBackground);
}

.navbar-main
{
	background-size: 20px 20px;
	background-image:
    linear-gradient(to right, #b83340 1px, transparent 1px),
    linear-gradient(to bottom, #b83340 1px, transparent 1px);
}

/*================================================== ENVIRONMENT*/
.ui_hideable
{
	display: none;
}

option:disabled
{
	color: lightgray;
}


/*================================== BOOTSTRAP EXTENSIONS */
.h-40{height:40% !important;}.h-60{height:60% !important;}
button:focus, a.btn:focus{box-shadow: 0 0 0 .25rem rgba(211, 62, 77, .25)!important;}
.form-check-input{cursor: pointer;}
.form-check-input:focus{box-shadow: 0 0 0 .25rem rgba(211, 62, 77, .25);}
.container-w{max-width:1800px;}
.container-fw{max-width:100%;}
.container-uw{max-width:2400px;}
.link{transition-duration:0.15s;}.link:hover{color:var(--lincolnRed) !important;}
.cur-p{cursor:pointer;}
.ml-1{margin-left:0.25rem;}.ml-2{margin-left:0.5rem;}.ml-3{margin-left:1rem;}.ml-4{margin-left:1.5rem;}.ml-5{margin-left:3rem;}
.mr-1{margin-right:0.25rem;}.mr-2{margin-right:0.5rem;}.mr-3{margin-right:1rem;}.mr-4{margin-right:1.5rem;}.mr-5{margin-right:3rem;}
.bg-lincolnGray{background-color:var(--lincolnGray);}
.bg-lincolnRed{background-color:var(--lincolnRed);}
.bg-textHighlight{background-color: var(--textHighlight);}
.color-light{color: var(--textNavbarWhite) !important;}
.text-small{font-size: smaller;}
.text-navbarWhite{color: var(--textNavbarWhite);}
.form-control:disabled{background-color: var(--disabled);}
.btn-outline-none{border: none;}
input.form-control:focus, .form-select:focus, textarea.form-control:focus{border: none;box-shadow: 0 0 0 .25rem rgba(211, 62, 77, .25);}
.btn-primary{border: none;background-color: var(--lincolnRed);}
div.modal-header.bg-primary, .form-check-input:checked{background-color: var(--lincolnRed)!important;}
.btn-primary:hover{background-color: var(--lincolnLightRed);}
.btn-primary:focus{background-color: var(--lincolnLightRed);box-shadow: 0 0 0 .25rem rgba(211, 62, 77, .25);}
.btn-outline-primary:hover{background-color: var(--lincolnRed);border-color: var(--lincolnRed);}
.btn-outline-primary.disabled{color: var(--lincolnRed);}
a{color: var(--lincolnRed);}.btn-outline-primary{color: var(--lincolnRed);border-color: var(--lincolnRed);}
.btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active, button.btn-outline-primary.dropdown-toggle.show, .btn-primary:active{background-color: var(--lincolnRed)!important; border-color: var(--lincolnRed)!important;}
li.dropdown-menu-item a:hover{color: var(--lincolnRed);}
.btn-primary:disabled{background-color: var(--lincolnLightRed);}

/*================================== FLAG ICON EXTENSIONS */
.flag-icon{color:#000000;color:rgba(0,0,0,0);}
.flag-icon-text{margin-left:0.5rem;min-width:1.75rem;}


/*================================== ICONS */
.icon-header
{
	margin-right: 1rem;
	color: #484848;
}

.icon-header-default-color
{
	margin-right: 1rem;
}

.icon-input
{
	color: var(--lincolnRed);
}

.icon-process-success {color: green;}
.icon-process-error {color: red;}
.icon-process-warning {color: orange;}


/*================================== BUTTONS */
.fa-btn .svg-inline--fa, .fa-btn .fas, .fa-btn .fab, .fa-btn .far
{
	margin-right: 0.5rem !important;
}

.search-translation{
	margin-left: 20px!important;
}

.fa-ico .svg-inline--fa,
.nav-link
{
	color: var(--textNavbarWhite) !important;
}


.fa-ico .svg-inline--fa:hover,
.nav-link:hover,
.dropdown-item:hover
{
	transition: 200ms;
	color: white !important;
}

.dropdown-item{color: var(--lincolnRed) !important;}
.dropdown-item:hover{color: var(--lincolnRed) !important;}
.dropdown-item:focus{background-color: var(--menuGray) !important;}

.nav-tabs .nav-link.active {background-color: var(--lincolnRed) !important; color: var(--textNavbarWhite) !important;}
.nav-tabs .nav-link {background-color: var(--siteBackground); border-color: var(--lincolnRed); color: var(--lincolnRed) !important;}
.nav-tabs .nav-link:hover {background-color: var(--lincolnRed); border-color: var(--lincolnRed); color: var(--textNavbarWhite) !important;}


.dropdown-menu-item
{
	padding-left: 1rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.dropdown-menu-item a
{
	text-decoration: none;
}

.dropdown-menu-item:hover
{
	background-color: var(--dtHighlight);
}

.dropdown-menu-item .svg-inline--fa, .dropdown-menu-item .fas, .dropdown-menu-item .fab, .dropdown-menu-item .far
{
	margin-right: 0.5rem !important;
}

.status-updated
{
	color: darkgreen;
	font-weight: bold;
}

.status-warning
{
	color: darkorange;
	font-weight: bold;
}

.status-error
{
	color:darkred;
	font-weight: bold;
}


/*================================== LABELS */
.label-serialized-table {padding: 0.25rem 0.5rem; border-radius: 0.25rem; background-color: var(--serializedTable); height: 100%; text-align: center; padding-top: 0.3rem;}
.label-key-value {padding: 0.25rem 0.5rem; border-radius: 0.25rem; background-color: var(--keyValueList); height: 100%; text-align: center; padding-top: 0.3rem;}
.label-complex-table {padding: 0.25rem 0.5rem; border-radius: 0.25rem; background-color: var(--complexTable); height: 100%; text-align: center; padding-top: 0.3rem;}
.label-simple-list {padding: 0.25rem 0.5rem; border-radius: 0.25rem; background-color: var(--simpleList); height: 100%; text-align: center; padding-top: 0.3rem;}


/*================================== INPUT */
input::placeholder
{
	color: lightgray !important;
}

/*================================== USER */
.role-admin{color: #0D6EFD; font-weight: 500;}
.user-inactive{color:#CCCCCC;}

/*================================== SHELL */
.shell-input
{
	white-space: pre;
	overflow-wrap: normal;
	overflow-x: scroll;
	width: 100%;
	height: 50vh;
}

.shell-command
{
	width: 100%;
}

.shell-arg-required { color: darkmagenta; }
.shell-arg-required-param { color: rgb(0, 117, 212); }
.shell-arg-optional { color: green }
.shell-val-null { color:darkgoldenrod; font-style: italic; }

/*================================== DOCUMENTATION */
.doc-link { text-decoration: none;}
.doc-list {margin-left: 2rem;}

/*================================== PRODUCT */
.large-checkbox {width: 26px; height: 26px; margin-top: 1px}

.filterRow th {padding-left: 0px !important; padding-right: 0px !important}

#pdf-preview-modal div.modal-content{
	height: 1260px;
	width: 900px;
}
#pdf-preview-modal.modal-dialog{
	max-width: 900px;
}
.hover-preview{
	cursor: pointer;
}
.hover-preview:hover
{
	color: var(--lincolnRed);
}
li.panel div.draggable-row.ui-sortable-handle, li.panel div.draggable-row.ui-sortable-handle label
{
	cursor: grab;
}
li.panel div.draggable-row.ui-sortable-handle label
{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
li.panel div.draggable-row.ui-sortable-handle label:hover
{
	background-color: var(--dtHighlight);
}
li.panel div.draggable-row.ui-sortable-handle label svg
{
	color: lightgray;
}


/*================================== TABLE */
.table-white{background-color: white;}
.table-header-gray{background-color: lightgray;}
td span.overwritten-table{color: var(--lincolnRed);font-weight: bold;}
td span.copied-table{color: blue;}
.hidden{display: none !important}
/*================================== DATATABLE */
.dt-summaryText
{
	text-align: right;
	font-weight: bolder;
	padding-right: 10px !important;
}

.dt-summaryValue
{
	font-weight: bolder;
	padding-left: 10px !important;
}

.dt-sortableRow th:hover
{
	background-color: var(--dtHighlight) !important;
	transition: 0.25s;
}

.select-filter select
{
	cursor: pointer;
}

.dataTable tbody tr:hover {	background-color: var(--dtHighlight) !important; }
.dt-interactiveRow { cursor: pointer; }
input.regex-highlighted::first-line{background-color: #D7DDAB;color:black;font-family: Consolas, monaco, monospace;}
.datatable-brands{display: flex;flex-direction: row;}
.brand-thumbnail{width: 15px;height: 17px;background-color: red;display: flex; margin: 1px; align-items: center; justify-content: center; font-style: 0.8rem; filter: opacity(0.7);}
.brand-LE{background-color: var(--lincolnRed); color: white;}
.brand-SF{background-color: var(--sfBlue); color: white;}
.brand-OE{background-color: var(--oeOrange);color: white;}
.brand-BT{background-color: var(--btGray); color: white;}
.brand-AL{background-color: var(--alBlack); color: white;}
.brand-GR{background-color: var(--lincolnRed); color: white;}

/*================================== LOADING SPINNER */
.loadingSpinner
{
	margin: auto;
	margin-top: 3rem;
    width: 100px;
    height: 100px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 200;
    border-radius: 50%;
	border: 12px solid #efefef;
    border-top: 12px solid #dadada;
    border-bottom: 12px solid #dadada;
    animation: animationSpinRight 1.2s linear infinite;
}

.loadingSpinner-sm
{
	margin: auto;
    width: 1.65rem;
    height: 1.65rem;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 200;
    border-radius: 50%;
	border: 4px solid #dadada;
    border-top: 4px solid #AC1E2C;
    border-bottom: 4px solid #AC1E2C;
    animation: animationSpinRight 1.2s linear infinite;
}
#loading-spinner{
	display: flex;
	align-items: center;
}
#loading-spinner svg{
	margin: auto;
    width: 1.65rem;
    height: 1.65rem;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 200;
    border-radius: 50%;
    animation: animationSpinRight 1.2s linear infinite;
}

@keyframes animationSpinRight 
{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* #region LoadingSpinner */
.loader 
{
	display: block;
	position: relative;
	width: 80px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
}

.loader-table
{
	margin-top: 5rem
}

.loader div 
{
	position: absolute;
	top: 33px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: var(--lincolnRed);
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.loader div:nth-child(1) 
{
	left: 8px;
	animation: loader1 0.6s infinite;
}
.loader div:nth-child(2) 
{
	left: 8px;
	animation: loader2 0.6s infinite;
}
.loader div:nth-child(3) 
{
	left: 32px;
	animation: loader2 0.6s infinite;
}
.loader div:nth-child(4) 
{
	left: 56px;
	animation: loader3 0.6s infinite;
}

@keyframes loader1 
{
	0% { transform: scale(0); }
	100% {transform: scale(1); }
}

@keyframes loader3 
{
	0% { transform: scale(1); }
	100% { transform: scale(0); }
}

@keyframes loader2 
{
	0% { transform: translate(0, 0); }
	100% { transform: translate(24px, 0); }
}
/* #endregion */