/* Global Styles */
html,
body,
#wrapper {
    height: 100%;
}

body {
    background-color: #d9d9d9;
}

#wrapper {
    padding-left: 0;
}

#page-wrapper {
    width: 100%;
    min-height: 100%;
    padding: 0;
    background-color: #fff;
    margin-top: 50px;
}

.cards-wrapper {
    display: flex;
    flex-wrap: wrap !important;
}

.huge {
    font-size: 50px;
    line-height: normal;
}

.navbar {
    border-radius: 0px !important;
    padding-left: 13px;
    padding-right: 13px;
    box-shadow: 0px 0px 3px 0px;
}

.navbar-nav {
    margin-left: 5%;
}

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 50px;
    padding: 15px;
}

.navbar-brand img {
    width: 40%;
    display: inline-block;
}

#logoImg {
    font-size: 12px;
}

.page-header {
    margin: 10px 0;
    padding-bottom: 9px;
    font-size: 25px;
}

.dropdown-menu>li>a {
    padding: 5px;
}

.nav>li {
    font-weight: 600;
}

/* Top Navigation */

.top-nav {
    padding: 0 15px;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    color: #999;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color: #000;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0, 0, 0, .15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}

/* Side Navigation */

@media(min-width:768px) {
    .side-tree {
        position: fixed;
        top: 51px;
        left: 300px;
        width: 300px;
        margin-left: -300px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #d9d9d9;
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }

    .side-nav {
        position: fixed;
        top: 51px;
        left: 300px;
        width: 300px;
        margin-left: -300px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #d9d9d9;
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }

    .side-nav>li>a {
        width: 300px;
        color: #484848 !important;
    }

    .side-nav>li.active>a,
    .side-nav>li.active>a:hover,
    .side-nav>li>a:hover {
        color: #ffffff !important;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #5c5c5c !important;
    }

    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:focus,
    .navbar-inverse .navbar-nav>.active>a:hover {
        background-color: #5c5c5c;
    }
}

.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    background: none repeat scroll 0 0 #ccc;
    border-bottom: 1px solid #b8b8b8;
    color: #474747;
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

#demo.collapse li.active a {
    background-color: #a6a6a6;
    color: #ffffff;
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Custom Colored Panels */

.panel-green {
    border-color: #5cb85c;
}

.panel-green>.panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-purple {
    border-color: #997A99;
}

.panel-purple>.panel-heading {
    background-color: #997A99;
    color: #fff;
}

.panel-skyblue>.panel-heading {
    border-color: #848484;
    color: #fff;
    background-color: #848484;
}

.panel-skyblue {
    border-color: #848484;
}

.panel-darkgreen {
    border-color: #5E610B;
}

.panel-darkgreen>.panel-heading {
    border-color: #5E610B;
    color: #fff;
    background-color: #5E610B;
}

.panel-crimson {
    border-color: #B40404;
}

.panel-crimson>.panel-heading {
    border-color: #B40404;
    color: #fff;
    background-color: #B40404;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red>.panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow>.panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellowChrome {
    border-color: #e5d622;
}

.panel-yellowChrome>.panel-heading {
    border-color: #e5d622;
    color: #fff;
    background-color: #e5d622
}

.panel-configurator {
    border-color: #4A5454;
}

.panel-configurator>.panel-heading {
    border-color: #4A5454;
    color: #4A5454;
    background-color: #03F8FC;
}

a.icon-download,
a.icon-placeorder,
a.icon-copy,
a.icon-delete,
a.icon-settings {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 0 0 5px;
    background-position: center center;
}

.calendar_icon {
    background: url("../images/calendar.png") no-repeat scroll 94px 0 rgba(0, 0, 0, 0);
    cursor: pointer;
}

a.icon-download {
    background: url(../images/action-download-icon.png) no-repeat;
}

a.icon-download:hover,
a.icon-download:focus,
a.icon-download.faded {
    background: url(../images/action-download-iconfaded.png) no-repeat;
}

a.icon-placeorder {
    background: url(../images/action-download-cart.png) no-repeat;
}

a.icon-placeorder:hover,
a.icon-placeorder:focus,
a.icon-placeorder.faded {
    background: url(../images/action-download-cartfaded.png) no-repeat;
}

a.icon-copy {
    background: url(../images/action-download-reorder.png) no-repeat;
}

a.icon-copy:hover,
a.icon-copy:focus {
    background: url(../images/action-download-reorderfaded.png) no-repeat;
}

a.icon-delete {
    background: url(../images/action-download-delete.png) no-repeat;
}

a.icon-delete:hover,
a.icon-delete:focus {
    background: url(../images/action-download-deletefaded.png) no-repeat;
}

.red-color {
    color: #ff0000;
}

#order-list_filter>div {
    display: inline-block;
}

#order-list_filter button {
    display: inline-block;
    padding: 1px 4px;
}

table.dataTable tbody tr.selected {

    background-color: #D8D8D8;
}

.navbar-inverse {
    background-color: #FFF;
    border-color: #000;
}

select#salesId {
    width: 35%;
}

.info {
    padding: 15px;
    width: 10px;
}

.detail {
    min-width: 140px;
}

td pre {
    border: none;
    background: transparent;
    padding-top: 0;
    font-size: 14px;
}

