@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);

body{

  /*background-color:#999 !important;*/
  background:url('../img/logo_background.jpg') center 100px no-repeat !important;
  height:100%;
}

.wellwome{
  color:#aaa;
  font-size:12px;
}
.mail-menu{
  color:#fff;
  position:absolute;
  right:110px;
  top:4px;
  z-index: 1000;
}

.footer{
  position:fixed;
  width:100%;
  padding:10px 20px;
  color:#fff;
  z-index:1000;
  bottom:0px;
  background-color:#000;
  font-size:12px;
}

.bt-mod347{
  border:1px solid #ccc;
  padding:10px 20px;
  text-decoration: none;
}

.bt-mod347-active{
  background-color:#ccc;
}

.table > tbody > tr > td{
  vertical-align:middle;
}

#calendar_float{
  position:absolute;
  display:none;
  z-index: 100;
}

/* MAIN FRAMEWORK */
#w_admin{
  position:relative;
  float:left;
  width:100%;
  height:auto;
}
  
  #w_menu_top{
    float: left;
    position: relative;
    width:100%;
    height:auto;
  }


  /* MENÚ FIXED */

  .sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index:30;
  }

  .stickyWcont{
    margin-top:48px;
  }

  .stickyTool {
    position: fixed !important;
    top: 44px;
    padding-top:5px;
    width: 98%;
    z-index:10;
    background:#fff;
  }

  .stickyLeftPanel{
    margin-top: 51px !important;
  }


  #l_admin{
    position:relative;
    float:left;
    width:20%;
    height:100%;
  }

  #r_admin{
    position:relative;
    float:left;
    width:100%;
    height:100%;
  }

/* ICONS*/

  .ico_jobs{
    background-image: url('img/agreement.png');
    background-size:75%;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:24px;
    height:24px;
    float:left;
    margin-top:-5px;
    margin-right:5px;
  }

  .ico_swap{
    background-image: url('img/businessman288.png');
    background-size:75%;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:24px;
    height:24px;
    float:left;
    margin-top:-5px;
    margin-right:5px;
  }

  .ico_config{
    background-image: url('img/cogs3.png');
    background-size:75%;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:24px;
    height:24px;
    float:left;
    margin-top:-5px;
    margin-right:5px;
  }

  .ico_pers{
    background-image: url('img/office-worker2.png');
    background-size:75%;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:24px;
    height:24px;
    float:left;
    margin-top:-5px;
    margin-right:5px;
  }

    .bt_pers{
      background-image: url('img/office-worker2.png');
      background-size:75%;
      background-repeat: no-repeat;
      background-position: 0px 0px;
      background-size: 18px 18px;
      width:18px;
      height:18px;
      display:inline-block;
      margin-top:-5px;
      margin-right:5px;
    }


    .bt_Freelance{
      background-image: url('img/cuidador_off.png');
      background-size:75%;
      background-repeat: no-repeat;
      background-position: 0px 0px;
      background-size: 18px 18px;
      width:18px;
      height:18px;
      display:inline-block;
      margin-top:-5px;
      margin-right:5px;
    }

    .bt_Product{
      background-image: url('img/product.png');
      background-size:75%;
      background-repeat: no-repeat;
      background-position: 0px 0px;
      background-size: 18px 18px;
      width:18px;
      height:18px;
      display:inline-block;
      margin-top:-5px;
      margin-right:5px;
    }

   .ico_anim{
      background-image: url('img/pets19.png');
     background-size:75%;
      background-repeat: no-repeat;
      background-position: 0px 0px;
      width:24px;
      height:24px;
      float:left;
      margin-top:0px;
      margin-right:5px;
    }

    .bt_anim{
      background-image: url('img/pets19.png');
      background-size:75%;
      background-repeat: no-repeat;
      background-position: 0px 0px;
      background-size: 18px 18px;
      width:18px;
      height:18px;
      display:inline-block;
      margin-top:0px;
      margin-right:5px;
    }

  .ico_help{
    padding:7px 12px 6px 12px;
    margin-top:-8px;
    float:left;
    font-weight: bold;
    border:2px solid #ccc;
    background-color:#efefef;
    border-radius: 20px;

    float:right;
  }

   .ico_truck{
    background-image: url('img/truck66.png');
     background-size:75%;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:24px;
    height:24px;
    float:left;
    margin-top:-5px;
    margin-right:5px;
  }

  .ico_web{
    background-image: url('img/earth186.png');
    background-size:75%;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:24px;
    height:24px;
    float:left;
    margin-top:-5px;
    margin-right:5px;
  }

  .ico_out{
    background-image: url('img/shut-down2.png');
    background-size:75%;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:24px;
    height:24px;
    float:left;
    margin-top:-5px;
    margin-right:5px;
  }

  .ico_calendar{
    background-image: url('img/calendar.png');
    background-size:75%;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width:24px;
    height:24px;
    float:left;
    margin-top:-5px;
    margin-right:5px;
  }

.label_out{
  font-size:63% !important;
  position:absolute;
  margin-top:-38px;
  left:0;
  border-radius: 0.65em !important;
}

.label_in{
  font-size:63% !important;
  position:absolute;
  margin-top:-5px;
  left:0;
  border-radius: 0.65em !important;
  z-index:200;
}

.label_row{
  font-size:63% !important;
  margin-top:-38px;
  left:0;
  border-radius: 0.65em !important;
}

.label-danger{
  color:#fff;
}

.lblHide{
  display:none;
}


.total{
  width:15% !important;
  float:right;
}

table.total_price{
  width:300px;
  margin-top:15px;
  float:right;
}

table.total_price tr td{
  padding-top:0px!important;
  padding-bottom:0px!important;
}


table.dto_discount{
  width:200px;
  margin-top:15px;
  float:right;
}

.input_price_end, .input_new_bonus{
  border:0px !important;
  text-align: right;
}

.notes_expense{
  width:50%;
}

.result{
  text-align: right;
}

.resultb{
  text-align: right;
  font-weight: bold;
}

.text-alarm{
  color:#FF0000;
}

.w_warn_pay{
    background: none repeat scroll 0 0 #f3e0e0;
    border: 2px solid #fdabab;
    border-radius: 12px;
    color: #A70000;
    font-weight: bold;
    padding: 3px 6px 3px 3px;
}

.adv_paid{
  color:#f00;
  font-size:10px;
  float:right;
}

.del_adv{
  color:#f00;
  border:1px solid #f00;
  padding:0px 2px 0px 2px;
  font-size:7px;
  border-radius: 15px;
  float:right;
  margin-left:2px;
  background:#f3e0e0;
  margin-top:2px;
}

.del_adv:hover{
  background:#f00;
  color:#fff;
}

.edit_tot_prov, .edit_tot_staff, .edit_tot_anm, .edit_tot_veh, .edit_tot_guia, .edit_tot_var{
  cursor: hand;
  cursor: pointer;
}


.tiny{
  width:30px !important;
  text-align: center;
}


.txt_warn{
  font-size:10px;
  color:#ff0000;
  margin-top:20px;


.row_warning{
  background:#f3e0e0;
}
}
/**/



/* POP UP PREGUNTAS */

#confirm, #confirm2, #infoWarn, #infoWarnValue, #infoWarnValue2 {
  display: none;
  position:absolute;
  background-color: #efefef;
  border: 1px solid #aaa;
  position: fixed;
  max-width: 50%;
  padding: 6px 8px 8px;
  box-sizing: border-box;
  text-align: center;
  right: 0;
  left: 0;
  margin: auto;
  top: 50%;
  margin-top:-50px;
  padding:30px;
  z-index: 99999;
  border-radius: 10px;
}

