body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-size: 14px !important;
}

header, footer, nav, section {
    display: block;
}

@font-face {
    font-family: 'icomoon';
    src: url('Fonts/icomoon.eot');
    src: url('Fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('Fonts/icomoon.ttf') format('truetype'), url('Fonts/icomoon.woff') format('woff'), url('Fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-bluebeam-logo:before {
    content: "\e603";
    font-family: 'icomoon';
    color: #fff !important;
}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00 !important;
    background-color: #fee !important;
}

.validation-summary-valid {
    display: none;
}
.validation-summary-errors {
    /* alert classes */
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    /* alert danger classes */
    color: #b94a48;
    /*background-color: #f2dede;
    border-color: #ebccd1;*/
}

.field-validation-error {
    /* label classes */
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    /* label danger classes */
    background-color: #d9534f;
}


/* Styles popup menus
-----------------------------------------------------------*/
UL.nav > LI {
    font-weight: bold;
    list-style: none;
    vertical-align: text-bottom;
    float: left;
    position: relative;
    color: #0083DB;
}

.nav {
    padding: 0px;
    margin: 0px;
}

UL.nav UL {
    margin: 0px;
    padding: 0px;
    width: 200px;
    left: -10000px;
    position: absolute;
}

UL.nav > LI:hover UL {
    list-style: none;
    padding: 5px;
    border: 2px solid #0083DB;
    background: black;
    left: 0;
    z-index: 10;
    top: 14px; /* IE7 has problems without this */
}

.webgrid {
    border: 0px;
    border-collapse: collapse;
    width: 100%;
}


    .webgrid a:link {
        color: #0083db;
    }
    /* unvisited link */
    .webgrid a:visited {
        color: #0083db;
    }
    /* visited link */
    .webgrid a:hover {
        color: #FF0000;
    }
    /* mouse over link */
    .webgrid a:active {
        color: #0083db;
    }
/* selected link */

.webgrid-header {
    padding: 0px 3px;
    text-align: center;
    background-color: #FFFFFF;
    border-bottom: 2px solid black;
    height: 25px;
    border-top: 1px solid #D6E8FF;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
    line-height: 30px;
}

    .webgrid-header th {
        text-align: center !important;
    }

.webgrid-footer {
    padding: 6px 5px;
    text-align: left;
    background-color: white;
    /*border-top: 1px solid #CCCCCC;*/
    border-bottom: 2px solid #e4e4e4;
    border-bottom: 2px solid rgba(228, 228, 228, 0.25);
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
    font-weight: bold;
}

    .webgrid-footer a {
        padding: 1px 5px;
        text-align: center;
        background-color: #d9d9d9;
        color: #222222;
        cursor: pointer;
        display: inline-block;
        font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 16px;
        color: inherit;
        font-weight: 300;
    }

        .webgrid-footer a:active {
            padding: 1px 5px;
            text-align: center;
            background-color: #161414;
            color: white;
            cursor: pointer;
            display: inline-block;
            font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
            font-size: 14px;
            line-height: 16px;
            color: inherit;
            font-weight: bold;
        }

    .webgrid-footer td {
        font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
        line-height: 30px;
    }

.webgrid-alternating-row {
    background-color: #f2f2f2;
    border-bottom: 1px solid #d2d2d2;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
    padding: 0px;
}

.webgrid-row-style {
    border-bottom: 1px solid #d2d2d2;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
    padding: 0px;
}

.webgrid-selected-row {
    font-weight: bold;
}

.center {
    text-align: center;
    padding: 0px 3px;
    border-right: 1px solid #CCCCCC;
}

.left {
    text-align: left;
    padding: 0px 3px;
    border-right: 1px solid #CCCCCC;
}

.right {
    text-align: right;
    padding: 0px 3px;
    border-right: 1px solid #CCCCCC;
}

.organization {
    max-height: 200px;
    overflow: auto;
}

.SerialInfo {
    border-bottom: 1px solid #e9eef4;
    border-top: 1px solid transparent;
    border-left: 1px solid #e9eef4;
    border-right: 1px solid #e9eef4;
    width: 100%;
}

.headerSerialInfo {
    background-color: rgba(204, 204, 204, 0.31);
    font-family: Verdana,Arial,sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
}

#grid.flat_metro_form {
    border: 1px #ccc solid;
    width: 400px;
    max-height: 500px;
    margin-right: 50px;
    overflow: auto;
    float: right;
}

#formContact.flat_metro_form {
    float: left;
    margin-right: 20px;
    margin-left: 50px;
    border: 1px #ccc solid;
    background-color: #fdfdfd;
}

    #formContact.flat_metro_form input[type="text"] {
        border: 1px solid rgb(209, 209, 209);
    }

