/*
	Theme Name: 37° Ma Santé
	Theme URI: NA
	Description: Custom wordpress theme créé pour Syntrophie
	Author: Sequoia / NetMedia Group
	Author URI: http://sequoia.fr
	Version: 1.0
	Text Domain: syntrophie

*/


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

/*@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}*/


/*------------------------------------*\
    COULEURS
\*------------------------------------*/

:root {
	--vert: #12d432;
	--vertpale: #c8e6ce;
	--bleu: #092656;
	--fond: #f2f4f6;
	--blanc: white;
  }


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

h1{
	font-size:20px !important;
	margin:0 !important;
	font-family: "Oswald", sans-serif !important;
	font-optical-sizing: auto !important;
	font-weight: 600 !important;	
}
h2{
	font-size: 20px !important;
	margin:0 !important;
	font-family: "Oswald", sans-serif !important;
	font-optical-sizing: auto !important;
	font-weight: 400 !important;		
}
h3{
	font-size: 17px !important;
	margin:0 !important;
	font-family: "Oswald", sans-serif !important;
	font-optical-sizing: auto !important;
	font-weight: 400 !important;		
}

a,a:visited,a:active{
	color: var(--bleu) !important;
	/* color: var(--blanc) !important; */
}

.btn-violet{
	background: var(--vert) !important;
	color:var(--blanc) !important;
}
.btn-violet .mif{
	margin-top: -3px;
}

.text-violet{
	color: var(--bleu);
}

	/* HEADER */
	/* HEADER */
	/* HEADER */

.header {
	width:100%;
	position:fixed;
	top:0;
	background: var(--bleu);
	border-bottom:3px solid  var(--vert);
	z-index: 900;
	height:80px;
}

.navbar{
	max-width: 1024px;
	width:1024px;
	margin:0px auto;
	text-align: center;
}

.menu{
	list-style-type: none;
	float:left;
	padding-left:0px;
	margin-right: 28px;
	
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;	
}

.menu li{
	padding:10px 0px 0px 0px;
	margin:0px 20px;
	/*width:140px;*/
}
.sub-menu li:hover{
	background: var(--blanc);
}
.sub-menu li:hover a{
	color:var(--bleu) !important;
}

.menu li a{
	color:var(--blanc) !important;
}

.menu-item-has-children{
	text-transform: uppercase;
	font-size:20px;
	float:left;
	position: relative;
	width:140px;
}

.menu-item-has-children:hover .sub-menu{
	display:block;
	font-weight: 400;
	border-right:1px solid  var(--vert);
	border-bottom:1px solid  var(--vert);
	border-left:1px solid  var(--vert);
}

.menu-item-has-children:hover{
	font-weight: bold;
}

.sub-menu{
	position:absolute;
	left: -10px;
	display:none;
	padding:0;
	background:var(--bleu);
	padding:15px 0px 10px 0px;
	width:160px;
}

.sub-menu li{
	display:block;
	text-align: left;
	font-size: 16px;
	text-transform: none;
	margin:0px 0px;
	padding:6px 10px;
}


.logo {
	margin-top: 5px;
}

/*CONTENT BODY*/
/*CONTENT BODY*/
/*CONTENT BODY*/

body{
	background-color:  var(--fond);
	height:auto !important;
}



.wrapper {
	max-width:1024px;
	width:100%;
	margin:0 auto;
	position:relative;
	margin-top: 90px;
}

/*GLOBAL*/
/*GLOBAL*/
/*GLOBAL*/

table th{
	background:var(--vertpale);
	font-weight: 400 !important;
	color:#000 !important;
}

table td img{
	width:20px;
}

table tr:nth-child(even) {
    background-color: #E0E0E0;
}

.tabs{
	margin:0;
	padding:0;
}

.tab{
	padding:6px 20px;
	display:inline-block;
	border:1px solid var(--vert);
	border-bottom: 0;
	color:#8A368C;
	cursor:pointer;
	background:#FFF;
}

.tab-active{
	background: var(--vert);
	color:#FFF;
}

.violet-text{
	color: var(--bleu);
}

