body {
    /* font-family: 'Hind-Regular', sans-serif!important;*/
    background: url("../img/bg.png")no-repeat;
    background-size: cover;
    color: #686868;
}

.flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.flex-around {
    display: flex;
    justify-content: space-around;
    align-items: center;
    /*flex-wrap: wrap;*/
}

.mrg0 {
    margin: 0!important;
}

.pad0 {
    padding: 0!important;
}

.mrgTop20 {
    margin-top: 20px;
}

.mrgRight15 {
    margin-right: 15px;
}

.mrgRight10 {
    margin-right: 10px;
}

:focus {
    color: #495057;
    background-color: #fff;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 123, 255, .25)!important;
}

.pad50_0 {
    padding: 50px 0;
}

.padBtm20 {
    padding-bottom: 20px;
}

.mrgBtm20 {
    margin-bottom: 20px;
}

.mrgBtm30 {
    margin-bottom: 30px;
}

/*PAGE LOGIN*/

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

.icon-addon:after, .icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon.addon-md .glyphicon, .icon-addon .glyphicon {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.icon-addon.addon-lg .form-control {
    font-family: 'HindVadodara-Medium', sans-serif;
    color: #545454;
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 16px 10px 70px;
    border-radius: 15px;
    background: rgba(224, 224, 224, 0.4);
    border: 1px solid rgba(224, 224, 224, 0.4);
}

.icon-addon.addon-lg .glyphicon {
    margin-left: 0;
    left: 0;
    top: 0;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 55px;
    height: 45px;
    border-radius: 15px 0px 0px 15px;
}

.icon-addon.addon-md .form-control, .icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.icon-addon .form-control:focus+.glyphicon, .icon-addon:hover .glyphicon {
    color: #2580db;
}

.form-check-label {
    font-family: 'HindVadodara-Regular', sans-serif;
}

.btnLogin {
    background: #e40012!important;
    border-color: #e40012!important;
    border-radius: 12px!important;
    padding: 6px 25px!important;
    font-family: 'HindVadodara-Medium', sans-serif;
    display: block!important;
    margin: auto;
}

.forget-your-password {
    font-family: 'HindVadodara-Medium', sans-serif;
    color: #686868!important;
    display: block;
    margin: auto;
    text-align: center;
    margin-top: 5px;
}

.flex-login {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

/*PAGE LOGIN*/

/*NAV LEFT*/

.globalContent {
    /*background: #d1d1d1;*/
    width: 100%;
    height: 100%;
    min-height: 100vh;
    padding-left: 280px;
    -webkit-transition: padding-left 0.3s ease 0s;
    transition: padding-left 0.3s ease 0s;
}

.menuLeft {
    /*width: 365px;
    background: #1a1a1a;
    height: 100vh;
    position: absolute;
    left: 0;*/
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    height: 100vh;
    width: 280px;
    overflow: hidden;
    background: #26292d;
    box-shadow: 2px 0 32px rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.menuLeft .ItemMenu a {
    font-family: 'HindVadodara-Medium', sans-serif;
    color: #fff!important;
}

.logo_white {
    display: block;
    margin: 10px auto 40px auto;
}

.ItemMenu {
    padding: 5px 30px;
    margin-bottom: 15px;
}

.ItemMenu a {
    display: flex;
    align-items: center;
}

.menuLeft .ItemMenu a, .menuLeft .ItemMenu a:hover, .menuLeft .ItemMenu a:focus {
    font-family: 'HindVadodara-Medium', sans-serif;
    color: #fff!important;
    font-size: 18px;
    background: transparent;
    text-decoration: none;
}

.ItemMenu a img {
    margin-right: 10px;
}

/*.submenu_item{
    display: none;
}*/

.submenu_item {
    padding: 15px 30px 0;
}

.submenu_item>div {
    padding: 6px 0;
}

/*NAV LEFT*/

/*HEADER NAV*/

.dropdown_user.btn-group {
    display: block;
    text-align: right;
}

.dropdown_user button, .dropdown_user button:hover, .dropdown_user button.active, .dropdown_user button:focus, .dropdown_user button:active {
    font-family: 'HindVadodara-Medium', sans-serif;
    color: #494949;
    background: transparent!important;
    border: none;
    font-size: 18px;
}

.dropdown_user button img {
    margin-left: 12px;
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.id_text {
    font-family: 'Hind-Bold', sans-serif;
    color: #1a1a1a;
    font-size: 2rem;
}

.dates-client {
    font-family: 'Hind-Bold', sans-serif;
    color: #e40012;
    margin: 0;
}

.subline {
    background: #1a1a1a;
    padding: 2px;
    width: 100%;
    max-width: 20%;
}

.content-createuser .subline {
    max-width: 8%;
}

.content-incentives .subline {
    max-width: 60px!important;
}

/*HEADER NAV*/

/*CALL CENTER*/

.content {
    margin-top: 0px;
}

.content .icon-addon.addon-lg .form-control {
    font-family: 'HindVadodara-Medium', sans-serif;
    color: #545454;
    line-height: 1.33;
    height: 46px;
}

.content .icon-addon.addon-lg .glyphicon {
    width: 55px;
    height: 46px;
    border-radius: 25px 0px 0px 25px;
}

.flex-btns {
    float: right;
    margin: 50px auto auto;
}

.flex-btns>div {
    margin-left: 15px;
}

.flex-btns>div img {
    margin: auto 5px;
}

.flex-btns button {
    margin-right: 18px;
}

.btn-comments {
    background: transparent!important;
    color: #1a1a1a!important;
    font-family: 'HindVadodara-Medium', sans-serif!important;
    border: 0!important;
}

.btn-comments img {
    margin-right: 10px;
}

.btn-derive, .btn-derive:focus, .btn-derive:active, .btn-derive.active {
    font-family: 'HindVadodara-Medium', sans-serif!important;
    background: #1a1a1a!important;
    padding: 6px 35px!important;
}

.btn-derive:hover {
    font-family: 'HindVadodara-Medium', sans-serif!important;
    background: #fff!important;
    color: #1a1a1a!important;
    padding: 6px 35px!important;
}

.btn-save, .btn-save:focus, .btn-save:active, .btn-save.active {
    font-family: 'HindVadodara-Medium', sans-serif!important;
    border: 1.5px solid #1a1a1a!important;
    padding: 6px 35px!important;
    background: transparent!important;
    color: #1a1a1a!important;
}

.btn-save:hover {
    font-family: 'HindVadodara-Medium', sans-serif!important;
    border: 1.5px solid #1a1a1a!important;
    padding: 6px 35px!important;
    background: #1a1a1a!important;
    color: #fff!important;
}

.ContentSave {
    display: none;
}

.ContentSave, .ContentDerive {
    margin-top: 90px;
}

.ContentSave h1, .ContentDerive h1 {
    color: #4d4d4d!important;
    font-family: 'HindVadodara-Medium', sans-serif!important;
    margin: 30px auto!important;
}

.btn-accept {
    background: #1a1a1a!important;
    display: block!important;
    margin: auto;
    font-size: 18px!important;
    padding: 6px 45px!important;
}

.ContentDerive {
    display: none;
}

.span_brand {
    color: #4d4d4d!important;
    font-family: 'HindVadodara-Medium', sans-serif!important;
    font-size: 17px!important;
}

/*CALL CENTER*/

/*NOTIFICATIONS*/

.content-notifications .InputSearch .icon-addon.addon-lg .glyphicon {
    background: transparent!important;
    height: 40px;
}

.content-notifications .InputSearch .icon-addon.addon-lg .form-control {
    font-family: 'HindVadodara-Medium', sans-serif;
    color: #545454;
    line-height: 1.33;
    height: 40px;
    font-size: 18px;
    padding: 10px 16px 10px 45px;
    border-radius: 25px;
    background: transparent!important;
    border: 2px solid #e40012!important;
}

.InputBG {
    position: relative;
    margin-top: 20px;
}

.InputBG .icon-addon.addon-lg .form-control {
    font-family: 'HindVadodara-Medium', sans-serif;
    color: #545454;
    line-height: 1.33;
    height: 46px;
    background: #c1c1c1b5!important;
    border-radius: 30px;
    position: relative;
}

.BoxNotifications {
    background: #c1c1c1b5!important;
    padding: 30px 30px;
    text-align: justify;
    border-radius: 15px;
    position: relative;
    -webkit-box-shadow: 0px 0px 22px 0px rgba(193, 193, 193, 1);
    -moz-box-shadow: 0px 0px 22px 0px rgba(193, 193, 193, 1);
    box-shadow: 0px 0px 22px 0px rgba(193, 193, 193, 1);
    word-wrap: break-word;
}

.borderRight {
    background: #e40012;
    height: 60px;
    width: 7px;
    position: absolute;
    left: 0;
}

.icon_actualizar {
    display: block;
    margin: auto 0 auto auto;
}

.icon2 {
    position: absolute;
    top: 10px;
    right: 12px;
}

/*NOTIFICATIONS*/

/*INCENTIVOS*/

.flex-incentives {
    display: flex;
    margin-bottom: 25px;
}

.flex-incentives img {
    margin-left: 60px!important;
}

.icon_editar_gris {
    display: block;
    margin: auto;
    margin-right: 0!important;
}

.content-incentives .name {
    font-family: 'HindVadodara-SemiBold', sans-serif;
    color: #1a1a1a;
    font-size: 20px!important;
}

.content-incentives .text {
    font-family: 'OpenSans-Light', sans-serif;
    color: #1a1a1a;
    font-size: 13px;
    margin-bottom: 10px;
}

.btn-points {
    font-family: 'Hind-Regular', sans-serif!important;
    background: transparent!important;
    border: 1.5px solid #e40012!important;
    color: #1a1a1a!important;
    border-radius: 25px!important;
    padding: 3px 30px!important;
}

.boxIncentives {
    background: #d1d1d1;
    width: 100%;
    max-width: 360px;
    border-radius: 25px;
    padding: 20px;
    margin-bottom: 25px;
}

.boxIncentives .btn-accept {
    font-size: 11px!important;
}

/*INCENTIVOS*/

/* VER USUARIOS */

/*
.table {
    margin-top: 20px;
    border-collapse: separate;
    text-align: center;
}

.table thead tr th {
    padding: 0px;
    position: relative;
    border-right: 1px solid #AAA;
}

.table thead tr th:last-child {
    border-right: 0px;
}

.table thead {
    padding: 10px;
    border-radius: 100px;
    border: 2px solid #AAAAAA;
}

.table td, .table th {
    border: unset;
}

.table tbody {
    margin-top: 10px;
    display: block;
    height: 350px;
    overflow-y: scroll;
    box-shadow: 7px 8px 12px 2px #ccc;
    border-radius: 10px;
    padding: 10px;
}

.table tbody .fa-trash-al {
    position: absolute;
}

.table thead, .table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.table thead {
    width: calc( 100% - 1em)
}

.btn-descargar {
    background-color: #000000;
    color: #fff;
    padding-left: 2em;
    padding-right: 2em;
}

.table thead tr th, .table tbody tr td {
    border-bottom: unset;
    border-top: unset;
    padding: 0.3rem;
    overflow-wrap: break-word;
}

.table tbody tr td:last-child {
    position: relative;
    padding: 0.3rem 1.4rem 0.3rem 0.3rem;
}

.table tbody tr td:last-child img {
    position: absolute;
    right: 0px;
    top: 7px;
}
*/

/* VER USUARIOS */


/* CONCESIONARIO */


.InputSelect .form-control {
    font-family: 'HindVadodara-Medium', sans-serif;
    color: #545454;
    line-height: 1.33;
    height: 40px;
    font-size: 18px;
    padding: 3px 16px 10px 25px;
    border-radius: 25px;
    background: transparent!important;
    border: 2px solid #e40012!important;
}
.InputDatepicker img {
    display: inline-block;
}
.InputDatepicker .form-control {
    font-family: 'HindVadodara-Medium', sans-serif;
    color: #545454;
    line-height: 1.33;
    height: 40px;
    font-size: 18px;
    padding: 10px 16px 10px 25px;
    border-radius: 25px;
    background: transparent!important;
    border: 2px solid #e40012!important;
    display: inline-block;
    width: 200px !important;
}
.DayPicker-control {
    position: relative;
    overflow: hidden;
    background-color: transparent!important;
    border: 1px solid transparent!important;
    border-radius: 2px;
    box-sizing: border-box;
    color: #333;
    cursor: default;
    outline: none;
    padding: 0!important;
    transition: all 200ms ease;
}
.table-database thead tr {
    font-size: 13px !important;
}
.table-database tbody tr {
    font-size: 12px !important;
}
/* CONCESIONARIO */

/* Reports */
.boxGraphics {
    background: #eaeaea;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 15px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.Dropdown-control {
    position: relative;
    overflow: hidden;
    background-color: transparent!important;
    border: 1px solid transparent!important;
    border-radius: 2px;
    box-sizing: border-box;
    color: #333;
    cursor: default;
    outline: none;
    padding: 0!important;
    transition: all 200ms ease;
}
.Dropdown-arrow {
    top: 10px!important;
}
.Dropdown-control:hover {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.06)!important;
}
.form-control-dropdown .Dropdown-menu {
    top: 100%;
    width: 80%!important;
}


/**/
.ReactTable .rt-thead.-header {
    overflow: hidden;
    background: #f2f2f2;
    /*box-shadow: 0 2px 15px 0 rgba(0,0,0,0.15);*/
    box-shadow: 0 0 0 0 rgba(0,0,0,0.15);
    border: 1.5px solid #9b9b9b;
    border-radius: 25px;
    padding: 5px 0;
}
.ReactTable{
     margin-top: 10px;
     border: 0 solid rgba(0,0,0,0.1)!important;
     background: #f4f4f4!important;
     border-radius: 20px 20px 0 0!important;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.15);
 }
.ReactTable .rt-thead .rt-th,
.ReactTable .rt-thead .rt-td {
    border-right: 1.4px solid #9b9b9b!important;
}
.ReactTable .rt-thead .rt-th:last-child,
.ReactTable .rt-thead .rt-td:last-child {
    border-right: 0 solid #9b9b9b!important;
}
.rt-th.rt-resizable-header.-cursor-pointer:focus {
    background: #f2f2f2;
}
.ReactTable .rt-thead .rt-th.-sort-asc,
.ReactTable .rt-thead .rt-td.-sort-asc {
    box-shadow: inset 0 0 0 0 rgba(0,0,0,0.6)!important;
}
.ReactTable .rt-tbody .rt-tr-group {
    border-bottom: solid 0 rgba(0,0,0,0.05)!important;
    padding: 2px 0;
}
.img-more-model{
    position: absolute;
    top: 12px;
    right: 10px;
    cursor: pointer;
}
.img-important{
    position: absolute;
    top: 12px;
    right: -32px;
    cursor: pointer;
}

.input-select-report{
    padding: 5px !important;
}

.report-datepicker {
    border-radius: 35px;
    border: 2px solid #e40012!important;
    padding: 6px 15px;
    background-color: transparent;
}

#brandIds{
    padding-left: 3.5em;
}
#brandIds .css-vj8t7z,
#brandIds .css-2o5izw{
    padding: 4px;
    background-color: hsl(0, 0%, 92%);
    border-color: hsl(0, 0%, 92%);
    border-radius: 0px 15px 15px 0px;
}
.page-link {
    color: #e40012 !important;
}
.page-item.active .page-link {
    color: #fff !important;
    background-color: #e40012 !important;
    border-color: #e40012 !important;
}

.page-link:hover {
    color: #fd0f22 !important;
}

#brandIds .css-vj8t7z .css-1hwfws3 .css-xwjg1b,
#brandIds .css-2o5izw .css-1hwfws3 .css-xwjg1b{
    background-color: hsl(355, 100%, 45%);
}
#brandIds .css-vj8t7z .css-1hwfws3 .css-xwjg1b .css-12jo7m5,
#brandIds .css-2o5izw .css-1hwfws3 .css-xwjg1b .css-12jo7m5 {
    color: #ffF;
}
#brandIds .css-vj8t7z .css-1hwfws3 .css-xwjg1b .css-1alnv5e,
#brandIds .css-2o5izw .css-1hwfws3 .css-xwjg1b .css-1alnv5e {
    color: #ffF;
}