/* Generated by Glyphter (http://www.glyphter.com) on  Sat Nov 18 2017*/
@font-face {
    font-family: 'unicharm';
    src: url('../fonts/unicharm.eot');
    src: url('../fonts/unicharm.eot?#iefix') format('embedded-opentype'),
         url('../fonts/unicharm.woff') format('woff'),
         url('../fonts/unicharm.ttf') format('truetype'),
         url('../fonts/unicharm.svg#unicharm') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* === icon truck === */
@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/truck.eot?vzxkgs');
	src:  url('../fonts/truck.eot?vzxkgs#iefix') format('embedded-opentype'),
	      url('../fonts/truck.ttf?vzxkgs') format('truetype'),
	      url('../fonts/truck.woff?vzxkgs') format('woff'),
	      url('../fonts/truck.svg?vzxkgs#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class*='uch-']:before{
	display: inline-block;
   font-family: 'unicharm';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

[class^="truck"], [class*="truck-"]:before {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }


.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
    width: 100%;
}

.uch-2arrow-right:before{content:'\0041';}
.uch-2arrow-left:before{content:'\0042';}
.uch-info:before{content:'\0043';}
.uch-twitter:before{content:'\0044';}
.uch-instagram:before{content:'\0045';}
.uch-facebook:before{content:'\0046';}
.uch-website:before{content:'\0047';}
.uch-customer-message:before{content:'\0048';}
.uch-handbook:before{content:'\0049';}
.uch-pdf:before{content:'\004a';}
.uch-career-vision:before{content:'\004b';}
.uch-competency:before{content:'\004c';}
.uch-top-message:before{content:'\004d';}
.uch-arrow-right:before{content:'\004e';}
.uch-email:before{content:'\004f';}
.uch-bestemployee:before{content:'\0050';}
.uch-sla:before{content:'\0051';}
.uch-request-form:before{content:'\0052';}
.uch-spcost:before{content:'\0053';}
.uch-gss:before{content:'\0054';}
.uch-wrs:before{content:'\0055';}
.uch-dbso:before{content:'\0056';}
.uch-player:before{content:'\0057';}
.uch-promo:before{content:'\0058';}
.uch-policy:before{content:'\0059';}
.uch-calendar:before{content:'\005a';}
.uch-kanji:before{content:'\0061';}
.uch-download:before{content:'\0062';}
.uch-cloud:before{content:'\0063';}
.uch-booking:before{content:'\0064';}
.uch-elearning:before{content:'\0065';}
.uch-absent:before{content:'\0066';}

.truck-tms:before { content: "\e900"; }

.btn-primary{ background-color: #3f569f; }

/* pink
.modal-content {
	background-color: #ffddff !important;
}*/
body {
	  font-family :'Roboto','Roboto Slab';
	  padding-top: 60px;
	  /*pink*/
	  /*background-color:#f4ddec;*/
	  background-color:#f2f1f1;
	}
    /* Set black background color, white text and some padding */
footer {
	/*pink*/
      /*background-color: #eb45a8;*/
      background-color: #3f569f;
      color: white;
      padding: 10px 5px;
	  margin-top:20px;
}
/* additional whistle blower */
.navwhistle {
	background-color: white !important;
}

img.navbar-whistle { height: 60px; margin-top: 15px; }

.spacious {
	padding: 5px;
	margin-left: 30px;
	max-width: 90%;
}
/* end whistleblower */


.navbar{background-color:#3f569f; min-height: 50px; margin-bottom: 6px !important;}
/* pink */
/*.navbar{background-color:#eb46a8; min-height: 50px; margin-bottom: 6px !important;}*/

.navbar-header {padding:20px;}
.navbar-brand {margin:0;padding:0;}
.navbar-brand img{margin-top:-15px;height:50px;}
.tagline {position:fixed;top:5px;margin:0 auto;color:#fff;width:100%;text-align:center;font-family:'Roboto Slab';font-weight:700; font-style:normal;}
.unicontent { width: 100%}
marquee {margin:0;padding:0;}
.runtext {background-color:#e0e9f8;font-family:'Roboto';font-weight:400;font-style:italic;color:#3f569f;padding-top:10px;padding-bottom:4px;}

marquee p{ margin: 0; }

.unipanel {margin-bottom:-10px!important;}

.boxBlue{z-index:9;height:4px;background-color:#3f569f;}
.boxYellow{z-index:9;height:4px;background-color:#fbaf34;}

.well,.panel,.thumbnail {position: relative; background-color:#fff;border-color:#eaeaea;padding:2px;}

.well .label-msg{ position: relative; white-space: normal; display: block; margin: 15px 20px; background-color: #fbaf34; color: #231f20; padding: 6px 12px; font-size: 1em; font-family: 'Roboto Slab'; font-weight: 600; }

.no-gutter > [class*='col-'],
.no-gutter {
    padding-right:5px !important;
    padding-left:5px !important;
}

.well-set {margin-bottom:10px;}

/*.break-word {
  word-wrap: break-word;
}
*/
.break-word {
  width: 80%;
  overflow-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.modal-title {color:#3f569f;}


.modalEmployee {line-height:1em;}
.modalEmployee .imgEmployee {overflow:hidden;text-align:center;}
.lSAction > a {display:none;}
.lSSlideOuter .lSPager.lSGallery {margin-top:10px!important;max-height:36px;overflow:hidden;}

.download {background-color:#bd1e2d;color:#fff;padding:0 25px;padding-top:20px;line-height:1.2em;font-family:'Roboto';font-weight:300;border-radius:10px;}
.download .btn{margin-right:-25px;margin-top:20px;}
.download i{font-size:3em;color:#fff;clear:both;}
.download .ico-black {color:#414042;}
.download1 h5{font-family:'Roboto';font-weight:400;color:#fff;line-height:1.3em;margin-bottom:20px;}
.download2 h5{font-family:'Roboto';font-weight:500;color:#414042;line-height:1.3em;margin-bottom:20px;}
.download1{background-color:#414042;}
.download2{background-color:#fbaf34;}

.well-cart {color:#fff;margin-bottom: 0 !important;}
.well-cart .panel {color:#000;min-height:300px; margin-bottom: 0!important;}
.well-cart .cart1{border-color:#fbaf34;}
.well-cart .cart2{border-color:#3f569f;}

.unilink {background-color:#58595b;}
.unilink ul{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flex; display: flex; list-style:none;margin:0;padding:10px;}
.unilink li {float:left;padding:10px;color:#fff;-webkit-flex: 1; flex: 1;line-height:1em;}
.unilink .btn {line-height: 0; padding: 10px; border-radius: 50%; background-color:#fff;margin-bottom:5px;}
.unilink span {color:#58595b; font-size: 2.5em;}

.linkweb ul.list-btn{list-style:none;margin:0;padding:0px;}
.linkweb .list-btn li {float:left;padding:20px 15px;color:#fff;width:18%;min-height:60px;}
.linkweb .btn {background-color:#fff;margin-bottom:5px;}
.linkweb span {color:#3f569f;font-size:3em;}

.listhandbook ul{list-style:none;margin:0;padding:0;}
.listhandbook li {padding:12px;border-bottom:1px solid #f2f2f2;}
.listhandbook i{font-size:1.2em;color:#58595b;}
.listhandbook a{font-size:1em;font-family:'Roboto';font-weight:400;color:#58595b;}

.email {border:2px solid #fff;border-radius:10px;background:none;position:absolute;right:15px;top:15px;cursor:pointer;z-index:20;}
.email span {color:#fff;font-size:1.8em;margin:0;padding:0;margin-right:5px;margin-top:5px;}
.email .uch-arrow-right {font-size:1.4em;margin-top:8px;}

.calendarpromo .calendarheadbar{padding:10px 20px;}
#calendarpromo {
	max-width: 900px;
	margin: 20px auto;
	padding: 0 20px;
	margin-bottom:20px;
}
#calendarpromo .fc-toolbar {display:none;}
#calendarpromo .fc-head-container,.fc-widget-header,.fc-day-header,.fc th,.fc-head {border:none;}



.well-cart .panel-body .label-msg1 {position:absolute;left:0;margin:5px 30px;background-color:#3f569f;
color:#fff;padding:6px 12px;font-size:1em;font-family:'Roboto Slab';font-weight:600;}
.well-cart .panel-body .label-msg2 {position:absolute;left:0;margin:5px 30px;background-color:#fbaf34;
color:#231f20;padding:6px 12px;font-size:1em;font-family:'Roboto Slab';font-weight:600;}

.whistleblower {font-family:'Roboto';font-weight:300;}
.whistleblower span {margin-left: 8px;font-size: 10px;}
.whistleblower h4{font-family:'Roboto Slab';font-weight:600;}

.uch-button p{margin:0;padding:0;line-height:1em;white-space: normal;}
.uch-button .btn {border:1px solid #fff;background-color:#58595b;color:#fff;min-height:110px;}
.uch-button .uch-icon-center {color:#fff;}

.uch-icon {font-size:2.4em;float:left;margin-right:10px;color:#3f569f;}
.uch-icon-center {font-size:2em;color:#3f569f;}
.uch-title{float:left;margin:0;padding:0;margin-top:-15px;font-size:1.2em;font-family:'Roboto Slab';font-weight:700;color:#3f569f;}
.box-title{padding:10px;}

.video-thumbnail {display: table-cell;text-align: center;vertical-align: middle;}
/*.video-thumbnail .player {position:absolute;display:inline-block;margin-left:-30px;margin-top:35%;}*/
/*.video-thumbnail .player span {font-size:2em;color:#fff;border:2px solid #fff;cursor:pointer; border-radius: 30px;padding:12px 15px;}*/
.video-thumbnail .desc {margin:0;padding:0;text-align:left;}
.video-thumbnail .desc a{color:#fff;}
.video-thumbnail .label-msg {position:absolute;left:0;margin:15px 20px;background-color:#fbaf34;
color:#231f20;padding:6px 12px;font-size:1em;font-family:'Roboto Slab';font-weight:600;}

.artikel {width:300px;min-height:200px;float:left;margin-right:15px;}
.artikel .label-msg {position:absolute;left:0;margin:15px 20px;background-color:#fbaf34;
color:#231f20;padding:6px 12px;font-size:1em;font-family:'Roboto Slab';font-weight:600;}
.desc-artikel  {margin-top:25px;text-align:left;width:250px;float:left;}
.desc-artikel a{font-size:1em;font-family:'Roboto';font-weight:500;}
.desc-artikel .btn-group-unc{position: absolute; bottom: 20px; right: 20px; }

.slider-inside{
  display: block;
  width: 100%;
}

.slider-thumbnail {display: table-cell;text-align: center;vertical-align: middle;}
.slider-inside .label-msg, .slider-thumbnail .label-msg {position:absolute;left:0;margin:15px 20px;background-color:#fbaf34;
color:#231f20;padding:8px 12px;font-size:1.2em;font-family:'Roboto Slab';font-weight:600;}
.slider-inside .label-transparent, .slider-thumbnail .label-transparent {
	position:absolute;
	margin-top: -36px;
	left:0;
	background-color:rgb(251,175,52, 0.6);
	color:#231f20;
	padding:8px 12px;
	font-size:1.1em;
	font-family:'Roboto Slab';
	font-weight:600;
	width: 100%;
	text-align: left;
}
.slider-inside p, .slider-thumbnail  p{font-family:'Roboto';font-weight:200;margin:0;padding:0;font-size:0.9em;color:#3f569f;}
.slider-inside a, .slider-thumbnail a{color:#3f569f;font-family:'Roboto';font-weight:400;}
.slider-inside .lSAction a {
	top: 100px !important;
}
.opacity-fill{
	background-color: #000000;
	/* Fallback for web browsers that don't support RGBa */
	background-color: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background-color: rgba(0, 0, 0, 0.8);
	margin:0;padding:10px 15px;
}

hr {margin:0;padding:2px 0;}

.customermessage .slider-thumbnail {display:block;}

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

    .unilink ul{
        flex-wrap: wrap;
    }

    .uch-button .btn{
        width: 100px;
    }

    .artikel, .desc-artikel{
        width: 100%;
        margin: 0;
    }

    .desc-artikel{
        padding: 0 10px;
    }

    .desc-artikel .btn-group-unc{ position: relative; margin-top: 10px; }
}

/** ----------- INFORMATION */
	.event-list {
		list-style: none;
		font-family: 'Roboto Slab', sans-serif;
		margin: 10px;
		padding: 0px;
	}
	.event-list a{color:#58595b;}

	.event-list > li {
		padding: 10px;
		margin: 24px 0;
	}
	.event-list > li > time {
		display: inline-block;
		width: 100%;
		color: rgb(255, 255, 255);
		background-color: #58595b!important;
		padding: 5px;
		text-align: center;
		text-transform: uppercase;
	}
	.event-list > li:nth-child(even) > time {
		background-color: rgb(165, 82, 167);
	}

	.event-list > li > time > .day {
		margin-top:5px;
		display: block;
		font-size: 1.4em;
		font-weight: 400;
		line-height: 1.2;
	}
	.event-list > li time > .month {
		display: block;
		font-size: 1.2em;
		font-weight: 400;
		line-height: 1;
	}
	.event-list > li time > .time {
		display: block;
		font-size: 0.8em;
		font-weight: 400;
		line-height: 1;
	}
	.event-list > li > img {
		width: 100%;
	}
	.event-list > li > .info {
		padding-top: 8px;
		text-align: center;
	}
	.event-list > li > .info > .title {
		font-family: 'Roboto';
		font-size: 1.1em;
		font-weight: 400;
		margin: 0px;
		line-height:20px;
	}
	.event-list > li > .infopromo {
		text-align: left;
	}
	.event-list > li > .infopromo > .title {
		font-family: 'Roboto';
		font-size: 1.2em;
		font-weight: 700;
		color:#3f569f;
		margin: 0px;
		line-height:25px;
	}
	.event-list > li > .infopromo > .desc {
		font-family: 'Roboto';
		font-size: 1em;
		line-height:1.2em;
		font-weight: 400;
		margin: 0px;
	}
	.event-list > li > .social > .desc {
		font-size: 0.6em;
		font-weight: 300;
		margin: 0px;
		text-align:center;
	}
	.event-list > li > .info > ul {
		display: table;
		list-style: none;
		margin: 10px 0px 0px;
		padding: 0px;
		width: 100%;
		text-align: center;
	}

	.event-list > li > .info > ul > li {
		display: table-cell;
		cursor: pointer;
		color: rgb(30, 30, 30);
		font-size: 11pt;
		font-weight: 300;
        padding: 3px 0px;
	}
    .event-list > li > .info > ul > li > a {
		display: block;
		width: 100%;
		color: rgb(30, 30, 30);
		text-decoration: none;
	}

	.event-list > li > .info > ul > li:hover,
	.event-list > li > .social > ul > li:hover {
		color: rgb(30, 30, 30);
		background-color: rgb(200, 200, 200);
	}


	@media (min-width: 768px) {
		.event-list > li {
			position: relative;
			display: block;
			width: 100%;
			/*height: 80px;*/
			padding: 0px;
			border-bottom:1px solid #f2f2f2;
		}
		.event-list > li > time,
		.event-list > li > img  {
			display: inline-block;
            vertical-align: middle;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 60px;
			/*float: left;*/
		}
		.event-list > li > .info {
			overflow: hidden;
		}
		.event-list > li > time,
		.event-list > li > img {
			/*width: 60px;
			height: 60px;*/
			padding: 0px 0px 10px;
			margin: 0px;
		}
		.event-list > li > .info {
			position: relative;
			/*height: 60px;*/
            width: 80%;
            display: inline-block;
			text-align: left;
            vertical-align: middle;
			padding: 0px;
		}
		.event-list > li > .info > .title,
		.event-list > li > .info > .desc {
			padding: 0px 10px;
		}
		.event-list > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}

	}
/** ----------- END INFORMATION */

/** ------------ TABS --*/

.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
	padding:10px 5px 0px;
    display: -webkit-box;
        display: -webkit-flex;
            display: -moz-box;
                display: -moz-flex;
                    display: -ms-flex;
                        display: flex;
                              -webkit-box-align: flex-end;
                                    -ms-flex-align: flex-end;
                                          -webkit-align-items: flex-end;
                                                -moz-align-items: flex-end;
                                                      align-items: flex-end;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

.tabEmployee.panel {margin-bottom:0;padding-bottom:0;}
.tabEmployee.tab-content {margin-bottom:0;padding-bottom:0;}
.tabEmployee .panel-heading {padding:0;font-family: 'Roboto Slab';}
.tabEmployee .panel-heading .nav li a{background-color:#949494;color:#fff;}
.tabEmployee .panel-heading .nav li{ width: 50%; text-align: center; }
.tabEmployee .panel-body {padding:0;padding-top:40px;}
.tabEmployee img{border-radius:10px;border:1px solid #f2f2f2;margin:0 auto;width:150px;}
.tabEmployee .tab-pane {padding-top:10px;}
.tabEmployee .tab-pane a{font-family: 'Roboto';color:#58595b;font-weight:500;font-size:1.2em;}
.tabEmployee .tab-pane .btn {border-radius:0px;}
.tabEmployee.btn-group-justified {margin:0;padding:0;margin-top:0;}

.tabLinkWeb.panel {margin-bottom:0;padding-bottom:0;}
.tabLinkWeb.tab-content {margin-bottom:0;padding-bottom:0;}
.tabLinkWeb .panel-heading {padding:0;font-family: 'Roboto Slab';}
.tabLinkWeb .panel-heading li{ width: 20%; }
.tabLinkWeb .panel-heading .nav li a{background-color:#949494;color:#fff;font-size:0.8em;}
.tabLinkWeb .panel-body {padding:0;padding-top:20px;}
.tabLinkWeb img{border-radius:10px;border:1px solid #f2f2f2;margin:0 auto;width:150px;}
.tabLinkWeb .tab-pane {padding-top:10px;}
.tabLinkWeb .tab-pane a{font-family: 'Roboto';color:#58595b;font-weight:500;font-size:0.6em;}
.tabLinkWeb .tab-pane .btn {border-radius:0px;}
.tabLinkWeb.btn-group-justified {margin:0;padding:0;margin-top:20px;}

/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/*-------------- END TABS ---*/




/** ------------ SLIDER ---*/
.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel,
#flash-quote-carousel.carousel {
  padding:0px;
  padding-bottom:20px;
}
#fade-quote-carousel.carousel .carousel-inner .item,
#flash-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active,
#flash-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators,
#flash-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li,
#flash-quote-carousel.carousel .carousel-indicators > li {
  background-color: #f2f2f2;
  border: none;
}
#fade-quote-carousel.carousel .carousel-indicators > li.active,
#flash-quote-carousel.carousel .carousel-indicators > li.active{
  background-color: #fbaf34;
  border: none;
}
#fade-quote-carousel blockquote,
#flash-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle,
#flash-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}
/**------------ END SLIDER  ----*/

/*-------------------------------*/
/*    Carousel Fade Transition CUSTOMER   */
/*-------------------------------*/

#fade-quote-carousel-customer.carousel {
	padding:0px;
	padding-bottom:20px;
  }
  #fade-quote-carousel-customer.carousel .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
		-ms-transition-property: opacity;
			transition-property: opacity;
  }
  #fade-quote-carousel-customer.carousel .carousel-inner .active {
	opacity: 1;
	-webkit-transition-property: opacity;
		-ms-transition-property: opacity;
			transition-property: opacity;
  }
  #fade-quote-carousel-customer.carousel .carousel-indicators {
	bottom: 10px;
  }
  #fade-quote-carousel-customer.carousel .carousel-indicators > li {
	background-color: #f2f2f2;
	border: none;
  }
  #fade-quote-carousel-customer.carousel .carousel-indicators > li.active{
	background-color: #fbaf34;
	border: none;
  }
  #fade-quote-carousel-customer blockquote {
	  text-align: center;
	  border: none;
	  min-height:200px;
  }
  #fade-quote-carousel-customer .profile-circle {
	  width: 100px;
	  height: 100px;
	  margin: 0 auto;
	  border-radius: 100px;
  }
  /**------------ END SLIDER ----*/



/*-------------------------------*/
/*    Carousel Fade Company News   */
/*-------------------------------*/

.carousel-company-news.carousel {
  padding:0px;
  padding-bottom:20px;
}
.carousel-company-news.carousel .carousel-inner .carousel-item {
  opacity: 0;
  -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
      transition-property: opacity;
  -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
      transition: transform .6s ease-in-out;
  -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
      perspective: 1000;
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
      transition: .6s ease-in-out left;

}
.carousel-company-news.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
  display: block;
  left: 0;
  -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.carousel-company-news.carousel .carousel-indicators {
  bottom: 10px;
}
.carousel-company-news.carousel .carousel-indicators > li {
  background-color: #f2f2f2;
  border: none;
}
.carousel-company-news.carousel .carousel-indicators > li.active{
  background-color: #fbaf34;
  border: none;
}
.carousel-company-news blockquote {
    text-align: center;
    border: none;
	min-height:200px;
}
.carousel-company-news .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}
/**------------ END SLIDER ----*/


.modal-header {
	padding-bottom: 5px;
}

.modal-footer {
    	padding: 0;
	}

.modal-footer .btn-group button {
	height:40px;
	border-top-left-radius : 0;
	border-top-right-radius : 0;
	border: none;
	border-right: 1px solid #ddd;
}
.modal-title{font-family: 'Roboto Slab';font-weight:700;font-size:1.4em;}
.modal-body {line-height:1.6em;}
.modal-body h3{font-family: 'Roboto Slab';font-weight:700;margin-bottom:20px;margin-top:10px;}
.modal-body img{margin-bottom:20px;}


.modal-footer .btn-group:last-child > button {
	border-right: 0;
}

#lightimg{ padding: 0; }

#slide-img .carousel-control.right,
#slide-img .carousel-control.left,
#slide-flash .carousel-control.right,
#slide-flash .carousel-control.left{
  background-image: none !important;
}

#slide-flash .title {
	font-size: 20px;
}

.add_files_button{
  background: #337ab7;
  padding: 5px 10px;
  display: inline-block;
  margin-top: 10px;
  color: #ffffff;
}

.add_files_button:hover,
.remove-files:hover{
  color:#fff;
  font-weight: bold;
  text-decoration: none;
}

.label-img-article{
	display: block;
}

.picture-article-inline[type="file"]{
	display: inline-block;
}

.remove-files{
	background: #c35b59;
  padding: 5px 10px;
  display: inline-block;
  color: #ffffff;
  margin-top: 10px;
}

.elearning-download-btn{
  background: none;
  border: none;
  width: 100%;
  text-align: left;
}

.elearning-download-btn span{
  float: right;
  font-size: 12px;
  word-spacing: 5px;
}

.product-cat{
	margin: 0px;
	padding: 18px 10px;
	border-bottom: 1px solid #ddd;
}

.product-cat a{ color: #000000; }

.back-category{
  float: left;
  background: none;
  border: none;
  margin-top: 4px;
  padding: 0 20px;
  color: #fbaf34;
  display: none;
}

.back-category:hover{
  color: #3f569f;
}

.detail-product img{
	/* width: 100%; */
	width: 150px;
	height: 150px;
}

.menu-shortcut{
  padding: 0 40px;
  margin-top: 80px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.menu-shortcut .item{
  background: #3f569f;
  padding: 5px;
  text-align: center;
  margin: 5px;
  flex: 1 0 22%;
}

.menu-shortcut .item a{
  text-decoration: none;
  color: #fff;
  font-size: 20px;
}

.menu-shortcut .owl-theme .owl-controls .owl-buttons div {
	background: transparent;
	color: #3f569f;
	font-size: 30px;
	margin: 0;
	position: absolute;
	top: -10px;
}
.menu-shortcut .owl-theme .owl-controls .owl-buttons .owl-prev {
	left: -45px;
}
.menu-shortcut .owl-theme .owl-controls .owl-buttons .owl-next {
	right: -45px;
}

.back-to-top {
  position: fixed;
  right: 5px;
  bottom: 50px;
  z-index: 999;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  opacity: 0;
  cursor: pointer;
}

.back-to-top i {
  font-size: 41px;
  color: #fbaf34;
}

.back-to-top i:hover{
  color: #162965;
}

.back-to-top-visible {
  opacity: 1;
  visibility: visible;
  transform: rotate(90deg);
}

.box-title-new {
  display: flex;
  align-items: center;
  padding: 10px;
  position: relative;
}

.box-title-new .title {
  margin: -5px 0 0 0;
  padding: 0;
  font-size: 1.2em;
  font-family: 'Roboto Slab';
  font-weight: 700;
  color: #3f569f;
}

.box-title-new span {
  display: flex;
  font-size: 2.4em;
  margin-right: 10px;
  color: #3f569f;;
}

.box-title-new input {
  width: 40%;
  position: absolute;
  right: 10px
}

.modal-search button{
  position: absolute;
  right: 0;
}

.modal-search input {
  right: 20px;
}

.count_viewers {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	background: rgba(51, 122, 183, 0.68);
}

.count_viewers div {
	text-align: center;
	font-size: 12px;
	/* border-right: 1px solid #444; */
    padding: 1px;
}

.count_viewers div:nth-of-type(3) {
	border: none;
}

.count_viewers span {
	display: block;
	font-size: 24px;
}

.expand-panel-chart {
	position: fixed;
    z-index: 9999;
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: scroll;
}

.expand-chart {
	position: absolute;
    right: 25px;
    top: 25px;
}

.expand-chart:hover {
	cursor: pointer;
}

.button-like {
	margin-left: 5px;
	background-color: transparent;
	padding: 5px 7px;
	font-size: 12px;
	border-radius: 5px;
	border: none;
	color: #ffffff;
	font-weight: bold;
	display: flex;
	align-items: center;
}

.button-like img {
	margin-right: 2px;
}

.button-like-popup {
	position: relative;
	bottom: 0;
	float: right;
	margin-left: 5px;
	background-color: #ee4864;
	padding: 5px 7px;
	font-size: 12px;
	border-radius: 5px;
	border: none;
	color: #ffffff;
	font-weight: bold;
}


.wrap-loader {
	width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(242 241 241 / 39%);
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-achievement thead{
	color: #ffffff;
	background: #3f569f;
	font-size: 11px;
}

.table-achievement tbody tr td:not(:nth-of-type(1)) {
	text-align: right;
}

.table-achievement tbody tr td {
	font-size: 10px;
}

.pagination-achievement {
	display: inline-block;
	margin: 20px 0 20px 10px;
	border-radius: 4px;
}

.pagination-achievement>li {
	display: inline;
}

.pagination-achievement>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	cursor: pointer;
}

.pagination-achievement>li>span:hover {
	background: #337ab7;
	color: #ffffff;
}

#mainpicture-carousel .lSSlideOuter {
	max-height: 550px !important;
}

#mainpicture-carousel .lSSlideOuter .lSSlideWrapper,
#mainpicture-carousel .lSSlideOuter .lSSlideWrapper .lightSlider,
#mainpicture-carousel .lSSlideOuter .lSSlideWrapper .lightSlider a,
#mainpicture-carousel .lSSlideOuter .lSSlideWrapper .lightSlider a li {
	height: 100% !important;
}

/* #mainpicture-carousel .lSSlideOuter .lSSlideWrapper .lightSlider a li div img{
	max-height: 550px !important;
} */

.MuiCircularProgress-root{display:inline-block}
.MuiCircularProgress-static{transition:transform .3s cubic-bezier(.4,0,.2,1) 0s}
.MuiCircularProgress-indeterminate{animation:MuiCircularProgress-keyframes-circular-rotate 1.4s linear infinite}
.MuiCircularProgress-determinate{transition:transform .3s cubic-bezier(.4,0,.2,1) 0s}
.MuiCircularProgress-colorPrimary{color:#3f51b5}
.MuiCircularProgress-colorSecondary{color:#f50057}
.MuiCircularProgress-svg{display:block;animation:loading_animation 1.4s infinite}
.MuiCircularProgress-circle{stroke:currentColor}
.MuiCircularProgress-circleStatic{transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1) 0s}
.MuiCircularProgress-circleIndeterminate{animation:MuiCircularProgress-keyframes-circular-dash 1.4s ease-in-out infinite;stroke-dasharray:80px,200px;stroke-dashoffset:0}
.MuiCircularProgress-circleDeterminate{transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1) 0s}@keyframes MuiCircularProgress-keyframes-circular-rotate{0%{transform-origin:50% 50%}100%{transform:rotate(360deg)}}@keyframes MuiCircularProgress-keyframes-circular-dash{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}
.MuiCircularProgress-circleDisableShrink{animation:none}@keyframes loading_animation{0%{color:#4285f4}25%{color:#ea4335}50%{color:#f9bb2d}75%{color:#34a853}}