.violet-background{
	background: var(--bleu);
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

.one-semi-col{
	width:48%;
	margin:0px 10px 10px 0px;
}

.one-thirds-col{
	width:33%;
	padding:0px 10px;
}

.two-thirds-col{
	width:66%;
}

.row{
	width:100%;
	clear:both;
	margin:12px 0px;
}

.center-content{
	margin:0px auto;
	width:540px;
}

.full-width{
	width:100%;
}

.hidden{
	display:none;
}

.mif-plus{
	margin-top: -2px;
}

.mif-location, .mif-compass2{
	cursor:pointer;
}

.label{
	margin-top:12px;
	margin-bottom: 3px;
}

.tall-text{
	font-size: 36px !important;
}

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

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

.popover{
	z-index: 99999;
}

.dialog{
	overflow-y:auto;
	max-height: 95%;
}

.dialog-overlay{
	background:rgba(0,0,0,0.4) !important;
}

#overlay-popup{
	display:none;
	position: fixed;
	top:0;
	left:0;
	z-index:2000;
	min-width:100%;
	min-height:100%;
	background:rgba(0,0,0,0.6);
}

.preloader-square{
	position:absolute !important;
	top:50%;
	left:50%;
}
.preloader-square>.square{
	width:60px;
	height:60px;
}

.calendar .calendar-header{
	background: var(--bleu) !important;
}

.calendar .calendar-header a{
	color:#FFF !important;
}

.calendar .calendar-header a:hover{
	background: var(--bleu) !important;
}

.calendar .today a{
	background:#ccc !important;
}

/*COULEUR DES LIENS*/
#annuaire-container a,#commande-labo-header-1 a{
	color:#FFF !important;
}
#annuaire-container a:visited,#commande-labo-header-1 a:visited{
	color:#FFF !important;
}
#annuaire-container .annuaire-infos a{
	color:#000 !important;
}

/*------------------------------------*\
    COMPOSANTS
\*------------------------------------*/

.container{
	width:100%;
}

.content{
	margin-top: 20px;
	background:#FFF;
	padding:12px;
	/*min-height: 100%;*/
	overflow-y: hidden;
}

.title,.title-grey{
	background: var(--bleu);
	text-transform: uppercase;
	color:#FFF;
	padding:6px 12px;
	margin-bottom: 10px;
}

.title-grey{
	background:#7F7F7F;
}

.title-large{
	height:50px;
}

.title-large h1{
	font-size: 32px !important;
	font-weight: 500;
	text-transform: none;
}

.card{
	border:4px solid  var(--fond);
	width:298px !important;
	margin:0px 10px 10px 0px !important;
}
.card-disabled{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: black; /* IE 6-9 */
    cursor:default !important;
}

.card-disabled:hover{
	outline-width:0px !important;
}

.card-img{
	height: 60%;
    text-align: center;
}

.card-img img{
	height:100%;
}

.card-img h3{
	color: var(--bleu);
	margin-top:35px !important;
}

.card-footer{
	height:40%;
	background: var(--fond);
	width:100%;
	position:absolute;
	bottom:0;
	color:#000;
	font-size: 16px;
}

.card-title{
	padding: 2px 10px 0px 12px;
	font-size: 14px;
}
.card-date{
	padding:1px 10px 0px 12px;
	font-weight: bold;
}

.element-selected{
	border-color: var(--vert) !important;
}

.element-selected:after{
	border-top-color: var(--vert) !important;
}

.element-selected.element-selected-rien{
	border-color:red !important;
}

.element-selected.element-selected-rien:after{
	border-top-color:red !important;
}

.element-selected:before{
	height: .4rem !important;
    width: 0.6rem !important;
}


.ui-datepicker-header{
	background: var(--bleu)!important;
	color:#FFF !important;
}

.ui-datepicker-calendar {
    display: none;
}​


/*------------------------------------*\
    PAGES
\*------------------------------------*/

