/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
.hidden
{
  display:none;
}
#main {
    min-height: 100px !important;
}
ul.ColVis_collection {
    width: 182px !important;
}
/************************************************************************************************************
  PREFERENCIES
************************************************************************************************************/
.profile-carousel .carousel-inner {
    max-height: 280px !important;
}
/************************************************************************************************************
   MENU ON TOP
************************************************************************************************************/
.menu-on-top #hide-menu, .menu-on-top #logout, .menu-on-top .minifyme {
     display: block !important;
}
#mobile-profile-img {
    margin-top: -6px !important;
    padding-left: 10px !important;
}
.menu-on-top aside#left-panel nav > ul > li {
    width: 8%;
}
.menu-on-top aside#left-panel nav > ul > li > a {
    width: 100%;
}
.menu-on-top .menu-item-parent {
    font-size: 12px;
    max-width: 100%;
    min-width: 100%;

}
 .menu-on-top .pssv3 {
    text-overflow: clip !important;
    min-width: 0px;
}
/************************************************************************************************************
   ESTILS DELS SKINS
************************************************************************************************************/
/************* E S T I L   00 ****************/
.smart-style-0 .header-dropdown-list > li > .dropdown-toggle {
    margin-top: 12px;
    padding: 6px 7px 3px !important;
}
.smart-style-0 .combo_grup{
    background: #F4F4F4 none repeat  !important;
    border-radius: 4px !important;
    outline: 0 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #BEBEBE !important;
    appearance: normal !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    width: 116px !important;
}
.smart-style-0 .combo_grup_i {
    box-shadow: none !important;
    background: none !important;
        color: white !important;  
}
.smart-style-0 .pss_login_span {
    max-width: 134px;
}
/************* E S T I L   02 ****************/
.smart-style-2 nav > ul > li > a > i {
    font-size: 21px !important;
}
.smart-style-2 nav > ul > li > a b {
    right: -9px !important;
}
.smart-style-2 nav ul .active > a, .smart-style-2 nav ul li.open > a, .smart-style-2 nav ul li.open > a b {
    font-weight: 500 !important;
}

.smart-style-2 .combo_grup{
    background: rgba(0, 0, 0, 0.1) none repeat  !important;
    border-radius: 4px !important;
    color: #c5c6ca !important;
    outline: 0 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    appearance: normal !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    width: 116px !important;
}
.smart-style-2 .combo_grup_i {
    box-shadow: none !important;
    background: none !important;
        color: white !important;
   
}
.smart-style-2 .smart-form .select i::after {
    border-top: 4px solid #fff;
    bottom: 0;
}
.smart-style-2 .smart-form .select i::before {
    border-bottom: 4px solid #fff;
    top: 0;
}
.smart-style-2 .login-info {
    height: 39px !important;
}

