/*

+----------------------------------------------+
| TABLE DES MATIÈRES                           |
+----------------------------------------------+
| 1. Variables CSS                             |
| 2. Boutons                                   |
| 3. Navigation                                |
| 4. Divers                                    |
+----------------------------------------------+

*/

/*
+----------------------------------------------+
| 1. Variables CSS                             |
+----------------------------------------------+
*/

:root {
	/* Couleurs */
	--primary        : #00799A;
	--hover          : #009cc4;
	--secondary      : #ffffff;
	--color-table-bt : #1F2A30;
	--hover-secondary : #00799A20;
		
	/* Boutons */
	--button-size          : 32px;
	
	--button-icon-size     : 24px;
	--button-icon-padding  :  4px;
	
	--button-text-size     : 16px;
	
	--button-border-radius :  4px;
	
	/* Tableau */
	--tab-button-size          : 24px;
	
	--tab-button-icon-size     : 16px;
	--tab-button-icon-padding  :  4px;
	
	--tab-button-border-radius :  4px;
	
	/* CMS */
	--cms-button-padding-lr    :  8px;
	--cms-button-padding-tb    :  4px;
	
	--cms-button-icon-size     : 16px;
	
	--cms-button-border-radius :  4px;
}

/*
+----------------------------------------------+
| 2. Boutons                                   |
+----------------------------------------------+
*/
	/* Tableau */
.cellB_C_Of,
.cellB_M_Of,
.cellB_S_Of,
.cellB_V_Of,
.cellB_D_Of,
.cellB_P_Of,
.cellB_qrcod_Of,
.cellB_cmt_Of,
.cellB_chapterPrec_Of,
.cellB_Mail_Of,
.cellB_U_Of,
.cellB_G_Of,
.cellBPJOf {
	position : relative;
	
	cursor : pointer;
	
	height : var(--tab-button-size);
	width  : var(--tab-button-size);
}

.cellB_C_Of::before,
.cellB_M_Of::before,
.cellB_S_Of::before,
.cellB_V_Of::before,
.cellB_D_Of::before,
.cellB_P_Of::before,
.cellB_qrcod_Of::before,
.cellB_cmt_Of::before,
.cellB_chapterPrec_Of::before,
.cellB_Mail_Of::before,
.cellB_U_Of::before,
.cellB_G_Of::before, 
.cellBPJOf::before {
	content  : '';
	position : absolute;
	
	inset : 0;
	
	border        : 1px solid var(--color-table-bt);
	border-radius : var(--tab-button-border-radius);
}

.cellB_C_Of::after,
.cellB_M_Of::after,
.cellB_S_Of::after,
.cellB_V_Of::after,
.cellB_D_Of::after,
.cellB_P_Of::after,
.cellB_qrcod_Of::after,
.cellB_cmt_Of::after,
.cellB_chapterPrec_Of::after,
.cellB_Mail_Of::after,
.cellB_U_Of::after,
.cellB_G_Of::after,
.cellBPJOf::after {
	content  : '';
	position : absolute;
	
	background-color : var(--color-table-bt);
	
	mask-size     : contain;
	mask-repeat   : no-repeat;
	mask-position : center;
  
  	left   : var( --tab-button-icon-padding );
	top    : var( --tab-button-icon-padding );
	width  : var( --tab-button-icon-size    );
	height : var( --tab-button-icon-size    );
}

		/* Header du tableau */
.cellB_C_Of::before {
	border : 1px solid #ffffff;
}
		
.cellB_C_Of::after {
	background-color : #ffffff;
}

	/* Filtre */
.btLoupeOf,
.btGommeOf {
	position : relative;
	float    : left;
	
	cursor       : pointer;
	margin-right : 4px;
	
	width  : var( --button-size );
	height : var( --button-size );
}

.btLoupeOf::before, 
.btGommeOf::before {
	content  : '';
	position : absolute;
	
	inset : 0;
	
	border        : 1px solid var(--primary);
	border-radius : var(--button-border-radius);
}

.btLoupeOf::after, 
.btGommeOf::after {
	content  : '';
	position : absolute;
	
	background-color : var(--primary);
	
	mask-size     : contain;
	mask-repeat   : no-repeat;
	mask-position : center;
  
	left   : var( --button-icon-padding );
	top    : var( --button-icon-padding );
	width  : var( --button-icon-size    );
	height : var( --button-icon-size    );
}
	
	/* CMS */
