html, body {height: 100%; margin: 0px; padding: 0px;}
table {border-collapse: collapse; line-height: normal; font-size: 12px;}
img {border: none;}
form {margin: 0; padding: 0;}

body {font-family: Tahoma; font-size: 12px; line-height: 20px; background: #ffffff; color: #000000;}

.display_none {display: none;}
a {cursor:pointer;}

div.page {width: 90%; margin: 0 auto; padding: 20px 0 0 0;}
div#toolbar {background: #eef4f9; border-bottom: 1px solid #cfdae6; padding: 0;}
div.toolbar {width: 90%; margin: 0 auto;}
div#toolbaradmin {border-bottom: 1px solid #cfdae6; padding: 10px 0; background: #e0e8ef;}
div.headhr {height: 1px; overflow: hidden; background: #cfdae6; width: 100%;}

div.selectbarid {background: #eef4f9; border-bottom: 1px solid #cfdae6; padding: 10px 0;}
div.selectbar {width: 90%; margin: 0 auto;}

div#info_new_orders_img {display:inline;}
div#info_new_orders_img > img {display:none;}

/* Классы для div */
div#loginsptop {background: url(../images/loginsptop.jpg) center center no-repeat; width: 500px; height: 12px;}
div#loginsp {background-color: #f8f8f8; width: 498px; min-height: 250px; border-right: 1px solid #bebebe; border-left: 1px solid #bebebe; }
div#loginspbot {background: url(../images/loginspbot.jpg) center center no-repeat; width: 500px; height: 12px;}

div#logintop {background: url(../images/logintop.jpg) center center no-repeat; width: 300px; height: 12px;}
div#login {background: url(../images/loginhead.jpg) #ffffff 20px bottom no-repeat; width: 248px; height: 105px; border-right: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 15px 0 0 50px; }
div#login table td {font-size: 11px;}

div#loginbot {background: url(../images/loginbot.jpg) center center no-repeat; width: 300px; height: 12px;}
div#logincenter {min-height: 50px;}
div#result {width: 85%}
div#copy {padding: 10px 0 10px 0; color: #576272; text-align: center; font-size: 11px;}
table.height {height: 100%;}

h1 {font-size: 18px; font-weight: normal;}
h2 {font-size: 16px; font-weight: normal;}
h3 {font-size: 14px; font-weight: normal; margin: 0;}

ul {list-style: none; overflow: hidden; margin: 0;}
li {padding: 0 0 3px 0;}

table.check {}
table.check th {background: #e9e9e9; font-weight: bold; border: 1px solid #707070; text-align: center; padding: 20px 5px;}
table.check td {border: 1px solid #707070; padding: 3px 5px;}
table.check td.no {border: none;}
table.check td.green {background: #D5FFDA;}
table.check td.red {background: #FFCECE;}

/* Сортировка */
table.tablesorter th.tablesorter-header {cursor: pointer;}
table.tablesorter th.tablesorter-header:HOVER {color: #000;}
table.tablesorter th.tablesorter-headerAsc {background: url(../images/asc.gif) center right #d2e9ff no-repeat;}
table.tablesorter th.tablesorter-headerDesc {background: url(../images/desc.gif) center right #d2e9ff no-repeat;}
table.tablesorter th.tablesorter-headerUnSorted {}
table.tablesorter .filtered {display: none;}


table.table {}
table.table th {background: #e9e9e9; font-weight: bold; border: 1px solid #9c9c9c; text-shadow: #ffffff 1px 1px 0px; text-align: center; padding: 10px 5px; font-size: 11px;}

table.table td.red, table.table tr:hover td.red {background: #FFCECE;}
table.table td.city, table.table tr:hover td.city {background: #F0E4DB;}
table.table td.green, table.table tr:hover td.green {background: #E0FECD;}
table.table td.grey {background: #F5F5F5;}
table.table .yellow {background: #fffbca !important;}
table.table td.blue {background: #DFF2FF;}
table.table td.dark {background: #E2E2E2;}

table.table td {border: 1px solid #9c9c9c; padding: 5px; font-size: 11px;}
table.table td.no, table.table th.no {border: none; background: none;}
table.table tr:hover td {background: #F2F2F2;}
table.table tr.nohover:hover td {background: none;}

table.table tr.hot,
table.table tr.hot td.grey,
table.table tr.hot:hover td {background: #ffeebc;}


table.table .opacity {opacity: 0.3;}
table.table .yellow {background: #fffbca;}
table.table td.grey {background: #F5F5F5;}
table.table tr.selected,
table.table tr.selected td.grey,
table.table tr.hot.selected,
table.table tr.selected td.grey,
table.table tr.selected td.yellow,
table.table tr.selected:hover td {background: #cae9ff;}

table.table tr.selected {background: #cae9ff;}
table.table tr:hover td.no, table.table tr.hot:hover td, table.table tr.red:hover td {background: none;}

table.table td.status0 {background: #cae9ff !important; border: 1px solid #707070;}
table.table td.status1 {background: #e9e9e9 !important; border: 1px solid #707070;}
table.table td.status2 {background: #fee4ba !important; border: 1px solid #707070;}
table.table td.status3 {background: #ffc5c5 !important; border: 1px solid #707070;}
table.table td.status4 {background: #c0fcbf !important; border: 1px solid #707070;}
table.table td.status5 {background: #c0fcbf !important; border: 1px solid #707070;}

table.table tr:hover td.status0 {background: #cae9ff;}
table.table tr:hover td.status1 {background: #e9e9e9;}
table.table tr:hover td.status2 {background: #fee4ba;}
table.table tr:hover td.status3 {background: #ffc5c5;}
table.table tr:hover td.status4 {background: #c0fcbf;}
table.table tr:hover td.status5 {background: #c0fcbf;}

table.table td.oplata1 {background: #ffc5c5; border: 1px solid #707070;}
table.table td.oplata2 {background: #c0fcbf; border: 1px solid #707070;}
table.table tr:hover td.oplata1 {background: #ffc5c5;}
table.table tr:hover td.oplata2 {background: #c0fcbf;}

table.table td.itogo {background: #fffbca;}
table.table tr:hover td.itogo {background: #fffbca;}

table.table td table td {border: none;}

table.journal td.dayweek {color: #505050; font-weight: bold; text-align: center;}
table.journal tr:hover td {background: #DAEDF8;}
table.journal td.tdhover {background: #DAEDF8 !important;}


table.orders {}
table.orders th {background: #e9e9e9; font-weight: normal; border: 1px solid #8f8f8f; text-align: left; padding: 10px 5px;}
table.orders td {border: 1px solid #8f8f8f; padding: 5px;}

table.toolbar td {line-height: 20px; border-right: 1px solid #cfdae6; padding: 20px; text-align: center;}
table.toolbar td.noneborder {border-right: none;}

/* Журнал */
span.status0 {background: #cae9ff; border: 1px solid #707070; display: inline-block; width: 20px; height: 14px; vertical-align: text-top;}
span.status2 {background: #fee4ba; border: 1px solid #707070; display: inline-block; width: 20px; height: 14px; vertical-align: text-top;}
span.status3 {background: #ffc5c5; border: 1px solid #707070; display: inline-block; width: 20px; height: 14px; vertical-align: text-top;}
span.status4 {background: #c0fcbf; border: 1px solid #707070; display: inline-block; width: 20px; height: 14px; vertical-align: text-top;}


div.error {background: #ffdede; border: 1px solid #cc7777; color: #ad0000;}
div.notice {background: #feebce; border: 1px solid #BE753F; color: #773D02;}
div.greenway {background: #e6ffde; border: 1px solid #73ae60; color: #3b6a2c;}
div.greenway, div.error, div.notice {line-height: 15px; text-align: center; padding: 10px;}

div.noticesms {background: #fdf7e2; border: 1px solid #d0a561; color: #594632; padding: 10px;}

tr.grey td {background: #f0f0f0;}
tr.disabled td {color: #777777;}
tr.trgrey_important {background: #f0f0f0;}

.hide {display:none;}
.center {text-align: center;}
.redbold {color: #ff0000; font-weight: bold;}
.bold {font-weight: bold;}
.greytext {color:#909090;}
.height30 {height:30px;}
.width60 {width: 60px; margin: 1px;}
.pad2 {padding:2px;}
.font11 {font-size:11px;}
.underline {text-decoration:underline;}

td.thead {text-align: center; background-color: #f0f0f0; padding: 8px; font-weight: bold;}
div.hr {background: #707070; width: 100%; height: 1px; overflow: hidden; margin: 10px 0;}
span.welcome {color: #154793;}
span.greenbold {color: #17AE02; font-weight: bold;}
span.key {background: #FFF9BB; padding: 2px 0;}
span.phone {color: #000000; font-size: 14px; font-family: Trebuchet MS;}
img.inline {margin: 0 0 -3px 0;}
div.avtonomer {background: url(../images/avtonomer.jpg) no-repeat; width: 110px; height: 22px; padding: 0 2px 0 4px; color: #202020; position: relative; font-family:Verdana, Arial, Tahoma;}
div.avtonomer span.avtonomer_nom {font-size: 14px; font-weight: normal; line-height: 22px; text-transform: lowercase; letter-spacing: 0px; text-align: center; display: inline-block; width: 72px;}
div.avtonomer span.avtonomer_reg {font-size: 10px; font-weight: normal; text-align: right; position: absolute; top: 0; display: inline-block; width: 32px;}

span.calcresult {display: block; padding: 30px 0 0 0; font-size: 24px;}
span.calcresult span {font-weight: bold;}


A {color: #0044C4; text-decoration: underline;}
A:HOVER {color: #FB5F00; text-decoration: none;}

A.link {color: #000000; text-decoration: none; font-size: 11px;}
A.link:HOVER {color: #FB5F00; text-decoration: none;}

A.blink {color: #000000; text-decoration: none; font-size: 12px;}
A.blink:HOVER {color: #FB5F00; text-decoration: none;}

A.setpay {display: inline-block; background: url(../images/add.gif) no-repeat; text-decoration: none; width: 13px; height: 13px;}
A.setpay:HOVER {text-decoration: none;}

A.delpay {display: inline-block; text-decoration: none; width: 13px; height: 13px;}
A.delpay:HOVER {text-decoration: none;}

.active_on {display: inline-block; background: url(../images/save.gif) no-repeat; text-decoration: none; width: 14px; height: 13px;}
.active_on:HOVER {text-decoration: none;}

.active_off {display: inline-block; background: url(../images/minus.gif) no-repeat; text-decoration: none; width: 13px; height: 13px;}
.active_off:HOVER {text-decoration: none;}

.delrecord {display: inline-block; background: url(../images/del.gif) no-repeat; text-decoration: none; width: 12px; height: 12px; cursor:pointer;}
.delrecord:HOVER {text-decoration: none;}

.editrecord {display: inline-block; background: url(../images/edit.gif) no-repeat; text-decoration: none; width: 13px; height: 13px; cursor:pointer;}
.editrecord:HOVER {text-decoration: none;}

A.del {display: inline-block; background: url(../images/del.gif) no-repeat; text-decoration: none; width: 12px; height: 12px;}
A.del:HOVER {text-decoration: none;}


input {outline: none;}
.incheck {font-family: Arial; font-size: 12px; padding: 3px 0; border: none; background: none; color: #000000; width: 100%;}
.inputno {font-family: Arial; font-size: 12px; padding: 3px 0; border: none; background: none; color: #000000; font-weight: bold; text-align: center; width: 40px;}

.inputboxdis {font-family: Arial; font-size: 12px; padding: 3px; background: #ffffff; color: #909090; outline: none; border: 1px solid #b8b8b8;}
.inputbox {font: 12px Arial, Sans-serif; padding: 3px; border: 1px solid #b9b9b9;}
.inputbox:hover {border: 1px solid #4289bb;}
.inputbox:focus {border: 1px solid #4290ce; box-shadow: 0px 0px 3px rgba(60, 140, 200, 0.8); -webkit-box-shadow: 0px 0px 3px rgba(92, 150, 200, 0.8); -moz-box-shadow: 0px 0px 3px rgba(92, 150, 200, 0.8); box-shadow: 0px 0px 3px rgba(92, 150, 200, 0.8);}
.inputbox[disabled] {background: #e7e7e7; border: 1px solid #e7e7e7; color: #909090;}
.inputbox[readonly] {background: #EFEFEF; border: 1px solid #b8b8b8; color: #909090;}
select {padding: 2px!important;}
select.users option {font: 12px Arial, Sans-serif; padding: 2px;}

label {cursor: pointer;}
.cursor {cursor: pointer;}


button, .button {padding: 4px 25px; font-family: Arial; font-size: 12px; text-shadow: 0 1px rgba(255, 255, 255, 0.8); box-sizing: border-box; border: solid 1px #d1d1d1;border-bottom: solid 1px #ababab; background-color: #e7e7e7;background-image: linear-gradient(to bottom, #fafafa, #dfdfdf);  border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);cursor:pointer;}
button:HOVER, .button:HOVER {background-image: linear-gradient(to bottom, #f2f2f2, #d6d6d6);}
button:ACTIVE, .button:ACTIVE, button:disabled {background: #d9d9d9; box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.1); border: solid 1px #c4c4c4;border-top: solid 1px #a3a3a3;}


.nopagelink {color: #6d6a1f; font-size: 11px; background-color: #fff8c6; border: 1px solid #d7d05c; padding: 2px 5px 2px 5px; text-decoration: none;}
.pagelink {color: #000000; font-size: 11px; background-color: #e0dfe3; border: silver 1px solid; padding: 2px 5px 2px 5px; text-decoration: none;}
.pagelink:visited, .pagelink:link {color: #000000; font-size: 11px; background-color: #e0dfe3; border: 1px solid #9CA2AD; padding: 2px 5px 2px 5px; text-decoration: none;}
.pagelink:hover {color: #6d6a1f; font-size: 11px; background-color: #fff8c6; border: 1px solid #d7d05c; padding: 2px 5px 2px 5px; text-decoration: none;}



.editbox {display:none; font: 12px Arial, Sans-serif; border: 1px solid #b9b9b9; padding: 1px 2px;}
.edit_marker {cursor: pointer;}
.edittext {line-height:21px;}


/* Scroll Top */
#scrolltop {display:none; position:fixed; width:60px; height:100%; text-align:center; font-size: 12px; font-family: Tahoma; font-weight: bold; cursor: pointer;}
#scrolltopbg {position:fixed; width:60px; height:100%; background: #e2eaf2;}
#scrolltop span {font-family: Arial; position:fixed; display: block; background: url(../images/scrolltop.gif) center center no-repeat; width:20px; text-align: center; padding: 20px; color: #4d7091;}

div.left {float: left;}
div.right {float: right;}



/* Toogle */
div#toggleblock {padding: 20px 0; display: none; background: #f8fafc; border-left: 1px solid #cfdae6; border-right: 1px solid #cfdae6; border-bottom: 1px solid #cfdae6;}
div#toggleblock div {width: 90%; margin: 0 auto;}
div#togglebutton {margin: 0 auto 10px auto; width: 80px;}
A.togglebutton:LINK, A.togglebutton:VISITED {display: block; width: 80px; height: 18px; border-radius: 0 0 3px 3px; border-left: 1px solid #cfdae6; border-right: 1px solid #cfdae6; border-bottom: 1px solid #cfdae6; background: url(../images/togglebutton.gif) center bottom no-repeat; outline: none;}
A.togglebutton:HOVER {background-color: #f7fafe;}


/* Modal popup */
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 22; overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(../images/loading.gif) no-repeat 50% 50%; }
.b-modal {position: relative; background: #fff; box-shadow:  0px 0px 20px 5px rgba(50, 50, 50, 0.3); padding: 10px 20px; min-width:300px;}
.b-modal-close {float: right; width: 20px; height:20px; margin: 0 0 10px 0; font-weight: bold; color: #999; cursor:	pointer; font-family: Verdana; font-size: 14px;}
.b-modal-close:hover {color: #2976af;}

#poisk_modal {width: 800px; text-align: center; min-height: 250px;}


#tarif {display: flex;}
#tarif > div { margin-left: 100px;}