#confirm button, #confirm2 button, #infoWarn button, #infoWarnValue button, #infoWarnValue2 button {

  display: inline-block;
  border-radius: 5px;
  border: 1px solid #aaa;
  padding: 5px;
  text-align: center;
  width: 80px;
  cursor: pointer;
  color:#444;
  margin-top: 20px;
}


#infoWarnValue button.constinuaSin {
  width: 200px;
  background-color: #e5e4ae;
}

#infoWarn button{

}

#confirm .message, #confirm2 .message, #infoWarn .message, #infoWarnValue .message  {
  text-align: center;
}

button.yes{
  background-color: #cbe5ce;
}

button.no{
  background-color: #e5b4b2;
}

button.cancel{
  background-color: #bbb;
}

.inputValue{
  width:100%;
  margin-top:15px;
}

.inputValue input{
  text-align:center;
}

.modal-extend{
  width:100%;
  max-width: 700px;
}



/* END MAIN FRAMEWORK */

/* ADMIN TOP MENU */
#cssmenu_top {
  position: relative;
  height: 44px;
  background: #2b2f3a;
  width: auto;
  padding-left: 0%;
  width: 100%;
  min-width:1500px;
}
#cssmenu_top ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu_top > ul {
  position: relative;
  display: block;
  background: #2b2f3a;
  width: 100%;
  z-index: 500;
}
#cssmenu_top:after,
#cssmenu_top > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu_top.align-right > ul > li {
  float: right;
}
#cssmenu_top.align-center ul {
  text-align: center;
}
#cssmenu_top.align-center ul ul {
  text-align: left;
}
#cssmenu_top > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu_top > ul > #menu-button {
  display: none;
}
#cssmenu_top ul li a {
  display: block;
  font-family: Helvetica, sans-serif;
  text-decoration: none;
}
#cssmenu_top > ul > li > a {
  font-size: 10px;
  font-weight: bold;
  padding: 17px 1px;
  color: #7a8189;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}

#cssmenu_top > ul > li.has-sub > a {
  padding-right: 26px;
}

#cssmenu_top > ul > li:hover > a {
  color: #ffffff;
}
#cssmenu_top li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu_top > ul > li.has-sub::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #7a8189;
}
#cssmenu_top > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 80%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu_top ul ul {
  position: absolute;
  left: -9999px;
  top: 37px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;

  -webkit-box-shadow: 0px 3px 4px 0px rgba(20,20,20,1);
  -moz-box-shadow: 0px 3px 4px 0px rgba(20,20,20,1);
  box-shadow: 0px 3px 4px 0px rgba(20,20,20,1);
}
#cssmenu_top ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu_top ul ul li {
  position: relative;
}
#cssmenu_top > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
}
#cssmenu_top.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu_top ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu_top.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#cssmenu_top ul ul li a {
  width: 176px;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 20px;
  font-size: 12px;
  color: #9ea2a5;
  background: #ffffff;
  margin-left:-6px;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu_top.align-right ul ul li a {
  text-align: right;
}
#cssmenu_top ul ul li:hover > a {
  background: #f2f2f2;
  color: #8c9195;
}
#cssmenu_top ul ul li:last-child > a,
#cssmenu_top ul ul li.last > a {
  border-bottom: 0;
}
#cssmenu_top > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -12px;
  left: 30px;
}
#cssmenu_top.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#cssmenu_top ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu_top.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
#cssmenu_top ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu_top.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.form-date{width:50% !important;}

@media all and(max-width: 800px){
  .form-date{width:100% !important;}
}

/* @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {*/

@media all and (max-width: 1024px) {
  #cssmenu_top {
    width: auto;
    min-width:unset;
  }
  #cssmenu_top.align-center ul {
    text-align: left;
  }
  #cssmenu_top.align-right > ul > li {
    float: none;
  }
  #cssmenu_top ul {
    width: auto;
  }
  #cssmenu_top .submenuArrow,
  #cssmenu_top #indicatorContainer {
    display: none;
  }
  #cssmenu_top > ul {
    height: auto;
    display: block;
  }
  #cssmenu_top > ul > li {
    float: none;
  }
  #cssmenu_top li,
  #cssmenu_top > ul > li {
    display: none;
  }
  #cssmenu_top ul ul,
  #cssmenu_top ul ul ul,
  #cssmenu_top ul > li:hover > ul,
  #cssmenu_top ul ul > li:hover > ul,
  #cssmenu_top.align-right ul ul,
  #cssmenu_top.align-right ul ul ul,
  #cssmenu_top.align-right ul > li:hover > ul,
  #cssmenu_top.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #cssmenu_top ul .has-sub::after {
    display: none;
  }
  #cssmenu_top ul li a {
    padding: 12px 20px;
  }
  #cssmenu_top ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu_top.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu_top ul ul li:hover > a {
    background: none;
    color: #8c9195;
  }
  #cssmenu_top ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu_top ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu_top ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu_top ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu_top > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu_top #menu-button > a {
    padding: 14px 20px;
  }
  #cssmenu_top ul.open li,
  #cssmenu_top > ul.open > li {
    display: block;
  }
  #cssmenu_top > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu_top ul ul::after {
    display: none;
  }
  #cssmenu_top #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
    right: 20px;
    top: 15px;
  }
  #cssmenu_top #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    right: 20px;
    top: 25px;
  }
  #cssmenu_top ul.open #menu-button::after,
  #cssmenu_top ul.open #menu-button::before {
    border-color: #fff;
  }
}

/*END TOP MENU*/

/* LEFT LATERAL MENU */
#cssmenu {
  position: relative;
  margin: 0;
  font-family: 'Roboto Condensed';
  line-height: 1;
  width: 100%;
  margin-top: 10px;
}
.align-right {
  float: right;
}
#cssmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
#cssmenu ul li {
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu ul li a {
  text-decoration: none;
  cursor: pointer;
}
#cssmenu > ul > li > a {
  color: #dddddd;
  text-transform: uppercase;
  display: block;
  padding: 20px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  background: #222222;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  position: relative;
}
#cssmenu > ul > li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu > ul > li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom: 1px solid #000000;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.open > a,
#cssmenu > ul > li.active > a {
  background: #151515;
  color: #ffffff;
}
#cssmenu ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #000000;
  border-botom: 13px solid transparent;
 /* border-left: 125px solid transparent;
  border-right: 125px solid transparent;*/
  left: 0;
  bottom: -13px;
  bottom: 0px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu ul > li.has-sub > a::before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #151515;
  border-botom: 13px solid transparent;
 /* border-left: 125px solid transparent;
  border-right: 125px solid transparent;*/
  left: 0;
  bottom: -12px;
  bottom: -1px;
  z-index: 3;
  opacity: 0;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}
#cssmenu ul > li.has-sub::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-color: #dddddd;
  z-index: 2;
  right: 20px;
  top: 24.5px;
  pointer-events: none;
}
#cssmenu ul > li:hover::after,
#cssmenu ul > li.active::after,
#cssmenu ul > li.open::after {
  border-top-color: #ffffff;
}
#cssmenu ul > li.has-sub.open > a::after {
  opacity: 1;
  bottom: -13px;
}
#cssmenu ul > li.has-sub.open > a::before {
  opacity: 1;
  bottom: -12px;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu ul ul li {
  /*border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;*/

}
#cssmenu ul ul li a {
  background: #f1f1f1;
  display: block;
  position: relative;
  font-size: 15px;
  padding: 14px 20px;
  border-bottom: 1px solid #dddddd;
  color: #777777;
  font-weight: 300;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
