@charset "UTF-8";
/****

   colors.css v1.0 For a friendlier looking web
   MIT License • http://clrs.cc • http://github.com/mrmrs/colors

   Author: mrmrs

http://mrmrs.cc

           @mrmrs_

****/

/*

   SKINS
   • Backgrounds
   • Colors

*/

.main-color {
    color: #22C1C5 !important;
}

.brand-vodafone .main-color {
    color: #E60000 !important;
}

.brand-softbank .main-color {
    color: #4982ba !important;
}

.brand-movistarArgentina .main-color {
    color: #5BC500 !important;
}

/* Backgrounds */

.bg-navy {
    background-color: #001f3f !important;
}

.bg-blue {
    background-color: #0074d9 !important;
}

.bg-aqua {
    background-color: #7fdbff !important;
}

.bg-teal {
    background-color: #39cccc !important;
}

.bg-olive {
    background-color: #3d9970 !important;
}

.bg-green {
    background-color: #2ecc40 !important;
}

.bg-lime {
    background-color: #01ff70 !important;
}

.bg-yellow {
    background-color: #ffdc00 !important;
}

.bg-orange {
    background-color: #ff851b !important;
}

.bg-red {
    background-color: #ff4136 !important;
}

.bg-fuchsia {
    background-color: #f012be !important;
}

.bg-purple {
    background-color: #b10dc9 !important;
}

.bg-maroon {
    background-color: #85144b !important;
}

.bg-white {
    background-color: white !important;
}

.bg-gray {
    background-color: #aaaaaa !important;
}

.bg-light-space-gray {
    background-color: #f4f4f4 !important;
}

.bg-silver {
    background-color: #dddddd !important;
}

.bg-black {
    background-color: #111111 !important;
}

/* Colors */

.jp-gray-pobuca {
    color: #676a6c !important;
}

.jp-general {
    color: #22C1C5 !important;
}

.navy {
    color: #001f3f !important;
}

.blue {
    color: #0074d9 !important;
}

.aqua {
    color: #7fdbff !important;
}

.teal {
    color: #39cccc !important;
}

.olive {
    color: #3d9970 !important;
}

.green {
    color: #2ecc40 !important;
}

.lime {
    color: #01ff70 !important;
}

.yellow {
    color: #ffdc00 !important;
}

.orange {
    color: #ff851b !important;
}

.red {
    color: #ff0033 !important;
}

.fuchsia {
    color: #f012be !important;
}

.purple {
    color: #b10dc9 !important;
}

.maroon {
    color: #85144b !important;
}

.white {
    color: white !important;
}

.silver {
    color: #dddddd !important;
}

.gray {
    color: #aaaaaa !important;
}

.black {
    color: #252525 !important;
}

.disabled-gray {
    color: #dedede !important;
}

/* My Pobuca colors */

.jp-bg-general {
    background-color: #23C1C5 !important;
}

.jp-bg-general-opacity {
    background-color: #23C1C5 !important;
    opacity: 0.8;
}

.jp-gray-login {
    color: #acb0b5 !important;
}

.jp-gray {
    color: #d2dbe0 !important;
}

.jp-green {
    color: #1db295 !important;
}

.jp-light-blue {
    color: #36c0c3 !important;
    /*color: #23C1C5 !important;*/
}

.jp-light-blue-savemenu {
    color: #ffffff !important;
    background-color: #36c0c3;
    /*color: #23C1C5 !important;*/
}

.jp-blue {
    color: #2785c5 !important;
}

.jp-orange {
    color: #f8ac60 !important;
}

.jp-pink {
    color: #eb5767 !important;
}

/* My Pobuca background colors */

.jp-bg-gray {
    background-color: #d2dbe0 !important;
}

.jp-bg-selected-option-gray {
    background-color: #ededed !important;
}

.jp-bg-green {
    background-color: #1db295 !important;
}

.jp-bg-green-opacity {
    background-color: #1db295 !important;
    opacity: 0.5 !important;
}

.jp-bg-light-blue {
    background-color: #36c0c3 !important;
}

.jp-bg-light-blue-opacity {
    background-color: #36c0c3 !important;
    opacity: 0.5 !important;
}

.jp-bg-blue {
    background-color: #2785c5 !important;
}

.jp-bg-blue-opacity {
    background-color: #2785c5 !important;
    opacity: 0.5 !important;
}

.jp-bg-orange {
    background-color: #f8ac60 !important;
}

.jp-bg-orange-opacity {
    background-color: #f8ac60 !important;
    opacity: 0.5 !important;
}

.jp-bg-pink {
    background-color: #eb5767 !important;
}

.jp-bg-pink-opacity {
    background-color: #eb5767 !important;
    opacity: 0.5 !important;
}

.jp-black-navy {
    color: #2f3f4f !important;
}

.jp-bg-black-navy {
    background-color: #2f3f4f !important;
}

.softbank-gray-dark {
    color: #626464 !important;
}

.jp-gray-dark {
    color: #798088 !important;
}

.jp-bluegreen {
    color: #2cbec3 !important;
}

.jp-bg-light-gray {
    background-color: #f3f3f4 !important;
}

.jp-bg-gray-dark {
    background-color: #e6e6e8 !important;
}

