body {
    margin: 0px;
    background-color: #344966;
    /* background-image: url(../Images/background.jpg);
background-repeat: repeat-x;*/
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 13px;
    padding: 0px 15px;
}

body, html, iframe { /* height:100%;*/
}

    iframe iframe body {
        background-color: #fff;
    }

ul, li {
    padding: 0px;
    margin: 0px;
}

input, select {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 13px;
}

.top-nav li {   
    display: inline-block;
    padding: 0px 0px;
    height: 18px;
    line-height: 18px;
}

    .top-nav li a {
        display: inline-block;
        padding: 0px 10px;
    border-right: 1px solid #fff;   
        cursor: pointer;
}

.top-nav li:nth-child(3) {
        padding: 0px 10px;
    border-right: 1px solid #fff;   
}

    .top-nav li:last-child {
        padding-left: 10px;
}

top-nav li a {
    color: #fff;
}

.loginlogo {
    max-width: 600px;
    margin: 0px auto;
    margin-top: 10px;
    text-align: center;
}

.loginwrapper {
    background: #fff;
    max-width: 400px;
    width: 100%;
    margin: 0px auto;
    margin-top: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cecece;
}

.login-heading {
    height: 25px;
    line-height: 25px;
    background: #fafafa;
    background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
    background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
    background-image: -ms-linear-gradient(top, #fefefe, #eeeeee);
    background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
    background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
    padding: 0px 10px;
    border-bottom: 1px solid #cecece;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.login-body {
    padding: 10px;
}

.remember-text input {
    margin-right: 5px;
    position: relative;
    top: 2px;
}

label {
    font-weight: normal;
}

.label {
    color: #333;
}

.top-nav {
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
    text-align: right;
    height: 35px;
    line-height: 35px;
}

    .top-nav a {
        color: #FFFFFF;
        text-decoration: none;
    }

        .top-nav a:visited {
            color: #FFFFFF;
            text-decoration: none;
        }

        .top-nav a:hover {
            text-decoration: underline;
        }

.logodiv {
    text-align: center;
    border-bottom: 1px solid #fff;
    margin: 0px 0px;
    padding-bottom: 35px;
    color: #fff;
}

.graftabel td {
    padding: 0px 10px;
}

.grafheading {
    background: #fafafa;
    background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
    background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
    background-image: -ms-linear-gradient(top, #fefefe, #eeeeee);
    background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
    background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
    line-height: 28px;
    border-bottom: 1px solid #cecece;
}

.leftnav {
 position: fixed !important;
 width: 50px;
}
 
.transition {
    transition: all 0.5s ease;
}

.leftnav-expand {
    width: 240px;   
    background: #344966;
    padding-right: 15px;
    z-index: 999;
    top: 0px;
    padding-top: 40px;
}

.menu-expand {
    border: 1px solid red !important;
}

.leftnav .mCSB_outside + .mCSB_scrollTools {
right: -15px;
}

.menulist-items {
    padding: 0px 0px 40px 0px;
    overflow-x: hidden;
    height: calc(100vh - 178px);
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: inherit;
}

.rightnav {
    /*width:86%; min-height: calc(100vh - 50px);*/ margin-left: 70px;
    background: #fff;
    padding: 15px !important;
    /* transition: all 0.5s ease; */
}

.rightnav-expand {
/*margin-left: 220px;*/
}

.fullwidth {
    width: 95%;
}

.width10 {
    width: 50px;
    overflow: hidden;
}

.leftnav:not(.leftnav-expand) .MenuGroup .fa-angle-down, .leftnav:not(.leftnav-expand) .submenu, .leftnav:not(.leftnav-expand) .company-name {
    display: none;
}

.leftnav:not(.leftnav-expand) .menuitemtext {
    display: none;
}

.navbar-inverse {
    width: 50px;
    background: inherit;
    position: fixed;
    top: 0px;
    display: block !important;
    z-index: 2222;
}

    .navbar-inverse .navbar-toggle {
        border: none;
        margin-top: 0px;
    }

        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
            background-color: inherit;
        }

.navbar-toggle {
    display: block;
}

.navbar-inverse .container-fluid {
    padding: 0px;
}

.MenuBottomLine {
    height: 1px;
    background-color: #77B2C9;
}

.MenuTable {
    color: #fff;
}

 .MenuTable li {
 list-style: none;
}

.mymenu {
    display: none !important;
}

#Home {
    cursor: pointer;
    padding: 0px;
}

.hometable {
    height: 100%;
    width: 100%;
    height: calc(100vh - 70px);
    display: table;
}

