* { box-sizing: border-box; }
.header-panel { background:#a74986 url('../images/header-pattern.png') repeat; position: relative; padding:0px 0px; }
.logo { position: fixed; background: #fff; width: 110px; padding: 5px 3px; z-index: 9999; box-shadow: 0 0 10px #7b7b7b; }
.logo img{ width: 100%; }
.main{ margin-top:-35px; }
.header-panel div { position: relative; }
.header-panel h1 { color: #FFF; position: absolute; bottom: 10px; padding-left: 35px; }
.header-login{ padding-bottom: 45px; padding-top: 20px; }
.menu { overflow: auto; padding: 0; }
.menu, .menu * { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.menu ul { padding: 0; margin: 7px 0; }
.menu ul li { list-style: none; padding: 20px 0 20px 50px; font-size: 15px; font-weight: normal; cursor: pointer; }
.menu ul li.active { background-color: #dedede; position: relative; }
.menu ul li a { color: rgb(51, 51, 51); text-decoration: none; }
.pages { padding: 0; }
.pages > div { padding: 0 5px; }
.pages .header { color: rgb(82, 101, 162); }
.page { transform: translateY(1080px); transition: transform 0 linear; display: none; opacity: 0; font-size: 16px; }
.page.active { transform: translateY(0px); transition: all 0.3s ease-out; display: block; opacity: 1; }
.opensource { color: rgba(0, 0, 0, 0.62); position: fixed; margin-top: 50px; margin-left: 50px; z-index: 100; }
.content { background-color: #FFF; padding: 20px; box-shadow: 0px 0px 10px #DEDEDE; }
.search { padding-right: 20px; padding-top: 20px; }
.seperated-list { list-style: none; margin: 10px 0px 40px 0px; text-shadow: 1px 1px #2f001f; }
.seperated-list li { border-left: solid 1px #FFF; padding: 2px 10px; display: inline-block; }
.seperated-list li:first-child { border-left: 0px; }
.seperated-list li a { color: #FFF; }
.navbar { margin: 15px 0px; margin-top: 6px; }
.white-background { background: #FFF !important; }
.padding-left-right { padding: 0px 10px; }
.page-title{ margin-top:0px; }
.close{ color:#FFF; }
hr.divider{ margin:10px 0px; }
.padding-none{ padding:0!important; }
.btn-custom{ padding:5px 10px !important; }
.color-white{ color: #FFF !important; }
.pointer{ cursor:pointer; }

button:focus{
    outline: none;
}

.details-row{}
.details-row > td{ padding:0px !important; border:0px !important; }
.details-row .collapse{ padding:8px; }
/* 
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="datetime"]:focus,
textarea:focus,
select:focus{
  background: yellow !important;
} */

.margin-none{ margin:0px; }
.margin-top-10{ margin-top:10px !important; }
.margin-bottom-0{ margin-bottom:0px !important; }
.margin-bottom-5{ margin-bottom:5px !important; }
.margin-bottom-10{ margin-bottom:10px !important; }
.padding-bottom-20{ padding-bottom:20px; }
.nav-tabs>li{ margin-bottom:0px; }
.nav-tabs li.active{ background: #234441; }
.nav-tabs { border-bottom:0px; }
.h10{ height:10px; }
.h20{ height:20px; }
.h30{ height:30px; }
.h40{ height:40px; }
.large{ font-size:30px; }
.medium{ font-size:20px; }
.xsmall{ font-size:13px; }
.bold{ font-weight: bold !important; }
.padding-vertical{ padding:10px 0px; }
.padding-vertical-large{ padding: 30px 0px; }
.margin-vertical{ margin:5px 0px !important; }


.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

.info-box{}
.info-box .kasa{ padding:0px; }
.info-box h1,
.info-box h2,
.info-box h3,
.info-box h4,
.info-box h5,
.info-box h6{ margin:10px 0px !important; }
.info-box .alert{ margin-bottom:10px; }
.panel-title{ margin:10px 0px !important; }
.panel-body table{ margin-bottom:0px;  }

.btn-xs i.material-icons{ font-size:18px; }
button.close{ color:#000 !important;  }
.shadow-holder{ background:#FFF; box-shadow:0 4px 5px #CCC; }
.grey-border{ border:solid 1px #CCC; }
.pager-form{ background:#EEE; border-radius: 0px 0px 5px 5px; padding: 0px; }
.pager-form .form-group{ margin:0px; }
.pager-form .form-control{ margin:0px; }
.radius-bottom{ border-radius:0px 0px 5px 5px; }
.bootbox .modal-body{ font-size:18px; }
.modal-body{ padding-top:16px; }
.modal-body .form-group {
    margin-top: 18px;
}

.padding-top-10{ padding-top:10px !important; }
.btn-group{ margin-top: 0px; }

.panel-help{ margin-bottom:10px !important; }
.panel-help a, .panel-help a:focus, .panel-help a:hover{
  color:#FFF;
}

.full-width{ width:100% !important; }
.dropdown-menu .form-group{ margin:0px !important; }

.label-lg{ font-size:13px; }
.tooltip-inner{ padding:6px 8px; }

form .label{ white-space:normal !important; }
.margin-top-none{ margin-top: 0px !important; }
.text-disabled{ color: #BBB; }
.padding-horizontal{ padding-left: 5px !important; padding-right: 5px !important; }

.rotate-animation{ -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@media (max-width: 767px) {
    .table-responsive .dropdown-menu {
        position: static !important;
    }
    .seperated-list{ margin-left: 0px; padding: 0px; }
}
@media (min-width: 768px) {
    .table-responsive {
        overflow: visible;
    }
}

.print-frame {
  padding: 20px;
  background: #EEE;
  border: solid 1px #CCC;
  margin-top: 10px;
}
.print-frame .table {
    background: #FFF;
    box-shadow: 0 0 10px #CCC;
}
.form-inline .form-group{ margin-top: 0px; }
.padding-top-none{ padding-top: 0px !important; }
.table-border-none{ border: none !important; }
.table-border-none th,
.table-border-none td { border: none !important; }
.no-material{  }
.no-material input[type="text"],
.no-material input[type="number"],
.no-material input[type="tel"],
.no-material input[type="email"],
.no-material input[type="password"],
.no-material input[type="tel"],
.no-material input[type="date"],
.no-material input[type="datetime"],
.no-material select,
.no-material textarea
{ background: #FFF; border-radius: 0px; border: solid 1px #CCC; padding: 0px 5px; }
.no-material label{ color: #000; }
.alert-sm{ margin: 0px; padding: 5px; }
.seans-container{  }
.seans-container .form-group{ margin-top: 0px !important;  }

.btn-custom.changeMonth{ margin: 2px 1px; }

.h2, h2{ font-size: 29px; }
.line-height-16{ line-height: 16px !important; }
.xsmall{ font-size: 11px !important; line-height: normal !important; }

.appointment-collapse-button:focus,
.appointment-collapse-button:active
{ outline: none; }



.report-header{ border-collapse:collapse;margin-bottom:0px !important }
.report-body{ border-collapse:collapse; }

/* Sumo select plugin */
.SumoSelect p{margin:0}.SumoSelect{margin-top: 4px;}.SelectBox{padding:5px 8px}.sumoStopScroll{overflow:hidden}.SumoSelect .hidden{display:none}.SumoSelect .search-txt{display:none;outline:none}.SumoSelect .no-match{display:none;padding:6px}.SumoSelect.open .search-txt{display:inline-block;position:absolute;top:0;left:0;width:100%;margin:0;padding:5px 8px;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.SumoSelect.open>.search>span,.SumoSelect.open>.search>label{visibility:hidden}.SelectClass,.SumoUnder{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}.SelectClass{z-index:1}.SumoSelect > .optWrapper > .options  li.opt label,.SumoSelect > .CaptionCont,.SumoSelect .select-all > label{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.SumoSelect{position:relative;outline:none}.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont,.SumoSelect.open > .CaptionCont{box-shadow:0 0 2px #7799D0;border-color:#7799D0}.SumoSelect > .CaptionCont{position:relative;border:1px solid #CCC;min-height:14px;background-color:#fff;margin:0}.SumoSelect > .CaptionCont > span{display:block;padding-right:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:default}.SumoSelect > .CaptionCont > span.placeholder{color:#ccc;font-style:italic}.SumoSelect > .CaptionCont > label{position:absolute;top:0;right:0;bottom:0;width:30px}.SumoSelect > .CaptionCont > label > i{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=');background-position:center center;width:16px;height:16px;display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-repeat:no-repeat;opacity:0.8}.SumoSelect > .optWrapper{display:none;z-index:1000;top:30px;width:100%;position:absolute;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #ddd;box-shadow:2px 3px 3px rgba(0,0,0,0.11);overflow:hidden}.SumoSelect.open > .optWrapper{top:35px;display:block}.SumoSelect.open > .optWrapper.up{top:auto;bottom:100%;margin-bottom:5px}.SumoSelect > .optWrapper ul{list-style:none;display:block;padding:0;margin:0;overflow:auto}.SumoSelect > .optWrapper > .options{position:relative;max-height:250px}.SumoSelect > .optWrapper > .options li.group.disabled > label{opacity:0.5}.SumoSelect > .optWrapper > .options li ul li.opt{padding-left:22px}.SumoSelect > .optWrapper.multiple > .options li ul li.opt{padding-left:50px}.SumoSelect > .optWrapper.isFloating > .options{max-height:100%;box-shadow:0 0 100px #595959}.SumoSelect > .optWrapper > .options  li.opt{padding:6px 6px;position:relative;border-bottom:1px solid #f5f5f5}.SumoSelect > .optWrapper > .options > li.opt:first-child{}.SumoSelect > .optWrapper > .options > li.opt:last-child{border-bottom:none}.SumoSelect > .optWrapper > .options li.opt:hover{background-color:#E4E4E4}.SumoSelect > .optWrapper > .options li.opt.sel{background-color:#a1c0e4;border-bottom:1px solid #a1c0e4}.SumoSelect > .optWrapper > .options li label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;cursor:pointer}.SumoSelect > .optWrapper > .options li span{display:none}.SumoSelect > .optWrapper > .options li.group > label{cursor:default;padding:8px 6px;font-weight:bold}.SumoSelect > .optWrapper.isFloating{position:fixed;top:0;left:0;right:0;width:90%;bottom:0;margin:auto;max-height:90%}.SumoSelect > .optWrapper > .options li.opt.disabled{background-color:inherit;pointer-events:none}.SumoSelect > .optWrapper > .options li.opt.disabled *{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}.SumoSelect > .optWrapper.multiple > .options li.opt{padding-left:35px;cursor:pointer}.SumoSelect > .optWrapper.multiple > .options li.opt span,.SumoSelect .select-all > span{position:absolute;display:block;width:30px;top:0;bottom:0;margin-left:-35px}.SumoSelect > .optWrapper.multiple > .options li.opt span i,.SumoSelect .select-all > span i{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:14px;height:14px;border:1px solid #AEAEAE;box-shadow:inset 0 1px 3px rgba(0,0,0,0.15);background-color:#fff}.SumoSelect > .optWrapper > .MultiControls{display:none;border-top:1px solid #ddd;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,0.13);}.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls{display:block;margin-top:5px;position:absolute;bottom:0;width:100%}.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls{display:block}.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p{padding:6px}.SumoSelect > .optWrapper.multiple > .MultiControls > p{display:inline-block;cursor:pointer;padding:12px;width:50%;box-sizing:border-box;text-align:center}.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover{background-color:#f1f1f1}.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk{border-right:1px solid #DBDBDB}.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel{}.SumoSelect > .optWrapper.isFloating > .options li.opt{padding:12px 6px}.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt{padding-left:35px}.SumoSelect > .optWrapper.multiple.isFloating{padding-bottom:43px}.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,.SumoSelect .select-all.selected > span i,.SumoSelect .select-all.partial > span i{background-color:rgb(17,169,17);box-shadow:none;border-color:transparent;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat:no-repeat;background-position:center center}.SumoSelect.disabled{opacity:0.7;cursor:not-allowed}.SumoSelect.disabled > .CaptionCont{border-color:#ccc;box-shadow:none}.SumoSelect .select-all{position:relative;border-bottom:1px solid #ddd;background-color:#fff;padding:6px 0 3px 35px;height:35px;cursor:pointer}.SumoSelect .select-all > label,.SumoSelect .select-all > span i{cursor:pointer}.SumoSelect .select-all.partial > span i{background-color:#ccc}.SumoSelect > .optWrapper > .options li.optGroup{padding-left:5px;text-decoration:underline}

.btn-sm-padding{ padding: 5px 10px !important; }

.fc-day-number {
    background: #6f6f6f;
    color: #FFF;
    border-radius: 50%;
    display: block;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    margin: 3px 3px;
}

.fc-day.warning{ background: #eaea6c  }
.fc-day.danger{ background: #e48b8b }
.fc-day.success{ background: #83e675 }