/*
https://www.asciiart.eu/text-to-ascii-art
Georgia11
*/

.darker{
	background-image: linear-gradient(rgb(0 0 0/20%) 0 0);
}

/*
	`7MM"""Yb.                                          mm                                        mm
	  MM    `Yb.                                        MM                                        MM
	  MM     `Mb  .gP"Ya `7MMpdMAo.  ,6"Yb.  `7Mb,od8 mmMMmm `7MMpMMMb.pMMMb.  .gP"Ya `7MMpMMMb.mmMMmm ,pP"Ybd
	  MM      MM ,M'   Yb  MM   `Wb 8)   MM    MM' "'   MM     MM    MM    MM ,M'   Yb  MM    MM  MM   8I   `"
	  MM     ,MP 8M""""""  MM    M8  ,pm9MM    MM       MM     MM    MM    MM 8M""""""  MM    MM  MM   `YMMMa.
	  MM    ,dP' YM.    ,  MM   ,AP 8M   MM    MM       MM     MM    MM    MM YM.    ,  MM    MM  MM   L.   I8
	.JMMmmmdP'    `Mbmmd'  MMbmmd'  `Moo9^Yo..JMML.     `Mbmo.JMML  JMML  JMML.`Mbmmd'.JMML  JMML.`MbmoM9mmmP'
	                       MM
	                     .JMML.
	DEPARTMENTS
*/

.academic {
	background-color: hsl(204, 81%, 37%);
	color: white;
}

.activities {
	background-color: hsl(180, 100%, 37%);
	color: white;
}


.address {
	background-color: hsl(193, 83%, 41%);
	color: white;
}

.admission-dual {
	background-color: hsl(180, 100%, 13%);
	color: white;
}


.admission-coas {
	background-color: hsl(292, 63%, 25%);
	color: white;
}

.admission-modular {
	background-color: hsl(297, 22%, 35%);
	color: white;
}

.all-departments {
	background-color: hsl(228, 5%, 35%);
	color: white;
}

.business {
	background-color: var(--color-business);
	color: white;
}

.certification {
	background-color: hsl(244, 87%, 25%);
	color: white;
}

.contact {
	background-color: hsl(186, 9%, 42%);
	color: white;
}

.degree-audit
,.plan-of-study {
	background-color: hsl(202, 88%, 25%);
	color: white;
}

.directions {
	--text-shadow: none;
	background-color: var(--color-yellow);
	color: black;
	text-shadow: none;
}

.documents {
	background-color: hsl(13, 39%, 23%);
	color: white;
}

.documents-image {
	background-color: hsl(212, 28%, 27%);
	color: white;
}


.faculty {
	background-color: hsl(202.5, 97.9%, 37.5%);
	color: white;
}

.filter {
	background-color: var(--color-filter);
	color: white;
}


.financial-aid {
	//background-color: hsl(331, 65%, 29%);
	background-color: hsl(173, 90%, 15%);
	color: white;
}

.goto {
	background: var(--color-goto);
	color: white;
}

.health {
	background-color: hsl(20, 80%, 32%);
	color: white;
}

.holds {
	background-color: hsl(0, 100%, 25%);
	color: white;
}


.housing {
	background-color: var(--color-housing);
	color: white;
}



.insurance {
	background-color: hsl(214, 23%, 36%);
	color: white;
}

.it-department {
	background-color: hsl(344, 69%, 39%);
	color: white;
}

.maintenance {
	background-color: hsl(300, 91%, 27%);
	color: white;
}

.merge {
	background-color: hsl(0, 53%, 55%);
	color: white;
}


.military {
	background-color: hsl(70, 19%, 30%);
	color: white;
}

.other-departments {
	background-color: hsl(13, 68%, 63%);
	color: white;
}


.registration {
	background-color:hsl(335, 71%, 38%);
	color: white;
}

.retension {
	background-color:hsl(30, 100%, 39%);
	color: white;
}

.scholarship {
	background-color:hsl(18, 24%, 30%);
	color: white;
}

.security {
	background-color:hsl(24, 100%, 51%);
	color: white;
}