#cssmenu ul ul li:first-child > a {
  padding-top: 18px;
}
#cssmenu ul ul ul li {
  border: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #e4e4e4;
  color: #666666;
}
#cssmenu ul ul > li.has-sub > a::after {
  border-top: 13px solid #dddddd;
}
#cssmenu ul ul > li.has-sub > a::before {
  border-top: 13px solid #e4e4e4;
}
#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu ul ul > li.has-sub::after {
  top: 18.5px;
  border-width: 6px;
  border-top-color: #777777;
}
#cssmenu ul ul > li:hover::after,
#cssmenu ul ul > li.active::after,
#cssmenu ul ul > li.open::after {
  border-top-color: #666666;
}

#cssmenu ul ul li ul li a {

  background: #e1e1e1;

}

.secc_select{
  background:#ffd386 !important;
}
/* END LATERAL MENU */

/* PAGINATION */

.pagination {
    height: 40px;
    margin: 0px 0px 15px 0px;
  text-align:left;
  float:right;
  position:relative;
  width:auto;
}
.pagination ul {
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}
.pagination li {
    display: inline;
}
.pagination a, .pagination span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    float: left;
    line-height: 38px;
    padding: 0 14px;
    text-decoration: none;
}
.pagination a:hover, .pagination .active a, .pagination .active span {
    background-color: #f5f5f5;
}
.pagination .active a, .pagination .active span {
    color: #999;
    cursor: default;
}
.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {
    background-color: transparent;
    color: #999;
    cursor: default;
}
.pagination li:first-child a, .pagination li:first-child span {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}
.pagination li:last-child a, .pagination li:last-child span {
    border-radius: 0 3px 3px 0;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}
.pager {
    list-style: none outside none;
    margin: 20px 0;
    text-align: center;
}
.pager:before, .pager:after {
    content: "";
    display: table;
    line-height: 0;
}
.pager:after {
    clear: both;
}
.pager li {
    display: inline;
}
.pager a {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    display: inline-block;
    padding: 5px 14px;
}
.pager a:hover {
    background-color: #f5f5f5;
    text-decoration: none;
}
.pager .next a {
    float: right;
}
.pager .previous a {
    float: left;
}
.pager .disabled a, .pager .disabled a:hover {
    background-color: #fff;
    color: #999;
    cursor: default;
}

/* END PAGINATION */


/* SIZE FONTS */

.f10{
  font-size:0.8em;
}

.f11{
  font-size:0.9em;
}

.f12{
  font-size:1em;
}

.f13{
  font-size:1.1em;
}

.f14{
  font-size:1.2em;
}

.f15{
  font-size:1.3em;
}

.f16{
  font-size:1.4em;
}

.f17{
  font-size:1.5em;
}

.f18{
  font-size:1.6em;
}

.f18{
  font-size:1.7em;
}

.f19{
  font-size:1.8em;
}

.f20{
  font-size:1.9em;
}

.one_cuarter{
  width:25% !important;
}

.two_cuarter{
  width:50% !important;
}

.three_cuarter{
  width:75% !important;
}

.two_cuarte_less{
  width:47% !important;
  float:left;
  margin-right:2%;
}

.full{
  width:100% !important;
}

.full-width{
  width:100% !important;
  min-width: auto;
}

.ml0{
  margin-left:0px !important;
}

.mr0{
  margin-right:0px !important;
}

.mb-1{
  margin-bottom:10px;
}

.mb-2{
  margin-bottom:20px;
}

.mb-3{
  margin-bottom:30px;
}

.fr{
  float:right !important;
}

.fl{
  float:left !important;
}

.mr10{
  margin-right: 10px;
}

.h60{
  height:60px;
}

.h50{
  height:50px;
}

.h40{
  height:40px;
}


/* CSS  GENERAL*/

.backblack{
  background-color:#000;
  padding-bottom:15px;
  height:auto;
  max-height: 750px;
  overflow-y: auto;
  overflow-x:hidden; 
  direction:rtl;
  text-align: left;
}

.title_l_side{
  color:#EEE !important;
  font-weight: bold;
  width:100%;
  border-bottom:1px solid #EEE;
  margin-bottom:10px;
}

.list_type_side{
  color:#666 !important;
  margin-left:4px;

}

.first_line{
  margin-top:10px;
  padding-right:0px !important;
}

.search{
  text-align:right;
}
.t_listados{
  margin:15px 2px 2px 2px;
  font-size:11px;
  background: rgba(255,255,255,0.7);

}

.t_listadosAdm{
  margin:15px 2px 2px 2px;
  background: rgba(255,255,255,0.7);
  font-size:12px;
}

.table > tbody > tr.product > td, .table > tbody > tr.subtotal > td{
  padding: 4px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  ont-size:11px;
}

.title_l_side{
  position:relative;
  float:left;
  margin-top:10px;
  color:#FFF;
}

.table th{ background: #ffd386; }

.table tr:hover { background-color: rgba(0, 0, 0, 0.25)!important; color:#000; }

.w_cont_adm_1{
  display:block;
  margin:20px 20px;
  padding-bottom:40px;
  max-width:600px;
  float:left;
  width:85%;
}

.w_cont_adm_2{
  display:none;
  margin:20px 20px;
  padding-bottom:40px;
  max-width:600px;
  float:left;
  width:85%;
}

.w_cont_adm_3{
  display:none;
  margin:20px 20px;
  padding-bottom:40px;
  max-width:600px;
  float:left;
  width:85%;
}

.w_cont_adm_4{
  display:none;
  margin:20px 20px;
  padding-bottom:40px;
  max-width:600px;
  float:left;
  width:85%;
}

.w_cont_adm_5{
  display:none;
  margin:20px 20px;
  padding-bottom:40px;
  max-width:600px;
  float:left;
  width:85%;
}

.w_cont_adm_6{
  display:none;
  margin:20px 20px;
  padding-bottom:40px;
  max-width:80%;
  float:left;
  width:80%;
}

.w_cont_adm_7{
  display:none;
  margin:20px 20px;
  padding-bottom:40px;
  max-width:80%;
  float:left;
  width:80%;
}

.w_cont_adm_8{
  display:none;
  margin:20px 20px;
  padding-bottom:40px;
  max-width:80%;
  float:left;
  width:80%;
}

.w_cont_adm_sub_1,.w_cont_adm_sub_0 {
  display:none;
  margin:20px 20px;
  padding-bottom:40px;
  max-width:80%;
  float:left;
  width:80%;
}

.w_cont_documents{
   display:block;
   margin:0px 20px 20px 20px;
   padding-bottom:40px;
   float:right;
   width:97.5%;
 }

.w_cont_transactions{
  display:block;
  margin:40px 20px 20px 20px;
  padding-bottom:40px;
  float:right;
  width:97.5%;
}

.w_cont_calendar{
  display:block;
  margin:20px 20px;
  padding-bottom:40px;
  float:right;
  width:98%;
}

.wrap_cont{
  width:40%;
}

.img-help{
  width:100%;
  max-width: 300px;
  border: 1px solid #ccc;
}

.img-help-l{
  width:100%;
  max-width: 600px;
  border: 1px solid #ccc;
}

.desplegable{
  float:left;
  border:1px solid #ccc;
  background-color: #efefef;
  padding:1% 1%;
  width:98%;
  clear:both;
}

.close_pannel{
  position:absolute;
  background:#FF0000;
  width:20px;
  height:20px;
  right:-10px;
  top:-10px;
  border-radius: 25px 25px;
  -moz-border-radius: 25px 25px;
  -webkit-border-radius: 25px;
  padding: 0 16px 23px 7px;
  z-index:9999;
  color:#fff;
  text-decoration: none;
  font-weight: bold;
}

.close_pannel:hover{
  text-decoration: none;
}

.w_info{
  float:left;
  clear:both;
  padding:1% 1%;
  width:98%;
  display:none;
  background-color: rgba(255,255,255,0.8);
  border:1px solid #efefef;
}

.leyenda{
  font-size:10px;
  color:#A70000;
}

.w_cont_adm_sub_2{
  display:none;
  margin:20px 20px;
  padding-bottom:40px;
  max-width:80%;
  float:left;
  width:80%;
}

#w_veh_prof{
  float:left;
  max-width:400px;
  width:100%;
}

.alert{
  display:none;
}

.alert_input{
  background:#fae3e3 !important; 
}

.ok_input{
  background:#D7F8DC !important; 
}

.new_funct{
  background:#d8eff8;
  border:2px solid #9fb4bd;
  padding:0px 4px 0px 4px;
  font-weight:bold;
  float:left;
}

.reload_funct{
  background:#ffd1d1;
  border:2px solid #b9a9a9;
  padding:0px 4px 0px 4px;
  font-weight:bold;
  color:#F00;
}

.reload_funct:hover{
  color:#800404;
}

.round{
   /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 12px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 12px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 12px; 
}

.notop{
  margin-top:0px;
}

/* CREATE ANIMAL */

#type_crea{
    margin-right:10px;
}

