/* Fonts */
@import url("https://fonts.googleapis.com/css?family=Hind:400,500,600,700|Poppins:400,500,600,700");
@font-face { font-family: 'uncode-icons'; src: url("font/uncode-icons.woff2") format("woff2"), url("font/uncode-icons.woff") format("woff"), url("font/uncode-icons.ttf") format("truetype"); font-weight: normal; font-style: normal; }

body { font-family: 'Hind', sans-serif; }


.fa { font-family: uncode-icons !important; }


/* change icon 20-06-18 */

	/* Component Tracker 20-06-18 */

		/* list */
		.fas.fa-microchip.fa-2x.fa-fw.text-accent-color { 
			font-size: 0px;
			background: url('images/Component_big.png') no-repeat 0 0;
			background-size: 35px;
			width: 35px;
			height: 35px;
		}

		/* view */
		.reportView .fas.fa-microchip.fa-fw { 
			position: relative;
			font-size: 0px;
			background: url('images/Component_s.png') no-repeat 0 0px;
			background-size: 20px;
			width: 20px;
			height: 20px;
			top: -17px;
		}

		/* left category */	
		.Nav.all_category .fas.fa-microchip.fa-fw { 
			position: relative;
			font-size: 0px;
			background: url('images/Component_s.png') no-repeat 0 0px;
			background-size: 17px;
			width: 17px;
			height: 17px;
			top: -2px;
		}

		/* left category on hover */	
		.Nav.all_category li:hover .fas.fa-microchip.fa-fw{ 
			position: relative;
			font-size: 0px;
			background: url('images/Component_s_hover.png') no-repeat 0 0px;
			background-size: 17px;
			width: 17px;
			height: 17px;
			top: -2px;
		}


	/* Emerging Tech 20-06-18 */

		/* list */
		.fas.fa-robot.fa-2x.fa-fw.text-accent-color { 
			font-size: 0px;
			background: url('images/Emerging_big.png') no-repeat 0 0;
			background-size: 35px;
			width: 35px;
			height: 35px;
		}

		/* view */
		.reportView .fas.fa-robot.fa-fw { 
			position: relative;
			font-size: 0px;
			background: url('images/Emerging_s.png') no-repeat 0 0px;
			background-size: 20px;
			width: 20px;
			height: 20px;
			top: -17px;
		}

		/* left category */	
		.Nav.all_category .fas.fa-robot.fa-fw { 
			position: relative;
			font-size: 0px;
			background: url('images/Emerging_s.png') no-repeat 0 0px;
			background-size: 17px;
			width: 17px;
			height: 17px;
			top: -2px;
		}

		/* left category on hover */	
		.Nav.all_category li:hover .fas.fa-robot.fa-fw{ 
			position: relative;
			font-size: 0px;
			background: url('images/Emerging_big.png') no-repeat -3px 0px;
			background-size: 22px;
			width: 17px;
			height: 22px;
			top: -2px;
		}



.overlay.overlay-sequential .menu-sidebar-inner .menu-smart>li, .overlay.overlay-sequential .search-container form {
opacity: 1; }