.home-cell {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.text-center {
    text-align: center;
}

.MenuTable, .MenuTable ul {
    padding: 0px;
    margin: 0px;
}

.menuarrow .fa {
    color: #fff;
}

.MenuGroup {
    font-size: 16px;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

.MenuTable .MenuGroup {
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #fff;
    padding: 7px 0px;
}

.submenu ul {
    background: rgba(255, 255, 255, .1);
}

    .submenu ul li span {
        display: block;
        font-size: 14px;
        border-bottom: 1px solid #fff;
        padding: 4px 0px;
    }

    .submenu ul li {
        padding: 0px 10px;
    }

.MenuTable li span.iconimg {
    display: inline-block;
    /*padding-left: 28px;*/
    height: 28px;
    line-height: 28px;
}
/*
.leftnav .menuitemtext,.leftnav .fa,.company-name{display:none; }
 .leftnav-expand .menuitemtext,.leftnav-expand .fa,.leftnav-expand .company-name{display:inline-block; }
    */
.iconimg {
    display: inline-block;
    cursor: pointer;
}
 
.MenuTable li label {
    margin-bottom: 0px;
    margin: 0px 5px;
}
 

.glyphicon-home:before {
    font-family: 'Glyphicons Halflings';
    font-size: 18px;
    position: relative;
    top: -1px;
}

.leftnav-expand .glyphicon-home:before {
top: 0px;
}

.leftnav-expand .MenuTable li label.Analytics:before {
    top: 0px;
}
.leftnav-expand .MenuTable li label.Insurance:before {
    top: 0px;
}
.leftnav-expand .MenuTable li label.Contact:before {
top: 0px;
}

.leftnav-expand .MenuTable li label.Compliance:before {
top: 0px;
}

.leftnav-expand .MenuTable li label.Complaint:before {
top: 0px;
}

.leftnav-expand .MenuTable li label.Administration:before {
top: 0px;
}

.MenuTable li label.ComplainceAngular:before {
    content: "\e243";   
    font-size: 18px;
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: -2px;
}
.MenuTable li label.Analytics:before {
    content: "\e185";   
    font-size: 18px;
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: -2px;
}
.MenuTable li label.Insurance:before {
    content: "\f132";   
    font-size: 18px;
    font-family: 'FontAwesome';
    position: relative;
    top: -2px;
}

.MenuTable li label.Risk:before {
    content: "\e150";    
    font-size: 18px;
    font-family: 'Glyphicons Halflings';
}

.MenuTable li label.Contact:before {
    content: "\e008";    
    font-size: 18px;
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: -1px;
}

.MenuTable li label.Compliance:before {
    content: "\e013";    
    font-size: 18px;
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: -2px;
}

.MenuTable li label.Complaint:before {
    content: "\e032";    
    font-size: 18px;
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: -1px;
}

.MenuTable li label.Administration:before {
    content: "\e019";    
    font-size: 18px;
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: -1px;
}

.MenuTable li label.Dealer:before {
    content: "\e118";    
    font-size: 18px;
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: -1px;
}
.MenuTable li label.Pulse:before {
    content: "\e237";    
    font-size: 18px;
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: -1px;
}
.MenuTable li label.Reports:before {
    content: "\e018";    
    font-size: 18px;
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: -1px;
}

.MenuTable li.mainmenuli:hover, .submenu ul li:hover {
    background: rgba(255, 255, 255, .5);
}
.MenuTable li:not(.submenu):hover {
    background: rgba(255, 255, 255, .5);
}
.submenu .menuarrow {
    display: none;
}

.MenuGroup .fa-angle-down {
    float: right;
    position: relative;
    top: 6px;
    right: 8px;
}

.mainmenu {
    text-align: left;
}

.MenuItem {
    font-size: 14px;
    text-decoration: none;
}

    .MenuItem a:link {
        text-decoration: none;
    }

    .MenuItem a:visited {
        text-decoration: none;
    }

.MenuMousedItem {
    cursor: pointer;
}

.MenuSelectedItem {
    background: rgba(255, 255, 255, .5);
    text-decoration: none;
}



.padding-10 {
    padding: 10px;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left !important;
}

button.header-savebtn {
    height: 22px;
    line-height: 22px;
    margin-top: 2px;
}

.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

.inline-block {
    display: inline-block;
}

.text1 {
    font-size: 10px;
    color: #000000;
}

.text a:link {
    text-decoration: none;
}

.text a:visited {
    text-decoration: none;
}

.text a:hover {
    text-decoration: underline;
}
 
.float-left {
    float: left;
    width: 100%;
}

.salesbizmonitor {
    /*border: 1px solid #cccccc;
border-top: 0px;*/
}

.chartbody {
    border-top: 0px;  
    padding: 15px;
}

.bodyborder {
    float: left;
    width: 100%;
    border: 1px solid #cccccc;
    padding: 15px;
}

.bluebg {
 float: left;
width: 100%;
border: 1px solid #cccccc;
padding: 15px;
}

.blue-body {
    background: #fff;
    border: 1px solid #cccccc;
    padding: 15px;
    border-top: none !important;
    float: left;
    width: 100%;    
    margin-bottom: 15px; 
}

.blue-body-top {
    background: #fff;
    border: 1px solid #cccccc;
    padding: 15px;
    float: left;
    width: 100%;    
    margin-bottom: 15px; 
}

.dashboard .bodyborder {
    margin-bottom: 15px;
}

.blue-body-pad15 {
    padding: 15px;
}

.dealerproduction .bodyborder {
    margin-bottom: 15px;
    padding: 0px;
}

.chartborder {
    border: 1px solid #cccccc;
    /*border-top: 0px;*/
}

.databody {
    padding: 8px;
    border: 1px solid #cccccc;
}

.mysummery-databody {
    padding: 8px;
    border: 1px solid #cccccc;
    width: 100%;
    margin-bottom: 10px;
}

.colright {
    padding-right: 0px;
}

.colrightin {
    padding-right: 0px;
} 

.poup-blue-body {
    background: #fff;
}

.table-td-pad5 td:not(.DataTreeGrid_groupSeparator), .table-td-pad5 .table-cell, .datagrid th, .table-td-pad5 th {
    padding: 0px 5px;
}

.datagrid .DataTreeGrid_groupHeaderRow td {
    border: inherit !important;
}

.listbox {
    margin-top: 5px;
}

.tabel-cell-pad10 .table-cell {
    padding: 10px;
}

.table-cell-pad5 .table-cell {
    padding: 0px 5px;
}

.brnone br {
    content: "";
    margin: 0em;
    display: block;
}

.margin-bt20 {
    margin-bottom: 20px;
}

.charts {
    border: 1px solid #cccccc;
    /*width: 99%;*/
    margin-bottom: 15px;
}

.chartText {
}

.padding-right5 {
    padding-right: 5px !important;
}

.padding-left5 {
    padding-left: 5px !important;
}

.pull-right .charts {
    float: right;
}

.dimension_item {
    font-size: 13px;
    color: #000000;
    background-color: #FFFFFF;
}

.nowrap {
    white-space: nowrap;
}

.dimension_item a:link {
    text-decoration: none;
}

.dimension_item a:visited {
    text-decoration: none;
}

.dimension_item a:hover {
    text-decoration: underline;
}

.heading {
    font-size: 13px;
    color: #000000;
    text-decoration: none;
}

.LabelAsHeading {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin: 10px 0px;
}

.chartheading {
    background: #fff;
    padding-left: 5px; 
    line-height: 22px;
    font-weight: bold;
    border-bottom: 1px solid #b7b7b7;
}

.heading2 {
    float: left;
    width: 100%;
    background: #fff;
    padding-left: 5px;
    line-height: 27px;
    border: 1px solid #cecece;
    font-weight: bold;
}

.rowHeading {
    min-height: 30px;
    line-height: 30px;
    padding-left: 5px;
    font-size: 13px;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #b7b7b7;
    float: left;
    width: 100%;
}

.width50 {
    width: 50px;
    display: inline-block;
    margin-bottom: 15px !important;
}

.width100 {
    width: 100px;
    display: inline-block;
    margin-bottom: 15px !important;
}

.width74 {
    width: 74px;
    display: inline-block;
    margin-bottom: 15px !important;
}

.width150 {
    width: 150px;
    display: inline-block;
    margin-bottom: 15px !important;
}

.margin-null {
    margin: 0px !important;
}

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

.paddingleft-null {
    padding-left: 0px;
}

.paddingright-null {
    padding-right: 0px;
}

.width-100 {
    width: 100% !important;
}

.text-label, .text-label-data {
    line-height: 25px;
}

.valign-mid {
    vertical-align: middle !important;
}

.valign-top {
    vertical-align: top !important;
}

.valign-top-input input {
    vertical-align: top !important;
}

.table {
    display: table;
    margin-bottom: 10px;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell; /*vertical-align:top;*/
}

.table-border {
    border: 1px solid #a2cde4;
}

.alertsetting .table-cell {
    padding: 10px;
}

.vmidddle {
    vertical-align: middle;
}

.filterrow1 input[type=checkbox], .filterrow1 input[type=radio] {
    margin: 0px 5px;
    position: relative;
    top: 3px;
}

.width-auto {
    width: auto;
}

.filter-maintable {
    border: 1px solid #e5e5e5;
    margin-bottom: 15px;
    /*overflow:auto;*/
}

.filter-table .dimension_item {
    padding-right: 5px;
    display: inline-block;
}

.dropdown {
    font-size: 12px;
    color: #000000;
    border: 1px solid #7F9DB9;
    height: 20px;
    text-align: left;
}

.textbox {
    font-size: 12px;
    color: #000000;
    border: 1px solid #ccc;
}

.form-control, input.highlightText, input.RightAlignText {
    display: inline-block;
    width: inherit;
    height: 28px;
    padding: 3px 6px;
    font-size: 13px;
    line-height: 1.22857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input.readonly[readonly] {
    box-shadow: inherit !important;
    border: none !important;
     background-color: inherit !important;
}

.form-control-blue {
    /*background-color: #EFF3FB;*/
    background-color: #fff !important;
    display: inline-block;
    width: inherit;
    height: 28px;
    padding: 3px 6px;
    font-size: 13px;
    line-height: 1.22857143;
    color: #555;
    border: none;
    width: 90%;
    margin-bottom: 5px;
}

select.form-control-blue {
    border: 1px solid #ccc;
}

.table.from-ctrl-bt10 .form-control {
    margin-bottom: 10px;
}

.box-text {
    font-size: 13px;
    color: #000000;
    text-decoration: none;
    background-color: #E5E5E5;
}

.forminput input[type="text"], .forminput select {
    margin-bottom: 10px;
}

.webtabs, .jqx-webtabs {
    margin: 0px;
    padding: 0px;
    margin-bottom: 0px;
}

    .webtabs li, .jqx-webtabs li {
 display: inline-block;
}
 
        .webtabs li .Webtab, .jqx-webtabs li {
display: inline-block;
padding: 5px 10px;
border: 1px solid #e5e5e5;
cursor: pointer;
            border-bottom: none;
 -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
 }

            .webtabs li .Webtab, .jqx-webtabs li a {
                color: #333;
            }

.webtabs li .Webtabcurrent {
padding: 5px 10px;
display: inline-block;
background: #095eac;
border: 1px solid #095eac;
color: #fff;
cursor: pointer;
}

        .webtabs li a:hover {
            text-decoration: none;
        }

        .webtabs li:hover {
            background-color: #cfdde9;
        }

.login-heading {
    font-size: 16px;
    font-weight: bold;
    color: #244F79;
    text-decoration: none;
}

.checkboxlist input, .radiolist input {
    position: relative;
    top: 2px;
    margin: 0px 5px;
}

.checkboxlist input, .radiolist1 input {
    position: relative;
    top: 2px;
}

.checkboxlisttable input {
    margin: 0px 5px;
    position: relative;
    top: 0px;
}

.color_identity.checkboxlist input {
    top: 4px;
    margin-right: 4px;
}

.radio-padding input {
    margin-right: 2px;
}

.checkboxlist label, .radiolist label {
    display: inline-block; 
}

.button, .uploadbutton, .button_popup {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;    
    color: #FFF;
    border: none;
    background: #095eac;
   /* background-image: -webkit-linear-gradient(top, #095eac, #344966);
    background-image: -moz-linear-gradient(top, #095eac, #344966);
    background-image: -ms-linear-gradient(top, #095eac, #344966);
    background-image: -o-linear-gradient(top, #095eac, #344966);
    background-image: linear-gradient(to bottom, #095eac, #344966);*/
    height: 27px;
    width: 82px;
    padding-bottom: 2px;
    font-weight: normal;
}

.btnGoClass {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: #FFF;
    border: none;
    margin: 0px 5px;
    background: #095eac;
   /* background-image: -webkit-linear-gradient(top, #095eac, #344966);
    background-image: -moz-linear-gradient(top, #095eac, #344966);
    background-image: -ms-linear-gradient(top, #095eac, #344966);
    background-image: -o-linear-gradient(top, #095eac, #344966);
    background-image: linear-gradient(to bottom, #095eac, #344966);*/
}

.bigbutton {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: #FFF;
    background: #095eac;
   /* background-image: -webkit-linear-gradient(top, #095eac, #344966);
    background-image: -moz-linear-gradient(top, #095eac, #344966);
    background-image: -ms-linear-gradient(top, #095eac, #344966);
    background-image: -o-linear-gradient(top, #095eac, #344966);
    background-image: linear-gradient(to bottom, #095eac, #344966);*/
    border: none;
    height: 27px;
    width: 148px;
    padding-bottom: 2px;
    font-weight: normal;
}

.bigbuttonWithNoProgressBar {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    background-color: #06F;
    color: #FFF;
    background: #095eac;
   /*background-image: -webkit-linear-gradient(top, #095eac, #344966);
    background-image: -moz-linear-gradient(top, #095eac, #344966);
    background-image: -ms-linear-gradient(top, #095eac, #344966);
    background-image: -o-linear-gradient(top, #095eac, #344966);
    background-image: linear-gradient(to bottom, #095eac, #344966);*/ 
    border: none;
    height: 27px;
    width: 148px;
    padding-bottom: 2px;
    font-weight: normal;
}

.buttonWithNoProgressBar {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    background-color: #06F;
    /*background-color: #256c96;*/
    color: #FFF;
    background: #095eac;
  /*  background-image: -webkit-linear-gradient(top, #095eac, #344966);
    background-image: -moz-linear-gradient(top, #095eac, #344966);
    background-image: -ms-linear-gradient(top, #095eac, #344966);
    background-image: -o-linear-gradient(top, #095eac, #344966);
    background-image: linear-gradient(to bottom, #095eac, #344966);*/
    border: none;
    height: 27px;
    width: 82px;
    padding-bottom: 2px;
    font-weight: normal;
}

.buttonValidate {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    background-color: #06F;
    color: #FFF;
    background: #095eac;
    /*background-image: -webkit-linear-gradient(top, #095eac, #344966);
    background-image: -moz-linear-gradient(top, #095eac, #344966);
    background-image: -ms-linear-gradient(top, #095eac, #344966);
    background-image: -o-linear-gradient(top, #095eac, #344966);
    background-image: linear-gradient(to bottom, #095eac, #344966);*/
    border: none;
    height: 27px;
    width: 82px;
    padding-bottom: 2px;
    font-weight: normal;
}

.reloadgraph {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: #FFF;
    background: #095eac;
    /* background-image: -webkit-linear-gradient(top, #095eac, #344966);
    background-image: -moz-linear-gradient(top, #095eac, #344966);
    background-image: -ms-linear-gradient(top, #095eac, #344966);
    background-image: -o-linear-gradient(top, #095eac, #344966);
    background-image: linear-gradient(to bottom, #095eac, #344966);*/
    border: none;
    height: 27px;   
    padding-bottom: 2px 10px;
    font-weight: normal;
}

.datagrid {
    border: 1px solid #a2cde4 !important;
}

span.datagrid {
    border: 1px solid #a2cde4;
    display: block;
}

.datagrid tr td {
   /*border-top: 1px solid #a2cde4;
    border-bottom: 1px solid #a2cde4;*/ 
}

.datagrid .DataTreeGrid_headerRow td {
    border: none !important;
}

.gridHeader {
    height: 26px;
    line-height: 26px;
    color: White;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 13px;
    background-color: #477fad;
    padding-left: 3px;
}

.gridRow {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /* font-size: 11px;*/
    background-color: #fff;
    height: 12px;
    padding-right: 3px;
    margin-right: 3px;
}

.alternateGridRow {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    /* font-size: 11px;*/
    background-color: #f4f4f4;
    height: 12px;
}

.RedText {
    font-size: 12px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: Red;
}

.dateText {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 12px;
    width: 95px;
}

DIV.UpdateProgressDiv {
    position: absolute;
    left: 500px;
    top: 125px;
    padding-top: 20px;
    width: 300px;
    height: 40px;
    background-color: White;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #244F7A;
}

.modalBackground {
    /*background-color: #2F80AF;*/
    background-color: #333;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {   
    padding: 3px;
    width: 110px;    
    color: #FFFFFF;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
   
.loading-bg {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

#ctl09_ModalUpdateProgress1 {
    z-index: 99999999 !important;
}

.gridloading {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.PopupText {
    color: White;
    font-weight: bold;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 12px;
    background-color: #2F80AF;
    width: 250px;
    border-width: 1px;
    border-style: solid;
    border-color: #2F80AF;
}

.smallText {
    color: #000;
}

.smallTextBox {
    font-size: 11px;
    color: #000;
    border: 1px solid #94c6e0;
}

.normalText {
    color: #000;
}

.formButton {
    color: #244F7A;
    font-weight: bold;
    font-size: 11px;
}

.PagePane_Table {
    border: thin solid #244F7A;
    margin-bottom: 0px;
    border-width: 1px;
    padding-bottom: 2px;
    margin-right: 0px;
    margin-left: 0;
    padding-left: 2;
    padding-right: 2;
    background-color: White;
}

.PagePane_HeaderCell {
    border-color: #1C1C1C;
    background-color: #B5B5B5;
    font-weight: bold;
    color: Black;
    text-align: left;
    text-indent: 4px;
    border: thin none;
    border-bottom: 1px solid;
}

.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: White;
    color: #244F7A;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: Gray;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #244F7A;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight: bold;
}

.validatorCalloutHighlight {
    background-color: #fff;
}

.CustomValidatorCalloutStyle div,
.CustomValidatorCalloutStyle td {
    border: solid 1px black;
    background-color: #EFF3FB;
}

.DataTreeGrid_header {
    text-decoration: none;
    color: #fff;
    background-color: #477fad;
}

table th {
    font-weight: normal;
}

.DataTreeGrid_Row {
    text-decoration: none;
    background-color: #fff;
    text-align: left;
}

.DataTreeGrid_AltRow {
    /*font-size: 11px !important;
color: #000000;*/
    text-decoration: none;
    background-color: #dbecf5;
    text-align: left;
}

.DataTreeGrid_oddRow {
    /*font-size: 11px !important;
color: #000000;*/
    text-decoration: none;
    background-color: #fff;
    text-align: left;
}

.DataTreeGrid_evenRow {
    /*font-size: 11px !important;
color: #000000;*/
    text-decoration: none;
    background-color: #f4f4f4;
    text-align: left;
}

.DataTreeGrid_selectedRow {
    background: rgba(71, 127, 173, .5);
    /*font-size: 11px;*/
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}

.DataTreeGrid_groupSeparator {
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    WIDTH: 1px;
    BACKGROUND-COLOR: #ffffff;
    display: none;
}

.DataTreeGrid_groupHeaderCell {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 3px;
    TEXT-ALIGN: center;
    font-weight: bold;
    color: Black;
}

.highlightText {
    margin-bottom: 10px;
    background-color: Yellow;
    text-align: right;
}

.normalText {
    text-align: right;
}

input.RightAlignText {
    text-align: right;
    margin-bottom: 10px !important;
}

.RightAlignText {
    text-align: right;
}

.ShowAllBtn {
    text-decoration: underline;
}
/***********SILICUS CODE*/
.SPA_LinkBold {
    font-weight: bold;
}

.TitlebarRight {
    background-image: url('../Images/cross_icon_normal.png');
    background-position: right;
    background-repeat: no-repeat;
    height: 15px;
    width: 16px;
    float: right;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 5px;
}
/******Listbox item text display Left align on Safari*******/
.ListboxText {
    font-size: 13px;
    color: #000000;
    direction: ltr;
}

.pagger td {
    padding: 0px 3px;
}

@media all and (max-width: 1450px) {
    .responsiveTable {
        width: 850px;
    }
}

@media all and (max-width: 1000px) {
    .responsiveTable {
        width: 600px;
    }
}

table.tblgrid1 {
}

    table.tblgrid1 tbody tr th {
        margin: 0px;
        padding: 3px;
        width: 85px;
        font-weight: bold;
        text-align: left;
    }

        table.tblgrid1 tbody tr th.cell1 {
            width: 85px;
        }

        table.tblgrid1 tbody tr th.cell2 {
            width: 145px;
        }

        table.tblgrid1 tbody tr th.cell3 {
            width: 68px;
        }

        table.tblgrid1 tbody tr th.cell4 {
            width: 104px;
        }

        table.tblgrid1 tbody tr th.cell5 {
            width: 99px;
        }

table.tblgrid2 {
}

    table.tblgrid2 tbody tr td {
        margin: 0px;
        padding: 3px;
        width: 85px;
    }

        table.tblgrid2 tbody tr td.cell1 {
            width: 79px;
        }

        table.tblgrid2 tbody tr td.cell2 {
            width: 146px;
        }

        table.tblgrid2 tbody tr td.cell3 {
            width: 68px;
        }

        table.tblgrid2 tbody tr td.cell4 {
            width: 102px;
        }

        table.tblgrid2 tbody tr td.cell5 {
            width: 72px;
        }

div.gridcontainer {
    height: 150px;
    margin-bottom: 20px;
    width: 100%;   
    position: relative;
}

.dashBoard_titles {    
    padding: 10px;
    overflow: auto;
}

.overflow-scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

legend {
    font-size: 16px;
    margin: 10px 0px;
}

table.tblgrid3 tbody tr th {
    margin: 0px;
    padding: 3px;
    width: 61px;
    font-weight: bold;
    text-align: left;
}

table.tblgrid3 tbody tr td {
    margin: 0px;
    padding: 3px;
    width: 61px;
    font-weight: normal;
    text-align: left;
}

    table.tblgrid3 tbody tr th.cell1, table.tblgrid3 tbody tr td.cell1 {
        width: 52px;
    }

    table.tblgrid3 tbody tr th.cell2, table.tblgrid3 tbody tr td.cell2 {
        width: 250px;
    }

    table.tblgrid3 tbody tr th.cell3, table.tblgrid3 tbody tr td.cell3 {
        width: 28px;
    }

table.tblgrid4 {
}

table.tblgrid3 tbody tr th {
    margin: 0px;
    padding: 3px;
    width: 39px;
    font-weight: bold;
    text-align: left;
}

table.tblgrid4 tbody tr td {
    margin: 0px;
    padding: 3px;
    width: 39px;
}

    table.tblgrid4 tbody tr td.cell1 {
        width: 39px;
    }

    table.tblgrid4 tbody tr td.cell2 {
        width: 318px;
    }

    table.tblgrid4 tbody tr th.cell2, table.tblgrid4 tbody tr td.cell2 {
        width: 318px;
    }

table.tblgrid5 tbody tr th {
    margin: 0px;
    padding: 3px;
    font-weight: bold;
    text-align: left;
}

table.tblgrid5 tbody tr td {
    margin: 0px;
    padding: 3px;
    font-weight: normal;
    text-align: left;
}

    table.tblgrid5 tbody tr th.cell1, table.tblgrid5 tbody tr td.cell1 {
        width: 13.5%;
    }

    table.tblgrid5 tbody tr th.cell2, table.tblgrid5 tbody tr td.cell2 {
        width: 13.8%;
    }

    table.tblgrid5 tbody tr th.cell3, table.tblgrid5 tbody tr td.cell3 {
        width: 72.7%;
    }

        table.tblgrid5 tbody tr td.cell3 textarea.txtarea {
            margin-left: 7px;
        }

    table.tblgrid5 tbody tr td input.removebtn {
        position: relative;
        left: -20px;
    }

table.tblgrid6 {
}

    table.tblgrid6 tbody tr th {
        margin: 0px;
        padding: 3px;
        font-weight: bold;
        text-align: left;
    }

    table.tblgrid6 tbody tr td {
        margin: 0px;
        padding: 3px;
        font-weight: normal;
        text-align: left;
    }

        table.tblgrid6 tbody tr th.cell1, table.tblgrid6 tbody tr td.cell1 {
            width: 13.5%;
        }

        table.tblgrid6 tbody tr th.cell2, table.tblgrid6 tbody tr td.cell2 {
            width: 13.8%;
        }

        table.tblgrid6 tbody tr th.cell3, table.tblgrid6 tbody tr td.cell3 {
            width: 72.7%;
        }

table.tblgrid7 {
}

    table.tblgrid7 tbody tr th {
        margin: 0px;
        padding: 3px;
        width: 61px;
        font-weight: bold;
        text-align: left;
    }

    table.tblgrid7 tbody tr td {
        margin: 0px;
        padding: 3px;
        width: 61px;
        font-weight: normal;
        text-align: left;
    }

        table.tblgrid7 tbody tr th.cell1, table.tblgrid7 tbody tr td.cell1 {
            width: 44px;
        }

        table.tblgrid7 tbody tr th.cell2, table.tblgrid7 tbody tr td.cell2 {
            width: 127px;
        }

        table.tblgrid7 tbody tr th.cell3, table.tblgrid7 tbody tr td.cell3 {
            width: 5px;
        }

table.tblgrid8 tbody tr th {
    margin: 0px;
    padding: 3px;
    width: 61px;
    font-weight: bold;
    text-align: left;
}

table.tblgrid8 tbody tr td {
    margin: 0px;
    padding: 3px;
    width: 61px;
}

    table.tblgrid8 tbody tr th.cell1, table.tblgrid8 tbody tr td.cell1 {
        width: 52px;
    }

    table.tblgrid8 tbody tr th.cell2, table.tblgrid8 tbody tr td.cell2 {
        width: 116px;
    }

    table.tblgrid8 tbody tr th.cell3, table.tblgrid8 tbody tr td.cell3 {
        width: 16px;
    }
/* added for Compliance and Complaints Grids Mouse Pointer #871   */
table td {
    cursor: default;
}
/* added for attachments #902  */
.closeicon {
    float: right;
    margin: 5px;
}



.cellpadding th, .cellpadding td {
    padding: 0px 5px;
}

.jqx-widget-content, .jqx-widget {
    font-size: 11px !important;
}

.salesImageBtn {
    padding: 0px;
    text-align: center;
    width: 10px;
}

.imgBtn, .treeGrid table tr td:first-child {
    padding: 0px !important;
    text-align: center;
    width: 10px;
}

.gridpinned th {
    height: 35px;
}

.gridpinned {
    background: #fff;
}

    .gridpinned th, .gridpinned td {
        border: 1px solid #a4bed4;
    }

    .gridpinned .DataTreeGrid_header, .datagrid th {
/*background-color: #e0e9f5;*/
        background-color: #477fad;
        color: #fff;
}

.datagrid th a {
            color: #fff !important;
}

.gridpinned .alternateGridRow {
 background-color: inherit;
}

.textboxborderwidth {
    border-width: 1px;
}

.textboxnoborder {
    border-width: 0px;
}
/*Moved pending complaints web css to JIT.css file*/
.ddlbwidth {
    width: 150px;
}

    .ddlbwidth option {
        width: auto;
    }

.Hide {
    display: none;
}

.PendingComplaint, .CompleteComplaint {
    height: 35px !important;
    line-height: 35px;  
}

#PnlgrdCompletedComplaintItem table {
    table-layout: fixed;
    width: auto !important;
}

.div_left {
    float: left;
}

.div_right {
    float: right;
}

.ModalBackground {
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
    background-color: #CEE3F6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
/*ended*/
.submitLink {
    background-color: transparent;
    text-decoration: underline;
    border: none;
    color: black;
    cursor: pointer;
}

submitLink:focus {
    outline: none;
}

.inline-block {
    display: inline-block !important;
}

.contactus {
    float: left;
    margin: 20px 3% 50px;
    max-width: 450px;
}

 .contactus input[type='text'], .contactus textarea {
        background-color: #fff;
        border: 1px solid #333;
        width: 100%;
        color: #333;
        padding: 10px 1% 10px 45px;
        display: block;
        font-size: 15px;
        float: left;
        clear: both;
}

    .contactus .txtdiv {
        float: left;
        min-height: 50px;
        width: 100%;
    }

    .contactus .User {
        background: url(../images/user1.png) no-repeat scroll 8px 7px;
    }

    .contactus .Email {
        background: url(../images/email.png) no-repeat scroll 8px 8px;
    }

    .contactus .Subject {
        background: rgba(0, 0, 0, 0) url(../images/pen-checkbox.png) no-repeat scroll 5px 0px;
        background-size: 35px 35px;
    }

    .contactus textarea {
        text-indent: 10px;
        padding: 10px 1%;
        width: 100%;
        resize: none;
    }

.divperiod {
    text-align: center;
    margin: 10px 0px;
}

.submit_bg {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    float: left;
}

.chartimage {
    text-align: center;
    display: block !important;
    margin-bottom: 10px;
}

.chartimagewidth {
    width: inherit !important;
    max-width: 600px !important;
}

.detail-chartimage {
    display: inline-block !important;
}

 .chartimage a {
        display: block;
}

.goals > div {
    display: inline-block !important;
}

 .chartimage > span {
  width: 100% !important;
 }

 .chartimage img[src*="chartfx70"] {
 max-width: 100%;  
}

.cell-v-middle .table-cell {
    vertical-align: middle;
}

.multiselect {
    width: 400px;
}

.timeperiod .multiselect {
    width: inherit;
}

.reportmultiselect {
    width: 170px;
}

.padding-left5 {
    padding-left: 5px;
}

.diplay-inline-block {
    display: inline-block;
    margin-right: 2px;
    width: 84px;
}

.from-group {
clear: left;
}

.input-valign-top input {
vertical-align: top;
}

#divPoolGrpConfig {
 width: 1000px;   
}

.mobilebr {
display: none;
}

.row2 .dimension_item label {
display: block;
}

.top-filters {
    background: #fff;
    float: left;
    width: 100%;
}

.fixed {
    position: fixed;
    top: 0px;
    z-index: 9;
}

.mobile-filterheading {
    display: none;
}

select[multiple=multiple] {
    min-width: 100px;
}

.sort-item {
    display: inline-block; margin: 0px 5px 10px 0px;
}
.sort-item input[type=checkbox],.sort-item input[type=radio] {
    margin: 2px 5px 0;vertical-align: middle;
 
}
.trclass > td:first-child {
   /* line-height: 28px;*/
}

.trclass td input[type=text] {
    height: 23px;
    margin-bottom: 5px;
}

.form-grp-marg .form-group {
    margin-bottom: 0px;
}

.form-grp-marg10 .form-group {
    margin-bottom: 10px;
}

img[src*="FullScrean"] {
    display: none;
}

input[style*="border-style:solid"], select[style*="border-style:solid"], input[style*="border-color: black"] {
    border: 1px solid #ccc !important;
    padding-left: 5px;
}

.aspNetDisabled[style*="color:Black;"]:hover {
    text-decoration: none;
}

.dealdatatable input {
    margin-bottom: 5px;
}

input.hide-textbox[style*="border-width: 0px;"] {
  border: inherit !important;  
}

.dealersprofile .trclass select[disabled="disabled" ], .dealersprofile .dealdatatable .aspNetDisabled, .dealersprofile .aspNetDisabled input[type="checkbox"] {
}

.text-indent6 {
    text-indent: 6px;
}

    .text-indent6 .form-control-blue {
        margin-left: -6px;
    }

#mCustomScrollbar input[style*="border-color: black"] {
    border: none !important;
}

.trclass input.form-control-blue {
    border: 1px solid #ccc !important;
    padding-left: 5px;
}

.graph_title {
    padding: 5px;
    font-weight: bold;
}

.border-line {
    border: 1px solid #ccc;
}

..dealersprofile .trclass {
    word-break: break-word;
}

.jqx-widget-content, .jqx-widget {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 13px !important;
}

.selectdelerdropdown {
    width: 375px;
}

.licenekeytextbox {
    width: 450px;
}

.mysummaryconfig .text-box, .mysummaryconfig input[type="text"] {
    width: 90px;
}

.mysummaryconfig .successmsg {
    color: red;
}

.portfoliodetails .DataTreeGrid_groupSeparator {
    display: none !important;
}

.portfoliodetails .DataTreeGrid_groupHeaderCell {
    text-align: right !important;
    display: none;
}

.portfoliodetails .treegrid td {
    font-family: verdana;
}

.portfoliodetails .DataTreeGrid_headerRow td:nth-child(1) {
    width: 46%;
}

.portfoliodetails .DataTreeGrid_headerRow td:nth-child(3) {
    width: 17%;
}

.portfoliodetails .DataTreeGrid_headerRow td:nth-child(5) {
    width: 23%;
}

.dealermege #ctl08_grdDealerMerge .white {
    background-color: #fff;
}

.dealermege #ctl08_grdDealerMerge .blue {
    background-color: #ccd9f2;
}

