/* 

Urbanic Template 

http://www.templatemo.com/tm-395-urbanic

*/


body, html { overflow-x:hidden; height: 100%;}

body {
    background-color: #ffffff;
    
    /*
    font-family:  'Open Sans', Arial, Helvetice Neue, sans-serif;
    font-size: 12px;
    */
    
    font-family:  Verdana;
    font-size: 12px;
    
    
	
	font-weight: 300; 
	font-style: normal; 
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	height: 100%;
}

/* grouped select */

.dropdown_style{
    background-color: #229f6a;
    color: white;
    width:100%;
    text-align: left;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-menu-caret{
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -10px;
    vertical-align: middle;
}


/* span */
span {
  font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif; 
}

h1, h2, h3, h4, h5, h6, p { 
  font-family:  Verdana;
  /*font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif; */
}


* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

a {
    outline: 0;
}

a:focus {
  outline: 0;
}

a:active,
a:hover {
  outline: 0;
}

a.btn-delete.not-active  {
   pointer-events: none;
   cursor: default;
   background-color: #cccccc;
}

a.btn-delete.active  {
   pointer-events: auto;
   cursor: pointer;
   background-color: #d9534f;
}

blockquote {
    padding: 0px;
}

/*quitamos los botones de los inputs numéricos...los spins*/
input[type='number'] {
-moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}



.btn-success, .btn-success:visited, .btn-success:focus {
    background-color: #229f6a; /*verde*/
    outline: none;
}

.btn-success:hover, .btn-danger:hover {
    /*background-color: #28bd7f;*/  /*verde high*/
    background-color: #333;
    color: white;
}




/*los selects un poco más anchos*/
@media (min-width: 992px) {
    .adaptable .btn.dropdown-toggle.btn-default{
        width: 100%;
    }
} 

.btn.btn-default.btn-group-xs.btn-hover-danger:hover{
    background-color: #fb6f7c; /*rojo*/
    color: white;
}

.btn.btn-default.btn-group-xs.btn-hover-success:hover{
    background-color: #28bd7f; /*verde*/
    color: white;
}

.form-control:focus {
    border-color: #28bd7f;
    outline: 0;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);*/
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tooltip-inner {
   max-width: 600px;
   padding: 3px 8px;
 }



/*-------PEQUEÑOS ARREGLOS---*/
.arreglo-01 {
    padding-left: 4px;
}

/*--------- VERSION ---------*/
.version-login{
  font-size:10px;
  color:white;
  float:right;
}

.version-menu{
  display: inline-block;
  /*background-color: #F00;*/
  /*transform: rotate(90deg) translate(0, -50%);*/
  position: absolute;
  right: 0px;
  top: 100%;
  font-size:10px;
}

/*--------- SELECT 2 CSS ------*/
.select2-results__option.select2-results__option--highlighted{
  background-color: green;
}

/*--------- CONTAINERS ------*/
@media (min-width: 1024px) {
    .container_1380{
        width: 1363px;
    }
}

.container_100{
    width: 100%;
}

.navbar-brand {
    padding-top:0px;
}

#footer .container .row {
    padding-bottom:50px;
}

.navbar-default .navbar-nav2 > li > a.not-active  {
   pointer-events: none;
   cursor: default;
   color: #666666;
}

/*--------- ORGANIZATION ------*/
.section-header {
    /*background: linear-gradient(to top, white 0%,white 91%,#229f6a 91%,#229f6a 91.9%,white 91.9%,white 100%); /* W3C */
    background-image: url("../images/green-line.png");
    background-repeat: repeat-x;
}

