@font-face {
    font-family: 'he';
    src: url('/fonts/he.eot');
    src: url('/fonts/he.eot?#iefix') format('embedded-opentype'),
        url('/fonts/he.ttf') format('truetype');
}

*, body, html {
    font-family: he, Geneva, Arial, Helvetica, sans-serif;
}

body, html {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #222;
}

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

p {
    padding-bottom: 12px;
}

.red {
    color: red !important;
}
a.red:hover {
    color: lightcoral !important;
}
.green {
    color: green !important;
}
a.green:hover {
    color: lime !important;
}
.blue {
    color: blue !important;
}
a.blue:hover {
    color: skyblue !important;
}

/* Разметка основного шаблона */

#wrapper {
    width: 100%;
    min-width: 1000px;
}

#wrapper-fixed {
    height: 50px;
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: solid 1px grey;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
    z-index: 1000;
}

#fixed {
    height: 50px;
    margin: auto;
}

#space-top {
    height: 50px;
    width: 100%;
}

#wrapper-title {
    width: 100%;
    background-color: #e4e4e4;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

#title {
    text-align: center;
    margin: auto;
    height: 30px;
    font-size: 18px;
    color: #E0202E;
    padding-top: 7px;
    padding-left: 10px;
}

#wrapper-messages {
    width: 100%;
}

#messages {
    margin: 0 auto;
    padding: 5px;
}

#wrapper-content {
    width: 100%;
}

#content {
    margin: 20px auto 10px;
    padding: 10px;
}

#wrapper-bottom {
    width: 100%;
    height: 50px;
    background-color: #920A14;
    margin-top: 20px;
}

#bottom {
    padding-top: 5px;
    text-align: center;
    margin: auto;
    height: 40px;
    width: 100%;
}

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

/* поля форм */
.field {
    padding: 10px 0;
    box-sizing: border-box;
}

.field .fieldinput input {
    border: solid 1px #00B2FF;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px;
}

.field .fieldinput select, .field .fieldinput textarea {
    border: solid 1px #00B2FF;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px;
}

.field .fieldinput select {
    background-color: #fff3de;
}

.field label {
    background-color: #e6e6e6;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #008ccf;
    padding: 2px 8px;
    border: dotted 1px #a2a2a2;
}

.field.checkbox label {
    border-radius: 3px;
    background-color: white;
}

.field button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-start: 1px solid transparent;
    -moz-border-top-colors: none;
    -moz-margin-start: -1px;
    background: linear-gradient(hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0.1)) repeat scroll 0 0 padding-box rgba(0, 0, 0, 0);
    border-color: hsla(210, 54%, 20%, 0.15) hsla(210, 54%, 20%, 0.17) hsla(210, 54%, 20%, 0.2);
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 2px hsla(0, 0%, 100%, 0.5) inset, 0 1px 0 hsla(0, 0%, 100%, 0.2);
    transition-duration: 150ms;
    transition-property: background-color, border-color, box-shadow;
    text-decoration: none;
    font-size: 14px;
    color: #00354D;
    padding: 4px 10px;
}
.field button:hover {
    background-image: linear-gradient(#555, #777);
    box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.2) inset, 0 0 0 1px hsla(0, 0%, 100%, 0.1) inset, 0 1px 0 hsla(210, 54%, 20%, 0.03), 0 0 4px hsla(206, 100%, 20%, 0.2);
    color: white;
    text-decoration: none;
    border-radius: 4px;
}

.field.button, .field.submit, .fieldbutton {
    display: inline;
    padding-top: 26px;
}

.field .fieldfile input {
    display: none;
}
.left .field {
    float: left;
    padding-right: 10px;
}
.right .field {
    float: right;
    padding-left: 10px;
}

/* ссылки в подвале */
#bottom_menu {
    float: left;
    padding-top: 10px;
    color: white;
    width: 500px;
}
#bottom_menu a {
    color: white;
    text-decoration: none;
}
#bottom_menu a:hover {
    color: white;
    text-decoration: underline;
}

/* последняя строка, копирайты */
#copyright {
    color: white;
    font-size: 12px;
}

/* smartmenus */
.sm-clean a {
    font-size: 14px;
    line-height: 15px;
    padding: 8px;
}
.sm-clean {
    border: solid 1px #E0202E;
}
#fixed ul.sm {
    margin-top: 0;
}
ul.sm a.disabled {
    pointer-events: none;
}

/* системные сообщения */
#wrapper-messages #messages .info,
#wrapper-messages #messages .warning,
#wrapper-messages #messages .error,
#wrapper-messages #messages .system {
    font-size: 10px;
    color: #ffffff;
    margin: 1px;
    padding: 3px 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#messages .info {
    background-color: #009933;
}
#messages .warning {
    background-color: #ff9900;
}
#messages .error {
    background-color: #ff3300;
}
#messages .system {
    background-color: #9933ff;
}

/* таблицы */
TABLE {
    width: 100%;
    border-collapse: collapse;
}

TABLE A {
    color: green;
}

TABLE A, TABLE A:hover {
    text-decoration: none;
}

TR.odd TD, TR.even TD {
    border: 1px solid #c3c3c3;
    padding: 3px;
    margin: 0;
}

TR.even {
    background: none repeat scroll 0 0 #f3f3f3;
}

TR.odd {
    background: none repeat scroll 0 0 #ffffff;
}

