/***** Hide Super Admin Menu *****/


.dt-buttons{
    display : none !important;
}
.dataTables_length{
    display : none !important;
}

.ta-r{
    text-align: right !important;
}


.ta-l{
    text-align: left !important;
}


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

.tav-t{
    vertical-align: top !important;
}


.tav-m{
    vertical-align: middle !important;
}


.tav-b{
    vertical-align: bottom !important;
}

.open-customizer{
    display:none!important;
}
#top-timers{
	display:none!important;
}
.header-newsfeed, .header-todo, .header-my-timesheets, .dropdown.dropdown-quick-links {
    display : none !important;
}

.contact-panel-heading{
    background: #03a9f4;
    color: #FFF;
    border-bottom: 1px solid #e4e5e7;
    padding: 15px 15px 15px 20px;
    margin: -20px -20px 0px -20px;
}


.panel_heading_color{
    color:#fffafa ;
    background-color: #03a9f4;
}

.red{  color : #FF0000; }

h4.with-border,
h5.with-border,
h6.with-border {
    border-bottom: solid 1px #d8e2e7;
    padding-bottom: .8rem;
}


#side-menu li .nav-second-level li.active a{
    border-radius: 0px!important;
    display: block!important;
    padding: 7px 10px 7px 45px!important;
    margin: 0px!important;
}

.comment-sect{
    border: 1px solid #c5c1c1;
    margin-bottom: 6px;
    background: #fbfbfb;
    padding: 20px 0px 8px 0px;

}

.comment-sect:first-child{
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;

}

.comment-sect:last-child{
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

/*breadcrumb*/

.list-title{
    margin-top: 2px;
    margin-bottom: 0px;
    margin-right: 1rem !important;
    padding-right: 1rem !important;
    display: inline-block;
    float: left;
}
.border-right {
    border-right: 1px solid #dee2e6 !important;
    border-right-color: rgb(222, 226, 230);
}
.d-inline-block {
    display: inline-block !important;
    line-height: 1.8;
}

.p0 {
    padding: 0 !important;
}


p.breadcrumb-para{
    font-weight: 400;
    font-size: 16px;
}

p.breadcrumb-para2{
    font-weight: 400;
    font-size: 13px;
    margin-top: 6px;
    margin-left: 6px;
}

/** BreadCrumbs **/
.breadcrumb{
    background-color: transparent !important;
    margin-bottom: 0px;
}

.breadcrumb > li + li::before {
    content: ">\00a0" !important;
}


h4.no-margin{
    display:inline-block;
}

/*add new button*/
span.header-btn-new {
    margin-right: 5px;
}
/*Listing min badge*/
.mini-badge{
    background-color: #ecebf199;
    border: 1px solid #4100be;
    border-radius: 10px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
    color: #4100be;
}
/*Edit form heading*/
.right-side-group-heading {
    background: #03a9f4;
    color: #FFF;
    border-bottom: 1px solid #e4e5e7;
    padding: 15px 15px 15px 20px;
    margin: -20px -20px 15px -20px;
}

/*.buttons-collection{
    display: none !important;
}*/

.left-sidebar-heading-profile {
    margin-top: 0px;
    margin-bottom: 15px;
}

.left-sidebar-heading-profile {
    background: #03a9f4;
    color: #FFF;

    margin-left: -20px;
    margin-right: -20px;
    padding: 15px 15px 15px 30px;
    border-bottom: 1px solid #e4e5e7;
}

.left-sidebar-profile-tabs {
    padding-top: 0px !important;
}

.left-sidebar-profile-tabs .nav-tabs {
    border-top: 0px;
    margin-top: -16px;
    margin-bottom: 0px;
}

.left-sidebar-heading-profile  span.caret{
    color: #FFF;
}

/*staff profile image*/
article.styled .imagePreview img {
    padding:10px;
    border:2px dashed #ccc;
    border-radius:10px;
}

/*add to calendar sectionbox*/
.cont{
    position: relative;
    top: -8px;
    margin-left: 0px;
}

.select-mini{
    display: inline;
    float: right;
    width: 90%;
    font-size: 12px !important;
    color: #999;
    opacity: 1;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    line-height: 0.7;
    height: 24px !important;
    padding: 2px;


}

/*table border*/
.table-container{
    border: 1px solid #bfcbd9;
    border-radius: 4px;
}

table.hdrTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
}
.table.hdrTable > thead:first-child > tr:first-child > th, table.hdrTable thead tr > th {
    color: #4e75ad !important;
    background: #f6f8fa;
    vertical-align: middle;
    border-bottom: 1px solid;
    border-color: #e9ebef !important;
    font-size: 13px;
    padding-top: 9px;
    padding-bottom: 8px;
}