.textmar5 {
    margin: 5px 0px;
}

/* dealerproduction*/


.calender-header {
    float: left;
    width: 100%;
    background: #50c5c6;
    color: #fff;
    padding: 10px;
    line-height: 25px;
    text-align: center;
}

#DashChart {
    height: 330px !important;
}

.RadioButtonMarginNone input[type=radio] {
    margin: 0px !important;
}

.daysheading {
    line-height: 25px;
    font-size: 11px;
}

.days {
    background: #72d3d1;
    text-align: center;
    width: 115px;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
}

.ui-datepicker-header {
    display: none;
}

.ui-widget-content, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: inherit;
    border: none;
    font-weight: normal;
    color: #000;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        background: #6bc5c6;
        color: #fff;
    }

.mysummary-grid th {
}

.mysummary-grid th, .mysummary-grid td {
    border: 1px solid #b7b7b7;
    line-height: 29px;
    text-align: center !important;
}

.WebTabs_row {
    color: #fff;
}

.CurrentWebTab_mid {
    border-bottom: 3px solid #fff;
    padding-bottom: 5px;
    line-height: 20px;
}

.CurrentWebTab_mid, .CurrentWebTab_left, .CurrentWebTab_right {
    background-image: inherit;
}

.headertitle {
    float: left;
    font-weight: bold;
    width: 100%;
    border: 1px solid #b7b7b7;
    padding: 5px;
    border-bottom: none;
}

.positive-value {
    color: #50c5c6;
}

.nagetive-value {
    color: #f57858;
}

.pipleine-value {
    color: #50c5c6;
    font-size: 28px;
    text-align: center;
}

.headerkeymetrics {
    border: 1px solid #c6c6c6;
    float: left;
    width: 100%;
  padding: 20px 20px; 
    margin-bottom: 15px;
}

.headerkeymetrics h1 {
        margin: 0px;
        padding: 0px;
        color: #5d5d5d;
        display: inline-block;
        position: relative;
        top: 10px;
    }

.metricsssec span {
    display: block;
}

.metricsssec {
    float: left;
    border-right: 1px solid #c6c6c6;
    width: 20%;
    text-align: center;
    position: relative;
    box-sizing: border-box;
}

.boxdata {
    padding: 10px 5px;
}

.dealerdetail-list {
    padding: 0px;
    margin: 0px;
}

.dealerdetail-list li {
        width: 15%;
        text-align: center;
        border-right: 1px solid #c6c6c6;
        display: inline-block;
    }

 .dealerdetail-list li:last-child {
            border: none;
        }

.DealerPentrationsTiersButtons {
    background: #fff;
    border: none;
    font-weight: bold;
    padding: 10px;
    font-size: 22px;
}

.DealerPentrationsTiersButtonsSelected {
    background: #50c5c6;
    color: #fff;
}

.text-right {
    text-align: right;
}

.gridview {
    border-collapse: collapse;
}

.gridview td, .gridview th {
 border: 1px solid #ccc;
 padding: 0px 10px;
    }

.gridview th {
        height: 22px;
        font-weight: normal;
    }

.lnkremoveunderline {
    text-decoration: none;
    color: black;
}

.divmscroll .lnkremoveunderline, .divmscroll .lnkactive {
     word-wrap: break-word;
    word-break: break-all;
}

.lnkactive {
    color: white !important;
    text-decoration: none;
}

.keymetricsgrid {
    width: 96%;
    margin: 0px auto;
}

    .keymetricsgrid th, .gridheader-uppercase .jqx-grid-column-header {
        text-transform: uppercase;
    }

    .keymetricsgrid th, .keymetricsgrid td {
        border: 1px solid #b7b7b7;
        color: #5d5d5d;
    }

.color-gold {
    color: red;
}

.border-none:disabled {
    border: none !important;
    background-color: white;
}

.caluclator input.border-none {
    margin: 2px 0px;
}
 
.gold-color {
    color: #f9da21;
}

.cotanctgird th {
    color: #fff;
}

.jqx-fill-state-normal-energyblue, .jqx-widget-header-energyblue {
    border-color: #ccc;
    background-color: #fff;
}
 

.heading-bluebg {
    background: #34425a;
    color: #fff;
    line-height: 30px;
    color: #fff;
    padding-left: 5px;
    margin-bottom: 5px;
}

.cell1, .cell2 {
    width: 39%;
    float: left;
    vertical-align: top;
}

.cell2 {
    padding: 0px 15px;
}

.cell3 {
    width: 22%;
    float: left;
    vertical-align: top;
}

.roe-cell {
    float: left;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 50%;
    padding: 22px 0px 22px 15px;
}

.calender-header {
    float: left;
    width: 100%;
    background: #50c5c6;
    color: #fff;
    padding: 10px;
    line-height: 25px;
    text-align: center;
}

.daysheading {
    line-height: 25px;
    font-size: 11px;
}

.days {
    background: #72d3d1;
    text-align: center;
    width: 115px;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
}

.dealerproduction .ui-datepicker-header {
    display: none;
}

.pipleine-value {
    color: #50c5c6;
    font-size: 28px;
    text-align: center;
}

.positive-value {
    color: #50c5c6;
}

.nagetive-value {
    color: #f57858;
}

#tdOverviewGrid td:nth-child(2), .DataTreeGrid_header th:nth-child(2) {
   /* text-align: left;*/
}

.datatableline-height {
    line-height: 22px;
}