.select--all {
	background-color:hsl(198, 87%, 58%);
	color: white;
}

.select--none {
	background-color:hsl(0, 0%, 10%);
	color: white;
}

.select--visible {
	background-color:hsl(185, 100%, 28%);
	color: white;
}


.student-record {
	background-color:hsl(202, 88%, 25%);
	color: white;
}


.portal-manager {
	background-color:var(--color-portal-manager);
	color: white;
}

.portal-access {
	background-color:hsl(331, 65%, 29%);
	color: white;
}

.portal-user {
	background-color:hsl(240, 40%, 25%);
	color: white;
}



/*
	`7MM"""Yp,              mm     mm
	  MM    Yb              MM     MM
	  MM    dP `7MM  `7MM mmMMmm mmMMmm ,pW"Wq.`7MMpMMMb.  ,pP"Ybd
	  MM"""bg.   MM    MM   MM     MM  6W'   `Wb MM    MM  8I   `"
	  MM    `Y   MM    MM   MM     MM  8M     M8 MM    MM  `YMMMa.
	  MM    ,9   MM    MM   MM     MM  YA.   ,A9 MM    MM  L.   I8
	.JMMmmmd9    `Mbod"YML. `Mbmo  `Mbmo`Ybmd9'.JMML  JMML.M9mmmP'
	Buttons - FULL COLOR
*/




.btn--cancel {
	background-color:hsl(0, 0%, 83%);
	color: black;
	--text-shadow: none;
}


.btn--clear {
	background-color:hsl(0, 0%, 66%);
	color: black;
	--text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px  1px 0 white, 1px  1px 0 white;
}


.btn--delete {
	background-color:hsl(0, 100%, 50%);
	color: white;
}

.btn--edit 	{
	background-color:hsl(48, 81%, 38%);
	color: white;
}

.btn--modal-open 	{
	background-color:hsl(60, 100%, 50%);
	color: black;
	--text-shadow: none;
}

.btn--go-to {
	background: var(--color-goto);
	color: white;
}

.btn--search
,.btn--find-student {
	background-color:var(--color-search);
	color: white;
}

.btn--view
,.btn--select 	{
	background-color:hsl(202, 98%, 37%);
	color: white;
}


.btn--export {
	background-color:hsl(0, 0%, 0%);
	color: white;
}



.btn--save
,.btn--upload
,.btn--action 	{
	background-color:var(--color-green--light);
	color: white;
}



/*
	                     ,,
	  .g8"""bgd        `7MM
	.dP'     `M          MM
	dM'       ` ,pW"Wq.  MM  ,pW"Wq.`7Mb,od8
	MM         6W'   `Wb MM 6W'   `Wb MM' "'
	MM.        8M     M8 MM 8M     M8 MM
	`Mb.     ,'YA.   ,A9 MM YA.   ,A9 MM
	  `"bmmmd'  `Ybmd9'.JMML.`Ybmd9'.JMML.
	Color
*/



.color--black {
	background-color:hsl(0, 0%, 0%);
	color: white;
}

.color--grey {
	background-color:hsl(0, 0%, 40%);
	color: white;
}

.color--grey--light {
	background-color:hsl(0, 0%, 80%);
	color: white;
}

.color--purple {
	background-color: var(--color-purple);
	color: white;
}

.color--purple--dark {
	background-color: var(--color-purple--dark);
	color: white;
}

.color--orange {
	background-color: var(--color-orange);
	color: white;
}

.color--red {
	background-color: var(--color-red);
	color: white;
}

.color--teal {
	background-color: var(--color-teal);
	color: white;}

.color--teal--light {
	background-color: var(--color-teal--light);
	color: white;
}

.color--yellow {
	background-color: var(--color-yellow);
	color: black;
	text-shadow: none;
}

.color--white {
	background-color: white;
	color: black;
	text-shadow: none;
}


.color--green {
	background-color: var(--color-green);
	color: white;
}


.color-1 {
	background-color: #0A2540;
	color: white;
}
.color-2 {
	background-color: #0B3C2A;
	color: white;
}
.color-3 {
	background-color: #0B4F4F;
	color: white;
}
.color-4 {
	background-color: #4A0E2A;
	color: white;
}
.color-5 {
	background-color: #9C2A00;
	color: white;
}

