/*


*/






/*
Section Container CSS
*/
.rb-section-content-area {
    border-radius: 6px;
    padding: 10px;
    background-color: white;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 2px solid #42424240 !important;
    padding: 10px;
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1);
}








/*
Table Standard v0.1 CSS
*/





@media (max-width: 520px){
    .table-data-div-rb {
        height: 100%;
        width: 100%;
        overflow-y: hidden;
        overflow-x: auto;
    }
}


.table-data-div-rb{
    margin-top: 10px;
    margin-bottom: 0px !important;
    border: 2px solid #cccccc;
    border-radius: 6px;
    padding: 3px;
    
}

table.table-data-table-rb {
    width: 100%;
}


tr.table-tr-data-rb  {
    border-bottom: 2px solid #cccccc!important;
}
tr.table-tr-data-rb:last-child {
    border-bottom: 0px solid #e8eaeb!important;
}


th.table-th-data-rb {
    color: #4c4c4c;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    background-color: #ffffff !important;
    border: 0px solid #ccc !important;
    border-bottom: 1px solid #f1f1f1 !important;
    border-collapse: collapse;
    padding: 5px !important;
}


td.table-td-data-rb {
    padding-bottom: 1px !important;
    padding-top: 1px !important;
    text-align: left;
    font-size: 12px !important;
    padding-left: 5px !important;
    min-width: 35px;
    color: #222 !important;
    border: none !important;
    background-color: #ffffff !important;
    padding: 5px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}







/*
Titles H2, H3, Para Title  and Table Titles v0.1 CSS

h2.h2-title-css-rb {
    color: #000000 !important;
    font-size: 16px !important;
    margin-bottom: 2px !important;
    text-align: left;
    line-height: 1.3!important;
    font-weight: 600 !important;
    padding-bottom: 6px;

}
*/





h2.h2-title-css-rb {
    color: #000000 !important;
    font-size: 16px !important;
    text-align: left;
    line-height: 1.3!important;
    font-weight: 600 !important;
    padding-bottom: 1px;
    padding-left: 8px;
    padding-top: 1px;
    border-left: 3px solid #ff3214;
    margin-bottom: 20px!important;
}


h3.h3-title-css-rb {
    color: #000000 !important;
    font-size: 16px !important;
    text-align: left;
    line-height: 1.3!important;
    font-weight: 600 !important;
    padding-bottom: 1px;
    padding-left: 8px;
    padding-top: 1px;
    border-left: 3px solid #ff3214;
    margin-bottom: 20px!important;
}


p.paragraph-table-title-css-rb {
    margin-top: 25px!important;
    margin-bottom: -5px;
    margin-left: 15px;
}






/*
Standard Li v0.1 CSS
*/

li.list-standard-item-rb {
    border-radius: 5px;
    font-size: 12px;
    padding: 7px 10px 7px 7px;
    margin: 7px 7px 7px -34px;
    vertical-align: top;
    background: #f7f9fa;
    border: 1px solid #e8eaeb;
    color: #555;
    list-style: none;
    box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}








/*
Paragraph Standard v0.1 CSS
*/

p.content-area-info-standard-rb {
    color: #111;
    background-color: whitesmoke;
    padding-left: 6px;
    padding-right: 4px;
    background: #f7f9fa;
    border: 2px solid #e8eaeb;
    color: #555;
    padding-top: 2px;
    border-radius: 4px;
    /* margin-left: 6px; */
    font-size: 13px!important;
    /* margin-right: 6px; */
    padding-bottom: 4px;
    margin-bottom: 15px!important;
    margin-top: 5px!important;
    line-height: 1.6;
    box-shadow: 0 5px 5px rgba(50,50,93,.1), 0 5px 5px rgba(0,0,0,.07);
}






/*
Paragraph Question v0.1 CSS
*/

p.content-area-info-q-rb {
    font-size: 14px!important;
    color: #16a085;
}



/*
Paragraph Notice v0.1 CSS
*/

p.content-area-notice-info-regular-rb {
    font-size: 13px;
    background-color: #ff7748a1;
    width: 100%;
    color: #000;
    border-radius: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    border: 2px solid #ff60498c;
    box-shadow: 0 5px 5px rgba(33,42,93,.1), 0 5px 5px rgba(0,0,0,.07);
}










/*
DL Term Define List v0.1 CSS
*/

.dt-dd-div-wrap {
    margin-top: 16px;
    background-color: whitesmoke;
    border-radius: 4px;
    padding: 6px;
    border: 1px solid #a7a7a7;
    font-size: 15px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 30%), 0 -2px 5px 0 rgb(0 0 0 / 20%);
}

dt.term-name-rb {
    font-size: 18px;
    border-bottom: 2px solid #e31221;
    display: inline;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: 6px;
}

dd.term-explained-rb {
    padding: 6px;
}





p.faq-term-define-p {
    font-size: 16px;
}

.question-and-term-define-header {
    margin-top: 16px;
    margin-bottom: -12px;
    margin-left: 4px;
}







