@charset "utf-8";
/* CSS Document */
html,
body {
    height: 100%;
    font-family: RenaultLifeRegular,Arial, sans-serif; ;
}
@font-face {
    font-family: RenaultLifeBold;
    src:url(../fonts/RenaultLife-Bold.eot);
    src:url(../fonts/RenaultLife-Bold.eot?#iefix) format('embedded-opentype'),
        url(../fonts/RenaultLife-Bold.ttf),
        url(../fonts/RenaultLife-Bold.woff);
}
@font-face {
    font-family: RenaultLifeBoldItalic;
    src:url(../fonts/RenaultLife-BoldItalic.eot);
    src:url(../fonts/RenaultLife-BoldItalic.eot?#iefix) format('embedded-opentype'),
        url(../fonts/RenaultLife-BoldItalic.ttf),
        url(../fonts/RenaultLife-BoldItalic.woff);
}
@font-face {
    font-family: RenaultLifeItalic;
    src:url(../fonts/RenaultLife-Italic.eot);
    src:url(../fonts/RenaultLife-Italic.eot?#iefix) format('embedded-opentype'),
        url(../fonts/RenaultLife-Italic.ttf),
        url(../fonts/RenaultLife-Italic.woff);
}
@font-face {
    font-family: RenaultLifeLight;
    src:url(../fonts/RenaultLife-Light.eot);
    src:url(../fonts/RenaultLife-Light.eot?#iefix) format('embedded-opentype'),
        url(../fonts/RenaultLife-Light.ttf?#iefix),
        url(../fonts/RenaultLife-Light.woff);
}
@font-face {
    font-family: RenaultLifeLightItalic;
    src:url(../fonts/RenaultLife-LightItalic.eot);
    src:url(../fonts/RenaultLife-LightItalic.eot?#iefix) format('embedded-opentype'),
        url(../fonts/RenaultLife-LightItalic.ttf?#iefix),
        url(../fonts/RenaultLife-LightItalic.woff);
}
@font-face {
    font-family: RenaultLifeRegular;
    src:url(../fonts/RenaultLife-Regular.eot);
    src:url(../fonts/RenaultLife-Regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/RenaultLife-Regular.ttf?#iefix),
        url(../fonts/RenaultLife-Regular.woff);
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 0px;
}

.wrap > .main_wrapper {
    padding: 8% 0px 0px;
}
.action-dropdown {
    margin-top: 20px;
}
.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    border-color :#fff;
}
.navbar-inverse{
    background-color: #fff;
    border-color: #fff;
}
.navbar-brand{
    height: auto;padding: 15px 0px;
}
nav .container {
    border-bottom: 1px solid #e1e1e1;
}
span.user-profile {
    display: block;
    margin-top: 28px;
}
span.user-profile-name {
    font-size: 20px;
    color: #666;
    margin-left: 11px;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus{
    color: #000;
}
.navbar-login {
    height: auto;
    padding: 15px 0px;
}
.navbar-login {
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    display: block;
    color: #646464;
}
.frontend-grid thead tr:first-child {
    background: #393939;
    color: #fff;
    border: none !important;
}
.frontend-grid thead tr:first-child th {
    color: #fff;
    text-align: center;
    padding: 15px;
}
.frontend-grid thead tr:first-child th a {
    color: #fff;
}
.frontend-grid .table-bordered > thead > tr > th,
.frontend-grid .table-bordered > tbody > tr > th,
.frontend-grid .table-bordered > tfoot > tr > th,
.frontend-grid .table-bordered > thead > tr > td,
.frontend-grid .table-bordered > tbody > tr > td,
.frontend-grid .table-bordered > tfoot > tr > td {
    border: 0px solid #ddd;
}
.frontend-grid table tbody td {
    width: 20%;
    padding: 16px !important;
    text-align: center;
}
.frontend-grid .table-bordered{
    border: 0px solid #ddd;
}
.frontend-grid table {
    border-spacing: 11px !important;
    border-collapse: separate !important;
}
.frontend-grid table tbody td {

    padding: 16px !important;
    text-align: center;
    box-shadow: 0px 0px 6px 1px #eee;
}
.frontend-grid thead tr {
    background: #393939 !important;
}




/*

.frontend-grid-create thead tr:first-child {
    background: #393939;
    color: #fff;
    border: none !important;
}
.frontend-grid-create thead tr:first-child th {
    color: #fff;
    text-align: center;
    padding: 15px;
}
.frontend-grid-create thead tr:first-child th a {
    color: #fff;
}
.frontend-grid-create .table-bordered > thead > tr > th,
.frontend-grid-create .table-bordered > tbody > tr > th,
.frontend-grid-create .table-bordered > tfoot > tr > th,
.frontend-grid-create .table-bordered > thead > tr > td,
.frontend-grid-create .table-bordered > tbody > tr > td,
.frontend-grid-create .table-bordered > tfoot > tr > td {
    border: 0px solid #ddd;
}
.frontend-grid-create table tbody td {
    width: 20%;
    padding: 16px !important;
    text-align: center;
}
.frontend-grid-create .table-bordered{
        border: 0px solid #ddd;
}
.frontend-grid-create table {
    border-spacing: 11px !important;
    border-collapse: separate !important;
}
.frontend-grid-create table tbody td {

    padding: 16px !important;
    text-align: center;
    box-shadow: 0px 0px 6px 1px #eee;
}
.frontend-grid-create thead tr {
     background: #393939 !important;
}

*/


.zoneperformance thead tr:first-child {
    background: #393939;
    color: #fff;
    border: none !important;
}
.zoneperformance thead tr:first-child th {
    color: #fff;
    text-align: center;
    padding: 15px;
}
.zoneperformance thead tr:first-child th a {
    color: #fff;
}
.zoneperformance .table-bordered > thead > tr > th,
.zoneperformance .table-bordered > tbody > tr > th,
.zoneperformance .table-bordered > tfoot > tr > th,
.zoneperformance .table-bordered > thead > tr > td,
.zoneperformance .table-bordered > tbody > tr > td,
.zoneperformance .table-bordered > tfoot > tr > td {
    border: 0px solid #ddd;
}
.zoneperformance table tbody td {
    width: 20%;
    padding: 16px !important;
    text-align: center;
}
.zoneperformance .table-bordered{
    border: 0px solid #ddd;
}
.zoneperformance table {
    border-spacing: 11px !important;
    border-collapse: separate !important;
}
.zoneperformance table tbody td {

    padding: 16px !important;
    text-align: center;
    box-shadow: 0px 0px 6px 1px #eee;
}
.zoneperformance thead tr {
    background: #393939 !important;
}
#report_tiles thead tr {
    background: #FFCC33 !important;
}












.table-striped > thead > tr{
    background-color: #000;
}
.table-striped > tbody > tr:nth-of-type(odd){
    background-color: #fff;
}
.create-action-wrapper {
    padding-top: 50px;
    width: 100%
}
.action-body {
    display: inline-block;
    margin-top: 5px;
}
.action-head {
    display: inline-block;
    width: 16%;
    width: calc(100% / 5.6);
    width: -webkit-calc(100% / 5.6);
    width: calc(100% / 5.6);
    float: left;
    padding: 10px;
    background: #393939;
    color: #fff;
    text-align: center;
    margin: 8px 7px;
}
.action-body {
    display: inline-block;
    width: 16%;
    width: calc(100% / 5.3);
    width: -webkit-calc(100% / 5.3);
    width: -moz-calc(100% / 5.3);
    float: left;
    padding: 5px;
    text-align: center;
    margin: 8px 7px;
    box-shadow:0px 2px 2px 1px #eee;
}
.input-area .container {
    margin: 0px;
    padding: 0px;
}
.create-action-wrapper {
    padding-top: 10px;
    float: left;
}
.header-table {
    background: #393939;
    float: left;
    width: 100%;
}
.main-body {
    float: left;
}
.action-body input {
    width: 100%;
    padding: 10px;
    border: 1px solid #c7c7c7;
}
.action-head:first-child,.action-body:first-child {
    margin-left: 0px;
}
.action-head:last-child,.action-body:last-child {
    margin-right: 0px;
}
.button-area {
    float: left;
    width: 100%;
}
.button-str{
    border: 1px solid #000;
    padding: 3px 10px;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}
.action-button {
    width: 14%;
    background: #FFD406;
    border: 1px solid #FFD406;
    font-weight: bold;
    margin-left: 8px;
}
.save-button {
    margin-left: 8px;
    color: green;
    border: none;
    box-shadow: 0px 1px 1px 1px #ddd;
    font-weight: bold;
    width: 14%;
    /*display: none;*/
}
.remove-button {
    width: 10%;
    margin-left: 8px;
    color: #C43940;
    border: none;
    box-shadow: 0px 1px 1px 1px #ddd;
    font-weight: bold;
}
.action-plan-create .col-md-offset-8{
    margin-left: 80.666667%;
}
.action-dropdown {
    float: left;
    width: 100%;
}
.no-padding{
    padding:0px;
}
.button-area {
    padding: 10px 0px;
    border-bottom: 1px solid #eee;
}
.wrap-login {
    background: url(../images/login_BG.jpg);
    position: fixed;
    width: 100%;
    height: 100%;
    background-size: cover;
}
.site-login {
    width: 410px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%);
    -ms-transform: translate(-50% ,-50%);
}
.login-logo-img{
    margin: auto;
    text-align: center;
}
.login-logo-img img {
    width: 100%;
}
.welcome-slogan {
    text-align: center;
    font-weight: bold;
    margin: auto;
    margin-top: 32px;
    width: 332px;
}
.site-login h1 {
    width: 330px;
    margin: auto;
    font-family: RenaultLifeLight;
    font-size: 16px;
    padding: 13px 0px 14px 0px;
    font-weight: bold;
}
.site-login .row {
    /*width: 80%;*/
    margin: auto;
    text-align: center;
}
.site-login .form-control {
    border: none;
    border-radius: 0px;
    background: transparent;
    border-bottom: 1px solid #999;
    box-shadow: none;
}
.other-wrap .col-md-6 {
    padding: 0px;
}
.other-wrap .col-md-6 .checkbox{
    text-align: right;
    margin-top: 0px;
}
.other-wrap .col-md-6 .reset{
    position: relative;
    margin-top: 0px;
    display: block;
    margin-bottom: 10px;
    text-align: left;
}
.custom-button {
    width: 165px;
    text-transform: uppercase;
    background: #FFD504;
    border: none;
    color: #000;
    box-shadow: 0px 2px 4px 1px #ddd;
}
.r-login{
    margin-right: 25px;
}
a.forget-link {
    color: #333;
}
#dummy{
    display: none;
}
.input-area {
    position: relative;
    float: left;
}

.deletefunc {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%);
}
.action-body:nth-child(6) {
    margin-right: 0px;
}
.deletefunc {
    position: absolute;
    top: 50%;
    right: -32px;
    transform: translate(-0%, -50%);
    font-size: 25px;
    cursor: pointer;
    display: none;
}
/* .custom-button-dashboard {
    width: 100%;
    text-transform: uppercase;
    border: none;
    color: #000;
    height: 52px;
    box-shadow: 0px 2px 4px 1px #ddd;
    font-weight: bold;
    line-height: 35px;
} */
.custom-button-yellow {
    background-color: #FFD504 !important;
}
/*.zone-dashboard {
    width: 24%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%);
}*/
.country-dashboard, .zone-dashboard {
    width: 24%;
    margin: auto;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
}

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {

    .zone-dashboard {
        width: 24%;
        margin: auto;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translate(-50% ,-50%);
    }
    .site-login{
        width: 35%;
        margin:auto;
        position:absolute;
        top:20%;
        left:0;
        right:0
    }
}

.country-dashboard .custom-button-dashboard-yellow:hover,
.zone-dashboard .custom-button-dashboard-yellow:hover{
    background: #e4bf04;
    color: #000;
}
.country-dashboard .custom-button-dashboard.btn-primary:hover ,
.zone-dashboard .custom-button-dashboard.btn-primary:hover {
    color: #000;
    background-color: #eee;
    border-color: #999;
}
.country-dashboard .custom-button-dashboard.btn-primary ,
.zone-dashboard .custom-button-dashboard.btn-primary {
    color: #000;
    background-color: transparent;
    border-color: #999;
    border: 1px solid #a1a1a1;
}
.slot-area {
    width: 45%;
    margin: auto;
}

.select-slot {
    border: 1px solid #eee;
    margin: 10px;
    padding: 13px;
    box-shadow: 0px 2px 4px 1px #eee;
    border-radius: 1px;
    background: #fff;
}

.heding-slot {
    border-bottom: 1px solid #eee;
    padding: 8px 0px;
    font-weight: bold;
    font-size: 15px;
}

.radio-slot {
    padding: 15px 0;
    font-size: 16px;
}
.checkbox-slot {
    padding: 0px 0;
    font-size: 16px;
}

.button-slot .button,.button-slot-final .button {
    width: 22%;
}
.checkbox-slot .checkbox {
    margin-top: 15px;
}
.button-slot .button .btn-warning,.button-slot-final .button .btn-warning{
    background-color: #FED404;
    border-color: #FED404;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}
.button-slot-final {
    padding: 10px 0px;
    border-top: 1px solid #eee;
}
.checkbox-slot .disable {
    color: #999;
}
.mt60{
    margin-top: 60px;
}
.mt40{
    margin-top: 40px;
}
.pt40{
    padding-top: 40px;
}
.container-bg{
    background: url(../images/login_BG.jpg);
    background-size:cover;
    padding-bottom: 20px;
}
.left-padding{
    padding-left: 0px;
}
.heading-filter {
    padding: 15px;
    border-bottom: 1px solid #c0bebe;
    padding-left: 0px;
}
.search-area {
    padding: 30px 10px 10px 10px;
    padding-left: 0px;
}

.search-text {
    float: left;
    font-weight: bold;
    font-size: 15px;
    margin-top: 8px;
}

.search-box input {
    width: 52%;
    margin-left: 25px;
    padding: 6px;
}

.search-box .fa {
    position: absolute;
    top: 6px;
    right: 15px;
    font-size: 22px;
    color: #999;
}

.search-box {
    position: relative;
}
.check-box-filter {
    padding: 15px;
    border-left: 1px solid #c0bebe;
    border-right: 1px solid #c0bebe;
    padding-left: 40px;
}
.checkbox-area {
    padding-bottom: 14px;
}
.checkbox-area .radio-inline, .checkbox-area .checkbox-inline{
    padding-right: 15px;
}
.slot-filter {
    padding: 15px;
    padding-left: 25px;
}





/*------class="cust-checkbox"--------*/
input.cust-checkbox {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #e7e7e7;
    padding: 0px;
    display: inline-block;
    position: relative;
    outline: none !important;
    top: -2px;
    left: 17px;
    cursor: pointer;
    height: 15px;
    width: 15px;
}input.cust-checkbox-all {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #e7e7e7;
    padding: 0px;
    display: inline-block;
    position: relative;
    outline: none !important;
    top: -2px;
    left: 17px;
    cursor: pointer;
    height: 15px;
    width: 15px;
}

input.cust-checkbox:checked:after {
    color: #fff;
    content: '\2714';
    font-size: 20px;
    left: -3px;
    padding: 0px 8px 2px 2px;
    position: absolute;
    top: -5px;
    bottom: 0;
    right: 0;
    outline: none;
    height: 15px;
    width: 15px;
}
input.cust-checkbox-all:checked:after {
    color: #fff;
    content: '\2714';
    font-size: 20px;
    left: -3px;
    padding: 0px 8px 2px 2px;
    position: absolute;
    top: -5px;
    bottom: 0;
    right: 0;
    outline: none;
    height: 15px;
    width: 15px;
}
/*------end--------*/

/*------class="cust-radio"--------*/
input.cust-radio[type='radio'] {
    -webkit-appearance:none;
    width:18px;
    height:18px;
    border:1px solid #e7e7e7;
    border-radius:50%;
    outline:none;
    position: relative;
    top: 6px;
    right: 6px;
    cursor: pointer;
}
input.cust-radio[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}
input.cust-radio[type='radio']:checked:before {
    background:#ffd706;
}
input.cust-radio[type="radio"]:checked {
    border: 1px solid #ffd706;

}
input.cust-checkbox:checked {
    border: 1px solid #ffd706 ;
    background-color: #ffd706;
    height: 15px;
    width: 15px;

}
input.cust-checkbox-all:checked {
    border: 1px solid #ffd706 ;
    background-color: #ffd706;
    height: 15px;
    width: 15px;

}
/*------end--------*/


.filter-click {
    padding-top: 0px;
}
.zone-perform {
    /*padding-top: 25px;*/
    font-weight: bold;
}
label.main-label {
    font-family: RenaultLifeLight;
    font-size: 12px;
}

.check_lever .checkbox-area .radio-inline, .check_lever .checkbox-area .checkbox-inline{
    padding-right: 10px;
}
.check_lever .checkbox-area .radio-inline, .check_lever .checkbox-area .checkbox-inline {
    padding-right: 3px;
    font-size: 12px;
    line-height: 21px;
}

.chart-name {
    width: 90%;
    padding: 10px;
    background: #282828;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin: auto;
}
.graph-area {
    border: 1px solid #eee;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding: 10px;
    width: 100%
}
.graph-view {
    overflow: hidden;
    border-left: 1px solid #eee;
}
.check_lever .check-box-filter {
    padding: 48px 10px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding-left: 9px;
}
.check_lever  .button {
    width: 72%;
    margin: auto;
}
.check_lever .btn-warning {
    color: #000;
    background-color: #FFD504;
    border-color: #FFD504;
    font-weight: bold;
}
.dealer_details .section2 {
    float: left;
    width: 100%;
    margin-top: 0px;
}
.check-lever-info .section2 {
    float: left;
    width: 100%;
    margin-top: 0px;
}
.check-lever-info .zone-perform{
    padding-top: 7px;
}
.label-group {
    border: 1px solid #eee;
    position: relative;
    top: 0px;
    border-radius: 5px;
}
.label-group.lower .label-col-1,.label-group.lower .label-col-2{
    padding:7px;
}
.label-group.lower .label-col-1{
    width: 35%;
}
.label-col-1,.label-col-2 {
    display: inline-block;
    padding: 5px;
    text-align: center;
}

.label-col-1 {
    width: 15%;
    border-right: 1px solid #eee;
}

.zoneperformance .slot-filter,
.zoneGraph .slot-filter,
.action-plan-index .slot-filter,
.action-plan-create .slot-filter,
.check-lever-info .slot-filter{
    border-left: 1px solid #eee;
    padding: 5px;

}
.slot-filter .section1 {
    margin-top: 10px;
}

.circle {
    background: #F25657;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: block !important;
    color: #fff;
    text-align: center;
    margin: auto!important;
    line-height: 96px !important;
    font-size: 66px!important;
}
.lever-status {
    margin-top: 80px;
}
.text-status {
    margin: auto;
    display: block;
    font-size: 100px;
    width: 200px;
    text-align: center;
    border-bottom: 1px solid #eee;
    color: #F25657;
}

.text-status-ok {
    color: #F25657;
}

.text-status-ko {
    color: #F25657;
}


.dropdown {
    width: 49%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 15px;
}
.chart-line {
    position: absolute;
    top: 0;
    z-index: 999;
}
div#countryAverage {
    position: relative;
}
.chart-line {
    position: absolute;
    top: 325px;
    z-index: 999;
    left: 50%;
    transform: translate(-63%);
    font-size: 25px;
    border-top: 1px solid #eee;
    padding: 0px 19px;

}

/*check-sum css*/
.border-bottom{
    border-bottom: #e7e7e7 solid 1px;
}
.margin0{
    margin:0 !important;
}
.pad0{
    padding:0 !important;
}
.check-sum-list {
    border: 1px solid #eee;
    margin: 10px auto;
    padding: 0px;
}
.check-sum-list .row.margin0.border-bottom {
    padding-top: 15px;
}
.check-sum-list .col1 h5 {
    text-transform: uppercase;
    font-weight: bold;
}
.check-sum-list .col2 img {
    display: inline;
}
.check-sum-list .col1, .check-sum-list .col2{
    border-right: 1px solid #e7e7e7;
    min-height: 65px;
    margin-bottom: 10px;
}
.check-sum-list .col2 label {
    margin: 20px 10px 0 0;
    font-weight: bold;
}
.check-sum-list .col2 img {
    display: inline;
    margin: 0 5px;
    border: 3px solid #e7e7e7;
}
.check-sum-list .col3 i.fa.fa-check {
    font-size: 2em;
    color: #fff;
    margin: 6px;
}
.check-sum-list .col3 i.fa.fa-times {
    font-size: 2em;
    color: #fff;
    margin: 8px;
}
.check-sum-list .col3 label {
    background: #1dae85;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 10px auto;
}
.check-sum-list .col3 span {
    margin: 0 10px;
    font-size: 2em;
    font-weight: bold;
    color: #1dae85;
    text-transform: uppercase;
}
.check-sum-list .col3 label.cross {
    background: #f25657;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 10px auto;
}
.check-sum-list .col3 {
    text-align:center;
}
.checksummary .section2 {
    float: left;
    width: 100%;
    margin-top: 0px;
}
.checksummary .slot-filter{
    border-left: 1px solid #eee;
    padding:5px;
}
.label-area-summary {
    top: 17px;
    padding-right: 25px;
}
.check_lever  .button{
    width: 90%;
    float: left;
}
.bottom-padding {
    margin-bottom: 10px;
}
.check-sum-list .col3 span.ko {
    color: #f25657;
}

.check-sum-list .col3 span.na {
    color: gray;
}
.row.margin0.global-lever-val {
    padding: 5px 15px;
}
.row.margin0.global-lever-val label {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
}
.row.margin0.global-lever-val label i {

    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin: 10px auto;
    color: #fff;
    padding: 10px;
}
.color-ok i{
    background: #1dae85;
}
.color-ok span{
    color: #1dae85;
}
.color-ko i{
    background: #F25657;
}
.color-ko span{
    color: #F25657;
}
.row.margin0.global-lever-val span {
    margin: 0 10px;
    font-size: 1.3em;
    font-weight: bold;
    /*color: #1dae85;*/
    text-transform: uppercase;
}
.header-button {
    margin: -9px 0 10px 0;
    //padding-top: 25px;
}
.header-button button.btn.btn-block.btn-warning {
    background: #fff;
    color: #333;
    border: 1px solid #eee;
    padding: 7px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    font-weight: bold;
}
.font12{
    font-size:12px;
}
.dropdown-section .dropbtn {
    cursor: default;
    width: 100%;
    border-radius: 3px;
    background: #fff;
    color: #333;
    border: 1px solid #eee;
    padding: 7px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    font-weight: bold;
}

.dropdown-section .dropdown {
    display: inline-block;
    width: 100%;
    margin: auto;
    text-align: center;
}

.dropdown-section .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 200px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border: 1px solid #eee;
    right: 0;

}
.check_lever .dropdown-section .dropdown-content{
    width: 127%;
}

.dropdown-section .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-section .dropdown-content a:hover {background-color: #fff}

.dropdown-section .dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-section .dropdown:hover .dropbtn {
    background: #fff;
    color: #333;
}
.slot-filter .label-group {
    margin-top: 8px;
}
.slot-filter .label-group:first-child {
    margin-top: 0px;
}
.slot-filter {
    padding: 15px;
    padding-left: 25px;
    // min-height: 142px;
}
.btn-warning {
    color: #000;
    background-color: #FFD504 !important;
    border-color: #FFD504 !important;
    font-weight: bold;
}
.btn-warning:hover {
    color: #fff;
    background-color: #e6bf01;
    border-color: #e6bf01;
}
.checksummary .filter-click .section2 {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.checksummary .filter-click .section1 {
    margin-top: 10px;
}
.checksummary .filter-click .button{
    margin-top: 12px;
}
.right-padding{
    margin-right: 0px
}
span.small-text {
    font-size: 10px;
    display: block;
    line-height: 0px;
}
div#admin-crud-id {
    /*float: left;*/
}



/* future css */


.main-per-wrapper {
    display: block;
    width: 60%;
    height: 20px;
    background: gray;
    position: relative;
    bottom: -8px;
    margin: auto;
    clear: both;
}

.complete {
    width: 20%;
    background: green;
}

.complete-yellow {
    width: 20%;
    background: yellow;
}

.pandding-gray{
    width: 20%;
    background: gray;
}

.per-bar {
    float: left;
    height: 20px;
}

.pandding {
    width: 80%;
    background: red !important;
}

.count-complete {
    display: inline-block;
    margin-right: 0px;
    width: 40%;
}

.data-cout {
    width: 60%;
    margin: auto;
    text-align: center;
}

.count-complete .text-heading {
    /* display: block; */
}

span.text-heading {
    display: block;
}

.count-padding {
    display: inline-block;
    margin-right: 0px;
    width: 40%;
}
.zp-yellow{
    background:yellow;
}

.zp-gray{
    background: #737172;
}
.zoneperformance .summary {
    /*display: none;*/
}

.navbar-header{
    width: 34%;
}

.navbar-brand > img {
    width: 100%;
    max-height: 75px;
}




.readonly-textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    border-collapse: collapse;
    padding: 5px 0 0 5px;
    resize: none;
}

/*.zoneperformance table {
    border-collapse: separate !important;
    border-spacing: 11px !important;
}*/

.count-Pending {
    float: left;
    margin-left: 20%;
    width: 40%;
}
.logout:before {
    content: '|';
    padding-right: 6px;
}
.logout {
    color: #999;
    font-size: 20px;
}
.logout:hover {
    color: #333;
    text-decoration: none;
}
.action-plan-create .input-area{
    position: relative;
    width: 100%
}
.action-plan-create .action-body {
    margin: 10px 6px 10px 6px;
}
.action-body.action-vertical-align {
    position: relative;
    top: 15px;
}
.m20 {
    margin: 10px;
}
.footer-button .save-button {
    padding: 11px 40px;
    font-size: 20px;
}
.action-body textarea{
    width: 100%;
}
.grid-view th {
    white-space: nowrap;
}
.grid-view td {
    white-space: nowrap;
    color: #000;
}
/*.grid-view {
    overflow: auto;
    float: left;
    width: 100%;
}*/
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,9);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,9);
}


