@import url(https://fonts.googleapis.com/css?family=Muli);* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Muli;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background: #F5F5F7;
  font-size: 14px;
  line-height: 155%;
  color: #242424;
}

img {
  max-width: 100%;
  outline: none;
}

h1 {
  margin-bottom: 24px;
}

a:link,
a:visited {
  color: #5990E0;
  text-decoration: underline;
}

a:link:hover,
a:visited:hover {
  color: #2567c7;
}

hr {
  border: 0;
  border-bottom: 1px solid #eee;
  margin: 12px 0;
  display: block;
  width: 100%;
}

.wide_container {
  float: left;
  width: 100%;
}

.container {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
}

.layout {
  float: left;
  width: 100%;
}

.main {
  margin-top: 106px;
}

.white_pane {
  background: #fff;
  padding: 32px;
  margin-bottom: 48px;
  float: left;
  width: 100%;
  border: 1px solid #E6E6E8;
}

.normal .left {
  width: 300px;
  float: left;
  border-right: 1px solid #E6E6E8;
  background: #fff;
  padding: 36px;
  min-height: 100vh;
  position: fixed;
  padding-top: 108px;
}

.normal .right {
  width: calc(100% - 300px);
  max-width: 1300px;
  float: left;
  margin-left: 300px;
  padding: 108px 24px 48px 70px;
}

.split .left,
.split .right {
  float: left;
  width: 50%;
  min-height: 100vh;
}

.split .right {
  background: url(/images/login_image.jpg) no-repeat center center;
  background-size: cover;
  padding: 48px;
  color: #fff;
}

.split .right h1 {
  font-size: 4.5em;
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.3);
}

.split .right h2 {
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.3);
}

.panel {
  border: 1px solid #E6E6E8;
  display: block;
  margin: 0 auto;
}

.panel.small {
  width: 350px;
}

.panel.small button {
  width: 100%;
}

.panel.login {
  margin-top: 20vh;
}

.panel.medium {
  width: 650px;
  margin-top: 10vh;
}

.panel .panel-heading {
  border-bottom: 1px solid #E6E6E8;
  background: #EFEFEF;
  color: #000;
  font-weight: bold;
  font-size: 1.2em;
  padding: 12px 36px;
  width: 100%;
}

.panel .panel-body {
  background: #fff;
  padding: 36px;
  width: 100%;
}

.parts {
  float: left;
  width: 100%;
}

.parts.parts2 .part:nth-of-type(n) {
  float: left;
  clear: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc( ( (100% + 24px  ) / 2) - 24px);
  margin-right: 24px;
  margin-bottom: 0;
}

.parts.parts2 .part:nth-of-type(2n) {
  margin-right: 0;
}

.extra_items {
  margin: 12px 0 0 0;
  padding: 12px 0 0 0;
  width: 100%;
  border-top: 1px solid #E6E6E8;
  list-style: none;
}

.tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #cccc;
  width: 100%;
  float: left;
  z-index: 1;
  position: relative;
  margin-bottom: 24px;
}

.tabs li {
  float: left;
  padding: 5px 12px;
  border: 1px solid #ccc;
  border-bottom: 0;
  cursor: pointer;
  opacity: .5;
  background: #e1e1e7;
  z-index: 0;
  top: 1px;
  position: relative;
  -webkit-transition: all linear .15s;
  transition: all linear .15s;
  margin-right: 1px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.tabs li.active {
  opacity: 1;
  position: relative;
  padding: 5px 12px;
  background: #F5F5F7;
  z-index: 2;
  font-weight: bold;
}

.tabs li.active:hover {
  background: #F5F5F7;
  opacity: 1;
}

.tabs li:hover {
  opacity: .7;
  background: #efeff2;
}

.tabcontents {
  float: left;
  width: 100%;
}

.tabcontents .tabcontent {
  float: left;
  width: 100%;
  height: 0;
  overflow: hidden;
}

.tabcontents .tabcontent.active {
  height: auto;
}

.headerbar {
  float: left;
  width: 100%;
  margin-bottom: 6px;
}

.headerbar .filters {
  float: left;
  width: 70%;
}

.headerbar .filters.wide {
  width: 100%;
}

.headerbar .filters form {
  width: 100%;
  float: left;
}

.headerbar .filters input,
.headerbar .filters .styled-select {
  max-width: 150px !important;
  margin-right: 5px;
  text-align: left;
  clear: none;
  float: left;
}

.headerbar .actions {
  float: right;
}

td.actions a {
  margin-right: 12px;
  font-size: 1.1em;
}

.descr {
  color: #999;
  font-size: .9em;
  clear: left;
  display: inline-block;
}

.descr hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 12px 0;
}

.listtable {
  border: 1px solid #eee;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 24px;
}

