body {
    font: 12px/1.5 arial, 'microsoft yahei', "\5B8B\4F53", sans-serif;color: #7a7676;line-height: 20px;overflow-x: hidden;font-size: 14px;
    background-color: #eaeaec;width: 100%;height: 100%;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;
}

.wrapper {padding:15px;}
.wrapper::after {clear: both;display: block;content: '';margin-bottom: 30px;}

.panel {padding: 10px;border: none;}
.panel-heading {border-bottom: 1px dotted rgba(0, 0, 0, 0.2);padding: 15px;text-transform: uppercase;color: #535351;font-size: 18px;font-weight: bold;}
.panel-group .panel{padding:0px 0px 10px 0px;border:1px solid #ddd;margin-bottom:20px;}
.m-bot15 {margin-bottom: 15px;}

/*modal*/
.modal-content {box-shadow: none;border: none;border-radius: 0;-webkit-border-radius: 0;}
.modal-header {background: #65CEA7;color: #fff;border-radius: 0;-webkit-border-radius: 0;border: none;}
.modal-header .close {color: #fff;opacity: .5;}
.modal-header .close:hover {opacity: 1;}
#showCodeModal .modal-header{padding:10px;}
#showCodeModal .modal-header .modal-title{line-height:30px;font-size:18px;font-weight:700}


/*form elements*/
.form-control {box-shadow: none;}
.form-control:focus, #focusedInput {border: 1px solid #424F63;box-shadow: none;}
.help-block{font-size:12px;color:red;}
.form-group button{letter-spacing:1px;}
.has-success .form-control:focus, .has-warning .form-control:focus, .has-error .form-control:focus {box-shadow: none;}

.iconic-input {position: relative;}
.iconic-input i {color: #CCCCCC;display: block;font-size: 16px;height: 16px;margin: 8px 5px 8px 10px;position: absolute;text-align: center;width: 16px;}
.iconic-input input {padding-left: 30px !important;}
.iconic-input.right input {padding-left: 10px !important;padding-right: 30px !important;}
.iconic-input.right i {float: right;right: 5px;}

/* MEDIA QUERIES */
@media screen and (max-width: 768px) {
    body {position: relative;}
}
@media only screen and (max-width: 800px) {
}