.smart-style-2 .login-info a {
    font-size: 14px !important;
}
.smart-style-2 .login-info a span {
    font-size: 13px !important;
    padding: 0 !important;
    max-width: 128px !important;
}
.smart-style-2 .pss_login_info {
    padding: 0px !important;
}
.smart-style-2 .header-dropdown-list > li > .dropdown-toggle {
    margin-top: 12px;
    /*padding: 6px 7px 0px !important;*/
    padding-top:6px !important;
    padding-left: 7px !important;
    max-width: 210px !important;
}
.smart-style-2 .pss_login_li {
    margin-left: -10px;
    margin-top: -3px;
}
.smart-style-2 #left-panel {
     padding: 52px 15px 15px !important;
}
/************* E S T I L   03 ****************/
.smart-style-3 .header-dropdown-list > li > .dropdown-toggle {
    margin-top: 12px;
    padding: 6px 7px 3px !important;
}
.smart-style-3 .combo_grup{
    background: rgba(0, 0, 0, 0.2) none repeat  !important;
    border-radius: 4px !important;
    color: white !important;
    outline: 0 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    appearance: normal !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;

}
.smart-style-3 .combo_grup_i {
    box-shadow: none !important;
    background: none !important;
        color: white !important;
}
.smart-style-3 .pss_login_span {
    max-width: 132px !important;
}
/************* E S T I L   06 ****************/
body.smart-style-6 #logo img {
    display: block !important;
}
body.smart-style-6 nav > ul > li > a {
    text-transform: none !important;
}
body.smart-style-6 #logo-group > span#logo::before {
    content: "" !important;
}
.smart-style-6 .header-dropdown-list > li > .dropdown-toggle {
    margin-top: 9px;
    padding: 6px 7px 3px !important;
}
.smart-style-6 .combo_grup{
    background:  #2196F3 none repeat  !important;
    border-radius: 4px !important;
    outline: 0 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #2196F3 !important;
    appearance: normal !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    display: block !important;
    width: 116px !important;
    color: white !important; 
    margin-top:9px !important; 
}
.smart-style-6 .combo_grup_i {
    box-shadow: none !important;
    background: none !important;
        color: white !important;  
}
.smart-style-6 .smart-form .select i::after {
    border-top: 4px solid #fff;
    bottom: 0;
}
.smart-style-6 .smart-form .select i::before {
    border-bottom: 4px solid #fff;
    top: 0;
}
.smart-style-6 .pss_login_span {
    max-width: 180px !important;
}
/************************************************************************************************************
   WIDGETS
************************************************************************************************************/
.wid_ul{
    font-size: 13px;
    line-height: 2em;
    list-style: outside none none;
    padding-left: 15px;
    position: relative;
    width: 100%;
      
}
.wid_ul_titol{
     font-weight: 800 !important;
    text-overflow: ellipsis !important;
    white-space:nowrap;
    overflow: hidden;
    display:inline-block;
    width: 80%;
}
/************************************************************************************************************
   IMATGE BACKGROUND DEL INICI
************************************************************************************************************/
.full{
      background: url(../img/fons_pantalla.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

/************************************************************************************************************
    GRIDS
************************************************************************************************************/
/* Manager */
#Contenidor_grid_aplicacions tbody > tr > td, #Contenidor_grid_aplicacions tbody > tr > th { padding: 5px 5px; }
#Contenidor_grid_menus tbody > tr > td, #Contenidor_grid_menus tbody > tr > th { padding: 5px 5px; }
#Contenidor_grid_permisos tbody > tr > td, #Contenidor_grid_permisos tbody > tr > th { padding: 5px 5px; }
#Contenidor_grid_grups tbody > tr > td, #Contenidor_grid_grups tbody > tr > th { padding: 5px 5px; }
#Contenidor_grid_GMP tbody > tr > td, #Contenidor_grid_GMP tbody > tr > th { padding: 5px 5px; }
/* Conceptes retributius */
#Contenidor_grid_treballadors_concept tbody > tr > td, #Contenidor_grid_treballadors_concept tbody > tr > th { padding: 5px 5px; }
/**vacances retributius*/
#Contenidor_grid_treballadors_vacan tbody > tr > td, #Contenidor_grid_treballadors_vacan tbody > tr > th { padding: 5px 5px; }

/* Generador de docs */
#Contenidor_grid_treballadors_generadoc tbody > tr > td, #Contenidor_grid_treballadors_generadoc tbody > tr > th { padding: 5px 5px; }

/* Widget les meves adreces*/
#Contenidor_grid_menus_widget tbody > tr > td, #Contenidor_grid_menus_widget tbody > tr > th { padding: 4px 8px; }
#Contenidor_widget_comunicats_grid_nollegits_widget tbody > tr > td, #Contenidor_widget_comunicats_grid_nollegits_widget tbody > tr > th { padding: 2px 8px; }

/* Validació digitalització */
#Contenidor_grid_CarregaDoscMFP tbody > tr > td, #Contenidor_grid_CarregaDoscMFP tbody > tr > th { padding: 2px 8px; }
/* MFP*/
#Contenidor_grid_signantsMFP tbody > tr > td, #Contenidor_grid_signantsMFP tbody > tr > th { padding: 2px 8px; }
/* CONSULTA TREBALLADORS*/
#Contenidor_grid_treballadorsTotal tbody > tr > td, #Contenidor_grid_treballadorsTotal tbody > tr > th { padding: 2px 8px; }
/************************************************************************************************************/
.obligatori{color:red;}
/************************************************************************************************************
    POPUPS 
************************************************************************************************************/
.modalBackground
{
   background-color: gray;
   filter: alpha(opacity=70);
   opacity: 0.75;
   z-index:10000000;
}

.modalBackground2 {
    z-index:10 !important ;
}
/************************************************************************************************************
    ERRORS CAMPS DATES 
************************************************************************************************************/
.smart-form .input .camp_data_error, .smart-form .textarea .camp_data_error {
    background-color:#FFF0F0;
    border-color:#a90329;    
}
.smart-form .input .camp_data_correcte,.smart-form .textarea .camp_data_correcte{
    border-color: #bdbdbd;
    transition: border-color 0.3s ease 0s;
    background: #fff none repeat scroll 0 
}

/************************************************************************************************************
    Progress Loading 
************************************************************************************************************/
 .overlayProgress 
{
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #aaa;
    filter: alpha(opacity=30);
    opacity: 0.8;
}
.overlayContentProgress 
{
    z-index: 96;
    margin: 250px auto;
    width: 46px;
    height: 56px;
}
.overlayContentProgress  img
{
    width: 46px;
    height: 56px;
}

 .overlayProgress2 
{
    position: fixed;
    z-index: 9999998;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #aaa;
    filter: alpha(opacity=30);
    opacity: 0.8;
}
.overlayContentProgress2 
{
    z-index: 9999999;
    margin: 250px auto;
    width: 46px;
    height: 56px;
}
/************************************************************************************************************
CARREGA DE FITXERS
*************************************************************************************************************/
.MultiFile-title
{
    font-size: 12px;
    font-weight: normal;
    color: #444444;
    text-decoration: none;    
    }
/************************************************************************************************************
CALENDARIS
*************************************************************************************************************/
.margin_left20 {
    margin-left: 10px;
    /*margin-left: -50px;*/
}
/* CALENDARIS THEME 2*/ 
.radcalendar .ajax__calendar_container 
 {
        width: 15.5em;
        padding: .2em .2em 0;

        border: 1px solid #aaa;
        background: #fff;
        font-size:13px;

      padding:4px;
      position:absolute;
      cursor:default;
      text-align:center;
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  }

.radcalendar .ajax__calendar_body 
{
    width: 16em;
    position:relative;
    overflow:hidden;
    margin:auto;
    height:150px;
}

.radcalendar .ajax__calendar_days, .radcalendar .ajax__calendar_months, .radcalendar .ajax__calendar_years 
{
    top:0px; 
    left:0px;
    height:139px;
    width:170px;    
    padding:1px;
    position:absolute;
    text-align:center;
    margin:auto;
}

.radcalendar .ajax__calendar_days table
{
    border-spacing:0;
    /*border-collapse:collapse;*/
    font:100% sans-serif;
    text-align:center;    
}

.radcalendar .ajax__calendar_header 
{
        background-color: #f5f5f5;
        color: gray;
        position: relative;
        border: 0;
        font-weight: 700;
        padding: 4px 0;
        /*width: 16em;*/
}

.radcalendar .ajax__calendar_prev 
{
    margin-left:4px;
    margin-top:3px;
    display:block;
    cursor:pointer;
    float:left;
    background:url(../img/radcalendar/prev.gif) no-repeat;
}

.radcalendar .ajax__calendar_next 
{
    margin-top:2px;
    margin-right:0px;
    display:block;
    cursor:pointer;
    float:right;
    background:url(../img/radcalendar/next.gif) no-repeat;
}

.radcalendar .ajax__calendar_title 
{
    color:gray;
    font-weight: 700;
    cursor:pointer;
    text-align:center;  
}

.radcalendar .ajax__calendar_footer
{
    display:none;
}

.radcalendar .ajax__calendar_dayname 
{
    height:17px;
    width:17px;
    text-align:right;
    padding:0 2px;
    color:#000;
    border-bottom:solid 1px #a6a6a6;
}

.radcalendar .ajax__calendar_day, .radcalendar .ajax__calendar_month, .radcalendar .ajax__calendar_year
{
border: 0;
background: 0 0;
margin-bottom: 0;
padding: 5px;
/*color: gray;*/
text-align: center;
filter: none;
}

.radcalendar .ajax__calendar_today 
{ 
    font-weight:bold;
    color: #fff;
    background-color: #A90329;
} 

.radcalendar .ajax__calendar_active .ajax__calendar_day {background-color:#69A0F3;color:#fff;}
.radcalendar .ajax__calendar_active .ajax__calendar_month {background-color:#69A0F3;color:#fff;}
.radcalendar .ajax__calendar_active .ajax__calendar_year {background-color:#69A0F3;color:#fff;}

.radcalendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.radcalendar .ajax__calendar_other .ajax__calendar_month {background-color: #ffffff;border-color: #ffffff;color: #646464;}
.radcalendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.radcalendar .ajax__calendar_hover .ajax__calendar_day {background-color:#69A0F3;color:#fff;}
.radcalendar .ajax__calendar_hover .ajax__calendar_month {background-color:#69A0F3;color:#fff;}
.radcalendar .ajax__calendar_hover .ajax__calendar_year {background-color:#69A0F3;color:#fff;}

.radcalendar .ajax__calendar_invalid .ajax__calendar_day
{
    background-color:#6F6F6F;
    color:white;
    text-decoration:line-through;
    cursor:default;
}