.organization-header {
    background: linear-gradient(to bottom, white 0%,white 50%,#000000 50%,#333333 50%,#333333 100%); /* W3C */
}

.organization-green-line {
    background: #229f6a; height:1px; margin-top:10px;
}

.oo_arrow-down {
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  
  border-top: 8px solid white;
  position: absolute;
  right: 15px;
  top: 15px;
}

.dpt-list{
    margin-top: 10px;
}
.dpt_info {
    display: none;
    background: #333333;
}

.dpt_info .title{
    padding: 10px;
    border-bottom: 1px solid #229f6a;
}

.dpt_info table.details{
    margin: 20px;
    margin-left: 30px;
    background: #333333;
    color: white;
}

.oo_charge {
  font-weight: normal;
  font-size: 11px;
}
.oo_name {
  font-weight: normal;
  font-size: 12px;
}

.dpt_info a{
    color: #229f6a;
    text-decoration: none;
    font-weight: normal;
    font-size: 11px;
}

.dpt_info table.details td.data{
    text-align: left;
}

.dpt_info table.details td .bottom_line{
    position: absolute;
    bottom: 10px;
}

.show_info{
    display: initial
}


.oo_clickable{
    cursor: pointer;
}

a.oo_direct_link, a.oo_direct_link:hover {
    color: white;
    text-decoration: none;
}
.oo_section{
    background: #229f6a;
    color: white;
    text-align: center;
    font-weight: bold;
}

.oo_dpto{
    background: #777777;
    color: white;
    text-align: center;
    font-weight: bold;
}

.oo_dpto.no_space, .oo_section.no_space {
    padding: 0px;
    background: #333333;
}

ul.oo_list{
    padding: 0px;
}

.oo_col{
    padding: 0px;
}

table.support thead th {
    padding-left: 20px;
}

.who_sectiontitle {
    font-size: large;
    color: #229f6a;
    padding-left: 0px;
}

div.horizontal_line { 
    border-bottom: 5px solid #229f6a; 
}


table.who_users_table{
    width: 100%;
    background: white;
    table-layout: fixed;
}

table.who_users_table td {
    background: #333333;
    color: #229f6a;
}

table.who_users_table td .personal_info{
    color: #229f6a;
}

.who_users_table td skill_info{
    color: white;
}

table.who_users_table > tbody > tr > td {
   border: 10px solid white;
}

table.who_users_table > tbody > tr > td:first-child {
   border-right: 10px solid white;
   border-left: 10px none white;
}
table.who_users_table > tbody > tr > td:last-child {
   border-right: 10px none white;
   border-left: 10px solid white;
}

.who_name{
    font-size: 12px;
    color: #229f6a;
}
.who_jobposition{
    font-size: 10px;
    color: #229f6a;
    padding-bottom: 10px;
}
.who_email{
    font-size: 9px;
    color: white;
}
.who_phone{
    font-size: 9px;
    color: white;
    padding-bottom: 10px;
    
}
.who_skills{
    font-size: 9px;
    color: white;
}




/*--------- REPORTS ------*/
.informe.separador td {
    border-style: solid;
    border-top: 2px solid #000000;  
}

.informe td.assigned_week{
    background-color:#28bd7f;
    color:white;
    text-align: center;
    vertical-align: middle;
}

.informe td.unassigned_week{
    background-color:#fb6f7c;
    color:white;
    text-align: center;
    vertical-align: middle;
}


/*--------- RELOJ Y CALENDARIO ------*/

.clock{

    float:left;
    position:relative;
}

.omdate ul li{

    font-size: 44px;
    color:#fff;
    font-weight: bolder;
    text-align: center;
}

.calendario1{
    float:none;
    clear: both;
}

.calendario1 ul{
    list-style:none;
}

.calendario1 ul li{
    float:left;
}


.omcalendars{
    margin:0px; 
    padding:0px;
    font-size: 12px;
    color: #fff;
}

.omcalendar-content th{

    background-color: transparent;
    border-top:none;
    color:#fff;
    border-bottom: 1px solid #fff;
    font-weight: normal;
}

.omcalendar-content td{
    padding:0px 2px;     
}

.omcalendar-content td.day_weekend {
    background-color: #777777;
}

.omcalendar-content td.day_today {
    background-color: #ffffff;
    color: #333333;
}

.omcalendar-content td.day_holiday_pending {
    background-color: orange;
}

.omcalendar-content td.day_holiday_approved {
    background-color: #229f6a;
}

.omcalendar-content td.day_holiday_rejected {
    background-color: #f64e5f;
}

.omcalendar-content td.day_othermonth {
    color: #c2c2c2;
}

.holy_separator_true {
    border-left-color: lightgray;
    border-left-style: solid;
    border-left-width: thin;

}


@-moz-document url-prefix() { 
    .omcalendar-content td{
        padding:0px 2.87px;     
    }
}


.omcalendar-title{

    font-size: 25px;
}

#cal1{
    background-color:#939393;    
    padding:14px 19px 14px 19px;
}

#cal2{
    background-color:#a6a6a6;
    padding:14px 20px 14px 19px;
}

#cal3{
    background-color:#c6c6c6;
    padding:14px 19px 14px 19px;
}

#cal4{
    background-color:#e2e2e2;
    padding:14px 25px 14px 13px;
    color: #333333;
}

/* sólo para firefox */
@-moz-document url-prefix() { 
    #cal1 {
         padding:13px;
    }
    #cal2 {
         padding:13px 13.6px 13px 13px;
    }
    #cal3 {
         padding:13px;
    }
    #cal4 {
         padding:13px;
    }
}
.cal1, .cal2, .cal3, .cal4 {
  padding:5px 0px 5px 14px;
} 

/* sólo para firefox */
@-moz-document url-prefix() { 
  .cal1, .cal2, .cal3, .cal4 {
    padding:5px 10px 5px 10px;
  } 
}

.cal1{
    background-color:#939393;    
}

.cal2{
    background-color:#a6a6a6;
}

.cal3{
    background-color:#c6c6c6;
}

.cal4{
    background-color:#e2e2e2;
    color: #333333;
}

/*---------  PAGINACION --------*/
.pagination > .previous_page {
    color: #000000;
    background-color: #eeeeee;
    padding:5px 10px 5px 10px;
}

.pagination > a {
    color: #000000;
    background-color: #eeeeee;
    padding:5px 10px 5px 10px;

}

.pagination > .current {
    color: #ffffff;
    background-color: #333333;
    padding:10px;
    padding:5px 10px 5px 10px;

}

.pagination > .next_page {
    color: #000000;
    background-color: #eeeeee;
    padding:5px 10px 5px 10px;
}


/*---------  HACKS --------*/
.my_hol_btn_new_req {
        margin-left:-10px;     
}

@-moz-document url-prefix() { 
    .my_hol_btn_new_req {
        margin-left:-9px;     
    }
}

/*---------  MODAL COMM GRID ELEMS---*/
.publi_filtro_espacio_ajuste_izq {
  margin-left:35.8%;
}

@-moz-document url-prefix() { 
    .publi_filtro_espacio_ajuste_izq {
      margin-left:35.7%;
    }
}


.comm_grid__elem {
  text-align: center;
  padding-left:5px;
  padding-right:5px;
}

.comm_grid__elem table {
  border-collapse:collapse;
}

.comm_grid__elem td, .comm_grid__elem tr {
  padding: 0px 0px 0px 0px;
}

.comm_grid__elem td.headline{
  padding-top:5px;
  padding-bottom:5px;
  text-align: center;
  font-weight: bold;
}

.comm_grid__elem td.section{
  background-color: #575757;
  color: white;
  padding-top:5px;
  padding-bottom:5px;
}



/*---------  MODAL COMM GRID --------*/


#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    /*z-index: 2; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