.pagination { font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 600; text-align:center; padding-top:20px; padding-bottom:20px;}
.pagination a { background: none; color: #666; display:inline-block; width: 30px; line-height: 30px;}
.pagination a:hover { background: none !important;  color: #000 !important; }
.pagination b { background: #ebebeb; color: #000; border-radius: 50%; width: 30px; line-height: 30px; padding: 0; text-align: center; display:inline-block;}

/* override */
.listSearch input[type="text"] { display: inline-block; }

.listSearch input[type="submit"] { padding: 0; }

div.widget.sideNav .Nav > li .btn { border: 0; border-radius: 0; padding: 0 !important; }

.insight { /* override - header */ /* override - site main */ /* override - sidebar */ /* override - view */ /* Define Module - main */ /* Define Module - sidebar */ /* Define Components */ /* site footer */ /* LOGIN */ /* REGISTER */ /* Footer */ }

.insight .main-menu-container { max-height: 0; -webkit-transition: max-height 0.8s; -moz-transition: max-height 0.8s; transition: max-height 0.8s; }

.insight .main-menu-container.is-open { height: auto; max-height: 500px; }

.insight .header-bg { background: url("images/insights-bg.jpg") no-repeat; background-position: center top; background-size: cover; }

.insight .page ul.list li { background: none; }

.insight .page ul.list { margin: 0; }

.insight .post-content ul { padding: 0; }

.insight h1.title { border-bottom: 1px solid #d5d5d5; }

.insight .searchBox { top: 12px; }

.insight .listSearch input[type="text"] { padding: 1.7px; float: left; width: 80%; }

.insight .listSearch input[type="submit"] { width: 20%; float: right; padding: 0; }

.insight .reportList .list { border-bottom: 1px solid #d5d5d5; }

.insight .reportList .list .listItem { border: none; padding-right: 10px; min-height: 100px; }

.insight .reportList .list .listItem li.file.xlsx  > .btn { background: #fff; }
.insight .reportList .list .listItem li.file.xlsx > .btn { background: #fff; }


/*
.insight .reportList .list li li.file.xlsx { 
	height: 38px;
	top: 30px;
	background: url(/images/icons/excel_down.png) no-repeat center center;
    text-shadow: 0 0 black;
}*/

.insight .reportList .list li li.file.trial_readable.logon { 
	height: 38px;
	background: url(/images/icons/sample_button_logon.png) no-repeat center center;
}
.insight .reportList .list li li.file.trial_readable.logoff { 
	top: 48px !important;
	background: url(/images/icons/sample_button_logout.png) no-repeat center center;
}
.insight .reportList .list .listItem li.file.trial_readable.logoff > .btn { 
	display: none; 
}


.reportView .view li.file.trial_readable {
    background:url(/images/icons/excel_down.png) no-repeat center 4px;
}
.reportView .view li.file.pdf.trial_readable {
    background:url(/images/icons/pdf_down.png) no-repeat center 4px;
}
.reportView .view li.file.xlsx img { display: none; }
.reportView .view li.file.pdf img { display: none; }


@media only screen and (max-width: 959px) { .insight .reportList .list .listItem li.title, .insight .reportList .list .listItem p.summary { padding-left: 0; } }

.insight .reportList .list .listItem li.date { width: 135px; margin-right: 10px; padding: 0; text-align: center; float: right; }

.insight .reportList .list .listItem li.file { margin: 0; padding-left: 0; top: 48px; right: 20px; }

.insight .reportList .list .listItem li.file > .btn { width: 100px; font-size: 12px;
						padding: 3px !important; background: #fff !important;
						letter-spacing: -1px; }

.insight .reportList .list .listItem li.file > .btn:hover { background-color: #ed1c24!important; }

.insight .reportList .list .listItem .listItem_img { width: auto; height: auto; top: 25px; line-height: 1.2em; background-color: transparent !important; }
.insight .reportList .list .listItem .listItem_img i { padding-left: 10px; padding-top: 5px; }

.insight .reportList .list .listItem ul { margin-left: 65px; width: auto; }

.insight .sidebar > .widget .btn { width: 100%; }

.insight .sidebar > .widget .input { background-color: #F4F5F6; }

.insight .sidebar > .widget .input.input-block { width: 100%; }

.insight .sidebar > .sideNav > .Nav { font-size: 15px; color: rgb(102, 102, 102); }

.insight .sidebar > .sideNav > .Nav > li { display: block; line-height:20px; }

.insight .sidebar > .sideNav > .Nav > li.is-activated { color: #e00b14; }

.insight .sidebar > .sideNav > .Nav > li.is-activated > *:not(.dropdown_container) { color: #e00b14; }

.insight .sidebar > .sideNav > .Nav > li > *:not(.dropdown_container) { display: inline-block; vertical-align: middle; }

.insight .sidebar > .sideNav > .Nav > li > .fa, .insight .sidebar > .sideNav > .Nav > li .far, .insight .sidebar > .sideNav > .Nav > li .fas { margin-right: 8px; }

.insight .sidebar > .sideNav > .Nav > li > a { padding: 8px 0; color: #666; /* temp */ background: none; }

.insight .sidebar > .sideNav > .Nav > li > a.btn { position: relative; height: 25px; float: right; top: 0; right: -10px; }

.insight .sidebar > .sideNav > .Nav > li > a.btn > .fa { display: inline-block; position: absolute; left: 0px; top: 0px; margin-right: 0; padding: 5px; }

.insight .sidebar > .sideNav .dropdown_container { display: none; }

.insight .sidebar > .sideNav .dropdown_container.is-clicked { display: block; }

.insight .sidebar > .sideNav .dropdown_container > li > i { display: none; }

.insight .sidebar > .sideNav .dropdown_container > li > a { font-size: 15px; }

.insight .widget.sideNav h3 a { color: #333; border-bottom: none; font-weight: bold; }

.insight .sideNav .Nav li a { padding: 2px 0 8px 19px; }

.insight .view p { font-family: 'Hind', sans-serif; }

.insight .widget.latest { margin-bottom: 40px; }
.insight .widget.latest ul  {  padding-left: 20px; line-height: 22px; }
.insight .widget.latest ul li { list-style: disc; margin-bottom: 5px; }
.insight .widget.newsletter3 h3 { border-bottom: none; margin-bottom: 0px; padding-bottom: 0; }



@media screen and (max-width: 767px) { .insight .view .view_info { padding-bottom: 15px; } }

.insight .view .view_info .title { font-family: 'Hind', sans-serif; width: 100%; display: block; margin-top: 8px; }

@media screen and (min-width: 960px) { .insight .view .view_info .title { width: 70%; display: inline-block; } }

.insight .view .view_info .file { width: auto; }

.insight .view .view_info .file > .btn { padding: 4px 10px !important; }

@media screen and (max-width: 767px) { .insight .view .view_info .file { bottom: 10px; } }

@media screen and (min-width: 960px) { .insight .view .view_info .file { width: 16%; display: inline-block; } }

.insight .view .view_info .date { font-family: 'Hind', sans-serif; font-weight: 500; width: auto; padding-top: 0; margin-top: 5px; }

@media screen and (min-width: 768px) { .insight .view .view_info .date { margin-top: 7px; margin-left: 26px; text-align: left; float: left; } }

@media screen and (min-width: 960px) { .insight .view .view_info .date { margin-top: 8px; margin-left: 0; width: 14%; display: inline-block; text-align: center; } }

.insight .view .post_content { font-family: 'Hind', sans-serif; }

.insight .view .post_content * { font-family: inherit; }

.insight .view .files { font-family: 'Hind', sans-serif; }

.insight .view .files * { font-family: inherit; }

.insight .view .files > h3 { text-align: left; font-weight: 600; }

.insight .view .location { font-family: 'Hind', sans-serif; padding-bottom: 20px; border-bottom: 1px solid #ddd; }

.insight .view .location * { font-family: inherit; }

.insight .reportView .half.left { width: 70%; }

.insight .reportView .half.right { width: 30%; }

.insight .reportView a.btn { line-height: 1.2em; padding: 10px 20px !important; border-radius: 5px; }

.insight .view .post_content ul li { margin-left: 18px; }

@media screen and (max-width: 767px) { .insight .main-content.margin-top { margin-top: 20px; } }

.insight .reportList .list .listItem p.summary { font-family: 'Hind', sans-serif; font-size: 15px; }

.insight .reportList .list .listItem p.summary > a { font-family: inherit; font-size: inherit; }

.insight .reportList .list .listItem li.title { font-weight: 600; }

.insight .reportList .list .listItem li.title > a { font-weight: inherit; }

.insight .widget { font-family: 'Hind', sans-serif; }
.insight .widget .btn { margin:3px 0; }



/*
.insight .widget.sideNav { margin: 20px 0; }
.insight .widget h3,
.insight .widget.sideNav h3 { text-transform: uppercase; font-size: 16px; font-weight: 600; margin-top: 20px;}
.insight .widget.sideNav h3 a { padding-bottom: 10px; margin-bottom: 15px;}
*/




.insight .widget h3 { text-transform: uppercase; font-size: 16px; font-weight: 600;
						padding-bottom: 15px;
						margin-top: 20px; margin-bottom:25px;
						border-bottom: 1px solid #d5d5d5;
						}
.insight .widget.sideNav { margin: 20px 0; }
.insight .widget.sideNav  h3 {  }




.insight .text-left { text-align: left; }

.insight .text-bold { font-weight: bold; }

.insight .color-white { color: #FFF; }

.insight .color-orange { color: #FCBF40; }

.insight .btn.btn-client { border: 1px solid #959697; color: #959697; }

.insight .btn.btn-client:hover { background-color: #959697; color: white; }

.insight .btn.no-outline { border: none; }

.insight .btn.btn-gray { border: 1px solid #6F7071; background-color: #6F7071; color: #FFF; }

.insight .btn.btn-gray:hover { background-color: #FFF; color: #6F7071; }

.insight .btn.btn-black { border: 1px solid #333; background-color: #333; color: #FFF; }

.insight .btn.btn-black:hover { background-color: #FFF; color: #6F7071; }

.insight .btn.btn-brand-red { border: 1px solid #ed1c24; background-color: #ed1c24; color: #FFF; }

.insight .btn.btn-brand-red:hover { background-color: #FFF; color: #ed1c24; }

.insight .btn.btn-white { border: 1px solid #FFF; background: transparent; color: #FFF; }

@media screen and (max-width: 569px) { .insight .btn { transform: none; } }

.insight .color-orange { color: #FCBF40; }

.insight .color-white { color: #FFF; }

.insight .only-min-768 { display: none; }

@media screen and (min-width: 768px) { .insight .only-min-768 { display: block; } }

.insight .mt-15 { margin-top: 15px; }

.insight .input-block { width: 100%; }

.insight footer.site-footer .row { margin-bottom: 0; }

.insight .login { padding: 41px 0 50px; background-color: #828384; }

@media screen and (min-width: 860px) { .insight .login { text-align: center; } }

.insight .login--top { width: 350px; margin-left: auto; margin-right: auto; }

@media screen and (min-width: 860px) { .insight .login--top { display: inline-block; margin-right: 3%; } }

.insight .login--top .btn { margin-top: 9px; }

.insight .login--bottom { width: 350px; margin-top: 30px; margin-left: auto; margin-right: auto; text-align: left; font-weight: 500; font-family: 'Hind', sans-serif; }

@media screen and (min-width: 860px) { .insight .login--bottom { display: inline-block; margin-left: 3%; padding-bottom: 55px; } }

.insight .login--bottom__title { text-align: left; font-weight: 700; font-size: 20px; margin-bottom: 0; }

.insight .login--bottom__text { font-family: inherit; font-weight: inherit; font-size: 15px; }

.insight .login--bottom__btn-wrap > .btn { padding-top: 8px !important; padding-bottom: 8px !important; box-sizing: border-box; float: left; width: 40%; }

.insight .login--bottom__btn-wrap > .btn:nth-of-type(2) { width: 55%; margin-left: 10px; }

.insight .login--contents { max-width: 1180px; margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 50px; }

@media screen and (min-width: 1000px) { .insight .login--contents { text-align: center; padding-left: 3%; padding-right: 3%; } }

.insight .login--contents--top { position: relative; display: block; width: 90%; min-width: 360px; height: 300px; border: 1px solid #ccc; margin: 60px auto; }

@media screen and (min-width: 650px) { .insight .login--contents--top { width: 500px; } }

@media screen and (min-width: 1000px) { .insight .login--contents--top { float: right; width: 50%; } }

.insight .login--contents--top .box { position: absolute; top: 68px; left: 130px; }

.insight .login--contents--top .box--left { display: inline-block; vertical-align: bottom; }

.insight .login--contents--top .box--left > .text-normal { font-weight: 500; font-size: 18px; text-align: right; }

.insight .login--contents--top .box--left > .text-bold { margin-top: 8px; font-weight: 800; font-size: 24px; text-align: right; }

.insight .login--contents--top .box--right { display: inline-block; vertical-align: bottom; }

.insight .login--contents--top .box--right > i { color: #AC0F22; }

.insight .login--contents--bottom { display: block; }

@media screen and (min-width: 1000px) { .insight .login--contents--bottom { min-width: 420px; width: 45%; float: left; } }

.insight .login--contents--bottom .list { text-align: center; }

.insight .login--contents--bottom .list__item { margin: 30px 0; }

@media screen and (min-width: 1000px) { .insight .login--contents--bottom .list__item { margin: 10px 0; padding-left: 0; } }

.insight .login--contents--bottom .list__item > i { color: #ed1c24; display: inline-block; vertical-align: top; margin-right: 30px; padding-top: 3px; }

.insight .login--contents--bottom .list__item__text { display: inline-block; vertical-align: top; width: 70%; text-align: left; }

.insight .login--contents--bottom .list__item__text > h4 { color: #333; font-weight: 600; font-size: 16px; }

.insight .login--contents--bottom .list__item__text > p { line-height: 1.4em; }

@media screen and (min-width: 1000px) { .insight .login--contents--bottom .list__item__text > p { text-align: justify; } }

.insight .l-clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

.insight .register { font-family: 'Hind', sans-serif; }

.insight .register > .content { width: 70%; max-width: 1180px; margin: 50px auto; }

.insight .register > .content > h1.title { font-size: 25px; }

.insight .register > .content > p { font-family: 'Hind', sans-serif; text-align: justify; }

@media screen and (min-width: 580px) { .insight .register > .content { width: 90%; } }

@media screen and (min-width: 680px) { .insight .register > .content { width: 70%; } }

.insight .register > .content > .form-elements fieldset > span { font-size: 15px; }

@media screen and (min-width: 580px) { .insight .register > .content > .form-elements fieldset > span { display: inline-block; vertical-align: middle; } }

.insight .register > .content > .form-elements fieldset input, .insight .register > .content > .form-elements fieldset select { width: 100%; }

@media screen and (min-width: 580px) { .insight .register > .content > .form-elements fieldset input, .insight .register > .content > .form-elements fieldset select { width: 60%; display: inline-block; vertical-align: middle; } }

.insight .site-footer > div > div { width: auto; margin-left: auto; margin-right: auto; }

/* Define Module - Login */
.insight-only-nav #page-header { display: none; }

.insight-only-nav #masthead { position: relative; }

@media screen and (min-width: 960px) { .insight-only-nav #masthead { margin-bottom: 0; background-color: #eaeaea; } }

.insight-only-nav .page-body { position: relative; }

.insight-max-width .post-content { max-width: 1180px; width: 90%; margin: 50px auto; }

@media screen and (min-width: 500px) { .insight-max-width .post-content { width: 70%; } }

.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

button[disabled] { cursor: default !important; pointer-events: none !important; }

.btn[disabled] { cursor: default !important; pointer-events: none !important; }

.insight .report_hidden_form { margin-top: 15px; }

.insight .report_hidden_form > .in-block { width: 49%; }

@media screen and (max-width: 767px) { .insight .report_hidden_form > .in-block { width: 100%; display: block; } }

.insight .report_hidden_form > .in-block:nth-of-type(1) { float: left; }

.insight .report_hidden_form > .in-block:nth-of-type(2) { float: right; }

@media screen and (max-width: 767px) { .insight .report_hidden_form > .in-block:nth-of-type(1) { float: none; } }

@media screen and (max-width: 767px) { .insight .report_hidden_form > .in-block:nth-of-type(2) { float: none; } }

.insight .report_hidden_form > .form-wrap { margin: 18px 0; }

.insight .report_hidden_form > .form-wrap > input[type="text"] { width: 100%; margin: 0 !important; border: 1px solid #ccc; }

.insight .report_hidden_form > .form-wrap > textarea { width: 100%; margin: 0 !important; border: 1px solid #ccc; }

.text-center { text-align: center; }


@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .container  {position: relative;width: 96%;margin: 0 auto;padding: 0}

    .container .five.columns.sidebar{min-width: 247px}

    .insight .reportList .list .listItem li.date{display: none}
    .insight .reportList .list .listItem li.file{display: none}
    .reportList .list .listItem p.summary{width: 100%;float: left}
}

@media only screen and (min-width: 960px) and (max-width: 980px) {
    .container .eleven.columns {width: 66%}
}
@media only screen and (min-width: 981px) and (max-width: 1000px) {
    .container .eleven.columns {width: 68%}
}
@media only screen and (min-width: 1001px) and (max-width: 1050px) {
    .container .eleven.columns {width: 69%}
}
@media only screen and (min-width: 1051px) and (max-width: 1100px) {
    .container .eleven.columns {width: 70%}
}

@media only screen and (min-width: 1101px) and (max-width: 1150px) {
    .container .eleven.columns {width: 72%}
}
@media only screen and (min-width: 1151px) and (max-width: 1199px) {
    .container .eleven.columns {width: 73%}
}

.search-area .search-btn{
	height:50px !important;
}

@media screen and (max-width: 768px){
.search-area .search-btn {
    margin: 0;
    height: 45px !important;
    font-size: 14px;
    width: 270px !important;
}

.search-area{
	padding-left:10px;
	padding-right:10px;
}
}
