@charset "utf-8";

.nav-title {
    font-family: "Simplified Arabic";
    font-size: 12pt;
    font-weight: bold;
    text-align: right;
    margin: 0 !important;
    padding: 1.75rem 1rem 0.75rem 0 !important;
    float: right;
    border: 0 !important;
    color: #5d5d5d;
}

.aq {
	cursor:pointer;
}

a.hrefnoand {
	text-decoration:none;
	color:#000;
}

.quizeall {

	margin-bottom:15px;
}

.addma {
	margin-right:5px;
	border:2px solid #333;
	border-radius: 15px 50px;

}

a.btnhrf {
	font-size:20px;
	text-decoration:none;
	color:#000;
}

.track {
	cursor:pointer;
	width:30px;
}

.explain {
	display:none;
}

.questions {
	font-weight:bold;
}

.imgc {
	margin: 0 auto;
}

.navColorF {
	color:#000;
	font-family:"Simplified Arabic";
	font-size:14pt;
	font-weight:bold;
	text-align:right;
	background-color: rgb(228, 228, 228);
}

.navColorG {
	color:#000;
	font-family:"Simplified Arabic";
	font-size:12pt;
	font-weight:bold;
	text-align:right;
	background-color: rgb(238, 231, 231);
}


.navColorFM {
	color:#000;
	font-family:"Simplified Arabic";
	font-size:14pt;
	font-weight:bold;
	text-align:right;

}

.navColordetail {
	color:#000;
	font-family:"Simplified Arabic";
	font-size:12pt;
	font-weight:bold;
	text-align:right;
	margin-top: 10px;
}


.bmargin {
	margin-top: 20px;
}

.font-weight-bold {
	font-weight:bold;
	font-family:"Simplified Arabic";
}

.strcurep {
	font-family:"Simplified Arabic";
	font-size:13pt;
	font-weight:bold;
	color:#000;
	background-color:rgb(228, 228, 228);;
	text-decoration:none;
	min-height: 35px;
	padding-top: 5px;
}

.strcureph {
	font-family:"Simplified Arabic";
	font-size:13pt;
	font-weight:bold;
	color:#000;
	background-color:rgb(228, 228, 228);;
	text-decoration:none;
	min-height: 35px;
	padding-top: 5px;
}


select {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #CCC;
	font-family:"Simplified Arabic";
	font-size:13pt;
	font-weight:bold;
	color:#000;

}

.mainTilteC {
	font-family:"Simplified Arabic";
	font-size:14pt;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	border-bottom:2px dotted #131212;
	border-top:2px dotted #131212;
	background-color:#b1b1b1;
}

.mainTilteCR {
	font-family:"Simplified Arabic";
	font-size:14pt;
	font-weight:bold;
	text-decoration:none;
	color:#363636;
	border-bottom:2px dotted #363636;
	border-top: 2px dotted #363636;
	background-color:#e7e0e0;
}

.mainTilteCD {
	font-family:"Simplified Arabic";
	font-size:14pt;
	font-weight:bold;
	text-decoration:none;
	color:#363636;
	background-color:#b4afaf;
}

.mainTilteCDI {
	font-family:"Simplified Arabic";
	font-size:14pt;
	font-weight:bold;
	text-decoration:none;
	color:#363636;
}

.daleelhref,  .daleelhref:hover, .daleelhref:visited{
	font-family:"Simplified Arabic";
	font-size:14pt;
	font-weight:bold;
	text-decoration:none;
	color:#363636;

}


.titleInput, div[class^='titleInput'] {
	font-family:"Simplified Arabic";
	font-size:14pt;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	height:auto;
}

.choosen {
	font-family:"Simplified Arabic";
	font-size:14pt;
	font-weight:bold;
	text-decoration:none;
	color:#4b4b4b;
	height:auto;
	padding-right:0;
}

.nodis {
	display: none;
	width: 100px;
	text-align: center;
}

