fonts*/ @font-face {
  font-family: "lato";
  src: url("../fonts/lato/lato-light-webfont.eot");
  src: url("../fonts/lato/lato-light-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/lato/lato-light-webfont.woff2") format("woff2"),
    url("../fonts/lato/lato-light-webfont.woff") format("woff"),
    url("../fonts/lato/lato-light-webfont.ttf") format("truetype"),
    url("../fonts/lato/lato-light-webfont.svg#latolight") format("svg");
  font-weight: 200;
}

@font-face {
  font-family: "lato";
  src: url("../fonts/lato/lato-regular-webfont.eot");
  src: url("../fonts/lato/lato-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/lato/lato-regular-webfont.woff2") format("woff2"),
    url("../fonts/lato/lato-regular-webfont.woff") format("woff"),
    url("../fonts/lato/lato-regular-webfont.ttf") format("truetype"),
    url("../fonts/lato/lato-regular-webfont.svg#latoregular") format("svg");
  font-weight: 400;
}

@font-face {
  font-family: "lato";
  src: url("../fonts/lato/lato-bold-webfont.eot");
  src: url("../fonts/lato/lato-bold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/lato/lato-bold-webfont.woff2") format("woff2"),
    url("../fonts/lato/lato-bold-webfont.woff") format("woff"),
    url("../fonts/lato/lato-bold-webfont.ttf") format("truetype"),
    url("../fonts/lato/lato-bold-webfont.svg#latobold") format("svg");
  font-weight: 600;
}

/*icons*/

@font-face {
  font-family: "tripplanner";
  src: url("../fonts/icons/tripplanner.eot?hdm0k8");
  src: url("../fonts/icons/tripplanner.eot?hdm0k8#iefix")
      format("embedded-opentype"),
    url("../fonts/icons/tripplanner.ttf?hdm0k8") format("truetype"),
    url("../fonts/icons/tripplanner.woff?hdm0k8") format("woff"),
    url("../fonts/icons/tripplanner.svg?hdm0k8#tripplanner") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="trip-"],
[class*=" trip-"] {
  font-family: "tripplanner" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.trip-add-trip:before {
  content: "\e909";
}

.trip-trip:before {
  content: "\e90a";
}

.trip-activity:before {
  content: "\e900";
}

.trip-approved:before {
  content: "\e901";
}

.trip-checklist:before {
  content: "\e902";
}

.trip-contractor:before {
  content: "\e903";
}

.trip-dashboard:before {
  content: "\e904";
}

.trip-ilness:before {
  content: "\e905";
}

.trip-pending:before {
  content: "\e906";
}

.trip-staff:before {
  content: "\e907";
}

.trip-students:before {
  content: "\e908";
}

/*end icons*/

/*end fonts*/

.cursor-default {
  cursor: default !important;
}

/*Defaults*/

:focus {
  outline: none;
}

body {
  font-family: "Lato";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: none;
  background: #f1f1f1;
  color: #2e3137;
}

a {
  color: #1ab394;
  cursor: pointer;
}

a:focus,
a:hover {
  color: #16a588;
  text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5 {
  font-weight: 400;
}

.jumbotron h1 {
  font-size: 40px;
}

/*:not(.fileinput-remove).btn-default {
    background: #1ab394;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 12px;
    border-radius: 3px;
    height: 40px;
}*/

:not(.fileinput-upload).btn-default {
  background: #1ab394;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding: 8px 12px;
  border-radius: 3px;
  height: 40px;
}

/*:not(.fileinput-upload).btn-default {
    background: #1ab394;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 12px;
    border-radius: 3px;
    height: 40px;
}*/

.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-default:active:focus,
.btn-file:hover,
.btn-file:active,
.btn-file:focus,
.btn-file:active:focus {
  background: #16a588 !important;
  outline: none;
  color: #fff !important;
}

.btn-default.delete {
  background: #ec7272;
  height: 45px;
  padding: 9px 12px;
  margin-top: 0px;
  width: 100%;
  font-size: 20px;
  max-width: 45px;
}

.btn-default.delete-itinerary {
  background: #ec7272;
  height: 45px;
  padding: 9px 12px;
  margin-top: 22px;
  width: 100%;
  font-size: 20px;
  max-width: 45px;
}

.btn-default.delete:hover,
.btn-default.delete:active,
.btn-default.delete:focus,
.btn-default.delete-itinerary:hover,
.btn-default.delete-itinerary:active,
.btn-default.delete-itinerary:focus {
  background: #e26969 !important;
}

.btn-default.add-new,
.btn-default.add-new-teacher-activity,
.btn-default.add-itinerary,
.delete-teacher-activity {
  width: 100%;
  margin-top: 22px;
  padding: 9px 12px;
  height: 45px;
  font-size: 20px;
  max-width: 45px;
}

.modal-footer .btn-default,
.foot .btn-default {
  min-width: 120px;
}

.modal-footer .btn-conf,
.foot .btn-conf {
  width: 100px;
  padding: 10px 12px;
}

.form-group.foot,
.form-group .foot {
  margin-bottom: 0;
}

:not(.btn-file).btn-primary {
  width: 100%;
  padding: 8px 12px;
  font-size: 18px;
  background: transparent;
  border: 2px solid #1ab394;
  color: #1ab394;
  font-weight: 300;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.btn-primary:hover,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.focus,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:focus {
  outline: none;
  background: #f5f5f5;
  color: #1ab394;
  border-color: #1ab394;
}

.btn-secondary {
  background: #979797 !important;
  border: none;
  color: #fff;
  font-weight: 400;
}

.btn-secondary:hover,
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.focus,
.btn-secondary:active.focus,
.btn-secondary:active:focus,
.btn-secondary:focus {
  outline: none;
  background: #888 !important;
  color: #fff;
  border-color: #888;
}

.btn-file {
  padding: 5px 12px;
  font-size: 14px;
  background: #1ab394;
  color: #fff;
  font-weight: 500;
}

.btn-mini {
  font-size: 14px;
  padding: 4px 12px;
  height: auto;
}

.btn-toolbar.note-toolbar .btn-default {
  background: transparent;
  color: #06120c;
  height: 25px;
}

.btn-toolbar.note-toolbar .btn-default:hover,
.btn-toolbar.note-toolbar .btn-default:focus {
  background: #ddd !important;
  color: #06120c !important;
}

.btn-success {
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
}

.btn-success:hover,
.btn-success:focus {
  background-color: #52ab52 !important;
  border-color: #52ab52 !important;
}

.btn-danger {
  background-color: #ea6363 !important;
  border-color: #ea6363 !important;
}

.btn-danger:hover,
.btn-danger:focus {
  background-color: #e05b5b !important;
  border-color: #e05b5b !important;
}

.btn-warning {
  background-color: #f0ad4e !important;
  border-color: #eea236 !important;
}

.btn-warning:hover,
.btn-warning:focus {
  background-color: #e8a749 !important;
  border-color: #e8a749 !important;
}

.btn-cancel {
  border: 1px solid #e7e7e7;
  background: #fff;
  color: #3d3d3d;
}

.btn-bar {
  text-align: right;
  margin-top: 5px;
  margin-bottom: 15px;
}

.btn-bar .btn-default {
  background: #fff;
  color: #3d3d3d;
  border: 1px solid #e7e7e7;
  margin-left: 5px;
  padding: 7px 10px;
  height: auto;
  font-size: 14px;
}

.btn-bar .btn-default:focus,
.btn-bar .btn-default:hover,
.btn-bar .btn-default:focus {
  background: #fbfbfb !important;
  color: #3d3d3d !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e7e7e7;
}

.export .dropdown-toggle {
  padding: 4px 10px;
  border: 1px solid #1ab394;
  height: 36px;
  font-size: 14px;
  background: #1ab394;
  color: #fff;
  width: 90px;
  border-radius: 3px;
}

.export .dropdown-toggle:hover,
.export .dropdown-toggle:focus {
  background: #19a98b !important;
  color: #fff !important;
  border-color: #19a98b !important;
}

.label-danger {
  background-color: #ea6363;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-info {
  background-color: #5bc0de;
}

.label-intermediate {
  background-color: #952ce2;
}

.label-success {
  background-color: #5cb85c;
}

.paid-order {
  margin-left: -20px;
  margin-right: 5px;
  padding: 1px 0;
  font-size: 10px;
  text-align: center;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: text-top;
  color: #fff;
  border-radius: 50%;
}

.well {
  padding: 15px;
  margin-bottom: 0;
  background-color: #fdfdfd;
  border: 1px solid #eeeeee;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.overflow-auto {
  overflow: auto;
}

.form-inline.upload .form-control {
  width: 68%;
  padding: 8px 15px;
  height: 40px;
}

.form-inline.upload .btn-default {
  width: 30%;
  float: right;
}

#attachments .image-preview,
#docs .image-preview {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 30px;
}

#attachments .image-preview .css-product-image-hover img,
#docs .image-preview .css-product-image-hover img {
  height: 120px;
  width: auto;
  margin-right: 10px;
}

.pager li > a,
.pager li > span {
  padding: 6px 12px !important;
  border: 1px solid #1ab394 !important;
  border-radius: 0 !important;
  width: 90px !important;
  color: #fff !important;
  background: #1ab394 !important;
}

.pager li > a:hover,
.pager li > span:hover {
  background-color: #1e9fd7 !important;
  color: #fff !important;
}

.pager li.disabled > a,
.pager li.disabled > span {
  border: 1px solid #c3c3c3 !important;
  color: #c3c3c3 !important;
  background: #ffffff !important;
}

.pager {
  margin: 10px 0;
}

.kv-file-remove {
  background: transparent;
}

.kv-file-remove:hover {
  background: transparent !important;
  color: #1ab394 !important;
}

.kv-file-remove i {
  color: #06120c;
}

.form-control {
  padding: 12px 15px;
  height: 45px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e7e7e7;
}

.file-caption {
  height: 35px !important;
}

.form-control:focus {
  border-color: #d6d6d6;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control[readonly] {
  background: #fff;
}

.bootstrap-select .dropdown-toggle {
  height: 45px;
  background: transparent;
  border: 1px solid #e7e7e7;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  position: absolute;
  left: 12px;
  top: 12px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/down.png) no-repeat !important;
  background-position: right 8px top 12px !important;
  background-size: 20px !important;
  border: 1px solid #e7e7e7;
  padding: 5px 10px;
  border-radius: 2px;
}

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

.add-btn .form-control {
  padding-right: 40px;
}

.add-btn .form-control + .btn-default {
  height: 34px;
  position: absolute;
  top: 25px;
  right: 0;
}

