html,
body {
    height: 100%;
    margin: 0
}

.btn-primary{
    background-color: #0042FF !important;
    color: white !important;
}

body {
    padding-top: 50px;
}


body.double_fixed_navbar {
    padding-top: 133px;
}

textarea {
    resize: vertical;
    min-height: 100px !important;
}

.header-logo {
    height: 155%;
    margin-top: -5px;
}

.main-navbar {
    margin-bottom: 0;
    z-index: 1000;
}

.section_navbar {
    z-index: 999;
    top: 56px;
}

.navbar-static-top {
    top: 6px !important;
}

.section-list-navbar {
    z-index: 998;
    /*padding-top: 15px;*/
}

.section-title {
    font-weight: bold;
    color: #222;
    font-size: 1.25rem;
}

.section-simple-search {
    display: inline-block;
}

.section-simple-search li {
    display: inline-block;
    float: left;
}

.search-form-content {
    width: 100%;
}

.table-column-actions-1 {
    width: 40px;
}

.table-column-actions-2 {
    width: 80px;
}

.table-column-actions-3 {
    width: 120px;
}

.table-column-actions-4 {
    width: 160px;
}

.table-column-actions-5 {
    width: 160px;
}

.fileUploadFormField {
    position: relative;
}

.fileUploadFormField input[type="file"] {
    position: absolute;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 100%;
}

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

.infraplanFiscalLogo {
    max-width: 50%;
    display: block;
}

.form-signin {
    margin-top: 100px;
}

.form-signin-heading {
    text-align: center;
    font-weight: bold;
}

#clientFileProducts .navbar-brand {
    padding-right: 5px;
}

.graph-container>canvas {
    width: 100% !important;
    /*max-height: 450px !important;*/
}

.legend-container>.chart-legend {
    list-style: none;
    float: left;
    padding: 0;
}

.legend-container>.chart-legend li {
    margin: 2px 0;
    width: 100%;
    float: left;
}

.legend-container>.chart-legend span:FIRST-CHILD {
    padding: 10px;
    float: left;
    margin-right: 10px;
}

.legend-container>.chart-legend span {
    float: left;
}

.th_right {
    text-align: right !important;
}


.lang_selector {
    display: inline-block;
    padding: 2px 2px 2px 2px;
    background-color: whitesmoke;
    border:1px solid gray;
    border-bottom: 0px;
    float: left;
}
.lang_selector:hover {
    cursor: pointer;
}
.lang_selector.active {
    background-color: gray;
}
.lang_selector_wrapper > div.lang_selector:first-child{
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}
.lang_selector_wrapper > div.lang_selector:last-child{
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
}
.input-lang {
    /*-webkit-border-radius: 5px!important;
    -webkit-border-top-left-radius: 0px!important;
    -moz-border-radius: 5px!important;
    -moz-border-radius-topleft: 0px!important;
    border-radius: 5px!important;
    border-top-left-radius: 0px!important;*/
}


#categories_accordion .panel-title {
    padding-top:10px;
    display:inline-block;
}
#categories_accordion .panel-heading{
    padding-top:0px;
}
#categories_accordion .panel-actions .btn {
    margin-top:4px;
}
.btn_actions_categories {
    margin-left:5px;
    margin-top:5px!important;
    margin-bottom: 0px;
    width: 32px;
    height: 32px;
    background-position: center;
}
.btn_actions_categories .glyphicon{
    right: 3px;
}

/*#categories_accordion > .panel-default*/
#categories_accordion .panel-collapse .panel-group {
    margin-bottom: 0px;
}
#categories_accordion .panel-group .panel+.panel {
    margin-top:0px;
}
#categories_accordion .panel-collapse {
    padding:10px;
}

#categories_accordion .panel-default .panel {
    /* border-bottom:0px;
     border-left:0px;
     border-right:0px;*/
}

#categories_accordion .panel-default .panel .panel-heading{
    background-image:none;
}

