@charset "utf-8";
@font-face {
    font-family: 'yekan';
    src:  url('fonts/BYekan.eot?#') format('eot'),
          url('fonts/BYekan.woff') format('woff'),
          url('fonts/BYekan.ttf') format('truetype'); 
}


@font-face{font-family:"iransans1";font-weight:200;src:url("fonts/iransans_ultralight.woff") format("woff")}
@font-face{font-family:"iransans2";font-weight:500;src:url("fonts/iransans_medium.woff") format("woff")}
@font-face{font-family:"iransans3";font-weight:bold;src:url("fonts/iransans_bold.woff") format("woff")}

*{
    font-family:  yekan;
    font-size: 13px;
    focus-border:none;
}


.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber{
    font-size: 13px !important;
}

input , textarea {
    font-family:  yekan;
}


.h-title{
    font-size: 17px;
    font-weight: normal;
}
.panel-body{
    font-size: 13px !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

body{

    margin: 0px;

    padding: 0px;

    background: url('../images/bg.png') repeat-x #7E7E7E;

    font-family: yekan;

    font-size: 13px;

}

a{

    text-decoration: none;

}

a:link{

    color: #0000FF;

}

a:visited{

    color: #0000FF;

}

a:hover{

    color:#3366FF;

}

a:focus{

    border: none;

    outline: none;

}

table.body{

    background: none;

    width: 960px;

    padding-top: 20px;

}

div#main{

    background: white;

    height: 100%;

    min-height: 450px;

    padding: 5px;

    border: 1px solid #acacac;

}

div#mainbottom{

   /* background: url('../images/mainbottom.png') no-repeat 50%;*/

    height: 13px;

    margin-top: -2px;

}

td#header{

    background: url('../images/header.png') no-repeat;

    height: 50px;

    font-size: 11px;

}

td#footer{

    color: #fff;
    background: #A80000;

}

div.topmenuhr{

    background: url('../images/topmenuhr.png') no-repeat;

    width: 1px;

    height: 29px;

}

div.topmenu-uhr{

    background: url('../images/topmenu-uhr.png') no-repeat;

    width: 1px;

    height: 31px;

}

td.topmenutd:hover{

    background: url('../images/topmenuhover.png') repeat-x;

}

a.topmenua{

    color: #024B9A;
    font-size: 17px;
    padding-right: 10px;
    text-decoration: none;
}

a.topmenua:link{

    color: #024B9A;

}

a.topmenua:visited{

    color: #024B9A;

}

a.topmenua:hover{

    color: #FFA736;

}

a.aostan{

    font-size: 11px;

}

a.aostan:link{

    color: #3F3F3F;

}

a.aostan:visited{

    color: #3F3F3F;

}

a.aostan:hover{

    color:#058590;

}

div#login{

    background: url('../images/login.png') no-repeat 0 0;

    width: 67px;

    height: 25px;

    margin: 3px;

}

div#login:hover{

    background: url('../images/login.png') no-repeat 0 100%;

}

div#register{

    background: url('../images/register.png') no-repeat 0 0;

    width: 67px;

    height: 25px;

    margin: 3px;

}

div#register:hover{

    background: url('../images/register.png') no-repeat 0 100%;

}

div#profile{

    background: url('../images/profile.png') no-repeat 0 0;

    width: 67px;

    height: 25px;

    margin: 3px;

}

div#profile:hover{

    background: url('../images/profile.png') no-repeat 0 100%;

}

div#logout{

    background: url('../images/logout.png') no-repeat 0 0;

    width: 67px;

    height: 25px;

    float: left;

}

div#logout:hover{

    background: url('../images/logout.png') no-repeat 0 100%;

}

.ui-dialog .ui-dialog-title {

    direction: rtl;

    float: right;

    margin: 0.1em 0 0.2em 16px;

}

.ui-dialog .ui-dialog-titlebar-close {

    left: 0.3em;

}

h2{
    font-size: 17px;
    color: #057A85;
    font-weight: 600;
}

#tabmodel

{

    background:none;

    border:none;

    font-family:tahoma;

    cursor:pointer;

    color: #02ACBC;

    padding: 3px;

}