.add-btn.new .form-control + .btn-default {
  top: 0;
}

.btn-radio {
  overflow: hidden;
}

.btn-radio label {
  padding: 8px;
  text-align: center;
  width: 100px;
  border: 1px solid #e7e7e7;
  background: #fff;
  float: left;
  cursor: pointer;
  margin-bottom: 0;
}

.btn-radio.stretched label {
  width: 33.33% !important;
  margin-left: 0;
}

.btn-radio.small label {
  width: 85px;
}

.btn-radio input[type="radio"] {
  display: none;
}

.btn-radio input[type="radio"]:checked + label {
  background: #1ab394;
  color: #fff;
  border-color: #1ab394;
}

.btn-radio.mini {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
}

.btn-radio.mini label {
  width: 55px;
}

.label.tag {
  background: #2cc1a3;
  font-size: 12px;
  margin-right: 5px;
  padding: 1px 23px 5px 8px;
  position: relative;
}

.label.tag.view {
  padding-right: 8px;
  display: inline-block;
  margin-bottom: 5px;
}

.label.tag span {
  font-size: 14px;
  position: absolute;
  display: inline-block;
  height: 23px;
  width: 23px;
  top: 0;
  line-height: 22px;
  cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 5px;
  width: 20px;
  font-size: 12px;
}

.jumbotron {
  background-color: #fff;
  border: 1px solid #ddd;
}

.left-auto {
  left: auto;
}

.right0 {
  right: 0;
}

.text-center {
  text-align: center;
}

.fw600 {
  font-weight: 600;
}

.w100 {
  width: 100px !important;
}

.w120 {
  width: 120px !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px;
}

.mt6 {
  margin-top: 6px;
}

.mt8 {
  margin-top: 8px;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px !important;
}

.mt50 {
  margin-top: 50px;
}

.mt80 {
  margin-top: 80px;
}

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

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

.mt-13 {
  margin-top: -13px;
}

.ml-4 {
  margin-left: -4px;
}

.ml140 {
  margin-left: 140px;
}

.mr3 {
  margin-right: 3px;
}

