* {
    box-sizing: border-box;
}
.header {
    border: 1px solid red;
    padding: 15px;
}
.menu {
    width: 25%;
    float: left;
    padding: 15px;
    border: 1px solid red;
}
.main {
    width: 75%;
    float: left;
    padding: 15px;
    border: 1px solid red;
}

.header_panel{
	width: 100%;
	float: left;
	border: 1px solid transparent;
}

#header_desc{
	width: 155px;
	/*height: 30px;*/
    float: left;
    /*padding: 1px;*/
    border: 1px solid transparent;
}

#header_data{
	width: 270px;
    float: left;
    /*padding: 1px;*/
    border: 1px solid transparent;
}

#header_data0{
	width: 120px;
    float: left;
    /*padding: 1px;*/
    border: 1px solid transparent;
}

#header_data1{
	width: 150px;
    float: left;
    /*padding: 1px;*/
    border: 1px solid transparent;
}

#h_desc{
    width: 145px;
	padding: 4px;
    border: 1px solid #E1E1E1;
	
}

#h_data{
	width: 265px;
    padding: 1px;
    border: 1px solid transparent;
}

#h_data0{
	width: 120px;
    padding: 1px;
    border: 1px solid transparent;
}

#h_data1{
	width: 120px;
    padding: 1px;
    border: 1px solid transparent;
}

#h_data #datepicker {
	width: 260px;
	font-size: 18px;
}

#h_data0 #nr {
	width: 100px;
}

.content {
    width: 100%;
    float: left;
    padding: 15px; 
    border: 1px solid transparent;
}

.content_panel {
    width: 100%;
    float: left;
    padding: 15px; 
    border: 1px solid transparent;
}

.clearfix {
  overflow: auto;
}
.footer{
	width: 100%;
	float: left;
	border: 1px solid transparent;
}

.right_panel{
	width: 480px;
    float: left;
    padding: 5px;
    border: 1px solid transparent;
}
#right_data{
	width: 155px;
	/*height: 30px;*/
    float: left;
    /*padding: 1px;*/
    border: 1px solid transparent;
}
#right_data_left{
	width: 310px;
    float: left;
    /*padding: 1px;*/
    border: 1px solid transparent;
}
#r_desc{
    width: 140px;
	padding: 7px;
    border: 1px solid #E1E1E1;
	font-size: 12px;
}

#r_data{
	width: 145px;
    padding: 3px;
    border: 1px solid transparent;
}

#r_data input{
	width: 310px;
	font-size: 13px;
}

#r_data_s{
	width: 270px;
	padding: 1px;
    border: 1px solid transparent;
	font-size: 12px;
}

#r_data_s_va{
	width: 800px;
	padding: 1px;
    border: 1px solid transparent;
	font-size: 12px;
}

#vardiem{
	width: 700px;
	height: 25px;
	padding: 1px;
	float: right;
    border: 1px solid transparent;
	font-size: 12px;
	
}

#r_data_s_vm{
	padding: 1px;
    border: 1px solid transparent;
	font-size: 12px;
}

#r_data_s_vm input{
	width: 700px;
	padding: 2px;
    font-size: 12px;
}
.left_panel{
	width: 420px;
    float: left;
    padding: 5px;
    border: 1px solid transparent;
}

#left_data{
	width: 145px;
	/*height: 30px;*/
    float: left;
    /*padding: 1px;*/
    border: 1px solid transparent;
}

#left_data_left{
	width: 50%;
    float: left;
    /*padding: 1px;*/
    border: 1px solid transparent;
}

#l_desc{
	width: 125px;
    padding: 7px;
    border: 1px solid #E1E1E1;
	font-size: 12px;
}

#l_data{
    padding: 3px;
    border: 1px solid transparent;
}

#l_data input{
	width: 250px;
	font-size: 13px;
}


#cont_data_nos{
	width: 410px;
    float: left;
    /*padding: 1px;*/
    border: 1px solid transparent;
}

#cont_data_nos input{
	width: 400px;
}

#cont_data_merv{
	width: 110px;
    float: left;
    /*padding: 1px;*/
    border: 1px solid transparent;
}

#cont_data_merv input{
	width: 100px;
}