.right-green {
    color: green;
}
.circle-green
{
    background: green;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: block !important;
    color: #fff;
    text-align: center;
    margin: auto!important;
    line-height: 96px !important;
    font-size: 66px!important;
}
.errorClass{
    border:1px solid #d01313;
    background: rgba(226, 100, 100,0.2);
}



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

.circle-button {
    border-radius: 50%;
    border: 1px solid #999;
    width: 25px;
    height: 25px;
    background: #FFD706;
    position: relative;
    top: -1px;
    /*color: #;*/
    text-align: center;
    line-height: 24px !important;
    cursor: pointer;
}

.chart-sel{

    background: none !important;

    padding: 0px 30px !important;
    border: 1px solid #ddd;
    border-radius: 2px;
    border: none !important;
    /*    margin-bottom: 50px;*/
    width:100%;


}
.mrg-bot{margin-bottom: 10px;}
.bord-non{border-left: none !important;}
.top-filter {
    padding: 0 0 30px;
    clear: both;
    overflow: hidden;
}



/*==========================/ Sumit Changes / 20 - 03 - 2017 /============================*/
.global-performance-visited{background: #ffd504; display: inline-block; padding:5px 10px ; margin-bottom: 10px; box-shadow: 0px 0px 3px #ddd;}
.heading-visited{font-size:14px; padding: 10px 10px; color:#222; font-weight: bold;}
.global-performance{width: 100%; background: #fff; display: inline-block; padding:5px 10px 45px 10px; margin: 0px; box-shadow: 0px 0px 3px #ddd; font-weight: bold;}
.dealer-visited{font-size: 20px; width: 100%; border-top: 1px solid #dbae00; padding: 10px; 10px;}
.text-header-gp{padding: 5px 10px; color: #fff; background-color: #303030; margin-top: 5px; display: inline-block; font-weight: bold; font-size: 18px;}
.global-performance .country-avrg{}
/*.main-per-wrapper1 {display: block;	width:100%; height: 20px; background: #col-red1;	position: relative;	bottom: -8px;margin: auto;}*/
.country-avrg{ height: 100px; padding: 15px 0px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; display: inline-block;  width: 100%;  margin-top: 10px;}
.border-R{border-right: 1px solid #ddd}
.data-cout1 { width: 100%; margin: auto;  text-align: center;}
.col-green{color: green;}
.col-red{color: red;}
.text-rnlt{font-size: 20px; color: #222; font-weight: bold}
#progress-bar .col-sm-5{line-height:70px;text-align: right;}
#progress-bar .col-sm-5 *{line-height: 14px;vertical-align: bottom;display: inline-block;}
.main-per-wrapper1 {display: block;width: 100%;padding-top: 10px;height:auto;bottom:auto;margin: auto;background:none;}
.ps-wrapper {display: block;width: 100%;height:20px;bottom:auto;margin: auto;background:green;}
.mrg-T60{margin-top: 60px}
.mrg-T15{margin-top: 15px;}
.mrg-T30{margin-top: 30px;}
.form-control{box-shadow: none; border-radius: 0px; height: 39px;}
.count-padding { display: inline-block;  margin-right: 0px; width: 50%;}
.count-pandding { display: inline-block;  margin-right: 0px;  width: 40%;}
.count-text-pb{padding-top: 25px; font-size: 13px; text-align: center;}
#progress-bar .col-md-5{display: initial !important;}
.mrg-T45{margin-top: 45px;}
.top-break{ border-top: 1px solid #ddd; padding-top: 30px;}
.border-B{border-bottom: 1px solid #ddd}
.border-all{border:1px solid #ddd}
.dropbtn { cursor: default;  width: 100%;  border-radius: 3px;  background: #fff;  color: #333; border: 1px solid #eee; padding: 7px;box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075); font-weight: bold;
}
.box-slot{padding: 6px 10px; width:250px;}
.pad-R15{padding-right:15px;}
.pad-L15{padding-left:15px;}
.mrg-B15{margin-bottom:15px;}
.heading-Lever{font-size: 22px; font-weight: bold}
.loader {
    border: 6px solid #4e4848; /* Light grey */
    border-top: 6px solid #f9c603; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1.5s linear infinite;
}
.loader_full {
    border: 6px solid #4e4848;
    border-top: 6px solid #f9c603;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1.5s linear infinite;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1053;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.related {
    position: relative;
}

.related .loader {
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    display: none;
}

.smallOverlay {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1052;
    top: 0;
    left: 0;
    display: none;
}
div#zone_area {
    min-height: 60px;

}
.select2-container--krajee .select2-selection{
    max-height: 61px;
    overflow: auto;
}
.navbar-inverse {
    background-color: #fff !important;
    border-color: #fff !important;
}
/*.page-break-print{page-break-after: always !important;page-break-inside: avoid;}*/



#dpi{
    height: 1in;
    width: 1in;
    position: absolute;
    left: -100%;
    top: -100%;

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*    .site-login {
            width: 35%;
            margin: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%) !important;
        }*/

    .site-login{
        width:35%;
        margin:auto;
        position:relative;
        top:20%;
        left:0px;
        right:0px;
        bottom:0px;
        transform:translate(0,0)!important
    }

    .zone-dashboard{
        width: 24%;
        margin: auto;
        position: absolute;
        top: 30%;
        left: 0;
        right: 0;
        transform: none;
    }

    .radio-inline, .checkbox-inline{
        padding-left:15px;
    }
}
@media screen\0 {
    .site-login{
        width:35%;
        margin:auto;
        position:relative;
        top:20%;
        left:0px;
        right:0px;
        bottom:0px;
        transform:translate(0,0)!important
    }

    .zone-dashboard{
        width: 24%;
        margin: auto;
        position: absolute;
        top: 30%;
        left: 0;
        right: 0;
        transform: none;
    }

    .radio-inline, .checkbox-inline{
        padding-left:15px;
    }
}
.delivery-date-actio{text-align: center;}
span.commentPopup {
    text-align: right;
    margin: 0px 13px;
    cursor: pointer;
    position: relative;
}
input.comment-textarea {

    width: 100%;
    height: 50px;
    z-index: 99;
    background: #fff;
    border: none;
    outline: none;
    padding-left: 20px;
    padding-right: 20px;
    color: #666;
    font-weight: 400;
    font-size: 15px;
    border-right: 1px solid #f1f1f1;
}
.button-comment {
    position: relative;
    top: 9px;
}
.divpadding{
    padding: 0px;
}
.chat {
    list-style: none;
    background: none;
    margin: 0;
    padding: 0 0 0px 0;
    margin-top: 0px;
    margin-bottom: 0px;
    max-height: 457px;
    overflow: auto;
}
.chat li {
    padding: 0.5rem;
    overflow: hidden;
    display: flex;
    padding-top: 10px;
}
.other .msg,.self .msg {
    border-radius: 10px;
    border-top-left-radius: 0px;
    box-shadow: 0px 2px 0px #D4D4D4;
    border: 1px solid #eee;
    padding: 12px;
    max-width: 80%;
}
.self .msg{
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0px;
}
time {
    float: right;
}
.other:before {
    content: "";
    position: relative;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    border: 5px solid #eee;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.self:after {
    content: "";
    position: relative;
    display: inline-block;
    top: 2px;
    right: 0px;
    width: 0px;
    height: 0px;
    border: 5px solid #eee;
    border-right-color: transparent;
    border-top-color: transparent;
    box-shadow: 0px 0px 0px #eee;
}
.self {
    justify-content: flex-end;
    align-items: flex-end;
}


.modal-dialog.modal-lg {
    max-height: 90% !important;
    overflow: auto;
}
.vertical-scroll{
    height: 60px;
    overflow: auto;
}

.dashboard-slot{    background-color: #f1eff1;
                    padding: 10px;

                    font-weight: bold;
                    border-radius: 5px;
                    border: 1px solid #8a8a8a; margin-bottom: 20px;  }
.pdf-print-btn{ background-color: #fff; font-weight: bold; border-radius: 5px; position: relative}
.pdf-print-btn .btn-block{ color:#000; font-weight: bold; padding-right: 0px;}
.pdf-print-btn a:hover{ text-decoration: none}
.pdf-print-btn span{ color: #000;
                     font-size: 20px;
                     left: 15px;
                     position: absolute;
                     top: 7px;}
.mrg-B15{ margin-bottom: 15px !important;}




.carousel-inner img{margin: auto;}

td.word-wrap{word-wrap: normal !important}
.grid-view td{white-space: normal !important;}
.radio-inline, .checkbox-inline{
    padding-left:15px;
}

span.comment-count {
    position: absolute;
    top: -7px;
    color: #fff;
    left: 1px;
    text-align: center;
    width: 23px;
    font-size: 12px;
}


.buton-pdf {
    height: 33px;
    background: #f1f1f1;
    border-radius: 3px;
    color: #000;
    line-height: 33px;
    cursor: pointer;
}


h1.forget-h1 {
    padding-bottom: 60px;
}

.pad-T20{
    padding-top: 20px;
}

.pad-T5{
    padding-top: 5px;
}

.pad-T0{
    padding-top: 0px;
}
.pad-B20{
    padding-bottom: 20px;
}
.KO_index{
    background: red;
    vertical-align: bottom;
    margin-right: 5px;
}

.OK_index{
    background: green;
    vertical-align: bottom;
    margin-right: 5px;
}


.indexing table td {
    position: static;
    display: table-cell;
    float: none;
    padding: 0 10px;
}

.pad-R0{padding-right:0px !important;}

h4.padding-left-10{
    padding-left: 10px;
}

/* for making all progress bars aligned */
.row-1-cols-4{
    display : table-cell;
    vertical-align : top;
    float : none !important;
}

.base-row{
    display : table;
    width: 100%;
    padding-right: 30px !important;
    margin-bottom : 3%;
}

.bar-row{
    top: 100%;
    position : absolute !important;
    height:40px;
}

.w-100{
    width: 100%;
    display: inline-flex;
}

/* end of making all progress bars aligned */
.pad-All-10 { padding:10px;}
.mrg-T40 { margin-top:40px;}
.relative { position: relative;}
.absolute_graph {
    position: absolute;
    bottom: 10px;
    font-size:10px;
    text-align: center;
    width:90%;
    padding: 10px 10px 0px;
    border-top: 1px solid rgba(0,0,0,.10);
}
.custom-button-dashboard {
    width: 100%;
    text-transform: uppercase;
    border: none;
    color: #000;
    box-shadow: 0px 2px 4px rgba(0,0,0,.2);
    font-weight: normal;
      padding: 20px 30px;
    width: 270px;
    text-align: left;
    display: inline-block;
    margin: 0px 10px;
    line-height: 25px;
    vertical-align: middle;
    text-align: left;
}

.custom-button-dashboard img {
    margin-right: 20px;
    float: left;
}
.custom-button-dashboard:hover { text-decoration: none;}
.custom-button-dashboard.lignH { line-height: 20px;}


.cardbox { text-align: center; position: relative; width: 210px; padding:10px; box-sizing: border-box; height: 275px; margin: 5px 15px 10px; box-shadow: 0px 2px 8px rgba(0,0,0,.2); border-radius: 3px; float: left;}
.cardbox ul {
    list-style: none;
    text-align: left;
    margin: 0px;
    padding: 0px 20px;
    position: absolute;
    bottom: 5px;
    font-size:10px;
}
.cardbox ul li {
    line-height: 15px;
}
.margin-left { margin-left: 0px}
.margin-right { margin-right: 0px}
span.graph_circle {
    width: 120px;
    height: 120px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.12);
    text-align: center;
    line-height: 120px;
    margin-top: 20px;
}
.cardbox h2 { font-size: 16px; margin-top:0px;}
.btn:active, .btn.active{box-shadow: none;}
.btn-warning:hover,.btn-warning:active,.btn-warning:focus,.btn-warning.active{text-decoration: none; font-weight: bold;}
.field-rcdashboardheader-display_header,.field-rcdashboardheader-display_sales_aftersales{display: inline-block !important; margin-right: 15px;margin-top: 12px;}
#create_tile{position: relative;top: -50px;left: 120px;}
.margin-left-0{margin-left: 0;}
.mrg-L15{margin-left: 15% !important;}
.icon-img{height: 14px;}
.pdf-img{margin-right: 10px;}
.left-menu-Icon a:hover{text-decoration: none !important;}
#keyFig .cardbox{width: 172px;height: 245px;}
#keyFig .cardbox h2 { font-size: 14px; margin-top:0px;}
/*CSS moved here from view files executivesummary and report tiles*/
.left-menu-Icon a{display: block; margin-bottom: 10px;text-align: left;}
#executive_summary {box-shadow:0px 2px 8px rgba(0,0,0,.2);border-radius:10px;padding-bottom: 30px; margin-left: 14%;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{font-size: 12px;}
.validation_error{color:red;}
#report_tiles{background:#fdfdfd;border: 1px solid #ccc;padding-bottom: 30px; margin-top:5px; margin-left: 14% !important; margin-top: 20px;}
.graph-tile{
    border:1px solid #666; padding:5px;margin: 10px 0px; height:400px; overflow-y:scroll;width: 47.8%; margin:10px; overflow-x: scroll;
}
.gh-title{border:1px solid #666; padding:5px;margin: 10px 0px; height:400px; overflow-y:scroll;}
.ac-data{text-align:center;margin-bottom:5px; width:152px; height:189px;}
.ap-data{text-align:center;margin-bottom:5px;width:190px; height:200px;}
.lc-data{text-align:center; margin-bottom:5px; width:165px; height:200px;}
.tb{ display:table}
.tb-row{display:table-row;}
.tb-cell{display:table-cell;width: 46%;}
.tb1{width:100% !important;}
/* Online Ticket Css start*/

.ticket_msg_tbl{width:100%;}
.ticket_msg_tbl tr td {font-size:13px;}
.ticket_msg_tbl tr td.col20{width:25%; vertical-align:top;}
.ticket_msg_tbl tr td.col80{width:50%;vertical-align:top;}
.msgboxcontainer{text-align:left;}

.onlinesupport {color: #999;font-size: 16px;}
/* Online Ticket Css end*/


.norightpad{
    padding-right: 0px;
}
.font-size-13{
    font-size: 13px;
}
.progMainBox{
    border: 1px solid #cfcfcf;
    margin: 0px 5px;
    margin-bottom: 25px;
    border-radius: 3px;
}
.loaderKpiprog{
    position: relative;
    background: #fdb321;
    padding: 12px 0px;
}
.loaderKpiprog span{
    position: absolute;
    width: 140px;
    left: 55px;
    top: 2px;
}
.loaderKpiprog span p{
    font-size: 14px;
    display: inline-block;
}
.grpah ul{
    width: 100%;
    position: relative;
    text-align: center;
}
.ht-auto{
    height: auto;
}
.pd-lr-2{
    padding-left: 2px;
    padding-right: 2px;
}
.newgrpahhdd{
    font-size: 14px;
}
.grphnwContent p{
    font-size: 13px;
}
.grphnwContent .okdataZM{
    background: #1DAE85;
    width: 10px;
    padding: 5px;
    display: inline-block;
    border-radius: 50%;
}
.grphnwContent p span{
    width: 10px;
    padding: 5px;
    display: inline-block;
    border-radius: 50%;
}
.grphnwContent .kodataZM{
    background: #F25657;
}
.grphnwContent .okdataZM{
    background: #1DAE85;
}
.grphnwContent .okdataD{
    background: #1d8dae;
}
.grphnwContent .kodataD{
    background: #f19192;
}
.grphnwContent .prtldataZM{
    background: #ED7D31;
}
.grphnwContent .prtldataD{
    background: #FCC02C;
}
.newgrpagCard{
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0px 2px 8px rgba(0,0,0,.2);
    border-radius: 3px;
}
.newgrpagCard h2{
    font-size: 20px;
}
.mt-30{
    margin-top: 30px;
}
.mr-15{
    margin-right: 15px;
}
.grphnwContent p.dayst{
    display: inline;
}
.newgrpagCard.ht-530{
    height: 530px;
}
.newgrpagCard.ht-405{
    height: 405px;
}
.newgrpagCard.ht-430{
    height: 430px;
}
.newgrpagCard hr.mr-10{
    margin: 10px 0px;
}
.chkReportBtn{
    text-align: center;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    padding: 8px 35px;
    color: #333 !important;
    font-weight: 600;
    display: inline;
    margin-left: 7px;
}
.chkReportBtn p{
    display: inline;
}