@font-face {
  font-family: vazir;
  src: url('fonts/Vazir.eot');
  src: url('fonts/Vazir.eot?#iefix') format('embedded-opentype'),
       url('fonts/Vazir.woff') format('woff'),
       url('fonts/Vazir.ttf') format('truetype');
  font-weight: normal;
}
html
{
     font-family: vazir,'tahoma';
      margin:0;
      padding:0;
}
h2
{
    font-family: vazir,'tahoma';
}
label
{
    font-size:medium;
    color:blue;
}
.label-caption
{
    font-size:12px;
    color:gray;
    margin-bottom:4px;
    margin-top:4px;
    display:block;
}
.TopBarr
{
    padding:10px;
    margin:0;
    width:100%;
    height:20px;
    line-height:20px;
    vertical-align:central;
    font-size:medium;
}
.MarginBottom
{
    margin-bottom:10px;
}
body
{
    direction:rtl;
    font-family: vazir,'tahoma';
    margin:0;
    padding:0;
    text-align:right;
    font-size:12px;
}
a
{
    text-decoration:none;
}
.aBold
{
    color:black;
    font-size:14px;
}
a h3
{
   padding:0;
   margin:0;
}

.divsad
{
    width:100%;
}
.div90
{
    width:95%;
    margin:0 auto;
}
.div_Shop_Fix
{
    width:100%;
    margin:0 auto;
}
.Box_Shop_Fix
{
    width:31%;
    margin:0 auto;
    background: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.05);
	box-shadow: 0 2px 2px rgba(0,0,0,.05);
	padding:2px;
	overflow: hidden;
    float:right;
    margin-right:6px;
}
.hrpanjah
{
    width:50%;
    text-align:right;
    background-color:gray;
}
.elvasat
{
    text-align:center;
}
.elrast
{
    text-align:right;
}
.elchap
{
    text-align:left;
}
.Line_Style_Head
{
    width:50%;
    height:2px;
    background-color:blue;
    margin:5px;
}
.Card
{
    position: relative;
    width:100%;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    box-shadow: 0 0 0 0 rgba(0,0,0,.2), 0 1px 4px 0 rgba(57,129,21,.34);
    margin:0 auto;
    margin-bottom:15px;
    padding:5px;
    height:auto;

}
.Card h3
{
    padding:0;
    margin:0;
    margin-right:10px;
}
.block-header {
    padding:10px;
    margin:0 auto;
    text-decoration: none;
    color:black;
    background-color:#e6e6e6;
    border-bottom: 2px solid #8c8c8c;
    border-right: 2px solid #8c8c8c;
    border-radius:5px;
    font-size:18px;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);
    
}
.block-header a
{
    color:black;
    font-size:large;
}
.elparaf
{
    text-align:justify;
}
.float_left
{
    float:left;
    text-align:left;
}
.float_Right
{
    float:right;
    text-align:right;
}
.Center_Panel
{
    width:400px;
    margin:0 auto;
    background-color:white;
    opacity:0.9;
    border-radius:5px;
}
.Panel_Div
{
    width:97%;
    border-radius:3px;
    padding:5px;
    margin:5px;
    background-color:#d3cfcf
}
.Iran_Font
{
      font-family: vazir,'tahoma';
}
.Small_Font
{
    font-size:small;
}
.Medium_Font
{
    font-size:medium;
}
.Large_Font
{
    font-size:large;
}
.BackGround_Post
{
    background-color:#f937fb;
}
.Color_Black
{
    color:black;
}
.Color_Blue
{
    color:blue;
}
.Color_Red
{
    color:red;
}
.Color_Base
{
    color:#f937fb;
}
.Color_Green
{
    color:green;
}

