body {
	background: url("/img/repeat/background.png") repeat;
	font-size: 1.3rem;
}
    /*body.trivia_back {
        background-color: #72338c;
        background-image: url("/assets-trivia/img/repeat/back.png");
        background-repeat: repeat;
    }*/

/*
body, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
{font-size: 1.3rem;}
*/

.main-container {
    max-width: 1140px;
    max-width: 100%;
}
    .container-full-width .main-container {max-width: inherit;}
    .container-full-width #sidebar {max-width: 250px;}

.admin  .main-container {margin-left: 0; max-width: inherit;} 

  
/*@media (min-width: 992px) { 
    .main-container {margin-left: 0;} 
}*/
  
  .main-container .row {
      -webkit-overflow-scrolling: touch;
  }
  
  #header > .menu-bar {
    transition: padding ease 300ms;
  }
  
 




.navbar-brand {
    padding: 4px 10px;
    height: auto;
}


    @media (max-width: 991px) { /* Isotypes on APP Header*/
        .admin .navbar-brand, 
        .navbar-brand {
            display: block;
            width: 26px;
            height: 29px;
            margin-right: 12px;
            margin-top: 7px;
            padding: 0;
            background-repeat: no-repeat;
            background-size: 26px 29px;
            background-position: 0 0;
            position: relative;
            top: 5px;
            left: 14px;
        }
    }

    .admin .isotype {display: none;} 

    @media (min-width: 992px) {
        .isotype {background-color: white; width: 34px; height: 34px; display: block; position: absolute; top: 46px; left: 42px; padding: 3px; border-radius: 50%; overflow: auto;}
            .isotype > img {width: 25px; height: 25px; display: block; position: absolute;}
    }


     .navbar-brand > img {max-height: 71px;}

    .navbar-brand-out {
        background-image: url("/img/scale/alma_vertical_bajada_transparent.png");
        background-size: 192px 109px;
        background-repeat: no-repeat;
        width: 192px;
        height: 109px;
        display: block;
    }



  .logo { 
      position: relative; 
      z-index: 45;
      height: 96px;
    }


    @media (max-width: 991px) { 
        .logo {
            background-image: url("/img/repeat/app_back_logo.png");
            background-repeat: no-repeat;
            background-position: 0;
            background-size: 61px 54px;
            margin-top: 0;
            height: 54px;
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
        }
    }
    @media (min-width: 992px) {
        .logo {width: 100%; top: 0;left: 10px;}

        .admin .logo {height: 44px;}
    } 
    
    @media (min-width: 1280px) {
        .logo {width: 224px;}
    } 

            @media (min-width: 992px) { 
                .logo .logo--imgs {max-height: 100px; width: 100%;}

                .admin .logo--imgs.navbar-brand {
                    background: url("/img/scale/alma_horizontal_sin_bajada_TRANS.png") no-repeat; 
                    width: 154px; 
                    height: 69px; 
                    margin: auto; 
                    background-size: 154px 68px; 
                    display: block; 
                    position: relative;
                    left: 14px;
                    top: 6px;

                }
            }
                
                .admin .logo--imgs.navbar-brand img {display: none;}





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

#content {padding-bottom: 50px;}


@media (min-width: 991px) {
    #content .sub_content_center_limited {display: flex; justify-content: center;}
    #content .sub_content_center_limited .sub_content_center_limited__col_main {max-width: 612px;}
    #content .sub_content_center_limited .sub_content_center_limited__680 {max-width: 680px;}
    #content .sub_content_center_limited .sub_content_center_limited__992 {max-width: 992px;}
    #content .sub_content_center_limited .sub_content_center_limited__1280 {max-width: 1280px;}
    #content .sub_content_center_limited .sub_content_center_limited__1366 {max-width: 1366px;}
}

    #wrapper > .trivia  {
        background-color: #72338c;
        background-image: url("/assets-trivia/img/repeat/back.png");
        background-repeat: repeat;
    }

    .trivia > .container_sub{
            background-image: url("/assets-trivia/img/repeat/back_light.png");
            background-position: top center;
            background-repeat: no-repeat;
        }




.modal-cta > .panel-heading {border-bottom: solid 1px #aaa !important;}



/* HEADER */

#header--container {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 30;
}

#header {padding-top: 40px;} 

    @media (max-width: 991px) {
        #header {padding-top: 53px;}
   
            #header .nav-primary_viewtitle {height: 54px;} /*fila de color*/

                .layout_view #header, 
                .layout_view .header_img,
                .layout_view #header .nav-primary_viewtitle,
                .layout_edit #header, 
                .layout_edit .header_img,
                .layout_edit #header .nav-primary_viewtitle
                {height: 55px;}


            .layout_view #header .nav-primary_container,
            .layout_edit #header .nav-primary_container
            {display: none;}
    }

    @media (min-width: 992px) { 
        #header > .right {right: 0;}
        #header .nav-primary_viewtitle {background-color: white;}

        .panel-heading._navs .title {font-size: 1.7rem; margin-left: 15px;}
            .panel-heading._navs_sub .title {font-size: 1.7rem; margin-left: 15px;}  
}