.color-6 {
	background-color: #7A0F1F;
	color: white;
}



/*
	                              ,,
	      db               mm     db
	     ;MM:              MM
	    ,V^MM.    ,p6"bo mmMMmm `7MM  ,pW"Wq.`7MMpMMMb.
	   ,M  `MM   6M'  OO   MM     MM 6W'   `Wb MM    MM
	   AbmmmqMA  8M        MM     MM 8M     M8 MM    MM
	  A'     VML YM.    ,  MM     MM YA.   ,A9 MM    MM
	.AMA.   .AMMA.YMbmd'   `Mbmo.JMML.`Ybmd9'.JMML  JMML.
	Action
*/

.action--all {
	--bg: hsl(185, 100%, 10%);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);

}

.action--edit {
	--bg: hsl(48, 81%, 38%);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);

}


.action--delete {
	--bg: hsl(0, 100%, 50%);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);

}

/* Affect which records */

.action--clear {
	--bg: hsl(0, 0%, 52.745%);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);

}

.action--delete--all {
	--bg: hsl(185, 100%, 28%);
	background-image: linear-gradient(270deg
		,hsl(0, 100%, 50%) 0 25%
		,var(--bg) 25% 50%
		,black 50% 51%
		,var(--color-clear) 52%);
}


.action--email {
	--bg: hsl(180, 94%, 25%);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);

}

.action--export {
	--bg: hsl(0, 0%, 0%);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);

}


.action--filter {
	--bg: var(--color-filter);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);
}

.action--hide {
	--bg: hsl(0, 100%, 50%);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);

}

.action--new
,.menu--new {
	--bg: hsl(95.2, 49.5%, 36.5%);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);

}

.action--none 	{
	--bg: hsl(0, 0%, 10%);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);

}

.action--process {
	--bg: hsl(22, 88%, 38%);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);

}

.action--save {
	--bg: hsl(120.7, 100%, 17.8%);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);

}

.action--search {
	--bg: var(--color-search);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);

}



.action--set {
	--bg: hsl(120.7, 100%, 17.8%);
	background-image: linear-gradient(270deg
		,hsl(0, 100%, 50%) 0 25%
		,var(--bg) 25% 50%
		,black 50% 51%
		,var(--color-clear) 52%);

}

.action--select {
	--bg: hsl(22, 88%, 38%);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);

}


.action--view {
	--bg: hsl(240, 40%, 25.5%);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);

}

.action--update {
	--bg: hsl(22, 88%, 38%);
	background-image: linear-gradient(270deg, var(--bg) 50%, black 51%, var(--color-clear) 52%);

}


[disabled] .btn-icon {
	filter: grayscale(100%);
}


/*
	                     ,,                  ,,
	`7MMF'              *MM                `7MM
	  MM                 MM                  MM
	  MM         ,6"Yb.  MM,dMMb.   .gP"Ya   MM
	  MM        8)   MM  MM    `Mb ,M'   Yb  MM
	  MM      ,  ,pm9MM  MM     M8 8M""""""  MM
	  MM     ,M 8M   MM  MM.   ,M9 YM.    ,  MM
	.JMMmmmmMMM `Moo9^Yo.P^YbmdP'   `Mbmmd'.JMML.
	Label
*/



.label_certificate {
	--span--width: 100px;
	background-color: hsl(201.94, 68.75%, 18.75%);
	color: white;
}

.label_assoc {
	--span--width: 100px;
	background-color: hsl(180, 69%, 25%);
	color: white;
}

.label_undergrad {
	--span--width: 100px;
	background-color: hsl(314, 63%, 37%);
	color: white;
}

.label_master {
	--span--width: 100px;
	background-color: hsl(202, 69%, 37%);
	color: white;
}



.label_advisor {
	--span--width: 50px;
	background-color: var(--color-advisor);
	color: white;
}


.label_chair {
	--span--width: 50px;
	background-color: hsl(202, 69%, 37%);
	color: white;
}