#coments {position:relative; left:0px;}
#coments .addcoment {position:relative; top:-15px; background: #EEE; border:5px solid #93afbc; display:none;}
#coments .addcoment img:hover{cursor:pointer;}
#coments  textarea{ padding: 10px; width:93%; font-size:14px; height: 120px; margin:10px; overflow:hidden; border:1px solid #DDD; resize: none; overflow: auto;}
#coments  input[type="text"]{padding-left:10px; width:95%; height:25px; font-size:15px; line-height: 1.8em; margin:10px 5px 0px 10px; border:1px solid #DDD;}
#coments .addcoment {position: relative;height: 310px;top: -15px;background: #5e7686;border: 1px solid #5d8dad;display: none;}
#coments #statusbox {padding-left: 10px;line-height: 55px;color: #a7e0e9;font-size: 18px;height: 50px;}
a.button_close{position: relative;top: -20px;left: 480px;color: white;text-decoration: none;padding: .8em 2em calc(.8em + 3px);border-radius: 3px;background: rgb(202, 15, 15);box-shadow: 0 -3px rgb(187, 38, 38) inset;transition: 0.2s;}
a.button_close:hover { background: rgb(250, 39, 55); }
a.button_close:active { background: rgb(250, 39, 55); box-shadow: 0 3px rgb(250, 39, 55); inset;}
a.button_send{position: relative;top: -20px;left: 460px;color: white;text-decoration: none;padding: .8em 2em calc(.8em + 3px);border-radius: 3px;background: rgb(64,199,129);box-shadow: 0 -3px rgb(53,167,110) inset;transition: 0.2s;}
a.button_send:hover { background: rgb(53, 167, 110);}
a.button_send:active { background: rgb(33,147,90); box-shadow: 0 3px rgb(33,147,90) inset;}
#coments .top {font-size: 20px;height: 47px;padding: 15px 15px 0px 195px;color: #e9f3f7;cursor: pointer;border: 1px;background-color: #317184;}
#coments .chek {font-size: 20px;height: 20px;padding: 15px 15px 0px 15px;color: #e9f3f7;border: 1px;}
#coments .main {position:relative;}
#coments .name {font-size: 14px;font-weight: normal;color: black;float: left;}
#coments .message {position: absolute;font-size: 14px;margin: 10px;color: black;float: left;}
#coments .date {font-size: 14px;position: relative;left: 10px;color: black;}
#coments .butt_edit{position: relative;left: 480px;top: -25px;}
#coments .subbutt_edit{position: relative;left: 440px;top: -25px;}
#coments .butt_post{position: relative;left: 480px;top: -25px;}
#coments img{float:left; border: 0px;}
#coments .coment{position:relative; left:1px; width:510px; padding:20px 20px 10px 20px; border-bottom:1px solid #DDD; font-size:14px; color: black; background: #f7f4ca url('../../css/images/coment_top.png') left top no-repeat; text-align:left;}
#coments .subcoment{position:relative; left:40px; width:470px; padding:20px 20px 10px 20px; border-bottom:1px solid #DDD; font-size:14px; color: black; background: #caf5f7 url('../../css/images/subcoment_top.png') left top no-repeat; text-align:left;}
/* checkbox */
.checkbox { position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 20px;}
.checkbox + label {position: relative; padding: 0 0 0 60px; cursor: pointer;}
.checkbox + label:before { content: '';position: absolute;top: -4px;left: 0;width: 50px;height: 26px;border-radius: 13px;background: #CDD1DA;box-shadow: inset 0 2px 3px rgba(0,0,0,.2);transition: .2s;}
.checkbox + label:after {content: '';position: absolute;top: -2px;left: 2px;width: 22px;height: 22px;border-radius: 10px;background: #FFF;box-shadow: 0 2px 5px rgba(0,0,0,.3);transition: .2s;}
.checkbox:checked + label:before {background: #1e70d4;}
.checkbox:checked + label:after {left: 26px;}
.checkbox:focus + label:before {box-shadow: inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px rgba(28, 127, 255, 0.7);}
/* end checkbox */