.login_wrapper { margin: 8% auto 0; }

.login_content { text-shadow: none; }

.login_content img { width: 300px; margin: 20px; }

.login_content h1 { color: #ff8b24; font-size: 23px; font-weight: 500; }

.login_content h1:after, .login_content h1:before { display: none; }

.login_content button { width: 100%; }

.site_title { padding-left: 18px; color: #ff8b24 !important; }

.site_title img { width: 30px; margin: -5px 5px 0 0; }

.child_menu .child_menu { display: block; }

.main_menu span.fa { position: absolute; right: 10px; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(0deg); transform: rotate(0deg); }

li.active a span.fa { -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-right: -4px; text-align: center !important; }

.nav-sm ul.nav.child_menu { left: 70px; }

.nav-sm ul.nav.child_menu .child_menu { display: block; }

.nav-sm .side-menu > li > ul > li::after { content: ''; position: absolute; top: 0; bottom: 0; left: 8px; border-left: 1px solid #73808c; }

.nav-sm .side-menu > li > ul > li > a::before { content: ''; display: inline-block; width: 8px; height: 8px; margin: 0 5px 0 -10px; background: #73808c; border-radius: 50%; }

footer { padding: 20px; }

.page-title .title_left { width: 100%; }

.navbar-right { min-width: auto; }

.navbar-right button { margin-right: 0px; margin-left: 5px; }

.breadcrumb { margin-bottom: 0; border-bottom: 1px solid #D9DEE4; border-radius: 0; }

.main-image { position: relative; text-align: center; height: 500px; }

.main-image img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.category-list { height: 383px; overflow: auto; width: 100%; margin-bottom: 20px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.category-list .list-group-item { border: 0; border-radius: 0; }

.category-list .list-group-item.on { background-color: #DCDCDC; }

.category-list .new-item { color: #dc3545 !important; }

.input-group { margin-bottom: 0; }

.btn-xsm { padding: 3px 5px; background: none; }

.radio-group { display: inline-block; vertical-align: middle; padding: 8px 10px 0 0; }

.radio-group label { margin-bottom: 0; }

.radio-group .iradio_flat-green { vertical-align: text-top; }

.icheckbox_flat-green { vertical-align: text-top; }

.label-group { display: table; width: 100%; }

.label-group label { display: table-cell; color: #73879C; font-size: 13px; vertical-align: middle; white-space: nowrap; padding-right: 5px; margin: 0; }

.label-group .wrap { width: 100%; display: table-cell; }

.button-group { display: table; width: 100%; }

.button-group .wrap { display: table-cell; width: 100%; vertical-align: top; }

.button-group button { display: table-cell; margin: 0 0 0 10px; }

.select-group { position: relative; float: left; }

.select-group:nth-child(1) { width: 30%; }

.select-group:nth-child(1) label { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.select-group:nth-child(1) .wrap { overflow: hidden; margin-left: 45px; }

.select-group:nth-child(1) .wrap select { float: left; width: calc(50% - 10px); margin: 5px; }

.select-group:nth-child(2) { width: 40%; }

.select-group:nth-child(2) select { float: left; width: calc(33.3333% - 10px); margin: 5px; }

.select-group:nth-child(2) button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; margin-right: 0; }

.select-group:nth-child(3) { width: 30%; }

.select-group:nth-child(3) .wrap { overflow: hidden; margin-right: 60px; }

.select-group:nth-child(3) .wrap select { float: left; width: calc(50% - 10px); margin: 5px; }

.select-group:nth-child(3) button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; margin-right: 0; }

.group2 .select-group:nth-child(1) { width: 50%; }

.group2 .select-group:nth-child(2) { width: 50%; }

.group2 .select-group:nth-child(2) .wrap { overflow: hidden; margin-right: 60px; }

.group2 .select-group:nth-child(2) select { width: calc(100% - 10px); }

.input-edit { display: none; }

.text-overflow { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

textarea { resize: none; }

.editor-wrapper { height: 250px; overflow-x: hidden; }

code { display: inline-block; margin-top: 5px; padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }

#template-contents > * { display: none; }

.dropzone { min-height: 100px; border: 1px solid #ccc; }

.table > thead > tr > th, .table > tbody > tr > td { text-align: center; vertical-align: middle; }

.table > thead > tr > th.text-left, .table > tbody > tr > td.text-left { text-align: left; }

.pagination .active { color: #E9EDEF; background-color: #26B99A; border-color: #169F85; }

@media (max-width: 767px) { .form-row { margin-bottom: 10px; }
  .form-row:last-child { margin-bottom: 0px; }
  .mb10, .input-group { margin-bottom: 10px; }
  .select-group { width: 100% !important; }
  .select-group:nth-child(1) select:nth-child(2) { width: calc(50% - 5px); margin-right: 0; }
  .select-group:nth-child(2) select:nth-child(1) { width: calc(33.3333% - 5px); margin-left: 0; }
  .select-group:nth-child(2) select:nth-child(3) { width: calc(33.3333% - 5px); margin-right: 0; }
  .select-group:nth-child(3) select:nth-child(1) { width: calc(50% - 5px); margin-left: 0; } }