html,body{
    background-color:#292929!important;
    padding:0px;
    margin:0px;
    height:100%;
    overflow-x:hidden;
}
.mwloader{
    width: 70px;
    margin: 0 auto;
    top: 40%;
    left: 40%;
    position: relative;
}
.block-ui-container{
    background: rgba(255,255,255,0.8);
}
.block-ui-message-container
{
    top:10% !important;
}
.text-white{
    color: white;
}
.text-brown{
    color: #333;
}
.user-live:hover{
    cursor: pointer;
}
.bg-blue{
    background-color: #25c4ea;
    color:white;
}
/*.frame {
    background: #f8f8f8;
    height: 700px !important;
    overflow-y: scroll  !important;
    padding: 0;
    position: relative  !important;
}
*/
.message-box {
    /*position: absolute !important;
    bottom: 32px !important;
    width: 100% !important;
    padding-left: 15px !important;
    overflow-y: scroll !important;
    height: 615px !important;
    padding-right: 15px !important;*/
    height:77vh;
    overflow-y:scroll;
    /*bottom:auto !important;*/
    /*padding-bottom:60px;*/
    top: 0px;
}
.input-group-addon1 {
    padding: .375rem .75rem;
    font-size: 15px !important ;
    font-weight: 400;
    line-height: 2.5;
    color: white;
    text-align: left;
    background-color: #25c4ea;
    border-right: 0px;
}
.left-radius
{
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
}
.right-radius{
    border-bottom-right-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
}
.btn-add{
    border:0px !important;
}
btn-del{
    border:0px !important;
}
.add-button {
    background-color: #25c4ea;
    border-radius: 3em;
    color: #ffffff;
    padding: 7px 15px;
    display: inline-block;
    float: right;
    border: 0px;
    margin-right: 0px;
}
.bg-gray{background:#f4f4f4;}
body.sticky-footer{margin-bottom:0 !important;}
.content-wrapper{overflow:hidden !important;}
.datepicker th,.datepicker td{padding:10px 8px;border-radius:0 !important;}
.datepicker th.dow{background:#25c4ea;color:#FFF;}
.datepicker tbody tr:nth-child(even) {background: #FFF}
.datepicker tbody tr:nth-child(odd) {background: #f4f4f4}
.datepicker tbody td.active{background-color:transparent !important;color:#444 !important;border:1px solid !important;}
.datepicker thead th.prev{background:#292929;}
.datepicker thead th.picker-switch{background:#292929;color:#FFF;}
.datepicker thead th.next{background:#292929;}

.datepicker thead th.prev:hover{background:#292929 !important;}
.datepicker thead th.picker-switch:hover{background:#292929;color:#FFF !important;}
.datepicker thead th.next:hover{background:#292929 !important;}
.icon-img{width:20px;margin-bottom:5px;}
.mr5_imp{margin-right:5px !important;}
.active_row{
    background:#262626!important;
    border-left:2px solid #25C4EA;	
    /*border-right:1px solid #25C4EA;*/	
}
.list-group-item{padding: .45rem 0.1rem !important;}
/*p.user-message{margin-bottom: 0px !important;}*/
.md-datepicker-calendar-pane {
    z-index:100000!important;
}
.md-datepicker-input-container{
    border:0px!important;
    width:100%!important;
}
.input-group-addon{
    font-size: 0.9rem!important;
}

.fc-toolbar .fc-left {
    float: left;
    height:80px;
    width: 16%;
    /*border-right: 2px solid #292929;
    background-color: #333;*/
    line-height: 80px;
}
.fc-toolbar .fc-right {
    float: right;
    height: 80px;

}

.fc button {
    -moz-box-sizing: border-box !important; 
    margin: -14px !important; 
    font-size: 3em !important; 
    cursor: pointer !important;
    background: transparent !important;
    color: white !important;
    border: 0px; 
    background: #333333;
}
.fc-toolbar button {
    position: relative;
    /*background: #333333 !important;*/
}
.fc-toolbar {
    text-align: center;
    background: #2875C7;
    border: 0px;
    color: white;
    vertical-align: middle;
    height: 80px;
}
.fc-toolbar h2 {
    color: white !important;
    line-height: 80px;
}
.fc-toolbar {
    text-align: center;
    margin-bottom: 0px !important; 
}
.bg-blue{
    background-color: #25c4ea;
}
.text-blues{
    color: #2875C7;
}
.fc th, .fc td {
    border-width: 2px !important;
    border-color: #ddd !important;
    padding: 0 !important;
    vertical-align: top !important;
    height: 30px !important;
    font-size: 20px !important;
    line-height: 36px !important;
}
.fc-ltr .fc-basic-view .fc-day-number {
    text-align: center !important;
    top: 20px;
    position: relative;
}
.fc-basic-view tbody .fc-row { 
    height: 45px  !important;
    text-align: center !important;
    font-weight: 900;
}
.recent-text {
    background: #ffffff;
    border-bottom: solid 1px #e5e5e5;
    padding-top:10px;
    /* padding: 21px;*/
    padding-bottom: 0px !important; 
    margin-bottom: 0px !important; 
    display: inline-block;
    width: 100%;
    z-index: 999;
    position: relative;
}
.fc-unthemed .fc-today {
    background: #2875c7 !important;
    color:white;
}
/*New 20-12-2017*/
.fc-day-grid-event
{
    position: absolute;
    top: 35%;
    width: 14%;
    z-index: 00000;
    margin: auto;
    text-align: center;
}
.fc-event{
    position: absolute !important;
}
.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {

    height: 45px !important;
}
.Calendar-box{
    width: 90% !important;
    margin: auto !important;
}
.caledndar-btn { 
    background-color: #333333;
    padding: 5px 10px;
    margin-bottom: 15px;
    border-radius: 3em;
    color: #ffffff;
    float: left;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background: RGBa(0,0,0,0.8);
}
/*21/12/2017*/
.fc-icon{
    font-size: 1.5em!important;
}

.not_read{
    font-weight:bold;
    color:white!important;
}
.mb-0{
    margin-bottom:0px
}

.fc-highlight {
    background: #2875c7  !important;
    opacity: 10 !important; 
    color:white;
    filter: alpha(opacity=0) !important;
}
.fc-highlight:hover {
    color: white;
    cursor: pointer;
}
.fc-ltr .fc-basic-view .fc-day-number:hover {
    text-align: center !important; 
    cursor: pointer;  
}
/*
26-12-2017
*/

.fc-day {
    border:1px solid gray !important;
}
.bg-gray{
    background-color: #f2f2f2 !important;
}
/*New 20-12-2017*/
.fc-day-grid-event
{
    /*position: absolute;*/
    /*top: 35%;*/
    top: 60%;
    width: 14%;
    z-index: 00000;
    margin: auto;
    text-align: center;
}
.fc-event{
    position: absolute !important;
}
.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
    height: 45px !important;
    cursor: pointer;
}
.Calendar-box{
    width: 90% !important;
    margin: auto !important;
}
.caledndar-btn {
    background-color: #333333;
    padding: 5px 10px;
    margin-bottom: 15px;
    border-radius: 3em;
    color: #ffffff;
    float: left;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background: RGBa(0,0,0,0.8);
}
/*21/12/2017*/
.fc-icon{
    font-size: 1.5em!important;
}

.not_read{
    font-weight:bold;
    color:#8c8c8c!important;
}
.mb-0{
    margin-bottom:0px
}

.fc-highlight {
    background: #2875c7  !important;
    opacity: 10 !important; 
    color:white !important;
    filter: alpha(opacity=0) !important;
}
.fc-highlight:hover {
    color: white;
    cursor: pointer;
}
.fc-ltr .fc-basic-view .fc-day-number:hover {
    text-align: center !important; 
    cursor: pointer;  
}

.fc-day {
    border:1px solid gray !important;
}
.bg-gray{
    background-color: #f2f2f2 !important;
}
.pointer{cursor: pointer;}
.pl10{padding-left: 10px !important;}
.app_date_time{font-weight: bold;font-size:18px;}
.popover{top:50px;}
.ps_relative{position: relative;}
.app_icon{position: absolute;
          color: #9e9e9e;
          font-size: 15px !important;
          z-index: 100;
          right:4px;top:11px;
}
.simplehide{display: none;}
.mw_label{color:#878787;margin-bottom: 0;display: none;}
.clearfix {
    content: "";
    clear: both;   
}
.add_lead_btn{width:115px;}
.contact_tab{background-color:#292929;float: left;display: none;padding-bottom: 10px;}
.contact_tab .active{border-bottom: 2px solid #25c4ea;}
.contact_tab .tab1{float: left;color: #FFF;width:50%;text-align: center;padding: 6px;cursor: pointer;}
.contact_tab .tab2{float: right;color: #FFF;width:50%;text-align: center;padding: 6px;cursor: pointer;}
.appdots{
    display: inherit;float: left;
    bottom: 18px;
    position: relative;
    margin: 0 auto;
}
.appdots i{font-size: 8px;margin: 2px;}
.colorwhiteimp{color:#FFF !important;}
.app_add_mob{margin: auto auto 8px auto;}
.clickme{
    position: absolute;
    top: -20px;
    right: 0;
    z-index: 100;
    background: #CCC;
    line-height: 20px;
    padding: 2px;
}
@media (max-width: 991px) {

}
@media (max-width: 767px) {
    .col-xs-12{
        width:100% !important;

    }
    .col-xs-6{
        width:50% !important;
    }
    .col-xs-4{
        width:25% !important;
    }
    .col-xs-3{
        width:33% !important;
    }
    .col-xs-2{
        width:16.66% !important;
    }
    /*.col-sm-6{
    width:50% !important;
}*/
    .modal{
        margin-top:50px;
    }
    .fc-toolbar h2{
        line-height:75px;
        font-size: 1.5rem;
    }
    .recent-text h2{
        line-height:0.8em;
        font-size: 1.5rem;
    }
    .AddAppPopup{
        width:50%!important;
    }
    .fc-toolbar .fc-right{
        width:60px;
    }
    .fc-toolbar .fc-left{
        width:60px;
    }
    .fc button{
        padding:0px!important;
    }
    .fc-next-button{
        float:right!important;
    }
    .chat_contactno{
        float: right;
        padding-right: 10px;
    }
    .top-option{
        font-size:0.8rem;
    }
}


