/********************/
/* boby : all pages */
/********************/
body {
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 10pt;
    color: rgb(0, 0, 0);
    background-color: var(--background-base-color);
}

.title  {
    color: black;
    padding:8px 10px;
    font-size: 17pt;
    font-weight: 600;
    /*letter-spacing: .1rem; */
    text-decoration: none;
    /* text-transform: uppercase; */
    text-align: center;
}

.overview, .site_footer  {
    color: black;
    padding:8px 10px;
    font-size: 16pt;
    font-weight: 600;
    /*letter-spacing: .1rem; */
    text-decoration: none;
    /* text-transform: uppercase; */
    text-align: left;
}

.mailmaga-logo {
    font-size: 10px;
}

/* トップメニューチャットボタンにバッチアイコン表示 */
#icon_top_chat{
    position: relative;
}
#icon_top_chat[data-num="0"]::before {
display: none;
}
#icon_top_chat::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    content: attr(data-num);
    min-width: 20px;
    height: 20px;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    font-weight: bold;
    background-color: #ef5350;
    border: 1px solid #fff;
    border-radius: 10px;
    top: 0;
    right: 0;
    transform: translate(40%, -40%);
    z-index: 1;
}

/* 控室チャットボタンにバッチアイコン表示 */
#icon_anter_chat{
    position: relative;
}
#icon_anter_chat[data-num="0"]::before {
display: none;
}
#icon_anter_chat::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    content: attr(data-num);
    min-width: 20px;
    height: 20px;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    font-weight: bold;
    background-color: #ef5350;
    border: 1px solid #fff;
    border-radius: 10px;
    top: 0;
    right: 0;
    transform: translate(40%, -40%);
    z-index: 1;
}

/* オープンチャットボタンにバッチアイコン表示 */
#icon_open_chat{
    position: relative;
}
#icon_open_chat[data-num="0"]::before {
display: none;
}
#icon_open_chat::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    content: attr(data-num);
    min-width: 20px;
    height: 20px;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    font-weight: bold;
    background-color: #ef5350;
    border: 1px solid #fff;
    border-radius: 10px;
    top: 0;
    right: 0;
    transform: translate(40%, -40%);
    z-index: 1;
}

/* メンバ管理ボタンにバッチアイコン表示 */
#icon_member{
  position: relative;
}
#icon_member[data-num="0"]::before {
  display: none;
}
#icon_member::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    content: attr(data-num);
    min-width: 20px;
    height: 20px;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    font-weight: bold;
    background-color: #ef5350;
    border: 1px solid #fff;
    border-radius: 10px;
    top: 0;
    right: 0;
    transform: translate(40%, -40%);
    z-index: 1;
}

.table-tokyu {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
  }
  .table-tokyu th{
    padding: 4px 8px;
    border: 2px solid #eee;
    background:#d3d3d3;
  }
  .table-tokyu td {
    padding: 4px 8px;
    border: 2px solid #eee;
    white-space: pre-wrap;
    /*background: #ffffff;*/
  }

  .card-tokyu-outside {
    /*
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #dcdcdc;
    background-clip: border-box;
    */
    font-size: 12px;
    width: "100%";
    background-color:#d3d3d3;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
  }


/* テーブル表示 */
.table-wrap {
    overflow-x: scroll;
  }

  .tableindex {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
  }
  .tableindex th,
  .tableindex td {
    /*border: 2px solid #eee;*/
    padding: 0px 0px;
  }

  .table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
  }
  .table th,
  .table td {
    padding: 4px 8px;
  }

  .tab-50on-index {
    /*flex: 1 1 auto;*/
    min-height: 1px;
    padding: /*1.25rem*/ 8px;
    margin: 8px 0 8px 1px;
    height: 24px; width: 24px;
    background:#f2f2f2;
  }

  .tab-index {
    /*flex: 1 1 auto;*/
    min-height: 1px;
    padding: /*1.25rem*/ 8px;
    margin: 8px 0 8px 4px;
    height: 48px; width: 24px;
    background:#f2f2f2;
  }

  .card-center {
    position: relative;
    flex-direction: column;
    /*display: inline-block;*/
    float: left;
    width: 100%;
    /* min-width: 0; */
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /* border: 1px solid var(--content-border-color); */ /* 修正 by T.SOEN */
    border-radius: 0.25rem;
  }