.w_actions_new{
  max-height: 250px;
  overflow-y: auto;
}

.w_tit{
  width:100%;
  color:#666;
  font-size:16px;
  font-weight:bold;
  margin-bottom:20px;
  border-bottom:1px solid #bbb;

}

#w_j_provider{
  display:none;
}

.j_provider{
  display:none;
}

.w_w_action_new{
  position:relative;
  float:left;
}

.tit_action_new{
  margin-right:10px;
}

#coment_new, #jobs_new{
  width:100%;
  min-width:200px;
}


/* MODIFY ANIMAL */

.w_img{
  margin:21px 0px 0 0;
  float:left;
  border:1px solid #d8eff8;
}
.chk_prevImg{
  position:absolute;
  z-index:10;
  height:14px;
  top:0px;
  left:5px;
}

.chk_socialImg{
  position:absolute;
  z-index:10;
  height:14px;
  top:0px;
  left:45px;
}

.img_prev,.img_social,.img_anim_list,.img_link_list{
  position:absolute;
}

.j_c_del_prevImg{
   position:absolute;
  z-index:10;
  height:14px;
  width:25px;
  top:4px;
  right:5px;
}

  .del_prevImg{
    position:absolute !important;
    height:14px;
    font-size:14px;
  }



.w_vid{
  margin:21px 0px 0 0;
  float:left;
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
  width:250px;
  overflow:hidden;

}
    

.w_vid iframe, .w_vid object, .w_vid embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


.sel_img_gal{
  font-size:12px;
  width:100px;
}

.n_sel_anim{
  width:96%;
  margin:2%;
  height:auto;
  font-size: 12px;
  font-weight: normal;
  float:left;
}


.n_lik_partner{
   float: left;
    font-size: 12px;
    font-weight: normal;
    height: 33px;
    margin: 2%;
    min-height: 20px;
    overflow: hidden;
    width: 96%;
}

.chk_prevVid{
  position:absolute;
  z-index:10;
  height:14px;
  top:0px;
  left:5px;
}

.chk_socialVid{

  z-index:10;
  height:14px;
  top:0px;
  left:45px;
}

.chk_nomAnim{
  position:absolute;
  z-index:10;
  height:14px;
  top:0px;
  left:82px;
}

  .vid_prev, .vid_social, .vid_anim{
    position:absolute;
  }

  .ico_Prev,.ico_Social,.ico_anim_list {position:absolute;left:16px;top:5px;}

.j_c_del_prevVid{
   position:absolute;
  z-index:10;
  height:14px;
  width:25px;
  top:4px;
  right:5px;
}

#list_anim_gal{
  height: 150px;
}

  .del_prevVid{
    position:absolute !important;
    height:14px;
    font-size:14px;
  }

.w_sort_video{
  width:auto !important;
}


#sortable, #sortable2, .sortable_items{ list-style-type: none; margin: 0; padding: 0; width: auto; }
#sortable li,#sortable2 li, .sortable_items li{ position:relative; margin: 15px 15px 3px 0; padding: 2px; float: left; width: 275px; height: auto; font-size: 4em; text-align: center; min-height: 199px; }

#sortable_no { list-style-type: none; margin: 0; padding: 0; width: auto; }
#sortable_no li { position:relative; margin: 15px 15px 3px 0; padding: 2px; float: left; width: 275px; height: auto; font-size: 4em; text-align: center; min-height: 199px; }


/* STAFF */

#w_photo{
  width:170px;
  height:170px;
}

  #w_photo img{
    width:100%;
  }

#formu_staff{
  margin-left:45px;
  margin-top:10px;
}
/* NEW JOB */

.j_c_animal,.j_c_client, .j_c_staff, .j_c_provider{display:none;}

.text-alert{
  color:#F00;
}

.w_slider{
  max-width:100%;
  width:98%;
}

.w_jobs_staff,.w_jobs_provider{
  max-width:100%;
  width:98%;
  padding-right: 2px;
}

.ext_gallery{

  max-width:80%;
  width:80%;
}

.ext_gallery2, .extend{

  max-width:100%;
  width:97%;
}


.ul_slider li{
  width:60% !important;
}

.ul_slider li .w_img img{
  width:100% !important;
  height:auto !important;
}

.title_min{

  font-size:9px;
  font-weight: bold;
  color:#888;
  float:left;

}


.title{
  font-weight: bold;
  color:#888;
  float:left;
}

.w_Hpop{
  display:none;
}

.title_pop{
  font-weight: bold;
  color:#888;
}

.w_range {
  float:left;
  margin-top:20px;
  width:100%;
  padding:8px;
  border:1px solid #ccc;
}

.title_row_timesheet{
  font-weight: bold;
  color:#000;
  float:left;
  width:100%;
  padding:2%;
  background-color:#ccc;
}

.w_row_timesheet{
  float:left;
  width:100%;
}

#prec_acord, #prec_ext{
  text-align: right !important;
  width:60px !important;
}

.del_edition,.del_add_animal, .del_add_personal, .del_add_alumn, .del_add_teach, .del_add_vehicle, .del_add_file, .del_bt, .remove_animal_list, .remove_clients_list{
    background: none repeat scroll 0 0 #f3e0e0;
    border: 2px solid #fdabab;
    border-radius: 12px;
    color: #530b0b;
    font-weight: bold;
    padding: 1px 6px 3px 6px;
}

.nom_pers{
 
}

.fileUpload{
  float:left;position:relative;margin-right:30px;width:100%;margin-bottom:10px;
}

.w_edicion{
  padding:5px;
  border:1px solid #efefef;
  float:left;
}

#sel_edit{
  margin-top:3px;
  float:left;
}

.add_edition,.add_animal, .add_personal, .add_expand, .add_vehicle, .add_bt,.add_bt_expense{
    background: none repeat scroll 0 0 #e4ffdd;
    border: 2px solid #7cb06e;
    border-radius: 12px;
    color: #1a530b;
    font-weight: bold;
    padding: 0 6px 2px 6px;
    margin-top: -3px;
    float:left;
}

.fix_btn{
  margin-top:3px;
  margin-right:5px;
  margin-left:3px;
}
.btnleft{
  float:left;
}

.no_visible{
  display:none;
}

.no_vis_prio{
  display:none !important;
}

.bloq{
  width:55px;
  text-align:right;
}

#w_animals,#w_animals2{
  position:relative;
  width:100%;
  height:auto;
}

#cont_anim{
  border:1px solid #CCC;
  background:#efefef;
  border-radius: 4px;
  margin-top:5px;
  padding:10px;
  float:left;
  width:100%;
}

#cont_anim2{
  border-radius: 4px;
  margin-top:10px;
  padding:10px;
  float:left;
  width:100%;
}