TH {
    background: linear-gradient(#fbfbfb, #a6a6a6);
    padding: 4px 2px;
    border: 1px gray solid;
    text-align: center;
}

TH a {
    color: #226f00;
}

TH a:hover, TH a:active {
    color: #ffffff;
}


/* иконки разные, tooltips */
a.aweicon {
    font-size: 24px;
    padding: 4px 8px 8px 0;
    color: green;
    text-shadow: 1px 1px 2px lightgrey;
    display: inline-block;
}
a.aweicon:hover {
    color: #E0202E;
    text-shadow: 2px 2px 4px #a0a0a0;
}

TR a:hover {
    color: #E0202E;
}

/* второстепенное меню на строке с основными инструментами */
.second_menu {
    display: inline-block;
    position: relative;
    top: -4px;
    left: 10px;
    font-size: 16px;
    color: black;
}
.second_menu a {
    color: black;
}
.second_menu a.current {
    color: red;
}
.second_menu a:hover, .second_menu a:active {
    color: red;
}

/* openlayers */
.tooltip {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 0.7;
    white-space: nowrap;
}
.tooltip-measure {
    opacity: 1;
    font-weight: bold;
}
.tooltip-static {
    background-color: #ffcc33;
    color: black;
    border: 1px solid white;
}
.tooltip-measure:before,
.tooltip-static:before {
    border-top: 6px solid rgba(0, 0, 0, 0.5);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%;
}
.tooltip-static:before {
    border-top-color: #ffcc33;
}

/* главное меню */
.sm-clean {
    background: none repeat scroll 0 0 #CC3333;
    border: none;
    border-radius: 0;
    padding: 0 10px;
}
.sm-clean a {
    color: white;
}
.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active,
.sm-clean a.highlighted {
    color: #ffffff;
    background-color: maroon;
}
.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active,
.sm-clean ul a.highlighted {
    color:#CC3333;
    background:#eee;
}
.sm-clean ul a {
    font-size: 14px;
    color: #555;
}
.sm-clean a span.sub-arrow {
    border-color: white transparent transparent;
}
.sm-clean a.current, .sm-clean a.current:hover, .sm-clean a.current:focus, .sm-clean a.current:active {
    background-color: maroon;
    color: white;
    /*    font-weight: bold;
        text-decoration: underline; */
}
.sm-clean ul li a.current, .sm-clean ul li a.current:hover, .sm-clean ul li a.current:focus, .sm-clean ul li a.current:active {
    color: white;
    /*    font-weight: bold;
        text-decoration: underline; */
}

/* меню в виде строки */
.linemenu {
    padding: 4px 0;
    margin: 0;
}
.linemenu li {
    display: inline;
}
.linemenu li a {
    text-decoration: none;
    padding: 4px;
    color: black;
}
.linemenu li a:hover {
    color: #CC3333;
}

/* pager */
ul.pager {
    text-align: center;
    margin: 0;
    padding: 10px;
}
ul.pager li {
    display: inline;
    padding: 0;
    margin: 0 2px;
}
ul.pager li a {
    color: white;
    padding: 2px 6px;
    background-color: #05a742;
    border-radius: 4px;
}
ul.pager li a:hover {
    background-color: #CC3333;
}
ul.pager li.current, ul.pager li.disabled {
    padding: 2px 6px;
    background-color: #ccc;
    border-radius: 4px;
}
ul.pager li.current {
    font-weight: bold;
}

/* Поля ввода адреса в одну строку */
div.address_city, div.address_street, div.address_house, div.address_flat {
    width: 250px;
    float: left;
    margin-right: 20px;
}
div.address_flat {
    width: 100px;
}

/* Поля отдела и персонала в одну строку */
div.ticket_otdel, div.ticket_master, div.ticket_worker, div.ticket_type {
    width: 250px;
    float: left;
    margin-right: 20px;
}

/* Мозаика */
div.tvframe {
    width: 172px;
    height: 96px;
    float: left;
    background-repeat: none;
    border: solid 1px #ccc;
    cursor: pointer;
}
div.tvframe:hover {
    border-color: red;
}
div.tvframe .tvframe_time {
    height: 10px;
    padding: 2px;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 10px;
    color: white;
    text-align: right;
}
div.tvframe .tvframe_main {
    height: 68px;
}
div.tvframe .tvframe_title {
    height: 10px;
    font-size: 10px;
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 2px;
    font-weight: bold;
}

/* Переключатель населенных пунктов */
#city-switch {
    text-align: right;
}
#city-switch ul li {
    display: inline;
}
#city-switch ul {
    margin: 0;
    padding: 0;
}
#city-switch ul li a {
    padding-right: 5px;
    color: gray;
}
#city-switch ul li a:hover {
    color: red;
}

/* Коллекции ссылок */
.url_collection {

}
.url_collection_item {
    display: table;
    vertical-align: middle;
}
.url_collection_image {
    display: table-cell;
    vertical-align: middle;
}
.url_collection_item:hover img {
    transform: scale(1.1);
    filter: invert(30%);
}
.url_collection_image img {
    padding-right: 10px;
}
.url_collection_link {
    display: table-cell;
    vertical-align: middle;
}

/* Коллекция (панель) инструментов */
.tools_collection {
    white-space: nowrap;
}
.tools_collection_item {
    display: inline-block;
    padding: 0 3px;
}
.tools_collection_item:hover {
    transform: scale(1.2);
}