body, nav, ul, li, a  {margin: 0; padding: 0;}
html, body {background: #ffffff;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
#body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #fаfafa url(https://erp.evrotrans.net/img/pattern.gif);}
a {text-decoration: none;}

.container {
    width: 100%;

    #max-width: 900px;
    margin: 1px auto;
}

.container_fix {

	 position: fixed;
    width: 100%;

    #max-width: 900px;
    margin: 1px auto;
}
.toggleMenu {
    display:  none;
    background: #4682B4;
    padding: 10px 15px;
    color: #fff;
    
}
.nav {
    list-style: none;
     *zoom: 1;
     background:#4682B4;
     
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 10px 15px;
    color:#fff;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    border-top: 1px solid #104336;
}
.nav > li > .parent {
    background-image: url("../img/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #1d627a;
    position: relative;
    z-index:1000;
    border-top: 1px solid #174c5e;
}
.nav li li li a {
    background:#247895;
    z-index:2000;
    border-top: 1px solid #1d627a;
}

@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("../img/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}

.content{

    padding: 10px 15px;
    color: #fff;

}






#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}

.karta_klienta {
	border-collapse:collapse; 
	border-spacing:1; 
	font-family:'MS Sans Serif', 'Arial', 'Verdana', 'sans-serif'; 
	font-size: 10pt;
	border:1px solid #000;
	background-color:#d5dad7;
	width:100%;
}

.karta_klienta_zp {
	border-collapse:collapse; 
	border-spacing:1; 
	font-family:'MS Sans Serif', 'Arial', 'Verdana', 'sans-serif'; 
	font-size: 10pt;
	border:1px solid #000;
	background-color:#d5dad7;
	width:50px;

}

.karta_klienta2 {
	border-collapse:collapse; 
	border-spacing:1; 
	font-family:'MS Sans Serif', 'Arial', 'Verdana', 'sans-serif'; 
	font-size: 10pt;
	border:1px solid #000;
}

.karta_klienta3 {
	border-collapse:collapse; 
	border-spacing:1; 
	font-family:'MS Sans Serif', 'Arial', 'Verdana', 'sans-serif'; 
	font-size: 10pt;
	border:0px solid #000;
}

.mody_table {background-color:#fefefe;border-collapse:collapse; border-spacing:0; font-family:'MS Sans Serif', 'Arial', 'Verdana', 'sans-serif'; font-size: 12pt; cursor: default;}
td,tr{margin:4px 4px;padding:2;vertical-align:top;}
.mody_table tbody tr:nth-child(odd){background-color:#f5fbf7; cursor: default;} /*дочерняя 2-я строка*/
.mody_table tbody tr:hover{background-color:#e0f0ff; cursor: default;}/*окраска при наведении*/

.mody_table td,.mody_table th{border:1px solid #ccc; cursor: default;}
.mody_table thead tr{background-color:#111;color:#ffffff; cursor: default;}/*основная 1-я строка*/

#ui-datepicker-div {
font: 82.5% "Trebuchet MS", sans-serif;
}


.mody_table_print {border-collapse:collapse; border-spacing:0; font-family:'MS Sans Serif', 'Arial', 'Verdana', 'sans-serif'; font-size: 12pt; cursor: default;}
td,tr{margin:4px 4px;padding:2;vertical-align:top;}
.mody_table_print tbody tr:nth-child(odd){background-color:#f5fbf7; cursor: default;} /*дочерняя 2-я строка*/
.mody_table_print tbody tr:hover{background-color:#e0f0ff; cursor: default;}/*окраска при наведении*/

.mody_table_print td,.mody_table_print th{border:1px solid #000; cursor: default;}
.mody_table_print thead tr{background-color:#111;color:#ffffff; cursor: default;}/*основная 1-я строка*/

#ui-datepicker-div {
font: 82.5% "Trebuchet MS", sans-serif;
}


/*  Из миниатюры в увеличение */
.thumbnail{ 
position: relative; 
z-index: 0; 
} 
.thumbnail:hover{ 
background-color: transparent; 
z-index: 50; 
} 
.thumbnail span{ /*CSS for enlarged image*/ 
position: absolute; 
background-color: #3d3d3d; 
padding: 5px; 
left: -1000px; 
border: 1px solid white; 
visibility: hidden; 
color: Yellow; 
text-decoration: none; 
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
} 
.thumbnail span img{ /*CSS for enlarged image*/ 
border-width: 0; 
padding: 2px; 
} 
.thumbnail:hover span{ /*CSS for enlarged image on hover*/ 
visibility: visible; 
top: 0; 
left: 10px; /*position where enlarged image should offset horizontally */ 
} 





/*Стиль для отображения фоток и их удаления и загрузки*/

.console {
border: 1px solid #000;
font: 12px "Courier New", Courier, monospace;
height: 50px;
padding: 5px;
width: 80%;
}
.hiddenframe {
display: none;
}
.upload-files li {
border: 1px solid #000;
display: inline-block;
margin: 5px;
padding: 10px;
text-align: center;
}
.upload-files li img {
display: block;
}
.upload-form {
background: #ccc;
width: 300px;
}

/* Скролинг для блоков */

.layer_scrol {
    overflow: auto; /* Добавляем полосы прокрутки */
    width: 99%; /* Ширина блока */
    height: 70vh; /* Высота блока */
    padding: 5px; /* Поля вокруг текста */
    border: solid 0px black; /* Параметры рамки */
   }