.mr5 {
  margin-right: 5px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb0 {
  margin-bottom: 0;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.hidden-dialog {
  display: none;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml60 {
  margin-left: 60px;
}

.p0 {
  padding: 0px;
}

.p10 {
  padding: 10px;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px !important;
}

.pb10 {
  padding-bottom: 10px;
}

.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 5px;
}

.pl15 {
  padding-left: 15px;
}

.pl30 {
  padding-left: 30px;
}

.pr15 {
  padding-right: 15px;
}

.h36 {
  height: 36px;
}

.er-15 + .help-block + .help-block,
.er-15 + .help-block {
  right: 15px !important;
}

.panel-pad {
  padding: 15px 20px 15px 30px;
}

.inline-block {
  display: inline-block;
}

.overflow-inherit {
  overflow: inherit !important;
}

label,
.has-error .control-label,
.has-success .control-label {
  color: #3d3d3d;
  font-size: 13px;
  margin-bottom: 2px;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

.saving {
  position: absolute;
  top: 35px;
  font-size: 20px;
  right: 12px;
  color: #2bb89c;
  background: #fff;
}

.form-group.col-md-5 .saving {
  right: 25px;
}

.saving.fa-exclamation-triangle {
  color: #ec7272;
}

.saving-no-label .saving {
  top: 14px;
}

.btn-radio .saving {
  top: 9px;
  right: -32px;
}

.file-drop-zone-title {
  font-size: 24px;
  padding: 25px 10px;
}

.file-preview-frame {
  box-shadow: none;
}

.file-preview-frame:not(.file-preview-error):hover {
  box-shadow: 1px 1px 5px 0 #d2d6de;
}

.file-drop-zone {
  border: none;
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}

.block {
  display: block;
}

.valign-bottom {
  vertical-align: bottom;
}

.width {
  width: 100%;
}

.red {
  color: #ec7272;
}

.green {
  color: #1ab394;
}

.blue {
  color: #3e9ef7;
}

.black {
  color: #2e3137;
}

.fs8 {
  font-size: 8px;
}

.fs9 {
  font-size: 9px;
}

.fs12 {
  font-size: 12px;
}

.fs13 {
  font-size: 13px;
}

.bold {
  font-weight: 600;
}

.transparent {
  opacity: 0;
}

hr {
  margin-top: 0;
  margin-bottom: 10px;
}

.form-group {
  position: relative;
}

.strong {
  font-weight: 600;
}

/*placeholders*/

.slide-label-x .form-control {
  margin-top: 25px;
}

.slide-label-x .form-control + label,
.slide-label-x .form-control + ul + label {
  position: absolute;
  font-size: 15px;
  top: 15px;
  left: 15px;
  color: #ccc;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.slide-label-x .form-control:focus + label,
.slide-label-x .form-control:focus + ul + label,
.slide-label-x.typed .form-control + ul + label,
.slide-label-x.typed .form-control + label {
  -webkit-transform: translateX(-15px) translateY(-32px);
  transform: translateX(-15px) translateY(-32px);
  color: #555;
  font-size: 95%;
}

.slide-label input {
  margin-top: 25px;
}

.slide-label input::-webkit-input-placeholder {
  color: #ccc;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease-in-out;
}

.slide-label input:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc;
  position: relative;
  -moz-transition: all 0.3s ease-in-out;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease-in-out;
}

.slide-label input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
  position: relative;
  -moz-transition: all 0.3s ease-in-out;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease-in-out;
}

.slide-label input:-ms-input-placeholder {
  color: #ccc;
  position: relative;
  -ms-transition: all 0.3s ease-in-out;
  /* For Safari 3.1 to 6.0 */
  transition: all 0.3s ease-in-out;
}

.slide-label input:focus::-webkit-input-placeholder,
.slide-label input:focus::-webkit-input-placeholder {
  -webkit-transform: translateX(-13px) translateY(-35px);
  transform: translateX(-13px) translateY(-30px);
  color: #555;
  font-size: 80%;
}

.slide-label input:focus:-moz-placeholder,
.slide-label input:focus:-moz-placeholder {
  /* Firefox 18- */
  -webkit-transform: translateX(-13px) translateY(-35px);
  transform: translateX(-13px) translateY(-30px);
  color: #555;
  font-size: 80%;
}

.slide-label input:focus::-moz-placeholder,
.slide-label input:focus::-moz-placeholder {
  /* Firefox 19+ */
  -webkit-transform: translateX(-13px) translateY(-35px);
  transform: translateX(-13px) translateY(-30px);
  color: #555;
  font-size: 80%;
}

.slide-label input:focus:-ms-input-placeholder,
.slide-label input:focus:-ms-input-placeholder {
  -webkit-transform: translateX(-13px) translateY(-35px);
  transform: translateX(-13px) translateY(-30px);
  color: #555;
  font-size: 80%;
}

/*end placeholders*/

.badge {
  padding: 5px 12px;
  width: 80px;
  border-radius: 3px;
}

.ui-extreme-risk {
  background: #fc0d1b;
}

.ui-high-risk {
  background: #fdbf2d;
}

.ui-medium-risk {
  background: #d6d434;
}

.ui-low-risk {
  background: #94ce58;
}

.ui-extreme-na {
  background: none;
  color: black;
}

.ui-trip-send-approve {
  width: 119px !important;
  background: #94ce58;
}

.ui-trip-approved {
  background: #1ab394;
}

.ui-trip-completed {
  background: #12556b;
}

.ui-trip-draft {
  background: #8c8c8c;
}

.ui-trip-pending {
  background: #f7bd39;
}

.ui-trip-declined {
  background: #e45f5f;
}

.ui-trip-required {
  background: #3e9ef7;
}

.rel {
  position: relative;
}

.absolute {
  position: absolute;
}

.left0 {
  left: 0;
}

.bottom0 {
  bottom: 0;
}

.right0 {
  right: 0;
}

.top0 {
  top: 0;
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\f160";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
}

.non-list-style {
  list-style: none;
  padding: 0;
}

.center img {
  margin: 0 auto;
  display: block;
}

.data-list-input .form-control::-webkit-calendar-picker-indicator {
  display: none;
}

.panel {
  border: 1px solid transparent;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #efefef;
  margin-bottom: 10px;
}

.panel-body > .form-group:last-child {
  margin-bottom: 0;
}

.panel-next {
  border-top: none;
}

.ui-active {
  background-color: #1ab394;
}

.ui-inactive {
  background-color: #777;
}

.ui-deleted {
  background-color: #d9534f;
}

.ui-pending {
  background-color: #f7bd39;
}

.ui-undefined {
  background-color: #295786;
}

.ui-completed {
  background-color: #3e9ef7;
}

.ui-overdue {
  background-color: #ff9c54;
}

.chekin-a {
  background-color: #9a739e;
}

.chekin-m {
  background-color: #73989e;
}

/*End Defaults*/

/*dashboard*/

.dashboard .calander {
}

.fc-event {
  background: transparent;
  border: none;
  padding: 0;
}

.fc-event .fc-title .badge {
  color: #ffffff;
  padding: 5px;
  display: block;
  border-radius: 3px;
  text-align: left;
  text-transform: capitalize;
  width: auto;
}

.ui-calander-trip-pending {
  background: #f7bd39;
  border-color: #f7bd39;
}

.ui-calander-trip-approved {
  background: #1ab394;
  border-color: #1ab394;
}

.ui-calander-trip-declined {
  background: #f37474;
  border-color: #f37474;
}

.ui-calander-trip-completed {
  background: #12556b;
  border-color: #12556b;
}

.ui-calander-trip-required {
  background: #3e9ef7;
  border-color: #3e9ef7;
}

.ui-calander-trip-undefined {
  background: #295786;
  border-color: #295786;
}

.dashboard .notifi .notifications {
  list-style: none;
  padding: 0;
  border-radius: 5px;
  background: #fff;
  overflow-y: scroll;
}

.dashboard .notifi .notifications li {
  padding: 12px;
  padding-left: 32px;
  border-bottom: 1px solid #efefef;
  position: relative;
}

.dashboard .notifi .notifications li:before {
  content: "\f135";
  position: absolute;
  left: 12px;
  top: 15px;
  color: #1ab394;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dashboard .notifi .notifications li.declined:before,
.dashboard .notifi .notifications li.declined a span,
.dashboard .notifi .notifications li.declined a {
  color: #ec7272;
}

.dashboard .notifi .notifications li.required:before,
.dashboard .notifi .notifications li.required a span,
.dashboard .notifi .notifications li.required a {
  color: #3e9ef7;
}

.dashboard .notifi .notifications li.no-notify {
  text-align: center;
  padding: 12px;
}

.dashboard .notifi .notifications li.no-notify:before {
  display: none;
}

.dashboard .calander .table-panel table {
  margin-bottom: 0 !important;
}

.dashboard .calander .table-panel table thead th {
  padding: 5px 0;
}

.dashboard .calander .fc-left h2 {
  font-size: 20px;
  font-weight: 600;
}

.dashboard .calander .fc-right .fc-today-button {
  background: none;
  border: none;
  text-transform: capitalize;
  color: #1ab394;
  font-weight: 600;
}

.dashboard .calander .fc-right .fc-prev-button,
.dashboard .calander .fc-right .fc-next-button {
  background: none;
  border: none;
  text-shadow: none;
  box-shadow: none;
  color: #1ab394;
  font-size: 14px;
}

.dashboard .calander .fc-right .fc-today-button:hover,
.dashboard .calander .fc-right .fc-prev-button:hover,
.dashboard .calander .fc-right .fc-next-button:hover {
  background: #f3f3f3;
}

.fc-unthemed .fc-today {
  background: #f5f9ff;
}

.tv-calender .fc-basic-view .fc-body .fc-row {
  height: auto !important;
}

.tv-calender .fc-basic-view .fc-body .fc-row:last-child {
  border-bottom: 1px solid #ddd;
}

/*.tv-calender .fc-scroller {
    height: auto !important;
}*/

/*end dashboard*/

/*mega menu*/

.mega-menu {
  display: none;
  text-align: center;
  opacity: 0;
  position: fixed;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: #fff;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}

.mega-menu.on {
  display: block;
  opacity: 1;
}

.mega-menu .title {
  margin-top: 60px;
  margin-bottom: 0;
  font-weight: 200;
}

.mega-menu-item {
  position: static;
  float: none;
  display: inline-block;
}

.mega-menu-item .mega-dept {
  width: 100%;
  text-align: center;
  padding: 50px 20px;
  color: #333;
  border-radius: 0;
  margin: 15px 0;
}

.mega-menu-item .mega-dept:hover,
.mega-menu-item ul li a:hover {
  background: #f9f9f9;
  color: #1ab394;
}

.mega-menu-item .mega-dept.on {
  color: #1ab394;
}

.mega-menu-item .mega-dept i {
  font-size: 50px;
  display: block;
  margin-bottom: 10px;
}

.mega-menu-item ul {
  list-style: none;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #ddd;
  display: none;
  background: #fff;
}

.mega-dept.on + ul {
  display: block;
}

.mega-menu-item ul li a {
  width: 100%;
  display: block;
  text-align: center;
  padding: 50px 20px;
  color: #333;
  font-weight: 400;
  margin-top: 20px;
}

.mega-menu-item a:hover {
  text-decoration: none;
}

.mega-menu-item ul li a i {
  font-size: 50px;
  display: block;
  margin-bottom: 10px;
}

/*end mega menu*/

/*mega drop*/

.cms-nav .navbar-nav > .open > a,
.cms-nav .navbar-nav > .open > a:focus,
.cms-nav .navbar-nav > .open > a:hover {
  color: #2e3137;
  background: transparent;
}

.col-2 {
  float: left;
  width: 200px;
}

.mega-drop {
  margin-left: -15px;
}

.mega-drop .dropdown-toggle i {
  color: #fff !important;
  font-size: 22px;
  vertical-align: sub;
  margin-right: 10px;
}

.mega-drop .dropdown-menu {
  width: 890px;
  border-radius: 0 0 4px 4px;
  border-top: none;
  padding: 40px;
  border-radius: 0;
  border: 1px solid #ddd;
}

.mega-drop .dropdown-menu li.head {
  padding-bottom: 5px;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 0;
  border-bottom: 1px solid #e8e8e8;
  width: 70%;
}

.mega-drop .dropdown-menu li + .head {
  margin-top: 30px;
}

.mega-drop .dropdown-menu li.head span {
  display: block;
  font-size: 12px;
  color: #333333;
  font-weight: 400;
}

.mega-drop .dropdown-menu li.head i {
  margin-right: 10px;
}

.mega-drop .dropdown-menu li a.home {
  margin-bottom: 20px;
  font-size: 16px;
}

.mega-drop .dropdown-menu li a.home:hover {
  background: transparent;
}

.mega-drop .dropdown-menu li a {
  padding: 12px 0;
  display: block;
  font-size: 14px;
  color: #333 !important;
  font-weight: 400;
}

.mega-drop .dropdown-menu li a span {
  font-size: 10px;
  font-weight: 400;
  margin-left: 28px;
  display: block;
}

.mega-drop .dropdown-menu li a:hover {
  text-decoration: none;
}

.mega-drop .dropdown-menu li a i {
  margin-right: 10px;
  width: 15px;
  text-align: center;
  transition: 0.3s all ease-in-out;
}

.mega-drop .dropdown-menu li a:hover i {
  margin-right: 12px;
}

.mega-drop .dropdown-menu li a.menu-yellow i {
  color: #f5cb5c;
}

.mega-drop .dropdown-menu li a.menu-blue i {
  color: #084c61;
}

.mega-drop .dropdown-menu li a.menu-green i {
  color: #4cb963;
}

.mega-drop .dropdown-menu li a.menu-purple i {
  color: #9c528b;
}

.mega-drop .dropdown-menu li a.menu-orange i {
  color: #e88873;
}

.mega-drop .dropdown-menu li a.menu-brown i {
  color: #4c3b4d;
}

.mega-drop .dropdown-menu li.divider {
  width: 80%;
  margin: 30px 0;
}

/*end mega drop*/

/*Tooltip*/

.tooltip-toggle {
  cursor: pointer;
  position: relative;
}

.tooltip-toggle svg {
  height: 18px;
  width: 18px;
}

.tooltip-toggle::before {
  position: absolute;
  bottom: 21px;
  left: -1px;
  background-color: #2e3137;
  border-radius: 2px;
  color: #fff;
  content: attr(aria-label);
  padding: 3px 5px;
  text-transform: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 160px;
}

.tooltip-toggle::after {
  position: absolute;
  top: -6px;
  left: 6px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #2b222a;
  content: " ";
  font-size: 0;
  line-height: 0;
  margin-left: -5px;
  width: 0;
}

.tooltip-toggle::before,
.tooltip-toggle::after {
  color: #fff;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  text-align: center;
}

.tooltip-toggle:focus::before,
.tooltip-toggle:focus::after,
.tooltip-toggle:hover::before,
.tooltip-toggle:hover::after {
  opacity: 1;
  -webkit-transition: all 0.75s ease;
  transition: all 0.75s ease;
}

/*end tooltip*/

/*preloader*/

.preloader-content {
  position: absolute;
  height: 100px;
  width: 100%;
}

.preloader {
  display: table;
  text-align: center;
  width: 100%;
  height: 100%;
  min-height: 100px;
  min-width: 100%;
  position: relative;
}

.preloader:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.preloader-center {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  margin-top: -19px;
  left: 50%;
  margin-left: -17px;
}

.preloader-path {
  stroke-linejoin: round;
  fill: none;
  stroke: #06b7c5;
  stroke-width: 2;
  stroke-dasharray: 70 32;
}

.preloader-content:after {
  content: "\f1ce";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1ab394;
  font-size: 30px;
  -webkit-animation: fa-spin 1s infinite linear;
  animation: fa-spin 1s infinite linear;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  top: 50%;
  margin-top: -15px;
}

.minh180 {
  min-height: 180px;
}

.minh590 {
  min-height: 590px;
}

.minh460 {
  min-height: 460px;
}

.minh495 {
  min-height: 495px;
}

.minh240 {
  min-height: 240px;
}

.minh370 {
  min-height: 370px;
}

.minh420 {
  min-height: 420px;
}

.minh430 {
  min-height: 430px;
}

.minh266 {
  min-height: 266px;
}

.minh720 {
  min-height: 720px;
}

.minh294 {
  min-height: 294px;
}

.minh400 {
  min-height: 400px;
}

.minh300 {
  min-height: 300px;
}

/*<div class="preloader">
    <div class="preloader-center">
        <svg class="preloader-icon" width="34" height="38" viewBox="0 0 34 38">
            <path class="preloader-path" stroke-dashoffset="0" d="M29.437 8.114L19.35 2.132c-1.473-.86-3.207-.86-4.68 0L4.153 8.114C2.68 8.974 1.5 10.56 1.5 12.28v11.964c0 1.718 1.22 3.306 2.69 4.165l10.404 5.98c1.47.86 3.362.86 4.834 0l9.97-5.98c1.472-.86 2.102-2.45 2.102-4.168V12.28c0-1.72-.59-3.306-2.063-4.166z">
                <animate attributeType="XML" attributeName="stroke-dashoffset" from="0" to="102px" dur="1s" repeatCount="indefinite"/> 
            </path>
        </svg>
    </div>
</div> */

/*end preloader*/

/*loading*/

.ui-wait-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.6);
  z-index: 9999;
}

.loader-box {
  width: 100%;
  height: 100%;
}

.Loader--a {
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
  border: 2px solid #777;
  width: 30px;
  height: 30px;
  position: relative;
  -webkit-animation: anim 1s infinite ease;
  animation: anim 1s infinite ease;
}

.Loader--a .Loader-item {
  height: 4px;
  width: 5px;
  position: absolute;
  top: -3px;
  margin-left: -5px;
  background-color: #ccc;
}

.Loader--a .Loader-item--a {
  left: 11px;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

.Loader--a .Loader-item--b {
  left: 14px;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}

@-webkit-keyframes anim {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes anim {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes anim-1 {
  50% {
    opacity: 1;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  100% {
    opacity: 0;
  }
}

@keyframes anim-1 {
  50% {
    opacity: 1;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  100% {
    opacity: 0;
  }
}

/*end loading*/

/*tables*/

.table-panel > .panel-heading {
  border-top: none;
  background: transparent;
  padding: 10px;
  border-color: #efefef;
}

.table-panel table {
  margin-bottom: 10px !important;
}

.table > thead > tr > th,
table.dataTable.no-footer,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-bottom: 1px solid #f7f7f7 !important;
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 12px 10px 8px 15px !important;
}

td a {
  padding: 3px 10px 7px 10px;
  font-size: 14px;
}

td a:hover {
  text-decoration: none;
  color: #16a588;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}

table.dataTable tbody tr:hover {
  background: #fbfbfb;
}

.dataTables_filter {
  position: absolute;
  right: -7px;
  top: -67px;
  text-align: left !important;
  width: 362px;
}

.dataTables_filter label input {
  width: 310px;
  padding: 9px 10px 7px 10px;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  -webkit-box-shadow: none;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.dataTables_filter label input:focus {
  outline: none;
  border: 1px solid #d6d6d6;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #fff !important;
  background: #1ab394 !important;
  border: 1px solid #1ab394 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  outline: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
  background: transparent !important;
  border: 1px solid #ddd !important;
  outline: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: transparent;
  background-color: #009c6e;
  border: none;
}

/* .dataTable tr td:last-child {
    white-space: nowrap;
} */

.modal-body table tr td {
  white-space: normal;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 10px;
  left: -15px;
  height: 15px;
  width: 15px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 50%;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  font-family: "Courier New", Courier, monospace;
  text-indent: 1px;
  line-height: 16px;
  content: "+";
  background-color: #31b131;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 12px !important;
  left: -12px !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-top: 1px solid #f7f7f7;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background: none !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  background-image: none;
  position: relative;
}

table.dataTable thead .sorting {
  padding: 10px 5px 10px 12px !important;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 5px 10px 18px !important;
}

table.dataTable thead .sorting:before {
  content: "\f0dc";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 12px;
  font-size: 16px;
  color: #c5c5c5;
}

table.dataTable thead .sorting_asc:before {
  content: "\f160";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -2px;
  top: 12px;
  font-size: 14px;
  color: #1ab394;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
}

table.dataTable thead .sorting_desc:before {
  content: "\f161";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -2px;
  top: 12px;
  font-size: 14px;
  color: #1ab394;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
}

td .label-success {
  margin-left: 5px;
}

table.dataTable td.select-checkbox:before {
  margin-top: 0 !important;
  border: 1px solid #9c9c9c !important;
}

table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background: transparent !important;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #fbfbfb !important;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: none !important;
}

.sorting_asc .pl5,
.sorting_desc .pl5 {
  padding-left: 0;
}

table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
  padding-left: 16px !important;
}

table.dataTable tbody tr.selected,
table.dataTable tbody th.selected,
table.dataTable tbody td.selected {
  color: #333 !important;
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
  background-color: #fff !important;
}

table.dataTable tr.selected td.select-checkbox:after {
  content: "\f00c" !important;
  margin-top: -2px !important;
  margin-left: -5px !important;
  text-align: center;
  color: #1ab394;
  text-shadow: none !important;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

table.dataTable tbody tr.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody td.selected a {
  color: #1ab394 !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  font-size: 13px;
  font-weight: 400;
}

table.dataTable thead th.select-checkbox {
  width: 30px;
  text-align: center;
  padding: 10px !important;
}

table.dataTable thead th.select-checkbox input[type="checkbox"] {
  margin-top: -15px;
}

.table > thead tr th.check-x {
  width: 30px;
  padding: 10px !important;
  padding-bottom: 15px !important;
}

.table > thead tr th.actions-x {
  width: auto;
}

.table > thead > tr > th {
  vertical-align: top;
}

.table > thead:first-child > tr:first-child > th input {
  margin-left: 5px;
  margin-top: 0 !important;
}

.table-panel .js-filter-staff {
  display: inline-block;
  position: relative;
}

.table-panel .js-filter-staff select,
.table-panel .js-filter-contractor select,
.table-panel .js-filter-trips select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 3px;
  padding: 7px 12px;
  border: 1px solid #e7e7e7;
  background: #fff;
  min-width: 200px;
  background-position: right 8px top 8px !important;
}

.stretched .bootstrap-select {
  width: 100% !important;
}

#frmStudentListTrip .dataTables_filter {
  float: none;
  width: 100%;
  position: static;
  margin-bottom: 10px;
}

#frmStudentListTrip .dataTables_filter label {
  display: block;
}

#frmStudentListTrip .dataTables_filter label input {
  width: 100%;
  margin: 0;
  padding: 12px 10px;
}

.bootstrap-select .dropdown-toggle {
  color: #2e3137;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 14px;
}

.bootstrap-select .dropdown-toggle:hover,
.bootstrap-select .dropdown-toggle:focus,
.open .dropdown-toggle {
  background: #fbfbfb !important;
  outline: none;
  border-color: #ddd !important;
  color: #2e3137 !important;
}

.bootstrap-select .bs-actionsbox .btn-group button {
  background: #fff;
  color: #2e3137;
  border: 1px solid #ddd;
}

.bootstrap-select .bs-actionsbox .btn-group button:hover,
.bootstrap-select .bs-actionsbox .btn-group button:focus,
.bootstrap-select .bs-actionsbox .btn-group button:active {
  background: #f3f3f3 !important;
  color: #2e3137 !important;
}

/*end tables*/

/*Login*/

.loginbox {
  margin: 0 auto;
  float: none;
  padding-top: 50px;
  padding-bottom: 30px;
  margin-top: 80px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #e7e7e7;
}

.loginbox .logobox {
  margin-bottom: 40px;
}

.loginbox .logobox .logo {
  margin: 0 auto;
  display: block;
  width: 200px;
}

.loginbox form {
  padding: 0 10px;
}

.loginbox label {
  color: #555555;
  font-weight: 400;
  font-size: 14px;
}

.loginbox label:hover {
  cursor: pointer;
}

.loginbox label input[type="checkbox"] {
  margin-right: 2px;
  vertical-align: top;
  -webkit-opacity: 0.7;
  opacity: 0.7;
}

.loginbox .btn-default {
  width: 100%;
  background: #1ab394;
  border: none;
  font-weight: 400;
  text-transform: uppercase;
}

.loginbox .form-group {
  position: relative;
}

.loginbox .form-group ul {
  list-style: none;
  color: #ea3732;
  font-size: 11px;
  position: absolute;
  bottom: -15px;
  right: 0;
  margin-bottom: 0;
}

.fgtpwd {
  color: #4572ed;
}

.loginbox .bg-danger {
  background: transparent;
  color: #ea3732;
  text-align: center;
}

.smile {
  color: #1ab394;
}

.smile:before {
  content: "\f118";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
}

/*End Login*/

/*sidebar*/

.navbar-header .navbar-brand a {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: sub;
  padding: 8px;
  margin-right: 15px;
}

.navbar-header .navbar-brand span {
  vertical-align: text-top;
}

.navbar-header .navbar-brand a:before {
  content: "\f0c9";
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 10;
  background-size: 100%;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #a7b1c2;
  font-size: 20px;
}

.cms-nav {
  border-bottom: 1px solid #efefef;
  background: #fff;
  z-index: 10;
}

.navbar-brand {
  color: #1ab394 !important;
  height: auto;
  padding: 13px 15px;
  font-size: 22px;
  position: relative;
}

.navbar-brand:hover {
  background-color: transparent !important;
  cursor: auto;
}

.cms-nav .navbar-nav > li > a {
  color: #2e3137;
  padding-top: 14px;
  padding-bottom: 14px;
}

.cms-nav .navbar-nav > li > a:focus,
.cms-nav .navbar-nav > li > a:hover {
  background: transparent;
  color: #2e3137;
}

.cms-nav span.uname {
  margin: 0 5px;
}

.dropdown-menu li a {
  padding: 8px 20px;
}

.dropdown-menu li a.user {
  padding: 5px 20px;
}

.dropdown-menu .user img {
  width: 60px;
}

.cms-sidebar {
  position: fixed;
  height: 100%;
  background: #31373d;
  z-index: 1;
}

.sidebar-menu {
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.sidebar-menu .menu-item {
  width: 230px;
  padding: 15px 5px 14px 18px;
  display: block;
  text-decoration: none;
  color: #e8e8e8;
  position: relative;
}

.sidebar-menu .menu-item:hover,
.sidebar-menu .menu-item.active {
  color: #fff;
  background: #383b42;
}

.sidebar-menu .menu-item.head {
  background: rgb(41, 41, 41);
  color: #fdd831;
  font-weight: 200;
  text-align: center;
  padding: 10px 18px 9px 18px;
}

.sidebar-menu .menu-item:before {
  content: "";
  width: 15px;
  text-align: center;
  margin-right: 20px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sidebar-menu .menu-item.home:before {
  content: "\f0ac";
}

.sidebar-menu .menu-item.games:before {
  content: "\f11b";
}

.sidebar-menu .menu-item.new-req:before {
  content: "\f066";
}

.sidebar-menu .menu-item.events:before {
  content: "\f073";
}

.sidebar-menu .menu-item.about:before {
  content: "\f05a";
}

.sidebar-menu .menu-item.privacy:before {
  content: "\f023";
}

.sidebar-menu .menu-item.terms:before {
  content: "\f132";
}

.sidebar-menu .menu-item.users:before {
  content: "\f0c0";
}

.sidebar-menu .menu-item.menu1:before {
  content: "\f1c9";
}

.sidebar-menu .menu-item.menu2:before {
  content: "\f039";
}

.sidebar-menu .menu-item.menu3:before {
  content: "\f244";
}

.sidebar-menu .menu-item.menu4:before {
  content: "\f19c";
}

.sidebar-menu .menu-item:after {
  content: "\f105";
  text-align: center;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 18px;
  top: 18px;
}

.content.off .sidebar-menu .menu-item {
  width: 50px;
  overflow: hidden;
  padding: 15px 5px 14px 16px;
}

.content.off .sidebar-menu .menu-item:after {
  display: none;
}

.content.off .cms-content {
  margin-left: 51px;
}

.sidebar-menu .menu-item.logo:before,
.sidebar-menu .menu-item.logo:after {
  display: none;
}

.sidebar-menu .menu-item.logo {
  padding: 20px 30px;
  text-align: center;
}

.sidebar-menu .menu-item.logo img {
  display: inline-block;
  width: 100%;
}

.content.off .sidebar-menu .menu-item.logo {
  padding: 3px;
}

.content.off .sidebar-menu .menu-item.logo .logowrap {
  width: 45px;
  height: 45px;
}

.content.off .sidebar-menu .menu-item.logo img {
  padding: 5px;
  width: 42px;
}

.content .sidebar-menu .menu-item.logo img.icon_sm {
  display: none;
}

.content.off .sidebar-menu .menu-item.logo img.icon_sm {
  display: block;
}

.content.off .sidebar-menu .menu-item.logo img.logo_sm {
  display: none;
}

.sidebar-menu .collaps-menu .menu-item.main-item.collapsed:after {
  transform: rotate(90deg);
}

.sidebar-menu .collaps-menu .menu-item.sub-item {
  background: #3d444a;
}

/*end sidebar*/

/*content*/

.cms-content {
  margin-left: 230px;
  padding: 25px;
}

.breadcrumb {
  margin-bottom: 0;
}

.table-head .btn-default {
  background: #1ab394;
  border: none;
  color: #ffffff;
  font-weight: 400;
  padding: 6px 5px;
  height: auto;
  font-size: 14px;
}

.table-head .dropdown .btn-default {
  background: #ffffff;
  border: 1px solid #ccc;
  padding: 5px 12px;
}

.table-head .dropdown .btn-default:hover,
.table-head .dropdown .btn-default:focus {
  background: #fbfbfb !important;
  color: #333 !important;
}

.table-head .btn-link {
  background: transparent;
  border: none;
  color: #1ab394;
  min-width: 85px;
}

.table-head .btn-link + .btn-link,
.table-head .btn-default + .btn-link {
  margin-left: 1px;
}

.btn-link:hover,
.btn-link:hover:focus,
.btn-link.active.focus,
.btn-link.active:focus,
.btn-link.focus,
.btn-link:active.focus,
.btn-link:active:focus {
  background: #f7f7f7 !important;
  text-decoration: none;
  color: #1ab394 !important;
}

.btn-link:focus {
  background: transparent !important;
  color: #1ab394 !important;
  text-decoration: none;
}

.check-horizon label {
  width: 80px;
}

.check-horizon label input {
  margin-right: 5px;
  vertical-align: top;
}

.userlogo {
  border: 1px solid #efefef;
}

.userlogo img {
  width: 100%;
  height: auto;
}

.userlogo .js-tooltip {
  position: absolute;
  top: -23px;
  right: 0;
}

.view .form-group label {
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 0;
}

.view .form-group label + div {
  font-size: 15px;
  font-weight: 400;
}

.dept-img {
  display: inline-block;
  width: 49.7%;
  vertical-align: top;
}

.dept-img .glyphicon-trash {
  position: absolute;
  top: -25px;
  right: 0;
  padding: 5px;
}

.module-title {
  padding-top: 0;
  padding-bottom: 0;
}

.module-title h3 {
  margin: 12px 0;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  font-size: 20px;
}

.sub-title {
  margin-top: 30px;
  margin-bottom: 3px;
  font-weight: 600;
}

.check-right input[type="checkbox"] {
  margin-top: 1px;
  vertical-align: text-top;
  margin-right: 3px;
}

.module-title .breadcrumb {
  padding-right: 0;
  background: transparent;
  margin-top: 5px;
  font-size: 14px;
}

.nav-pills > li > a {
  border-radius: 0;
  padding: 8px 12px;
}

.nav-pills > li.active > a {
  background-color: #1ab394;
}

.nav-pills > li > a:focus,
.nav-pills > li > a:hover {
  background-color: #1e9fd7 !important;
  color: #fff !important;
}

.nav-tabs {
  border-bottom: none;
}

/*end content*/

/*js modal*/

.js-game-image img {
  width: 100%;
  border: 1px solid #e5e5e5;
}

.js-game-name {
  font-size: 24px;
}

.js-game-categoryname,
.js-game-playtime,
.js-game-numberofplayers,
.js-game-theme,
.js-game-description,
.js-game-howtoplay,
.js-gamesellerurl,
.js-game-requestedby {
  font-size: 16px;
}

.modal-header .close {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 28px;
}

.modal-body {
  padding: 20px;
}

.js-game-categoryname:before {
  content: "\f009";
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -18px;
  top: 3px;
  font-size: 14px;
  text-align: right;
  color: #636564;
}

.js-game-playtime:before {
  content: "\f017";
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -18px;
  top: 3px;
  font-size: 14px;
  text-align: right;
  color: #636564;
}

.js-game-numberofplayers:before {
  content: "\f0c0";
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -18px;
  top: 3px;
  font-size: 14px;
  text-align: right;
  color: #636564;
}

.js-game-theme:before {
  content: "\f11b";
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -18px;
  top: 3px;
  font-size: 14px;
  text-align: right;
  color: #636564;
}

.js-game-description:before {
  content: "\f05a";
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -18px;
  top: 3px;
  font-size: 14px;
  text-align: right;
  color: #636564;
}

.js-game-howtoplay:before {
  content: "\f059";
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -18px;
  top: 3px;
  font-size: 14px;
  text-align: right;
  color: #636564;
}

.js-gamesellerurl:before {
  content: "\f0c1";
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -18px;
  top: 3px;
  font-size: 14px;
  text-align: right;
  color: #636564;
}

.js-game-requestedby:before {
  content: "\f007";
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -18px;
  top: 3px;
  font-size: 14px;
  text-align: right;
  color: #636564;
}

.js-eventimage {
  border: 2px solid #ddd;
  padding: 20px;
}

.js-eventimage img {
  width: 100%;
}

/*end js modal*/

/*note editor*/

.note-editor .note-editable {
  min-height: 70px;
}

.full-editor .note-editable {
  min-height: 300px;
}

/*end note editor*/

/*help-dialog*/

.help p {
  margin-left: 30px;
  margin-bottom: 20px;
  position: relative;
  font-weight: 400;
}

.help p:before {
  content: "";
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -30px;
  top: 0;
  font-size: 18px;
}

.help p:nth-child(1):before {
  content: "\e152";
  top: 5px;
}

.help p:nth-child(2):before {
  content: "\002b";
}

.help p:nth-child(3):before {
  content: "\e105";
}

.help p:nth-child(4):before {
  content: "\270f";
}

.help p:nth-child(5):before {
  content: "\e089";
}

.help p:nth-child(6):before {
  content: "\e090";
}

.help p:nth-child(7):before {
  content: "\e020";
}

/*end help-dialog*/

/*preloader tables*/

.timeline-item {
  background: #fff;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  padding: 15px;
  margin: 0 auto;
  max-width: 500px;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

.animated-background {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 140px;
  position: relative;
}

.background-masker {
  background: #fff;
  position: absolute;
}

.row1,
.row2,
.row3,
.row4,
.row5,
.row6 {
  height: 5px;
  width: 100%;
}

.row1 {
  top: 20px;
  height: 10px;
}

.row2 {
  top: 40px;
}

.row3 {
  top: 60px;
}

.row4 {
  top: 80px;
}

.row5 {
  top: 100px;
}

.row6 {
  top: 120px;
}

.col1,
.col2,
.col3,
.col4,
.col5 {
  top: 30px;
  width: 5px;
  height: 110px;
}

.col1 {
  left: 40px;
}

.col2 {
  left: 140px;
}

.col3 {
  left: 240px;
}

.col4 {
  left: 340px;
}

.col5 {
  left: 440px;
}

.title {
  height: 5px;
  width: 100%;
  top: 10px;
}

.title-w {
  height: 15px;
  right: 55px;
  width: 300px;
}

.sub-title-w {
  height: 5px;
  right: 55px;
  width: 330px;
  top: 15px;
}

/*end preloader tables*/

/*delivery restricions*/

.city-list {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}

.city-list .city-item {
  list-style-type: none;
}

.js-expand {
  cursor: pointer;
}

.district,
.city-list {
  display: none;
  margin-left: 0 !important;
}

.restrict-city li .checkbox label:before {
  content: "\f096";
  display: inline-block;
  font: 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 15px;
  color: #d2d2d2;
  z-index: 9;
  background: #fff;
}

.restrict-city li.has-checked .checkbox label:before {
  content: "\f0c8";
  color: rgba(44, 171, 226, 0.9);
}

.restrict-city li.show .checkbox label:before {
  display: none;
}

.restrict-city .city-list {
  padding-left: 20px;
  margin-top: 10px;
}

.restrict-city .city-list label {
  font-weight: 500;
}

.restrict-city .city-list label input[type="checkbox"] {
  margin-right: 5px;
  margin-top: 0;
}

.restrict-city li.checked-all .checkbox label:after {
  content: "\f14a";
  display: inline-block;
  font: 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 9px;
  font-size: 16px;
  color: rgba(44, 171, 226, 0.9);
  z-index: 9;
  background: #fff;
}

.restrict-city li.checked-all.show .checkbox label:after {
  z-index: -1;
}

.show-city-list .city-list {
  display: block;
  padding-left: 0;
}

.show-city-list .city-list {
  display: block;
  padding-left: 0;
}

/*end delivery restricions*/

/*Select Results > department*/

.select2-result-repository__avatar {
  display: inline-block;
}

.select2-result-repository__meta {
  display: inline-block;
  margin-left: 10px;
  height: 20px;
}

.select2-result-repository__meta .select2-result-repository__title {
  font-weight: 500;
  text-transform: capitalize;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #e7e7e7 !important;
  border-radius: 3px !important;
  min-height: 45px;
  padding: 7px 0;
}

.select2-dropdown {
  border: 1px solid #efefef !important;
  border-top: none !important;
  border-radius: 0 !important;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  padding: 0px 12px !important;
}

.select2-results__option {
  padding: 2px 4px !important;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #2cc1a3 !important;
  border: none !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  color: #fff !important;
  margin-right: 5px !important;
  padding: 0.2em 0.6em 0.3em !important;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #fff !important;
  margin-right: 0 !important;
  float: right !important;
  margin-left: 5px !important;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #efefef !important;
  border-radius: 0 !important;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 35px !important;
  width: 35px !important;
}

.select2-container .select2-selection--single {
  height: 34px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #efefef !important;
}

/*End select Results > department*/

/*Check tree*/

.tree-check {
  list-style: none;
  padding-left: 10px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

.tree-check li {
  margin-left: 23px;
  position: relative;
}

.tree-check .tree-head {
  font-weight: bold;
  cursor: pointer;
  margin-left: 0;
}

.tree-check .tree-head:before {
  content: "\f096";
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: 15px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 10px;
  color: #8ac7fc;
  width: 12px;
}

.tree-check.tree-cheked .tree-head:before {
  content: "\f0c8";
}

.tree-check.tree-all .tree-head:before {
  content: "\f14a";
}

.check-scroll {
  height: 500px;
  overflow-y: scroll;
  border: 1px solid #ddd;
  padding: 10px 15px;
}

#permission_view_container .tree-check .tree-head {
  cursor: auto;
}

#permission_view_container .tree-check li.disabled:before {
  content: "\f00d";
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -22px;
  top: 5px;
  color: #ec7272;
}

#permission_view_container .tree-check li.enabled:before {
  content: "\f00c";
  display: inline-block;
  font: 14px/1 FontAwesome;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -23px;
  top: 5px;
  color: #5cb85c;
}

/*End check tree*/

/*product*/

.over-the-image {
  display: none;
}

.css-product-image-hover:hover .over-the-image {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  display: block;
  cursor: pointer;
  padding: 30px;
  padding-top: 50px;
  text-align: center;
}

/*switch*/

input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

.switch {
  display: block;
  height: 32px;
  position: relative;
  width: 120px;
  border: 1px solid #ccc;
}

.switch label {
  color: #333;
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.switch label:nth-of-type(1) {
  position: absolute;
  text-align: right;
  left: 10px;
}

.switch label:nth-of-type(2) {
  position: absolute;
  text-align: right;
  right: 13px;
}

.switch input {
  height: 30px;
  margin-top: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 120px;
  z-index: 2;
  cursor: pointer;
}

.switch input:checked ~ label:nth-of-type(1) {
  color: #333;
}

.switch input:checked ~ label:nth-of-type(2) {
  color: #4caf50;
}

.switch input ~ :checked ~ label:nth-of-type(1) {
  color: #808080;
}

.switch input ~ :checked ~ label:nth-of-type(2) {
  color: #ddd;
  display: none;
}

.switch input:checked ~ .toggle {
  left: 1px;
}

.switch input ~ :checked ~ .toggle {
  left: 60px;
}

.switch input:checked {
  z-index: 0;
}

.toggle {
  background: #1ab394;
  height: 28px;
  left: 0;
  position: absolute;
  top: 1px;
  -webkit-transition: left 0.2s ease;
  -moz-transition: left 0.2s ease;
  -ms-transition: left 0.2s ease;
  -o-transition: left 0.2s ease;
  transition: left 0.2s ease;
  width: 57px;
  z-index: 1;
}

.mini .switch {
  width: 74px;
}

.mini .switch input {
  width: 73px;
}

.mini .switch label:nth-of-type(1) {
  left: 10px;
}

.mini .switch label:nth-of-type(2) {
  right: 9px;
}

.mini .toggle {
  width: 35px;
}

.mini .switch input ~ :checked ~ .toggle {
  left: 36px;
}

/*end switch*/

.bootstrap-tagsinput {
  box-shadow: none !important;
  display: block !important;
  padding: 5px 12px !important;
  border-radius: 0 !important;
  border-color: #efefef !important;
}

.bootstrap-tagsinput:focus {
  border-color: #d6d6d6 !important;
}

.remove-variant {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 7px 12px;
  background: #ec7272;
}

.remove-variant:hover,
.remove-variant:active,
.remove-variant:focus,
.remove-variant:active:focus {
  background: #e26363 !important;
}

.js-add-variant {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 7px 12px;
}

.panel-body .panel-title {
  margin-bottom: 15px;
  font-size: 16px;
  margin-top: -5px;
}

.panel-body .panel-sub-title {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 600;
}

.image-drop {
  background: #fdfdfd;
}

.image-drop .fileinput-button,
.image-drop .fileinput-button-dep {
  display: block;
  text-align: center;
  min-height: 200px;
  font-size: 20px;
  border: 2px dashed #efefef;
  color: #3d3d3d;
  margin-bottom: 10px;
}

.image-drop .fileinput-button-promo {
  padding-top: 85px;
}

.image-drop .fileinput-button.thumb-size {
  width: 100%;
  padding-top: 75px;
  font-size: 16px;
  min-height: 175px;
  display: inline-block;
  margin-right: 15px;
  overflow: hidden;
  vertical-align: top;
  margin-bottom: 15px;
  float: left;
}

.image-drop .fileinput-button.thumb-size:before {
  display: none;
}

.image-drop .fileinput-button:hover {
  text-decoration: none;
  cursor: pointer;
}

.image-drop .fileinput-button-pro-banner,
.image-drop .fileinput-button-pro-retina,
.image-drop .fileinput-button-pro {
  display: block;
  text-align: center;
  min-height: 130px;
  font-size: 20px;
  border: 2px dashed #efefef;
  color: #3d3d3d;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.image-drop .fileinput-button-dep:before,
.image-drop .fileinput-button-pro-retina:before,
.image-drop .fileinput-button-pro:before,
.image-drop .fileinput-button-pro-banner:before {
  content: "Drop Image here";
  color: #585858;
  font-size: 16px;
  position: relative;
  top: 80px;
}

.image-drop .fileinput-button-pro-retina:before,
.image-drop .fileinput-button-pro:before,
.image-drop .fileinput-button-pro-banner:before {
  top: 45px;
  left: 0;
  position: absolute;
  right: 0;
}

.image-drop .dz-image-preview .error {
  font-size: 14px;
  margin-bottom: 0;
}

.image-drop .dz-image-preview a {
  font-size: 14px;
  padding: 5px 0px;
  display: block;
}

.image-drop .dz-image-preview .css-product-image-hover {
  margin-top: -40px;
}

.dz-remove {
  background-color: #dc3545;
  color: white;
  border: none;
  padding: 1px 1px;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s;
  width: 100px;
  margin: 0 auto;
}

.dz-remove:hover {
  background-color: darkred;
  color: white;
}

.dz-filename {
  display: none;
}
.dz-size {
  display: none;
}

.image-drop .dz-image-preview .dz-remove {
  position: absolute;
  bottom: 0px;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  left: 0;
  text-align: center;
  color: #e65858 !important;
  padding: 8px 0px;
}

.image-drop .dz-image-preview img {
  width: 100%;
}

.dz-image-preview {
  width: 100% !important;
}

.dz-image {
  width: 100% !important;
  border-radius: 1% !important;
}

/*.image-drop-edit {
	overflow: auto;
}*/

.image-pre .dz-image-preview,
.image-drop-edit .image-preview {
  width: 20%;
  display: inline-block;
  padding-right: 15px;
  overflow: hidden;
  vertical-align: top;
  margin-bottom: 15px;
  float: left;
}

.doc-pre .dz-image-preview {
  width: 100%;
  display: inline-block;
  padding-right: 0;
  overflow: hidden;
  vertical-align: top;
  margin-bottom: 0;
  float: left;
}

.image-pre .dz-image-preview:nth-child(5),
.image-drop-edit .image-preview:nth-child(5) {
  padding-right: 0;
}

.image-pre .dz-image-preview .img-border {
  border: 1px solid #efefef;
}

.image-pre .dz-image-preview img,
.image-drop-edit .preview img,
.image-drop-edit .preview img {
  width: 100%;
  height: 145px;
  object-fit: cover;
  border: none;
  border-color: #1ab394 !important;
  border-width: 2px !important;
}

.image-pre .dz-image-preview .error {
  display: none;
}

.progress {
  height: 10px;
  margin-bottom: 5px;
  margin-top: 2px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.image-pre .dz-image-preview .dz-remove {
  font-size: 13px;
}

.bundle-item.product .border {
  width: auto;
  margin-bottom: 10px;
}

.form-group.view .control-label {
  color: #979797;
  font-size: 12px;
  margin-bottom: 0;
}

.form-group.view p {
  text-transform: capitalize;
}

.email-letters {
  text-transform: lowercase !important;
}

.order-view-item-code {
  color: #777;
  font-size: 13px;
}

.js-promo-img-msg,
.js-site-img-msg,
.js-conv-img-msg,
.js-conv-report-msg {
  position: absolute;
  top: 4px;
  right: 0;
}

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

ul.view li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
}

ul.view li .bulb {
  width: 12px;
  height: 12px;
  background: #ddd;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 0;
}

ul.view li .bulb.green {
  background: #19a678;
}

ul.view li .bulb.red {
  background: #ec7272;
}

ul.view li .text {
  float: right;
  color: #979797;
  font-size: 12px;
  margin-top: 2px;
}

/*add product*/

/*product item*/

.product .border {
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border: 1px solid #e2e2e2;
  -webkit-transition: 0.1s all ease-in-out;
  transition: 0.1s all ease-in-out;
}

.product .image {
  height: 190px;
  border-bottom: 1px solid #e2e2e2;
  position: relative;
}

.product .image img {
  height: 150px;
  margin-top: 15px;
  object-fit: cover;
  width: auto;
}

.product .details {
  text-align: left;
  padding: 10px;
  position: relative;
}

.product .details .name {
  font-size: 13px;
  height: 35px;
  line-height: 18px;
  margin-bottom: 5px;
  text-transform: capitalize;
}

.product .details .price {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 600;
}

.product.no-col {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.product.no-col .details .remove {
  position: absolute;
  bottom: 12px;
  right: 10px;
}

#actions .fileupload-process {
  display: none;
}

.variant-box {
  border: 1px solid #efefef;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 20px;
}

.variant-box .js-remove-variant-data {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  font-size: 20px;
  color: #ec7272;
  cursor: pointer;
}

.completed-date {
  background-color: #fff !important;
}

.has-error .form-control:focus,
.has-error .form-control {
  border-color: #ec7272;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control-radio {
  border: 1px solid #f7f7f7;
  padding: 1px 10px 4px 10px;
}

.has-error .form-control-radio {
  border-color: #ec7272;
}

.fv-form-bootstrap .help-block {
  position: absolute;
  bottom: -15px;
  right: 0;
  font-size: 11px;
  color: #ec7272;
}

.manual-fv-j .help-block {
  text-align: right;
  color: #ec7272;
}

.static-error .help-block {
  position: static;
}

#js-drop-file + .help-block {
  right: 15px;
  margin-top: 0;
  bottom: -10px;
}

.has-success .form-control,
.has-success .form-control:focus {
  border-color: #bdefbe;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.contrct-div .help-block,
.teacher-activity-div .help-block {
  right: 15px;
}

textarea.form-control {
  max-width: 100%;
}

.btn-add-cart {
  position: absolute;
  bottom: 10px;
  right: 10px;
  border: 1px solid #e2e2e2;
  background: transparent;
  color: #555;
  padding: 4px 8px;
  font-weight: 600;
  font-size: 13px;
}

.product.bundle-item .btn-red {
  float: right;
  width: 90px;
  border-radius: 0;
  padding: 4px 12px;
  color: #fff;
  background: #ec7272;
}

.product.bundle-item {
  margin-bottom: 20px;
}

/*end product item*/

/*orders*/

.tool-bar .btn {
  padding: 4px 8px;
  color: #1ab394;
}

.tool-bar .btn-link {
  padding: 2px 8px;
  background: transparent !important;
}

.tool-bar .btn-link:hover {
  color: #1e9fd7 !important;
}

.total-ul {
  list-style: none;
  width: 300px;
  padding: 0;
  margin-left: auto;
  padding-right: 10px;
}

.total-ul li {
  margin-bottom: 10px;
}

.total-ul li span {
  width: 100px;
  float: right;
  display: inline-block;
  text-align: right;
}

.table-order {
  border-bottom: 1px solid #f7f7f7;
  margin-bottom: 10px;
}

.table-order > tbody > tr > td {
  border: none;
}

.table-order > tbody > tr > td:first-child,
.table-order > tbody > tr > th:first-child {
  padding-left: 0;
}

.order-head .btn-link {
  padding: 4px 12px;
}

.order-head.tool-bar {
  position: absolute;
  top: 4px;
  right: 12px;
  border: none;
}

ul.timeline {
  position: relative;
  list-style-type: none;
  padding-left: 30px;
}

ul.timeline .event {
  position: relative;
  background: #fff;
  border-radius: 2px;
  padding: 15px;
  margin-bottom: 10px;
  border-radius: 0;
}

.timeline .event .time {
  font-size: 10px;
  font-weight: 600;
  color: #555;
  margin-bottom: 5px;
}

.timeline .event .name {
  font-weight: 600;
  margin-bottom: 0;
}

ul.timeline:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  background: #ddd;
  left: 16px;
  top: 25px;
}

ul.timeline .event:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: #ddd;
  border-radius: 50%;
  top: 18px;
  left: -20px;
}

.status .label {
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 2px;
  display: inline-block;
  margin-left: 5px;
}

/*end orders*/

/*stats*/

.stats .panel {
  color: #fff;
}

.stats .panel.yellow {
  background: #dcc125;
  border-color: #dcc125;
}

.stats .panel.blue {
  background: #53abfd;
  border-color: #53abfd;
}

.stats .panel.green {
  background: #30c538;
  border-color: #30c538;
}

.stats .panel.red {
  background: #fd5353;
  border-color: #fd5353;
}

.stats .panel i.fa {
  font-size: 40px;
}

.stats .panel h2 {
  font-size: 80px;
  font-weight: 100;
}

.stats .panel h4 a {
  color: #fff;
}

/*end stats*/

/*side menu*/

body.menu-open .content {
  margin-left: 250px;
}

body.menu-open .side-panel {
  position: fixed;
  width: 250px;
  left: 0;
  top: 58px;
  background: #2f4050;
  bottom: 0;
  border-right: 1px solid #ddd;
  overflow-y: auto;
}

body.menu-open.open .side-panel {
  width: auto;
}

body.menu-open.open .side-panel li a {
  padding-left: 15px;
  padding-right: 19px;
}

body.menu-open.open .side-panel li a span {
  width: 30px;
  height: 20px;
  overflow: hidden;
  display: block;
  opacity: 0;
}

body.menu-open.open .side-panel li a:after {
  display: none;
}

body.menu-open.open .content {
  margin-left: 65px;
}

.side-panel li {
  display: block;
  float: none;
}

.side-panel li a {
  color: #a7b1c2 !important;
  padding-left: 10px;
  padding-top: 18px;
  padding-bottom: 18px;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}

.side-panel li.active a {
  background-color: #293948 !important;
  color: #f3f3f4 !important;
}

.side-panel li a:hover {
  background-color: #fbfbfb !important;
  color: #f3f3f4 !important;
  border-color: #f7f7f7;
}

.side-panel > li > a:focus,
.side-panel > li > a:hover {
  background: #293948 !important;
}

.side-panel li a:before,
.side-panel li a span:before {
  font-family: "tripplanner" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #a7b1c2;
  position: absolute;
  top: 22px;
  left: 24px;
  font-size: 1em;
}

.side-panel li.active a:before,
.side-panel li.active a:after {
  color: #f3f3f4;
}

.cms-nav .navbar-nav > li > a > i {
  padding-right: 10px !important;
  font-size: 1.2em;
}

.side-panel li a:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 20px;
  font-size: 14px;
  top: 22px;
  color: #ddd;
}

.side-panel li a:hover:before,
.side-panel li a:hover span:before,
.side-panel li.active a span:before {
  color: #f3f3f4 !important;
}

.side-panel li a:hover:after {
  color: #f3f3f4 !important;
}

/*end side menu*/

/*dropzone*/

.dropzone {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 20px;
  overflow: hidden;
  border: 2px solid #ddd;
}

.dropzone .dz-message {
  margin: 63px 0;
}

.dropzone .dz-preview .dz-image {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  margin: -1px -1px;
}

#logo .dz-preview .dz-image {
  border-radius: 28%;
  width: 150px;
  height: 150px;
  margin: -1px -1px;
}

.dropzone .dz-preview {
  margin: 0;
}

.dropzone .dz-preview.dz-image-preview {
  background: transparent;
}

.dropzone .dz-preview .dz-image img {
  width: 100%;
  height: 100%;
}

.dropzone .dz-preview .dz-remove {
  margin-top: -50px;
  z-index: 99;
  position: relative;
}

.dropzone-view {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  border: 2px solid #ddd;
}

/*end dropzone*/

/*switch-field*/

.switch-field label {
  width: 33.33%;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e7e7e7;
  background: transparent;
}

.switch-field label:first-of-type {
  border-radius: 3px 0 0 3px;
}

.switch-field label:last-of-type {
  border-radius: 0 3px 3px 0;
}

.switch-field input:checked + label {
  border-color: #17b394;
}

/*end switch-field*/

/*check-x*/

.check-x {
  position: relative;
}

.check-x input[type="checkbox"] {
  /* opacity: 0; */
}

.check-x label:before {
  content: "";
  height: 14px;
  width: 14px;
  border: 1px solid #e5e5e5;
  position: absolute;
  top: 3px;
  left: 0;
}

.check-x input[type="checkbox"]:checked + label:before,
.check-x.checked label:before {
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1ab394;
}

/*end check-x*/

/*check-tree*/

.activity-list {
  padding: 15px;
  border: 1px solid #e5e5e5;
}

.permission-list {
  padding: 10px 15px;
  border: 1px solid #e5e5e5;
}

.permission-list label {
  margin-right: 30px;
}

.permission-list label input[type="radio"] {
  margin-right: 5px;
}

.check-tree ul {
  padding: 0;
  list-style: none;
}

.check-tree ul li.head {
  margin-bottom: 5px;
  position: relative;
}

.check-tree .head.child-checked label:before {
  background: #1ab394;
}

.check-tree ul li.checks {
  margin-left: 20px;
}

.check-tree ul li.head input[type="checkbox"],
.check-tree ul li.checks input[type="checkbox"] {
  margin-right: 8px;
}

.check-tree-view {
  padding: 0;
}

.check-tree-view li {
  margin-left: 15px;
}

.check-tree-view li:first-child {
  list-style: none;
  margin-left: 0;
}

/*end check-tree*/

/*checklist*/

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

.checklist.view {
  padding: 15px;
}

.checklist li {
  overflow: hidden;
  margin-bottom: 10px;
  padding-top: 4px;
  text-transform: capitalize;
}

.checklist .btn-radio {
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin-top: -4px;
}

.checklist .btn-radio label {
  padding: 5px 0;
  text-align: center;
  width: 55px;
  border: 1px solid #e7e7e7;
  background: #fff;
  float: none;
  cursor: pointer;
  margin-bottom: 0;
}

.checklist.view .btn-radio label {
  cursor: default;
}

/*end checklist*/

/*Media queries*/

@media only screen and (max-width: 1450px) {
  .dataTables_filter {
    width: 250px;
  }
  .dataTables_filter label input {
    width: 200px;
  }
}

@media only screen and (max-width: 1742px) {
  .student-list-wrapper .dataTables_filter {
    position: static !important;
  }
}

@media only screen and (max-width: 1350px) {
  .dataTables_filter {
    position: static;
  }
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
  td a {
    padding: 3px 8px 7px 8px;
  }
  .actions-x {
    width: auto !important;
  }
  .status-x {
    width: 75px;
  }
  .product-name-x {
    width: 180px;
  }
  table.dataTable thead .sorting:before {
    top: 16px;
  }
  table.dataTable thead .sorting_asc:before {
    top: 16px;
  }
}

@media only screen and (min-width: 991px) {
  .pr50 {
    padding-right: 50px;
  }
}

@media only screen and (max-width: 480px) {
  .loginbox {
    margin-top: 15px;
    border: none;
    background: none;
  }
  .loginbox form {
    padding: 0;
  }
  .cms-sidebar {
    margin-left: -50px;
  }
  .content.off .cms-sidebar {
    margin-left: 0;
  }
  .cms-content {
    margin-left: 0 !important;
  }
  h2 small {
    display: block;
  }
  .breadcrumb {
    width: 100%;
    text-align: right;
  }
  .file-drop-zone-title {
    font-size: 16px;
  }
  form .foot .btn-default {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 8px 12px;
    font-size: 16px;
  }
  .panel-pad {
    padding: 15px;
  }
  form .foot {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info {
    text-align: left;
  }
  .dataTables_wrapper .dataTables_paginate {
    text-align: right;
  }
  .btn-file {
    padding: 8px 12px;
  }
  .dataTables_filter label {
    color: transparent !important;
    width: 100%;
  }
  .dataTables_filter {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
  }
  .dataTables_filter label input {
    margin: 0 !important;
    width: 100%;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    text-align: center;
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
  }
  .navbar-default .navbar-toggle {
    border: none;
    padding: 15px 16px;
    margin-right: 0;
  }
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover {
    background-color: transparent;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #1ab394;
  }
  body.menu-open .content {
    margin-left: 0;
  }
  body.menu-open .side-panel {
    position: static;
    width: auto;
    background: #fff;
    border-right: none;
    margin-top: 0;
    margin-bottom: 0;
  }
  .navbar-collapse {
    max-height: 100% !important;
    margin-right: -30px !important;
    margin-left: -30px !important;
  }
  .side-panel li a:before,
  .side-panel li a:after {
    display: none;
  }
  .side-panel li a {
    text-align: center;
    padding: 18px;
  }
  .cms-nav .navbar-nav > li > a {
    text-align: center;
  }
  .side-panel li.active a {
    border-right: none !important;
  }
}

@media only screen and (max-width: 991px) {
  .sidebar-menu .menu-item {
    width: 50px;
    overflow: hidden;
    padding: 15px 5px 14px 18px;
  }
  .content.off .sidebar-menu .menu-item {
    width: 230px;
    padding: 15px 5px 14px 18px;
    overflow: hidden;
  }
  .content.off .sidebar-menu .menu-item.logo .name {
    display: inline-block;
  }
  .content.off .cms-content {
    margin-left: 230px;
  }
  .sidebar-menu .menu-item:after {
    display: none;
  }
  .sidebar-menu .menu-item.logo {
    padding: 3px;
  }
  .sidebar-menu .menu-item.logo .logowrap {
    width: 45px;
    height: 45px;
  }
  .sidebar-menu .menu-item.logo .name {
    display: none;
  }
  .sidebar-menu .menu-item.logo img {
    padding: 5px;
    width: 42px;
  }
  .cms-content {
    margin-left: 51px;
    padding: 10px;
  }
  .table-head .btn-link {
    padding: 2px 12px;
    font-size: 20px;
  }
  .table-head .btn-link {
    min-width: AUTO;
  }
}

/*End Media queries*/

/* Navigation module CSS */

.nav-no-cat {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: center;
  padding-top: 80px;
  font-weight: initial;
}

/* End Navigaion CSS */

.txt-btn {
  font-weight: 400;
  cursor: pointer;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Custom error containers */

.custom-warning-permission {
  padding-left: 2%;
  color: #a94442;
}

/* End of custom error containers messages */

/* Datatables preloader styles*/

.preloader.full-width {
  width: 100%;
  height: 120px;
  margin-left: 0px;
  margin-right: 0px;
}

.preloader-dotline .dot {
  display: inline-block;
  background: #666;
  height: 5px;
  width: 5px;
  opacity: 0;
  border-radius: 50%;
  animation: dotline-move 4s infinite;
  transform: translateX(-300px);
}

.preloader-dotline .dot:nth-child(1) {
  animation-delay: 0.8s;
}

.preloader-dotline .dot:nth-child(2) {
  animation-delay: 0.7s;
}

.preloader-dotline .dot:nth-child(3) {
  animation-delay: 0.6s;
}

.preloader-dotline .dot:nth-child(4) {
  animation-delay: 0.5s;
}

.preloader-dotline .dot:nth-child(5) {
  animation-delay: 0.4s;
}

.preloader-dotline .dot:nth-child(6) {
  animation-delay: 0.3s;
}

.preloader-dotline .dot:nth-child(7) {
  animation-delay: 0.2s;
}

.preloader-dotline .dot:nth-child(8) {
  animation-delay: 0.1s;
}

@keyframes dotline-move {
  40% {
    transform: translateX(0px);
    opacity: 0.8;
  }
  100% {
    transform: translateX(300px);
    opacity: 0;
  }
}

.collection-btn {
  margin-top: 25px;
}

.refresh-btn {
  margin-top: 24px;
}

/* End of datatables preloader styles*/

/*---table-text-align----*/

.tbl-txt-align {
  text-align: right;
}

.btn-del {
  position: absolute;
  top: 48px;
  right: 15px;
}

/*--sub city count badge--*/

.sub-cnt {
  /*width: 45px;*/
  background: #85c342;
  top: -2px;
  right: -2px;
  padding: 5px 0;
  font-size: 10px;
  height: 20px;
  width: 20px;
}

.select2-selection__clear {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 20px;
  color: #ec7272;
  margin-right: -20px;
  background: #fff;
  z-index: 1;
}

/* DO NOT REMOVE --------- ############ ---------- ######### */

/*/* HCD Desings - Nipuna */

.custom-row {
  border-bottom: 1px solid #efefef;
  margin-top: 2%;
  margin-bottom: 2%;
}

.custom-view-header {
  border-bottom: 1px solid #efefef;
  margin-bottom: 2%;
}

.analytic-th {
  background-color: #e7e7e7;
}

.bar {
  height: 5px;
  background: #0bd050;
}

/*icon size changed*/
.glyphicon-lg {
  font-size: 63px;
}

/*import student list error msg*/

.error-ms {
  color: #ec7272;
}

.blink {
  animation: fader 1s infinite;
  -webkit-animation: fader 1s infinite;
}

@keyframes fader {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fader {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

/* TABLE - Likelihood of Harm */

.ui-likelihood caption {
  padding: 10px;
  background: #1ab394;
  color: #fff;
  font-size: 14px;
}

.hazard_selected {
  color: #f00 !important;
  background: #5ebaf1a1 !important;
}

.risk_score {
  color: #f00 !important;
  background: #5ebaf1a1 !important;
}

.risk_score_pst {
  color: #f00 !important;
  background: #5ebaf1a1 !important;
}

.ui-extreme {
  background: #fc0d1b;
  color: #333;
}

.ui-high {
  background: #fdbf2d;
  color: #333;
}

.ui-moderate {
  background: #fffd38;
  color: #333;
}

.ui-low {
  background: #94ce58;
  color: #333;
}
/* TABLE END -  Likelihood of Harm */

/* Increase modal width */
.modal-1250 {
  width: 1250px;
}

.wrap-below .dtr-data {
  display: table;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.custom-height-width {
  height: 29px !important;
  width: 116px !important;
}

td.details-control {
  background: url("../img/cms/details_open.png") no-repeat center center;
  cursor: pointer;
}
tr.shown td.details-control {
  background: url("../img/cms/details_close.png") no-repeat center center;
}

.dlt-btn {
  font-size: 18px !important;
}

.flt-lt {
  float: left !important;
}

.saving-cost {
  position: absolute;
  top: 7px;
  font-size: 15px;
  right: 76px;
  color: #2bb89c;
  background: #fff;
}

.border-radius-15 {
  border-radius: 28% !important;
}

.dot {
  height: 9px;
  width: 9px;
  background-color: #fb1313;
  border-radius: 50%;
  display: inline-block;
}

.btn-parent-approve {
  height: 34px !important;
  padding: 4px 12px !important;
  font-size: 14px !important;
}

.wrap-text {
  overflow-wrap: break-word;
}

/* preview template  */
.btn-preview {
  height: 30px !important;
  font-size: 11px !important;
}

.modal {
  overflow-y: auto;
}

.a-tag-color-approved {
  color: #00b494 !important;
}

.a-tag-color-declined {
  color: #e45f5f !important;
}

.popover-content {
  max-height: 300px;
  overflow-y: auto;
}

.min-badge {
  width: 40px;
}

.wizard-button {
  background-color: #16a587 !important;
}

.wizard-button:hover {
  background-color: #16a587 !important;
}

.wizard_column_name {
  background-color: #d1d0d0;
  margin: 10px;
  padding: 10px;
  border-radius: 3px;
  width: 400px;
}

.wizard_dropdown_column_name {
  width: 550px;
}

.wizard_mapping_column_name {
  width: 550px;
}

.wizard_column_name_danger {
  background-color: #db6e6e;
  margin: 10px;
  padding: 10px;
  border-radius: 3px;
  color: white;
  border: 2px solid#da4949;
}

.wizard-arrow {
  background-color: #16a587;
  border-radius: 100px;
  padding: 7px;
  color: white;
}

.input-danger {
  border: 1px solid red !important;
}

.wizard-modal-dialog .modal-dialog {
  width: 927px !important;
}

.wizard_info_section_topics {
  margin-top: 20px !important;
  margin-left: 21px;
}

.import-wizard-template-name {
  background-color: #e4e3e3;
  margin-top: 10px;
  padding: 10px;
  border-radius: 3px;
  color: rgb(0, 0, 0);
  border: 2px dashed#a1a1a1;
  vertical-align: baseline;
  width: 50%;
}

.wizardContainer {
  background-color: darkslategray;
  padding: 5px;
  border-radius: 7px;
}

.text-danger-glow {
  text-shadow: 0 0 4px #d8d8d8;
  color: #bbbbbb;
}

.text-success-glow {
  text-shadow: 0 0 4px #16a587;
  color: #16a587;
}

@media (min-width: 768px) {
  .modal-document-selector .modal-dialog {
    width: 1200px !important;
    margin: 30px auto;
  }

  .modal-file-action .modal-dialog {
    width: 705px;
  }
}

.file-drop-area {
  position: relative;
  display: flex;
  align-items: center;
  width: 450px;
  max-width: 100%;
  padding: 25px;
  border: 1px dashed rgba(255, 255, 255, 0.4);
  border-radius: 3px;
  transition: 0.2s;
}

.choose-file-button {
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  padding: 8px 15px;
  margin-right: 10px;
  font-size: 12px;
  text-transform: uppercase;
}

.file-message {
  font-size: small;
  font-weight: 300;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.text-theme {
  color: #1ab394;
}

.btn-light-blue {
  background-color: #0679c5 !important;
  color: white !important;
  border-color: #0679c5 !important;
}

.btn-light-green {
  background-color: #16a587 !important;
  color: white !important;
}
.completion_note_popup .modal-content {
  width: 800px;
}

.completion_note_popup .modal-dialog {
  width: 750px;
}
.border_error {
  border-width: 3px !important;
  border-color: rgb(207, 26, 26) !important;
  border-style: solid;
}

.border_approved {
  border-width: 3px !important;
  border-color: rgb(128, 0, 128) !important;
  border-style: solid;
}

.activity_date_time_text {
  font-size: 12px;
  margin-top: 1px;
}

.btn-activity-approval {
  padding: 2px !important;
  width: 150px !important;
  height: 27px !important;
}

.section-activity-approval {
  margin-top: 1px !important;
}

.activity-status-success {
  color: #558955;
  padding: 2px;
  background-color: #deefd8;
}

.activity-status-danger {
  color: #a8403e;
  padding: 2px;
  background-color: #f2dede;
}

.activity-status-default {
  color: #2d6f90;
  padding: 2px;
  background-color: #d9ebf7;
}

.activity-approval-text {
  margin-left: 20px;
}

.activity-approval-buttons {
  margin-top: 25px;
}

.btn-activity-approval-approve,
.btn-proceed-process {
  height: 40px;
}

.btn-activity-approval-reject,
.btn-cancel-process {
  height: 40px;
  min-width: 120px;
  margin-left: 15px;
}

.text-danger {
  color: #bf2323 !important;
}

.trip_letter_edit_widget .modal-dialog {
  width: 85%;
}

.img_trip_letter_school_logo_preview {
  max-height: 110px;
}

.trip_letter_panel {
  padding: 0px !important;
}

#trip_search_results {
  position: absolute;
  z-index: 1000;
  width: 80%;
  display: none;
  max-height: 400px; /* Set your desired max height */
  overflow-y: auto; /* Make it scrollable */
}

#trip_search_results li {
  border: none;
  padding: 10px;
  cursor: pointer;
  border-left: 4px solid white;
  background-color: #fcfcfc;
}

#trip_search_results li:hover {
  background-color: #f0f0f0;
  border-left: 4px solid #19b394;
}

#trip_search {
  border-radius: 50px;
}


/* Reusable outlined box — use on any grouping that needs visual separation */
.section-box {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 14px 16px;
  margin-bottom: 20px;
}