body {
     background-color: #eee !important;
}
 #calendar {
     max-width: 100%x;
     margin: 0px auto;
}
 .steps .step, .step-desc, .step-title {
    list-style-type: none;
    transition: all 0.6s;
}
 .step.done, .step.error {
    cursor: pointer
}
body .disabled.done {background-color: #53616a;}
body .step.done.disabled .step-number {    color: #fff;}
 .editable-click, a.editable-click, a.editable-click:hover {
    border-bottom: dashed 1px #666;
     color: #666;
}
 div.disabled {
    opacity: 0.5;
     pointer-events: none;
}
 .panel.wizard {
    box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
    -webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}
 #calendar-selected-times li .time-options {
    display: none;
     transition: all 0.5s ease;
}
 #calendar-selected-times li:hover .time-options {
    display: inline-block;
}
 #calendar-selected-times li {
    transition: all 0.4s ease-in;
}
 #calendar-selected-times li:hover {
    background: #fcfcfc;
}
 #calendar-selected-times li.highlight {
    background: #f3f7f9;
     padding:10px;
     box-shadow: 0 0 0 rgba(204,169,44, 0.4);
     animation: pulse 2s infinite;
}
 .editable-popup {
     z-index: 9999999;
}
 .time-options{
    float: right
}
 .radio-custom input[type="radio"]:focus + label::before {
    outline: none
}
 .radio-custom input[type="radio"]:checked + label::before {
     border-width: 8px;
}
 .hContBlock {
     box-shadow: 0 0 2em rgba(0, 0, 0, 0.2);
}
 .hContPos:after {
    z-index: 99999;
}
 .btn-default.disabled {
    display: none;
}
 @keyframes pulse {
     0% {
    }
     70% {
        background: lightyellow;
    }
     100% {
    }
}
 .width-40{
    width:40px
}
 .width-90{
    width:90px!important
}
/** === iPHONE === **/
 .iphone-body {
     position: relative;
     background: #fff;
     height: 398px;
     width: 300px;
     border-radius: 40px;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     box-shadow: 0 0 4em #ddd;
}
 .iphone-body:before {
     content: "";
     display: block;
     position: relative;
     top: 36px;
     background: #e7ebec;
     height: 6px;
    width: 60px;
    border-radius: 6px;
    margin: 0 auto;
}
 .iphone-body:after {
    /* content: "";
     */
     display: block;
     position: relative;
     top: 86px;
     background: none;
     height: 34px;
     width: 34px;
     border: 6px solid #e7ebec;
     border-radius: 50%;
     margin: 0 auto;
}
 .camera-1 {
    position: absolute;
     background: #e7ebec;
     height: 8px;
     width: 8px;
     border-radius: 8px;
     margin: 12px 0 0 146px;
}
 .camera-2 {
    position: absolute;
    background: #e7ebec;
     height: 10px;
     width: 10px;
     border-radius: 10px;
    margin: 28px 0 0 90px;
}
 .iphone-screen {
     position: relative;
     top: 70px;
     background: #fff
    /*#f5f7f8*/
    ;
     height: 300px;
     width: 272px;
     margin: 0 auto;
     border: 4px solid #e7ebec;
     border-radius: 4px;
}
 .banner {
    position: relative;
     background: #eee;
     height: 100%;
     width: 100%;
    margin: 0;
    padding: 15px;
}
 .phonecontent {
     position: relative;
     background: #666699;
     height: 40px;
     width: 40px;
     border-radius: 4px;
     margin: 20px 0 0 10px;
}
 .phonecontent:before {
     content: "";
     display: block;
     background: #666699;
     height: 10px;
     width: 50px;
     margin: 4px 0 0 50px;
}
 .phonecontent:after {
     content: "";
     display: block;
     background: none;
     height: 10px;
     width: 200px;
     border-top: 10px solid #e7ebec;
     border-bottom: 10px solid #e7ebec;
     margin: 10px 0 0 50px;
}
 .content-break {
     position: relative;
     background: #e7ebec;
     height: 4px;
     width: 252px;
     margin: 30px auto 20px auto;
}
 #scheudle-settings {
    box-shadow: rgba(206, 206, 206, 0.5) 0px 7px 20px inset;
     position: relative;
}
 #scheudle-settings:after {
    bottom: 100%;
     right: 7%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: rgba(0, 0, 0, 0);
     border-bottom-color: #ffffff ;
     border-width: 15px;
     margin-left: -15px;
     transition: all 0.2s ease
}
 .events-nav .badge.up {top: -30px; right: -139px;
}
 .events-nav .nav-pills>li.active>a:focus, .events-nav .nav-pills>li.active>a:hover {
    background-color: #62a8ea;
}
 .events-nav {
    position: fixed;
     top: 110px;
     left: -270px;
     z-index: 1300;
     width: 270px;
     height:100%;
     color: #fff;
     -webkit-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
}
 .events-nav.is-open {
    left: 0
}
 .events-nav .events-nav-inner {
    height: 100%; padding-bottom:90px;}

 .events-nav .events-nav-toggle {
     position: absolute;
     bottom: 180px;
     right: -150px;
     padding: 15px 9px;
     font-size: 20px;
     color: #fff;
     cursor: pointer;
     background-color: #263238;
     border-color: rgba(0,0,0,.09);
     border-radius: 0px 5px 5px 2px;
     box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
     -webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
     height: 70px;
     width: 161px;
     -webkit-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
     padding-left: 17px;
}
.events-nav:not(.is-open) .events-nav-toggle:hover {right:-160px; background:#182125}

 .events-nav.is-open .events-nav-toggle {
    box-shadow: none!important
}
 .events-nav .events-nav-content {
    height: 100%;
     min-height: 100px;
     padding: 5px 20px 20px;
     background-color: #263238;
     border: 1px solid rgba(0,0,0,.08);
     border-radius: 1px 0px 7px 0px;
     overflow-y: auto;
}
 .events-nav .events-nav-content input {
     display: none
}
 .events-nav .events-nav-title {
    margin-top: 5px;
     margin-bottom: 10px; color:#fff;
}
 .events-nav .tab-content {
     height: -webkit-calc(100% - 45px);
     height: calc(100% - 45px)
}
 .is-selected {
     display: none
}
.event-icons {
    line-height:2
}
 .active .is-selected {
     display: inline
}
.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0
}
 .fc-v-event {
     padding:2px;
     margin:1px;
     border:none;
     border-radius: 0px;
}
 .fc-v-event.sb-current-event{
     margin:3px;
     border-radius: 3px;
     background-color: #f96868
}
.fc-v-event.is-sent-event {
     background-color: #4caf50;
}
 .fc-v-event.sb-not-current-event {
     margin:0;
     z-index: 0 !important;
     color:#bababa;
     background-color: #ededed;
}

 .fc-v-event.sb-event-repeated {
     /*//opacity:.5;*/
}

 .fc-v-event.sb-not-current-event.sb-event-repeated {
     /*//opacity:.3;*/
}
 .nav-pills > li > a {
     border-radius: 0 !important;
}
 .nav-pills > li > a i.icon {
     margin-top: 3px;
}