/*LOGIN*/
	.login-form {
	   /* width: 25rem;
	    height: 20rem;
	    position: fixed;
	    top: 50%;
	    margin-top: -9.375rem;
	    left: 50%;
	    margin-left: -12.5rem;
	    background-color: #ffffff;
	    opacity: 0;
	    -webkit-transform: scale(.8);
	    transform: scale(.8);*/

	}
	#wp-submit{
		padding:4px 40px;
		background: var(--bleu);
		border:none;
	}

	.login-username input,.login-password input{
		width:100%;
		padding: 6px;
	}

	.page-template-login{
		background: var(--fond) !important;
	}
	#connexion-logo{
		margin-top: 5px;
	}
	.login-form {
	    width: 25rem;
	    /* height: 20.75rem; */
	    position: fixed;
	    top: calc(10% + 200px);
	    margin-top: -9.375rem;
	    left: 50%;
	    margin-left: -12.5rem;
	    background-color: #ffffff;
	    opacity: 0;
	    -webkit-transform: scale(.8);
	    transform: scale(.8);
	    font:400 1rem/1.1 "Segoe UI","Open Sans",sans-serif,serif;
	}

	.login-form h1{
		color: var(--bleu) !important;
	}

	.login-form hr{
		background: var(--bleu) !important;
	}

	.cmd_rien{
		margin-right: 25px;
	}
	#retrocessions-produits #remarques-content div.cmd_ko:nth-child(2){
		width: 100%;
		height: 70px;
		text-align: center;
	}
/*NEW*/
	.news-content{
		text-align: center;
	}

	.news-title{
		font-size: 20px;
		padding-top:12px;
	}

	.a-new-content{
		margin-top:20px;
	}

	.a-new-content h3{
		margin:10px 0px !important;
	}

	.a-new-content hr{
		margin:2px 100px;
		background-color: var(--vert);
		height:1px;
	}

	.a-new-content img{
		min-width: 100%;
	}


	.a-new-date{
		text-align: center;
	}

	.a-new-title{
		text-transform: uppercase;
		font-weight: bold;
		padding:4px 0px;
	}

	.a-new-content p{
		margin-top: 0px;
		color:#000;
		text-align: justify;
	}


/*ANNUAIRE*/

	#annuaire-container .title div{
		margin-left: 315px;
		cursor: pointer;
		text-transform: none;
	}
	.annuaire-results{
		border-top:1px solid  var(--bleu);
		width:100%;
		padding:8px 12px;
		height:130px;
	}
	.annuaire-results:last-of-type{
		border-bottom: 1px solid  var(--bleu);
	}
	.annuaire-photo{
		width:120px;
		float:left;
		text-align: center;
		float:left;
	}

	.annuaire-photo img{
		width:62px;
		height:62px;
		border-radius: 50%;
	}

	.annuaire-infos{
		width:300px;
		float:left;
	}
	.annuaire-infos p{
		margin:8px 0px 12px 0px;
	}
	.annuaire-infos em{
		color: var(--vert)
	}
	.annuaire-labos{
		width:200px;
		float:left;
		max-height: 110px;
		overflow: auto;
	}
	.annuaire-labos p,.annuaire-regions p{
		margin:2px 0px;
	}
	.annuaire-regions{
		float:right;
		width:200px;
	}

	#annuaire-container .accordion_head{
		cursor: pointer;
	}

	.annuaire-infos h3{
		/* cursor: pointer; */
	}

	#annuaire-popup .padding20{
		float:left;
		width: 540px;
	}
	#annuaire-popup #photo,#annuaire-popup #map{
		padding:20px;
	}
	#annuaire-popup #photo img{
		width:180px;
	}

	#annuaire-popup .padding20 div{
		padding:3px 0px;
	}
	#annuaire-popup .padding20 h2{
		padding-bottom: 6px;
	}
	#annuaire-popup .padding20 .mif{
		font-size: 18px;
	}

/*DOCUMENTS*/

.documents-content{
	width:150px;
	height:150px;
	font-size: 18px;
	padding:67.5px 0px;
	background:#E3D0E4 url("img/docs.png");
	font-weight: bold;
	text-align: center;
	display: inline-block;
	margin:10px 18px;
	vertical-align: bottom;
	color: var(--bleu) !important;
}
.documents-content:visited, .documents-content:active {
	color: var(--bleu) !important;
}

