p.i1, p.i2, p.i3, p.i4, p.i5, p.i6 {
    cursor: pointer;
    border-radius: 10px;
    background: repeating-linear-gradient( -45deg, #efecec, #efecec 10px, #e7e5e5 10px, #e7e5e5 20px );
    padding: 10px;
    font-size: 1em !important;
    color: #000000;
    font-weight: 700 !important;
    font-family: titexFonttitr;
    direction: ltr;
    text-align: left;
}

    p.i1:hover, p.i2:hover, p.i3:hover, p.i4:hover, p.i5:hover, p.i6:hover {
        border-radius: 10px;
        background: repeating-linear-gradient( -45deg, #efecec, #efecec 10px, #e0dfdf 10px, #e0dfdf 20px );
    }

.header_tab {
    font-size: 14px;
    font-weight: bold;
}

div.pnl_i1, div.pnl_i2, div.pnl_i3, div.pnl_i4, div.pnl_i5, div.pnl_i6 {
    padding: 15px;
    border: dashed 1px #afafaf;
    border-radius: 10px;
    background-color: #EFEFEF;
}




.currencyfont {
    font-size: 130% !important;
    font-weight: bold;
}


.sq {
    display: inline-block;
    padding: 1%;
    border: 1px dashed #ccc;
    border-radius: 10px;
    width: 98%;
    margin-bottom: 10px;
    background-color: #f7f7f7;
}


.imgdiv {
    display: inline-block;
    float: right;
}

.textdiv {
    display: inline-block;
    direction: ltr;
    text-align: left;
    float: left;
    width: 90%;
}

.selectdiv {
    display: inline-block;
    text-align: left;
    direction: ltr;
    float: left;
    padding: 5px;
    padding-top: 6px;
}

@media all and (max-width: 500px) {
    .selectdiv {
        display: block;
    }

    .textdiv {
        padding-left: 3%;
        padding-right: 3%;
        padding-top: 10px !important;
        width: 94%;
    }
    .imgdiv {
        display: block;
        text-align: center;
        width: 100%;
    }

    .textdiv span {
    }
}



.imgdiv img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px dashed #ccc;
    -webkit-transition: all .55s ease-in;
    -moz-transition: all .55s ease-in;
    -o-transition: all .55s ease-in;
    transition: all .55s ease-in;
}

    .imgdiv img:hover {
        box-shadow: 0 0 20px #8adfff;
    }








.cv {
    width: 70%;
    position: absolute;
    z-index: 10000;
    position: absolute;
    background-color: white;
    opacity: .98;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    display: none;
    -webkit-transition: Top 1s ease-in-out;
    -moz-transition: Top 1s ease-in-out;
    -o-transition: Top 1s ease-in-out;
    transition: Top 1s ease-in-out;
    box-shadow: 0 0 5px #333;
    border: 1px solid #ccc;
}

.closeBTN {
    border-radius: 7px;
    border: 1px solid #000000;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-family: Tahoma;
    font-size: 12pt;
    font-weight: bold;
    cursor: pointer;
    float: left;
    height: 30px;
    width: 30px;
    box-shadow: 1px 2px 5px #888888;
    background-color: black;
    color: white;
}

    .closeBTN:hover {
        background-color: #ff0000;
    }






/*--------------------- container admin forms ---------------------*/


.wait {
    opacity: .8;
    width: 100%;
    height: 100%;
    z-index: 10000000;
    background-color: #cccccc;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.waitprogress {
    width: 100%;
    top: 50%;
    position: relative;
    text-align: center;
}