.dealerproduction .ui-widget-content, .dealerproduction .ui-state-default, .dealerproduction .ui-widget-content .ui-state-default, .dealerproduction .ui-widget-header .ui-state-default {
    background: inherit !important;
    border: none !important;
    font-weight: normal !important;
    color: #000;
}

.dealerproduction .ui-state-active, .dealerproduction .ui-widget-content .ui-state-active, .dealerproduction .ui-widget-header .ui-state-active {
        background: #6bc5c6 !important;
        color: #fff !important;
    }

.mysummary-grid tr, .mysummary-grid .DataTreeGrid_header {
    background: inherit !important;
    color: #000;
}

.mysummary-grid th, .mysummary-grid td {
    border: 1px solid #b7b7b7;
    line-height: 29px;
    text-align: center !important;
}

.font-normal label {
    font-weight: normal;
}

.jqx-widget-header-energyblue {
    background-color: #477fad !important;
}
#detailGridBody .jqx-widget-header-energyblue {
      visibility : visible !important;
}
ul.jqx-popup {z-index: 9999 !important; }
 .leftnav:not(.leftnav-expand) .MenuTable .MenuGroup {
    text-align: center !important; 
}

.leftnav.leftnav-expand .MenuTable .MenuGroup {
    text-align: left !important; 
}

.details .alternateGridRow1 {
    background-color: #fff;
}

.details .gridRow1 {
    background-color: #f4f4f4;
}

.jqx-widget-energyblue .jqx-grid-column-header-energyblue, .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-group-cell-energyblue, .jqx-grid-group-cell-energyblue {
border-color: #ccc !important;  
}

.jqx-grid-cell-sort-alt-energyblue:not(.jqx-grid-cell-hover-energyblue):not(.jqx-grid-cell-selected), .jqx-grid-cell-filter-alt-energyblue:not(.jqx-grid-cell-hover-energyblue):not(.jqx-grid-cell-selected), .jqx-grid-cell-pinned-energyblue:not(.jqx-grid-cell-hover-energyblue):not(.jqx-grid-cell-selected), .jqx-grid-cell-alt-energyblue:not(.jqx-grid-cell-hover-energyblue):not(.jqx-grid-cell-selected), .jqx-grid-cell-sort-energyblue:not(.jqx-grid-cell-hover-energyblue):not(.jqx-grid-cell-selected) {
background-color: #f4f4f4 !important;
}
 
.dealerdata .form-group label {
    margin-bottom: 0px;
}

.dealerdata .form-group {
    margin-bottom: 10px;
}
/*attachfiles css*/
#gvAttachments {
    margin: 10px auto;
}

 #gvAttachments th {
        font-size: 12px;
        background: #244F7A;
        line-height: 25px;
    }

.AttachmentgridHeader {
    background-color: #477fad;
    color: #fff;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    font-weight: bold;
}

#rbtAttachmentOptions {
    margin: 10px 0px;
}

a.reset-btn {
    display: inline-block;
    text-align: center;
    line-height: 25px;
}

    a.reset-btn:hover, a.reset-btn:active, a.reset-btn:visited {
        color: #fff !important;
        text-decoration: none;
    }

.atachfilegirdheight {
    height: 150px;
    overflow-y: auto;
}

.table-dropdown select {
    margin-right: 10px;
}
/*attachfiles css end*/

/*action Detail css*/
    .alternateGridRow td:last-child, .gridRow td:last-child {
          /* word-break: break-all;*/ 
        }

        .buttonlightblue {
            background-image: inherit;
            background: #ccd9f2;
            margin-right: 5px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border: 1px solid #000;
            width: inherit;
        }

        .hidecolumn {
            display: none;
        }

        .wordreak {
            word-wrap: break-word;
            word-break: break-all;
        }

        #CalendarControl {
            z-index: 888;
        }

        .jqx-widget-header-energyblue {
            background: #244F7A;
            color: #fff;
        }

        .jqx-widget-energyblue .jqx-grid-column-header-energyblue, .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-group-cell-energyblue, .jqx-grid-group-cell-energyblue {
            border-color: gray;
        }

        .jqx-grid-cell-selected {
            background-color: #669999 !important;
        }

        .lookupwizardheader {
            float: none !important;
            width: 97%;
            display: inline-block !important;
        }

        .buttonheight {
            height: 25px !important;
            width: 82px !important;
        }
/*action detail end here*/

/*completed complaintes */
 div[role=columnheader] > div > div {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
 }

 .salesgoals div[role=columnheader] > div > div {
   /* margin-top: 7px !important;
    margin-bottom: 7px !important;*/
    font-weight: bold;
 }
 
/*completed complaintes end */

 /*dealercalls css */
.header {
       /* font-weight: bold;
        position: absolute;
        background-color: #CCD9F2;
        height: 15px;*/
    }
 /*dealercalls  end */

/*adhoccomplaincereportwe */
#grdexportforalerts tr th {
    text-decoration: underline;
    color: blue;
        }
        
  /*adhoccomplaincereportwe end here */

  /*checklistreport css */
    .TypeText {
            width: 90%;
    height: 20px;
    margin: 5px 0px;
        }

        .ddlType {
            height: 15px;
            font-size: 11px;
            font-weight: bold;
        }

        .ItemStyle {
            padding-left: 10%;
        }

        .gridHeaderNew {
            display: none;
        }

        .border_cls th, .gridHeader td {
            border-right: 1px solid #333;
            border-left: 1px solid #333;
        }

        .border_cls th, .border_cls td {
            border-top: 1px solid #333;
        }

        .gridHeader td:first-child {
            border-left: 1px solid #333;
        }

        .gridHeader > td:nth-child(3) {
            border-right: 1px solid #333;
        }

        .div_left {
            float: left;
        }

        .margin_right_5 {
            margin-right: 5%;
        }

        .visibilityFalse {
            visibility: hidden !important;
        }
         
        #MainContent_CalendarExtender1_popupDiv, #MainContent_CalendarExtender2_popupDiv {
            z-index: 45555;
        }
        /* checklistreport end here*/
.jqx-input {
    color: #000;
}

.gridheaderinput input {
    color: #000;
}
/*dealearproduction end here*/

/*dealerprofilefrmweb css */
.closeicon {
            float: right;
            margin: 5px;
        }

        .wrapword, .wraptable td, .label {
            white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
            white-space: -pre-wrap; /* Opera 4-6 */
            white-space: -o-pre-wrap; /* Opera 7 */
            white-space: pre-wrap; /* css-3 */
            word-wrap: break-word; /* Internet Explorer 5.5+ */ /* word-break: break-all;*/
            white-space: normal;
        }


 .dealerprofilefrmbeb .style1 {
            width: 46%;
        }

.dealerprofilefrmbeb .trclass {
            float: left;
            min-height: 30px;
            width: 33.33%;
        }

.dealerprofilefrmbeb .trclass:after {
        clear: left;
        }

.dealerprofilefrmbeb .trclass span:first-child {
                width: 48% !important;
            }

.dealerprofilefrmbeb .trclass > td:first-child {
                width: 48%;
                margin-right: 10px;
            }

.dealerprofilefrmbeb .trclass > td {
                float: left;
                width: 48%;
            }

.dealerprofilefrmbeb #pnlDealerSetUpData table {
            width: 100%;
        } 

.dealerprofilefrmbeb input[type="checkbox"] {
            margin: 2px 0;
        }

.dealerprofilefrmbeb .td_dealerdata > td {
            width: 50%;
        }

.dealerprofilefrmbeb .trclass b {
            word-wrap: break-word;
            line-height: 12px;
        }

.dealerprofilefrmbeb .trclass input[type="checkbox"] {
            margin: 0px;
            padding: 0px;
            vertical-align: top; 
        }

.dealerprofilefrmbeb {
            border: 1px solid #dedee0 !important;
        }
/*dealerprofilefrmweb css  end here*/

/*GeoMaps css*/
table.tblinfowindow {
        min-width: 250px;
        min-height: 100px;
    }

    table.tblinfowindow tbody tr td {
       /* font-size: 11px !important;*/
        padding: 5px 5px 5px 10px;
    } 

table#outertable {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/*GeoMpas css end here*/

/* Geomapsnew css*/
.section-result-image {
        background-size: 80px 92px;
        height: 92px;
        width: 80px;
        vertical-align: top;
        -webkit-flex: 0 0 80px;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
    }

    ul.rating {
        padding: 0px;
        margin: 0px;
        display: inline-block;
    }

    .rating-star-empty {
        background: url('../Images/star-rating.png') no-repeat;
        background-position: -25px 1px;
        background-size: 37px 13px;
        display: inline-block;
        height: 13px;
        width: 13px;
    }

    .rating-star, .rating-star.rating-star-half {
        background: url('../Images/star-rating.png') no-repeat;
        background-position: 0 1px !important;
        background-size: 37px 13px;
        display: inline-block;
        height: 13px;
        width: 13px;
    }

    .rating-star-half {
        background: url('../Images/star-rating.png') no-repeat;
        background-position: -13px 1px !important;
        background-size: 37px 13px;
        display: inline-block;
        height: 13px;
        width: 13px;
    }


    .dummybuttondisplaynone {
        display: none;
    }

.gmnoprint {
    margin-top: 60px !important;
}

    .gm-style {
        z-index: inherit !important;        
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 13px !important;
    }

    .searchbox {
        left: 64px !important;
        top: 109px !important;
        z-index: 9999 !important;
    }

    #lnkDisplay {
        text-decoration: underline;
        cursor: pointer;
    }

    table.tblinfowindow {
        min-width: 250px;
        min-height: 100px;
    }

table.tblinfowindow tbody tr td {
 /*font-size: 11px !important;*/
 }

 table.tblinfowindow tbody tr td a {
 /*font-size: 11px !important;*/
 }

 table#outertable {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .bgdiv {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99;
        opacity: 0;
        transition-property: opacity;
        background: black;
        width: 100%;
        height: 100%;
        opacity: 0.3;
        display: none;
    }

    .sort-filters-box {
        float: left;
        width: 0px;
        background: #fff;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 5;
    overflow: visible !important;
    }

    .show {
        display: block !important;
    }

    .height-100 {
        height: calc(100vh);
    }

    .relativediv {
        position: relative;
        float: left;
        width: 100%;
    }

    .sort-filters {
        background: #fff;
        position: absolute;
        top: 0;
        z-index: 998;
        left: -465px;
        width: 465px;
        height: 100vh;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        transition-property: -webkit-transform;
        transition-property: transform;
        box-shadow: 0 -1px 24px rgba(0,0,0,0.4);
        transition-duration: 0.3s;
    overflow: hidden;
    }

 .sort-filters hr {
        width: 100%;
        float: left;
 }

 .showsort-filters {
 -webkit-transform: translateX(465px);
 transform: translateX(465px);
  }

 .fomdata {
        padding: 0px 10px;
        float: left;
        width: 420px;
        /*margin-bottom: 20px;*/
    }

    .colisefilter {
        cursor: pointer;
        display: inline-block;
        width: 24px;
        height: 17px;
        background: url(../images/arrowicon.png) no-repeat;
    }

    .toggle-button {
        width: 23px;
        height: 48px;
        cursor: pointer;
        background: rgba(255,255,255,0.9) url(../images/arrow-icon.png) 7px center/7px 10px no-repeat;
        border-left: 1px solid #D4D4D4;
        box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
        position: absolute;
        top: 0px;
    right: -20px;
    display: none;
    }

    .button-right {
        width: 23px;
        height: 48px;
        cursor: pointer;
        background: rgba(255,255,255,0.9) url(../images/arrow-icon-rgiht.png) 7px center/7px 10px no-repeat;
        border-left: 1px solid #D4D4D4;
        box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
        position: absolute;
        top: 0px;
        right: -20px;
    }

    .form-row {
        width: 420px;
        margin-bottom: 10px;
        float: left;
        width: 100%;
    }

    .formlabel-text {
        display: inline-block;
        width: 30%;
        text-transform: uppercase;
    }

    .form-controler {
        display: inline-block;
        width: 60%;
    }

    .drop-down {
        width: 95%;
    }

    .filt-dropdown {
        width: 45%;
    }

    .filt-dropdowncolor {
        width: 45%;
        background-color: rgb(235, 235, 228);
    }

    .filt-dropdowntimecolor {
        background-color: rgb(235, 235, 228);
    }

    .div-chk {
        width: 6%;
        float: left;
    }

    .div-label {
        /*width: 29%;*/
        width: 45%;
        float: left;
        line-height: 20px;
    }

    .div-filters {
        width: 49%;
        float: left;
    }

    .btn-submit {
        padding-right: 20px;
    }

        .btn-submit input {
            vertical-align: middle;
        }

    .text-right {
        text-align: right;
    }

    .mapdiv {
        height: calc(100vh);
    }

    .searchdiv {
        width: 100%;
        float: left;
        padding: 12px 0px;
        overflow: hidden;
        border-top: 1px solid #9a9a9a;
        border-bottom: 1px solid #9a9a9a;
    }

    .searchbox-menu {
        float: left;
        width: 30px;      
    cursor: pointer;
    margin-left: 15px;
    }

    .menuline {
        width: 100%;
        height: 2px;
        background: #616161;
        margin-bottom: 5px;
        display: block;
    }

    .searchinput {
        width: 325px;
        float: left;
        /*border-right: 1px solid #9a9a9a;*/
        padding: 0px 20px;
        height: 19px;
    }

        .searchinput input {
            border: none;
            width: 325px;
            padding-right: 10px;
            font-size: 15px;
            /*background: url(images/mapseach.png) center right no-repeat;*/
        }

    .searchbox {
        border: none;
        width: 300px;
        padding-right: 10px;
        font-size: 15px;
        /* background: url(images/mapseach.png) center right no-repeat;*/
    }

    .directiondiv {
        float: right;
        padding-right: 10px;
    }

    .btn-direction {
        background: url(../images/mapdirection.png) center right no-repeat;
        width: 21px;
        height: 21px;
        border: none;
    }

    .maplogo {
        float: left;
        width: 100%;
        text-align: center;
        padding: 20px 0px;
        overflow: hidden;
    }

    .sort-filters .maplogo {         
        padding: 10px 0px; 
    }

    .mapresult {
        padding: 10px;
        color: #8c8c8c;
        float: left;
        line-height: 22px;
        width: 100%;
        height: calc(100vh - 150px);
        overflow-y: auto;
        box-sizing: border-box;
        /*overflow: hidden;*/
    }

    .resultdata {
        margin-bottom: 10px;
        padding-bottom: 5px;
        color: #8c8c8c;
    }
 
    .ExcelImageButton {
        background-image: url(../Images/ExcelIcon.png);
        background-size: 25px 25px;
        background-repeat: no-repeat;
        padding: 0px;
        border: 0px;
        background-color: transparent;
        width: 25px;
        height: 25px;
    }