.listtable tr.row_1 td {
  background: #f9f9f9;
}

.listtable tr th,
.listtable tr td {
  padding: 10px 10px;
  text-align: left;
  border: 1px solid #E1E1E1;
  background: #fff;
  vertical-align: top;
}

.listtable tr th td,
.listtable tr td td {
  border: none;
  padding: 0 8px;
}

.listtable tr th.weekend,
.listtable tr td.weekend {
  background: #f5f5f5;
}

.listtable tr th.yearmention,
.listtable tr td.yearmention {
  background: #f5f5f5;
  color: #ccc;
}

.listtable tr th {
  background: #f1f1f1;
  border-bottom: 1px solid #ccc;
}

.listtable tr th a {
  color: #000;
}

.listtable tr th a .fa.fa-caret-up,
.listtable tr th a .fa.fa-caret-down {
  margin-left: 5px;
  color: #ccc;
}

.listtable tr.subheader_tr td {
  background: #eee;
  color: #666;
  font-weight: bold;
}

.listtable .external {
  float: right;
  margin-top: 5px;
}

.listtable tr:hover td {
  background: #FFFFE6;
}

.itemsperpage {
  float: right;
  margin-top: 12px;
  text-align: right;
}

.itemsperpage input,
.itemsperpage select,
.itemsperpage .styled-select {
  max-width: none !important;
  width: auto !important;
}

.totalitems {
  float: right;
  margin-top: 17px;
  margin-right: 12px;
}

.permissionstable tr td {
  padding: 0;
}

.permissionstable label {
  float: left;
  margin: 0;
  width: 100%;
  height: 42px;
  padding: 6px;
  display: block;
  background: #fff;
  -webkit-transition: all linear .15s;
  transition: all linear .15s;
  text-align: center;
  cursor: pointer;
}

.permissionstable label input {
  display: block;
  width: 0;
  height: 0;
}

.permissionstable label.active {
  background: #E9FAEA;
}

.permissionstable label.active:after {
  content: "\F00C";
  font-family: FontAwesome;
  color: #219848;
  font-size: 1.3em;
}

.permissionstable label:hover {
  background: #CCF2FF;
}

.loading {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
  z-index: 99;
  display: none;
}

.loading .inner {
  margin: 35vh auto 0 auto;
  display: block;
  width: 240px;
  text-align: center;
  color: #aaa;
  background: white;
  border-radius: 5px;
  border: 5px solid #5990E0;
  padding: 12px 36px 24px 36px;
}

.header {
  background: #fff;
  padding: 10px 12px 10px 36px;
  border-bottom: 1px solid #E6E6E8;
  position: fixed;
  top: 0;
  z-index: 2;
  height: 70px;
}

.header .logo {
  float: left;
  height: 50px;
}

.header .logo img {
  height: 50px;
}

.header .nav {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  margin-right: 12px;
}

.header .nav li {
  float: left;
  line-height: 50px;
}

.header .nav li a {
  padding: 0 12px;
  color: #242424;
  text-decoration: none;
  -webkit-transition: all linear .15s;
  transition: all linear .15s;
}

.header .nav li a:hover {
  color: #5990E0;
}

.header .nav li:hover {
  background: #f6f6f6;
}

.header .nav li:hover > ul {
  display: block;
}

.header .nav ul {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  padding: 0;
  list-style: none;
  border: 1px solid #E6E6E8;
  border-top: none;
  border-left: none;
}

.header .nav ul li {
  float: none;
  width: 170px;
  text-align: right;
}

.header .nav ul a {
  float: left;
  width: 100%;
}

.header .nav ul ul {
  top: 0;
  left: 100%;
}

.title {
  font-size: 1.3em;
  color: #000;
  font-weight: bold;
  margin-bottom: 36px;
}

.sidebarmenu {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  left: -36px;
  width: 300px;
}

.sidebarmenu li {
  margin-bottom: 2px;
  float: left;
  width: 100%;
}

.sidebarmenu li a {
  padding: 12px 36px;
  float: left;
  width: 100%;
  text-decoration: none;
  font-size: 1.2em;
  color: #676767;
}

.sidebarmenu li a .fa {
  margin-right: 12px;
}

.sidebarmenu li.active a,
.sidebarmenu li:hover a {
  background: #F0F3F8;
  border-right: 3px solid #5990E0;
  color: #5990E0;
}

input[type='text'],
input[type='number'],
input[type='email'],
input[type='password'],
input[type='date'],
select,
textarea {
  display: inline-block;
  padding: 6px 12px;
  font-size: 1em;
  border: 1px solid #E6E6E8;
  height: 48px;
  width: 100%;
  max-width: 350px;
  border-radius: 3px;
}

