/* VERD */
.btn-green {
    -moz-box-shadow:inset 0px 1px 0px 0px #3dc21b;
    -webkit-box-shadow:inset 0px 1px 0px 0px #3dc21b;
    box-shadow:inset 0px 1px 0px 0px #3dc21b;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a));
    background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
    background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0);
    background-color:#44c767;
    border:1px solid #18ab29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff !important;
    font-size:16px;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
}
.btn-green:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
    background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
    background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
    background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
    background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
    background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0);
    background-color:#5cbf2a;
}
.btn-green:active {
    position:relative;
    top:1px;
}


/* BLAU */
.btn-blue {
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color:#007dc1;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff !important;
    font-size:16px;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #154682;
}
.btn-blue:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
    background-color:#0061a7;
}
.btn-blue:active {
    position:relative;
    top:1px;
}


/* VERMELL */
.btn-red {
    -moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
    -webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
    box-shadow:inset 0px 1px 0px 0px #cf866c;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
    background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
    background-color:#d0451b;
    border:1px solid #942911;
    display:inline-block;
    cursor:pointer;
    color:#ffffff !important;
    font-size:16px;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #854629;
}
.btn-red:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
    background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
    background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
    background-color:#bc3315;
}
.btn-red:active {
    position:relative;
    top:1px;
}

/* GROC */
.btn-yellow {
    -moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
    box-shadow:inset 0px 1px 0px 0px #fff6af;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
    background-color:#ffec64;
    border:1px solid #ffaa22;
    display:inline-block;
    cursor:pointer;
    color:#333333 !important;
    font-size:16px;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffee66;
}
.btn-yellow:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
    background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
    background-color:#ffab23;
}
.btn-yellow:active {
    position:relative;
    top:1px;
}


/* GRIS */
.btn-grey {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color:#f9f9f9;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666 !important;
    font-size:16px;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
.btn-grey:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
    background-color:#e9e9e9;
}
.btn-grey:active {
    position:relative;
    top:1px;
}

/* ESTILS BOTONS */
.estil2 {
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
}

.estil3 {
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    padding:25px 20px;
}

.estil4 {
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    padding:11px 50px;
}

/* OMBRES BOTONS*/
.ombra-grey {
/*    -moz-box-shadow: 0px 10px 14px -7px #ffffff;
    -webkit-box-shadow: 0px 10px 14px -7px #ffffff;
    box-shadow: 0px 10px 14px -7px #ffffff;*/
    
  -webkit-box-shadow: 5px 7px 10px #999999;
  -moz-box-shadow: 5px 7px 10px #999999;
  box-shadow: 5px 7px 10px #999999;
}        

.ombra-green {
/*    -moz-box-shadow: 0px 10px 14px -7px #3dc21b;
    -webkit-box-shadow: 0px 10px 14px -7px #3dc21b;
    box-shadow: 0px 10px 14px -7px #3dc21b;*/

  -webkit-box-shadow: 5px 7px 10px #3dc21b;
  -moz-box-shadow: 5px 7px 10px #3dc21b;
  box-shadow: 5px 7px 10px #3dc21b;
}        

.ombra-blue {
/*    -moz-box-shadow: 0px 10px 14px -7px #54a3f7;
    -webkit-box-shadow: 0px 10px 14px -7px #54a3f7;
    box-shadow: 0px 10px 14px -7px #54a3f7;*/

  -webkit-box-shadow: 5px 7px 10px #54a3f7;
  -moz-box-shadow: 5px 7px 10px #54a3f7;
  box-shadow: 5px 7px 10px #54a3f7;
}        

.ombra-red {
/*    -moz-box-shadow: 0px 10px 14px -7px #cf866c;
    -webkit-box-shadow: 0px 10px 14px -7px #cf866c;
    box-shadow: 0px 10px 14px -7px #cf866c;*/

  -webkit-box-shadow: 5px 7px 10px #cf866c;
  -moz-box-shadow: 5px 7px 10px #cf866c;
  box-shadow: 5px 7px 10px #cf866c;
}        

.ombra-yellow {
/*    -moz-box-shadow: 0px 10px 14px -7px #fff6af;
    -webkit-box-shadow: 0px 10px 14px -7px #fff6af;
    box-shadow: 0px 10px 14px -7px #fff6af;*/

  -webkit-box-shadow: 5px 7px 10px #fff6af;
  -moz-box-shadow: 5px 7px 10px #fff6af;
  box-shadow: 5px 7px 10px #fff6af;
}        

/*Editor de botons TinyMCE*/

.btn-custom,
.btn-custom:focus,
.btn-custom:active {
    font-size:1em !important;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 1rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    text-decoration:none;
    border: 2px solid transparent;   
    opacity:1;
    transition: opacity .2s, background-color .2s;
}
.btn-custom:hover {
    text-decoration:inherit;
    opacity:0.8;
}

.mce-content-body .btn-solid-square,
.btn-solid-square.btn-custom {
    border-radius: 0 !important;
}
.mce-content-body .btn-solid-circle,
.btn-solid-circle.btn-custom {
    border-radius: 30px !important;
}
.mce-content-body .btn-solid-rounded,
.btn-solid-rounded.btn-custom {
    border-radius: 4px !important;
}
.mce-content-body .btn-outline-rounded,
.btn-outline-rounded.btn-custom{
    background-image: none !important;
    background-color: transparent;
    border-radius: 5px !important;
}
.mce-content-body .btn-outline-rounded:hover,
.btn-outline-rounded.btn-custom:hover{
    opacity:1;
}
.mce-content-body .btn-outline-square,
.btn-outline-square.btn-custom {
    background-image: none !important;
    background-color: transparent;
    border-radius: 0 !important;
}
.mce-content-body .btn-outline-square:hover,
.btn-outline-square.btn-custom:hover {
    opacity:1;
}
.mce-content-body .btn-outline-circle,
.btn-outline-circle.btn-custom{
    background-image: none !important;
    background-color: transparent;
    border-radius: 30px !important;
}
.mce-content-body .btn-outline-circle:hover,
.btn-outline-circle.btn-custom:hover{
    opacity:1;
}
          
/*CSS per a focus dintre del body*/
body {
    min-height:260px;
}

body#tinymce {
    /*background-color: #ddd !important;*/
    background-color: inherit;
}

.mce-tinymce {
    border-width: 0 !important;
}

.mce-menubar .mce-container-body{
    background-color:#FFF !important;
}

table caption {
    display:none;
}

table tr td caption {
    display:inline;
}