﻿/* Sticky footer styles
-------------------------------------------------- */
@font-face {
    font-family: Raleway-Regular;
    font-style: normal;
    src: url(../../fonts/raleway-regular.woff);
    src: url(../../fonts/raleway-regular.woff) format("woff"),url(../fonts/raleway-regular.woff2) format("woff2")
}

@font-face {
    font-family: Raleway-Italic;
    font-style: italic;
    src: url(../../fonts/raleway-italic.woff);
    src: url(../../fonts/raleway-italic.woff) format("woff"),url(../fonts/raleway-italic.woff2) format("woff2")
}

@font-face {
    font-family: Raleway-Oblique;
    font-style: oblique;
    src: url(../../fonts/raleway-bold.woff);
    src: url(../../fonts/raleway-bold.woff) format("woff"),url(../fonts/raleway-bold.woff2) format("woff2")
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

.btn-success {
   background-color: #FF4E02 !important;
   border-color: #FF4E02 !important;
}

.btn-success:hover {
   background-color: #FF4E02 !important;
   border-color: #FF4E02 !important;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.dataTables_length {
    font-family: Raleway-Regular !important;
}

button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url("../../img/partner/ui-icons_555555_256x240.png") !important;
}
.ui-button .ui-icon {
    background-image: url("../../img/partner/ui-icons_777777_256x240.png") !important;
}

#menubutton {
    margin-top: 3px;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    font-family: Raleway-Regular !important;
}

td {
    word-wrap: break-word;
}

.form-control-human {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: white;
}

#cover {
    background: url("../../img/partner/loading.png") center center no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(128, 128, 128, 0.20);
    filter:initial;
    z-index: 999;
}

#cover_content {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 20px;
    filter: unset;
    font-color: #FF4E02;
}

#cover_e {
    background: url("../../img/partner/alert.png") center center no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    margin-top: -100px;
}

#cover_content_e {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-top:115px;
}

#cover_m {
    background: url("../../img/partner/maintenance.png") center center no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    margin-top: -100px;
}

#cover_content_m {
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 115px;
}

.bold {
    font-family: Raleway-Oblique !important;
    font-weight: bold;
}

.italic {
    font-family: Raleway-Italic !important;
    font-style: italic;
}

.status {
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 20px;
    text-align: center;
    width: 20px;
}

.statustext {
    position: relative;
    margin-left: 10px;
    top: -5px;
}

.status.Never {
    background: #808080;
}

.status.Ok {
    background: #00FF21;
}

.status.Delayed {
    background: #FFE400;
}

.status.Stalled {
    background: #FF6A00;
}

.status.Stopped {
    background: #FF0000;
}

.status.Error {
    background: #FF0000;
}

.prioritation {
    font-size: xx-small;
}

.prioritation.Never {
    color: #808080;
}

.prioritation.Ok {
    color: #00FF21;
}

.prioritation.Delayed {
    color: #FFE400;
}

.prioritation.Stalled {
    color: #FF6A00;
}

.prioritation.Stopped {
    color: #FF0000;
}

.priotext {
    position: relative;
    margin-left: 5px;
    top: 5px;
}

.btn
{
    margin-bottom: 5px;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    /*left:-100%;*/
    left: -10rem; /* 10rem is the min-width of dropdown-menu */
    margin-top: -6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}

[data-tooltip] {
    display: block;
    position: relative;
    padding: 4px;
}
/* Tooltip styling */
[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #1972A4;
    color: #fff;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.4;
    min-width: 100px;
    text-align: center;
    border-radius: 4px;
}

[data-tooltip-type="vulnerability"]:before {
    min-width:300px;
}

/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
    min-width: 350px !important;
    width: 350px !important;
}

[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}

[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}

[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}

[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #1972A4;
}

[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #1972A4;
}

[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #1972A4;
}

[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #1972A4;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}

.button-row {
    display:inline;
    margin-left:20px;
}

.moreindication {
    max-width: 200px;
    background: url(../../img/partner/more.png) right no-repeat;
    padding-right: 30px;
}

.searchbox {
    max-width: 200px;
    background: url(../../img/partner/search.png) right no-repeat;
    padding-right: 30px;
}

.searchboxlarge {
    max-width: *;
    background: url(../../img/partner/search.png) right no-repeat;
    padding-right: 30px;
}

.searchresult {
    margin-top: 25px;
}

.searchresult a {
    font-size: larger;
}

.searchsummary {
    font-size: smaller;
}


.dstatus {
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 20px;
    text-align: center;
    width: 20px;
}

.dstatus.Scanning {
    background: #0A16FF;
}

.dstatus.Vulnerability {
    background: #0A16FF;
}

.dstatus.Done {
    background: #00FF21;
}

.dstatus.New {
    background: #808080;
}

.dstatus.Disabled {
    background: #303030;
}

.dstatus.Validating {
    background: #00ffff;
}

/* Buttons */
input.button-chat {
    background-image: url(/img/partner/icon_chat.png); 
    background-repeat: no-repeat; 
    background-position: right;
    border: none;
    cursor: pointer; 
    height: 36px;
    padding-left: 36px;
    vertical-align: middle;
    min-width: 170px;
    text-align: left;
}

input.button-check {
    background-image: url(/img/partner/icon_check.png);
    background-repeat: no-repeat;
    background-position: right;
    border: none;
    cursor: pointer;
    height: 36px;
    padding-left: 36px;
    vertical-align: middle;
    min-width: 300px;
    text-align: left;
}

input.button-exclamation {
    background-image: url(/img/partner/icon_exclamation.png);
    background-repeat: no-repeat;
    background-position: right;
    border: none;
    cursor: pointer;
    height: 36px;
    padding-left: 36px;
    vertical-align: middle;
    min-width: 220px;
    text-align: left;
}

input.button-share {
    background-image: url(/img/partner/icon_share.png);
    background-repeat: no-repeat;
    background-position: right;
    border: none;
    cursor: pointer;
    height: 36px;
    padding-left: 36px;
    vertical-align: middle;
    min-width: 170px;
    text-align: left;
}