.btActionAnnulOf,
.btActionEnregOf,
.btActionCreerOf,
.btActionPrecOf,
.btActionSuivOf {
	position    : relative;
	display     : inline-flex;
	align-items : center;
	
	padding      : var(--cms-button-padding-tb) var(--cms-button-padding-lr) var(--cms-button-padding-tb) calc(var(--cms-button-icon-size) + var(--cms-button-padding-lr) * 2 );
	margin-right : 4px;
	
	color     : var(--primary);
	font-size : var(--button-text-size);
	
	cursor     : pointer;
	transition : color 0.2s ease;
}

.btActionAnnulOf::before,
.btActionEnregOf::before,
.btActionCreerOf::before,
.btActionPrecOf::before,
.btActionSuivOf::before {
	content  : '';
	position : absolute;
	
	inset : 0;
	
	border        : 1px solid var(--primary);
	border-radius : var(--button-border-radius);
}

.btActionAnnulOf::after,
.btActionEnregOf::after,
.btActionCreerOf::after,
.btActionPrecOf::after,
.btActionSuivOf::after {
	content  : '';
	position : absolute;
	
	background-color : var(--primary);
	
	mask-size     : contain;
	mask-repeat   : no-repeat;
	mask-position : center;
  
	left   : var( --button-icon-padding );
	top    : var( --button-icon-padding );
	width  : var( --button-icon-size    );
	height : var( --button-icon-size    );
}

	/*
	+------------------------+
	| Mise en relief (hover) |
	+------------------------+
	*/

	/* Tableau */
.cellB_M_Of:hover::after,
.cellB_S_Of:hover::after,
.cellB_V_Of:hover::after,
.cellB_D_Of:hover::after,
.cellB_P_Of:hover::after,
.cellB_qrcod_Of:hover::after,
.cellB_cmt_Of:hover::after,
.cellB_chapterPrec_Of:hover::after,
.cellB_Mail_Of:hover::after,
.cellB_U_Of:hover::after,
.cellB_G_Of:hover::after,
.cellBPJOf:hover::after {
	background-color : var(--primary);
	transition       : all 0.2s ease;
}

.cellB_M_Of:hover::before,
.cellB_S_Of:hover::before,
.cellB_V_Of:hover::before,
.cellB_D_Of:hover::before,
.cellB_P_Of:hover::before,
.cellB_qrcod_Of:hover::before,
.cellB_cmt_Of:hover::before,
.cellB_chapterPrec_Of:hover::before,
.cellB_Mail_Of:hover::before,
.cellB_U_Of:hover::before,
.cellB_G_Of:hover::before,
.cellBPJOf:hover::before {
	border : 1px solid var(--primary);
	background-color : var(--hover-secondary);
	transition       : all 0.2s ease;

}

.cellB_C_Of:hover::before {
	background-color : var(--hover);
	transition       : all 0.2s ease;
}

	/* Filtre */
.btLoupeOf:hover::before, 
.btGommeOf:hover::before {
	transition       : all 0.2s ease;
	background-color : var(--hover-secondary);
}

	/* CMS */

.btActionAnnulOf:hover::before,
.btActionEnregOf:hover::before,
.btActionCreerOf:hover::before,
.btActionPrecOf:hover::before,
.btActionSuivOf:hover::before {
	transition       : all 0.2s ease;
	background-color : var(--hover-secondary);
}


	/*
	+-------------------------------+
	| Source des images des boutons |
	+-------------------------------+
	*/
		/*Tableau*/
.cellB_C_Of::after {
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M450-450H220v-60h230v-230h60v230h230v60H510v230h-60v-230Z"/></svg>');
}

.cellB_M_Of::after {
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M200-200h50.46l409.46-409.46-50.46-50.46L200-250.46V-200Zm-60 60v-135.38l527.62-527.39q9.07-8.24 20.03-12.73 10.97-4.5 23-4.5t23.3 4.27q11.28 4.27 19.97 13.58l48.85 49.46q9.31 8.69 13.27 20 3.96 11.31 3.96 22.62 0 12.07-4.12 23.03-4.12 10.97-13.11 20.04L275.38-140H140Zm620.38-570.15-50.23-50.23 50.23 50.23Zm-126.13 75.9-24.79-25.67 50.46 50.46-25.67-24.79Z"/></svg>');
}

