/*-------- Variables --------*/
:root{
    /*-------- Colors ---------*/
    --form-background-color: rgba(255, 255, 255, 0.75);
    /*--titles-font-colors:#007eff;*/
    --titles-font-colors:#23067b;
    --formsAndMenus-border-color:rgba(84, 241, 202, 0.6);
    --formsAndMenus-shadow-color:rgba(84, 241, 202, 0.6);
    --headerOfDataTable-background-color:#0080ff;
    --headerOfDataTable-font-color: #cce4ff;
    --oddRowsOfDataTable:#e6ebff;
    --evenRowsOfDataTable:#b3c2ff;
    --hoverOddRowsOfDataTable:#CCFF33;
    --hoverEvenRowsOfDataTable:#CCFF33;
    --fontColorOfDetailsRowsOfDataTable: #063b79;
    --datatable-font-color:#000000;
    --search-input-font-color:#000000;
    --forms-font-color: rgb(0, 0, 0);
    --disabled-text-font-color: #cacaca;
    --enabled-text-font-color:rgba(0, 0, 0, 0.7);
    --formBox-shadow-color:#cacaca;
    --formBox-border-color:rgba(169, 169, 169, 0.6);
    --searchInputs-border-color:rgba(84, 241, 202, 0.6);
    --searchInputs-shadow-color:rgba(84, 241, 202, 0.6);
    --commonInputs-border-color:rgba(32, 105, 253, 0.6);
    --commonInputs-shadow-color:#2069fd;
    --error-commonInputs-border-color: rgba(255, 46, 46, 0.6);
    --error-commonInputs-shadow-color: #ff0d0d;
    --warning-commonInputs-border-color: rgba(255, 238, 46, 0.6);
    --warning-commonInputs-shadow-color: #f7ff0d;

    /*-------- sizes ---------*/
    --object-shadow-size:0 0 10px;
    /*--object-shadow-size:2px 2px;*/
    --object-border-size:1px;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p, form, ul, li {margin: 0;padding: 0;}
li {direction:rtl;text-align:right;list-style:none;}
a {color:#000000;text-decoration:none;}
a:hover {color:#999999}
img {border:none}

body {
    width:1350px;
    font-family: "B Nazanin";
    font-size:16px;
    text-align:center;
    direction:rtl;
    color:black;
    margin: auto;
    padding: 0;
    line-height:18px;
    background:url(../images/background.jpg);
}

.base {
    width:100%;
    text-align:center;
    min-height:300px;
    margin: auto;
}/* top right bottom left*/

.header {
    padding: 0;
    width:100%;
    text-align:center;
    margin:0 auto;
    height:229px;
    background:url(../images/header.png) no-repeat center;
    background-size: 1350px 230px;
    position: relative;
}

.middle {
    width:96%;
    margin: 0 auto;
    text-align: center;
}

.footer {width:924px;margin:80px auto 0px auto} /* top right bottom left*/
.footer_right {width:14px;float:right;height:105px;background:url(../images/footer_right.png) no-repeat;}
.footer_body {width:896px;float:right;height:105px;background:url(../images/footer_bg.png) repeat-x;}
.footer_body .text {text-align:center;color:#141414;text-shadow:1px 1px #fff;margin:25px 0 0 0;}
.footer_body .text a{color:#141414;text-shadow:1px 1px #fff;font-weight:700;}
.footer_left {width:14px;float:right;height:105px;background:url(../images/footer_left.png) no-repeat;}

.topmenu {height:55px;width:630px;float:right;margin:184px 50px 0 0;display: inline;position: absolute;top:-15px; right: 180px;
    font-family: "B Nazanin";font-weight: bold;font-size: 14px}
.topmenu li {float:right;height:23px;padding:0 0 0 11px;line-height:20px;margin:15px 0 0 15px}
.topmenu li:hover {background:url(../images/navlink_left.jpg) no-repeat left 0px;}
.topmenu li a {color:#2c3031;float:right;padding:0 11px 0 0;height:23px;display:block;}
.topmenu li:hover a {background:url(../images/navlink_right.jpg) no-repeat right 0px;color:#f8fafb;}

/*--------------------------------------------------------------------------------------------*/
.onlineUser{
    position: absolute;
    top:18px;right: 50px;
}

.onlineUser table{
    display: inline;
}

.timeContainer{
    position: absolute;
    top:80px;left: 25px;
    color: rgba(84, 241, 202, 0.91);
    font-size: 17px;
    font-family: "B Koodak";
}

.timeContainer table{
    display: inline;
}

.timeContainer img{
    height: 25px;
}

.timeContainer td{
    padding: 3px;
    vertical-align: center;
    white-space: nowrap;
    text-align: right;
}

.userNameContainer{
    width: 165px;
    text-align: center;
    display: block;
    border-radius: 50px;
    padding: 3px;
    color: var(--titles-font-colors);
    font-family: B Koodak;
    font-size: 15px;
    cursor: pointer;
}  /* top right bottom left*/

.userImageContainer{
    text-align: center;
    padding: 4px;
}

.userImage{
    padding: 2px;
    height: 90px;
    box-shadow: 0 0 10px var(--formsAndMenus-shadow-color);
    border: solid 1px var(--formsAndMenus-border-color);
    border-radius: 50%;
}

.dropDownMenuImg{ /* for profile menu */
    height: 14px;
    vertical-align: -4px;
    margin-left: 3px;
    cursor: pointer;
}
/*------------------------------------------------------------------------------------------------*/