/*DOCUMENT*/

	.document{
		margin-bottom: 40px;
	}
	.document-icon{
		margin-top: 4px;
		width: 50px;
    	float: left;
    	height:100%;
	}
	.document-icon img{
		width:32px;
	}
	.document-content{
		width:100%;
		margin:12px 0px;
	}
	.document-content a {
		color:#000 !important;
	}
	.document-content p{
		margin:2px 0px;
	}
	.document-content em{
		line-height: 1;
		font-size: 12px;
	}
	.document-content hr{
		background:#ccc;
		height:1px;
		margin-top: 10px;
    	margin-bottom: 2px;
	}
	.document-add-content{
		width:100%;
	}
	.document-add-label{
		float:left;
		width:150px;
		height:120px;
	}
	.document-add-field{
		width:680px;
		float:left;
	}
	#txt-document-file{
		display:block;
		margin-bottom: 10px;
	}
	#txt-document-content{
		width:94%;
		height:80px;
	}
	#btn-document-add{
		margin-top: 78px;
	}

	.document-content .mif-bin{
	    float: right;
	    color: #8A368C;
	    margin-top: -24px;
	    font-size: 20px;
	    cursor: pointer;
	    margin-right: 10px;
	}

/*MAILS*/
	#txt-mails-contenu{
		height:160px;
	}
	#btn-mails-send{
		margin-top: 20px;
	}


/*STATISTIQUES*/
	#cbo-stats-labos{
		width:250px;
	}
	.stats-choix-content p:nth-child(2) {
		margin-left: 36px;
	}

/*HISTORIQUE*/
	#historique-table tr td img{
		cursor:pointer;
	}

/*RETROCESSIONS*/
	.retrocessions-table{
		margin-top:0px !important;
	}
	.retrocessions-table tr td{
		cursor: pointer;
	}
	.retrocessions-table tr td .mif{
		font-size: 20px;
	}
	.retrocessions-legendes div{
		margin-right: 20px;
		margin-left: 12px;
	}
	#btn-retrocessions-add{
		margin-top:-5px;
	}
	#txt-retrocessions-ouverture,#txt-retrocessions-cloture,#txt-retrocessions-livraison{
		width:170px;
		margin-right: 16px;
	}
	#txt-retrocessions-palliers,#txt-retrocessions-conditions{
		height:100px;
	}
	#txt-retrocessions-pdf-1,#txt-retrocessions-pdf-2,#txt-retrocessions-pdf-3,#txt-retrocessions-pdf-4{
		width:250px;
	}
	#btn-retrocessions-delete-pdf{
		font-size: 24px;
		margin:-4px 0px 0px 12px;
		cursor: pointer;
	}
	#btn-retrocessions-delete .mif{
		margin-top:-4px;
	}
	#txt-retrocessions-notes{
		width:390px;
		height:104px;
	}
	#retrocessions-arhives-popup hr{
		background:#ccc !important;
		height:1px !important;
		margin-top: 10px;
    	margin-bottom: 2px;
	}
	.retrocessions-archives-popup-file div{
		width:132px;
		text-align: center;
		display:inline-block;
	}

	.retrocessions-archives-popup-file img{
		cursor: pointer;
	}

	#form-commande .mif-bin{
		color:#8A368C;
		display:none;
		font-size: 20px;
		cursor:pointer;
	}
	#form-commande .mif-file-text{
		font-size: 30px;
    	margin-top: 4px;
    	cursor: pointer;
	}
	#form-commande .label-btn-details{
		width: 70px;
	    display: inline-block;
	    text-align: left;
	    position: relative;
	    top: 12px;
	    left: 4px;
	}
	#form-commande .btn-details-content{
		margin-top: -5px;
	}
	#form-commande #cbo-retrocessions-type-commande,#form-commande #cbo-retrocessions-promo{
		width:200px;
		margin-right: 20px;
	}
	#retrocessions-produits{
		padding-bottom: 12px;
	}
	#retrocessions-produits h1{
		width:315px;
	}
	#retrocessions-produits .arrow{
		cursor: pointer;
	}
	#retrocessions-produits #informations-commandes{
		margin-right: 28px;
    	margin-top: -27px;
    }
    #retrocessions-produits table{
    	height: 60vh;
    	display: block;
    	overflow-y: scroll;
    }
	#retrocessions-produits table td{
		padding:2px;
	}
	#retrocessions-produits table td:nth-child(5),#retrocessions-produits table th:nth-child(5){
		border-left:2px solid  var(--bleu);
	}
	#retrocessions-produits table td:nth-child(6),#retrocessions-produits table th:nth-child(6){
		border-right:2px solid var(--bleu);
		width:50px;
	}
	#retrocessions-produits table td:nth-child(8) input,#nb-produits-totals{
		width:66px;
	}
	#retrocessions-produits #total-content{
		width: 217px;
    	margin-right: 15px;
    	margin-top: 14px;
	}
	#retrocessions-produits #remarques-content{
		background: var(--bleu);
		width:500px;
		color:#FFF;
		padding:10px 7px 10px 10px;
		margin-left: 268px;
		position:relative;
		top:-10px;
		right: 5px;
	}
	#retrocessions-produits #remarques-content div:nth-child(1){
		width:80%;
	}
	#retrocessions-produits #remarques-content textarea{
		width:100%;
		height:70px;
	}
	#retrocessions-produits #remarques-content div:nth-child(2){
		width:19%;
		position:relative;
		top:14px;
	}
	#retrocessions-produits #remarques-content div:nth-child(2) div{
		width:100%;
	}
	#retrocessions-produits .block-info{
		padding:6px;
		width:70px;
		border:1px solid #000;
		background:#FFF;
	}
	#retrocessions-produits .nb-produit-commande{
		width:100%;
	}
	#retrocessions-produits .btn-violet{
		margin-top: 18px;
	}
	#retrocessions-produits .mif-arrow-right,#retrocessions-produits .mif-arrow-left{
		cursor:pointer;
	}

	#retrocessions-produits .produits-en-commande{
    	position: relative;
    	right: 18px;
    	top: -26px;
	}

	#retrocessions-produits .produits-en-commande .enCommandeText{
		text-align: right;
		margin-right: 12px;
	}
	#retrocessions-produits .produits-en-commande .check{
		margin-top: 7px;
	}

	#cbo-laboratoires-commande-popup{
		max-width: 255px;
	}

