/* iCheck plugin Square skin, green
----------------------------------- */
.icheckbox_square-green,
.iradio_square-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url('https://clevermemo.com/css/green.png') no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-green {
    background-position: 0 0;
}
.icheckbox_square-green.hover {
    background-position: -24px 0;
}
.icheckbox_square-green.checked {
    background-position: -48px 0;
}
.icheckbox_square-green.disabled {
    background-position: -72px 0;
    cursor: default;
}
.icheckbox_square-green.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-green {
    background-position: -120px 0;
}
.iradio_square-green.hover {
    background-position: -144px 0;
}
.iradio_square-green.checked {
    background-position: -168px 0;
}
.iradio_square-green.disabled {
    background-position: -192px 0;
    cursor: default;
}
.iradio_square-green.checked.disabled {
    background-position: -216px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-green,
    .iradio_square-green {
        background-image: url('https://clevermemo.com/css/green@2x.png');
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

.buttonpadding{
    padding-right: 5px;
}

.divider{
    margin-top: 20px;
    margin-bottom: 20px;
}

.form-control{
    font-weight: normal;
    background-color: white;
}

.highlightUser{
    background: lightsalmon;
}
.right{
    float: right;
    bottom: 0px;
}

.inlineheading{
    display: inline;
    margin-left: 15px;
}

.iradio_square-green{
    margin-right: 5px;
}

.i-checks label{
    margin-right: 20px;
}

.icheckbox_square-green{
    margin-left: 10px;
}

.boxinvite{
    position: relative;
    top: 70%;
    right: 5%;

    bottom: 30px;
}

.bold{
    font-weight: bold;
}

.inactive{
    background-color: #eee;
}

#todoinput{
    width: 190px;
    height: 30px;
}

.left10{
    margin-left: 10px;
}

.colorDanger{
    color: #ed5565 !important;
}

.colorGreen{
    color: #1ab394;
}

.todoicon{
    padding: 5px !important;
    font-size: 12px;
    color: black;
}
.width100{
    width: 100%;
}

.right10{
    margin-right: 10px;
}

.smallfileupload input{
    height: 20px;
}

.height30{
    height: 30px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    background-color: white !important;
}

.clocktable{
    width: 100%;
}

.clocktblcal{
    /*padding-right: 15px;*/
}

.clocktblClock div{
    margin-top: 10px;
    /*padding-left: 15px;*/
}

.width20{
    width: 20%;
}

.remindleft{
    padding-right: 10px;
}

.remindcenter{
    padding-right: 10px;
}
.remindertable td select{
    width: 100%;
}
.reminderlistspan{
    margin-right: 20%;
}
#messages_container{
    z-index: 3000 !important;
}

#wrapper{
    overflow: hidden;
}

.radiochoose{
    margin-left: 10px;
}

#grpmsgradio label{
    font-weight: normal;
}

#clientchoiceradio{
    margin-bottom: 10px;
}

#msgcustomerchoice{
    display: none;
}

#loginmodal .modal-content{
    padding: 40px;
}

#registerarea{
    display: none;
}
#loginradio input{
    margin-right: 10px !important;
}

#logingrowl_container{
    background-color: white;
}

#logingrowl_container .ui-growl-item-container{
    margin: 0px;
}

#loginbutton{
    margin-top: 20px;
}
.center{
    text-align: center;
}

.ui-datatable-header{
    background-color: white;
}

.ui-datatable-header{
    padding-bottom: 15px;
}


.fielderror{
    color: red;
}

.skin-1 .navbar-top-links li:last-child {
    margin-right: 0px !important;

    /* width: 100%; */
}

#downloadtable td{
    /*word-wrap: break-word;*/
    overflow-wrap: break-word;
    width: 100%;
}

.green{
    color: #1ab394
}

.orange, .orange:hover{
    background-color: #f8ac59;
    color: white;
}

.btnnoclicksucc, .btnnoclicksucc:hover{
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
    cursor: default;
}
.btndangernonclick{
    cursor: default;
}

.tasktablecontent{
    width: 40%;
}
.testimonial{
    padding-top: 250px;
    margin-right: 5%;
    float: right;
}

.detail_link{
    width: 100%;
}

.detail_todo_admin{
    margin-left: 49px;
}

.detail_content_admin{
    margin-left: 102px;
}

.detail_date{
    margin-left: 55px;
}
.detail_todo{
    margin-left: 118px;
}
.media-body{
    /* float: right; */
    margin-right: 19px;
}
@media(max-width: 1000px){
    .testimonial{
        display: none;
    }
}