.Color_Post
{
   color:rgb(229, 228, 228);
}
.Color_Post_Comment
{
    color:#f0fb8b;
}
.Div_25
{
    width:25%;
}
.Col-xs-3asli
{
    width:33.333%;
    float:right;
}
.Col-xs-3
{
    width:25%;
    float:right;
}
.Col-xs-2
{
    width:16.666%;
    float:right;
}
.Col-xs-1
{
    width:8.333%;
    float:right;
}
.H1_Style
{
    padding:0;
    margin:5px;
}
.Background_Gray
{
    background-color:rgb(226, 226, 226);
}
.Background_Narenji
{
    background-color:rgb(242, 59, 18);
}
.Background_Sefid
{
    background-color:white;
}
.A_Style
{
    color:black;
    text-decoration:none;
}
.Alarm_Style
{
    color:red;
    font-size:large;
}
.form-group
{
    width:100%;
    padding:5px;
    display:block;
    margin-bottom:5px;
    margin-top:5px;
}
.form-control {
    height: 30px;
    padding: 0 1px;
    border: solid 1px #000000;
    border-radius:5px;
    background:rgb(229, 228, 228);
    background: rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.5);
    font-family: vazir,'tahoma';
    text-indent: 3px;
    color:black;
    font-size: 15px;
    width:99%;
}
 .form-control:focus {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(255, 255, 255, 0.15);
    outline: none;
    background: #F7DEF7;
    background: rgba(255, 255, 255, 0.4);
     border: solid 1px #ff0000;
     border-radius:5px;
}
 .Col_Right
 {
     width:330px;
     float:left;
     margin-left:5px;

 }
   .Col_Center
 {
     width:600px;
     float:right;
     margin-right:5px;
     text-align:right;
     margin-bottom:30px;
 }
 .Col_Body
 {
     width:950px;
     box-shadow: 1px 1px 5px 0px #000000;
     margin:0 auto;
     margin-top:5px;
     opacity:0.95;
     background: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	padding:5px;
	overflow: hidden
     
 }
 .DivFixMenu
 {
     top:0;
     width:100%;
     position:fixed;
     z-index:1000;
 }
 .button, a.button {
    display: inline-block;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
    font-size: 14px;
    border-radius: 4px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    text-align: center;
    background: #151922;
    border-color: #1f2532 #1f2532 #0b0d12 #0b0d12;
    color:white;
}

.button.button--primary, a.button.button--primary {
    color: #fff;
    background: #61b1ec;
    min-width: 80px;
    border-color: #78bcef #78bcef #4aa6e9 #4aa6e9;
}
.button.button--cta, a.button.button--cta {
    color: #fff;
    background: #1f5fa1;
    border-color: #236cb6 #236cb6 #1b528c #1b528c;
}
a.button.button--red {
    color: #fff;
    background:red;
    border-color: #236cb6 #236cb6 #1b528c #1b528c;
}
 .button-success,
        .button-error,
        .button-warning,
        .button-secondary {
            color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            font-family: vazir,'tahoma';
            height:40px;
            line-height:40px;
        }

        .button-success {
            background: rgb(28, 184, 65); /* this is a green */
            
        }
        .button-success a
        {
            color:yellow;
            font-weight:bold;
            font-size:medium;
        }

        .button-error {
            background: rgb(202, 60, 60); /* this is a maroon */
        }

         .button-error a
        {
            color:white;
            font-weight:bold;
            font-size:medium;
        }

        .button-warning {
            background: rgb(223, 117, 20); /* this is an orange */
        }

         .button-warning a
        {
            color:black;
            font-weight:bold;
            font-size:medium;
        }

        .button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
        }

          .button-secondary a
        {
            color:black;
            font-weight:bold;
            font-size:medium;
        }

.clouds-flat-button {
  position: relative;
  vertical-align:middle;
  width: 100%;
  height: 60px;
  padding: 0;
  font-size: 18px;
  color:#454545;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #ecf0f1;
  border: 0;
  border-bottom: 2px solid #dadedf;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #dadedf;
  box-shadow: inset 0 -2px #dadedf;
}
.wisteria-flat-button {
  position: relative;
  vertical-align:middle;
  width: 100%;
  height: 60px;
  padding: 0;
  font-size: 18px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #8e44ad;
  border: 0;
  border-bottom: 2px solid #80399d;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #80399d;
  box-shadow: inset 0 -2px #80399d;
}
.wisteria-flat-button:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.Title_Box
{
width:90%;
margin:5px;
padding:5px;
height:60px;
line-height:60px;
background:#d3d0d0;
text-align:center;
border-radius:3px;
}
.Title_Items
{
width:90%;
margin:5px;
padding:5px;
height:60px;
line-height:60px;
text-align:center;
border-radius:3px;
}
.Avatars_Image
{
    border-radius:50%;
}