input[type='text']:focus,
input[type='number']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='date']:focus,
select:focus,
textarea:focus {
  border-color: #000;
}

input[type='text'].error,
input[type='number'].error,
input[type='email'].error,
input[type='password'].error,
input[type='date'].error,
select.error,
textarea.error {
  border: 1px solid #B94A48;
  background: #F7E8E8;
}

input[type='text']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='date']::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ddd;
  font-style: italic;
}

input[type='text']::-ms-input-placeholder,
input[type='number']::-ms-input-placeholder,
input[type='email']::-ms-input-placeholder,
input[type='password']::-ms-input-placeholder,
input[type='date']::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #ddd;
  font-style: italic;
}

input[type='text']::placeholder,
input[type='number']::placeholder,
input[type='email']::placeholder,
input[type='password']::placeholder,
input[type='date']::placeholder,
select::placeholder,
textarea::placeholder {
  color: #ddd;
  font-style: italic;
}

textarea {
  min-height: 100px;
}

select {
  float: left;
}

input[type='submit'],
button,
submit,
.button,
.btn,
.fileuploader-input-button {
  background: #5990E0;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: bold;
  text-align: center;
  padding: 6px 24px;
  border-radius: 2px;
  cursor: pointer;
  border: none;
  -webkit-transition: all linear .15s;
  transition: all linear .15s;
  min-height: 48px;
  line-height: 36px;
  display: inline-block;
  font-size: 1.1em;
}

input[type='submit']:hover,
button:hover,
submit:hover,
.button:hover,
.btn:hover,
.fileuploader-input-button:hover {
  background: #2e73d8;
}

input[type='submit'].delete,
button.delete,
submit.delete,
.button.delete,
.btn.delete,
.fileuploader-input-button.delete {
  background: none !important;
  color: #cc0000 !important;
  border: none;
}

a.delete {
  color: #cc0000;
}

.form-group,
.inputgroup {
  width: 100%;
  margin-bottom: 12px;
  float: left;
}

.form-group label,
.inputgroup label {
  display: block;
  clear: both;
}

