/*****************************************************************************************

    PIM+ Custom

*****************************************************************************************/

@font-face { font-family: Roboto; src: url(/fonts/roboto/Roboto-Light.ttf); font-weight: 300; }
@font-face { font-family: Roboto; src: url(/fonts/roboto/Roboto-Regular.ttf); font-weight: 400; }
@font-face { font-family: Roboto; src: url(/fonts/roboto/Roboto-Medium.ttf); font-weight: 500; }
@font-face { font-family: Roboto; src: url(/fonts/roboto/Roboto-Bold.ttf); font-weight: 700; }

body { font-family: Roboto, sans-serif; color: #1e1e1e; }
body.loginPage { background: url(../images/loginBackground.jpg) !important; background-size: cover !important; background-position: center center; -webkit-overflow-scrolling: touch; font-family: Roboto, sans-serif; }
body.loginPage img.largeLogo2 { width: 55%; padding-top: 40px; }

table.structMenu { background: transparent; }
table.structMenu td.selected { background-repeat: no-repeat; background-position: right center; background-color: #47ed8d; }
table.structMenu td.selected label { color: #343333; }
table.structMenu td.selected i { color: #646363; }
table.structMenu tr:not(:first-child) td:not(.selected):hover { background: #747373 !important; }
table.structMenu tr:first-child td:not(.selected):hover { background: unset; }

table.structMenu td.selected div { background: #47ed8d; }
td.structSidebar.expanded table.structMenu td.selected .sidebar-icons { background: #47ed8d; color: #444343 }
table.login input.ffButton[type=button] { background: #47ed8d !important; }
table.login input.ffButton[type=submit] { background: none !important; border: 2px solid #47ed8d !important; color: #27cd6d !important; border-radius: 50px; font-weight: 500; }
table.login input.ffButton[type=submit]:hover { background: #47ed8d; color: #646363; }
table.login input.ffButton::placeholder { }

table.login > tbody > tr:first-child > td > div { background-color: transparent; }

table.login > tbody > tr:first-child > td:first-child { background-position-x: 30px !important; background-position-y: 120px !important; background-size: 70% !important; background-color: unset !important; background-color: #40404070 !important }

table.ffEvents tr.fullMessage table.tabularEventData td { white-space: nowrap; }
table.ffTable th { color: #1e1e1e; }

td.structSidebar { background-color: #646363; background-image: url(../images/loginBackgroundLowOpacity.jpg); background-size: cover; background-position: left; background-attachment: fixed; }
td.structSidebar.expanded.tips { width: 230px; }
td.structSidebar.expanded tr:first-child td { height: 70px; }

td.structSidebar.expanded #menuHome img { left: -2px; }
td.structSidebar.expanded.tips #menuHome img { left: -6px; width: 150px; margin-left: 0; }
td.structSidebar #menuHome img { width: 55%; }
td.structSidebar.expanded #menuHome img { width: 65%; margin-left: 30px; padding-top: 40px; padding-bottom: 20px; }
td.structSidebar.expanded.tips td.selected span { color: #343333; }
td.structSidebar div.structSidebarVersion { color: #a0b0a0; }

#menuHome { border-bottom: 0; background: transparent; }

table.structMenu > tbody > tr > td { border-top: 1px solid #484747; }
table.structMenu > tbody > tr > td:not(.selected):hover { border-top: 1px solid #484747; }
table.structMenu td.selected { border-top: 0; border-bottom: 0; }

td.ffContentToolbar div.imgToolBox { background-color: #47ed8d; }
td.ffContentToolbar div.ffFilterBoxDiv { background-color: #47ed8d; }

div.messageBarInfo { background: #47ed8d; color: white; display: none; padding: 15px 20px; }
div.bulkActionsDiv.imgToolBox { width: 200px !important; margin-bottom: 5px; }
div.resources { max-width: 850px !important; }
div.structTreeBody table tr.selected { background: #47ed8d2e !important; }
div.panelTypes > div:hover { background: #47ed8d2e !important; }
div.ffTabBar > div.tab.selected { color: #1e1e1e; }
div.indexContent div.topPanel label { color: #48ed8d; }
div.indexContent div.tweets { display: none; }
div.indexContent div.tutorials { display: block; }
div.indexContent div.telemetryData div > div.active:last-child { color: #20a020; }
div.ffIconContainer { color: #1e1e1e; }

ul.dynatree-container a { color: #1e1e1e; font-family: Roboto, sans-serif; }
ul.dynatree-container a:focus, span.dynatree-focused a:link { background: #f2fdf9; border: 1px solid #47ed8d; outline: 0; }
ul.dynatree-container a:hover { background: #f2fdf9; border: 1px solid #47ed8d; outline: 0; }

:focus { outline-color: rgba(71, 237, 138, 0.70); }
.context-menu-item.hover { cursor: pointer; background-color: #47ed8d; }
.iframeportal { position: absolute; height: 94.58%; width: 90.4%; border: none; }
.sidebar-icons { font-weight: 900; color: white; vertical-align: middle; width: 30px; }
.indexlogo { width: 30%; padding-left: 75px; }
.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover { color: #000 !important; background-color: #f1f1f1 !important }
.w3-round-xlarge { border-radius: 16px }
.w3-center { text-align: center !important }
.w3-green, .w3-hover-green:hover { color: #fff !important; background-color: #47ed8d !important; }
.w3-red { color: #fff !important; background-color: #e9292f !important; }
.licenseError > p { font-size: 14px; color: #e9292f; margin-left: 3%; }
.licenseError85 > p { font-size: 14px; color: #edbb47; margin-left: 3%; }
.licenseEvaluation > p { font-size: 14px; color: #646363; margin-left: 3%; }
.devicesUsed { all: unset; font-weight: bold; font-size: 12px; }
.deviceLimitText { all: unset; font-weight: bold; font-size: 12px; float: right; }
.deviceLimit { all: unset; font-weight: bold; font-size: 15px; float: right; position: relative; bottom: 24px; right: 5px; }
.leftButton { background: #fff; border: 2px solid #646363; color: #646363; border-radius: 5px; width: 150px; height: 65px; margin-bottom: 15px; font-weight: bold; font-size: 14px; }
.leftButton:hover { background: #47ed8d; border: 2px solid #47ed8d; color: #fff; }
.leftButton:hover > p { color: #fff; }
.indexFA { margin-left: 5px; }
.indexText { color: #646363; padding-top: 10px; margin-left: 15px; }
.indexText2 { color: #646363; margin-top: 7.5px; }
.donut { margin-top: 15px; margin-left: -130px; }
.resources { padding-bottom: 10px; width: 600px; }
.pim-HUD { width: 30%; max-width: 600px; }
.buttons { float: right; margin-top: -54%; }
.tutorials { float: left; clear: both; }
.videos { padding-top: 15px; }
.ffButton { color: #1e1e1e; }
.context-menu-item.context-menu-hover { background-color: #47ed8d; }
.toolBoxDropdown-content table tr:hover:not(.divider) { background: #47ed8d; }
.videosLoading { padding-top: 15px; font-family: Roboto; font-size: 15px; font-weight: bold; }
.ui-dialog-buttonset .ui-button:first-child:not(.noDefault) { color: #fff; background: #47ed8d; border: 1px solid #47ed8d; }
.ui-dialog-buttonset .ui-button:first-child:not(.noDefault):hover { color: #fff; background: #67efa0; border: 1px solid #67efa0; }
.ui-dialog-buttonset .ui-button.default { color: #fff; background: #47ed8d; border: 1px solid #47ed8d; }
.ui-dialog-buttonset .ui-button.default:hover { background: #67efa0; color: white; border: 1px solid #67efa0; }
.dialogDiv > table table { color: #1e1e1e !important; }

#loginFieldsBackground { background: white !important; }
#menuHome img { height: 10%; width: 85%; padding-top: 10px; }
#logoutLock { width: 22px; margin-left: 20px; margin-right: 5px; }
#vcl-header img { width: 32px; }
#dlgDateRangeSelect img { width: 48px; }
#dlgAddEditSecurityGroup img { width: 48px; }
#dlgAddEditLoginUser img { width: 48px; }
#dlgAddEditMaintenanceProfile img { width: 48px; }
#menuDownload * { color: #47ed8d; }

table.loginFields tbody tr:first-child td { padding: 100px 0 0 65px !important; }

input[type="checkbox"] + label::after { border: 1px solid #47ed8d; background-color: #47ed8d; }

div.logBookOpen { background-color: #FFA900; border-color: #FFA900; color: #ffffff; }
div.logBookInProgress { background-color: #03add0; border-color: #03add0; color: #ffffff; }
div.logBookClosed { background-color: #83ab51; border-color: #83ab51; color: #ffffff; }