/* Geomapsnew css end */

/*checklistcompleteusingfile css*/
   .dummytypecell, .typecell {
        height: 20px;
    } 

    .checklistgridview .gridRow td, .checklistgridview .alternateGridRow td {
        height: 24px;
    }

  .checklistgridview .gridRow td img, .checklistgridview .alternateGridRow td img {
            max-height: 24px;
            margin: 0px;
            padding: 0px;
            border: none;
 }

 .checklistgridview .gridHeader td {
        height: 24px;
    }

 .checklistgridview table {
        table-layout: fixed;
    }

 .checklistgridview td {
        word-wrap: break-word;
        white-space: nowrap;
    }

    #ctl08_GridViewFile td {
        word-wrap: break-word;
        white-space: nowrap;
        height: 24px;
    }
/*checklistcompleteusingfile end css*/

.ui-datepicker {
    width: 97% !important;
}
 
.dealerproduction .ui-datepicker th span {
    width: 25px;
    display: inline-block;
    text-align: center;
 }

.dealerproduction .ui-datepicker td span, .ui-datepicker td a {
  text-align: center !important; 
}

.jqx-grid-cell-sort-alt-energyblue, .jqx-grid-cell-filter-alt-energyblue, .jqx-grid-cell-pinned-energyblue, .jqx-grid-cell-alt-energyblue, .jqx-grid-cell-sort-energyblue, .scrollable.default-skin .scroll-bar .thumb {
    background-color: #B7B7B7;
}

.scrollable.default-skin .scroll-bar.vertical {
    width: 4px;
    margin-right: 2px;
}

td.ui-datepicker-today {
    text-align: center;
}

.dealerproduction a.ui-state-highlight, .dealerproduction a.ui-state-active {
    display: inline-block !important;
    width: 26px !important;
}

.dealerproduction .ui-datepicker-current-day {
    text-align: center !important;
}

.jqx-widget-energyblue .jqx-grid-column-header-energyblue, .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-group-cell-energyblue, .jqx-grid-group-cell-energyblue,
.jqx-widget-content-energyblue {
    border-color: #ccc;
}

.poolgroupconfig {
    margin-bottom: 10px;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #B7B7B7 !important;
    background-color: rgba(183,183,183,.75) !important;
}
  
 
.mCSB_container_wrapper {
 margin-right: 0px !important;
 margin-bottom: 0px !important;
}

.dealerproduction .mCSB_container_wrapper > .mCSB_container {
    padding-right: 15px !important;
}

.divmscroll {
    overflow: hidden;
}
 
.poolscroller .mCSB_container_wrapper {
    margin-right: 20px !important;
}

    .poolscroller .mCSB_container_wrapper > .mCSB_container {
        padding-right: 20px;
}

.mCSB_outside + .mCSB_scrollTools {
 right: -14px !important;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
 bottom: -14px !important;
} 

.divmscroll {
    width: 100%;
}

.adhocreports {
    max-width: 780px;
    width: 98%;
}

.gridborder {
    border: 1px solid #ccc;
    overflow: hidden;
    border-top: none;
}

    .gridborder .gridview tr th:last-child, .gridborder .gridview tr td:last-child {
        border-right: none !important;
        overflow: hidden;
    }

    .gridborder .gridview tr th:first-child, .gridborder .gridview tr td:first-child {
        border-left: none !important;
        overflow: hidden;
    }

    .gridborder tr:last-child td {
        border-bottom: none !important;
    }

.gridborder {
    border: 1px solid #ccc;
    overflow: hidden;
    border-top: none;
}

    .gridborder .mysummary-grid tr th:last-child, .gridborder .mysummary-grid tr td:last-child {
        border-right: none !important;
        overflow: hidden;
    }

    .gridborder .mysummary-grid tr th:first-child, .gridborder .mysummary-grid tr td:first-child {
        border-left: none !important;
        overflow: hidden;
    }

    .gridborder tr:last-child td {
        border-bottom: none !important;
    }

.ajax__calendar_container {
    z-index: 9;
}

#CalendarControl table {
    border: none;
}

 #CalendarControl {   
    padding: 0px 1px;
    border: 1px solid #344966;
    }
 
 
    #CalendarControl .empty {
        border: none !important;
        border-bottom: 1px solid #fff !important;
        border-right: 1px solid #fff !important;
    }

#dvGrid .overview {
    min-width: 100%;
}

.disabledrpdwn {
    background-color: #eee;
    opacity: 1;
}

.desk-multi-select {
    width: 400px !important;
}

.uppercase {
    text-transform: uppercase;
}

.popoverjqxgrid .gqxtitle {
    background: #fff !important;
    border-color: #fff;
    color: #000;
}

.popoverjqxgrid .jqx-icon-close {
    background-image: url(../Images/close-icon.png) !important;
    background-size: 16px;
}

.glyphicon-download-alt:before {
    content: "\e025";
    font-family: 'Glyphicons Halflings';
    font-size: 21px;
    color: #5d5d5d;
}

.glyphicon-print:before {
    content: "\e045";
    font-family: 'Glyphicons Halflings';
    font-size: 21px;
    color: #5d5d5d;
}

.bluefont {
    color: blue;
    font-weight: bold;
}

    .bluefont:hover {
        text-decoration: underline;
    }

.businessmixdiv tr:last-child {
    height: 60px !important;
}

.glyphicon-open:before {
    content: "\e167";
    font-family: 'Glyphicons Halflings';
    font-size: 21px;
    color: #5d5d5d;
}

 .popoveriframe {
 height: 580px !important; 
    }

.lg-wd-auto {
    width: auto !important;
    float: left;
    margin-bottom: 5px;
}

.lg-padding-rightnull {
    padding-right: 0px;
}

.jqx-tabs-title-selected-top {
    background: #095eac;
    border: 1px solid #095eac;
    color: #fff !important;
}

    .jqx-tabs-title-selected-top .jqx-tabs-titleContentWrapper {
        color: #fff !important;
    }

.jqx-window-header.jqx-widget-header-energyblue div {
}

.header-icon {
    position: absolute;
    right: 35px;
    top: 7px;
}

    .header-icon .glyphicon:before {
        font-size: 16px;
        margin: 0px 5px;
        color: #fff;
    }
 
.summary-metrics {
    margin-top: 80px;
}
 
.filter-one-line .dimension_item {
    display: inline;
}

    .filter-one-line .dimension_item label {
        display: inline-block;
    }

    .filter-one-line .dimension_item .jqx-widget {
        margin: 0px 5px;
    }

.mtd-goalvalue {
    margin: 50px 0px 30px 0px;
    font-weight: bold;
}

.mtd-goaltext {
    margin-top: 20px;
}

@media (min-width: 1200px) {
.custumtime {
        height: 22px;
        line-height: 22px;
    }

    .details-table-head {
        width: 99.9% !important;
    }

    .details-table-head-ind {
        width: 99.7% !important;
}

.attachmentFrame {
 width: 950px;
 height: 550px;
}

    .overview {
        min-width: 100%;
    }

    .mobile-scroll-popover {
        height: 400px;
    }

    .lg-width-auto {
        width: auto;
}

    .flexheight {
        display: flex;
    }
}

@media (min-width: 950px) {
    .atachfilegirdheight {
        height: 320px;
        overflow-y: auto;
    }

    #pnlAttachments {
        height: 600px !important;
    }   
}

@media (max-width: 1199px) {
    .desktop-padding, .tab-padding-null {
        margin: 0px !important;
        padding: 0px;
    }

    .desktoptop10 {
        padding-top: 10px !important;
    }

    .height-inherit {
        height: auto !important;
    }

 .chartimage img[src*="chartfx70"] {
        max-width: 100% !important;
        height: inherit !important;
        width: 99%;
    }

    .tab-mar-botm {
        margin-bottom: 10px;
}

    .filters-top .button, .filters-top .form-control, .dealerprofilefrmweb .form-control {
margin-bottom: 10px !important; 
}

    .divmscrollyx, .querymodule {
        width: 100% !important;
    }

.attachmentFrame {
 width: 90vw;
 height: 350px;
}

 .mobilebt10 {
        margin-bottom: 10px;
    }

    .mobile-block {
        display: block !important;
    }

 .colright {
    padding: 0px;
}

    .mobile-scroll-popover {
        height: 320px;
    }

    .dealerprofilefrmbeb .trclass input[type="checkbox"] {
        margin-bottom: 10px;
    }

    .lg-mar-10 {
        margin-left: 10px;
    }

    .custumtimedetails {
        width: 90px !important;
    }

    .lg-topmar-10 {
        margin-top: 10px;
    }

    #tsDealercallTime input {
        width: 35px !important;
        height: 25px !important;
    }

    .lg-padding-null {
        padding: 0px !important;
    }

 .mobile-width80 {
 width: 80% !important;
 }

    .mobile-width50 {
        width: 50% !important;
 }

    .md-pad-null {
        padding: 0px !important;
    }

 .menulist-items {
  height: calc(100vh - 215px);  
 }

    .filter-maintable select {
        margin-bottom: 10px;
    }

    .bgcolormobile {
        background-color: #f4f4f4;
    }

 .mobile-filterheading {
display: block;
width: 100%;
cursor: pointer;
border: 1px solid #cecece;
line-height: 28px;
padding-left: 5px;
}

  .mobile-filterheading .fa-angle-down {
float: right;
position: relative;
top: 6px;
right: 8px;
}

    .filterdropdowns .filter-maintable {
        height: 0px;
        overflow: hidden;
        padding: 0px 10px !important;
}
 
        .filterdropdowns .filter-maintable.showdropdown {
            height: auto;
            overflow: visible;
            padding: 10px !important;
        }

    .mtd-goalvalue {
        margin: 0px 0px 0px 0px;
    }

    .mtd-goaltext {
        margin: 0px 0px 20px 0px;
    }
}

@media (min-width:769px) {

.rightnav {
min-height: calc(100vh - 55px); 
}

    .filter-table .dimension_item select {
        min-width: 133px !important;
}

    .dealer-dropdown {
        width: auto !important;
        max-width: inherit !important;
    }

    .attament-popover {
        min-width: 768px;
    }
}
/* Task #343 Analytics Dealer DDLB*/

@media only screen and (max-width: 1550px) and (min-width: 1400px) {
    .filter-table .dimension_item select {
        min-width: 113px !important;
}

    .filter-table .dealer-dropdown {
        max-width: 550px !important;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 1030px) { 
    .filter-table .dealer-dropdown {
        max-width: 250px !important;
}
}
/* Task #343 Analytics Dealer DDLB*/


@media only screen and (max-width: 800px) and (min-width: 400px) {
    .tab-padding {
        padding-left: 15px !important;
}

    .custumtime {
        width: 90px !important;
    }
}

@media (max-width:996px) {
.mmargintop10 {
 margin-top: 10px;
 }
}

@media (max-width:768px) {
.leftnav:not(.leftnav-expand) .MenuTable .MenuGroup {
text-align: left !important; 
}

 .desk-multi-select {
    width: 379px !important;
}

.leftnav:not(.leftnav-expand) .menuitemtext {
        display: inline-block;
}

.leftnav {
        display: none;
        position: fixed !important;
        top: 27px;
        background: rgba(52,73,102,0.9);
        padding-bottom: 20px;
        width: 100%;
        padding: 0px 10px 10px;
        z-index: 2222;
}

.clearboth {
        clear: left;
    }

    .leftnav.in {
        display: block;
    }

    .rightnav {
        margin-left: 0px;
    }

    .timer input {
        border-radius: 0px;
        border: 1px solid #ccc !important;
        font-size: 11px !important;
        height: 22px !important;
        padding: 0px !important;
        width: 20px !important;
        text-align: center;
    }

    .width10 {
        width: 100% !important;
    }

    .paddingleft-null, .paddingright-null {
        padding: 0px;
    }

    .chartimage > span {
        height: inherit !important;
    }

    body {
        padding: 0px;
    }

    .mobilepad15 {
        padding: 0px 15px !important;
    }

    .top-nav {
        height: inherit !important;
    }

    .colright {
        padding: 0px;
        margin-top: 10px;
    }

    .colrightin {
        padding: 0px;
    }

    .table-cell {
        margin-bottom: 10px;
    }

    .mobile-cell {
        float: left;
        margin-right: 5px;
    }

    .mobile-pad-null {
        padding: 0px;
    }

    .padding-left5, .padding-right5 {
        padding: 0px !important;
    }

    .mmargintop10 {
        margin-top: 10px;
    }

    .mobile-scroll {
        overflow-y: auto;
    }

    .rightnav {
        min-height: calc(100vh - 150px);
        margin-bottom: 20px;
    }

    .menulist-items {
        overflow-y: auto;
        height: calc(100vh - 230px);
    }

    .mobilebt10 {
        margin-bottom: 10px;
    }

    .mobiletop10 {
        margin-top: 10px;
    }

    .mwidth100 {
        width: 100% !important;
    }

    .mobile-nowrap {
        white-space: nowrap;
    }

    .mobile-margin-null {
        margin: 0px !important;
    }

    .multiselect {
        width: 100%;
    }

    .trclass {
        float: inherit !important;
    }

 .trclass td {
            white-space: nowrap;
        }

    .mobile-hide {
        display: none;
    }

    .mobile-table {
        width: 100%;
    }

    .mobile-table .table-cell {
        float: left;
    }

    .mobile-width100 {
        width: 100% !important;
    }

    .mobile-width90 {
        width: 90% !important;
    }
    
    .goaldata {
        width: 100% !important;
    }

    .framePoolConf {
        width: 100% !important;
    }

    #divPoolGrpConfig {
        width: 98% !important;
        height: 90% !important;
        top: 30px;
    }

 #divPoolGrpConfig iframe {
width: 100%;
 }

 .filterdropdowns {
    }

     

    .gridHeader {
        height: auto;
    }

    .chosen-container {
        width: 250px !important;
    }

    .navbar-inverse {
        width: 100%;
        background: #344966;
        z-index: 444;
        padding-left: 10px;
    }

    .top-nav {
        margin-top: 35px;
    }

    .loginpage .top-nav {
        margin-top: 0px;
    }

    .navbar-header {
        float: left;
    }

    .fixed {
        top: 40px;
    }

    select[multiple=multiple] {
        min-width: 100px;
    }

    .reportmultiselect {
        min-width: inherit;
        width: 90px;
    }

    .leftnav:not(.leftnav-expand) .MenuGroup .fa-angle-down, .leftnav:not(.leftnav-expand) .submenu, .leftnav:not(.leftnav-expand) .company-name {
        display: block;
    }

    .filter-label {
        width: 34%;
        display: inline-block;
        margin-right: 0px !important;
    }

    .sort-item {
        display: block;
        margin-bottom: 10px;
    }

    .selectdelerdropdown {
        width: 47%;
    }

    .filter-maintable select, .dealer-list select {
        line-height: 28px;
        height: 28px;
        border-radius: 4px;
        margin-bottom: 10px;
    }

    .select2-container {
        margin-bottom: 10px;
    }

    .metricsssec {
       /* width: 50%;
        margin-bottom: 15px;*/
    }

    .cell1, .cell2 {
        width: 100%;
        padding: 0px;
    }

    .cell2 {
        margin-top: 15px;
    }

    .cell3 {
        width: 100%;
        max-width: inherit !important;
    }

    .ifram680 {
        width: 98% !important;
    }

    .ListboxText {
        width: 300px;
    }
  
    .modalBox {
        min-width: 300px !important;
        left: 0px !important;
    }

    .height-inherit {
        height: auto !important;
        padding-top: 10px !important;
    }

    .mobile-scroll-popover {
        height: 650px;
        margin-bottom: 20px;
    }

    .tab-padding-left {
        padding-left: 10px !important;
    }

    .mobile-scroll-popover {
        height: 350px;
        margin-bottom: 20px;
    }

    .lg-mar-10 {
        margin-left: 0px;
    }
 /*  .dealerproduction .metricsssec:nth-child(even){ border:none !important;}*/
    .metricsssec .animationCount {
        margin-bottom: 14px;
    }

    .mobilewidth {
        width: 98% !important;
    }

        .mobilewidth .ifram680 {
            width: 100% !important;
        }

    .iframe-mobile {
        height: 580px !important;
    }

    .scrollinside-mobile {
        height: 500px !important;
    }

    .form-label-tab {
        display: inline-block;
        width: 100px;
        text-align: left !important;
    }

    .ddl-width-auto {
        width: 240px !important;
    }

    .lg-wd-auto {
        width: 100% !important;
        float: left;
        margin-bottom: 5px;
    }

    .filter-one-line .dimension_item {
        display: inline-block;
        vertical-align: top;
    }

        .filter-one-line .dimension_item .jqx-widget {
            margin-bottom: 10px;
        }

    #CreateNewDemand .modal-dialog, #CallModelPopup .modal-dialog {
        width: 95%;
    }

    .lbl-brz {
        padding: 0px !important;
    }

    .ctr-hrz {
        width: 100% !important;
    }

    .mobile-paddingright-null {
        padding-right: 0px;
    }

    .TimeFilter {
        display: block !important;
    }
