/* CSS Document */

.form-material .has-danger .form-control,
.form-material .has-danger .form-control.focus,
.form-material .has-danger .form-control:focus {
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#ef5350),
      to(#ef5350)),
    -webkit-gradient(linear, left top, left bottom, from(#e9edf2), to(#e9edf2));
  background-image: -webkit-linear-gradient(#ef5350, #ef5350),
    -webkit-linear-gradient(#e9edf2, #e9edf2);
  background-image: -o-linear-gradient(#ef5350, #ef5350),
    -o-linear-gradient(#e9edf2, #e9edf2);
  background-image: linear-gradient(#ef5350, #ef5350),
    linear-gradient(#e9edf2, #e9edf2);
  border: 0 none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: none;
}

.form-material .has-success .form-control,
.form-material .has-success .form-control.focus,
.form-material .has-success .form-control:focus {
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(#0fbc71),
      to(#0fbc71)),
    -webkit-gradient(linear, left top, left bottom, from(#e9edf2), to(#e9edf2));
  background-image: -webkit-linear-gradient(#0fbc71, #0fbc71),
    -webkit-linear-gradient(#e9edf2, #e9edf2);
  background-image: -o-linear-gradient(#0fbc71, #0fbc71),
    -o-linear-gradient(#e9edf2, #e9edf2);
  background-image: linear-gradient(#0fbc71, #0fbc71),
    linear-gradient(#e9edf2, #e9edf2);
  border: 0 none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: none;
}

.editable-click,
a.editable-click,
a.editable-click:hover {
  border-bottom: dashed 1px #0fbc71 !important;
  cursor: pointer;
}

.mailbox .message-center {
  height: auto !important;
  max-height: 400px;
}

.row-link {
  cursor: pointer;
}

.row-link:hover {
  background: rgba(232, 30, 124, 0.4) !important;
  color: white !important;
}

.table-striped.point tbody tr:hover {
  background: rgba(232, 30, 124, 0.4) !important;
  color: white !important;
  cursor: pointer;
}

button:disabled,
button[disabled] {
  cursor: not-allowed;
}

table.dataTable th,
table.dataTable td {
  white-space: nowrap;
  margin-right: 20px;
}

.sidebar-nav ul li ul li a {
  padding: 8px 12px 7px 15px;
}

div.circle-avatar {
  /* make it responsive */
  max-width: 130px;
  width: 100%;
  height: auto;
  display: block;
  /* div height to be the same as width*/
  padding-top: 130px;

  /* make it a cirkle */
  border-radius: 50%;

  /* Centering on image`s center*/
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;

  /* it makes the clue thing, takes smaller dimention to fill div */
  background-size: cover;
}

.fc-more-popover {
  width: 440px !important;
}

.fc-more-popover .fc-event-container a {
  display: inline-block;
  margin: 1px;
  flex-wrap: wrap;
  width: 198px;
}

#st-card-number-iframe,
#st-expiration-date-iframe,
#st-security-code-iframe {
  width: 100%;
  height: 70px !important;
}

#st-animated-card-iframe {
  display: unset !important;
}

.flex-even {
  flex: 1;
}

.select2-container .select2-search--inline .select2-search__field {
  /* font-size: 100%; */
  /* margin-top: 5px; */
  /* margin-left: 5px; */
  /* padding: 0; */
  /* max-width: 100%; */
  /* resize: none; */
  height: 26px !important;

  font-family: inherit !important;
  margin: 0 !important;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  /* margin-left: 5px; */
  /* margin-top: 5px; */
  margin: 0 !important;
}

.my-flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}


.editable-controls input {
  width: 100%
}

/*
Template Name: Admin pro Admin
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/*
Template Name: Admin Pro Admin
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*******************
Form icheck
******************/
.icolors,
.icheck-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.icolors>li {
  padding: 0;
  margin: 2px;
  float: left;
  display: inline-block;
  height: 30px;
  width: 30px;
  background: #263238;
  text-align: center;
}

.icolors>li.active:after {
  content: "\2713 ";
  color: #ffffff;
  line-height: 30px;
}

.icolors>li:first-child {
  margin-left: 0;
}

.icolors>li.orange {
  background: #ef5350;
}

.icolors>li.yellow {
  background: #ffb22b;
}

.icolors>li.info {
  background: #398bf7;
}

.icolors>li.green {
  background: #06d79c;
}

.icolors>li.red {
  background: #fb3a3a;
}

.icolors>li.purple {
  background: #7460ee;
}

.icolors>li.blue {
  background: #02bec9;
}

.icheck-list {
  float: left;
  padding-right: 50px;
  padding-top: 10px;
}

.icheck-list li {
  padding-bottom: 5px;
}

.icheck-list li label {
  padding-left: 10px;
}
.bg-orange {
  background-color: #fd7e14 !important;
  color: #fff !important;
}