.cellB_S_Of::after {
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M292.31-140q-29.92 0-51.12-21.19Q220-182.39 220-212.31V-720h-40v-60h180v-35.38h240V-780h180v60h-40v507.69Q740-182 719-161q-21 21-51.31 21H292.31ZM680-720H280v507.69q0 5.39 3.46 8.85t8.85 3.46h375.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46V-720ZM376.16-280h59.99v-360h-59.99v360Zm147.69 0h59.99v-360h-59.99v360ZM280-720v520-520Z"/></svg>');
}

.cellB_V_Of::after {
 	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='black'%3E%3Cpath d='M480.09-336.92q67.99 0 115.49-47.59t47.5-115.58q0-67.99-47.59-115.49t-115.58-47.5q-67.99 0-115.49 47.59t-47.5 115.58q0 67.99 47.59 115.49t115.58 47.5ZM480-392q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm.05 172q-137.97 0-251.43-76.12Q115.16-372.23 61.54-500q53.62-127.77 167.02-203.88Q341.97-780 479.95-780q137.97 0 251.43 76.12Q844.84-627.77 898.46-500q-53.62 127.77-167.02 203.88Q618.03-220 480.05-220ZM480-500Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z'/%3E%3C/svg%3E");
 }
 
 .cellBPJOf::after {
 	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='black'%3E%3Cpath d='M720-330q0 104-73 177T470-80q-104 0-177-73t-73-177v-370q0-75 52.5-127.5T400-880q75 0 127.5 52.5T580-700v350q0 46-32 78t-78 32q-46 0-78-32t-32-78v-370h80v370q0 13 8.5 21.5T470-320q13 0 21.5-8.5T500-350v-350q-1-42-29.5-71T400-800q-42 0-71 29t-29 71v370q-1 71 49 120.5T470-160q70 0 119-49.5T640-330v-390h80v390Z'/%3E%3C/svg%3E");
 }
 
		/*Filtre*/
.btLoupeOf::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='black'%3E%3Cpath d='M781.69-136.92 530.46-388.16q-30 24.77-69 38.77-39 14-80.69 14-102.55 0-173.58-71.01-71.03-71.01-71.03-173.54 0-102.52 71.01-173.6 71.01-71.07 173.54-71.07 102.52 0 173.6 71.03 71.07 71.03 71.07 173.58 0 42.85-14.38 81.85-14.39 39-38.39 67.84l251.23 251.23-42.15 42.16ZM380.77-395.38q77.31 0 130.96-53.66 53.66-53.65 53.66-130.96t-53.66-130.96q-53.65-53.66-130.96-53.66t-130.96 53.66Q196.15-657.31 196.15-580t53.66 130.96q53.65 53.66 130.96 53.66Z'/%3E%3C/svg%3E");
}

.btGommeOf::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='black'%3E%3Cpath d='M679.23-240h188.46v60H619.23l60-60Zm-493.08 60-70.76-70.77Q94.31-271.85 93.81-302t20.58-52.23l423.07-439.08q21.08-22.07 50.92-21.88 29.85.19 50.93 21.27l181.3 181.31q21.08 21.07 21.27 51.42.19 30.34-20.88 51.42L499.23-180H186.15Zm287.54-60 305.15-313.15q3.08-3.08 3.08-8.85t-3.08-8.85L598.15-751.54q-3.07-3.07-8.65-3.07t-8.66 3.46l-424.3 438.3q-3.08 3.46-3.08 9.04 0 5.58 3.08 8.66L211.69-240h262ZM480-480Z'/%3E%3C/svg%3E");
}

	/* CMS */
.btActionAnnulOf::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='black'%3E%3Cpath d='M256-213.85 213.85-256l224-224-224-224L256-746.15l224 224 224-224L746.15-704l-224 224 224 224L704-213.85l-224-224-224 224Z'/%3E%3C/svg%3E");
}

.btActionEnregOf::after {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='black'%3E%3Cpath d='M820-671.54v459.23Q820-182 799-161q-21 21-51.31 21H212.31Q182-140 161-161q-21-21-21-51.31v-535.38Q140-778 161-799q21-21 51.31-21h459.23L820-671.54ZM760-646 646-760H212.31q-5.39 0-8.85 3.46t-3.46 8.85v535.38q0 5.39 3.46 8.85t8.85 3.46h535.38q5.39 0 8.85-3.46t3.46-8.85V-646ZM480-269.23q41.54 0 70.77-29.23Q580-327.69 580-369.23q0-41.54-29.23-70.77-29.23-29.23-70.77-29.23-41.54 0-70.77 29.23Q380-410.77 380-369.23q0 41.54 29.23 70.77 29.23 29.23 70.77 29.23ZM255.39-564.62h328.45v-139.99H255.39v139.99ZM200-646v446-560 114Z'/%3E%3C/svg%3E");
}

