* {
    box-sizing: border-box
}

html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%
}

a {
    outline: 0
}

body {
    margin: 0;
    padding: 0;
    font-family: flat-jooza;
    font-size: 14px;
    width: 100%;
    height: 100%
}

p {
    padding: 0;
    margin: 0
}

img {
    border: 0
}

p {
    padding: 0;
    margin: 0
}

img {
    border: 0
}

p {
    padding: 0;
    margin: 0
}

img {
    border: 0
}

button:focus {
    outline: 0
}

p {
    padding: 0;
    margin: 0;
    font-family: flat-jooza
}

img {
    border: 0
}

button {
    border: none;
    outline: 0!important;
    cursor: pointer
}

.pad_box {
    padding: 15px
}

.pad3 {
    padding: 3px
}

.pad5 {
    padding: 5px
}

.pad10 {
    padding: 10px
}

.pad15 {
    padding: 15px
}

.pad20 {
    padding: 20px
}

.pad25 {
    padding: 25px
}

.pad30 {
    padding: 30px
}

.bpad3 {
    padding-bottom: 3px
}

.bpad5 {
    padding-bottom: 5px
}

.bpad10 {
    padding-bottom: 10px
}

.bpad15 {
    padding-bottom: 15px
}

.bpad20 {
    padding-bottom: 20px
}

.bpad25 {
    padding-bottom: 25px
}

.bpad30 {
    padding-bottom: 30px
}

.btable {
    display: table;
    table-layout: fixed;
    width: 100%
}

.btable_height {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%
}

.bcell_mid {
    display: table-cell;
    vertical-align: middle
}

.bcell_mid_center {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.bcell_top {
    display: table-cell;
    vertical-align: top
}

.button {
    padding: 8px 10px
}

.large_button {
    padding: 10px 20px;
    border-radius: 3px;
    min-width: 200px;
    font-size: 16px
}

.large_button_rounded {
    padding: 12px 20px;
    border-radius: 25px;
    font-size: 16px;
    min-width: 200px;
    margin-top: 5px
}

.button {
    border-radius: 4px
}

.rounded_button {
    border-radius: 4px
}

.box_height {
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto
}

.box_height800 {
    max-height: 800px;
    overflow: hidden;
    overflow-y: auto
}

.box_height700 {
    max-height: 700px;
    overflow: hidden;
    overflow-y: auto
}

.box_height600 {
    max-height: 600px;
    overflow: hidden;
    overflow-y: auto
}

.box_height500 {
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto
}

.box_height400 {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto
}

.box_height300 {
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto
}

.centered_element {
    text-align: center
}

.fa {
    cursor: pointer
}

.bold {
    font-weight: 700;
    font-family: "Courier New";
    font-size: 14px
}

.text_med {
    font-size: 18px
}

.text_large {
    font-size: 22px
}

.text_jumbo {
    font-size: 35px
}

.box_title {
    margin-bottom: 12px;
    padding: 0 0 8px 0;
    font-weight: 700
}

.login_control {
    margin-top: 5px
}

.text_title {
    font-weight: 700;
    font-size: 15px
}

.text_text {
    font-size: 13px;
    margin: 7px 0
}

.text_box {
    max-height: 500px;
    overflow-y: auto
}

#content {
    width: 100%;
    height: 95%;
    padding: 0;
    padding: 0 12px;
    float: left;
    font-size: 16px;
    font-family: "Courier New"
}

.chat_image {
    max-width: 100%;
    height: 100px;
    width: auto;
    margin: 5px 0 0 0;
    border-radius: 5px
}

#chat_head {
    height: 46px;
    padding: 0 6px;
    width: 100%;
    display: table;
    table-layout: fixed
}

.intro_lang {
    width: 26px;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 3px
}

.lang_lang {
    padding: 10px 5px
}

#chat_center {
    display: table-cell;
    vertical-align: top;
    overflow: hidden
}

.file_type {
    width: 40px;
    font-size: 20px
}

.file_title {
    padding: 10px 0
}

::-webkit-scrollbar {
    background: -webkit-linear-gradient(left,#fff 0,#eee 100%);
    width: 12px
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 100px #8da7c3;
    -webkit-border-radius: 20px;
    background-color: #74a1d2
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

a {
    color: orange
}

body {
    background-color: #bed0e5;
    color: #444
}

button {
    background: 0 0;
    color: #fff
}

.theme_btn {
    background: linear-gradient(#ffb200,#ff7102);
    color: #fff;
    font-family: flat-jooza
}

.default_btn {
    background: linear-gradient(#ffb200,#ff7102);
    color: #fff;
    font-family: flat-jooza
}

.ok_btn {
    background: linear-gradient(#ffb200,#ff7102);
    color: #fff;
    font-family: flat-jooza;
    border-radius: 4px
}

.sub_btn {
    background: #888;
    color: #fff
}

.chat_head {
    background: linear-gradient(#fff,#d8e2eb);
    color: #4789d1;
    font-family: flat-jooza;
    border-bottom: 1px solid #a2b4c7
}

.sub_text {
    color: #015bb6;
    font-family: flat-jooza
}

.theme_color {
    color: #ff7e02
}

.default_color {
    color: #ff7502;
    text-align: left
}

.box_title {
    border-bottom: 1px solid #ededed
}

.border_top {
    border-top: 1px solid #ededed
}

.user {
    color: #333;
    font-family: tahoma;
    font-size: 13px
}

.file_color {
    background: #03add8;
    color: #fff
}

.file_color a {
    background: #03add8;
    color: #fff
}

.login_sub_text {
    text-shadow: 1px 1px 1px #fff;
    font-family: flat-jooza;
    color: #ff7200;
    font-size: 15px;
    text-align: center
}

.login_title_text {
    text-shadow: 1px 1px 1px #fff;
    font-family: flat-jooza;
    color: #ff7200;
    font-size: 25px;
    text-align: center
}

#intro_top {
    width: 100%;
    z-index: 1;
    position: relative;
    height: 100%;
    padding: 80px 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: center 50px;
    background-attachment: fixed;
    background: -webkit-radial-gradient(center,ellipse cover,#fff 10%,#d5eaff 50%);
}

#login_all {
    width: 2900px;
    max-width: 94%;
    border-radius: 20px;
    display: block;
    margin: 0 auto;
    color: #fff
}

@media screen and (min-width: 1121px) {
    #intro_top {
        background-attachment:fixed
    }
}

@media screen and (max-width: 1100px) {
    #intro_top {
        background-size:auto 100%;
        background-position: center 0;
        padding: 80px 0
    }
}

@media screen and (max-width: 768px) {
    #intro_top {
        background-size:auto 100%;
        background-position: center 0
    }
}

.sada1 {
    font-size: 12px;
    text-align: center;
    color: #FFF;
}

.sada2 {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #7b7b7b;
}

.sada3 {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #7b7b7b;
}

@font-face {
    font-family: 'flat-jooza';
    src: url('https://www.fontstatic.com/fonts/flat-jooza/flat-jooza-regular.eot?#iefix');
    src: local('جذور مسطح'), local('flat-jooza'),url('https://www.fontstatic.com/fonts/flat-jooza/flat-jooza-regular.woff') format('woff');
}
.pad10 {
    padding: 10px;
    padding-top: 50px;
}