/* Adapte les classes générales
*/
/*
section.structure.clearfix,
section.structure.clearfix + section.structure.clearfix {
	border: 0;
	padding: 0;
}
*/

#icones_navigation .icone {
    /* border: 1px solid var(--color-icon); */
    border-radius: 3px;
    padding: 0.2em;
}
#icones_navigation .icone.old-icon-style {
    padding: 0;
}

.rounded-circle {
	border-radius: 50%;
}
.sortable_placeholder {
    height: 50px;
}
.container-fluid [style='visibility: hidden;'] {
	display: none;
}
.container-fluid details {
	padding: 0 4px;
}
.container-fluid .icone_wrapper {
	margin-right: 5px;
}


.cell_tronque .wrapper_texte_tronque {
    display: inline-block;
    max-height: 5em;
    overflow-y: hidden;
}
.cell_tronque a.bouton_texte_tronque.hidden {
    display: none;
}
.cell_tronque-visible .wrapper_texte_tronque {
    max-height: none;
}
.cell_tronque-visible a.bouton_texte_tronque img {
    transform: rotate(180deg);
}


/* Formulaire - Zone dessin
*/
.dessinfield_wrapper .zone_dessin {
    border: var(--border-input-field);
    border-radius: 3px;
    margin-top: 0.2rem;
}
.dessinfield_wrapper .zone_dessin canvas {
    margin: -1px;
    border-bottom: var(--border-input-field);
}
.dessinfield_wrapper .zone_dessin_bouton {
    /*float: left;*/
    margin: 2px 5px 5px 5px;
}
.dessinfield_wrapper .zone_dessin_bouton.droite {
    float: right;
}
.dessinfield_wrapper .zone_dessin_existant {
    border-top: var(--border-input-field);
}


.container-fluid .citation {
	display: block;
	float: right;
	font-style: italic;
	padding: 0px 10px;
	border-left: 0px solid var(--color-ultralight);
}
.container-fluid .citation:before {
	content: '« ';
}
.container-fluid .citation:after {
	content: ' »';
}


/* Container principal (fluid = toujours 100%)
*/
.container-fluid {
	width: 100%;
}
.container-fluid {
	position: relative;
	clear: both;
	max-width: 1200px;
	min-width: 360px;
	border: 0;
	margin-top: 10px;
	margin-bottom: 20px;
}
.container-fluid::after {
	content: "";
	display: block;
	clear: both;
}


/* Séparateur
*/
.container-fluid hr {
	color: var(--color-titre);
	width: 100%;
	margin: 8px 0;
	border: 0;
	border-bottom: var(--border-theme);
}
.container-fluid hr.large {
	border-bottom: var(--border-theme-large);
}
.container-fluid hr.noborder {
	border-bottom: 0;
}


/* Liens
*/
.container-fluid a:link {
	color: var(--color-link);
}
.container-fluid a:visited {
	color: var(--color-link-visited);
}




/* Défini une ligne
*/
.container-fluid .row,
.container-fluid form > .row {
	clear: both;
	float: none;
	padding: 0;
	margin: 8px -4px;
	width: auto;
}
.container-fluid .row:first-child {
	margin-top: 0px;
}
.container-fluid .row:last-child {
	margin-bottom: 0px;
}
.container-fluid section > .row {
	/*margin-left: 4px;
	margin-right: 4px;*/
	margin-left: 0px;
	margin-right: 0px;
}
.container-fluid section > .row.no-margin {
	margin-left: 0px;
	margin-right: 0px;
}
.container-fluid .row::after {
	content: "";
	display: block;
	clear: both;
}




/* Défini une colonne (largeur non définie = 100%)
*/
.container-fluid .col {
	width: 100%;
}
.container-fluid [class^=col]:not(td) {
	position: relative;
	float: left;
	padding: 4px;
	/*min-width: 52px;*/
	/*border: 1px solid var(--color);*/
}
.container-fluid .row [class^=col] > .row > [class^=col] {
	padding: 0 4px;
}
.container-fluid .col-fixed + .col {
	display: table-cell;
	float: none;
	width: auto;
}


/* Défini une ligne
*/
.container-fluid iframe {
	width: 100%;
}