/*
+----------------------------------------------+
| 3. Navigation                                |
+----------------------------------------------+
*/

.top-bar-right {
	padding: .5rem;
}

.dropdown {
	justify-content: right;
}

.top-bar-right>ul>li {
	display: flex;
	align-items: center;
}

.top-bar-right>ul>li+li::before {
	content: "|";
	padding: 0 10px;
	color: var(--secondary);
}

.top-bar-right>ul>li div {
	border-bottom: 2px solid transparent;
	transition: border-color 0.2s ease;
}

.top-bar-right ul li div:hover,
.top-bar-right .selected {
	border-bottom: 2px solid var(--secondary);
}

.btItemOf {
	padding: 0.3rem;
	color: #ffffff;
	font-size: 1rem;
	cursor: pointer;
	font-weight: bold;
}

/*
+----------------------------------------------+
| 4. Divers                                    |
+----------------------------------------------+
*/

.cellBLu,
.cellBLuOf,
.cellBPJ {
	height: 24px;
	background-position: center center;
	width: 24px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.cellBLuOf {
	background-image: url("../image/icoALireOf.png");
}

.cellBLuOf:hover {
	background-image: url("../image/icoALireOn.png");
}

.cellBPJ {
	cursor: none;
}

.btItem {
	font-size: 1.5rem;
	color: #000000;
	font-weight: bold;
	margin-top: 1rem;
}

.cellBChapitre {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-top: 5em;
}

.btDebOf {
	background-image: url("../image/btLimitDebOf.png");
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	height: 24px;
	margin-left: 2px;
	margin-top: 2px;
	width: 24px;
}

.btDebOf:hover {
	background-image: url("../image/btLimitDebOn.png");
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	height: 24px;
	margin-left: 2px;
	margin-top: 2px;
	width: 24px;
}

.btFinOf {
	background-image: url("../image/btLimitFinOf.png");
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	height: 24px;
	margin-left: 2px;
	margin-top: 2px;
	width: 24px;
}

.btFinOf:hover {
	background-image: url("../image/btLimitFinOn.png");
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	height: 24px;
	margin-left: 2px;
	margin-top: 2px;
	width: 24px;
}

.btPrecOf {
	background-image: url("../image/btLimitPrecOf.png");
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	height: 24px;
	margin-left: 2px;
	margin-top: 2px;
	width: 24px;
}

.btPrecOf:hover {
	background-image: url("../image/btLimitPrecOn.png");
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	height: 24px;
	margin-left: 2px;
	margin-top: 2px;
	width: 24px;
}

.btSuivOf {
	background-image: url("../image/btLimitSuivOf.png");
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	height: 24px;
	margin-left: 2px;
	margin-top: 2px;
	width: 24px;
}

.btSuivOf:hover {
	background-image: url("../image/btLimitSuivOn.png");
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	height: 24px;
	margin-left: 2px;
	margin-top: 2px;
	width: 24px;
}

.cellBEnteteLink {
	background-image: url("../image/icoTri.png");
	background-position-x: 1%;
	background-position-y: 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}

.cellBEnteteLink div {
	padding-left: 0.2rem;
}

.cellBEnteteLinkAsc {
	background-image: url("../image/icoTriAsc.png");
	background-position-x: 1%;
	background-position-y: 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}

.cellBEnteteLinkAsc div {
	padding-left: 0.2rem;
}

.cellBEnteteLinkDesc {
	background-image: url("../image/icoTriDesc.png");
	background-position-x: 1%;
	background-position-y: 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}

.cellBEnteteLinkDesc div {
	padding-left: 0.2rem;
}


.cellB_P_Of {
	background-image: url("../image/icoPrintOf.png");
}

.cellB_P_Of:hover {
	background-image: url("../image/icoPrintOn.png");
}

.cellB_U_Of {
	background-image: url("../image/icoRestorOf.png");
}

.cellB_U_Of:hover {
	background-image: url("../image/icoRestorOn.png");
}

.cellB_D_Of {
	background-image: url("../image/icoDupliOf.png");
}

.cellB_D_Of:hover {
	background-image: url("../image/icoDupliOn.png");
}

.cellB_Mail_Of {
	background-image: url("../image/icoMailOf.png");
}

.cellB_Mail_Of:hover {
	background-image: url("../image/icoMailOn.png");
}

.cellB_cmt_Of {
	background-image: url("../image/icoCmtrOf.png");
}

.cellB_cmt_Of:hover {
	background-image: url("../image/icoCmtrOn.png");
}

.cellB_G_Of {
	background-image: url("../image/icoGenerOf.png");
}

.cellB_G_Of:hover {
	background-image: url("../image/icoGenerOn.png");
}

.cellDivOf {
	display: none;
}

#displayEnclosureDivId {
	display: flex;
}