.tree_sim {
    width: 17px;
    height: 10px;
    border-bottom: 1px solid darkgray;
    border-left: 1px solid darkgray;
    display: inline-block;
    bottom: 5px;
    position: relative;
}
#categories_accordion .panel-default .panel .panel-heading{
    background-image:none;
}


#categories_accordion a.collapsed:not(.categories_collapsable) {
    text-decoration: none;
    cursor: default;
}
#categories_accordion a.collapsed:not(.categories_collapsable):hover {
    text-decoration: none;
    cursor: default;
}

.participantStatus {
    font-size: 13px;
}

.btnDeleteCategory {
    background-image: -webkit-linear-gradient(top,#FF9494 0,#D45555 100%);
    background-image: -o-linear-gradient(top,#FF9494 0,#D45555 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FF9494),to(#D45555));
    background-image: linear-gradient(to bottom,#FF9494 0,#D45555 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9494', endColorstr='#D45555', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #B54747;
}
.btn-primary.btnDeleteCategory:hover, .btn-primary.btnDeleteCategory:focus {
    background-color: #D45555!important;
    border-color: #B54747!important;
}
.sort_handler:hover {
    cursor:move;
}
/* a:focus {
    text-decoration: none;
} */

.black {
    color:#333;
}
.banner_collapsable_header:hover{
    cursor: pointer;
}
.bgFormUserSearch {
    background: #f1f1f1;
    padding: 10px 0;
    margin-bottom: 10px;
}
.floatright {
    float:right;
}
.inlineblock {
    display:inline-block;
}
.marginright5px {
    margin-right: 5px;
}
.marginleft10px {
    margin-left: 10px;
}
.marginleft15px {
    margin-left: 15px;
}
.marginleft5px {
    margin-left: 5px;
}
.marginTop10 {
    margin-top: 10px;
}
.marginTop20 {
    margin-top: 20px;
}
.paddingTop20 {
    padding-top: 20px;
}
.hpointer:hover {
    cursor:pointer;
}
.fix_hidden_inputfile {
    width:30px;
    max-width: 30px;
}
.fix_inputhidden_error {
    max-width:50px;
    overflow-x:hidden;
}

/* loading spinner */
.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
    font-size:70px;
    color:#337ab7;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
/* end loading spinner */

.height43 {
    height: 43px;
}



.dash_chart_wrapper {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    width:30%;
    margin-right:5%;
    float:left;
}
.dash_chart_wrapper:last-child {
    margin-right:0px;
}
.dashboard_users_box {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    /* background: #f5f5f5;*/
    /*   padding:10px;*/
    /* width:200px;*/
    float:left;
    margin-right: 20px;
    /*   height: 180px;*/
}
.dash_users_minidata {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float:left;
    background-color: white;
    width:78px;
    margin:5px;
    text-align: center;
    padding-top:20px;
    /* height: 114px;*/
}
.dash_users_minidata .glyphicon {
    font-size: 40px;
    color:cornflowerblue;
}
.dash_users_box_title {
    /*  border-bottom: 1px solid #333;*/
}
#dash_users_alta_hoy, #dash_users_alta_30d , #logins_hoy, #logins_30d {
    font-size: 24px;
    font-weight: bold;
}
.dash_users_minidata p {
    font-weight: normal;
}
.dash_full_box {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ddd;
    /* background: #f5f5f5;*/
    /* padding:10px;*/
    float:left;
    margin-right: 20px;
    min-height: 280px;
    width: 100%;
}
.marginbottom20px {
    margin-bottom: 20px;
}
.dash_full_box .dash_users_box_title {
    margin-bottom:15px;
}

.dashboard_table {
    width: 100%;
}
.dashboard_table thead {
    background-color: #ddd;
    border-bottom:1px solid gray;
}
.dashboard_table th {
    padding:10px;
}
.dashboard_table td {
    padding:5px 10px;
}
.dashboard_table tbody tr:nth-child(odd) {
    background-color: #f5f5f5;
}
#ultimos_10_logins_content {
    /* overflow: scroll;
     height: 200px;
     max-height: 200px;*/
}

.charts_canvas canvas {
    height: 400px;
    width: 100%;
}

.dash_full_box td {
    font-weight: normal;
}


.simple-link {
    color: #333;
}

.worker-scheduler-worker {
    min-height:500px !important;
}

.orderField:hover {
    text-decoration: underline;
    cursor: pointer;
}

.select2-selection.select2-selection--single {
    height:38px;
}

.btn-xs {
    width: 28px;
    font-size: 13px;
    height: 28px;
    padding: 3px;
}

.navbar-left {
    float:left;
}
.navbar-right {
    float:right;
}

.nomarginsides {
    margin-left:0px;
    margin-right:0px;
}
.nopaddingsides {
    padding-left:0px;
    padding-right:0px;
}
/*#searchingForm > div.col-12{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #bbbbbb;
    background:#e0e0e0;
    margin-top:15px;
    padding-top:15px;
}*/
label {
    margin-bottom:0px;
}
.control-label {
    font-weight: bold;
}

/*#searchingForm .panel-body,
#searchingForm .panel-footer {
    padding-left:15px;
    padding-right:15px;
}
#searchingForm .panel-footer {
    background: #e0e0e0;
    border-top:1px solid #bbbbbb;
    padding-bottom:15px;
    padding-top:15px;
    min-height:68px;
}
#searchingForm .panel-footer .search-form-actions{
    float:right;
}*/

.btn-light {
    color: #212529;
    background: #ffffff;
}
.btn-light:hover {
    color: #212529;
}

.navbar-right ul.pagination {
    float:right;
    margin-right:15px;
}

.align-v {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#committeeDetail input {
    padding: 7px 20px 7px 8px;
    font-size: 13px;
}
#committeeDetail textarea {
    padding: 10px;
    font-size: 13px;
}
.committee-DRAFT {
    color: #ffae19;
}
.committee-IN_PROGRESS, .committee-PENDING {
    color: #337ab7;
}
.committee-CANCELLED {
    color: #d9534f;
}
.committee-CLOSED {
    color: #419641;
}
.announcement-DRAFT {
    color: #ffae19;
}
.announcement-ACTIVE, .announcement-PENDING {
    color: #337ab7;
}
.announcement-CANCELLED {
    color: #d9534f;
}
.announcement-FINISHED {
    color: #419641;
}