/*OFFICINE*/
	#form-officine .mif-compass2{
		margin-top: 25px;
    	margin-right: 12px;
	}
	#photo-officine,#txt-officine-code-postal,#txt-officine-ville,#txt-officine-photo{
		margin-top: 20px;
	}
	#txt-officine-tel,#txt-officine-fax,#txt-officine-mobile{
		margin-bottom: 20px;
	}
	#txt-officine-remarques{
		height:160px;
	}
	#txt-officine-responsable{
		height:100px;
	}
	#txt-officine-code-postal{
		width:50px;
	}
	#txt-officine-lat,#txt-officine-lng{
		width:90px;
	}
	#txt-officine-ville{
		width:235px;
	}
	#txt-officine-tel,#txt-officine-fax,#txt-officine-mobile{
		width:90px;
		margin-right: 6px;
	}
	#txt-officine-lat{
		margin-right: 20px;
	}
	#txt-officine-cip,#txt-officine-rpps-1,#txt-officine-rpps-2,#txt-officine-rpps-3,.officine-rpps-content{
		width: 70px;
	}
	#txt-officine-titulaire-1,#txt-officine-titulaire-2,#txt-officine-titulaire-3,.officine-titulaire-content{
		width:210px;
	}
	.officine-titulaire-content{
		margin-bottom: 20px;
	}
	.officine-membre{
		margin-top:20px;
	}
	.officine-cip{
		margin-top: -11px;
	}
	#btn-officine-valider{
		margin-top:20px;
	}
	div.ms-parent{
		width:100% !important;
	}

	.photo-officine-content{
		position: relative;
	}
	.photo-officine-content .mif-cross{
		position: absolute;
		top: 22px;
    	right: 2px;
    	font-size: 16px;
    	cursor: pointer;
	}

	.ms-choice > div{
		top:3px !important;
		right:3px !important;
		background-size: 100% !important;
	}

	.officine-content input,.officine-content textarea,.officine-content span:not(.mif){
		font-size:12px;
		font-family: arial;
	}

	.ms-drop ul{
		max-height: 200px !important;
	}

	#change-password-popup{
		text-align: center;
	}
	#change-password-popup h2{
		padding-bottom: 10px;
	}

	#change-password-popup input{
		padding:3px;
		margin:10px;
	}
	#change-password-popup button{
		margin:10px;
	}

	.mif-lock{
		margin-top: -5px;
		margin-right: 4px;
    	font-size: 18px;
	}

	.officine-content .title h1{
		display: inline-block;
	}

	.officine-content .title a{
		float: right;
    	color: #FFF !important;
    	text-transform: uppercase;
    	margin-top: 4px;
	}

