﻿.ads_up_menu img
{
    width:265px;

}
.ads_up
{
    text-align:center;
   
}
.ads_up img
{
    max-width:100%;
}
.MyLableBlock{
    display:block !important;

}
.btn_with_image
{
    border-radius:5px;
    min-height:30px;
    min-width:40px;
    border:solid 0.5pt rgba(84, 95, 103, 0.25);
    padding-left:35px;
    padding-right:10px;
    margin:8px;
    background-color:#fff;
    color:#2759d0 !important;
    direction:rtl;
    text-align:right;
}
.btn_with_image_barcode{
    background-image:url('../../Images/icons/barcode.png');
    background-position:left center;
    background-repeat:no-repeat;
}

.checkbox {
    display: inline-flex;
    cursor: pointer;
    position: relative;
}

.checkbox > span {
    color: #34495E;
    padding: 0.5rem 0.25rem;
}

.checkbox > input {
    height: 25px;
    width: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #555;
    border-radius: 4px;
    outline: none;
    transition-duration: 0.3s;
    background-color: #ccc;
    cursor: pointer;
  }

.checkbox > input:checked {
    border: 1px solid #green;
    background-color: green;
}

.checkbox > input:checked + span::before {
    content: '';
    display: block;
    text-align: center;
    color: green;
    position: absolute;
    left: 0.7rem;
    top: 0.2rem;
}

.checkbox > input:active {
    border: 2px solid green;
}


.headBtn
{
    float:right;
    padding:10px;
    border:solid 1pt #ccc;
    margin-right:5px;
    border-radius:5px;
        
}
.headBtn_active
{
    background-color:green;
}
.headBtn_active a{
    color:#fff;
}

.UserUp
{
    float:right;
    padding-top:14px;
    padding-right:10px;
    direction:rtl;
    border-right:solid 1pt #ccc;
    border-left:solid 1pt #ccc;
    padding-left:10px
        
}
.UserUp div
{
    float:right !important;
}
.LinkProfile  i
{
    color:green;
}
.LinkLogout i
{
    color:red;
}
.LinkLogin i
{
    color:green;
}

.LinkLogout
{
    margin-right:25px;
}
.LinkRegist
{
    margin-right:25px;
}
.UserUp i{
    margin-left:5px;
}

.MyPager
{
    background-color:#efb30d;
}
.MyPager td
{
    border:none;
    height:35px;
    text-align:center;
        
}
.MyTable thead tr th{
    font-weight:bold;
    
    text-align:center

}
.MyTable th,td{
    
    border: 1px solid #ccc;
}
.MyTable td
{
    padding-right:15px;
    
}
.MyTableTD{
    height:40px;
}
.EmptyDataClass
{
    display:none
}

.form-group-button{
    margin-top:15px !important;
    margin-bottom:0px !important;
}

.MyRadioCheckBox
{
    float: right;
    padding-right: 20px;
}
.MyRadioCheckBox input{
display: block;
height: 34px;

padding: 6px 12px;

font-size: 14px;

line-height: 1.42857143;

color: #555;

background-color: #fff;

background-image: none;

border: 1px solid #ccc;

border-radius: 4px;

-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


@keyframes loading {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.loading {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 100px;
    width: 200px;
    z-index: 3000;
}

.loading > img {
        width: 40px;
        margin: 10px auto;
        transform: rotate(0deg);
        animation: loading 0.8s linear infinite;
    }

.loading > p {
        text-align: center;
        color: #fff ;
        text-shadow: #111 ;
    }

.DivLock {
    position:fixed ;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    width:100%;
    background:rgba(25, 8, 8, 0.39);
    z-index:10000;
}
.DivLock > img {
        position: absolute;
        width: 30px ;
        height: 30px ;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        opacity: 1 ;
}


.starLable{
    background-image:url("../../Images/icons/rate.png");
    background-repeat:no-repeat;
    background-position:center right;
    padding-right:19px;
    background-size:11px
    
}

.factorBox{
            border:solid 1pt;
            border-color:#808080;
            border-radius:5px;
            padding:0px !important;
            margin:5px; 
        }

        .factorBox_title
        {
            width:100%;
            min-height:25px;
            background-color:#808080;
            text-align:center;
            color:#fff;
            line-height:20px;
            font-weight:bold;
            padding-top:2px;
        }

        .table-list th
        {
            text-align:center;
            font-weight:bold
        }

        .table-list td
        {
            text-align:center;
            
        }


.MyLable label
{
    border:1pt solid #c2c2c2;
    border-radius:3px;
    padding:10px;
    margin:5px;
    float:right;
}
.MyBtn{
    margin-top:23px;
}
.QuestionList{
    border-bottom: 1pt solid #ddd;
    padding-bottom: 15px;
}
.MyBoxTitle
{
    margin-top:20px;
    font-size:12pt;
}
.MyBoxLink{
    color:#fff !important;
    
}
.MyBoxLink:hover{
    color:#fff !important;
    text-decoration:none !important;
    
}
.UpCalender{
    float:left;
    line-height:50px;
    margin-left:50px
}
.UpCalender i{
    color:#efb30d;
    font-size:20px;
    margin-right:10px;
}
.MyFooter{
   
    margin-top:25px;

bottom: 0px;

padding: 0px;

margin-top: 25px;

background-color: #ddd;

width: 100%;

color: #000;

text-align: center;

font-size: 8pt;

min-height: 25px;

line-height: 25px;
}


@media only screen and (max-width: 600px) {
  .head-resize-in-mobile {
    font-size:12pt;
  }
  

}

@media only screen and (max-width: 780px) {
  .ads_up_menu
  {
      display:none;
  }
}