﻿.cmtpleaselogin {
    margin: 20px 0px;
    text-align: center;
    direction: rtl;
}

    .cmtpleaselogin > div {
        border-bottom: 1px dotted #000;
        padding-bottom: 10px;
        width: 50%;
        margin: 0 auto;
        word-wrap: break-word;
        line-height: 25px;
    }

.cmtadd {
    text-align: center;
    border: 1px dotted #eee;
}

.cmtparent {
}

    .cmtparent > div {
        margin: 10px;
        direction: rtl;
    }

        .cmtparent > div > textarea {
            min-width: 400px;
            min-height: 100px;
            box-shadow: 0px -1px 25px #D1E2F4;
            border-radius: 9px;
        }

        .cmtparent > div > button {
            margin-right: 20px;
            background-color: #67b0d6;
            color: #fff;
            padding: 10px 25px;
        }

.cmtBody > tr:nth-child(2n) {
    color: #062753;
}

.cmtBody > tr:nth-child(2n+1) {
    color: #0770a8;
}


/* ----- Home Page ----- */
.cmtpar {
    direction: ltr;
    width: 100%;
    overflow: hidden;
    background-color: #f7f7f7;
    padding-top: 30px;
    padding-bottom: 30px;
    height: 180px;
}

.cmtinner {
    display: flex;
    height: 120px;
}

.cmtshow {
    display: inline-block !important;
}

    .cmtshow > a > label {
        margin-bottom: 5px;
    }

.cmthome {
    min-width: 200px;
    margin: 0px 35px;
    display: none;
    width: 100%;
}

    .cmthome > a {
        color: #2c56d2 !important;
    }


.cmtbullets {
    /*position: absolute;*/
    display: block;
    left: 0;
    right: 0;
    bottom: 7%;
    top: auto;
    height: 30px;
    width: auto;
    z-index: 25;
    text-align: center;
    direction: rtl;
}

.cmtbullet {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 3px 5px;
    border: 2px solid #aaa;
    cursor: pointer;
    border-radius: 50%;
    background: transparent scroll no-repeat top left;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .cmtbullet:hover, .cmtbullet.activecmtbullet {
        background-color: #2c56d2;
    }

    .cmtbullet.activecmtbullet {
        cursor: default;
    }
