/* YOUR CUSTOM STYLES */
.logo-wrapper img {
    padding: 20% 15px !important;
}


html,
body,
.view {
    height: 100%;
}
/* Navigation*/

.navbar {
    background-color: transparent;
}

.scrolling-navbar {
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}

.top-nav-collapse {
    background-color: #1C2331;
}

footer.page-footer {
    background-color: #1C2331;
    margin-top: -1px;
}

@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #1C2331;
    }
}
/*Call to action*/

.flex-center {
    color: #fff;
}

.view {
    background: url("/static/img/bg.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg-skin-lp {
    background-size: cover !important;
    background: url('/static/img/bg.jpg') no-repeat fixed center center;
    position: fixed;
    content: '';
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.85;
}

.md-form label {
    top: 0.5rem !important;
    left: 0 !important;
}

.input-group-addon {
    min-width: 38px !important;
}

.full-width {
    width: 100% !important;
}

select {
    display: block;
}

.noshadow {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.noborder {
    border: 0 !important;
}

.text-color {
    color: #636363;
}

.scheduler_description {
    border-top: 1px solid #CECECE;
    font: 12px/16px "Segoe UI", Arial;
    color: #767676;
}

.scheduler_description_circle {
	border-radius: 50%;
	width: 22px;
	height: 22px;
	/* width and height can be anything, as long as they're equal */
}

.scheduler_description_text {
    font-size: 15px;
    padding-top: 2px;
    padding-left: 5px;
}

.scheduler_description_holder {
    margin: 10px;
}

#scheduler-holder {
    height: 500px;
    width: 100%;
}

.float-clear:before,
.float-clear:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.float-clear:after {
  clear: both;
}

/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.float-clear {
  *zoom: 1;
}

/* bootstrap CSS fix end */
.main-container {
  background-color: #FEFEFE;
  position: relative;
  box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

.w-33 {
    width: 33% !important;
}

.h-33 {
    height: 33% !important;
}

.fa-15x {
    font-size: 1.5em;
}

@media (max-height: 910px) and (max-width: 1200px) {
    .side-nav .logo-wrapper, .side-nav .logo-wrapper a {
        height: 140px !important;
    }
}

.management-list:focus, .management-list:hover {
    color: #464a4c;
    background-color: #f7f7f9;
}
.management-list {
    border-bottom: solid #e6e6e6;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.management-list > div > div > div {
    padding-top: 10px;
}

.dhx_cal_header{
   border-bottom:1px solid #cecece;
}
.dhx_cal_data{
   border-top:none;
}

.input-description-border {
    border: 0 none;
    border-bottom: 2px solid lightgray;
}

.input-description-border:focus {
    border: 0 none;
    border-bottom: 3px solid #4285F4;
}


. {
    border: none !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single{
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 43px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 9px;
}

.select2-selection__arrow {
    height: 100% !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-bottom: 1px solid lightgrey;
}
.select2-container--default:focus .select2-selection--multiple,
.select2-container--default .select2-selection--single{
    border-bottom: 1px solid lightgrey;
    min-height: 43px;
}

.select2-container {
    width: calc(100% - 40px) !important;
}

/* background color for whole container and it's border*/
.my_event {
    background-color: white;
    overflow: hidden !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* disabling default color for select menu */
.dhx_cal_select_menu.my_event div {
    border: 0;
    background-color: transparent;
    color: grey;
}

/* styles for event content */
.dhx_cal_event.my_event .my_event_body {
    padding-top: 3px;
    padding-left: 5px;
}

/* event's date information */
.my_event .event_date {
    font-weight: bold;
    padding-right: 5px;
}

/* event's resizing section */
.my_event_resize {
    height: 3px;
    position: absolute;
    bottom: -1px;
}

/* event's move section */
.my_event_move {
    position: absolute;
    top: 0;
    height: 10px;
    cursor: pointer;
}


.holiday-section {
    background-color: red !important;
    opacity: 0.25 !important;
    filter:alpha(opacity=25) !important;
}

.informational-section {
    background-color: blue !important;
    opacity: 0.25 !important;
    filter:alpha(opacity=25) !important;
}

/**
    Switch toggle
*/
.onoffswitch {
    position: relative;
    width: calc(100% - 40px);
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 100%;
    padding: 0;
    line-height: 30px;
    border: 0px solid #707070;
    border-radius: 2px;
    background-color: #F71818;
}
.onoffswitch-label:before {
    content: "";
    display: block;
    width: 14px;
    height: 31px;
    margin: 8px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 2px;
    box-shadow: 0 6px 12px 0px #757575;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #22BF2A;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #22BF2A;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px;
    background-color: #FFFFFF;
    box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2);
}

.dhx_cal_date_mobile {
    display: none;
    font-size: 16pt !important;
}

.modal-body>.input-group {
    width: 48%;
}

.fill_period_button {
    right: 265px;
}

.submit_period_button {
    right: 200px;
}

@media (max-width: 960px) {
    .dhx_cal_date  {
        display: none;
    }
    .dhx_cal_date_mobile {
        display: block;
    }
    .modal-body>.input-group {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .dhx_cal_today_button {
        display: none;
    }
    .fill_period_button{
        right: 80px;
        width: 30px !important;
    }

    .submit_period_button {
        right: 110px;
        width: 30px !important;
    }

    .dhx_cal_prev_button {
        right: 41px !important;
    }
}

.dhx_cal_prev_button, .dhx_cal_next_button {
    background-color: white !important;
    z-index: 999 !important;
}

.dhx_scale_holder.dhx_weekend{
    background-image:url(/static/img/dhtmlxscheduler/databg_weekend.png);
}

.dhx_weekend .dhx_month_head, .dhx_weekend .dhx_month_body, .dhx_weekend {
    background-color: #EC705A !important;
    opacity: 0.5;
}

/**
    Input of numbers spinner styling
**/
.number-input-parent {
  position: relative;
}

.scheduler-modal .modal-header {
    padding: 0 !important;
}

.scheduler-modal .heading {
    width: 50%;
    padding: calc(0.3rem - -15px) !important;
}

.scheduler-modal .non-current {
    background-color: #838383 !important;
    cursor: pointer;
}

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

input[type=number]
{
  -moz-appearance: textfield;
  width: calc(100% - 60px) !important;
}

.number-input-parent input {
  width: 45px;
  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  border: 1px solid #eee;
}

.number-input-parent input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 20px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    z-index: 3
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}

.hidden {
    display: none;
}

.bt-1 {
    border-top: 1px solid #eceeef;
}

.bb-1 {
    border-bottom: 1px solid #eceeef;
}

.pointer {
    cursor: pointer;
}

.dhx_cal_select_menu {
    background-color: #5394ff;
}

.dhx_cal_select_menu > .dhx_body {
    padding-bottom: 10px !important;
}

.scheduler_description_holder > i {
    font-size: 2.2em;
}

.dhx_cal_event_line {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.my_event_body > span {
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for WebKit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

#index-overview-holder {
    min-width: 700px;
}

.dhx_cal_data div.dhx_scale_hour {
    height: 44px !important;
}

.form_date > input, .form_datetime > input {
    height: 25px;
}

textarea {
    min-height: 40px !important;
}

.number-input-parent {
    height: 43px;
}

.number-input-parent > input {
    height: 42px;
}
/*
.select2-selection--multiple {
    height: 44px;
}
*/

.spinner-holder {
    position: absolute;
    height: calc(100% - 1rem);
    width: calc(100% - 1rem);
    background-color: rgba(255,255,255,0.5);
    z-index: 99;
}

.report-spinner {
    position: absolute;
    left: calc(50% - 1.5em);
    top: calc(50% - 1.5em);
    color: #9DCD59;
    z-index: 999;
}


.dhx_cal_event.dhx_cal_select_menu.my_event {
    height: 68px !important;
}

.dhx_cal_event.dhx_cal_select_menu > .dhx_body {
    padding-top: 3px !important;
}

.dhx_cal_event.dhx_cal_select_menu.my_event > .dhx_event_move.dhx_title {
    display: none !important;
}

div.dhx_menu_icon {
    width: 18px !important;
}

.dhtmlx-loading {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(255,255,255,0.5);
}
.dhtmlx-loading > i {
    font-size: 3rem;
    position: absolute;
    left: calc(50% - 1.5rem);
    top: calc(50% - 1.5rem);
    color: #A7A7A7;
}

.weekend_color {
    background-color: #EC705A !important;
    opacity: 0.5;
}

.dhx_scheduler_month .dhx_marked_timespan {
    display: block !important;
    top: -21px !important;
    left: 0 !important;
    height: calc(100% - -21px) !important;
}

.dhx_month_body {
    position: relative;
}

.dhx_scheduler_month .my_event {
    margin-left: 5px;
}

.dhtmlx_message_area {
    z-index: 101 !important;
}

.dhx_cal_container:not(.dhx_scheduler_timeline) .dhx_cal_event_selected {
    background-color: #9cc1db !important;
    color: white;
}

.border-top {
    border-top: solid #e6e6e6;
}

.hide {
    display: none;
}

.remove-buttom {
    position: absolute;
    top: 5px;
    right: 5px;
}

.btn-small {
  width: 40 px;
  height: 20 px;
  border-radius: 1px;
  border: 1;
  margin: 2px;
}