.cont_expand{
  display:none;
}

.img_details{
  float:left;
  height:auto;
  margin-right:15px;
  margin-bottom:10px;
}

  .img_details img{
    border:1px solid #ccc;
  }

.cont_details{
  float:left;
  height:auto;
}



.waiting_please{
  position:absolute;
  left:50%;
  margin-left:-50px;
  margin-top:-50px;
  top:50%;
  z-index:9999;
}

.box{
  float:left;
  border-radius: 4px;
  padding:8px;
  margin-top:10px;
  width:100%;
}

.signX{
   background-color: #ebcec4;
    border: 2px solid #d5aea0;
    border-radius: 4px;
    float: left;
    margin-right: 6px;
    margin-top: -4px;
    padding: 4px;
    width: 28px;
}
.signOK{
  border:2px solid #aacb8b;
  background-color:#d5eac1;
  border-radius: 4px;
  float: left;
  margin-right: 6px;
  margin-top: -4px;
  padding: 4px;
  width: 30px;
}

.filtros{
  background-color:#c0e1ea !important;
  color:#333 !important;
}


.revisado{
  background-color:#e4e1b3 !important;
  color:#333 !important;
}

.firmado{
  background-color:#c0e1ea !important;
  color:#333 !important;
}

.cerrado{
  background-color:#ebcec4 !important;
  color:#333 !important;
}

.todoOK{
  background-color:#abc88f !important;
  color:#333 !important;
}

.falta_firma{
  background-color:none !important;
  background-image:url('img/falta_firma.jpg') !important;
  color:#333 !important;

}

.falta_firma_revisar{
  background-color:none !important;
  background-image:url('img/falta_firma_revisar.jpg') !important;
  color:#333!important;
}

.falta_revisar{
  background-color:none !important;
  background-image:url('img/falta_revisar.jpg') !important;
  color:#333!important;
}

.falta_cierre{
  background-color:none !important;
  background-image:url('img/falta_cierre.jpg') !important;
  color:#333!important;
}

.falta_cierre_revisar{
  background-color:none !important;
  background-image:url('img/falta_cierre_revisar.jpg') !important;
  color:#333!important;
}

.falta_cierre_firma{
  background-color:none !important;
  background-image:url('img/falta_cierre_firma.jpg') !important;
  color:#333!important;
}

.falta_todo{
  background-color:none !important;
  background-image:url('img/falta_todo.jpg') !important;
  color:#333!important;
}

.falta_algo{
  background-color:#d4c4eb !important;
  color:#333!important;
}

.icons_list{
  margin-right:4px;
}

.w_address{
  display:block;
} 

.w_coord{
  display:none;
}

#j_pr_anim{
  display:none;
}

.pop_opt_win{
  display:none;
  position:absolute;
  padding:2px 20px;
  border-radius: 4px;
  height:auto;
  font-size: 1.8em;
  border:1px solid #CCC;
  background: #fff;
  margin-left:-200px;
  margin-top:-11px;}

  .pop_opt_win a{
    margin-right:20px;
  }

  .pop_opt_win a:last-child{
    margin-right:0px;
  }

#extras_show{
  position:relative;
  margin-top:50px;
  padding-top:20px;
  border-top: 1px solid #ccc;
}

#coments{
  position:relative;
  margin-top:50px;
  padding-top:20px;
  border-top: 1px solid #ccc;

}

.modal{
    z-index:1000 !important;
}

#w_km_alert, #w_date_alert{
  display: none;
}

.prov_vis{
  display:none;
}

#w_tax,#w_vat{

  float:left;
  width:auto;
  margin-right:20px;

}

#w_prov_pop, #w_stf_pop2{
  display:none;
}

.nodisplay{
  display:none !important;
}

.w_sel_anim, #w_staff_sel,#w_staff_sel2,#w_clients,#w_providers_sel,#w_freelances,#w_schools,#w_trainee_sel_pop{
  display:none;
}

#w_w_search_providers{
  z-index:9999999;
}

.w_cont_search, #w_cont_search_anim, #w_cont_search_staff,#w_cont_search_staff_pop2, #w_cont_search_providers,#w_cont_search_providers_pop, #w_cont_search_clients,#w_cont_search_anim2, #w_cont_search_clients2, #w_cont_search_alumns_pop, #w_cont_search_teachers_pop,#w_cont_search_freelances,#w_cont_search_schools{
  position:relative;
  float:left;
  width:100%;
}

.mail_list{
  display:none;
}

#w_w_search_staff{
  display:none;
}

.cont_search_glob, #cont_search_anim, #cont_search_staff,#cont_search_staff_pop2, #cont_search_clients, #cont_search_providers, #cont_search_providers_pop, #cont_search_alumns_pop, #cont_search_teachers_pop, .cont_search_field, .cont_search_fieldCustom{
 
  min-width:250px;
  width:100%;
  max-height:250px;
  overflow-y:auto;
  overflow-x:hidden;
  position:absolute;
  top:0px;
  background-color: #fff;
  border:1px solid #ccc;
  z-index:9999;

}

.row_search,.row_search_anim,.row_search_anim2,.row_search_staff,.row_search_staff_pop2,.row_search_providers,.row_search_providers_pop,.row_search_clients,.row_search_clients2,.row_search_alumns_pop,.row_search_teachers_pop,.row_search_field{

  width:500px;
  padding:5px;
  height: 30px;
  min-width: 300px;
  width:100%;
  float:left;
  position: relative;

}

.row_search:hover,.row_search_anim:hover,.row_search_anim2:hover,.row_search_staff:hover,.row_search_staff_pop2:hover,.row_search_providers:hover, .row_search_providers_pop:hover, .row_search_clients:hover, .row_search_clients2:hover,.row_search_alumns_pop:hover,.row_search_teachers_pop:hover,.row_search_field:hover{
  
  background:#ccc;
  cursor:pointer;
  cursor:hand;

}

#w_msn_list,#s_back_list,#s_send_list{
  display:none;
}

#wait_please{
  z-index:9999;
}


.w_jobs_type{
  float:left;
  margin-right:10px;
  display: inline-block;
}

.w_w_jobs_type{
  width:100%;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url("img/asc.gif") !important;
}

table.tablesorter thead tr .headerSortDown {
    background-image: url("img/desc.gif") !important;
}

table.tablesorter thead tr .header {
    background-image: url("img/bg.gif");
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
}


.disp_module{
  width:96%;
  float:left;
  background:#ccc;
  padding:2%;
  cursor: pointer;
  cursor: hand;
}

.cont_module{
  font-size:12px;
  padding:2%;
  width:96%;
  border:1px solid #efefef;
  float:left;
  display:none;
}


.down_file{
    font-weight: normal;
    color: #fff;
    background:url('../img/download_file.png') 4px 5px #21609B;
    background-size: 27px;
    background-repeat: no-repeat;
    padding:5px 5px 5px 35px;
    white-space: nowrap;
    margin-right:5px;
    float:left;
    margin-bottom:5px;
    width:100%;
  }

  .down_file:hover{
    background-color:#2B80D1;
    color:#fff;
  }

.nav-indiv, .nav-gen, .nav-list{
  float:left;
}

.nav-tabs .dropdown-menu{

  max-height:400px;
  overflow-y: auto;
}


.coment_payment_sheet{
  font-size:10px;
  color:#A70000;
}

.tot_res{
  float:right;
  margin-top:11px;
  margin-left:7px;
  margin-right:10px;
  font-size: 12px;
}


/* COLORES CALENDARIO */

.cal-comm1{
  background-color:#ac725e !important;
  border-color:#ac725e !important;
  color:#1d1d1d !important;
}