#cont_data_daud{
	width: 110px;
    float: left;
    /*padding: 1px;*/
    border: 1px solid transparent;
}

#cont_data_daud input{
	width: 100px;
}

#cont_data_cena{
	width: 110px;
    float: left;
    /*padding: 1px;*/
    border: 1px solid transparent;
}

#cont_data_cena input{
	width: 100px;
}

#cont_data_summa{
	width: 110px;
    float: left;
    /*padding: 1px;*/
    border: 1px solid transparent;
}

#cont_data_summa input{
	width: 100px;
}

#c_data{
	float: left;
    padding: 1px;
    border: 1px solid transparent;
}

#c_summa {
	width: 145px;
	height: 32px;
	float: left;
	padding: 4px;
    border: 1px solid #E1E1E1;
}

#c_summa1{
	width: 145px;
	height: 32px;
	float: left;
	padding: 4px;
    border: 1px solid #E1E1E1;
}

#c_summa2{
	width: 145px;
	height: 32px;
	float: left;
	padding: 4px;
    border: 1px solid #E1E1E1;
}

#c_summa3{
	width: 145px;
	height: 32px;
	float: left;
	padding: 4px;
    border: 1px solid #E1E1E1;
}

#c_summa4{
	width: 145px;
	height: 32px;
	float: left;
	padding: 4px;
    border: 1px solid #E1E1E1;
}

#c_summa5{
	width: 145px;
	height: 32px;
	float: left;
	padding: 4px;
    border: 1px solid #E1E1E1;
}

#c_summa6{
	width: 145px;
	height: 32px;
	float: left;
	padding: 4px;
    border: 1px solid #E1E1E1;
}

.content_vardiem{
	width: 900px;
    float: left;
    border: 1px solid transparent;
}

.dialog_panel{
	width: 460px;
	height: 330px;
    float: left;
    padding: 5px;
    border: 1px solid transparent;
}

.dia_desc{
	width: 100px;
    padding: 7px;
    float: left;
	border: 1px solid #E1E1E1;
	font-size: 12px;
}

.dia_client{
	width: 340px;
	height: 320px;
    padding: 1px;
    float: left;
	border: 1px solid transparent;
	font-size: 12px;
}

.dia_client select{
	width: 330px;
	height: 315px;
    font-size: 12px;
}

/*.ui-selectmenu-open{
	z-index: 990;
}*/

.banks_panel {
	width: 310px;
    float: left;
    padding: 5px;
    border: 1px solid transparent;
}

.banks_panel select{
	width: 300px;
	height: 300px;
    font-size: 12px;
}

.banks_left_panel{
	width: 100%;
	border: 1px solid transparent;
}

.banks_left_panel input{
	width: 300px;	
}
.banks_footer_panel{
	float: left;
	border: 1px solid transparent;
}

#cl_data_panel label {
  display: block;
  margin: 2px 0 0 0;
  font-size: 12px;
}

#cl_data_panel input{
	width: 300px;
	font-size: 12px;
}

#cl_data_panel select{
	width: 300px;
	font-size: 12px;
}

#cl_data_panel{
	width: 310px;
	float: left;
	border: 1px solid transparent;
}

#cl_action_panel{
	width: 80px;
	height: 380px;
	float: left;
	border: 1px solid transparent;
}

#cl_select_panel{
	width: 270px;
	height: 380px;
	float: left;
	border: 1px solid transparent;
}

#cl_select_panel select{
	width: 270px;
	height: 378px;
	font-size: 12px;
}

#cl_action_panel input{
	width: 75px;
	font-size: 12px;
	padding: 5px;
}

#splashscreen {
    position: fixed;
    z-index: 998;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
	
}


#jssor_html5_AdWords {
    z-index: 999;
    background: #F9F6F6;
	position: absolute;
    left: 40%;
    top: 30%;
    width: 400px;
	height: 350px;
	
	/*overflow: hidden; 
	visibility: hidden;*/
}



#banner {
	z-index: 999;
    background: #F9F6F6;
	position: absolute;
    left: 20%;
    top: 20%;
    width: 720px;
	height: 360px;
}

#close {
    position: absolute;
    top: 0px;
    right: 0px;
    font-family: Arial, Helvetica;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    font-weight: bold;
}

