﻿@charset "utf-8";
/* CSS Document */

a, a:hover {
    outline: none !important;
    border: none !important;
}

.k-loading-mask {
    z-index: 1280 !important;
}

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.main-header {
    background-image: url(../../app/images/StoneBanner.png) !important;
    border-bottom: solid #C0C0C0;
    height: 75px;
    z-index: -1;
}

.navbar {
    border: 0px;
    margin-bottom: 0px;
}

.navbar-inner {
    height: 76px;
    border-radius: 0px;
}

.navbar-brand {
    margin-top: -5px;
}

.brand img {
    padding: 10px 15px;
}

.menuImageWrap {
    min-width: 35px;
    display: inline-block;
    float: left;
    clear: both;
}

.navbar-inverse {
    background: none;
}

    .navbar-inverse .navbar-inner {
        background-color: #B0B0B0 !important;
        background-image: url(../../app/images/StoneBanner.jpg);
        border-style: hidden;
        border-bottom: solid #C0C0C0;
    }

.navbar .nav > li > div {
    font-size: 14px;
    color: white;
    background-color: #041E42;
    margin-right: 1px;
    padding: 13px 20px 10px 20px;
}

.navbar .nav > li > a {
    font-size: 14px;
    color: white;
    background-color: #041E42;
    margin-right: 1px;
    padding: 13px 20px 10px 20px;
}

    .navbar .nav > li > a:hover {
        background: #005EB8;
    }

.navbar .nav > li {
    line-height: 52px;
    display: inline-table;
}

.breadcrumb_modified {
    margin-left: 0 !important;
    margin-top: 1% !important;
    margin-right: 0 !important;
}

.breadcrumb {
    border-radius: 0px !important;
    border: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.navbar .nav > a:focus {
    background: #01271d;
}

li.parent span {
    width: 30px;
    padding-left: 10px;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff;
}

.navbar-toggle {
    margin-top: 19px;
}

/*.profile_image {
    text-align: center;
}*/

/*.profile_image h2 {
        font-size: 18px;
        color: #7e7b7b;
        font-style: italic;
        padding: 0px !important;
        margin: 0px 0 20px 0 !important;
    }

    .profile_image h1 {
        font-size: 18px;
        color: #2e6fce;
        font-style: italic;
        padding: 0px !important;
        margin: 10px 0 5px 0px !important;
    }*/

h4 {
    background: #005EB8;
    font-size: 1.4em;
    color: #fff;
    padding: 10px 8px;
}

#divEquipAssignDialogue_wnd_title {
    background: #005EB8 !important;
    font-size: 1.2em !important;
    color: #fff !important;
    height: 1.9em;
    top: 0px;
    left: 0;
    right: 0;
    text-indent: 10px;
    vertical-align: middle;
    padding-top: 3px !important;
}

    #divEquipAssignDialogue_wnd_title > .k-link.k-state-hover, .k-window-titlebar .k-link {
        background-color: #fff !important;
    }

.btnwidth {
    width: 70px;
}

#heading_icon {
    background: #041E42;
    background-repeat: no-repeat;
    padding: 8px 25px 9px 25px;
    background-position: 10px 8px;
    margin-left: -7px;
}

.usersetting_icon {
    background-repeat: no-repeat;
}

.adminmain_icon {
    background-image: url(../img/admin_main_icon.png) !important;
    background-repeat: no-repeat;
}

.pro_iconhdr {
    background-image: url(../img/ProductionEntry_hdr.png) !important;
    background-repeat: no-repeat;
}

#QuoteText {
    padding-left: 10px;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 1px;
        left: -62.5%;
        margin-top: -11px;
        margin-left: -58.5px;
    }

.dropdown ul li:nth-child(11) ul {
    left: -85% !important;
}

.dropdown ul li:nth-child(15) ul {
    left: -70% !important;
}


.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

#dLabel {
    line-height: 3.8;
    padding: 7.5px 25px;
    border-radius: 0px !important;
    font-size: 16px;
    color: whitesmoke;
    background-image: url(../img/admin_icon.png);
    background-repeat: no-repeat;
    background-position: 18px 26px;
    background-color: black;
}

    #dLabel:hover {
        background: #7A8280;
        background-image: url(../img/admin_icon.png);
        background-repeat: no-repeat;
        background-position: 18px 26px;
    }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: #01271d;
}

.navbar .nav > a:focus {
    background: #01271d;
}

