/* ========================================================= */
/* GRUPO GRID XS                                              */
/* ========================================================= */

/*
tab-informacoes, tab-arquivos, tab-configuracoes, tab-secoes, etc
tab-historico
tab-permissoes
tab-preview*/

/* ===== SVG ICONS ===== */
.icon                   { width: 20px; height: 20px; flex-shrink: 0; }
.icon-lg                { width: 24px; height: 24px; }
.jp-sidebar-close svg   { width: 30px; height: 30px; color: var(--sidebar-close-color); }

/* ===== TABLES ===== */
.table-acoes {white-space: nowrap; text-align: center;}

.row{
    display:flex;
    flex-wrap:wrap;
    margin-left:-15px;
    margin-right:-15px;
    box-sizing:border-box;
}

[class*="col-"]{
    position:relative;
    padding-left:15px;
    padding-right:15px;
    box-sizing:border-box;
    flex:0 0 auto;
}

.col-xs-1  {flex:0 0 8.3333%;  max-width:8.3333%;}
.col-xs-2  {flex:0 0 16.6667%; max-width:16.6667%;}
.col-xs-3  {flex:0 0 25%;      max-width:25%;}
.col-xs-4  {flex:0 0 33.3333%; max-width:33.3333%;}
.col-xs-5  {flex:0 0 41.6667%; max-width:41.6667%;}
.col-xs-6  {flex:0 0 50%;      max-width:50%;}
.col-xs-7  {flex:0 0 58.3333%; max-width:58.3333%;}
.col-xs-8  {flex:0 0 66.6667%; max-width:66.6667%;}
.col-xs-9  {flex:0 0 75%;      max-width:75%;}
.col-xs-10 {flex:0 0 83.3333%; max-width:83.3333%;}
.col-xs-11 {flex:0 0 91.6667%; max-width:91.6667%;}
.col-xs-12 {flex:0 0 100%;     max-width:100%;}


/* ========================================================= */
/* GRUPO GRID SM                                              */
/* ========================================================= */

@media (min-width:576px){
.col-sm-1  {flex:0 0 8.3333%;  max-width:8.3333%;}
.col-sm-2  {flex:0 0 16.6667%; max-width:16.6667%;}
.col-sm-3  {flex:0 0 25%;      max-width:25%;}
.col-sm-4  {flex:0 0 33.3333%; max-width:33.3333%;}
.col-sm-5  {flex:0 0 41.6667%; max-width:41.6667%;}
.col-sm-6  {flex:0 0 50%;      max-width:50%;}
.col-sm-7  {flex:0 0 58.3333%; max-width:58.3333%;}
.col-sm-8  {flex:0 0 66.6667%; max-width:66.6667%;}
.col-sm-9  {flex:0 0 75%;      max-width:75%;}
.col-sm-10 {flex:0 0 83.3333%; max-width:83.3333%;}
.col-sm-11 {flex:0 0 91.6667%; max-width:91.6667%;}
.col-sm-12 {flex:0 0 100%;     max-width:100%;}
}


/* ========================================================= */
/* GRUPO GRID MD                                              */
/* ========================================================= */

@media (min-width:768px){
.col-md-1  {flex:0 0 8.3333%;  max-width:8.3333%;}
.col-md-2  {flex:0 0 16.6667%; max-width:16.6667%;}
.col-md-3  {flex:0 0 25%;      max-width:25%;}
.col-md-4  {flex:0 0 33.3333%; max-width:33.3333%;}
.col-md-5  {flex:0 0 41.6667%; max-width:41.6667%;}
.col-md-6  {flex:0 0 50%;      max-width:50%;}
.col-md-7  {flex:0 0 58.3333%; max-width:58.3333%;}
.col-md-8  {flex:0 0 66.6667%; max-width:66.6667%;}
.col-md-9  {flex:0 0 75%;      max-width:75%;}
.col-md-10 {flex:0 0 83.3333%; max-width:83.3333%;}
.col-md-11 {flex:0 0 91.6667%; max-width:91.6667%;}
.col-md-12 {flex:0 0 100%;     max-width:100%;}
}

