.col-xs5-1,
.col-sm5-1,
.col-md5-1,
.col-lg5-1,
.col-xs5-2,
.col-sm5-2,
.col-md5-2,
.col-lg5-2 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs5-1 {
    width: 20%;
    float: left;
}
.col-xs5-2 {
    width: 40%;
    float: left;
}
.col-xs5-3 {
    width: 60%;
    float: left;
}
.col-xs5-4 {
    width: 80%;
    float: left;
}

.col-ms-1,
.col-ms-2,
.col-ms-3,
.col-ms-4,
.col-ms-5,
.col-ms-6,
.col-ms-7,
.col-ms-8,
.col-ms-9,
.col-ms-10,
.col-ms-11,
.col-ms-12 {position:relative; padding-left:15px; padding-right:15px;} 
@media (min-width: 480px) and (max-width: 767px) {
    .container {max-width:748px;} 
    .col-ms-1,
    .col-ms-2,
    .col-ms-3,
    .col-ms-4,
    .col-ms-5,
    .col-ms-6,
    .col-ms-7,
    .col-ms-8,
    .col-ms-9,
    .col-ms-10,
    .col-ms-11 {float:left;}
    .col-ms-1 {width:8.33333333%;}
    .col-ms-2 {width:16.66666667%;}
    .col-ms-3 {width:25%;}
    .col-ms-4 {width:33.33333333%;}
    .col-ms-5 {width:41.66666667%;}
    .col-ms-6 {width:50%;}
    .col-ms-7 {width:58.33333333%;}
    .col-ms-8 {width:66.66666667%;}
    .col-ms-9 {width:75%;}
    .col-ms-10 {width:83.33333333%;}
    .col-ms-11 {width:91.66666667%;}
    .col-ms-12 {width:100%;}
}


/* columns of same height styles */

.row-full-height {
    height: 100%;
}
.col-full-height {
    height: 100%;
    vertical-align: middle;
    vertical-align: top;
}
.row-same-height {
    display: table;
    width: 100%;
    /* fix overflow */
    table-layout: fixed;
}
.col-xs-height {
    display: table-cell;
    float: none !important;
    vertical-align: top;
}


@media (min-width: 768px) {
    .col-sm-height {
        display: table-cell;
        float: none !important;
        vertical-align: top;
    }
    .col-sm5-1 {
        width: 20%;
        float: left;
    }
    .col-sm5-2 {
        width: 40%;
        float: left;
    }
    .col-sm5-3 {
        width: 60%;
        float: left;
    }
    .col-sm5-4 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-height {
        display: table-cell;
        float: none !important;
        vertical-align: top;
    }
    .col-md5-2 {
        width: 40%;
        float: left;
    }
    .col-md5-1 {
        width: 20%;
        float: left;
    }
    .col-md5-3 {
        width: 60%;
        float: left;
    }
    .col-md5-4 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg5-2 {
        width: 40%;
        float: left;
    }
    .col-lg5-1 {
        width: 20%;
        float: left;
    }
    .col-lg5-3 {
        width: 60%;
        float: left;
    }
    .col-lg5-4 {
        width: 80%;
        float: left;
    }
    .col-lg-height {
        display: table-cell;
        float: none !important;
        vertical-align: top;
    }
}
table,.alert,
label, .control-label, .help-block, .checkbox, .radio,
.list-group {font-size: 100%;}
aside .list-group a {font-size: 90%;}
.breadcrumb {font-size: 80%;}

