/* VARIABLES                                                                                  VARIABLES */
/* ---------------------------------------------------------------------------------------------------- */
/* COLORS                                                                                        COLORS */
/* ---------------------------------------------------------------------------------------------------- */
/* FONTS                                                                                          FONTS */
/* ---------------------------------------------------------------------------------------------------- */
/* BORDERS                                                                                      BORDERS */
/* ---------------------------------------------------------------------------------------------------- */
/* SHADOWS                                                                                      SHADOWS */
/* ---------------------------------------------------------------------------------------------------- */
/* CURTAIN                                                                                      CURTAIN */
/* ---------------------------------------------------------------------------------------------------- */
/* MODULES                                                                                      MODULES */
/* ---------------------------------------------------------------------------------------------------- */
/* XCRUD                                                                                          XCRUD */
/* ---------------------------------------------------------------------------------------------------- */
/* HEADER                                                                                        HEADER */
/* ---------------------------------------------------------------------------------------------------- */
/* line 10, scss/_xcrud.scss */
.xcrud-ajax h2 {
  margin: 0;
}

/* LIST                                                                                            LIST */
/* ---------------------------------------------------------------------------------------------------- */
/* line 22, scss/_xcrud.scss */
.xcrud-list-container .table > tbody > tr > td,
.xcrud-list-container .table > tbody > tr > th {
  padding: 7px 8px 6px 8px;
}
/* line 26, scss/_xcrud.scss */
.xcrud-list-container .th {
  background-color: #fff;
}

