/*@font-face {
    font-family: Philosopher-Regular;
    src: url(fonts/Philosopher-Regular.ttf) format('truetype');
}*/

*{
    padding: 0;
    margin: 0;
}

html {
  scroll-behavior: smooth; /* свойство scroll-behavior не наследуется, применяется к прокручиваемым блокам */ 
}

body {
    /*font-family: Philosopher-Regular, 'Comic Sans MS', cursive;*/
    font-size: 1.1rem;
}

a {
    color: #01a0e2;
    outline: 0 !important;
    text-decoration: none;
}

/*.header a:hover, #content a:hover {
    text-decoration: underline;
}*/

ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

#main-content a {
    color: #0066ff;
}

#page{
    background: #fcfafb url(../img/cute-airplanes-pattern.jpg) center top repeat;
    background-size: auto;
    background-attachment: fixed;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    background-color: white;
    line-height: 1.5rem;
}

div#content {
    background: white;
}

.nenecky-attr {
    padding: 4px 97px 10px 20px;
    position: relative;
    background: url(../img/symvol.png) repeat;
    background-repeat-y: no-repeat;
}

#top-panel{
    background: #5470a8;
    padding: 5px;
}

#top-panel p, #top-panel a, .header p, .header a {
    color: white !important;
}

#version-visually-impaired a {
    border: 1px solid #5dc1e3;
    border-radius: 10px;
    /* color: white; */
    width: max-content;
    padding: 3px 10px;
}

#version-visually-impaired a:hover {
    background: #ff5d33;
    transition: .5s;
}

.header {
    background: #5dc1e3;
    background-image: url(../img/oblako-1-rev.png);
    background-repeat: repeat-x;
    background-position-y: top;
    border-bottom: 1px solid #01a0e2;
}

#logo, .search, .moduletable_tel {
    margin-bottom: 15px;
    margin-top: 15px;
}

#topmenu {
    padding: 0 !important;
}

#name, .infoblock {
    margin-top: 4.7rem;
}

.infoblock {
    margin-left: auto !important;
    margin-right: auto !important;
    text-shadow: 0 0 3px #383838;
}

div#name {
    color: white;
    text-align: center;
    text-shadow: 0 0 3px #383838;
    font-size: 1.1rem;
}

.search button {
    background: #FFD163;
}

.search button:hover {
    background: #e7be5c;
}

.element-invisible {
    display: none !important;
}

div[itemprop="articleBody"] {
    
}

div[itemprop="articleBody"] p {
    padding-bottom: .5rem;
}

div[itemprop="articleBody"] a:hover {
    text-decoration: underline;
}

.no-padding {
    padding: 0 !important;
}

.pre-footer {
    padding: 20px 0px 35px;
    background: url(../img/footer-bg.jpg) no-repeat scroll center center / cover transparent;
    color: aliceblue;
    text-align: center;
    line-height: 2rem;
    font-weight: bold;
}

.footer{
    color: #fff;
    padding: 15px;
    text-align: center;
    background: #336699;
}

.padding-top {
    padding-top: .5rem;
}

.breadcrumb>li>.divider {
    display: inline-flex;
    padding-right: 5px;
}

td.list-title a {
    color: #00b4ff !important;
    font-weight: 600;
   /* font-style: italic; */
}

td.list-title a:hover {
    /* list-style: decimal; */
    text-decoration: underline;
    /* text-shadow: 1px 1px 0px red; */
    color: #f37738 !important;
}

table.category tbody tr td:before {
    content: "\f138";
    font-family: FontAwesome;
    font-size: 15px;
    color: #dd3333;
}

/*-------------------------------------------
ПЕРЕОПРЕДЕЛЕНИЕ МОДУЛЕЙ
*/

/*li.current.active {
    background: #02a24e;
    border: 1px solid #00a34e;
}*/

