body {
     font-family:Arial, Sans-Serif;
     max-width:100%;
}
body{
    direction:rtl;
	font-family: "tahoma";
	text-align:center;
	max-width:100%;
}


.clearfix:before, .clearfix:after{
     content: "";
     display: table;
}
.clearfix:after{
     clear: both;
}
a{
     color:#0067ab;
     text-decoration:none;
}
a:hover{
     text-decoration:underline;
}
.form{
     width: 300px;
     margin: 0 auto;
}
input[type='text'], input[type='email'],
input[type='password'] {
     width: 200px;
     border-radius: 2px;
     border: 1px solid #CCC;
     padding: 10px;
     color: #333;
     font-size: 12px;
     margin-top: 10px;
	 font-family: "tahoma" !important;
}
input[type='submit']{
     padding: 10px 25px 8px;
     color: #fff;
     background-color: #0067ab;
     text-shadow: rgba(0,0,0,0.24) 0 1px 0;
     font-size: 12px;
     box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0;
     border: 1px solid #0164a5;
     border-radius: 2px;
     margin-top: 10px;
     cursor:pointer;
	 font-family: "tahoma" !important;
}
input[type='submit']:hover {
     background-color: #024978;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  margin-left:auto;
  margin-right:auto;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
/* ------------------------dashboard---------------------------------*/
.dashboard {
    max-width:100%;
    text-align:center;
    background-color:#e9e9e9;
    margin-left:auto;
    margin-right:auto;
}
.dashbordtbl {
    text-align:center;
    color:white;
}
table th {
    border: 1px solid white;
    padding:5px;
}
table td {
    border: 1px solid white;
    padding:3px;
}
table {
    border-spacing: 5px;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    color:#0a374d ;
    padding-top:10px;
    padding-bottom:10px;
}

table tr:nth-child(even) {
    background-color: #009191;
}
table tr:nth-child(odd) {
   background-color:#ff1414;
}
.logoutdash {
    padding-bottom:15px;
}
/* ---------------------------register----------------------------------*/
.form{
    border:solid 1px;
    width:500px;
    max-width:100%;
    background-color:#e9e9e9;
    color:#0a374d;
} 
/* --------------------------------addpost-----------------------------------*/
.mainpostform {
    width:70%;
    max-width:100%;
    float: right;
    margin-left: 0px;
    margin-right: 50px;
}
.titlepostf {
    float: right;
    width: 310px;
    background-color: #e9e9e9;
    margin-left: 25px;
    margin-right: 70px;
}
.slugpostf {
    float: left;
    width: 310px;
    background-color: #e9e9e9;
    margin-left: 70px;
    margin-right: 25px;
}
.titleslug {
    clear: both;
    display: inline-block;
}
.keywordsf {
    width: 250px;
    background-color: #e9e9e9;
}
.categoryf {
    width: 250px;
    background-color: #e9e9e9;
}

.postpassf {
    width: 250px;
    background-color: #e9e9e9;
    
}
.commentstatusf {
    width: 250px;
    background-color: #e9e9e9;
}

.parentf {
    width: 250px;
    background-color: #e9e9e9;
}
.postpicf {
    width: 250px;
    background-color: #e9e9e9;

}
.poststatusf {
    width: 250px;
    background-color: #e9e9e9;
}
.sidbarpostform {
    width:22%;
    float: left;
    margin-left:50px;
}
.submitpost {
    clear: both;
}
@media only screen and (max-width: 600px){
    body {
        width:100%;
        max-width:100%;
    }
    .mainpostform {
        width:auto;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        clear: both;
    }
    .titlepostf {
        width:auto;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        display:block;
    }
    .slugpostf {
        width:auto;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        display:block;
    }
    .titleslugf {
        width:auto;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        display:block;
    }
    .textpostf {
        width:auto;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        clear: both;
    }
    .keywordsf {
        width:auto;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        clear: both;
    }
    .categoryf {
        width:auto;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        clear: both;
    }
    .commentstatusf {
        width:auto;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        clear: both;
    }
    .parentf {
        width:auto;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        clear: both;
    }
    .postpicf {
        width:auto;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        clear: both;
    }
    .sidbarpostformf {
        width:auto;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        clear: both;
    }
}
/* -------------------------------post page---------------------------------*/
.textpostbox {
    border:solid 2px black;
    text-align:center;
    padding:5px;
}
.postpage {
    border:solid 2px black;
    padding:1px;
    width:660px;
    max-width:100%;
    float:left;
    margin-left:150px;
    margin-bottom:5px;
}
.toppostbox {
    clear: both;
}
.pauthor {
    float:right;
    margin-right: 5px;
}
.ppostdate {
    float:left;
    margin-left: 5px;
}
.comment_form{
          width:600px;
          max-width:100%;
          margin:auto;
          direction:rtl;
          text-align:center;
          margin-top:3px;
}
.comments {
    max-width:100%;
}
@media only screen and (max-width: 600px){
    .postpage {
    border:solid 2px black;
    padding:1px;
    width:100%;
    max-width:100%;
    float:none;
    margin-left:auto;
    margin-bottom:auto;
    }
    .comments {
        max-width:100%;
        width:100%;
    }
    .show_comments {
        width:100%;
        max-width:100%;
    }
    .comment_show {
        width:100%;
        max-width:100%;
    }
    .comment_form{
          width:100%;
          max-width:100%;
          margin:auto;
          direction:rtl;
          text-align:center;
          margin-top:3px;
    }
    .main_com {
        width:100%;
        max-width:100%;
    }
}    
/* ---------------------------- footer -----------------------------------*/
footer {
    margin-top: 20px;
    border:solid 1px black;
    background-color:#071a44;
    color:#e9e9e9;
    padding:10px;
    clear:both;
}
/* ------------------------------ lastposts ---------------------------------*/
.lastposts {
    display:block;
    font-size:11pt;
}
.lastpostsf {
    width:20%;
    float:right;
    background-color:#e9e9e9;

}
/* ------------------------------ index --------------------------------------*/
.indexmainf {
    float:left;
    text-align:center;
    width:75%;
}
/* ------------------------------ mostviews ---------------------------------*/
.mostviews {
    display:block;
    font-size:11pt;
}
.mostviewsf {
    width:20%;
    float:right;
    background-color:#e9e9e9;
    clear:both;    
    margin-top:5px;
}
/* ------------------------------ mostlikes ---------------------------------*/
.mostlikes {
    display:block;
    font-size:11pt;
}
.mostlikesf {
    width:20%;
    float:right;
    background-color:#e9e9e9;
    clear:both;    
    margin-top:5px;
}
/* ------------------------------- last comments ----------------------------*/
.lastcomments {
    display:block;
    font-size:11pt;
}
.lastcomentsf {
    width:20%;
    float:right;
    background-color:#e9e9e9;
    clear:both;    
    margin-top:5px;
}
/* ------------------------------- last comments ----------------------------*/
/* ------------------------------- index responsive -------------------------*/
@media only screen and (max-width: 600px){
    body {
     max-width:100%; 
     width:100%;
    }
    .indexmainf {
        max-width:100%;
        width:85%;
        text-align:center;
        float:none;
     }
    
    .mostviews {
        display:block;
        font-size:11pt;
     }
    .mostviewsf {
        width:85%;
        background-color:#e9e9e9;
        clear:both;    
        margin-top:5px;
     }
  
    .mostlikes {
        display:block;
        font-size:11pt;
     }
    .mostlikesf {
        width:85%;
        background-color:#e9e9e9;
        clear:both;    
        margin-top:5px;
     }
    
    .lastcomments {
        display:block;
        font-size:11pt;
     }
    .lastcomentsf {
        width:85%;
        background-color:#e9e9e9;
        clear:both;    
        margin-top:5px;
     }
    .lastposts {
        display:block;
        font-size:11pt;
     }
    .lastpostsf {
        width:85%;
        background-color:#e9e9e9;
        clear:both;    
        margin-top:5px;
     } 
    footer {
        width:86%;
        max-width:100%;
        margin-right:4px;
    } 
}
/* ------------------------------- index responsive -------------------------*/


/* -------------------------------mmpi_result---------------------------------*/
.mmpi_res_fieldset {
    width:60%;
    text-align:center;
    margin:auto
}
.mmpi_getmail_tit{
    text-align: center;
    clear: both;
    border: 1px solid black;
    border-radius: 3px;
    background: #c0f7e3b5;
    padding: 5px;
    margin: 5px;
    max-width:none;
    margin: 10px auto;
    padding:auto;
}
.mmpiresultname {
    text-align: center;
    clear: both;
    border: 1px solid black;
    border-radius: 3px;
    background: #57bfb6;
    padding: 5px;
    margin: 5px;
    max-width:none;
    margin: 10px auto;
    padding:auto;
}
.mmpi_results {
    
}
.l_f_k {
    clear: both;
    border: 1px solid #b3b399;
    overflow:hidden;
    display: flex;
}
.hs_d {
    clear: both;
    display:block;
    border: 1px solid #b3b399;
}
.hy_pd {
    clear: both;
    display:block;
    border: 1px solid #b3b399;
}
.pa_pt {
    clear: both;
    display:block;
    border: 1px solid #b3b399;
}
.sc_ma {
    clear: both;
    display:block;
    border: 1px solid #b3b399;
}

.L_section {
    background: #e3e287;
    max-width: 30%;
    border: 1px solid #b3b399;
    padding: 5px;
    border-radius: 5px;
    float: right;
    margin:10px auto;
}
.F_section {
    background: #e3e287;
    max-width: 30%;
    border: 1px solid #b3b399;
    padding: 5px;
    border-radius: 5px;
    float: center;
    margin:10px auto;
}
.K_section {
    background: #e3e287;
    max-width: 30%;
    border: 1px solid #b3b399;
    padding: 5px;
    border-radius: 5px;
    float: left;
    margin:10px auto;
}
.D_section {
    background: #e3e287;
    max-width: 46%;
    border: 1px solid #b3b399;
    padding: 5px;
    border-radius: 5px;
    float: left;
    margin:10px auto;
}
.Hs_section {
    background: #e3e287;
    max-width: 46%;
    border: 1px solid #b3b399;
    padding: 5px;
    border-radius: 5px;
    float: right;
    margin:10px auto;
}
.Hy_section {
    background: #e3e287;
    max-width: 46%;
    border: 1px solid #b3b399;
    padding: 5px;
    border-radius: 5px;
    float: left;
    margin:10px auto;
}
.Pd_section {
    background: #e3e287;
    max-width: 46%;
    border: 1px solid #b3b399;
    padding: 5px;
    border-radius: 5px;
    float: right;
    margin:10px auto;
}
.Pa_section {
    background: #e3e287;
    max-width: 46%;
    border: 1px solid #b3b399;
    padding: 5px;
    border-radius: 5px;
    float: left;
    margin:10px auto;
}
.Pt_section {
    background: #e3e287;
    max-width: 46%;
    border: 1px solid #b3b399;
    padding: 5px;
    border-radius: 5px;
    float: right;
    margin:10px auto;
}
.Sc_section {
    background: #e3e287;
    max-width: 46%;
    border: 1px solid #b3b399;
    padding: 5px;
    border-radius: 5px;
    float: left;
    margin:10px auto;
}
.Ma_section {
    background: #e3e287;
    max-width: 46%;
    border: 1px solid #b3b399;
    padding: 5px;
    border-radius: 5px;
    float: right;
    margin:10px auto;
}

.mmpi_l_res_title , .mmpi_f_res_title , .mmpi_k_res_title {
    background: #40b5e3;
    padding: 5px;
    border: 1px solid #1e744b;
    margin: 5px;
    border-radius: 4px;
}
.mmpi_d_res_title , .mmpi_hs_res_title {
    background: #40b5e3;
    padding: 5px;
    border: 1px solid #1e744b;
    margin: 5px;
    border-radius: 4px;
}
.mmpi_pd_res_title , .mmpi_hy_res_title {
    background: #40b5e3;
    padding: 5px;
    border: 1px solid #1e744b;
    margin: 5px;
    border-radius: 4px;
}
.mmpi_pa_res_title , .mmpi_pt_res_title {
    background: #40b5e3;
    padding: 5px;
    border: 1px solid #1e744b;
    margin: 5px;
    border-radius: 4px;
}
.mmpi_sc_res_title , .mmpi_ma_res_title {
    background: #40b5e3;
    padding: 5px;
    border: 1px solid #1e744b;
    margin: 5px;
    border-radius: 4px;
}

.mmpi_l_res_num , .mmpi_f_res_num , .mmpi_k_res_num {
    float: left;
    display: block;
    text-align: center;
    width: 20%;
    background: #75c06e;
    padding: 5px;
    margin: 5px;
    border-radius: 4px;
}
.mmpi_d_res_num , .mmpi_hs_res_num {
    float: left;
    display: block;
    text-align: center;
    width: 27%;
    background: #75c06e;
    padding: 5px;
    margin: 5px;
    border-radius: 4px;
}
.mmpi_pd_res_num , .mmpi_hy_res_num {
    float: left;
    display: block;
    text-align: center;
    width: 27%;
    background: #75c06e;
    padding: 5px;
    margin: 5px;
    border-radius: 4px;
}
.mmpi_pa_res_num , .mmpi_pt_res_num {
    float: left;
    display: block;
    text-align: center;
    width: 27%;
    background: #75c06e;
    padding: 5px;
    margin: 5px;
    border-radius: 4px;
}
.mmpi_sc_res_num , .mmpi_ma_res_num {
    float: left;
    display: block;
    text-align: center;
    width: 27%;
    background: #75c06e;
    padding: 5px;
    margin: 5px;
    border-radius: 4px;
}

.mmpi_l_res_numtit , .mmpi_f_res_numtit , .mmpi_k_res_numtit {
    background: #cfd1c2;
    float: right;
    margin: 4px;
    display: block;
    padding: 5px;
    width: 60%;
    border: 1px solid #7b7474;
    border-radius: 3px;
}
.mmpi_d_res_numtit , .mmpi_hs_res_numtit {
    background: #cfd1c2;
    float: right;
    margin: 4px;
    display: block;
    padding: 5px;
    width: 60%;
    border: 1px solid #7b7474;
    border-radius: 3px;
}
.mmpi_pd_res_numtit , .mmpi_hy_res_numtit {
    background: #cfd1c2;
    float: right;
    margin: 4px;
    display: block;
    padding: 5px;
    width: 60%;
    border: 1px solid #7b7474;
    border-radius: 3px;
}
.mmpi_pa_res_numtit , .mmpi_pt_res_numtit {
    background: #cfd1c2;
    float: right;
    margin: 4px;
    display: block;
    padding: 5px;
    width: 60%;
    border: 1px solid #7b7474;
    border-radius: 3px;
}
.mmpi_sc_res_numtit , .mmpi_ma_res_numtit {
    background: #cfd1c2;
    float: right;
    margin: 4px;
    display: block;
    padding: 5px;
    width: 60%;
    border: 1px solid #7b7474;
    border-radius: 3px;
}

.mmpi_l_total_res , .mmpi_f_total_res , .mmpi_k_total_res {
    text-align: center;
    clear: both;
    border: 1px solid black;
    border-radius: 3px;
    background: #57bfb6;
    padding: 5px;
    margin: 5px;
}
.mmpi_d_total_res , .mmpi_hs_total_res {
    text-align: center;
    clear: both;
    border: 1px solid black;
    border-radius: 3px;
    background: #57bfb6;
    padding: 5px;
    margin: 5px;
}
.mmpi_pd_total_res , .mmpi_hy_total_res {
    text-align: center;
    clear: both;
    border: 1px solid black;
    border-radius: 3px;
    background: #57bfb6;
    padding: 5px;
    margin: 5px;
}
.mmpi_pa_total_res , .mmpi_pt_total_res {
    text-align: center;
    clear: both;
    border: 1px solid black;
    border-radius: 3px;
    background: #57bfb6;
    padding: 5px;
    margin: 5px;
}
.mmpi_sc_total_res , .mmpi_ma_total_res {
    text-align: center;
    clear: both;
    border: 1px solid black;
    border-radius: 3px;
    background: #57bfb6;
    padding: 5px;
    margin: 5px;
}
.mmpi_show_int {
    text-align: center;
    clear: both;
    border: 1px solid black;
    border-radius: 3px;
    background: #57bfb6;
    padding: 5px;
    margin: 5px;
}


@media only screen and (max-width: 600px){
 .mmpi_res_fieldset {
     width:90%;
 }
.mmpi_getmail_tit{
    clear: both;
    border: 1px solid black;
    border-radius: 3px;
    background: #c0f7e3b5;
    padding: 2px;
    margin: 2px;
    max-width:none;
}   
.mmpiresultname {
    clear: both;
    border: 1px solid black;
    border-radius: 3px;
    background: #57bfb6;
    padding: 2px;
    margin: 2px;
    max-width:none;
}
.mmpi_results {
    
}
.l_f_k {
    clear: both;
    border: 1px solid #b3b399;
    overflow:hidden;
    display: block;
}
.hs_d {
    clear: both;
    display:block;
    border: 1px solid #b3b399;
}
.hy_pd {
    clear: both;
    display:block;
    border: 1px solid #b3b399;
}
.pa_pt {
    clear: both;
    display:block;
    border: 1px solid #b3b399;
}
.sc_ma {
    clear: both;
    display:block;
    border: 1px solid #b3b399;
}

.L_section {
    background: #e3e287;
    max-width:none;
    border: 1px solid #b3b399;
    padding: 2px;
    border-radius: 2px;
    clear: both;
    margin:2px;
    float:none;
}
.F_section {
    background: #e3e287;
    max-width:none;
    border: 1px solid #b3b399;
    padding: 2px;
    border-radius: 2px;
    clear: both;
    margin:2px;
    float:none;
}
.K_section {
    background: #e3e287;
    max-width:none;
    border: 1px solid #b3b399;
    padding: 2px;
    border-radius: 2px;
    clear: both;
    margin:2px;
    float:none;
}
.D_section {
    background: #e3e287;
    max-width:none;
    border: 1px solid #b3b399;
    padding: 2px;
    border-radius: 2px;
    clear: both;
    margin:2px;
    float:none;
}
.Hs_section {
   background: #e3e287;
    max-width:none;
    border: 1px solid #b3b399;
    padding: 2px;
    border-radius: 2px;
    clear: both;
    margin:2px;
    float:none;
}
.Hy_section {
   background: #e3e287;
    max-width:none;
    border: 1px solid #b3b399;
    padding: 2px;
    border-radius: 2px;
    clear: both;
    margin:2px;
    float:none;
}
.Pd_section {
    background: #e3e287;
    max-width:none;
    border: 1px solid #b3b399;
    padding: 2px;
    border-radius: 2px;
    clear: both;
    margin:2px;
    float:none;
}
.Pa_section {
    background: #e3e287;
    max-width:none;
    border: 1px solid #b3b399;
    padding: 2px;
    border-radius: 2px;
    clear: both;
    margin:2px;
    float:none;
}
.Pt_section {
    background: #e3e287;
    max-width:none;
    border: 1px solid #b3b399;
    padding: 2px;
    border-radius: 2px;
    clear: both;
    margin:2px;
    float:none;
}
.Sc_section {
    background: #e3e287;
    max-width:none;
    border: 1px solid #b3b399;
    padding: 2px;
    border-radius: 2px;
    clear: both;
    margin:2px;
    float:none;
}
.Ma_section {
    background: #e3e287;
    max-width:none;
    border: 1px solid #b3b399;
    padding: 2px;
    border-radius: 2px;
    clear: both;
    margin:2px;
    float:none;
}

.mmpi_l_res_title , .mmpi_f_res_title , .mmpi_k_res_title {
    background: #40b5e3;
    padding: 2px;
    border: 1px solid #1e744b;
    margin: 2px;
    border-radius: 2px;
    max-width:none;
}
.mmpi_d_res_title , .mmpi_hs_res_title {
    background: #40b5e3;
    padding: 2px;
    border: 1px solid #1e744b;
    margin: 2px;
    border-radius: 2px;
    max-width:none;
}
.mmpi_pd_res_title , .mmpi_hy_res_title {
    background: #40b5e3;
    padding: 2px;
    border: 1px solid #1e744b;
    margin: 2px;
    border-radius: 2px;
    max-width:none;
}
.mmpi_pa_res_title , .mmpi_pt_res_title {
    background: #40b5e3;
    padding: 2px;
    border: 1px solid #1e744b;
    margin: 2px;
    border-radius: 2px;
    max-width:none;
}
.mmpi_sc_res_title , .mmpi_ma_res_title {
    background: #40b5e3;
    padding: 2px;
    border: 1px solid #1e744b;
    margin: 2px;
    border-radius: 2px;
    max-width:none;
}

.mmpi_l_res_num , .mmpi_f_res_num , .mmpi_k_res_num {
    background: #75c06e;
    padding: 2px;
    margin: 2px;
    border: 1px solid #1e744b;
    border-radius: 4px;
    float:left;
    max-width:none;
}
.mmpi_d_res_num , .mmpi_hs_res_num {
    background: #75c06e;
    padding: 2px;
    margin: 2px;
    border: 1px solid #1e744b;
    border-radius: 4px;
    float:left;
    max-width:none;
}
.mmpi_pd_res_num , .mmpi_hy_res_num {
    background: #75c06e;
    padding: 2px;
    margin: 2px;
    border: 1px solid #1e744b;
    border-radius: 4px;
    float:left;
    max-width:none;
}
.mmpi_pa_res_num , .mmpi_pt_res_num {
    background: #75c06e;
    padding: 2px;
    margin: 2px;
    border: 1px solid #1e744b;
    border-radius: 4px;
    float:left;
    max-width:none;
}
.mmpi_sc_res_num , .mmpi_ma_res_num {
    background: #75c06e;
    padding: 2px;
    margin: 2px;
    border: 1px solid #1e744b;
    border-radius: 4px;
    float:left;
    max-width:none;
}

.mmpi_l_res_numtit , .mmpi_f_res_numtit , .mmpi_k_res_numtit {
    background: #cfd1c2;
    margin: 2px;
    padding: 2px;
    border: 1px solid #7b7474;
    border-radius: 3px;
    float:right;
    max-width:none;
}
.mmpi_d_res_numtit , .mmpi_hs_res_numtit {
     background: #cfd1c2;
    margin: 2px;
    padding: 2px;
    border: 1px solid #7b7474;
    border-radius: 3px;
    float:right;
    max-width:none;
}
.mmpi_pd_res_numtit , .mmpi_hy_res_numtit {
     background: #cfd1c2;
    margin: 2px;
    padding: 2px;
    border: 1px solid #7b7474;
    border-radius: 3px;
    float:right;
    max-width:none;
}
.mmpi_pa_res_numtit , .mmpi_pt_res_numtit {
    background: #cfd1c2;
    margin: 2px;
    padding: 2px;
    border: 1px solid #7b7474;
    border-radius: 3px;
    float:right;
    max-width:none;
}
.mmpi_sc_res_numtit , .mmpi_ma_res_numtit {
    background: #cfd1c2;
    margin: 2px;
    padding: 2px;
    border: 1px solid #7b7474;
    border-radius: 3px;
    float:right;
    max-width:none;
}

.mmpi_l_total_res , .mmpi_f_total_res , .mmpi_k_total_res {
    text-align: center;
    clear: both;
    border: 1px solid black;
    border-radius: 2px;
    background: #57bfb6;
    padding: 2px;
    margin: 2px;
    max-width:none;
}
.mmpi_d_total_res , .mmpi_hs_total_res {
    text-align: center;
    clear: both;
    border: 1px solid black;
    border-radius: 2px;
    background: #57bfb6;
    padding: 2px;
    margin: 2px;
    max-width:none;
}
.mmpi_pd_total_res , .mmpi_hy_total_res {
    text-align: center;
    clear: both;
    border: 1px solid black;
    border-radius: 2px;
    background: #57bfb6;
    padding: 2px;
    margin: 2px;
    max-width:none;
}
.mmpi_pa_total_res , .mmpi_pt_total_res {
    text-align: center;
    clear: both;
    border: 1px solid black;
    border-radius: 2px;
    background: #57bfb6;
    padding: 2px;
    margin: 2px;
    max-width:none;
}
.mmpi_sc_total_res , .mmpi_ma_total_res {
    text-align: center;
    clear: both;
    border: 1px solid black;
    border-radius: 2px;
    background: #57bfb6;
    padding: 2px;
    margin: 2px;
    max-width:none;
}
.mmpi_show_int {
    text-align: center;
    clear: both;
    border: 1px solid black;
    border-radius: 2px;
    background: #57bfb6;
    padding: 2px;
    margin: 2px;
    max-width:none;
}
}
/* -------------------------------mmpi_result---------------------------------*/