/* version MEC-GOO 2018-05-17 : 17h00 - 2018-08-10 Phil */

@charset "utf-8";
/* CSS Document */

/*     IE TWEAK      */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	main .vertCenter-10, .messagerieHeader .vertCenter-10 {
		padding-top:3rem;
		padding-bottom:3rem;
	}
	
	.vertCenter-5 {
		padding-top:1rem;
		padding-bottom:1rem;
	}
}


/* Extra large devices (large desktops, 75em and up) */
@media (min-width: 75em) {
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.container {
 		max-width:114rem
 	}
}
/* Extra large devices (large desktops, 1200px and down)*/
@media (max-width: 1199px) {
	table.table {
		font-size: 1.5rem !important;
	}
    .table .jPayable {
        background-position: right 0.25rem top 0.25rem;
        background-size: 2.5rem 2.5rem;
        min-width: 7rem;
    }
}


/* Very large devices (large desktops, 1024px and down)*/
@media (max-width: 1024px) {
	table.table {
		font-size: 1.425rem !important;
	}
}


/* Large devices (desktops, 62em and up) */
@media (min-width: 62em) {
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.container {
  		max-width:114rem
 	}
	body {
		margin-bottom: 20rem;
	}

    div.dataTables_wrapper div.dataTables_filter input {
        width: 16.25rem !important;
    }
	/*body {
		overflow-y:scroll;
	}
	.msMenu h2 .accordion-toggle {
		padding-left: 0;
		border:none;
		background: none;
		background-color:transparent;
		color: #414141;
		cursor: default;
	}*/
}
/* Large devices (desktops, 992px and down)*/
@media (max-width: 991px) {
	/* MS */
	/*.col-menu-entete, .vertCenter-10, main.messagerie .white-row .vertCenter-10 {
		min-height: 5rem;
		padding-top:1rem;
		padding-bottom:1rem;
	}*/
	.col-menu-entete {
		border-bottom: 1px solid #ccc;
		margin-bottom:0;
	}
	/*.col-menu { display:none; }*/
	/* / MS */
	ul.listInfo.split {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.header .white-row .nav-item .nav-link {
		padding: 1rem;
	}
	/*.col-menu {
		margin-bottom: 0;
	}*/
	.col-menu .mainbox {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	
	/* MENU */
	.navbar-dark .navbar-nav .nav-item {
		padding-left: 1rem;
		text-align: left;
	}
	
	.nav-item.item1 .icon { margin: 0 0.05rem; }
	.nav-item.item2 .icon { margin: 0 0.15rem; }
	.nav-item.item3 .icon { margin: 0 0.15rem; }
	.nav-item.item4 .icon { margin: 0 0.35rem; }
	.nav-item.item5 .icon { margin: 0 0.5rem; }
	.nav-item.item6 .icon { margin: 0 0.15rem; }
	
	/*.navbar-dark .link_label {
		padding-left: 3.25rem;
	}

	.nav-item.item1 .icon {left: 0.1rem;}
	.nav-item.item2 .icon {left: 0.15rem;}
	.nav-item.item3 .icon {left: 0.15rem;}
	.nav-item.item4 .icon {left: 0.35rem;}
	.nav-item.item5 .icon {left: 0.5rem;}
	.nav-item.item6 .icon {left: 0rem;}
	
	.nav-item.item4 .link_label, .nav-item.item5 .link_label {padding: 0 3.5rem 0 3.25rem;}*/
	
	.navbar-dark .navbar-toggler {
		padding-left: 1.5rem;
	}
	
	.navbar-collapse {
		border-top:0.1rem solid #777;
		margin-top: 0.35rem;
		padding-top: 0.35rem;
	}
	.navbar-dark .nav-item {
		margin-left: 0;
	}
	.header .white-row.quitForm .link_label {
		display:none !important;
	}
	.col-lg-3 > .form-group > .align-right {
		text-align: left !important;
	}
	.col-lg-3 > .form-group > .align-right > .btn {
		margin-left: 10rem;
	}
    div.dataTables_wrapper div.dataTables_filter input {
        width: 15.1rem !important;
    }
		.filtersRow > .col-lg-4.col-md-6:nth-child(2) {
		border-right:none;
	}
	
}

/* Medium devices (tablets, 48em and up) */
@media (min-width: 48em) {
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.container {
  		max-width:74rem;
 	}
}
/* Medium devices (tablets, 768px and down)*/
@media (max-width: 767px) {
	.header .white-row .nav-item {
		padding:0;
	}
	.header .white-row .link_label {
		display:none;
	}
	
	.header .white-row .nav-item,
	.header .white-row .nav-link i {
		margin-right: 0!important;
	}

    .header .white-row .nav-item:last-child .nav-link {
        margin-right: -1rem !important;
    }

	.maindiv > .requis::before {
		position: relative;
		left: 0;
	}
	main .white-row .text-right {
		text-align: left !important;
	}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: center !important;
		margin: 1.25rem 0 1.75rem !important;
	}
	
	.wBtn h1 {
		margin-right: 0;
	}
	.wBtn .btn {
		position: relative;
		margin-top: 1rem;
		bottom: auto;
		right: auto;
	}
	.filtersRow > .col-lg-4.col-md-6 {
		border-right:none!important;
	}
}

/* Custom MQ */
@media (max-width: 720px) {
	.deledit .btn.icon-edit span,
	.deledit .btn.icon-delete span {
		display: none;
    }
	
	.deledit h2, .deledit h3, .deledit h4 {
		margin-right: 5rem !important;
	}
	.deledit .btn.icon-delete, .deledit .btn.icon-edit {
		padding: 0;
		min-width: 4.2rem;
	}
	.deledit .btn.icon-delete {
		background-position: left 0.85rem center;
	}
	.deledit .btn.icon-edit {
		background-position: left 1.05rem center;
	}
    .clientEnTeteWrapper .logoCNESST {
        width: 10.5rem;
        height: 4rem;
    }
    .clientEnTeteWrapper .vertCenter-10 {
        min-height:3.5rem;
    }
    .clientEnTeteWrapper .clientEnTete {
        margin-top: 0;
    }
}

/* Small devices (landscape phones, 34em and up) */
@media (min-width: 34em) {
}
/* Small devices (landscape phones, 34em and down) */
@media (max-width: 34em) {
}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 575px) {
	.container {
		max-width:57rem
 	}
	.messagerieHeader .col-sm-7 {
		text-align:right;
	}
	.col4Inputs .form-control {
		margin-right: 2rem;
	}
 	/*.form-cont{
	 	padding-left: 3rem !important;
	 	padding-right: 3rem !important;
 	}*/
}
/* Small devices (landscape phones, 576px and down)*/
@media (max-width: 576px) {
	
	ul li {
		list-style: square outside url(../images/ic_SquareBulletSmaller_gray.png);
		padding-top: 0.25rem;
	}
	
	/*.link_label { display:none; }*/
	.header .white-row .vertCenter-10 {
		min-height: 3.5rem;
	}
	.logoMEC {
		width: 36vw;
		height: 10vw;
	}
	
	h1 {
		font-size:5.5vw;
	}	
	
	/*.main-container .maindiv, .col-menu, .col-main, .col-actions {
		padding: 0 1rem;
	}*/
	.main-container .maindiv section.alert {
		margin-top: 1rem;
	}
	.main-container .maindiv .mainbox h2 {
		margin-left: 0;
	}
	/*.main-container .maindiv h2 {
		margin-left: 0.5rem;
	}*/
	
	
	.mainbox,
	.mainbox-left,
	.mainbox-right {
		margin-top: 2rem;
		padding: 1.5rem;
		margin-bottom: 1rem;
	}
	.mainbox ~ .mainbox {
		margin-top: 1.75rem;
	}
	h2 + .mainbox, p.requis + .mainbox {
		margin-top: 1rem !important;
	}
	.textepage h2 {
		margin-top: 0;
		padding-top: 1rem;
	}
	.col-menu-entete, .vertCenter-10, main.messagerie .white-row .vertCenter-10 {
		min-height: 7rem;
	}
	
	/*label.requis::before {
    	top: 0.35rem;
	}

	.requis::before {
		position: relative;
		left:0;
	}*/
	p.requis {
		margin-top:1.25rem;
		/*margin-left: 0.5rem;*/
	}
	.mainbox .requis::before {
		position: relative;
		left: 0;
		/*left: -1rem;*/
	}
	.requis::before {
		position: relative;
		left: 0;
		/*left: -1rem;*/
	}
	/*h2 {
		margin-bottom:0;
		padding-top: 1.5rem;
	}*/
	p.requis + h2 {
		padding-top: 1rem;
	}
	h2.icon-check, .echec h2.icon-check {
		background-position: center 0.75rem;
		padding-left: 0;
		padding-right: 0;
		padding-top: 10rem;
		text-align: center;
    	font-size: 2.4rem;
	}
	.noRef {
		margin: 1.5rem 0 1rem 0;
		text-align: center;
	}
	.vertCenter-10.etapeTitre, .etapesform .vertCenter-10 {
		padding-bottom: 1.65rem;
	}
	#progress {
		/*margin-left: 0.5rem;*/
		margin-top: -1.5rem;
    	margin-bottom: 1rem;
	}
	#progress.etapes9 {
		width: 31.4rem !important;
		height: 2.65rem !important; 
	}
	#progress.etapes8 {
		width: 28.1rem !important;
		height: 2.65rem !important; 
	}
	#progress.etapes7 {
		width: 24.7rem !important;
		height: 2.65rem !important; 
	}
	#progress.etapes6 {
		width: 21.35rem !important;
		height: 2.65rem !important; 
	}
	#progress.etapes5 {
		width: 18rem !important;
		height: 2.65rem !important; 
	}
	#progress.etapes4 {
		width: 14.6rem !important;
		height: 2.65rem !important; 
	}
	#progress.etapes3 {
		width: 11.25rem !important;
		height: 2.65rem !important; 
	}
	#progress.etapes2 {
		width: 7.85rem !important;
		height: 2.65rem !important; 
	}
	/*input[type="radio"] {    
		width: 2.5rem;
		height: 2.5rem;
	}*/

    .white-row .vertCenter-10 .col-md-10.offset-md-1 {
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
    }

	.form-check { margin-bottom: 0.5rem; }
	
	.bottomboxbtns {
    	margin-top: 0;
	}
	.bottomboxbtns ul li {
		display: block;
		border-left: none;
	}
	.splitRow .mainbox.h-100 {
		height: calc(100% - 7rem) !important;
		padding-bottom: 1.5rem;
		margin-bottom:1.25rem;
	}
	.greenLineBoxes .mainbox.h-100 {
		background-position: 1.5rem 1.35rem;
		height: calc(100% - 3rem) !important;
	}
	.pic {
		text-align: center;
		/*margin: 0.75rem 0;*/
	}
	.pic>div {
		margin: 3rem;
	}
	.logoCNESST {
		margin:1.5rem 0;
	}
	/*.col-menu ul, .erreurFiltreWrap {
		margin-left: -2rem;
		margin-right: -2rem;
	}*/
	.indente {
		margin-left: 2.75rem;
	}
	/*.bottomboxbtns ul li {
		display: block;
	}
	.bottomboxbtns ul li::before {
		content: "";
	}
	.multibtn .text-left, .multibtn .text-right {
		text-align:center!important;
	}
	.multibtn {
		padding:2rem 0;
	}*/
	.mainbox .form-row.multibtn .btn-primary, .mainbox .form-row.multibtn .btn-secondary{
		margin: 1rem 0.25rem;
	}
	.messagerieHeader .col-sm-7 a {
		padding-left:0.25rem;
	}
	.delediTitre {
		padding-bottom: 0.35rem;
	}

    input[type='text'].lgNom,
    input[type='text'].lgPrenom,
    input[type='text'].lgNomEmployeur,
    input[type='text'].lgVille,
    input[type='text'].lgProvince,
    input[type='text'].lgNram,
    select.lgProvince,
    select.province,
    input[type='text'].lgPays,
    select.lgPays,
    select.pays,
    input[type='text'].lgLieuDepartArrivee,
    input[type='text'].lgPrecisionProvince,
    input[type='text'].lgPrecisionPays,
    input[type='text'].lgMetierProfession,
    input[type='text'].lgRue,
    input[type='text'].lgArretRetourPrecision,
    input[type='text'].lgIndemniteAutrePrecision,
    input[type='text'].lgRechercheAdresse,
    input[type='text'].lgCodeUtilisateur,
    input[type='email'].lgCourriel {
        max-width: 33.25rem;
    }
}