/* SOFTBANK */

.sb-bg-blue {
    background-color: #38608c !important;
}

.sb-bg-blue-opacity {
    background-color: #38608c !important;
    opacity: 0.5 !important;
}

.sb-bg-orange {
    background-color: #ff9933 !important;
}

.sb-bg-orange-opacity {
    background-color: #ff9933 !important;
    opacity: 0.5 !important;
}

.sb-bg-pink {
    background-color: #b8aff9 !important;
}

.sb-bg-pink-opacity {
    background-color: #b8aff9 !important;
    opacity: 0.5 !important;
}

.sb-bg-green {
    background-color: #1e993d !important;
}

.sb-bg-green-opacity {
    background-color: #1e993d !important;
    opacity: 0.5 !important;
}

.sb-bg-light-blue {
    background-color: #4982ba !important;
}

.sb-bg-light-blue-opacity {
    background-color: #4982ba !important;
    opacity: 0.5 !important;
}

.sb-bg-slate {
    background-color: #626364 !important;
}

.sb-bg-slate-opacity {
    background-color: #626364 !important;
    opacity: 0.5 !important;
}

.sb-bg-clay {
    background-color: #ecd5ce !important;
}

.sb-bg-clay-opacity {
    background-color: #ecd5ce !important;
    opacity: 0.5 !important;
}

.sb-bg-sand {
    background-color: #e0dbce !important;
}

.sb-bg-sand-opacity {
    background-color: #e0dbce !important;
    opacity: 0.5 !important;
}

.sb-bg-silver {
    background-color: #b7bbbe !important;
}

.sb-bg-silver-opacity {
    background-color: #b7bbbe !important;
    opacity: 0.5 !important;
}

.sb-bg-red {
    background-color: #c12b2b !important;
}

.sb-bg-red-opacity {
    background-color: #c12b2b !important;
    opacity: 0.5 !important;
}

.sb-bg-yellow {
    background-color: #f4d826 !important;
}

.sb-bg-yellow-opacity {
    background-color: #f4d826 !important;
    opacity: 0.5 !important;
}

.sb-bg-graphite {
    background-color: #44444e !important;
}

.sb-bg-graphite-opacity {
    background-color: #44444e !important;
    opacity: 0.5 !important;
}

.sb-bg-lavender {
    background-color: #d8aff9 !important;
}

.sb-bg-lavender-opacity {
    background-color: #d8aff9 !important;
    opacity: 0.5 !important;
}

.sb-bg-marble {
    background-color: #dfdfdf !important;
}

.sb-bg-marble-opacity {
    background-color: #dfdfdf !important;
    opacity: 0.5 !important;
}

.movistar-bg-green {
    background-color: #5BC500 !important;
}

.movistar-bg-green-opacity {
    background-color: #5BC500 !important;
    opacity: 0.5 !important;
}

/* .movistar-bg-grey {
    background-color: #50535a !important;
}

.movistar-bg-grey-opacity {
    background-color: #50535a !important;
    opacity: 0.5 !important;
} */

.movistar-bg-violet {
    background-color: #954b98 !important;
}

.movistar-bg-violet-opacity {
    background-color: #954b98 !important;
    opacity: 0.5 !important;
}

.movistar-bg-light-blue {
    background-color: #00A9E0 !important;
}

.movistar-bg-light-blue-opacity {
    background-color: #00A9E0 !important;
    opacity: 0.5 !important;
}

/* PRETTIER LINKS */

/*a {
  text-decoration: none;
  -webkit-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out; }

a:link {
  color: #0074d9;
  -webkit-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out; }

a:visited {
  color: #b10dc9; }

a:hover {
  color: #7fdbff;
  -webkit-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out; }

a:active {
  color: #ff851b;
  -webkit-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out; }*/

/* Font SIZES */

.fthin {
    font-weight: 100 !important;
}

.fnormal {
    font-weight: 400 !important;
}

.f150 {
    font-size: 150px !important;
}

.f60 {
    font-size: 60px !important;
}

.f45 {
    font-size: 45px !important;
}

.f40 {
    font-size: 40px !important;
}

.f37 {
    font-size: 37px !important;
}

.f33 {
    font-size: 33px !important;
}

.f30 {
    font-size: 30px !important;
}

.f27 {
    font-size: 27px !important;
}

.f26 {
    font-size: 26px !important;
}

.f25 {
    font-size: 25px !important;
}

.f24 {
    font-size: 24px !important;
}

.f23 {
    font-size: 23px !important;
}

.f22 {
    font-size: 22px !important;
}

.f21 {
    font-size: 21px !important;
}

.f20 {
    font-size: 20px !important;
}

.f19 {
    font-size: 19px !important;
}

.f18 {
    font-size: 18px !important;
}

.f17 {
    font-size: 17px !important;
}

.f16 {
    font-size: 16px !important;
}

.f15 {
    font-size: 15px !important;
}

.f14 {
    font-size: 14px !important;
}

.f13 {
    font-size: 13px !important;
}

.f12 {
    font-size: 12px !important;
}

.f11 {
    font-size: 11px !important;
}

.f10 {
    font-size: 10px !important;
}

.f8 {
    font-size: 8px !important;
}

.f7 {
    font-size: 7px !important;
}