@charset "UTF-8";
/* CSS Document */
.loglog{
width: 64%;
align-self: center;
margin-top: 40px;
}
.transparent.menu{
	background: none;
	border: none;
box-shadow: none;
-webkit-box-shadow: none;
}
.ui.menu .dropdown.item:hover, .ui.menu .dropdown.active.item{
	background: none;
}
.sectrikolog{
	margin-left: 8px;
	}
.primarytrikolore {
	background-color: #013476;
  display: flex;
flex-direction: column;
width: 100%;
height: 22%;
z-index: 10;
}
.secondarytrikolore {
background-color: #A3D8F6;
display: flex;
flex-direction: column;
width: 100%;
height: 33%;
}
.thirdtrikolore {
background-color: none;
display: flex;
flex-direction: column; 
width: 100%; 
	height: 45%;
}
.th-sidebar{
	height: 105vh;
margin-top: -15%;
box-shadow: 2px 0 100px 0 rgba(0, 0, 0, 0.05), 3px 0 32px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 2px 0 100px 0 rgba(0, 0, 0, 0.05), 3px 0 32px 0 rgba(0, 0, 0, 0.1);
}
/*----------------------------------------------------------------------------------------------------------------------------------------------- Scrolling Table -------------------------------------------------------------------------------------------*/


.ui.scrolling.content.table.th_table > thead,
.ui.scrolling.content.table.th_table > tbody {
  display: block;
}

.ui.scrolling.content.table.th_table > tbody {
  overflow-y: scroll;
}