/* =============================================
    BTNs / BOTOES TABELAS
================================================ */
.table-btn              {padding:6px 0px; border-radius:0px; font-size:12px; font-weight:400; line-height:1.4; font-family:inherit; border:none; box-sizing:border-box; display:inline-block; vertical-align:middle; text-decoration:none; cursor:pointer; white-space:nowrap; color: var(--btn-font); width: 80px; text-align: center;}
.table-btns             {white-space:nowrap}
.table-btn-editar       {background: var(--btn-base);}
.table-btn-excluir      {background: var(--btn-excluir);}
.table-btn-info         {background: var(--btn-ciano);}
.table-btn-alerta       {background: var(--btn-laranja);}
.table-btn-on           {background: var(--btn-verde);}
.table-btn-off          {background: var(--btn-cinza);}
.table-atualizar        {background: var(--btn-base); border:none; cursor:pointer; display:inline-block; padding:6px 16px; color: var(--btn-font);}
.table-acoes            {white-space: nowrap; text-align: center;}
.table-acoes-wrap       {display: flex; gap: 1px; justify-content: center; flex-wrap: nowrap; min-width: 0;}
.table-acoes-wrap .table-btn {width: 80px; text-align: center; flex-shrink: 0;}

/* ===== HOVER / ACTIVE UNICO ===== */
.btn:hover, .btn:active {background: var(--layout-hover); color: var(--layout-font);}
.btn-excluir:hover, .btn-excluir:active {background: var(--btn-excluir); color: var(--btn-font);}
.table-atualizar:hover, .table-atualizar:active {background: var(--btn-hover);} /* caso TABELA */

/*=================================
   BTNS LAYOUT
==================================*/
.btn {
    box-sizing:border-box;
    font-family:inherit;
    font-size:12px;
    line-height:1.4;
    padding:9px 16px;
    border-radius:4px;
    font-weight:600;
    display:inline-block;
    white-space:nowrap;
    cursor:pointer;
    text-decoration:none;
    border:1px solid transparent;
}
.btn-group              {position:relative;display:inline-flex}
.btn-group .btn + .btn  {margin-left:-1px}

.btn-base               {background: var(--layout); color: var(--layout-font); padding:9px 26px;}

.btn-outline            {background: transparent; color: var(--layout); border: 1px solid var(--layout-border);}
.btn-outline:hover      {border-color: var(--layout-hover);}

.btn-excluir            {background: var(--btn-excluir); color: var(--btn-font);}

.btn-pill               {background: var(--layout); color: var(--layout-font); border: 1px solid var(--layout-border); width: 100%; border-radius: 25px; font-size: 14px;}


/*=================================
   BTN MENUS
==================================*/
.btn-menus              {background: var(--layout); color: var(--layout-font); font-size:14px; padding: 7px 12px; display:inline-flex; align-items:center; gap:6px; white-space:nowrap; text-decoration:none; cursor:pointer;}
.btn-menus:hover, .active .btn-menus {background: var(--layout-hover); text-decoration:none;}

/* PERMISSÕES DE APLICATIVOS */
.perms-wrap            {display:flex; flex-wrap:wrap; gap:6px;}
.perms-wrap a.active   {background: var(--layout); color: var(--layout-font); border-color: var(--layout-border);}
.perms-wrap a.active:hover {background: var(--layout-hover); color: var(--layout-font);}

/*=================================
   SWEETALERT 
==================================*/
.sweet-overlay                  {background: rgba(0,0,0,0.55) !important}
.sweet-alert                    {background: var(--paginas); color: var(--fonte); border: 1px solid var(--tbo); border-radius: 16px; padding: 32px 28px 24px; box-shadow: 0 24px 80px rgba(0,0,0,0.45)}
.sweet-alert h2                 {color: var(--fonte); font-size: 22px; }
.sweet-alert .lead.text-muted   {color: var(--fonte); opacity: .7}
.sweet-alert button.confirm,
.sweet-alert button.cancel      {padding: 10px 28px; border-radius: 8px !important; font-weight: 600; min-width: 100px; border: none}
.sweet-alert button.confirm     {background: var(--btn-base);}
.sweet-alert button.cancel      {background: transparent; color: var(--fonte); border: 1px solid var(--tbo)}
.sweet-alert button.cancel:hover{background: var(--btn-cinza);}