.intro-data { display:block;}
.intro-data img{ max-width:90%;}
.mobile-flex { flex:1; }
#ctl09_ctl00_imgLogo{ max-width:80% !important;}
.mob-flexblock { display: block !important; }
    .mob-width50{ width:50% !important}
}

@media all and (max-width: 768px) and (min-width: 420px) {
    .headerkeymetrics h1 {
        font-size: 20px;
        top: 6px;
    }

    .headerkeymetrics {
        padding: 20PX 0PX;
    }

        .headerkeymetrics img {
            width: 30px;
        }
}

@media all and (max-width:1200px) and (min-width:769px) {
    .headerkeymetrics h1 {
        display: block;
        margin-bottom: 15px;
    }
}

@media (max-width:420px) {
    .summary-metrics {
        margin-top: 0px;
    }

    .custumtime {
        width: 100px !important;
    }

    .tab-padding-left {
        padding-left: 0px !important;
    }

    .mobilebr {
        display: block;
    }

    .top-nav {
        text-align: center;
    }

    .sm-margtop10 {
        margin-top: 10px;
    }

    .top-nav {
        text-align: left;
        padding-left: 0px;
    }

        .top-nav li {
            padding-right: 10px;
        }

    .filter-table .dimension_item {
        padding-right: 5px;
        display: inline-block;
        width: 100%;
    }

    .mobilebr {
        display: block;
    }
   
    
    .filter-maintable select, .filter-maintable input[type="text"] {
        margin-bottom: 10px;
    }

    .filter-table .dimension_item label, .sort-label {
        max-width: inherit;
        width: 25% !important;
        display: inline-block;
    }

    .filter-table .dimension_item select, .chaneldropdown {
        max-width: inherit;
        width: 72% !important;
    }

    #ChartInterval, #CustomTime {
        margin: 0px !important;
    }

    .chosen-container {
        width: 73% !important;
    } 

    #ctl09_UpdatePanelStates {
        width: 100%;
    }

    select[multiple=multiple], .reportmultiselect {
        width: 125px;
    }

    .jqx-grid-pager {
        font-size: 11px;
    }

    .licenekeytextbox {
        width: 275px;
        margin-bottom: 10px;
    }

    .metricsssec {
        width: 100%;
    }

    .iframe500, .iframe767 {
        width: 98% !important;
    }

    .cell1, .cell2 {
        width: 100%;
    }

    .cell3 {
        width: 100%;
    }

    #divDisplayDimList, #divImportGoal {
        left: 5px !important;
    }

    h1.gold-color {
        font-size: 28px;
    }

    #pnlAddProgram {
        max-width: 350px !important;
    }

    .ListboxText {
        width: 100% !important;
    }

    .metricsssec {
        border-right: 0px !important;
    }

    .modalBox {
        width: 100% !important;
    }

    .modalPopup {
        top: 25% !important;
        left: 40% !important;
    }

     h1.gold-color {
    font-size: 22px;
}

.gridview td, .gridview th {
 padding: 0px 0px;
}

.roe-cell {
 padding: 19px 0px 18px 0px;  
    }
    
    .mobile-scroll-popover {
        height: 350px;
        margin-bottom: 20px;
}

    .mobile-drop-down {
        max-width: 150px;
}

    .jqx-grid-pager {
        font-size: 9px;
    }

        .jqx-grid-pager div:last-child {
            margin-right: 0px !important;
        }

        .jqx-grid-pager div.jqx-default {
            margin-right: 2px !important;
        }

    .btn-reset {
        width: 35% !important;
    }

    .mobile-font11 {
        font-size: 11px !important;
    }

    .top-filters {
        font-size: 11px !important;
    }

    .scorollx {
        width: 100%;
    }

    .mobile-dd-width {
        width: 71% !important;
    }

    .mobileview-width100 {
        width: 100% !important;
    }

    .mobile-pading-null {
        padding: 0px !important;
    }

    .reportmultiselect1 {
        width: 130px !important;
    }

    .filterdropdowns .filter-maintable.showdropdown {
        height: 400px;
        overflow-y: scroll;
    }
}


.filter-row {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.detail-filters .filter-row:last-child {
    margin-bottom: 0px;
 
}
.detail-filters input[type="radio"] {
    vertical-align: middle;
    margin-right: 2px;
}

.inline-label {
    display: inline-block;
    position: relative;
    top: 2px;
}

.inline-bl-valign {
    display: inline-block;
    vertical-align: middle;
}

.filt-ddlist {
    margin-right: 5px;
    position: relative;
    top: 5px;
}

.form-labeltext {
    float: left;
    width: 22%;
    margin-right: 5px;
    position: relative;
    top: 5px;
    word-wrap: break-word;
}

.form-field {
    float: left;
    width: 74%;
}

.line-field {
    display: inline-block;
    width: 2%;
    vertical-align: middle;
}
/*mysummarydetails */
.jqx-tabs-headerWrapper.jqx-widget-header-energyblue {
    background: #fff !important;
    color: #333 !important;
    border: none;
}
 
#columntablejqxKeyMetricPopupDetails {
    border-bottom: 1px solid #ccc !important;
}
 
.jqx-window-header {
    border: none;
}
/* .jqx-icon-close-energyblue:before{    content: "\e014"; color:#888;font-family: 'Glyphicons Halflings'; font-size:22px;}*/
 
.panel-primary > .panel-heading {
    font-weight: bold;
    width: 100%;
    padding: 5px;
    background-color: transparent !important;
    border-color: #ccc;
    color: #333;
}
 
.panel {
    border-radius: 0px;
}

.panel-primary {
    border-color: #ccc;
}

.panel-body {
    padding: 0px;
}

.headerkeymetrics.jqx-window-content {
    border: none !important;
}

.jqx-tabs-headerWrapper ul li {
    border-color: #ccc;
    border-bottom: none;
}

.jqx-tabs-titleContentWrapper {
    color: black !important;
}

#customTimeFrom input, #customTimeTo input, #customTimeFrom_Production input, #customTimeTo_Production input {
    font-size: 11px !important;
}

#contenttablesummaryDetailsGrid div[role="row"] div.jqx-grid-cell:first-child:hover {
    color: #23527c;
    text-decoration: underline;
}

 #contenttabletrendgrid div[role]:nth-last-child(4) .jqx-grid-cell {
 font-weight: bold !important;
 }

.loader {
position: absolute;
border: 4px solid #f3f3f3; /* Light grey */
border-top: 4px solid #3498db; /* Blue */
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.jqx-fill-state-normal, .jqx-fill-state-active {
    background: #fff;
}

.grid-cell-border .jqx-grid-cell, .grid-cell-border .jqx-widget-header, #summaryDetailsGrid, #jqxMyPortfolioDetails, #jqxCollateralMixDetails, .Dealeroverview #DealerOverviewGrid, .dashboardnew #summarySalesGrid, .dashboardnew #summaryCreditGrid {
    border-style: inherit !important;
    border: none;
}

.jqx-grid-cell-selected {
    background-color: #a5bdd5 !important;
    color: #fff !important;
}

.grid-cell-border .jqx-grid-column-header {
    font-weight: bold;
}

.grid-cell-border .jqx-grid-header .jqx-grid-column-header span {
    line-height: 30px !important;
    display: inline-block;
}

.grid-cell-border.multi-row .jqx-grid-header .jqx-grid-column-header span {
    line-height: 21px !important;
    display: inline-block;
}

.grid-cell-border.three-row .jqx-grid-header .jqx-grid-column-header span {
    line-height: inherit !important;
    display: inline-block;
}

.header-text {
    line-height: normal !important;
    margin: 5px 0px;
}

#trendgrid .jqx-grid-header .jqx-grid-column-header span {
    line-height: 18px !important;
    display: inline-block;
}

.spinner-rectangle-bounce {
    width: 50px;
    height: 40px;
    font-size: 10px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 51;
}

.spinner-rectangle-bounce > div {
        background-color: #3498db;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
        animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

    .spinner-rectangle-bounce .rect1 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner-rectangle-bounce .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner-rectangle-bounce .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .spinner-rectangle-bounce .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinner-rectangle-bounce .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4);
    }

    20% {
        -webkit-transform: scaleY(1.0);
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

/*mysummarydetails */

.spinner > div {
    width: 25px;
    height: 25px;
    background-color: #3074b2;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */    
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.hidelist {
    display: none !important;
}

.headerkeymetrics2 {
    z-index: 999999 !important;
}

.chart-body {
    float: left;
    padding: 15px;
    width: 100%;
}

.chart-radiolist label {
    display: inline-block;
    margin-right: 10px;
}

.jqx-webtabs li[hide="true"], .jqx-tabs-content div[hide="true"] {
    display: none;
}


  /* Some default button styles */
 .ui-dialog button {
      font-size: 100%;
      margin: 0;
      vertical-align: baseline;
      *vertical-align: middle;
  }

.ui-dialog button {
      line-height: normal;
      *overflow: visible;
  }

 .ui-dialog button {
      cursor: pointer;
      -webkit-appearance: button;
  }

 .ui-dialog button {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      border: 1px solid #cccccc;
      border-width: 1px;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 1px 1px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      color: #333333;
      display: inline-block;
      font-size: 14px;
      line-height: normal;
      padding: 5px 10px;
      text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  }

    .ui-dialog .button:hover, .ui-dialog button:hover {
      text-decoration: none;
      background-position: 0 -15px;
  }

    .ui-dialog.button:focus, .ui-dialog button:focus {
      -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
      box-shadow: 0 0px 2px rgba(0, 0, 0, 0.4);
      outline: none;
  }

  /* Timeout Dialog Styles */
  .timeout-dialog {
      padding: 5px;
      position: absolute;
      background: #fff !important;
      border: 1px solid #ffffff;
      -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
      box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    z-index: 99999;
  }

  .ui-dialog-content h4 {
      margin-left: 77px;
  }

.ui-dialog-content {
    position: relative;
    z-index: 3;
}

 .ui-dialog-content .fa-exclamation-triangle {
      position: absolute;
      font-size: 44px;
      color: red;
      margin-top: 14px;
  }

  .timeout-dialog .ui-dialog-title {
      font-size: 16px;
      font-weight: bold;
      display: block;
      padding: 0 0 5px 0;
  }

  .timeout-dialog .ui-dialog-titlebar-close {
  }

  .ui-dialog-titlebar {
      position: relative;
  }

  .ui-button-icon-only {
      position: absolute;
      top: 0px;
      right: 0px;
  }

  .ui-dialog-titlebar .ui-button-text {
    display: none;
  }

.ui-dialog-titlebar .ui-icon::after {
    content: 'X' !important;
    color: #000 !important;
}

  .timeout-dialog .ui-dialog-buttonpane {
      margin-top: 15px;
      margin-left: 78px;
  }
  
  .ui-dialog-content hr {
      margin: 0px;
      border-top: 1px solid #666;
  }

 .ui-widget-overlay {
 position: absolute;
 top: 0;
 left: 0;
 background: #000;
 filter: alpha(opacity=40);
 -khtml-opacity: 0.4;
 -moz-opacity: 0.4;
 opacity: 0.4;
    height: 100%;
    width: 100%;
    z-index: 88888;
        }

 .timeout-dialog p {
     margin: 0 0 5px 80px;
 }

 #timeout-keep-signin-btn {
     background-color: #0f5895;
     background: #0f5895 !important;   
     color: #ffffff;
     text-shadow: none;
     margin: 5px 10px 5px 0 !important;
    padding: 5px 10px !important;
    font-size: 14px;
    font-weight: normal;
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }

 #timeout-sign-out-button {
     color: #FFF !important;
     background-color: #d9534f !important;
      background: #d9534f !important;
     text-shadow: none !important;
    margin: 5px 0 !important;
    padding: 5px 10px !important;
    font-size: 14px;
    font-weight: normal;
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }

 .ui-button-text-only .ui-button-text {
    padding: 0px;
}

 #timeout-countdown {
     font-weight: bold;
 }