/* 左右のレイアウト */

.card-left {
    position: relative;
    flex-direction: column;
    /*display: inline-block;*/
    float: left;
    width: 50%;
    /* min-width: 0; */
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /* border: 1px solid var(--content-border-color); */ /* 修正 by T.SOEN */
    border-radius: 0.25rem;
  }

  .card-right {
    position: relative;
    flex-direction: column;
    /*display: inline-block;*/
    float: right;
    width: 50%;
    /*min-width: 0;*/
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /* border: 1px solid var(--content-border-color); */ /* 修正 by T.SOEN */
    border-radius: 0.25rem;
  }

.card-body-left {   /* used in chat */
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
    text-align: left;
    white-space:pre-wrap;
    background-color:#FDD1D1;
}

.card-body-right {  /* used in chat */
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
    text-align: right;
    white-space:pre-wrap;
    background-color:#b3c8de;
}

/* その他 */

.btn-icon {
color: #fff;
/*background-color: #3490dc;*/
border-color: #070707;
}

.form-control:disabled, .form-control[readonly] {
background-color: /*#e9ecef*/ #fff; /* 変更y T.SOEN*/
opacity: 1;
}

.company_color{
    color: var(--base-color);
}

.white{
    color: rgb(255, 255, 255);
}

.red{
    color: red;
}

.blue{
    color: blue;
}

.lightblue{
    color: lightblue;
}

.green{
    color: green;
}

.lightgreen{
    color: lightgreen;
}

.gray{
    color: rgb(128, 128, 128);
}

.lightgray{
    color: rgb(194, 194, 194);
}

.black{
    color: rgb(0, 0, 0);
}

.bold{
    font-weight: 600;
}

.thin{
    font-weight: 400;
}

.left{
    text-align: left;
}

.right{
    text-align: right;
}

.center{
    text-align: center;
}

.v-top{
    vertical-align:top;
}

.v-center{
    vertical-align:middle;
}

.v-bottom{
    vertical-align:bottom;
}


.bg-nefer {
    background-color: var(--base-color);
}

.bg-color {
    background-color: var(--background-base-color);
}

.bg-gray {
    background-color: gray;
}

.bg-lightgrey {
    background-color: lightgrey;
}


/* font-size */
.small{
    font-size: 8pt;
}
.normal{
    font-size: 10pt;
}
.midiam{
    font-size: 14pt;
}
.large{
    font-size: 16pt;
}
.big{
    font-size: 18pt;
}

/* display */
.inline{            /* ・テキストと同様に扱われる ・兄弟要素を横に配置する ・widthは指定できない（子要素の最小値になる） */
    display: inline;
}
.block{             /* ・箱として扱われる ・兄弟要素を横に配置する ・widthを指定しない場合横幅いっぱいになる */
    display: block;
}
.inline-block{      /* ・箱として扱われる ・兄弟要素を横に配置する ・widthを指定できる。指定しない場合、子要素の最小値になる */
    display: inline-block;
}
.flex{              /* 横並びや上下左右中央寄せなどレイアウトに関する調整ができる */
    display: flex;
}
.none{              /* 指定したhtml要素とその子孫要素すべてを消す */
    display: none;
}

/* image */
img.fill{   /* img.inbox + */
    object-fit: fill;
}

img.cover{  /* img.inbox + */
    object-fit: cover;
}

img.intop{    /* img.inbox + */ /* top page */
    margin: 0 0;
}