.cal-comm2{
  background-color:#d06b64 !important;
  border-color:#d06b64 !important;
  color:#1d1d1d !important;
}

.cal-comm3{
  background-color:#f83a22 !important;
  border-color:#f83a22 !important;
  color:#1d1d1d !important;
}

.cal-comm4{
  background-color:#fa573c !important;
  border-color:#fa573c !important;
  color:#1d1d1d !important;
}

.cal-comm5{
  background-color:#ff7537 !important;
  border-color:#ff7537 !important;
  color:#1d1d1d !important;
}

.cal-comm6{
  background-color:#ffad46 !important;
  border-color:#ffad46 !important;
  color:#1d1d1d !important;
}

.cal-comm7{
  background-color:#42d692 !important;
  border-color:#42d692 !important;
  color:#1d1d1d !important;
}

.cal-comm8{
  background-color:#16a765 !important;
  border-color:#16a765 !important;
  color:#1d1d1d !important;
}

.cal-comm9{
  background-color:#7bd148 !important;
  border-color:#7bd148 !important;
  color:#1d1d1d !important;
}

.cal-comm10{
  background-color:#b3dc6c !important;
  border-color:#b3dc6c !important;
  color:#1d1d1d !important;
}

.cal-comm11{
  background-color:#fbe983 !important;
  border-color:#fbe983 !important;
  color:#1d1d1d !important;
}

.cal-comm12{
  background-color:#fad165 !important;
  border-color:#fad165 !important;
  color:#1d1d1d !important;
}

.cal-comm13{
  background-color:#92e1c0 !important;
  border-color:#92e1c0 !important;
  color:#1d1d1d !important;
}

.cal-comm14{
  background-color:#9fe1e7 !important;
  border-color:#9fe1e7 !important;
  color:#1d1d1d !important;
}

.cal-comm15{
  background-color:#9fc6e7 !important;
  border-color:#9fc6e7 !important;
  color:#1d1d1d !important;
}

.cal-comm16{
  background-color:#4986e7 !important;
  border-color:#4986e7 !important;
  color:#1d1d1d !important;
}

.cal-comm17{
  background-color:#9a9cff !important;
  border-color:#9a9cff !important;
  color:#1d1d1d !important;
}

.cal-comm18{
  background-color:#b99aff !important;
  border-color:#b99aff !important;
  color:#1d1d1d !important;
}

.cal-comm19{
  background-color:#c2c2c2 !important;
  border-color:#c2c2c2 !important;
  color:#1d1d1d !important;
}

.cal-comm20{
  background-color:#cabdbf !important;
  border-color:#cabdbf !important;
  color:#1d1d1d !important;
}

.cal-comm21{
  background-color:#cca6ac !important;
  border-color:#cca6ac !important;
  color:#1d1d1d !important;
}

.cal-comm22{
  background-color:#f691b2 !important;
  border-color:#f691b2 !important;
  color:#1d1d1d !important;
}

.cal-comm23{
  background-color:#cd74e6 !important;
  border-color:#cd74e6 !important;
  color:#1d1d1d !important;
}

.cal-comm24{
  background-color:#a47ae2 !important;
  border-color:#a47ae2 !important;
  color:#1d1d1d !important;
}


/* COLORES EVENTOS CALENDARIO */

.eve-comm1{
  background-color:#a4bdfc !important;
  border-color:#a4bdfc !important;
  color:#1d1d1d !important;
}

.eve-comm2{
  background-color:#7ae7bf !important;
  border-color:#7ae7bf !important;
  color:#1d1d1d !important;
}

.eve-comm3{
  background-color:#dbadff !important;
  border-color:#dbadff !important;
  color:#1d1d1d !important;
}

.eve-comm4{
  background-color:#ff887c !important;
  border-color:#ff887c !important;
  color:#1d1d1d !important;
}

.eve-comm5{
  background-color:#fbd75b !important;
  border-color:#fbd75b !important;
  color:#1d1d1d !important;
}

.eve-comm6{
  background-color:#ffb878 !important;
  border-color:#ffb878 !important;
  color:#1d1d1d !important;
}

.eve-comm7{
  background-color:#46d6db !important;
  border-color:#46d6db !important;
  color:#1d1d1d !important;
}

.eve-comm8{
  background-color:#e1e1e1 !important;
  border-color:#e1e1e1 !important;
  color:#1d1d1d !important;
}

.eve-comm9{
  background-color:#5484ed !important;
  border-color:#5484ed !important;
  color:#1d1d1d !important;
}

.eve-comm10{
  background-color:#51b749 !important;
  border-color:#51b749 !important;
  color:#1d1d1d !important;
}

.eve-comm11{
  background-color:#dc2127 !important;
  border-color:#dc2127 !important;
  color:#1d1d1d !important;
}


.w_super{
  width:auto;
  margin-right:10px;
  float:left;
}


.event_chk, .cal_chk{
  margin: 2px;
  border-radius: 3px;
  width:20px;
  height:20px;
}

.border{border:2px solid !important;}

.chk_col_event, .chk_col_cal{
  display:none;
}

.mouse{
  cursor: hand;
  cursor: pointer;
}

.mt10{
  margin-top:10px;
}

.mb10{
  margin-bottom:10px !important;
}

span.fc-title {
    padding: 5px !important;
    text-overflow: ellipsis;
    white-space: pre-line;
}

@media (max-width: 600px) {
  .one_cuarter,.two_cuarter {
    width: 100% !important;
  }
}

.w_daysOff{
  width:100%;
  clear:both;
  margin-top:10px;
  display:block;
  height:70px;
}

.halfDay0 a.ui-state-default, div.halfDay0 { background: #8eff50;}

.halfDay1 a.ui-state-default, div.halfDay1 { background: url("img/halfday1.jpg");}

.halfDay2 a.ui-state-default, div.halfDay2 { background: url("img/halfday2.jpg");}

.w_dayW{
  width:26px;
  text-align:center;
  float:left;
  margin-right:10px;
}

.day_box{
  width:25px;
  float:left;
  height:25px;
  border:1px solid #888;
  cursor:pointer;
  cursor:;
}

.day_boxTS{
  width:25px;
  float:left;
  height:25px;
  border:1px solid #888;
  cursor:pointer;
  cursor:;
}


.dwSelTimeSheet{
  font-weight: bold;
  color:#222;
}

/* PUNTUACIÓN */


.ec-stars-wrapper {
  /* Espacio entre los inline-block (los hijos, los `a`) 
     http://ksesocss.blogspot.com/2012/03/display-inline-block-y-sus-empeno-en.html */
  font-size: 0;
  /* Podríamos quitarlo, 
    pero de esta manera (siempre que no le demos padding), 
    sólo aplicará la regla .ec-stars-wrapper:hover a cuando
    también se esté haciendo hover a alguna estrella */
  display: inline-block;
  position:relative;
}
.ec-stars-wrapper a {
  text-decoration: none;
  display: inline-block;
  /* Volver a dar tamaño al texto */
  font-size: 32px;
  font-size: 2rem;
  color: #888;
  margin-right:10px;
}

.ec-stars-wrapper:hover a {
  color: rgb(39, 130, 228);
}

.blue_star{
   color: rgb(39, 130, 228) !important;
}
/*
 * El selector de hijo, es necesario para aumentar la especifidad
 */
.ec-stars-wrapper > a:hover ~ a {
  color: #888;
}

.ec-stars-overlay {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background-color: transparent;
    background-color: rgba(255,255,255,.5);
    zoom: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);
}

.cont_details_score{
  float:left;
  height:auto;
}

.w_videos_acc, .w_images_acc{
  width:100%;
  position:relative;
  float:left;
}

.bt-casting_acc{
  float:right;
  margin-right:20px;
}