.dropdown-menu {
    border-radius: 0px !important;
    margin-top: -1px;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: -1px;
    margin-right: -10px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: none;
    color: #2e6fce;
}

.dropdown-menu > li > a {
    line-height: .7;
}

.dropdown-submenu > ul > li {
    padding: 5px 0;
}

.dropdown-submenu:hover > a:after {
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
    }

#dataGridHomeGrid {
}

.k-grid-content {
    max-height: 100% !important;
}

th {
    font-weight: 700 !important;
}

#divPlantScheduleSearch label {
    width: 160px;
}

@media (min-width: 1330px) {
    #HomeToolbar_ToolbarDiv {
        margin-top: -10px;
        border: none;
        background: #629989;
        box-shadow: none !important;
        border-top: 1px solid #fff;
        padding: 5px 5px;
        height: 60px !important;
    }

    .filterby {
        width: 270px !important;
        position: absolute;
        top: 0px;
        height: 50px;
        padding-top: 10px;
    }

    .orderby {
        width: 300px !important;
        position: absolute;
        top: 0px;
        height: 50px;
        padding: 10px 20px 0 20px;
        left: 330px;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    .k-separator {
        display: none !important;
    }

    .lblQuotes {
        position: absolute;
        left: 680px;
        width: 200px !important;
        top: 7px;
    }

    #btnUpcoming {
        position: absolute;
        top: 10px;
        left: 850px;
    }

    #btnRecent {
        position: absolute;
        left: 950px;
        top: 10px;
    }

    .quotehide {
        display: none !important;
    }
}

@media (min-width: 630px) and (max-width:1330px) {
    #HomeToolbar_ToolbarDiv {
        height: 100px;
        padding-top: 1% !important;
    }

    .filterby {
        width: 50% !important;
        display: inline-block !important;
        position: absolute;
        top: 0px;
        padding-top: 1% !important;
    }

        .filterby > .k-dropdown {
            width: 65%;
        }

    .orderby {
        width: 50% !important;
        display: inline-block !important;
        position: absolute;
        top: 0px;
        left: 50%;
        padding-top: 1% !important;
    }

        .orderby > .k-dropdown {
            width: 65%;
        }

    .lblQuotes {
        display: inline-block;
        top: 57px;
        position: absolute;
        left: 0px;
        width: 200px !important;
    }

    #btnUpcoming {
        display: inline-block;
        margin-top: 30px;
        position: absolute;
        left: 180px;
        margin-right: 1% !important;
    }

    #btnRecent {
        display: inline-block;
        margin-top: 30px;
        position: absolute;
        left: 280px;
    }

    .k-separator {
        display: none !important;
    }

    .quotehide {
        display: none !important;
    }
}

@media (min-width: 380px) and (max-width:630px) {
    #HomeToolbar_ToolbarDiv {
        height: 140px;
    }

    .filterby {
        width: 100% !important;
        position: absolute;
        top: 0px;
    }

        .filterby > .k-dropdown {
            width: 69%;
        }

    .orderby {
        width: 100% !important;
        left: 0px !important;
        top: 25% !important;
        position: absolute;
        top: 0px;
    }

        .orderby > .k-dropdown {
            width: 69%;
        }

    .lblQuotes {
        display: inline-block;
        top: 87px;
        position: absolute;
        left: 0px;
        width: 200px !important;
    }

    #btnUpcoming {
        display: inline-block;
        margin-top: 70px;
        position: absolute;
        left: 170px;
        margin-right: 1% !important;
    }

    #btnRecent {
        display: inline-block;
        margin-top: 70px;
        position: absolute;
        left: 270px;
    }

    .quotehide {
        display: none !important;
    }

    .k-separator {
        display: none !important;
    }
}

@media (min-width: 240px) and (max-width:380px) {
    #HomeToolbar_ToolbarDiv {
        height: 180px;
    }

    .filterby {
        width: 100% !important;
        position: absolute;
        top: 0px;
    }

        .filterby > .k-dropdown {
            width: 50%;
        }

    .orderby {
        width: 100% !important;
        left: 0px !important;
        top: 25% !important;
        position: absolute;
        top: 0px;
    }

        .orderby > .k-dropdown {
            width: 50%;
        }

    .lblQuotes {
        display: inline-block;
        top: 87px;
        position: absolute;
        left: 0px;
        width: 200px !important;
    }

    .quotehide {
        display: none !important;
    }

    .k-separator {
        display: none !important;
    }

    #btnUpcoming {
        display: inline-block;
        margin-top: 110px;
        position: absolute;
        left: 10px;
        margin-right: 1% !important;
    }

    #btnRecent {
        display: inline-block;
        margin-top: 110px;
        position: absolute;
        left: 120px;
    }

    h4 {
        font-size: 17px !important;
    }

    #lstAvailable, #lstAssigned {
        width: 90% !important;
    }
}