.blog {
    overflow-x: auto;
}
/* .item-page */
.blog, .content-category .form-inline {
    box-shadow: 0 0 2px #cfcfcf;
    border-top: 2px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    overflow: hidden;
    padding: 10px 10px 20px;
    margin-bottom: 30px;
}

.clear, .clearfix {
    clear: both;
}

.article-info {
    margin-bottom: 1rem;
}

.page-header h1, .content-category h1, .content-category h2, .contact-page, .moduletable h3, h2.blogtitle, h2 .contact-name, .item-title-tpl, .moduletable-mod h3, .item-page h2 {
    color: #f34b0a;
    /*padding-bottom: 1.5rem;*/
    margin-bottom: 1rem;
    line-height: initial;
}

h2.blogtitle, .item-title-tpl, .content-category h2, .content-category h1 {
    font-size: 1.3em;
    text-transform: uppercase !important;
    margin: 15px 0;
    font-weight: 400;
    border-left: 4px solid;
    padding-left: 15px;
}

.pager.pagenav {
    padding-top: 1rem;
}

.pager.pagenav li {
    display: inline-block;
    background: #969696;
    border-radius: 12px;
    padding: 4px 20px;
    margin: 4px 20px;
}

.pager.pagenav li a {
    color: #fff !important;
    display: block;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 400;
}

.pager.pagenav .next {
    float: right;
}

.pull-right {
    float: right;
}

.dropdown-menu {
    padding: 5px;
    font-size: 0.9em;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.dropdown-menu li {
    display: inline-block;
}

.btn.dropdown-toggle {
    display: none;
}

.article-info .createdby, .article-info .category-name, .article-info .published, .article-info .create, .article-info .modified, .article-info .hits {
    display: inline-block;
    background: #01a0e2;
    color: #fff;
    font-size: 0.8em;
    padding: 4px 8px;
    border-radius: 2px;
    margin-top: 4px;
}

#sidebar-right h3 {
    color: #ffffff;
    text-align: center;
    padding-bottom: 0.5rem;
    padding-top: .5rem;
    background: #428bca;
}

.print-icon:before, .email-icon:before, .icon-calendar:before, .icon-eye-open:before, .icon-cog:before, .icon-search:before, .icon-remove:before {
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    width: 26px;
    text-align: center;
}

.print-icon:before {
    content: "\f02f";
}

.email-icon:before {
    content: "\f003";
}

#mod-search-searchword102 {
    padding: .375em .75em;
    font-size: 1em;
    line-height: 20px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-bottom: 20px;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    /* vertical-align: middle; */
    user-select: none;
    border: 1px solid transparent;
    padding: .375em .75em;
    font-size: 1em;
    line-height: 20px;
    border-radius: 2px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    margin-top: 10px;
    margin-bottom: 10px;
}

.readmore {
    display: block;
    margin-top: 30px;
    margin-bottom: 12px;
}

.readmore-button {
    background: #28a745;
    color: #fff !important;
    padding: 6px 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.readmore-button:hover {
    background: #23933c;
}

.pull-left.item-image {
    max-width: 200px;
}

.moduletable_statistics h3, .moduletable_count-users h3 {
    text-decoration: underline;
}

.stats-module_statistics dt,dd {
  display: inline; /* поставить <dt> и <dd> друг за другом вплотную на общей линии */ 
  margin: 0;
}
.stats-module_statistics dd::after { /* в конце каждого тега <dd> добавить разрыв строки (пояснение, автор идеи) */ 
  content: '\A';
  white-space: pre;
}
.stats-module_statistics dt::after { /* двоеточие в конце <dt> */ 
  content: ':';
}

.stats-module_statistics, .moduletable_count-users p{
    text-align: left;
}

#page.accessibility .search-input-medium, .readmore-button, button.button.btn-red {
    border: 1px solid;
}

/*-------------------------------------------
FROM BOOTSTRAP*/


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

.breadcrumbs ul{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.breadcrumbs ul li {
    font-size: small;
}

img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
}