@media screen and (max-width: 500px) {
	html {
		font-size: 9px !important;
  	}
}

@media screen and (max-width: 400px) {
	html {
		font-size: 8px !important;
  	}
	h1 {
		font-size:2.8rem!important;   
	}
	ul li {
		list-style: square outside url(../images/ic_SquareBulletSmall_gray.png);
	}
}	

/* Ajustement de la taille de base de la police */
@media screen and (max-width: 360px) {
  	/*html {
    	font-size: 7px !important;
  	}*/
	.tableau table {
		border-width: 0.3rem !important;
	}
    .multibtn .btn-primary, .multibtn .btn-secondary {
        margin: 1rem 0.5rem;
    }
}
/* Small devices (landscape phones, 320px and up)*/
@media (min-width: 320px) {
	/*.form-cont{
   		padding-left: 3vw !important;
		padding-right: 3vw !important;
	}*/
}

/* Small devices (landscape phones, 320px and down)*/
@media (max-width: 320px) {
	.header .white-row nav {
		padding: 0;
	}	
	/*#progress {		
		margin-top: -1.3rem !important;
		width: 20rem !important;
		height: 2.5rem !important; 
	}*/
	.col-menu .qui {
		width: 50%;
	}
}

/* Extra-small devices (landscape phones, 22em and up) */
@media (min-width: 28em) {
	/*main {
		padding-bottom:5rem;
	}*/
}
/* Extra-small devices (landscape phones, 22em and down) */
@media (max-width: 28em) {
	/*main {
		padding-bottom:15rem;
	}*/
	body {
		margin-bottom: 28rem;
	}
}