.header_img {
    position: fixed;
    z-index: 10;
    top:0;
    height: 120px;
    width: 100%;
    margin-bottom: 18px;
    background-repeat: repeat-x;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2);
}

    @media (max-width: 991px) { 
        #header, 
        .header_img {
            height: 92px;
            top:0;
            left:0;
            background-size: auto 155px;
        }

        .header_img {
            -webkit-box-shadow: 0 1px 6px 1px rgba(0,0,0,0.2);
            box-shadow: 0 1px 6px 1px rgba(0,0,0,0.2);
        }
    }


    .admin .header_img          {background-image: url("/img/repeat/header.png");}
    .hub .header_img            {background-image: url("/img/repeat/header.png");}
    .awards .header_img         {background-image: url("/img/repeat/awards_header.png");}
    .benefits .header_img       {background-image: url("/img/repeat/benefits_header.png");}
    .calendar .header_img       {background-image: url("/img/repeat/calendar_header.png");}
    .digitalsignage .header_img {background-image: url("/img/repeat/digitalsignage_header.png");}
    .expenses .header_img       {background-image: url("/img/repeat/expenses_header.png");}
    .forms .header_img          {background-image: url("/img/repeat/forms_header.png");}
    .ideas .header_img          {background-image: url("/img/repeat/ideas_header.png");}
    .marketplace .header_img    {background-image: url("/img/repeat/marketplace_header.png");}
    .news .header_img           {background-image: url("/img/repeat/news_header.png");}
    .objectives .header_img     {background-image: url("/img/repeat/objectives_header.png");}
    .performance .header_img    {background-image: url("/img/repeat/performance_header.png");}
    .requests .header_img, 
    .wrequests .header_img,
    .wprocess .header_img   {background-image: url("/img/repeat/requests_header.png");}
    .surveys .header_img        {background-image: url("/img/repeat/surveys_header.png");}
    .tasks .header_img          {background-image: url("/img/repeat/tasks_header.png");}
    .trivia .header_img         {background-image: url("/img/repeat/quizes_header.png");}
    .wiki .header_img           {background-image: url("/img/repeat/wiki_header.png");}

    
    @media (max-width: 991px) {

        .menu-bar {padding: 0;}

        /* img header including nav_suite*/
        .admin .header_img          {background-image: url("/img/repeat/header_mobile.png");}
        .hub .header_img            {background-image: url("/img/repeat/header_mobile.png");}
        .awards .header_img       {background-image: url("/img/repeat/awards_header_mobile.png"); }
        .benefits .header_img       {background-image: url("/img/repeat/benefits_header_mobile.png"); }
        .calendar .header_img       {background-image: url("/img/repeat/calendar_header_mobile.png");}
        .digitalsignage .header_img {background-image: url("/img/repeat/digitalsignage_header_mobile.png");}
        .expenses .header_img       {background-image: url("/img/repeat/expenses_header_mobile.png");}  
        .forms .header_img          {background-image: url("/img/repeat/forms_header_mobile.png");}
        .ideas .header_img          {background-image: url("/img/repeat/ideas_header_mobile.png");}  
        .marketplace .header_img    {background-image: url("/img/repeat/marketplace_header_mobile.png");}  
        .news .header_img           {background-image: url("/img/repeat/news_header_mobile.png");}
        .objectives .header_img     {background-image: url("/img/repeat/objectives_header_mobile.png");}
        .performance .header_img    {background-image: url("/img/repeat/performance_header_mobile.png");}
        .requests .header_img,
        .wrequests .header_img,
        .wprocess .header_img       {background-image: url("/img/repeat/requests_header_mobile.png");}
        .surveys .header_img        {background-image: url("/img/repeat/surveys_header_mobile.png");}
        .tasks .header_img          {background-image: url("/img/repeat/tasks_header_mobile.png");}
        .trivia .header_img         {background-image: url("/img/repeat/quizes_header_mobile.png"); }
        .wiki .header_img           {background-image: url("/img/repeat/wiki_header_mobile.png"); }



        /* responsive isotype */
        .admin .navbar-brand, 
        .hub .navbar-brand              {background-image: url("/img/scale/isotipo_alma.png");}
        .awards .navbar-brand           {background-image: url("/img/scale/isotipo_awardss.png");}
        .benefits .navbar-brand         {background-image: url("/img/scale/isotipo_benefits.png");}
        .calendar .navbar-brand         {background-image: url("/img/scale/isotipo_calendars.png");}
        .digitalsignage .navbar-brand   {background-image: url("/img/scale/isotipo_digitalsignage.png");}
        .expenses .navbar-brand         {background-image: url("/img/scale/isotipo_expenses.png");}
        .ideas .navbar-brand            {background-image: url("/img/scale/isotipo_ideas.png");}
        .marketplace .navbar-brand      {background-image: url("/img/scale/isotipo_marketplace.png");}
        .news .navbar-brand             {background-image: url("/img/scale/isotipo_news.png");}
        .objectives .navbar-brand       {background-image: url("/img/scale/isotipo_objectives.png");}
        .performance .navbar-brand      {background-image: url("/img/scale/isotipo_performance.png");}
        .requests .navbar-brand,
        .wrequests .navbar-brand,
        .wprocess .navbar-brand     {background-image: url("/img/scale/isotipo_requests.png");}
        .surveys .navbar-brand          {background-image: url("/img/scale/isotipo_surveys.png");}
        .tasks .navbar-brand            {background-image: url("/img/scale/isotipo_tasks.png");}
        .trivia .navbar-brand           {background-image: url("/img/scale/isotipo_quizes.png");}
        .wiki .navbar-brand             {background-image: url("/img/scale/isotipo_wiki.png");}



        .awards .nav-primary_viewtitle .view_title > .title,
        .benefits .nav-primary_viewtitle .view_title > .title,
        .calendar .nav-primary_viewtitle .view_title > .title,
        .digitalsignage .nav-primary_viewtitle .view_title > .title,
        .expenses .nav-primary_viewtitle .view_title > .title,
        .ideas .nav-primary_viewtitle .view_title > .title,
        .marketplace .nav-primary_viewtitle .view_title > .title,
        .news .nav-primary_viewtitle .view_title > .title,
        .objectives .nav-primary_viewtitle .view_title > .title,
        .performance .nav-primary_viewtitle .view_title > .title,
        .requests .nav-primary_viewtitle .view_title > .title,
        .wrequests .nav-primary_viewtitle .view_title > .title,
        .wprocess .nav-primary_viewtitle .view_title > .title,
        .tasks .nav-primary_viewtitle .view_title > .title,
        .wiki .nav-primary_viewtitle .view_title > .title 
        {color: #ffffff;}
    }


    #header .view_title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        z-index: 20;
        float: left;
    }

    #header > .left, #header > .right {width: 220px; height: 89px; position: absolute; background-repeat: no-repeat; background-size: cover;}

    

        /* APP - MOBILE */
        @media (max-width: 991px) {
            .view_title > .title {font-size: 1.7rem; margin-left: 24px; display: inline-block;}

            .layout_edit .view_title > .title,
            .layout_edit .btn-cancel.btn_app_goback {color: #FFFFFF;} /*Color bar*/
        }




/* OPENS Sidebar L ON xs and sm*/
.navbar-toggle {
    float: left;
    left: -26px;
    position: absolute;
    width: 80px;
    z-index: 1;
    margin: 0;
    padding: 18px 11px 22px 11px;
}
    .navbar-toggle .icon-bar {background-color: #333333;}


    
    @media (max-width: 991px) {
        .nav-primary__search {font-size: 2rem;}
            .nav-primary__search li a {padding: 13px 15px;}
    }



.nav-primary_viewtitle .view_title,
.panel-heading._navs .view_title {padding: 15px 0; display: inline-block;}




 /* LAYOUT EDIT */       

.layout_edit #header,
.layout_edit .logo,
.layout_edit #header .left,
.layout_edit #header .right
{display: none;}


    .layout_edit .panel-heading._navs {
        position: fixed; 
        top: 53px; 
        left:0; 
        z-index: 30; 
        transition: transform 300ms ease; 
        border: none;
    }
            
        
        @media (max-width: 991px) {
            .panel-heading._navs  {border: none;}
            .layout_edit .panel-heading._navs {position: fixed; top: 0; z-index: 30; }
        }



       



 /*FORM TOP NAV*/
 .layout_edit .nav_form_top {left: 0; top: 0; position: fixed; z-index: 20;}
 .layout_edit .nav_form_top h4 {position: fixed; top: 16px;  left: 54px; margin: 0; font-size: 1.8rem;}

 @media (max-width: 991px) {

    .awards ._navs .nav > li > a, .awards ._navs .nav > li > .dropdown > a,
    .benefits ._navs .nav > li > a, .benefits ._navs .nav > li > .dropdown > a,
    .ideas ._navs .nav > li > a, .ideas ._navs .nav > li > .dropdown > a,
    .news ._navs .nav > li > a, .news ._navs .nav > li > .dropdown > a,
    .requests ._navs .nav > li > a, .requests ._navs .nav > li > .dropdown > a,
    .tasks ._navs .nav > li > a, .tasks ._navs .nav > li > .dropdown > a,
    .trivia ._navs .nav > li > a,
    .wiki ._navs .nav > li > a, .wiki ._navs .nav > li > .dropdown > a,

    .awards.layout_edit .nav_form_top .title,
    .benefits.layout_edit .nav_form_top .title,
    .benefits.layout_edit .nav_form_top .fa-chevron-left,
    .ideas.layout_edit .nav_form_top .title,
    .news.layout_edit .nav_form_top .title,
    .tasks.layout_edit .nav_form_top .title,
    .trivia .title,
    .wiki.layout_edit .nav_form_top .title
     {color: #FFFFFF;}
 

     .tasks.layout_edit .nav_form_top .btn-blue,
     .wiki.layout_edit .nav_form_top .btn-blue,
     .ideas.layout_edit .nav_form_top .btn-blue
     {background-color: #FFFFFF; color: #00aeef;}


      /*._navs .nav > li > .dropdown > a,*/

      /*._navs .nav > li > div > a .fa-ellipsis-v,
      ._navs_sub .nav > li > div > a .fa-ellipsis-v
      {position: relative; top: 2px;}*/

  ._navs .nav > li > button[type="submit"]{padding: 10px 18px; margin-top: 5px; }

    }

 /* Ends LAYOUT EDIT */ 




 

.container_sub {padding-top: 134px;}

    /*.layout_edit .container_sub {padding-top: 68px;}*/

        @media (max-width: 991px) {
            .container_sub {padding-top: 110px; padding-bottom: 20px;}
                .layout_view .container_sub {padding-top: 54px;}
            
            /* When responsive doesn't have second row (white) on nav-primary */
            .groups.layout_view .container_sub,
            .workspace .container_sub {padding-top: 70px;}

            .layout_edit .container_sub {padding-top: 66px;}
        }




#timeline { margin-bottom: 50px;} /* weird fix to load more events on timeline*/




/* NAVS bootstrap */
.nav > li > a:focus,
.nav > li > a:hover,
.nav > li > .dropdown > a:focus,
.nav > li > .dropdown > a:hover
{
    text-decoration: none;
    background-color: transparent;
}


/* NAV MINI*/
.nav-mini > li .dropdown-toggle,
.nav-mini > li > a
{ color:rgba(255, 255, 255, 0.5); text-transform: uppercase; padding: 10px 6px; font-size: 1.1rem;}


    .nav-mini > li > a:hover,
    .nav-mini > li > a:focus,
    .nav-mini li.active > a 
    {color: #ffffff; border: none; background-color: rgba(0, 0, 0, 0.3) !important;}

        .nav.nav-mini .dropdown-toggle .square-box { width: 32px; border: none; float: left; margin-top: -6px;}
        
        .nav-mini .dropdown-menu nav li a {color:#000000;}


/* NAV PRIMARY*/
#nav-primary {margin-top: 30px;}

    .navbar-default,
    #nav-primary
        {border: none; background-color: transparent;}



#nav-primary li a {font-size: 1.5rem; padding: 13px;}
            
#nav-primary > li > a,
#nav-primary > li.active > a {
    background-color: #FFFFFF;
    color: #000000;
    line-height: 21px;
    border-top: solid 3px #FFFFFF ;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    margin-left: 2px;
}

    #nav-primary > li > a:hover,
    #nav-primary > li > a:focus,
    #nav-primary > li.active > a,
    #nav-primary > li.active > a:hover {background-color: #ececec !important; border-top: solid 3px #ff1414 ; }

    
    
    
        #nav-primary.nav-tabs.nav-justified > li > a,
        #nav-primary.nav-tabs.nav-justified > li > a:hover,
        #nav-primary.nav-tabs.nav-justified > li.active > a {
            border-color: transparent;
            border-top: 3px solid #FFFFFF;
        }
    
            .calendar #nav-primary > li > a:hover,
            .calendar #nav-primary > li.active > a { border-top-color:rgba(245,113,39,1) !important; background-color: rgba(245,113,39,0.15) !important;}
                        
            .digitalsignage #nav-primary > li > a:hover,
            .digitalsignage #nav-primary > li > a:focus,
            .digitalsignage #nav-primary > li.active > a { border-top-color: rgba(120,54,149,1) !important; background-color: rgba(120,54,149,0.15) !important; }
            
            
            .expenses #nav-primary > li > a:hover,
            .expenses #nav-primary > li > a:focus,
            .expenses #nav-primary > li.active > a { border-top-color: rgba(0,98,222,1) !important; background-color: rgba(0,98,222,0.15) !important;}

            .ideas #nav-primary > li > a:hover,
            .ideas #nav-primary > li.active > a { border-top-color: rgba(255,20,20,1) !important; background-color: rgba(255,20,20,0.15) !important;}  
            
            .performance #nav-primary > li > a:hover,
            .performance #nav-primary > li > a:focus,
            .performance #nav-primary > li.active > a { border-top-color: #fe6f3b !important; background-color: rgb(252 109 58 / .1) !important;}
            
            .requests #nav-primary > li > a:hover,
            .requests #nav-primary > li > a:focus,
            .requests #nav-primary > li.active > a { border-top-color:#009ac2 !important; background-color: #ccebf3 !important;}
           
            .tasks #nav-primary > li > a:hover,
            .tasks #nav-primary > li > a:focus,
            .tasks #nav-primary > li.active > a { border-top-color: #238ad5 !important; background-color: #d7eefe !important;}
    
            .trivia #nav-primary > li > a:hover,
            .trivia #nav-primary > li > a:focus,
            .trivia #nav-primary > li.active > a { border-top-color: rgba(120,54,149,1) !important; background-color: rgba(120,54,149,0.15) !important; }

            .wiki #nav-primary > li > a:hover,
            .wiki #nav-primary > li > a:focus,
            .wiki #nav-primary > li.active > a { border-top-color: rgba(87,186,71,1) !important; background-color: rgba(87,186,71,0.15) !important; }
            
    
            @media (max-width: 991px) {
    
                #nav-primary {margin-top: 0;}
                #nav-primary > li > a {
                    font-size: 1.4rem;
                    padding: 7px 15px;
                    color: #5a5a5a;
                }
    
                #nav-primary.nav-tabs.nav-justified > li > a:hover,
                #nav-primary.nav-tabs.nav-justified > li.active > a {border-top-color: #ececec !important; }
    
                #nav-primary > li > a:hover,
                #nav-primary > li.active > a { color:#ff1414 !important;}
    
    
                        
                
                        .expenses #nav-primary > li > a:hover,
                        .expenses #nav-primary > li.active > a { color:#319cea !important;}
                        
                        .requests #nav-primary > li > a:hover,
                        .requests #nav-primary > li.active > a { color:#00566d !important; }
                        
                        .tasks #nav-primary > li > a:hover,
                        .tasks #nav-primary > li.active > a { color:#319cea !important;}

                        .wiki #nav-primary > li > a:hover,
                        .wiki #nav-primary > li.active > a { color:#57ba47 !important; }
            }





/* NAV Secondary */
.nav-secondary {margin-top: 5px;}
.nav-secondary li a {color: #000000; border-bottom: 3px solid transparent; margin: 0;}

    /* DEFAULT COLOR*/
    .nav-secondary > li.active > a,
    .nav-secondary > li.active > a:hover,
    .nav-secondary > li.active > a:focus,
    .nav-secondary > li > a:focus,
    .nav-secondary > li > a:hover
    {border-color: transparent; border-bottom: 3px solid #339dec; background-color: #d7eefe; border-radius: 0; color: #000000;}


        .performance .nav-secondary > li.active > a,
        .performance .nav-secondary > li.active > a:hover,
        .performance .nav-secondary > li.active > a:focus,
        .performance .nav-secondary > li > a:focus,
        .performance .nav-secondary > li > a:hover  {border-bottom: 3px solid #fc6d3a; background-color: rgb(252 109 58 / 0.1);  color: #000000;}

    @media (max-width: 991px) {
        .nav-secondary li a{font-size: 85%;}
    }


/* NAV third*/
.nav-third {margin-bottom: 20px; display: flex; justify-content: center;}
    .nav-third > li {float: left; margin-right: 7px;}

    .nav-third > li > a {
        border-radius: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        padding: 12px 24px;
        border: 1px solid #999;
        background-color: #ffffff;  
        color: #333;
    }

    .nav-third > li.active > a,
    .nav-third > li.active > a:focus,
    .nav-third > li.active > a:hover
    .nav-third > li > a:focus,
    .nav-third > li > a:hover {border-bottom: 3px solid #1680f0; background-color: #d9e8fa;  color: #333;}


        .calendar .nav-third > li.active > a,
        .calendar .nav-third > li.active > a:focus,
        .calendar .nav-third > li.active > a:hover
        .calendar .nav-third > li > a:focus,
        .calendar .nav-third > li > a:hover {border-bottom: 3px solid rgba(245,113,39,1); background-color: #fff1eb;  color: #000000;}

        .expenses .nav-third > li.active > a,
        .expenses .nav-third > li.active > a:focus,
        .expenses .nav-third > li.active > a:hover
        .expenses .nav-third > li > a:focus,
        .expenses .nav-third > li > a:hover {border-bottom: 3px solid #1680f0; background-color: #d9e8fa;  color: #000000;}


        .performance .nav-third > li.active > a,
        .performance .nav-third > li.active > a:focus,
        .performance .nav-third > li.active > a:hover
        .performance .nav-third > li > a:focus,
        .performance .nav-third > li > a:hover {border-bottom: 3px solid #fc6d3a; background-color: #fff1eb;  color: #000000;}




.nav_form_top {width: 100%; display: block; clear: both; float: left;}
    .nav_form_top > ul {display: inline;}
    .nav_form_top > ul > li {float: left;} /*like nav-pills bootstrap*/





/* FOOTER */
#footer .apps {width: 462px; height: 104px; display: block; background-position: -50px -175px;}


/* NAV FOOTER */ 
#nav-footer-app { 
    /*display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;*/
    width: 100%;
    position: fixed;
    top: -1000px;
    z-index: 99;
    background-color: #cecece;
    border-top: 1px solid #bbb;
    -webkit-box-shadow: 0 -2px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0 -2px 5px 1px rgba(0,0,0,0.2);}

    .layout_edit #nav-footer-app {display: none;}

    @media (max-width: 991px) {
        #nav-footer-app {bottom: 0; top: inherit;}
    }



    #nav-footer-app li  {/*flex: 1;*/ font-size: 1.4rem; display: table-cell; width: 1%;}
       
        #nav-footer-app .badge {background-color: #fc1516; font-size: 1.1rem; color: #FFFFFF;  border-radius: 3px; padding: 3px 4px 2px 4px; top: 12px; margin-left: 2px;}

            #nav-footer-app li > a {color: #777; margin: 0; font-size: 1.3rem; padding: 8px 15px;}
                
                #nav-footer-app li > a > .fa {font-size: 1.8rem;}
                #nav-footer-app li > a > .text {font-size: 1.1rem;}

                #nav-footer-app li.active a {color: #000; }




/*CUSTOM BOOTSTRAP*/
.le-chat ._navs .nav > li > a,
._navs .nav > li > div > a,
._navs .nav > li .dropdown > a /* dropdown menu*/
{color: #333; font-size: 1.3rem; border: none; border: none;}


._navs .nav > li > a,
._navs .nav > li > div > a,     /* nav primer nivel*/
._navs_sub .nav > li > div > a, /* nav segundo nivel*/
._navs_sidebar-R .nav > li > a,
.btn_app_goback 
{color: #333; padding: 17px;}

    .trivia ._navs .nav > li > a,
    .trivia ._navs .nav > li .dropdown > a /* dropdown menu*/
    {color: #FFFFFF;}


    ._navs .nav > li > div > a,
    ._navs_sub .nav > li > div > a
    {position: relative; display: block;}

        ._navs .nav > li > div > a:hover, ._navs .nav > li > div > a:focus,
        ._navs_sub .nav > li > div > a:hover, ._navs_sub .nav > li > div > a:focus
        {background-color: #eeeeee;}

        /*._navs .nav > li > div > a .fa-ellipsis-v,
        ._navs_sub .nav > li > div > a .fa-ellipsis-v
        {font-size: 1.8rem; line-height: 1.5rem;}*/


        /*.trivia ._navs .nav > li > a,
        .trivia ._navs .nav > li > div > a
        {color: #FFFFFF;}*/

            .trivia ._navs .nav > li > a:hover,
            .trivia ._navs .nav > li > div > a:hover,
            .trivia ._navs .nav > li > div > a:focus
            {color: #333333;}

        .panel-heading._navs,
        .panel-heading._navs_sidebar-R,
        .panel-heading._navs_sub
        {padding: 0;}

            .panel-heading._navs_sidebar-R {z-index: 9; background-color: #FFFFFF;}


    .panel-heading._navs .navbar {border: none; }
        .edit .panel-heading._navs .navbar {margin-right: 15px;}
    .edit ._navs > .navbar-right {margin-right: 15px;}
    .edit ._navs > .navbar-right button {margin-top: 8px;}


    


    ._navs .dropdown-menu li > a {padding: 12px 20px; }
    ._navs .dropdown-menu li > hr {margin: 0;}



   

/*
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
nav-justified > .active > a:focus {border: none;}
*/

/* CUSTOM */
.nav-pills.nav-pills_styles > li {margin-right: 7px;}
    .nav-pills.nav-pills_styles > li a { background-color: #fff;}




._nav-pills-2 li a {color: #acacac;}
    ._nav-pills-2 li.active a, ._nav-pills-2 li a:hover, ._nav-pills-2 li.active a:hover { background-color: transparent; }


.dropdown-menu > li > a {padding: 6px 20px;}



/* navbar-header */
.navbar-header.navbar-right {margin-right: 0;}
    .navbar-header .dropdown > a {font-size: 1.4em;}



/* end navbar-header */







/* NAV SUITE */
.nav-suite {width: 100%; height: 40px; position: fixed; z-index: 1025; top: 0; background-position: center; padding-left: 10px;}
    .nav-suite span {display: inline-block;}

    .nav-suite .user_options {width: 264px;  padding: 0; z-index: 1001; }
        .nav-suite .user_options > .panel {border-color: #bdbdbd;}
        .nav-suite .dropdown.open > .dropdown-toggle {background-color: transparent;}
        .nav-suite .nav li a:focus {color: #FFFFFF;}

        .nav-suite .user_options {width: 264px;  padding: 0; z-index: 1001; font-size: inherit; }
            .nav-suite .user_options a {font-size: inherit; padding-top: 10px; padding-bottom: 10px; }
                .nav-suite .nav li .user_options a:hover {background-color: aliceblue;}
                .nav-suite .nav li .user_options a:focus {color: inherit;}


.nav-suite .notifications {margin-right: 10px; margin-right: 10px; position: relative}
.nav-suite .notifications .fa {font-size: 1.8rem; color: #ddd;} 


.nav-suite .notifications .badge {background-color: #fc1516; font-size: 1.1rem; color: #FFFFFF;  border-radius: 3px; padding: 3px 4px 2px 4px; margin-top: 12px; margin-left: -6px;}

@media (min-width: 992px) {
    .layout_edit .nav-suite {display: none;}
}









.icon_helpcenter {

    color: #1a61e5;
    font-size: 1.8rem !important;
    background-color: #eee;
    border-radius: 50%;
    height: 0.95em;
    width: 0.95em;
    margin-right: 4px;
    position: absolute;
    left:0;
}




.nav_pills_filters .nav-pills {margin: 4px 0 6px 0;}
.nav_pills_filters .nav-pills .radio-inline {margin: 0 ; padding: 0; margin-right: 3px;}
.nav_pills_filters .nav-pills .radio-inline .btn
{background-color: #ebebeb; font-size: 1.2rem; line-height: 1.8rem; min-width: 86px; padding: 3px;  text-align: center;}

	.nav_pills_filters select.form-control {font-size: 1.2rem;}
        .nav_pills_filters select.form-control option {font-size: 1.4rem;}


.nav_pills_filters .nav-pills .btn.active,
.nav_pills_filters .nav-pills .btn:hover,
.nav_pills_filters .nav-pills .btn:focus,
.dropdown-menu .active
{background-color: #1d87d5; color: #FFFFFF;}


.nav_radio_label li.dropdown a {padding: 0;}
    .nav_radio_label .radio {margin: 0;}
           .nav_radio_label .btn {font-size: 1.3rem; line-height: 1.9; width: 100%; text-align: left;}

           .nav_radio_label .btn:hover,
           .nav_radio_label .btn:focus,
           .nav_radio_label .btn.active
           {background-color: #ebebeb; box-shadow: none;}

            .nav_radio_label .radio .square-box {left: -8px;}


._navs .btn_like_a {color: #000; font-size: 1.3rem; line-height: 18px; padding: 16px;}
    .nav .btn_like_a:hover, .nav.btn_like_a:focus {
        text-decoration: none;
        background-color: #eeeeee;
    }

/*.nav.v2 li > a {padding: 5px 15px;}*/
/*.v2 .navbar-text {margin: 5px 15px;}*/

/* TRIVIA */
.trivia .nav-2 > li > a {  color: #FFFFFF; }

    .trivia .nav-2 > li > a:hover,
    .trivia .nav-2 > li > a:focus,

    .trivia .nav-2 > li.active > a,
    .trivia .nav-2 > li.active > a:hover,
    .trivia .nav-2 > li.active > a:focus
    {background-color: #f38f25 !important;}


/* Banners */
.btn_back_hover_banner { background-color: rgb(255,255,255,0.85);}
.nav > li > a.btn_back_hover_banner:hover { background-color: rgb(255,255,255,1);}



/* TITLEs */

.title-types,
.title-types__header {font-family: 'Roboto Condensed',sans-serif;}
    
    .title-types {font-size: 1.4rem; text-transform: uppercase; border-bottom: 1px solid #d7d7d7; padding-bottom: 4px; margin-top:0; /*margin-bottom: 0;*/}

    .title-types__header,
    .title-types__header--filter {font-size: 1.4rem; text-transform: uppercase; padding: 10px 15px; background-color: #dfdfdf; margin: 0;}
        .title-types__header--filter {border-bottom: 1px solid #aaa;}




/* SIDEBAR, SIDEBAR-L, SIDEBAR-R */

#sidebar {top: 0; z-index: 5;}

    @media (max-width: 991px) {
        #sidebar {top: 53px; z-index: 30; padding-bottom: 55px /*nav-footer space*/;}
    }

    @media (min-width: 992px) {
        #sidebar { max-width: 250px;}
    }



.sidebar-filter .panel > .panel-body { padding-top: 5px; padding-bottom: 0; }

    .sidebar-filter .panel > .panel-body li:last-child { border-bottom: none; }


#filter .panel > .panel-body ul.nav {min-height: 0;}
    /*#filter .panel > .panel-body label {font-size: 1.2rem;}*/
        #filter input[type="radio"], #filter input[type="checkbox"] {margin-top: 1px;}

    #filter .panel > .panel-body { padding-top: 0; padding-bottom: 0; }
    #filter .panel > .panel-footer {padding-top: 5px; padding-bottom: 7px;}



#carousel__home--awards .left.carousel-control,
#carousel__home--awards .right.carousel-control {
    position: relative;
    top: 0;
}
    #carousel__home--awards .left.carousel-control {float: left;}
    #carousel__home--awards .right.carousel-control {float: right;}

    #carousel__home--awards .carousel-control .glyphicon {color: #999;}







/* EFECTS */
.inner_shadow {
    -moz-box-shadow:0 0 10px #555;
    -webkit-box-shadow:0 0 10px #555;
    box-shadow:0 0 10px #555;
}
/* END EFECTS */




.btn-toolbar a {color: #000000;}
    .btn-toolbar a:hover {color: #4888ef;}




/* ADMIN */
.admin #sidebar {padding-left: 0;}
    .admin #sidebar > .panel {background-color: #233645;}

    @media (max-width: 991px) { 
        .admin #sidebar > .panel {padding-bottom: 50px;}
    }
    


    .admin #sidebar > .nav {background-color: #2f4050;}


        .admin #sidebar .nav > li,
        .admin #sidebar .nav > li > a {
            color: #a7b1c2;
        }


    .admin #sidebar .nav > li:hover {background-color: #293846 !important;}

	.admin #sidebar .nav > li > a:hover,
	.admin #sidebar .nav > li.active > a,
	.admin #sidebar .nav > li.active > a:hover,
	.admin #sidebar .nav > li.active > a:focus {color: #FFFFFF; background-color: #5c768e !important; border-right: solid 4px #ff7800;}



/* Admin Home Modules */    
.admin_home.row-flex-wrap > div .panel-body {padding: 0 15px 0 15px;}

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

    .admin_home .main_text  {font-size: 6.4rem; display: block; padding: 6px;}
    
    .admin_home .nav li a,
    .admin_home .nav li > div /* When the li does not have a link*/
    { padding: 7px 5px;}
    
    .admin_home .nav li i,
    .admin_home .nav li img { /*icon inside a ul*/
        color: #333;
        float: left;
        font-size: 1.9rem;
        margin-top: -2px;
    }
        .admin_home .nav li img {width:24px; margin-top: -5px;}
       

    .admin_home .nav li span {padding-left: 30px; display:block;} /* text inside li to tab when exists an icon*/







.panel_stats .large   {font-size: 48px;}

    .panel_stats .number   {font-size: 32px; font-family: 'Roboto Condensed',sans-serif; color: #555555; position: relative; top: -8px; margin-left: 4px;}

        .trivia .panel_stats, .trivia .panel_stats .number {color: #FFFFFF;}
.panel_stats .icono, .tasks_stats .icono {width: 36px; height: 41px; background-size: 36px 41px;}

.panel_stats h3,
.panel-heading h5 {/*margin: 0;*/ text-align: left;}

    .panel_stats .panel-heading h5 {font-size: 15px; margin: 0;}




.indicator-stats {font-size: 16px;}
.gray-back { background-color: #f0f0f0;}
.stat_card {min-height: 124px;}



    .admin .isotipo_alma {float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px;}

.form-control_select {padding: 6px;}





.alert_alma {z-index: 1;  position: relative;}

.back_test {background: url("/img/backgrounds/test.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* FromApp */
.app_link {color: #0081ef; cursor: hand; word-wrap: break-word;}










/* LOADERS */

.spinner_loader {text-align: center;}

    /* Optionals div */
    .spinner_loader > .background { opacity: 0.7; height: 100%; width: 100%; text-align: center; min-height: 100%; position: absolute; z-index: 1; background-color: #fff; }

    .spinner_loader > .text { top: 50%; position: absolute; width: 200px; z-index: 2;}



.container_loading {opacity: 0.9; position: relative; top: 0; z-index: 9; height: 100%; width: 100%; }
    .container_loading > .position {margin: auto; position: relative; top: 45%;}
    .container_loading > .position > .loader {
        display: block;
        text-indent: -9999px;
        width: 100px;
        height: 88px;
        background-image: url("/img/svg/ripple.svg");
        background-size: 100px 82px;
        margin: auto;
        }

    .container_loading > .position > .text {font-size: 1.8rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 500; text-align: center; width: 100%;}

/* END LOADERS*/







/* CTA BTNS */
.main-cta {position: fixed; bottom: 25px; right: 66px; z-index: 999; }

        .layout_edit .main-cta {display: none;}
    
    @media (max-width: 991px) { 
        .main-cta {
            position: relative;
            right: inherit;
            bottom: -6px;
            width: 45px;
            margin: auto;
        }
    }


    .main-cta a.cta-button-plus {
        color: #FFFFFF !important; 
        font-size:2.1rem !important; 
        line-height: 4.2rem;
        background-color: #0061df; 
        width: 60px; 
        height: 60px; 
        display: block; 
        padding-top: 8px;
        margin-right: 10px;
        text-align: center;
        border: solid 1px #ffffff; 

        -webkit-border-radius: 50%; 
        -moz-border-radius: 50%; 
        
        border-radius: 50%; 
        -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.7);
        box-shadow: 0 1px 10px rgba(0,0,0,.7);
    }

        @media (max-width: 991px) {
            .main-cta a.cta-button-plus { 
                width: 45px; 
                height: 45px;
                font-size:1.8rem !important;
                line-height: 2.8rem !important;
            }
         }

        @media (min-width: 992px) {
            .main-cta {transition: transform 300ms ease;}
            .chat-open .main-cta {transform: translate(-380%, 0);}
            .chat-open.chat-minimized .main-cta {transform: none;}
        }

    .main-cta a:hover, .main-cta a:focus {text-decoration: none;}

    .main-cta a.cta-button-plus:hover,
    .main-cta a.cta-button-plus:focus { background-color: #f38f25;}


    .main-cta > .dropdown-menu { 
        padding: 0; 
        margin-bottom: 23px; 
        min-width: inherit;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.375); 
        box-shadow: 0 6px 12px rgba(0,0,0,.375); 
    }

        .main-cta > .dropdown-menu:after {
            /* [THESE WILL CREATE THE TRIANGLE] */
            content: '';
            border: 20px solid transparent;
            border-top-color: #ffffff;
            border-bottom: 0;
        
            /* [THESE WILL POSITION THE TRIANGLE] */
            position: absolute;
            bottom: -20px;
            right: 18px;
        }

        @media (max-width: 468px) {
            .main-cta > .dropdown-menu {position: fixed; width: 100%; bottom: 50px;}
            .main-cta > .dropdown-menu:after { right: 14px;}
        }

        .main-cta > .dropdown-menu > .row {margin: 0;}

            .main-cta > .dropdown-menu .col-cta{ position: relative; min-height: 1px; width: 100px; float: left;}

                .main-cta > .dropdown-menu .col-cta--roles {background-color: #ebebeb;}

                .main-cta > .dropdown-menu a {color: #333; font-size: 83%; width: 100%; height: 100px; text-align: center; display: block; padding: 8px;}

                    @media (max-width: 468px) {
                        .main-cta > .dropdown-menu a { font-size: 80%;}
                    }

                    .main-cta > .dropdown-menu a:hover {background-color:#ddd;}

                /* ICONS */
                .main-cta > .dropdown-menu a i {height: 44px;}
                .main-cta > .dropdown-menu a .icon-apps {display: block; height: 44px; width: 40px; margin: 5px auto;} /* images*/

                .main-cta > .dropdown-menu a .fa-home {font-size: 3.8rem; display: block; margin: 5px auto;} /*add channel*/

                .main-cta > .dropdown-menu a .fa-folder-plus {font-size: 3.8rem; display: block; margin: 5px auto;}/*add workspaces*/

                .main-cta > .dropdown-menu a .fa-calendar-alt { color:#f36c24; font-size: 4.0rem; display: block; margin: 5px auto;}/* add calendar*/
                
                .main-cta > .dropdown-menu a .fa-comment-alt {font-size: 4.0rem; display: block; margin: 5px auto;}/* add post*/

                .main-cta > .dropdown-menu a .fa-file-invoice-dollar { color:#0061df; font-size: 4.0rem; display: block; margin: 5px auto;}/* add expense*/

                .main-cta > .dropdown-menu a .fa-check-circle { color:#0061df; font-size: 4.0rem; display: block; margin: 5px auto;}/* add task*/

                .main-cta > .dropdown-menu a .fa-bullseye { color: #ee2e24; font-size: 4.5rem; display: block; margin: 3px auto;}

                .main-cta > .dropdown-menu a .fa-lightbulb { color: #ee2e24; font-size: 4.0rem; display: block; margin: 3px auto;}

/* End CTA BTNS */