.form-group.checkboxes .checkbox,
.inputgroup.checkboxes .checkbox {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.form-group.checkboxes .checkbox input,
.inputgroup.checkboxes .checkbox input {
  width: auto;
  float: left;
}

.form-group.checkboxes .checkbox label,
.inputgroup.checkboxes .checkbox label {
  width: auto;
  margin-left: 6px;
}

label {
  color: #A1A1A1;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 5px;
}

.form-error {
  display: block;
  color: #cc0000;
  font-size: .9em;
  opacity: .6;
  clear: both;
}

form .chosen-container-single {
  width: 100% !important;
  max-width: 350px;
}

form .chosen-container-single .chosen-single {
  background: url(/images/arrow_down.svg) no-repeat top 50% right 17px;
  background-size: 13px 8px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-transition: all linear .35s;
  transition: all linear .35s;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #dadada;
  font-size: 1em;
  cursor: pointer;
  height: 48px;
  line-height: 32px;
  width: 100%;
  position: relative;
}

form .chosen-container-single .chosen-single:focus {
  outline: none;
  border: 1px solid #000;
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
}

form .chosen-container-single .chosen-single span {
  margin-right: 4px;
}

form .chosen-container-single .chosen-single div {
  display: none;
}

form .chosen-container-single .chosen-search input {
  max-width: none;
}

form .actions {
  float: right;
}

form td.actions {
  float: none;
}

.styled-select {
  float: left;
  width: 100%;
  max-width: 350px;
  height: 48px;
  overflow: hidden;
  background: url(/images/arrow_down.svg) no-repeat top 50% right 17px;
  background-size: 13px 8px;
  background-color: #fff;
}

.styled-select select {
  background: transparent;
  height: 100%;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  float: left;
  clear: both;
  padding: 0 35px 0 12px;
  border: 1px solid #dadada;
  font-size: 1em;
  cursor: pointer;
  border-radius: 2px;
  -webkit-transition: all linear .25s;
  transition: all linear .25s;
}

.styled-select select:focus {
  outline: none;
  border: 1px solid #000;
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
}

.styled-select select::-ms-expand {
  display: none;
}

.headerbar .input-group {
  float: left;
  margin: 0 9px 9px 0;
}

.headerbar .input-group label {
  clear: both;
  display: block;
}

.headerbar .styled-select {
  width: auto;
  margin: 0 !important;
}

.alert {
  float: left;
  padding: 6px 16px;
  background: #ccc;
  margin-bottom: 8px;
  color: #fff;
  border-radius: 4px;
  width: 100%;
}

.alert.alert-message {
  background: #00CC66;
}

.alert.alert-notice {
  background: #FFCC00;
}

.alert.alert-error,
.alert.alert-danger {
  background: #FD4000;
}

.alert ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pagination {
  float: right;
  padding: 0;
  margin: 12px 0;
  list-style: none;
}

.pagination li {
  margin-left: 4px;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-transition: all linear .15s;
  transition: all linear .15s;
  float: left;
}

.pagination li.active {
  background: #5990E0;
  color: #fff;
  border: 1px solid #5990E0;
}

.pagination li:hover {
  background: #2e73d8;
  border: 1px solid #5990E0;
}

.pagination li:hover a,
.pagination li:hover span {
  color: #fff;
}

.pagination li a,
.pagination li span {
  display: block;
  padding: 6px 10px;
  text-decoration: none;
}

.itemsperpage {
  float: right;
  clear: both;
}

.totalitems {
  line-height: 36px;
}

.fileuploader {
  float: left;
  margin: 0;
  width: 100%;
}

.fileuploader .fileuploader-input {
  float: left;
  width: 100%;
}

.fileuploader .fileuploader-input .fileuploader-input-caption {
  display: inline-block;
  padding: 0 12px;
  font-size: 1em;
  border: 1px solid #dadada;
  border-right: 0;
  height: 32px;
  line-height: 31px;
  width: 100%;
  max-width: 250px;
  color: #999;
  display: none;
}

\	
.fileuploader .fileuploader-input .fileuploader-input-button::before {
  font-family: FontAwesome;
  font-weight: 400;
  content: "\F093";
  font-size: 1.1em;
  -webkit-font-smoothing: antialiased;
  margin-right: 12px;
}

.fileuploader .fileuploader-items {
  float: left;
  width: 100%;
  margin: 12px 0 0 0;
}

.fileuploader .fileuploader-items .fileuploader-items-list {
  float: left;
  width: 100%;
  padding: 0;
  list-style: none;
  margin: 0;
}

.fileuploader .fileuploader-items .fileuploader-items-list li {
  float: left;
  width: 100%;
  border-top: 1px dotted #eee;
  padding: 24px 0;
  -webkit-transition: background linear .12s;
  transition: background linear .12s;
}

.fileuploader .fileuploader-items .fileuploader-items-list li:hover {
  background: #f9f9f9;
}

.fileuploader .fileuploader-items .fileuploader-items-list li.hasError {
  background: #FFCCCC;
  padding: 24px 8px;
}

.fileuploader .fileuploader-items .fileuploader-items-list li .columns {
  float: left;
  width: 100%;
}

.fileuploader .fileuploader-items .fileuploader-items-list li .columns .column-thumbnail {
  width: 32px;
  float: left;
}

.fileuploader .fileuploader-items .fileuploader-items-list li .columns .column-thumbnail .fileuploader-item-icon {
  text-align: center;
  color: #fff;
  font-size: .8em;
  height: 32px;
  line-height: 31px;
  border-radius: 3px;
}

.fileuploader .fileuploader-items .fileuploader-items-list li .columns .column-title {
  width: 70%;
  float: left;
  padding: 0 12px;
}

.fileuploader .fileuploader-items .fileuploader-items-list li .columns .column-title div.title {
  font-weight: bold;
  padding: 0;
  margin: 0;
  padding-bottom: 8px;
}

.fileuploader .fileuploader-items .fileuploader-items-list li .columns .column-title span.filesize {
  color: #888;
  font-size: .9em;
  width: 70px;
  display: inline-block;
}

.fileuploader .fileuploader-items .fileuploader-items-list li .columns .column-title span.filetype {
  color: #bbb;
  font-size: .9em;
  font-style: italic;
}

.fileuploader .fileuploader-items .fileuploader-items-list li .columns .column-title div.wide {
  float: left;
  width: 100%;
  margin: 12px 0 0 0;
}

.fileuploader .fileuploader-items .fileuploader-items-list li .columns .column-title div.wide span.info,
.fileuploader .fileuploader-items .fileuploader-items-list li .columns .column-title div.wide span.access {
  float: left;
  width: 47%;
  padding-right: 3%;
}

.fileuploader .fileuploader-items .fileuploader-items-list li .columns .column-actions {
  float: right;
}

.fileuploader .fileuploader-items .fileuploader-items-list li .columns .column-actions .fileuploader-action-remove::before {
  font-family: FontAwesome;
  font-weight: 900;
  content: "\F00D";
  font-size: 1.2em;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  color: #cc0000;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  display: inline-block;
}

.fileuploader .fileuploader-items .fileuploader-items-list li .progress-bar2 {
  float: right;
  width: 25%;
  border: 1px solid #ddd;
  background: #f8f8f8;
  border-radius: 10px;
  height: 22px;
  display: none;
}