body 
{
   background:url('../images/bg.png') repeat;
}
.ColorSefid
{
    color:white;
}
.ColorBlue
{
    color:#08659d;
}
.Color_Red
{
    color:red;
   
}
.floatleft
{
    float:left;
}
.elvasat
{
    text-align:center;
}
.elrast
{
    text-align:right;
}
.elchap
{
    text-align:left;
}
.elparaf
{
    text-align:justify;
}
.smallfont
{
    font-size:small;
}
.Divsad
{
    width:100%;
}
.MarginTop20
{
    margin-top:20%;
}
.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding:5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size:12px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:5px;
  height:50px;
  line-height:40px;
}

.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
.button4 {background-color: #e7e7e7; color: black;} /* Gray */ 
.button5 {background-color: #555555;} /* Black */

.boxx {
    background-image:url(../images/pg.png);
    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: 100%;
    padding: 20px;
    margin-bottom: 15px;
    margin-top:15px;
    overflow: hidden;
}


.form-group
{
    margin-bottom:15px;
}
.form-control
{
    width:100%;
    height:40px;
    padding:10px;
    border:solid 2px #808080;
    border-radius:5px;
}
.Col6
{
    width:46%;
    float:right;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:5px;
}
.Col4
{
    width:33%;
    float:right;
    margin-top:10px;
    margin-bottom:10px;
}
.Col3
{
    width:25%;
    float:right;
    margin-top:10px;
    margin-bottom:10px;
}
.Col1
{
    width:100%;
    float:right;
    margin-top:10px;
    margin-bottom:10px;
}
.CentralDiv
{
    width:300px;
    margin:0 auto;
}
.LeftlDiv
{
    width:300px;
    margin:0 auto;
}
.PanjahDarsad
{
    width:50%;
}
.BoxNews
{
    width:31%;
    margin:7px;
    padding:5px;
    float:right;
    border: 1px solid #d0d0d0;
    border-radius:5px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.alert {
    padding: 20px;
    color: white;
    opacity: 0.83;
    transition: opacity 0.6s;
    margin-bottom: 15px;
}
.alert-danger
{
        background-color: #f44336;
}
.alert-warning
{
    background-color:#ff9800;
}
.alert-success
{
    background-color:#4CAF50;
}
.alert-info
{
    background-color:#2196F3;
}
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.PanelHeadd
{
    width:100%;
    height:50px;
    border:solid 2px gray;
    background-color:rgb(214,214,214);
    border-radius:2px;
    padding-right:5px;
    padding-left:5px;
    line-height:50px;
    display:block;
    margin-bottom:10px;
   
}
.panel-default > .panel-heading {
    
    background: #eee;
	padding: 10px;
	border: 2px solid #ccc;
}

.panel-green > .panel-heading {
    
    background-color: #4CAF50;
    padding: 10px;
	border: 2px solid #ccc;
    color:white;
}
.panel-blue > .panel-heading {
    
    background-color: #008CBA;
    padding: 10px;
	border: 2px solid #ccc;
    color:white;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
     color:#08659d;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
    padding: 15px;
}

.MyTagss {
	border: solid 1px red;
	border-radius: 2px;
	padding: 5px;
	color: red;
	font-size:12px;
	text-decoration: none;
	transition: 0.5s;
    float:right;
}

.MyTagss:hover {
	color: blue;
	font-size:11px;
}