/*عکس دایره ای همراه با بوردر*/ 
.img-circle-border {
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
}

/*استایل های لازم برای آپلود تصویر*/
.img-upload-preview-container {
    direction: ltr; 
    overflow: hidden; 
    text-align: center; 
    border: 1px solid #ceced2;
    -ms-border-radius: 4px;
    border-radius: 4px;
    width: 100px; 
    height: 133px; 
}
.img-current-value {
    width: 100%;
    height: 100%;
}

/*محل ورود متن قبل از کندو شدن:)*/
textarea {
    width: 100%;
}

/*لیبل فیلدهای ضروری*/
.required:after
{
    content: " *";
    font-weight: bold;
    color: red; 
}


/*تصحیح کرسر موس برای هدینگ های آکوردیون*/
.panel-heading {
    cursor: pointer;
}


/*
<blockquote class="bs-callout-danger">
برای اعلان ها
*/
.bs-callout-danger {
    border-right-color: #ed5565;
    margin: 0;
}


/*خط جدا کننده ستونها*/
.col-xs-left-border {
    border-left: 1px solid #ccc;
}
@media (min-width: 768px) {
    .col-sm-left-border {
        border-left: 1px solid #ccc;
    }
}
@media (min-width: 992px) {
    .col-md-left-border {
        border-left: 1px solid #ccc;
    }
}
@media (min-width: 1200px) {
    .col-lg-left-border {
        border-left: 1px solid #ccc;
    }
}

/*
تعمیم یک درجه دیگر برای ستونهای بوت استرپ 
from http://stackoverflow.com/a/21365652/1785552 
<div class='col-xs-4 col-xxs'>
*/
@media (max-width: 480px) { 
   .col-xxs {
      display:block;
      float: none;
      width: 100%
   }
}

/*لودینگ*/
.my-spinner {
    display: none;
    background: url(/Content/ajax-loader-small.gif) center no-repeat;
    height: 11px;
}

/*table row backgrounds*/
tr.unread {
    background-color: #ffe6d0;
}
.k-grid tbody tr.unread:hover:not(.k-state-selected) {
    background-color: #ffd6b3;
}

.background-orange {
    background-color: #ffe6d0;
}
.k-grid tbody tr.background-orange:hover:not(.k-state-selected) {
    background-color: #ffd6b3;
}

.background-green {
    background-color: #d0ffda;
}
.k-grid tbody tr.background-green:hover:not(.k-state-selected) {
    background-color: #b3ffc3;
}

.background-red {
    background-color: #ffd0d0;
}
.k-grid tbody tr.background-red:hover:not(.k-state-selected) {
    background-color: #ffb3b3;
}

.background-magenta {
    background-color: #dfb0fb;
}
.k-grid tbody tr.background-magenta:hover:not(.k-state-selected) {
    background-color: #a383b9;
}

.background-yellow {
    background-color: #f9f7cb;
}
.k-grid tbody tr.background-yellow:hover:not(.k-state-selected) {
    background-color: #e5e0a3;
}

.background-blue {
    background-color: #d0dcff;
}
.k-grid tbody tr.background-blue:hover:not(.k-state-selected) {
    background-color: #b3c6ff;
}

/*for highlighting inputs*/
.border-red {
    border: 1px solid red;
}