html,
        body1 {
            height: 100%;
        }
        body1 {
            background: #007bec;
            color: #3c763d;
            font-size: 1.5em;
            font-weight: 400;
            text-align: center;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
        }
        .bodyprofile1{
            background: white;
            color: #333333;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
        }

        .main{
            position: relative;
            background: white;
            color: #0e5698;
            display: inline-block;
            padding: 15px 30px;
            margin: 10px;
            border-radius: 7px;
            box-shadow: 0 50px 50px rgba(0, 0, 0, 0.2);
            min-height: 200px;
            min-width: 400px;
        }
        .mainh{
            position: relative;
            background:lightblue;
            color: #843534;
            display: inline-block;
            padding: 15px 30px;
            margin: 0 auto;
            border-radius: 7px;
            box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
            min-height: 50px;
            min-width: 1200px;
        }
        h1 {
            direction: ltr;
            font: 20px Tahoma;
            text-align: left;
            margin: 5px 5px;
            font-weight: bold;
            color: #4a96db;
        }
        label{
            background: none;
            color: #333333;
            line-height: 25px;
            height: 40px;
            font-size: 18px;
            border: 0;
            font-size: 15px;

        }

 /* پیام های جاوا  */
                
        .error {
            display: block;
            padding: 4px;
            color: #C00;
        }
        span{
            font-family: Tahoma, Geneva, sans-serif;
            direction: rtl;
            font-size: 10px;
            color: red;
        }
        input#khas
         {
            display: block;
            border: 1px solid #ccc;
            border-radius: 3px;
            margin-top: 10px;
            line-height: 28px;
            height: 40px;
            padding: 0 10px;
            width: 100%;
            box-sizing: border-box;
            font-family: sans-serif;
            font-size: 15px;
        }
        input#abs
        {
            display: block;
            border: 1px solid #ccc;
            border-radius: 3px;
            margin-top: 10px;
            line-height: 28px;
            height: 200px;
            padding: 0 10px;
            width: 100%;
            box-sizing: border-box;
            font-family: sans-serif;
            font-size: 15px;
        }
        input#eabs
        {
            display: block;
            border: 1px solid #ccc;
            border-radius: 3px;
            margin-top: 10px;
            line-height: 28px;
            height: 200px;
            padding: 0 10px;
            width: 100%;
            box-sizing: border-box;
            font-family: sans-serif;
            font-size: 15px;
        }
        input:invalid{
            border: 2px solid red;
        }
        input#abs:invalid{
            border: 2px solid red;
        }
        button {
            background: #007bec;
            color: #fff;
            line-height: 40px;
            height: 40px;
            font-size: 18px;
            border: 0;
        }
        button:hover {
            opacity: 0.7;
            cursor: pointer;
        }
       .buttonabs {
            background: none;
            color: black;
            line-height: 40px;
            width: 120px;
            font-size: 15px;
            border: 0;
        }
        .button:hover {
            opacity: 0.7;
            cursor: pointer;
        }
       .buttonoperation {
            background: #007bec;
            color: #fff;
            line-height: 20px;
            height: 30px;
            font-size: 15px;
            border: 0;
        }
        input,
        button,
        select,
        textarea {
            display: block;
            border: 1px solid #ccc;
            border-radius: 3px;
            margin-top: 5px;
            line-height: 28px;
            height: 26px;
            padding: 0 10px;
            width: 100%;
            box-sizing: border-box;
            font-size: 12px;
            margin-bottom: 5px;
        }

        .title
        {
            display: block;
            border: 1px solid #ccc;
            border-radius: 3px;
            margin-top: 5px;
            line-height: 28px;
            height: 25px;
            padding: 0 10px;
            width: 100%;
            box-sizing: border-box;
            font-size: 14px;
            margin-bottom: 5px;
            color: rgb(130, 13, 116);
        }

        .title1
        {
            display: block;
            border: 1px solid #ccc;
            border-radius: 3px;
            margin-top: 5px;
            line-height: 28px;
            height: 20px;
            padding: 0 10px;
            width: 100%;
            box-sizing: border-box;
            font-size: 13px;
            margin-bottom: 5px;
            color: blue;
        }
        .subtitle
        {
            display: block;
            border: 1px solid #ccc;
            border-radius: 3px;
            margin-top: 5px;
            line-height: 26px;
            height: 20px;
            padding: 0 10px;
            width: 95%;
            box-sizing: border-box;
            font-size: 12px;
            margin-bottom: 5px;
            margin-right: 10px;
            color: rgb(87, 14, 14);
        }

        .list
        {
            display: block;
            border: 1px solid #ccc;
            border-radius: 3px;
            margin-top: 5px;
            line-height: 28px;
            height: 20px;
            padding: 0 10px;
            width: 100%;
            box-sizing: border-box;
            font-size: 13px;
            margin-bottom: 5px;
            color: red;
        }

        .sublist
        {
            display: block;
            border: 1px solid #ccc;
            border-radius: 3px;
            margin-top: 5px;
            line-height: 26px;
            height: 20px;
            padding: 0 10px;
            width: 95%;
            box-sizing: border-box;
            font-size: 12px;
            margin-bottom: 5px;
            margin-right: 10px;
            color: darkgreen;
        }
        .table_delete_edit {
            border-collapse: collapse;
            width: 100%;
            color: #333;
            font-family: "B Nazanin";
            font-size: 15px;
            text-align: justify;
            vertical-align: top;
            border-radius: 5px;
            overflow: hidden;
            margin: auto;
            margin: 5px;
            box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
        }
        .table_delete_edit th {
            padding: 2px;
            background-color: transparent;
            vertical-align: baseline;
            font-size: 13px;
            font-family: "B Nazanin";
            text-align: center;
            border-radius: 5px;
        }

       table {
            border-collapse: collapse;
            width: 100%;
            color: #333;
            font-family: "B Nazanin";
            font-size: 15px;
            text-align: justify;
            vertical-align: top;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            margin: auto;
            margin: 5px;
        }
        table th {
            padding: 2px;
            background-color: transparent;
            vertical-align: top;
            font-size: 13px;
            font-family: "B Nazanin";
            text-align: center;
            border-radius: 5px;
        }
        
        table tr:nth-child(even) td {
            background-color: #fff;
            text-align: baseline;
        }
        table tr:hover td {
            background-color: #fff;
        }
        table td {
            padding: 2px;
            background-color: transparent;
            vertical-align: top;
            font-family: "B Nazanin";
            text-align: left;
            border-radius: 5px;
        }


 /* جدول هدر اصلی شامل لوگو و عنوان  */
        .tableh {
            border-collapse: collapse;
            width: 100%;
            color: #333;
            font-family: "B Nazanin";
            font-size: 15px;
            text-align: center;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
            margin: auto;
            margin-left: 5px;
            margin-right: 5px;
            margin-top: 5px;
            margin-bottom: 5px;
            background-color: transparent;
        }
        .tableh th {
            background-color: blue;
            color: #fff;
            font-weight: bold;
            padding: 5px;
            text-transform: uppercase;
            letter-spacing: 0px;
            width: 100px;
            vertical-align: middle;
            text-align: center;
        }
        tableh tr:nth-child(even) td {
            background-color: #f2f2f2;
        }
        .tableh tr:hover td {
            background-color: transparent;
        }
        .tableh td {
            background-color: #fff;
            padding: 3px;
            background-color: transparent;
            font-family: "B Nazanin";
            text-align: center;
            width: 30px;
            line-height: 18px;
            vertical-align: middle;
        }
        .tableh td#lightgray{
            background-color: lightgray;
            padding: 3px;
            font-family: "B Nazanin";
            text-align: center;
        }


 /* جدول هدر اصلی شامل لوگو و عنوان  */
        .tablered {
            border-collapse: collapse;
            width: 100%;
            height: 20px;
            color: #333;
            font-family: "B Nazanin";
            font-size: 15px;
            text-align: center;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
            margin: auto;
            margin-left: 5px;
            margin-right: 5px;
            margin-top: 0px;
            margin-bottom: 0px;
            background-color: transparent;
        }
        .tablered th {
            background-color: rgb(251, 2, 2);
            color: #fff;
            font-weight: bold;
            padding: 5px;
            text-transform: uppercase;
            letter-spacing: 0px;
            font-family: "B Nazanin";
            border-radius: 5px;
            line-height: 20px;
        }
        tablered tr:nth-child(even) td {
            background-color: #f2f2f2;
        }
        .tablered tr:hover td {
            background-color: transparent;
        }
        .tablered td {
            background-color: #fff;
            padding: 10px;
            background-color: transparent;
            font-family: "B Nazanin";
            text-align: right;
        }

 /* جدول فهرست کنار جداول  */
 .tablen {
            border-collapse: collapse;
            width: 100%;
            color: #0e5698;
            font-family: Arial, sans-serif;
            font-size: 14px;
            text-align: right;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
            margin: auto;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .tablen th {
            background-color: #0e5698;
            color: #fff;
            font-weight: bold;
            padding: 5px;
            text-transform: uppercase;
            letter-spacing: 0px;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #ccc;
        }
        .tablen tr:nth-child(even) td {
            background-color: #0e5698;
        }
        .tablen tr:hover td {
            background-color: #fff;
        }
        .tablen td {
            background-color: #fff;
            padding: 10px;
            border-bottom: 0px solid #ccc;
            font-weight: bold;
            text-align: right;
        }


        /* جدول خلاصه مقاله شامل خلاصه و اصل مقاله  */
        .tableabs {
            border-collapse: separate;
            width: 30%;
            color: #333;
            font-family: Tohoma;
            font-size: 20px;
            text-align: center;
            border-radius: 5px;
            box-shadow: none;
            margin: unset;
            margin-top: 0px;
            margin-bottom: 0px;
            background-color: transparent;
        }
        tableabs th {
            background-color: white;
            color: #fff;
            font-weight: bold;
            padding: 0px;
            text-transform: uppercase;
            letter-spacing: 10px;
        }

        tableabs tr:nth-child(even) td {
            background-color: white;
        }
        .tableabs td {
            background-color: #fff;
            padding: 0px;
            font-weight: lighter;
            background-color: transparent;
            font-family: "B Nazanin";
            text-vertical-align: middle;
        }
        .tableabs tr:hover td {
            background-color: transparent;
        }
        <!---->

        /* تفکیک سایز تگ ها */
        *{
            box-sizing: border-box;
        }

        /* محبوب ترین دسته ها */
        body{
            font-family: tahoma, sans-serif;
            margin: 0;
            direction:rtl;
            background-color:#f2f2f2;
        }

        /* هدر */
        .header{
            padding: 0px;
            text-align: center;
            background: #fff;
            color: #fff;
            background-position: center bottom;
            background-size: cover;
            color:#fff;
        }

        .header h2{
                padding: 0px;
                text-align: center;
                font-size: 20px;
                color: #e2111b;   
                font-family: "B Nazanin";
                     }

        .header h1{
            padding: 0px;
            text-align: center;
            font-size: 25px;
            color: #843534;
            font-family: "B Nazanin";
        }

        .headerp {
            padding: 20px;
            text-align: center;
            background: #a4441f;
            background: linear-gradient(90deg, #a906d7 0%, #fb0763 100%);
            color: #fff;
            background-image: url(https://toospars.com/images/nama5.png);
            background-position: center bottom;
            background-size: cover;
            color:#fff;
        }

        /* منوی اصلی */
        .navbar{
            overflow: hidden;
            background-color: #fff;
        }

        /* آیتم های منو */
        .navbar a{
            float: right;
            display: block;
            color: #410404;
            text-align: center;
            padding: 14px 20px;
            text-decoration: none;
            font-size:15px;
        }

        /* آیتم شناور شده بسمت چپ */
        .navbar a.right {
            float: left;
        }

        /* وقتی ماوس میره روی آیتم های منو */
        .navbar a:hover{
            background-color: #ece7e7;
            color: #fff;
            border-radius: 7px;
        }

        /* آیتم فعال - صفحه جاری */
        .navbar a.active{
            background-color: #dbd8d8;
            color: #fff;
            border-radius: 7px;
        }

        /* باکس اصلی که شامل ستون ها و باکس مطالب می باشد */
        .row{
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        /* ستون های سمت راست و چپ */
        .side{
            -ms-flex: 10%;
            flex: 10%;
            border-radius: 7px;
            padding: 5px;
            margin: 10px;
            padding-right: 50px;
            padding-left: 50px;
            
        }

        /* باکس های داخل ستون های سمت راست و چپ */
        .side .side-box{
            background-color: #fff;
            padding: 20px;
            margin:10px;
            box-shadow: 2px 5px 30px rgba(0,0,0,.1);
            text-align: justify;
        }
        .side .side-box p{
            padding: 5px 40px 0px 0px;
            margin:1px;
        }
        /* تگ های اچ 3 داخل ستون های سمت راست و چپ */
        .side h3{
            font-size:18px;
            background-color: #A4441F;
            background: linear-gradient(90deg, #80bdff 0%, #005cbf 100%);
            padding: 7px;
            border-radius: 40px;
            color: #fff;
            text-align: center;
        }

        /* ستون وسطی - مطالب سایت */
        .main{
            -ms-flex: 70%;
            flex: 70%;
            padding: 0 10px;
        }

        /* فوتر */
        .footer{
            -ms-flex: 100%;
            padding: 20px;
            text-align: right;
            background-color: #e9e3e3;
            background: linear-gradient(0deg, #d1c9d6 100%, #aca1a4 0%);
            color:#fff;
        }

        /* لینک های داخل فوتر */
        .footer a{
            text-decoration:none;
            color:#fff;
        }

        /* وقتی ماوس میره روی لینک های داخل فوتر */
        .footer a:hover{
            text-decoration: blue;
        }

        /* باکس مطالب */
        .mypost{
            background-color:#fff;
            box-shadow: 2px 5px 30px rgba(0,0,0,.1);
            padding:20px;
            margin:10px 0;
            margin-outside: 40px;
        }

        /* لینک های داخل باکس مطالب */
        .mypost a{
            text-decoration:none;
            color:#000;
        }

        /* وقتی ماوس میره روی لینک های داخل باکس مطالب */
        .mypost a:hover{
            text-decoration:underline;
            color:#000;
        }

        /* خط جداکننده مطالب */
        hr{
            border:2px solid #f2f2f2;
            margin: 0px 0px 10px 0px;
        }

        /* وقتی با ماوس متن رو انتخاب میکنیم */
        ::selection{
            background-color:#5db616;
            color:#fff;
        }

        -moz-::selection{
            background-color:#5db616;
            color:#fff;
        }

        /* دکمه ادامه مطلب */
        .more-post{
            text-align:center;
            padding:10px;
            background: linear-gradient(90deg, #a906d7 0%, #fb0763 100%);
            background-color:#f2f2f2;
        }

        /* لینک های داخل دکمه ادامه مطلب */
        .more-post a{
            text-decoration:none;
            color:#fff;
        }

        /* محبوب ترین دسته ها */
        ul.MyList{
            margin:0;
            padding:0;
            list-style-type:none;
        }

        ul.MyList li{
            background-color:#f2f2f2;
            margin:5px 0;
            padding:5px 10px;
            border-radius:25px;
        }

        ul.MyList li a{
            text-decoration:none;
            color:#000;
        }

        ul.MyList li:hover{
            background-color:#123456;
            color:#005cbf;
        }

        ul.MyList li:hover a{
            color:#fff;
        }

        /* برای واکنش گرایی */
        /* روی موبایل ستون های سمت راست و چپ و وسط میوفتن زیرهم */
        @media screen and (max-width: 850px) {
            .navbar a{
            float: right;
            display: block;
            color: #410404;
            text-align: center;
            padding: 5px 5px;
            text-decoration: none;
            font-size:15px;
        }
        .navbar a.active{
            background-color: #dbd8d8;
            color: #fff;
            border-radius: 4px;
        }
            .row{
                flex-direction: column;
            }
        }

        /* برای واکنش گرایی */
        /* آیتم های منو بصورت تمام عرض نمایش داده میشن */
        @media screen and (max-width: 250px) {
            .navbar a {
                float: none;
                width: 100%;
            }
            .side{
                margin: 10px;
            }
        }


        .field-wrap {
            position: relative;
            mrgin-bottom: 10px;
        }

        .top-row:after {
            content: "";
            display: table;
            clear: both;
        }
        .top-row > div {
            float: right;
            width: 30%;
            margin-right: 2%;
        }

        .Name::-webkit-input-placeholder { color: red; }

        .Name:-moz-placeholder { color: red; }

        .Name:-ms-input-placeholder { color: red; }

        .Mail::-webkit-input-placeholder { color:blue; }

        .Mail:-moz-placeholder { color: blue; }

        .Mail::-moz-placeholder { color: blue; }

        .Mail:-ms-input-placeholder { color: blue; }

        .Message::-webkit-input-placeholder { color:green; }

        .Message:-moz-placeholder { color: green; }

        .Message::-moz-placeholder { color: green; }

        .Message:-ms-input-placeholder { color: green; }


/*progressbar authors*/
        #author {
            margin-bottom: 0px;
            margin-right: 10px;
            overflow: hidden;
            width: 400px;
            /*CSS counters to number the steps*/
        }
        #author li {
            margin-left: 20px;
            list-style-type: none;
            color: white;
            text-transform: uppercase;
            font-size: 15px;
            width: 30%;
            float: right;
            position: center;
        }
        #author li:before {
            width: 20px;
            line-height: 20px;
            display: block;
            font-size: 10px;
            color: #333;
            background: white;
            border-radius: 3px;
            margin: 0 auto 5px auto;
        }
        /*progressbar connectors*/
        #author li:after {
            content: '';
            width: 50%;
            height: 2px;
            background: white;
            position: absolute;
            right: -50%;
            top: 9px;
            z-index: -1; /*put it behind the numbers*/
        }
        #author li:first-child:after {
            /*connector not needed before the first step*/
            content: none;
        }
        /*marking active/completed steps green*/
        /*The number of the step and the connector before it = green*/
        #author li.active:before,  #progressbar li.active:after{
            background: #27AE60;
            color: white;
        }
         #inputauthor {
             background: none repeat scroll 0 0 blue;
             border: 0px solid #3abec0;
             border-radius: 8px;
             color: #000000;
             margin-right: 5px;
             margin-top: 15px;
             padding: 2px;
             height: 33px;
             width: 170px;
         }

  #dots {display: inline;}
        #author2 {display: none;}
        #author3 {display: none;}
        #author4 {display: none;}
        #author5 {display: none;}
        #author6 {display: none;}
        #author7 {display: none;}