/****** backend view ****/
.company_logo
{
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    margin: auto;
}

.company_logo img
{
    height: 100%;
    object-fit: contain;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}


/****** front view ****/
.page-sidebar .sidebar-menu .menu-items li:hover > .icon-thumbnail, .page-sidebar .sidebar-menu .menu-items li.open > .icon-thumbnail, .page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail{
    opacity:0.8;
    color:#e0e0e0;
}
.page-container .page-content-wrapper .content{
    padding-bottom:200px;
}
.page-container .page-content-wrapper{
    min-height:auto;
}

.form-group-default .cs-skin-slide > span{
    padding:6px 33px 6px 17px;
    height: 35px;
}
div.cs-skin-slide{
    width:100%;
}
.home-bg{
    background-image: url(../img/homepage/bg-image-construct.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 100%;
    padding: inherit;
}
.login-bg{
    background-image: url(../img/login-bg.jpeg);
}
.home-font-color{
    color:white;
}
.t-center{
    text-align:center;
}
.break-line{
    border-top: 1px solid #ddd;

}
.c_logo_front
{
    width: 250px;
    height: 250px;
    margin: auto;
}

.c_logo_front img
{
    height: 100%;
    object-fit: contain;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}


.company_connection_logo
{
    width: 100%;
    height: 250px;
    margin: auto;
}

.company_connection_logo img
{
    height: 100%;
    object-fit: contain;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}

.company_connection_title p strong
{
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

.company_menu
{
    background-color: white;
}
.company_menu li
{
    display: inline-block;
    padding: 20px;

}
.company_menu a
{
    color: #51646b;
}

.overview
{
    min-height: 300px;
}

.event_block
{
    margin-bottom: 25px;
}
.event_img
{
    width: 100%;
    margin-bottom: 10px;
}
.p-0{
    padding:0px;
}
.p-t-0{
    padding-top:0px;
}
.m-0{
    margin:0px;
}
.m-5{
    margin:5px;
}
.m-b-5{
    margin-bottom:5px;
}
.form-group-default{
    padding-top:4px;
    padding-bottom:0px;
}

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

/** inpage popup **/
/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 400px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 15%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* ads style */
.ads_panel {
    background-color: #e5ffe9;
}

.ads_panel .ad_span{
    display: inline-block;
    border: thin solid #B0BED9;
    padding: 3px;
    color:#B0BED9;
    margin-right: 5px;
}

.ads_panel .ad_desc{
    font-size: 12px;
    margin-top: 10px;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}@media (max-width: 1111px){
    .home-bg{
        background-size: 120%;
    }
}

@media (max-width: 991px){
    .home-bg{
        background-size: 160%;
    }
    .page-container .page-content-wrapper .content{
        padding-bottom:260px;
    }
}
@media (max-width: 767px){
    .home-bg{
        background-size: 250%;
    }
    .page-container .page-content-wrapper .content{
        padding-bottom:290px;
    }
}
@media (max-width: 450px){
    .home-bg{
        background-size: 300%;
    }
    .page-container .page-content-wrapper .content{
        padding-bottom:290px;
    }
}