/*---------------------------------
margin indents
---------------------------------*/
.my-mgr-25 {
    margin-right: 25px;
}

/*---------------------------------
size
---------------------------------*/
.my-resizev {
    resize: vertical;
}

.my-alignc {
    text-align: center;
}

.my-wd-335 {
    width: 335px !important;
}

.my-wd-160 {
    width: 160px !important;
}

.my-small {
    width: 50%;
    margin: 0 auto;
}

.my-medium {
    width: 75%;
    margin: 0 auto;
}

.my-large {
    width: 100%;
    margin: 0 auto;
}

.my-fade {
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

#my-top-img {
    border-radius: 15px;
}

.my-english {
    float: left;
    margin-top: -6px;
}

.my-english li {
    direction: ltr;
}

.my-english li label {
    text-align: right;
}

.my-blue-p {
    text-align: center;
    color: rgb(0, 73, 127);
    font-size: 15px;
}

/*---------------------------------
alert
---------------------------------*/
.my-alert {
    background: #f1e2a1;
    padding: 3px 6px 9px 6px;
    border-radius: 3px;
    color: rgb(210, 0, 0);
}

.my-ok {
    background: rgb(210, 255, 180);
    padding: 3px 6px 9px 6px;
    border-radius: 3px;
}

.my-alert img, .my-ok img {
    margin-left: 5px;
}

.highlight {
    border-right: 1px solid rgb(210, 0, 0) !important;
}

input[type="file"] {
    padding-right: 5px;
    border-right: 1px solid rgb(204, 204, 204);
}

.my-star {
    color: rgba(255, 0, 0, 0.7);
    font-family: tahoma;
    position: absolute;
}

/*---------------------------------
hr
---------------------------------*/
hr {
    border: 1px solid rgb(212, 212, 212);
}

/*---------------------------------
order list
---------------------------------*/
.my-order-list {
    margin-bottom: 10px;
}

.my-order-list li {
    /*list-style:decimal;*/
    list-style: none; /*url(../img/bullet.png);*/
    margin-right: 25px;
    margin-bottom: 7px;
    line-height: 28px;
    padding-right: 25px;
    background: url(../img/bullet.png) right 7px no-repeat;
}

/*---------------------------------
block of edit elements
---------------------------------*/
.my-element-block {
    position: relative;
}

.my-element-block:hover {
    background: rgba(100, 100, 100, 0.05);
}

.my-element-block .my-element-tools {
    position: absolute;
    top: 6px;
    left: 7px;
    opacity: 0.9;
    display: none;
    z-index: 1000;
}

.my-tools-btn {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../img/remove_el.png) no-repeat;
    cursor: pointer;
    border-radius: 1px;
    box-shadow: 0 0 2px #444;
    margin-right: 3px;
}

.my-tools-btn.remove {
    background-position: 0 0;
}

.my-tools-btn.remove:hover {
    background-position: 0 -18px;
}

.my-tools-btn.edit {
    background-position: -18px 0;
}

.my-tools-btn.edit:hover {
    background-position: -18px -18px;
}

.my-tools-btn.img {
    background-position: -36px 0;
}

.my-tools-btn.img:hover {
    background-position: -36px -18px;
}

.my-tools-btn.up {
    background-position: -54px 0;
}

.my-tools-btn.up:hover {
    background-position: -54px -18px;
}

.my-tools-btn.down {
    background-position: -72px 0;
}

.my-tools-btn.down:hover {
    background-position: -72px -18px;
}

.my-tools-btn.show0 {
    background-position: -90px 0;
}

.my-tools-btn.show0:hover, .my-tools-btn.show1 {
    background-position: -90px -18px;
}

.my-minTools-btn {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(../img/min_el.png) no-repeat;
    cursor: pointer;
    border-radius: 1px;
    margin-right: 0;
}

.my-minTools-btn.remove {
    background-position: 0 0;
}

.my-minTools-btn.remove:hover {
    background-position: 0 -12px;
}

.my-minTools-btn.edit {
    background-position: -12px 0;
}

.my-minTools-btn.edit:hover {
    background-position: -12px -12px;
}

.my-minTools-btn.img {
    background-position: -24px 0;
}

.my-minTools-btn.img:hover {
    background-position: -24px -12px;
}

/*---------------------------------
images inside of page
---------------------------------*/
.my-inner-img {
    border: 1px solid rgb(204, 204, 204);
    /*padding:5px;*/
    /*width:480px;*/
    height: 380px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 10px auto;
    position: relative;
}

.my-inner-img .my-caption {
    position: absolute;
    left: 4px;
    bottom: 10px;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px;
    color: #FFF;
}

.my-inner-img.my-small .my-caption {
    width: 465px;
}

.my-inner-img.my-medium .my-caption {
    width: 701px;
}

.my-inner-img.my-large .my-caption {
    width: 938px;
}

.my-inner-album {
    border: 1px solid rgb(204, 204, 204);
    padding: 5px 5px 5px 0;
    background-color: #FFF;
    margin: 0 auto 10px auto;
}