.modal-backdrop { display: none; } 

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

/*---------  SELECT --------*/


.select_01{
	
	color: #ffffff;
    background-color: #229f6a;
    border-color: none;
	border: 1px solid #229f6a;
	
}

/*--------DATEPICKER -------*/
.table-condensed {
  background-color: #a6a6a6;
  color: white;
}

.datepicker table thead tr th{
  background-color: #a6a6a6;
  color: white;
}

.datepicker table tfoot tr th{
  background-color: #a6a6a6;
  color: white;
}

.table-condensed .highlighted.day{
  background-color: #777777;
}

.datepicker table tr td.today{
  background-color: #ffffff;
  color: #333333;
  background-image: none;
}

.datepicker table tr td.today:hover:hover{
  background-color: #777777;
  color: white;
  background-image: none;
}

.datepicker table tr td.active.active{
  background-color: #229f6a;
  color: white;
  background-image: none;
}

.datepicker table tr td.active.active:hover{
  background-color: #2cbe80; /*verde highlight*/
  color: white;
  background-image: none;
}



/*--------CABECERAS -------*/



.cabecera{
	
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.cab_icono{
	position:relative; 
	float:left;
	width:47px;

}

.cab_txt1{ 
	
	font-size: 14px;
	position:relative; 
 
}

.cab_txt2{ 
	font-size: 11px;
	color:#229f6a;
  margin-left:5px;
}


/*---------  TABLA DASHBOARD --------*/
.nombre_dash{
    margin-left: 20px;
    color:#595959;
    font-size: 200%;
    font-weight: bold;
    
}

.spacer {
    margin-top: 50px; /* define margin as you see fit */
    margin-bottom: 50px; /* define margin as you see fit */
}


.interspace {
    margin-top: 16px; /* para cuadrarlo utilizamos este espacio */   
}


/* sólo para firefox */
@-moz-document url-prefix() { 
    .interspace {
         margin-top: 17px; /* define margin as you see fit */   
    }
}

table.tabla_dash{
    border-collapse: separate;
}

table.tabla_dash tr td.dash_separada {
    padding-top:17px;
    margin: 0px;
}

.dash_info {
    background-color: #eeeeee;
    padding-top: 25px;
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 25px;
    margin-right: 0px;
}


.linea hr{
    border-top: 2px solid #a7a7a7;
    margin: 17px 0px 17px 0px;
}

/* sólo para firefox */
@-moz-document url-prefix() { 
  .linea hr{
      margin: 16px 0px 16px 0px;
  }
}

.hr-objetives{
    border-top: 2px solid #333333;
    margin-top:0px;
}


.dash_date {
    font-size: 200%;
    background-color: #333333;
    color: #cacaca;
}

.dash_blanco {
    background-color: #eeeeee;
}

.dash_col_central {
  width: 15%;
}

/*---------  DASH COMMS-----*/
.dashcomms  {
  background-color: #eeeeee;
  text-align: center;
  padding:0px;
}

table.dashcomms  {
  background-color: #eeeeee;
  width:104%;
}

table.dashcomms thead tr td.title {
  background-color: #575757;
  color: white;
  font-size: 17px;
  font-weight: bold;
  padding-top:15px;
  padding-bottom:15px;

}

table.dashcomms tr td.headline {
  padding-top:14px;
  padding-bottom:0px;
  font-size: 15px;
  cursor: pointer; 
}

table.dashcomms tr td.newsimg {
  padding-top:0%;
  padding-bottom:10px;
  padding-right:2%;
  padding-left:2%;
  cursor: pointer; 
}

table.dashcomms tr td.footer {
  padding-top:10px;
  padding-bottom:10px;
}

@-moz-document url-prefix() { 
    table.dashcomms tr td.footer {
      padding-top:10px;
      padding-bottom:9px;
    }
}


.dashcomms hr {
  width: 90%;
  background-color: #575757;
  border: none;
  height: 2px;
  margin-top: 10px;
  margin-bottom: 10px;
}




/*---------  LISTAS con CHECK --------*/
.state-icon {
    left: -5px;
}
.list-group-item-primary {
    color: rgb(255, 255, 255);
    background-color: #229f6a;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus{
  color: rgb(255, 255, 255);
  background-color: #229f6a;
}

/* DEMO ONLY - REMOVES UNWANTED MARGIN */
.well .list-group {
    margin-bottom: 0px;
}

.list-group-item.active{
  color: rgb(255, 255, 255);
  background-color: #229f6a;
}


/*---------  LISTAS DUALES --------*/
.dual-list .list-group {
    margin-top: 8px;
}

.list-left li, .list-right li {
    cursor: pointer;
}

.list-arrows {
    padding-top: 100px;
}

.list-arrows button {
    margin-bottom: 20px;
}


/*---------  TABLAS --------*/

.tabla1 th{
	
	background-color:#333333;
	color: #fff;
	font-weight: normal;
}

.tabla1 th a{
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

.table-container{
    overflow-x: scroll;
}

table.table.table-striped tr td.approved, table.table.table-striped tr td.status_ok, table.table.table-striped tr td.status_approved{
    background-color:#229f6a; /*green*/
    color: white;
}

table.table.table-striped tr td.rejected{
    background-color:#f64e5f;   /*rojo*/
    color: white;
}

table.table.table-striped tr td.pending, table.table.table-striped tr td.status_pending{
    background-color:orange;
    color: white;
}

table.table.table-striped tr td.status_na{
    background-color:rgb(253, 239, 239);
    color: white;
}

table.table.table-striped tr td.expensesumaryproject{
    background-color:#777;
    color: white;
}

table.table.table-bordered td.assignment_status_ {
    background-color: #229f6a;
    color: white;    
}
   
table.table.table-bordered td.assignment_status_of {
    background-color: #f64e5f;  
    color: white;
}


/* ------- Páginas interiores ---------- */

.tabla2 tbody tr td{

    padding-left:20px;
}

.tabla2 th{
    
    background-color:#333333;
    color: #fff;
    font-size:16px;
    font-weight: normal;
}
.tabla2 ul{
    list-style: none;
    padding-left:0px;

}
.tabla2 .nombre{
    float: left;
    padding-left:0px;
    position:relative;
}

.tabla2 .icono1{
   float:right;
   margin-left:5px;
   position:relative; 
}
.tabla2 .icono2{
   float:right; 
   
   position:relative;

}

.tableshow{
    background-color:#333333;
    color: #fff;
    width:25%;
}

table.table.table-striped tr td.celdaresaltada {
    background-color:#777;
    color: #FFF
}

table.table.table-striped tr td.celdaresaltadaoscura {
    background-color:#333;
    color: #FFF
}

table.table.table-striped tr td.celdaresaltada a {
    color: #F0F8FF
}

.monthheader {
    background-color: #454545; 
    font-weight: normal;
    color: white;
}


.resaltadooscuro, table.table.table-striped tr td.resaltadooscuro {
    background-color: #454545;
    color: white;
}

.totals th {
    background-color: #777;
}

.resaltado {
    font-weight: bold;
}

/*-------- Tabla meses ------*/
.tabla3 {
    width: 100%;
    border: 1px solid lightgray;
}

.tabla3 th {
    padding: 5px;
    border: 1px solid gray;
}

/*-------- Tabla datos personales ------*/
.tablapersonal th {
    background-color: #f9f9f9;
    color: black;
    font-weight: normal;
    font-size: large;
}

.tablapersonal td.title  {
    background-color: #333333;
    color: white;
    width:50%;
}

.tablapersonal td.value  {
    background-color: #f9f9f9;
    color: black;
}

.module {
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*-------- SELECT FILTROS -------- */
.filtro button {
    background-color: #229f6a;  /*verde*/
    color: white;
}

.filtro-title span {
    background-color: #FFF;   
}

.filtro .caret { 
    color: white; 
}

.infopanel-title {
    height: 33px;
    color: white;
    background-color: #333333;
}

.infopanel-value {
    height: 33px;
    background-color: #fff;
}

.filtro .filter-option {
    color: white;
}

.dropdown-toggle:hover, .dropdown-toggle:active, .dropdown-toggle:focus {
    background-color: #333;
    color: white;
}

/*-------- PROFILE -------- */

.profile.row{
    overflow: hidden; 
}

.profile [class*="col-"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.btn-left-panel {
    width: 162px;
}

/*--------- MENU --------*/

  .navbar-nav2 {
    width: 100%;
    text-align: center;

  }

  .navbar-nav2 li {
    float: none;
    display: inline-block;
  }



/*-------- SUBMENU -------- */

.submenu{
    min-height: 30px;
    background-color:#ededed;	
	box-shadow: 0px 0px 5px #999;
}

.subheader{
	
	margin: 0 auto;
	
	
}

.subheader div{
	display:block;
	float:left;
	padding:0px 10px 0px 10px;
}

.subnav{
  padding-left: 0;
 
  list-style: none;	
	 margin:0 auto;
	text-align: center;}

	
.subheader ul {

  width: 100%;
  top: 50%;
  margin-top: -15px; /* 50% of the line-height in a */
  margin-bottom: -10px;
  text-align: center;
}
.subheader li {
  display: inline-block;
  list-style: none;
  margin-left: 5px;
  font-size: 11px;
}
.subheader li:first-child { margin-left: 0;}
.subheader li a {  
  margin-top:5px;
  background: none; 
  display: block;
  color: #000;
  font-weight:normal;
  text-decoration: none; 
  line-height: 30px; /*margin-top of ul plus 2*/
  padding: 0 10px;
}

.subheader li a:hover {  
	color:#229f6a;
}

.subheader li a.active{
  
    color:#229f6a;
}

.subheader li a.not-active  {
   pointer-events: none;
   cursor: default;
   color: #cccccc;
}

.subnav li{
 
  float:left;
	position: relative;
    display: block;
	
}

.subnav li a{
  text-decoration: none;
  padding:10px;
  color:#000000;

	
}
.subnav li a:hover{
  text-decoration: none;
  padding:10px;
  color:#000000;

	
}


.subnavbar-nav {
	  margin: 3.5px -15px;
	
}


.sidebar {
  border: 1px solid #C0C0C0;
  padding: 5px;
  margin-top: 10px;
}

.main {
  border: 1px solid #C8C8C8;
  padding: 5px;
  margin-top: 10px;
  padding-top: 70px;
  padding-right: 25px;
}

.full-height {
  height: 100%;
  min-height: 100%;
}

.itemContainer {
  background-color: #F5F5F5;
}

.mainContainer {
  min-height: 100%;
  height: 100%;
  margin: 0 auto -40px;
}

.ToolItem {
  margin-right: 20px;
}


.imgs_menu{
	
	width: auto;
	height: 21px;
	padding-right: 5px;
	
}

.imgs_menu.imgs_menu_time_manager,
.imgs_menu.imgs_menu_it {
  /*display: block;*/
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 21px; /* Width of new image */
  height: 21px; /* Height of new image */
  padding-left: 21px; /* Equal to width of new image */
}
.imgs_menu.imgs_menu_time_manager {
  background: url("/images/white_time_manager.png") no-repeat;
}
.imgs_menu.imgs_menu_it {
  background: url("/images/white_it.png") no-repeat;
}

.nav > li.active > a > img.imgs_menu_time_manager, 
.nav > li:hover > a > img.imgs_menu_time_manager,
.nav > li.active > a > img.imgs_menu_holidays, 
.nav > li:hover > a > img.imgs_menu_holidays,
.nav > li.active > a > img.imgs_menu_it, 
.nav > li:hover > a > img.imgs_menu_it,
.nav > li.active > a > img.imgs_menu_hr, 
.nav > li:hover > a > img.imgs_menu_hr,
.nav > li.active > a > img.imgs_menu_reports, 
.nav > li:hover > a > img.imgs_menu_reports,
.nav > li.active > a > img.imgs_menu_admin, 
.nav > li:hover > a > img.imgs_menu_admin,
.nav > li.active > a > img.imgs_menu_optiva, 
.nav > li:hover > a > img.imgs_menu_optiva,
.nav > li.active > a > img.imgs_menu_my_profile, 
.nav > li:hover > a > img.imgs_menu_my_profile,
.nav > li.active > a > img.imgs_menu_news, 
.nav > li:hover > a > img.imgs_menu_news{
  /*display: block;*/
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 21px; /* Width of new image */
  height: 21px; /* Height of new image */
  padding-left: 21px; /* Equal to width of new image */
}
.nav > li.active > a > img.imgs_menu_time_manager, 
.nav > li:hover > a > img.imgs_menu_time_manager,
.nav > li > a.visited > img.imgs_menu_time_manager{
  background: url("/images/green_time_manager.png") no-repeat;
}
.nav > li.active > a > img.imgs_menu_it, 
.nav > li:hover > a > img.imgs_menu_it,
.nav > li > a.visited > img.imgs_menu_it{
  background: url("/images/green_it.png") no-repeat;
}
.nav > li.active > a > img.imgs_menu_holidays, 
.nav > li:hover > a > img.imgs_menu_holidays,
.nav > li > a.visited > img.imgs_menu_holidays{
  background: url("/images/green_holidays.png") no-repeat;
}
.nav > li.active > a > img.imgs_menu_hr, 
.nav > li:hover > a > img.imgs_menu_hr,
.nav > li > a.visited > img.imgs_menu_hr{
  background: url("/images/green_hr_recruitments.png") no-repeat;
}
.nav > li.active > a > img.imgs_menu_reports, 
.nav > li:hover > a > img.imgs_menu_reports,
.nav > li > a.visited > img.imgs_menu_reports{
  background: url("/images/green_reports.png") no-repeat;
}
.nav > li.active > a > img.imgs_menu_admin, 
.nav > li:hover > a > img.imgs_menu_admin,
.nav > li > a.visited > img.imgs_menu_admin{
  background: url("/images/green_admin.png") no-repeat;
}
.nav > li.active > a > img.imgs_menu_optiva, 
.nav > li:hover > a > img.imgs_menu_optiva,
.nav > li > a.visited > img.imgs_menu_optiva{
  background: url("/images/green_optiva.png") no-repeat;
}
.nav > li.active > a > img.imgs_menu_my_profile, 
.nav > li:hover > a > img.imgs_menu_my_profile,
.nav > li > a.visited > img.imgs_menu_my_profile{
  background: url("/images/green_my_profile.png") no-repeat;
}
.nav > li.active > a > img.imgs_menu_news, 
.nav > li:hover > a > img.imgs_menu_news,
.nav > li > a.visited > img.imgs_menu_news{
  background: url("/images/green_news.png") no-repeat;
}

.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_time_manager, 
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_holidays, 
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_it,
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_hr, 
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_reports, 
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_admin, 
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_optiva, 
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_my_profile,
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_my_profile {
  pointer-events: none;
  /*display: block;*/
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 21px; /* Width of new image */
  height: 21px; /* Height of new image */
  padding-left: 21px; /* Equal to width of new image */
}
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_time_manager{
  background: url("/images/green_time_manager.png") no-repeat;
}
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_holidays{
  background: url("/images/grey_holidays.png") no-repeat; 
}
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_it{
  background: url("/images/grey_it.png") no-repeat; 
}
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_hr{
  background: url("/images/grey_hr_recruitments.png") no-repeat; 
}
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_reports{
  background: url("/images/grey_reports.png") no-repeat; 
}
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_admin{
  background: url("/images/grey_admin.png") no-repeat; 
}
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_optiva{
  background: url("/images/grey_optiva.png") no-repeat; 
}
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_my_profile{
  background: url("/images/grey_my_profile.png") no-repeat; 
}
.navbar-default .navbar-nav2 > li > a.not-active > img.imgs_menu_news{
  background: url("/images/grey_news.png") no-repeat; 
}

.templatemo_clear {
	clear: both;
}

.height30 {
	height: 30px;
}

.templatemo-top-bar {
    min-height: 40px;
    background-color:#ededed;
}

.top-menu {
    min-height:60px;
    background-color:#343434;
    z-index: 5000;
    width:100%;
}

.templatemo-top-menu .navbar-toggle {
    margin-top: 38px;
}

.templatemo-top-menu .navbar-brand {
    padding: 0 20px 0 0;
    margin: 10px 0 0 0;
	height: 50%
}


/*-------- HOME INTRO -------- */

.equal, .equal > div[class*='col-'] {  

        
        display: flex;
        flex:1 1 auto;
        flex-wrap: wrap;
}



.col-sm-height{
	
	display: table-cell;
    float: none;
    height: 100%;
}

.row-height {
  display: block;

  height: 100%;
  width: 100%;
}

#intro_optiva {

    
    margin-bottom:0; 
	display:block;
    width: 100%;
    margin-top: 0px;
    padding: 0px 0px 0px 0px; /*set left/right padding according to needs*/
    box-sizing: border-box;
	
	
	
}

.height_100{
	
	height: 100%;	
}

.row_optiva{
	 height: 100%;
    display: block;
	background-color: red;	
	
}

#intro01{
	background-color: #7c7c7c;
	
}

#intro02{
	background-color: #bebebe;
	
}

#intro03{
	background-color: #d1d1d1;
}