#displayEnclosureId {
	object-fit: scale-down;
	width: 100%;
	max-height: 750px;
}

input[readonly].divEmptyPassage {
	background-color: #ff0000;
}

input[readonly].divAuthorizedPassage {
	background-color: #999999;
}

input[readonly].divEntryPassage {
	background-color: #ff6600;
}

input[readonly].divExitPassage {
	background-color: #339900;
}

.error {
	color: #000000;
	font-size: 16px;
	font-style: normal;
	text-align: center;
	white-space: normal;
	margin: 0;
}

.ui-dialog-titlebar-close {
	border : none !important;
}

.ui-dialog-titlebar-close:hover {
	background-color : var(--hover) !important;
}

.ui-icon-closethick {
	background-image : none !important;
	background-color : #ffffff;
	
	mask-image    : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='black'%3E%3Cpath d='M256-213.85 213.85-256l224-224-224-224L256-746.15l224 224 224-224L746.15-704l-224 224 224 224L704-213.85l-224-224-224 224Z'/%3E%3C/svg%3E");
	mask-position : center;
	
	margin : 0 !important;
	left   :2px !important;
	top    :2px !important;
}

.errorLibCompl {
	font-size: 0.7em;
	font-style: normal;
	text-align: center;
	white-space: normal;
}

.footer {
	position: fixed;
	background: #dddddd;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2em;
}

.gridfooter {
	margin-bottom: 2em;
}

.imgEnclosure {
	object-fit: contain;
	width: 150px;
	height: 150px;
	cursor: pointer;
}

.inptEnclosure {
	display: none;
}

.divEnclosures {
	overflow-y: scroll;
	height: 750px;
	width: 165px;
	background-color: #cecece;
}

.divEnclosure {
	position: relative;
	display: inline-block;
	width: 150px;
}

.divEnclosure .cellB_S_Of {
	display: none;
}

.divEnclosure:hover .cellB_S_Of {
	display: block;
	position: absolute;
	top: 2px;
	right: 2px;
}

.divEnclosure .cellB_cmt_Of {
	display: none;
}

.divEnclosure:hover .cellB_cmt_Of {
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
}

.filtrDataLabel {
	font-weight: normal;
}

form label {
	font-weight: bold;
}

.labelSaisie {
	font-weight: normal;
}

.libelOblig,
.libelRecommande {
	color: #cc0000;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
}

.listeDynamiqueSelected {
	background-color: #2ba6cb;
}

.libelRecommande {
	color: #ff9900;
}

.sTitre {
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: bold;
}

.ulItem {
	font-size: 0px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.liItem {
	list-style-type: none;
	margin: 0;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0;
	background-color: #6200EE;
}

.linePartnerDeleted,
.nodeDeleted>a {
	text-decoration: line-through;
}

.invalid {
	color: red;
	padding: 1px;
}

.invalid:before {
	position: relative;
	content: "✖";
}

/*
.TD_CMS {
	padding-left: .1rem;
	padding-right: .1rem;
}*/

.TD_CMSEnd {
	padding-left: .1rem;
	padding-right: .1rem;
}

.TH_CMSEnd {
	padding-left: .1rem;
	padding-right: .1rem;
}

.valid {
	color: green;
	padding: 1px;
}

.valid:before {
	position: relative;
	content: "✔";
}

.important {
	color: #d7a625;
	font-size: 1.2rem;
	font-weight: bold;
}

.detail {
	color: #8a8a8a;
	font-size: 0.8rem;
}

.imgCellEnclosure {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.divCellEnclosure {
	position: relative;
	display: inline-block;
	height: 175px;
}

#_loader {
	width: 120px;
	height: 120px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #6200EE;
	border-bottom: 16px solid #6200EE;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	position: relative;
	left: 50%;
	margin-top: 120px;
}

@ -webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100 % {
		-webkit-transform:
			rotate(360deg);
	}
}

@ keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100 % {
		transform:
			rotate(360deg);
	}
}