.send {
	border: 1px solid #1d1c1a;
	background-color:#7a7a77;
	font-family:"Simplified Arabic";
	font-size:13pt;
	font-weight:bold;
	color:#000;
}

.actgrade {
	background-color:#9c9c99;
}

.answertitle {
	background-color:#e2e2e2;
	margin: 10px 10px 10px 0px;
}

.answer {
    border: 1px solid #000 !important;
    padding: 8px 10px 8px 10px !important;
    margin: 2rem 0rem 2rem 1.5rem !important;
    background-color: rgb(228, 222, 222) !important;
    width: calc(100% - 3rem);
}

.correctanswer {
	border: 1px solid #000 !important;
	padding: 8px 10px 8px 10px !important;
	margin: 0px 0px 10px 0px !important;
	background-color: rgb(245, 238, 238) !important;
	height: 80px;
}

.namest {
	background-color: #999266;
}

.strcurepd {
	font-family:"Simplified Arabic";
	font-size:13pt;
	font-weight:bold;
	color:#000000;
	background-color:#e4e4e4;
	text-decoration:none;
}

.nameSubj {
    float: right;
    font-family: "Simplified Arabic";
    font-size: 14pt;
    font-weight: bold;
    text-decoration: none;
    color: #433518;
    padding-top: 3px;
    padding-right: 15px;
    padding-left: 5px;
    height: 33px;
    position: relative;
    width: 230px;
    background-color: #CCC;
}

.setline {
	background-color:#CCC;

}

.inputsubject {
	float:right;
	font-family:"Simplified Arabic";
	font-size:14pt;
	font-weight:bold;
	text-decoration:none;
	color:#433518;
	padding-right:15px;
	padding-left:5px;
	height:auto;
	position:relative;
	background-color:#CCC;
}

.inputA {
    height: 29px;
    margin: -2px 0.25rem 0 0.3rem;
    border: 1px solid #717171;
    padding: 0;
    text-align: center;
    max-width: 58px;
    border-radius: 0.4rem;
}

.total_grade_show {
    /* font-family: "Simplified Arabic"; */
    /* font-size: 13pt; */
    /* font-weight: bold; */
    background-color: #bfbfbf;
    /* color: #000000; */
    border: none;
    max-width: 58px;
}

label[for="usr"] {
    margin: auto auto auto 2rem;
    float: left;
}

.changequestion {
    /* box-shadow: 0 0 10px -5px; */
    padding: 0 1rem;
    border-radius: 0.6rem;
    background: #eee;
    float: left;
    height: 3rem;
    line-height: 1.8;
    margin: 0.25rem 0.5rem 0.5rem 0;
    display: inline-block;
    font-size: 1.6rem;
}

.actual-question-grade {
    color: #aa0f0f;
    width: 4rem;
    text-align: center;
    padding: 1px 0 0 0 !important;
    border: none;
    border-radius: 0.6rem;
    /* border-left: 1px solid #aaa; */
    /* border-right: 1px solid #aaa; */
    background: rgb(255 255 255 / 55%);
    height: 26px;
    border-bottom: 1px solid #cccccc94;
    position: relative;
    top: 0px;
}

.gray-separator {
    color: #555;
    font-size: 1.7rem;
    display: inline-block;
    height: 22px;
    position: relative;
    top: -2px;
}

.form-group {
	margin-top:15px;
	margin-bottom: 0px !important;
}

.q-answer{
	margin: 1rem auto 5rem;
}




/* Bootstrap missing classes */
.border-0{
	border: 0 !important;
}

.d-inline-block{
	display: inline-block;
}

.d-flex{
	display: flex;
}

.rtl{
	direction: rtl !important;
}

.small{
	font-size: 1.6rem;
}

.smaller{
	font-size: 1.3rem;
}