/* line 36, scss/_xcrud.scss */
.xcrud-row td.hide-overflow {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 43, scss/_xcrud.scss */
.xcrud-row td .tag {
  display: inline-block;
  position: relative;
  top: 2px;
  padding: 1px 5px;
  font-size: 1rem;
  text-transform: uppercase;
  background-color: #e2e2e2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 58, scss/_xcrud.scss */
.xcrud-row td.xcrud-actions {
  padding: 6px 8px 6px 8px !important;
}
/* line 63, scss/_xcrud.scss */
.xcrud-row td.xcrud-actions .btn-group .btn {
  margin: 0;
  padding: 0 3px;
}
/* line 67, scss/_xcrud.scss */
.xcrud-row td.xcrud-actions .btn-group .btn i {
  top: 2px;
}
/* line 81, scss/_xcrud.scss */
.xcrud-row td.tag-warning .tag {
  color: #fff;
  background-color: #f0ad4e;
}

/* DETAILS                                                                                      DETAILS */
/* ---------------------------------------------------------------------------------------------------- */
/* line 93, scss/_xcrud.scss */
.xcrud-details {
  padding: 20px;
}

/* NAVIGATION                                                                                NAVIGATION */
/* ---------------------------------------------------------------------------------------------------- */
/* line 100, scss/_xcrud.scss */
.xcrud-nav {
  padding: 15px 19px 17px;
}
/* line 103, scss/_xcrud.scss */
.xcrud-nav .xcrud-search-toggle {
  margin-left: 15px;
}
/* line 107, scss/_xcrud.scss */
.xcrud-nav .xcrud-search {
  margin-left: 15px;
}
/* line 110, scss/_xcrud.scss */
.xcrud-nav .xcrud-search input, .xcrud-nav .xcrud-search select {
  width: 10%;
  margin: 0 -1px 0 0;
}
/* line 117, scss/_xcrud.scss */
.xcrud-nav .btn-primary {
  background-color: #00a65a;
  border-color: #008d4c;
}
/* line 121, scss/_xcrud.scss */
.xcrud-nav .btn-primary:hover {
  background-color: #008d4c;
  border-color: #398439;
}

/* BASICS                                                                                        BASICS */
/* ---------------------------------------------------------------------------------------------------- */
/* BODY                                                                                            BODY */
/* ---------------------------------------------------------------------------------------------------- */
/* line 5, scss/_body.scss */
body {
  font-family: "Lato", sans-serif;
  background-color: #e7eaeb;
}
/* line 9, scss/_body.scss */
body h1, body h2, body h3 {
  font-family: "Dosis", sans-serif;
  font-weight: 300;
}
/* line 14, scss/_body.scss */
body h1 {
  font-weight: 400;
}

/* FORMS                                                                                          FORMS */
/* ---------------------------------------------------------------------------------------------------- */
/* line 5, scss/_forms.scss */
input[type="text"], .form-control {
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  border-radius: 2px !important;
  background-clip: padding-box;
}

/* line 9, scss/_forms.scss */
label {
  font-weight: normal;
}

/* line 13, scss/_forms.scss */
.form-group:last-child {
  margin-bottom: 0;
}

/* ICHECK                                                                                        ICHECK */
/* ---------------------------------------------------------------------------------------------------- */
/* line 20, scss/_forms.scss */
.icheckbox_square-blue {
  margin-right: 8px;
}

/* LOGIN                                                                                          LOGIN */
/* ---------------------------------------------------------------------------------------------------- */
/* line 5, scss/_login.scss */
.login-page, .register-page {
  background-color: #e7eaeb;
}
/* line 8, scss/_login.scss */
.login-page .login-logo, .register-page .login-logo {
  font-family: "Dosis", sans-serif;
}
/* line 12, scss/_login.scss */
.login-page .login-box-body, .register-page .login-box-body {
  margin-bottom: 20px;
  color: #616f77;
}
/* line 17, scss/_login.scss */
.login-page .checkbox, .register-page .checkbox {
  margin-top: 7px;
}
/* line 23, scss/_login.scss */
.login-page .btn-area div, .register-page .btn-area div {
  height: 34px;
}

/* SYNTH SKIN                                                                                SYNTH SKIN */
/* ---------------------------------------------------------------------------------------------------- */
/* line 7, scss/_skin.scss */
.skin-synth hr {
  border-color: #e7eaeb;
}
/* line 11, scss/_skin.scss */
.skin-synth .note {
  padding-top: 15px;
  color: #95a2a9;
}
/* line 19, scss/_skin.scss */
.skin-synth .main-header {
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
/* line 23, scss/_skin.scss */
.skin-synth .main-header .navbar-toggle {
  color: #333;
}
/* line 27, scss/_skin.scss */
.skin-synth .main-header .navbar-brand {
  color: #333;
  border-right: 1px solid #eee;
}
/* line 32, scss/_skin.scss */
.skin-synth .main-header > .logo {
  font-family: "Dosis", sans-serif;
  background-color: #493d55;
  color: white;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 38, scss/_skin.scss */
.skin-synth .main-header > .logo:hover {
  background: #3b3144;
}
/* line 42, scss/_skin.scss */
.skin-synth .main-header > .logo > a {
  color: #cbc7cf;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 49, scss/_skin.scss */
.skin-synth .main-header > .navbar {
  background-color: #493d55;
}
/* line 54, scss/_skin.scss */
.skin-synth .main-header > .navbar .nav > li > a {
  color: #cbc7cf;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 64, scss/_skin.scss */
.skin-synth .main-header > .navbar .nav > li > a:hover,
.skin-synth .main-header > .navbar .nav > li > a:active,
.skin-synth .main-header > .navbar .nav > li > a:focus,
.skin-synth .main-header > .navbar .nav .open > a,
.skin-synth .main-header > .navbar .nav .open > a:hover,
.skin-synth .main-header > .navbar .nav .open > a:focus {
  background: #3b3144;
  color: white;
}
/* line 73, scss/_skin.scss */
.skin-synth .main-header > .sidebar-toggle {
  color: #cbc7cf;
}
/* line 77, scss/_skin.scss */
.skin-synth .main-header .sidebar-toggle {
  padding: 15px 23px;
  color: #cbc7cf;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 83, scss/_skin.scss */
.skin-synth .main-header .sidebar-toggle:hover {
  color: white;
  background: #3b3144;
}
/* line 90, scss/_skin.scss */
.skin-synth .main-header .navbar-custom-menu {
  margin-right: 0;
}
/* line 93, scss/_skin.scss */
.skin-synth .main-header .navbar-custom-menu li a {
  padding-left: 23px;
  padding-right: 23px;
}
/* line 97, scss/_skin.scss */
.skin-synth .main-header .navbar-custom-menu li a i.fa {
  margin-right: 10px;
}
/* line 112, scss/_skin.scss */
.skin-synth .main-sidebar,
.skin-synth .left-side,
.skin-synth .wrapper {
  background: #493d55;
}
/* line 118, scss/_skin.scss */
.skin-synth .sidebar a:hover {
  text-decoration: none;
}
/* line 124, scss/_skin.scss */
.skin-synth .sidebar > .sidebar-menu a {
  color: #cbc7cf;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 128, scss/_skin.scss */
.skin-synth .sidebar > .sidebar-menu a i {
  margin-right: 10px;
}
/* line 134, scss/_skin.scss */
.skin-synth .sidebar > .sidebar-menu > li.header {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-transform: uppercase;
  color: #8d8198;
  background: #3b3144;
}
/* line 144, scss/_skin.scss */
.skin-synth .sidebar > .sidebar-menu > li > a:hover {
  color: white;
  background: #3b3144;
}
/* line 151, scss/_skin.scss */
.skin-synth .sidebar > .sidebar-menu > li.active > a {
  color: white;
  background: #db0000;
}
/* line 156, scss/_skin.scss */
.skin-synth .sidebar > .sidebar-menu > li > .treeview-menu {
  background: #333;
}
/* line 164, scss/_skin.scss */
.skin-synth .treeview-menu > li > a {
  color: #ccc;
}
/* line 169, scss/_skin.scss */
.skin-synth .treeview-menu > li.active > a,
.skin-synth .treeview-menu > li > a:hover {
  color: #fff;
}
/* line 176, scss/_skin.scss */
.skin-synth .content-wrapper {
  background-color: #e7eaeb;
}
/* line 183, scss/_skin.scss */
.skin-synth .main-footer {
  text-align: center;
  color: #95a2a9;
  background-color: #e7eaeb;
  border: none;
}
/* line 189, scss/_skin.scss */
.skin-synth .main-footer a {
  color: #95a2a9;
}
/* line 192, scss/_skin.scss */
.skin-synth .main-footer a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  /* line 208, scss/_skin.scss */
  .skin-black .main-header > .logo {
    background-color: #222222;
    color: #ffffff;
    border-bottom: 0px solid transparent;
    border-right: none;
  }

  /* line 214, scss/_skin.scss */
  .skin-black .main-header > .logo > a {
    color: #ffffff;
  }

  /* line 217, scss/_skin.scss */
  .skin-black .main-header > .logo:hover {
    background: #1f1f1f;
  }
}
/* line 224, scss/_skin.scss */
.skin-black .main-header li.user-header {
  background-color: #222;
}

/* line 227, scss/_skin.scss */
.skin-black .content-header {
  background: transparent;
  box-shadow: none;
}

/* line 231, scss/_skin.scss */
.skin-black .user-panel > .image > img {
  border: 1px solid #444;
}

/* line 235, scss/_skin.scss */
.skin-black .user-panel > .info,
.skin-black .user-panel > .info > a {
  color: #eee;
}

/* line 247, scss/_skin.scss */
.skin-black .sidebar-form {
  border-radius: 3px;
  border: 1px solid #3c3c3c;
  margin: 10px 10px;
}

/* line 253, scss/_skin.scss */
.skin-black .sidebar-form input[type="text"],
.skin-black .sidebar-form .btn {
  box-shadow: none;
  background-color: #3c3c3c;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  -o-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
}

/* line 262, scss/_skin.scss */
.skin-black .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 2px !important;
}

/* line 270, scss/_skin.scss */
.skin-black .sidebar-form input[type="text"]:focus,
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}

/* line 274, scss/_skin.scss */
.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}

/* line 277, scss/_skin.scss */
.skin-black .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 0 !important;
}

/* BUTTONS                                                                                      BUTTONS */
/* ---------------------------------------------------------------------------------------------------- */
/* line 5, scss/_buttons.scss */
.btn {
  padding: 5px 12px 7px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 10, scss/_buttons.scss */
.btn.active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 14, scss/_buttons.scss */
.btn.btn-default {
  background-color: white;
  border: 1px solid #e4e7e9;
}
/* line 18, scss/_buttons.scss */
.btn.btn-default.active {
  background-color: #f2f3f4;
}
/* line 22, scss/_buttons.scss */
.btn.btn-default:hover, .btn.btn-default:active {
  background-color: #fafbfc;
}
/* line 28, scss/_buttons.scss */
.btn.btn-hi-red {
  background-color: #db0000;
  color: #fff;
  border: 1px solid #a10000;
}
/* line 33, scss/_buttons.scss */
.btn.btn-hi-red:hover {
  background-color: #a10000;
  border: 1px solid #810000;
}
/* line 39, scss/_buttons.scss */
.btn.btn-light {
  background-color: #dedede;
  color: #6b6b6b;
  border: 1px solid #ccc;
}
/* line 44, scss/_buttons.scss */
.btn.btn-light.disabled {
  background-color: #6b6b6b;
  color: #dedede;
}
/* line 49, scss/_buttons.scss */
.btn.btn-light:hover, .btn.btn-light:active {
  background-color: #c3c3c3;
}

/* HEADER BUTTONS                                                                        HEADER BUTTONS */
/* ---------------------------------------------------------------------------------------------------- */
/* line 62, scss/_buttons.scss */
.header-buttons .btn {
  padding: 8px 20px 12px;
  color: #95a2a9;
  background-color: white;
  border: none;
  border-left: 1px solid #e7eaeb;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 70, scss/_buttons.scss */
.header-buttons .btn:hover {
  color: #616f77;
  background-color: #f7f8f9 !important;
  border: none;
  border-left: 1px solid #e7eaeb;
}
/* line 77, scss/_buttons.scss */
.header-buttons .btn i {
  position: relative;
  top: 5px;
  margin-right: 11px;
  font-size: 20px;
}

/* ALERTS                                                                                        ALERTS */
/* ---------------------------------------------------------------------------------------------------- */
/* line 5, scss/_alerts.scss */
.alert {
  padding: 10px 15px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
}

/* line 10, scss/_alerts.scss */
.alert-dismissable .close, .alert-dismissible .close {
  top: -7px;
  right: -7px;
}

/* INFO BOX                                                                                    INFO BOX */
/* ---------------------------------------------------------------------------------------------------- */
/* line 18, scss/_alerts.scss */
.info-box {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 21, scss/_alerts.scss */
.info-box .info-box-content {
  padding: 7px 14px;
}
/* line 24, scss/_alerts.scss */
.info-box .info-box-content h3 {
  margin: 0;
  font-size: 2.7rem;
  font-weight: 600;
}
/* line 30, scss/_alerts.scss */
.info-box .info-box-content .info-box-number {
  font-weight: 300;
}

/* CONTENT                                                                                      CONTENT */
/* ---------------------------------------------------------------------------------------------------- */
/* line 7, scss/_content.scss */
.content-wrapper .content-header {
  padding: 14px 20px 0 20px;
  color: #616f77;
}
/* line 11, scss/_content.scss */
.content-wrapper .content-header h1 {
  font-size: 3.1rem;
}
/* line 17, scss/_content.scss */
.content-wrapper .content {
  padding: 20px;
}
/* line 21, scss/_content.scss */
.content-wrapper .card {
  color: #616f77;
  background-color: white;
  /* BOTTOM ACTIONS                                                                        BOTTOM ACTIONS */
  /* ---------------------------------------------------------------------------------------------------- */
}
/* line 25, scss/_content.scss */
.content-wrapper .card .card-header {
  border-bottom: 1px solid #e7eaeb;
}
/* line 28, scss/_content.scss */
.content-wrapper .card .card-header h2 {
  display: inline-block;
  padding: 10px 15px;
  font-size: 2.3rem;
  font-weight: 600;
}
/* line 34, scss/_content.scss */
.content-wrapper .card .card-header h2 .subtitle {
  font-size: 2.3rem;
  font-weight: 400;
}
/* line 46, scss/_content.scss */
.content-wrapper .card .bottom-actions {
  padding: 20px;
  text-align: center;
  background-color: #f7f7f7;
}
/* line 51, scss/_content.scss */
.content-wrapper .card .bottom-actions .btn {
  margin-right: 10px;
  margin-left: 10px;
}
