body { font-family: "Liberation Sans", sans-serif; color: #333333; font-size: 16px; line-height: 22px; } * { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } img { max-width: 100%; max-height: 100%; height: auto; } a { text-decoration: none; color: #2A2A2A; } a:hover { text-decoration: none; color: #4E7A22; } p { margin-bottom: 15px; } label { display: block; color: #9d959d; max-width: 70%; } input, select { padding: 10px 15px; } select { height: 42px; } input, textarea, select { border: 1px solid #B3B3B3; -webkit-border-radius: 3px; border-radius: 3px; color: #333333; font-family: "Liberation Sans", sans-serif; font-size: 16px; width: 100%; } input.success, textarea.success { border-color: #669933; } input[type=date] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type=checkbox], input[type=radio] { width: auto; padding: 0; line-height: auto; margin-top: 4px; margin-right: 10px; float: left; } textarea { padding: 10px 15px; } h1 { color: #0D6291; font-size: 28px; line-height: 34px; } h2 { color: #0D6291; font-size: 22px; line-height: 28px; } table { width: 100%; border-collapse: collapse; margin-bottom: 20px; } table tr { border: 1px solid #B3B3B3; } table tr td, table tr th { padding: 4px 8px; border-right: 1px solid #B3B3B3; } table tr td:last-child, table tr th:last-child { border-right: none; } table tr th { text-align: center; } .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 180px; height: 60px; margin: 0 10px 10px 0; cursor: pointer; background-color: #669933; color: #fff; text-transform: uppercase; font-weight: 300; padding: 10px; border: 1px solid #669933; } .btn.btn-sm { height: 40px; min-width: 120px; } .btn:hover { background-color: #4E7A22; } a.btn:hover { color: #fff; } .form-group { margin-bottom: 25px; } #topbar { background: #FAFAFA; color: #808080; padding-left: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 40px; } #topbar .copyright-top { font-size: 12px; } #header { padding-left: 80px; padding-right: 80px; height: 120px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; position: relative; z-index: 100; } #menu { font-size: 14px; text-transform: uppercase; margin-left: 42px; } #menu .menu-item { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; margin-right: 40px; } #menu .menu-item .link { margin-right: 10px; float: left; color: #333333; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #menu .menu-item .link:hover { color: #0D6291; } #menu .menu-item .link.active { color: #4E7A22; font-weight: bold; } #header_copy { display: none; } body.header-fixed #header { position: fixed; top: 0; left: 0; right: 0; border-bottom: 1px solid #075073; -webkit-box-shadow: 0 0 5px 0 #075073; box-shadow: 0 0 5px 0 #075073; } body.header-fixed #header_copy { display: block; } #logo { display: inline-block; max-height: 90px; height: 100%; padding: 3px 0; width: 150px; } #logo a { display: inline-block; max-height: 90px; height: 100%; } #logo img { max-width: 140px; } #login { color: #0092CA; padding-right: 25px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: auto; } #login .auth { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1 0 65px; -ms-flex: 1 0 65px; flex: 1 0 65px; } #login .auth img { font-size: 15px; display: block; margin-right: 10px; color: #0092CA; } #burger { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 38px; height: 36px; max-height: 36px; cursor: pointer; } #burger span { display: block; height: 7px; background-color: #0D6291; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #burger span:nth-child(3) { margin-bottom: 0; } #burger.open span { height: 5px; width: 46px; } #burger.open span:nth-child(1) { -webkit-transform: rotate(-45deg) translateY(8.5px) translateX(-13.6px); -ms-transform: rotate(-45deg) translateY(8.5px) translateX(-13.6px); transform: rotate(-45deg) translateY(8.5px) translateX(-13.6px); } #burger.open span:nth-child(2) { opacity: 0; } #burger.open span:nth-child(3) { -webkit-transform: rotate(45deg) translateY(-8.5px) translateX(-13.6px); -ms-transform: rotate(45deg) translateY(-8.5px) translateX(-13.6px); transform: rotate(45deg) translateY(-8.5px) translateX(-13.6px); } #content { padding: 80px 79px 80px 80px; } #footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; background: #2A2A2A; color: #FFFFFF; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 60px; } #footer #copyrights { color: #666666; font-size: 15px; } #footer #developers { font-size: 15px; } #footer #developers a { color: #666666; } #footer #developers a img { display: block; float: right; margin-top: -4px; margin-left: 10px; } #tools { display: inline-block; width: 100%; } #tools a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 16.66%; float: left; color: #FFFFFF; height: 180px; background: #0D6291; padding-top: 30px; padding-bottom: 30px; border: 1px solid #075073; } #tools a:not(:last-child) { border-right: none; } #tools a.active, #tools a:hover { background-color: #075073; } #tools a img { margin-bottom: 10px; } tr.table-danger { background-color: #f2b5ab; } tr.table-success { background-color: #C5E1A5; } .icon-info.warning { width: 20px; height: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%; background-color: yellow; color: #2A2A2A; cursor: pointer; } .tooltip { background-color: #fff; padding: 8px; border: 1px solid #0D6291; -webkit-box-shadow: 0 0 5px #075073; box-shadow: 0 0 5px #075073; } .contragent { margin-bottom: 40px; } .contragent:last-child { margin-bottom: 0; } #archive-filter { margin-bottom: 60px; } .my-contract-form-delete { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .my-contract-form-delete .btn { margin: 0; } .requisites-list { width: 45%; } .requisites-list th, .requisites-list td { text-align: left; padding: 8px; word-wrap: break-word; } #overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; justify-content: center; align-items: center; z-index: 1000; } .modal { background: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); text-align: center; } .tabs button { background-color: #0d6291; border: none; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; padding: 10px 20px; cursor: pointer; } .tabs button:hover { background-color: #4e7a22; } .tabs button.active { background-color: #4e7a22; } .notification-container { position: relative; background-color: #f2f2f2; padding: 15px 80px 0 80px; border: #ccc 1px solid; } .notification-container .title { color: #333; font-size: 24px; } .notification-container .period { color: #555; font-size: 18px; } .notification-container .text { color: #666; font-size: 16px; } .notification-container .close-button { position: absolute; top: 15px; right: 80px; cursor: pointer; font-size: 30px; color: #333; } .admin-notification { width: 100%; border-collapse: collapse; } .admin-notification th, .admin-notification td { text-align: left; vertical-align: top; } .admin-notification select { width: 350px; } .admin-notification #notification_title{ width: 400px; } .admin-notification button { background-color: white; cursor: pointer; color: #800000; } .admin-notification button, .admin-notification button:active, .admin-notification button:focus { border: none; } .not-active { background-color: #d9d9d9; } #cms_search { display: flex; gap: 15px; } #cms_search .form-group { display: flex; flex-direction: column; margin-bottom: 15px; } #cms_search .form-group label { margin-bottom: 5px; display: block; height: 40px; } #cms_search .form-group input[type="text"] { width: 100%; padding: 8px; margin: 5px 0; box-sizing: border-box; } .select2-container .select2-selection--single{ height: auto; padding: 5px 15px; } .btn-return{ background-color: #9d959d; border-color: #9d959d; } .btn-return:hover{ background-color: #736d73; } .error_notification{ color: #2a2a2a; background-color: #ff778a; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-width: 10px 8px 0 8px; top: 50%; margin: 0; left: 0; right: 0; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ border-width: 0 8px 10px 8px; } .select2-container--default .select2-selection--single .select2-selection__arrow{ top: 0; right: 0; padding: 5px 15px; } .signature{ max-width: 100%; font-size: 12px; } tr.inactive{background-color: #ffcccc;} tr.warn{background-color: #fff7cc;}