.popover-content .list-group-item {background-color: transparent;}
.popover-content .popover-body {min-width: 200px; color: #fff;}


main .btn-sm {
    padding-top: 4px;
    padding-bottom: 4px;
}

body {
    background-color: #e9e5e5;
}

header {
    background: url(../img/topbar.png) top left repeat-x;
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 1001;
}

.body-width {max-width: 1000px;}

header a {
    display: inline-block;
}

header a.icon {
    margin: 21px 10px 0 0;
}
header a.icon.btn {
    margin-top: 0;
}
header a.icon.btn-success {
    margin-top: 15.5px;
}

.select-color .blue,
.select-color .green
{
    display: inline-block;
    width: 11px;
    height: 11px;
    background-color: #7dbae6;
}
.select-color .blue {
    background-color: #7dbae6 !important;
}
.select-color .green {
    background-color: #8b8030 !important;
}

aside.sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #fffeff;
    z-index: 1000;
    margin-left: -251px;
    padding-top: 67px;
    /*    padding-bottom: 43px;*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
    margin-right: 1px solid rgba(0,0,0,0.25);

}

aside.sidebar .overflow-y {
    height: 100%;
    overflow-y: auto;
}

aside.sidebar > a {
    display: block;
    width: 33px;
    height: 26px;
    position: absolute;
    right: -33px;
    top: 150px;
}

aside.sidebar .user {
    display: table;
    margin: 10px 10px 30px 20px;
}

aside.sidebar .user span {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}

aside.sidebar .user img {
    height: 48px;
    width: 48px;
    margin-right: 5px;
}

aside.sidebar nav {
    overflow-y: auto;
}

body.sidebar-toggled aside.sidebar{
    margin-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

main {
    margin: 0 auto;
    background-color: #fff;
    padding-top: 90px;
    padding-bottom: 40px;
}

.col-border {
    border-left: 1px solid #e7e7e7;
}

footer {
    background-color: #fffeff;
    height: 43px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1002;
    line-height: 43px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
    font-size: 80%;
    color: #bfb6b6;
}


h4.num {
    margin-top: 0;
    margin-bottom: 0;
    color: #adaaaa;
}
h4.header {
    color: #232323;
    margin-top: 5px;
    margin-bottom: 30px;
}
h4.header a,
h4.header a:hover,
h4.header a:active,
h4.header a:focus
{
    color: #232323;
}

p {
/*    font-size: 80%; */
    position: relative; color: #575454;margin-bottom: 20px;}
p img.icon {height: 18px; width: auto; position: absolute; right: 0;}

a {color: #fb9b03;}
a:hover, a:active, a:focus {
    color: #f09403;
}

.btn-poll {
    color: #FFFFFF;
    font-size: 115%;
    line-height: 1.65;
    display: inline-block;
    padding-left: 30px;
    background: url("../img/i/poll.png") center left no-repeat #d91b5c;
    position:relative;
    padding-right: 18px;
    margin: 6px 20px 0 0;
}
.btn-poll:hover, .btn-poll:active, .btn-poll:focus {
    color: #FFFFFF;
    text-decoration: none;
    background-color: #c41853;
}



.btn-poll span.triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 27px solid #ea6c6c;
    border-left: 14px solid transparent;  
    right: 0;
    top:0;
}
.btn-poll span.triangle span {
    position: absolute; 
    top: -4px;
    left: 4px;
}

.btn-poll span.triangle.white {
    border-top: 27px solid #ffffff;
}
.btn-poll span.triangle.white span {
    color: #00f;
}
.calendar-nav {text-align: center;}
.calendar-nav a.grey.text-center {width: 6.5%; margin-right: 1%;}
.calendar-nav a.grey {
/*    font-size:80%; */
    width: 20%; 
    display: inline-block;
    text-align: center; 
    height: 24px; 
    line-height: 24px;
}
.col-sm5-2 .calendar-nav a.grey {
    font-size:80%; }
.calendar-nav a.grey.text-center:last-child {margin-right: 0;}
.calendar-title {font-weight: bold; padding: 5px 0;}
/**********  Autocomplete *********/
.autocomplete-suggestions {
    text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);

    /* core styles should not be changed */
    position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
}
.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; font-size: 1.02em; color: #333; }
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
.autocomplete-suggestion.selected { background: #f0f0f0; }
/**********  Paginator **********/
.pagination > li > a, .pagination > li:first-child > a, .pagination > li:last-child > a, .pagination > li > span, .pagination > li:first-child > span, .pagination > li:last-child > span
{
    border-radius: 0;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus,
.pagination > li > a, .pagination > li > span {
    border-color: #d4d2d3;
}
/**********  Kalendarz **********/
#calendar .table-bordered {
    border: 5px solid #d4d2d3;
}
#calendar .table-bordered > thead > tr > th, 
#calendar .table-bordered > tbody > tr > th, 
#calendar .table-bordered > tfoot > tr > th, 
#calendar .table-bordered > thead > tr > td, 
#calendar .table-bordered > tbody > tr > td, 
#calendar .table-bordered > tfoot > tr > td
{
    border: 5px solid #d4d2d3;
    padding: 0; 
}
#calendar .table-bordered > thead > tr > th {
    padding: 4px;
}
#calendar .table-bordered.calendar-year-view td,
#calendar .table-bordered.calendar-year-view > tbody > tr > td {
    padding-top: 4px;
    padding-bottom: 4px;
}
#calendar span[data-cal-date] {
    margin-top: 0;
    margin-right: 0;
}
#calendar .cal-month-day {
    height: auto;
    padding: 4px;
}
#calendar .cal-day-today {
    padding: 0;
    border: 4px solid #818285;
    background: none;    
}
#calendar .cal-day-today span[data-cal-date] {
    color: #818285;
}