/* Message sur imprimer
*/
/*
#message_surimprimer {
	position: fixed;
	cursor: pointer;
	z-index: 100;
	top: 50px;
	left: 50%;
	width: 80%;
	max-width: 500px;
	margin-left: -250px;
	padding: 20px 30px;
	text-align: center;
	font-size: var(--font-size-titre-3);
	font-weight: bold;
	border: 2px solid var(--color);
	border-radius: 5px;
	background-color: var(--background-color);
	box-shadow: 0px 4px 40px var(--background-color-backdrop);
}
#message_surimprimer::after {
	content: url('$common/icones/b_drop.png');
	position: absolute;
	top: 6px;
	right: 6px;
}
#message_surimprimer.erreur {
	border-color: var(--rouge);
	background: linear-gradient(var(--background-color-incorrect), var(--background-color));
}
#message_surimprimer.alerte {
	border-color: var(--violet);
	background: linear-gradient(var(--background-color-incorrect-evidence), var(--background-color));
}
#message_surimprimer.info {
	border-color: var(--bleu);
	background: linear-gradient(var(--background-color-evidence), var(--background-color));
}
#message_surimprimer.ok {
	border-color: var(--vert);
	background: linear-gradient(var(--background-color-ok), var(--background-color));
}
*/


/* Entete
*/
.container-fluid p {
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
}
.container-fluid p:last-child {
	margin-bottom: 0px;
}
.container-fluid p span {
	font-weight: bold;
}
.container-fluid p span:first-child {
	font-weight: normal;
}



/* Zone de DROP de fichier
*/
.dropfile {
    width: 100%;
    padding: 2.5em 5em;
    margin: 1em 0;
    border: 3px dashed var(--color-ultralight);
    text-align: center;
    font-size: 1.2em;
}
.dropfile[data-drag-status=enter] {
    border: 3px dashed var(--bleu);
}
.dropfile[data-drag-status=error] {
    border: 3px dashed var(--rouge);
}
.dropfile[data-drag-status=drop] {
    border: 3px dashed var(--vert);
}



/* Liste
*/
.container-fluid ul {
	margin: 5px 0 0 0;
	padding: 0;
}
.container-fluid ul > li {
	/*margin: 0 0 3px 15px;*/
	/*padding: 0;*/
	font-weight: normal;
}
.container-fluid ul > li.has_child {
	font-weight: bold;
}



/* Vignette utilisateur
*/
.vignette_util {
    position: relative;
	display: inline-block;
	font-family: var(--font-family-corps);
	font-size: var(--font-size-corps);
	vertical-align: middle;
	margin: 0.1em 3px 0.1em 0px;
}
.vignette_util > .photo {
    display: inline-block;
    vertical-align: middle;
	overflow: hidden;
	width: 2.6em;
	height: 2.6em;
	border-radius: 50%;
	text-align: center;
	border: 1px solid var(--color-light);
}
.vignette_util > .photo.bigger {
	width: 3em;
	height: 3em;
}
.vignette_util .photo.smaller {
	width: 2.2em;
	height: 2.2em;
}
.vignette_util > .photo > img {
	max-width: 100%;
	min-height: 100%;
	object-fit: cover;
}
.vignette_util .nom {
    display: inline-block;
    vertical-align: middle;
	overflow: hidden;
    white-space: pre;
	text-overflow: ellipsis;
	padding: 2px 5px;
	text-align: left;
}
.vignette_util.limite_largeur .nom {
    max-width: 100px;
}
.entete_statut > .vignette_util {
	top: 3px;
}