/*COMMANDES LABO*/
	.txt-commande-labo-quantite-min,.txt-commande-labo-quantite-max{
		width:40px;
	}
	.commande-labo-select{
		width:240px;
	}
	#txt-commande-labo-search{
		width:160px;
		margin-left:40px;
	}
	.commande-labo-en-commande{
		width:160px;
		float:right;
		text-align: right;
		position:relative;
	}
	.commande-labo-en-commande div{
		margin-left: 10px;
	}
	.commande-labo-en-commande .switch span{
		margin-top: 7px;
	}
	.commande-labo-content .title-large{
		text-transform: none;
	}
	.commande-labo-content .title-large h1{
		width:330px;
	}
	#commande-labo-header-1{
		margin-top:6px;
		width:130px;
		cursor: pointer;
	}
	#commande-labo-header-2{
		width:140px;
		margin-top: -3px;
		cursor: pointer;
	}
	#commande-labo-header-2 div{
		display:inline-block;
		width:60px;
		position:relative;
		top:7px;
	}
	#commande-labo-header-3{
		margin-top: -3px;
	}
	#commande-labo-nb-produit-text{
		width:400px;
	}
	#commande-labo-nb-produit-value{
		width:220px;
	}
	#commande-labo-prix-text{
		width:170px;
	}
	.commande-labo-content table td{
		font-size:12px;
		padding:2px 4px !important;
	}
	.commande-labo-content table th:nth-child(5){
		width:75px;
	}
	.commande-labo-content table th:nth-child(6){
		width:85px;
	}
	.commande-labo-content table th:nth-child(7){
		width:110px;
	}
	#commande-popup,#laboratoire-popup{
		border:1px solid var(--bleu);
	}
	#commande-popup .row:nth-child(1) div,#laboratoire-popup .row:nth-child(1) div{
		margin-bottom: 20px;
		width:250px;
	}
	#commande-popup textarea{
		height:100px;
	}
	#laboratoire-popup textarea{
		height:180px;
		margin-top: 20px;
	}

	.switch input:checked~.check{
		background-color:#D0FA65 !important;
	}


/*------------------------------------*\
	GLOWING
\*------------------------------------*/

@-webkit-keyframes glowing {
  0% { background-color: #8C338C; -webkit-box-shadow: 0 0 3px #8C338C; }
  50% { background-color: #FF0012; -webkit-box-shadow: 0 0 10px #FF0012; }
  100% { background-color: #8C338C; -webkit-box-shadow: 0 0 3px #8C338C; }
}

@-moz-keyframes glowing {
  0% { background-color: #8C338C; -moz-box-shadow: 0 0 3px #8C338C; }
  50% { background-color: #FF0012; -moz-box-shadow: 0 0 10px #FF0012; }
  100% { background-color: #8C338C; -moz-box-shadow: 0 0 3px #8C338C; }
}

@-o-keyframes glowing {
  0% { background-color: #8C338C; box-shadow: 0 0 3px #8C338C; }
  50% { background-color: #FF0012; box-shadow: 0 0 10px #FF0012; }
  100% { background-color: #8C338C; box-shadow: 0 0 3px #8C338C; }
}

@keyframes glowing {
  0% { background-color: #8C338C; box-shadow: 0 0 3px #8C338C; }
  50% { background-color: #FF0012; box-shadow: 0 0 10px #FF0012; }
  100% { background-color: #8C338C; box-shadow: 0 0 3px #8C338C; }
}

.glowing {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}