#calendar .cal-day-weekend span[data-cal-date] {
    color: red;
}

#calendar {
    color: #818285;
    margin-bottom:10px;
}
#calendar .events-list {
    position: static;
}
#calendar a.event {
    /*    float:none;
        display: block;
        width: 100%;*/
}
#calendar .events-list {display: none;}
#calendar #cal-day-tick {display:none !important;}
#calendar .has-events {background-color: #f8b00c; color: #ffffff;}
#calendar .cal-day-inmonth span[data-cal-date] {opacity: 1;}
#calendar .cal-day-inmonth span[data-cal-date]:hover {opacity: 0.5;}
#calendar .cal-events-num {margin: 0;}

.col-sm5-2 #calendar-filter .btn {width: 32.33%; margin-right:1%; font-size:80%; margin-bottom: 5px;}
#calendar-filter .btn {width: 16%; margin-right: 0.6%;}
#calendar-filter .btn .glyphicon {display:none;}
#calendar-filter .btn.active .glyphicon {display: inline-block;}
#calendar-filter {margin-bottom: 20px;}

.triangled {position: relative;padding-right: 15px;}
.triangle {
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
}
.linksnum > span {
    position: absolute;
    bottom: -1px;
    right: -22px;
    font-size: 11px;
    font-weight: bold;
    color: #333;
}


/**********  Bootgrid **********/
.bootgrid-table.no-fixed {table-layout: auto}
.bootgrid-table.no-wrap td,
.bootgrid-table.no-wrap th>.column-header-anchor>.text {white-space: normal;}
/**********  Tables **********/
.table-normal {width: auto;}
.table-normal td {font-size: 100%;}
/**********  Forms **********/
form.form-extended-checkbox label p {margin-bottom: 0;}
form.form-extended-checkbox label {position: relative;}
form.form-extended-checkbox .checkbox label input[type="checkbox"],
form.form-extended-checkbox .checkbox label input[type="radio"] {position: absolute; margin-left: 0;}
form.form-extended-checkbox .checkbox label p {padding-left: 20px;}

form.Staff_Form_Cols label {display: block;}

/**********  Tpnnews **********/
.tpnnews-item .triangle {   
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;          
}
.tpnnews-item p {
    position: relative;
    padding-right: 15px;
}
.tpnnews-item h6 {
    margin-bottom: 5px;
    position: relative;
}
.more-block {
    height: 23px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 85%;
    margin-left: 10px;
    color: #ffffff;
    padding-left: 5px;
}
.more-block:hover {
    text-decoration: none;
    color: #efefef;
}
.more-block > .triangle {
    border-top: 26px solid #fff;
    border-left: 26px solid transparent;
    bottom: -3px;
}

.more-block > .triangle.day-0 {
    border-top: 23px solid transparent;
    border-left: 23px solid transparent;
    bottom: 0;
}
.more-block > .triangle > span.num {
    color: #333;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    right: 2px;
    top: -24px;
}
.more-block > .triangle.day-0 > span.num {
    color: #ffffff;
}

.tpnnews-item .announcement-icon {
    height: 15px; width: auto;margin-left: 10px;
}