/* Menu liste visible quand click
*/
.menu_panel {
    position: relative;
    display: inline-block;
}
.menu_panel > button {
	display: inline-block;
    padding: 5px 10px;
	cursor: pointer;
}
.menu_panel > ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}
.entete_statut > .menu_panel > button {
    padding: 5px 0;
}
.entete_statut > .menu_panel > ul {
    left: -10px;
    width: calc(100% + 20px);
}
.menu_panel > ul:not(.fixe) {
    position: absolute;
    z-index: 100;
    min-width: 100%;
	border: 1px solid var(--color-ultralight);
    border-radius: 5px;
    background-color: var(--background-color);
	box-shadow: 0 0 8px 0 var(--background-color-backdrop);
	visibility: hidden;
	opacity: 0;
	margin-top: -5px;
	-webkit-transition: .2s;
	transition: .2s;
}
.menu_panel > ul.open,
.menu_panel > ul.fixe {
	visibility: visible;
	opacity: 1;
	margin-top: 0px;
}
.menu_panel > ul > li {
    padding: 0;
    margin: 0;
    /*white-space: nowrap;*/
    border-bottom: 1px solid var(--color-ultralight);
}
.menu_panel > ul > li:last-child {
    border: 0;
}
.menu_panel:not(.grid) > ul > li:first-child a {
    border-radius: 5px 5px 0 0;
}
.menu_panel:not(.grid) > ul > li:last-child a {
    border-radius: 0 0 5px 5px;
}
.menu_panel.menu_panel > ul > li a {
	font-family: var(--font-family-corps);
	font-size: var(--font-size-corps);
	display: block;
	text-decoration: none;
    padding: 8px 12px;
}
.menu_panel.menu_panel > ul > li a.disabled {
    color: var(--color-light);
}
.menu_panel.menu_panel > ul > li a[href]:hover {
    background-color: var(--background-color-alt);
}



/* Menu grille visible quand hover
*/
.menu_panel.grid ul {
    left: -6em;
    width: 36em;
    padding: 1em;
    overflow-y: auto;
    overflow-x: hidden;
    --scroll-margin-top-after-header-sticky: 0;
}
.menu_panel.grid.fixe ul {
    width: auto;
    padding: 0em;
    max-height: none;
    overflow: initial;
}
.menu_panel.grid ul > li {
    float: left;
    width: 23.8%;
    max-width: 23.8%;
    margin: 0.6%;
    border: 0;
}
.menu_panel.grid.fixe ul > li {
    float: left;
    width: 8em;
    max-width: 8em;
    margin: 0.12em;
}
.menu_panel.grid ul > li a {
    text-decoration: none;
    width: 100%;
    max-width: 100%;
    padding: 0.5em;
    border: 1px solid var(--color-ultralight);
    border-radius: 0.5em;
    background-color: var(--background-color-alt);
}
.menu_panel.grid ul > li.separateur {
    clear: both;
    width: 100%;
    max-width: 100%;
    height: 1px;
    border-bottom: 1px solid var(--color-ultralight);
}
.menu_panel.grid ul > li.pg_titre_2 {
    font-size: 1em;
}
.menu_panel.grid ul > li a:hover {
    border: 1px solid var(--color-light);
    background-color: var(--background-color);
}

.menu_panel.grid ul span.icone_wrapper {
    display: block;
    width: 100%;
    height: 4.5em;
    margin: 0 0 0.5em 0;
    text-align: center;
}
.menu_panel.grid ul span.icone_wrapper img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    border: 0;
}
.menu_panel.grid ul span.icone_wrapper .icone,
.menu_panel.grid ul span.icone_wrapper svg {
    margin: 10% auto;
    width: 75%;
    height: 75%;
}
.menu_panel.grid ul div.texte_wrapper {
    text-align: center;
    width: 7em;
    height: 2.5em;
    height: 2lh; /* non universellement supporté */
    border: 0;
    overflow-wrap: anywhere;
    overflow: hidden;
}





/* Bouton de type lien, en texte
*/
.button a {
	float: left;
	font-weight: bold;
}



/* Pour les formulaires
*/

.container-fluid .no-resize .f_unit  {
	width: auto;
}
.container-fluid .f_unit:not(button):not(.no-resize)  {
	width: 100%;
	margin: 0;
}
.container-fluid .f_unit:not(:last-child):not([style='display:none']) {
	margin-bottom: 5px;
}
.container-fluid .f_unit label,
.container-fluid .f_unit .textfield_wrapper,
.container-fluid .f_unit .menulist_wrapper,
.container-fluid .f_groupe_left,
.container-fluid .f_groupe_right {
	display: block;
	color: var(--color);
	width: 100%;
	padding: 0;
	margin: 0;
}
.container-fluid .f_unit label::after {
	content: '';
}

.container-fluid input:not([type]),
.container-fluid input[type="date"],
.container-fluid input[type="datetime-local"],
.container-fluid input[type="email"],
.container-fluid input[type="month"],
.container-fluid input[type="number"],
.container-fluid input[type="password"],
.container-fluid input[type="search"],
.container-fluid input[type="tel"],
.container-fluid input[type="text"],
.container-fluid input[type="url"],
.container-fluid input[type="week"],
.container-fluid select,
.container-fluid textarea {
	display: block;
	width: 100%;
	min-height: 2.1rem;
	margin: 0;
	border-radius: 0;
}
.container-fluid input[type=hidden] {
	display: none;
}
.container-fluid .f_unit .textfield_border {
	bottom: 0;
}