.ui-dialog .ui-dialog-titlebar {
    padding: 0px;
    position: relative;
}

.ui-state-default .ui-icon {
    background-image: inherit;
    overflow: inherit !important;
    text-indent: 0px;
}

.ui-widget-header {
	border: none;
    background: inherit;
	color: #000;
    font-weight: inherit;
}

    .ui-dialog .ui-dialog-content {   
    padding: 0 !important;    
}

    .ui-dialog .ui-dialog-buttonpane {
    margin-top: 0px;
     padding: 0px;  
}

    .timeout-dialog .ui-dialog-titlebar-close {
    display: none;
}

   .dealeroverview .filter-row {
    margin-bottom: 36px;     
}

.alert-msg {
    position: fixed;
    bottom: 5px;
    right: 0px;
    padding: 0px 10px; /*background:red;*/
    color: #fff;
 -transition: width 500ms ease-in, opacity 1s ease-out;
    -moz-transition: width 500ms ease-in, opacity 1s ease-out;
    -o-transition: width 500ms ease-in, opacity 1s ease-out;
    transition: width 500ms ease-in, opacity 1s ease-out;
    z-index: 99977;
}

    .alert-msg.transition {
        opacity: 1;
        width: 100%;
}

#scoregrid, #customscoregrid {
    border: none !important;
    border-radius: 0 !important;
}

/* compliance dashboard css */
.circle {
    width: 40px;
    height: 40px;
    line-height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    display: block;
    margin: 5px auto;
    padding: 0px;
 }

.policy {
    background: #d3d3d3;
}

.pending {
    background: #5bad6f;
}

.reminders {
    background: #ffc316;
}

.alerts {
    background: #eb4b40;
}

.dashboard-grid th {
    font-weight: bold;
}

.dashboard-grid {
    text-align: center;
    border: 1px solid #ddd;
}

    .dashboard-grid tr td:first-child {
        text-align: left;
        font-weight: bold;
    }

    .dashboard-grid tr td {
        line-height: 51px !important;
    }

.dashboard-container .panel-primary {
    margin-bottom: 20px;
}
/* */

.btn-blue {
 font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
background-color: #06F;
color: #FFF;
border: none;
background: #095eac;
/*background-image: -webkit-linear-gradient(top, #095eac, #344966);
background-image: -moz-linear-gradient(top, #095eac, #344966);
background-image: -ms-linear-gradient(top, #095eac, #344966);
background-image: -o-linear-gradient(top, #095eac, #344966);
background-image: linear-gradient(to bottom, #095eac, #344966);	*/
    border-radius: 0px;
    color: #fff;
}

.input-upload {
width: 215px;
border: solid #777 1px;
height: 31px;
line-height: 32px;	
background: #fff;
 -webkit-box-shadow: inset 0px 2px 0px rgba(0,0,0,.05);
-moz-box-shadow: inset 0px 2px 0px rgba(0,0,0,.05);
box-shadow: inset 0px 2px 0px rgba(0,0,0,.05); 
color: #777;
text-shadow: 0px 1px 0px #fff;
-moz-border-radius-topleft: 3px; 
-moz-border-radius-bottomleft: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-top-left-radius: 3px; 
border-bottom-left-radius: 3px;
}

.error-msg {
    text-align: center;
}

    .error-msg a {
        color: red;
        text-decoration: underline;
    }

.notes-info li {
float: left;
width: 100%;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 0px;
padding: 0px 5px;
list-style: none;
 }

 .notes-tag {
     float: left;
     width: 10%;
     text-align: center; margin-top:10px;
 }

.notes-tag span {
    width: 26px;
    height: 26px;
    display: inline-block;
    color: #fff;
    text-align: center;
        padding: 6px;
        font-size: 10px;
    border-radius: 50%;
    background: #2255a3;
}

 .notes-tittle {
     width: 35%;
     float: left;
 }

 .notes-desc {
     float: left;
     width: 90%;
     padding: 0px 10px; margin-top:10px;
 }

 .notes-desc .notes-tittle {
     color: #c5bdbd;
 }

 .notes-desc p {
     margin-top: 10px;
     float: left;
     width: 100%;
 }

 .notes-date {
     float: left;
     width: 65%;
     text-align: right;
     color: #c5bdbd; display:flex; white-space:nowrap;    justify-content: flex-end;
 }

 .search-notes { padding: 10px; }

 i.btn-previous {
     color: #fff;
     position: absolute;
     top: -37px;
     left: 10px;
     cursor: pointer;
 }

 i.btn-displaynote {
     color: #fff;
     position: absolute;
     top: -37px;
     left: 10px;
     cursor: pointer;
 }
 /***** Top menu *****/
   


 /***** Top content *****/

 .top-content {
padding: 0px 0 20px 0;
 }

 .top-content .text {
 color: #fff;
 }

.top-content .text h1 {
color: #fff;
}

 .top-content .description {
margin: 20px 0 10px 0;
 }

 .top-content .description p {
 opacity: 0.8;
 }

 .top-content .description a {
color: #fff;
 }

 .top-content .description a:hover,
 .top-content .description a:focus {
 border-bottom: 1px dotted #fff;
 }

 .f1 {
 background: #fff;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 }

.f1-steps {
overflow: hidden;
position: relative;
margin-top: 20px;
width: 80%;
margin: 0px auto;
 }

.f1-progress {
position: absolute;
top: 24px;
left: 0;
width: 100%;
height: 1px;
background: #137cbf;
 }

.f1-progress-line {
position: absolute;
top: 0;
left: 0;
height: 1px;
background: #fff;
 }

 .f1-step {
position: relative;
float: left;
width: 20%;
/*padding: 0 5px;*/
    text-align: center;
 }

 #LoadCompletedModalPopUp .f1-step {
     width: 50%;
     /*padding: 0 5px;*/
 }

 .f1-step-icon {
 display: inline-block;
 width: 10px;
 height: 10px;
 margin-top: 4px;
 background: #137cbf;
 color: #fff;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 }

.f1-step.activated .f1-step-icon {
background: #fff;
border: 1px solid #fff;
 }

.f1-step.active .f1-step-icon {
width: 12px;
height: 12px;
margin-top: 4px;
background: #289ae4;
border: 3px solid #fff;
    position: relative;
    z-index: 2;
 }

.f1-step p {
    color: #fff;
    margin: 0px 0px 1px 0px;
}

.f1-step.activated p {
    color: #fff;
}

.f1-step.active p {
    color: #fff;
}

.f1 fieldset {
    display: none;
    text-align: left;
}

.f1-buttons {
    text-align: right;
}

.f1 .input-error {
    border-color: red;
}

#exampleModalCenter .form-control {
    width: 100%;
}

.btnColor {
    background: #467ead;
}
  /* modal popup*/
.modal-open .modal {
    font-family: 'Open Sans', sans-serif;
}

.f1-step {
    font-size: 10px;
}

.modal-body {
    color: #848484;
}

    .modal-body .control-label {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 5px;
        padding-right: 10px;
    }

    .modal-body .jqx-default, .modal-body .jqx-combobox {
        font-size: 16px !important;
        font-weight: 600;
    }

.control-div {
    display: inline-block;
    vertical-align: middle;
}

.modal-body button.btn {
    font-family: 'Open Sans', sans-serif;
 min-width: 125px;
 line-height: 40px;
 margin: 0;
 padding: 0 20px;
 vertical-align: middle;
 border: 0;
 font-size: 14px;
 font-weight: 700;
background-color: #289be5;
 }

.modal-body .jqx-widget {
    color: #848484;
}

.modal-body button.btn.btn-submit, .modal-body button.btn.btn-submit:focus, .modal-body button.btn.btn-submit:active:focus, .modal-body button.btn.btn-submit.active:focus {
    background: #289ae4;
    color: #fff;
}

.lbl-brz {
    padding: 0px 15px;
}

.ctr-hrz {
    width: 300px;
}

.modal-body h4 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 40px;
}

.modal-body .form-control {
    height: 40px;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 600;
}

.btn-cancel {
    background-color: transparent !important;
    color: #848484 !important;
}

.btn-edit {
    background-color: transparent !important;
    color: #289be5 !important;
}

.modal-body textarea.form-control {
    height: 350px;
 }

 .f1-step:after {
content: '';
height: 2px;
width: 98%;
background-color: #137cbf;
position: absolute;
top: 24px;
left: 50%;
z-index: 1;
}

.f1-step.active:after, .f1-step.activated:after {
 background-color: #fff;
}

.f1-steps .f1-step:last-child:after {
  background-color: inherit;
}

.f1-steps .f1-step:last-child.active:after, .f1-steps .f1-step:last-child.activated:after {
 background-color: inherit;
}

.f1-buttons {
  text-align: right;
}

.f1-buttons .footer-btn {
        position: absolute;
        bottom: -47px;
        right: 20px;
    }

.modal-footer {
    min-height: 50px;
}

.summary-popup {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

    .summary-popup .modal-header {
        font-size: 18px;
    }

    .summary-popup .control-label {
        font-size: 15px;
        font-weight: normal;
    }

    .summary-popup .jqx-default {
        font-size: 15px;
        font-weight: normal;
    }

#SummaryModalPopUp .modal-dialog {
    max-width: 800px;
    width: 98%;
}

.modal-footer button.btn {
    font-family: 'Open Sans', sans-serif;
    min-width: 125px;
    line-height: 40px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    border: 0;
    font-size: 14px;
    font-weight: 700;
    background-color: #289be5;
    color: #fff;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

.matricnew {
    width: 16.6%;
}

#jqxDelinquentgrid .jqx-grid-cell, #jqxDelinquentgrid .jqx-grid-column-header {
    border-color: #a4bed4 !important;
    border-right: none !important;
}

    #jqxDelinquentgrid .jqx-grid-cell input {
        border: 2px solid #c5c0c0 !important;
        height: 21px !important;
        margin-top: 2px;
    }

#jqxDelinquentgrid .jqx-grid-cell-selected {
    color: #2b465e !important;
}

#DelinquentGridbody div[role=columnheader] > div > div, .GridHeaderPadding div[role=columnheader] > div > div {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
 }

/*popover css*/

#timoutpopover {
    z-index: 9700199 !important;
}

#timoutpopover .dialog-title {
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding: 0 0 5px 0;
        margin: 0px;
    }

    #timoutpopover .jqx-window-header {
        background-color: inherit !important;
        color: #000;
        top: 4px;
    }

    #timoutpopover hr {
        margin: 0px;
        padding: 0px;
        border-top: 1px solid #8c8686;
}

#timoutpopover i.fa {   
font-size: 44px;
color: red;
margin-top: 14px;
}

.timeout-dialog .ui-dialog-buttonpane {
margin-top: 15px;
margin-left: 78px;
}

#timoutpopover .btn-yes {
background-color: #0f5895;
background: #0f5895 !important;
color: #ffffff;
text-shadow: none;
margin: 5px 10px 5px 0 !important;
padding: 5px 10px !important;
font-size: 14px;
font-weight: normal;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    border: none;
    border-radius: 5px;
}

#timoutpopover .btn-no {
color: #FFF !important;
    border: none;
    border-radius: 5px;
background-color: #d9534f !important;
background: #d9534f !important;
text-shadow: none !important;
margin: 5px 0 !important;
padding: 5px 10px !important;
font-size: 14px;
font-weight: normal;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.timout-bg {
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    filter: alpha(opacity=40);
    -khtml-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
    height: 100%;
    width: 100%;
    z-index: 9700198 !important;
}

.mainheading {
    font-weight: bold;
}

#divAdmin li .MenuItem, #divAdmin li .MenuMousedItem, #divAdmin li .liMenuItem {
    padding-left: 20px;
}

.MenuTable li.mainheading:hover {
    background: inherit !important;
}

.mainheading .MenuGroup {
    cursor: auto;
}

.downloadicon .glyphicon {
    font-size: 14px;
    font-family: 'Glyphicons Halflings';
}

.largeicon {
    font-size: 60px;
    font-family: 'Glyphicons Halflings';
}

.glyphicon-minus {
    color: #6b6666;
}

.glyphicon-arrow-down {
    color: #6b6666;
}

.glyphicon-arrow-up {
    color: #6b6666;
}

.jqx-grid-cell-selected .glyphicon {
    color: #fff;
}

.headerbtn .btn {
    padding: 0px 10px;
}

    .headerbtn .btn.active {
        color: #fff;
    background-color: #477fad;
        border-color: #477fad;
    }

#SummaryMarketShareDataGrid div[role="row"] .jqx-grid-cell:first-child div {
    padding-left: 4px;
}

.edit-textbox .form-control-blue {
    border: 1px solid #ccc !important;
    padding-left: 5px;
}


        .jqxcalendar .jqx-widget-header {
            background: inherit;
            border: inherit;
        }

        .jqxcalendar .calendar {
            border: inherit;
        }

        .jqxcalendar .jqx-calendar-title-content {
            font-weight: bold;
        }

        .jqxcalendar .jqx-calendar-column-header {
            border: inherit;
        }

        .jqxcalendar .jqx-calendar-column-cell {
            font-weight: bold;
        }

        .jqxcalendar .jqx-calendar-month {
            margin-top: 5px !important;
        }

        .jqxcalendar .jqx-fill-state-pressed {
            background: inherit;           
    color: #0080e1;
    font-weight: bold;
}

.jqxcalendar #Viewcalendar > div > table:first-child {
    width: 50% !important;
    margin: 0px auto !important;
}

.jqxcalendar #ViewcCalendar > div > table:first-child {
    width: 50% !important;
    margin: 0px auto !important;
}

.jqxcalendar #cCalendar {
    border: none !important;
        }

        .jqxcalendar .jqx-calendar-cell-hover {
          /*background: #e4edf6;
            border: 1px solid #e1e8ef;*/  
    background: inherit;
        }

        .jqxcalendar .jqx-calendar-cell-today {
            background: inherit;
            border: inherit;
            color: #0080e1;
        }

        .jqxcalendar .jqx-calendar td {
            font-size: 15px;
        }

       .jqxcalendar .jqx-calendar-cell-othermonth {
    color: #d8d7d7 !important;
}

.jqxcalendar .jqx-calendar-cell {
    border: none !important;
    color: #000;
}

.jqxcalendar .jqx-calendar-cell-today {
    color: #5097dd !important;
    font-weight: bold;
}