.d-none{
	display: none !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.strong, .bold{
	font-weight: bold;
}


	/* Padding */
	.p-0 {
		padding: 0 !important;
	}

	.p-1 {
		padding: 0.25rem !important;
	}

	.p-2 {
		padding: 0.5rem !important;
	}

	.p-3 {
		padding: 1rem !important;
	}

	.p-4 {
		padding: 1.5rem !important;
	}

	.p-5 {
		padding: 3rem !important;
	}

	/* Padding X */
	.px-0 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.px-1 {
		padding-left: 0.25rem !important;
		padding-right: 0.25rem !important;
	}

	.px-2 {
		padding-left: 0.5rem !important;
		padding-right: 0.5rem !important;
	}

	.px-3 {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.px-4 {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}

	.px-5 {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}


	/* Padding Y */
	.py-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.py-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}

	.py-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}

	.py-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}

	.py-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}

	.py-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}

	/* Padding Top */
	.pt-0 {
		padding-top: 0 !important;
	}

	.pt-1 {
		padding-top: 0.25rem !important;
	}

	.pt-2 {
		padding-top: 0.5rem !important;
	}

	.pt-3 {
		padding-top: 1rem !important;
	}

	.pt-4 {
		padding-top: 1.5rem !important;
	}

	.pt-5 {
		padding-top: 3rem !important;
	}

	/* Padding Right */
	.pr-0 {
		padding-right: 0 !important;
	}

	.pr-1 {
		padding-right: 0.25rem !important;
	}

	.pr-2 {
		padding-right: 0.5rem !important;
	}

	.pr-3 {
		padding-right: 1rem !important;
	}

	.pr-4 {
		padding-right: 1.5rem !important;
	}

	.pr-5 {
		padding-right: 3rem !important;
	}

	/* Padding Bottom */
	.pb-0 {
		padding-bottom: 0 !important;
	}

	.pb-1 {
		padding-bottom: 0.25rem !important;
	}

	.pb-2 {
		padding-bottom: 0.5rem !important;
	}

	.pb-3 {
		padding-bottom: 1rem !important;
	}

	.pb-4 {
		padding-bottom: 1.5rem !important;
	}

	.pb-5 {
		padding-bottom: 3rem !important;
	}

	/* Padding left */
	.pl-0 {
		padding-left: 0 !important;
	}

	.pl-1 {
		padding-left: 0.25rem !important;
	}

	.pl-2 {
		padding-left: 0.5rem !important;
	}

	.pl-3 {
		padding-left: 1rem !important;
	}

	.pl-4 {
		padding-left: 1.5rem !important;
	}

	.pl-5 {
		padding-left: 3rem !important;
	}


		/* Margin */
		.m-0 {
			margin: 0 !important;
		}

		.m-1 {
			margin: 0.25rem !important;
		}

		.m-2 {
			margin: 0.5rem !important;
		}

		.m-3 {
			margin: 1rem !important;
		}

		.m-4 {
			margin: 1.5rem !important;
		}

		.m-5 {
			margin: 3rem !important;
		}

		/* Margin X */
		.mx-0 {
			margin-left: 0 !important;
			margin-right: 0 !important;
		}

		.mx-1 {
			margin-left: 0.25rem !important;
			margin-right: 0.25rem !important;
		}

		.mx-2 {
			margin-left: 0.5rem !important;
			margin-right: 0.5rem !important;
		}

		.mx-3 {
			margin-left: 1rem !important;
			margin-right: 1rem !important;
		}

		.mx-4 {
			margin-left: 1.5rem !important;
			margin-right: 1.5rem !important;
		}

		.mx-5 {
			margin-left: 3rem !important;
			margin-right: 3rem !important;
		}


		/* Margin Y */
		.my-0 {
			margin-top: 0 !important;
			margin-bottom: 0 !important;
		}

		.my-1 {
			margin-top: 0.25rem !important;
			margin-bottom: 0.25rem !important;
		}

		.my-2 {
			margin-top: 0.5rem !important;
			margin-bottom: 0.5rem !important;
		}

		.my-3 {
			margin-top: 1rem !important;
			margin-bottom: 1rem !important;
		}

		.my-4 {
			margin-top: 1.5rem !important;
			margin-bottom: 1.5rem !important;
		}

		.my-5 {
			margin-top: 3rem !important;
			margin-bottom: 3rem !important;
		}

	/* Margin Top */
	.mt-0 {
		margin-top: 0 !important;
	}

	.mt-1 {
		margin-top: 0.25rem !important;
	}

	.mt-2 {
		margin-top: 0.5rem !important;
	}

	.mt-3 {
		margin-top: 1rem !important;
	}

	.mt-4 {
		margin-top: 1.5rem !important;
	}

	.mt-5 {
		margin-top: 3rem !important;
	}

	/* Margin Right */
	.mr-0 {
		margin-right: 0 !important;
	}

	.mr-1 {
	  margin-right: 0.25rem !important;
	}

	.mr-2 {
	  margin-right: 0.5rem !important;
	}

	.mr-3 {
	  margin-right: 1rem !important;
	}

	.mr-4 {
	  margin-right: 1.5rem !important;
	}

	.mr-5 {
	  margin-right: 3rem !important;
	}

	/* Margin Bottom */
	.mb-0 {
		margin-bottom: 0 !important;
	}

	.mb-1 {
	  margin-bottom: 0.25rem !important;
	}

	.mb-2 {
	  margin-bottom: 0.5rem !important;
	}

	.mb-3 {
	  margin-bottom: 1rem !important;
	}

	.mb-4 {
	  margin-bottom: 1.5rem !important;
	}

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

	/* Margin left */
	.ml-0 {
		margin-left: 0 !important;
	}

	.ml-1 {
	  margin-left: 0.25rem !important;
	}

	.ml-2 {
	  margin-left: 0.5rem !important;
	}

	.ml-3 {
	  margin-left: 1rem !important;
	}

	.ml-4 {
	  margin-left: 1.5rem !important;
	}

	.ml-5 {
	  margin-left: 3rem !important;
	}


	/* Negative Margin Top */
	.mt-n1 {
		margin-top: -0.25rem !important;
	}

	.mt-n2 {
		margin-top: -0.5rem !important;
	}

	.mt-n3 {
		margin-top: -1rem !important;
	}

	.mt-n4 {
		margin-top: -1.5rem !important;
	}

	.mt-n5 {
		margin-top: -3rem !important;
	}

	/* Negative Margin Right */
	.mr-n1 {
	  margin-right: -0.25rem !important;
	}

	.mr-n2 {
	  margin-right: -0.5rem !important;
	}

	.mr-n3 {
	  margin-right: -1rem !important;
	}

	.mr-n4 {
	  margin-right: -1.5rem !important;
	}

	.mr-n5 {
	  margin-right: -3rem !important;
	}


	/* Negative Margin left */
	.ml-n1 {
	  margin-left: -0.25rem !important;
	}

	.ml-n2 {
	  margin-left: -0.5rem !important;
	}

	.ml-n3 {
	  margin-left: -1rem !important;
	}

	.ml-n4 {
	  margin-left: -1.5rem !important;
	}

	.ml-n5 {
	  margin-left: -3rem !important;
	}

	/* Negative Margin Bottom */
	.mb-n1 {
		margin-bottom: -0.25rem !important;
	}

	.mb-n2 {
		margin-bottom: -0.5rem !important;
	}

	.mb-n3 {
		margin-bottom: -1rem !important;
	}

	.mb-n4 {
		margin-bottom: -1.5rem !important;
	}

	.mb-n5 {
		margin-bottom: -3rem !important;
	}