#message-popup table {
    background: transparent;
    width: 100%;
}

#message-popup table tbody tr td.labeltd {
    width: 50px;
    min-width: 165px;
    vertical-align: top;
}

#moreDetailsModal .modal-dialog {
    width: 475px;
}

.panel-trans-color {
    background-color: #00a7a3;
    color: #ffffff;
}

/* Start: Added By: Harish Bakale, Reviewed By: Venkatsiva Reddy*/
.center {
    text-align: center;
    vertical-align: middle;
}

.max-width {
    text-align: center;
    width: 180px;
}

.right {
    text-align: right;
}

table.dataTable thead th,
table.dataTable tfoot th {
    color: white;
    font-weight: 400;
}

.mt-1 {
    margin-top: 5px;
    margin-left: 3px;
}

.mt-2 {
    margin-top: 5px;
    margin-left: 20px;
}

.mt-3 {
    margin-top: 3px;
    margin-left: 40px;
}

.mr-3 {
    margin-top: 15px;
    margin-right: 40px;
}

.beforeAnimation {
    -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
}

.afterAnimation {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
    -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
}

.toggleWrapper {
    margin: auto;
    border-radius: 5px;
}

.toggleWrapper input.mobileToggle {
    opacity: 0;
    position: absolute;
}

.toggleWrapper input.mobileToggle+label {
    position: relative;
    display: inline-block;
    user-select: none;
    -moz-transition: .4s ease;
    -o-transition: .4s ease;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    -webkit-tap-highlight-color: transparent;
    height: 30px;
    width: 50px;
    border: 1px solid #e4e4e4;
    border-radius: 60px;
    cursor: pointer;
}

.toggleWrapper input.mobileToggle+label:before {
    content: "";
    position: absolute;
    display: block;
    -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    height: 30px;
    width: 51px;
    top: 0;
    left: 0;
    border-radius: 30px;
}

.toggleWrapper input.mobileToggle+label:after {
    content: "";
    position: absolute;
    display: block;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05);
    -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    background: whitesmoke;
    height: 28px;
    width: 28px;
    top: 1px;
    left: 0px;
    border-radius: 60px;
}

.toggleWrapper input.mobileToggle:checked+label:before {
    background: #2ecc71;
    -moz-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
    -o-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
    -webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
    transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}

.toggleWrapper input.mobileToggle:checked+label:after {
    left: 24px;
}

.scale-sm {
    transform: scale(.65);
    /* Equal to scaleX(0.7) scaleY(0.7) */
    margin-left: 20px;
}

/* #quoteAlert > div > div.toggle-group.row > div.col-md-2.col-sm-2.col-xs-2 > label
{
  padding-top: 8px;
}

#orderAlert > div > div.toggle-group.row > div.col-md-2.col-sm-2.col-xs-2 > label
{
  padding-top: 8px;
} */

#guestOptions {
    margin-left: 15px;
}

/* End: Added By: Harish Bakale, GPD-2027, Reviewed By: Venkatsiva Reddy*/

.formRow {
    padding: 15px;
    box-shadow: 0px 0px 6px 0px;
    margin-top: 58px;
    margin-left: 2px;
    margin-right: 2px;
}

.p-0 {
    padding: 0px;
}

.pl-0 {
    padding-left: 0px;
}

.pr-0 {
    padding-right: 0px;
}

img {
    max-width: 110px;
}

.pt-10 {
    padding-top: 10px;
}

.panel-margin {
    margin: 0px;
}

.panel-size {
    width: 50px;
    height: 50px;
}

.panel-darkblue {
    border-color: #033954;
}

.panel-darkblue>.panel-heading {
    border-color: #033954;
    color: #fff;
    background-color: #033954;
}

table.dataTable thead>tr>th {
    padding-left: 8px !important;
    background-color: grey !important;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover,
table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
    background-color: whitesmoke !important;
}

.table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-image: none !important;
}

.panel-synonym {
    border-color: #4A5454;
}

.panel-synonym>.panel-heading {
    border-color: #4A5454;
    color: white;
    background-color: #716c61;
}

.panel-lightOrange {
    border-color: #FA6400;
}

.panel-lightOrange>.panel-heading {
    border-color: #FA6400;
    color: #fff;
    background-color: #FA6400;
    height: 70px;
}

.panel-size-img {
    width: 30px;
    height: 30px;
}

.panel-surplus {
    border-color: #DE6FA1;
}

.panel-surplus>.panel-heading {
    border-color: #DE6FA1;
    color: #fff;
    background-color: #DE6FA1;
}

.panel-light-gray {
    border-color: #99A799;
    background-color: #99A799;
}

.panel-light-gray>.panel-heading {
    border-color: #99A799;
    color: #fff;
    background-color: #99A799
}

.panel-surplus {
    border-color: #89CFF0;
}

.panel-landingPage>.panel-heading {
    border-color: #89CFF0;
    color: #fff;
    background-color: #89CFF0;
}

.panel-landingPage {
    border-color: #89CFF0;
}

.equipment-panel{
  border-color:#2E6F40;
}

.equipment-panel>.panel-heading {
  border-color: #2E6F40;
  color: #fff;
  background-color: #2E6F40;
  height: 70px;
}