/*
 Author:       Calipso
 Description:  CSS para version mobile.
 Version:      1.1.2
*/

/*--------------------------------------------------------------
>>> Tabla de contenidos:
----------------------------------------------------------------
## General Styles ##
    -> Notifacion

## Botones ##

## Sidebar ##

## Header ##
        - Bg Negro del header
    -> Header Search
    -> Logo

## Notifaciones ##

## Bottom Nav ##

## Overlay ##

## Flow Action Buttons ##
        - General
        - Color Celeste
    -> Margin
        - Filters
## Cards ##
    -> Cards ListView, Filters, ScreenEditor
        - Shadow
        - Margin 01
        - Color
        - Border
        - Display
        - Icons
        - Text Color
        - Otros
    -> Cards Filters

## Nav Screen ##

## ListView ##
    -> NavBar ListView
        - Text + Icons
        - Seleccion Multiple

# Centro de Filtros ##
        - Common Dialoog
    -> Header Filters
        - New Filter
        - First Object Filters
        - Title Filters
        - Last Object Filters
    -> Bottom Menu Filters
    -> Save Filters
    -> Saved Filters

## Editor Screen ##
    -> Header - Editor
    -> First Tabs
    -> Second Tabs
    -> Tab Encabezado
        - Reset Margin & Padding

## Acciones & ListView ##

## Icons ##

## Relogin ##
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');

/*------------------------------------------
# General Styles
------------------------------------------*/

body {
    background-color: #f2f3f7;
}

* {
    font-family: 'Roboto', sans-serif;
}

p,
ul,
li {
    font-size: 1em;
    color: #939393;
    line-height: 1.6em;
}

#centroApp {
    width: 100%;
    height: 100%;
}

.dropdown-content li a,
.hide-on-small-and-down.dropdown-content.active li span label {
    font-size: 13px !important;
    color: #666;
}

.mini-with-expand {
    /*display: none !important;*/
}

/*
* Notifacion
*/

.badge.circle {
    position: absolute;
    min-width: 0!important;
    border-radius: 100%!important;
    height: 20px!important;
    top: -15px;
    width: 20px;
    font-size: .7rem!important;
    text-align: center;
    padding: 0!important;
    right: 12px;
    line-height: 20px !important;
}

/*------------------------------------------
# Botones
------------------------------------------*/

.btn {
    border-radius:0px !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding:2% 10px;
    letter-spacing:initial;
    margin:10% 0 0;
}

.collapsible-body .btn {
    background-color:#000;
}

/*------------------------------------------
# Sidebar
------------------------------------------*/

ul.side-nav.mini-with-expand {
    height:100vh !important;
    width:100% !important;
    max-width:300px !important;
    top:0;
}

.calipso-sidebar-header a {
    line-height:40px;
    padding:0 16px;
}

.calipso-sidebar-header a span {
    font-weight:900;
    font-size:1.2em
}

.collapsable-header-calipso {
    padding:0 !important;
}

.calipso-sidebar-item,
.collapsable-header-calipso a {
    height:40px !important;
    line-height:40px !important;
    padding-left:24px !important;
}

.calipso-sidebar-item span,
.collapsable-header-calipso span {
    padding-left:16px;
}

/*------------------------------------------
# Header
------------------------------------------*/

.CalTopNav {
    height: 160px;
    top: 0;
    position: fixed;
    z-index: 1 !important;
}

/* Bg Negro del header */

.CalTopNav .headerCalipsoElement {
    display: flex;
    position: absolute;
    top: 20px;
    left: 16px;
}

.CalTopNav .headerCalipsoElement i {
    color: #fff;
    margin-right: 10px;
    font-size: 24px;
}

.CalTopNav div:nth-child(2) .btn {
    background-color: #fff0;
    color: red !important;
}

.CalTopNav .headerCalipsoElement span {
    font-size: 1.25em;
    font-weight: 500;
}

/****
# Header Search
****/

.CalTopNav .calipso-header-search {
    width: calc(100% - 32px) !important;
    left: 16px;
    top: 20px;
}

.CalTopNav input.gwt-TextBox {
    width: calc(100% - 32px) !important;
    height: 32px !important;
    border-radius: 50px !important;
}

.CalTopNav .input-field input[type=search] {
    background-color: #fff;
    padding-left: 50px !important;
    width: calc(100% - 56px) !important;
}

.calipso-header-search i.material-icons {
    line-height: 32px;
    padding-left: 16px;
}

.search-result {
    display: none;
}

/****
# Logo
****/