/* GRUPO TEXT UTILITIES */
.text-danger    {color:#e74c3c}

/* GRUPO TABS */
.tab-content > .tab-pane{display:none}
.tab-content > .active{display:block}

/* GRUPO RESPONSIVE UTILITIES */
.visible-xs     {display:block !important}
@media (min-width: 576px){.visible-xs{display:none !important}}
.hidden-print   {display:block !important}
@media print{.hidden-print{display:none !important}}

/* GRUPO LABELS */
.label          {display:inline;padding:2px 8px;font-size:75%;font-weight:700;line-height:1;color:var(--fonte);background:var(--btn-base);border-radius:3px}
.label-success  {background:#27ae60}
.label-danger   {background:#e74c3c}

/* GRUPO SUMMERNOTE FIX (modais usam row do bootstrap) */

/* GRUPO NAV */
.nav-tabs       {border-bottom:1px solid var(--borda)}
.nav-tabs > li > a{display:block;padding:8px 16px;color:var(--fonte);text-decoration:none}
.nav-tabs > li.active > a{border-bottom:2px solid var(--focus)}



/* GRUPO UTILITIES LEGACY */
.pull-left      {float:left!important}
.pull-right     {float:right!important}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.no-shadow      {box-shadow:none!important}
.no-radius      {border-radius:0!important}
.no-transform   {text-transform:none!important}
.font-s13       {font-size:13px!important}
.moeda          {text-align:right!important}
option[disabled][selected] { display:none !important; }

/* min-height de 10/10 até 500 */
.mh10   { min-height: 10px; } 
.mh20   { min-height: 20px; } 
.mh30   { min-height: 30px; } 
.mh40   { min-height: 40px; } 
.mh50   { min-height: 50px; } 
.mh60   { min-height: 60px; } 
.mh70   { min-height: 70px; } 
.mh80   { min-height: 80px; } 
.mh90   { min-height: 90px; } 
.mh100  { min-height: 100px; } 
.mh110  { min-height: 110px; } 
.mh120  { min-height: 120px; } 
.mh130  { min-height: 130px; } 
.mh140  { min-height: 140px; } 
.mh150  { min-height: 150px; } 
.mh160  { min-height: 160px; } 
.mh170  { min-height: 170px; } 
.mh180  { min-height: 180px; } 
.mh190  { min-height: 190px; } 
.mh200  { min-height: 200px; } 
.mh210  { min-height: 210px; } 
.mh220  { min-height: 220px; } 
.mh230  { min-height: 230px; } 
.mh240  { min-height: 240px; } 
.mh250  { min-height: 250px; } 
.mh260  { min-height: 260px; } 
.mh270  { min-height: 270px; } 
.mh280  { min-height: 280px; } 
.mh290  { min-height: 290px; } 
.mh300  { min-height: 300px; } 
.mh310  { min-height: 310px; } 
.mh320  { min-height: 320px; } 
.mh330  { min-height: 330px; } 
.mh340  { min-height: 340px; } 
.mh350  { min-height: 350px; } 
.mh360  { min-height: 360px; } 
.mh370  { min-height: 370px; } 
.mh380  { min-height: 380px; } 
.mh390  { min-height: 390px; } 
.mh400  { min-height: 400px; } 
.mh410  { min-height: 410px; } 
.mh420  { min-height: 420px; } 
.mh430  { min-height: 430px; } 
.mh440  { min-height: 440px; } 
.mh450  { min-height: 450px; } 
.mh460  { min-height: 460px; } 
.mh470  { min-height: 470px; } 
.mh480  { min-height: 480px; } 
.mh490  { min-height: 490px; } 
.mh500  { min-height: 500px; }
@media screen and (max-width: 769px) {.mh50,.mh60,.mh70,.mh80,.mh90,.mh110,.mh120,.mh130,.mh140,.mh150,.mh160,.mh170,.mh180,.mh190,.mh200,.mh200,.mh210,.mh220,.mh230,.mh240,.mh250,.mh260,.mh270,.mh280,.mh290,.mh300,.mh310,.mh320,.mh330,.mh340,.mh350,.mh360,.mh370,.mh380,.mh390,.mh400,.mh410,.mh420,.mh430,.mh440,.mh450,.mh460,.mh470,.mh480,.mh490,.mh500 {min-height:10px}}

/* MARGIN HEIIGHT */
.mgh1   { height: 1px; }
.mgh2   { height: 2px; }
.mgh3   { height: 3px; }
.mgh4   { height: 4px; }
.mgh5   { height: 5px; }
.mgh6   { height: 6px; }
.mgh7   { height: 7px; }
.mgh8   { height: 8px; }
.mgh9   { height: 9px; }
.mgh10  { height: 10px; }
.mgh20  { height: 20px; }
.mgh30  { height: 30px; }
.mgh40  { height: 40px; }
.mgh50  { height: 50px; }
.mgh60  { height: 60px; }
.mgh70  { height: 70px; }
.mgh80  { height: 80px; }
.mgh90  { height: 90px; }
.mgh100 { height: 100px; }
.mgh110 { height: 110px; }
.mgh120 { height: 120px; }
.mgh130 { height: 130px; }
.mgh140 { height: 140px; }
.mgh150 { height: 150px; }
.mgh160 { height: 160px; }
.mgh170 { height: 170px; }
.mgh180 { height: 180px; }
.mgh190 { height: 190px; }
.mgh200 { height: 200px; }
.mgh210 { height: 210px; }
.mgh220 { height: 220px; }
.mgh230 { height: 230px; }
.mgh240 { height: 240px; }
.mgh250 { height: 250px; }
.mgh260 { height: 260px; }
.mgh270 { height: 270px; }
.mgh280 { height: 280px; }
.mgh290 { height: 290px; }
.mgh300 { height: 300px; }

/* MARGIN E PADDING */
.mt1    { margin-top: 1px; }
.mt2    { margin-top: 2px; }
.mt3    { margin-top: 3px; }
.mt4    { margin-top: 4px; }
.mt5    { margin-top: 5px; }
.mt6    { margin-top: 6px; }
.mt7    { margin-top: 7px; }
.mt8    { margin-top: 8px; }
.mt9    { margin-top: 9px; }
.mt10   { margin-top: 10px; }
.mt15   { margin-top: 15px; }
.mt20   { margin-top: 20px; }
.mt25   { margin-top: 25px; }
.mt30   { margin-top: 30px; }
.mt35   { margin-top: 35px; }
.mt40   { margin-top: 40px; }
.mt45   { margin-top: 45px; }
.mt50   { margin-top: 50px; }
.mt60   { margin-top: 60px; }
.mt70   { margin-top: 70px; }
.mt80   { margin-top: 80px; }
.mt90   { margin-top: 90px; }
.mt100  { margin-top: 100px; }
.mt110  { margin-top: 110px; }
.mt120  { margin-top: 120px; }
.mt130  { margin-top: 130px; }
.mt140  { margin-top: 140px; }
.mt150  { margin-top: 150px; }
.mt160  { margin-top: 160px; }
.mt170  { margin-top: 170px; }
.mt180  { margin-top: 180px; }
.mt190  { margin-top: 180px; }
.mt200  { margin-top: 200px; }
.mt210  { margin-top: 210px; }
.mt220  { margin-top: 220px; }
.mt230  { margin-top: 230px; }
.mt240  { margin-top: 240px; }
.mt250  { margin-top: 250px; }

/* Margem Bottom */
.mb1    { margin-bottom: 1px; }
.mb2    { margin-bottom: 2px; }
.mb3    { margin-bottom: 3px; }
.mb4    { margin-bottom: 4px; }
.mb5    { margin-bottom: 5px; }
.mb6    { margin-bottom: 6px; }
.mb7    { margin-bottom: 7px; }
.mb8    { margin-bottom: 8px; }
.mb9    { margin-bottom: 9px; }
.mb10   { margin-bottom: 10px; }
.mb15   { margin-bottom: 15px; }
.mb20   { margin-bottom: 20px; }
.mb25   { margin-bottom: 25px; }
.mb30   { margin-bottom: 30px; }
.mb35   { margin-bottom: 35px; }
.mb40   { margin-bottom: 40px; }
.mb45   { margin-bottom: 45px; }
.mb50   { margin-bottom: 50px; }
.mb60   { margin-bottom: 60px; }
.mb70   { margin-bottom: 70px; }
.mb80   { margin-bottom: 80px; }
.mb90   { margin-bottom: 90px; }
.mb100  { margin-bottom: 100px; }
.mb150  { margin-bottom: 150px; }
.mb200  { margin-bottom: 200px; }
.mb210  { margin-bottom: 210px; }
.mb220  { margin-bottom: 220px; }
.mb230  { margin-bottom: 230px; }
.mb240  { margin-bottom: 240px; }
.mb250  { margin-bottom: 250px; }

/* Margem Left */
.ml1    { margin-left: 1px; }
.ml2    { margin-left: 2px; }
.ml3    { margin-left: 3px; }
.ml4    { margin-left: 4px; }
.ml5    { margin-left: 5px; }
.ml6    { margin-left: 6px; }
.ml7    { margin-left: 7px; }
.ml8    { margin-left: 8px; }
.ml9    { margin-left: 9px; }
.ml10   { margin-left: 10px; }
.ml15   { margin-left: 15px; }
.ml20   { margin-left: 20px; }
.ml25   { margin-left: 25px; }
.ml30   { margin-left: 30px; }
.ml35   { margin-left: 35px; }
.ml40   { margin-left: 40px; }
.ml45   { margin-left: 45px; }
.ml50   { margin-left: 50px; }
.ml60   { margin-left: 60px; }
.ml70   { margin-left: 70px; }
.ml80   { margin-left: 80px; }
.ml90   { margin-left: 90px; }
.ml100  { margin-left: 100px; }
.ml150  { margin-left: 150px; }
.ml200  { margin-left: 200px; }

/* Margem Right */
.mr1    { margin-right: 1px; }
.mr2    { margin-right: 2px; }
.mr3    { margin-right: 3px; }
.mr4    { margin-right: 4px; }
.mr5    { margin-right: 5px; }
.mr6    { margin-right: 6px; }
.mr7    { margin-right: 7px; }
.mr8    { margin-right: 8px; }
.mr9    { margin-right: 9px; }
.mr10   { margin-right: 10px; }
.mr15   { margin-right: 15px; }
.mr20   { margin-right: 20px; }
.mr25   { margin-right: 25px; }
.mr30   { margin-right: 30px; }
.mr35   { margin-right: 35px; }
.mr40   { margin-right: 40px; }
.mr45   { margin-right: 45px; }
.mr50   { margin-right: 50px; }
.mr60   { margin-right: 60px; }
.mr70   { margin-right: 70px; }
.mr80   { margin-right: 80px; }
.mr90   { margin-right: 90px; }
.mr100  { margin-right: 100px; }
.mr150  { margin-right: 150px; }
.mr200  { margin-right: 2000px; }

/* Margem Geral */
.mg1    { margin: 1px; }
.mg2    { margin: 2px; }
.mg3    { margin: 3px; }
.mg4    { margin: 4px; }
.mg5    { margin: 5px; }
.mg6    { margin: 6px; }
.mg7    { margin: 7px; }
.mg8    { margin: 8px; }
.mg9    { margin: 9px; }
.mg10   { margin: 10px; }
.mg15   { margin: 15px; }
.mg20   { margin: 20px; }
.mg25   { margin: 25px; }
.mg30   { margin: 30px; }
.mg35   { margin: 35px; }
.mg40   { margin: 40px; }
.mg45   { margin: 45px; }
.mg50   { margin: 50px; }
.mg60   { margin: 60px; }
.mg70   { margin: 70px; }
.mg80   { margin: 80px; }
.mg90   { margin: 90px; }
.mg100  { margin: 100px; }
.mg150  { margin: 150px; }
.mg200  { margin: 200px; }

/* Preenchimento Topo */
.pt1    { padding-top: 1px; }
.pt2    { padding-top: 2px; }
.pt3    { padding-top: 3px; }
.pt4    { padding-top: 4px; }
.pt5    { padding-top: 5px; }
.pt6    { padding-top: 6px; }
.pt7    { padding-top: 7px; }
.pt8    { padding-top: 8px; }
.pt9    { padding-top: 9px; }
.pt10   { padding-top: 10px; }
.pt15   { padding-top: 15px; }
.pt20   { padding-top: 20px; }
.pt25   { padding-top: 25px; }
.pt30   { padding-top: 30px; }
.pt35   { padding-top: 25px; }
.pt40   { padding-top: 40px; }
.pt45   { padding-top: 45px; }
.pt50   { padding-top: 50px; }
.pt60   { padding-top: 60px; }
.pt70   { padding-top: 70px; }
.pt80   { padding-top: 80px; }
.pt90   { padding-top: 90px; }
.pt100  { padding-top: 100px; }
.pt150  { padding-top: 150px; }
.pt200  { padding-top: 200px; }

/* Preenchimento Baixo */
.pb1    { padding-bottom: 1px; }
.pb2    { padding-bottom: 2px; }
.pb3    { padding-bottom: 3px; }
.pb4    { padding-bottom: 4px; }
.pb5    { padding-bottom: 5px; }
.pb6    { padding-bottom: 6px; }
.pb7    { padding-bottom: 7px; }
.pb8    { padding-bottom: 8px; }
.pb9    { padding-bottom: 9px; }
.pb10   { padding-bottom: 10px; }
.pb15   { padding-bottom: 15px; }
.pb20   { padding-bottom: 20px; }
.pb25   { padding-bottom: 25px; }
.pb30   { padding-bottom: 30px; }
.pb35   { padding-bottom: 35px; }
.pb40   { padding-bottom: 40px; }
.pb45   { padding-bottom: 45px; }
.pb50   { padding-bottom: 50px; }
.pb60   { padding-bottom: 60px; }
.pb70   { padding-bottom: 70px; }
.pb80   { padding-bottom: 80px; }
.pb90   { padding-bottom: 90px; }
.pb100  { padding-bottom: 100px; }
.pb150  { padding-bottom: 150px; }
.pb200  { padding-bottom: 200px; }

/* Preenchimento Esquerdo */
.pl1    { padding-left: 1px; }
.pl2    { padding-left: 2px; }
.pl3    { padding-left: 3px; }
.pl4    { padding-left: 4px; }
.pl5    { padding-left: 5px; }
.pl6    { padding-left: 6px; }
.pl7    { padding-left: 7px; }
.pl8    { padding-left: 8px; }
.pl9    { padding-left: 9px; }
.pl10   { padding-left: 10px; }
.pl15   { padding-left: 15px; }
.pl20   { padding-left: 20px; }
.pl25   { padding-left: 25px; }
.pl30   { padding-left: 30px; }
.pl35   { padding-left: 35px; }
.pl40   { padding-left: 40px; }
.pl45   { padding-left: 45px; }
.pl50   { padding-left: 50px; }
.pl60   { padding-left: 60px; }
.pl70   { padding-left: 70px; }
.pl80   { padding-left: 80px; }
.pl90   { padding-left: 90px; }
.pl100  { padding-left: 100px; }
.pl150  { padding-left: 150px; }
.pl200  { padding-left: 200px; }

/* Preenchimento Direito */
.pr1    { padding-right: 1px; }
.pr2    { padding-right: 2px; }
.pr3    { padding-right: 3px; }
.pr4    { padding-right: 4px; }
.pr5    { padding-right: 5px; }
.pr6    { padding-right: 6px; }
.pr7    { padding-right: 7px; }
.pr8    { padding-right: 8px; }
.pr9    { padding-right: 9px; }
.pr10   { padding-right: 10px; }
.pr15   { padding-right: 15px; }
.pr20   { padding-right: 20px; }
.pr25   { padding-right: 25px; }
.pr30   { padding-right: 30px; }
.pr35   { padding-right: 35px; }
.pr40   { padding-right: 40px; }
.pr45   { padding-right: 45px; }
.pr50   { padding-right: 50px; }
.pr60   { padding-right: 60px; }
.pr70   { padding-right: 70px; }
.pr80   { padding-right: 80px; }
.pr90   { padding-right: 90px; }
.pr100  { padding-right: 100px; }
.pr150  { padding-right: 150px; }
.pr200 { padding-right: 200px; }

/* Preenchimento Geral */
.pd1    { padding: 1px; }
.pd2    { padding: 2px; }
.pd3    { padding: 3px; }
.pd4    { padding: 4px; }
.pd5    { padding: 5px; }
.pd6    { padding: 6px; }
.pd7    { padding: 7px; }
.pd8    { padding: 8px; }
.pd9    { padding: 9px; }
.pd10   { padding: 10px; }
.pd15   { padding: 15px; }
.pd20   { padding: 20px; }
.pd25   { padding: 25px; }
.pd30   { padding: 30px; }
.pd35   { padding: 35px; }
.pd40   { padding: 40px; }
.pd45   { padding: 45px; }
.pd50   { padding: 50px; }
.pd60   { padding: 60px; }
.pd70   { padding: 70px; }
.pd80   { padding: 80px; }
.pd90   { padding: 90px; }
.pd100  { padding: 100px; }
.pd150  { padding: 150px; }
.pd200  { padding: 200px; }