﻿
#divPageTitle {
    float: left; 
    /*width: 56%; */
    font-size: 24px; 
    margin-bottom: 10px;
}
#divSubTitle {
    padding:0px; 
    font-style:italic;
    font-size:14px; 
    text-transform: none;
}
#feedbackLink:hover {
    text-decoration:none;
}
.nav-search-input {
    width:170px;
    font-size:smaller;
}
.langDDL {
    padding-left:20px;
}
#divCompanyBlock {
    float: left; 
    width: 44%;
}
#divSubCompany {
    margin-top: 5px; 
    float: left; 
    width: 100%; 
    display: none;
}
#divViewingAs {
    float: right; 
    font-size:1.3rem;
    width: 82%;
}
#divSubViewingAs {
    float: right; 
    /*width: 35%; */
    white-space: nowrap; 
    padding-top: 0px;
}
#divSubViewingAs > div {
    float: left; 
    width: 100%; 
    overflow: hidden
}
#divViewingAs:nth-child(2) {
    float: right; width: 65%; white-space: normal; padding-top: 2px;
}
#divViewingAs:nth-child(3) {
    float: left; width: 100%; overflow: visible; margin-top: 4px; white-space: normal;text-align: right;
}
#divFooter {

    font-size:1.4rem;
    border-top:2px double #E5E5E5;    
/*   position:fixed;
   bottom:0;
    width:100%;
   padding-right:220px;*/
    
/*
   height:auto;
   min-height:40px;    
    padding-top:10px;
    margin-top:20px;
    */
}
.breadcrumbs {
    padding:0px;
}
.pnlDownloadQueue {
    border:0;
    background-color:#ff7518;
    width: 400px;
}
.pnlDownloadQueue > div:first-child {
    margin-top: 2px; 
    text-align: left;
    padding-left: 1%; 
}
.pnlDownloadList {
    width: 96%; 
    background-color: #fff; 
    margin: 1%; 
    padding-left: 1%; 
    padding-right: 1%;
    padding-bottom: 1%; 
    overflow: hidden; 
    min-height: 20px;
}
div.legacyrow
{
	min-height: 22px;
	padding: 4px; /*overflow:auto;*/
	overflow: hidden;
}
div.legacyalternatingrow
{
	min-height: 18px;
	padding: 4px;
	background-color: #EAEEF4; /*overflow:auto;*/
	overflow: hidden;
}
.LoadingPosition
{
    display:table-cell;
    filter: Alpha(Opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    text-align: center;
    margin: auto;
    vertical-align: middle;
    /*width: 20%;
    min-width: 200px;*/
}
.modalBackground
{
    display:table;
	filter: Alpha(Opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	background-color: #999999;
	z-index: 999999;
	position: fixed;
	top: 0px;
	left: 0px;
}
.mnuPadLeft {
    padding-left:12px;
}
.ModalWindow
{
	filter: Alpha(Opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	background-color: #7F7F7F;
	z-index: 500;
	position: fixed;
	top: 0px;
	left: 0px;
}

.ModalWindowPanel
{
	width: 750px;
	background-color: #DFDFDF;
	filter: Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.ModalWindowPanelHeader
{
	padding: 4px;
	font-size: 18px;
	background-color: rgb(67, 142, 185);
	color: white;
	font-weight: normal;
}
.navbar {
    padding-right:20px;
}
.page-content {
    padding-right:40px;
}
#divSidebarLogo {    
    position:absolute;
    bottom:20px;
    /*left:14px;*/
    background-color:transparent;
    z-index:0;
}
@media screen and (min-width: 0px) and (max-width: 991px) {
    #divSidebarLogo {
        display:none;
    }
}
@media screen and (min-height: 0px) and (max-height: 540px) {
    #divSidebarLogo {
        display: none;
    }

    #divFooter {
        display: none;
    }
}
.lapseIcon {
    position:relative;
    top:2px;
    padding-right:6px;
    font-size:large;
}
.clr {
    clear:both;
}
.employeeusername {
    color:#fff;
}
.employeeipaddress {
    border-radius: 6px;
    background-color: #fff;
    margin-top:10px;
    padding:5px;
    
}

.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}

/* Menu bars */
.menu-container {
    /*display: inline-block;*/
    cursor: pointer;
}

.menu-bar1, .menu-bar2, .menu-bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

.menu-change .menu-bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 6px) ;
    transform: rotate(-45deg) translate(-6px, 6px) ;
}

.menu-change .menu-bar2 {opacity: 0;}

.menu-change .menu-bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -6px) ;
    transform: rotate(45deg) translate(-5px, -6px) ;
}

.pointer {
	cursor:pointer;
}

.footer .footer-inner {
    position: inherit !important;
    z-index: auto;
}

@media only screen and (max-width:767px){

    .footer .footer-inner {
    position:inherit !important;
    z-index: auto;
}
}

select.contained
{
    max-width:100%;
}

/* For Safari issue https://jerodsanto.net/2015/08/safari-does-not-trigger-click-events-on-anchors-or-buttons-containing-svg-elements/ */
svg {
	pointer-events: none;
}

	svg a {
		pointer-events: auto;
	}

.compact-y{
	margin-bottom:0px;
	margin-top:0px;
}