.responsive_xsmall {
    width: 14%;
}
@media screen and (max-width:800px){
    .responsive_xsmall {
        width: 24%;
    }
}
.responsive_small {
    width: 19%;
}
@media screen and (max-width:800px){
    .responsive_small {
        width: 32%;
    }
}
.responsive_medium {
    width: 32%;
}
@media screen and (max-width:800px){
    .responsive_medium {
        width: 49%;
    }
}
.responsive_large {
    width: 49%;
}
@media screen and (max-width:800px){
    .responsive_large {
        width: 100%;
    }
}
.responsive_full {
    width: 100%;
}


section.structure.responsive_card,
/*section.structure.responsive_card + section.structure.responsive_card,*/
section[data-sectionnement] section.structure:first-child.responsive_card,
table.responsive_card {
    clear: both;
    display:inline-block;
    min-width: 100%;
    padding: 5px;
    margin-bottom: 20px;
    border: 1px solid var(--color-ultralight);
	/*background-color: var(--background-color-alt);*/
    border-radius: 5px;
    border-top: var(--border-theme-large);
}
section.responsive_card.evidence {
    background-color: var(--background-color-evidence);
}



/* Pour ticket crm
*/
table.tbl_liste_ticket.responsive_card {
    padding: 1px;
    margin-bottom: 5px;
}

section.structure > section.structure.responsive_card:first-child,
section.structure > section.structure.responsive_card:last-child,
section.structure > section.structure.responsive_content:first-child,
section.structure > section.structure.responsive_content:last-child { /** override general **/
    padding: 5px;
}
section.structure.responsive_group {
    clear: both;
    width: 100%;
}
section.structure.responsive_group section.structure.responsive_card {
    margin: 0;
    border-radius: 5px 5px 0 0;
}
section.structure.responsive_group section.structure.responsive_card ~ section.structure.responsive_card {
    border-radius: 0;
}
section.structure.responsive_content,
table.responsive_card > tbody.responsive_content {
    width: 100%;
    padding: 5px/* 10px*/;
    border: 0;
	background-color: var(--background-color);
}
table.responsive_card > tbody.responsive_content {
    padding: 0;
}
section.structure.responsive_content + section.structure.responsive_content { /** override general **/
    border: 0;
}
section.structure.responsive_card > .pg_titre_2,
section.structure.responsive_card > .pg_titre_1,
section.structure.responsive_card > .pg_titre_0 {
    margin: 0;
    border: 0;
}
/* Titre des sections 'content'
*/
section.structure.responsive_content > .pg_titre_2,
section.structure.responsive_content > .pg_titre_1,
section.structure.responsive_content > .pg_titre_0 {
    font-size: var(--font-size-titre-table);
    padding: 3px 0;
    border: 0;
}
/* Expandable section et section menu
*/
section.structure.responsive_card.card_close,
section.structure.responsive_content.card_close {
    background-color: var(--background-color-alt);
}
/*
section.structure.responsive_card.card_open,
section.structure.responsive_content.card_open {
    background-color: var(--background-color);
}
*/

section.structure.responsive_card.card_close > #expandable_content,
section.structure.responsive_content.card_close > #expandable_content,
section.structure.responsive_card.card_open > div.section_resume,
section.structure.responsive_content.card_open > div.section_resume {
    display: none;
}
section.structure.responsive_card.card_open > #expandable_content,
section.structure.responsive_content.card_open > #expandable_content,
section.structure.responsive_card.card_close > div.section_resume,
section.structure.responsive_content.card_close > div.section_resume {
    display: block;
}
section.structure.responsive_card.card_open span.libelle_expand,
section.structure.responsive_content.card_open span.libelle_expand {
    display: none;
}
section.structure.responsive_card.card_close span.libelle_expand,
section.structure.responsive_content.card_close span.libelle_expand {
    display: inline;
    font-size: 0.8em;
    margin-left: 16px;
}
span.libelle_expand::before {
    content: "[";
}
span.libelle_expand::after {
    content: "]";
}
span.libelle_expand:hover {
    text-decoration: underline;
}