/* examhistory */

.exam-list-wrapper {
    min-width: 706px;
    max-width: 1118px;
    overflow-x: hidden;
}



/* Dashboard */

.card-wrapper {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0;
}

.card {
    border-radius: 1rem;
    box-shadow: 0 0 12px 5px rgb(0 0 0 / 9%);
    display: grid;
	align-items: center;
    align-content: center;
    padding: 1rem 1rem 0.6rem;
    margin: auto 0 3rem 0;
    max-width: 300px;
    font-family: "Simplified Arabic";
    text-decoration: none !important;
    width: 100%; /*43%;*/
    text-align: center;
	position: relative;
	cursor: pointer;
	color: #404040;
	/* zoom: 0.9; */
}

.card h4{
  font-size: 1.75rem;
  /* color: #404040; */
  font-weight: bold;
  display: flex;
  justify-content: center;
}

.card .label {
    font-family: system-ui;
    font-size: 1.3rem;
    margin: -0.15rem 0 0 1rem;
    padding: 0.45rem 0.75rem;
}

.card ul {
    font-family: system-ui;
    font-size: 1.25rem;
	line-height: 1.6;
    /* color: #374955; */
    color: hsl(205 31% 35% / 1);
}

.card svg {
    max-width: 65px;
}

.card .label.notification {
    font-weight: 500;
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-family: system-ui;
    font-size: 21px;
    top: -9px;
    left: -9px;
    text-align: center;
    padding: 0.6rem;
	box-shadow: 0 0 6px 0 rgb(0 0 0 / 40%);
}

