* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(50, 50, 50, 0.8);
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd,
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset,legend, form, label, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark,
audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    line-height:1.4;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu,
nav, section {
    display: block;
}

body {
    line-height: 1.5;
    color: #000;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    overflow: auto;
    margin: 0;
    word-wrap:break-word;
}

ol {
    padding-left: 1.4em;
    list-style: decimal;
}

ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid black
}

html {
    height: 100%;
    width: 100%;
    background: rgb(255,255, 255); /*цвет фона вокруг*/
    background-image:url(../Images/noise.png);
    /*background-image:url(../Images/back7.jpg);*/
}

body {
    color:black;
    font-size: 0.83em;
    font-family: 'Arial', Helvetica, sans-serif;
    font-weight:300;
    letter-spacing:0.4px;
    overflow: auto;
    box-sizing: border-box;
    Overflow-x: hidden;

    width:100%;
    height: 100%;
}

a {
    outline: none !important;
    text-decoration: none;      
}

label {
    font-weight:normal;
}

input[type=text], input[type=password], textarea, input[type=email], input[type=tel], input[type=date], select {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(200,200, 200);
    margin-right: 0px;
    margin-bottom: 1px;
    padding: 3px 4px;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px;
}
input[type=text].inputdate
{
 width: 80px ;
}

input[type=checkbox]{
    
    margin-bottom:1px;
    vertical-align: bottom;
}


input[disabled], input[readonly]
{
	opacity: 0.7;
}

input[type=text].zerowidth 
{
    padding: 0 !important; 
    width: 0 !important;
    margin:0 !important;
    border:none;
}

aside.login input[type=text], aside.login input[type=password], aside.login textarea {
    width: 200px;
}

input[type=text] {
    width:400px;
}
select {
    width:400px;
}
input[type=email], input[type=tel] {
    width:300px;
}

textarea {
    width: 100%;
    height: 60px;
}

input[type=submit], button, .button {
    border: 1px solid rgb(200,200, 200);
    background-color: rgb(230,230, 230);
    margin-right: 0px;
    padding-left: 3px;
    padding-right: 3px;
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px;
    text-align: center;
    font-weight: 700;
    padding: 3px 5px;
    text-decoration: none !important;
    color: rgba(50, 50, 50, 0.7) !important;    
}

.pagewrapper {
    background: rgb(240,240,240); /*цвет шапки*/
    /*background-image:url(../Images/fon1.jpg);*/
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    width: 100%;
    box-sizing: border-box;
    font-family:'Arial', 'Arial Narrow', Arial, sans-serif;
    background-size: cover;
}

.center_wrap{
     width: 100%;
}

.app {
    /*padding:10px;*/   
    min-width:320px;
    max-width:1400px;
    padding:10px 20px;
    margin:0 auto;
}

nav::after {
    content: " ";
    display: table;
    clear: both;
}

.top {
  padding-top: 14px;
  padding-bottom: 14px;
}

.contact {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
.contact__element:last-child{
  display: none;
}
.contact__element{
  font-size: calc( (100vw - 1100px)/(1500 - 1100) * (14 - 12) + 12px);
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}
.contact__element:first-child{
  flex-grow: 0;
}
.contact__element:last-child{
  flex-grow: 0;
}

header, footer, aside {
}
header
.header-top {
    padding-top: 14px;
    padding-bottom: 14px;
}

#headerNav {
    display: block;
    justify-content: space-between;
    align-items: center;
    background:url(../Images/font19.jpg) no-repeat center bottom;
    margin: 5px 5px 5px 5px;
    padding: 17px 7px;
    min-height:110px; /*ширина шапки*/
    background-size: cover;
    /*width: 100%;*/
    /*position: relative;*/
}