.leftNavSectionImageSearch {
    margin-left: 270px;
}

a img.gwt-Image {
    width: auto;
    height: 100%;
    cursor: pointer;
}

.nav-wrapper .brand-logo {
    display: inline-flex;
    height: 80px;
}

nav .logoCalipsoDiv .brand-logo img {
    padding: 0 !important;
    vertical-align: middle;
}

.calipsoCaptionHeader {
    font-size: 20px;
    margin-top: 10px;
}

/*------------------------------------------
# Notifaciones
------------------------------------------*/

.notificationsPresenter {
    height:100vh !important;
    background-color:#fff !important;
}

.notificationsPresenter .collection-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding:20px;
    background-color:#fff !important;
    border-bottom:1px solid #eaeaea
}

.notificationsPresenter img {
    width:40px;
    height:40px;
}

.notificationsPresenter span:first-of-type {
    font-size:1em !important;
    padding:0 20px;
    line-height:1.2em;
}

/*------------------------------------------
# Bottom Nav
------------------------------------------*/

.CalBotNav {
    z-index: 90;
    background-color: #fff;
    height: 56px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

.CalNavScreenPage {
    top: 130px;
}

/* Se desconoce a que aplica */

.CalBotNav .nav-wrapper .button-collapse {
    display: none;
}

.CalBotNav .nav-wrapper {
    width: fit-content;
    margin: auto;
}

.CalBotNav .nav-wrapper a {
    display: inline-grid;
    width: 60px;
    text-align: center;
    margin: 0 5px;
    color: #666666;
}

.CalBotNav .nav-wrapper a i {
    width: 60px;
    height: 24px;
    font-size: 24px;
    line-height: 26px;
}

.CalBotNav .nav-wrapper a span {
    width: 60px;
    height: 24px;
    line-height: 24px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*------------------------------------------
# Overlay
------------------------------------------*/

/*
Nav Apps & Actions
*/

.CalAppsOverlay,
.CalActionsOverlay,
.CalProfilesOverlay {
    background-color: #0000005f;
}

.CalAppsOverlay .row,
.CalActionsOverlay .row,
.CalProfilesOverlay .row {
    position: absolute;
    bottom: 280px;
    display: flex;
    margin-bottom:0;
    padding: 10px 32px;
    background-color: #fff;
    width: 100%;
    color: #000;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
}

.CalAppsOverlay .row span,
.CalActionsOverlay .row span,
.CalProfilesOverlay .row span {
    font-size: 1.25em;
    font-weight: 500;
}

.CalAppsOverlay .row i,
.CalActionsOverlay .row i,
.CalProfilesOverlay .row i {
    right: 32px;
    position: absolute;
    color: #000;
}

.CalAppsMobileContainer,
.CalActionsOverlayContainer,
.CalProfilesDiv {
    height: 100vh;
    background-color: #fff;
    max-height: 280px;
    position: absolute;
    bottom: 0;
    margin: 0 !important;
    width: 100%;
    padding: 10px 32px;
    overflow: auto;
}

.CalActionsOverlayContainer a,
.CalProfilesDiv a {
    display: flex;
    color:#757575
}

.appCalipsoItem,
.CalActionsOverlayContainer a,
.CalProfilesDiv a {
    line-height: 25px;
    color:#757575
}

.dropdown-contentApps .appCalipsoItemImage {
    line-height: 35px !important;
    height: 18px;
    width: 18px;
    display: inline-block;
    background-color: #757575;
}

/*------------------------------------------
# Flow Action Buttons
------------------------------------------*/

/*** General ***/
.dataViewNavBarMaterial ul li .CalBlueBtn,
.CalFilterOverlay .CalFiltersFooterMobile a i,
.CalScreenEditor .hide-on-med-and-down .btn-floating,
.CalScreenEditor  #centroApp > div:first-of-type:not(.containerCandidateEditorFrame) .hide-on-med-and-down i {
    border-radius: 100% ;
    width: 56px;
    height:56px;
    text-align: center;
}

/*** Color Celeste ***/
.dataViewNavBarMaterial ul li .CalBlueBtn,
.CalFilterOverlay .CalFiltersFooterMobile a i,
.CalScreenEditor .hide-on-med-and-down .btn-floating,
.CalScreenEditor #centroApp > div:first-of-type:not(.containerCandidateEditorFrame) .hide-on-med-and-down i {
    background-color: #1daaf2;
}

/*
* Margin
*/

/*** Filters ***/
.CalFilterOverlay .CalFiltersFooterMobile a i {
    margin: auto;
}