.foto{
	
	position:relative;
	float: left;
	margin-right:10px;  
	padding-left: 0px;
}


.bienvenido{
	position:relative;
	float: left;
	
}
.txt_bienvenido h3{
    margin-left: 20px;
	padding-top:0;
	margin-top:0;
	color:#888888;
    font-size: 300%;
}

.nombre{
    margin-left: 20px;
    color:white;
    font-size: 150%;
    font-weight: bold;
	
}

.intro_col_inside{
    display:block;
	padding-top:15%;
	padding-left:8%;
	padding-right:8%;
	width: 100%;
}


/*-------- NOTIFICATIONS-------- */


.notifi_1{
	margin-top:10px;
	padding-top:8px;
	padding-bottom:8px;
		
}

.notifi_2{
	margin-top:10px;
	color:#fff;
	background-color: #7c7c7c;
	padding-top:8px;
	padding-bottom:8px;
	
}

.notifi_3{
	background-color: #6f6f6f;
	margin-top:10px;
	padding-top:8px;
	padding-bottom:8px;
	
}

.orange{
	background-color: #fd6a37;

}

.red{
	background-color: #f64e5f;

	
}

.green{
	
	background-color: #6abd90;

}

.yellow{
	
	background-color: #f5ab28;

}

.icoorange{

	color:#fd6a37;
}

