/* Полоса прокрутки */
::-webkit-scrollbar{height: 6px;width: 6px;}
::-webkit-scrollbar-track{background: #cdd7e4;} 
::-webkit-scrollbar-thumb{background: #72b2df;}
::-webkit-scrollbar-button{background: #cdd7e4;color:#fff;border-radius:10px;height:20px;width:5px}
::-webkit-scrollbar-corner{background: #cdd7e4;}
::-webkit-scrollbar-button:vertical:increment{border-top:1px solid #cdd7e4;border-radius:0 0 10px 10px}
::-webkit-scrollbar-button:vertical:decrement{border-bottom:1px solid
#cdd7e4;border-radius:10px 10px 0 0}
::-webkit-scrollbar-button:horizontal:increment{border-top:1px solid #cdd7e4;border-radius:0 10px 10px 0}
::-webkit-scrollbar-button:horizontal:decrement{border-bottom:1px solid
#cdd7e4;border-radius:10px 0 0 10px}
::-webkit-scrollbar-button:vertical:increment
::-webkit-scrollbar-button:vertical:decrement
::-webkit-scrollbar-button:horizontal:increment
::-webkit-scrollbar-button:horizontal:decrement{background-color: #cdd7e4!important;background-repeat:no-repeat !important}

/* быстрая навигация в темах */
#navselect {
width: 300px;
margin: 0 !important;}

#pun-live-rusff .cooltext {
display: none;}

#pun-profile input, #pun-changepass input, #pun-upavatar input {
    display: inline!important;
}

/* 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.  */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ }

/* 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers. */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */ }

/* 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers. */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */ }

/* Add the correct font size in all browsers. */

small {
  font-size: 80%; }

.jGrowl .messag_theme {
background: #eff3f6 !important;
color: #061e46 !important;}

.punbb .user-avatar .ava, .punbb .user-avatar .avatar-image {
border: 2px solid #b1c0d7;}

span.num_msg {
margin-top: -5px !important;
margin-left: 1px !important;}

img.post-img-Sp {
    margin: 0px 0 -7px 0;
    width: 225px;
    height: 55px;}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    top: 0!important;
    margin-top: 3%!important;}

.banner_top {display: none !important;}
#banner_top {display: none !important;}

.FNTslider, #volSlider {
border-radius: 4px!important;
position: relative!important;
z-index: 1000!important;
background: #cdd7e4!important;
width: 120px!important;
height: 3px!important;
border: solid 1px #cdd7e4!important;
float: right!important;
margin-right: 7%!important;
top: 7px!important; 
box-shadow: none!important;  }
.FNTslider .before, #volSlider .before {
height: 3px!important;
border: solid 1px #72b2df!important;
border-right: none 0!important;
border-radius: 4px 0 0 4px!important;
position: absolute!important;
background: #72b2df!important;
margin-top: -1px!important;    }
.FNTslider .thumb, #volSlider .thumb {
width: 8px!important;
height: 13px!important;
border-radius: 3px!important;
position: relative!important;
top: -5px!important;
background: #72b2df!important;
cursor: pointer!important; 
box-shadow: none!important;  }

.smile {
border-radius: 20%;
border-color: #72b2df;
background-color: #eff3f6;}

.forpo {
font-size: 11px;
text-align: center;
background-color: #e6f2fa;
margin: 3px 0;
padding: 3px 0 5px 0;}

.page1 {
    background-image: url(https://i.imgur.com/9o0TgPL.png);
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    margin: auto;
    width: 500px;
    height: 580px;
    background-color: #ffffff;
    border: 50px solid #e2e2e2 !important;}

.main-text {
    background-color: #fcf6e5;
    text-align: center;
    font-size: 16px;
    font-family: Calibri;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;}

.text {
    font-weight: 600;
    font-family: Calibri;
    font-size: 8px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    line-height: 150%;}

.ava {
    position: relative;
    left: 0px;}

.text-post {
    position: relative;
    top: -80px;
    left: 170px;
    font-weight: 600;
    font-family: Calibri;
    font-size: 8px;
    text-align: center;
    text-transform: uppercase;
    line-height: 150%;}