* {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

header {
    padding: 5px 20px;
    font-size: 0.825em;
}

.logo {
    margin-bottom: 30px
}

header .logo {
    margin: 0;
}

.logo img {
    display: inline-block;
    margin: 0 5px 0px 0;
    width: 35px;
}

.logo a {
    color: #000;
    text-decoration: none;
}

.profile_button {
    padding: 5px 12px 12px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #f1f1f1;
    background: #3f81ff;
}

footer {
    padding: 5px 20px;
}

.create_form {
    min-width: 380px;
}

:focus:not([tabindex^="-"]) {
    outline: 2px solid #4d8fd6;
    outline-offset: 1px;
}

/* ASIDE */

.project_title {
    margin-bottom: 6px;
    padding: 16px 10px;
}

.project_title > strong {
    display: block;
    width: 100%;
    cursor: pointer;
}

.aside_block {
    width: 220px;
    background: rgb(34, 34, 42);
    box-shadow: 0 0 3px 2px #d2cece;
    top: 0;
    font-size: 1em;
    
    color: #FFFFFF
}

.aside_block .uk-nav a {
    padding: 12px 10px;
    font-size: 1em;
    
    color: #FFFFFF
}

.aside_block .uk-nav a:hover {
    background: #dfe7ee;
    border-radius: 8px;
}

.aside_block + div {
    margin-left: 220px;
    padding: 30px 40px;
}

@media all and (min-width: 960px) {
    .uk-offcanvas-bar {
        width: 250px;
    }
}

.crm_new {
    background: #b90606;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    padding-top: 11px;
}

.select_project {
    background: rgb(34, 34, 42);
    left: 0 !important;
    width: 100%;
}

.user_email {
    font-size: 0.825em;
}

.crm_table form {
    margin-right: 10px;
}

.last_auth_period {
    font-size: 0.765em;
    display: block;
    color: #bebebe;
}

.dormant_period {
    font-size: 0.765em;
    display: block;
    color: #bebebe;
}

.dormant_period > span {
    display: none;
}

.dormant_period.long {
    color: #a81212;
}

.dormant_period.long > span {
    display: inline-block;
}

.uk-placeholder {
  background: #fcfcfc;
}

.file_requirement {
  text-align: right;
  margin-top: 4px;
  font-size: 0.795em;
  padding-right: 1px;
  text-transform: uppercase;
}

.form-item {
  max-width: 560px;
}

.crm_table {
    font-size: 0.925em;
}

.status_new {
  font-weight: 700;
}

.status_new .crm_status {
  color: #d85353;
}

.system_success {
  border: 1px solid #14901b;
  background: #fffcfc;
}

.course_table {
    max-width: 960px;
}

.course_module_item {
    max-width: 960px;
}

.course_module_item sup {
    font-size: 0.675em;
    color: #999;
}

.module_time {
    color: #222;
}

.mudule_num {
    color: #d2d2d2;
    font-size: 0.925em;
    display: inline-block;
    border: 1px solid #d2d2d2;
    padding: 0 6px 2px;
}

.keyboard_item {
    margin: 10px 10px 0 0;
    font-size: 0.795em;
    border-radius: 5px;
    box-shadow: 0 0 4px #d2d1d1;
    padding: 8px 12px 10px;
    border-radius: 5px;
}

.keyboard_item > span {
    display: block;
    font-size: 0.925em;
}

.file_caption__textarea {
    width: 600px;
}

.question_id {
    display: block;
    font-size: 0.825em;
    color: #bebebe;
}

.q_last {
    border: 2px solid #fbd5d5 !important;
    background: #fee !important;
}

.new_block_form {
    max-width: 768px;
}

.student_nik {
    font-size: 0.825em;
    color: #bebebe;
}

.student_course_end {
    display: block;
    font-size: 0.765em;
    margin-top: 5px;
    color: #aca1a1;
}

.title_const {
    color: #b2adad;
}


.user_answers {
    max-width: 560px;
    position: relative;
}

.user_answers__question {
    max-width: 360px;
    
    -webkit-border-radius: 30px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 30px;
    -moz-border-radius-bottomleft: 0;
    border-radius: 30px;
    border-bottom-left-radius: 0;
    
    background: #f2f2f2;
    padding: 20px;
}

.user_answers__answer {
    max-width: 360px;
    margin-left: auto;
    
    -webkit-border-radius: 30px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 30px;
    -moz-border-radius-bottomright: 0;
    border-radius: 30px;
    border-bottom-right-radius: 0;
    
    background: #cde7ff;
    padding: 20px;
}

.answer_link {
    color: #2575f0;
}

.user_answers__info {
  margin-left: auto;
  font-size: 0.765em;
  color: #838383;
}

.sort_block a {
    display: inline-block;
    font-size: 0.875em;
    margin-left: 10px;
}

.new_row {
    font-weight: 700;
}