body {
    font-family: arial,sans-serif;
    margin: 0;
    padding: 0;
    background-color: #F0F0F0;
    -webkit-print-color-adjust: exact;

}


.border-radius5px {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


input[type=text], 
input[type=password], 
textarea { 
 border: 1px solid #777;
 padding:3px 5px;
 vertical-align: middle;
}


.radius {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


.box-shadow {
    -webkit-box-shadow: 0px 0px 2px #000;
    -moz-box-shadow:    0px 0px 2px #000;
    box-shadow:         0px 0px 2px #000;
}

.box-shadow-big {
    -webkit-box-shadow: 0px 0px 10px #3B3B3B;
    -moz-box-shadow:    0px 0px 10px #3B3B3B;
    box-shadow:         0px 0px 10px #3B3B3B;
}


table.maintable {
    font-size:14px;
    border:1px solid #E6E7E7;
    color:#545656;
    z-index: 150;
    width:100%;
    -webkit-box-shadow: 0px 0px 2px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 2px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 2px rgba(50, 50, 50, 0.75);
}

tr.gr-blue td,
div.main_sp {
    text-align: center;
    color:#fff;
    text-shadow: 0px 0px 1px #494949;
    background: #0B6D9C;
    background: -moz-linear-gradient(top, #0B6D9C 1%, #2C7EA5 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0B6D9C), color-stop(100%,#2C7EA5));
    background: -webkit-linear-gradient(top, #0B6D9C 1%,#2C7EA5 100%);
    background: -o-linear-gradient(top, #0B6D9C 1%,#2C7EA5 100%);
    background: -ms-linear-gradient(top, #0B6D9C 1%,#2C7EA5 100%);
    background: linear-gradient(to bottom, #0B6D9C 1%,#2C7EA5 100%);
}

table.maintable td {
    padding: 10px;
}

td.edit-td {
    text-align: center;
    background-color:#E0ECDA;
}


td.edit-td:hover {
    background-color: inherit;
    cursor:pointer;
}

td.edit-td .icon {
    color: #79A264;
    display: inline-block;
    font-size: 35px;
}
    

tr.main-td {
background: rgb(249,252,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(249,252,255,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(249,252,255,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(249,252,255,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(249,252,255,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(249,252,255,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

tr.main-td td, 
tr.main-td1 td {
    border-bottom:1px solid #DDE1E7;
    border-right:1px solid #DDE1E7;
}

tr.main-td td:first-child,tr.main-td1 td:first-child+td  {
    padding:5px;
    text-align:center;
}

tr.mounth-head {
     color:#FCFCFD;
   text-shadow: 0px 0px 1px #494949;
    background: rgb(75, 154, 192); /* Old browsers */
background: -moz-linear-gradient(top, rgb(75, 154, 192) 1%, rgba(127,166,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgb(75, 154, 192)), color-stop(100%,rgb(94, 163, 196))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(75, 154, 192) 1%,rgb(94, 163, 196) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(75, 154, 192) 1%,rgb(94, 163, 196) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(75, 154, 192) 1%,rgb(94, 163, 196) 100%);/* IE10+ */
background: linear-gradient(to bottom, rgb(75, 154, 192) 1%,rgb(94, 163, 196) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88c1f7', endColorstr='#7fa6e0',GradientType=0 ); /* IE6-9 */
}

tr.mounth-head td{
    border-left:1px solid #9BC4FD;
    border-right:1px solid #6397DE;
}

div.nopublic {
    text-align: center;
    font-size: 20px;
    color: #5D5D5D;
    padding: 100px 0px;
}

div.top-block {
    background: #fff;
}

div.top-block > h3{
    display: inline-block;
}

div.top-block .user-font {
    font-weight: 600;
    color: #605E5A;
}

div.top-block, div.option-block {
    padding: 10px;
}

div.option-block {
    margin: 0px 0px 10px 0px;
    background: #F0F0F0;
    border: 1px solid #BEBEBE;
}

span.editf {
    background: #fff;
    border: 1px solid #A8A8A8;
    display: inline-block;
    padding: 5px;
}

span.search-result {
    color: #7A8972;
    margin-left: 20px;
}

div.option-block span.editf {
    width: 50%;
    display: inline-block;
    min-width: 500px;
}

div.modal_form span.editf {
    display: block;
}

span.editf input[type="text"],
span.editf input[type="password"]{
    border: none;
    outline: none;
}

span.icon{
    position: relative;
    top: 2px;
}

div.modal_form input[type="text"],
div.modal_form input[type="password"]{
    width: 100%;
    font-size: 18px;
}

div.autorize input[type="text"],
div.autorize input[type="password"]{
    width: 378px;
    font-size: 18px;
}

div.autorize input[type="text"],
div.autorize input[type="password"]{
    font-size: 18px;
}

div.record input[type="text"],
div.record input[type="password"]{
    font-size: 14px;
    width: 438px;
}

.option {
    color: #486D35;
}

.rowcount {
    
}

div.option-block .search input[type="text"]{
    width: 95%;
}

span.mainexit {
    cursor: pointer;
    left: 10px;
    top: 5px;
    font-size: 20px;
    color: rgba(174, 56, 37, 0.86);
}

span.opt-add {
    margin-left: 34px;
}

.addnewrecord {
    padding: 8px;
    border: 1px solid #417AD3;
    background: #5B9BEC;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
    text-shadow: 0px 0px 1px #494949;
}

input[type="button"]:hover {
    border: 1px solid #96A9BF !important;
}

/*****************  Форма авторизации  *****************/
.autorize {
	width: 400px; 
	background: #fff;
	position: fixed; 
	top: 45%; 
	left: 50%;
        margin-top: -200px;
        margin-left: -200px;
	display: none; 
	opacity: 0; 
	z-index: 5; 
	padding: 20px;
}

div.autorize input[type="button"] {
    float: right;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 10px;
    width: 190px;
}

div.autorize input[type="button"].send {
    background: #EAD290;
    border: 1px solid #C7A16D;
    color: #5C4F2C;
}

div.autorize input[type="button"].close {
    background: #E4D3C4;
    border: 1px solid #BFAC9B;
    color: #62564C;
    margin-left: 20px;
}

.overlay-auth {
    background-color: #D1D1D1;
}
/*****************  Форма авторизации  *****************/



/**************  Форма добавления реестровой записи **************/
.record {
	width: 960px; 
	background: #fff;
	position: fixed; 
	top: 15%; 
	left: 50%;
        /*margin-top: -480px;*/
        margin-left: -480px;
	display: none; 
	opacity: 0; 
	z-index: 5; 
	padding: 10px;
}

.record p {
    display: block;
    margin: 10px 0px;
}

.record p span {
    float: left;
    /*margin: 5px 0px;*/
}

.record .block {
    float: left;
    width: 460px;
    padding: 10px;
}



.record p span.caption {
    width: 100%;
    padding: 8px 0px;
}

.record p span.input {
    width: 448px;
}

div.record input[type="button"] {
    float: right;
    cursor: pointer;
    padding: 10px 10px;
}

div.record input[type="button"].send {
    margin-left: 20px;
}


div.record input[type="button"].send.add {
    background: #E0ECDA;
    border: 1px solid #B4CCA8;
    color: #577648;
}

div.record input[type="button"].send.change {
    background: #E0ECDA;
    border: 1px solid #B4CCA8;
    color: #577648;
}

div.record input[type="button"].delete {
    background: #F0D1C8;
    border: 1px solid #D8B0A5;
    color: #7B5B52;
    display: none;
}

div.record input[type="button"].delete.active {
    display: block;
}

div.record input[type="button"].close {
    background: #E8E8E8;
    border: 1px solid #C7C7C7;
    color: #646464;
    margin-left: 20px;
    margin-right: 10px;
}

.overlayaddrec {
    background-color: rgba(0,0,0,.4);
}

/**************  Форма добавления реестровой записи **************/


/*****************  Модальное окно  *****************/
.modal-head {
    font-size: 20px;
    margin-left: 10px;
    color: #3D3D3D;   
}

.record .modal-head span.icon{
    color: #4190D3;
}

.str_order_info {
    color: #A4754B;
}

.overlay {
	z-index: 3;
	position: fixed; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	display: none;
}

.modal_form div.action-button {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}

.modal_form .modal_close {
        color: #B34141;
	width: 21px;
	height: 21px;
	position: absolute;
        top: 8px;
        right: 3px;
	cursor: pointer;
	display: block;
}
/*****************  Модальное окно  *****************/


/*****************  Вкладки  *****************/

#tabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
#tabs li{
  float: left;
  margin: 0 .5em 0 0;
}
 
#tabs a{
  position: relative;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);
  padding: .7em 3.5em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  border-radius: 5px 0 0 0;
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}
 
#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  background: #fff;
}
 
#tabs a:focus{
  outline: 0;
}
 
#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;
  bottom: 0;
  width: 1em;
  background: #ddd;
  background-image: linear-gradient(to bottom, #fff, #ddd);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;
}
 
#tabs #current a,
#tabs #current a::after{
  background: #fff;
  z-index: 3;
}
 
#content {
    background: #fff;
    padding: 10px;
    height: 100%;
    position: relative;
    z-index: 2;
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .6);
}

/*****************  Вкладки  *****************/