header {
    /*background-image:url(../Images/fon1.jpg);
    margin: 5px 5px 5px 5px;
    padding: 17px 7px;
    min-height:100px; 
    background-size: cover;*/
    
     /*width: 100%;
     position: relative;
      min-width:1200px;
    max-width:1800px;*/
}

    header h2 {
        text-transform: uppercase;
        font-size: 1.15em;
        font-weight: 700;
        text-align: center;
        text-shadow: 1px 1px 2px rgb(150,150,150);
        text-transform:uppercase;
        font-family:Georgia;
        letter-spacing:2px;
        font-weight:bold;
        font-size:16px;
        color: #064553;
        /*color: #09677B;*/
        /*color:#22252d;*/
    }

    
footer {
     background:url(../Images/font19.jpg) no-repeat center bottom;
    /*background-size: 100%;*/
    text-align: center;
    /*width: 100%;*/
    font-size:0.85em;
    margin: 5px 5px 5px 5px;
    padding: 20px 7px;
    display: block;
    /*min-width:1200px;*/
    /*max-width:1800px;*/
    justify-content: space-between;
    align-items: center;
    background-size: cover;
   
}

footer li, li span {
     color: #064553;
}

.clear {
    clear: both;
    margin:0 !important;
    padding:0 !important;
}

.bold {
    font-weight:700;
}

aside.login {
    margin:auto;
    padding: 10px;
    text-align: left;
    width: 400px;

    /*margin: 10px 380px 10px;
        display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;*/
}

aside.login form div {
        margin-bottom: 3px;
}


    aside.login form label {
        text-align: left;
    }

.valid-section {
    padding-bottom: 15px;
}

login .content-form {
    margin: 0 auto;
    width: 170px;
}

#user_box {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 20px;
    text-align: center;
}

.upcaptcha_img {
    height: 27px;
    vertical-align: middle;
}

.upcaptcha {
}

a.upcaptcha, a.upcaptcha:active, a.upcaptcha:visited  {
    text-decoration:none !important;
}
    a.upcaptcha:hover {
        text-decoration:underline !important;
    }

.validation-summary-errors {
    font-weight: bold;
    
}

    .validation-summary-errors ul {
        color:red !important;
    }
.valid-section ul li {
            color:red !important;
}

.input-validation-error {
    border-color: rgba(255, 0, 0,0.3) !important;
    border-style: solid !important;
    border-width: 1px !important;
}

nav a {
}

.categories, .categories-sub {
    background-color:#09677B
    
}

.categories {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items: center;    
}

.categories-sub {
    
    /*position: relative;*/
}

.categories ul {
}

.categories li, .categories-sub ul {
    /*width: 25%;*/
    
}

.categories li {
    display: inline-block;
    margin-right: -5px;
}