.icored{

	color:#f64e5f;
	
}

.icogreen{
	
	
	color:#6abd90;
}

.icoyelow{

	color:#f5ab28;
}
.notifi_3 .glyphicon { top:8px; left:-5px}





/* ------ Carousel ----- */

#templatemo-carousel {
    background: url('../images/templatemo_carousel_bg.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow-x: hidden;
    margin-bottom:0;
    height: 500px;
}

#templatemo-carousel .carousel-caption {
    z-index: 10;
}

#templatemo-carousel .item {
    height: 500px;
}
#templatemo-carousel .carousel-inner > .item > img {
    position: absolute;
    min-width: 100%;
    height: 500px;
    left: 0;
    top: 0;
}

@media (min-width: 768px) {
	
	.subheader li a:active {
	color:#229f6a;
	
} 
    #templatemo-carousel .carousel-caption p {
        margin-bottom: 20px;
        line-height: 1.4;
        font-size: 21px;
    }

    #templatemo-carousel .carousel-caption {
        padding-bottom: 140px;
        right: 20%;
        left: 20%;
    }
	
	
	.templatemo-top-menu .navbar-toggle {
    margin-top: 10px;
	}
}

@media (max-width: 768px) {
    #templatemo-carousel .carousel-caption {
        padding-bottom: 120px;
    }
		.templatemo-top-menu .navbar-toggle {
    margin-top: 10px;
	}
}