section.structure.responsive_card .icone.expand_more,
section.structure.responsive_card .icone.menu_options,
section.structure.responsive_content .icone.expand_more,
section.structure.responsive_content .icone.menu_options {
    float: right;
    cursor: pointer;
    margin: 0 10px 0 0;
}
section.structure.responsive_card.card_close > [class*=pg_titre_] > span > .icone.expand_more,
section.structure.responsive_content.card_close > [class*=pg_titre_] > span > .icone.expand_more {
    transform: rotate(0deg);
}
section.structure.responsive_card.card_open > [class*=pg_titre_] > span > .icone.expand_more,
section.structure.responsive_content.card_open > [class*=pg_titre_] > span > .icone.expand_more {
    transform: rotate(180deg);
}
section.structure.responsive_card > div.section_resume .libelle,
section.structure.responsive_content > div.section_resume .libelle {

}
section.structure.responsive_card > div.section_resume .valeur,
section.structure.responsive_content > div.section_resume .valeur {
    font-weight: bold;
}
/* sectionnement onglet
*/
section.structure.responsive_card > nav.menu {
    font-size: 1.2em;
}


/* test dossier
*/
section.structure.responsive_card.dossier_inner {
    clear: left;
    float: left;
    width: auto;
    margin-bottom: 5px;
}
section.structure.responsive_card.dossier_inner_2col {
    clear: left;
    float: left;
    width: 49.2%;
    min-width: 49.2%;
    margin-bottom: 5px;
}
section.structure.responsive_card.dossier_inner_2col:nth-child(2n+0) {
    clear: right;
    float: right;
}
@media screen and (max-width:1500px){
    section.structure.responsive_card.dossier_inner_2col,
    section.structure.responsive_card.dossier_inner_2col +
    section.structure.responsive_card.dossier_inner_2col {
        min-width: 100%;
    }
}

/*
[class*= responsive_] label,
[class*= responsive_] label .textfield_wrapper,
[class*= responsive_] label .menulist_wrapper,
[class*= responsive_] select,
[class*= responsive_] input:not([type=checkbox]):not([type=image]):not([type=submit]):not([type=radio]) {
    width: 100%;
}

.no_responsive label,
.no_responsive label .textfield_wrapper,
.no_responsive label .menulist_wrapper,
.no_responsive select,
.no_responsive input:not([type=checkbox]) {
    width: auto;
}
*/



/* Test 'Box' (fond gris, boite blanche, séparant les sections)
*/
.responsive_box {
    background-color: var(--background-color-alt);
}
.responsive_box .responsive_content {
    width: calc(100% - 0.8em);
    margin: 0.2em 0.4em;
    padding: 0.2em 0.4em;
    background-color: var(--background-color);
}
.responsive_box .titre {
    padding: 0.2em;
}



/* Titre
*/
.container-fluid .title {
	font-family: var(--font-family-titre);
	font-size: var(--font-size-titre-3);
	font-weight: bold;
	margin: 8px 0 16px 0;
	padding: 4px 10px;
	color: var(--color-titre);
	border: 1px solid var(--color-ultralight);
	background-color: var(--background-color-alt);
	border-radius: 3px;
}



/* Met en page une card
*/
.card {
	margin-bottom: 15px;
}
.card > header {
	font-family: var(--font-family-titre);
	font-size: var(--font-size-titre-table);
	font-weight: normal;
	padding: 8px 10px 2px 10px;
	color: var(--color-titre);
	border: 1px solid var(--color-ultralight);
	border-bottom-width: 0;
	background-color: var(--background-color);
	border-radius: 3px 3px 0 0;
}
.container-fluid.card > header {
	font-size: var(--font-size-titre-3);
	font-weight: bold;
	padding: 5px 10px;
	margin-top: 16px;
	background-color: var(--background-color-alt);
}
.card.card-open > header,
.card.card-close > header {
	cursor: pointer;
}
.card.card-open > header::after,
.card.card-close > header::after {
	content: '<';
	float: right;
	-webkit-transition: .3s;
    transition: .3s;
}
.card.card-open > header::after {
	transform: rotate(90deg);
}
.card.card-close > header::after {
	transform: rotate(270deg);
}
.card > section {
	padding: 5px;
	color: var(--color-titre);
	height: auto;
	max-height: none;
	border: 1px solid var(--color-ultralight);
	border-top: 0;
	background-color: var(--background-color);
	border-radius: 0 0 3px 3px;
}
.container-fluid.card > section {
	background-color: var(--background-color-alt);
}
.card > section::after {
	content: "";
	display: block;
	clear: both;
}
.card > section div {
	color: var(--color);
}
.card.card-close > section {
	overflow: hidden;
	padding: 0px 10px;
	max-height: 0px;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
}
.card.card-open > section {
	overflow: hidden;
	padding: 10px 10px;
	max-height: 2000px;
	-webkit-transition: .3s ease-in;
	transition: .3s ease-in;
}