@media(max-width: 768px){
    .vertical-timeline-content h2{
        font-size: 18px;
    }
}

@media(min-width: 1300px){
    .registerwrapper{
        width: 1300px;
        margin: 0 auto;
    }
}

.product-imitation {
    padding: 20px 15px 20px 15px;
    text-align: left;
    font-size: large;
}

.product-price {
    background-color: #0E9AEF;
}

.percent20year {
    color: red;
}

.btn-primary{
    /* margin-right: 5px; */
    /* margin-bottom: 8px; */
}

.red{
    color: rgb(237, 85, 101);
    font-weight: bold;
}
.green{
    color: #449d44;
    font-weight: bold;
}

.standardParagraph{
    font-size: 17px !important;
}
.fontnormal{
    font-weight: normal;
}

.vertical-timeline-content .btn-danger, .project-list .btn-danger{
    max-width: 110px;
}
.downloadtableglobalFilter{
    margin-bottom: 15px !important;
}

.templateheadercenter{
    text-align: center;
}
#goaledit{
    margin-top: 20px;
}

.dropdown-messages-box .media-body{
    float: right;
}

#trialdays{
    position: absolute;
    /* right: 10px; */
    left: 30px;
    top: 80px;

}

.preformatted {
    white-space: pre-wrap;
}

.disabledContactBox{
    background-color: #ddd;
    border: 1px solid #e7eaec;
    padding: 20px;
    margin-bottom: 20px;
}

.disabledContactBox a{
    color: black;
}

.bottom10{
    margin-bottom: 10px;
}
.bottom20{
    margin-bottom: 20px;
}

.triallink, .triallink:hover{
    color: red;
}

.strike-through{
    text-decoration: line-through;
}

.headerlogo{
    position: absolute;
    top: 5px;
}

@media(max-width: 550px){
    #trialdays{
        position: absolute;
        /* right: 10px; */
        right: 10px;
        top: 10px;
    }
}



@media(max-width: 1000px){
    .headerlogo{
        display: none;
    }
    .templatetrialtext{
        /*display: block;*/
        text-align: right;
    }
    .templateheadercenter{
        float: left;
        margin-left: 10px;
        margin-top: 12px;
    }

    .templatetextpanel{
        margin-bottom: 40px;
    }
    .mobilehide{
        display: none;
    }
}

.nav{
    /* text-align: right; */
}

.carousel-indicators{
    display: none;
}
.feed-element{
    padding-top: 15px;
}

.navbar-default .navbar-nav > li > a:hover,.navbar-scroll.navbar-default .nav li a:hover {
    color: #ccc;
}

#clevermemolandinglogo{
    position: fixed;
    top: 10px;
}

.navbar-scroll{
    background-image: url('./assets/img/landingscrolllogo.png');
    background-repeat: no-repeat;
    background-position-x: 9%;
}
@media(max-width: 1030px){
    .actionbuttons .btn-primary{
        margin-bottom: 10px;
    }
}

.left5{
    margin-left: 5px;
}

.metismenu{
    margin-top: 0px;
}

.templateheadercenter .btn{
    margin-top: 0px;
}
.indexh2secondline{
    line-height: 26px;
}

section p{
    color: #676a6c;
}

.pricing-plan li{
    color: #676a6c;
}

li{
    font-size: 14px;
}

.open-small-chat, .open-small-chat:hover, .chat-message,.small-chat-box .content .chat-message.active{
    background-color: #337ab7;
}

.pricing-title{
    color: white !important;
}

.divider{
    overflow: visible !important;
}

.sidebard-panel .feed-element, .media-body, .sidebard-panel p{
    font-size: 12px !important;
}

.bellenforce{
    width: 188px !important;
}
.small-chat-box{
    width: 60%;
    height: 40%;
}
.chatinputarea{
    width: 100%;
    /*position: absolute;*/
}

.chatinputgroup{
    width: 90%;
    height: 100%;
}

.customerimgcontainer{
    height: 150px;
}

@media(max-width: 840px){
    .hidemobile{
        display: none;
    }
    .chatinputgroup h2{
        font-size: 12px;
        margin-top: 0px;
    }


}

@media(max-height: 500px){
    .chatinputgroup h2{
        font-size: 12px;
        margin-top: 0px;
    }
}

.hidemobile{
    width: 100%;
}

#supportfieldform, .qpanel{
    height: 100% !important;
    background-color: white;
}

.grayoutwrap {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
    padding:0px;
    margin:0px;
}

.currentTariffBorder {
    border: 2px solid red;
}

.btn-danger {
    background-color: #ef0000;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
    background-color: #ff2f2f;
}