.containerbody { padding-left: 0; padding-right: 0; }
.container-fluid { padding-top: 15px; padding-bottom: 15px; }

h1, h2 { margin: 0; }
h4 { font-size: 120%; }

form .form-group input, form .form-group {padding: 0px 0; display: flex; align-items: center;}
form .form-group input, form .form-group textarea, .form-group select {width: 80%;max-width: 66%;padding: 5px 15px;border: 1px solid #fff;background-color: #edf6fd;color: #0c4679; margin: 2px;}
form .form-group input:focus, form .form-group textarea:focus, .form-group select:focus,
form .form-group input:focus-visible, form .form-group textarea:focus-visible, .form-group select:focus-visible {border: 1px solid #0c4679; outline: none;}
form .buttons {padding: 15px 7px 0 30%;}
form .btn {padding: 4px 11px;cursor: pointer;}
form .btn.btn-primary {background: #309ade;color: #fff;border: 1px solid #0c4679;}
form .btn.btn-primary:hover {background: #0c4679}

form .buttons .post-status {display: inline-block;padding: 3px 7px;margin: 0 7px;border-radius: 8px;}
form .buttons .post-failed {background: #e17272;color: #fff;}
form .buttons .post-success {background: #14b314;color: #fff;}
form .form-group input[type=checkbox] {width: auto;position: relative;padding: 0;margin: 2px;}
form .form-group input[type=checkbox]:after {content: '';position: absolute;width: 17px;height: 17px;background: #edf6fd;  }
form .form-group input[type=checkbox]:checked:before {font-family: 'FontAwesome';content: '\f00c';position: absolute;z-index: 1;top: -2px;left: 1px;}
form .form-group label {width: 30%;display: inline-block;text-align: right;padding-right: 15px}
form h3 { width: 30%; text-align: right; padding-right: 15px}

form {
    margin: 15px;
    width: 100%;
}

.mcr-content h2 { margin: 15px 0; }

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
    .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; border-top: none; }
    .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
a.list-group-item, button.list-group-item { color: #555; }
    a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; }
    a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus { text-decoration: none; color: #555; background-color: #f9f9f9; }
button.list-group-item { width: 100%; text-align: left; }
.list-group-item.disabled, .list-group-item.disabled:hover,
.list-group-item.disabled:focus { background-color: #eee; color: #777; cursor: not-allowed; }
    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; }
    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; }
    .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; }
    .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; }

.glyphicon-big { font-size: 50px; margin-right: 10px; }
.mcr-menu { background-color: #EEEEEE; height: 100%; }
.mcr-menu-title, h1, .containerbody h2 { margin: 0; height: 53px; padding: 15px 30px; vertical-align: middle; color: white !important; font-size: 17px; font-family: Arial, Helvetica, sans-serif; background-color: #0c4679; }
.mcr-menu-right, h1, .containerbody h2 { background-color: #3498db !important; }


    .mcr-menu-right > .fa, h1 > .fa { color: #A9ECFE; margin-right: 14px; }
.mcr-menu-left { background-color: transparent; }
.mcr-menu-background { background-color: #FFFFFF; }
.mcr-icon { color: #A9ECFE; margin-right: 14px; }
.row.no-pad { margin-right: 0; margin-left: 0; }
    .row.no-pad > [class*='col-'] { padding-right: 0; padding-left: 0; }
.mcr-field { padding: 15px 50px 20px 30px; background-color: #fff; }
.mcr-field-inner { box-shadow: 0 2px 1px -1px rgba(0,0,0,0.2); padding-bottom: 5px; margin-bottom: 5px; }
.mcr-field-news { margin-top: 5px; margin-bottom: 5px; font-size: 12px; }
.mcr-text-right { text-align: right; }
.mcr-text-center { text-align: center; }
.list-group-item { background-color: transparent; }
.mcr-bottom-left { background-color: #0c4679; height: 10px; }

.mcr-bottom-right { background-color: #309ADE; height: 10px; }
.mcr-arrow { text-align: right; font-size: 23px; color: #5391BB; float: right; }
.mcr-arrow-selected { text-align: right; font-size: 23px; color: #ff9500; float: right; font-weight: bold; }
.mcr-menu-selected { color: #0c4679 !important; font-weight: bold; }
.mcr-panel { max-width: 1168px; box-shadow: 0 2px 5px 2px grey; padding: 0; margin-top: 30px; margin-bottom: 30px; }
.mcr-head-image { height: auto; width: auto; }
.mcr-floating-btn { background-color: #efefef !important; color: #1a72ab !important; border-radius: 50%; width: 56px; height: 56px; padding: 12px; text-align: center; text-decoration: none; display: inline-block; font-size: 27px; margin: 0px 11px; cursor: pointer; }
.mcr-floating { position: absolute; margin: 24px 17px; right: 0; }
.mcr-image { position: relative; width: 100%; /* for IE 6 */ min-height: 100px; }
.mcr-support { padding-left: 17px; }

.mcr-content { background-color: #fff; min-height: 700px; }
    .mcr-content p { padding: 5px 0px; margin: 0; }


.mcr-menu-left .list-group-item { border-left: none; border-right: none; padding-left: 20px; padding-right: 20px; }
.col-xs-12 .mcr-fbpage { width: 260px; }
.col-sm-12 .mcr-fbpage { width: 500px; }

@media screen and (max-width: 768px) {
    .mcr-text-right { text-align: center; margin-top: 5px; margin-bottom: 5px; }
    .mcr-text-center { text-align: center; margin-top: 5px; margin-bottom: 5px; }
    .mcr-text { text-align: center; margin-top: 5px; margin-bottom: 5px; }
    .mcr-floating-btn { background-color: #efefef !important; color: #1a72ab !important; border-radius: 50%; width: 38px; height: 38px; padding: 11px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 0 3px; cursor: pointer; }
    .mcr-floating { position: absolute; margin: 8px 8px; right: 0; }

    .mcr-field-social { padding-left: 0 !important; }
}

@media screen and (max-width: 1218px) {
    .mcr-panel { max-width: 1168px; box-shadow: 0 2px 5px 2px grey; padding: 0; margin: 30px 25px 30px 25px; }
}

.navbar-form { display: none !important; }

header { min-height: 80px; }

@media screen and (max-width: 767px) {
    .mcr-box { margin: 0 0 10px 0; }
        .mcr-box .mcr-menu-title { cursor: pointer; position: relative; }
            .mcr-box .mcr-menu-title:after { font-family: 'FontAwesome'; content: "\f107"; position: absolute; right: 20px; top: calc(50% - 13px); font-size: 20px; font-weight: bold; }
        .mcr-box .mcr-field, .mcr-box .list-group { display: none; }

        .mcr-box.active .mcr-menu-title:after { content: "\f106"; }
        .mcr-box.active .mcr-field, .mcr-box.active .list-group { display: block; }

    .mcr-menu { background-color: #fff; }
        .mcr-menu .list-group a { background-color: #eee; }

    .mcr-menu-title, h1, h2 { height: auto;}
}


.topstrip .container:before { z-index: 1;}
.topstrip .container:after { z-index: 1;}


.fullscreen-dialog-background { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #0000008c; padding: 20px; z-index: 10001; }
    .fullscreen-dialog-background .fullscreen-dialog { display: flex; flex-direction: column; height: 100%; background: #fff; border: 3px solid #95aee4; box-shadow: 1px 1px 15px rgb(0 0 0 / 40%); }
        .fullscreen-dialog-background .fullscreen-dialog .fullscreen-dialog-title { border-bottom: 3px solid #95aee4; display: flex; flex-direction: row; background: #3268a6; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAgMAAABjUWAiAAAADFBMVEXR0dG5ubnExMSurq6prigqAAAABHRSTlM2NjY2AJNcKQAAAqlJREFUKM8t0u9LE3EAx/HP5i2vJvWdznCy4jY2q5UxR0VGwt3tTm9mcrNpM30wh6ZIwoQkCoy7seUkJRezFDS0JPr1YEaSScSlGSY9cNKDkIJ+SPQkyPBRj1LpT3i/eCNsOb6DeDS+cA9rT2OpRly36sTcTmAc6BdUdfflrHH9W2s4DdKuDaqkIDYab/YpkPj5cq2s5ESysTes4VjqDzX11a7kqC4HA8oRPphPPnjXrH5DCMM3v80LXv00f5uvlWGfyBdibTNrXCYmMpDiye5s+IURVn+PQUFIkumEqdJ25BMBfBzRnlDDtkBriopg2rFAmKFEpDs5wAFXqLobzgw/GVzWKYDZ9wYuj8nI57MlS9i2vPNqdDZ3OsPvNjOog66e8r9TvUUtyhe8PpXnlK5FNW5xcBeL6rD0QvebdTGHDeMDENytDyLqpUBOT75KgNpufjLUN0dM6fMyDGa/ydgi2FfcyvYQCq0kd3q1X9IbG5vc2FVV7VOj5tggazYoWIw4o1q5bV9TjX6WQfDwoZDLfTB2IJBSWZwcuZ9dV9ycVziTrHCjSvM2nQsqOjubc4gFbrXvIFrLptqxAZTYHlV69HTWhtqEgi2CzsJNtZ9pFGPutDNDK/7mEY6BSGQm08LSG2o6DYFV/574/qfCsC5YxiI2xktwWBKJVGOchYs1dJEDZzmRosMaPrZF2FiX5yhDF3cqiCvShZeN4B5nTT3UsJUS42xZBmMFA32HTz5aNLTSObJulpHblzNquOgmqaK7ZiBhaqgP5f360bCdIA1h22Z3dHZfQ3ZTBFLpXyNd+V2kg7Kq4E6wwPBZ9ljrKNHHwBJcCAjCK8f7XnpgCWzzGbtP2FvKJgUv8H+5vTRN2tJ4bhGpKpl75nFaIGPsutMh8j2eoQ4kyD9lQNtpEcpxlwAAAABJRU5ErkJggg==), linear-gradient(180deg, #0a5fb5 0%, #11458a 100%); font-weight: normal; color: #fff; text-align: center; vertical-align: middle; text-transform: uppercase; font-size: 13px !important; }
            .fullscreen-dialog-background .fullscreen-dialog .fullscreen-dialog-title .fullscreen-dialog-title-content { padding: 6px; flex: 1; height: 30px; }
.fullscreen-dialog-title-actions {  }
.fullscreen-dialog-content { flex: 1; }
.fullscreen-dialog-title-actions .fullscreen-dialog-title-action-close { margin-top: 3px; margin-right: 8px; background: #0000; border: none; color: #fff; font-size: 19px; cursor: pointer; background: url(https://www.atcomp.cz/scripts/smoothness/images/ui-icons_ffffff_256x240.png) no-repeat -92px -125px #0000; width: 19px; height: 19px; min-height: 19px; }
.fullscreen-dialog-content > iframe { width: 100%; height: 100%; border: 0px; }