.card.search {
	margin-bottom: 5px;
}
.card.search > header {
	color: var(--color);
	border: 1px solid var(--color-ultralight);
	background: linear-gradient(var(--background-color), var(--background-color-alt));
	border-radius: 3px;
}
.card.search > section {
	position: absolute;
	overflow: hidden;
	z-index: 2;
	margin: -1px 8px 0 4px;
}
.card.card-close.search > section {
	box-shadow: none;
}
.card.card-open.search > section {
	box-shadow: 0px 4px 12px var(--background-color-backdrop);
}

.card.transparent > header,
.card.transparent > section {
	border: 0;
	background-color: transparent;
}




/* Etapes
*/
.etapes {
	float: none;
	text-align: center;
	font-weight: normal;
	margin: 0px auto;
	padding-bottom: 8px;
	margin-bottom: 10px;
}
.etapes>span {
	position: relative;
	display: inline-block;
	width: 1.8rem;
	height: 1.8rem;
	line-height: 1.7rem;
	border: 1px solid var(--color-titre);
	border-radius: 0.9rem;
	color: var(--color-titre);
	background-color: var(--background-color);
}
.etapes>span:first-child {
	margin-left: 20px;
}
.etapes>span.valide {
	color: var(--color-titre);
	background-color: var(--background-color-theme-dark);
}
.etapes>span.actif {
	color: var(--background-color);
	background-color: var(--color-titre);
}
.etapes>span span { /* Libellés */
	position: absolute;
	width: 160px;
	right: 4px;
	bottom: -20px;
	color: var(--color);
	text-align: right;
	font-size: 0.9rem;
	line-height: 0.9rem;
	pointer-events: none;
	transform: rotate(-7deg);
}
.etapes span.separe {
	display: inline-block;
	overflow: hidden;
	width: 6rem;
	height: 2px;
	margin: 5px -2px;
	background-color: var(--background-color-theme-dark);
}




/* Place l'élément à droite
*/
.right {
	float: right;
}

/* Place l'élément à gauche
*/
.left {
	float: left;
}

/* Place le texte de l'élément à droite
*/
.text-right {
	text-align: right;
}

/* Place le texte de l'élément à gauche
*/
.text-left {
	text-align: left;
}



/* Table (supprimé 2021-11-08: obsolète)
*/



/* Responsive
*/

@media screen and (max-width:800px){

[class^=col-xl-] {
	width:100%;
}

[class^=col-lg-] {
	width:100%;
}

[class^=col-md-] {
	width:100%;
}

.col-sm-1 {width:8.333%;}
.col-sm-2 {width:16.666%;}
.col-sm-3 {width:25%;}
.col-sm-4 {width:33.333%;}
.col-sm-5 {width:41.666%;}
.col-sm-6 {width:50%;}
.col-sm-7 {width:58.333%;}
.col-sm-8 {width:66.666%;}
.col-sm-9 {width:75%;}
.col-sm-10{width:83.333%;}
.col-sm-11{width:91.666%;}
.col-sm-12{width:100%;}

}