@media (max-width: 1024px) {
    #templatemo-carousel {
        background: url('../images/templatemo_carousel_bg_s.jpg') no-repeat center center; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        overflow-x: hidden;
        margin-bottom:0;
        height: 500px;
    }
		.templatemo-top-menu .navbar-toggle {
    margin-top: 10px;
	}
}

/* ------ End of Carousel ----- */

/* ------ Welcome & Slogna ------ */
.templatemo-welcome {
    border-bottom: 1px solid #cccccc;
    min-height: 230px;
}

.templatemo-slogan {
    /*font-family:  'Open Sans', sans-serif;*/
    font-weight: normal;
    font-size: 42px;
    margin: 60px 0;
    color: #333333;
}

.templatemo-service {
    margin-bottom: 100px;
    margin-top: 100px;
}

.templatemo-service-item {
    /*font-family:  'Open Sans', sans-serif;*/
    margin-bottom: 10px;
    font-size: 20px;
}


.templatemo-service-item p {
    font-weight: lighter; 
    text-align: justify; 
    margin-top: 25px;
    font-size: 14px;
    color: #929292;
}

.subheader {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    margin-top: 12px;
    font-size: 12px;
    color: #000;
	 text-align: center;
}


.btn-orange {
    background-color: #ff7600;
    border-bottom:2px solid #d35400;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color:#ffffff;
}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
    background-color: #d35400;
    color:#ffffff;
}

.btn-green {
    background-color:#2ecc71;
    border-bottom:2px solid #229f6a;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color:#ffffff;
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
    background-color: #229f6a;
    color:#ffffff;
}

/*para centrar los elementos del menú principal*/
.nav > li > a {
    padding: 20px 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: transparent;
    color:#229f6a;
}

.nav > li.active > a {
  background-color: transparent;
  color:#229f6a; 
  border-top: 4px solid #229f6a;
}

.nav > li.normal > a {
  background-color: transparent;
  border-top: 4px solid transparent;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
	  color:#229f6a;
}


.nav > li > a {
    color: white;
}
.navbar-default {
    *background-color:#343434;
    border:none;
}

.navbar-default .navbar-nav > li > a {
    border-top: 6px solid transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: none;
	border-top: 6px solid #229f6a;
    color:#229f6a;
}


.navbar {
    margin-bottom: 0px;
	background-color:#343434;
}

.templatemo-service-item-header {
    margin-left: -10px; 
    padding: 16px 20px 20px; 
    font-weight: bold;
    display: inline-block;
}

.templatemo-header-orange {
    background-color:#ff7600;
    min-width: 298px;
    height: 67px;
    color: #fff; 

}