.ui.scrolling.content.table.th_table > thead,
.ui.scrolling.content.table.th_table > tbody > tr {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.ui.scrolling.content.table.th_table > thead {
    width: calc(100% - 17px);
    width: -webkit-calc(100% - 10px);
    width: -ms-calc(100% - 17px);
    
/* @customScrollbarWidth = 10px for webkit defined in site.variables */
      overflow-y: scroll;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------- Margins and Paddings -------------------------------------------------------------------------------------------*/
.pgstyleheaderhero{
	padding: 80px 60px 30px!important
}
.p-20{
	padding: 20px!important;
}
.p-40{
	padding: 40px!important;
}
.p-60{
	padding: 60px!important;
}
.ptb-20{
	padding: 20px 0px!important;
}
.ptb-40{
	padding: 40px 0px!important;
}
.ptb-60{
	padding: 60px 0px!important;
}
.pb-10{
	padding-bottom: 10px!important;
}
.pb-20{
	padding-bottom: 20px!important;
}
.pb-40{
	padding-bottom: 40px!important;
}
.pb-60{
	padding-bottom: 60px!important;
}
.pt-10{
	padding-top: 10px!important;
}
.pt-20{
	padding-top: 20px!important;
}
.pt-40{
	padding-top: 40px!important;
}
.pt-60{
	padding-top: 60px!important;
}
.pl-0{
	padding-left: 0!important;
}
.pl-10{
	padding-left: 10px!important;
}
.pl-20{
	padding-left: 20px!important;
}
.pl-40{
	padding-left: 40px!important;
}
.pl-60{
	padding-left: 60px!important;
}
.mr-2{
	margin-right: 2px!important;
}
.mr-4{
	margin-right: 4px!important;
}
.mlr-2{
	margin: 0 2px!important;
}
.mlr-4{
	margin: 0 4px!important;
}
.mt-20{
	margin-top: 20px!important;
}
.mt-40{
	margin-top: 40px!important;
}
.mt-60{
	margin-top: 60px!important;
}
.mtb-20{
	margin: 20px 0px!important;
}
.mtb-40{
	margin: 40px 0px!important;
}
.mtb-40a{
	margin: 40px auto!important;
}
.mtb-60{
	margin: 60px 0px!important;
}
.ml-2{
	margin-left: 2px!important;
}
.ml-4{
	margin-left: 4px!important;
}
.ml-20{
	margin-left: 20px!important;
}
.ml-40{
	margin-left: 40px!important;
}
.ml-60{
	margin-left: 60px!important;
}
.mb-2{
	margin-bottom: 2px!important;
}
.mb-4{
	margin-bottom: 4px!important;
}
.mb-20{
	margin-bottom: 20px!important;
}
.mb-40{
	margin-bottom: 40px!important;
}
.mb-60{
	margin-bottom: 60px!important;
}

/*----------------------------------------------------------------------------------- Media Queries */
@media (max-width: 374.5px){ 
	.sectrikolog{
	width: 50%;
height: auto;
}
}
@media (min-width: 375px) and (max-width: 575.5px){ 
.sectrikolog{
	width: 50%;
height: auto;
}
}
@media (min-width: 576px) and (max-width: 767.98px){ 
.sectrikolog{
	width: 50%;
height: auto;
}
}
@media (min-width: 768px) and (max-width: 991.98px){ 
		.th-sidebar{
	height: 105vh;
margin-top: -17%;
}
	.sectrikolog{
	visibility: hidden;
}
		.ui.scrolling.table.th_table>tbody {
    max-height: 22vh!important;
}
} 
@media (min-width: 992px) and (max-width: 1091.5px) { 
.sectrikolog{
	width: 48%;
height: auto;
}
		.ui.scrolling.table.th_table>tbody {
    max-height: 38vh!important;
}
}
@media (min-width: 1092px) and (max-width: 1199.98px) { 
.sectrikolog{
	width: 56%;
height: auto;
}
		.ui.scrolling.table.th_table>tbody {
    max-height: 40vh!important;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) { 
		.th-sidebar{
	height: 120vh;
margin-top: -14%;
}
	.sectrikolog{
	width: 76%;
height: auto;
}
		.ui.scrolling.table.th_table>tbody {
    max-height: 40vh!important;
}
}
@media (min-width: 1400px) and (max-width: 1919.5px) { 
	.th-sidebar{
	height: 114vh;
margin-top: -12%;
}
	.sectrikolog{
	width: 50%;
height: auto;
}
		.ui.scrolling.table.th_table>tbody {
    max-height: 58vh!important;
}
}
@media (min-width: 1920px) and (max-width: 2558.98px)  { 
	.th-sidebar{
	height: 112vh;
margin-top: -9%;
}
	.sectrikolog{
	width: 43%;
height: auto;
}
	.ui.scrolling.table.th_table>tbody {
    max-height: 58vh!important;
}
}
@media (min-width: 2559px)  { 
	.th-sidebar{
	height: 114vh;
margin-top: -9%;
}
	.sectrikolog{
	width: 50%;
height: auto;
}
		.ui.scrolling.table.th_table>tbody {
    max-height: 58vh!important;
}
}
/*----------------------------------------------------------------------------------- Visibility */
/* Mobile */
@media only screen and (max-width: 767px) {
  [class*="mobilehidden"],
  [class*="tablet only"]:not(.mobile),
  [class*="computer only"]:not(.mobile),
  [class*="large screen only"]:not(.mobile),
  [class*="widescreen only"]:not(.mobile),
  [class*="or lower hidden"] {
    display: none !important;
  }
}

/* Tablet / iPad Portrait */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  [class*="mobile only"]:not(.tablet),
  [class*="tablethidden"],
  [class*="computer only"]:not(.tablet),
  [class*="large screen only"]:not(.tablet),
  [class*="widescreen only"]:not(.tablet),
  [class*="or lower hidden"]:not(.mobile) {
    display: none !important;
  }
}

/* Computer / Desktop / iPad Landscape */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  [class*="mobile only"]:not(.computer),
  [class*="tablet only"]:not(.computer),
  [class*="computerhidden"],
  [class*="large screen only"]:not(.computer),
  [class*="widescreen only"]:not(.computer),
  [class*="or lower hidden"]:not(.tablet):not(.mobile) {
    display: none !important;
  }
}

/* Large Monitor */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  [class*="mobile only"]:not([class*="large screen"]),
  [class*="tablet only"]:not([class*="large screen"]),
  [class*="computer only"]:not([class*="large screen"]),
  [class*="largescreenhidden"],
  [class*="widescreen only"]:not([class*="large screen"]),
  [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile) {
    display: none !important;
  }
}

/* Widescreen Monitor */
@media only screen and (min-width: 1920px) {
  [class*="mobile only"]:not([class*="widescreen"]),
  [class*="tablet only"]:not([class*="widescreen"]),
  [class*="computer only"]:not([class*="widescreen"]),
  [class*="large screen only"]:not([class*="widescreen"]),
  [class*="widescreenhidden"],
  [class*="widescreenorlowerhidden"] {
    display: none !important;
  }
}