/*------------------------------------------
# Cards
------------------------------------------*/

/*
* Cards ListView, Filters, ScreenEditor
*/

/*** Shadow ***/
.dataView-centerPanel .CalMaterialCollapsibleItem,
.modalListRow .row,
.CalScreenEditor .collapsible-header,
.materialSavedFilters,
.CalSaveFilterOverlay .input-field {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
}

/*** Margin 01 ***/
.dataView-centerPanel .CalMaterialCollapsibleItem,
.modalListRow .row,
.CalScreenEditor .collapsible-header,
.materialSavedFilters,
.CalSaveFilterOverlay .input-field {
    margin: 0 16px 10px 16px;
}

/*** Color ***/
.CalListView .centerBarPresenter .collapsible .CalMaterialCollapsibleItem .collapsible-header,
.dataView-centerPanel .CalMaterialCollapsibleItem,
.modalListRow .row,
.CalScreenEditor .collapsible-header,
.CalScreenEditor .editorMainPanel > div:first-of-type > div:first-of-type .materialColumnTab > table,
.materialSavedFilters,
.CalSaveFilterOverlay .input-field {
    background-color:#fff;
}

/*** Border ***/
.CalListView .centerBarPresenter .collapsible .CalMaterialCollapsibleItem .collapsible-header,
.dataView-centerPanel .CalMaterialCollapsibleItem,
.modalListRow .row,
.CalScreenEditor .collapsible-header,
.CalScreenEditor .editorMainPanel > div:first-of-type > div:first-of-type .materialColumnTab > table,
.nodes-panel-calipso .materialCollectionNodesMobile,
.materialSavedFilters,
.CalSaveFilterOverlay .input-field {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/*** Display ***/
.CalListView .centerBarPresenter .collapsible .CalMaterialCollapsibleItem .collapsible-header,
.CalScreenEditor .collapsible-header,
.materialSavedFilters {
    display: flex;
}

/*** Icons ***/
.CalListView .centerBarPresenter .collapsible .CalMaterialCollapsibleItem .collapsible-header i,
.CalDivIcons i,
.materialSavedFilters i {
    float: right;
    width: 24px;
    height: 24px;
    line-height: 24px !important;
    color: #666;
}

/*** Text Color ***/
.modalListRow .row .l1 i,
.modalListRow .row,
.CalTableEditor .spaceUnder td.editor-fieldValuePanel .editor-fieldValuePanel input,
.CalScreenEditor .CalDivHeaderText span,
.materialSavedFilters span {
    color: #666 !important;
}

/*** Otros ***/
.CalListView .centerBarPresenter .collapsible .CalMaterialCollapsibleItem .collapsible-header,
.CalScreenEditor .collapsible-header,
.materialSavedFilters,
.CalSaveFilterOverlay .input-field {
    border: none;
    padding: 10px 15px !important;
    line-height: 2em !important;
}

/*
* Card Filters
*/

.modalListRow .row {
    padding: 10px 16px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.modalListRow .row .l3,
.modalListRow .row .l2 {
    width: 90%;
    padding: 0;
    background-color: #eaeaea;
    margin: 5px 0;
    padding: 5px;
    height: 30px;
    line-height: 20px;
}

.modalListRow .row .l1 {
    position: absolute;
    top: 10px;
    right: 0;
}

.modalListRow .row .l2 .input-field.combobox {
    margin: 0;
}

/*------------------------------------------
# Nav Screen
------------------------------------------*/

.CalNavScreen {
    padding-bottom: 0 !important;
    top: 120px;
    position: relative;
    margin-bottom: 106px;
}

.nodesCenterNavigationPresenter {
    z-index: 9;
    overflow: hidden;
}

.nodes-panel-calipso {}

.nodes-panel-calipso .materialCollectionNodesMobile {
    border:none;
    width: 90%;
    left: 16px;
    margin: 0 !important;
}

.nodes-panel-calipso .materialCollectionNodesMobile li:nth-child(1) {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.nodes-panel-calipso {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}


.collection .collection-item {
    border-bottom: 1px solid #f2f3f7 !important;
    height: 60px;
    padding: 16px 20px !important;
    min-height: 60px !important;
}

.collection .collection-item i {
    color: #f7b34c;
    line-height: 32px;
}

.collection .collection-item span {
    margin-left: calc(72px - 16px);
    line-height: 32px;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.row:not(.materialSavedFilters) {
    margin: 0 !important;
}*/

/*------------------------------------------
# ListView
------------------------------------------*/

/*
Navbar ListView
*/

.dataViewNavBarMaterial * {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.dataViewNavBarMaterial {
    background-color: #0000;
    position: relative;
    top: 35px;
}

.dataViewNavBarMaterial ul {
    padding: 0 16px;
}

.dataViewNavBarMaterial ul li:nth-child(2),
.dataViewNavBarMaterial ul li:nth-last-child(1) {
    margin: 0 10px;
}

.dataViewNavBarMaterial ul li i {
    font-size: 24px;
}

.dataViewNavBarMaterial ul:not(.hide-on-med-and-down) li:nth-child(4),
.dataViewNavBarMaterial ul:not(.hide-on-med-and-down) li:nth-child(5) {
    float: right;
}

.dataViewNavBarMaterial ul li:nth-last-child(2) i {
    text-align: center;
    width: 56px;
}

.dataViewNavBarMaterial ul li:nth-last-child(1) div {
    display: flex;
}

.dataViewNavBarMaterial ul li:nth-last-child(1) div a {
    padding: 0 5px !important;
}

.dataViewNavBarMaterial ul li:nth-last-child(1) div .material-label {
    display: inline-block;
    color: #fff;
}

a.button-collapse.circle.waves-effect.waves-light.center-align {
    display: none;
}



.resumeDashboard {
    margin: 10px 16px !important;
    width: 50%;
    height: 100%;
}

.resumeDashboard .graphicCard {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: auto;
    margin: 5px 0;
    border-left: 5px solid #87e5b6;

}

.resumeDashboard .cardContentGraphic {
    padding: 5%;
}

.cardContentGraphic #contenedoresumen img {
    width: 15px;
    line-height: 24px;
    height: 20px;
    margin-left: 5px;
}

.cardContentGraphic #contenedoresumen h2 {
    font-size: 1em;
    font-weight: 900;
    margin: 0;
}

.cardContentGraphic #contenedoresumen {
    color: #757575;
    padding: 0;
}

.cardContentGraphic #contenedoresumen .body br {
    display: none;
}

.cardContentGraphic #contenedoresumen div:not(.body) {
    width: 100%;
}