.team_hr {
    border: 1px solid #fff; 
    width: 39.5%; 
    float: left;
}

.team_hr_left {
    margin-right: 30px;
    margin-left: 15px; 
}

.team_hr_right {
    margin-left: 30px;
}

.hr_gray {
    border: 1px solid #cccccc; 
}

.templatemo-team {
    background: url('../images/background.png') ; 
    /*font-family:  'Open Sans', sans-serif;*/
    min-height:590px;
    color:#ffffff;

}
.templatemo-line-header {
    margin-top:100px;
    margin-bottom:80px;
}

.member-thumb:hover .thumb-overlay {
    transition: all 0.3s ease-in-out 0s;
    visibility: visible;
    opacity: 1;
}

.member-thumb {
    position: relative;
    overflow: hidden;
}

.member-thumb .thumb-overlay {
    background-color: rgba(220, 157, 102, 0.8);
    position: absolute;
    visibility: hidden;
    padding-top: 35%;
    padding-left: 25%;
    height: 100%;
    width: 100%;
    opacity: 0;
    right: 0;
    top: 0;
}

.thumb-overlay a {
    float:left;
    margin-right: 5px;
}



.team-inner {
    margin-top:10px;
}

.team-inner-header {
    /*font-family: 'Open Sans', sans-serif;*/
    font-weight:600;
    font-size:16px;
}

.team-inner-subtext {
    font-weight:normal;
    font-size:12px;
}

.row_team {
    margin-left:-50px;
    margin-top:70px;
}

.row_team li {
    list-style: none;
}

.templatemo-project-box {
    background-size: cover;
    position: relative;
    overflow: hidden;
    cursor:pointer;
    height: 200px;
    width: 200px;
}

.templatemo-project-box:hover .project-overlay {
    transition: all 0.3s ease-in-out 0s;
    visibility: visible;
    opacity: 1;
}

.project-overlay {
    background : rgba(0,0,0,.75);
    border : 2px solid #ff7600;
    visibility: hidden;
    position: absolute;
    text-align:center;
    padding-top:40px;
    color: #ffffff;
    height: 100%;
    width: 100%;
    opacity: 0;
    right: 0;
    top: 0;
}


.project-overlay hr {
    width : 70%;
	
}

.templatemo-project-gallery li {
    margin:15px;
}

.txt_darkgrey {
    color: #333333;
}

.txt_orange {
    color: #e67e22;
}

.txt_slogan {
    font-size:14px; 
    color:#929292;
}

.templatemo-line-header span {
    font-size: 18px; 
    float :left; 
    margin-top: 10px;
}

.team_box  div {
    text-align: center; 
    padding-top: 100px;
}

.span_blog {
    margin-bottom: 80px;
}

.blog_post {
    color: #333333; 
    padding: 10px;
}

.blog_header {
    font-weight: bold; 
    font-size: 16px; 
}

.blog_text {
    text-align: justify; 
    font-size: 14px; 
    margin-top: 20px;
}

#templatemo-contact {
	margin-top:100px; 
	border-top: 1px solid #cccccc; 
	font-size:14px;
}
.templatemo-contact-map {
    margin-bottom: 15px;
    height: 378px;

}

.head_contact {
    padding-bottom:80px; 
    margin-bottom:0;
}

.contact_right img {
	margin-right:5px;
}

.contact_right form {
	padding-left:15px;
	padding-right:15px
}

.tweet_txt {
	border-left:2px solid #ffffff; 
	min-height:160px;
}

.twitter_user {
	color: #FFFF33; 
	font-size: 14px;
	float: right;
}

.templatemo-partners {
	border-top: 2px solid #cccccc;
}

.templatemo-partners .templatemo-partner-item {
    margin-bottom: 5px;
}

.templatemo-footer {
	border-top: 2px solid #cccccc; 
	margin-top: 100px;
}

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
  z-index: 100;
}

.footer_container {
  padding-top:5px; 
	padding-bottom:5px;
  background-color: #ededed;
}

.footer_bottom_content {
  text-align: center;
	font-size: 14px;
	color: #4e4e4e;
}

.footer_bottom_content a{
  color: #4e4e4e;
  font-weight: bold;
  text-decoration: none;
}