.nav-pills > li > a{
    color: white;
    overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}


.nav-pills > li:not(.active) > a:hover{
    background-color: #192125;}


 .step.current {
     color: #fff !important;
     background-color: #62a8ea !important;
}
 .step.current .step-number {
     color: #62a8ea !important;
}
 .step.error {
     color: #fff !important;
     background-color: #f96868 !important;
}
 .step.error .step-number {
     color: #f96868 !important;
}
.overlay-panel {z-index: 999; color: inherit;}
.nav-tabs>li>a {text-decoration: none !important;}

.iphone-screen .banner {
    overflow-y: auto;
}
#sms-message {
    color: white;
    border-bottom: dashed 1px white;
}
#sms-message, #email-message {
    cursor: pointer
}
#calendar-message {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f96868;
    color: white;
    padding: 15px
}
 .load-pulse{
     animation: pulse 1s infinite;
}
 @-webkit-keyframes pulse {
     0% {
        opacity: 0.0;
    }
     50% {
        opacity: 1.0;
    }
     100% {
        opacity: 0.0;
    }
}
 @keyframes pulse {
     0% {
        opacity: 0.0;
    }
     50% {
        opacity: 1.0;
    }
     100% {
        opacity: 0.0;
    }
}
.sb-not-current-event {
     cursor: pointer;
     opacity: .5;
}
.site-sidebar.slidePanel.slidePanel-right{
    width:40%!important
}

.wizard-steps {box-shadow: 3px -4px 20px rgba(68, 68, 68, 0.155);}
.step {background-color: #53616a; border-right: 1px solid #4b575f;}
.steps-sm .step-number {width: 24px; height: 24px;font-size: 18px;line-height: 24px;}
.step.disabled .step-number {background-color: #95a1a8;}

#event-title-edit .editable-inline .editable-input input.form-control::placeholder,
#event-title-edit .editable-inline .editable-input input[type="text"].form-control::-moz-placeholder,
#event-title-edit .editable-inline .editable-input input[type="text"].form-control:-moz-placeholder,
#event-title-edit .editable-inline .editable-input input.form-control::-ms-input-placeholder,
#event-title-edit .editable-inline .editable-input input.form-control:-ms-input-placeholder,
#event-title-edit .form-control::-moz-placeholder
{
    color: #222 !important;
    opacity:1 !important;
}
#event-title-edit .form-control::-moz-placeholder {
    color: #222 !important;
    opacity:1 !important;
}
.fc-past:not(.fc-widget-header) {
    background: #f5f5f5
}
.fc-unthemed td.fc-today:not(.fc-widget-header) {
    background: #ececec
}
.is-past-event{
    background: #eee !important
}
ul.list-group.list-group-striped li:nth-of-type(odd){
    background: #f8f8f8
}
.overview-container{
    position: absolute;
    top:0;
    left:0;
    z-index: 101;
    box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
    -webkit-box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07);
}
.cancel-msg {
    cursor:pointer
}
#event-title-edit .title-label {
    width: 100px;
    display: block;
    float: left;
    padding-top: 5px;
}
.ui-timepicker-wrapper{
    z-index: 2000 !important
}
.input-group-btn .btn>.icon {
    vertical-align: middle;
}

#scheudle-settings  a.editable-click ,#scheudle-settings  .editable-click, #scheudle-settings  #notify_emails:hover {cursor:text;border-bottom: dashed 0px #666 ; transition: all 0.3s ease;}

#scheudle-settings .editable-click:hover {border-bottom: dashed 1px #666;}
#scheudle-settings .col-md-9.pull-right {overflow-wrap: break-word;}


.availability input {display:none;}
.availability input[type=radio]:checked + label.btn-success {background-color: #46be8a!important;color: white; border: 1px solid transparent;}
.availability input[type=radio]:checked + label.btn-danger {background-color: #f96868!important;color: white; border: 1px solid transparent;}