.main_block { margin: 0px auto; width: 800px; padding: 40px 0px; }
.user_but_box { border-top: 1px dashed #eaeaea; margin-top: 25px; padding-top: 25px; padding-bottom: 22px; }
.user_but_box .add_but { transition: 0.3s; height: 38px; line-height: 38px; display: inline-block; vertical-align: top; text-transform: uppercase; padding: 0px 15px; margin-right: 10px; background: #00a7ee; cursor: pointer;
FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #fff; FONT-FAMILY: Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.user_but_box .add_but:hover { transition: 0.3s; background: #058ec8; }
.user_but_box .add_but.active { transition: 0.3s; background: #efefef; color: #333; }
.user_but_box .add_but.active:hover { transition: 0.3s; background: #dfdfdf; }
.user_but_box  .count { transition: 0.3s; height: 38px; line-height: 38px; display: inline-block; vertical-align: top; padding: 0px 0px 0px 15px;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }

.user_list h2 { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; line-height: 20px;
FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #333; FONT-FAMILY: Arial;  FONT-STYLE: normal; TEXT-DECORATION: none;  text-align: left; }

.user_cart { padding: 25px 30px 25px 120px; box-shadow: 0px 5px 45px rgba(0,0,0,0.1); background: url("/pic/user_cart.png") #fff no-repeat 30px 25px; min-height: 60px; margin-bottom: 35px; overflow: hidden; }
.user_cart .name { display: inline-block; width: 100%; padding-top: 10px; line-height: 16px; padding-bottom: 12px;
FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #004e7f; FONT-FAMILY: Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.user_cart .name span { padding-right: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; } 
.user_cart .name .date { float: right; line-height: 16px; padding-top: 1px; margin-left: 15px;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #b3b3b3; FONT-FAMILY: Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.user_cart .name .mail { display: inline-block; line-height: 16px; padding-top: 1px; white-space: nowrap;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #00a9f1; FONT-FAMILY: Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.user_cart .text { line-height: 18px; padding-bottom: 6px;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.user_cart .text .link a { color: #00a9f1; TEXT-DECORATION: underline; }
.user_cart .text .link a:hover { TEXT-DECORATION: none; }
.user_cart .answer { line-height: 18px; position: relative; padding: 4px 0px 6px 0px;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #00a7ee; FONT-FAMILY: Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.user_cart .answer:after { content: ''; position: absolute; z-index: 5; width: 60px; left: -88px; top: 13px; height: 1px; background: #ccedfc; }
.user_cart .answer:before { content: ''; position: absolute; z-index: 5; width: 120px; left: 160px; top: 13px; height: 1px; background: #ccedfc; }

.user_cart .answer_text { line-height: 18px; padding-bottom: 6px;
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333; FONT-FAMILY: Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }

.user_form { display: none; padding-bottom: 45px; }  
.user_input_text { transition: 0.3s; width: 100%; max-width: 500px; border: none; margin: none; outline: none; height: 36px; border: 1px solid #7fd1f6 !important; display: block; line-height: 36px; 
box-sizing: border-box; padding: 0px 12px !important; background: #fff; /*text-transform: uppercase;*/ margin-bottom: 12px;
FONT-WEIGHT: normal; FONT-SIZE: 11px !important; COLOR: #333; FONT-FAMILY: Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.user_input_text:focus { transition: 0.3s; border: 1px solid #00a7ee !important; }
.user_input_textarea { transition: 0.3s; width: 100%; max-width: 500px; border: none; margin: none; outline: none; height: 36px; border: 1px solid #7fd1f6; line-height: 18px; height: 120px;
box-sizing: border-box; padding: 8px 12px !important; background: #fff; /*text-transform: uppercase;*/ margin-bottom: 12px; resize: none;
FONT-WEIGHT: normal; FONT-SIZE: 11px !important; COLOR: #333; FONT-FAMILY: Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.user_input_textarea:focus { transition: 0.3s; border: 1px solid #00a7ee; }

.user_input_but { transition: 0.3s; height: 38px; line-height: 38px; display: inline-block; vertical-align: top; text-transform: uppercase; padding: 0px 15px; background: #fa3439; cursor: pointer;
FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #fff; FONT-FAMILY: Arial; FONT-STYLE: normal; TEXT-DECORATION: none; text-align: left; }
.user_input_but:hover { transition: 0.3s; background: #d9131a; }

.nu_check_box { padding-bottom: 15px; padding-top: 4px; padding-left: 12px; }
.nu_check_box .nu_check { transition: 0.3s; width: 18px !important; height: 18px !important; background: none !important; border-radius: 0px; border-color: #7fd1f6; margin-right: 4px; }
.nu_check_box:hover .nu_check { transition: 0.3s; border-color: #00a7ee; }
.nu_check_box:hover .nu_check.checked .jq-checkbox__div { transition: 0.3s; background-color: #00a7ee; }
.nu_check_box .nu_check .jq-checkbox__div { transition: 0.3s; border-radius: 0px; box-shadow: none; background-color: #fff; width: 8px; height: 8px; margin: 4px 0px 0px 4px; }
.nu_check_box .nu_check.checked .jq-checkbox__div { transition: 0.3s; background-color: #7fd1f6; }
.nu_check_box .nu_check.checked { transition: 0.3s; border-color: #00a7ee; }
.nu_check_box .nu_check.checked .jq-checkbox__div { transition: 0.3s; background-color: #00a7ee; }

@media screen and (min-width: 100px) and (max-width: 600px) {
 .user_input_text { width: 100%; }
 .user_input_textarea { width: 100%; }  
}

@media screen and (min-width: 100px) and (max-width: 450px) {
 .user_cart { padding: 20px 20px 20px 20px; background: none; }
 .user_cart .name { display: inline-block; width: 100%; }
 .user_cart .name .date { display: inline-block; width: 100%; margin-left: 0px; }
}