.cardContentGraphic #contenedoresumen div:not(.body) p {
    float: left;
}

.cardContentGraphic #contenedoresumen div:not(.body) i {
    float: right;
}

.CalListView {
    margin-top: 160px;
    padding-top: 10px !important;
}

.CalListView ul {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    margin: 0 !important;
    padding: 0 !important;
}

/* Text + Icons */

.CalMaterialCollapsibleItem .CalDivHeaderText {
    width: calc(100% - 24px);
}

.CalMaterialCollapsibleItem .CalDivIcons {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.CalListView .centerBarPresenter .collapsible .CalMaterialCollapsibleItem .active .collapsible-header {
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border: none;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 15px !important;
    line-height: 2em !important;
}

.CalListView .centerBarPresenter .collapsible .collapsible-body tr:nth-child(even) {
    border-bottom: 1px solid #e0e0e0;
}

.CalListView .centerBarPresenter .collapsible .collapsible-body tr:nth-child(odd) td {
    padding: 10px 15px 0 !important;
    color: #2e6299;
    font-weight: 900;
}

.CalListView .centerBarPresenter .collapsible .CalMaterialCollapsibleItem .collapsible-body tr:nth-child(even) td {
    padding-bottom: 10px !important;
}

.CalListView .centerBarPresenter .collapsible .collapsible-body tr td {
    padding: 0px 15px!important;
}

.CalListView .centerBarPresenter .collapsible .CalMaterialCollapsibleItem .collapsible-body tr td input {
    border: none;
    border-radius: none !important;
    height: 24px;
}

.CalListView .centerBarPresenter .collapsible .CalMaterialCollapsibleItem .collapsible-header a span {
    color: #939393;
}

.CalListView .centerBarPresenter .collapsible .CalMaterialCollapsibleItem .collapsible-header a:last-child span {
    /* padding-left: 15px; */
}

.CalListView .dataView-southPanel {
    display: none;
}

/*
* Seleccion multiple
*/

.CalMultipleSelect {
    overflow: auto !important;
    width:100%;
    display: flex !important;
}

.CalMultipleSelect li:not(:nth-child(1)) {
    border:1px solid #fff !important;
    border-radius:50px;
    white-space:nowrap;
    margin:0 5px !important;
}

.CalMultipleSelect li {
    border-radius:50px;
    padding:0 10px;
}

.CalMultipleSelect li a {
    line-height:30px;
}

/*------------------------------------------
# Centro de Filtros
------------------------------------------*/

.overlayCalipso {
    overflow: auto;
}

.overlayCalipso > div:nth-child(2) {
    height: calc(100vh - 80px);
    margin-bottom: 150px;
}

/* Common dialog */

.CalFilterOverlay {
    background-color: #000;
    color: #fff;
    padding: 0 16px;
}

.CalFilterOverlay > div:first-of-type {
    height: 72px !important;
    display: flex;
    position: relative;
    background-color: #000;
    color: #fff;
}

.CalNewFilterOverlay {
    background-color: #fafafa;
}

.switch label input[type=checkbox]:checked+.lever {
    background-color:#818181;
}

/*
* Header Filters
*/

/* New filter */

.CalNewFilterOverlay > div:first-of-type,
.CalSaveFilterOverlay > div:first-of-type,
.CalArchiveFilterOverlay > div:first-of-type {
    height: 100px !important;
    display: flex;
    position: relative;
    background-color: #000;
    color: #fff;
}

.CalFilterOverlay > div:first-of-type i,
.CalFilterOverlay > div:first-of-type span,
.CalNewFilterOverlay > div:first-of-type i,
.CalNewFilterOverlay > div:first-of-type span,
.CalSaveFilterOverlay > div:first-of-type i,
.CalSaveFilterOverlay > div:first-of-type span,
.CalArchiveFilterOverlay > div:first-of-type i,
.CalArchiveFilterOverlay > div:first-of-type span {
    position: absolute;
    bottom: 10px;
}

.CalNewFilterOverlay .l12 {
    width:100% !important;
    padding:0 16px;
}

/* First Object filters */
.CalFilterOverlay .row > a:first-of-type i,
.CalNewFilterOverlay > div:first-of-type > i,
.CalSaveFilterOverlay > div:first-of-type > i {
    left: 16px;
}
/* Title filters */

.CalFilterOverlay > div:first-of-type span,
.CalNewFilterOverlay > div:first-of-type > span,
.CalSaveFilterOverlay > div:first-of-type > span {
    left: 60px;
}

.CalFilterOverlay > div:first-of-type span,
.CalNewFilterOverlay > div:first-of-type span,
.CalSaveFilterOverlay > div:first-of-type span,
.CalArchiveFilterOverlay > div:first-of-type span {
    font-size: 1.25em;
    font-weight: 500;
}

/* Last Object filters */

.CalFilterOverlay > div:first-of-type i,
.CalNewFilterOverlay > div:first-of-type a > span,
.CalArchiveFilterOverlay > div:first-of-type i {
    right: 16px;
    color: #fff;
}

.CalFilterOverlay .CalFiltersFooterMobile {
    width: 100%;
    background-color: #000;
    color: #fff;
    /* display: flex; */
    margin: auto !important;
    transform: translateX(50%);
    right: 50%;
    bottom: 0px !important;
    height: 80px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}

/*
* Bottom Menu Filters
*/

.CalFilterOverlay .CalFiltersFooterMobile .nav-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;

}

