.clearfix:after, .container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow:hidden;
    width: 100%;
}
.clearfix {
    display: block;
    clear: both;
}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear {
    clear:both;
    float: left;
}

ul.ui-autocomplete {
    z-index: 999999999999999;
}

ul {padding-left: 15px;}


/* TRANSITIONS*/
#wrapper,
#header,
#site-container {
    transition: padding ease 300ms;
}

    #header .right {transition-duration: 300ms;}
        #header .right {transition-property: right;}



/* TYPOS
-------------------------------------------------------------- */

h1, .h1,
h2,.h2,
h3,.h3,
h4, .h4,
h5, .h5,
h6,
.modulo-users .puntos,
.title,
.roboto_condensed,
.process-select, .wprocess-select, .proyectos-select, .proyectos-select-stats,
.wiki #buscador_btn,
.wiki .buscador input.form-control,
#nav-primary,
.btn_i_have_an_idea,
.input_search,
.view_title,
.attachments-menu,
button[type="submit"],
.btn-yellow-blink,
label
{ font-family: 'Roboto Condensed', sans-serif;}

.title-post
{ font-family: 'Roboto', sans-serif;}


a.title
{font-size: 16px;}


.dbform_styles h1, 
.dbform_styles .h1{ font-size: 21px; margin:5px 0; font-weight: bold;}

.dbform_styles h2, 
.dbform_styles .h2{ font-size: 18px; margin:5px 0; font-weight: bold;}



/* PAYMENT ALERT */
#payment_alert {
  background-color: #c53929;
  color: #fff;
  display: block;
  text-align: center;
  z-index: 999999;
  padding: 15px;
  margin-bottom: 10px;
}