.online-room {
    min-height: stretch;
    box-shadow: 0 0 12px 5px hsl(205deg 21.46% 88.16%);
    color: #31708f;
    background: #f1fbff;
    background: #edf6ff;
    background: linear-gradient(315deg, hsl(210 100% 96% / 1) 50%, hsl(210 100% 99% / 1) 100%);
}

.online-room svg {
    color: #507a97;
    fill: #507a97;
    /* fill: #374955; */
}

.inactive {
	/* pointer-events: none; */
    filter: grayscale(1);
    opacity: 0.75;
	background: white;
    box-shadow: 0 0 12px 5px rgb(0 0 0 / 9%);
}

.online-indicator {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #62bd19;
    border-radius: 50%;
    left: 15px;
    right: auto;
    top: 15px;
}

.online-indicator::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #62bd19;
  border-radius: 50%;
  animation: pulse 1.5s infinite;
  left: 0;
}

/* Hide lecture cards until page fully loads */
[id^="lecture"]  {
  display: none;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}



.offline-dot {
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #95a5a6;
  border-radius: 50%;
  display: inline-block;
  animation: breathe 3s infinite ease-in-out;
  left: 15px;
  right: auto;
  top: 15px;
}

@keyframes breathe {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

.title-adjust{
	margin-top: 2rem;
}

.student_pic {
    position: absolute;
    width: 26px;
    z-index: 999;
    border: 1px solid #b3a179;
    transition: all 0.5s cubic-bezier(0.42, 0, 0.11, 1.51);
    cursor: pointer;
	bottom: 0;
	background-color: #FFF;
}

.student_pic:hover {
    z-index: 1000;
    width: 150px;
    margin-right: -60px;
}

.exam-question-wrapper {
    min-width: 706px;
    max-width: 1118px;
    overflow-x: hidden;
}


.text-overflow-max {
    max-width: 200px;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
	text-align: right;
	display:inline-block;
	margin-bottom: -7px;
}

.fixed-btn-footer {
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #ffffff;
    width: 100%;
    padding: 1.75rem;
    z-index: 9999;
    /* box-shadow: 0 0 16px 15px rgb(255 255 255); */
    text-align: center;
}

.fixed-btn{
	width:100px;
}

@media (min-width:1440px) {
	.fixed-btn-footer {
		bottom: 0;
		right: 2vw;
		width: 20%;
	}
}

@media (min-width:1366px) {
	.fixed-btn-footer {
		bottom: 0;
		right: 2vw;
		width: 10%;
	}
}

/* @media (min-width:1200px) {
	.fixed-btn-footer {
		bottom: 0;
		right: 2vw;
		width: 7%;
	}
} */


@media (max-width:991px) {
	#periodform .student_pic {
		width: 50px;
		bottom: 0;
		right: 8px;
		bottom: -32px;
	}

	#periodform .student_pic:hover {
		width: 110px;
		margin-right: -33px;
		margin-bottom: -39px;
	}
}