.metro .navigation-bar .navigation-bar-content div[data-display="hover"].element:hover:not(:active) > ul[data-display="hover"],
.metro .navigation-bar .navigation-bar-content li:hover:not(:active) > ul[data-display="hover"],
.metro .navigation-bar .navigation-bar-content div[data-display="hover"].element ul[data-display="hover"]:hover {
    display: block;
}

.metro .title {
    font-family: Calibri, Candara, Segoe, 'Segoe UI', Arial, sans-serif;
    font-weight: bold;
    color: #000000;
    letter-spacing: 0.00em;
    font-size: 17pt;
    line-height: 24pt;
    letter-spacing: 0.01em;
}

.metro .panel .panel-header {
    background-color: #056BAF !important;
}
/*.resellers-table-row td{
    padding: 0px !important; 
    line-height: 14pt !important;
    vertical-align: middle !important;  
}*/
.metro .dropdown-menu .menu-title {
    font-weight: normal !important;
}
/*.metro label {
    margin: 1px 0 !important;
}*/

/*.metro .input-control.checkbox {
    margin-bottom: 1pt !important;
}

    .metro .input-control.checkbox .check,
    .metro .input-control.radio .check {
        width: 17px !important;
        height: 17px !important;
        margin: 0px !important;
    }*/

.metro .grid .row {
    margin-top: 5px !important;
}

.wrapper {
    height: auto !important;
}

.bg-dark-gradient {
    background-color: black;
    background-image: -moz-linear-gradient(top,#444,#000);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#000));
    background-image: -webkit-linear-gradient(top,#444,#000);
    background-image: -o-linear-gradient(top,#444,#000);
    background-image: linear-gradient(to bottom,#444,#000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff000000',GradientType=0);
}

.navbar-bluebeam {
    border-top: 2px solid #0083db !important;
    padding-top: 10px !important;
}

.metro .hiddenField {
    display: none;
}

.flags-margin {
    margin-right: 3px;
}

.resellerInfo-logo {
    width: 100%;
    height: 250px;
    position: relative;
}

    .resellerInfo-logo .logo-img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 200px;
        margin: 50px;
    }

    .resellerInfo-logo .back-button {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 200px;
        margin: 50px;
    }

.icons-social {
    background: #0083db;
    color: #262626;
    padding-right: 25px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 10%;
    font-size: 1.4em !important;
    vertical-align: text-top !important;
    line-height: 1.1 !important;
}

    .icons-social i:hover {
        color: #2baaff;
    }

.element-menu li {
    height: auto !important;
}

.reseller-table-tr td {
    padding: 13px !important;
    vertical-align: middle !important;
    border-bottom: 2px #b3b8bc solid !important;
    border-right: 1px transparent solid !important;
    border-left: 1px transparent solid !important;
}

.reseller-table-tr {
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
}

    .reseller-table-tr .notes {
        text-align: left !important;
        width: 760px !important;
    }

.grid-header {
    border-bottom: 2px solid #b3b8bc;
}

    .grid-header th {
        font-weight: bold !important;
        font-size: 16px !important;
    }

.table-resellerInfo {
    font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 2.2rem !important;
}

.erreorMessageQuote ul {
    color: red !important;
}

.locked-div {
background-color: rgb(230, 230, 230);
margin-left: -22px !important;
}

.locked-div button {
height: 34px;
}

.oppName {
    display: none;
}

.oppName .nameBackColor{
    background-color: #e6e6e6;
}

.searchBtn_custom {
    line-height: 18px !important;
    border:1px #d9d9d9 solid !important;
    background-color: white !important;
    border-left: 1px white solid !important;
    margin-left: -1px !important
}

#DetailMenu a.disabled:active {
    background-color: #eaeaea !important;
    color: #bebebe !important;
    border-color: #eaeaea !important;
}

.metro .table.table-condensed {
    width: auto;
}

.metro .table.table-condensed .first-row {
    width: 150px;
    border-right: 1px solid #111111;
}

.metro .table.table-condensed td.first-row {
    text-align: right;
}

.metro .table.table-condensed .table-highlight {
    background-color: #E2E7EB;
}

.metro .panel .panel-content.reporting {
    min-height: 80px;
    height: auto;
    overflow: hidden;
}

.half-width {
    float: left;
    display: inline;
    width: 50%;
}

.site-footer {
    clear: both; 
}

.reporting div.row {
    float: left;
    margin-right: 4px;
}


label span.expired-maintenance-date, td div.expired-maintenance-date, .expired-maintenance-date {
    color: #ed4337;
    font-weight: bold;
}

.dateColumn {
    width: 105px;
}

/* Fix issues with datepicker not showing above metro icons*/
.ui-datepicker {
    z-index: 99 !important
}

/* Add promt when hovering search info icon*/
.search-info-prompt {
    display: none;
}

.search-info:hover .search-info-prompt {
    display: block;
    position: absolute;
    background-color: white;
    padding: 1em;
    border-style: solid;
    border-color: black;
    border-width: 1px;
    border-radius: 4px;
    z-index: 100;
}