@font-face {
    font-family: OSR;
    src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
    font-family: OSL;
    src: url(../fonts/OpenSans-Light.ttf);
}
@font-face {
    font-family: OSB;
    src: url(../fonts/OpenSans-Bold.ttf);
}



html,body {

}

body {
	position: relative;
	min-width: 768px;
	width: 100%;
	background-color: #f6f7f9;
	font-family: OSR;
	font-size: 14px;
	font-weight: 400;
	background-image: url(../images/bg.png);
	background-size: 6px 6px;
	overflow-x: hidden!important;

}

table {
  border-spacing: 0;
  border-collapse: collapse; }

a {
  text-decoration: none;
  outline: none;
  color: #333;
  background-color: transparent; }
  a:hover, a:active {
    outline: 0; }

b,
strong {
  font-weight: 600; }

input,
textarea {
  font-family: "Montserrat", sans-serif;
  box-shadow: none;
  background-color: transparent;
  border: 0; }

label,
.label {
  font-weight: 400; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[readonly] {
  background: #fafafa; }

textarea {
  resize: none; }

button {
  font-family: "Montserrat", sans-serif;
  background-color: transparent; }

select {
  border: none;
  outline: none; }

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

.row {
  margin-left: -7.5px;
  margin-right: -7.5px; 
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-left: 7px;
  padding-right: 7px; }

.ui-widget {
  font-family: "Montserrat", sans-serif; }

.ui-datepicker {
  font-size: 16px; }

.ui-datepicker .ui-datepicker-header {
  background: none;
  border: 0;
  border-bottom: 1px solid #DDD; }

.ui-state-default {
  width: 34px;
  height: 34px;
  line-height: 20px; }

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: none;
  border: 0; }

td.ui-datepicker-unselectable .ui-state-default {
  background: #DDD; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  text-align: center;
  border: 0;
  padding: 7px;
  color: #FFF;
  border-radius: 2px;
  background: #03a9f3; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #03a9f3;
  background: #03a9f3; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  background: #03a9f3; }

.dataTables_wrapper {
  font-size: 14px;
  background-color: #FFF;
  box-shadow: 0 0 10px 0 rgba(218, 218, 218, 0.1); }
  .dataTables_wrapper .dataTables_filter {
    margin: 10px 0;
    text-align: right; }

.dataTables_length {
  font-size: 14px;
  margin: 10px 0 10px 0; }

.fc button:active {
  color: #333;
  background: #FFF; }
.fc td {
  background: #fff;
  border-color: #EEE; }

.fc-state-active {
  box-shadow: none;
  color: #FFF;
  background: #337ab7 !important; }
  .fc-state-active:hover {
    box-shadow: none;
    color: #FFF;
    background: #337ab7 !important; }

.ui-selectmenu-button {
  width: 75% !important;
  font-size: 12px !important;
  padding: 10px !important;
  letter-spacing: .5px;
  border: 1px solid #DDD !important;
  border-radius: 2px !important;
  background: #FFF !important; }

.ui-menu-item {
  font-size: 14px; }

.ui-menu .ui-menu-item-wrapper {
  padding: 5px; }

table.ui-datepicker-calendar {
  border-collapse: separate; }

.ui-datepicker-calendar td {
  border: 1px solid transparent; }

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
  background: #cc5151 none;
  color: white; }

.ui-datepicker-inline {
  margin: 0 auto; }

#other-holiday {
  padding: 20px 0 0 0; }
  #other-holiday .ui-state-default {
    background: #bbb;
    border: 0;
    color: #333; }
    #other-holiday .ui-state-default:hover {
      border: 0; }
  #other-holiday .ui-widget.ui-widget-content {
    padding: 0;
    background: #f9f9f9; }
  #other-holiday .ui-state-highlight {
    border: 0; }
    #other-holiday .ui-state-highlight .ui-state-default {
      color: #FFF;
      background: #cc5151; }
  #other-holiday .ui-datepicker-today a {
    color: #FFF;
    background: #03a9f3; }
  #other-holiday .ui-datepicker-header {
    border-top: 1px solid #DDD; }

#ui-datepicker-div {
  font-size: 16px; }

.ui-datepicker {
  font-size: 16px; }

.ui-widget-header {
  background: #DDD;
  border-bottom: 1px solid #EEE;
  border-radius: #DDD; }

.dataTables_wrapper label {
  color: #333; }

.well {
  background: #f6f6f6;
  border-radius: 0;
  margin-bottom: 0;
  border-color: #EEE;
  box-shadow: 0 0 10px 0 rgba(105, 105, 105, 0.1); }

.label-light {
  color: #333;
  background: #EEE; }

.margin-0 {
  margin: 0; }

.tbl {
  display: table;
  width: 100%; }

.tbl-row {
  display: table-row; }

.tbl-cell {
  vertical-align: middle; }

.font-12 {
  font-size: 12px;
  line-height: 20px; }

.font-13 {
  font-size: 13px !important;
  line-height: 23px; }

.font-14 {
  font-size: 14px;
  line-height: 26px; }

.font-16 {
  font-size: 16px;
  line-height: 30px; }

.font-18 {
  font-size: 18px;
  line-height: 35px; }

.font-20 {
  font-size: 20px;
  line-height: 38px; }

.font-24 {
  font-size: 24px; }

.font-500 {
  font-weight: 600; }

.font-400 {
  font-weight: 400; }

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

.color-primary {
  color: #03a9f3 !important; }

.color-red {
  color: #cc5151 !important; }

.color-blue {
  color: #32C1CE !important; }

.color-green {
  color: #54C798 !important; }

.color-orange {
  color: #EfA752 !important; }

.color-purple {
  color: #A675D4 !important; }

.cursor-pointer {
  cursor: pointer; }

.btn-primary {
  background: #03a9f3;
  border-color: #03a9f3; }

.padding-10 {
  padding: 10px; }

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

.width-40 {
  width: 40px !important; }

.width-50 {
  width: 50px !important; }

.width-100 {
  width: 100spx !important; }

.col-inset-0 {
  padding-left: 0;
  padding-right: 0; }

.weekly-container select::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 5px; }
.weekly-container select::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5; }
.weekly-container select::-webkit-scrollbar-thumb {
  background-color: #AAA;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 75%, transparent 75%, transparent); }

.media-hdr p {
  font-size: 18px;
  color: #333;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: .5px; }
  .media-hdr p span {
    font-size: 12px;
    color: #AAA;
    text-transform: none; }

.media-upload-container {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px 30px;
  font-size: 12px; }

.dropzone {
  border: 2px dotted #03a9f3; }
  .dropzone .dz-message span {
    font-size: 24px;
    color: #999;
    text-transform: uppercase; }

.media-all {
  text-align: center;
  margin: 0 30px;
  padding: 0 0 20px 0; }
  .media-all img {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    cursor: pointer; }

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

.media-all-block {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 10px 20px;
  text-align: center;
  border: 1px solid #DDD; }
  .media-all-block > div {
    position: relative; }
    .media-all-block > div input {
      display: inline-block;
      position: absolute;
      width: 1%;
      visibility: hidden; }
      .media-all-block > div input:checked + label span {
        background: #03a9f3;
        border: 1px solid #03a9f3; }
        .media-all-block > div input:checked + label span::before {
          font-family: FontAwesome;
          content: "\f00c";
          width: 17px;
          height: 17px;
          line-height: 17px;
          color: #FFF; }
    .media-all-block > div label {
      display: block;
      font-size: 12px;
      color: #777;
      padding: 5px 0 0 0;
      max-width: 120px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      cursor: pointer; }
    .media-all-block > div a {
      position: absolute;
      top: -10px;
      right: -42px;
      cursor: pointer; }
      .media-all-block > div a .fa {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
        color: #FFF;
        text-align: center;
        background-color: #cc5151;
        border-radius: 2px; }

.image-upload {
  display: inline-block;
  vertical-align: top;
  padding: 5px 0 0 0; }
  .image-upload a {
    display: inline-block;
    font-size: 14px;
    color: #333;
    padding: 5px 20px;
    background: #DDD;
    border-radius: 2px; }
.pac-nombres{
    font-weight:bold;
    font-size:16px;
    line-height: 16px;
    text-transform:uppercase;
}
.fright{
    float:right;
}
.w10{
    width:10%;
}
#logo-li {
    background-image: none !important;
}
.fechas-big{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 16px;
}
.saved-picture {
  display: inline-block;
  vertical-align: top; }
  .saved-picture img {
    width: 140px;
    height: auto;
    max-height: 140px; }

.saved-picture-delete {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 0; }
  .saved-picture-delete a {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    background-color: #999;
    border-radius: 2px; }

.gallery-picture {
  display: inline-block;
  vertical-align: top;
  margin: 10px; }
  .gallery-picture > div {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    background: #FFF;
    border: 1px solid #DDD; }
  .gallery-picture img {
    width: 90px;
    height: auto;
    max-height: 100px; }
  .gallery-picture a {
    display: inline-block;
    vertical-align: top; }
    .gallery-picture a .fa {
      width: 32px;
      height: 32px;
      line-height: 32px;
      font-size: 16px;
      color: #FFF;
      text-align: center;
      background-color: #cc5151;
      border-radius: 2px; }

.gallery-upload {
  display: inline-block;
  vertical-align: top;
  padding: 5px 0 0 0; }
  .gallery-upload a {
    display: inline-block;
    font-size: 14px;
    color: #333;
    padding: 5px 20px;
    background: #DDD; }

#main-wrapper {
  position: relative;
  min-height: 100%; }

#logo {
	width: 170px;
	line-height: 70px;
	background: #1e4e51;
	overflow: hidden;
	text-align: center;
}
#logo a {
    display: inline-block;
    margin: 0 
}
#logo img {
	height: 25px; 
}
.logo-icon a {
	margin-left: 0px !important; 
}
.logo-icon img {
  height: 50px !important; 
}

#menu-wrapper {
  width: 170px;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background: #223839;
  z-index: 11;
  overflow: hidden;
	text-align: center;
}

#menu::-webkit-scrollbar-track, .notes::-webkit-scrollbar-track, .notes-menu::-webkit-scrollbar-track, .nav-dropdown-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
  border-radius: 5px; }
#menu::-webkit-scrollbar, .notes::-webkit-scrollbar, .notes-menu::-webkit-scrollbar, .nav-dropdown-body::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5; }
#menu::-webkit-scrollbar-thumb, .notes::-webkit-scrollbar-thumb, .notes-menu::-webkit-scrollbar-thumb, .nav-dropdown-body::-webkit-scrollbar-thumb {
  background-color: #AAA;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 75%, transparent 75%, transparent); }

.menu-user {
  width: 170px;
  position: relative;
  padding: 20px 8px;
  background: #f6f6f6; }

.menu-user-icon {
  display: inline-block;
  vertical-align: middle; }
  .menu-user-icon .fa {
    font-size: 48px;
    color: #CCC; }

.menu-user-info {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 15px;
  width: 160px; }
  .menu-user-info p {
    margin: 0;
    font-size: 12px;
    color: #555;
    width: 96%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    .menu-user-info p:nth-child(1) {
      font-weight: 500;
      font-size: 16px; }

.menu-user-dropdown {
  position: absolute;
  top: 25px;
  right: 10px; }
  .menu-user-dropdown .fa {
    color: #AAA;
    cursor: pointer; }
    .menu-user-dropdown .fa:hover {
      color: #777; }
  .menu-user-dropdown ul {
    padding: 10px 0 !important;
    height: auto !important;
    border: 0;
    width: 180px;
    border-radius: 0;
    box-shadow: 0 0px 12px rgba(0, 0, 0, 0.175);
    overflow: hidden; }
    .menu-user-dropdown ul li {
      width: auto !important;
      text-align: left; }
      .menu-user-dropdown ul li .fa {
        width: auto !important; }

#menu-menu {
	position: relative;
	width: 100%;
	height: 100%; 
}

#menu-menu ul {
	margin: 0;
	padding: 20px 0 50px 0;
}

#menu-menu ul > li {
	width: 170px; 
}

#menu-menu ul li {
    position: relative;
    display: block;
    cursor: pointer;
    border-bottom: 1px solid darkslategray;
}
      #menu-menu ul li:nth-last-child(1) {
        border-bottom: 0; 
}
        #menu-menu ul li a:hover {
          color:black !important;
          text-decoration: none; 
		}
        #menu-menu ul li a span {
          display: inline-block;
          vertical-align: middle;
			color: #00afb7;
		}
          #menu-menu ul li a.active::before {
            left: 0; 
}
        #menu-menu ul li a.active-danger {
          color: #fb9678; 
}
          #menu-menu ul li a.active-danger .fa.fa-laptop {
            color: #fb9678; 
}

#menu-menu ul .sub-menu {
display: none;
padding: 0 0 0 20px !important;
background-color: #fcfcfc; }
#menu-menu ul .sub-menu li a {
font-size: 13px;
color: #333; }
#menu-menu ul .sub-menu li a:hover {
color: #03a9f3; }
#menu-menu ul .sub-menu li a::before {
display: none; }

.menu-arrow-rotate .fa-angle-down {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  transform: rotateZ(180deg); }

.menu {
  overflow: auto; }

.container {
	position: relative;
	display: block;
	width: auto;
	margin-left: 170px;
	padding: 0;

}
  .container.active {
    margin-left: 170px; }

.page-menu {
  text-align: right; }
  .page-menu a {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #FFF;
    margin: 0 5px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: #9447da; }
  .page-menu form {
    display: inline-block; }
  .page-menu button {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #FFF;
    margin: 0 5px;
    text-align: center;
    border-radius: 2px;
    background-color: #03a9f3;
    border: 0;
    cursor: pointer; }

#page-menu-invoice {
  color: #fb9678;
  background: #f8f8f8; }

#cancel {
  border: 1px solid #aaa;
  margin: 0 5px 0 0;
  background-color: transparent; }
  #cancel .fa {
    color: #EEE; }

.content {
	position: relative;
	padding: 25px;
	background: #f6f7f9;
	background-image: url(../images/bg.png);
	background-size: 6px 6px;
}

.table-icon {
  min-width: 100px;
  width: 100px; }
  .table-icon .fa {
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 28px;
    text-align: center;
    color: #FFF;
    background: #1d9f75;
    border-radius: 4px; }

.table-srno {
  width: 60px; }

.table-img {
  width: 100px;
  margin: 0 auto;
  text-align: center; }
  .table-img img {
    width: 80px;
    height: 80px; }

.table-action {
  min-width: 100px;
  width: 100px;
  text-align: center; }

.table-action-3 {
  width: 140px;
  min-width: 140px; }

.table-action-button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px; }
  .table-action-button:hover::before {
    left: -10px; }
  .table-action-button a {
    display: block; }
  .table-action-button .fa {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    border-radius: 2px;
    cursor: pointer; }

.table-name {
  min-width: 200px;
  width: 200px; }

.table-edit .fa {
  background-color: #03a9f3; }

.table-invoice .fa {
  background-color: #4c5667; }

.table-delete:hover::before {
  left: -25px; }
.table-delete .fa {
  background-color: #fb9678; }

#card-table {
  width: 100% !important;
  border-bottom: 0; }
  #card-table tr {
    background: transparent; }
    #card-table tr:nth-child(1) td {
      border-top: 0; }
      #card-table tr:nth-child(1) td .card-block:nth-child(1) {
        padding: 0;
        margin: 0; }
  #card-table td {
    padding: 0; }

.card-block {
  position: relative;
  margin: 20px 0 0 0;
  border: 1px solid #EEE;
  border-left: 0; }

.card {
  position: relative;
  width: 100%;
  padding: 5px 10px 10px 5px;
  background: #FFF;
  border-left: 5px solid;
  border-color: #AAA;
  transition: all .4s; }
  .card:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.18); }