.profile_image {
    text-align: center;
}

@media (min-width: 768px) {

    #bodyDiv {
        margin-top: 76px;
    }

    .fixed-nav-bar {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
        height: 60px;
    }

    .navbar-header {
        width: 100%;
    }

    /*.logo-mini {
        display: !important block;
        margin-left: !important -15px;
        margin-right: !important -15px;
        font-size: !important 18px;
        background: !important #041E42;
        height: !important 100%;
    }

    .logo-lg {
        display: !important none;
    }*/

    /*.profile_image img {
        display: none !important;
    }*/
}

@media (max-width: 768px) {
    .navbar {
        margin-bottom: 0px;
        padding-bottom: 0px;
        height: 75px;
    }

    .navbar-inner ul {
        display: none !important;
    }

    /*.profile_image img {
        display: none !important;
    }

    .profile_image {
        padding-top: 20px !important;
    }*/

    .breadcrumb {
        margin-top: 10px;
        float: left;
        width: 100% !important;
    }

    .navbar-brand {
        margin-top: -5px;
        margin-left: -20px;
    }

    .k-toolbar {
        margin-top: 15px !important;
    }

    .k-upload-empty {
        margin-top: 15px !important;
    }
}

/*.profile_image > .form-group > .k-widget {
    width: 80% !important;
}*/

.k-state-default {
    border-radius: 0px !important;
}

    .k-state-default:hover {
        background: #fff !important;
    }

.k-select {
    background-color: #f1f1f1 !important;
    border-left: 1px solid #ccc !important;
    border-radius: 0px !important;
}

#HomeToolbar_ToolbarDiv {
    margin-top: -10px;
    border: none;
    background: #629989;
    box-shadow: none !important;
    border-top: 1px solid #fff;
    padding: 0px 5px;
}

    #HomeToolbar_ToolbarDiv label {
        color: #fff !important;
        font-weight: normal !important;
        font-size: 1.1em !important;
    }

.k-group-start {
    background-color: #484646;
    padding: 7px 16px !important;
    color: #fff;
}

.k-group-end {
    background-color: #d9d9d9;
    padding: 7px 16px !important;
    color: #505050;
}

.k-button:active, .k-button.k-state-active {
    background-color: #242424 !important;
    background-color: #d9d9d9 !important;
}

.k-separator {
    border: 1px solid #fff !important;
    background-color: #fff !important;
    margin: 0 15px !important;
    width: 0px !important;
    height: 40px !important;
    padding: 9px 0px;
}

.k-grid {
    border-radius: 0px !important;
    margin-top: 5px !important;
}

.k-grouping-header {
    background: #fff !important;
    font-style: italic;
    padding-left: 10px !important;
}

.k-grid td {
    border-bottom: 1px solid #ccc !important;
}

.k-grid-page {
    float: right !important;
}

.k-tabstrip-left ul li > .img-with-text {
    padding: 9px 7px 2px 7px !important;
}

#tabstrip-left-1 {
    padding: 15px 20px !important;
}

input {
    border-radius: 0px !important;
}

.editor-label {
    padding-right: 1.3% !important;
}

#dataGridUserInfoUserLobVariances table td {
    padding: 5px 10px !important;
}

#dataGridUserInfoUserLobVariances td {
    padding: 5px 10px !important;
}

#SelectedLinesOfBusiness_taglist li {
    margin: 1px 5px 1px 0px !important;
}

#SelectedLinesOfBusiness_taglist li {
    background-color: #6986ac !important;
}

.k-widget, .k-upload, .k-header, .k-upload-sync, .k-upload-empty, .k-filter-menu, .k-popup, .k-group, k-reset k-state-border-up {
    border-radius: 0px !important;
}

#deleteSignature {
    background-color: #ed1c24 !important;
    color: #fff !important;
    padding: 5px 15px !important;
    margin-top: 8px;
}

#userInfoSettingToolbar {
    margin-bottom: 10px !important;
}

.emailSignature, .emailBody {
    border-radius: 0px !important;
    border: 1px solid #ddd !important;
}

.emailEditorHeight {
    border: none !important;
}