@media (max-width:767px) {
	#periodform .student_pic {
		width: 104px;
		bottom: 0;
		right: -125px;
		bottom: -136px;
	}

	#periodform .student_pic:hover {
		width: 140px;
		margin-right: -43px;
		margin-bottom: -22px;
	}
}


@media (max-width: 768px) {
	.card {
		margin: auto 0 3rem 0;
		/* max-width: 170px; */
		max-width: 300px;
		zoom: 0.9;
	}


	/* .online-room{
		max-width: 300px;
	} */
}

@media (max-width:425px) {
	#periodform .student_pic {
		width: 95px;
		bottom: 0;
		right: -115px;
		bottom: -130px;
	}

	#periodform .student_pic:hover {
		width: 140px;
		margin-right: 1px;
		margin-bottom: -28px;
	}
}


@media (max-width:375px) {
	.card:not(.online-room) {
		margin: auto 0 2rem 0;
		max-width: calc(100% - 30px);
		width: 100%;
		padding-top: 20px;
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		padding-bottom: 15px;
	}

	.card:not(.online-room) > p {
		width: 30vw;
		margin: 0 5px auto auto;
	}

	.card:not(.online-room) > h4 {
		width: 60vw;
		height: 48px;
		margin: auto auto 0.5rem 0 !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#periodform .student_pic {
		width: 85px;
		bottom: 0;
		right: -102px;
		bottom: -125px;
	}

	#periodform .student_pic:hover {
		width: 140px;
		margin-right: 5px;
		margin-bottom: -33px;
	}
}



@media (max-width:320px) {
	#periodform .student_pic {
		width: 70px;
		bottom: 0;
		right: -85px;
		bottom: -119px;
	}

	#periodform .student_pic:hover {
		width: 140px;
		margin-right: 8px;
		margin-bottom: -38px;
	}
}











.exam-question-responsive {
    width: 100%;
}

@media (min-width:992px) {
	.table-responsive {
	    overflow-x: visible;
	}
	.exam-question-wrapper {
	    overflow-x: visible;
	}
}


@media (max-width:414px) {
	.exam-students-list {
		margin-top: 12rem;
		margin-right: 1rem;
	}
	.table-responsive {
        border: none;
    }
}

.container {
    max-width: calc(100vw - 30px);
}

/* .form-group.row {
    margin-left: auto;
    margin-right: auto;
} */




/* Sweet Alert 2 */
.swal2-popup.swal2-modal.swal2-show {
    zoom: 1.1;
    /* max-width: 95%; */
    padding: 1rem 0 2rem;
}

.swal2-icon.swal2-warning.swal2-icon-show {
    zoom: 0.8;
}

/* div#swal2-html-container {
    font-weight: bold;
} */

h2#swal2-title {
    font-size: 2.5rem;
    color: #a35050;
}

.swal2-popup .alert-icon{
    width: 21px;
    display: inline;
    padding: 2px 0 0px 3px;
    min-width: 26px;
    max-width: 26px;
}

div#swal2-html-container {
    font-size: 1.5rem;
    font-weight: bold;
    padding: 2rem 1.5rem;
	line-height: 1.4;
}

button.swal2-styled {
    font-weight: bold;
    font-size: 1.45rem;
	padding: 0.7rem 1.9rem 0.5rem;
}

img.swal2-image {
    zoom: 0.3;
    margin-bottom: -3rem;
}

.reports-swal-class-container{
	text-align: justify !important;
	font-size: 1.5rem !important;
}

.swal2-html-container ul{
	padding: 0 2rem 0 0;
}

#swal2-checkbox {
    width: 2.5rem;
    height: 2.5rem;
	margin-left: 1rem;
}

span.swal2-label {
    line-height: 1.3;
}

/* Alerts */
.alert-icon{
    display: block;
    width: 54px;
    padding: 0 0 0 1.25rem;
    max-width: 38px;
    min-width: 38px;
}

/* Flex */
.justify-content-center{
	justify-content: center !important;
}

.align-items-center{
	align-items: center !important;
}