/*
	by frizbee.be
	*/
	
    @font-face{
	font-family:'helveticanormal'; font-style:normal; font-weight:normal;
	src:url('../_uploads/fonts/helveticaneueltstd-ltcn/helveticaneueltstd-ltcn.eot');
	src:url('../_uploads/fonts/helveticaneueltstd-ltcn/helveticaneueltstd-ltcn.woff') format('woff'),
	url('../_uploads/fonts/helveticaneueltstd-ltcn/helveticaneueltstd-ltcn.ttf') format('truetype')}
	
	@font-face{
	font-family:'helveticabold'; font-style:normal; font-weight:bold;
	src:url('../_uploads/fonts/helveticaneueltstd-bdcn/helveticaneueltstd-bdcn.eot');
	src:url('../_uploads/fonts/helveticaneueltstd-bdcn/helveticaneueltstd-bdcn.woff') format('woff'),
	url('../_uploads/fonts/helveticaneueltstd-bdcn/helveticaneueltstd-bdcn.ttf') format('truetype')}

	@font-face{
	font-family:'helveticaheavy'; font-style:normal; font-weight:bold;
	src:url('../_uploads/fonts/helveticaneueltstd-hvcn/helveticaneueltstd-hvcn.eot');
	src:url('../_uploads/fonts/helveticaneueltstd-hvcn/helveticaneueltstd-hvcn.woff') format('woff'),
	url('../_uploads/fonts/helveticaneueltstd-hvcn/helveticaneueltstd-hvcn.ttf') format('truetype')}

	@font-face{
	font-family:'nothingyoucoulddo'; font-style:normal; font-weight:normal;
	src:url('../_uploads/fonts/nothing-you-could-do/nothing-you-could-do-regular.eot');
	src:url('../_uploads/fonts/nothing-you-could-do/nothing-you-could-do-regular.woff') format('woff'),
	url('../_uploads/fonts/nothing-you-could-do/nothing-you-could-do-regular.ttf') format('truetype')}
		
	*{ margin: 0; padding: 0; border: 0; outline: 0; font-family:'helveticanormal'; font-size:19px; color:#767676; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
	
	body{ margin:0px; background:#fff; }
    body, html{ overflow-x: hidden; }
	
	h1{ font-size:2.5rem; line-height:2.7rem; color:#484491; margin:0px 0px 20px 0px; font-family:'helveticaheavy'; }
	h2{ font-size:2.2rem; line-height:2rem; color:#484491; margin:0px 0px 20px 0px; font-family:'helveticabold'; }
	h3{ font-size:1.4rem; line-height:1.6rem; color:#484491; margin:0px 0px 20px 0px; font-family:'helveticabold'; }
	h4{ font-size:1.2rem; color:#484491; margin:6px 0; font-family:'helveticabold'; }
	h5{ font-size:1.1rem; color:#484491; margin:6px 0; font-family:'helveticabold'; }
	h6{ font-size:1.9rem; line-height: 1.9rem; color:#9abb12; margin:6px 0; font-family:'nothingyoucoulddo'; }

	p{ margin-top:8px; }
	strong{ font-family: 'helveticabold'; }
		
	a:link, a:visited, a:active{ color:#767676; text-decoration: underline; }
	a:hover, a:hover i{ color:#9abb12; }
	
	ol, ul, li { list-style: none; }
	
	table { border-collapse: collapse; border-spacing: 0; }
		
	.textbox, .textbox_small{ background:#e4e3ef; width:100%; height:45px; padding:0 10px 0 25px; line-height:45px; margin-bottom:10px; border:none; color:#484491; font-family: 'helveticabold'; border-radius: 25px; }
	input.textbox.invalid, input.textbox_small.invalid{ background:#fbe1e1 !important; color:#ea6666 !important; }
	.textbox_small{ width:50%; }
	
	.multiline_textbox{ background:#e4e3ef; padding:12px 10px 0 25px; width:100%; height:140px; margin-bottom:10px; border:none; color:#484491; display:block; font-family:'helveticabold'; border-radius:25px; }
	.multiline_textbox.invalid{ background:#fbe1e1 !important; color:#ea6666 !important; }
	
	.holding{ position:relative; }
	.holding p{ margin:0px; padding:0px; }
	.holding p label.invalid{ display:block !important; color:#ea6666; font-size:15px; padding:0px 0px 7px; margin:0px; }
	.holding span{ position:absolute; left:25px; top:12px; color:#484491; cursor:text; font-size:1rem; font-family:'helveticabold'; }
	.holding span.invalid{ color:#ea6666; }
	
	.submit-button{ color:#484491; display: inline-block; text-decoration: none; cursor: pointer; padding: 8px 25px 6px 25px; background:none; border:3px solid #484491; line-height:25px; margin-top:10px; margin-right:5px; border-radius: 25px; font-family:'helveticabold'; }
    .submit-button:hover{ background-color:#484491; color:#fff; }

    a.link-button{ color:#484491; display: inline-block; text-decoration: none; cursor: pointer; padding: 8px 25px 6px 25px; background:none; border:3px solid #484491; line-height:25px; margin-top:10px; margin-right:5px; border-radius: 25px; font-family:'helveticabold'; }
	a.link-button:hover{ background-color:#484491; color:#fff; }
    a.link-button i{ color:#fff; }
			
	.listbox{ padding:3px; border:1px solid #cecece; }
    .listbox.invalid{ background: #fbe1e1 !important; }
	.listbox option{ padding:0 0 3px 3px; }
	
	select{ border:1px solid #CCC; }
	
	.redborder{ border:1px solid #ff0000; }
	.red{ color:#ff0000; }
	.black{ color:#616255; }
	.darkred{ color:#421414; }
	
	#phpmessage{ margin:10px 0; padding: 10px 10px 10px 10px; border:1px solid #d29494; background:#f8dfdf; color:#934b4b; }
	#phpmessage h3{ color:#934b4b; font-size:1rem; margin-bottom: 0px; }
	#phpmessage p{ color:#934b4b; margin:0; font-size:1rem; }
	
	#phpmessage_ok{ margin:10px 0px 35px 0px; padding: 10px 10px 10px 10px; border:1px solid #b0ce87; background:#d4f2ad; color:#934b4b; }
	#phpmessage_ok h3{ color:#718655; }
	#phpmessage_ok p{ color:#718655; margin:0; }
	
	#javascriptmessage{ margin-top:20px; margin-bottom:20px; padding: 10px 10px 10px 10px; border-top:1px solid #4a2c24; border-bottom:1px solid #4a2c24; }
	#javascriptmessage{ display:none; }
	#javascriptmessage p, #javascriptmessage p label{ color:#4a2c24; margin:0; }
	
	.left{ float:left; }
	.right{ float:right; }
	div.clear{ clear:both; overflow:hidden; }
				
	#breadcrumb{  font-size:.9rem; color:#9abb12; padding:0; margin-bottom:11px; }
	#breadcrumb a{ font-size:.9rem; color:#9abb12; font-weight:normal; }
	#breadcrumb a:hover{ color:#79930e; }
	
	.scrollup { width:40px; height:40px; position:fixed; bottom:45%; right:20px; display:none; background:#484491; z-index:999; -moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; text-align: center; }
    .scrollup i{ font-size:1rem; line-height: 40px; color:#fff; }
    .scrollup:hover{ -moz-opacity:1; filter:alpha(opacity=100); opacity:1; }
    .scrollup:hover i{ color:#fff; }

    .modal{ z-index:99999999; }
    .modal-backdrop{ z-index:99999998; }
    .modal-backdrop.show{ opacity: 0.7; }
    .modal .modal-footer button:hover{ color:#484491; }

	
	/* GENERAL -----------------------------------------------------------------------------------------------------------------------*/
		
	.txt-1-1rem, .txt-1-1rem *{ font-size:1.1rem }
	.txt-0-9rem, .txt-0-9rem *{ font-size:0.9rem }
	.txt-0-8rem, .txt-0-8rem *{ font-size:0.8rem }
		
	.extratoppadding{ padding-top:20px; }
	.extratoppaddinglarge{ padding-top:40px; }
    .extratoppaddingxlarge{ padding-top:60px; }
	.extrabottompadding{ padding-bottom:20px; }
    
    #cookie-notice-container{ position: fixed; left: 0; bottom: 0; padding:15px 20px; z-index: 999; background: #bad15f; color:#fff; text-align: center; width: 100%; font-size: 0.8rem; }
    #cookie-notice-container a.link-button{ padding:5px 10px; background:none; color:#fff; border:1px solid #fff; font-size: 0.8rem; margin-top:0px; padding-top:0px; padding-bottom: 0px; }
    #cookie-notice-container a.link-button:hover{ background:#fff; color:#bad15f; }

    #vidpopup{ position: fixed; width: 100%; height: 0; top: 0; left: 0; background-color:#78c6d3; z-index: 999; overflow:hidden; transition: height 0.8s ease; }
    #vidpopupclosebuttonbox{ position: absolute; top: 40px; right: 50px; z-index: 9999; }
    #vidpopupclosebuttonbox i{ color:#dceff2; font-size:3rem; transform: rotate(0deg); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); cursor: pointer; }
    #vidpopupclosebuttonbox:hover i{ color:#fff; transform: rotate(90deg); }

    #vidpopupcontainer{ display: flex; align-items: center; align-content: center; width: 80%; height: 100%; margin-left:auto; margin-right: auto; position: relative; max-width: 1100px; }
    #vidboxwrapper{ width: 100%; position: relative; box-shadow: 0 0 30px #00000040; background:#fff; }
    #vidbox{ position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
    #vidbox iframe, #vidbox object, #vidbox embed { position:absolute; top:0; left:0; width:100%; height:100%; }

    .contentbox404 .container{ text-align: center; }
    .contentbox404 .container h1{ margin-bottom: 0px; }

    .showformobileonly{ display: none; }

    .green{ color:#4a7a3b; }

    .flex-direction-nav a:before{ font-size:30px !important; }


    /* HEADER ------------------------------------------------------------------------------------------------------------------------*/

    .preheader{ margin-top:30px; margin-bottom:30px; }
    .preheader .container .row{ background:#9abb12; border-radius: 25px; }
    .preheader .container .row .col{ color:#fff; font-size:0.9rem; border-right: 1px solid #cbdc85; padding-top:12px; padding-bottom: 6px; }
    .preheader .container .row .col:last-child{ border-right: none; }
    .preheader .container .row .col a{ color:#fff; font-size:0.9rem; }
    .preheader .container .row .col a:hover, .preheader .container .row .col a:hover i{ color:#ddf86d; }
    .preheader .container .row .col a i{ color:#fff; font-size:1.2rem; }

    .header{ margin-top:40px; margin-bottom:40px; background:#fff; }
    .header .container .row { justify-content: center; }
    .header .container .rowlogo{ position: relative; }

    .header .container .row .navigation{ padding-top:10px; }

    .header #logobox a{ display: block; }
    .header #navbox{ text-align: right; }

    .sticky{ position:fixed; top:0; width:100%; margin:0px; padding-top:15px; padding-bottom: 15px; z-index: 9999999; }
    .sticky #logobox img{ max-width: 80%; }
    .sticky #navbox li a{ font-size:0.9rem; }
    .sticky #navbox li a i.fab{ font-size:1rem; }

    .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
    .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }



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

    .homebanner{ background: url("../_images/home-banner-wave.png") no-repeat; background-position:center bottom 15%; background-size:100% 80%; display: flex; justify-content: flex-end; margin-bottom:50px; }
    .homebanner .textcontainer{ padding-bottom:10%; }
    .homebanner .textcontainer h1{ color:#fff; margin-bottom: 0px; font-size:3.5rem; line-height: 3.3rem; }
    .homebanner .textcontainer p{ color:#fff; font-family: 'helveticabold'; font-size:1.5rem; line-height: 1.8rem; }
    .homebanner .textcontainer a.link-button{ border-color:#fff; color:#fff; }
    .homebanner .textcontainer a.link-button:hover{ background-color:#fff; color:#9abb12; }

    .homewatdoenwe .block{ margin-bottom: 25px; }
    .homewatdoenwe .block .theserviceblock{ background: #fff; text-align: center; border-radius: 8px; -webkit-box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); text-decoration: none; display: block; height: 100%; overflow: hidden; transition: all .2s ease-in-out; padding:35px; }
    .homewatdoenwe .block .theserviceblock .imgbox{ float:left; width: 20%; padding:2px; }
    .homewatdoenwe .block .theserviceblock .txtbox{ float:left; width: 80%; text-align: left; padding-left:40px; }
    .homewatdoenwe .block .theserviceblock .txtbox h2{ text-decoration: none; font-size: 1.4rem; color:#99ba39; margin:0; line-height: 1.4rem; }
    .homewatdoenwe .block .theserviceblock .txtbox p{ margin:5px 0 0 0; line-height: 1.2rem; }
    .homewatdoenwe .block a.theserviceblock:hover{ transform: scale(1.07); }

    .homeoverons{ background: url("../_images/dierenartsenpraktijk-voor-varkens-nutrivet-new.png") center top no-repeat; background-size: 95%; margin-top:30px; padding-top:25%; }
    .homeoverons .row .col{ background:#fff; border-radius: 45px; padding:50px; }
    .homeoverons ul { padding: 0; }
    .homeoverons ul li { padding-left: 0.5rem; color:#9abb12; font-family: 'helveticabold'; font-size:1.3rem; line-height: 1.5rem; margin-bottom:15px; list-style-image: url('../_images/varkenssnoet.svg'); }
    .homeoverons ul li::marker{ font-size: 2em; } 
    /*.homeoverons ul li:before { content: "\f1b0"; font-family: 'Font Awesome 5 Free'; font-size: 1rem; font-weight: 900; display: inline-block; margin-left:-1.5rem; width: 1.5rem; }*/

    .homenieuws{ background: url("../_images/home-wave-smaller.png") no-repeat; background-position:center top; background-size:100%; padding-top:60px; }
    .homenieuws .thetitlebox *{ color:#fff; }
    .homenieuws .thetitlebox h2{ margin-bottom:5px; }
    .homenieuws .thetitlebox a:hover{ color:#ddf86d; }
    .homenieuws .block { margin-top:30px; }
    .homenieuws .block a { text-decoration: none; background:#fff; border-radius: 8px; -webkit-box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); display: block; transition: all .2s ease-in-out; height: 100%; }
    .homenieuws .block a:hover { transform: scale(1.07); }
    .homenieuws .block a .imgbox{ margin-bottom:15px; }
    .homenieuws .block a .txtbox { padding:25px; padding-bottom: 0px; }
    .homenieuws .block a .txtbox p{ margin-bottom: 0px; }
    .homenieuws .block a .txtbox h3{ text-decoration: none; margin-bottom:5px; }
    .homenieuws .block a .ctabox { padding:25px; padding-top:0px; font-family: 'helveticabold'; }


    .overonsfirstrow{ background: url("../_images/overons-bg.jpg") top center no-repeat; background-size: 100% auto; }
    .overonsfirstrow .container{ padding-top:120px; }
    .overonsfirstrow .container .row{ background:#fff; border-radius: 25px; }
    .overonsfirstrow .container .row .col:first-child{ padding: 40px 50px 10px 50px; }
    .overonsfirstrow .container .row .col:last-child{ padding: 0; }
    .overonsfirstrow .imagecontainer .flexslider{ background:none; border: none; }
    .overonsfirstrow .imagecontainer .flex-viewport{ border-radius: 25px; }
    .overonsfirstrow .imagecontainer .flex-viewport ul li img{ border-radius: 25px; }
    .overonsfirstrow .textcontainer ul { padding: 0; }
    .overonsfirstrow .textcontainer ul li { padding-left: 1.5rem; color:#9abb12; font-family: 'helveticabold'; font-size:1.3rem; line-height: 1.5rem; margin-bottom:15px; }
    .overonsfirstrow .textcontainer ul li:before { content: "\f1b0"; font-family: 'Font Awesome 5 Free'; font-size: 1rem; font-weight: 900; display: inline-block; margin-left:-1.5rem; width: 1.5rem; }
    .overonssecondrowpre{ margin-bottom: -120px; position: relative; z-index: 9; }
    .overonssecondrow{ position: relative; z-index: 10;}
    .overonssecondrow .precontainer img{ }
    .overonssecondrow .containerwrapper{ background: #9abb12; padding-top:30px; margin-top: -2px; }
    .overonssecondrow .containerwrapper .container .row *{ color:#fff; }
    .overonssecondrow .containerwrapper .container .row .col:first-child h2{ font-size:3rem; line-height: 3rem; }
    .overonssecondrow .containerwrapper .container .row .col:nth-child(3) h2{}
    .overonssecondrow .containerwrapper .container .row .col:nth-child(3) h3{ margin-bottom: 0px; }
    .overonssecondrow .containerwrapper .container .row .col:nth-child(3) p{ margin-top: 0px; }
    .overonssecondrow .postcontainer{ }
    .overonssecondrow .postcontainer img{ margin-top:-2px; }
    .overonsthirdrow{ margin-top:60px; }
    .overonsthirdrow .picturegallery .col{ margin-bottom: 30px; }
    .overonsthirdrow .picturegallery .col a{ display: block; transition: all .2s ease-in-out; }
    .overonsthirdrow .picturegallery .col a:hover{ transform: scale(1.07); }
    .overonsfourthrow{ margin-top:50px; }
    
    .cta h3{ font-size:3rem; line-height: 3rem; }

    .dienstenbgcontainer{ background: url("../_images/diensten-bg.jpg?i=2") top center no-repeat; background-size: 100% auto; padding-top:120px; }
    .dienstenbgcontainer .container{ background:#fff; border-top-left-radius: 25px; border-top-right-radius: 25px; padding-top:30px; padding-left: 40px; padding-right: 40px; }
    .dienstenbgcontainer .container .row:first-child{ text-align: center; }
    .dienstenbgcontainer .container .row:nth-child(3){ text-align: center; }
    .dienstenbgcontainer .container .block{ margin-bottom: 25px; }
    .dienstenbgcontainer .container .block .theserviceblock{ background: #fff; border-radius: 8px; -webkit-box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); text-decoration: none; display: block; height: 100%; overflow: hidden; transition: all .2s ease-in-out; padding:25px 35px; }
    .dienstenbgcontainer .container .block .theserviceblock .imgbox{ float:left; width: 20%; padding:2px; }
    .dienstenbgcontainer .container .block .theserviceblock .txtbox{ float:left; width: 80%; text-align: left; padding-left:40px; }
    .dienstenbgcontainer .container .block .theserviceblock .txtbox h2{ text-decoration: none; font-size: 1.4rem; color:#99ba39; margin:0; line-height: 1.4rem; }
    .dienstenbgcontainer .container .block .theserviceblock .txtbox p{ margin:5px 0 0 0; line-height: 1.2rem; }
    .dienstenbgcontainer .container .block .theserviceblock .txtbox .ctabox { font-family: 'helveticabold'; }
    .dienstenbgcontainer .container .block a.theserviceblock:hover{ transform: scale(1.07); }

    .dienstenbgcontainer.detailpage .container .row:first-child{ text-align: left; }
    .dienstenbgcontainer.detailpage .container .row:nth-child(3){ text-align: left; }
    .dienstenbgcontainer.detailpage .container .row .leftcol img{ margin-bottom: 15px; }

    .nieuwsbgcontainerlist .container .row .col.thetitlebox{ text-align: center; }
    .nieuwsbgcontainerlist .container .row .block { margin-bottom:25px; }
    .nieuwsbgcontainerlist .container .row .block a{ background: #fff; border-radius: 8px; -webkit-box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); text-decoration: none; display: block; height: 100%; overflow: hidden; transition: all .2s ease-in-out; padding:15px; }
    .nieuwsbgcontainerlist .container .row .block a .imgbox{ margin-bottom: 20px; }
    .nieuwsbgcontainerlist .container .row .block a .txtbox{ text-align: left; }
    .nieuwsbgcontainerlist .container .row .block a .txtbox h2{ text-decoration: none; font-size: 1.4rem; color:#9abb12; margin:0; line-height: 1.4rem; }
    .nieuwsbgcontainerlist .container .row .block a .txtbox p{ margin:5px 0 0 0; line-height: 1.2rem; }
    .nieuwsbgcontainerlist .container .row .block a .ctabox { font-family: 'helveticabold'; }
    .nieuwsbgcontainerlist .container .row .block a:hover{ transform: scale(1.07); }

    .nieuwsbgcontainerdetail .container .row .leftcol{ padding-top:15px; }
    .nieuwsbgcontainerdetail .container .row .leftcol img{ margin-bottom:15px; }

    #pagewrapper.contact #thecontentbox .contactrow .container{ border-top:1px solid #d1d0e3; padding-top:40px; }
    #pagewrapper.contact #thecontentbox .contactrow .container .row .col:first-child h6{ margin-top:0; }
    #pagewrapper.contact #thecontentbox .contactrow .container .row .col:last-child { padding-top:15px; }

    .clientzonelogin .container{ border-top:1px solid #d1d0e3; padding-top:40px; }
    .clientzonehome .container{ border-top:1px solid #d1d0e3; padding-top:30px; }
    .clientzonehome .container .row .col:first-child .blockusername{ border-bottom:1px solid #d1d0e3; padding-bottom: 25px; margin-bottom: 15px; }
    .clientzonehome .container .row .col:first-child .blockorderform{  }
    .clientzonehome .container .row .col:first-child .blockorderform a{ text-decoration: none; padding: 12px 15px 7px; border-radius: 5px; display: block; background:#fff; position: relative; }
    .clientzonehome .container .row .col:first-child .blockorderform a:hover{ -webkit-box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); z-index: 99; }
    .clientzonehome .container .row .col:first-child .blockorderform a.active{ -webkit-box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); z-index: 99; }
    .clientzonehome .container .row .col:first-child .blockorderform a i{ margin-right:10px; }
    .clientzonehome .container .row .col:first-child .blockcategories{ border-bottom:1px solid #d1d0e3; padding-bottom: 20px; margin-bottom: 15px; }
    .clientzonehome .container .row .col:first-child .blockcategories a{ text-decoration: none; padding: 12px 15px 7px; border-radius: 5px; display: block; background:#fff; position: relative; }
    .clientzonehome .container .row .col:first-child .blockcategories a:hover{ -webkit-box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); z-index: 99; }
    .clientzonehome .container .row .col:first-child .blockcategories a.active{ -webkit-box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); z-index: 99; }
    .clientzonehome .container .row .col:first-child .blockcategories a i{ margin-right:10px; }
    .clientzonehome .container .row .col:nth-child(2){ border-left: 1px solid #d1d0e3; }

    .clientzonehome #filelist-datatable { border-bottom: 0; }
    .clientzonehome #filelist-datatable thead{ background:#f1f1f1; }
    .clientzonehome #filelist-datatable thead tr th{ font-size:0.9rem; padding-top:10px; padding-bottom:5px; border-bottom: 0; }
    .clientzonehome #filelist-datatable tbody tr:not(.child):hover{ background:#e2ecbc !important; cursor: pointer; }
    .clientzonehome #filelist-datatable tbody tr td{ border-bottom:1px solid #d1d0e3; padding-top:10px; padding-bottom: 5px; }
    .clientzonehome #filelist-datatable tbody tr td i{ margin-right: 15px; }
    .clientzonehome #filelist-datatable tbody tr td:first-child{ font-family: 'helveticabold'; }
    .clientzonehome #filelist-datatable tbody tr.dt-hasChild td{ border-bottom:0; padding-bottom: 0px; }
    .clientzonehome #filelist-datatable tbody tr.child td{ padding-top:0px; }
    .clientzonehome #filelist-datatable tbody tr.child td ul li { padding-bottom:0px; }
    .clientzonehome #filelist-datatable tbody tr.child td ul li span{ font-size:0.8rem; }
    .clientzonehome #filelist-datatable tbody tr.child td ul li span:first-child{ min-width: 0; }
    .clientzonehome #filelist-searchblock { margin-bottom:10px; }
    .clientzonehome #filelist-searchblock input{ color:#c2c2c2; background: #fff; border-radius: 0; border:1px solid #d1d0e3; font-family: 'helveticanormal'; padding-left:45px; }
    .clientzonehome #filelist-searchblock .holding::before{ content:"\f002"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color:#d3d0d0; position: absolute; top: 8px; left: 15px; }
    .clientzonehome #filelist-searchblock .holder { color:#c2c2c2; font-family: 'helveticanormal'; left:45px; top: 10px; }
    .clientzonehome #filelist-datatable_info{ font-size:0.9rem; text-align: left !important; }
    .clientzonehome #filelist-datatable .dataTables_empty{ text-align: left !important; }

    #clientzone-files-errormessage-no-access{ text-align: center; font-family: 'helveticabold'; padding-top:30px; padding-bottom: 30px; border-top:1px solid #d1d0e3; }

    .clientzoneforgotpassword .container .row{ padding-top:30px; border-top: 1px solid #d1d0e3; }
    .clientzoneforgotpassword .container .row .siteform input.textbox{ width:70%; }

    .clientzoneresetpassword .container .row{ padding-top:30px; border-top: 1px solid #d1d0e3; }

    .clientzonehome.placeorder form#frmorder{ box-shadow: 0px 5px 18px 2px rgba(0,0,0,0.10); padding: 30px; border-radius: 5px; }
    .clientzonehome.placeorder .productcontainerheader{ color:#767676; background:#f1f1f1; font-size:0.9rem; font-weight: bold; padding-top:8px; padding-bottom: 4px; }
    .clientzonehome.placeorder .productcontainerheader div{ color:inherit; font-size:inherit; font-weight: inherit; }
    .clientzonehome.placeorder .productcontainer{ border-bottom:1px dashed #d1d0e3; padding-top:5px; padding-bottom:4px; }
    .clientzonehome.placeorder .productcontainer.invalid{ background:#fbe1e1; }
    .clientzonehome.placeorder .productcontainer.valid{ background:#d3e2aa; }
    .clientzonehome.placeorder .productcontainer:nth-child(2){ border-top:none; }
    .clientzonehome.placeorder .productcontainer:hover{ border-bottom:1px solid #9abb12; }
    .clientzonehome.placeorder .productcontainer .productcontainercol:first-child{ font-family: 'helveticabold'; }
    .clientzonehome.placeorder .productcontainer .productcontainercol .lbl{ font-size:.9rem; }
    .clientzonehome.placeorder .productcontainer .productcontainercol:last-child input.textbox{ margin-bottom: 0px; height:30px; line-height: 33px; }
    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ background:#9abb12 !important; border:1px solid #9abb12 !important; color:#535203 !important; }
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{ border:#484491 !important; background:#484491 !important; color:#fff !important; }
    .clientzonehome.placeorder .siteform input.textbox{ border:1px solid #d1d0e3; border-radius: 0px; background:#fff; }
    .clientzonehome.placeorder .siteform textarea{ border:1px solid #d1d0e3; border-radius: 0px; background:#fff; height: 90px; }
    .clientzonehome.placeorder .siteform label{ margin-bottom:0px; }
    .clientzonehome.placeorder .siteform .productcontainerextrainfo.first{ margin-top:20px; }
    .clientzonehome.placeorder .siteform input.textbox.productquantity.invalid{ border:1px solid #d1d0e3 !important; background:#fff !important; color:#484491 !important; }
    .clientzonehome.placeorder .siteform select.productdiercat.invalid{ background:#fff !important; }

    .clientzonehome #myorders-datatable { border-bottom: 0; }
    .clientzonehome #myorders-datatable thead{ background:#f1f1f1; }
    .clientzonehome #myorders-datatable thead tr th{ font-size:0.9rem; padding-top:10px; padding-bottom:5px; border-bottom: 0; }
    .clientzonehome #myorders-datatable tbody tr:not(.child):hover{ background:#e2ecbc !important; cursor: pointer; }
    .clientzonehome #myorders-datatable tbody tr td{ border-bottom:1px solid #d1d0e3; padding-top:10px; padding-bottom: 5px; }
    .clientzonehome #myorders-datatable tbody tr td i{ margin-right: 15px; }
    .clientzonehome #myorders-datatable tbody tr td:first-child{ font-family: 'helveticabold'; }
    .clientzonehome #myorders-datatable tbody tr.dt-hasChild td{ border-bottom:0; padding-bottom: 0px; }
    .clientzonehome #myorders-datatable tbody tr.child td{ padding-top:0px; }
    .clientzonehome #myorders-datatable tbody tr.child td ul li { padding-bottom:0px; }
    .clientzonehome #myorders-datatable tbody tr.child td ul li span{ font-size:0.8rem; }
    .clientzonehome #myorders-datatable tbody tr.child td ul li span:first-child{ min-width: 0; }
    .clientzonehome #myorders-searchblock { margin-bottom:10px; }
    .clientzonehome #myorders-searchblock input{ color:#c2c2c2; background: #fff; border-radius: 0; border:1px solid #d1d0e3; font-family: 'helveticanormal'; padding-left:45px; }
    .clientzonehome #myorders-searchblock .holding::before{ content:"\f002"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color:#d3d0d0; position: absolute; top: 8px; left: 15px; }
    .clientzonehome #myorders-searchblock .holder { color:#c2c2c2; font-family: 'helveticanormal'; left:45px; top: 10px; }
    .clientzonehome #myorders-datatable_info{ font-size:0.9rem; text-align: left !important; }
    .clientzonehome #myorders-datatable .dataTables_empty{ text-align: left !important; }
    #myorders-orderdetail-productbox{ margin-top:10px; padding-top:10px; border-top:1px solid #ccc; }
    #myorders-orderdetail-commentbox{ margin-top:10px; padding-top:10px; border-top:1px solid #ccc; margin-bottom:30px; }

    .dataTables_wrapper .dataTables_paginate .paginate_button{ padding:0.2rem 0.5rem 0rem 0.5rem !important; font-size:.9rem; }
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover{ background:#484491 !important; border:1px solid #484491 !important; }
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{ background:none !important; }
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{ border:1px solid #fff !important; } 
    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{ color:#fff !important; background:none !important; cursor: default; border:1px solid rgba(0, 0, 0, 0.3) !important; }
    table.dataTable>tbody>tr.child ul.dtr-details>li{ padding:0px !important; }


    /* FOOTER ------------------------------------------------------------------------------------------------------------------------*/

    #prefooter{ background: url("../_images/footer-wave.png") center top no-repeat; background-size: 100%; margin-top:60px; }
    #prefooter img{ width: 300px; height: auto; position: relative; bottom: -34px; z-index: 90; }

    #footer{ padding-bottom: 10px; padding-top:80px; position: relative; background:#f3f3f3; }
    #footer .container:first-child h3{ font-size:1.8rem; }
    #footer .container:first-child h4{ color:#9abb12; font-size:1.4rem; }
    #footer .container:first-child a.active{ color:#9abb12; }
    #footer .container:first-child .col:first-child img{ width:80%; height:auto; }
    #footer .container:first-child .col:nth-child(3) p, #footer .col:nth-child(3) a{ font-size:.9rem; }
    #footer .container:first-child .col:last-child a{ text-decoration: none; font-size: .9rem; }

    .container.copyrights{ padding-top:20px; padding-bottom: 40px; }
    .container.copyrights *{ font-size: 0.7rem; color:#b9b9ba; }
    .container.copyrights a:hover{ color:#4A4A4A; }
    .container.copyrights .row{ border-top:1px solid #bab9b980; padding-top:25px; }