img.inbanner{    /* img.inbox + */ /* top page */
    margin: 0 0;
    background-color:var(--background-base-color);
    border: 0px solid #808080
}

img.inboxItem{
    width: 110px;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

img.inbox{
    width: 100%;
    display: block;
    margin: 0 auto;
    height: 100%;
    object-fit: contain;
}

img.inbox-half{
    width: 48%;
    display: block;
    margin: 8px auto;
    height: 48%;
    object-fit: contain;
}

img.inbox-width65{
    width: 65%;
    display: block;
    margin: 0 auto;
    height: 65%;
    object-fit: contain;
}

img.inbox_wellcome{
    width: auto;
    display: inline;
    margin: 0 auto;
    height: 48px;
    object-fit: contain;
}

/* GRANTACTフッタ― */
.grantact_footer_container {
    display: flex;
    align-items: center;
}

.grantact_footer_image {
    margin-right: 20px; /* 画像とテキストの間隔を適宜調整 */
}

.grantact_footer_text {
    font-size: 12px; /* テキストのフォントサイズを適宜調整 */
}

.grantact_image_td {
    width: 50%;
}

.grantact_link_td {
    width: 50%;
    padding-left: 16px;
    padding-right: 16px;
}

.grantact_text_td {
    width: 50%;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 20px; /* フォントサイズを調整 */
    font-weight: 500; /* 太字にする */
}

.grantact_price {
    color: purple;
    font-size: 24px; /* フォントサイズを調整 */
    font-weight: 500; /* 太字にする */
}

.centered-image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

/* button nefer */
.btn-nefer {
    color: var(--btn-base-color);
    background-color: var(--base-color);
    border-color: var(--base-color);
}
.btn-nefer:hover {
    color: var(--btn-hover-color);
    background-color: var(--hover-base-color);
    border-color: var(--hover-base-color);
}
.btn-nefer:focus {
    color: var(--btn-base-color);
    background-color: var(--base-color);
    border-color: var(--base-color);
    box-shadow: 0 0 0 0.2rem var(--shadow-base-color);
}

/* button navi nefer */
.btn-navi-nefer {
    color: var(--btn-base-color);
    width:auto;
    background-color: var(--base-color);
    border-color: var(--btn-border-color);
    padding:8px 10px;
    font-size: 8pt;
    font-weight: 600;
    border: 1px solid var(--border-base-color)
}
.btn-navi-nefer:hover {
    color: var(--btn-hover-color);
    width:auto;
    background-color: var(--hover-base-color);
    border-color: var(--btn-border-color);
    padding:8px 10px;
    font-size: 8pt;
    font-weight: 600;
    border: 1px solid var(--border-base-color)
}
.btn-navi-nefer:focus {
    color: var(--btn-base-color);
    width:auto;
    background-color: var(--base-color);
    border-color: var(--btn-border-color);
    box-shadow: 0 0 0 0.2rem var(--shadow-base-color);
    padding:8px 10px;
    font-size: 8pt;
    font-weight: 600;
    border: 1px solid var(--border-base-color)
}

/* nefer link */
.nefer {
    color: var(--base-color);
    background-color: var(--background-base-color)
}
a.nefer:hover, a.nefer:focus {
    color: var(--hover-base-color);
    background-color: var(--background-base-color)
}
a.nefer:focus, a.nefer.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 178, 235, 0.5);
}

.flex{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    min-width: 0;
    word-wrap: break-word;
    background: 0px solid var(--base-color);
    background-clip: border-box;
    border: 0px solid var(--flex-border-color);
    border-radius: 0.25rem;
}
.flex>p{
    width: 49%;
    background: 0px solid var(--base-color);
    border: 0px solid var(--flex-border-color);
}

/* button white */
.btn-white {
    color: black;
    background-color: white;
    border-color: white;
}
.btn-white:hover {
    color: gray;
    background-color: lightgray;
    border-color: lightgray;
}
.btn-white:focus {
    color: black;
    background-color: white;
    border-color: white;
    box-shadow: 0 0 0 0.2rem var(--shadow-base-color);
}