.j_c_del_prevVid_casting, .j_c_del_prevImg_casting{
  float:right;
  position:relative;
  right:17px;
  top:2px;
}

.w_casting_anim_row{
  float:left;
  width:100%;
  margin:5px 0px;
}

.w_chk_action{
  float:left;
  width:100%;
  padding-bottom:10px;
  border-bottom: 1px solid #ccc;
}

.w_chk_action_item{
  float:left;
  margin-right:15px;
  margin-top:5px;
}

.txt_actions{
  width:calc(100% - 16px);
  float:left;
  margin-bottom:20px;
  padding:8px;
}

.j_save_comm_cast{
  margin-left:15px;
}

/* CALENDARIO STAFF */
.cal_trainee{
  background-color:#A1AED0 !important;
  margin-bottom: 4px;
}

.deny_tr{
  background-color: #ff0000 !important;
  color:#fff;
}

.complete_tr{
  background-color:#236530 !important;
}

/* CALENDARIO ADM */
.cal_trainee_adm{
  background-color:#A1AED0 !important;
  margin-bottom: 4px;
  padding:3px;
  border-radius: 3px;
}

.deny_tr_adm{
  background-color: #ff0000 !important;
  color:#fff;
  padding:3px;
  border-radius: 3px;
}

.complete_tr_adm{
  background-color:#236530 !important;
  padding:3px;
  border-radius: 3px;
}

.w_point{
  margin-right:5px;
  margin-top:5px;
}

.w_file_point{
  width:100%;
  padding:7px;
  clear:both;
  padding-top:15px;
  border-bottom:1px solid #dfdfdf;
}

.w_file_point:first-child{
  margin-top:0;
}

.w_file_point:nth-child(even) {
    background-color: #eee;
}

@media (max-width: 600px) {
  #cal_training{
    margin-left:-20px;
  }
}

.w_new_free{
  display:none;
  border:1px solid #999;
  padding:10px;
  position:relative;
  float:left;
  width:100%;
  margin-top:20px;
  margin-bottom:20px;
}

.ok_rev{
  background-image: url("img/revisado.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 5px;
  padding-left: 14px !important;
}

.pend_rev{
  background-image: url("img/pending.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 5px;
  padding-left: 14px !important;
}


.cont_module_txt {
      font-size: 14px;
      max-height: 400px;
    overflow-y: auto;
    overflow-x: none;
  }

  .cont_module ul li{
    margin:5px 0;
    
  }

  .w_cact{
    float:left;
    width:130px;
  }



  /* PRESUPUESTOS */


table {
  border-collapse: collapse;
}

td h2{
  line-height:0.5px;
}

tr.ui-selected, tr.ui-selected td {
  background: #EFE5C3;
  color: #444;
  cursor: context-menu;
}

/*
.tablebudget tr:hover { background: #FDCE55; color:#000; } */
tr.ui-selected input{ color:#000;}
tr.ui-selected td .w_cont_search{color:#000;}

 */
tr.ui-selecting {
  background: #FECA40;
}



.i-field {
  color: #000;
}



.handle:hover{
  cursor: move;
}

.t-vistas{
  border:1px solid #ccc;
  padding:5px;
  background:#F39814;
}

.subtotal{
  background:#999999;
  color:#000;
  font-weight: bold;

}

  .table-bordered > tbody > tr.tbAdmin > td{
    padding: 4px;
  }


.trTitle{
  background:#f3f1d5;
}

.trTitleJob{
  background:#e1e2fd;
}

.nav-tabs > li > a.lblAdmin{
  font-size: 11px;
  padding:4px 19px 4px 7px;
  margin-right:3px;
  display:inline-block;
  background-color:#F1F1F1;
}

.nav-tabs > li > a.SublblAdmin{
  font-size: 11px;
  padding:4px 19px 4px 7px;
  margin-right:3px;
  display:inline-block;
  background-color:#F1F1F1;
}

.nav-tabs > li > a.exent{
  padding:4px 7px;
}

span.closeTab{
  font-size: 8px;
  position: absolute;
  right: -2px;
  font-weight: bold;
  padding: 0px 4px 2px 4px;
  border-radius: 25px;
  top: -1px;
  text-align: center;
}

span.closeTab:hover{
  cursor: pointer;
  cursor: hand;
  background:#aaa;
  color:#fff;
}

.handCursor, .ui-sortable-handle, .ui-sortable-handle a{
  cursor: pointer;
  cursor: hand;
}

.ui-sortable-helper {
  display: table;
}

/**  FACTURAS **/

.panel-title-ec{
  font-size:12px;
  font-weight:bold;
  padding:7px 10px;
  margin-top:0px;
  margin-bottom:0px;

}

.panel-heading-ec{
  bakckground-image:unset;
  background-color:#2b2f3a;
  color:#7a8189;
}

.panel-heading-ec a{
  color:#7a8189 !important;
  text-decoration: none;
}
.panel-footer-ec{
  background-color:#cccccc;
  font-size:16px;
  padding:0px 10px;
  text-align:right;
}

.panel-footer-ec a{
  margin-left:6px;
}

.panel-heading-ec a:hover,.panel-heading-ec a:focus{
  color:#cccccc;
  text-decoration: none;
}

.ec-info-bill, .ec-info-dnote, .ec-info-billDev{
  font-size:11px;
}

.separation-left{
  border-left:1px solid #ccc;
}

.separation-top{
  border-top:1px solid #ccc;
}

.minTit{
  font-size:9px;
  width:100%;
  margin-top:8px;
}

.bt-bill, .bt-dnote{
  margin-left:7px;
  color:#7a8189;
  font-size:17px;
  font-weight: bold;
}

.bt-bill:hover, .bt-bill:focus, .bt-dnote:hover, .bt-dnote:focus, .bt-billDev:hover, .bt-billDev:focus{
  color:#fff;
}

.totCol2{
  background:#e4e4e4;
  color:#000;
}

.totCol{
  background:#ccc;
  color:#000;
}


.edit-title h1, .edit-title h2,.edit-title h3,.edit-title h4,.edit-title h5{
  margin-top:0px;
  margin-bottom:0px;
}

.tableres{
  max-width:800px;
  float:right;
  display:block;
  margin-bottom:20px;
}

.ui-widget-content a{
  color:#337ab7;
}
.unSelected{
  color:#ccc !important;
}

.w_castings{
  width:100%;
  margin-top:20px;
}

  .w_castings .tit{
    font-size:18px;
    font-weight: bold;
  }

.castingrow{

  width:100%;
  margin-bottom:20px;

}

.brdRTable{
  border-right:2px solid #000 !important;
}

.remove_row{
  display:none !important;
}

.ui-tabs .ui-tabs-nav li{
  width:auto;
}

/****** VENTANA DE HISTORICO DE LLAMADAS ******/

.w_histCalls{
  display:block;
  position:absolute;
  height:50px;
  margin:40px 20px 20px 15px;
  max-width:900px;
  float:right;
  width:900px;
  left:50%;
  margin-left:-300px;
  cursor: pointer;
  cursor: hand;
  z-index:1000;
  top:13px;
}

.w_hist{
  background:#fbfbfb;
  margin:1%;
  padding:3%;
  border:1px solid #bbb;
  float:left;
  width:98%;
  color:#666;
  height:auto;
  display:block;
  font-size:10px;

}

#llamadas{
  max-height: 280px;
  overflow-y:auto;
}



/****** VENTANA DE HISTORICO DE ACCIONES CON  DOCUMENTOS ******/

.w_histDocs{
  display:block;
  position:absolute;
  height:50px;
  margin:40px 20px 20px 15px;
  max-width:900px;
  float:right;
  width:900px;
  left:50%;
  margin-left:-300px;
  cursor: pointer;
  cursor: hand;
  z-index:1000;
  top:13px;
}

.w_histD{
  background:#fbfbfb;
  margin:1%;
  padding:3%;
  border:1px solid #bbb;
  float:left;
  width:98%;
  color:#666;
  height:auto;
  display:block;
  font-size:10px;

}


.clsHistWin{
  position:absolute;
  width:20px;
  height:20px;
  right: -1px;
  top: 47px;
  font-size:20px;
  color: rgba(94, 14, 19, 0.99);
  background:#fff;
}


#histDocsList{
  max-height: 280px;
  overflow-y:auto;
}


.w_cont_searchCall{
  font-size:11px;
}

.nCliCall{
  font-size:11px;
}

.w_menuCalls{
  position: absolute;
  height: 17px;
  left: 20px;
  margin-top: -12px;
}

.menuCallCli{
  padding:2px 7px;
}
.w_menuCalls .active{
  background-color:#ccc;
}

.contCallmenu{
  margin-top:12px;
}

#CallMod{
  position: absolute;
  padding: 11px;
  right: 10px;
  top: 0;
  z-index: 999;
  color:#eee;
  -webkit-box-shadow: 0px 9px 6px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 9px 6px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 9px 6px 0px rgba(0,0,0,0.75);
  background: #662e28;
}

#notesMod{
  position: absolute;
  padding: 11px;
  right: 60px;
  top: 0;
  z-index: 999;
  color:#eee;
  -webkit-box-shadow: 0px 9px 6px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 9px 6px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 9px 6px 0px rgba(0,0,0,0.75);
  background: rgba(226, 226, 127, 0.96);
}


