.alert{
	margin-top: 20px;
}
.alert-nomargin{
	margin-top: 0px !important;
}

.alert{position: relative;}
.alert span.closealert{
	position: absolute;
    top: -8px;
    right: -4px;
    border-radius: 50%;
    background-color: #eee;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 16px;
    border: 1px solid #ccc;
    cursor: pointer;
}
.alert-lime{
	background-color: lime;
}
.alert-betaald{
	background-color: lime;
}
.adminblock{
	margin-top: 20px;
}

.adminblock img{
	height: 20px;
	width: 20px;
	margin-right: 6px;
}

div.eyecatcher{
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	line-height: 20px; 
	margin-bottom: 40px;
	margin-top: 10px;
}

div.eyecatcher.eyecatcher-s{
	font-size: 22px;
}

div.eyecatcher span{
	font-size: 16px;
	font-weight: normal;
	color: #999;
}

div.eyecatcher a{color: #333;}
div.eyecatcher a:hover{
	color: #999; 
	text-decoration: none;
}

/*div.highcharts-container text[text-anchor=end]{display: none;} */

/* home */
div.chartarrows{ 
	position: absolute;
	left: 14px;
    bottom: 10px;
    z-index: 999;
}
div.chartarrows a{
	color: #797979;
}

h3{
	background-color: rgba(255,255,255,0.8);
	padding: 10px;
	margin: 10px 0;
}

h2{
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

h2.trans{
	background-color: rgba(0,0,0,0.5);
	padding: 50px;
	color: #fff;
	font-size: 400%;
	margin: 100px 0 20px 0;
}
.mini{font-size: 50%;}
h3.zonderbg{
	background-color: inherit;
	padding: 0;
}
div.btn-group a{
	color: #fff;
	text-decoration: none;
}

.small-link{
    background-color: #f0ad4e;
	color: #fff;
    line-height: 40px;
    padding: 10px;
}	


.green{
	color: green;
}
.red{
	color: red;
}
span.nietgoedgekeurd{
	background-color: red;
	color: #fff;
	padding: 0 4px;
}
select.aangepast{
	background-color: yellow;
}
span.lijst{
	border: 1px solid #e2e2e2;
	background-color: lightyellow;
	padding: 0 4px;
	margin-right: 4px;
	color: #666;
}
span.lijst a{
	color: inherit;
}
span.lijstgoedtekeuren{
	background-color: red;
	color: #fff;
}
span.lijstoud{
	background-color: #fff;
	color: #ddd;
}

div.oudelijst, div.oudelijst a{ /* vanalles disablen voor oude spelerslijsten */
	color: #ccc;
}
div.oudelijst p.tochtonen{ /* vanalles disablen voor oude spelerslijsten */
	color: #666;
}
div.oudelijst p.tochtonen a{
	color: #333;
	text-decoration: underline;
}
td.kruis, th.kruis{
	border: 1px solid #ddd;
	width: 4%;
	background-color: #f9f9f9;
	text-align: center;
}
td.kruiszwart{
	background-color: #ddd !important;
}
span.prod_remove, span.prod_up, span.prod_down{
	cursor: pointer;
	color: #428bca;
}

.itemrow:first-child span.prod_up{visibility: hidden;}
.itemrow:last-child span.prod_down{visibility: hidden;}

span.valop{
	color: #428bca;
}
.glyphicon-duplicate:before { content: "\e224"; }

.centralenav{
	text-align: center;
}
form.navbar-form  div.form-group a{
	color: #B9D4E5;
}
form.navbar-form  div.form-paswoordvergeten{
	position: relative;
	top: 10px;
	left: 10px;
}

span#bedrijfsnaam{
    font-size: 24px;
	line-height: 24px;
	letter-spacing: 3px;
}

form label{text-align:left !important;}

div.invulform{
	background-color: rgba(256,256,256,0.9);
    border: 1px solid #ddd;
    margin-top: 10px;
	box-shadow: 0px 0px 6px #ccc;
}
div.invulform label{
	margin-bottom: 0;	
}

.withtabs{
	margin-top: 15px;
	padding: 0;
}
.withtabs .invulform{
	margin-top: 0;
}
tr.tr_CN{
	color: red;
}
	
body{
	/* background: url(../img/bg_opa.jpg) no-repeat center center scroll; */
	overflow-x: hidden;
}

/* cards on home */
.card{ 
	box-shadow: 0px 0px 8px #ccc;
}

span.kleiner{
	font-size: 60%;
	color: #777;
}
span.badge a{
	color: inherit;
	text-decoration: none;
}
span#badge_onbetaald_aantal:hover,
span#badge_onbetaald_bedrag:hover{
	background-color: red;
}