table.hdrTable {
    border-collapse: separate !important;
}

.amenity-span{
    padding: 4px 4px 4px 4px;
    margin-left: 3px;
    margin-right: 0px;
    margin-top: 6px;
    background-color: #03a9f4 !important;
}

.file_upload {
    /* width: 50px;
      height: 50px;*/
    position: relative;
    overflow: hidden;

    /*background: url("../images/back_enabled.png");
     background-repeat: no-repeat;*/
}

.file_upload input {
    position: absolute;
    top: 0;
    right: 0; /* not left, because only the right part of the input seems to
         be click-able in some browser I can't remember */
    cursor: pointer;
    opacity: 0.0;
    filter: alpha(opacity=0); /* and all the other old opacity stuff you
         want to support */
    font-size: 300px; /* what, but apparently the most reliable way to make
         a large part of the input click-able in most browsers */
    height: 200px;
}

.file_upload img{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.close-btn {
    position: absolute;
    margin-left: 5px;
    color: red;
    float: right;
    cursor: pointer;
    z-index: 1000;
    background-color: transparent;
}

.default_this{
    position: absolute;
    left: 25px;
    top: 15px;
}

.preview_Img{
    display: inline-block;
    /*width: 72px;
    height: 72px;*/
}

.thumb{
    margin-bottom: 15px;
}

.remove_this{
    position: absolute;
    right: 25px;
    top: 15px;
}

.room-row{
    border: 1px green solid;
    border-radius: 5px;
    padding: 10px 5px 10px 5px;
}

.room-box{
    border: 1px #03a9f4 solid;
    border-radius: 5px;
    height: 70px;
    width: 100px;
}

.room_fields{
    background: aliceblue;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    border: 1px #c2b9b9cc solid;
}

.checkbox-before-label{
    float: left;
    margin-right: 5px;
}

.checklistBox{
    margin-top: 26px !important;
}
.disabled_class{
    background-color: #eef1f6;
    padding: 10px 0px 10px 0px;
    border: #e1e1e1 solid 1px;
    margin-bottom: 15px;
    border-radius: 5px;
}
.terms_style{
    border: 1px #d1dbe5 solid;
    border-radius: 3px;
    padding: 10px 10px 10px 10px;
    max-height: 300px;
    overflow:hidden;
    overflow-yborder: auto;
    overflow:scroll;
    background: #80808029;
}

.customers-nav-item-kb a{
    display: none !important;
}
.customers-nav-item-login a{
    display: none !important;
}
.navbar a.navbar-brand img{
    width: auto;
    height: 50px;
    padding-top: -7px;
    margin-top: -12px;
}
body.login_admin {
    background: url('../../uploads/company/login-background.jpg') no-repeat fixed; /* The full image url*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.wk-hr-margin33 {
    margin-top: 33px;
}

.fc-agendaDay-button , .fc-agendaWeek-button , .fc-month-button, .fc-prev-button , .fc-next-button,.fc-today-button{
    color : white !important;
    background: #03a9f4 !important;
    text-transform: capitalize;
}
.fc-state-active,.fc-next-button.active,.fc-agendaDay-button:hover,.fc-agendaWeek-button:hover,.fc-month-button:hover,
.fc-prev-button:hover,.fc-next-button:hover,.fc-today-button:hover {
    color : white !important;
    background: #0286c2 !important;
}

.authentication-form{
                     background-color: rgba(0, 0, 0, .60);


                     color:white;
                 }
.authentication-form  a{
    color : white!important;

}
.authentication-form:before{
    box-shadow: inset 0 0 2000px rgba(255, 255, 255, .70)!important;
    filter: blur(80px);
}


.staff-profile-image-custom {
    height: 120px !important;
    width: 120px !important;
    border-radius: 50% !important;
}