#banner_cont {
    position: absolute;
    top: 20px;
    /*right: 0px;*/
    font-family: Arial, Helvetica;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    font-weight: bold;
}

#accordion{
	width: 1000px;
	height: 600px;
    float: left;
    padding: 15px; 
    /*border: 1px solid black;*/
}

#s1{
	height: 450px;
	/*font-size: 12px;*/
}

#his_tbl{
	border-collapse: collapse;
}

#his_tbl td{
	font-size: 12px;
}

#his_tbl_h_id {
	border-left: 1px solid red;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
}

#his_tbl_h_p{
	border-left: 1px solid red;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	width: 300px;
}

#his_tbl_h_d {
	border-left: 1px solid red;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	width: 190px;
}

#his_tbl_h_p1 {
	border-left: 1px solid red;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	width: 150px;
}

#his_tbl_h_s {
	border-left: 1px solid red;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	width: 100px;
}

#his_tbl_h_r {
	border-left: 1px solid red;
	border-top: 1px solid red;
	border-right: 1px solid red;
	border-bottom: 1px solid red;
	width: 120px;
}

#his_tbl_d_id {
	border-left: 1px solid blue;
	border-bottom: 1px solid blue;
	
}

#his_tbl_d_p {
	border-left: 1px solid blue;
	border-bottom: 1px solid blue;
	
}

#his_tbl_d_d {
	border-left: 1px solid blue;
	border-bottom: 1px solid blue;
}

#his_tbl_d_p1 {
	border-left: 1px solid blue;
	border-bottom: 1px solid blue;
}

#his_tbl_d_s {
	border-left: 1px solid blue;
	border-bottom: 1px solid blue;
}

#his_tbl_d_r{
	border-left: 1px solid blue;
	border-bottom: 1px solid blue;	
	border-right: 1px solid blue;
}

#pos{
	background-color: #C3C3C3;
}

#neg{
	background-color: #E1E1E1;
}

.tbl_edit {
	width:560px;
	/*border-radius: 8px 8px 8px 8px;
	border:1px solid black;*/
}

.tbl_edit th {
	background: rgba(242,246,248,1);
	background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 25%, rgba(181,198,208,1) 75%, rgba(224,239,249,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(0%, rgba(242,246,248,1)), color-stop(25%, rgba(216,225,231,1)), color-stop(75%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1)));
	background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 25%, rgba(181,198,208,1) 75%, rgba(224,239,249,1) 100%);
	background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 25%, rgba(181,198,208,1) 75%, rgba(224,239,249,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 25%, rgba(181,198,208,1) 75%, rgba(224,239,249,1) 100%);
	background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 25%, rgba(181,198,208,1) 75%, rgba(224,239,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );

	text-align: center;
	font-size:14px;
	
	/*border:1px dashed black;*/
	border:1px solid #E1E1E1;
}

.tbl_edit td {
	border:1px solid #E1E1E1;
	font-size:14px;
}

.tbl_edit #txt {

	/*width:100px;*/
}

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
  
  height:25px;
  width:90px;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

/************************* BANNER *************************************/

/* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
        
        /* jssor slider arrow navigator skin 12 css */
        /*
        .jssora12l                  (normal)
        .jssora12r                  (normal)
        .jssora12l:hover            (normal mouseover)
        .jssora12r:hover            (normal mouseover)
        .jssora12l.jssora12ldn      (mousedown)
        .jssora12r.jssora12rdn      (mousedown)
        */
        .jssora12l, .jssora12r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 30px;
            height: 46px;
            cursor: pointer;
            background: url('img/a12.png') no-repeat;
            overflow: hidden;
        }
        .jssora12l { background-position: -16px -37px; }
        .jssora12r { background-position: -75px -37px; }
        .jssora12l:hover { background-position: -136px -37px; }
        .jssora12r:hover { background-position: -195px -37px; }
        .jssora12l.jssora12ldn { background-position: -256px -37px; }
        .jssora12r.jssora12rdn { background-position: -315px -37px; }

/************************* BANNER END **********************************/


#tbl_sel_pict{
	width: 50px;
	height: 50px;
	margin: 3px;
}

.active{
	width: 50px;
	height: 50px;
	margin: 3px;
	border: 2px solid red;
}