/* labels with bubles*/
.label-desirable,
.label-required {font-size: 100%;}

    .label-desirable { background-color: #f0ad4e;}
    .label-required  { background-color: #000000;}

    .label-closed   {background-color: #ffb7b7; color: #000000; border-radius: 0.25em; padding: 5px 10px;}

    .label-mandatory {
      border: solid 2px #f68444;
      color: #f68444;
      border-radius: 8px;
      padding: 4px 14px;
      display: inline-block;
      font-family: 'Roboto Condensed', sans-serif;
    }



.sidebar-L h6,
.sidebar_group h6 {
    text-transform: uppercase;
    font-weight: 700;
    /*margin: 5px auto 5px 1px;*/
    /*color: #000;*/
    font-size: 1.2rem;
    line-height: 1.7rem;
}

.time {font-size: 11px; color: #999999;}


._title-panel-stats {margin-top: 0;}
.text_no_margin > p {margin-bottom: 0 !important;}


span.editable > h2 > p,
span.editable > p
{ min-height: 20px} /* espacios p vacíos */

/* BACKGROUND SPRITE*/
.class,
.img-default,
#footer .apps,
.follow.following,
.icon_dependencias,
.dependencias .art_depende .img,
.dependencias .dependen_de_art .img
{ background-image: url("/img/sprite.png");}


.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus
{background-color: transparent;}


/* BACKGROUND-COLOR*/
body
{background-color: #e7e7e7; }

    

.green		{color: #39b54a;}
.green_wiki	{color: #57ba47;}
.red-text	{color: #ed1c24;}
.yellow {color: #d1bd02;}
.golden-text {color: #c38f0d;}






.badge,
.table-header
{background-color:#72989c;}

.table-header-2
{background-color: #c9c9c9 !important;}

.table-header-3
{background-color: #844c97 ;}

.modulo-comments
{background-color: #e7fcff;}

.yo
{background-color: #f2fff0;}

.edit,
.bg_gray_f1
{background-color: #f1f1f1;}

.edit-2
{background-color: #daecfa;}

.modulo-notifications .footer
{background-color: #f0f0f0;}

.label-user-syncronized
{background-color: #999;}

.white
{background-color: #FFFFFF;}

 .label-orange      {background-color: #f38f25;}
 .label-light-blue  {background-color: #afe9ff; color: #333333;}


.gray-9-bg {background-color: #999;}






.validation_errors_list {
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
    background: none repeat scroll 0 0 #fbe3e4;
    border: 1px solid #ee2e24;
    color: #a94442;
} /*igual que el class alert*/



/* FONT-SIZE*/
.nav-mini li > a,
.social-options
{font-size: 11px;}

.nav-mini .dropdown-menu nav li a
{font-size: 13px;}

.modulo-users .puntos,
.modulo-notifications .title,
.messages .list-group .title,
.admin .admin-tables h5
{font-size: 16px;}







/* PAGINATOR*/
.pagination>li:first-child>button {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination>.active>button {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default;
}

.pagination>li>button {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.pagination>li:last-child>button {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}


/* END PAGINATOR*/







#sent-mails-feedback {
    max-height: 150px;
    overflow-y: scroll;
    display: none;
    margin-bottom: 15px;
}


span.bold { font-weight: 900; }

.title-post,
.modulo-project .title
{font-size: 1.4rem;}

.overview .modulo-project .title
{font-size: 1.7rem; line-height: 1.2;}


ol li{margin-bottom: 5px;}
    .container_h_250_overflow {height: 200px; overflow-y: auto;}
     

.capitalize {text-transform: capitalize;}


/* FONT-WEIGHT*/
.thumbnail .caption .title
{font-weight: 400 !important;}

.font-light {font-weight: lighter;}





/* FONT-COLOR*/
a,
a:hover,
a:focus,
.btn_like_a,
a.title,
.thumbnail .caption a.title:hover,
.blue,
.blue-text,
.btn_icon:hover,
.modulo_news a:hover h4,
.sidebar .nav > li > a.nav-last,
._nav-pills-2 li.active a, ._nav-pills-2 li a:hover, ._nav-pills-2 li.active a:hover,
.social-options li.active a
{color: #0081ef;} /* azul */



.red { color: red; }
    
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus
{color: #e91d25;} /* rojo */

.gold {color: #c19c19;}

.celeste {color: #00ffff;}


.modulo-news-img .caption,
.modulo-news-img a:hover h4,
.white-text,
.white-text p,
.white-text .title,
.btn_like:hover.white-text, .btn_like:focus.white-text,
.table-header,
.table-header-3,
.nav-mini > li.active > a,
.trivia .edit p,
.form-trivia label,
.trivia h3,
.trivia .nav-pills.nav-2 > li > a
{color: #FFFFFF;}


.orange,
.user,
.required_data
{color: #f38f25;}

.amarillo
{color: #edb601;}

.gray-a
{color: #aaaaaa;}

.gray-3,
.title,
.table-header-2
{color: #333333;}

.gray-5
{color: #555555;}

.gray-7,
h6.control-label
{color: #777777;}

.gray-9,
.user_deleted
{color: #999999;}

.gray-b
{color: #bbbbbb;}

.red
{color: #ff0000;}

.black, .btn_icon, .modulo-users .puntos, .modulo-users .cargo
{color:#000000;}
/* COLOR */


/* ADORNOS TITULOS y SUB*/
/*Parche when organization has background image activated*/
.heading-style-when-org-background { background-color: #FFFFFF; padding: 5px; margin-bottom: 5px;}

.uppercase,
h6.control-label
{text-transform: uppercase;}

.sub-title-lv2 {margin-bottom: 6px; padding-bottom: 6px; border-bottom: solid 1px #CCCCCC;}

.btn_like_a:hover,
.btn_like:hover
 {text-decoration: underline;}

.thumbnail:hover,
 a.user_info
{text-decoration: none;}

.strong,
.social-options li.active a
{font-weight: bold;}


.sidebar_ul_tasks {border-bottom: solid 1px #999999; padding-bottom: 10px; margin-bottom: 20px;}


.btn_like_a {border: none; background-color: transparent; cursor: pointer;}

.badge  {border-radius: 5px;}

hr {margin: 10px auto; border-top: 1px solid #ccc;}




/*NO TEXT*/
.navbar-brand-out,
.text-indent
{text-indent: -999em;}




.edit_text img, /*ancho general de las img dentro del edit_text*/
.note-editable img /*ancho al initerior del summernote*/
{max-width: 100% !important;}

.radiooption-styles .radiooption {margin-bottom: 10px;}
    .radiooption-styles .fa {font-size: 1.5rem;}

.process-select,
.wprocess-select,
.proyectos-select,
.proyectos-select-stats
{
    color: #000000;
    height: auto;
    font-size: 20px;
    padding: 6px 12px;
}



.btn-yellow-blink {
    background-color: #eab542;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc84f+0,e69d00+100 */
    background: #ffc84f; /* Old browsers */
    background: -moz-linear-gradient(top, #ffc84f 0%, #e69d00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffc84f 0%,#e69d00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffc84f 0%,#e69d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc84f', endColorstr='#e69d00',GradientType=0 ); /* IE6-9 */

    border: solid 2px #ffe3a5;
    border-radius: 25px;
    color: #5e2a00;
    padding: 10px 24px;
    font-size: 1.7rem;
    text-transform: uppercase;
}

    .btn-yellow-blink:hover {background-color: #ff9000; color: #ffffff;}




/** BUTTONS */

.btn-blue,
.btn-blue_small,
.btn-attend {
  transition: background-color 0.2s ease; 
  font-family: 'Roboto Condensed', sans-serif;
}


.btn-blue,
.btn-blue-search,
.btn-attend {
    background-color: #4888e8;
    color: #FFFFFF;
    padding: 10px 24px;
    font-size: 1.5rem;
}

.btn-blue_small {
  background-color: #4888e8;
  color: #FFFFFF;
  padding: 8px 16px;
}

    .btn-blue:hover,
    .btn-blue:focus,
    .btn-blue_small:hover,
    .btn-attend:hover
    {background-color: #ff9000; color: #FFFFFF;}


    .btn-blue {margin-top: 3px; margin-bottom: 2px;} /* Only for forms top cancel-save media:min-width 992px*/


.btn-attend {
  padding: 5px 15px;
  font-size: 1.3rem;
  /*background: linear-gradient(0deg, rgba(1,106,210,1) 50%, rgba(51,153,255,1) 100%);*/
}    
.btn-attend i {font-size: 1.2rem; margin-left: 5px;}


a.btn-download_csv,
button.btn-download_csv {
    margin: 3px;  
    font-size: 1.2rem;
    color: #000;
    background-color: rgba(255, 255, 255, 0.8);
    border: solid 1px #999;
}
    a.btn-download_csv:active
    a.btn-download_csv:hover
    button.btn-download_csv:active,
    button.btn-download_csv:hover {
        background-color: #0180ef;
        color: #fff;
    }



/* BTN cancel */
.btn-cancel { background-color: transparent; color: #999; margin-right: 20px; }
    .modal .btn-cancel {color: inherit !important;}

    @media (min-width: 992px) {.btn-cancel  {padding: 18px !important;}}

    .btn-cancel:hover { color: #ffffff;  text-decoration: underline; background-color: rgba(0, 0, 0, 0.3) !important;}


.close {opacity: 1}
 .close:hover {opacity: 0.75}



.btn-trivia {font-size: 1.3rem; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; background-color: #4c1266; border: 2px solid #baacc0; color: #FFFFFF;}
.btn-trivia:hover, .btn-trivia:focus  {color: #FFFFFF; border-color: #FFFFFF;}




/*ICONS*/

    .icon-text-alma         {background-position: -50px -175px; }
    .icon-ideas-cargo       {background-position: -150px -323px;}
    .icon-text-ideas        {background-position: -200px -175px; width: 130px;}
    .icon-text-wiki         {background-position: -200px -225px; width: 100px;}

    .isotipo-calendar         {background: url("/img/scale/isotipo_calendars.png") 0 0 / 18px 20px ; }
    .isotipo-ideas          {background: url("/img/scale/isotipo_ideas.png") 0 0 / 18px 20px ; }
    .isotipo-news           {background: url("/img/scale/isotipo_news.png") 0 0 / 18px 20px ; }
    .isotipo-people         {background-image: url("/img/sprite.png"); background-position: -800px -50px; }
    .isotipo-tasks          {background: url("/img/scale/isotipo_tasks.png") 0 0 / 18px 20px ; }
    .isotipo-trivia         {background: url("/img/scale/isotipo_trivia.png") 0 0 / 18px 20px ; }
    .isotipo-wiki           {background: url("/img/scale/isotipo_wiki.png") 0 0 / 18px 20px ; }
    

    .isotipos-alma-w18      {width: 88px; height: 100px; display: inline-block; position: relative; background-repeat: no-repeat;}



.icon-wikis-reportados      {background-position: -150px -350px;}
.icon-trivia-jugar          {background-position: -150px -372px;}
.icon-pencil                {background-position: -50px -450px;}
.icon-chat                  {background-position: -200px -350px;}
.icon-comments              {background-position: -100px -325px; top: 3px;}
.icon-add_groups            {background-position: -400px -325px;  width: 30px; height: 24px; line-height: 24px;}
.icon_dependencias          {background-position: -50px -575px;  width: 24px; height: 17px; line-height: 24px; top: 3px;}
.icon_bullseye              {background: url("/img/scale/isotipo_desafios.png")}

.icono, .icono-text-alma-apps   {text-indent: -999em; display: inline-block; position: relative;}
    .icono-text-alma-apps       {min-width: 100px; height: 32px;}

.icono, .svg    {display: inline-block; position: relative; background-repeat: no-repeat;}
    .sidebar .svg {width: 18px; height: 20px; top: 4px;}

.icon-w-16  {width: 16px; min-height: 16px; margin-right: 5px;}
.icon-w-18  {width: 18px; min-height: 18px; margin-right: 4px; top: -1px; position: relative;}
.icon-w-22  {width: 22px; min-height: 22px;}
.icon-w-32  {width: 32px; min-height: 32px; margin-right: 4px; top: -3px; position: relative;}
.icon-w-54  {width: 54px; min-height: 54px;}


button.icon_chat {padding: 3px 5px; background-color: #fff; border-color: #ccc; display: inline-flex;}
.icon_chat {color: #666;}
    .icon_chat i {color: #0081ef;}

    
.icon_sublevel_black {background: url("/img/repeat/ul_sub_black.png");  height: 16px; width: 18px; margin-top: -5px; margin-right: 5px;}


.fa-twitter {color: #28a9e2; }
.fa-linkedin, .fa-linkedin-square {color: #0177b5;}
.fa-instagram {color: #b03089;}
.fa-meteor {color: red;}


.far.fa-times-circle {font-size: 2.4rem;} /* btn delete on users tables*/



.admin .modal-footer{border-top-color: #cccccc; }




/* btns */

.btn_i_have_an_idea {
    background: #f7453a;
    background-image: -webkit-linear-gradient(top, #f7453a, #ce1b12);
    background-image: -moz-linear-gradient(top, #f7453a, #ce1b12);
    background-image: -ms-linear-gradient(top, #f7453a, #ce1b12);
    background-image: -o-linear-gradient(top, #f7453a, #ce1b12);
    background-image: linear-gradient(to bottom, #f7453a, #ce1b12);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 1px 1px 3px #aa1c14;
    color: #ffffff !important;
    font-size: 1.5rem;
    padding: 8px 20px 7px 20px;
    border: solid #c51607 1px;
    text-decoration: none;
    text-transform: uppercase;
}

        .btn_i_have_an_idea:hover {
          background: #ce1b12;
          background-image: -webkit-linear-gradient(top, #ce1b12, #f7453a);
          background-image: -moz-linear-gradient(top, #ce1b12, #f7453a);
          background-image: -ms-linear-gradient(top, #ce1b12, #f7453a);
          background-image: -o-linear-gradient(top, #ce1b12, #f7453a);
          background-image: linear-gradient(to bottom, #ce1b12, #f7453a);
          text-decoration: none;
        }







    .nav_rounded_btn > li > a {padding: 10px; background-color: #EBEBEB; }
        .nav_rounded_btn > li > a:hover {background-color: #d5d5d5; }

    .nav_rounded_btn > li:first-child > a {
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
        -moz-border-radius-topleft: 16px;
        -moz-border-radius-bottomleft: 16px;
        -webkit-border-top-left-radius: 16px;
        -webkit-border-bottom-left-radius: 16px;
    }

    .nav_rounded_btn > li:last-child > a {
        border-top-right-radius: 16px;
        border-bottom-right-radius: 16px;
        -moz-border-radius-topright: 16px;
        -moz-border-radius-bottomright: 16px;
        -webkit-border-top-right-radius: 16px;
        -webkit-border-bottom-right-radius: 16px;
    }


    /* ICON */

.icon_estado_OK,
.icon_estado_P,
.icon_estado_C,
.icon_estado_V,
.icon_estado_R
{
    background-image: url("/img/sprite.png");
    display: block;
    width: 18px;
    height: 15px;
    float: left;
}


        .icon_estado_OK { background-position: -50px -650px;}
        .icon_estado_P  { background-position: -50px -950px;}
        .icon_estado_C  { background-position: -50px -725px;}
        .icon_estado_V  { background-position: -50px -800px;}
        .icon_estado_R  { background-position: -50px -875px;}




/*CUSTOM*/

/*CUSTOM EDITOR SUMMERNOTE*/
.note-editor .note-editable {background-color: #FFFFFF;}

iframe {width: 100% !important;}
/*END CUSTOM EDITOR SUMMERNOTE*/


/* DISABLED */

input[disabled] {
	color: #933;
	background-color: #ffc;
}

/* end DISABLED */


	/*.hub .title_movil   {background-color: #e1e1e1; color: #333333;}*/
	.tasks .title_movil {color: #FFFFFF;}


	.title_movil, .title_movil_tab {position: absolute; top: 2px; margin-left: 46px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

		.title_movil_tab {top: -85px; }  /* cuando el title_movil está dentro de 1 tab */

	.nav_ellipsis_mobile {right: 0; position: absolute; top: -95px; }

		.nav_ellipsis_mobile li a {font-size: 18px; color:#000000; padding: 8px 10px; }
			.nav_ellipsis_mobile li a:hover, .nav_ellipsis_mobile li a:focus {background-color: transparent; border: none;}
			.nav_ellipsis_mobile li ul {right: 4px; left: auto;}
				.nav_ellipsis_mobile li ul li a{font-size: 1.3rem;}



.pad-w-4 { padding-left: 4px; padding-right: 4px;}

.square-box{
	position: relative;
	width: 100%;
	overflow: hidden;
    display: block;
}
	.square-box:before{
		content: "";
		display: block;
		padding-top: 100%;
	}

	.square-content{
		position:  absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		color: white;
		background-position: center center;
		background-size: cover;
	}


    .square-box.user_img {border-radius: 50%; -webkit-border-radius: 50%;}


    /*.users_group .square-box {margin-bottom: 16px;}*/




.video-container {
    position: relative;
    /*padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;*/
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-height: 300px;
    }

    .video-container .video_ios {position: relative; float: left;}
        .video-container .video_ios i {position: absolute; top: 50%; margin-top: -21px; left: 50%; margin-left: -30px; background-image: url("/img/scale/icon_play_youtube.png"); width:68px; height: 48px; background-size: 68px 48px;}





    .modulo-users .square-box.user_img {border-radius: 0;}

/* PROFILE */
.profile_img_in_modules {max-width: 70px;}

.profile_background {border-bottom: solid 1px #acacac; margin-bottom: 15px;}
    .profile_background, .profile_background > .square-box {height: 162px;}
            .profile_background > .square-box > .square-content {
                -webkit-filter: blur(15px);
                -moz-filter: blur(15px);
                -o-filter: blur(15px);
                -ms-filter: blur(15px);
                margin: -16px;
            }

        .admin .profile_img,
        .users .profile_img {position: relative; top: -176px; margin: 0 auto; width: 192px;}
        .profile_img .square-box.user_img {border: solid 2px #FFFFFF; background-color: #fff;}
            .profile_img > .input-append {margin-top: -21px;}



    .user_view {overflow: hidden;}
            .user_view .user_info .fa {width: 17px; text-align: center;}
        
        .user_names h2 {margin: 0; font-size: 28px; font-weight: 300; font-family: 'Roboto Condensed', sans-serif;}
        .user_names h5 {margin: 5px 0;}

        .about-me_social-networks a {font-size: 3rem;}







.border_radius_3 {
    border:solid 0 #000000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


.btn--like > .fa-thumbs-o-up, .btn--like-count > .fa-thumbs-o-up {font-size: 1.5rem;}



/* COMPONENTS*/

.container-header__right-image {background-color: #f1f1f1;}


.trivia .component-sharing-options {color:#fff;}
    .trivia .component-sharing-options table#visibility-filters,
    .trivia .component-sharing-options #entity-users-list table {color:#333;}




/* FILTERS */
.filters--styles-1  {background-color: #748aa5; color: #FFFFFF;}

.filters--styles-2  { background-color: rgb(201, 201, 201); padding: 9px; margin-bottom: 15px;}




/* MODULES */


/* Login */
.panel-login {
    padding: 20px;
    width: 100%;
    width: 488px;
}

    @media (max-width: 480px) {
        .panel-login    {width: 100%;}
    }



/* Defaut */
.module--default:hover { background-color: #dedede; }
    .module--default a .title { font-size: 1.8rem; color: #0081ef;}
        .module--default a:hover { color: #000000; text-decoration: none;}


    @media (min-width: 768px) {
        .module--default                {min-height: 396px; max-height: 396px;}
        .module--default-no-max-height  {min-height: auto; max-height: auto;}
     }



/* GRID */

.boards-container {
    display: grid;
    grid-auto-columns: 272px;
    grid-auto-flow: column;
    overflow: auto;
}

        .boards-container__board {
            background: #EBECF0;
            border-radius: 3px;
            display: grid;
            grid-auto-rows: max-content;
            grid-gap: 10px;
            padding: 7px;
        }

/* MODULE AWARDS */
#awards_container { display: flex; flex-wrap: wrap;}

.awards_bg {background: url("/img/scale/awards_bg.png") center top; } /*this is used on module and other instances (home, awards->view), do not route css*/

.module_awards .profile_img {max-width: 184px; display: block; margin: auto;}

.module_awards .module_awards__referred_name {color: #000; margin-bottom: 5px; font-weight: bold;}
.module_awards .module_awards__referred_positions {margin-bottom: 0;}

.module_awards .title {color: #c19c19 !important; font-weight: bold; margin-bottom: 3px; display: block}

.module_awards .caption {text-align: left; padding: 15px;}

.module_awards .award_medal {
    float: right;
    margin: -45px -10px 4px 6px;
    width: 63px;
    display: block;
    position: relative;
}

.module_awards__left {text-align: center; margin-top: 20px;}
    .module_awards__left .square-box {width: 72%; margin: auto;}

.module_awards__right { text-align: center; margin: 30px auto;}
    .module_awards__right .fa {color: #c19c19; font-size: 5rem;}
    .module_awards__right .title-award-taxonomie {color: #c19c19; font-weight: bold;}


.modulo-post .award_medal {
    margin: auto;
    width: 120px;
    display: block;}

/* MODULE BENEFITS */
/* Home */
.module--event-benefits .mainImage {height: 268px;}



/* MODULE CALENDAR*/
.module-calendar {
  background-color: #FFFFFF;
  margin-bottom: 10px;
}


.module-calendar .card-body {display: flex;}
.module-calendar .card-body > div {flex: none}

.module-calendar .card-image {
  margin: 3px; width: auto; 
  height: 177px; 
  background-color: #fd900121;
  /*background-size: 20%;
  background-image: url("/img/scale/isotipo_calendars.png");
  background-repeat: no-repeat;*/
}

.module-calendar .card-text {padding: 2px 0 0 15px;}
.module-calendar .card-text > .title {font-size: 2rem; color: #000; margin-bottom: 10px;}


.module-calendar--date {
    /*
    position: absolute; 
    top: 10%; 
    right: 4px;
    */ 
    margin: 0;
    background: rgb(244,118,0);
    background: linear-gradient(0deg, rgba(244,118,0,1) 0%, rgba(253,146,1,1) 100%); 
    color: #FFFFFF; 
    text-align: center; 
    height: 50px; 
    width: 50px; 
    border: solid 1px #e47436;
    -webkit-border-radius: 50px; 
    -moz-border-radius: 50px; 
    border-radius: 50px;
}

.module-calendar .card-footer p { margin: 0; }

    

    .module-calendar--date > .day, .module-calendar--date > .month  {display: block; clear: both; font-family: 'Roboto Condensed', sans-serif; line-height: 120%;}

        .module-calendar--date > .day {font-weight: bold; font-size: 1.6rem; margin-top: 6px;}


.module--event-calendars .mainImage {height: 268px;}

#calendars--carousel .module-calendar--date {position: absolute; top: -30px; right: 8px;}
    .calendars--carousel__item { background-color: #fff4eb}
        #calendars--carousel .calendars--carousel__item .mainImage,
        #calendars--carousel .calendars--carousel__item .mainImage--no_image {height: 108px;}

        .calendars--carousel__item .caption {padding: 17px; position: relative;}
            .col-sm-96 .calendars--carousel__item .caption {height: 100px;}
            .col-sm-48 .calendars--carousel__item .caption {height: 124px;}
            .col-sm-32 .calendars--carousel__item .caption {height: 144px;}

        #calendars--carousel .left.carousel-control, 
        #calendars--carousel .right.carousel-control {position: relative}

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

        /*#calendars--carousel .item {display: flex; align-items:stretch;}*/
        #calendars--carousel .calendars--carousel__item .mainImage--no_image {background-color: #ededed; display: flex; align-items: center; width:100%;}

            #calendars--carousel .calendars--carousel__item  .mainImage--no_image img{font-size: 4rem; color:#ccc; margin: auto; width: 74px; opacity: 0.4;}



        .multi-item-carousel .carousel-inner > .item {
            transition: 500ms ease-in-out left;
        }
          .multi-item-carousel .carousel-inner .active.left {
            left: -33%;
        }
          .multi-item-carousel .carousel-inner .active.right {
            left: 33%;
        }
          .multi-item-carousel .carousel-inner .next {
            left: 33%;
        }
          .multi-item-carousel .carousel-inner .prev {
            left: -33%;
        }
        @media all and (transform-3d), (-webkit-transform-3d) {
            .multi-item-carousel .carousel-inner > .item {
              transition: 500ms ease-in-out left;
              transition: 500ms ease-in-out all;
              -webkit-backface-visibility: visible;
                      backface-visibility: visible;
              transform: none !important;
            }
        }

          .multi-item-carousel .carouse-control.left,
          .multi-item-carousel .carouse-control.right {
            background-image: none;
        }
         
            




/* MODULE CHANNELS */
.module-channels .caption {height: 138px;}
.module-channels .panel-footer {height: 54px;}





.channel--header .has_mainImage .caption { 
    bottom: 6px; 
    padding: 4px 8px;
    color: #FFFFFF; 
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1); 
    background-color: rgba(0,0,0,0.5);
}

    .group_view .heading-container {overflow: hidden;}

    .channel--header .panel-body { min-height: 80px; position: relative;}


    .channel--join-button {width: auto; height: auto; position: absolute; bottom: 10px; right: 10px; }
        .channel--join-button button {background-color: #0061df;; color: #FFFFFF; padding: 10px 16px;}
            .channel--join-button button:hover {color: #FFFFFF; background-color: #f38f25;}


@media (max-width: 768px) {
    .module-channels .title {font-size: 1.5rem; line-height: 1.3rem;}
    
    .channel--header .panel-footer > .nav-justified li {display: table-cell; width: 1%;}

    .groups .users_group .panel-body {text-align: center; height: 220px;}
}

@media (min-width: 992px) {
    .channel--header .has_mainImage .caption { position: absolute;}
    .channel--header .panel-body { min-height: 80px; position: relative;}
    .channel--header .has_mainImage .panel-body { min-height: 220px;}

     .channel--header .has_mainImage .panel-heading .navbar { background-color: rgba(255, 255, 255, 0.75);}
}







/* MODULE CHALLENGES */

.module--event-challenges {background-color: #ffe5e5; min-height: auto; max-height: auto;} /* Home*/

.module--challenges {overflow: hidden;}
/* .module--challenges a, .modulo-ideas a  {color: #333; text-decoration: none;} */
    /* .module--challenges:hover, .modulo-ideas:hover {background-color: #ececec;} */


    .challenge_img { position: relative; overflow: hidden; background-color: #f0f0f0; }
        .challenge_img .mainImage {height: 268px;}


        #index .module--challenges {margin-bottom: 0;}
        #index .carousel-control {width: 10%;}
        /*#index .module--challenges .challenge_img,
        #index .module--challenges .challenge_img .square-box {height: 300px;}
        #index .module--challenges .title-post {height: 100px;}
        #index .module--challenges .description {height: 90px; padding-left: 86px; padding-right: 50px; }*/

    .module--challenges .challenge_title,
    #challenges_view .challenge_title {
        padding-left: 78px;
        color: #fff;
        width: 100%;
        position: absolute;
        bottom: 0;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.70) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.70) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.70) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

        .module--challenges .challenge_title .h2 {font-size: 2.0rem; margin: 0; text-shadow: 1px 1px 1px #000; }
        .module--challenges .challenge_title .h6 {text-shadow: 1px 1px 1px #000;}


        .module--challenges .icon_bullseye,
        #challenges_view .icon_bullseye
        {position: absolute; bottom: 10px; left: 10px; display: block; height:58px; width: 54px; z-index: 9;}

            .select_idea .module--challenges .icon_bullseye {bottom: auto; top: 130px; left: 22px;}
            .select_idea .module--challenges .caption { height: 300px;}

        #index .module--challenges .icon_bullseye {left: 80px;}
        #index .module--challenges .challenge_title {padding-left: 144px;}
        


/* MODULE CHART-ORG*/

/* wrapper*/
.org_chart .main-container {width: 100%; max-width: 100%;}
.org_chart #content {width: 100%; }
.org_chart #sidebar {display: none;}
.users_org_tree.dx-widget.dx-diagram { /* height of top header*/
    height: calc(100vh - 158px) !important;;
}

.panel-body.text-center.manager {
    background-color: #fff180;
  }



    

#org_chart_view .dxdi-control .dxdi-canvas {background-color: transparent; background: url("/img/repeat/background.png") repeat fixed;}
    #org_chart_view .dxdi-control .dxdi-canvas .page {fill: transparent;}
        #org_chart_view .dxdi-control .dxdi-canvas .shape rect {fill: transparent; stroke-width: 0}

        .module_org_chart .panel{
            background-color: transparent;
        }
        
            .module_org_chart .panel-body {
                border-top: solid 2px #00c8f9;
                background-color: #ffffff;
                padding: 15px 10px;
            }

            .module_org_chart .panel-body.panel-body_division  {
                background-color: #ececec;
            }
                .module_org_chart .profile_img {
                position: relative;
                top: 35px;
                width: 70px;
                }

                .module_org_chart .profile_division_icon {
                position: relative;
                top: 35px;
                width: 70px;
                }

                .module_org_chart .chart_org_division_name {
                    font-size: 1.8rem;
                    line-height: 2rem;
                    color: #0081ef;
                    margin-top: 10px;
                }

                .module_org_chart .chart_org_name {
                    font-size: 1.8rem;
                    line-height: 2rem;
                    color: #0081ef;
                    margin-top: 27px;
                }

                .module_org_chart .chart_org_position {
                    font-size: 1.4rem;
                    margin-bottom: 0;
                }


                .module_org_chart .panel-footer {
                    font-size: 1.4rem;
                }







/* MODULE DIGITAL SIGNAGE */
.digitalsignage .overview-device-module a { font-size:1.4rem;} 
.digitalsignage .overview-device-module .mainImage {height: 72px;} 


/* MODULE IDEAS*/
.module--ideas {min-height: unset; max-height: unset;}

    .module--ideas .mainImage {height: 190px;}

    
    .module--event-ideas .mainImage {height: 268px;} /* Home */



/* LINK BANNER*/
.module-banner  {height:200px; position: relative; overflow: hidden;}

.module-banner_background {
  background-size: cover; 
  background-position: center center; 
  height: 200px;
  overflow: hidden;
  -webkit-filter: blur(27px);
    -moz-filter: blur(27px);
    -o-filter: blur(27px);
    -ms-filter: blur(27px);
    
    top: 0;
    height: 100%;
    width: 100%; 
  }

   


    .module-banner .banner-title {
      position: absolute;
      padding: 0 15px;
      background-color: rgb(255,255,255,0.85);
      float: left;
      bottom: 15px;
      left: 15px;
      margin: 0;
    }


        .module-banner .mainImage {
          height:200px;
          top: 4px;
          height: 193px;
          width: 454px;
          right: 5px;
          border-radius: 10px;
          border: 1px #fff solid;
          overflow: hidden;
          width: 100%;
          display: block;
        }

        @media (min-width: 992px) {
          .module-banner_background {position: absolute;}

          .module-banner .mainImage {position: absolute; width: 446px;}
        }


.module--link-banner {
    background-color: #e4e4e4;
    width: 100%;
    margin-bottom: 10px;
    display: block;
    color: #1680f0;
    border-radius: 4px;
}

    .module--link-banner:last-child {margin-bottom: 0;}

        .module--link-banner img {border-radius: 4px;}
        .module--link-banner > .name {padding: 5px; display: inline-block;}




/* MODULE Home Thumbnails*/
.thumbnail--module_home {
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    position: relative;
}

    .thumbnail--module_home .mainImage {
      height: 168px;
      border: none;
    }

    .thumbnail--module_home .caption {
        padding: 7px 0 !important;
        background-color: rgba(255,255,255, 0.9);
        width: 100%;
    }

        .thumbnail--module_home .caption .title { padding: 5px 15px; margin: 0;}

        .thumbnail--module_home .caption .description { padding: 5px 15px 0 15px; margin: 0;}

        .thumbnail--module_home .caption .description p { padding: 0; margin: 0;}


/* MODULE MARKETPLACE*/
.marketplace .thumbnail .caption a.title {font-size: 1.7rem;}
    .marketplace .thumbnail .caption .money {font-size: 2rem; color: #5c1ed0;}


    /*VIEW */
    #marketplace-view .money {font-size: 3.4rem; font-weight: 300; color: #5c1ed0;}


/* MODULE POST */

.modulo-post .modulo-post-nav.nav.dropdown {
    top: -15px;
    right: 0;
    position: absolute;
}
    .modulo-post .modulo-post-nav.nav.dropdown .caret {color: #999;}

    .modulo-post .modulo-post-nav.nav.dropdown .dropdown-menu {
        right: 0;
        left: auto;
    }


.modulo-post hr {border-color: #dadada;}
.modulo-post .url {border-left: #00aeef solid 4px; margin-bottom: 0;}
.modulo-post .url > .panel-body {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}


.modulo-post a > img {max-height: 400px;}

.modulo-post .panel-footer .form-group,
.news_view .panel-footer .form-group
{margin-bottom: 0;}



.modulo-post .editable > form > textarea.form-control {font-family: Arial, Helvetica, sans-serif; font-size: 1.4rem;}
.modulo-post .panel-footer .editable > form > textarea.form-control {clear: both; width: 100% !important;}

/* END MODULO POST */



/* MODULE PROJECTS*/
.module--event-projects .mainImage {height: 268px;} /* Home */

.modulo-tips {overflow: hidden;}
	.modulo-tips .tag {position: relative; left: -20px; padding-left: 15px;}
	.modulo-tips .title-post { margin-top: 13px; }


.modulo-widget .panel-heading {background-color: #DDDDDD;}


/* MODULE QUIZES */
.module--event-quizes .mainImage {height: 268px;} /* Home */



/* MODULE STATS */
.table-question-alternatives {text-align: center;}
    .table-question-alternatives th { font-weight: normal; text-align: center;}
    .table-question-alternatives td {width: 1%;}

/* END MODULE STATS */





/* Attached url */
.attached-url {
    border-left: #00aeef solid 4px !important;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3) !important;
    background-color: #efefef;
}

.attached-url .nav-close {
    float: right;
    z-index: 1000;
}

.attached-url:hover { background-color: #ffffff; }
.attached-url a:hover, .attached-url a:focus { text-decoration: none; }
.attached-url .img { position: relative; }
.attached-url .nav_select {
    position: absolute;
    top: 5px;
    left: 20px;
}

/*default padding row 15px*/
.attached-url .nav li { background-color: #fff; }
.attached-url .image-close {
    position: absolute;
    top: 5px;
    right: 20px;
    background-color: #fff;
}

/*default padding row 15px*/
.attached-url .panel-body > .span:first-child { margin-top: 5px; }
.attached-url .panel-body .description {
    font-size: 1.6rem;
    color: #777;
}

/* attached-url-loader */
#attached-url-loader {
    display: none;
}



    



.gallery-type-2 .gallery-type-2-img-one .square-content,

.gallery-type-3 .gallery-type-3-img-one .square-content {border-right: 3px solid #FFFFFF;}
	.tasks .gallery-type-3 .gallery-type-3-img-tree .square-content {border-left: 3px solid #FFFFFF;}

.hub .gallery-type-3 .gallery-type-3-img-two .square-content   {border-bottom: 3px solid #FFFFFF;}


.like_modal .square-box {float: left; width: 32px;}


.gallery-type-2 .gallery-type-2-img-one img     {height: 240px; width: 100%; border-right: 2px solid #FFFFFF; } /*ie8*/
.gallery-type-2 .gallery-type-2-img-two img     {height: 240px; width: 100%; }

.gallery-type-3 .gallery-type-3-img-one img     {height: 240px; border-right: 2px solid #FFFFFF;}
.gallery-type-3 .gallery-type-3-img-two img     {height: 120px; width: 100%; border-bottom: 2px solid #FFFFFF;}
.gallery-type-3 .gallery-type-3-img-three img   {height: 120px; width: 100%;}


.modulo-notifications .title {margin-bottom: 3px;}

 


.modulo-users .caption {overflow: auto;}
    .modulo-users .cargo {margin-bottom: 7px; display: block;}
    .modulo-users .panel-heading {padding: 0; overflow: hidden;}
    .modulo-users .panel-footer {border-top: none;}
        .modulo-users i {width: 20px;}
    .modulo-users .h6 {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/*.modulo-notifications .panel-body {padding: 8px 15px;}
    /*.modulo-notifications img {width: 78%; margin-left: 5px;}*/
    .modulo-notifications .square-box {width: 65%; margin:0 auto;}
    .modulo-notifications p.small {margin: 0;}
    .modulo-notifications .panel-footer {padding: 5px 15px;}
    .modulo-notifications .vote-box {font-size: 26px; margin:10px auto;}
    .modulo-notifications a.vote {width: 28px; margin-left: 16px; clear: left;}
    
        button.not-seen-toogle:focus {border: transparent;}

        /*notseen*/
        .module-notifications .notseen  {background-color: #cee6ff;}
        .module-notifications .notseen .notification_module_announcement__text a {color: white;}
            

        /*notseen modulo-vocero*/
        .module-notifications .notseen.modulo-vocero {background-color: #1d87d5;}
        .module-notifications .notseen.modulo-vocero .notification_module_announcement__user,
        .module-notifications .notseen.modulo-vocero .notification_module_announcement__text {color: white;}
        .module-notifications .notseen.modulo-vocero .notification_module_announcement__text a {text-decoration: underline;}
        .module-notifications .notseen.modulo-vocero .notification_module_announcement__timeago {color:white;}
        
        /*seen*/
        .module-notifications .notification_module_announcement__user {font-weight: bold; color: #333;}
        .notification_module_announcement__timeago {color:#999;}




    li.not_sidebar_filter { cursor: pointer;}
    li.not_sidebar_filter.active { color: blue; }


.modulo-project .caption.title {padding: 10px; padding-bottom: 0; position: relative; height: 56px;}
    .overview .modulo-project .caption.brief {height: 68px; padding: 3px 10px; position: relative; left: 0;}
    .overview .modulo-project .info {padding: 6px 10px;}
    /*.modulo-project .square-box {height: 116px;}*/

    .modulo-project .thumbnail {border: none;}


    /*.modulo-project .badge {
          font-size: 10px;
          line-height: 0.9;
          border-radius: 50%;
          min-height: 20px;
          min-width: 20px;
          padding: 0;
          padding-top: 6px;
          top: -2px;
          position: relative;
      }*/

    .modulo-project .archived {
        margin: 0;
        position: absolute;
        font-size: 1.3rem;
        top: 0;
        right: 10px;
        z-index: 9;
        padding: 0.3rem 1rem ;
        background-color: #d9534f;
        color: #FFFFFF;

    }


    /*.modulo-project-small {margin-bottom: 10px; overflow: hidden;}
        .modulo-project-small .square-box {height: 43px;}
        .modulo-project-small .title {font-size: 1.4rem; line-height: 1.8rem;}*/


    #is_visible_yes,
    #is_visible_no,
    #is_open_public,
    #is_open_private
    {display: none;}



	#task-view .info > .panel-body .square-box, .group_view .panel-heading .square-box {height: 115px;}
		#task-view .info .navbar-right {right: -11px; bottom:-30px; position: absolute; font-size: 18px; }






    .modulo_news .thumbnail > a {display: block; overflow: hidden; max-height: 168px;}
    .modulo_news .thumbnail .img-thumbnail {width: 100%;}
    .modulo_news .social-options {background-color: #f0f0f0; font-size: 11px; padding: 8px; margin: 0;}
    .modulo-news-img {position: relative;}
    .modulo-news-img .caption {position: absolute; bottom: 0;}
    .modulo_news .comments {float: right; right: -10px; bottom:3px; position: relative;}
    .news_view iframe {margin: 20px auto;}



    .messages .list-group-item {padding: 10px 8px;}
    .messages .list-group-item > span,
    .chat-float .list-group-item > span {padding-left: 0;}

    .messages .list-group .title {margin-top: 6px; margin-bottom: 3px;}
    .messages .list-group .time {margin-top: 6px; }
    .messages .list-group-item > span:first-child {padding-right: 8px;}


    .messages_in_sidebar {
        background-color: #f1f1f1;
        border-radius: 0 0 4px 4px;
        border-top: 1px solid #e1e1e1;
        bottom: -12px;
        position: relative;
        top: -4px;
    }
        .messages_in_sidebar .panel-heading {padding: 10px;}
            .messages_in_sidebar .panel-heading a {font-size: 11px; margin-top: 11px;}
            .messages_in_sidebar .panel-heading .input-group-addon {background-color: #FFFFFF;}
            .messages_in_sidebar .panel-heading .form-control {border-left: none; height: 30px;}
            .messages_in_sidebar .fa-comment {color: #333333; font-size: 16px;}
            .messages_in_sidebar .form-control {font-size: 13px; height: 28px;}
            .messages_in_sidebar .panel, .messages_in_sidebar .list-group-item {background-color: transparent;}
    .messages_in_sidebar .panel {margin-bottom: 0;}
    .messages_in_sidebar .list-group-item {border: none;}
    .messages.messages_in_sidebar .title {font-size: 13px; margin-bottom: 2px;}
    .messages.messages_in_sidebar p {font-size: 10px;}
    .messages.messages_in_sidebar .list-group-item {padding: 8px; }


.container_happybirthday .panel-heading {background-color: #f0f0f0; border-bottom-color: #d5d5d5; position: relative; padding: 5px 15px 5px 5px}
    .container_happybirthday .panel-heading img {float: left; width: 42px; margin-right: 8px;}

    .container_happybirthday .panel-heading .title {font-size: 1.2em; margin-top: 14px;}

    .modulo_happybirthday {border-bottom: solid 1px #ccc;}

        

    .container_happybirthday .separador {background-color: #f0f0f0; padding: 8px 15px;}
        .container_happybirthday .separador h6,
        .container_happybirthday .separador_sub h6 {margin: 0; }
    .container_happybirthday .separador_sub {padding: 8px 15px 0 15px;}
    .container_happybirthday .container_happybirthday_small {padding: 10px 10px 10px 20px;}
    .container_happybirthday .modulo_happybirthday_small {padding: 4px;}
    .container_happybirthday .modulo_happybirthday input {font-size: 1.2rem; height: 28px;}

























/* Layout forms like "email"* ex Modals */
.input_magic textarea.general,
/*.input_magic textarea#input_magic,*/
.form-control--cta_add__input#input--expense_name, 
.form-control--cta_add__input#input_add_task,
.input_magic textarea#input_update_tasks
{border: none; box-shadow: none; height: 44px; padding-top: 12px; padding-bottom: 12px;}

    /*.input_magic textarea#input_magic {height: 52px;}*/

    .input_magic textarea#input_add_task.general {height: 52px;}

    /*.input_magic .form-horizontal .control-label { font-size: 1.4rem;}*/

    .input_adjuntos { padding: 6px;}

    .input-append a, .input-append .fa-bullhorn  { color: #afb3b9; font-size: 21px;}

    .input_magic .note-editor {margin-bottom: 0 !important;}

    .input_magic a:hover .fa-file-image-o {color: initial;}


    .input-magic-btns    {background-color: #f5f5f5;}
    .input-magic-btns a {color: #333;}

    .input-magic-vocero, .input-magic-vocero .checkbox {float: right;}
    .input-magic-publicar  {float: left;}

    #input_magic_para .form-control {min-height: 35px;}




/* MODALS */
.modal_cta {background-color: #e1e1e1; margin: 0;}
    .modal_cta ._navs .btn-cancel {padding: 15px; border:0;}
    .modal_cta ._navs button.btn {width: 140px; right: 3px;}
    

    /*summernote styles*/
    .modal_cta .note-editor.note-frame {border: none;}
        .modal_cta .note-editor.note-frame.panel {margin: 0;}
        .modal_cta .note-popover .popover-content, .panel-heading.note-toolbar {background-color: transparent; border: none;}
        
    

/* END MODALS */




/* FORMS */
.select__font-styles {
    color: #000000;
    height: auto;
    font-size: 20px;
    padding: 6px 12px;
    font-family: 'Roboto Condensed', sans-serif;
}

/*Inputs with 100% with*/
.form-control--cta_add__input {font-family: 'Roboto Condensed', sans-serif; padding: 10px; display: block; width: 100%; font-size: 1.4rem; line-height: 1.42857143; background-color: #FFFFFF; box-shadow: none; }
    .form-control--cta_add__input:focus {box-shadow: none;}

    .form-control--cta_add__input#input--expense_name,
    .form-control--cta_add__input#input_add_task {border: none;} /* input "title" */

    .cta_add__textarea {padding: 5px;}

/* END FORMS */




/* ELEMENTS */
.hr_nomargin {margin: 0;}
/* END ELEMENTS */







.social-options {color: #FFFFFF; /*border-bottom: solid 1px #ddd;*/}
    .social-options li:first-child:not(:only-child) {border-right: 1px solid #dddddd;}
    .social-options a {color: #666666;}


.separador_border_top       {border-top: solid 1px #DDDDDD;}
.separador_border_bottom    {border-bottom: solid 1px #DDDDDD;}
hr.separador_black {border-bottom: solid 1px #333333; margin-top: 0; margin-bottom: 20px;}
hr.separador_forms {border-bottom: solid 1px #ccc; margin-top: 16px; margin-bottom: 16px;}






/* IMAGES THUMBNAILS */

.main-image.img-thumbnail {width: 100%;} /* for VIEW layout */

.thumbnail {background: none repeat scroll 0 0 #FFFFFF; padding: 0; overflow: hidden;}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {border-color: #bcbcbc !important; background-color: #f0f0f0; }

    .thumbnail .img-thumbnail {padding: 0; border: 0; border-radius: 2px 2px 0 0;}

    .thumbnail .caption {padding: 15px; }
    .thumbnail .caption a.title {font-size: 2rem;  color: #000000;}

        .modulo-users.thumbnail .caption a.title {font-size: 18px; color: #0081ef;}




.users_overview .thumbnail  {/*min-height: 320px; max-height: 320px;*/ overflow: hidden;}


.groups .thumbnail {float: left; width: 100%;}
    .groups .thumbnail .img-thumbnail {float: left; width: 46px; margin-right: 18px;}
    .groups.edit .thumbnail {background-color: transparent; margin: 0; border: 0;}

    .group_view .sidebar h3 {margin: 0; margin-bottom: 10px;}

    .member-filters .fa.fa-circle {color: #62c3d4; position: absolute; bottom: 12px; right: 6px;}






/* BTN ADD PLUS*/
.btn_attachment_simple--block {
    font-size: inherit; 
    line-height:2.6rem; 
    position: relative; 
    display: block;
    padding:15px 15px 15px 50px; 
    cursor: pointer;
    border: solid 1px #0180ef;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}

    .btn_attachment_simple--block > .fa-plus-circle {font-size: 3rem; position: absolute; top: 12px; left: 15px;}

    .btn_attachment_simple {
        padding:0;
        border-radius: inherit;
    }
    button.btn_attachment_simple {background-color: inherit; display: flex; align-items: center; justify-content: center; }

        .btn_attachment_simple.btn:active {box-shadow: none;}
        .btn_attachment_simple > .fa {color: #4888ef; font-size: 3.6rem;}
        .btn_attachment_simple.--small > .fa {color: #4888ef; font-size: 2.6rem;}
            .btn_attachment_simple:hover > .fa {color: #3952A8;}

        .btn_attachment_simple__text {padding: 8px;}


button.btn_attachment_simple_row {background-color: inherit; display: flex; align-items: center; justify-content: center; }
    .btn_attachment_simple_row > i {color: #4888ef; font-size: 2.0rem;}
/* END BTN ADD PLUS */



.follow {
    position: absolute;
    font-size: 20px;
    border: none;
    top: 8px;
    right: 0;
    z-index: 9;
    background-color: transparent;
}
    .follow, .follow:focus {color: #555; border: none; outline: none;}

    .follow:hover {color: #ffa317;}

    .follow .fa {
        padding: 10px;
        background-color: #fff;

        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
    }

    /*active*/
    .follow.following {background-position: -49px -375px; height: 70px; color: #FFFFFF; top: -5px;}
    .follow.following .fa {background-color: #ffa317;}

    .ideas .follow {right: 18px;}




.panel-body_for_users_imgs_on_module {padding-top: 7px;} /*debe ser la mitad del panel-body de bootstrap*/


.notificaciones table > tbody > tr > td {padding-top: 0; padding-bottom: 0; vertical-align: middle;}





/* COMPONENTS */
#tasks-import-view .progress-bar-info {background-color: #9dd5ff;}

.progress_bar_style_1 {height: 10px;}






/* IDEAS */

.nav_radio_label {
    text-align: center;
    background-color: #fff;
    border: solid 1px #aaa;
}


    .nav_radio_label li:first-child {border-right: solid 1px #aaa;}

    .nav_radio_label label  {
        padding: 10px;
        margin: 0;
    }


.ideas form .nav_radio_label label {width: 100%;}

.nav_radio_label label:hover { background-color:#d1d1d1; }

.nav_radio_label label.active { background-color: #b3e69e; border-color: #7ccf36; color: #000;}


/* .modulo-ideas .title {font-size: 2.0rem;} */
    /*.modulo-ideas .idea_img {background-color: #f0f0f0;}*/

    .ideas .vote_down a:hover,
    .ideas .vote_down.active a,
    .ideas .vote_down.active a:hover {
        background-color: #d4d4d4;
        -webkit-box-shadow:inset 2px 5px 5px 0 #b9b9b9;
        box-shadow:inset 2px 5px 5px 0 #b9b9b9;
    }



    .ideas .vote_up a:hover,
    .ideas .vote_up.active a,
    .ideas .vote_up.active a:hover {
        background-color: #85da21;
        -webkit-box-shadow:inset 2px 5px 5px 0 #71ba1c;
        box-shadow:inset 2px 5px 5px 0 #71ba1c;
        color: #fff;
    }

/*.idea_img {background-color: #dedede; text-align: center;}
    .idea_img img {margin: auto;}*/

/*#ideas_roles_form .ul_checkbox > li > label{}*/
/* end IDEAS */



/* TASKS */
#task-view .info > .panel-body .square-box, .group_view .panel-heading .square-box {height: 125px;}
    #task-view .info .navbar-right {right: -11px; bottom:-30px; position: absolute; font-size: 18px; }

    .tasks .breadcrumb {padding: 8px 15px 8px 0; margin: 0;}

.btn-table-header { color: #d2e7f7; font-size: 1.3rem; padding-left: 0; padding-right: 0;}
	.btn-table-header.active, .btn-table-header.active i.active{ color: #FFFFFF; box-shadow:none;}

.tasks .tasks-table .fa-exchange { color: #77b7e6;}
.tasks .tasks-table tr.alert-danger { border: none;}

.tasks .table .col_name {width: 195px; white-space: normal; float: left;}

.tasks #proy-detail .square-box {height: 142px;}
    .tasks #proy-detail .panel-heading {top: 0; position: absolute; width: 100%; background-color: rgba(250,250,250,0.3);}


.timeline-centered {
	position: relative;
	margin-bottom: 0;
}

	.timeline-centered:before, .timeline-centered:after {
		content: " ";
		display: table;
	}

	.timeline-centered:after {
		clear: both;
	}

	.timeline-centered:before, .timeline-centered:after {
		content: " ";
		display: table;
	}

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before {
        content: '';
        position: absolute;
        display: block;
        width: 1px;
        background: #999;
        /*left: 50%;*/
        top: 20px;
        bottom: 20px;
        margin-left: 9px;
    }

    .timeline-centered .timeline-entry {
        position: relative;
        /*width: 50%;
        float: right;*/
        margin-top: 5px;
        margin-left: 30px;
        margin-bottom: 10px;
        clear: both;
    }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry.begin {
            margin-bottom: 0;
        }

        .timeline-centered .timeline-entry.left-aligned {
            float: left;
        }

            .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
                margin-left: 0;
                margin-right: -18px;
            }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
                    left: auto;
                    right: -100px;
                    text-align: left;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
                    float: right;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
                    margin-left: 0;
                    margin-right: 70px;
                }

                    .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
                        left: auto;
                        right: 0;
                        margin-left: 0;
                        margin-right: -9px;
                        -moz-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

        .timeline-centered .timeline-entry .timeline-entry-inner {
            position: relative;
            margin-left: -28px;
        }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
                position: absolute;
                left: -100px;
                text-align: right;
                padding: 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
                    display: block;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
                        font-size: 15px;
                        font-weight: bold;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
                        font-size: 12px;
                    }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
                background: #555;
                color: #737881;
                display: block;
                width: 9px;
                height: 9px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                text-align: center;
                line-height: 40px;
                font-size: 15px;
                float: left;
                margin-top: 18px;
                margin-left: 3px;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon i.fa {
                    background-color: #ffffff;
                    position: absolute;
                    top: 7px;
                    left: -5px;
                    width: 24px;
                    height: 24px;
                    border-radius: 50%;
                    line-height: 24px;
                    webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
                    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
                }


            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
                position: relative;
                /*background: #f5f5f6;*/
                padding: 1em;
                margin-left: 32px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                /*-webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;*/
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 9px 9px 9px 0;
                    border-color: transparent #f5f5f6 transparent transparent;
                    left: 0;
                    top: 10px;
                    margin-left: -9px;
                }

                        .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.panel {margin-bottom: 4px;}

                /*.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
                    margin: 0;
                }*/

                  /*  .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
                        margin-top: 15px;
                    } */

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
                    font-size: 16px;
                    margin-bottom: 10px;
                }

                  
                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
                        -webkit-opacity: .6;
                        -moz-opacity: .6;
                        opacity: .6;
                        -ms-filter: alpha(opacity=60);
                        filter: alpha(opacity=60);
                    }




.history_open_small {margin-bottom: 10px;}
.history_open_small .timeline-entry {margin-top: 0; margin-bottom: 0;}
.timeline-centered .history_open_small .timeline-entry .timeline-entry-inner .timeline-label.panel {margin-bottom: 0; border-bottom: solid 1px #ebebeb; display: inherit;}



    .tasks .info-proy .title {color: #000; text-transform: uppercase; display: block; padding: 8px 0; border-top: solid 1px #e2e2e2; font-size: 1.4rem;}
        .tasks .info-proy .title:hover {text-decoration: none; }

        /*.tasks .info-proy .info-attachments .row .col-xs-12 {padding-left: 10px; padding-right:10px;}
            .tasks .info-proy .info-attachments .row .col-xs-12:first-child {padding-left: 0;} */


        .tasks .container_border_top .info-attachments .row .col-xs-12 {padding-left: 10px; padding-right:10px;}
            .tasks .container_border_top .info-attachments .row .col-xs-12:first-child {padding-left: 0;}


.tasks .tasks_select > .panel-body ul.nav > li {float: left;}



        #requeststable_length,
        #taskstable_length {display: none;}
        /*Tasks > overview*/
            /* cuando se necesitan estilos a 1 sola tabla se debe manejar via ID*/
            /*#taskstable_wrapper > .row:first-child {background-color: #C9C9C9;}*/
        #stats-tasks-table_length {display: none;}

        /*Tasks > Stats > overview > table users */
            /* #stats-tasks-table_wrapper > .row:first-child {background-color: #C9C9C9;} */
        #stats-tasks-users_length {display: none;}

    /*Tasks > Stats > overview > table projects */

    /* DataTable*/


.tasks_stats #projectImage .square-box {height: 198px;}

/* end TASKS*/













/*.tag-position {position: absolute; right:-15px; bottom:2px;}*/
.tag {background: #bcf5ff; color: #333333; padding: 8px 14px; border-radius: 8px; font-size: 11px;}

    #articulo .tag,
    .filter_tag .tag {right: 0; margin-left: 0;}

    .tag-public {background: #EEEEEE; padding: 8px 14px; border-radius: 8px;}

    .tag--position-right {float: right;}
    
    
 .table .table_sub_item {padding-left: 28px;  background: url("/img/repeat/ul_sub_black.png") no-repeat 3px -4px;}


.admin .img-group {max-width: 50px;}
.admin .admin-tables {padding-top: 2px; padding-bottom: 2px;}
/*.admin .square-box { width: 32px; display: inline-block;}*/


.container_border_top {border-top: solid 1px #e2e2e2; }
    .container_border_top .title {margin-top: 15px; font-size: 1.4rem; color: #000; text-transform: uppercase; display: block;  }





.panel {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.nav-mini .dropdown-menu {right: 0; left: auto;}

.panel {border: none;}


/* LINKS */
.btn__select-all {padding: 1px 5px 1px 1px !important; display: inline-block !important; cursor: pointer; }
    .btn__select-all-general {margin-bottom:10px; border-bottom: solid 1px #999; padding-bottom: 10px !important; width: 100%;}

.link_no_gato {cursor: pointer;}
        .link_no_gato:hover, .link_no_gato:focus {text-decoration: none;}

.panel_shadow {-webkit-box-shadow: 0 0 5px 0 #C7C7C7; box-shadow: 0 0 5px 0 #C7C7C7;}


h1, .h1,
h2,.h2,
h3,.h3,
h4, .h4,
h5, .h5,
h6,
p,
#taskstable td .task_title
{word-break: break-word;}


/* Progress stats */
.tasks_stats .progress,
#stats-quizes-table .progress
{margin-bottom: 0; height: 10px; background-color: #FFFFFF;}










/* ADMIN */
.edit_roles .panel-group  {margin-bottom: 22px; padding-bottom: 10px; border-bottom: solid 1px #ddd;}
    .edit_roles .panel-group:last-child {border:none;}
    .edit_roles .panel-group > div, .edit_roles .panel-group > button {margin-left: 34px;}
        .edit_roles .panel-group > button {margin-bottom: 20px;}
    .edit_roles .panel-group > img {float: left; margin-right: 10px; margin-top: 0; width: 21px;}

    .edit_roles fieldset.disabled ul li label {color: #999;}



    
/* WIKI */
@media (min-width: 992px) {
  /* Contents overview */
  .wiki-container-filters {
    display: flex;
    align-items: center;
    padding: 0px 7px;
  }
}

.modulo.wiki-module      {transition: box-shadow 0.3s;}
    .modulo.wiki-module:hover  {box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}

    @media (max-width: 768px) {
      .modulo.wiki-module .mainImage {
        height: 210px;
        margin-bottom: 10px;
      }
    }

#buscador_input_text {padding: 14px; height: auto; }


.dependencias .art_depende,.dependencias .dependen_de_art {float: left; width: 100%;}

.dependencias .art_depende .img,
.dependencias .dependen_de_art .img
 {
    background-position: -125px -425px;
    float: left;
    width: 52px;
    height: 32px;
    margin-top: 2px;
}

        .dependencias .dependen_de_art .img {background-position: -125px -375px;}

/*.dependencias .modulo {margin-left: 25px;}*/
.dependencias .modulo > .fa {font-size: 16px; margin-right: 5px;}

.icono_tipologia .fas {font-size: 28px;}
.wiki #List .dependencias  .fa {font-size: 14px;}

.edit_text h1 {font-size: 3.4rem;}
.edit_text h2 {font-size: 2.7rem;}
.edit_text h3 {font-size: 2.3rem;}
.edit_text h4 {font-size: 2rem;}
.edit_text h5 {font-size: 1.7rem;}
.edit_text h6 {font-size: 1.5rem;}





/************ HISTORY ************/

#history_list p {
    font-style: italic;
}



#history_list .Differences del,
.leyenda del {
  background: #FFA8AA;
  text-decoration: none;
}


#history_list .Differences ins,
#history_list .Differences .ChangeInsert,
.leyenda ins  {
  background:   #BEFF9F;
  text-decoration: none;
}

#history_list .Differences .ChangeEqual,
#history_list .Differences .ChangeDelete,
.leyenda .ChangeEqual {
  color: #999999;
}

/*#history_list .Differences .ChangeReplace {
  background: #FFF2C6;
} */

.indice.nav  li a {padding: 5px 0 5px 0;}



/* TASKS*/
.header-projects .panel-footer {background-color: #f7f3ec;}
.header-projects .panel-footer .title-types {border: none; padding-bottom: 0;}



#container--assigned_to {
  max-height: 180px;
  overflow: auto;
}



/* TRIVIA */
/*.trivia .img_trivia .square-box { border: solid 3px #fff;}*/


.trivia .thumbnail,
.trivia .edit,
.trivia table tr
{background: url("/assets-trivia/img/repeat/multi_modulo.png") repeat; position: relative;}

.trivia .thumbnail.new {border-top: solid 3px #ffc84f;}

	.trivia .thumbnail:hover {background: url("/assets-trivia/img/repeat/multi_modulo_ON.png") repeat;}


    .trivia .thumbnail .status_new { position: absolute; top: 0; right: 0; z-index: 2; padding: 10px 22px; display: block; background-color: #ffc84f;
        color: #5e2a00; }


	.trivia .thumbnail .panel-body { padding:0;}

		.trivia .thumbnail .caption{color: #FFFFFF; }
	.trivia .thumbnail .title {color: #FFFFFF; font-size:2.2rem;}
	.trivia .thumbnail .info {color: #e6dbea;}
	.trivia .thumbnail .info span {margin-bottom: 7px; }
	.trivia .thumbnail .panel-footer {background-color: transparent; border-top: none; }


.trivia table th
{background-color: #45135d; color:#FFFFFF;}

/*
.trivia .table-striped > tbody > tr:nth-child(odd) {background: url("/assets-trivia/img/repeat/fila_par.png") repeat; }
.trivia .table > thead > tr > th, .trivia .table > tbody > tr > th, .trivia .table > tfoot > tr > th, .trivia .table > thead > tr > td, .trivia .table > tbody > tr > td, .trivia .table > tfoot > tr > td {border-top: none; color:#FFFFFF;}
*/

/*.trivia table a {color: #ffb912;}*/

/* end TRIVIA */





/* APPS fixes*/
.ios.btn_like_a {padding: 10px 15px; color: #afb3b9; font-size: 2.1rem; display: block; position: relative;}
/* end APPS fixes*/



/* CHANNELS */
    /* Admin */
    #DataTables_Table_0_length {display: none;}



/* MEDIA */
.container-social-comments .media {padding: 4px 0; margin: 0;}
    .container-social-comments .media .square-box {width: 40px;}

        .container-social-comments .media .media-message {
            background-color: #dedede;
            padding: 8px 10px;
            display: inline-block;
            border-radius: 20px;
        }

        /*.container-social-comments .media .media-message-options { padding: 4px; margin: 0;}*/

        .panel-footer.social_comments {padding-top: 0; padding-bottom: 0;}
        .social_comments .media-mesage .editable {width: 350px !important; clear: both; display:block;}


        .container-social-comments .nav.dropdown,
        .timeline-label .nav.dropdown
        {top: 0; right: 0; position: absolute; z-index: 9;}

        .container-social-comments .nav.dropdown .caret,
        .container-social-comments .nav.dropdown .fa,
        .timeline-label .nav.dropdown .caret /* Tasks history */
        {color:#999999;}

        .container-social-comments .nav.dropdown .dropdown-menu,
        .modulo-wapp .nav.dropdown .dropdown-menu, /* TODO: review class modulo-wapp*/
        .timeline-label .nav.dropdown .dropdown-menu /* Tasks history */
        {right: 0; left: auto;}
/* END MEDIA */



/* Expenses */

textarea.form-control.report-text-area {font-size: 10px; white-space: pre; -webkit-line-break: after-white-space; font-family: monospace; }

.report-description { font-size: 11px; white-space: pre; -webkit-line-break: after-white-space; font-family: monospace;}


    .monthpicker_input {
        height: 40px !important;
        background-color: white;
        color: black;
        font-size: 14px !important;
    }
    
    .monthpicker_selector {
        background-color: white;
        color: black;
    }
    
    .monthpicker_selector .month:hover {
        background-color: #444;
        color: white;
    }
    
    .monthpicker_selector .month {
        background-color: white;
        color: black;
    }
    
    .monthpicker_selector .month.selected {
        color: red;
    }
    
    .yearValue {
        color: black;
    }


    .expenses-counter-container h5 {margin: 0;}
    .expenses--counters-total {border: black dotted 2px;}

/* end expenses */



/* COLLAPSE */
@media (max-width: 991px) {


        /*.layout_view .nav-primary_viewtitle { padding-top: 5px;}*/
    /*.layout_view .navbar-toggle {padding-top: 13px;}*/
    /*.layout_view #header .view_title > .title {margin-top: 14px; margin-left: 18px;}*/

    .layout_view ._navs {border: none; padding-right: 10px; position: fixed; margin-left: 56px; right: 0; left: 0; top: 0; z-index: 50;}

    
    .nav_form_top .btn_fix_ {margin-right: 40px;}

    /*.sidebar-L .nav > li.item  a,
    .sidebar_group .nav > li > a,
    ._navs button.btn_like_a {
        padding: 10px 12px;
        margin: 0 auto;
    }*/

    

    /*
    .sidebar .nav > li.item  a i.fa,
    .sidebar .nav > li.item  div.app_link i.fa {
        font-size: 1.4rem;
        margin-left: 0;
    }
    */



    .admin .container.menu-bar  {padding-left: 0; }
    

    .nav-mini, .nav-mini > li {float: left;}
    .navbar-nav.nav-mini {margin: -0.5px -15px;}

    .nav-tabs.nav-justified > li {
        display: table-cell;
        float: none;
        width: 1%;
    }

    .btn-cancel { margin-right: 0; }


   


    .ul_lv2_sub_white.with_icon li a {padding-left: 42px;}

    .wrapper.sidebar-open {position: fixed; }

    .conversaciones .badge {position: absolute;}


   

    /* sidebar settings */
    .sidebar-L  {
      position: fixed;
      display: block;
      top: 54px;
      bottom:0;
      z-index: 1000;
      min-height: 96%;
      max-height: none;
      overflow: auto;  padding-bottom: 20px;
    }

    /*.layout_view .sidebar-L { top:54px;}*/

    .sidebar-left .sidebar.animate {
      left: -3px;
      padding-left: 0;
    }

    /* animation class - optional: without it the sidebar would just pop in and out*/
    .sidebar-animate .sidebar {
      -webkit-transition: -webkit-transform 300ms ease;
      -moz-transition: -moz-transform 300ms ease;
      transition: transform 300ms ease;
    }

    /* Left panel positioning classes */


     .flow.sidebar-left .go {
      -webkit-transform: translate3d(-100%,0,0);
      -moz-transform: translate3d(-100%,0,0);
      transform: translate3d(-100%,0,0);
    }

    .flow.sidebar-left.sidebar-open .go{
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      -moz-transform: none;
    }


    .flow.sidebar-left.sidebar-open .sidebar-back {background-color:rgba(0,0,0,0.5); position: fixed; top: 54px; width: 100%; min-height: 100%; z-index: 30;}


    .thumbnail > a img {width: 100%; overflow: hidden; margin-bottom: 12px;}


   

    /* WIKI */
    #buscador_btn {width: 56px;}
}




@media (max-width: 768px) {
    body {font-size: 1.4rem; }
    #header {margin-bottom: 0;}



    .layout_edit .header {height: 42px; }
    .layout_edit .header .nav-primary_container,
    .layout_edit .header > .menu-bar{display: none;}
    .layout_edit .content {padding-top: 60px;}


    
    .sidebar_group .nav > li > a,
    ._navs button.btn_like_a 

    .sidebar .user_info .square-box {width: 52px; margin-right: 14px; float: left;}

    .sidebar-R {z-index: 1000;}

    /*#post-send-button, #task-send-button {line-height: 48px;}*/
    /*.input_magic .btn-group {width: 100%;}*/
    .input_magic .panel-footer {padding: 10px;}
    .input_magic .input-magic-vocero, .input_magic .input-magic-vocero .checkbox {float: left;}

    .users_overview .thumbnail {width: 100%; float: left;}
        .users_overview .square-box {float: left; width: 23%;}
        .users_overview .caption {float: left; width: 74%; padding: 5px 10px;}

    .modulo-users .panel-footer {clear: left;}


    .social-options.nav-justified > li {display: table-cell; width: 1%;}
        .social-options.nav-justified > li a {margin-bottom: 0;}

    

    .media .media-heading p {font-size: 85%;}

    /* widths */
    .box-xs-620 {width: 620px;}

    

    /* Profile img */
    .profile_img {width: 164px;}



    /*FORM TOP NAV*/
    .nav_form_top > ul {width: 100%;}
        .nav_form_top > ul > li {display: table-cell; width: 1%; float: none; text-align: center;}
        .nav_form_top > ul > li .btn {margin: 0;}
        .nav_form_top h4 {margin-top: 20px;}

    /* CTA FORMS in modals */
    .form-control--cta_add__input { padding: 10px 0;}
    


    /* CALENDAR */
    .module-calendar--date {
        top: 8px; 
        right: auto;
        left: 22px; 
    }
    
    
    /* IDEAS */
    .challenge_img, #List .module--challenges .challenge_img .square-box {height: auto;}
    .challenge_img img {margin-bottom: 20px;}
    #List .module--challenges .challenge_title, #challenges_view .challenge_title {position: relative; color: #333; background: none;}
    #List .module--challenges .challenge_title .h2, .module--challenges .challenge_title .h6 {text-shadow: none;}



    /* QUIZES*/
    .trivia .thumbnail .square-box {height: 110px;}



    /* TASKS */
    .overview .modulo-project.thumbnail .caption.title {height: 136px;}
    .overview .modulo-project.thumbnail .caption.brief {display: none;}

    .tasks .panel-heading._navs .icon_chat i {color: #fff;}


    /* WIKI */
    .wiki #articulo .edit_text h1 {font-size: 24px;}
    .wiki #articulo .edit_text h2 {font-size: 20px;}
    .wiki #articulo .edit_text h3 {font-size: 18px;}

    .wiki #articulo .ficha .icono_tipologia .fa {font-size: 30px;}


    #List .modulo .icono_tipologia .fa, #articulo .ficha .icono_tipologia .fa {font-size: 18px;}
    .wiki .panel .extra-info p {margin-bottom: 0;}

    

}



@media (max-width: 360px) {
   

    /* TASKS */
    .nav_pills_filters .nav-pills {width: 100%; margin-left: 0;}
    .nav_pills_filters .nav-pills .radio-inline {width: 1%; display: table-cell;}
    .nav_pills_filters .nav-pills .radio-inline .btn {min-width: 100%;}
    .nav_pills_filters .nav-pills .radio-inline .btn span {font-size: 0.9rem;}

    .tasks .table .col_name {width: 200px;}
}



@media (max-width: 320px) {
    .tasks .table .col_name {width: 158px;}
}



@media (min-width: 768px) {
    /*.news_overview .modulo_news > .thumbnail {min-height: 396px; max-height: 396px;}*/

    .benefits .overview-module > .thumbnail {min-height: 460px; max-height: 460px;} /* linode old */
        .benefits .overview-module > .thumbnail .square-box {height: 234px;} /* linode old */

    .modulo-users {min-height: 342px;}

    .modulo-users .square-box,
    .modulo-channels .square-box
    {max-height: 236px;}

    .module-channels {height: 351px;}
    .module-channels .caption {height: 116px;}

    #timeline_tab,
    #sidebar_group_tab
    {display: block; visibility: visible;}

    /* WIKI */
    .wiki .dependencias .options_min_sm {margin-left: 52px;}


    /* Requests */
    .requests .overview-module .caption,
    .wprocess .overview-module .caption {min-height: 210px; max-height: 210px;} 

    .requests-table tr th {
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
      }

    /* Forms repeatable button */
    .repeatable_container:first-child .btn.btn-repeater-remove.btn-primary.remove-element-button {
        display: none;
    }

    
    
    /* Modal create  tasks, expenses*/
    .form-control--cta_add__input#input--expense_name,
    .form-control--cta_add__input#input_add_task {padding-left: 0;} /* input title*/
    

    /* Widths */
    .td_responsive_maxW-76 {width: 76px !important;}
    .td_responsive_maxW-86 {width: 86px !important;}

}


@media (min-width: 992px) {

    /* fix de los elementos custom con estado hide vía responsive*/
    .sidebar {display: block;}

    .wiki #crear #contenidos_wiki,
    .wiki #crear #opciones_wiki
    {display: block; visibility: visible;}

     


    /* WIKI */
    .wiki .panel .extra-info p {margin-bottom: 5px;}
    

    /* TASKS */
    .tasks_select > .panel-footer {position: relative; bottom: 0;}

    .index .modulo-project .square-box {height: 84px;}


}

@media (min-width: 1280px) {
    #header > .left {left: -154px;}
}

@media (min-width: 1366px) {
    #header > .left {left: -100px;}
}

@media (min-width: 1440px) {
    #header > .left {left: -74px;}
}

@media (min-width: 1520px) {
    #header > .left {left: 0;}
}







/* BUTTON STYLES */
.attachments-menu li {padding: 4px 6px;}
    .attachments-menu li a {text-align: center; padding: 5px; color: #ffffff; cursor: pointer;}

        .attachments-menu li a i {display: inherit; color: #FFFFFF; width: 36px; border-radius: 50%; margin: auto; font-size: 1.4rem; padding-top: 11px;}

    .attachments-menu .attachments-menu__files i {background-color: #1869f6;}
    .attachments-menu .attachments-menu__image i {background-color: #9039ff;}




    .attachments-menu li a i.fa-paperclip {font-size: 1.7rem; padding-top: 9px;}

    .attachments-menu li a i, .attachments-menu li a img {height: 36px;}

.attachments-menu li a .text {display: block; font-size: 1.3rem; color: #777777; margin-top: 3px;}