body {
    /*background-color: #555;*/
    font-family: 'Segoe UI', Helvetica, Verdana, sans-serif;
}

.login-body-bgcolor {
    background-color: #555;
}

.divcontent {
    /*margin-top: 50px;*/
    /*border-radius: 25px;*/
    /*padding-top: 25px;*/
    padding-bottom: 25px;
    background-color: #FFF;
    border-radius: 5px;
}

#header {
    margin: 0;
    padding: 0 30px;
    /*padding-bottom: 10px;*/
    overflow: hidden;
    border-right: none;
    border-left: none;
    height: auto;
    overflow: hidden;
}

.leftheader {
    /*width:49%;*/
    text-align: left;
    float: left;
    height: 50px;
    background-color: White;
}

.rightheader {
    /*width:49%;*/
    text-align: right;
    float: right;
    vertical-align: sub;
    height: auto;
    padding-right: 0px;
    color: #000;
}

    .rightheader a:link {
        color: #851A12;
    }

#ctl00_Tabs1_LinkButton1 {
    font-weight: bold;
}

#MainDiv {
    background: #fff;
    /*border: 2px solid #C0C0C0;*/
    padding: 5px;
    border-radius: 10px;
}


.dxm-hovered {
    background-color: #851A12 !important;
    color: #FFF;
}

.dxmLite .dxm-main {
    border: 0px !important;
    background-color: #FFF !important;
}

.dxm-selected {
    background-color: #851A12 !important;
    color: #fff;
    border-radius: 5px;
}

.dxmLite .dxm-hovered {
    border-radius: 5px;
}

.dxmLite ul.dx {
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-size: 14px;
}

.dxmLite, .dxmLite .dxm-item a.dx {
    color: #000;
}

.filter-button {
    background-color: #851A12;
    color: #fff;
    border-radius: 5px;
    border: none;
    font-variant: small-caps;
    font-weight: bold;
    height: 25px;
    line-height: 14px;
    font-size: small;
    width: 80px;
    overflow: visible;
    top: 0px;
    margin: 0px;
    padding-left: 4px;
    padding-right: 4px;
}

.filter-button-ticketlist {
    background-color: #851A12;
    color: #fff;
    border-radius: 5px;
    border: none;
    font-variant: small-caps;
    font-weight: bold;
    height: 17px;
    line-height: 14px;
    font-size: small;
    width: 70px;
    overflow: visible;
    top: 0px;
    margin: 0px;
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 4px;
}

.DefaultGVPanel {
    font: small;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    /*height:506px;*/
    height: 100%;
    overflow: auto;
    width: auto;
    padding: 0;
    background: #FFF;
}

.top-buffer {
    margin-top: 20px;
}

.panel-filter-div {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid #C0C0C0;
}