/**********************/
/* footer : all pages */
/**********************/

.footer {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    color: var(--footer-base-color);
    background-color: var(--base-color);
    background-clip: border-box;
    border: 0px solid var(--footer-border-color);
    border-radius: 0.25rem;
}

.footer_links > a {
    color: var(--footer-base-color);
    padding: 0 25px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.footer_flex{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    min-width: 0;
    word-wrap: break-word;
    background: 0px solid var(--base-color);
    background-clip: border-box;
    border: 0px solid var(--flex-border-color);
    margin-left: 4px;
    margin-right: 4px;
}
.footer_flex>p{
    width: 49%;
    background: 0px solid var(--base-color);
    border: 0px solid var(--flex-border-color);
}

.ichigyou img{
    vertical-align: middle;
    display: inline-block;
}
.ichigyou span{
    display: inline-block;
}

.logo {
    font-size: 10px;
}

.border-black{
    border:1px solid rgb(0,0,0);
}

.border-gray{
    border:1px solid rgb(128,128,128);
}

.border-light{
    border:1px solid rgb(172,172,172);
}

.box{
    color: #4c4c4c ;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px 10px;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    border:1px solid var(--base-color);
}

.rbox{
    color: #4c4c4c ;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px 10px;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    border:1px solid var(--base-color);
    border-radius:10px;
}

.sqrbox{
    color: #4c4c4c ;
    /*font-weight: bold; */
    margin-top: 10px;
    padding: 10px 10px;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    border:1px solid var(--base-color);
}

.boldbox{
    color: #4c4c4c ;
    /*font-weight: bold; */
    margin-top: 10px;
    padding: 10px 10px;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    border:5px solid /*var(--base-color)*/ #e3d3a2;
}

.dotbox{
    color: #4c4c4c ;
    /*font-weight: bold; */
    margin-top: 10px;
    padding: 10px 10px;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    border:1px dotted var(--base-color);
}


/************/
/* top page */
/************/

.top_title {
    color: var(--top_title-coor);
    font-size: 28px;
    font-weight: 300;
    text-align: left;
    margin-bottom:10px;
}

.top_subtitle_nefer {
    color: var(--base-color);
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    margin-top:20px;
    margin-bottom:10px;
}

.top_subtitle_fhc {
    font-size: 18px;
    line-height:26px;
    text-align: left;
    margin-top:20px;
    margin-bottom:10px;
}

.top_subtitle {
    color: var(--top_subtitle-coor);
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    margin-top:20px;
    margin-bottom:10px;
}

/*********************/
/* nefer severl page */
/*********************/

.nefer_page_box {
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--background-base-color);
    background-clip: border-box;
    border: 0px solid var(--border-base-color);
    border-radius: 0.25rem;
}

.nefer_page_title {
    color: var(--base-color); font-weight:600; font-size:16px;
    margin-bottom:10px;
}

.nefer_page_sub_title {
    margin:0; font-weight:600; font-size:14px;
    margin-bottom:6px;
}

.nefer_section_title { margin:5px 0 10px 0; padding:1px 0 2px 5px; color:var(--base-color); font-size:16px; font-weight:bold; line-height:1.2em;  /* 2022.04.16 T.SOEN */
	border-left:5px solid var(--base-color); border-bottom:1px dotted var(--base-color); }


.shop_top_title {
    color: var(--top_title-coor);
    font-size: 28px;
    font-weight: 300;
    text-align: left;
    margin-top:10px;
    margin-bottom:10px;
    line-height: 1.5;
}

/**********************************/
/* _style.scss : shop & cart page */
/**********************************/

.event_box{
    color: #4c4c4c ;
    font-weight: bold;
    text-align: center;
    margin-top: 24px;
    padding: 24px 24px;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    /*border:1px solid rgb(169, 167, 167);*/
    height: auto;
}

