#content .left_ .danhmuc, #content .left_ .gia { padding: 0; margin-bottom: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#content .left_ .danhmuc li, #content .left_ .gia li { background: white; list-style-type: none; display: block; }
#content .left_ .danhmuc li .active, #content .left_ .gia li .active { font-weight: bold; color: #00a2bb; }
#content .left_ .danhmuc li a, #content .left_ .gia li a { text-decoration: none; color: black; display: block; position: relative; padding: 8px 35px; }
#content .left_ .danhmuc li a:hover, #content .left_ .gia li a:hover { background: #5bc0de; }
#content .left_ .danhmuc li a:before, #content .left_ .gia li a:before { background: url("/images/bg.png") -100px -45px; content: ""; position: absolute; width: 7px; height: 10px; left: 20px; top: 13px; }
#content .left_ .danhmuc .dau, #content .left_ .gia .dau { background: #23bbd2; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 17px 0; border-bottom: none; font-weight: bold; font-size: 15px; color: white; position: relative; }
#content .left_ .danhmuc .dau span, #content .left_ .gia .dau span { margin-left: 58px; }
#content .left_ .danhmuc .dau:before, #content .left_ .gia .dau:before { background: url("/images/bg.png") -13px -213px; content: ""; position: absolute; width: 27px; height: 22px; left: 20px; }
#content .left_ .field_label { border-top: 1px solid #eceded; background: #fff; font-size: 15px; font-weight: bold; line-height: 30px; color: #333333; position: relative; cursor: pointer; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 20px; padding-top: 10px; }
#content .left_ .field_name { border-bottom: 1px solid #C3D6F1; margin-bottom: 10px; padding-bottom: 10px; padding-left: 20px; background: #fff; }
#content .left_ .field_name ul { padding: 10px 0; }
#content .left_ .field_name ul li { padding-bottom: 10px; }
#content .left_ .field_name ul li a { padding-left: 22px; font-size: 15px; position: relative; color: #555555; display: block; line-height: 20px; overflow: hidden; text-overflow: ellipsis; }
#content .left_ .field_name ul li a:before { width: 20px; height: 20px; background: url(../images/checkbox.png) no-repeat 0 center; position: absolute; content: ""; left: 0; top: 0px; }
#content .left_ .field_name ul li:hover a:before { background: url(../images/checkactive.png) no-repeat; }
#content .left_ .field_name ul .activate a { color: #006cc6; }
#content .left_ .field_name ul .activate a:before { background: url(../images/checkactive.png) no-repeat; }
#content .left_ .gia li:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#content .left_ .gia .mucgia { border-top: 1px solid #e5e5e5; padding: 10px 20px; padding-bottom: 0px; font-size: 15px; }
#content .left_ .gia .tick { padding-left: 20px; padding-top: 5px; /* Hide the browser's default checkbox */ /* Create a custom checkbox */ /* On mouse-over, add a grey background color */ /* When the checkbox is checked, add a blue background */ /* Create the checkmark/indicator (hidden when not checked) */ /* Show the checkmark when checked */ /* Style the checkmark/indicator */ }
#content .left_ .gia .tick .container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 15px; padding-top: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: normal; }
#content .left_ .gia .tick .container input { position: absolute; opacity: 0; cursor: pointer; }
#content .left_ .gia .tick .checkmark { position: absolute; top: 4px; left: 0; height: 23px; width: 23px; background-color: #ffffff; border-radius: 4px; border: 1px solid #cccccc; }
#content .left_ .gia .tick .container:hover input ~ .checkmark { background-color: #ccc; }
#content .left_ .gia .tick .checkmark:after { content: ""; position: absolute; display: none; }
#content .left_ .gia .tick .container input:checked ~ .checkmark:after { display: block; }
#content .left_ .gia .tick .container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid #23bbd2; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/*# sourceMappingURL=boloc.css.map */