.CalFilterOverlay .CalFiltersFooterMobile a {
    color: #fff;
    display: flex;
}

.CalFilterOverlay .CalFiltersFooterMobile a:nth-child(2) {
    width: 100px;
    line-height: 1.2em;
    text-align: right;
}

.CalFilterOverlay .CalFiltersFooterMobile a span {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.CalFilterOverlay .CalFiltersFooterMobile a:nth-child(3) {
    margin: 0 20px;
!important;
}

.CalFilterOverlay .CalFiltersFooterMobile a:nth-child(4) {
    width: 100px;
    line-height: 1.2em;
}

/*
* Save Filters
*/

.CalSaveFilterOverlay {
    background-color: #000;
}

.CalSaveFilterOverlay .row {
    color: #fff;
}

.CalSaveFilterOverlay .input-field input {
    border:solid 1px #eaeaea !important;
    background-color:;
    padding:0 10px;
    width:calc(100% - 62px);
    color:#666;
}

.CalSaveFilterOverlay .input-field input:focus {
    border:none;
    box-shadow:none;
}

.CalSaveFilterOverlay a i {
    position:absolute;
    right:36px;
    top:135px;
}

/*
* Saved Filters
*/

.CalArchiveFilterOverlay > div:first-of-type span {
    left:16px;
}

.CalArchiveFilterOverlay {
    background-color:#000;
}

.materialSavedFilters {
    justify-content: space-between;
}

.materialSavedFilters .l9,
.materialSavedFilters .l3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.materialSavedFilters .l9 {
    margin-right:auto;
}

/*------------------------------------------
# Editor Screen
------------------------------------------*/

/*
* Header - Editor
*/

.CalScreenEditor {
    background-color: #000;
    min-height:100vh;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .row:nth-child(1) {
    padding-top: 30px;
    width: calc(100% - 32px);
    margin: auto !important;
    display: flex;
    justify-content: space-between;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .row:nth-child(1) > div:first-of-type {
    width: 100%;
    max-width: 250px;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .row:nth-child(1) > div:first-of-type i {
    margin-right: 10px;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .row:nth-child(1) > div:last-of-type {
    background-color: #eaeea !important;
    margin-left: auto;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .row:nth-child(1) > div:last-of-type a:nth-child(2) i {
    margin: 0 5px !important;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .row:nth-child(1) span:not(.select2-container) {
    font-size: 1.25em;
    font-weight: 500;
    color: #fff;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .row:nth-child(1) i {
    color: #fff;
}

/*
* First Tabs
*/

.CalScreenEditor .centerBarPresenter #centroApp > div > .centerPanelEditor .editorMainPanel > .tabs {
    background-color: transparent !important;
    margin: 16px 0;
    padding-left:16px;
    padding-right:16px;
    height: 24px;
    display:flex;
    justify-content:space-between;
    width:100% !important;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .centerPanelEditor .editorMainPanel > .tabs li {
    height: 24px;
    line-height: 24px;
    max-width:100px;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .centerPanelEditor .editorMainPanel > .tabs li .active {
    background-color: #1daaf2 !important;
    border-radius: 50px;
    max-width:100px;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .centerPanelEditor .editorMainPanel > .tabs li a span {
    color: #fff;
    text-transform: initial;
    letter-spacing: initial;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .centerPanelEditor .editorMainPanel > .tabs .indicator {
    display: none;
}

/*
* Second Tabs
*/

.CalScreenEditor .centerBarPresenter #centroApp > div > .centerPanelEditor .editorMainPanel > div:first-of-type > div:first-of-type .tabsColumn {
    padding: 0 16px;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .centerPanelEditor .editorMainPanel > div:first-of-type > div:first-of-type .tabsColumn .tabs li {
    background-color: transparent !important;
    margin: 0px 0px 16px;
    height: 24px;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .centerPanelEditor .editorMainPanel > div:first-of-type > div:first-of-type .tabsColumn .tabs li {
    height: 24px;
    line-height: 24px;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .centerPanelEditor .editorMainPanel > div:first-of-type > div:first-of-type .tabsColumn .tabsCalipso {
    background-color: #0000;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .centerPanelEditor .editorMainPanel > div:first-of-type > div:first-of-type .tabsColumn .tabs li a span {
    color: #fff;
    text-transform: initial;
    letter-spacing: initial;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .centerPanelEditor .editorMainPanel > div:first-of-type > div:first-of-type .tabsColumn .tabs li .active {
    border-bottom: 1px solid #fff;
}

.CalScreenEditor .centerBarPresenter #centroApp > div > .centerPanelEditor .editorMainPanel > div:first-of-type > div:first-of-type .materialColumnTab {
    padding: 0;
}

/*
* Tab Encabezado
*/

.CalScreenEditor .editorMainPanel > div:first-of-type > div:first-of-type .materialColumnTab > table {
    width: calc(100% - 32px);
    margin: auto !important;
}

.CalTableEditor td,
.CalTableEditor tr,
.CalTableEditor tbody,
.CalScreenEditor .editorMainPanel > div:first-of-type > div:first-of-type .materialColumnTab table td {
    padding: 0 !important;
    margin: 0 !important;
} /* reset margin & padding */



.CalTableEditor {
    padding:8px 0 !important;

}

.CalTableEditor .spaceUnder div.editor-fieldValuePanel {
    border-bottom:1px solid #eaeaea !important;
    margin-bottom:8px !important;
}

.CalTableEditor .spaceUnder:last-of-type div.editor-fieldValuePanel {
    border-bottom:none !important;
    margin-bottom:0px !important;
}

.CalTableEditor .spaceUnder div.editor-fieldValuePanel .input-field{
    margin:0;
}

.CalTableEditor .divreferencia {
    display:flex;
    justify-content:space-between;
}

.editor-fieldLabelMobile {
    padding:0 16px;
    color:#2e6299;
    font-weight:900;
}

.CalTableEditor .spaceUnder td.editor-fieldValuePanel .editor-fieldValuePanel input {
    padding:0 16px;
    width:calc(100% - 16px) !important;
}

.CalTableEditor .spaceUnder input,
.CalTableEditor .spaceUnder input:focus {
    border:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.calipsoCheckBox {
    line-height:32px;
    padding:0 16px;
}

/*
* Combobox
*/

.CalTableEditor .editor-FieldComboValue.input-field.combobox .select2.select2-container.select2-container--default {
    padding:0 16px;
    width:calc(100% - 16px) !important;
}

.CalTableEditor .editor-FieldComboValue.input-field.combobox .select2.select2-container.select2-container--default .selection > span:first-of-type {
    border-bottom:none !important;
}

.CalTableEditor .editor-FieldComboValue.input-field.combobox .select2.select2-container.select2-container--default .selection > span:first-of-type,
.CalTableEditor .editor-FieldComboValue.input-field.combobox .select2.select2-container.select2-container--default .selection > span:first-of-type > span {
    line-height:30px;
    height:30px;
}

.CalTableEditor .editor-FieldComboValue.input-field.combobox {
    border-bottom: 1px solid #eaeaea !important;
    margin:0 0 8px 0;
}

.inputGroupButtonGoogle {
    display: flex;
}

/*------------------------------------------
# Acciones - ListView
------------------------------------------*/

.calipsoAcciones {
    background-color: #fff;
}

.calipsoAcciones > div:last-child,
.calipsoAcciones .input-field,
.calipsoAcciones > .row {
    margin: 0 !important;
    width: 100%;
    padding: 10px 32px;
    overflow: auto;
}

.calipsoAcciones > div:last-child {
    padding-top: 0;
    margin-bottom: 100px;
}

.calipsoAcciones .input-field {
    height: 50px !important;
    margin: 0 !important;
}

.calipsoAcciones .input-field input:focus {
    border: none;
}

.calipsoAcciones > .row {
    background-color: #000;
    width: 100%;
    display: flex;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}

.calipsoAcciones > .row span {
    width: calc(100% - 24px);
    color: #fff;
    line-height: 24px;
}

.calipsoAcciones > .row i {
    color: #fff;
}

.calipsoAcciones > div:last-child .dropDownHeaderMenuModal {
    font-size: 1.25em;
    font-weight: 500;
    margin: 15px 0 0;
}

.calipsoAcciones > div:last-child li {
    list-style-type: none;
}

.calipsoAcciones > div:last-child .glyphicon.glyphicon-time {
    display: none;
}

.calipsoAcciones .input-field .gwt-TextBox {
    background-color: #eaeaea;
    margin: 0;
    width: calc(100% - 35px);
    border-radius: 50px;
    border: none;
}

.calipsoAcciones .input-field .prefix {
    left: 35px;
    top: 13px
}

.calipsoAcciones .input-field input {
    padding-left: 35px !important;
}

.calipsoAccionesToolBox span{
    font-size: 17px;
    text-align: center;
    padding-top: 17px;
}

.aceptarCalipsoAcciones i{
    font-size: 40px;
    padding-top: 8px;
}



/*------------------------------------------
# Icons
------------------------------------------*/

.buscarbotongoogle,
.limpiarbotongoogle,
.flashbotongoogle,
.flashbotongoogle,
.agregarbotongoogle,
.editarbotongoogle,
.mapsbotongoogle,
.streetviewbotongoogle,
.calendarbotongoogle,
.calendarbotongoogleitem {
    height: 20px;
    width: 20px;
    margin: 0 5px !important;
    border: none;
    background-color: #31629e;

}

.buscarbotongoogle {
    -webkit-mask-box-image: url("../../images/buscariconogoogle.png");
}

.limpiarbotongoogle {
    -webkit-mask-box-image: url("../../images/limpiariconogoogle.png");
}

.flashbotongoogle {
    -webkit-mask-box-image: url("../../images/flashiconogoogle.png");
}

.agregarbotongoogle {
    -webkit-mask-box-image: url("../../images/agregariconogoogle.png");
}

.editarbotongoogle {
    -webkit-mask-box-image: url("../../images/editariconogoogle.png");
}

.mapsbotongoogle {
    -webkit-mask-box-image: url("../../images/googlemapsiconogoogle.png");
}

.streetviewbotongoogle {
    -webkit-mask-box-image: url("../../images/streetviewiconogoogle.png");
}

.calendarbotongoogle {
    -webkit-mask-box-image: url("../../images/calendaricongoogle.png");
}

.calendarbotongoogleitem {
    -webkit-mask-box-image: url("../../images/calendaricongoogle.png");
}

.materialNavBarEditor {
    background-color:#0000;
}

.materialNavBarEditor * {
    color:#fff !important;
}

.hide-on-med-and-down:not(.CalMultipleSelect) {
    display:initial !important;
}


/*------------------------------------------
# Relogin
------------------------------------------*/
.generalContainerRelogin {
    display:flex;
    height:100vh;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 60%, rgba(0,61,87,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 60%,rgba(0,61,87,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 60%,rgba(0,61,87,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#003d57',GradientType=0 );
}

.containerRelogin {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin:auto;
}

.containerRelogin > div:first-of-type {
    text-align:center;
}

.containerRelogin > div:first-of-type .input-field,
.containerRelogin > div:first-of-type .btn {
    width:100%;
    margin-top:15px !important;
}

.containerRelogin > div:first-of-type .btn {
    margin-bottom:15px !important;
}

.containerRelogin > div:first-of-type input,
.containerRelogin > div:first-of-type input:focus {
    padding:3px 10px;
    border-bottom:none !important;
    box-shadow:none;
}

/*------------------------------------------
# Selector de candidatos
------------------------------------------*/

.centerPanelSelectCandidate {
    top:50px;
    position:relative;
}

.containerCandidateEditorFrame .dataView-southPanel .dataViewPagerMaterial {
    position:fixed;
    bottom:0;
    background-color:#000;
}

.containerCandidateEditorFrame ul.hide-on-med-and-down.left {
    left:50%;
    position:relative;
    transform:translateX(-50%);
}

.containerCandidateEditorFrame ul.hide-on-med-and-down.left li:nth-child(3) {
    line-height:50px;
}

.containerCandidateEditorFrame ul.hide-on-med-and-down.right,
.containerCandidateEditorFrame a.button-collapse.circle.waves-effect.waves-light.center-align {
    display:none !important;
}

/*INDICADORES*/
.contenedorIndicadores{
    display:none;
}

.indicadoresLightNavBar{
    display:none !important;
}


/*NAVBAR AUTHORIZE BAR*/
.navegacionAuthorizeBar{
    cursor: none;
    color: white;
    height: 30px;
}
.botonAutorizarAuthorizeBar{
    float: right;
}
.botonAutorizarAuthorizeBar .btn{
    background-color: #009688 !important;
    line-height: 0px;
    letter-spacing: .5px;
    transition: .2s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding-left: 20px;
}
.botonAutorizarAuthorizeBar .btn.nothingApprove{
    background-color: gainsboro !important;
}
.botonAutorizarAuthorizeBar .btn span{
    color: white;
}
.dataViewNavBarAuthorize{
    line-height: 50px;
}

.dataViewNavBarAuthorize .firstRow{
    cursor: none;
    margin-left: 20px;
    color: white;
    height: 30px;
    padding-left: 20px;
}

.dataViewNavBarAuthorize .secondRow{
    cursor: none;
    margin-right: 0px;
    color: white;
    height: 30px;
    float: right;
    padding-right: 30px;
}

.dataViewNavBarAuthorize .secondRow .btn{
    padding-right: 15px;
}

.dataViewNavBarAuthorize .navegacionAuthorizeBar a{
    color: white;
}

/*AUTHORIZE GRID*/
.authorizeGrid{

}
.authorizeGrid .rowItem{
    margin-top: 10px;
}
.authorizeGrid .collapsableHeader{
    height: 170px;
    border: none;
    padding: 10px 15px !important;
    line-height: 2em !important;
    border-radius: 10px;
}

.authorizeGrid .collapsableHeader span{
    color: #000;
}

.authorizeGrid .collapsableHeader .l12{
    width: 100%;
}

.authorizeGrid .addIcon{
    padding-left: 30px;
    padding-top: 10px;
}
.authorizeGrid .headerRow{
    display: block;
    height: 40px;
}
.authorizeGrid .leftTextHeaderRow{
    float: left;
    display: inline;
    height: 20px;
}
.authorizeGrid .btn.leftTextSubHeaderRow{
    height: 23px;
    font-size: 15px;
    box-shadow: none;
    line-height: 11px;
    background-color: #fbb145;
    margin-top: 5px;
}
.authorizeGrid .rightTextHeaderRow{
    float:right;
    display: inline;
    height: 20px;
}
.authorizeGrid .subHeaderRow{
    height: 40px;
}
.authorizeGrid .leftTextSubHeaderRow{
    float: left;
    display: inline;
}
.authorizeGrid .authorizeBox{
    float:right;
    display: inline;
}