@media screen and (min-width:800px){

.col-sm-1 {width:8.333%;}
.col-sm-2 {width:16.666%;}
.col-sm-3 {width:25%;}
.col-sm-4 {width:33.333%;}
.col-sm-5 {width:41.666%;}
.col-sm-6 {width:50%;}
.col-sm-7 {width:58.333%;}
.col-sm-8 {width:66.666%;}
.col-sm-9 {width:75%;}
.col-sm-10{width:83.333%;}
.col-sm-11{width:91.666%;}
.col-sm-12{width:100%;}

.col-md-1 {width:8.333%;}
.col-md-2 {width:16.666%;}
.col-md-3 {width:25%;}
.col-md-4 {width:33.333%;}
.col-md-5 {width:41.666%;}
.col-md-6 {width:50%;}
.col-md-7 {width:58.333%;}
.col-md-8 {width:66.666%;}
.col-md-9 {width:75%;}
.col-md-10{width:83.333%;}
.col-md-11{width:91.666%;}
.col-md-12{width:100%;}

[class^=col-lg-] {
	width:100%;
}

[class^=col-xl-] {
	width:100%;
}

}

@media screen and (min-width:1200px){

.col-sm-1 {width:8.333%;}
.col-sm-2 {width:16.666%;}
.col-sm-3 {width:25%;}
.col-sm-4 {width:33.333%;}
.col-sm-5 {width:41.666%;}
.col-sm-6 {width:50%;}
.col-sm-7 {width:58.333%;}
.col-sm-8 {width:66.666%;}
.col-sm-9 {width:75%;}
.col-sm-10{width:83.333%;}
.col-sm-11{width:91.666%;}
.col-sm-12{width:100%;}

.col-md-1 {width:8.333%;}
.col-md-2 {width:16.666%;}
.col-md-3 {width:25%;}
.col-md-4 {width:33.333%;}
.col-md-5 {width:41.666%;}
.col-md-6 {width:50%;}
.col-md-7 {width:58.333%;}
.col-md-8 {width:66.666%;}
.col-md-9 {width:75%;}
.col-md-10{width:83.333%;}
.col-md-11{width:91.666%;}
.col-md-12{width:100%;}

.col-lg-1 {width:8.333%;}
.col-lg-2 {width:16.666%;}
.col-lg-3 {width:25%;}
.col-lg-4 {width:33.333%;}
.col-lg-5 {width:41.666%;}
.col-lg-6 {width:50%;}
.col-lg-7 {width:58.333%;}
.col-lg-8 {width:66.666%;}
.col-lg-9 {width:75%;}
.col-lg-10{width:83.333%;}
.col-lg-11{width:91.666%;}
.col-lg-12{width:100%;}

[class^=col-xl-] {
	width:100%;
}

}

@media screen and (min-width:1800px){

.col-sm-1 {width:8.333%;}
.col-sm-2 {width:16.666%;}
.col-sm-3 {width:25%;}
.col-sm-4 {width:33.333%;}
.col-sm-5 {width:41.666%;}
.col-sm-6 {width:50%;}
.col-sm-7 {width:58.333%;}
.col-sm-8 {width:66.666%;}
.col-sm-9 {width:75%;}
.col-sm-10{width:83.333%;}
.col-sm-11{width:91.666%;}
.col-sm-12{width:100%;}

.col-md-1 {width:8.333%;}
.col-md-2 {width:16.666%;}
.col-md-3 {width:25%;}
.col-md-4 {width:33.333%;}
.col-md-5 {width:41.666%;}
.col-md-6 {width:50%;}
.col-md-7 {width:58.333%;}
.col-md-8 {width:66.666%;}
.col-md-9 {width:75%;}
.col-md-10{width:83.333%;}
.col-md-11{width:91.666%;}
.col-md-12{width:100%;}

.col-lg-1 {width:8.333%;}
.col-lg-2 {width:16.666%;}
.col-lg-3 {width:25%;}
.col-lg-4 {width:33.333%;}
.col-lg-5 {width:41.666%;}
.col-lg-6 {width:50%;}
.col-lg-7 {width:58.333%;}
.col-lg-8 {width:66.666%;}
.col-lg-9 {width:75%;}
.col-lg-10{width:83.333%;}
.col-lg-11{width:91.666%;}
.col-lg-12{width:100%;}

.col-xl-1 {width:8.333%;}
.col-xl-2 {width:16.666%;}
.col-xl-3 {width:25%;}
.col-xl-4 {width:33.333%;}
.col-xl-5 {width:41.666%;}
.col-xl-6 {width:50%;}
.col-xl-7 {width:58.333%;}
.col-xl-8 {width:66.666%;}
.col-xl-9 {width:75%;}
.col-xl-10{width:83.333%;}
.col-xl-11{width:91.666%;}
.col-xl-12{width:100%;}

}