#tabmodel:hover{

    color:#077C85;

}

.user-table

{

    width: 100%;

}

.user-table td{

    border: 1px solid #A1C4C8;

    padding: 5px;

    background: #F9F9F9;

}

.delete{

    background: url('../images/delete.png') no-repeat ;

    border: none;

    width: 22px;

    height: 25px;

    cursor: pointer;

}
.plus{

    background: url('../images/plus.png') no-repeat ;
    border: none;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.plus2{

    background: url('../images/plus.png') no-repeat ;
    border: none;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.minus{

    background: url('../images/minus.png') no-repeat ;
    border: none;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.minus2{

    background: url('../images/minus.png') no-repeat ;
    border: none;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.transfare{

    background: url('../images/transfare.png') no-repeat ;

    border: none;

    width: 20px;

    height: 20px;

    cursor: pointer;

}

.edit{

    background: url('../images/edit.png') no-repeat ;
border: none;
    width: 28px;

    height: 27px;

    cursor: pointer;

}

div.main-td-groups{

    cursor: pointer;

    padding: 5px;

    color: #00A5BB;

}

div.main-td-groups:hover{

    color: #007787;

}

div.user-panel-s{

    background: url('../images/user-panel-s.png') no-repeat;

    width: 195px;

    height: 196px;

}

p.user-panel-s-p{

    color: #41858C;

    padding-top: 10px;

    font-size: 12px;

    font-weight: bold;


}


.model3-td{
    border: 1px solid #C0C0C0;
    background: #F2F2F2;
}
.model3-td:hover{
    border: 1px solid #808080;
    cursor: pointer;
    background: #D9D9D9;
}
.model2-td{
    border: 1px solid #C0C0C0;
    background: #F2F2F2;
}
.model2-td:hover{
    border: 1px solid #808080;
    cursor: pointer;
    background: #D9D9D9;
}
.model-td{
    border: 1px solid #C0C0C0;
    background: #F2F2F2;
}
.model-td:hover{
    border: 1px solid #808080;
    cursor: pointer;
    background: #D9D9D9;
}
.brand-div{
    border: 1px solid #C0C0C0;
    background: #F2F2F2;
}
.brand-div:hover{
    border: 1px solid #808080;
    cursor: pointer;
    background: #D9D9D9;
}
.brand2-div{
    border: 1px solid #C0C0C0;
    background: #F2F2F2;
}
.brand2-div:hover{
    border: 1px solid #808080;
    cursor: pointer;
    background: #D9D9D9;
}
.brand3-div{
    border: 1px solid #C0C0C0;
    background: #F2F2F2;
}
.brand3-div:hover{
    border: 1px solid #808080;
    cursor: pointer;
    background: #D9D9D9;
}
#Eimg{
    cursor:pointer;
    z-index:1000;
    width:30px;
    height:30px;
    background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
    float: right;
    margin: 5px;
    position: absolute;
}



/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    right: 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 */
    font-size: 17px;
}

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

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

/* Modal Header */
.modal-header {
    padding: 2px 16px;
    background-color: #DB0000;
    color: white;
}

.modal-header h2{
    color: white;
}

/* Modal Body */
.modal-body {padding: 2px 16px;}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    background-color: #DB0000;
    color: white;
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0} 
    to {top: 0; opacity: 1}
}

@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

.modal  input[type=text]{
    font-size: 17px;
    height: 30px;
    width: 200px;
    font-family: yekan;
    font-weight: 600;
}
.modal  input[type=submit]{
    font-size: 17px;
    height: 30px;
    font-weight: 600;
    cursor: pointer;
    padding: 0px 10px;
    font-family: yekan;
}
.modal  td{
    font-size: 17px;
    color: #5C5C5C
    font-weight: 600;
    padding: 5px;
    font-weight: 600;
}


hr.hr-h2{
    border: 0px;
    border-top: 2px solid #FFC9C9;
    margin-top:-10px;
    margin-bottom: 15px; 
}


select.form{
    width : 150px;
}

.panel-title {
    font-size: 15px;
    font-weight: 600;
}