.social-icon-fb {
    background: url('../images/social-icon-fb.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-fb {
    background: url('../images/social-icon-fb-over.png') no-repeat;
}

.social-icon-rss {
    background: url('../images/social-icon-rss.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-rss {
    background: url('../images/social-icon-rss-over.png') no-repeat;
}

.social-icon-twitter {
    background: url('../images/social-icon-twitter.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-twitter {
    background: url('../images/social-icon-twitter-over.png') no-repeat;
}

.social-icon-linkedin {
    background: url('../images/social-icon-linkedin.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-linkedin {
    background: url('../images/social-icon-linkedin-over.png') no-repeat;
}

.social-icon-dribbble {
    background: url('../images/social-icon-dribbble.png') no-repeat;
    width: 42px;
    height: 42px;
    display: block;
}

a:hover .social-icon-dribbble {
    background: url('../images/social-icon-dribbble-over.png') no-repeat;
}

ul.templatemo-project-gallery  li  a img:hover {
    border: 3px solid #ff7600;
}

.templatemo-gallery-category a {
	color:#333333; 
}

.templatemo-gallery-category a.active {
	color:#e67e22; 
	text-decoration:none;
}

.templatemo-gallery-category a:focus {
	color:#e67e22;
	text-decoration:none;	
}

.templatemo-gallery-category a:hover {
	color:#e67e22; 
	text-decoration:none;
}

.link_orange:hover {
    text-decoration:none;
}
.templatemo-project-gallery {         
    margin:0 0 0 0;
    margin-top:30px;
    margin-left: -40px;
}
.templatemo-project-gallery li {     
    list-style:none;
    margin-bottom:25px;           
}
.templatemo-project-gallery li img {
  cursor: pointer;
}

.templatemo-tweets {
    background-color: #8996a0;
    min-height:200px;
    /*font-family:  'Open Sans', sans-serif;*/
    font-size:20px;
    color:#ffffff;
    margin-top:100px;
}

.form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    /*font-style: italic;*/
}

.btn_loadmore {
	margin-top:30px; 
	margin-bottom:80px;
}

.blog_box {
	margin-left: -12px;
}

@media (min-width:991px) and (max-width:1200px) {
    .templatemo-project-box, .project-overlay {
        height:170px;
        width:170px;
    }

    .templatemo-project-gallery {
        margin-left: -70px;
    }

    .templatemo-service-item-header {
        padding: 16px 10px 20px;
    }

    .templatemo-header-orange {
        min-width: 230px;
    }

    .team_box,  .team_box_over {
        height:220px;
        width:220px;
    }
	
}


@media (max-width:991px) {
    .team-inner {
        margin-top: 20px;
        margin-bottom: 20px;
    }
	
    .templatemo-btn-read-more {
        float:right;
        margin-bottom :40px; 
    }
}


@media (min-width:768px) and (max-width:990px) {
    .member-thumb .thumb-overlay {
        padding-left: 30%;
    }
    .templatemo-project-box , .project-overlay {
       height:130px;
       width:130px;
       padding-top: 0px;
    }

    .templatemo-project-gallery {
       margin-left: 10px; 
    }

    .blog_box{
       margin-right: -140px;
    }
}


@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 9px;
    padding-bottom: 9px;
  } 
}

@media (max-width: 768px) {
    .member-thumb .thumb-overlay {
        padding-left: 40%;
       
    }
    .templatemo-btn-read-more {
            float:right;
            margin-bottom :40px; 
      }
}

@media (max-width: 380px) {
    .member-thumb .thumb-overlay {
            padding-left: 30%;

    }
	.templatemo-service-item-header {
		font-size: 16px;
		
		padding: 23px 10px 22px;
	}
	.templatemo-header-orange {
		min-width: 0px;
	}
	
}

@media (min-width:991px) and (max-width: 1200px) {
	 .team_hr {
		width: 37%; 
	}
}

@media (min-width:683px) and ( max-width: 991px) {
	 .team_hr {
		width: 33%;
	}
}

@media (min-width:585px) and ( max-width: 683px) {
        .member-thumb .thumb-overlay {
            padding-left: 25%;

        }
	 .team_hr {
		width: 30%;
	}
}

@media (min-width:536px) and ( max-width: 585px) {
	 .team_hr {
		width: 28%;
	}
}

@media  (min-width:410px) and  ( max-width: 536px) {
	 .team_hr {
		width: 21%;
	}
}

@media  ( max-width: 410px) {
	 .team_hr {
		width: 11%;
	}
}





.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}



/****SURVEY****/
.fa.fa-circle-thin{
    background-color: #fff;
    color: #000;
    font-size: large;
    font-weight: bolder;
}

.fa.fa-circle{
    background-color: #fff;
    color: #000;
    font-size: large;
    font-weight: bolder;
}

.rating-box ul li {
    background: #fff;
}
.rating-box ul li.hovered {
    background: #fff;
}

.survey_title {
    font-weight: bold;
    font-size: 19px;
    color: #3B3B3B;
}

hr.survey_title{
    border: none;
    height: 4px;
    /* Set the hr color */
    color: #3B3B3B;
    background-color: #3B3B3B;
    margin: 0px;
}



/* Rating Star Widgets Style */
.rating-stars ul {
    list-style-type:none;
    padding:0;
    
    -moz-user-select:none;
    -webkit-user-select:none;
  }
  .rating-stars ul > li.star {
    display:inline-block;
    
  }
  
  /* Idle State of the stars */
  .rating-stars ul > li.star > i.fa {
    font-size:1.5em; /* Change the size of the stars */
    color:#ccc; /* Color on idle state */
  }
  
  /* Hover state of the stars */
  .rating-stars ul > li.star.hover > i.fa {
    color:#FFCC36;
  }
  
  /* Selected state of the stars */
  .rating-stars ul > li.star.selected > i.fa {
    color:#FF912C;
  }

  .rating-stars ul > li.star.selected > i.fa.responsable {
    color:#1AD4B3;
  }

  .rating-stars ul > li.star.selected > i.fa.teamwork {
    color:#60E2A9;
  }

  .rating-stars ul > li.star.selected > i.fa.corporative_image {
    color:#302364;
  }

  .rating-stars ul > li.star.selected > i.fa.satisfaction {
    color:#848DA4;
  }
  

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #1AD4B3;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-weight: bold;
    font-size: 14px;
  }
  
  .responsable{
    background-color: #1AD4B3;
  }
  .teamwork{
    background-color: #60E2A9;
  }
  .corporative_image{
    background-color: #302364;
  }
  .satisfaction{
    background-color: #848DA4;
  }

  .empty_satisfaction
  {
    background-color: #848DA4;
    color: white;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-weight: bold;
    font-size: 14px;
  }

  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .accordion.active, .accordion:hover {
    background-color: #ccc;
  }
 
  /* Style the accordion panel. Note: hidden by default */
  .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }

  .panel_first {
    padding-top: 10px;
  }

  .accordion:after {
    content: '\25B2'; /* Unicode character for up triangle */
    font-size: 13px;
    color: white;
    float: right;
    margin-left: 5px;
  }
  
  .accordion.active:after {
    content: "\25BC"; /* Unicode character for down triangle */
  }