/* Eric Meyer's CSS Reset */
html, body, div, span, applet, 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, i, u,  center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1.5 !important;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

html {
    height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
body {
    font: 14px Arial, sans-serif;
    width: 100%;
    height: 100%;
    color: #666666;
}
.wrapper {
    width: 1000px;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
h1{
    font-size:18px;
    text-transform: uppercase;
    font-weight: normal;
}


.hidden{
    display:none;
}

label{
    color: #80878a;
    font-size: 12px;
}

.title_section{
    margin-bottom: 18px;
    width: 335px;

}
.title_section h1{
    display:inline-block;
}
.title_section label{
    display:inline-block;

}
.title_section .promo_opt {
    position: relative;
    border: 3px solid #47a351;
    border-radius: 19px;
    padding: 5px 15px;
    line-height: 30px;
    font-weight: bold;
    top: -80px;
    left: 681px;
}
.title_section .promo {
	width: 253px;
	left: 653px;
}
.title_section .dostupno {
	width: 224px;
}
.title_section .promo_opt span{
    border: 2px solid #f88881;
    border-radius: 6px;
    padding: 4px 4px 4px 0px;
}
a img { 
    border: none;
}
a {
    color:#c53f2f;
    text-decoration: none;
    cursor: pointer;
}
.navigator li{
    display: inline-block;
}

.navigator a {
    margin: 0 6px;
    text-decoration:none; text-align:center; 
    padding:1px 5px; 
    border:solid 1px #ffffff; 
    -webkit-border-radius:50px;
    -moz-border-radius:50px; 
    border-radius: 50px; 
    font:12px Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    color:#666666; 
    background:#ffffff; 
    -webkit-box-shadow:0px 0px 9px #bababa;  -moz-box-shadow: 0px 0px 9px #bababa;  box-shadow:0px 0px 9px #bababa;  

    text-shadow: 1px 0px 0px #bababa; 
    filter: dropshadow(color=#bababa, offx=1, offy=0); }

.navigator a:hover, .navigator li.active a{
    padding:1px 5px; 
    border:solid 1px #ffffff; 
    -webkit-border-radius:50px;
    -moz-border-radius:50px; 
    border-radius: 50px; 
    font:12px Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    color:#c53e2f; 
    background:#ffffff; 
    -webkit-box-shadow:0px 0px 9px #bababa;  -moz-box-shadow: 0px 0px 9px #bababa;  box-shadow:0px 0px 9px #bababa;  

    text-shadow: 1px 0px 0px #bababa; 
    filter: dropshadow(color=#bababa, offx=1, offy=0);}

.navigator a:active{
    padding:1px 5px; 
    border:solid 1px #ffffff; 
    -webkit-border-radius:50px;
    -moz-border-radius:50px; 
    border-radius: 50px; 
    font:12px Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    color:#666666; 
    background:#ffffff; 
    -webkit-box-shadow:0px 0px 9px #bababa;  -moz-box-shadow: 0px 0px 9px #bababa;  box-shadow:0px 0px 9px #bababa;  

    text-shadow: 1px 0px 0px #bababa; 
    filter: dropshadow(color=#bababa, offx=1, offy=0);}


.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    text-decoration:none; 
    text-align:center; 
    padding:4px 7px; 
    border:solid 1px #98a5ab; 
    -webkit-border-radius:4px;
    -moz-border-radius:4px; 
    border-radius: 4px; 
    font-size:11px ;  

    background-color:#ffffff; 
    background-image: -moz-linear-gradient(top, #ffffff 0%, #eef2f1 100%); 
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #eef2f1 100%); 
    background-image: -o-linear-gradient(top, #ffffff 0%, #eef2f1 100%); 
    background-image: -ms-linear-gradient(top, #ffffff 0% ,#eef2f1 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef2f1', endColorstr='#eef2f1',GradientType=0 ); 
    background-image: linear-gradient(top, #ffffff 0% ,#eef2f1 100%);   
    -webkit-box-shadow:0px 1px 5px #bababa;  -moz-box-shadow: 0px 1px 5px #bababa;  box-shadow:0px 1px 5px #bababa;  
}
.tooltip p{
    margin:0;
    padding:0;
    color:#666666; 
}

thead{
    /*width: 100%;*/

}

th{
    text-align: left;
    background-color: #edeff0;
    font-weight: normal;
}


td{
    text-align: left;
    padding: 18px 9px 5px;
}

tr {
    width: 100%;
    border-bottom: 1px solid #dedede;
}


table{
    width: 100%;
}

table.bills{
    border-radius: 4px 4px 0 0; 
}

.bills tbody {
    border-bottom: 1px solid #dedede;
}


.bills tbody tr:hover{    
    cursor: pointer;

}

.bills th, .bills td{
    padding: 8px 9px;
    vertical-align: middle;
}

.scrolling-table{
    display: block; 
    overflow: hidden; 
    height: 100%;  
}

.scrolling-table thead,.scrolling-table tfoot  {
    display: block;
}


.scrolling-table tbody {
    display: block; 	  
    overflow: hidden;
    overflow-y: auto;

}

.scrolling-table tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}


.popup{
    filter: dropshadow(color=#636969, offx=0, offy=1);
    -webkit-box-shadow: 0px 0px 15px #222;
    -moz-box-shadow: 0px 0px 15px #222;
    box-shadow: 0px 0px 15px #222;
    -webkit-border-radius:4px;
    -moz-border-radius:4px; 
    border-radius: 4px; 
    z-index:100; 
    position:absolute; 
}


.popup.amount{
    background-color: white;}

.popup.amount td, .popup.amount th{
    padding-top: 5px;
    text-align: center;
    background-color: white;
}
.info_popup .button {
    padding: 4px 18px;
}
.info_popup {
    padding: 6px 12px;
}



/* Header
-----------------------------------------------------------------------------*/
.header {
    margin-bottom: 23px;
    font-size: 12px;
}

.newsblock.top{
    /*height: 40px;*/
    border-top: 2px solid #c5cbcd;
    background-color: #edeff0;
    padding: 10px 30px;
    margin-bottom: 23px;
    clear: both;
}
.newsblock_name, .newsblock_content {
    float: left;
}
.newsblock_content {
    width: 840px;
    margin-left: 28px;
}


.allnews_link{
    display: block;
}
.header_conteiner_info{
    height: 100px;
    padding: 20px 30px 10px;
    position: relative;
}


.header_info {
    float: left;
}

.diler_info {
    width: 424px;
    height: 100%;
    margin-left: 50px;
}

.mngr_info {
    width: 250px;
    height: 100%;
    margin-left: 20px;
    line-height: 2; 
}

.logout_btn {
    position: absolute;
    top:20px;
    right:0;
}
.logout_btn>a{
    width: 90px;
    height: 90px;
    display: block;
    background: transparent url(images/exit_v4.png) center top no-repeat;
    opacity: 0.85;
    transition: all 0.2s ease-in-out 0.1s;
}
.logout_btn>a:hover{
    background: transparent url(images/exit_v3.png) center top no-repeat;
}
.logout_btn>a:active{
    opacity: 1;
}

a.button_prise {
    cursor: pointer;
    display: block;
    text-decoration:none; 
    text-align:center; 
    width: 165px;
    padding-top: 6px;
    padding-bottom: 6px;
    vertical-align: middle;
    border:solid 1px #ed5443; 
    -webkit-border-radius:4px;
    -moz-border-radius:4px; 
    border-radius: 4px; 
    font:12px Arial, Helvetica, sans-serif; 
    color:#ffffff; 
    background-color:#fb8173; 
    background-image: -moz-linear-gradient(top, #fb8173 0%, #ca4031 100%); 
    background-image: -webkit-linear-gradient(top, #fb8173 0%, #ca4031 100%); 
    background-image: -o-linear-gradient(top, #fb8173 0%, #ca4031 100%); 
    background-image: -ms-linear-gradient(top, #fb8173 0% ,#ca4031 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca4031', endColorstr='#ca4031',GradientType=0 ); 
    background-image: linear-gradient(top, #fb8173 0% ,#ca4031 100%);    
}
.button_prise{ 
    position: relative;
}

.button_prise img{
    position: absolute;
    top: 4px;
    left: 8px;
}
.button_prise span{
    padding-left: 20px;
}

.diler_name, .diler_name2 {
    font-weight: bold;
}

.diler_dolg {
    color: #649e4b;
    font-weight: bold;
} 
.diler_dolg2{
    color: #bf2e1c;
    font-weight: bold;
}


.diler_info td{
    text-align: left;
    padding: 0;
}
.diler_info tr {
    border-bottom: 0;
}



.diler_info table{
    width: auto;
}



/* датапикер*/

#ui-datepicker-div {
    background-color: white;
    font-size: 12px; 
    font-weight: normal;
    color: #666666;
    filter: dropshadow(color=#636969, offx=0, offy=1);
    -webkit-box-shadow: 0px 0px 15px #222;
    -moz-box-shadow: 0px 0px 15px #222;
    box-shadow: 0px 0px 15px #222;
}

#ui-datepicker-div a{
    text-decoration: none;
    color: black;
}

#ui-datepicker-div table.ui-datepicker-calendar th{
    font-weight: normal;
    font-size: 11px;
    padding: 5px;
    background-color: #fff;
}

#ui-datepicker-div table.ui-datepicker-calendar td{
    font-size: 10px;
    padding: 0;
}

#ui-datepicker-div table.ui-datepicker-calendar thead tr{
    border-bottom: #e3e3e3 1px solid;
    border-top: #e3e3e3 1px solid;
}

#ui-datepicker-div table{
    border-spacing:6px;
    text-align: center;
    border-collapse: inherit;
}

#ui-datepicker-div table.ui-datepicker-calendar td a{
    display: block;
    padding: 5px 6px;
    color: #666666;
    text-align: center;
}
#ui-datepicker-div a.ui-state-highlight{
    border: #e3e3e3 1px solid;
    background: white;
}

#ui-datepicker-div table.ui-datepicker-calendar td a:hover{
    background-color: #e3e3e3;
}


#ui-datepicker-div .ui-datepicker-title{
    text-align: center;
    font-size: 12px;
}


#ui-datepicker-div .ui-datepicker-header{
    padding: 13px;
    position: relative;
    border-bottom: #e3e3e3 1px solid;
}

#ui-datepicker-div a.ui-datepicker-prev, #ui-datepicker-div a.ui-datepicker-next {
    position: absolute;

    cursor: pointer;
    display: inline-block; 
    text-decoration: none;
    text-align:center; 
    padding-top: 6px; 
    border:solid 1px #bac4c6; 
    -webkit-border-radius:4px;
    -moz-border-radius:4px; 
    border-radius: 4px; 

    background-color:#e3eaeb; 
    background-image: -moz-linear-gradient(top, #e3eaeb 0%, #97a5aa 100%); 
    background-image: -webkit-linear-gradient(top, #e3eaeb 0%, #97a5aa 100%); 
    background-image: -o-linear-gradient(top, #e3eaeb 0%, #97a5aa 100%); 
    background-image: -ms-linear-gradient(top, #e3eaeb 0% ,#97a5aa 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97a5aa', endColorstr='#97a5aa',GradientType=0 ); 
    background-image: linear-gradient(top, #e3eaeb 0% ,#97a5aa 100%);   
    -webkit-box-shadow:0px 1px 1px #819093;  -moz-box-shadow: 0px 1px 1px #819093;  box-shadow:0px 1px 1px #819093;   
    text-shadow: 0px 1px 0px #636969; 
    filter: dropshadow(color=#636969, offx=0, offy=1); 
}

#ui-datepicker-div a.ui-datepicker-prev{
    top: 5px;
    left: 5px;
}

#ui-datepicker-div a.ui-datepicker-prev span{
    display: none;
}

#ui-datepicker-div a.ui-datepicker-prev:before{
    content: url(images/prew.png);
} 

#ui-datepicker-div a.ui-datepicker-next{
    top: 5px;
    right: 5px;
}

#ui-datepicker-div a.ui-datepicker-next:before {
    content: url(images/next.png);
}

#ui-datepicker-div a.ui-datepicker-next span{
    display: none;
}



/* Middle
-----------------------------------------------------------------------------*/
.clearfix:after{
    content: '';
    display: table;
    clear: both;
}

main {
    padding: 0 30px 40px;		
}

.content{
    clear: both;
}
.button{
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block; 
    text-decoration: none;
    text-align:center; 
    padding-top: 6px; 
    border:solid 1px #bac4c6; 
    -webkit-border-radius:4px;
    -moz-border-radius:4px; 
    border-radius: 4px; 
    font:14px Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    color:#ffffff; 
    background-color:#e3eaeb; 
    background-image: -moz-linear-gradient(top, #e3eaeb 0%, #97a5aa 100%); 
    background-image: -webkit-linear-gradient(top, #e3eaeb 0%, #97a5aa 100%); 
    background-image: -o-linear-gradient(top, #e3eaeb 0%, #97a5aa 100%); 
    background-image: -ms-linear-gradient(top, #e3eaeb 0% ,#97a5aa 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97a5aa', endColorstr='#97a5aa',GradientType=0 ); 
    background-image: linear-gradient(top, #e3eaeb 0% ,#97a5aa 100%);   
    -webkit-box-shadow:0px 1px 1px #819093;  -moz-box-shadow: 0px 1px 1px #819093;  box-shadow:0px 1px 1px #819093;  

    text-shadow: 0px 1px 0px #636969; 
    filter: dropshadow(color=#636969, offx=0, offy=1); }

.button:hover, .button.active{

    border:solid 1px #ed5443; 
    -webkit-border-radius:4px;
    -moz-border-radius:4px; 
    border-radius: 4px; 
    font:14px Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    color:#ffffff; 
    background-color:#fd877a; 
    background-image: -moz-linear-gradient(top, #fd877a 0%, #c53e2f 100%); 
    background-image: -webkit-linear-gradient(top, #fd877a 0%, #c53e2f 100%); 
    background-image: -o-linear-gradient(top, #fd877a 0%, #c53e2f 100%); 
    background-image: -ms-linear-gradient(top, #fd877a 0% ,#c53e2f 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c53e2f', endColorstr='#c53e2f',GradientType=0 ); 
    background-image: linear-gradient(top, #fd877a 0% ,#c53e2f 100%);   
    -webkit-box-shadow:0px 1px 0px #819093;  -moz-box-shadow: 0px 1px 0px #819093;  box-shadow:0px 1px 0px #819093;  

    text-shadow: 0px 1px 0px #636969; 
    filter: dropshadow(color=#636969, offx=0, offy=1);}



.button.inset {
    border-radius: 4px 4px 0 0; 
    padding: 5px 15px;
}

.top_button .button{
    width: 165px;
    height: 24px;
}

.top_button{
    margin-bottom: 20px;
    padding: 0 30px;
}

.news_date{
    font-size: 12px;
    color: #c53f2f;
}
.news_item{
    margin-bottom: 20px;
}
.news-items{
    border-bottom: 1px solid #c5cbcd;
}
/* заявки */

.zayavki_control{
    float: right;
    width: 300px;
}

/* список счетов */
.bills_inset{
    padding-bottom: 2px;
    border-bottom: 1px solid #c5cbcd;
    margin-bottom: 19px;
}

a.action span,
button.action span
{
    display: block;
    margin: 4px auto;
    width: 17px;
    height: 17px;
}

a.action,
button.action
{
    display: inline-block;
    width: 24px;
    height: 24px;
	border: none;
	background: none;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	outline: none;
}

a.view span,
button.view span
{
	border: none;
	background: none;
    background-image: url("images/view.png");
}
.view:hover span,
button.view:hover span{
    background-image: url("images/view2.png");
}
a.action.view:hover,
button.action.view:hover
{
    background-color: #e9c06e;
}
button.action.view
{
	position: relative;
	top: 1px;
}


a.delete span{
    background-image: url("images/delete.png");
    width: 17px;
    height: 17px;
}

a.delete:hover span{
    background-image: url("images/delete2.png");
}

a.action.delete:hover{
    background-color: #e43f2c;
}



a.change span{
    background-image: url("images/change.png");
}
a.change:hover span{
    background-image: url("images/change2.png");
}
a.action.change:hover{
    background-color: #67a04e;
}


select.changes{
    width: 90px;
    height: 22px;
    font-size: 11px;
    color: #80878a;
}

.action_icons{
    position: relative;
}


#list_of_bills
{
	font-weight: normal;
}
#list_of_bills .red
{
	color: #F00;
}
#list_of_bills .green
{
	color: #0C6;
}
.list_of_bills {
    height: 485px;
}

.list_of_bills tbody{
    height: 405px;
}
.list_of_bills  tbody tr:hover{
    background-color: #edeff0;
}

.list_of_bills th:nth-child(1),.list_of_bills td:nth-child(1) {
    width: 50px;
}

.list_of_bills th:nth-child(2),.list_of_bills td:nth-child(2) {
    width: 112px;
}

.list_of_bills th:nth-child(3),.list_of_bills td:nth-child(3) {
    width: 130px;
}

.list_of_bills th:nth-child(4),.list_of_bills td:nth-child(4) {
    width: 162px;
}

.list_of_bills th:nth-child(5),.list_of_bills td:nth-child(5) {
    width: 152px;
}

.list_of_bills th:nth-child(6),.list_of_bills td:nth-child(6) {
    width: 105px;
}
.list_of_bills th:nth-child(7),.list_of_bills td:nth-child(7) {
    width: 112px;
}
.state_bills_th span{
    float: left;

}

#popup_date{
    width: 211px;
    font-size: 12px;
}
#popup_date td, #popup_date th{
    padding: 7px 16px;
}

#popup_date tr,#popup_date tbody {
    border-bottom: 0;
    cursor: default;
}

#popup_date thead th{
    text-align: center;
}
#popup_date>table td:nth-child(1) {
    width: 30%;
}

select.date-select{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

#popup_date .generate_date{
    padding: 7px 16px;
}
#popup_date .generate_date input { 
    width: 155px !important;
    padding-left: 4px;
}

#popup_date .generate_date div{
    float: right;	
    margin: 5px 0;	
}   

.form_date_controls{
    clear:both;
    margin: 5px auto;
    width: 100px;
}
#popup_date  input , #popup_date  select{
    color: #666666; 
    font-size: 12px;
}

select.date-select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
/*  список закрытых счетов, детальная*/
.bill_info{
    display: block;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.bill_number{
    margin-left: 110px

}

.attantion{
    position: relative;
    border:solid 1px #ed5443; 
    -webkit-border-radius:4px;
    -moz-border-radius:4px; 
    border-radius: 4px; 

    background-color: #c84130;
    color: white;
    text-transform: uppercase;

    text-align:center; 
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    width: 397px;

    margin-bottom: 18px;
}

.attantion img{
    position: absolute;
}
.attantion span{
    padding-left: 35px;
}

.close_bill{

    clear: both;
}

.close_bill th:nth-child(1),.close_bill td:nth-child(1) {
    width: 455px;
}

.close_bill th:nth-child(2),.close_bill td:nth-child(2) {
    width: 96px;
}

.close_bill th:nth-child(3),.close_bill td:nth-child(3) {
    width: 104px;
}

.close_bill th:nth-child(4),.close_bill td:nth-child(4) {
    width: 152px;
}



.close_bills_bottom_button{
    float: right;
    margin-top: 15px;
}

.close_bills_bottom_button .button{
    padding: 8px 22px;
}



/*  создание счета*/
.bills_control{
    float: right;
    position: relative;
	padding-bottom: 10px;
}

.bills_control .button{
    text-transform: none;
    padding-top: 7px; 
    padding-bottom:7px; 
    font-weight:normal; 
    color:#ffffff; 
    position:relative;
    vertical-align: middle;
    font: 12px Arial, Helvetica, sans-serif;

}

.button.date{
    width: 155px;
    border:solid 1px #bac4c6;  
    background-color:#e3eaeb; 
    background-image: -moz-linear-gradient(top, #e3eaeb 0%, #787d7f 100%); 
    background-image: -webkit-linear-gradient(top, #e3eaeb 0%, #787d7f 100%); 
    background-image: -o-linear-gradient(top, #e3eaeb 0%, #787d7f 100%); 
    background-image: -ms-linear-gradient(top, #e3eaeb 0% ,#787d7f 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787d7f', endColorstr='#787d7f',GradientType=0 ); 
    background-image: linear-gradient(top, #e3eaeb 0% ,#787d7f 100%); 

}

.button.create_bill{
    width: 130px;
    border:solid 1px #abcc9a;  
    background-color:#abcc9a; 
    background-image: -moz-linear-gradient(top, #abcc9a 0%, #5f9945 100%); 
    background-image: -webkit-linear-gradient(top, #abcc9a 0%, #5f9945 100%); 
    background-image: -o-linear-gradient(top, #abcc9a 0%, #5f9945 100%); 
    background-image: -ms-linear-gradient(top, #abcc9a 0% ,#5f9945 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f9945', endColorstr='#5f9945',GradientType=0 ); 
    background-image: linear-gradient(top, #abcc9a 0% ,#5f9945 100%);   
}


.bills_control .button span{
    padding-left: 20px;
}
.bills_control .button img{
    position: absolute;
    top: 5px;
    left: 7px;
}

.create_and_adress_form{
    float: left;
    clear: both;
}

.create_table{
    width: 300px;
    height: 285px;

    clear: both;
}

.create_table>table tbody{
    height: 240px;
}

.create_table>table tr{
    cursor: default !important; 
}

span.amout_result:hover {
    text-decoration: underline;
    cursor: pointer; 
}

.create_table td{
    position: relative;
}

.create_table a.delete {
    position: absolute;
    top: 10px;
    right: 5px;
}

.create_table tr:not(.alternateRow):hover{
    background-color: #ffffff;
}

.create_table .popup{
    width: 255px; 
    height:130px; 
    bottom: 43px;
}
.create_table .popup td:nth-child(1), .create_table .popup th:nth-child(1){
    width: 33%;
}
.create_table .popup td:nth-child(2), .create_table .popup th:nth-child(2){
    width: 33%;
} 

.popup input{
    width: 60px;
    text-align: center;
}



.list_table{
    width: 620px;
    float: right;
    height: 445px;
    position: relative;
}

#list-table tbody{
    height: 402px;
}


.red_hover  tr:not(.alternateRow):hover{
    background-color: #ffffff;
    color: #c84130;
    font-weight: bold;	}


.red_hover  tr:not(.alternateRow){
    text-transform: uppercase;	
}


#list-table td:nth-child(1){
    width: 56px;
}

#popup_list{
    width: 549px;
    height: 449px;
    font-size: 13px;
}
#popup_list_inner>table thead tr{ 

    width: 100%;
}

#popup_list_inner>table thead{
    background-color: #edeff0; 
    padding-right: 20px;
}

#popup_list_inner>table tbody{
    height: 410px;
    width: 100%;
}


#popup_list_inner>table tr td:nth-child(1), #popup_list_inner>table tr th:nth-child(1){
    width: 40%;

}
#popup_list_inner>table td:nth-child(2), #popup_list_inner>table th:nth-child(2){
    width: 15%;

}
#popup_list_inner>table td:nth-child(3), #popup_list_inner>table th:nth-child(3){
    width: 15%;

}
#popup_list_inner>table td:nth-child(4), #popup_list_inner>table th:nth-child(4){
    width: 15%;

}
#popup_list_inner>table td:nth-child(5), #popup_list_inner>table th:nth-child(5){
    width: 15%;

}
#popup_list_inner>table a.close {
    position: absolute;
    right: 10px;
    top: 15px;
}

.popup{ 
    background-color: white;
}

.popup.amount
{
    height: 130px;
    width: 250px;
}

.popup.amount table
{
    height: 90px;
    width: 100%;
}

.popup.amount td:nth-child(1), .popup.amount th:nth-child(1){
    width: 30%;
}

.popup.amount td:nth-child(2), .popup.amount th:nth-child(2){
    width: 30%;
}
.popup.amount td:nth-child(3), .popup.amount th:nth-child(3){
    width: 30%;
}


#popup_list  tbody tr:hover{
    background-color: #edeff0;
}

.adress_table{
    width: 300px;
}
.adress_table tr{
    border-bottom: 0;	

}

.adress_table textarea{
    overflow-y: auto;
    resize:vertical;   

}

.adress_table tr:not(.alternateRow):hover{
    background-color: #ffffff;

}
.inputs_adress span{
    display: block;}

.inputs_adress label{
    text-decoration: underline;



}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
    width: 1000px;
    margin: -40px auto 0;
    height: 40px;
    clear: both;
    position: relative;
}

.footer_content {
    padding: 0 30px;
}

.pdf-icon {
    background-image: url(images/pdf.png);
    background-size: 100% auto;
    width: 30px;
    height: 30px;
    display: inline-block;
}
.print-icon {
    background-image: url(images/printer.png);
    background-size: 100% auto;
    width: 30px;
    height: 30px;
    display: inline-block;

}

a._btn{display: inline-block; }
a._btn div{display:table; margin-top: 5px;}
._btn span{
    vertical-align: middle;
    display: table-cell;

}

a._btn:hover span{text-decoration: underline;}

.close_bills_bottom_button.create_btn{
    width: 100%;

}

.close_bills_bottom_button.create_btn a { margin-top: 5px;}

.tip-yellow {
    z-index:1000;
    text-align:left;
    border:1px solid #939393;
    padding:7px;
    min-width:50px;
    max-width:550px;
    color:#666666;
    background-color:#eee;
    /*	background-image:url(tip-yellow.png); /* bgImageFrameSize >= 10 should work fine */
    /**
     * - If you set a background-image, border/padding/background-color will be ingnored.
     *   You can set any padding to .tip-inner instead if you need.
     * - If you want a tiled background-image and border/padding for the tip,
     *   set the background-image to .tip-inner instead.
     */
}
.tip-yellow .tip-inner {
    font:bold 13px/18px /*'trebuchet ms',arial,helvetica,sans-serif*/;
    margin-top:-2px;
    padding:0 3px 1px 3px;
}
.tip-yellow .tip-inner a{
    color : blue;
    text-decoration: underline;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-yellow .tip-arrow-top {
    margin-top:-7px;
    margin-left:15px;
    top:0;
    left:0;
    width:16px;
    height:10px;
    /*	background:url(tip-yellow_arrows.png) no-repeat;*/
}
.tip-yellow .tip-arrow-right {
    margin-top:-9px; /* approx. half the height to center it */
    margin-left:-4px;
    top:50%;
    left:100%;
    width:10px;
    height:20px;
    /*	background:url(tip-yellow_arrows.png) no-repeat -16px 0;*/
}
.tip-yellow .tip-arrow-bottom {
    margin-top:-6px;
    margin-left:15px;
    top:100%;
    left:0;
    width:16px;
    height:13px;
    /*	background:url(tip-yellow_arrows.png) no-repeat -32px 0;*/
}
.tip-yellow .tip-arrow-left {
    margin-top:-9px; /* approx. half the height to center it */
    margin-left:-6px;
    top:50%;
    left:0;
    width:10px;
    height:20px;
    /*	background:url(tip-yellow_arrows.png) no-repeat -48px 0;*/
}