@media all and (max-width: 640px)
 {
.Col_Body {
        width: 99%;
        margin: 0 auto;
        margin-top: 10px;
	    padding:5px;
	    overflow: hidden
         }
    .DivFixMenu
 {
     top:0;
     width:100%;
     position:fixed;
     z-index:1000;
     display:block;
 }

    .Col_Center {
        width: 95%;
        float: none;
        display: block;
        margin-left: 5px;
        margin-right: 5px;
        text-align: right;
    }

    .Col_Right {
        width: 95%;
        float: none;
        display: block;
        margin-left: 5px;
        margin-right: 5px;
        text-align: right;
    }

    .Col_Left {
         width: 95%;
        float: none;
        display: block;
        margin-left: 5px;
        margin-right: 5px;
        text-align: right;
    }
#Master_Akharin_Motekhasesin
{
    display:none;
}
#Master_Proje_Seen
{
    display:none;
}
#Master_Search_Box
{
    display:none;
}
#A_Tag_Avatar
{
    display:none;
}

.Colx6
{
    float:none;
    width:100%;
    display:block;
}

.Chat_Body_Right
{
    width:99%;
    float:none;
    margin:0 auto;
    display:block;
}
.Chat_Body_Left
{
    width:99%;
    float:none;
    margin:0 auto;
    display:block;
}

.BoxFollow
{
    width:100%;
    float:none;
    display:block;
    padding:10px;
}

.WindowsHold
{
   display:none;
}


.Post
{
    width:100%;
    float:none;
    display:block;
    margin:0 auto;
    margin-bottom:5px;
    margin-top:5px;
}
/*Res460*/

.Home_Background
{
    background:none;
	background-color:rgb(237, 237, 237);
    background-image:none;
}
.Col-xs-3
{
    width:50%;
    float:right;
    margin-bottom:10px;
}

.PostTitleNewBoxImage
{
   display:block;
   width:100%;
   float:none;
   border-bottom:1px solid blue;
}
.PostTitleNewBoxHead
{
    float:none;
    height:auto;
    width:100%;
}
.PostTitleNewBoxh1
{
    height:auto;
    text-align:right;
}
.PostTitleNewBoxComment
{
    height:auto;
    text-align:justify;
    overflow-y:scroll;
    height:150px;

}

}

.isa_info, .isa_success, .isa_warning, .isa_error {
margin:0 auto;
padding:5px;
border-radius:3px;
width:99%;
}
.isa_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.isa_error {
    color: #D8000C;
    background-color: #FFD2D2;
}
.Dive_Note
{
    text-align:justify;
    font-size:12px;
    padding:10px;
}
.Post
{
    width:240px;
    margin:0 auto;
    margin-bottom:5px;
     margin-top:5px;
    box-shadow: 1px 1px 5px 1px #454545;
    border-radius:3px;
    padding:5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.Post h1
{
   margin:0;
   font-size:small;
   font-weight:bold;
   height:50px;
   
}

.Post_D
{
    width:95%;
     margin-top:15px;
     margin-bottom:15px;
    padding:10px;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
}
.Post_D h1
{
   margin:0;
   font-size:medium;
   font-weight:bold;
   height:50px;
   
}
.EdameMatlab
{
    padding:5px;
    float:right;
    margin-left:10px;
    margin-bottom:10px;
    border:solid 1px gray;
    border-radius:3px;
    background-color:#80399d;
    color:white;
    font-weight:bold;
    font-size:14px;
}

.Post_Description
{
    font-size:12px;
    text-align:justify;
    margin-top:10px;
    letter-spacing: 1px;
    background-color:white;
    padding:10px;
}
.Post_Title
{
    text-align:right;
    color:black;
    font-size:10px;
    margin-top:0;
    margin-left:0;
    margin-right:0;
    width:100%;
}
.PostBox_Small
{
    width:50px;
    height:30px;
    background-color:white;
    line-height:30px;
    color:gray;
    float:right;
    text-align:center;
    border-left:1px solid gray;
}
.PostBox_Small:hover
{
    background-color:#fe8bff;
}
.Post_Bottom_Div
{
    margin-top:15px;
    font-size:12px;
    width:100%;
    vertical-align:middle;
    margin-bottom:15px;
    
}
.Post_Comment
{
    background-color:white;
    width:95%;
    padding:5px;
    margin:0 auto;
    border:2px solid black;
    border-radius:2px;
    margin-top:10px;
    color:black;

}
.Post_Comment_Row
{
    background-color:#f0fb8b;
    width:96%;
    padding:5px;
    margin:0 auto;
    border:1px dotted gray;
    border-radius:2px;
    margin-bottom:10px;
    margin-top:10px;
    color:black;
}





#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 60px;
    font-size: 17px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin:0 auto;
    padding: 5px;
    border: 1px solid #888;
    width:95%;
    direction:rtl;
    text-align:right;
}