.avatar {max-width: 100px; width: 100%; height: auto;}
.large-avatar .avatar {max-width: none; border-radius: 0 !important;}
/**********  ADS **********/
.at-item {
    margin-right: 35px;
    position: relative;
    background-color: #fbfbfb;
    margin-bottom: 40px;


}
.at-content {
    padding: 0 5px 50px 5px;
}

.at-item-footer {
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
}
.at-item-footer .blue {

    color:#ffffff;
    padding-left:10px;
    padding-right: 10px;
    line-height: 2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.at-item .icon-set {
    position: absolute;
    right: -40px;
    width: 35px;
    padding-left: 5px;
    text-align: center;
}
.at-item .icon-set img {
    display: block;
    margin-bottom: 10px;
    max-width: 100%;
    height: auto;
}
.at-item .icon-set a {
    display: block;
    margin-bottom: 10px;
}

.at-title {
    color: #ffffff;
    line-height: 30px;
    padding-left: 10px;
    margin-bottom: 0;
}

.at-title .triangle {
    border-bottom: 30px solid transparent;
    border-right: 30px solid transparent; 
    bottom:auto;
    top:0;
}

.at-title .triangle.triangle-white {
    border-bottom: 33px solid transparent;
    border-right: 33px solid transparent; 
    border-right-color: #ffffff !important;
/*    bottom: -3px;*/
    
}

a[data-toggle="user-popover"] {cursor: pointer;}

/********** Weather ***********/
.weather-widget .weather-icon {position: relative; display: block; cursor: pointer;}
.weather-widget .weather-icon img {max-width: 120px; margin: -10px auto 0;}
.weather-widget .weather-temperature {position: absolute; bottom: 0; right: 0; color:#000;}
.weather-widget .weather-temperature .weather-temperature-max {font-size: 150%;}
.weather-widget .weather-links {list-style: none;padding-left: 0;}
.weather-widget .weather-links a {display: block; height: 23px;line-height: 23px;padding-left: 5px;margin-bottom: 5px;}
.weather-widget .weather-links a .triangle {
    border-top: 23px solid #fff;
    border-left: 23px solid transparent;
}
.weather-widget .weather-storm,
.weather-widget .weather-alert {
    margin-bottom: 5px;
    display: block;
    cursor: pointer;
}
.weather-widget .weather-alert {
    margin-top: 5px;
}
/********** Form *************/
.well fieldset {
    border: 1px solid #E5E5E5;
    padding: 20px;
    margin-bottom: 30px;
    background-color: #f5f5f5;
}
.well fieldset legend {
    width: auto;
    border-bottom: 0 solid;
    margin-bottom: auto;
    padding-left: 10px;
    padding-right: 10px;
}

/**********  Edycja **********/
.editable-edit {position: relative;min-height: 15px;}
.edit-container {position: absolute; top: -100000px; left:-100000px;}
.editable-edit .edit-container {
    position: absolute;
    top: 0;
    left:0;
    width:100%;
    height: 100%;
    border: 3px dashed #00f;
    background-color: rgba(0,0,255,0.5);
    padding:0;
    min-height: 15px;
    cursor: pointer;
}

/**********  TreeView **********/
.accordion a.expanded,
.accordion a.collapsed {margin-right: 5px;}
.accordion {border: 1px solid #ddd; border-width: 0 1px;}
.accordion a[data-treeview-toggle]  { margin-right:5px; }
.accordion>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
.accordion>.list-group .list-group-item {border-width: 1px 0;}
.accordion>.list-group {margin-bottom: 0;}
.accordion .list-group-item {border-radius:0;}
.accordion .list-group-item p {margin:0; padding: 0 0 0 10px; font-size:90%;}

.accordion .list-group .list-group {margin: 0;margin-top: 10px;}
.accordion .list-group-item li.list-group-item {margin: 0 -15px;border-top: 1px solid #ddd !important;border-bottom: 0;
                                                /*                 padding-left: 50px;*/
}
/*.accordion .list-group-item li.list-group-item:last-child {padding-bottom: 0;}*/

.accordion div.list-group div.list-group{margin: 0;}
.accordion div.list-group .list-group a.list-group-item {border-top: 1px solid #ddd !important;border-bottom: 0;
                                                         /*                 padding-left: 50px;*/
}
.accordion .list-group-item li.list-group-item {border-top: 1px solid #DDD !important;}
span.treeview-padding {display: inline-block;}
li li .treeview-padding {padding-left: 30px;}
li li li .treeview-padding {padding-left: 60px;}
li li li li .treeview-padding {padding-left: 90px;}
li li li li li .treeview-padding {padding-left: 120px;}
li li li li li li .treeview-padding {padding-left: 150px;}
li li li li li li li .treeview-padding {padding-left: 180px;}

td .triangle,
.list-group-item .triangle,
.panel-heading .triangle {
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;          
}

form#filter.documents {
    margin-bottom: 20px;

}

.gallery-link > span.desc {display:none;}
.gallery-link:hover > span.desc {
    position: absolute;
    top: 0;
    left:0;
    display: block;
    width: 100%;
    height:100%;
    background-color:rgba(0,0,0,0.5)
}

.col-sm5-2 #dropdownMenuC {
    display: none;
}
.list-group-item.active > a {color:#ffffff;}

/**********  Kolory **********/
.grey {
    background-color: #c1bfc0;
    color: #fff;
}
a.grey.active, a.grey:hover, a.grey:active, a.grey:focus {
    color: #fff;
    text-decoration: none;
    background-color: #9e9f9f;
}
#calendar-filter .e-car.active,
#calendar-filter .e-event.active,
#calendar-filter .e-absence.active,
#calendar-filter .e-room.active,
#calendar-filter .e-exposition.active,
a.cal-event-week,
#calendar a,
#calendar a:hover,
#calendar a:focus
{
    color: #ffffff;
}

/* Aktualnosci dol **/
body .blue {background-color: #7dbae6;}
/* Pogoda od dolu **/
.dh-event-car,
#calendar-filter .e-car.active,
body .grey1 {background-color: #afaeae; }
body .grey2 {background-color: #9e9f9f;}
body .grey3 {background-color: #8d8e8f;}
/*body .grey4 {background-color: #8d8e8f;}*/
body .grey4 {background-color: #767778;}
body .grey5 {background-color: #57585a;}
/** Pasekgalerii **/
.dh-event-event,
body .f-blue, 
#calendar-filter .e-event.active
{background-color: #7dbae6;}
.dh-event-absence,
#calendar-filter .e-absence.active,
body .f-bblue {background-color: #7ca0bc}
.dh-event-room,
#calendar-filter .e-room.active,
body .grey7 {background-color: #5d5b5a;}
body .grey8 {background-color: #a8a6a2;}
body .grey9 {background-color: #858481;}
body .orange {background-color: #f8b00c;}
.dh-event-exposition,
#calendar-filter .e-exposition.active,
body .f-bbblue {background-color: #406682;}

body .day-0 {
    border-right-color : #d7df21 !important;
}
.more-block > .triangle.day-0 {
    border-top-color : #d7df21 !important;
}
body .day-1 {
    border-right-color: #6dde01 !important;
}
body .day-2 {
    border-right-color: #218900 !important;
}


body.green .at-item {
    background-color: #ffffff;
}
body.green .at-title .triangle.triangle-white {
    border-right-color: #F9F8F4 !important;
}
body.green .more-block > .triangle ,
body.green .weather-widget .weather-links a .triangle {
    border-top-color: #F9F8F4;
}
body.green main {
    background-color: #F9F8F4;
}
body.green .btn-primary {
    background-color: #8b8030;
    border-color: #7e7643;
}
body.green .btn-primary:hover, 
body.green .btn-primary:focus, 
body.green .btn-primary.focus, 
body.green .btn-primary:active, 
body.green .btn-primary.active, 
body.green .open > .dropdown-toggle.btn-primary {
    color: #FFF;
    background-color: #7e7643;
    border-color: #8b8030;
}
body.green .pagination > .active > a, 
body.green .pagination > .active > span, 
body.green .pagination > .active > a:hover, 
body.green .pagination > .active > span:hover, 
body.green .pagination > .active > a:focus, 
body.green .pagination > .active > span:focus,
body.green .list-group-item.active,
body.green .list-group-item.active > a,
body.green .list-group-item.active:hover, 
body.green .list-group-item.active:focus {
    background-color: #8b8030;
    border-color: #8b8030;
    color:#ffffff;
}
body.green .grey {
    background-color: #8b8030;
}
body.green a.grey.active, 
body.green a.grey:hover, 
body.green a.grey:active, 
body.green a.grey:focus{
    background-color: #7e7643;
}
/* Aktualnosci dol **/
body.green .blue
{background-color: #8b8030;}
/* Pogoda od dolu **/
body.green .dh-event-car,
body.green #calendar-filter .e-car.active,
body.green .grey1 {background-color: #9f934f;}
body.green .grey2 {background-color: #8b8030;}
/*body.green .grey3 {background-color: #8b8030;}*/
body.green .grey3 {background-color: #7e7643;}
body.green .grey4 {background-color: #5a5334;}
body.green .grey5 {background-color: #3f3a17;}
/** Pasekgalerii **/
body.green .dh-event-event,
body.green .f-blue, 
body.green #calendar-filter .e-event.active 
{background-color: #464d36;}
body.green .dh-event-absence,
body.green .f-bblue, 
body.green #calendar-filter .e-absence.active
{background-color: #283418}
body.green .dh-event-room,
body.green #calendar-filter .e-room.active,
body.green .grey7 {background-color: #606b40;}
body.green .grey8 {background-color: #90a253;}
body.green .grey9 {background-color: #3f3a17;}
body.green .orange {background-color: #8b8030;}
body.green .dh-event-exposition,
body.green #calendar-filter .e-exposition.active,
body.green .f-bbblue {background-color: #606b40;}
/*{background-color: #3f3b2d;}*/

body a.grey1,
body a.grey2,
body a.grey3,
body a.grey4,
body a.grey5,
body a.grey6,
body a.f-blue,
body a.f-bblue,
body a.grey7,
body a.grey8,
body a.grey9,
body a.orange,
body a.f-bbblue {color: #fff; text-decoration: none;}

.metro {margin-top: 45px;}
.metro > .metro-link-container {
    width: 11.111111%;
    padding-right: 5px;
    padding-bottom: 5px;
    float: left;
    position: relative;
}    
.metro > .metro-link-container > .metro-link {
    position: relative;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.metro > .metro-link-container > .metro-link .triangle {
    border-top: 25px solid transparent;
    border-right: 25px solid transparent;
}
.metro a {
    display: block; 
    height: 50px;    
    padding: 3px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.metro a.gallery-link > .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px;
}
.metro a.border {
    border: 2px dashed #b4b4b4;
}

.metro-link-container[data-visible="hidden"] {
    display: none;
}

.metro-user-links .metro-link-container[data-visible="hidden"] {
    display: block;
    opacity: 0.2;
}
.metro-user-links .metro-link-container.editable-edit[data-visible="hidden"] {
    display: block;
    opacity: 0.5;
}

.metro .btn-xs {
    display: inline-block;
    height: auto; 
    padding:0 3px;
    font-size: 11px;
}

.day-highlight.dh-event-absence 
{
    font-size: 90%;
}

@media (min-width: 1200px) {
    .body-width.module-financial {max-width: 90%;}
}

.accordion.cheater {
    padding-top: 50px;
    border-width: 0;
}
.accordion.cheater ul {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.accordion.cheater .list-group .list-group {
    margin: 0;
}
.accordion.cheater>.list-group>.list-group-item {
    padding-top: 0;
    padding-bottom: 0;
    border-top-width: 0;
}

.cmp {
  display: block;
  font-style: italic;
}
.table-bordered > tbody > tr > td.cmp-parent {
  border-width: 5px;
}

.modal-dialog.modal-fullscreen {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal-dialog.modal-fullscreen  .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
}

.calendar-closest a {
    display: block;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

.ical-config label {
    display: block;
}

main {
    min-height: 100vh;
}

tr.disabled {
    background-color: #eee;
    color: #888;
}

.document-expired {
}
.document-expired > * {
    opacity: .5;
}