form#registratieform{
	color: #fff;
    max-width: 500px;
    padding: 10px 40px 30px 40px;
    background-color: #31708f;
    margin: 0 auto 20px auto;
}
form#registratieform div{
	background-color: inherent;
}
form#registratieform #akkoord{
	width: 40px;
    display: inline;
	position: relative;
    top: 4px;
}
input#password{
	max-width: 150px;
}
#top{
	background-attachment: fixed;
	display: block; /* anders slechte rendering op smartphone */
	height: auto;
}
.jumbotron ul {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

div.centerballoon{
	background-color: #fff;
	width: 50%;
	margin: 20px 24%;
	padding: 20px;
	text-align: left;
}

span.checkwish{
	float: right;
	font-size: 80%;
}
img.icobetaald{
	cursor: pointer;
	height: 20px;
	opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}
img.icobetaald:hover{
	opacity: 1;
    filter: alpha(opacity=1); /* msie */
}

.commpagina h1{
	font-size: 40px !important;
}
.commpagina .panel-body{
	text-align: left;
	font-size: 140%;
	line-height: 200%;
}
.commpagina div.container{
	margin-top: 10px;
}

.startpagina h1{
	font-size: 40px !important;
}
span.help{
    width: 16px;
    height: 16px;
    line-height: 12px;
    background-color: #fff;
    -webkit-border: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
	font-weight: normal;
    font-size: 10px;
    color: #428bca;
	cursor: pointer;
	margin-left: 4px;
	padding: 2px;
	background-color: #efefef;
	
}
span.help:hover{
	background-color: #428bca;
	color: #fff;
}
span.helpempty{
	visibility: hidden;
}
div.form-group label{
	padding-left: 0px;
	padding-bottom: 4px;
	padding-top: 4px;
}

div.form-group-bg{
	background-color: #f6f6f6;
    padding: 8px;
    border: 1px solid #ddd;
}

::-webkit-input-placeholder {
color: #aaa !important;
}
:-moz-placeholder { /* Firefox 18- */
color: #aaa !important;  
}
::-moz-placeholder {  /* Firefox 19+ */
color: #aaa !important;  
}
:-ms-input-placeholder {  
color: #aaa !important;  
}
.navbar-nav>li>a:hover{
	color: #428bca !important;
}

td.glyph{
	width: 30px;
}
td.glyph.glyph-inline{
	width: auto;
}
td.glyph.glyph-inline span{
	display: inline;
	margin-left: 4px;
}
td.glyph span.fa.fa-paper-plane-o, td.glyph span.fa.fa-comment-o {
    display: inline;
}
span.glyphicon{
	color: #428bca;
}
span.glyphicon.actif{
	color: #efad4d;
}
.fa-via-peppol{color: #00008b; display: inline !important;}
.fa-via-mail{color: #239B56; display:inline !important;}

/* doctemplates */
ul.thumbnails.image_picker_selector li .thumbnail.selected{
	color: #fff;
}
	
/* watermerken */
div.watermerkgroep{
			overflow-x: scroll;
}
div.watermerkgroep img.image_picker_image{
	width: 40px;
	height: 40px;
}
div.watermerkgroep ul{
	width: 10000px;
}
div.watermerkgroep ul li, div.watermerkgroep ul li div.thumbnail{
	margin: 0 !important;
}
div.itemrow{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
div.itemrow div span.tussen, div#modalLijnkorting div span.tussen{
    position: absolute;
    right: 0;
    top: 7px;
	font-weight: bold;
    font-size: 116%;
    color: #666;
}
div.statusrow span.tussen{
	position: absolute;
    right: -7px;
    top: 7px;
}

div.itemrow span.lijndetail_show{
    clear: both;
    display: block;
    padding: 0px 20px 10px 20px;
    color: #999;
}

div.itemrow span.lijnsubtitel_show{
    clear: both;
	width: 100%;
    display: block;
    padding: 0px 20px;
    font-size: 20px;
    font-weight: bold;
}

div.doctotalen .input-group-append{
	height: 48px;
}

.modal-body {
    padding: 15px 25px;
}



/* itemrows responsive maken */
div.scroll-left{
	overflow-x: auto;
	overflow-y: hidden;
}
div.scroll-left div#itemRows{
	/* min-width: 1000px; */
}

textarea.opmerking{ width: 100%; height: 200px; }
form textarea#opmerking{height: 120px;}
form label.checkopm{margin-left: 20px;}

/* zorgt ervoor dat plus-knop tegen select box staat */
/* div.prodSelBtn select.select_product{  */
	/* display: inline; width: 95%; */
/* } */
div.prodSelBtn button{ 
	display: inline; position: absolute;
	height: 40px;
	border-radius: 0 4px 4px 0 !important;
}

div#hulppopup{
	z-index: 9999;
	position: fixed;
   top: 225px;
   left: 50%; 
   width: 80%;
   max-width: 400px; 			
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%); 
   -ms-transform: translate(-50%, -50%); 
   -o-transform: translate(-50%, -50%); 
   transform: translate(-50%, -50%); 
    background-color: #c4e3f3;
	color: #31708f;
    padding: 17px;
	border: 10px solid #fff;
}
div#hulppopup h2{
	font-size: 22px;
}
div#hulppopup li{
	margin-bottom: 10px;
	padding: 4px;
}
.navbar-inverse{
	background-color: #565656;
}
.navbar{
	margin-bottom: 10px !important;
}
.btn-success{
	background-color: #edaa4f;
}
.modal-body .btn{margin-bottom:6px;}