/* The Close Button */
.close {
    color: red;
    float:left;
    font-size:15px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.Login_Box_Corner
{
    width:100px;
    height:100px;
    margin-bottom:60px;
    margin-right:15px;
    border-radius:50%;
    border:solid 1px #f937fb;
    bottom:0;
    left:0;
    position:fixed;
    box-shadow: 1px 1px 1px 1px #888888;
    text-align:center;
    vertical-align:central;
    line-height:100px;
    background-color:#f937fb;
    opacity:0.9;
}



         
         @-webkit-keyframes shake {
            0%, 100% {-webkit-transform: translateX(0);} 
            10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 
            20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 
         }
         
        @keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(0deg); }
    20% { transform: translate(-3px, 0px) rotate(0eg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(0deg); }
    50% { transform: translate(-1px, 2px) rotate(0deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(0deg); }
    80% { transform: translate(-1px, -1px) rotate(0deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(0deg); }
}
         
         .shake { 
            animation: shake 4.5s;
    /* When the animation is finished, start again */
         }

.Colx6
{
    float:right;
    width:50%;
}
.Colx9
{
    float:right;
    width:70%;
}
.Colx1
{
    float:right;
    width:30%;
}

.Chat_Body
{
     width:98%;
     box-shadow: 2px 2px 2px 2px #888888;
     margin:0 auto;
     margin-top:10px;
     position:flex;
     height:500px;
}
.Chat_Body_Right
{
    width:100%;
}
.Chat_Body_Left
{
    width:100%;
}
.Chat_Message_Body_Left
{
    width:60%; 
    float:left;
    border:solid 1px #80399d;
    border-radius:5px;
    padding-right:10px;
    padding-left:10px;
    padding-top:15px;
    padding-bottom:15px;
    direction:rtl;
    margin-bottom:10px;
    color:#0e0d0d;
    text-align:justify;
    background-color:#faeda1;
    box-shadow: 2px 2px 2px 2px #888888;
}
.Chat_Message_Body_Right
{
    width:60%; 
    float:right;
    border:solid 1px #cc5109;
    border-radius:5px;
    padding-right:10px;
    padding-left:10px;
    padding-top:15px;
    padding-bottom:15px;
    direction:rtl;
    margin-bottom:10px;
    color:#0e0d0d;
    text-align:justify;
     background-color:#d1d6d7;
     box-shadow: 2px 2px 2px 2px #888888;
}
.Chat_Top_Box
{
    margin:0 auto;
    margin-top:10px;
    margin-bottom:10px;
    width:350px;
    height:70px;
    
}
.Chat_Top_Box_Cirle
{
     box-shadow: 1px 1px 1px 1px #888888;
     width:100px;
     float:right;
     margin-right:2px;
     border-radius:50%;
     text-align:center;
     font-size:13px;
     color:gray;
     padding:5px;
     height:100px;
     line-height:100px;

}
.Chat_Top_Box_Cirle_Chat
{
     box-shadow: 1px 1px 1px 1px #888888;
     width:80px;
     margin:10px auto;
     height:80px;
     border-radius:5px;
     text-align:center;
     font-size:15px;
     color:gray;
     float:right;
}

.Chat_Top_Box_Cirle_Chat a
{
   padding:0;
   margin:0;
}
.Chat_Background
{
	width:95%;
    padding:5px;
    margin:0 auto;
    margin-top:10px;
}
.Home_Background
{
	background: url(../Icons/Back_Screen1.jpg) no-repeat fixed;
	background-size:cover;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
     opacity:0.99;
}
.Public_Panel
{
    width:96%;
    background-color:rgb(200, 133, 241);
    border-radius:5px;
    margin-bottom:10px;
    padding:10px;
}

.SidePanel
{
    width:400px;
    border-radius:2px;
    text-align:right;
    font-size:15px;
    border-radius:5px;
    margin-top:5px;
    margin-bottom:5px;
    
}
.SidePanelBox
{
    width:50px;
    height:50px;
    text-align:center;
    transition:0.5s;
    margin-left:5px;
    font-size:11px;
    float:right;
}
.SidePanelBox:hover
{
    background-color:white;
}
.Circle_Red
{
    background-color:red;
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    color:white;
    vertical-align:central;
    border-radius:50px;
}
.Left_Border
{

    border-left:dotted 2px black;
   margin-left:10px;
   margin-right:10px;
   vertical-align:central;
}
.Grid_Box
{
     width:90%;
     box-shadow: 2px 2px 2px 2px #888888;
     margin:0 auto;
     margin-top:10px;
     margin-bottom:10px;
     border-radius:5px;
     padding:10px;
}
.Tags
{
    height:40px;
    float:right;
    margin-right:10px;
  
}
.Tags h2
{
    font-size:12px;
    padding:0;
    margin:0;
    width:auto;
}
.Tags h3
{
    font-size:12px;
    padding:0;
    margin:0;
    width:auto;
}

.Adsin_Style
{
    color:green;
    font-weight:bold;
}
.UserBoxProfile
{
       box-shadow: 1px 1px 5px 0px #fa000f;
       width:90%;
       margin:0 auto;
       text-align:center;
       margin-top:15px;
       margin-bottom:15px;
       border-radius:3px;
}

.WindowsHold
{
    width:950px;
    margin:0 auto;
    margin-top:45px;
    text-align:center;
}

.WindowsBoxBlue
{
       box-shadow: 1px 1px 2px 2px black;
       background-color:rgb(66,139,202);
       transition:0.5s;
}
.WindowsBoxBlue:hover
{
   background-color:white;
}
.WindowsBoxRed
{
   
    background-color:rgb(217,83,79);
}

.WindowsBoxGreen
{
       background-color:rgb(92,184,92);
}
.WindowsBoxWarning
{
      
       background-color:#FEEFB3;
}
.WindowsBoxInfo
{
       
       background-color:rgb(249,249,249);
}
.WindowsBoxLowBlue
{
      
       background-color:rgb(91,192,222);
}

.SideBoxProfile
{
       width:90%;
       margin:0 auto;
       text-align:center;
       margin-top:15px;
        margin-bottom:15px;
       border-radius:3px;
       box-shadow: 1px 1px 5px 0px #fa000f;
}
.TableBox
{
    width:100%;
    margin:0 auto;
    padding:5px;
    border:1px solid black;
    background-color:rgb(224, 216, 216);
    border-radius:5px;
}
.Boxx
{
    width:100%;
    margin:0 auto;
    background: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	padding:5px;
	overflow: hidden
}
.Boxx_Narenji_Width_Margin
{
    width:100%;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:10px;     
     background-color: #e0f614;
  background-image: linear-gradient(to bottom, #e0f614, #f42323);
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	padding:5px;
	overflow: hidden
}
.Boxx_Narenji_Width_Margin a
{
    text-decoration:none;
    color:white;
}
.Boxx90
{
    width:95%;
    margin:0 auto;
    background: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.05);
	box-shadow: 0 2px 2px rgba(0,0,0,.05);
	padding:12px;
	overflow: hidden
}
.box {
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    width: 80%;
    padding: 5px;
    overflow: hidden;
    margin:0 auto;
    margin-bottom:10px;
}
.Boxx td
{
    padding:10px;
}

.Kharid
{
    top:0;
    right:0;
    width:100%;
    height:30px;
    background: rgb(28, 184, 65);
    color:white;
    line-height:30px;
    vertical-align:central;
    padding-right:5px;
    font-weight:bold;
    font-size:15px;
    text-align:center;
}
.Kharid a
{
    color:white;
}

.Rayegan
{
    top:0;
    right:0;
    width:100%;
    height:30px;
    background: #f937fb;
    color:white;
    line-height:30px;
    vertical-align:central;
    padding-right:5px;
    font-weight:bold;
    font-size:12px;
    text-align:center;
}
.Rayegan a
{
    color:white;
}




.SearchBox
{
       box-shadow: 1px 1px 5px 0px #000000;
       width:95%;
       margin:0 auto;
       text-align:center;
       padding:10px;
       border-radius:3px;
       margin-top:10px;
       margin-bottom:10px;
}

.BUTTON_UTQ {
   background: #3D94F6;
   background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   color: #FFFFFF;
   font-family:Tahoma,arial;
   font-size: 12px;
   padding: 5px;
   box-shadow: 1px 1px 5px 0px #000000;
   -webkit-box-shadow: 1px 1px 5px 0px #000000;
   -moz-box-shadow: 1px 1px 5px 0px #000000;
   text-shadow: 1px 1px 20px #000000;
   border: solid #337FED 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
}

.BUTTON_UTQ:hover {
   background: #1E62D0;
   background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6);
   background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6);
   background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6);
   background-image: -o-linear-gradient(top, #1E62D0, #3D94F6);
   background-image: linear-gradient(to bottom, #1E62D0, #3D94F6);
   text-decoration: none;
}

.Search_Div_Section
{
 width:33%;
 float:right;
 text-align:center;
}

.BoxFollow
{
    width:27%;

background: rgb(237, 237, 237); /* Old browsers */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    float:right;
    height:70px;
    margin:5px;
    padding:10px;
    text-align:center;
    color:white;
    margin-bottom:5px;
    margin-top:5px;
    border-radius:5px;
}
.BoxMasterFollow
{
    width:80%;
background: #fb83fa; /* Old browsers */
background: -moz-linear-gradient(top, #fb83fa 0%, #e93cec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fb83fa 0%,#e93cec 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fb83fa 0%,#e93cec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb83fa', endColorstr='#e93cec',GradientType=0 ); /* IE6-9 */
  box-shadow: 1px 1px 1px 1px #888888;
     width:88px;
     float:right;
     margin-right:2px;
     height:88px;
     border-radius:50px;
     text-align:center;
     line-height:88px;
     font-size:10px;
     color:gray;
    transition: 0.3s;
    margin-bottom:10px;
}
.BoxMasterFollow:hover
{
     transition: 0.3s;
background: #cb60b3; /* Old browsers */
background: -moz-linear-gradient(top, #cb60b3 0%, #ad1283 50%, #de47ac 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=0 ); /* IE6-9 */
}

.KharidBox
{
    width:100%;
    margin:0 auto;
    box-shadow: 1px 1px 5px 0px #908b8b;
    margin-top:25px;
    border-radius:3px;
    padding:10px;

}
.KharidBoxHead
{
    margin:0;
    padding:0;
    text-align:center;
    height:50px;
    line-height:50px;

background: #b7deed; /* Old browsers */
background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
    border-radius:3px;
}
.KharidBoxItems
{
    width:100%;
    height:50px;
    line-height:50px;
    text-align:right;
    margin-top:10px;
    margin-bottom:10px;
    transition: 0.3s;
}
.KharidBoxItems:hover
{
  
      background-color:rgb(184, 229, 248);
}

.PostNews
{
    width:500px;
    margin:0 auto;
    margin-bottom:5px;
    margin-top:5px;
    box-shadow: 1px 1px 5px 1px #454545;
    border-radius:3px;
    padding:5px;
}
.PostNewsImage
{
    width:200px;
    height:200px;
    float:right;
}
.PostNewsContent
{
    width:300px;
    height:200px;
    float:left;
}
.PostNewsTitle
{
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:14px;
    background-color:rgb(245, 242, 242);
    margin:0;
    top:0;
    border:solid 1px black;
    border-radius:3px;
}
.PostNewsDetails
{
    height:100px;
    padding:5px;
    display:block;
    text-align:justify;
  
}

.PostNewsItems
{
    height:40px;
    padding:5px;
    width:100%;
    border:dotted 1px gray;
    border-radius:1px;
}
.PostBox_SmallNews
{
    width:50px;
    height:20px;
    background-color:white;
    line-height:20px;
    color:gray;
    float:right;
    text-align:center;
    border-left:1px solid gray;
}
.PostBox_SmallNews:hover
{
    background-color:#fe8bff;
}
.KharidNews
{
    background: rgb(28, 184, 65);
    color:white;
    padding-right:5px;
    font-size:10px;
}
.KharidNews a
{
    color:white;
}

.RayeganNews
{
    background: #f937fb;
    color:white;
    padding-right:5px;
    font-size:10px;
}
.RayeganNews a
{
    color:white;
}

.BoxHelp
{
    width:80px;
    height:50px;
    line-height:50px;
    display:inline-block;
}
blockquote {
    background-color:black;
    border: 2px solid #ddd;
    border-left: 7px solid red;
    color:#00ff21;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
    word-wrap: break-word;
    direction:ltr;
    text-align:left;
    min-height:50px;
    border-radius:5px;
}
.PostSmallBox
{
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 5px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
  background-color:#f8f9fa;
  padding:5px;
  direction:rtl;
  text-align:right;
  overflow: hidden;
  float:right;
  margin-left:5px;
  height:40px;
  line-height:40px;
  
}
.PostTitleNew
{
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width:99%;
  border-radius: 5px;
  margin:0 auto;
  margin-top:10px;
  margin-bottom:15px;
  background-color:#f8f9fa;
  padding:5px;
  direction:rtl;
  text-align:right;
  overflow: hidden;
  text-align:center;
  vertical-align:central;
}
.PostTitleNewBoxImage
{
    float:right;
}
.PostTitleNewBoxHead
{
    float:right;
    margin-right:10px;
    padding:5px;
}
.PostTitleNewBoxh1
{
    height:50px;
    width:100%;
    text-align:center;
}
.PostTitleNewBoxComment
{
    height:100px;

}
.MyCard
{
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width:100%;
  border-radius: 5px;
  margin:5px auto;
  background-color:white;
  padding:10px;
  direction:rtl;
  text-align:right;
  overflow: hidden;

}
.Card200
{
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width:100px;
  height:100px;
  vertical-align:central;
  border-radius: 5px;
  margin:0 auto;
  margin-top:15px;
  background-color:white;
  padding:10px;
  direction:rtl;
  text-align:center;
  float:right;
  margin-right:5px;

}
.Card100
{
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width:auto;
  height:60px;
  vertical-align:central;
  border-radius: 5px;
  margin:0 auto;
  background-color:white;
  padding:10px;
  direction:rtl;
  text-align:center;
  float:right;
  margin-right:5px;
  font-size:12px;

}

.dropdown {
  position: relative;
  display: inline-block;
  direction:rtl;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width:auto;
  height:60px;
  vertical-align:central;
  border-radius: 5px;
  margin:0 auto;
  background-color:white;
  padding:10px;
  direction:rtl;
  text-align:center;
  float:right;
  margin-right:5px;
  font-size:12px;
  cursor:pointer;
  z-index:1001;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  padding: 12px 12px;
  z-index:1000;
  direction:rtl;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/*Progess Bar Css*/
.meter { 
  height: 40px;/* Can be anything */</em>
  position: relative;
  background: #555;
  border-radius: 25px;
  padding: 10px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  color:white;
}
.meter > span {
  display: block;
  height: 20px;
  padding-right:10px;
  padding-left:10px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: rgb(43,194,83);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}
.orange > span {
  background-color: #f1a165;
  background-image: linear-gradient(to bottom, #f1a165, #f36d0a);
}

.red > span {
  background-color: #f0a3a3;
  background-image: linear-gradient(to bottom, #f0a3a3, #f42323);
}
.zard > span {
  background-color: #e0f614;
  background-image: linear-gradient(to bottom, #e0f614, #f42323);
}
.BackColor_Orange
{
    background-color:#f1a165;
    background-image: linear-gradient(to bottom, #f1a165, #f36d0a);
}
/*Progress Bar Css*/