.custom-dropdown {
    height: 34px;
    padding-right: 5px;
    border: 1px solid #CCC;
    background-color: #FFF;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}


    .custom-dropdown:focus {
        border-color: #C98681 !important;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(197, 90, 116, 0.6) !important;
    }

    .custom-dropdown:active {
        border: none;
    }


.ticket-filter-textbox {
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.42857;
    height: 29px;
}

.badge {
    background-color: #851A12 !important;
}

    .badge.response-badge {
        background-color: #606060 !important;
    }

.btn-primary.lonewolf {
    background-color: #851A12;
    border-color: #000;
    color: #fff;
    width: auto;
}

    .btn-primary.lonewolf:hover {
        background-color: #B41A12;
        border-color: #000;
    }

.modal-header {
    background-color: #851A12;
    color: #fff;
}



.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus .tab-custom-selected-background {
    background-color: #851A12;
}

.employeelist label {
    font-weight: normal;
    margin-left: 5px;
}

.divpopup {
    padding-left: 50px;
    padding-right: 50px;
}


.close, .close:hover {
    color: #fff;
    opacity: 1;
}

.modal-backdrop {
    opacity: 0.85 !important;
}

.form-control:focus {
    border-color: #C98681 !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(197, 90, 116, 0.6) !important;
}

.ListControl input[type=checkbox], input[type=radio] {
    display: none;
}

.ListControl label {
    display: inline;
    float: left;
    color: #000;
    cursor: pointer;
    text-indent: 20px;
    white-space: nowrap;
}

.ListControl input[type=checkbox] + label {
    display: block;
    width: 1em;
    height: 1em;
    border: 0.0625em solid rgb(192,192,192);
    border-radius: 0.25em;
    background: #D3D3D3;
    vertical-align: middle;
    line-height: 1em;
    font-size: 14px;
}

.ListControl input[type=checkbox]:checked + label::before {
    content: "\2714";
    color: #851A12;
    height: 1em;
    line-height: 1.1em;
    width: 1em;
    font-weight: 900;
    margin-right: 6px;
    margin-left: -20px;
}

.ListControl input[type=radio] + label {
    display: block;
    width: 1em;
    height: 1em;
    border: 0.0625em solid rgb(192,192,192);
    border-radius: 1em;
    background: #D3D3D3;
    vertical-align: middle;
    line-height: 1em;
    font-size: 14px;
}

.ListControl input[type=radio]:checked + label::before {
    content: "\2716";
    color: #851A12;
    display: inline;
    width: 1em;
    height: 1em;
    margin-right: 6px;
    margin-left: -20px;
}




.dxgvHeader_Glass {
    background: #851A12;
}

    .dxgvHeader_Glass table {
        color: #ffffff;
    }

.dxgvCommandColumn_Glass a {
    color: #851A12;
}

.dxgvHeader_Glass {
    border: 1px solid #000;
}

.dxgvEditFormDisplayRow_Glass td.dxgv, .dxgvDataRow_Glass td.dxgv, .dxgvDataRowAlt_Glass td.dxgv, .dxgvSelectedRow_Glass td.dxgv, .dxgvFocusedRow_Glass td.dxgv {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}

.dxgvControl_Glass, .dxgvDisabled_Glass {
    border: 1px solid #000;
}

table {
    max-width: 100%;
    font-size: 11px;
}

.background-container {
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    text-align: left;
    height: 100%;
    max-width: 100%;
}


.form-control {
    height: auto;
}

.divticketcontent {
    /*margin: 50px 100px 25px;*/
    border-radius: 5px;
    /*padding-top: 25px;*/
    padding-bottom: 25px;
    background-color: #FFF;
    overflow: hidden;
}

.HeaderStyle {
    background-color: #851A12;
    color: #fff;
    font-weight: bold;
    text-align: left;
    font-size: 11px;
}

    .HeaderStyle a:link {
        color: #fff;
    }

.ItemStyle {
    color: #000;
    text-align: left;
    font-size: 10px;
}

/* unvisited link */
.editdeletecommandfield a:link {
    color: #851a12;
}

/* visited link */
.editdeletecommandfield a:visited {
    color: #851a12;
}

/* mouse over link */
.editdeletecommandfield a:hover {
    color: #851a12;
}

/* selected link */
.editdeletecommandfield a:active {
    color: #851a12;
}

.editdeletecommandfield {
    padding: 15px;
}

.table-noborder > tbody > tr > td {
    border: none;
}

/* unvisited link */
.ticket-menu a:link {
    color: #851a12;
}

/* visited link */
.ticket-menu a:visited {
    color: #851a12;
}

/* mouse over link */
.ticket-menu a:hover {
    color: #851a12;
}

/* selected link */
.ticket-menu a:active {
    color: #851a12;
}

.ticket-menu {
    color: #000;
}

    .ticket-menu > tbody > tr > td {
        padding: 5px;
    }

.ticket-menu-selected {
    background-color: #851A12;
    color: #fff !important;
    border-radius: 10px;
    margin: 10px;
    text-align: center;
}

.inline-display {
    display: inline;
}



/* unvisited link */
a:link {
    color: #851a12;
}

/* visited link */
a:visited {
    color: #851a12;
}

/* mouse over link */
a:hover {
    color: #851a12;
}

/* selected link */
a:active {
    color: #851a12;
}

table .ticket-filter {
    border-collapse: collapse;
}

.ticket-filter > tbody > tr > td {
    padding: .5em;
}

.editdeletecommandfield {
    vertical-align: middle;
}

img.ui-datepicker-trigger {
    padding-left: 3px;
}

/*table margin-bottom*/

option.salesticketlist {
    border: 1px solid #ECE4E4 !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

table.GridView {
    font-family: 'Segoe UI', Helvetica, Verdana, sans-serif;
    font-size: 11px;
}

.GridView > tbody > tr > td {
    font-size: 11px;
}

.GridView, .GridView th, .GridView td {
    border: 1px solid #ddd;
    padding-left: 5px;
}

.clientdetails tr td {
    padding-right: 4px;
}

.update-client-heading {
    background-color: rgb(133, 26, 18);
    color: rgb(255, 255, 255);
    padding: 1px;
}

.heading-color {
    background-color: #851A12 !important;
    color: #fff !important;
}

.label-form-control {
    height: 34px;
    text-align: left;
}

.width-auto {
    width: auto;
}

.center-table {
    margin: 0 auto !important;
    float: none !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #851A12;
}

.nav-tabs > li > a {
    background-color: #E0E0E0;
    color: #878787;
}

.admin-container {
    padding-left: 25px;
    padding-right: 25px;
}

.appointment-day {
    background-color: #458AFB;
    color: #fff;
}

.appointment-day-outlook {
    background-color: #7F8999;
    color: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: #851A12;
    border-radius: 20px;
}

.manageusers {
    color: #C98681;
}

.dxICBFocused_Glass {
    background-color: #851A12 !important;
}

.dxICheckBox_Glass {
    background-color: #FFC2BE;
}

.dxgvInlineEditRow_Glass td.dxgv {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}

.gridviewEditLabel {
    padding-left: 6px;
}


.ctl00_ApplicationPlaceholder_Menu1_2 a, .ctl00_ApplicationPlaceholder_Menu1_2 a:hover {
    color: #000 !important;
}

.selected-menu a, .selected-menu a:hover {
    color: #851A12 !important;
}

.tabInactive {
    font-size: 1em;
    font-family: Arial;
    font-weight: bold;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: #D8DAE2;
    text-align: center;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
    margin-left: 12px;
    margin-right: 25px;
}

    .tabInactive a:link {
        font-family: Arial;
        font-weight: bold;
        text-decoration: none;
    }

    .tabInactive a:visited {
        font-family: Arial;
        font-weight: bold;
        text-decoration: none;
    }

    .tabInactive a:active {
        font-family: Arial;
        font-weight: bold;
        color: #FFC453;
        text-decoration: none;
    }

    .tabInactive a:hover {
        font-family: Arial;
        font-weight: bold;
        color: #FFC453;
        text-decoration: none;
    }

.tabActive {
    font-size: 1em;
    border-top: 1px solid #000000;
    border-right: 0px solid #000000;
    border-left: 0px solid #000000;
    border-bottom: 0px none;
    background-color: #F0F0FC;
    text-align: center;
    padding-top: 3px;
    padding-right: 18px;
    padding-bottom: 3px;
    padding-left: 18px;
}

    .tabActive a:link, .tabActive a:visited {
    }

/*
This is the style for the tabs
*/

.menu {
}

.menuItem {
    text-align: center;
    Width: Auto;
    display: Inline;
    border: 1px solid blue;
    padding: 0 5px 0 5px;
    _filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#2E478088');
}


.menuSelectedItem {
}

.menuItem a:link, .menuItem a:visited {
    color: Black;
}

.menuItem a:hover {
    background: url(../../images/paw.png) no-repeat left;
}

.tab {
    /*border-right: 2px solid #000000;
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;*/
    /*padding: 4px;*/
    width: 100px;
    background: #fff;
    color: #000;
    font-size: 14px;
}

    .tab a {
        color: #000 !important;
        font-size: 14px !important;
    }

    .tab td {
        font-size: 14px;
    }

.tabselected {
    /*border-right: 2px solid #000000;
    border-left: 2px solid #000000;
    border-top: 2px solid #000000;*/
    border-color: #851a12 !important;
    border-style: solid !important;
    background: #851a12 !important;
    border-width: 1px !important;
    color: #fff !important;
}

.tabdropdown {
    border-color: transparent !important;
    border-style: solid !important;
    padding: 5px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    width: 100px !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 12px !important;
    border-width: 1px !important;
}

.reportClass a.static.highlighted {
    background: #851a12 !important;
    color: #fff !important;
}

.reportClass a:hover {
    background: #851a12 !important;
    color: #fff !important;
}

.tabdropdown a:hover {
    background: #851a12 !important;
    color: #fff !important;
}

.reportClass a.static.selected {
    background: #851a12 !important;
    color: #fff !important;
}
/* GridView Styles */

.SelectedRowStyle {
    background-color: #CCCCCC;
}

.GridView {
    width: 98%;
}


table, th, td {
    border-color: #C0C0C0;
    font-size: 11px;
}

.ticket-filter th, .ticket-filter td {
    border-color: #C0C0C0;
    font-size: 14px;
}

a {
    color: Gray;
    font-family: Tahoma;
    font-weight: 500;
    text-decoration: none;
}
    /* because of some browsers the element A must be defined */
    a[name] {
        color: Black;
        background-color: transparent;
    }
    /* CSS2-compliant browsers implement a:hover also for named anchors; in order to avoid a:hover to change properties of named anchors they must define as important; in this solution a:hover should not use the !important rule */
    a:link {
        color: #851a12;
    }
    /* unvisited link */
    a:visited {
        color: #851a12;
    }
    /* visited link */
    a:active {
        color: #851a12;
        text-decoration: none;
    }
    /* according to CSS2-specification :active should work between on-mouse-down and on-mouse-up events but according to CSS1 the link stays marked until the user click with mouse to another place */
    a:hover {
        color: #851a12;
        text-decoration: none;
    }
    /* the mouse "hovers" over the link */
    a:focus {
        color: #851a12;
        text-decoration: none;
        border-color: #09c;
    }
/* :active and :focus are different states; Only :focus should leave the link marked until the next click of the mouse (:focus is designed primary into keyboard navigation and form control elements; browsers are not obliged to support it with the A element) */


.dxpLite_Glass .dxp-current {
    color: #851A12;
}

.dxpLite_Glass .dxp-num {
    color: #851A12;
}

button[disabled], html input[disabled] {
    cursor: default;
    background-color: #987D7B;
}


.btn-primary.lonewolf[disabled] {
    cursor: default;
    background-color: #987D7B;
}

.accordion-heading {
    background-color: rgb(245, 245, 245);
    padding: 10px;
}

.department-role-name-txt {
    height: 50px;
    border-radius: 15px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #851A12 !important;
    background: #851A12 !important;
    font-weight: bold;
    color: #FFF !important;
}

.ui-widget-content {
    border: 1px solid #851A12 !important;
    font-size: 11px !important;
}

.dxgvFilterRow_Glass td.dxgv {
    border-width: 0px 1px 1px 0px;
    border-bottom: 1px solid #851A12;
    border-right: 1px solid #851A12;
    padding: 2px;
    overflow: hidden;
    background-color: #FFF;
}

.dxeTextBox_Glass, .dxeMemo_Glass {
    background-color: #FFF;
    border: 1px solid #851A12;
}

.dxeButtonEdit_Glass {
    border: 1px solid #851A12;
}

.dxeListBoxItemHover_Glass {
    background-color: #851A12;
    color: #FFF;
}

.unfollow {
    background-color: #44802A;
    border-color: #000;
    color: #FFF;
    width: auto;
}

.select2-results__option--highlighted {
    background-color: #851A12 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
}

.table-nopadding > tbody > tr > td, .table-nopadding > tbody > tr > th, .table-nopadding > tfoot > tr > td, .table-nopadding > tfoot > tr > th, .table-nopadding > thead > tr > td, .table-nopadding > thead > tr > th {
    padding: 0px !important;
}

.timezone {
    color: #851A12;
}

.scrollable {
    height: 550px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.customtable th, .customtable td {
    border-color: #C0C0C0;
    border: 1px solid black;
    padding: 1px;
}

.lesspadding {
    padding: 5px !important;
}

.table-label {
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
    padding-right: 5px;
}

.panel-login {
    opacity: 0.9;
    width: 500px;
    border: solid 3px #851A12;
}

.panel-heading-login {
    text-align: center;
    color: #333;
    background-color: #F5F5F5;
    border-color: #DDD;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.escalation > table > th > td {
    border-color: #C0C0C0;
    font-size: 11px;
    padding: 2px;
}

.ticket-state-table td {
    padding: 5px;
}

.ticket-state-table th {
    padding: 5px;
}

.manage-products-sections-searchbox {
    display: inline;
    height: 30px;
    width: 200px;
    padding: 3px;
    margin: 6px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.margin-1 {
    margin-bottom: 1px !important;
}

.padding-1 {
    padding: 1px !important;
}

.boxsizing {
    box-sizing: initial !important;
}


.ticket-email-table > tbody > tr > td {
    padding: 2px;
}

.no-margin {
    margin: 0px;
}

.col-width-1 {
    width: 1%;
}

.col-width-3 {
    width: 3%;
}

.col-width-5 {
    width: 5%;
}

.col-width-10 {
    width: 10%;
}

.col-width-15 {
    width: 15%;
}

.col-width-30 {
    width: 30%;
}

.col-width-70 {
    width: 70%;
}

.smallfont > tbody > tr > td {
    font: small Tahoma !important;
    font-size: small !important;
}

.comments-table {
    margin-bottom: 0 !important;
    border: 0 !important;
}

.panel {
    padding: 0 !important;
    margin-bottom: 2px !important;
}

.table-padding-5 > tbody > tr > td {
    padding: 5px !important;
}

.table-padding-1 > tbody > tr > td {
    padding: 1px !important;
}

.table-padding-2 > tbody > tr > td {
    padding: 2px !important;
}

/*.ticket-filter-1-padding {
    border-collapse: collapse;
}

.ticket-filter-1-padding > tbody > tr > td {
    padding: 1px;
}

.ticket-filter-1-padding th, .ticket-filter-1-padding td {
    border-color: #C0C0C0;
    font-size: 14px;
}*/


.font-size-10px {
    font-size: 11px;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

    .row.no-gutter [class*='col-']:not(:first-child),
    .row.no-gutter [class*='col-']:not(:last-child) {
        padding-right: 0;
        padding-left: 0;
    }

.less-side-padding {
    padding-left: 2px;
    padding-right: 2px;
}

.nav-tabs > li.inactiveTicketTab > a {
    background-color: #E0E0E0;
    color: #851A12;
}

.margin-15 {
    margin: 15px !important;
}

.no-padding {
    padding: 0px !important;
}

.border-1 {
    border: 1px solid;
    border-color: #DDD;
}

.asssign-tickets-grid .dxgvSelectedRow_Glass {
    background-color: #FFE4E6 !important;
}

a.popup-link {
    color: #851A12;
    font-family: Tahoma;
    font-weight: 500;
    cursor: pointer;
}

.ticket-comments-breakwords {
    word-wrap: break-word;
    /*word-break: break-all;
    word-break: break-word;*/
}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .ticket-comments-breakwords {
        word-break: break-all;
        word-break: break-word;
    }
}

/* IE9, IE10 */
@media screen and (min-width:0\0) {
    .ticket-comments-breakwords {
        word-break: break-word;
        word-break: break-all;
    }
}

/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ticket-comments-breakwords {
        word-break: break-all;
        word-break: break-word;
    }
}

.table-layout-fixed {
    table-layout: fixed;
    word-wrap: break-word;
}

.width-95px {
    width: 95px;
}

a.disabledLink:hover {
    color: gray;
}

a.enabledLink:hover {
    color: #f15e34;
}

.padding-15 {
    padding: 15px !important;
}


.no-padding-no-margin-left {
   padding-left: 0 !important;
   margin-left: 0 !important;
}

.no-padding-no-margin-right {
   padding-right: 0 !important;
   margin-right: 0 !important;
}

.margin-right-minus-100 {
   margin-right: -100px !important;
}

.error-label {
    color: red;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.mainContainer {
    width: 100%; /* Try setting this to 400px or something */
    display: table;

}
.child {
    display: table-cell;
}
.childinner {
    margin-left: 25px;
  
}
.child:first-child .childinner {
    margin-left: 0;
}

.lwolfPanel {
    background-color: #851A12 !important;
    color: #FFF !important;
}

.lwolfBorderColor {
    border-color: #851A12 !important;
}