/*
List Exp v0.1 CSS
*/




li.list-explanation-item-rb {
    border-radius: 5px;
    font-size: 14px;
    padding: 4px 6px 4px 6px;
    margin: 4px 4px 4px -40px;
    vertical-align: top;
    color: #262626;
    background: #f7f9fa;
    border: 1px solid #e1e1e1;
    box-shadow: 0 8px 8px rgba(50,50,93,.1), 0 5px 4px rgba(0,0,0,.07);
    display: inline-block;
    margin-right: 2px;
    margin-top: 2px;
    position: relative;
    z-index: 2;
}






/*
List Data v0.1 CSS
*/

li.list-data-item-rb {
    border-radius: 5px;
    font-size: 14px;
    padding: 4px 6px 4px 6px;
    margin: 4px 4px 4px -40px;
    vertical-align: top;
    color: #262626;
    background: #f7f9fa;
    border: 1px solid #e1e1e1;
    box-shadow: 0 8px 8px rgba(50,50,93,.1), 0 5px 4px rgba(0,0,0,.07);
    display: inline-block;
    margin-right: 2px;
    margin-top: 2px;
}

ul.list-data-body-rb {
    padding-bottom: 4px;
}













/*
Block Quote v0.1 CSS
*/

blockquote.rb-custom-block-quote-text {
    margin: 8px 2;
    margin-top: 28px!important;
    border-left: 8px;
    font-size: 13;
    padding: 8px!important;
    border-radius: 20px 100px 10px 10px;
    position: relative;
    border: 1px solid #d0d0d0;
    background: #838994;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.04) !important;
}

p.rb-bq-text-p {
    font-size: 14px;
    font-weight: bold;
    margin-top: -35px;
    display: block;
    color: #424242!important;
}










/*
Link Navigation at the top v0.1 CSS
*/


span.text-inside-link-nav {
    margin-left: 22px;
    position: relative;
    bottom: 2px;
}
.nav-button-icon-image-div.top {
    left: -12px;
    bottom: 25px;
}
.rb-li-link-div-holder {
    background-color: #efefef;
    color: #fff;
    cursor: pointer;
    width: initial;
    box-shadow: 0 5px 5px rgba(50,50,93,.1), 0 5px 5px rgba(0,0,0,.07);
    display: inline-block;
    min-width: 125px;
    margin-bottom: 7px;
    margin-right: 7px;
    border: 1px solid #d0d0d0;
    border-radius: 46px 14px 14px 46px;
    margin-left: 7px;
    margin-top: 7px;
}



i.material-icons.link-button-nav-top {
    position: relative;
    right: 7px;
    bottom: 9px;
    z-index: 1;
    display: initial;
    color: #333;
    font-size: 15px;
}
i.material-icons.link-button-nav-top {
    right: -4px;
    bottom: -2px;
    font-size: 14px;
}

ul.list-link-body-rb {
    margin-left: -34px;
}


.rb-li-link-div-holder:hover {
      transition: 0.5s;
    border: 2px solid #0067b1a1;
    transition-duration: 0.5s;
    transform: rotate(-5deg);
}







/*
Sub Link Navigation CSS
*/


li.list-sub-link-item-rb {
    border-radius: 5px;
    font-size: 14px;
    padding: 7px 10px 7px 7px;
    margin: 7px 7px 7px -24px;
    vertical-align: top;
    background: #f7f9fa;
    border: 1px solid #e8eaeb;
    color: #0067b1;
    box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
    display: inline-block;
    margin-right: 40px;
    margin-top: 10px;
}

ul.list-sub-link-body-rb {
    padding-bottom: 0px;
}

li.list-sub-link-item-rb:hover {
    color: #1090ec;
    text-decoration: underline;
}


















/*
Link Button v0.1 CSS
*/

/*

button {
    background-color: #efefef;
        border-radius: 10px 30px 30px 10px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    width: 190px;
    border: 1px solid #d0d0d0;
    height: 36px;
    transition-duration: 0.5s;
    margin-top: 20px;
    box-shadow: 0 5px 5px rgba(50,50,93,.1), 0 5px 5px rgba(0,0,0,.07);
    font-family: inherit;
    line-height: initial;
    display: block;
}

button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover {
border: 1px solid #0067b1ad;
    background-color: #f0f9ff;
    transition: 0.5s;
    transition-duration: 0.5s;
    position: relative;
    margin-left: 28px;
}
*/


.nav-button-div-rb {
    right: 30px;
    bottom: 6px;
    position: relative;
    border-right: 1px solid #a9a9a9;
    height: 18px;
}

a.nav-button-link-rb {
    text-decoration: none!important;
}

.nav-button-icon-image-div {
    position: relative;
    left: 165px;
    background-color: #00ab9b;
    border-radius: 90px;
    bottom: 20px;
    z-index: 2;
    width: 21px;
    height: 21px;
}