.img-fluid {
    max-width: 100%;
}

.table {
  max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.table-bordered th, .table-bordered td {
    border-left: 1px solid #dddddd;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.latestnews li, .modulelatest li {
    margin-bottom: 20px;
}

.latest-img {
    height: 180px;
    transition: 0.5s;
    background-size: cover!important;
    /* box-shadow: 0px 0px 5px 0px #b0b0b0; */
}

.latest-img:hover {
    opacity: 0.8;
}

.latest-hits {
    background: #428bca;
    display: inline-block;
    padding: 3px 10px;
    color: #fff;
    font-size: 0.9em;
}

.latest-text {
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    border: 1px solid #dfdbd7;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.moduletable.mod-art-cat {
    padding-bottom: 15px;
    line-height: 2rem;
    margin-left: auto;
    margin-right: auto;
    height: max-content;
    border: 1px solid #dfdbd7;
    margin-bottom: 0.5rem;
}

.moduletable.mod-art-cat ul {
    padding-left: 25px;
    padding-right: 10px;
    list-style: initial;
    color: #bf251b;
    font-family: FontAwesome, sans-serif;
}

.moduletable.mod-art-cat ul li:hover {
    text-decoration: underline;
    transition: 1s;
}

.moduletable.mod-art-cat h3 {
    text-align: center;
}

.moduletable.mod-art-cat a {
    color: #008cc0 !important;
}

.bottom-menu {
    padding-bottom: 20px;
}

.bottom-menu ul li {
    display: inline-block;
}

.bottom-menu ul li a {
    color: #fff;
    text-transform: uppercase;
    padding: 0 10px;
    font-weight: 700;
}

fieldset.filters.btn-toolbar.clearfix {
    width: max-content;
    border: none;
    float: right;
}

.moduletable_cont-info {
    border: 1px solid #dfdbd7;
    margin-bottom: 0.5rem;
}

/* -------------------------------------------
ДОП. ПЛАГИНЫ, МОДУЛИ
*/
#toTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 222;
    width: 40px;
    box-shadow: 2px 2px 3px #383838;
}

#toTop:hover {
    box-shadow: none;
    margin-right: -2px;
    margin-bottom: -2px;
}

#toTop img {
    width: inherit;
    float: right;
}

ol.list-v1 {
    list-style: decimal;
    padding-left: 25px;
}

ol.list-v1 li {
    border-top: 1px solid #969696;
    padding: 10px;
}

ol.list-v1 li:first-child {
    border: none;
}

ol.list-v1 li:first-child:hover {
    border-top: 1px solid #969696;
}

ol.list-v1 li:last-child:hover {
    border-bottom: 1px solid #969696;
}

ol.list-v1 li:hover {
    background: #ffe7ac;
    border-right: 1px solid #969696;
    border-left: 1px solid #969696;
}

.moduletable-noko {
    border: 2px solid #01a0e2;
    padding: 10px;
    background: #fff;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    overflow: hidden;
    margin-bottom: 30px;
}

.zametka {
    border: 1px dashed #428bca;
    padding: 10px;
    text-align: justify;
    background: cornsilk;
    font-family: monospace;
}

.label {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #fff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
}

.label-success {
    background-color: #468847;
}

.moduletable-ave {
    border: 1px solid #ddd;
    padding: 10px;
    background: #fff;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    overflow: hidden;
    margin-bottom: 30px;
}
.moduletable-ave img {
    float: left;
    max-width: 250px;
    border: 4px double #4cbfd9;
    padding: 4px;
    margin-right: 20px;
    margin-bottom: 10px;
    height: auto;
}

/*-------------------------------------------
MEDIA
*/

@media (max-width: 991px){
    .infoblock {
        margin-top: unset;
    }    
}
/*
@media (max-width: 767px){
    .moduletable.mod-art-cat {
        margin-left: 1rem;
        margin-right: 1rem;
    }    
}
*/
