body {
    margin: 0;
    padding: 0;
    font-family: IRANSans;
    font-size: 12px;
}

.rtl {
    direction: rtl !important;
}

.ltr {
    direction: ltr !important;
}
button,input{
    font-family:IRANSans;
}

.no-padding{
    padding-right:0;
    padding-left:0;
}

/******************** alert ohsnap **********************/

#ohsnap {
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 10000000000000000000000;
    width: 100%;
    text-align: center;
    animation-name: ohsnap;
    animation-duration: 1s;
    display: none;
}

    #ohsnap:not(:empty) {
        display: block;
    }

    #ohsnap .alert {
        padding: 15px;
        border: 1px solid #eed3d7;
        float: right;
        clear: right;
        animation-name: slideInDown;
        animation-duration: 0.5s;
    }

    #ohsnap .alert-red {
        color: white;
        background-color: #DA4453;
    }

    #ohsnap .alert-green {
        color: white;
        background-color: #37BC9B;
    }

        #ohsnap .alert-red:not(:empty), #ohsnap .alert-green:not(:empty) {
            min-height: 50px;
            padding-top: 15px;
            display:inline-block;
            width:100%;
        }

@keyframes ohsnap {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}





/************************** tab panel *****************************/



.tab{
    width:100%;
    height:auto;
    float:right;
    padding:10px 0;
}

.tap-content > .tab-title {
    display:none;
}

@media (max-width: 768px) {

    .tap-content > .tab-title {
        display:block;
        width: 100%;
        height: 40px;
        background: #f1f1f1;
        float: right;
        line-height: 40px;
        padding-right: 10px;
        margin: 0;
        border-bottom:#ddd solid 1px;
    }
}
.tap-content > .tab-title:first-child{
    border-radius:8px 8px 0 0;
}