.nav-button-icon-image-div-layer-two {
    position: inherit;
    left: -5px;
    bottom: 4px;
    background-color: #00ab9b59;
    border-radius: 90px;
    z-index: 1;
    width: 30px;
    /*padding: 15px;*/
    padding: 4px;
    height: 30px;
}
i.material-icons.link-button-nav {
    position: relative;
    right: -1px;
    bottom: -3px;
    z-index: 1;
    display: initial;
    color: #333;
    font-size: 16px;
}


.pulse {
    display: block;
    position: relative;
    right: -104px;
    bottom: 21px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #00ab9b;
    cursor: pointer;
    box-shadow: 0 0 0 #0dbe98b8;
    animation: pulse 2s infinite;
    margin: auto;
}


.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}







/**
 * New Button CSS V1 USER HTML
 */

span.pulse.rbst-nav-button-span-pulse {
    display: inline-block;
    right: inherit;
    bottom: initial;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #f53744;
    cursor: pointer;
    box-shadow: 0 0 0 rgb(245 103 114);
    animation: pulse 2s infinite;
    margin-right: 0px;
    margin-left: 10px;
    position: relative;
    top: 1px;
        vertical-align: top;
}

i.material-icons.rbst-nav-button-pulse {
    color: #f1fbfa;
}

a.rbst-nav-button-a {
    vertical-align: top;
}
a.rbst-nav-button-a:hover {
    text-decoration: none;
}
.rbst-nav-button {
    display: inline-block;
    background-color: #e31221;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 3px;
    position: relative;
    transition: all 200ms cubic-bezier(.215,.61,.355,1);
}
.rbst-nav-button:hover {
    opacity: 0.65;
    /* left: 5px; */
}
a.rbst-nav-button-a {
    display: inline-block;
    padding: 10px;
    color: white;
    font-weight: bold;
    font-size: 16px;
}

li.list-regular-item-rb.ssbulitl {
    font-size: 14px;
}

.game-notice-div-rb-wrap-data.is_green.bdsp {
    padding-left: 6px;
    padding-right: 6px;
    background: #f7f9fa;
    border: 2px solid #009688;
    color: #555;
    padding-top: 2px;
    width: fit-content;
    border-radius: 4px;
    font-size: 13px!important;
    margin-bottom: 15px!important;
    margin-top: 5px!important;
    line-height: 1.6;
    box-shadow: 0 5px 5px #00bcd414, 0 5px 5px rgb(76 175 80 / 7%);
}
.game-notice-div-rb-wrap-data.is_red.bdsp {
    padding-left: 6px;
    padding-right: 6px;
    background: #f7f9fa;
    border: 2px solid #e91e1ecc;
    color: #555;
    padding-top: 2px;
    width: fit-content;
    border-radius: 4px;
    font-size: 13px!important;
    margin-bottom: 15px!important;
    margin-top: 5px!important;
    line-height: 1.6;
    box-shadow: 0 5px 5px #e91e630d, 0 5px 5px rgb(244 67 54 / 3%);
}


a.navilinkwrcs.shortcut {
    /*color: #0077d7!important;*/
        color: #0072cf!important;
}

li.list-regular-item-rb.ssbulitl.shortcut {
    list-style: none;
    display: inline-block;
    margin: 7px 7px 7px 7px;
    padding: 5px 7px 5px 5px;
}

.shortcut-arrow-html-css-rb {
    display: inline-block;
    font-weight: 600;
    color: #3b3b3b;
}


ul.list-regular-body-rb.shortcut {
    padding-bottom: 10px;
    padding-left: 0px;
}


.header-2-div-rb-user {
    border-bottom: 2px solid #e91e1e;
    display: inline-block;
}
h2.h2-css-rb-html {
    font-size: 24px!important;
    color: #313131;
}

.header-3-div-rb-user {
    border-bottom: 2px solid #e91e1e;
    display: inline-block;
}
h3.h3-css-rb-html {
    font-size: 22px!important;
    color: #313131;
    margin: 2px 0px 4px;
}

.header-p-div-rb-user {
    border-bottom: 2px solid #e91e1e;
    display: inline-block;
}
p.p-css-rb-html {
    font-size: 22px!important;
    color: #313131;
    font-weight: 700;
    margin: 4px 0px 0px;
}



img.link-guides-type-subject-arrow-user {
    width: 14px;
    margin-right: 4px;
    margin-left: 4px;
    margin-bottom: 2px;
    vertical-align: middle;
    -webkit-filter: drop-shadow(1px 4px 4px rgba(0, 0, 0, .2));
}
div.link-nav-rb-access-div {
    width: fit-content;
    font-weight: bold;
    padding-left: 4px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin-bottom: 16px;
    margin-top: 12px;
    margin-right: 16px;
    font-size: 16px;
    border: 1px solid #a7a7a7;
    border-radius: 4px;
    background-color: #e5e5e5;
    box-shadow: 0 5px 5px rgb(50 50 93 / 10%), 0 5px 5px rgb(0 0 0 / 7%);
    transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
caption.caption-css-style-rb {
    font-weight: bold;
    font-size: 16px;
}