#tabsbudget,#tabsbill,#tabsdnote{
  width:96%;
  white-space:nowrap;
}


#tabsbudget li,#tabsbill li,#tabsdnote li{
  display:inline;
}


.w_panelControl{
  padding: 7px 0px;
  border-bottom:1px solid #eee;
}

.w_searchDocs{
  display:none;
}


.sentDoc td{
  background-color: rgba(18, 233, 251, 0.15);
}

.fullPaidDoc td{
  background-color: rgba(15, 133, 20, 0.3);
}

.halfPaidDoc td{
  background-color: rgba(117, 160, 150, 0.48);
}

.budDenied td{
  background-color: rgba(255, 97, 78, 0.48);
}

.budOld td{
  background-color: rgba(169, 169, 169, 0.65);
}

.budApprove td, .dnoteToBill td, .budToDnote td{
  background-color: rgba(191, 215, 166, 0.57);
}

.partTransfer td{
  background-color: rgba(255, 255, 171, 0.57);
}

.devDoc td{
  background-color: rgba(133, 61, 130, 0.3);
}

.handleCntx{
  white-space: nowrap;
  padding-right:10px !important;
}

.context-menu-root{
  width:auto !important;
  padding:5px !important;
}

.nav > li > a {
  padding: 6px 10px;
}


.overLimit{
  color:red;
}

.BrutoTotalHide{
  color: #000;
  font-weight: bold;
  font-size: 10px;
}

.hidden {
  display: none;
}

.w_complex_on{
  display:none;
}

.pathDocs{
  font-size:11px;
  margin-left:20px;
  margin-top:4px;
  float:left;
  font-weight: bold;
}

#accounts{
  width:100%;
}

.balance_accounts, #infoAccount{
  font-size:10px;
  text-align:left;
  width:100%;
  color:#1a530b;
  line-height: 24px;
}


.intpaid{
  font-size:10px;
  color: #bf0000;
  font-weight:bold;
  width:100%;
}

.subTrans{
  color: #0b5076;
  background-color: #c1e7f9 !important;
}

.subBillExpenses, .subBillExpensesMulti{
  color: #0d7668;
  background-color: #d9f9e6 !important;
}

#w_listTrans{

  min-height:300px;
  max-height:350px;
  overflow-y: auto;

}

.w_staff{
  display:inline-block;
  margin-right:10px;
}


.w_perExpense{
  position:absolute;bottom:0px;left:0px;width:100%;height:8px;border:1px solid #2b2b2b;
}

.fillPerExpense{
  position:absolute;z-index:0;height:6px;text-align:center;
}

.transfer-fill{
  font-weight:bolder;
  color:#0000FF;
}

.transfer-alarm{
  //font-weight:bolder;
  color:#FF0000;
}

.transfer-withdraw{
  color:#777;
}

.transfer-income{
  //font-weight:bolder;
  color: #059506;
}

.posToolTransactions {
  position:absolute;
  top:40px;
}

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

.border-bottom-sub{

  border-bottom:1px solid rgba(122, 174, 195, 0.72);

}

.border-bottom-fill{

  border-bottom:1px solid #75a096;

}


.warnDateReviewFYA{
  background-color: #a7b7a5;
  color:#fff;
}

.warnDateReviewGest{
  background-color: #9fb1b7;
  color:#fff;
}

.warnDateReview{
 background-color:#0d7668;
  color:#fff;
}

.shareDateReview{
  background: linear-gradient(90deg, #a7b7a5 50%, #9fb1b7 50%);
  color:#fff;
}

.pl-10{
  padding-left:10px;
}

.isTransfer{
  background-color: #e2f2eb;
}

.filter-options{
  font-size:13px;
  line-height:16px;
  margin-left:10px;
}

#full-list, .filter-list{

  display:none;
}

.fa-ico{

  border:1px solid #fff;
  padding:5px;
  margin-right:1px;
  width:28px;

}

.fa-ico-active{
  border: 1px solid #9b9f8a;
}

.fa-ico:hover{
  cursor: pointer;
  cursor: hand;
  background: #e7eedc;
}

.filter-dnote, .filter-bill{
  display:none;
}

.filter-budget{
  display:inline-block;
}

.trDoc{
  background-image: url("img/back_trdoc.jpg");
  background-repeat: repeat-x;
  background-position: bottom;
}

.yearSelector{
  position:absolute;
  z-index: 10;
  right: 26px;
  top: 6px;
}


#w-menu-permissions{

  max-width:400pX;

}

.h-accordion{
  width:100%!important;
  margin-bottom:0px!important;
}

.h-lastLevel{
  margin-bottom:5px;
}

.c-accordion-empty{
  height:0px;
  display:none!important;
}

.panel-accordion-actions{
  position:absolute;
  right:5px;
  top:7px;
}

.panel-accordion-actions i{
  margin-right:5px;
}

.chkPermission{
  display:none;
}

.bt-permission{
  color: #b40000;
}

.active-permission{
  color: #1a780b;
}

.w_course_expense{
  display:inline-block;
  margin-right:15px;
  padding:8px;
  border:1px solid #ccc;
}

.shareQuantity{
  margin-right:10px;
  font-size:9px;
  display:inline-block;
}

.sharePrev{
  margin-bottom:10px;
}

#msnShare{
  color: #920000;
}

.listSearch{
  font-size:11px;
  line-height: 13px;
}

.stickyToolTransactions{
  position:fixed !important;
  top:-10px !important;
  z-index:10 !important;
  background-color:#fff !important;
}

.stickyToolTransactionsPFA{
  position:fixed;
  top:0px !important;
  z-index:10 !important;
  background-color:#fff !important;
}

.stickyToolTransactionsBT{
  position:fixed !important;
  top:0px !important;
  z-index:11 !important;
}

#revInstintia, #revGest, .titRev{
  font-size:11px;
}


.listSearchNew{
  margin-top:60px;
  font-size:11px;
  min-width:250px;
  width:100%;
  max-height:250px;
  overflow-y:auto;
  overflow-x:hidden;
  position:absolute;
  top:0px;
  background-color: #fff;
  border:1px solid #ccc;
  z-index:9999;
}