.commntbox div.kommentbox {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid rgba(0, 40, 60, 0.25);
    border-radius: 4px;
    argin: 0 0 0 55px;
}

.commntbox div.line {
    padding-right:0px;
    border-top: 2px solid rgba(0, 40, 60, 0.25);
    adding-top:5px;
    background:#eee;
}

.commntbox textarea {
    box-shadow:none !important;
    border: 0 none;
    color: #3e4549;
    cursor: text;
    display: block;
    ont-family: "Helvetica Neue",arial,sans-serif;
    font-size: 16px;
    height: auto;
    line-height: 1.4;
    margin: 0;
    min-height: 84px;
    overflow-y: scroll;
    padding: 6px 10px 8px;
    resize: none;
    transition: all 0.15s ease-in-out 0s;
    width: 100%;
    -moz-appearance:none;
    outline:0px none transparent;
   border-style: none;
        border-color: Transparent;
        overflow: auto;
        outline: none;

}

.commntbox textarea:focus, .commntbox input:focus {
    outline: 0 !important;
}

.commntbox *:focus {
    outline: 0;
}



.commntbox button {
   background:#656565;
   background:rgba(0, 40, 60, 0.25);
   border-radius:0px;
   float:right;
   color:#333;
   border:0;
   argin-bottom:5px;
   padding:8px 16px 8px 16px;
}

.commntbox button:hover {
   background:#454545;
   background:rgba(0, 40, 60, 0.45);

}

ul.commntbox-posts {
  margin:0;
  padding:0;
  margin-top:0px;
  list-style-type:none;
  opacity:0.01;
}

ul.commntbox-posts-child {
  margin:0;
  padding:0;
  margin-top:0px;
  list-style-type:none;
}

ul.commntbox-posts li {
  clear:left;
  argin-top:15px;
  padding:10px;
  padding-bottom:15px;
  order-bottom:1px solid #fff;
  ackground:#fafafa;
}

ul.commntbox-posts-child li {
   padding-left:60px;
}
 

ul.commntbox-posts-child li .commntbox-links a{
 display:none;
}

ul.commntbox-posts li .commntbox-post-author {
  font-weight:600;
  font-size:16px;
  color:#668899;
  padding-right:20px;
  float:left;
  

}

ul.commntbox-posts li .commntbox-post-date {
  font-weight:300;
  font-size:12px;
  padding-left:10px;
  margin-left:10px;
  padding-top:3px;
}



ul.commntbox-posts li .commntbox-post-post {
  font-weight:300;
  font-size:15px;
  padding-top:5px;
  padding-left:52px;
}

ul.commntbox-posts li .commntbox-post-id {
  display:none;
}

ul.commntbox-posts li  .commntbox-links  {
  padding-left:52px;

}

ul.commntbox-posts li  .commntbox-links a {
  text-decoration:none;
  color:#668899;
  font-size:12px;
  font-weight:300;
}

ul.commntbox-posts li  .commntbox-links .row {
  margin:0;
}

ul.commntbox-posts li  .commntbox-links a:hover {
  color:#365869;
  text-decoration:underline;
}

.commntbox-post-icon {
  float:left;
  background:#eee;
  border-radius:3px;
  margin-right:8px;
  font-size:30px;
  padding-left:10px;
  padding-right:10px;
  color:#ddd;
}

.commntbox-post-container {
  
}

.commntbox_logincont  {
  padding:15px;
  background: #bfc9ce;
}
.commntbox_logincont .label {
  text-transform: uppercase;
  font-weight:500;
  font-size:14px;
  color:#000;
  padding:0;
}

.commntbox_logincont input {
  border: 2px solid rgba(0, 40, 60, 0.65);
  padding-top:5px;
  box-shadow:0 !important;

}

.commntbox_logincont input:focus {
  box-shadow:0 !important;

}


.commntbox .btn-link {
  background:none;
}

.commntbox .commntbox_loading {
  eft:50%;
  osition:absolute; 
  margin-top:30px;  
  margin-bottom:30px;  
  text-align:center;
  
}

.mobile-nomargin {
  margin:0;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) { 

    ul.commntbox-posts-child li {
       padding-left:30px;
    }


}