/* here you can put your own css to customize and override the theme */
.btn.green:not(.btn-outline),
.btn-success,
.dashboard-stat.green, .portlet.light > .portlet-title > .actions .btn-steps .btn-play, .toggle-switch .switch-left {
  background-color: #196e8f;
  border-color: #196e8f; }

.jk-rating-stars-container .button {
  cursor: pointer; }

.jk-rating-stars-container .button .material-icons {
  font-size: 30px; }

.jk-rating-stars-container .star-button {
  text-shadow: 0.06em .04em #000000; }

.jk-rating-stars-container .star-button.star-on .material-icons {
  color: #337ab7; }

.jk-rating-stars-container .star-button.star-off .material-icons {
  color: #ddd; }

.jk-rating-stars-container[read-only="true"] .button {
  cursor: default; }

.page-header.navbar {
  background-color: #fff; }
  .page-header.navbar .page-logo > a > img {
    height: auto;
    margin-top: 7px !Important;
    width: 170px; }

.card-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }

.card {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  padding: 2%;
  margin-left: 2%;
  margin-top: 2%;
  min-height: 15%; }

.card:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); }

.drop-box {
  background: #F8F8F8;
  border: 5px dashed #DDD;
  width: 95%;
  height: 80px;
  text-align: center;
  padding: 5%;
  margin: 10px; }

.dragover {
  border: 5px dashed blue; }

.page-sidebar .sidebar-search .input-group .form-control,
.page-sidebar .sidebar-search .input-group span {
  background-color: #fff;
  border-color: #fff; }

.page-header.navbar .menu-toggler > span {
  background: #c6cfda; }
  .page-header.navbar .menu-toggler > span:before, .page-header.navbar .menu-toggler > span:after {
    background: #c6cfda; }

.btn.green:not(.btn-outline),
.btn-success,
.dashboard-stat.green {
  color: #fff; }

.langname,
.username {
  color: #79869a !Important; }

.ui-select-match-text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 40px; }

.ui-select-toggle > .btn.btn-link {
  margin-right: 10px;
  top: 6px;
  position: absolute;
  right: 10px; }

.portlet-steps {
  border: none !Important;
  margin-bottom: 0; }

.i-helper {
  left: 1.5%; }

.i-radio-helper {
  left: 3.5%; }

.btn.m-btn--pill {
  -webkit-border-radius: 60px !Important;
  -moz-border-radius: 60px !Important;
  -ms-border-radius: 60px !Important;
  -o-border-radius: 60px !Important;
  border-radius: 60px !Important; }

.mt-5 {
  margin-top: 5px !Important; }

.pt-5 {
  padding-top: 5px !Important; }

.mb-5 {
  margin-bottom: 5px !Important; }

.pb-5 {
  padding-bottom: 5px !Important; }

.ml-5 {
  margin-left: 5px !Important; }

.pl-5 {
  padding-left: 5px !Important; }

.mr-5 {
  margin-right: 5px !Important; }

.pr-5 {
  padding-right: 5px !Important; }

.mt-10 {
  margin-top: 10px !Important; }

.pt-10 {
  padding-top: 10px !Important; }

.mb-10 {
  margin-bottom: 10px !Important; }

.pb-10 {
  padding-bottom: 10px !Important; }

.ml-10 {
  margin-left: 10px !Important; }

.pl-10 {
  padding-left: 10px !Important; }

.mr-10 {
  margin-right: 10px !Important; }

.pr-10 {
  padding-right: 10px !Important; }

.mt-15 {
  margin-top: 15px !Important; }

.pt-15 {
  padding-top: 15px !Important; }

.mb-15 {
  margin-bottom: 15px !Important; }

.pb-15 {
  padding-bottom: 15px !Important; }

.ml-15 {
  margin-left: 15px !Important; }

.pl-15 {
  padding-left: 15px !Important; }

.mr-15 {
  margin-right: 15px !Important; }

.pr-15 {
  padding-right: 15px !Important; }

.mt-20 {
  margin-top: 20px !Important; }

.pt-20 {
  padding-top: 20px !Important; }

.mb-20 {
  margin-bottom: 20px !Important; }

.pb-20 {
  padding-bottom: 20px !Important; }

.ml-20 {
  margin-left: 20px !Important; }

.pl-20 {
  padding-left: 20px !Important; }

.mr-20 {
  margin-right: 20px !Important; }

.pr-20 {
  padding-right: 20px !Important; }

.mt-25 {
  margin-top: 25px !Important; }

.pt-25 {
  padding-top: 25px !Important; }

.mb-25 {
  margin-bottom: 25px !Important; }

.pb-25 {
  padding-bottom: 25px !Important; }

.ml-25 {
  margin-left: 25px !Important; }

.pl-25 {
  padding-left: 25px !Important; }

.mr-25 {
  margin-right: 25px !Important; }

.pr-25 {
  padding-right: 25px !Important; }

.mt-30 {
  margin-top: 30px !Important; }

.pt-30 {
  padding-top: 30px !Important; }

.mb-30 {
  margin-bottom: 30px !Important; }

.pb-30 {
  padding-bottom: 30px !Important; }

.ml-30 {
  margin-left: 30px !Important; }

.pl-30 {
  padding-left: 30px !Important; }

.mr-30 {
  margin-right: 30px !Important; }

.pr-30 {
  padding-right: 30px !Important; }

.mt-35 {
  margin-top: 35px !Important; }

.pt-35 {
  padding-top: 35px !Important; }

.mb-35 {
  margin-bottom: 35px !Important; }

.pb-35 {
  padding-bottom: 35px !Important; }

.ml-35 {
  margin-left: 35px !Important; }

.pl-35 {
  padding-left: 35px !Important; }

.mr-35 {
  margin-right: 35px !Important; }

.pr-35 {
  padding-right: 35px !Important; }

.mt-40 {
  margin-top: 40px !Important; }

.pt-40 {
  padding-top: 40px !Important; }

.mb-40 {
  margin-bottom: 40px !Important; }

.pb-40 {
  padding-bottom: 40px !Important; }

.ml-40 {
  margin-left: 40px !Important; }

.pl-40 {
  padding-left: 40px !Important; }

.mr-40 {
  margin-right: 40px !Important; }

.pr-40 {
  padding-right: 40px !Important; }

.mt-45 {
  margin-top: 45px !Important; }

.pt-45 {
  padding-top: 45px !Important; }

.mb-45 {
  margin-bottom: 45px !Important; }

.pb-45 {
  padding-bottom: 45px !Important; }

.ml-45 {
  margin-left: 45px !Important; }

.pl-45 {
  padding-left: 45px !Important; }

.mr-45 {
  margin-right: 45px !Important; }

.pr-45 {
  padding-right: 45px !Important; }

.mt-50 {
  margin-top: 50px !Important; }

.pt-50 {
  padding-top: 50px !Important; }

.mb-50 {
  margin-bottom: 50px !Important; }

.pb-50 {
  padding-bottom: 50px !Important; }

.ml-50 {
  margin-left: 50px !Important; }

.pl-50 {
  padding-left: 50px !Important; }

.mr-50 {
  margin-right: 50px !Important; }

.pr-50 {
  padding-right: 50px !Important; }

.mt-55 {
  margin-top: 55px !Important; }

.pt-55 {
  padding-top: 55px !Important; }

.mb-55 {
  margin-bottom: 55px !Important; }

.pb-55 {
  padding-bottom: 55px !Important; }

.ml-55 {
  margin-left: 55px !Important; }

.pl-55 {
  padding-left: 55px !Important; }

.mr-55 {
  margin-right: 55px !Important; }

.pr-55 {
  padding-right: 55px !Important; }

.mt-75 {
  margin-top: 75px !Important; }

.pt-75 {
  padding-top: 75px !Important; }

.mb-75 {
  margin-bottom: 75px !Important; }

.pb-75 {
  padding-bottom: 75px !Important; }

.ml-75 {
  margin-left: 75px !Important; }

.pl-75 {
  padding-left: 75px !Important; }

.mr-75 {
  margin-right: 75px !Important; }

.pr-75 {
  padding-right: 75px !Important; }

.mt-100 {
  margin-top: 100px !Important; }

.pt-100 {
  padding-top: 100px !Important; }

.mb-100 {
  margin-bottom: 100px !Important; }

.pb-100 {
  padding-bottom: 100px !Important; }

.ml-100 {
  margin-left: 100px !Important; }

.pl-100 {
  padding-left: 100px !Important; }

.mr-100 {
  margin-right: 100px !Important; }

.pr-100 {
  padding-right: 100px !Important; }

@media screen and (max-width: 992px) {
  .m-sm-t-5 {
    margin-top: 5px !Important; }
  .p-sm-t-5 {
    padding-top: 5px !Important; }
  .m-sm-b-5 {
    margin-bottom: 5px !Important; }
  .p-sm-b-5 {
    padding-bottom: 5px !Important; }
  .m-sm-l-5 {
    margin-left: 5px !Important; }
  .p-sm-l-5 {
    padding-left: 5px !Important; }
  .m-sm-r-5 {
    margin-right: 5px !Important; }
  .p-sm-r-5 {
    padding-right: 5px !Important; }
  .m-sm-t-10 {
    margin-top: 10px !Important; }
  .p-sm-t-10 {
    padding-top: 10px !Important; }
  .m-sm-b-10 {
    margin-bottom: 10px !Important; }
  .p-sm-b-10 {
    padding-bottom: 10px !Important; }
  .m-sm-l-10 {
    margin-left: 10px !Important; }
  .p-sm-l-10 {
    padding-left: 10px !Important; }
  .m-sm-r-10 {
    margin-right: 10px !Important; }
  .p-sm-r-10 {
    padding-right: 10px !Important; }
  .m-sm-t-15 {
    margin-top: 15px !Important; }
  .p-sm-t-15 {
    padding-top: 15px !Important; }
  .m-sm-b-15 {
    margin-bottom: 15px !Important; }
  .p-sm-b-15 {
    padding-bottom: 15px !Important; }
  .m-sm-l-15 {
    margin-left: 15px !Important; }
  .p-sm-l-15 {
    padding-left: 15px !Important; }
  .m-sm-r-15 {
    margin-right: 15px !Important; }
  .p-sm-r-15 {
    padding-right: 15px !Important; }
  .m-sm-t-20 {
    margin-top: 20px !Important; }
  .p-sm-t-20 {
    padding-top: 20px !Important; }
  .m-sm-b-20 {
    margin-bottom: 20px !Important; }
  .p-sm-b-20 {
    padding-bottom: 20px !Important; }
  .m-sm-l-20 {
    margin-left: 20px !Important; }
  .p-sm-l-20 {
    padding-left: 20px !Important; }
  .m-sm-r-20 {
    margin-right: 20px !Important; }
  .p-sm-r-20 {
    padding-right: 20px !Important; }
  .m-sm-t-25 {
    margin-top: 25px !Important; }
  .p-sm-t-25 {
    padding-top: 25px !Important; }
  .m-sm-b-25 {
    margin-bottom: 25px !Important; }
  .p-sm-b-25 {
    padding-bottom: 25px !Important; }
  .m-sm-l-25 {
    margin-left: 25px !Important; }
  .p-sm-l-25 {
    padding-left: 25px !Important; }
  .m-sm-r-25 {
    margin-right: 25px !Important; }
  .p-sm-r-25 {
    padding-right: 25px !Important; }
  .m-sm-t-30 {
    margin-top: 30px !Important; }
  .p-sm-t-30 {
    padding-top: 30px !Important; }
  .m-sm-b-30 {
    margin-bottom: 30px !Important; }
  .p-sm-b-30 {
    padding-bottom: 30px !Important; }
  .m-sm-l-30 {
    margin-left: 30px !Important; }
  .p-sm-l-30 {
    padding-left: 30px !Important; }
  .m-sm-r-30 {
    margin-right: 30px !Important; }
  .p-sm-r-30 {
    padding-right: 30px !Important; }
  .m-sm-t-35 {
    margin-top: 35px !Important; }
  .p-sm-t-35 {
    padding-top: 35px !Important; }
  .m-sm-b-35 {
    margin-bottom: 35px !Important; }
  .p-sm-b-35 {
    padding-bottom: 35px !Important; }
  .m-sm-l-35 {
    margin-left: 35px !Important; }
  .p-sm-l-35 {
    padding-left: 35px !Important; }
  .m-sm-r-35 {
    margin-right: 35px !Important; }
  .p-sm-r-35 {
    padding-right: 35px !Important; }
  .m-sm-t-40 {
    margin-top: 40px !Important; }
  .p-sm-t-40 {
    padding-top: 40px !Important; }
  .m-sm-b-40 {
    margin-bottom: 40px !Important; }
  .p-sm-b-40 {
    padding-bottom: 40px !Important; }
  .m-sm-l-40 {
    margin-left: 40px !Important; }
  .p-sm-l-40 {
    padding-left: 40px !Important; }
  .m-sm-r-40 {
    margin-right: 40px !Important; }
  .p-sm-r-40 {
    padding-right: 40px !Important; }
  .m-sm-t-45 {
    margin-top: 45px !Important; }
  .p-sm-t-45 {
    padding-top: 45px !Important; }
  .m-sm-b-45 {
    margin-bottom: 45px !Important; }
  .p-sm-b-45 {
    padding-bottom: 45px !Important; }
  .m-sm-l-45 {
    margin-left: 45px !Important; }
  .p-sm-l-45 {
    padding-left: 45px !Important; }
  .m-sm-r-45 {
    margin-right: 45px !Important; }
  .p-sm-r-45 {
    padding-right: 45px !Important; }
  .m-sm-t-50 {
    margin-top: 50px !Important; }
  .p-sm-t-50 {
    padding-top: 50px !Important; }
  .m-sm-b-50 {
    margin-bottom: 50px !Important; }
  .p-sm-b-50 {
    padding-bottom: 50px !Important; }
  .m-sm-l-50 {
    margin-left: 50px !Important; }
  .p-sm-l-50 {
    padding-left: 50px !Important; }
  .m-sm-r-50 {
    margin-right: 50px !Important; }
  .p-sm-r-50 {
    padding-right: 50px !Important; }
  .m-sm-t-55 {
    margin-top: 55px !Important; }
  .p-sm-t-55 {
    padding-top: 55px !Important; }
  .m-sm-b-55 {
    margin-bottom: 55px !Important; }
  .p-sm-b-55 {
    padding-bottom: 55px !Important; }
  .m-sm-l-55 {
    margin-left: 55px !Important; }
  .p-sm-l-55 {
    padding-left: 55px !Important; }
  .m-sm-r-55 {
    margin-right: 55px !Important; }
  .p-sm-r-55 {
    padding-right: 55px !Important; }
  .m-sm-t-75 {
    margin-top: 75px !Important; }
  .p-sm-t-75 {
    padding-top: 75px !Important; }
  .m-sm-b-75 {
    margin-bottom: 75px !Important; }
  .p-sm-b-75 {
    padding-bottom: 75px !Important; }
  .m-sm-l-75 {
    margin-left: 75px !Important; }
  .p-sm-l-75 {
    padding-left: 75px !Important; }
  .m-sm-r-75 {
    margin-right: 75px !Important; }
  .p-sm-r-75 {
    padding-right: 75px !Important; }
  .m-sm-t-100 {
    margin-top: 100px !Important; }
  .p-sm-t-100 {
    padding-top: 100px !Important; }
  .m-sm-b-100 {
    margin-bottom: 100px !Important; }
  .p-sm-b-100 {
    padding-bottom: 100px !Important; }
  .m-sm-l-100 {
    margin-left: 100px !Important; }
  .p-sm-l-100 {
    padding-left: 100px !Important; }
  .m-sm-r-100 {
    margin-right: 100px !Important; }
  .p-sm-r-100 {
    padding-right: 100px !Important; } }

.w-5 {
  width: 5% !Important; }

.w-10 {
  width: 10% !Important; }

.w-15 {
  width: 15% !Important; }

.w-20 {
  width: 20% !Important; }

.w-25 {
  width: 25% !Important; }

.w-30 {
  width: 30% !Important; }

.w-35 {
  width: 35% !Important; }

.w-40 {
  width: 40% !Important; }

.w-45 {
  width: 45% !Important; }

.w-50 {
  width: 50% !Important; }

.w-55 {
  width: 55% !Important; }

.w-60 {
  width: 60% !Important; }

.w-65 {
  width: 65% !Important; }

.w-70 {
  width: 70% !Important; }

.w-75 {
  width: 75% !Important; }

.w-80 {
  width: 80% !Important; }

.w-85 {
  width: 85% !Important; }

.w-90 {
  width: 90% !Important; }

.w-95 {
  width: 95% !Important; }

.w-100 {
  width: 100% !Important; }

.dashboard-stat .details .number {
  font-size: 22px; }

.dashboard-stat .visual > i {
  font-size: 45px; }

.rzslider .rz-pointer {
  border-radius: 16px !important;
  background-color: #337ab7; }

.caption-block {
  display: inline-block;
  margin-left: 10%; }

radio-label-vertical-wrapper {
  padding-bottom: 13px;
  position: relative;
  display: inline-block;
  margin-bottom: 20px; }

.radio-label-vertical-wrapper:before {
  display: block;
  height: 30px;
  bottom: 0; }

.radio-label-vertical-wrapper label:not(.radio-label-vertical) {
  display: block;
  width: 100%; }

.radio-label-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 7px;
  text-align: center; }

.radio-label-vertical input {
  position: absolute;
  top: 28px;
  left: 50%;
  margin-left: -6px;
  display: block;
  cursor: pointer; }

@media (min-width: 992px) {
  .ui-fix {
    margin-left: 4px;
    width: calc(58.33333% - 15px); } }

@media (max-width: 992px) {
  .ui-label-fix {
    margin-left: 15px; }
  .ui-fix {
    margin-left: 15px;
    width: calc(100% - 30px); } }

@media (max-width: 576px) {
  .ui-fix {
    margin-left: 15px;
    width: 92.5%; } }

.page-content-white .page-bar .page-breadcrumb > li > a {
  color: #196e8f; }

.disable-event {
  pointer-events: none; }

.edatask-loader-container {
  position: fixed;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.2); }

.edatask-loader {
  width: 100px;
  top: 40%;
  left: 50%;
  position: absolute;
  z-index: 10000; }

.header-text {
  color: #337ab7;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  top: 3px; }

.history-label {
  font-size: 18px;
  position: relative;
  top: 5px; }

.history-list {
  margin-left: 33%;
  position: relative;
  bottom: 23px;
  left: 5px; }

@media screen and (max-width: 1300px) {
  .history-list {
    left: 25px; } }

.text-area-limit {
  min-width: 250px;
  min-height: 50px; }

.done > p {
  color: #26C281; }

.portlet.light.bordered {
  border: 1px solid #ccc !important; }

.portlet.light.bordered > .portlet-title {
  border-bottom: 1px solid #ccc; }

.no-transformer {
  -o-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important; }

.bg-warning {
  /*background-color: #fcf8e3;*/
  background-color: #f7ecb5 !important; }

.bg-danger {
  /*background-color: #f2dede;*/
  background-color: #e4b9b9 !important; }

.bg-success {
  /*background-color: #dff0d8;*/
  background-color: rgba(11, 186, 12, 0.74) !important; }

.pointer {
  cursor: pointer; }

.label-green {
  background-color: #449d44; }

.label-archived {
  background-color: orchid; }

.label-inreview {
  background-color: #ffc000; }

.label-suspended {
  background-color: #c5cede; }

.label-rejected {
  background-color: #ed7d31; }

.ui-select-toggle {
  display: flex;
  justify-content: space-between; }

.ui-select-multiple .ui-select-match-item {
  max-width: 100%;
  white-space: pre-line; }

.form-control-static {
  padding-top: 0px;
  margin-top: 1px; }

.dashboard-stat2 .display .number small {
  font-size: 13px; }