img.cart{         /* img.incart + */
    width: 30px;
}

img.incart{
    width: 50%;
    display: block;
    margin: 0 auto;
    height: 50%;
    object-fit: contain;
}

.sale_price  {
	font-size: 15px;
	color: #ff0000;
	line-height: 1.4em;
}

.mycart_box_bgcolor {
    background-color: var(--background-base-color);
}

.mycart_box_name {
    color: var(--base-color);
    font-weight: bold;
    text-align: center;
    margin-top: 24px;
    font-size: 24px;
}

.mycart_box_title_small {
    background-color: var(--background-base-color);
    font-weight: bold;
    text-align: center;
    font-size: 18px;
}

.mycart_box_title {
    background-color: var(--background-base-color);
    font-weight: bold;
    text-align: center;
    margin-top: 12px;
    font-size: 18px;
}

.mycart_box{
    color: #4c4c4c ;
    font-weight: bold;
    text-align: center;
    margin-top: 24px;
    padding: 24px 50px;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    /*border:1px solid rgb(169, 167, 167);*/
    height: auto;
}

.mycart_box_small{
    color: #4c4c4c ;
    font-weight: bold;
    text-align: center;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    /*border:1px solid rgb(169, 167, 167);*/
    height: auto;
}

.mycart_box_preview{
    color: #4c4c4c ;
    font-weight: bold;
    text-align: center;
    margin-top: 24px;
    padding: 24px 5px;
    /*font-size: 1.1em; */
    background-color: var(--background-base-color) ;
    /*border:1px solid rgb(169, 167, 167);*/
    height: auto;
}

.mycart_box-title {
    width: 100%;
    margin-bottom:10px;
    padding:10px 10px;
    color: var(--base-color);
    background-clip: border-box;
    background:#f2f2f2;
    border:1px solid #ccc;
    display: block;
}

.footer_design{
    background-color: #07728a ;;
    text-align: center;
    color: var(--footer-base-color) ;
    padding: 60px;
}

.buy-btn{
    margin: 60px auto 60px;
    width: 200px;
    /*display: block;*/
    background-color: #ff5c73 ;
}

.ball{
    position: absolute;
}

.pagenate{
    width: 200px;margin: 20px auto;
}

.cart-center{
    display: inline;
    border:1px solid black;
}

/***************************/
/* stock item : stock page */
/***************************/

.item-box{
    margin-bottom:10px;
    padding:15px 40px;
    border:1px solid #960b0b;
}

.item-title {
    width: 100%;
    margin-bottom:10px;
    padding:10px 10px;
    color: var(--base-color);
    background-clip: border-box;
    background:#f2f2f2;
    border:1px solid #ccc;
    display: block;
}

.item-context {
    margin-bottom:10px;
    width: 100%;
    border:1px solid black;
    display: block;
    border:1px solid gray;
}

.item-image {
    margin-bottom:10px;
    width: auto;
    padding:5px 5px 5px 5px;
    vertical-align: top;
    display: block;
    object-fit: contain;
}

.item-info {
    margin-bottom: 10px;
    width: auto;
    display: block;
}

.item-name {
    margin-bottom:10px;
    width: auto;
    padding:5px 5px 5px 5px;
    border-radius:5px;
    background:#FDD1D1;
    text-align:center;
    text-decoration:none;
    display: block;
}

.item-basic {
    margin-bottom:10px;
    width: auto;
    padding:5px 5px 5px 5px;
    display: inline;
}

.item-cart {
    margin-bottom:10px;
    width: auto;
    padding:5px 5px 5px 5px;
    display: inline-block;
    border:1px solid #ccc;
}

.item-set {
    margin-bottom:10px;
    padding:5px 15px 5px 15px;
    display: block;
}

.item-desc {
    /*margin-bottom:10px;*/
    padding:5px 15px 5px 15px;
    display: block;
    margin-bottom:5px;
}

