/*//////////////////////////////////////////////////////////////*/
/*//////////////////// dashboard_factor v2 /////////////////////*/
/*//////////////////////////////////////////////////////////////*/
[v-cloak] {
    display: none;
  }
/*--------------header-------------r*/
.header__brand {
    display: flex;
    justify-content: space-around;
}

.cashBox__brand__img {
    margin: 5px 0;
    padding: 2px;
    border-radius: 5px;
    vertical-align: top;
    width: 75px;
    box-shadow: 0 0 8px #131a35;
    
}
.globalSearch{
    margin: 5px 0;
    padding: 2px;
    border-radius: 5px;
    vertical-align: top;
    width: 75px;
    background-color: #b0e1ff;
    box-shadow: 0 0 6px #131a35;
}
.header__cashBox__logo__icon {
    vertical-align: top;
    margin-top:2px;
    width: 160px;
}

.header__cashBox__logo__desc {
    color: #799ed2;
    font-family: 'ANegaar';
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin-top: 50px;
}

.header__cashBox__brandTitle {
    color: #21145f;
    font-family: 'AJannatLT';
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    margin-top: 5px;
    text-shadow: 0 0 8px #b5b5b5;
}
    .header__cashBox__brandTitle p{
        margin-bottom:5px;
    }
    .header__cashBoxDesc {
        padding-top: 5px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

.header__cashBoxDesc__item {
    border-right: 4px solid #e3e3e3;
    padding-right: 10px;
    margin-bottom: 10px;
    margin: 0 20px;
}

.header__cashBoxDesc__item__title {
    color: #010103;
    font-family: 'DiodrumArabicRegular';
    font-weight: bold;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 2px;
}

.header__cashBoxDesc__item__text {
    color: #3972be;
    /* font-family: 'DiodrumArabicRegular'; */
    font-size: 14px;
    margin-top: 15px;
}
@media (max-width:1700px) {
    .header__cashBox__logo {
        text-align: center;
    }

    .header__cashBox__logo__desc {
        /* margin-top: 10px; */
    }
}
@media (min-width:1200px) and (max-width:1700px) {
    .header__cashBox__logo__icon {
        width: 150px;
    }
}
@media (max-width:991px) {
    .header__cashBoxDesc {
        text-align: center;
    }

    .header__cashBoxDesc__item {
        border-right: none;
    }
}


/*--------------lg col-------------r*/
@media (min-width:992px){
    .changeSize >  .col-md-5{
        padding-left: 5px;
    }
    .changeSize >  .col-md-7{
        padding-right: 5px;
    } 
}

@media (min-width: 1200px){
    .changeSize > .col-md-4 {
        width: 33.33333333%;
    }
    .changeSize > .col-md-8 {
        width: 66.66666667%;
    }
    .changeSize > .col-md-12 {
        width: 100%;
    }
}
@media (min-width: 1600px){
    .changeSize > .col-lg-2 {
        width: 16.66666667%;
    }
    .changeSize > .col-lg-4 {
        width: 33.33333333%;
    }
    .changeSize > .col-lg-6 {
        width: 50%;
    }
}
/*--------------quickAc-------------r*/

.quickAc{
    background-color: #1e3760;
    border-radius: 10px;
    text-align: center;    
    margin: 10px 0;
}
.quickAc__itemS{
    margin: 15px 0;
    min-height: 20px;
}
.quickAc__title{
    color: #fff;
    font-family: 'AJannatLT'; 
    font-size: 18px;
    padding: 30px 0 20px;
}
.quickAc__item__title{
    background-color: #0583ce;
    text-align: center;    
}
.quickAc__item__title__text{
    color: #fff;
    font-family: 'AJannatLT'; 
    font-size: 18px;
    padding: 10px 0 ;
    margin-bottom: 0;
}
.invoicing{
    display: flex;
    justify-content:center ;
    margin-top:15px;
}
.invoicing__item__icon{
    border:1px solid #0583ce;
    border-radius: 10px;
    padding:15px;
    margin: 0 5px;
    transition: background-color 0.2s ease-in-out;
}
.invoicing__item:hover .invoicing__item__icon{
    background-color: #48506a
}
/* @media(min-width: 1600px){
    .invoicing__item__icon{
        padding:10px;
    }
} */
.invoicing__item__title{
    color: #fff;
    font-family: 'AJannatLT'; 
    font-size: 16px;
    text-align: center;
    margin: 5px 0;
}

.factormSearch__icon{
    display: flex;
    justify-content:center ;
}
.factormSearch__icon__img{
    margin: 0 40px
}
.factormSearch__icon{
    margin: 15px 0;
}
.factormSearch__item{
    display: flex;
    justify-content:center ;
    padding: 0 20px;
    margin:5px 0;
}
.factormSearch__item__lable{
    color: #fff;
    font-family: 'DiodrumArabicRegular';
    font-size: 12px;
    width: 40%;
    font-weight: 400;
}
.factormSearch__item__inp,
.factormSearch__item__inp:focus{
    width: 60%;
    background-color: #5a89b4 !important;
    border-color: #5a89b4 !important;
    outline: unset;
    color: #fff;
    box-shadow: unset !important;
    font-size: 14px;
}

.factormSearch__btn{
    padding: 0 20px;
}
.factormSearch__btn__link,
.factormSearch__btn__link:visited{
    display: block;
    background-color: #008656;
    color: #fff;
    font-family: 'AJannatLT'; 
    font-size: 16px;
    text-align: center;
    padding:5px 0px;
    border-radius: 5px;
    margin: 10px 0 0px;
    transition: background-color 0.2s ease-in-out ;
}
.factormSearch__btn__link:hover,
.factormSearch__btn__link:active{
    background-color: #006642;
}




/*--------------mainInvoicing-------------r*/



.mainInvoicing{
    background-color: #131a35;
    border-radius: 10px;
    text-align: center;
    margin: 5px 0;
    padding: 10px 30px 10px;
}

.topWrapper{
    margin-bottom: 15px;
}
.bottomWrapper,
.topWrapper__item{
    display: flex;
}
.topWrapper__item:first-of-type{
    margin-bottom:5px;
}
.topWrapper__item__header{
    display: flex;
    width: 65%;
}
.topWrapper__item__btn{
    width: 35%;
    padding-right: 10px;
    display: flex;
}
.mainInvoicing__itemS{
    width: 65%;
}
.customer{
    width: 35%;
    padding:5px 10px 0 0;
    position: relative;
}
.customer__itemS{
    border: 1px solid #0583ce;
    padding: 10px;
    border-radius:7px;
    height: 229px;
}
.customer__item{
    color:#fff;
    margin: 10px 0;
}
.customer__icon{
    color: #737784;
}
.regBuyerFancy{
    opacity: 0.5;
    pointer-events: none;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
.mainInvoicing__itemS__item{
    display: flex;
    justify-content:flex-start ;
    margin:  5px 0;
}
.mainInvoicing__itemS__item:last-of-type{
    margin-bottom: 0;
}
.topWrapper__item__header__lable,
.mainInvoicing__item__lable{
    color: #fff;
    font-family: 'DiodrumArabicRegular';
    font-size: 14px;
    width: 40%;
    text-align: left;
    padding-left: 15px;
    font-weight: 400;
}
.topWrapper__item__header__inpBox,
.mainInvoicing__item__inpBox{
    width: 60%;
}
.topWrapper__item__header__inp,
.topWrapper__item__header__inp:focus,
.mainInvoicing__item__inp,
.mainInvoicing__item__inp:focus{   
    background-color: #95d3e8 !important;
    border-color: #95d3e8 !important;
    outline: unset;
    color: #000;
    box-shadow: unset !important;
    font-size: 14px;
    border-radius: 7px;
}
.isGray .topWrapper__item__header__inp,
.isGray .topWrapper__item__header__inp:focus,
.isGray .mainInvoicing__item__inp,
.isGray .mainInvoicing__item__inp:focus{
    background-color: #d1dbe4 !important;
    border-color: #d1dbe4 !important;
    color: #000;

}
.mainInvoicing__itemS__item .btn{
    min-height: 34px;
    min-width: 35px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    background-color: #d1dbe4 ;
    transition: color 0.1s ease-in-out,background-color 0.1s ease-in-out
}
.mainInvoicing__itemS__item .btn:hover{
    border-color: #008656;
    color: #fff;
}
.topWrapper__item__header .input-group-btn{
    border-left: 5px solid #1e212c;
}
.mainInvoicing__item__btn,
.searchSection__btn{   
    display: flex;
    justify-content: center;
    margin: 5px 0; 
}
.topWrapper__item__btn__link,
.mainInvoicing__item__btn__link,
.mainInvoicing__item__btn__link:visited{
    width: 50%;    
    background-color: #385cac;
    color: #91baf1;
    font-family: 'AJannatLT'; 
    font-size: 14px;
    text-align: center;
    padding:7px 5px;
    border-radius: 7px;
    transition: background-color 0.2s ease-in-out ;
}
.topWrapper__item__btn__link:hover,
.topWrapper__item__btn__link:active{
    background-color: #2c4987; 
    color: #91baf1;
}
.topWrapper__item__btn__link.isYellow:hover,
.mainInvoicing__item__btn__link.isYellow:active{
background-color: #ffcc33; 
    color: #000;
}
.mainInvoicing__item__btn__link:hover,
.mainInvoicing__item__btn__link:active{
    background-color: #253e74;
}
.mainInvoicing__item__btn__link:first-of-type{
    margin-left: 2px;
}
.mainInvoicing__item__btn__link:last-of-type{
    margin-right: 2px;
}
.mainInvoicing__btn__link,
.mainInvoicing__btn__link:visited{
    display: block;
    background-color: #008656;
    color: #fff;
    font-family: 'AJannatLT'; 
    font-size: 16px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border-radius: 5px;
    margin: 0 0 10px;
    transition: background-color 0.2s ease-in-out ;
}
.mainInvoicing__btn__link:hover,
.mainInvoicing__btn__link:active{
    background-color: #006642;
}

.mainInvoicing__result{
    display: flex;
    justify-content: center;
    
}
.mainInvoicing__result__item{
    width: 50%;    
    padding: 20px;
    background-color: #202945;
    border-radius: 10px;
}
.mainInvoicing__result__item:first-of-type{
    margin-left: 5px;
}
.mainInvoicing__result__item:last-of-type{
    margin-right: 5px;
}
.mainInvoicing__result__item__title{
    color: #fff;
    font-family: 'AJannatLT'; 
    font-size: 18px;
    text-align: center;
}
.mainInvoicing__result__item__numResult{
    position: relative;
    color: #fff;
    font-family: 'AJannatLT'; 
    font-size: 100px;
    text-align: center;    
}
.mainInvoicing__result__item__numResult .isUnit{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    color: #91baf1;
    font-family: 'AJannatLT'; 
    font-size: 14px;
    text-align: center;
}
.mainInvoicing__result__item__sum{
    color: #fff;
    font-family: 'AJannatLT'; 
    font-size: 30px;
    text-align: center;
}
.mainInvoicing__result__item__sum.isOrange{
    color:#fa8e03;
}

/*--------------paymentWays-------------r*/
.paymentWays{
    margin: 15px 0 0;
}
.paymentWays__header{
    display: flex;
}
.paymentWays__header__labelBox{
    padding: 0 10px;
    width:40%;
}
.paymentWays__header__labelBox.giftCard{
    padding-left: 0px; 
}
.paymentWays__header__label,
.paymentWays__header__label:focus{
    background-color: #95d3e8 !important;
    border-color: #95d3e8 !important;
    outline: unset;
    color: #000;
    box-shadow: unset !important;
    font-size: 14px;
    border-radius: 7px
}
.paymentWays__header__inpBox{
    width:40%;
}
.paymentWays__header__inp,
.paymentWays__header__inp:focus{   
    background-color: #95d3e8 !important;
    border-color: #95d3e8 !important;
    outline: unset;
    color: #000;
    box-shadow: unset !important;
    font-size: 14px;
    border-radius: 7px;
}
.paymentWays__header__btn{
    width: 20%;  
}
.paymentWays__header__btn__link,
.paymentWays__header__btn__link:visited{
    display: block;
    background-color: #385cac;
    color: #91baf1;
    font-family: 'AJannatLT';
    font-size: 14px;
    text-align: center;
    padding: 7px 0px;
    border-radius: 7px;
      
    transition: background-color 0.2s ease-in-out;
}
.paymentWays__header__btn__link:hover, 
.paymentWays__header__btn__link:active {
    background-color: #253e74;
}

.paymentWays__result{
    display: flex;
    justify-content:center;   
}
.paymentWays__result__item:first-child{
    margin-right: 0
}
.paymentWays__result__item:last-child{
    margin-left: 0
}
.paymentWays__result__item{
    text-align: center;    
    margin: 5px;
    padding:0px;
    border:1px solid #48506a;
    border-radius: 7px;
    background-color: #48506a;
    color: #fff;
    width: 100%;;
}
.paymentWays__result__item__title {
    font-family: 'IRANSans';
    line-height: 22px;
    font-size: 14px;
    min-height: 45px;
    margin: 5px 0 0;
}
.paymentWays__result__item__num{
    /* font-family: 'IRANSans'; */
    font-size: 16px;
    display: block;
}
.paymentWays__result .isRed{
    color: #ff3333;
}
.paymentWays__result .isGreen{
    color: #00e600;
}
.removePay{
    display: inline-block;
    color: #91baf1;
    font-size: 16px;
    margin-top: 10px;
    transition: color 0.2s ease-in-out;    
}
.removePay:hover{
    color: #9bd4f5;   
}
/*--------------productList-------------r*/

.productList {
    padding: 10px 0;
    margin: 5px 0;
    border-radius: 10px;
    background-color: #99a5b0;
    max-height: 612px;
    overflow: auto;
}
.productList__header{
    display: flex;
    justify-content: center;
    align-items:  center;
}
  
.productList__header__title{
    width: 25%;
}
.productList__header__title__text{
    color: #fff;
    font-family: 'AJannatLT'; 
    font-size: 24px;    
}
.productList__header__title__icon{
    width: 28px;
}
.productList__header__searchBox{
    width:30%;    
    position: relative;
}
.productList__header__searchBox__inp,
.productList__header__searchBox__inp:focus{
    background-color: #5c8ab5 !important;
    border-color: #5c8ab5 !important;
    outline: unset;
    color: #000;
    box-shadow: unset !important;
    font-size: 14px;
    border-radius: 7px;
    width: 75%;
}
.productList__header__searchBox__icon{
    position: absolute;
    right: 70%;
    top: -5px;
}
.productList__header__searchBox__inp::placeholder{
    color:#000;
}
.productList__reduction__inp,
.productList__reduction__inp:focus{
    background-color: #5c8ab5 !important;
    border-color: #5c8ab5 !important;
    outline: unset;
    text-align: center;
    color: #000;
    box-shadow: unset !important;
    font-size: 14px;  
}
.productList__header__filter{
    width: 22.5%;
    padding-left: 10px;
}
.productList__header__filter__inp{
    vertical-align: middle;
    margin-left: 5px !important;
}
.productList__header__filter__lable{
    font-family: 'AJannatLT'; 
    font-size: 12px;        
}
.productList .table {
    border-spacing: 0px;
    border-collapse: collapse;
    text-align: center;
    margin-bottom: 0;
    color: #000;
}
.productList .table .changeQuentity .fa{
    border-radius: 50%;
    border: 1px solid #34495e;
    padding: 6px 8px;
    background-color:  #8ca6c0;
}
.productList .table .changeQuentity:first-of-type{
    margin-left:8px;
    font-weight: 300;
}
.productList .table .changeQuentity.isDisabled{
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
    text-decoration: none;
}
.productList .table .changeQuentity:last-of-type{
    margin-right:8px;
    font-weight: 300;
}
.productList .table td {
    border-width: 1px !important;
}
.productList .table > tbody + tbody{
    border-top: 3px solid #ddd;
}
.productList .table thead th {
    background: unset !important;
    color: #000;
    text-align: center;
    border-bottom: 5px solid #000;
}

.productList .table tbody tr td {
    border-top: none;
    border-left: 1px solid #ccc;
    height: 30px;
    padding: 0px 2px;;
    font-size: 12px;
}

.productList .table tbody tr td:last-child {
    border-top: none;
    border-left: none;
}

.productList__result {
    background-color: #c4dbfa;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.productList__result__itme {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 5px;
    background-color: #8fe3ec;
    border-radius: 10px;
    padding: 10px 15px;
    
}


.productList__result__texRes {
    list-style: none;
    padding-right: 0;
    text-align: right;
    font-size: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

}

.productList__result__texRes__item {
    width: 33%;
    /* font-family: 'DiodrumArabicMedium'; */
    font-size: 16px;
    color: #e3e3e3
}

.result__shortCut__box {
    width: 75px;
    height: 75px;
    border-radius: 10px;
    display: inline-block;
    font-family: 'AJannatLT';
    font-size: 16px;
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    vertical-align: middle;
    transition: box-shadow 0.2s ease-in-out;
}
.productName{    
    display: block;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.productList__tools__btn{
    display: block;
    margin: 5px 0;
}
.productName__detailRow{
    padding: 0  !important;
}
.productName__detail{
    display: flex;
    justify-content: center;    
    background-color: #d0ddea;
    color: #000;
    padding: 8px  0 !important;
}
.productName__detail__item{
    margin: 0 30px;
}
    .result__shortCut__box:hover {
        color: #fff;
        box-shadow: 0 0 10px #888;
    }

    .result__shortCut__box.print {
        background-color: #00a19c;
    }

    .result__shortCut__box.revocation {
        background-color: #7474c1;
        font-size: 18px;
    }

    .result__shortCut__box.discount {
        background-color: #c64c38;
        font-size: 18px;
    }
    .result__shortCut__box.registry{
        background-color: #3366ff;
        font-size: 18px;
    }
    
    @media(max-width: 767px){
        .productList__result{
            display: block;
        }
        .productList__result__itme{
            display: block;
        }
        .productList__result__itme:nth-child(1) {
            width: 100%;
        }
        .productList__result__itme:nth-child(2) {
            width: 100%;
        }
    }
  
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
        padding: 10px 5px;
        vertical-align: middle;
    }


/*--------------.iS-------------r*/
    .isWidth-100{
        width: 100%;
    }
    .isBGBlue{
        background-color: #0058a0;
    }
    .isBlackText{
        color: #000;
    }
    .isYellow{
        color:#ffee07;
    }
    .isBGYellow{
        background-color:#FFC107;
    }
    .isCyan{
        background-color: #32a3ff;
    }
    .isBlue {
        color: #0027a5;
    }
    .isBlack{
        color:#000;
    }
    .isBold {
        font-weight: bold;
    }
    .isGreen{
        color: #28a745
    }
    .isRed{
        color: #cc0000
    }
    @media (min-width: 767px)and (max-width: 992px){
        .isBlue,
        .isNum{
            display: block;
        }
    }