span.anchor {
    display: block;
    position: relative;
    top: -133px;
    visibility: hidden;
}

.container-flex-column {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.container-flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.content-flex-fill {
    flex: 1 1 auto;
    /* The above is shorthand for:
    flex-grow: 1,
    flex-shrink: 1,
    flex-basis: auto
    */
}

.table-wrapper {
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    text-align: center;
}

.table-cell-wrapper {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

@media (min-width: 992px) {
    .content-list-date {
        width:68%;
    }
}

.subscription-card {
    width:100%; position:relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.subscription-card:hover:after {
    content: "";
    position: absolute; top:0px; left:0px; bottm:0px; right:0px; background: transparent; width:100%; height:100%; cursor: pointer;
    -webkit-box-shadow:inset 0px 0px 2px 10px rgba(225,225,225,0.9);
    -moz-box-shadow:inset 0px 0px 2px 10px rgba(225,225,225,0.9);
    box-shadow:inset 0px 0px 2px 10px rgba(225,225,225,0.9);
    pointer-events: none;
    border-radius: 4px;
}

.subscription-card.active:after,
.subscription-card.active:hover:after {
    content: "";
    position: absolute; top:0px; left:0px; bottm:0px; right:0px; background: transparent; width:100%; height:100%; cursor: pointer;
    -webkit-box-shadow:inset 0px 0px 2px 10px rgba(255,210,27,0.9);
    -moz-box-shadow:inset 0px 0px 2px 10px rgba(255,210,27,0.9);
    box-shadow:inset 0px 0px 2px 10px rgba(255,210,27,0.9);
    pointer-events: none;
    border-radius: 4px;
}

.subscription-card:active:not(.disabled):after,
.subscription-card.active:active:not(.disabled):after {
    content: "";
    position: absolute; top:0px; left:0px; bottm:0px; right:0px; background: transparent; width:100%; height:100%; cursor: pointer;
    -webkit-box-shadow:inset 0px 0px 2px 10px rgba(225,225,225,0.9);
    -moz-box-shadow:inset 0px 0px 2px 10px rgba(225,225,225,0.9);
    box-shadow:inset 0px 0px 2px 10px rgba(225,225,225,0.9);
    pointer-events: none;
    border-radius: 4px;
}

.subscription-card > div.header {
    width:100%; min-height: 120px; border: solid 1px #E8E8E8; border-bottom: none; border-radius: 4px 4px 0px 0px; cursor: pointer; position: relative; overflow: hidden;
}

.subscription-card > div.icon.header > img {
    height: 65%;
    position:absolute;
    left: 0;
    right: 0;
    bottom:0;
    top:0;
    margin: auto;
    /*
    filter: drop-shadow(1px 1px #000000) drop-shadow(2px 2px #000000) drop-shadow(3px 3px #000000) drop-shadow(4px 4px #000000) drop-shadow(5px 5px #000000) drop-shadow(6px 6px #000000) drop-shadow(7px 7px #000000) drop-shadow(8px 8px #000000) drop-shadow(9px 9px #000000) drop-shadow(10px 10px #000000) drop-shadow(11px 11px #000000) drop-shadow(12px 12px #000000) drop-shadow(13px 13px #000000) drop-shadow(14px 14px #000000) drop-shadow(15px 15px #000000);
    -webkit-filter: drop-shadow(1px 1px #000000) drop-shadow(2px 2px #000000) drop-shadow(3px 3px #000000) drop-shadow(4px 4px #000000) drop-shadow(5px 5px #000000) drop-shadow(6px 6px #000000) drop-shadow(7px 7px #000000) drop-shadow(8px 8px #000000) drop-shadow(9px 9px #000000) drop-shadow(10px 10px #000000) drop-shadow(11px 11px #000000) drop-shadow(12px 12px #000000) drop-shadow(13px 13px #000000) drop-shadow(14px 14px #000000) drop-shadow(15px 15px #000000);
    -moz-filter: drop-shadow(1px 1px #000000) drop-shadow(2px 2px #000000) drop-shadow(3px 3px #000000) drop-shadow(4px 4px #000000) drop-shadow(5px 5px #000000) drop-shadow(6px 6px #000000) drop-shadow(7px 7px #000000) drop-shadow(8px 8px #000000) drop-shadow(9px 9px #000000) drop-shadow(10px 10px #000000) drop-shadow(11px 11px #000000) drop-shadow(12px 12px #000000) drop-shadow(13px 13px #000000) drop-shadow(14px 14px #000000) drop-shadow(15px 15px #000000);
    */
}

div.icon-critical {
    background: #DF5B49;
}

div.icon-critical > img {
    filter: drop-shadow(1px 1px #CA5141) drop-shadow(2px 2px #CA5141) drop-shadow(3px 3px #CA5141) drop-shadow(4px 4px #CA5141) drop-shadow(5px 5px #CA5141) drop-shadow(6px 6px #CA5141) drop-shadow(7px 7px #CA5141) drop-shadow(8px 8px #CA5141) drop-shadow(9px 9px #CA5141) drop-shadow(10px 10px #CA5141) drop-shadow(11px 11px #CA5141) drop-shadow(12px 12px #CA5141) drop-shadow(13px 13px #CA5141) drop-shadow(14px 14px #CA5141) drop-shadow(15px 15px #CA5141);
    -webkit-filter: drop-shadow(1px 1px #CA5141) drop-shadow(2px 2px #CA5141) drop-shadow(3px 3px #CA5141) drop-shadow(4px 4px #CA5141) drop-shadow(5px 5px #CA5141) drop-shadow(6px 6px #CA5141) drop-shadow(7px 7px #CA5141) drop-shadow(8px 8px #CA5141) drop-shadow(9px 9px #CA5141) drop-shadow(10px 10px #CA5141) drop-shadow(11px 11px #CA5141) drop-shadow(12px 12px #CA5141) drop-shadow(13px 13px #CA5141) drop-shadow(14px 14px #CA5141) drop-shadow(15px 15px #CA5141);
    -moz-filter: drop-shadow(1px 1px #CA5141) drop-shadow(2px 2px #CA5141) drop-shadow(3px 3px #CA5141) drop-shadow(4px 4px #CA5141) drop-shadow(5px 5px #CA5141) drop-shadow(6px 6px #CA5141) drop-shadow(7px 7px #CA5141) drop-shadow(8px 8px #CA5141) drop-shadow(9px 9px #CA5141) drop-shadow(10px 10px #CA5141) drop-shadow(11px 11px #CA5141) drop-shadow(12px 12px #CA5141) drop-shadow(13px 13px #CA5141) drop-shadow(14px 14px #CA5141) drop-shadow(15px 15px #CA5141);
}

div.icon-non-critical {
    background: #46A5B4;
}
div.icon-non-critical > img {
    filter: drop-shadow(1px 1px #3E95A2) drop-shadow(2px 2px #3E95A2) drop-shadow(3px 3px #3E95A2) drop-shadow(4px 4px #3E95A2) drop-shadow(5px 5px #3E95A2) drop-shadow(6px 6px #3E95A2) drop-shadow(7px 7px #3E95A2) drop-shadow(8px 8px #3E95A2) drop-shadow(9px 9px #3E95A2) drop-shadow(10px 10px #3E95A2) drop-shadow(11px 11px #3E95A2) drop-shadow(12px 12px #3E95A2) drop-shadow(13px 13px #3E95A2) drop-shadow(14px 14px #3E95A2) drop-shadow(15px 15px #3E95A2);
    -webkit-filter: drop-shadow(1px 1px #3E95A2) drop-shadow(2px 2px #3E95A2) drop-shadow(3px 3px #3E95A2) drop-shadow(4px 4px #3E95A2) drop-shadow(5px 5px #3E95A2) drop-shadow(6px 6px #3E95A2) drop-shadow(7px 7px #3E95A2) drop-shadow(8px 8px #3E95A2) drop-shadow(9px 9px #3E95A2) drop-shadow(10px 10px #3E95A2) drop-shadow(11px 11px #3E95A2) drop-shadow(12px 12px #3E95A2) drop-shadow(13px 13px #3E95A2) drop-shadow(14px 14px #3E95A2) drop-shadow(15px 15px #3E95A2);
    -moz-filter: drop-shadow(1px 1px #3E95A2) drop-shadow(2px 2px #3E95A2) drop-shadow(3px 3px #3E95A2) drop-shadow(4px 4px #3E95A2) drop-shadow(5px 5px #3E95A2) drop-shadow(6px 6px #3E95A2) drop-shadow(7px 7px #3E95A2) drop-shadow(8px 8px #3E95A2) drop-shadow(9px 9px #3E95A2) drop-shadow(10px 10px #3E95A2) drop-shadow(11px 11px #3E95A2) drop-shadow(12px 12px #3E95A2) drop-shadow(13px 13px #3E95A2) drop-shadow(14px 14px #3E95A2) drop-shadow(15px 15px #3E95A2);
}

div.icon-company {
    background: #63B446;
}
div.icon-company > img {
    filter: drop-shadow(1px 1px #3FA23E) drop-shadow(2px 2px #3FA23E) drop-shadow(3px 3px #3FA23E) drop-shadow(4px 4px #3FA23E) drop-shadow(5px 5px #3FA23E) drop-shadow(6px 6px #3FA23E) drop-shadow(7px 7px #3FA23E) drop-shadow(8px 8px #3FA23E) drop-shadow(9px 9px #3FA23E) drop-shadow(10px 10px #3FA23E) drop-shadow(11px 11px #3FA23E) drop-shadow(12px 12px #3FA23E) drop-shadow(13px 13px #3FA23E) drop-shadow(14px 14px #3FA23E) drop-shadow(15px 15px #3FA23E);
    -webkit-filter: drop-shadow(1px 1px #3FA23E) drop-shadow(2px 2px #3FA23E) drop-shadow(3px 3px #3FA23E) drop-shadow(4px 4px #3FA23E) drop-shadow(5px 5px #3FA23E) drop-shadow(6px 6px #3FA23E) drop-shadow(7px 7px #3FA23E) drop-shadow(8px 8px #3FA23E) drop-shadow(9px 9px #3FA23E) drop-shadow(10px 10px #3FA23E) drop-shadow(11px 11px #3FA23E) drop-shadow(12px 12px #3FA23E) drop-shadow(13px 13px #3FA23E) drop-shadow(14px 14px #3FA23E) drop-shadow(15px 15px #3FA23E);
    -moz-filter: drop-shadow(1px 1px #3FA23E) drop-shadow(2px 2px #3FA23E) drop-shadow(3px 3px #3FA23E) drop-shadow(4px 4px #3FA23E) drop-shadow(5px 5px #3FA23E) drop-shadow(6px 6px #3FA23E) drop-shadow(7px 7px #3FA23E) drop-shadow(8px 8px #3FA23E) drop-shadow(9px 9px #3FA23E) drop-shadow(10px 10px #3FA23E) drop-shadow(11px 11px #3FA23E) drop-shadow(12px 12px #3FA23E) drop-shadow(13px 13px #3FA23E) drop-shadow(14px 14px #3FA23E) drop-shadow(15px 15px #3FA23E);
}

.subscription-card > div.body {
width:100%; border: solid 1px #E8E8E8; border-top: none; border-radius: 0px 0px 4px 4px; background:white; position:relative; padding: 10px; cursor: pointer;
}

.subscription-card > div.body > h5 {
font-weight: 700; font-size: 1.25rem;
}

.subscription-card > div.body > h6 {
    font-weight: 300; font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.2em;     /* fallback */
    max-height: 2.4em;      /* fallback */
    height: 2.4em;      /* fallback */
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.subscription-card > div.body > label {
    display: block; padding-left: 10px; margin: 10px 0px 0px 0px; cursor: pointer;
}

.subscription-card > a {
    position: absolute; right: 20px; bottom: 17px;
}

div.icon.rounded-circle {
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
}

div.icon.rounded-circle > img {
    height: 60%;
    position:absolute;
    left: 0;
    right: 0;
    bottom:0;
    top:0;
    margin: auto;
}

.modal-title > div.icon {
    float: left;
}

.subscription-detail-form {
    margin: 15px 0px 0px 10px;
    float: left;
}

.subscription-detail-form > h5 {
    font-weight: 700; font-size: 1.25rem;
}

.subscription-detail-form > h6 {
    font-weight: 300; font-size: 1rem;
}

table.table-form th { border-top: none !important; }

/*.card >*/ nav > div.w-100 {
    display: table;
}

/*.card >*/ nav > div.w-100 > h4 {
    margin-bottom: 0px !important;
    display: table-cell;
    vertical-align: bottom;
}

/*.card >*/ nav > div.w-100 > button {
    float: right;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 1 0px;
    margin: 0;
    padding: 0;
}

.navbar-brand.section-title {
    flex-grow: 1;
}

.userData {
    cursor: pointer;
}

.flex-content-bottom {
    align-self: flex-end;
}

.table-text-small th, .table-text-small td {
    font-size: 0.9rem !important;
}

.table-text-xsmall th, .table-text-xsmall td {
    font-size: 0.8rem !important;
}

.modal-body .tab-content {
    border-right: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.configurationDivs{
    padding: 10px;
    background-color: #e5e5e5;
    border: 1px solid #b8b8b8;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}



.float_right{
    float:right;
}
.float_left{
    float:left;
}

.color_blue{
    color:#0042ff;
}
.color_orange{
    color:#ff6641;
}
.color_gray{
    color:#848487;
}
.color_black{
    color:black;
}
.color_red{
    color:red;
}
.color_brand{
    color:#c6003e;
}
.hover_color_brand:hover{
    color:#c6003e;
}
.color_white{
    color:white;
}
.back_bluelight {
    background:#5f84ef;
}
.back_yellow {
    background:#ecc236;
}
.back_darkblue {
    background:#003057;
}
.back_green {
    background:#38ae72;
}
.back_orange {
    background:#ff6641;
}
.back_blueshine {
    background:#009cde;
}

.circle_home_blue {
    width:50px;
    height:50px;
    border-radius:50%;
    border:4px solid #0042ff;
    padding-top: 9px;
    text-align: center;
}
.text_circle_home_blue{
    margin-top: 12px;
    margin-left: 10px;
}
.circle_home_orange {
    width:50px;
    height:50px;
    border-radius:50%;
    border:4px solid #ff6641;
    padding-top: 9px;
    text-align: center;
}
.text_circle_home_orange{
    margin-top: 12px;
    margin-left: 10px;
}

.minifont_white {
    font-size: 13px;
    color: white;
}
.minibtn_bluelight {
    background:#5f84ef;
    font-size: 13px;
    padding: 0px 3px;
    display: inline-block;
    color: white;
}
.btn_mid {
    width:100%;
    font-size:14px;
}
.btn_mid:hover {
    cursor:pointer;
}
.btn_blue {
    background-color: #0042ff;
    color:white;
    font-weight: bold;
    border-radius: 5px;
    padding:7px 9px;
    border:1px solid #0042ff;
}
.btn_transparent {
    background-color: transparent;
    font-weight: bold;
    border-radius: 5px;
    padding:7px 9px;
    border:1px solid transparent;
    text-decoration: underline;
}
.lnk_as_btnmid {
    width:1000%;
    max-width:170px;
    font-size:14px;
    text-decoration: underline;
    padding:0px 9px;
}
.btn_transparent span{
    text-decoration: underline;
}
.btn_w_img span {
    float:left;
}
.btn_w_img img {
    float:right;
    margin-left:10px;
}
.aText{
    color: white;
}
.aText:hover{
    color: white;
    text-decoration: none;
}
.divTitlesHome .minifont_white {
    padding-top:7px;
    padding-right:7px;
}

.margin_top_10{
    margin-top:10px;
}
.margin_top_35{
    margin-top:35px;
}
.margin_bottom_10{
    margin-bottom:10px;
}
.margin_bottom_25{
    margin-bottom:25px;
}
.margin_bottom_30{
    margin-bottom:30px;
}
.margin_right_2{
    margin-right:2px;
}
.margin_left_2{
    margin-left:2px;
}

.bold {
    font-weight: bold;
}
.grayline {
    background-color: #d1d6e5;
    height:1px;
    width:100%;
}
.dot_red {
    width:14px;
    height:14px;
    border-radius:50%;
    background-color: red;
    display:inline-block;
}
.dot_yellow {
    width:14px;
    height:14px;
    border-radius:50%;
    background-color: #ffba00;
    display:inline-block;
}
.dot_green {
    width:14px;
    height:14px;
    border-radius:50%;
    background-color: #28b73b;
    display:inline-block;
}
.dot_pink {
    width:14px;
    height:14px;
    border-radius:50%;
    background-color: #ffcccc;
    display:inline-block;
}


.graphline {
    height:5px;
    background-color:white;
    border-radius:15px;
    width:100%;
    position:relative;
}
.graphcolorline {
    height:5px;
    border-radius:15px;
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
}

.talign_right {
    text-align: right;
}
.talign_left {
    text-align: left;
}
.talign_center {
    text-align: center;
}


.userheader .fa-user-circle {
    font-size:45px;
}

/*padding-bottom:90px;*/

.oceans_grid > .col-12 {
    margin-bottom:30px;
}

.ocean_white_container {
    background-color: white;
    width:100%;
    border-radius:5px;
}
.ocean_container{
    width: 70% !important;
    margin-left:auto;
    margin-right:auto;
}

.rightsReserved {
    font-size:14px;
    text-align:center;
    padding:40px 0px;
    color:gray;
}
.rightsReservedAbsolute{
    position:absolute;
    bottom:10px;
    left:50%;
    transform:translateX(-50%);
}
.rightsReservedRelative{
    position:relative;
    bottom:0px;
    left:0px;
    transform:translateX(0%);
}

.pointer{
    cursor: pointer !important;
}

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

.btnIconsList{
    background-color: Transparent;
    background-repeat: no-repeat;
    color: #949494;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
}

.borderRadiusOcean{
    border-radius: 5px !important;
}

.borderRadiusRightOcean{
    border-radius: 0px 5px 5px 0px !important;
}

.btnUploadExcel {
    cursor:pointer;
    padding:5px 15px 5px 15px;
    display:inline-block;
}

.hidden {
    display: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: black;
    font-size: 13px !important;
}

.select2-results__options{
    font-size:13px !important;
}

.detailCreativity .select2-selection__rendered{
    font-size:13px !important;
}

#select2-ddlCreativitiesPeriodHomeSearch-container{
    padding-top: 3px !important;
}

/* START CHECKBOX ON OFF */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 20px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 15px;
    left: 4px;
    bottom: 2.5px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(27px);
    -ms-transform: translateX(27px);
    transform: translateX(27px);
}

.bvDetail{
    height: 50px;
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
/* END CHECKBOX ON OFF */

.textareaNoHeight{
    min-height: 0px !important;
}

#creativityComments{
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 500px;
}

#uploadFile {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

#uploadImage{
    background: #419641;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

#cancelImage{
    background: #D9534F;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.danger{
    background: #F2DEDE;
}

.rateyo {
    margin: auto;
}


@media (min-width: 1200px) {
    .chartjs-size-monitor,
    #actionsChart,
    #averageResultsChart,
    #freeScheduleChart,
    #actionResultsChart {
        /*transform:scale(0.5);*/
        width: 90% !important;
        height: 90% !important;
    }
}
@media (min-width: 1400px) {
    .chartjs-size-monitor,
    #actionsChart,
    #averageResultsChart,
    #freeScheduleChart,
    #actionResultsChart {
        /*transform:scale(0.5);*/
        width: 70% !important;
        height: 70% !important;
    }
}
/* MEDIA QUERIES */

@media (min-width: 1400px) {
    .ocean_container{
        width: 80% !important;
    }
}
@media (max-width: 575.98px) {
    .ocean_container {
        width: 95% !important;
    }
    .ocean_white_container {
        padding-left:10px;
        padding-right:10px;
    }
    .section-simple-search{
        display: block !important;
    }
    .section-simple-search li:first-child{
        width: 100% !important;
        margin-bottom: 16px;
    }
    .section-simple-search .navbar-left{
        width: 100% !important;
    }
    .section-search li:nth-child(2){
        width: 100% !important;
    }
    .section-search .advanceFilterClick{
        width: 100% !important;
    }
}

@media (min-width: 576.98px) {
    .section-search{
        display: block !important;
    }
    .section-search li:first-child{
        width: 47.3% !important;
    }
    .section-search .navbar-left{
        width: 100% !important;
    }
    .section-search li:nth-child(2){
        margin-left: 4.9% !important;
        width: 47.4% !important;
    }
    .section-search .advanceFilterClick{
        width: 100% !important;
    }
}

@media (min-width: 766px) {
    .section-search{
        display: block !important;
    }
    .section-search li:first-child{
        width: 48.3% !important;
    }
    .section-search .navbar-left{
        width: 100% !important;
    }
    .section-search li:nth-child(2){
        margin-left: 3.2% !important;
        width: 22.7% !important;
    }
    .section-search .advanceFilterClick{
        width: 100% !important;
    }
}

@media (max-width: 767.98px) {
    .ocean_white_container {
        padding-left:20px;
        padding-right:20px;
    }
}
@media (max-width: 1399.98px) {
    .ocean_container{
        width: 90% !important;
    }
}