/*COLOR PALETTE: ;
https://coolors.co/dc143c-262626-59a96a-f1e0c5-d9f7fa

/* CSS HEX */
--crimson: #dc143cff;
--eerie-black: #262626ff;
--forest-green-crayola: #59a96aff;
--champagne: #f1e0c5ff;
--light-cyan: #d9f7faff;

/* CSS HSL */
--crimson: hsla(348, 83%, 47%, 1);
--eerie-black: hsla(0, 0%, 15%, 1);
--forest-green-crayola: hsla(133, 32%, 51%, 1);
--champagne: hsla(37, 61%, 86%, 1);
--light-cyan: hsla(185, 77%, 92%, 1);

/* SCSS HEX
$crimson: #dc143cff;
$eerie-black: #262626ff;
$forest-green-crayola: #59a96aff;
$champagne: #f1e0c5ff;
$light-cyan: #d9f7faff;

/* SCSS HSL */
/* $crimson: hsla(348, 83%, 47%, 1);
$eerie-black: hsla(0, 0%, 15%, 1);
$forest-green-crayola: hsla(133, 32%, 51%, 1);
$champagne: hsla(37, 61%, 86%, 1);
$light-cyan: hsla(185, 77%, 92%, 1); */

/* SCSS RGB */
/* $crimson: rgba(220, 20, 60, 1);
$eerie-black: rgba(38, 38, 38, 1);
$forest-green-crayola: rgba(89, 169, 106, 1);
$champagne: rgba(241, 224, 197, 1);
$light-cyan: rgba(217, 247, 250, 1); */

/* SCSS Gradient */
/*
$gradient-top: linear-gradient(0deg, #dc143cff, #262626ff, #59a96aff, #f1e0c5ff, #d9f7faff);
$gradient-right: linear-gradient(90deg, #dc143cff, #262626ff, #59a96aff, #f1e0c5ff, #d9f7faff);
$gradient-bottom: linear-gradient(180deg, #dc143cff, #262626ff, #59a96aff, #f1e0c5ff, #d9f7faff);
$gradient-left: linear-gradient(270deg, #dc143cff, #262626ff, #59a96aff, #f1e0c5ff, #d9f7faff);
$gradient-top-right: linear-gradient(45deg, #dc143cff, #262626ff, #59a96aff, #f1e0c5ff, #d9f7faff);
$gradient-bottom-right: linear-gradient(135deg, #dc143cff, #262626ff, #59a96aff, #f1e0c5ff, #d9f7faff);
$gradient-top-left: linear-gradient(225deg, #dc143cff, #262626ff, #59a96aff, #f1e0c5ff, #d9f7faff);
$gradient-bottom-left: linear-gradient(315deg, #dc143cff, #262626ff, #59a96aff, #f1e0c5ff, #d9f7faff);
$gradient-radial: radial-gradient(#dc143cff, #262626ff, #59a96aff, #f1e0c5ff, #d9f7faff);
 */


#alertBrowser{
	position: fixed;
	top: 50px;
	min-width: 80vw;
	text-align: center;
	margin-left: 10vw;
	z-index: 10000;
}
.alert-danger{
	color: #fed6dd;
	background-color: crimson;
}


.form-outline .form-control:focus~.form-notch .form-notch-leading {
    border-top: .125rem solid crimson;
    border-bottom: .125rem solid crimson;
    border-left: .125rem solid crimson;
}
 .form-outline .form-control:focus~.form-notch .form-notch-middle {
    border-bottom: .125rem solid;
    border-color: crimson;
}

.form-outline .form-control:focus~.form-notch .form-notch-trailing {
    border-color: currentcolor currentcolor currentcolor crimson;
    border-bottom: .125rem solid crimson;
    border-right: .125rem solid crimson;
    border-top: .125rem solid crimson;
}

.form-outline .form-control:focus~.form-label {
    color: crimson;
}	

.form-outline .noBorder.form-control:focus~.form-notch .form-notch-leading {
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
}
 .form-outline .noBorder.form-control:focus~.form-notch .form-notch-middle {
    border-bottom: none !important;
    border-color: crimson;
}

.form-outline .noBorder.form-control:focus~.form-notch .form-notch-trailing {
    border-color: currentcolor currentcolor currentcolor crimson;
    border-bottom: none !important;
    border-right: none !important;
    border-top: none !important;
}	

.noBorder, .form-outline .noBorder.form-control~.form-notch .form-notch-trailing, .form-outline .noBorder.form-control~.form-notch .form-notch-middle, .form-outline .noBorder.form-control~.form-notch .form-notch-leading{
	border: none!important;
}

.fas{
	line-height: 0;
	margin-top: 5px;
}

.visibilitySwitch{
	margin-top: 5px;
}

.bg-crimson{
    background-color: crimson !important;
    color: aliceblue!important;
}

.btn-crimson{
	background-color: crimson !important;
	color: white;
}

.btn-crimson:hover{
	background-color: red !important;
	color: white;
}

.toast {
	min-width: 50vw;
}

.toast-error{
	color: #fed6dd;
	background-color: crimson !important;
}

.toast-error .toast-message{
	color: #fed6dd ;
	text-align: center;
}

.form-switch .form-check-input:checked, .form-switch .form-check-input:focus,.form-check-input[type="checkbox"]:checked:focus{
    background-color: crimson;
}
.form-switch .form-check-input:checked[type="checkbox"]::after {
    background-color: crimson;

}
    .switch label input[type=checkbox]:checked+.lever {

    background-color: crimson;

}

.switch label input[type=checkbox]:checked+.lever:after {

    background-color: crimson ;

}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


/* RELATIONS PAGE */

.grecaptcha-badge { visibility: hidden; }


@font-face {
    font-family: warning;
    src: url('https://<?= DOMAIN_NAME ?>/fonts/Anton-Regular.ttf') format('truetype');
}


.grid-stack-item{
    inset:  5px;
  }
.grid-stack-item-content{
overflow: hidden!important;

}
.Item_Link{
overflow: hidden;
}

.footerButtonWelcome{
    position: fixed;
    bottom:7vh;
    right:20vw;
    margin: 10px;
    z-index: 1000;
}

.optionsLink .btn-crimson i{
 margin:5px;
 line-height: 0.8;
}          
.optionsLink .btn-crimson .handle{
    padding: 0;
    cursor: move;
}