div.row table.table tr.notyetcorrect td,
div.row table.table tr.notyetcorrect td a{
	/* background-color: #ddd !important; */
	color: #bbb;
	background-color: #eee !important;
}
div.row table.table tr.notyetcorrect td span.badge{
	background-color: #ccc;
	color: #fff;
}
div.row table.table tr.notyetcorrect td button.icobetaald{
	background-color: #ccc;
	color: #fff;
}
div.row table.table tr.notyetcorrect:hover button.icocorrect{background-color: red;}

div.row table.table tr.new td{background-color: #b8daff !important;}

div.row table.table tr:nth-child(even) td {background: #fff;}
div.row table.table tr:nth-child(odd) td {background: #fcfcfc;}
div.row table tr td{padding: 10px 6px;}
div.row table tr.typecode_381 td{color: red;}
table.table .btn-sm{
	height: 18px;
    line-height: 16px;
    width: 16px;
    padding: 0;
    font-size: 10px;
}
table.table span.label{
	display: inline-block;
	width: 110px;
	font-weight: normal;
    font-size: 13px;
}
span.badge-danger.label-semi{background: linear-gradient(to right, #d9534f,#d9534f, #5cb85c,#5cb85c);}
span.badge-warning.label-semi{background: linear-gradient(to right, #FCB322,#FCB322, #5cb85c,#5cb85c);}
table tr td.coldatum{min-width: 90px;}
table tr.grijs, table tr.grijs a{color: #ddd !important;}
div.prijslijsten span.label{
	font-weight: normal;
    font-size: 13px;
}

table.table div.lbl_status{
	float: left;
	margin-right: 4px;
}

a.list-group-item  span.datum{
	color: #edaa4f;
	font-weight: bold;
}
div.kalender td.maandnaam{
	background-color: #edaa4f !important;
	color: #fff;
	font-size: 120%;
	text-transform: uppercase; 
}
div.kalender h5{
	font-weight: bold;
}

/* berichten */
tr.gelezen_0 td{font-weight: bold;}

div.header-icon{
	color: #fff;
	height: 50px;
	text-align: right;
}
div.header-icon span.glyphicon{
	font-size: 20px;
	color: #999;
	margin-top: 8px;
}
div.header-icon span.badge{
	left: -8px;
    position: relative;
    top: 4px;
	background-color: #edaa4f;
}

span.glyphicon.derden{
	font-weight: bold;
    font-family: sans-serif;
    background-color: #428bca;
    color: #fff;
    padding: 3px;
    font-size: 12px;
    cursor: default;
    text-align: center;
    border-radius: 3px;
	margin-right: 1px;
}
.jumbotron{ background-color: rgba(256,256,256,0.8) !important;}

/* glyphicon tonen bij hover */
a.list-group-item span.showonhover{
	float: right;
	display: none;
}
a.list-group-item span.showalways{
	float: right;
	display: block;
}
a.list-group-item:hover span.showonhover{
	float: right;
	display: block;
}

/* Tooltip */
.tooltip{
	width: 200px;
	font-weight: normal;
}

/* sortering kolommen */
table.sorteertabel{
	border: 1px solid #ddd;
}
table.sorteertabel thead th.sorting {
    position: relative;
    background-image: none !important;
	cursor: pointer;
}
 
table.sorteertabel thead th.sorting:before,
table.sorteertabel thead th.sorting_asc:before,
table.sorteertabel thead th.sorting_desc:before {
	margin-right: 4px;
    font-family: FontAwesome;
}
table.sorteertabel thead th.sorting:before {
    content: "\f0dc";
    color: #ccc;
    padding-top: 0.12em;
}
table.sorteertabel thead th.sorting_asc:before {
    content: "\f0de";
	color: #428bca;
}
table.sorteertabel thead th.sorting_desc:before {
    content: "\f0dd";
	color: #428bca;
}

/* overzicht voor delen aan boekhouder */
table tr.maandnaam td{
	font-weight: bold;
	background-color: #ddd !important;
}
table tr.soort-cn td{
	color: red;
}
.verybigbutton{
	font-size: 95%; padding: 30px; letter-spacing: 3px; white-space: normal;
}



/* emailform */
.col-via_peppol{
	background-color: #D6EAF8;
    padding: 25px;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	border-bottom: 20px solid #fff;
}
.col-via_mail{
	background-color: #D5F5E3 ;
    padding: 25px;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	border-bottom: 20px solid #fff;
}

.col-via_peppol:hover{
	background-color: #C9E2F3; /* Slightly darker blue */
}
.col-via_mail:hover{
	background-color: #C8EED5; /* Slightly darker green */
}

.col-via_peppol h5{
	font-weight: bold;
	color: #2874A6;
}
.col-via_mail h5{
	font-weight: bold;
	color: #239B56;
}
.col-via_peppol .factuurgegevens{
	background-color: #fff;
    padding: 8px;
    border: 1px solid #2874A6;
}

.badge-how-u{
	background-color: #2874A6 !important;
}
.badge-how-e{
	background-color: #239B56 !important;
}

.col-via_peppol .btn-primary{
	background-color: #2874A6 !important;
}

.col-via_mail .btn-primary{
	background-color: #239B56 !important;
}

div.emailform form{float: left; margin: 20px 0;}
div.emailform .form-control[disabled]{background-color: #fff !important;}
div.emailform textarea{ height: 240px;}

div.emailform div.email-bericht #berichteditable{
	width:100%; 
	border: 1px solid #ccc; 
	background-color: #F5FDF8;
	padding: 5px 5px 20px 5px; 
	height: 240px; 
	overflow-y: auto;
}

div.ajaxloader{ padding-left: 38px; display: none;}


/* page service */
div.page-service h2{
	margin-top: 80px;
	color: #edaa4f;
}

/* quotes */
.commpagina div.quote-auteur{
	text-align: right;
	color: #B9D4E5;
	margin-right: 20px;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px 0 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: "\201D"; 
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

/* tabel emailtemplates */
th.cross{
	text-align: center;
}
td.cross{
	text-align: center;
	font-weight: bold;
}

/* contact page */
span.chat-online{
	background-color: green;
	color: #fff;
	padding: 0 4px;
}
span.chat-offline{
	background-color: red;
	color: #fff;
	padding: 0 4px;
}
img.contact-icon{    
	width: 40px;
    margin-right: 40px;
}

/* select2 correcties */
.prodSelBtn span.select2-container, .prodSelBtn span.select2-container>sapn>span{
	position: relative !important;
	top:0 !important;
	
	width: calc(100% - 40px) !important;
}
span.select2-selection{
	height: 40px !important;
	border-radius: 4px 0 0 4px !important;
}
span.select2-container span.select2-selection__arrow{
	position: absolute !important;
	height: 40px !important;
}
.select2-selection__rendered{
	line-height: 40px !important;
}

.select2_inline span.select2-container{ /* fix voor keuze emaialdres in mailnu */
	width: unset !important;
	flex: 1 1 auto;
}

.select2_inline span.select2-container .select2-selection{
	border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
}

.select2_inline .select2-selection__rendered{
	color: #666 !important;
    font-size: 0.8rem !important;
}
img.img-flag{
	max-height: 14px;
}

/* progress bar projects */
.progress{
	margin-bottom: 0;
}

/* resultaat */
span.groei{
	margin-left: 8px;
	color: #999;
	font-size: 80%;
}

/* signature */

.signature_small{
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 50px;
}

.fixed-bottom{
	position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
  padding: 20px;
  z-index: 999;
}
.fixed-bottom a{
	color: #fff;
	border-bottom: 1px solid #fff;
}
.fixed-bottom a:hover{
	color: #efad4d;
}

/* pagination */
.pagination form{
	height: 100%;
	padding: 0;
}
.pagination form input {
	width: 40px;
	text-align: center;
	border: 1px solid #ddd;
	height: 100%;
}
.pagination form input:hover{
	background-color: #ddd;
	text-decoration: underline;
	margin: 0 4px;
}

/* facturalia_new BEGIN */
body{font-size: 14px !important;}
.form-control {color: #666 !important;}
ul.circ{padding-left: 15px;}
ul.circ li{list-style-type: initial !important;}

div.panel-body p a:not(.btn), div.panel-body ul a:not(.btn), div.invulform a:not(.btn, .pom){color: #007bff !important;}
a.pom{cursor:pointer;}

ul.sidebar-menu li a{font-size:14px !important;}
.col-lg-0{display: none;} /* op home */
.btn-xs {
    padding: 1px 5px;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px;
}
.btn-xs:hover{
	border-color: #333;
}
.btn-toggleeasy{
	float: right;
    margin: 15px 0 !important;
}
.menubuttons {
	position: fixed;
    bottom: 10px;
    left: 10px;
}
#btn-toggleeasy{
	display: none;
}
#btn-whatsapp.btn-outline-primary:not(:hover),
#btn-toggleeasy.btn-outline-primary:not(:hover){
	background-color: #fff;
}

span.pulsing {
  display: inline-block;
  padding: 0 6px;
  border-radius: 6px;
  animation: pulse 1.5s infinite ease-in-out;
}

@keyframes pulse {
  0% {transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.6);}
  50% {transform: scale(1.1); box-shadow: 0 0 10px 4px rgba(255, 0, 0, 0.3);}
  100% {transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);}
}

/* hoofdmenu */
li.sub-menu ul.sub li{position: relative;}
li.sub-menu ul.sub li a.menuplus{position: absolute; right: 0px; top: 2px;}
ul.sidebar-menu>li>a>i{
	font-size: 22px !important;

}

/* chart */
.value.tooltips.jaar0 {
	background-color: #57c8f2 !important;
}
.value.tooltips.jaar1 {
    position: absolute;
    left: 12px;
    background-color: #E6E7EA !important;
    z-index: -1;
}
footer.pie-foot{
	text-align: left;
	padding: 20px !important;
}

/* login form */

body.login-body label.checkbox{width: 100%;}
.form-signin select {
    margin-bottom: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #eaeaea;
    box-shadow: none;
    font-size: 12px !important;
}

div.buttons{margin-top: 40px;}
.btn{margin: 0 4px 4px 0;}
.btn.btn-primary{background-color: #007bff; border:0;}
.btn.btn-primary:hover{background-color: #0069d9;}
.btn-default a{color: inherit;}

/* datepicker */
div.datepicker td.day{text-align: center; cursor: pointer;}
div.datepicker th.prev, div.datepicker th.next{cursor: pointer;}
div.datepicker td.today{border-radius: 4px; background-color: #ccc !important;}
div.datepicker td.active{border-radius: 4px; color: #fff;}
div.datepicker th.datepicker-switch{text-align: center; cursor: pointer;}
div.datepicker span.month{float: left; margin: 8px; cursor: pointer;}

/* top-menu */
ul.top-menu li{
	background-color: #fff;
}

/* upload process */
div.kv-upload-progress.hide{display:none;}

/* afspraken */
img.cal_icon{
	width: 24px; 
	height: 24px;
}

@media only screen and (max-width: 1000px) {
	.top-nav ul.top-menu li.dropdown a.dropdown-toggle {
		max-width: 300px; /* zodat op mobile menu altijd zichtbaar blijft */
	}
}

/* inputvelden meer ruimte geven */
@media only screen and (max-width: 1200px) {
	#itemRows .itemrow input{
		padding-left: 4px;
		padding-right: 4px;
	}
}

/* footer */
@media (min-width: 768px){
	.site-footer{
		padding-left: 0 !important;
		margin-left: 210px;
	}
	.hideondesktop{
		display: none;
	}
}

@media (max-width: 768px){
	.hideonmobile{
		display: none;
	}
}

.wrapper{max-width: 95% !important;}
#sidebar{
	overflow-y: auto !important;
	padding-bottom: 60px;
}

.modal-xxl {
    max-width: 1200px;
}

@media (min-width: 1600px){
	.container {max-width: 98% !important;}
}

/* facturalia_new END */

@media only screen and (max-width: 500px) {
    #iframe_container{ display: none;}
	div.alert-uitleg {float: none !important;}
	span#bedrijfsnaam{display: none;}
}

div.doctotalen .input-group-addon:first-child{width: 154px;}
@media only screen and (max-width: 1200px) {
    div.doctotalen{width: 100%;} /* voor velden met totalan in facturenupdate */
}



/* flex */
@media only screen and (min-width: 992px) {
	div.row.flex{
		display: flex;
	}
	div.row.flex>div .panel-info{
		height: 100%;
	}
	div.row.flex .panel-body{	
		margin-bottom: 40px;
	}
	div.row.flex .panel-footer{	
		position: absolute;
		bottom: 10px;
		background-color: #fff;
		border: 0;
	}
}

@media only screen and (min-width: 500px) and (max-width: 992px) {
	.row.halfwidthontablet .col-md-2 {float: left; width: 49%;}
	.row.halfwidthontablet .col-md-8 {float: left;}

}

@media print {
    a[href]::after {
        content: none !important;
    }
}

/* calendar fix op smartphone */
@media only screen and (max-width: 768px) {
	div#calendar .fc-header-right{
		left: auto;
		right: 100px;
	}
}

/* bootstrap overrules */
@media only screen and (max-width: 1400px) {
	.itemrow .col-lg-4{
		flex: none !important;
		max-width: 100% !important;
	}
	.itemrow .col-lg-1{
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}
	.col-md-4.doctotalen{
		flex: none !important;
		max-width: 100% !important;
	}
}