.item-detail a {color:#960b0b;}
.item-detail {
    margin-bottom:10px;
    margin-left:80px;
    margin-right:80px;
    padding:5px 5px 5px 5px;
    border-radius:5px;
    background:#FDD1D1;
    text-align:center;
    text-decoration:none;
    display: block;
}

.item-topic {
    margin-bottom:10px;
    padding:5px 15px 5px 15px;
    display: block;
}

.item-usage {
    margin-bottom:10px;
    padding:5px 15px 5px 15px;
    display: block;
}

.item-seibun {
    margin-top:5px;
    margin-bottom:10px;
    padding:10px 5px 10px 5px;
    background:#f4f4f4;
    border:1px solid #ccc;
    display: block;
}

.item-seibun dt {
    margin-bottom:5px;
    font-weight:bold;
}
.item-seibun dd {
    margin:0;
}

.item_video{
    width: auto;margin-bottom
}

/* neferのshop.cssとの互換性 */
.enj {color: #740B0B;}

.mgt16 {  margin-top:16px !important; }
.mgt15 {  margin-top:15px !important; }
.mgt14 {  margin-top:14px !important; }
.mgt13 {  margin-top:13px !important; }
.mgt12 {  margin-top:12px !important; }
.mgt11 {  margin-top:11px !important; }
.mgt10 {  margin-top:10px !important; }
.mgt9 {  margin-top:9px !important; }
.mgt8 {  margin-top:8px !important; }
.mgt7 {  margin-top:7px !important; }
.mgt6 {  margin-top:6px !important; }
.mgt5 {  margin-top:5px !important; }
.mgt4 {  margin-top:4px !important; }
.mgt3 {  margin-top:3px !important; }
.mgt2 {  margin-top:2px !important; }
.mgt1 {  margin-top:1px !important; }
.mgt0 {  margin-top:0 !important; }

.mgb16 { margin-bottom:16px !important; }
.mgb15 { margin-bottom:15px !important; }
.mgb14 { margin-bottom:14px !important; }
.mgb13 { margin-bottom:13px !important; }
.mgb12 { margin-bottom:12px !important; }
.mgb11 { margin-bottom:11px !important; }
.mgb10 { margin-bottom:10px !important; }
.mgb9 { margin-bottom:9px !important; }
.mgb8 { margin-bottom:8px !important; }
.mgb7 { margin-bottom:7px !important; }
.mgb6 { margin-bottom:6px !important; }
.mgb5 { margin-bottom:5px !important; }
.mgb4 { margin-bottom:4px !important; }
.mgb3 { margin-bottom:3px !important; }
.mgb2 { margin-bottom:2px !important; }
.mgb1 { margin-bottom:1px !important; }
.mgb0 { margin-bottom:0 !important; }

.mgl16 { margin-left:16px !important; }
.mgl15 { margin-left:15px !important; }
.mgl14 { margin-left:14px !important; }
.mgl13 { margin-left:13px !important; }
.mgl12 { margin-left:12px !important; }
.mgl11 { margin-left:11px !important; }
.mgl10 { margin-left:10px !important; }
.mgl9 { margin-left:9px !important; }
.mgl8 { margin-left:8px !important; }
.mgl7 { margin-left:7px !important; }
.mgl6 { margin-left:6px !important; }
.mgl5 { margin-left:5px !important; }
.mgl4 { margin-left:4px !important; }
.mgl3 { margin-left:3px !important; }
.mgl2 { margin-left:2px !important; }
.mgl1 { margin-left:1px !important; }
.mgl0 { margin-left:0 !important; }

.mgr16 {  margin-right:16px !important; }
.mgr15 {  margin-right:15px !important; }
.mgr14 {  margin-right:14px !important; }
.mgr13 {  margin-right:13px !important; }
.mgr12 {  margin-right:12px !important; }
.mgr11 {  margin-right:11px !important; }
.mgr10 {  margin-right:10px !important; }
.mgr9 {  margin-right:9px !important; }
.mgr8 {  margin-right:8px !important; }
.mgr7 {  margin-right:7px !important; }
.mgr6 {  margin-right:6px !important; }
.mgr5 {  margin-right:5px !important; }
.mgr4 {  margin-right:4px !important; }
.mgr3 {  margin-right:3px !important; }
.mgr2 {  margin-right:2px !important; }
.mgr1 {  margin-right:1px !important; }
.mgr0 {  margin-right:0 !important; }

.pdt16 {  padding-top:16px !important; }
.pdt15 {  padding-top:15px !important; }
.pdt14 {  padding-top:14px !important; }
.pdt13 {  padding-top:13px !important; }
.pdt12 {  padding-top:12px !important; }
.pdt11 {  padding-top:11px !important; }
.pdt10 {  padding-top:10px !important; }
.pdt9 {  padding-top:9px !important; }
.pdt8 {  padding-top:8px !important; }
.pdt7 {  padding-top:7px !important; }
.pdt6 {  padding-top:6px !important; }
.pdt5 {  padding-top:5px !important; }
.pdt4 {  padding-top:4px !important; }
.pdt3 {  padding-top:3px !important; }
.pdt2 {  padding-top:2px !important; }
.pdt1 {  padding-top:1px !important; }
.pdt0 {  padding-top:0 !important; }

.pdb16 { padding-bottom:16px !important; }
.pdb15 { padding-bottom:15px !important; }
.pdb14 { padding-bottom:14px !important; }
.pdb13 { padding-bottom:13px !important; }
.pdb12 { padding-bottom:12px !important; }
.pdb11 { padding-bottom:11px !important; }
.pdb10 { padding-bottom:10px !important; }
.pdb9 { padding-bottom:9px !important; }
.pdb8 { padding-bottom:8px !important; }
.pdb7 { padding-bottom:7px !important; }
.pdb6 { padding-bottom:6px !important; }
.pdb5 { padding-bottom:5px !important; }
.pdb4 { padding-bottom:4px !important; }
.pdb3 { padding-bottom:3px !important; }
.pdb2 { padding-bottom:2px !important; }
.pdb1 { padding-bottom:1px !important; }
.pdb0 { padding-bottom:0 !important; }

.pdl16 { padding-left:16px !important; }
.pdl15 { padding-left:15px !important; }
.pdl14 { padding-left:14px !important; }
.pdl13 { padding-left:13px !important; }
.pdl12 { padding-left:12px !important; }
.pdl11 { padding-left:11px !important; }
.pdl10 { padding-left:10px !important; }
.pdl9 { padding-left:9px !important; }
.pdl8 { padding-left:8px !important; }
.pdl7 { padding-left:7px !important; }
.pdl6 { padding-left:6px !important; }
.pdl5 { padding-left:5px !important; }
.pdl4 { padding-left:4px !important; }
.pdl3 { padding-left:3px !important; }
.pdl2 { padding-left:2px !important; }
.pdl1 { padding-left:1px !important; }
.pdl0 { padding-left:0 !important; }

.pdr16 {  padding-right:16px !important; }
.pdr15 {  padding-right:15px !important; }
.pdr14 {  padding-right:14px !important; }
.pdr13 {  padding-right:13px !important; }
.pdr12 {  padding-right:12px !important; }
.pdr11 {  padding-right:11px !important; }
.pdr10 {  padding-right:10px !important; }
.pdr9 {  padding-right:9px !important; }
.pdr8 {  padding-right:8px !important; }
.pdr7 {  padding-right:7px !important; }
.pdr6 {  padding-right:6px !important; }
.pdr5 {  padding-right:5px !important; }
.pdr4 {  padding-right:4px !important; }
.pdr3 {  padding-right:3px !important; }
.pdr2 {  padding-right:2px !important; }
.pdr1 {  padding-right:1px !important; }
.pdr0 {  padding-right:0 !important; }