.attachment-popup {
    width: 30px;
    height: 30px;
    background: #fff;
    color: #289ae4;
    text-align: center;
    border-radius: 50%;
    padding: 3px;
    float: right;
}

    .attachment-popup .spanAttachmentCount {
        position: absolute;
        top: -10px;
        right: 0px;
        color: #289ae4;
        font-size: 11px;
    }

#jqxDealerDemands .jqx-widget-header {
    border-bottom: 1px solid #ccc;
    border-style: solid !important;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}

#jqxDealerRebatables .jqx-widget-header {
    border-bottom: 1px solid #ccc;
    border-style: solid !important;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}

#jqxDealeroutstandingtitles .jqx-widget-header {
    /*border-bottom: 1px solid #ccc;
    border-style: solid !important;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;*/
}

.metricTitle {
    width: 74%;
    display: inline-block;
    vertical-align: top;
}

.print-btn {
    vertical-align: middle;
    float: right;
    padding: 0px 5px;
    cursor: pointer;
    display: inline-block;
}

    .print-btn .glyphicon-print:before {
        font-size: 18px;
    }

.barChart {
    float: right;
    margin-top: -2px;
    cursor: pointer;
    display: none;
}

.lineChart {
    float: right;
    margin-top: -2px;
    cursor: pointer;
}

.popover {
    padding: 0px;
    width: 300px;
}

.popover-tittle {
    background: #2899e3;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
}

.popover-content {
    padding: 0px;
}

.popover-footer {
    background: #f6f9fb;
    padding: 10px;
    text-align: right;
}

    .popover-footer button {
        margin: 0px 2px;
    }

.popover.bottom > .arrow:after {
    border-bottom-color: #2899e3 !important;
}

.popover ul li {
    list-style: none;
    line-height: 40px;
}

    .popover ul li .glyphicon {
        font-size: 15px;
        color: #125fab;
        margin-right: 20px;
    }

    .popover ul li .glyphicon-download-alt:before {
        color: #125fab;
    }

.chart-filters {
    float: right;
}

    .chart-filters li {
        display: inline-block;
        padding: 0px 8px;
        vertical-align: middle;
        border-right: 2px solid #095eac;
    }

        .chart-filters li a {
            cursor: pointer;
            color: #333;
         }

            .chart-filters li a.activelink {
                color: #0b80d8;
         }


#DealerworkflowTabs #DealerdivContactInfo .form-group:nth-child(even) {
    background: #f3efef;
         }

#DealerworkflowTabs #DealerdivContactInfo .form-group {
    margin-bottom: 0px;
    line-height: 28px;
          }

    #DealerworkflowTabs #DealerdivContactInfo .form-group label {
        margin-bottom: 0px;
}
 
.loandatagridheight {
    height: 520px;
}

@media (min-width:1700px) {
    .loandatagridheight {
        height: 597px;
    }
}

.select2-container-multi .select2-choices .select2-search-choice {
 padding: 5px 5px 5px 18px !important;
}

.select2-container-multi .select2-choices {
    min-height: 21px !important;
}

.select2-container-multi .select2-choices .select2-search-field input {
    height: 11px !important;
}

.select2-container .select2-choice {
    height: 27px !important;
    line-height: 26px !important;
}
.sort-item .select2-container .select2-choice {
    height: 22px !important;
    line-height: 22px !important;
}
.select2-choice > span:first-child, .select2-chosen, .select2-container .select2-choices .select2-search-field input {
  padding: 0px 3px !important;  
}
.select2-container .select2-choice .select2-arrow b, .select2-container .select2-choice div b {
 background: url(../jqwidgets/styles/images/icon-down.png) no-repeat -1px 3px !important; 
}
.select2-container .select2-choice .select2-arrow b, .select2-container .select2-choice div b {
    /*background-position: -3px -1px !important;*/ 
}
  
#CallModelPopup .select2-container .select2-choice {
    height: 42px !important;
    line-height: 42px !important;
}

#CallModelPopup .select2-container .select2-choice .select2-arrow {
    top: 10px;
}

#CallModelPopup .select2-container {
    width: 98%;
    max-width: 400px;
}

.shadow {
border-radius: 4px;
/*box-shadow: 3px 3px 3px -2px #56728d, 3px 3px 3px -2px #56728d;*/
}

.btn-mar {
    margin: 0px 3px;
}

.hr-margin {
    margin: 5px 0px;
}

.displayLabel_Overflow {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sub-metric {
    background: url("../Images/sub-Metric.png") no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
    margin-right: 2px;
    top: -4px;
}
 
.subsubicon {
    margin-left: 20px;
}
 /*.ChartPrint{ overflow:hidden; } 
 .chartContainer{ top:-20px; position:relative;} */
  /*.ChartPrint svg .jqx-chart-title-text {  fill: #fff; font-size:0px;  }*/

  /* action detail css */

      .profile-notes ul li.jqx-item {
            width: 50%;
            margin: 0;
            border-radius: inherit !important;
            box-sizing: border-box;
            border: none; height: 40px !important;
            line-height: 30px;
        }
        .leftcoltabs .jqx-tabs-arrow-background {
            display: none !important;
        }
        .leftcoltabs .jqx-tabs-title-container {
            width: 100% !important;
        }
        .leftcoltabs .jqx-tabs-titleContentWrapper {
            width: 100%;
            text-align: center;
            color: #125fab !important;
        }
        .leftcoltabs .jqx-tabs-title-selected-top .jqx-tabs-titleContentWrapper {
            color: #fff !important;
        }

.leftcoltabs ul.jqx-tabs-title-container {
    left: 0px !important;
}

        .leftcoltabs .jqx-tabs-header {
            padding: 0 !important;
        }

        .leftcoltabs .jqx-tabs-headerWrapper {
            border-bottom: 1px solid #ccc;
        }

        .notessearch {
            width: 100%;
            position: relative;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            padding: 5px;
        }

            .notessearch .fa-search {
                top: 10px;
                left: 10px;
            }

        .search-form-label {
            border: 1px solid #c5bdbd;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            padding-left: 18px;
            height: 25px;
        }

#MainContent_attachemntlabel {
position: relative;
    left: -29px;
    top: 5px;   
    width: 15px;
    height: 15px;
    display: inline-block;
    cursor: pointer;
        }
          /* action detail css end */
div.jqx-grid-cell-pinned.jqx-item-energyblue.jqx-item {
    background-color: #fff !important;
}

div.jqx-grid-cell-pinned-alt.jqx-item-energyblue.jqx-item {
    background-color: #f4f4f4 !important;
}
.btnlayout{width:125px; margin:10px 10px 10px 0px ;color: #477fad;}
.btnlayout.activebtn{background-color: #477fad; color:#fff;}
.btnlayout:focus{outline: none;}
.notification-el{
    position: absolute;  text-align: right;  top: 48px; right:34px; height: 19px; z-index:222;
}
.notification-bell {
    background:#fff;   width:25px; height:25px; border-radius:50%; text-align:center;    padding-top: 2px;    
    display: inline-block;  cursor:pointer;
}
.notification-bell:hover{
   box-shadow:0 0 3px 3px #ececec;
}
.notification-bell .fa{ font-size:medium;}
.popover-notificaton {
    position: absolute;
    top:37px;
    right:-10px;
    z-index: 666;
    width: 400px;
    border-radius:5px;
    background-color: #fff;
    border: none;
    box-shadow: 0 5px 10px rgba(0,0,0,.3);
    padding: 10px 0px; text-align:left;
    display: none;
}
.notificaton-arrow {
    position: absolute;
    top: -13px;
    right: 10px;
    margin-left: -1px;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #fff;
}
.notificaton-arrow:after {
    content: "";
    position: absolute;
    left: -12px;
    display: block;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
}
.popover-notificaton.showpopover-notificaton{
      display: block;
}
.popover-close{ float:right; position: relative; right: 5px; top: -10px; cursor:pointer;}
.notificaton-head{ height:35px; line-height:35px;color: #a4aab9;  font-weight: 600; letter-spacing:1px; padding-left:10px; margin-bottom:5px;}
.not-tittle{width:25px; height:25px; line-height:25px; color:#fff; text-align:center; font-size:10px; background:#125fab!important;border-radius:50%; text-align:center; }
.notification-list li { display:flex; border-bottom:1px solid #d9d6d6; padding:10px;}
.notification-list li:last-child{border:none;}
.notification-list li.unread{background:#f7f8fa;}
.not-data{ padding-left:10px; font-size:15px;}
.not-data  b,.not-data  strong{font-weight:600;}
.not-date{ margin-top:10px;}
.blue-font{color: #095eac;}
a.green-font{ color:#2bc100; padding-left:10px; display:inline-block; text-decoration:none; letter-spacing:0.65px;}
.replied{padding-left:10px; display:inline-block; }
.noti-count{width:15px; height:15px; border-radius:50%; background:#de3710; color:#fff; text-align:center; position:absolute; top: -7px;
    right: -5px; font-size:10px; }
.notifi-textarea {padding:10px;}
.replayheading{border-bottom: 1px solid #d9d6d6;font-weight: bold;}
.notifi-textarea textarea{ border-radius:8px; width:100%; height:200px;}
.notifi-sucess-msg { color: #2bc100; letter-spacing: 0.65px; font-weight:600;line-height: 30px;  padding-left: 15px; font-size: 14px; }
.notesheight .mCSB_container_wrapper > .mCSB_container { padding-right: 10px;}
.replyicon { width:28px; height:29px; cursor:pointer; text-align: center; display:inline-block;vertical-align: middle; font: normal normal normal 14px/1 FontAwesome;  }
.replyicon:before {content: "\f112";}
.subnotes li { padding-left:10px; border-bottom: 1px solid #e5e5e5 !important}
.replaydata { display:flex;}
.replaysubnotes { width:31px; background:url(../Images/replyicon2.png) no-repeat center; } 
.data-arrowcell{ background:#cccccc;cursor:pointer;text-align:center;display: flex;flex-basis:15px; padding:0px 3px; align-items: center; }
.navicon {width: 100%;}
.replyinfo {width: 100%;  } 
.closenav i.fa-chevron-down:before{content: "\f077";  }
.replyinfo p{ max-width:350px;}
.subnotes { display:none;}
.notification-list li{ cursor:pointer}
.notes-tag,.{ margin-top:10px;}


/*TinyMCE Settings*/
.highlight{
    font-weight:bold;
 }
.tox-tinymce {   border:1px solid #d1d1d1; border-radius:5px;}
.tox .tox-tbtn{ font-size:12px;}
 .tox .tox-toolbar__primary{ background:inherit; }
.tox .tox-editor-header{border-bottom:1px solid #d1d1d1;}
 .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){ margin:0px 2px; border:inherit;border-right:1px solid #d1d1d1;}
 .tox .tox-collection--list .tox-collection__item--active {
    background-color: #095eac;
    color: #fff !important;
}
 .sey-container{ max-height:250px; overflow:auto;}
 .sey-selected,.sey-item:hover { background-color: #2255a3; }
 .rightpos{left:inherit !important; right:0px;}
 .replybtn{ color:green; font-weight:bold;}
 .tox .tox-editor-header {
     display:none;
}
 .notesheight .mCustomScrollBox{width:100%;}
 #NotesList li p{padding-left:10px; margin-top:10px; float:left;width:100%;}
 #ProfileNotesList li p{padding-left:10px; margin-top:10px; float:left;width:100%;}
 #ProfileCallHistoryList li p{padding-left:10px; margin-top:10px; float:left;width:100%;}
 .hidenote {display: none}
 .mymention {
    font-weight: bold;
    background: #FFFCD3;
    font-size: 13px;
}

.tox-tinymce-aux {
 z-index: 9999 !important;
} 
.ui-autocomplete-input{border:none !important; padding: 1px 1px 1px 10px ; min-height:30px; margin-bottom:15px;  outline:none;  float: right;width: 90% !important;}
.ui-autocomplete-input[contenteditable="true" ] {margin-top:2px; margin-left:2px;  padding:1px; border:1px solid #ccc !important;min-height:80px;float: left;width: 100% !important;}
.notesheight .mCSB_container_wrapper > .mCSB_container {  padding-right: 10px;}
.ui-autocomplete-input p{ padding-left:0px !important;}
[data-mention] {background-color: inherit; color:#3d38ff; display:contents;}
.ui-autocomplete.ui-front { width:auto !important;z-index: 99999; }
.ui-autocomplete.ui-front li a.ui-state-focus{ background:#dee0e2  !important; border:none !important;}
.notification-list { max-height: calc(100vh - 150px); overflow-y:auto;}
.opensubnote{ display:block !important;}
.subnote-reply{background: aliceblue !important;}
 .modal-body .mentions { height:350px;} 
 #KeyMetricsListBox .jqx-item{ border:1px solid #ccc;}
  .btn-transp { width:130px; line-height:20px; border-radius:10px;  border:1px solid #085eac; text-align:center; padding:5px;  background:transparent; }
 .btn-blue{ width:260px; color:#fff; line-height:30px; border-radius:10px;  border:1px solid #085eac; text-align:center; padding:5px;  background:#085eac;}
 .btngroup { margin:10px 0px;}
 #pendingtabs ul li { height:inherit !important; }
 .jqx-combobox-state-normal .jqx-input-label,.jqx-dropdownlist-state-normal  .jqx-input-label{ display:none;}
 #ReportGrid .jqx-grid-column-header { visibility:visible  !important;}
 .disable-pencil.glyphicon {  color: #d5d8da !important;pointer-events: auto! important;
     cursor: not-allowed! important;}
 .completedata,.summary-popup{max-height: calc(100vh - 200px); overflow-y:auto;}
 body .labelmetric .jqx-grid-cell-selected {
    background-color: transparent !important;
    color: #000 !important;
}
 .activelink,.activelink:hover{ color:#fff; }
 .riskactivelink,.riskactivelink:hover{ color:#fff;background: #477fad; }
 @media all and (max-width: 1750px) {
   .hidemetricTitle{display:none}
}

 #NotesList,#ProfileCallHistoryList,#ProfileNotesList{ text-align:justify;}
/*#NotesList .mentions p,#NotesList .mentions div,#NotesList .mentions  span,#NotesList .mentions  label { width:100% !important;}*/
.mentions p,.mentions div, .mentions  span, .mentions  label { width:100% !important;}
.jqx-tabs-arrow-background {
    background-color: inherit !important;
}

.graylist .contact-tag {
    background: #c1c1c1;
}
.graylist {
    color: #c5bdbd;
}