.card-hdr {
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #EEE; }

.card-left span {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #FFF;
  background: #AAA;
  border-radius: 2px; }

.card-right span {
  font-weight: 600; }
.card-right em {
  font-size: 12px; }

.card-img {
  width: 100px;
  display: table-cell;
  vertical-align: top;
  padding: 0 10px 0 10px; }
  .card-img img {
    max-height: 69px; }
  .card-img .fa {
    color: #FFF;
    padding: 10px;
    background: #999;
    border-radius: 4px; }

.card-icon {
  width: 56px;
  vertical-align: middle; }

.card-info {
  display: table-cell;
  vertical-align: top; }
  .card-info .fa {
    min-width: 24px;
    text-align: center; }

.card-name {
  font-size: 16px;
  color: #333;
  white-space: nowrap; }

.card-text {
  font-size: 13px;
  color: #999;
  padding: 5px 0 0 0; }

.appointment-time {
  width: auto;
  border-left: 1px solid #EEE;
  border-right: 1px solid #EEE; }
  .appointment-time > div {
    display: inline-block;
    padding: 10px; }
    .appointment-time > div span {
      display: block;
      color: #f56b6b;
      font-size: 14px; }
  .appointment-time .fa {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    margin: 0 0 10px 0;
    color: #FFF;
    border-radius: 2px;
    background: #03a9f3; }

.patient-info {
  padding: 0 0 0 10px; }
  .patient-info .fa {
    width: 20px;
    color: #333;
    text-align: center; }

.patient-name {
  font-size: 14px;
  color: #333; }

.patient-other {
  font-size: 12px;
  color: #555;
  margin: 5px 0; }

.requester-subject span {
  font-size: 14px;
  color: #999; }
.requester-subject .fa {
  width: 20px;
  color: #DDD;
  text-align: center; }
.requester-subject p {
  font-size: 13px;
  color: #333;
  letter-spacing: .5px;
  max-height: 40px;
  padding: 0 0 0 25px;
  overflow: hidden; }

.requester-open {
  border-color: #fec107; }

.requester-closed {
  border-color: #00c292; }

.comment-approved {
  border-color: #00c292; }

.comment-unapproved {
  border-color: #fec107; }

.invoice-doctor-name {
  font-size: 14px;
  color: #cc5151;
  text-transform: uppercase;
  letter-spacing: .5px; }
  .invoice-doctor-name .fa {
    width: 20px;
    text-align: center; }

.invoice-amount {
  padding: 5px 0 0 0; }
  .invoice-amount p {
    margin: 0; }
  .invoice-amount span {
    display: inline-block;
    font-size: 12px;
    color: #999; }
    .invoice-amount span:nth-last-child(1) {
      width: 40px;
      font-size: 14px;
      color: #333; }

.card-color-canceled {
  border-color: #F57F7F; }
  .card-color-canceled .appointment-time span {
    color: #F57F7F; }
  .card-color-canceled .appointment-time .fa {
    background: #F57F7F; }

.card-color-in-process {
  border-color: #F09E72; }
  .card-color-in-process .appointment-time span {
    color: #F09E72; }
  .card-color-in-process .appointment-time .fa {
    background: #F09E72; }

.card-color-confirmed {
  border-color: #7FBC8E; }
  .card-color-confirmed .appointment-time span {
    color: #7FBC8E; }
  .card-color-confirmed .appointment-time .fa {
    background: #7FBC8E; }

.card-color-completed {
  border-color: #32c1ce; }
  .card-color-completed .appointment-time span {
    color: #32c1ce; }
  .card-color-completed .appointment-time .fa {
    background: #32c1ce; }

.card-color-new {
  border-color: #b87ce5; }
  .card-color-new .appointment-time span {
    color: #b87ce5; }
  .card-color-new .appointment-time .fa {
    background: #b87ce5; }

.card-ftr {
  width: 100%;
  min-height: 30px;
  padding: 5px 0 0 0;
  margin: 5px 0 0 0;
  border-top: 1px solid #EEE; }
  .card-ftr .label {
    margin: 0 5px 0 0;
    font-size: 12px; }

.card-action {
  position: absolute;
  bottom: 3px;
  right: 5px; }

.delete-card-ttl {
  font-size: 18px;
  color: #555;
  letter-spacing: .5px;
  text-align: center; }

.delete-card-button {
  display: inline-block;
  vertical-align: middle; }

.alert {
  font-size: 13px;
  letter-spacing: .5px;
  padding: 8px 35px 8px 15px;
  margin: 0;
  border-radius: 0; }

.content-block {
  position: relative;
  text-align: left;
  margin-bottom: 25px; }

.content-block-horizantal .content-input {
  padding: 15px; }
  .content-block-horizantal .content-input label {
    display: block;
    width: auto;
    font-weight: 600;
    text-align: left;
    padding-top: 0; }
  .content-block-horizantal .content-input input {
    width: 100%; }
  .content-block-horizantal .content-input select {
    width: 100%; }
  .content-block-horizantal .content-input textarea {
    width: 100%; }
  .content-block-horizantal .content-input .ui-selectmenu-button {
    width: 100% !important; }
  .content-block-horizantal .content-input .note-editor {
    width: 100%; }
.content-block-horizantal .content-description {
  padding: 5px 0 0 0; }
.content-block-horizantal .content-extra {
  font-size: 12px;
  width: 100%; }
.content-block-horizantal .content-checkbox {
  width: 100%; }
  .content-block-horizantal .content-checkbox input {
    width: 1%; }
  .content-block-horizantal .content-checkbox label {
    padding-top: 5px; }
.content-block-horizantal .content-radio-container {
  width: 100%; }
  .content-block-horizantal .content-radio-container label {
    font-weight: 400 !important; }
  .content-block-horizantal .content-radio-container .col-sm-6 label {
    margin: 5px;
    font-weight: 400; }
.content-block-horizantal .content-radio {
  padding: 15px;
  border-bottom: 0; }
  .content-block-horizantal .content-radio label {
    font-weight: 600;
    padding: 0 !important;
    text-align: left;
    width: 100%; }
.content-block-horizantal .content-input-error-name {
  padding: 5px 0 0 0; }

.content-block-ttl {
  position: relative;
  top: 1px;
  display: inline-block;
  text-align: left;
  font-size: 14px;
  text-transform: uppercase;
  color: #555;
  font-weight: 600;
  padding: 10px 20px;
  box-shadow: 0 -5px 15px 0 rgba(183, 183, 183, 0.04);
  background: #FFF; }

.content-block-main {
  padding: 15px 0;
  background: #FFF;
  box-shadow: 0 0 15px 0 rgba(88, 88, 88, 0.1);
  border-radius: 2px; }

.content-padding-10 {
  padding: 10px 30px; }

.content-input {
  position: relative;
  text-align: left;
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #f1f1f1; }
  .content-input:nth-last-child(1) {
    border-bottom: 0; }
  .content-input.content-input-error label {
    color: #cc5151; }
  .content-input.content-input-error input {
    border: 1px solid #cc5151; }
  .content-input.content-input-error textarea {
    border: 1px solid #cc5151; }
  .content-input .content-input {
    border-bottom: 0; }
  .content-input label {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    font-size: 13px;
    font-weight: 600;
    color: #555;
    font-weight: 600;
    text-align: right;
    padding: 10px 20px 0 0; }

.content-input label text {
    color: #cc5151;
    display: inline-block;
    padding: 0 5px 0 0;
	font-weight: 200!important;
	font-style: italic;
	font-size: 11px;
}

  .content-input .mce-tinymce {
    display: inline-block;
    vertical-align: top; }
  .content-input input {
    display: inline-block;
    vertical-align: top;
    width: 75%;
    color: #333;
    font-size: 12px;
    padding: 10px;
    letter-spacing: .5px;
    border: 1px solid #CCC;
    border-radius: 2px;
    box-shadow: inset 0 0px 1px 0 #ddd; }
    .content-input input::-webkit-input-placeholder {
      font-size: 12px;
      color: #AAA; }
    .content-input input::-moz-placeholder {
      font-size: 12px;
      color: #AAA; }
    .content-input input:-ms-input-placeholder {
      font-size: 12px;
      color: #AAA; }
  .content-input select {
    display: inline-block;
    vertical-align: top;
    width: 75%;
    letter-spacing: .5px; }
  .content-input textarea {
    display: inline-block;
    vertical-align: top;
    width: 75%;
    height: 120px;
    font-size: 12px;
    color: #333;
    padding: 10px;
    letter-spacing: .5px;
    border: 1px solid #CCC;
    border-radius: 2px;
    box-shadow: inset 0 0px 1px 0 #ddd; }
    .content-input textarea::-webkit-input-placeholder {
      font-size: 12px;
      color: #AAA; }
    .content-input textarea::-moz-placeholder {
      font-size: 12px;
      color: #AAA; }
    .content-input textarea:-ms-input-placeholder {
      font-size: 12px;
      color: #AAA; }

.content-input-border {
  border-bottom: 1px solid #F8F8F8 !important; }

.textarea-small {
  height: 200px !important; }

.textarea-medium {
  height: 300px !important; }

.textarea-large {
  height: 400px !important; }

.content-input-error-name {
  display: block;
  font-size: 12px;
  color: #cc5151;
  text-transform: capitalize;
  padding: 10px 0 0 20%;
  letter-spacing: .5px;
  display: none; }

.content-radio {
  position: relative;
  text-align: left;
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #f1f1f1; }
  .content-radio label {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    font-size: 14px;
    color: #333;
    text-align: right;
    padding: 10px 20px 0 0; }
    .content-radio label text {
      color: #cc5151;
      display: inline-block;
      padding: 0 5px 0 0; }

.note-editor {
  display: inline-block;
  vertical-align: top;
  width: 75%; }

.content-radio-container {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  font-size: 12px;
  color: #555;
  padding: 10px 0 0 0; }
  .content-radio-container > div {
    display: inline-block;
    vertical-align: middle; }
    .content-radio-container > div input {
      display: inline-block;
      position: absolute;
      width: 1%;
      visibility: hidden; }
      .content-radio-container > div input:checked + label span {
        background-color: #03a9f3; }
    .content-radio-container > div label {
      width: auto;
      display: inline-block;
      vertical-align: middle;
      text-align: left;
      padding: 0;
      margin: 0 20px 0 0;
      cursor: pointer; }
      .content-radio-container > div label p {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        margin: 0;
        font-size: 12px;
        color: #333; }
      .content-radio-container > div label span {
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        font-size: 16px;
        margin: 0 5px 0 0;
        border: 2px solid #03a9f3;
        border-radius: 2px; }
        .content-radio-container > div label span .fa {
          display: block;
          color: #FFF;
          width: 16px;
          height: 16px;
          line-height: 17px;
          text-align: center; }

.content-checkbox {
  display: inline-block;
  vertical-align: top;
  width: 50%; }
  .content-checkbox > div {
    display: inline-block;
    vertical-align: middle;
    margin: 10px; }
    .content-checkbox > div input {
      position: absolute;
      width: 1%;
      visibility: hidden;
      overflow: hidden; }
      .content-checkbox > div input:checked + label {
        color: #FFF;
        background: #03a9f3;
        border: 2px solid #03a9f3; }
    .content-checkbox > div label {
      width: auto;
      font-size: 14px;
      color: #333;
      padding: 5px 10px;
      background-color: #DDD;
      border: 2px solid #AAA;
      cursor: pointer; }

.category-list {
  padding: 0 0 0 0; }
  .category-list li {
    list-style: none;
    padding: 0 15px; }
    .category-list li input {
      display: inline-block;
      position: absolute;
      width: 1%;
      visibility: hidden; }
      .category-list li input:checked + label span {
        background-color: #03a9f3;
        border: 2px solid #03a9f3; }
    .category-list li label {
      display: block;
      text-align: left;
      cursor: pointer; }
      .category-list li label p {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        margin: 0 0 10px 0;
        font-size: 14px;
        color: #333; }
      .category-list li label span {
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        font-size: 16px;
        margin: 0 10px 10px 0;
        border: 2px solid #DDD;
        border-radius: 2px; }
        .category-list li label span .fa {
          display: block;
          color: #EEE;
          width: 16px;
          height: 16px;
          line-height: 17px;
          text-align: center; }
  .category-list ul {
    padding: 0 0 0 15px; }

.content-submit {
  position: relative;
  text-align: left;
  padding: 15px 0 15px 0; }
  .content-submit label {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    font-size: 12px;
    color: #555;
    text-align: right;
    padding: 10px 20px 0 0; }
    .content-submit label text {
      color: #cc5151;
      display: inline-block;
      padding: 0 5px 0 0; }
  .content-submit button {
    vertical-align: top;
    width: 120px;
    display: inline-block;
    padding: 10px;
    border-radius: 2px;
    border: 0; }

.content-input-multi input {
  width: 100%;
  margin: 0 0 10px 0; }

.content-input-multi-container {
  display: inline-block;
  vertical-align: top;
  width: 75%; }
  .content-input-multi-container input {
    width: 100%;
    margin: 0 0 10px 0; }

.content-link .fa {
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #cc5151;
  text-align: center;
  margin: 0 0 0 10px;
  background: #EEE; }

.content-description {
  font-size: 12px;
  color: #555;
  padding: 5px 0 0 20%; }
  .content-description a {
    color: #03a9f3; }

.content-extra {
  display: inline-block;
  vertical-align: middle;
  width: 75%;
  font-size: 14px;
  letter-spacing: 1px;
  color: #03a9f3;
  padding: 10px 0 0 0; }

.weekly-container select {
  height: 200px;
  padding: 5px;
  border: 1px solid #AAA;
  border-radius: 2px; }
  .weekly-container select option {
    padding: 6px 10px; }
    .weekly-container select option:selected {
      background: #03a9f3; }

#appointment-slot {
  width: 78%;
  display: inline-block;
  vertical-align: middle; }
  #appointment-slot > div {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
    text-align: center; }
    #appointment-slot > div input {
      display: inline-block;
      position: absolute;
      width: 1%;
      visibility: hidden; }
      #appointment-slot > div input:checked + label {
        color: #FFF;
        background: #03a9f3; }
      #appointment-slot > div input:disabled + label {
        color: #cc5151;
        cursor: not-allowed; }
    #appointment-slot > div label {
      width: 50px;
      color: #333;
      padding: 5px;
      font-size: 14px;
      text-align: center;
      border-radius: 2px;
      background: #f4f4f4;
      cursor: pointer; }
      #appointment-slot > div label:hover {
        color: #FFF;
        background: #03a9f3; }
      #appointment-slot > div label.appointment-red {
        color: #cc5151 !important; }
    #appointment-slot > div span {
      position: absolute;
      top: -10px;
      right: -10px;
      width: 16px;
      color: #FFF;
      height: 16px;
      background: #03a9f3;
      text-align: center;
      border-radius: 50%; }

#appointment-date {
  background: #FFF; }

.appointment-no-slot {
  font-size: 14px;
  color: #555; }

.appointment-patient-form {
  display: none; }

.appointment-patient {
  position: relative;
  padding: 0 10px; }
  .appointment-patient .card-name a span {
    font-size: 12px; }
  .appointment-patient .card-icon .fa {
    color: #FFF;
    padding: 10px;
    border: 2px solid #32c1ce;
    border-radius: 4px;
    background: #8cd0d6; }
  .appointment-patient .card-info {
    padding: 10px 0 0 0; }
    .appointment-patient .card-info .fa {
      color: #54C798;
      font-size: 16px; }

.appointment-patient-edit {
  position: relative;
  top: -5px;
  color: #32C1CE !important;
  font-size: 16px;
  cursor: pointer; }

.report-btn {
  padding: 10px 0 20px 0;
  margin: 10px 0 20px 0;
  border-bottom: 1px solid #DDD; }

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

.report-pdf {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px; }

.report-image {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px; }
  .report-image img {
    width: 100px;
    height: 100px; }
  .report-image a {
    display: block; }
    .report-image a span {
      display: block; }

.report-delete, .patient-report-delete {
  position: absolute;
  top: 0;
  right: 0; }
  .report-delete .fa, .patient-report-delete .fa {
    font-size: 20px;
    color: #FFF;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: #fb9678; }

.add-more {
  text-align: center; }
  .add-more a {
    display: inline-block;
    font-size: 14px;
    color: #333;
    padding: 10px;
    margin: 0 10px 10px 10px;
    background-color: #03a9f3;
    border: 1px solid #03a9f3;
    cursor: pointer; }

.faq-remove {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  line-height: 21px;
  text-align: center;
  font-size: 14px;
  color: #FFF;
  background: #cc5151;
  border-radius: 50%; }

.user-history p {
  margin: 0 0 15px 15px; }

.appointment-id-status {
  display: inline-block;
  padding: 5px;
  color: #fff !important;
  background: #CCC;
  border-radius: 2px; }

.cancel {
  background: #F57F7F !important; }

.process {
  background: #F09E72 !important; }

.confirm {
  background: #7FBC8E !important; }

.complete {
  background: #32c1ce !important; }

.new {
  background: #b87ce5 !important; }

.theme-color div {
  display: inline-block;
  vertical-align: top;
  margin: 10px 10px 0 10px; }
  .theme-color div input {
    display: inline-block;
    width: 1% !important;
    position: absolute;
    visibility: hidden; }
    .theme-color div input:checked + label .fa {
      display: block; }
  .theme-color div label {
    width: 60px !important;
    height: 60px;
    padding: 0;
    border-radius: 2px; }
    .theme-color div label .fa {
      display: none;
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      font-size: 28px;
      color: #FFF; }

#blue + label {
  background: #32c1ce; }

#green + label {
  background: #54c798; }

#orange + label {
  background: #efa752; }

#purple + label {
  background: #9c57dc; }

#calendar, #calendar2 {
  font-size: 14px !important;
  color: #333;
  max-width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  background-color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.dashboard-card {
  position: relative;
  width: 100%;
  padding: 10px 10px 0 10px;
  background: #FFF;
  margin-bottom: 15px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  border-radius: 2px; }

.dashboard-card-ttl {
  font-size: 16px;
  color: #777;
  padding: 5px 0 10px 0;
  margin: 0 0 15px 0;
  font-weight: 600;
  text-align: left;
  letter-spacing: .5px;
  border-bottom: 2px solid #EEE; }
  .dashboard-card-ttl .fa {
    font-size: 20px;
    padding: 0 10px 0 0;
    color: #03a9f3; }

.recently-block {
  position: relative;
  margin: 10px;
  padding: 5px 0 10px 0;
  border-bottom: 1px solid #EEE; }
  .recently-block:nth-last-child(1) {
    border-bottom: 0; }
  .recently-block .badge {
    position: absolute;
    top: 5px;
    right: 0; }

.recently-name {
  display: block;
  font-size: 12px;
  color: #333;
  width: 65%;
  padding: 0 0 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .recently-name a {
    font-size: 14px;
    color: #555; }

.recently-date {
  font-size: 12px;
  color: #AAA; }

.chart-container {
  width: 100%;
  overflow: hidden; }

.chart-block {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin: 10px; }

.sidenav {
	position: fixed;
	top: 0;
	right: -3000px;
	width: 60%;
	min-width: 900px;
	height: 100%;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	overflow-y: auto;
	background: #F8F8F8;
	transition: right .4s;
	z-index: 999;
}
  .sidenav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 5px; }
  .sidenav::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5; }
  .sidenav::-webkit-scrollbar-thumb {
    background-color: #AAA;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.2) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 75%, transparent 75%, transparent); }

.sidenav-background {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99;
  transition: all .4s; }

.sidenav-active {
  overflow: hidden; }
  .sidenav-active .sidenav-background {
    display: block;
    opacity: 1; }

.sidenav-hdr {
  position: relative;
  padding: 5px 10px;
  background: #FFF;
  border-bottom: 1px solid #EEE; }
  .sidenav-hdr p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #03a9f3;
    text-align: center;
    margin: 0; }

.sidenav-close {
  position: absolute;
  top: 7px;
  left: 10px;
  width: 24px;
  height: 24px;
  line-height: 20px;
  color: #999;
  text-align: center;
  font-size: 20px;
  border-radius: 50%;
  cursor: pointer; }
  .sidenav-close:hover {
    color: #333; }

.sidenav-bdy {
  padding: 0 20px; }

.sidenav-ftr {
  position: relative;
  width: 100%;
  padding: 10px 20px;
  overflow: hidden; }

.apntinfo-block-ttl {
  position: relative;
  top: 1px;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  color: #555;
  padding: 5px 20px;
  margin: 10px 0 0 0;
  border: 1px solid #EEE;
  border-bottom: 0;
  background: #FFF; }

.apntinfo-block-container {
  padding: 5px 0;
  background: #FFF;
  border: 1px solid #eee; }
  .apntinfo-block-container .content-input {
    padding: 10px 0; }
    .apntinfo-block-container .content-input input {
      padding: 8px; }
    .apntinfo-block-container .content-input select {
      padding: 8px 5px;
      font-size: 12px; }
    .apntinfo-block-container .content-input label {
      font-size: 12px; }

.apntinfo-button a {
  margin: 0 10px 0 0; }

.menu-table {
  padding: 15px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
  background: #FFF; }
  .menu-table .content-input {
    padding: 0; }

.remove-menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #cc5151;
  border-radius: 2px;
  z-index: 1; }
  .remove-menu .fa {
    font-size: 12px;
    color: #FFF; }

.header-menu-left {
  padding: 10px 30px; }
  .header-menu-left .panel-heading {
    padding: 0; }
  .header-menu-left .panel-title {
    padding: 8px 10px;
    font-size: 12px; }
  .header-menu-left .panel-body {
    padding: 5px 0; }
  .header-menu-left .content-submit {
    margin: 0 20px 0 0;
    text-align: right; }

.lgn-wrapper {
  width: 460px;
  margin: 50px auto 0 auto;
  position: relative;
  background: #FFF;
  border: 1px solid #EEE;
  border-radius: 2px; }

.lgn-logo {
	padding: 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #EEE;
	background: #1e4e52;
}
  .lgn-logo a {
    display: inline-block; }
  .lgn-logo img {
    height: 40px; }

.lgn-input {
  position: relative;
  width: 100%;
  padding: 10px 30px 0 30px;
  overflow: hidden; }
  .lgn-input label {
    font-size: 14px;
    color: #333; }
  .lgn-input input {
    height: auto;
    padding: 10px 12px 10px 12px; }
  .lgn-input.is-invalid label {
    color: #cc5151; }
  .lgn-input.is-invalid input {
    border-color: #cc5151; }
  .lgn-input.is-invalid .fa {
    color: #FFF;
    background: #cc5151; }

#lgn-submit {
	background: #1e4e52;
	border: none;
}

.lgn-submit {
  text-align: center;
  padding: 30px 0; 
}

  .lgn-submit button {
    border-radius: 2px;
    padding: 12px 40px; 
}

.lgn-forgot {
  padding: 0 50px; }
  .lgn-forgot a {
    letter-spacing: 1px;
    color: #03a9f3; }

#icon-list {
  margin: 10px;
  background: #FFF;
  padding: 10px; }

.icon-list-block {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  min-width: 200px;
  text-align: left; }
  .icon-list-block .fa {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #333;
    padding: 0 10px 0 0; }
  .icon-list-block span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333; }

.notfound-wrapper {
  text-align: center;
  margin: 50px 0 0 0; }
  .notfound-wrapper h2 {
    font-size: 150px;
    text-transform: uppercase;
    color: #F09E71;
    letter-spacing: 2px;
    font-weight: bold;
    display: block;
    margin: 10px 0; }
  .notfound-wrapper p {
    font-size: 48px;
    text-transform: uppercase;
    color: #333;
    margin: 10px 0;
    font-weight: 600; }
  .notfound-wrapper span {
    display: block;
    font-size: 32px;
    color: #555;
    margin: 10px 0; }

.table-container {
  background: #FFF;
  box-shadow: 0 0 10px 0 rgba(218, 218, 218, 0.1); }

.table {
  margin-bottom: 0; }
  .table thead tr th, .table thead tr td, .table tbody tr th, .table tbody tr td, .table tfoot tr th, .table tfoot tr td {
    padding: 8px 0px; }
  .table th {
    padding: 16px 8px;
    font-weight: 600; }
  .table tbody {
    color: #000; }

.table-bordered {
  border: 0;
  border-top: 2px solid #DDD; }
  .table-bordered thead tr th {
    border: 1px solid #EEE;
    border-bottom: 2px solid #DDD; }
  .table-bordered tbody tr td {
    border: 1px solid #EEE; }

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

.table-hover tbody tr:hover {
  background-color: #f3f5f7; }

.badge {
  padding: 0.4em .8em;
  font-size: 100%;
  letter-spacing: .5px;
  vertical-align: baseline;
  font-weight: 500; }

.badge-pill {
  border-radius: 50px; }

.badge-primary, .badge-appointment {
  background-color: #03a9f3; }

.badge-secondary {
  background-color: #4c5667; }

.badge-success, .badge-user {
  background-color: #00c292; }

.badge-warning, .badge-inovice {
  color: #333;
  background-color: #fec107; }

.badge-danger, .badge-request {
  background-color: #fb9678; }

.badge-info {
  background-color: #03a9f3; }

.badge-light {
  color: #333;
  background-color: #f8f8f8; }

.badge-dark {
  background-color: #555; }

.badge-sm {
  font-size: 80%; }

.alert-primary:not(.alert-outline) {
  color: #FFF;
  background-color: #03a9f3; }

.alert-secondary:not(.alert-outline) {
  color: #FFF;
  background-color: #4c5667; }

.alert-success:not(.alert-outline) {
  color: #FFF;
  background-color: #00c292; }

.alert-warning:not(.alert-outline) {
  color: #FFF;
  background-color: #fec107; }

.alert-danger:not(.alert-outline) {
  color: #FFF;
  background-color: #fb9678; }

.alert-info:not(.alert-outline) {
  color: #FFF;
  background-color: #03a9f3; }

.alert-dark:not(.alert-outline) {
  color: #FFF;
  background-color: #555; }

.alert-light:not(.alert-outline) {
  color: #555;
  background-color: #f8f8f8; }

.btn {
  height: auto;
  line-height: normal;
  padding: 12px 30px;
  font-weight: 400;
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  border-radius: 2px;
  cursor: pointer; }
  .btn.disabled {
    cursor: not-allowed; }
  .btn:focus, .btn:active {
    box-shadow: none !important; }

.btn-block {
  display: block;
  width: 100%; }

.btn-default {
  color: #333;
  background-color: #DDD;
  border-color: #DDD; }

.btn-primary {
  background-color: #03a9f3;
  border-color: #03a9f3; }

.btn-secondary {
  background-color: #4c5667;
  border-color: #4c5667; }

.btn-success {
  background-color: #00c292;
  border-color: #00c292; }

.btn-warning {
  background-color: #fec107;
  border-color: #fec107; }

.btn-danger {
  background-color: #fb9678;
  border-color: #fb9678; }

.btn-info {
  background-color: #03a9f3;
  border-color: #03a9f3; }

.btn-dark {
  background-color: #555;
  border-color: #555; }

.btn-light {
  background-color: #f8f8f8;
  border-color: #f8f8f8; }

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px; }

.btn-lg {
  padding: 12px 30px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 2px; }

.btn-pill {
  border-radius: 60px; }

.text-primary {
  color: #03a9f3 !important; }

.text-secondary {
  color: #4c5667 !important; }

.text-success {
  color: #00c292 !important; }

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

.text-warning {
  color: #fec107 !important; }

.text-info {
  color: #03a9f3 !important; }

.text-light {
  color: #f8f8f8 !important; }

.text-dark {
  color: #03a9f3 !important; }

.text-white {
  color: #FFF !important; }

.icon-widget {
  padding: 25px 25px 15px 25px;
  margin-bottom: 15px;
  background-color: #FFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }

.icon-widget-heading {
  margin: 0 0 12px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase; }

.icon-widget-body {
  padding: 10px 0 0 0; }
  .icon-widget-body p {
    width: 50%;
    margin: 0;
    color: #777;
    font-size: 50px; }

.nav-menu {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 24px 10px; }
  .nav-menu > a {
    position: relative;
    display: block;
    cursor: pointer; }
    .nav-menu > a i {
      display: block;
      font-size: 20px;
      color: #EEE; }
    .nav-menu > a span {
      position: absolute;
      top: -8px;
      right: -8px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #fb9678; }
  .nav-menu:hover .nav-menu-dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }

.nav-menu-dropdown {
  position: absolute;
  top: 90%;
  right: 0;
  line-height: 1;
  width: 350px;
  background-color: #FFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -moz-transition: all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -ms-transition: all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  -o-transition: all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  border-radius: 4px; }

.nav-dropdown-title {
  padding: 20px 0;
  font-size: 18px;
  text-align: center;
  color: #FFF;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #A775D4; }

.nav-dropdown-body {
  padding: 10px 20px; }

.nav-quick-links {
  text-align: center; }
  .nav-quick-links .tbl-row:nth-last-child(1) .tbl-cell {
    border-bottom: 0; }
  .nav-quick-links .tbl-cell {
    width: 50%;
    padding: 20px 10px; }
    .nav-quick-links .tbl-cell a {
      display: block;
      text-decoration: none; }
      .nav-quick-links .tbl-cell a:hover span {
        color: #03a9f3; }
      .nav-quick-links .tbl-cell a i {
        font-size: 32px; }
      .nav-quick-links .tbl-cell a span {
        display: block;
        padding: 20px 0 0 0;
        font-size: 14px; }
    .nav-quick-links .tbl-cell:nth-child(1) {
      border-right: 1px solid #eee;
      border-bottom: 1px solid #eee; }
    .nav-quick-links .tbl-cell:nth-last-child(1) {
      border-bottom: 1px solid #eee; }

.bottom-border-1x {
  border-bottom: 1px solid #f1f1f1; }

@media only screen and (max-width: 991px) {
	
	#menu-wrapper {
		width: 60px; 
	}
	#menu-wrapper #logo {
		width: 60px; 
	}

	.container {
		margin-left: 60px; 
	}

	.menu-min:hover {
		width: 170px;
		box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2); 
	}
	.menu-min:hover #menu-menu ul li {
		position: relative; 
	}

	.menu-min:hover #menu-menu ul li span {
		visibility: visible;
		display: inline;
		opacity: 1; 
	}
	.sidenav {
		width: 60%; 
	}
	#menu-menu ul > li {
    	width: 60px;
	}
	#menu-menu ul li a {
		position: relative;
		display: block;
		padding: 12px 0px;
	}

}

/*# sourceMappingURL=style.css.map */