.categories a {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.categories-sub a {
    display: block;
}

.categories a, .categories-sub a {
    color: white;
    border-bottom: 2px solid rgba(120,120,120,0);
    margin: 0;
    padding: 4px 30px;
    font-weight: 600;
    font-size: 1em;
    text-decoration:none;
}

.categories a:hover, .categories-sub a:hover {
    color: #46C4CC;
    border-bottom: 2px solid rgba(0, 120, 120,1);
}

.categories-sub .nav-sub {
    background-color: red;
    margin: 0;
    z-index: 10;
    position: absolute;
    display: none;
}

.categories-sub-menu {
    background-color:  #C2DECA;
}

    .categories-sub-menu li {
       display: inline-block;
       margin-right: -5px;
       width: 50%;
       
        /*display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:center;
        align-items:center;*/
    }

    .categories-sub-menu a {
        display: inline-block;
        width: 100%;
        color: rgba(50, 50, 50, 0.5);
        border-bottom: 2px solid rgba(0,0,120,0);
        margin: 0;
        padding: 4px 10px;
        font-weight: 700;
        font-size: 1em;
        text-decoration: none;
        text-align: center;
    }
        .categories-sub-menu a:hover {
            color: rgb(0, 150, 150);
            border-bottom: 2px dashed rgba(120, 120, 120,1);
        }

        .categories-sub-menu a:active {
            text-decoration: none;
        }
a.selected-menu {
    background: #BDD6C7;
    font-size: 1.3em;
    text-decoration:underline;
}

a.selected-main-menu {
    background:#09677B;
    font-size: 1.3em;
    text-decoration:underline;
}

.main-side div.bread-crumb {
    padding-bottom: 50px;
    font-size: 0.93em;
    font-weight: 600;
    text-align: right;
}

section.main-content {
    min-height: 480px;
    background: rgb(255,255, 255);
    border:1px solid rgb(210, 225, 242);
    
    box-sizing: border-box;
	   
    min-width: 320px;
    max-width: 100%;
    /*display:flex;
    flex-wrap:wrap;
    justify-content:space-between;*/
     
    margin: auto;   
    overflow-x:auto; 
	
}

.main-content::after {
    content: " ";
    display: table;
    clear: both;
}

.left-side {
    float: left;
    width: 150px;
    padding: 5px 0;
}

.main-side {
    padding: 0 5px;
    min-height: 400px;
    font-size: 0.95em;
}

    .main-side a, .main-side a:visited {
        color: rgb(50,130,255);
        text-decoration: none;
    }

        .main-side a:hover {
            color: rgb(0,130,255);
            text-decoration: underline;
        }

.red {
    color: red;
}


.main-side div {
    margin-bottom: 3px;
    padding: 2px;
}

.main-side p {
    padding-bottom: 3px;
}

.main-side h3 {
    font-size: 1.1em;
    font-weight: 600;
}

.round-corner {
    -moz-border-radius: 2px 2px;
    -webkit-border-radius: 2px 2px;
    border-radius: 2px 2px;
    border: 1px solid rgb(180,180,180);
    background-color: white;
     width:max-content;
}

.main-side table {
    background-color: white;
    width: 100%;
}

    .main-side table td, .main-side table th {
        border: 1px solid rgb(180,180,180);
        padding: 3px;
    }

    .main-side table td {
    }

    .main-side table th {
        background-color: rgb(230,230,230);
        text-align: center;
        font-weight: 600;
    }

    .main-side table tr:nth-of-type(2n+2):not(.table-checkbox) {
        background-color: rgb(240,240,240);
    }

.main-side .table-checkbox td {
    border: none;
    background: none;
}

.main-side .table-checkbox {
}

.main-side table.tobj {
    
}

.cols-span{
    column-span: all;
}

.right-side .content-form {
}

    .right-side .content-form > div {
        padding-bottom: 5px;
    }

.pos-block {
    display: block;
}

.pos-inline {
    display: inline-block;
}

.content-form .button {
}

.page-view {
}

    .page-view a, .page-view a:visited {
        border: thin solid transparent;
        display: inline-block;
        width: 30px;
        text-align: center;
        text-decoration: none;
        padding: 3px;
        margin-right: 5px;
        font-weight: 600;
    }

        .page-view a:hover, .page-view a:active {
            border-bottom: 1px solid rgb(180,180,180);
            display: inline-block;
            font-weight: 600;
            text-align: center;
            text-decoration: none;
        }

        .page-view a.select-page {
            -moz-border-radius: 2px 2px;
            -webkit-border-radius: 2px 2px;
            border-radius: 2px 2px;
            border: 1px solid rgb(180,180,180);
        }

    .page-view li {
        display: inline-block;
    }

.objects-content .object-content {
    padding-bottom: 1px;
    margin-bottom: 1px;
    border-bottom: 1px solid rgb(180,180,180);
}

    .objects-content .object-content:nth-child(1) {
        border-top: 1px solid rgb(180,180,180);
    }


    .objects-content .object-content label {
        margin-right: 5px;
    }

.objects-content .sort {
    float: right;
    text-align: right;
    width: 60%;
    font-weight: 600;
}

    .objects-content .sort a {
        margin-right: 5px;
        padding: 3px 5px;
        text-decoration: none;
    }

a.select-sort-asc:before {
    content: "а-я";
    padding-right: 3px;
    color: rgb(0,150,0);
}

a.select-sort-desc:before {
    content: "я-а";
    padding-right: 3px;
    color: rgb(0,150,0);
}

.object-content-left {
    float:left;
    width:550px;
}

.object-content-right {
    margin-left: 550px;
}

.object-content-quote {
    background-color: rgb(230,230, 230);
}

div.site-map {
    margin-left:50px;    
    font-size: 1.5em;  

}
.site-map li {
    padding-left:30px;

}

.gendata {
    margin: 0 15px;
}

    .gendata p,  .gendata ul{
          margin-bottom:5px;
    }

    .gendata li {
        list-style-type: disc;
        list-style-position:inside;
        padding-left:10px;
    }

.gendata h2 {
    font-size:1.3em;
    text-align:center;
    font-weight:700;
}

.gendata h3 {
    font-size:1.1em;
    text-align:left;
    font-weight:700;
}

.non-visible {
    display:none;
}

.non-visibility {
    visibility:hidden;
}


.tabs {
    border: none !important;
}
.ui-tabs-panel {
    padding:5px !important;

}

.ui-tabs-nav {
    background: rgb(255,255,255)!important;
    border: none !important;
}

.ui-tabs-anchor {
    color: rgba(50, 50, 50, 0.8)! important;
}

.main-side .ui-widget {
    font-size: 0.9em !important;
}

.main-side  .ui-tabs-anchor {
    font-weight:600 ;
}

.tobj, .tmain{
    border-collapse:collapse;
    border:1px solid grey;
    table-layout:fixed;
    
}
.tmain th, .tmain td{
     border-right: 1.5px solid rgb(111,166,133);
     border-left: 1.5px solid rgb(111,166,133);
     border-top: 1.5px solid rgb(111,166,133);
     border-bottom: 1.5px solid rgb(111,166,133);
     padding:5px;
     max-width :1000px;
}

.tobj th, .tobj td{
     border-right: 1.5px solid rgb(158, 190, 186);
     border-left: 1.5px solid rgb(158, 190, 186);
     border-top: 1.7px solid rgb(158, 190, 186);
     border-bottom: 1.5px solid rgb(158, 190, 186);
     padding:5px;
}

.tobj th, .tmain th{
    background:rgb(224,233,232);
    text-align:center;
}

.tobj, .tmain {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.tmain tr:hover, .tobj tr:hover {
    background: rgb(234,234,225);
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    

a {
    color:darkgreen;
}

.content-form{
    margin:auto;
    width:max-content;

    /*font-size: 0.85em;*/
    font-family: Arial, Helvetica, sans-serif;
}

.tinside{
    background-color:rgb(180,180, 180);
}

.form-horizontal{
   width: 100%;
}

.pos-inline{
    display:inline;
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    font-size: 100%;
    background: rgb(224,233, 232);
    border: 1px solid rgb(225, 225, 225);
    width:95%
}

.ui-tabs-active a {
    background: rgb(225, 225, 225);
    border: 1px solid rgb(225, 225, 225);
 }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
    color:#09677B;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #ccc;
}

.ui-visual-focus {
	box-shadow: none;
}
.ui-widget-shadow {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: red;
	background-color: #ffffff;
}

.grid{
    display:grid;
    grid-template-columns: auto auto;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
   
}

.grid-2equal{
    display:grid;
    grid-template-columns: 50% 50%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;   
}
.grid-head{
    display:grid;
    grid-template-columns: 30% 70%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}
.grid3col{
    display:grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.grid-small{
    display:grid;
    grid-template-columns: 150px 300px;
    grid-row-gap: 10px;
}
.grid-medium{
    display:grid;
    grid-template-columns: 250px 350px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.grid-company{
    display:grid;
    grid-template-columns: 250px 450px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.grid-communication{
    display:grid;
    grid-template-columns: 250px 300px;
    grid-column-gap: 10px;
}
.grid-file{
    display:grid;
    grid-template-columns: auto auto auto auto auto;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.h2 {
    font-family: Georgia;
    font-size:17px;
    font-weight:600;
    letter-spacing:1.3px;
}

.submit {
    background-color:aquamarine;
}

fieldset{
  padding: 10px 50px 10px 10px;
  font-size:1em;
  border: solid 0.1em rgb(158, 190, 186);
}
legend{
    font-size: 100%;
    vertical-align: baseline;
    line-height:1.4;
    padding: 10px 10px 10px 10px;
}

.fa-sign-out, .fa-envelope, .fa-map-marker, .fa-phone, .fa-bell {
    color: #46C4CC;
    text-shadow: 2px 2px 0 #333; 
   }

.fa-id-card-o, .fa-file-text-o, .fa-file-text, .fa-check-square, .fa-thumbs-up, .fa-edit, .fa-info-circle, .fa-times-circle, .fa-circle-o-notch, .fa-database, .fa-commenting, .fa-user, .fa-bell-slash, .fa-industry, .fa-medkit, .fa-calendar, .fa-stethoscope, .fa-folder-open, .fa-arrow-right {
    color: #09677B;    
}

.fa-file-pdf-o {
    color:#e31837;
}


nobr{
    color:#006400;
}

.feedback-button {
    position: fixed;
    top: 70%;
    left: 100%;
    display: inline-block;
    min-width: 120px;
    height: 35px;
    margin-top: 40px;
    margin-left: -35px;
    padding: 5px 7px 5px 7px;
    line-height: 35px;
    z-index: 10;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;

    font-size: .8em;
    font-family: 'Arial','Arial Narrow',Arial,sans-serif;
    line-height: 1.4;
    letter-spacing: .4px;
    background: #46C4CC;
    color: #fff;
    border: 1px solid #92A0D1;
    border-radius: 10px 10px 0 0;
    white-space: nowrap;
    -ms-transform-origin: 5px 0;
    transform-origin: 5px 0;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transition-property: background,margin;
    -moz-transition-property: background,margin;
    -o-transition-property: background,margin;
    transition-property: background,margin;
    -webkit-transition-duration: .1s;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
}
      
.myButton {
	box-shadow: 3px 4px 0px 0px #899599;
	background:linear-gradient(to bottom, #cac4b6 5%, #c7d8df 100%);
	background-color:#cac4b6;
	border-radius:15px;
	border:1px solid #c7d8df;
	display:inline-block;
	cursor:pointer;
	color:#09667b;
	font-family:Arial;
	font-size:13px;
	padding:5px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}
.myButton:hover {
	background:linear-gradient(to bottom, #c7d8df 5%, #cac4b6 100%);
	background-color:#c7d8df;
}
.myButton:active {
	position:relative;
	top:1px;
}

.ui-dialog-title, .ui-dialog-titlebar  {
    background: #46C4CC;
   
}
.ui-dialog {
    position:fixed;
    top: 20%;
    left: 30%;
    padding: .2em;
    outline: 0;
}

div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color:beige;
    padding: 15px;
    z-index:99999999;   
   
}
.CountNotif{
    position:absolute;
    background-color: red;
    border-radius: 50%;
    color: #f5f5f5;
    height: 1rem;
    top: .6rem;
    width: 1rem;
    right: 1.6rem;
    text-align: center;
    font-size: 0.75rem;
}

.mytab {
    background: #e0e9e8;
    border: 1px solid #e1e1e1;
    width: 95%;
    margin: 2px 0 0 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    border-radius: 3px;
    color: #454545;   
}

.file-wrap {
    display:flex;
    flex-wrap:wrap;
    /*justify-content:space-between;*/
     
}
.file-element {
    display:inline-block;    
    flex-grow:1;

}
.cont-list {
    display:flex;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    align-items:center;

}
.cont-element {
    -webkit-box-flex:2;
    flex-grow:2;
    text-align:center;
    position:relative;
    font-size:0.9em;
}