.k-upload-button {
    background-color: #2e6fce !important;
    color: #fff !important;
    padding: 5px 15px !important;
    margin-top: 8px;
}

#btnToolbarSave, #btnSaveBlast {
    background: #686868 !important;
    color: #fff !important;
    padding: 4px 20px !important;
    font-size: 1.1em;
}

#btnToolbarAdd {
    background: #59b500 !important;
    color: #fff !important;
    padding: 4px 20px !important;
    font-size: 1.1em;
}

#btnToolbarClear {
    background: #db0000 !important;
    color: #fff !important;
    padding: 4px 20px !important;
    font-size: 1.1em;
}

#btnToolbarSearch {
    background: #1167b8 !important;
    color: #fff !important;
    padding: 4px 20px !important;
    font-size: 1.1em;
}

input {
    box-shadow: none;
    /*border: 1px solid #ddd !important;*/
    padding: 5px;
    border: 1px solid #ddd;
}

.k-tabstrip-items, .k-loading {
    border: none !important;
}

#UserInfo_Index_Container ul li:first-child {
    margin-top: 1px !important;
    border-top: 1px solid #ccc;
}

.k-grid-content {
    box-shadow: none !important;
}

#UserInfo_Index_Container ul li {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

label {
    font-weight: bold;
    font-size: 13px;
    color: #333333;
    padding: 8px;
}

#divReferences label {
    width: 170px;
}

#ReferenceDescription, #ReferenceLink {
    width: 200px;
    border: 1px solid #ccc;
}

.k-toolbar {
    margin-bottom: 15px !important;
}

.demo-section {
    background-color: #fff !important;
}

#divReferencesGrid {
    margin-top: 15px !important;
}

#lstAvailable, #lstAssigned {
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    color: #000 !important;
    font-size: 12px !important;
    width: 330px;
}

#imgRightArrow {
    padding: 0 8px;
    margin-top: -2px;
}

#imgleftArrow {
    padding: 0 8px;
    margin-top: -2px;
}

#divApprovingManagersDualListBox label {
    width: 420px !important;
}

.MaterialAliesSectionLeft label {
    width: 140px;
}

.k-dropdown-wrap, .k-state-disabled {
    border-radius: 0px !important;
}

#searchtext {
    position: relative;
    top: 3px;
}

#searchButton {
    background: #1167b8 !important;
    color: #fff !important;
    border: 0px !important;
    padding: 2px 19px;
    margin-left: 5px;
}

#addButton {
    background: #59b500 !important;
    color: #fff !important;
    border: 0px !important;
    padding: 2px 12px 1px 12px;
    margin-left: 5px;
    top: -2px;
    position: relative;
}

#addAlias {
    margin-left: 67px !important;
}

#okayButton {
    background: #59b500 !important;
    color: #fff !important;
    padding: 3px 7px;
    border: none;
    width: 50px;
    height: 25px;
}

#cancelButton, confirmationDelete {
    background: #db0000 !important;
    color: #fff !important;
    padding: 3px 7px;
    border: none;
    width: 70px;
    height: 25px;
}

.confirmationYes {
    background: #59b500 !important;
    color: #fff !important;
    padding: 3px 7px;
    border: none;
    width: 50px;
    height: 30px;
}

.confirmationNo {
    background: #db0000 !important;
    color: #fff !important;
    padding: 3px 7px;
    border: none;
    width: 40px;
    height: 30px;
}

.confirmationDelete {
    background: #db0000 !important;
    color: #fff !important;
    padding: 3px 7px;
    border: none;
    width: 70px;
    height: 30px;
}

.confirmationCancel {
    background: #eee !important;
    color: #333 !important;
    padding: 3px 7px;
    border: none;
    width: 70px;
    height: 30px;
}

#middle-pane {
    height: 100% !important;
    position: fixed !important;
}

#left-pane {
    background-color: black;
}

#top-pane {
    background-color: rgb(99,142,181);
    color: black;
}

.k-splitter .k-splitbar {
    background-color: rgb(99,142,181);
}

.cmmsHeaderInformation {
    color: white;
    padding-left: 50px;
}

.Loginbackground {
    background-color: rgb(99, 142, 181);
}

.LoginView {
    width: 30%;
    margin-left: 30%;
    margin-top: 8%;
}

.k-window-titlebar {
    background-color: #005EB8 !important;
    color: #fff !important;
}

#btnConfirmYes {
    background: green;
    color: #fff;
}

#btnConfirmNo {
    background: red;
    color: #fff;
}

.dialog_buttons {
    float: right;
}