.my-inner-album a {
    margin-left: 6.8px;
    margin-bottom: 6.8px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.my-inner-album a img {
    width: 150px;
    height: 118px;
    display: inline-block;
    border-radius: 2px;
}

.my-inner-album a .hov {
    display: inline-block;
    width: 150px;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 0 0 0 0;
}

.my-inner-album a .dov {
    display: inline-block;
    width: 150px;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 0 0 0 0;
}

.my-delete-img {
    position: absolute;
    margin: 4px -22px 0 0;
    background: #FFF;
    padding: 2px;
    border-radius: 8px;
}

.my-delete-img:hover {
    cursor: pointer;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    background: #DDD;
}

.owl-item .item .remove {
    bottom: 6px !important;
    top: initial !important;
}

/*---------------------------------
id and class of yekta
---------------------------------*/
.close-panel {
    cursor: pointer;
}

.pg-description {
    text-align: justify;
}

#modal {
    border-radius: 3px !important;
    padding: 3px !important;
    box-shadow: 0 0 4px rgb(150, 150, 150) /*rgb(241, 241, 241)*/ !important;
}

/*#mask { background:#FFF; }*/
#sb-player {
    position: relative !important;
}

/*.pg-content {margin-top:-12px;}*/
#modal .align-list label {
    width: 110px !important;
}

a.custom_btn:hover {
    color: #FFF;
}

#accordion h3 {
    color: rgb(0, 73, 127);
}

/*.menu-sep { margin: 0px 5px !important ; }*/
/***********************************/
/* bashgahe moshtariyan */
#BM {
    float: left;
    cursor: pointer;
    margin-top: 4px;
}

#BM > .img {

}

#BM_content {
    position: absolute;
    top: 0;
    height: 383px;
    background: rgba(0, 73, 127, 1) url('../img/bm-sep.png') center 28px no-repeat;
    display: none;
    width: 100%;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.7);
}

#loginDialog {
    width: 50%;
    padding: 40px;
    padding-top: 20px;
    height: 350px;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#forgetDialog {
    width: 50%;
    padding: 40px;
    padding-top: 20px;
    height: 350px;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#signupDialog {
    margin-top: 66px;
    color: #FFF;
    width: 100%;
    text-align: right;
    font-size: 14px;
}

#BM_content h2 {
    color: #FFF;
    font: 19px/75px WYekan, tahoma, sans-serif;
}

#BM_content h2 img {
    margin-left: 17px;
}

#BM_content label {
    color: #FFF;
    display: block;
    margin: 11px 0;
}

#BM_content input {
    border: 1px solid #FFF;
    background: #FFF;
    display: block;
    text-align: left;
    width: 60%;
    direction: ltr;
}

#BM_content input[type='submit'] {
    display: block;
    float: right;
    width: 70px;
    text-align: center;
    margin-top: 22px;
    font: .8em/1 WYekan, Tahoma, Sans-Serif;
    font-size: 15px;
    padding: 5px;
    background: #4583B2;
    border: 1px solid #4583B2;
}

#BM_close {
    position: absolute;
    left: 15px;
    top: 15px;
    color: #FFF;
    font-size: 14px;
    border: 1px solid #FFF;
    width: 18px;
    text-align: center;
    line-height: 17px;
    height: 16px;
    border-radius: 31px;
    cursor: pointer;
}

#BM_content .leftLogo {
    position: absolute;
    left: 7px;
    top: 57px;
}

#BM_content #login_user_result, #BM_content #login_forget_result {
    float: right;
    width: 328px;
    display: block;
    margin-top: 22px;
    padding: 0px 3px;
    margin-bottom: 13px;
}

#BM_content .my-alert, #BM_content .my-ok {
    padding: 3px 6px 3px 6px !important;
}

#BM_content .my-alert img, #BM_content .my-ok img {
    margin-top: -3px !important;
}

.profilePic {
    position: absolute;
    left: 0;
    top: 0;
    margin: 25px 0 0 25px;
    width: 148px;
    height: 143px;
    border: 1px solid #D4D4D4;
    padding: 3px;
}

.custom_btn.large {
    min-width: 300px;
}

.resume {
    background: #FFF;
    border: 1px solid #D4D4D4;
    padding-top: 12px;
    border-radius: 3px;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.19) inset;
}

.td5 td {
    padding: 5px !important;
    line-height: 16px;
}

.userRank {
    position: absolute;
    font-size: 20px;
    left: 21px;
    width: 160px;
    text-align: center;
    color: #00497F;
}

.newsFeed {
    margin-top: 5px;
    width: 78%;
}

/************************************/
.pagination {
    border: 1px solid #0085BC;
    padding: 0 5px;
    margin: 13px 0 7px 3px;
    display: inline-block;
    border-radius: 3px;
    background: #FFF;
}

.pagination.active {
    background: #EEE !important;
    color: #000 !important;
}

/***********************************/