﻿/*	----------------------------------------------------------------------------------------------------
	1.0 GENERAL
	---------------------------------------------------------------------------------------------------- */

/* HEADINGS */
.custom-grid-centered h1 {
    text-align: center;
}
/* Filters */
.bar-filters .btn {
    margin-top: 28px;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #0068A8;
    background-color: rgba(0,104,168,1);
}

    .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
        border-color: #0068A8;
    }

a.list-group-item:visited .publish-date,
a.list-group-item:visited .update-date {
    color: #555555;
}

span.publish-date {
    opacity: 0.85;
    display: block;
    margin-bottom: 5px;
}

ul.list-group:after {
    clear: both;
    display: block;
    content: "";
}

.list-group-item {
    float: left;
}

#panel-body:focus {
    outline: none;
}

#clearForm {
    display: none;
}

    #clearForm.show {
        display: inline-block !important;
    }

.mceItemTable tr td span {
    text-decoration: line-through;
    display: block;
}

#panel-body,
#education_fields .inner {
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin-bottom: 10px;
}

    #panel-body .btn-block,
    #education_fields .btn-block {
        text-align: left;
        background: none;
        margin: 0 0 20px 0;
        box-shadow: none;
        border-bottom: 2px solid #808080;
    }

#onesignal-bell-container.onesignal-reset.onesignal-bell-container-bottom-right {
    bottom: 2% !important;
    right: 2% !important;
}

.checkbox input[type="checkbox"] {
    position: relative;
}

.invoice-chb {
    padding: 0 0 8px;
    margin: 8px 0 16px;
    color: #333333;
    font-size: 21px;
    display: block;
    width: 100%;
}

    .invoice-chb input {
        width: 16px;
        height: 16px;
    }


/* Organizational structure */

.organigrama {
    padding: 10px;
    width: 100%;
    background-color: #c6d9f1
}

.or-left {
    width: 27%;
    float: left;
    padding: 0;
}

.or-center {
    width: 45%;
    float: left;
    background: url(../images/diagram/line2.gif) top center repeat-y;
}

.or-right {
    width: 22%;
    float: left;
    background: url(../images/diagram/line1.gif) right center no-repeat;
    padding: 102px 0 0 116px;
}

.or-left-top {
    padding: 0 30px 0 0;
    background: url(../images/diagram/line1.gif) top center repeat-x;
}

.or-right h3 {
    text-align: center;
    font-weight: bold !important;
    padding: 5px 0 10px 0;
    margin: 0;
}

p.page-box {
    background: #012d58;
    padding: 8px 5px;
    margin: 0 0 15px 0 !important;
    text-align: center !important;
    color: #fff;
}

.or-center p.page-box {
    /*font-size: 1.17em !important;*/
    padding: 10px 5px !important;
}

.or-right p.page-box {
    margin: 0 !important;
    padding: 10px 5px !important;
}

.or-right p.page-box2 {
    margin: 15px 0 0 0 !important;
}

.or-left-top p.page-box {
    padding: 10px 0 !important;
}

.or-right p.page-box, .or-right2 p.page-box {
    margin: 0 !important;
    padding: 10px 5px !important;
}

.or-right p.page-box2, .or-right2 p.page-box2 {
    margin: 15px 0 0 0 !important;
}

.or-right {
    width: 22%;
    float: left;
    background: url(../images/diagram/line4.gif) top right no-repeat;
    padding: 106px 0 0 45px;
    z-index: 12;
    position: relative;
}

.or-right2 {
    width: 22%;
    margin-top: 22px;
    float: left;
    padding: 0px 0 0 30px;
    margin-top: 61px;
    z-index: 1;
    position: relative;
    background: url(../images/diagram/line1.gif) right center no-repeat;
}

.or-right-wrapper {
    max-width: 45%;
    float: left;
    z-index: 12;
    background: url(../images/diagram/line5.png) top left no-repeat;
    margin-top: 15px;
    margin-left: -125px;
}

.organigrama.new .or-right {
    background: url(../images/diagram/line1.gif) right center no-repeat;
    background-position: 0 100px !important;
    padding: 102px 0 0 30px;
    margin-left: 160px;
    min-width: 65%;
    float: none;
}

.organigrama.new .or-right2 {
    margin-top: 27px;
    margin-left: 157px;
    background: url(../images/diagram/line1.gif) right center no-repeat;
    min-width: 60%;
    float: none;
}

.organigrama.new .or-left {
    width: 30%;
}

.organigrama.new .or-center {
    width: 33%;
    /*background: url(../images/diagram/line2.gif) 52% center repeat-y;
    background: url(../images/diagram/line5.png) 100% 14px no-repeat;*/
    padding-right: 45px;
}

    .organigrama.new .or-center p.page-box {
        z-index: 30;
        position: relative;
    }

.organigrama.new .section1-lines {
    background: url(../images/diagram/line3.gif) -24% 0% no-repeat;
}

.clearfix {
    clear: both;
    font-size: 1;
    line-height: 0;
    padding: 0;
    margin: 0;
}

.clear {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}

.section1-lines {
    padding: 56px 30px 0 0;
    background: url(../images/diagram/line3.gif) top left no-repeat;
}

.section1, .section2 {
    padding: 10px;
    background: #fff;
}

    .section1 h3, .section2 h3 {
        text-align: center;
        font-size: 1.17em !important;
    }

.page-box a {
    color: #fff !important;
    text-decoration: none !important;
}

    .page-box a:hover {
        text-decoration: underline !important;
    }

.pb-main {
    font-size: 1.17em !important;
}

.news-filter {
    width: 30%;
    float: right;
}

#detailsDiv .list-group-item {
    width: 50%;
}

#detailsDiv .fc-day-grid-event {
    padding: 10px;
    line-height: 1.25em;
}

    #detailsDiv .fc-day-grid-event:hover {
        text-decoration: underline;
        cursor: pointer;
    }

#calendar {
    text-transform: capitalize;
}

.news-item .btn-wrapper {
    padding: 20px 0;
}

.news-item .attachment-wrapper .list-group-item:last-child {
    margin-bottom: 16px;
}

.news-item h1,
.offer-item h1 {
    font-size: 26px;
}

.btn-info {
    background-color: #0A7DB6;
    border-color: #46b8da;
}

@media (min-width:1400px) {
    .organigrama.new .or-right2 {
        margin-top: 62px;
    }

    .container {
        width: 90%;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 80%;
    }
}

@media (min-width:1200px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 26px;
    }
}


@media (max-width:1280px) {
    .organigrama.new .or-right {
        min-width: 60%;
    }

    .organigrama.new .or-right2 {
        margin-top: 31px;
    }

    .organigrama.new .section1-lines {
        background: url(../images/diagram/line3.gif) -8% 0% no-repeat;
    }

    .container {
        width: 92%;
    }

    .organigrama.new .or-center {
        width: 35%;
        padding-right: 35px;
    }
}

@media (min-width: 801px) and (max-width: 1130px) {
    .or-left {
        width: 160px;
    }

    .organigrama.new .or-right2 {
        margin-top: 55px;
    }

    .organigrama.new .section1-lines {
        background: url(../images/diagram/line3.gif) 0% 0% no-repeat;
    }
}

@media (max-width: 990px) {
    .organigrama {
        overflow: auto;
    }

    .or-holder {
        min-width: 600px;
    }
}

@media (min-width:0) and (max-width:991px) {

    .news-item h1,
    .offer-item h1 {
        font-size: 18px;
    }

}