#wrapper
{
	margin: auto;
	color :#000000;
    padding-left: 20px;
    padding-right: 20px;
}
body
{
	font-family :Tahoma, 'Trebuchet MS', Tahoma, sans-serif;
	margin: 0px;
	font-size: 14px;
}
#loginFormAuth
{
    text-align: center;
    margin: 5px 40px auto auto;
    float:right;
	color: white;
}

#loginFormAuth input
{
    margin: auto;
}
#loginForm
{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 600px;
    margin-left: -320px;
    margin-top: -150px;
    font-size: 24px;
    border: 1px solid darkgray;
    border-radius: 5px;
    padding: 20px;
    background-color: #F5F5F5;
    box-shadow: 0px 0px 10px black;
}

#loginForm p
{
    text-align: center;
}

#loginForm input[type=text],#loginForm input[type=password]
{
    font-size: 24px;
}

#loginForm label
{
    float: left;
    width: 250px;
}
#loginForm input
{
    font-size: 16px;
    float: right;
}
#loginForm .row
{
    clear: both;
}

#header, #headerAuth
{
	color: white;
	width:100%;
    min-width: 900px;
	background: url('../images/top.png');
	background-color: #316F96;
	z-index: 100;
}


#headerAuth
{
	height: 60px;
}
.rightFloat
{
	float:right;
}
.leftFloat
{
	float:left;
	clear:both;
}
#sBtn,#rBtn
{
	width:120px;
}
.icon
{
	width: 32px;
	height: 32px;
}
.mainTable
{
	font-size: 16px;	
	clear:both;
	float:left;
	margin:auto;
	color: #000000;
	border-collapse: collapse;
	width: 100%;
	background-color: #FFF; 
	margin-top: 10px;
}

.mainTable tbody tr:hover td
{
    background-color: #3da1a8;
}

.notEvenBlock, .evenBlock, .notEvenBlock_deleted, .evenBlock_deleted
{
	border: 1px solid #d2d2d2; padding-left: 5px;
	text-align: center;
	padding: 0px 5px 0px 5px;
}
.notEvenBlock
{
	background-color: #E6E6E6;
}
.evenBlock
{
	background-color: #F6F6F6;
}
/*
.notEvenBlock_deleted
{
	background-color: #FFC8AC;
}
.evenBlock_deleted
{
	background-color: #FFC8AC;
}
*/



a
{
	text-decoration : none;
}
#content
{
	clear:both;
	margin:auto;
}
#divCemetery, #divEditAdmin, #divEditAgent
{
	width:400px;
	margin:auto;	
}
#trade_hall
{
	vertical-align: top;
}
.tradeButton, .tradeButton_active
{
	cursor: hand;
	background-color: #CCCCCC;
	width: 200px;
	height: 30px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	color: #000000;
	border-radius : 5px;
}
.tradeButton:hover
{
    background-color: #DDDDDD;
    box-shadow: 0 0 10px #DDDDDD;
}
.tradeButton_active
{
	background-color: #34759F;
	color: #FFFFFF;
}
.tradeBlock
{
	width: 1000px;
}

.divPage
{
	float:left;
	clear:both;
}
.filter, .filter_active
{
	width: 800px;
	height: 41px;
	text-align: center;
	overflow: hidden;
    border: 1px solid #DEDEDE;
	border-radius: 4px;
    margin: auto;
    background: rgb(245, 245, 245);
}
#idFilter
{
    margin-top: 5px;
}
.filter_active input[type=button], .filter_active input[type=submit],.filter_active input[type=reset]
{
    padding-left: 10px;
    padding-right: 10px;
    margin-top:5px;
    margin-right: 5px;
}
.filter
{
	display:none;
}
.filter_active
{
	display:block;
}
#divSearch
{
	text-align: center;
	width: 200px;
	border: 1px solid black;
	border-radius: 3px;
	cursor: hand;
}
#newRecordBtn
{
	height: 40px;
	margin-top: -5px;
}
.divPage__btn, .divPage__btn_active
{
    padding-top: 5px;
	width: 40px;
	height: 30px;
	display: block;
	border-radius: 5px;
	text-align: center;
	float: left;
}
.divPage__btn
{
    cursor: hand;

}
.divPage__btn_active
{
	background-color: #F0F0F0;
}
.headerRow
{
	font-weight: bold;
	font-size: 16px;
    background-color: #ecf0f1 !important;
}

.headerRow a, .headerRow a:visited
{
	color: black;
}


#coffinProperties
{
	border: 1px solid black;
	width: 400px;
    height: 100px;
    padding: 5px;
    margin-top: 5px;
}
.hint
{
    min-width: 200px;
    width: auto;
	position: absolute;
	display: none;
	left: -50px;
	background-color: white;
    border: 2px solid black;
    border-radius: 3px;
	top: -45px;
}

.hasHint
{
	position: relative;
}	

.hasHint:hover .hint
{
	display: block;
}
.hasHint:hover .hint:hover
{
    display: none;
}
.printButton, .saveButton, .printButton_alwaysActive
{
	width: 300px;
	height: 30px;
	margin-top: 20px;
}

.multiselect {
    width:500px;
    height:250px;
    overflow:auto;
}
 
.multiselect label {
    display:block;
}
 
.multiselect-on {
    color:#ffffff;
    background-color:#000099;
}

#buffer
{
	height: 85px;
	width: 10px;
}

#tableGoods td
{
	width: auto;
	text-align: center;	
}
.headerButton
{
	display: inline-block;
	margin-left: 7px;
    margin-top: 15px;
	padding: 5px;
	border: 1px solid #DEDEDE;
    color: white;
    max-height: 40px;
	border-radius: 4px;
	background-color: rgba(255,0,0,0.1);
    cursor: pointer;
}
.headerButton:hover
{
    background-color: rgba(1,1,1,0.1);
    color: #f5f5f5;
    box-shadow: 0 0 10px white;
    cursor: hand;
}
.headerButton.withoutImage
{
    padding: 8px;
}

#errorAuth
{
    display: block;
    color: red;
    clear:both;
    text-align: center
}

#tableGoods tr
{
    padding-top: 5px;
}

#tableGoods tr:hover
{
    background-color: pink;
}

#loading
{
    width: 100%;
    height: 100%;
    display: none;
    color: rgba(0,0,0,0.5);
}
input[type = "button"], input[type = "submit"], input[type = "reset"]
{
    padding: 2px;
}
.error
{
    border: 1px solid red;
}
label.error
{
    border: 0px !important;
}
.ajaxLoad
{
    display: inline-block;
}
#hallTimetable, #emptyRecord
{
    z-index: 9999;
    display: none;
    color: black;
    padding: 10px;
    margin: auto;
    /*background-color: rgba(0,0,0,0.8);*/
    /*border: 2px solid white;*/
    /*border-radius: 5px;*/
    /*box-shadow: 5px 5px 5px black;*/
}
#hallTimetable input[type="button"]
{
    padding-left: 10px;
    padding-right: 10px;
}
#hallTimetable table td .hint
{
    color: black;
}
.noTakeMoney td
{
    background-color: #FFBBBB !important;
}

.close
{
    cursor: hand;
    float: right;
    margin-right: -10px;
    margin-top: -5px;
    color: red;
    opacity: 1 !important;
}

.close:before {
    color: rgba(0, 0, 0, 1);
    content: "X";
    font-size: 24px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
#currentSummTrade, #summTrade
{
    color: gold;
    font-size: 16px;
}
#loader
{
    position: fixed;
    width: 512px;
    height: 512px;
    margin: auto;
    top: 50%;
    left: 50%;
    margin-top: -256px;
    margin-left: -256px;
}
.cemeteryButton
{
    cursor: hand;
    padding: 4px 40px 4px 40px;
    background-color: #c0c0c0;
    display: inline;
    width: 150px;
    border: 1px solid #808080;
    border-radius: 5px 5px 5px 5px;
}
.cemeteryButton:hover
{
    background-color: #D1D1D1;
    color: #f5f5f5;
    box-shadow: 0 0 5px #D1D1D1;
}
.leftButton
{
}
.centerButton
{
}
.rightButton
{
}
#headerButtons
{
    width: 1000px;
    margin: auto;
    float: right;
}
.datePicker
{
    width: 120px;
}

.filter_active table
{
    margin-left: 20px;
    width: 100%;
}

.filter_active input[type=text]
{
    margin-top: -1px;
}

.filter_active select
{
    width: 245px;
    margin-left: 0px;
}
.table thead th {
    background: #ecf0f1;
    color: #2c3e50;
    vertical-align: middle;
    font-weight: 700;
    font-size: 13px;
    padding: 8px 10px;
    border-bottom: 1px solid #edf0f1;
}
.table thead th:first-child {
    padding-left: 10px;
}
.table tbody tr:nth-child(even) {
    background: #f9fafb;
}
.table tbody tr td {
    text-align: right;
    border-bottom: 1px solid #edf0f1;
    vertical-align: middle;
    padding: 9px 10px;
    color: #354050;
}
.table tbody tr td:first-child {
    padding-left: 10px;
}
.table tbody tr td:last-child {
    padding-right: 17px;
}
.table.table-left th,
.table.table-left td {
    text-align: left;
}
.table.table-with-border td {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.table.table-with-border td:first-child {
    border-left: none !important;
}
.table.table-with-border td:last-child {
    border-right: none !important;
}
.btn {
    text-overflow: clip;
    height: 35px;
    border: none;
    outline: none;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    padding: 0 40px;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'PT Sans', sans-serif !important;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.btn:hover {
    opacity: .8;
}
.small-btns .btn {
    font-size: 17px !important;
}
.btn.small {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    width: 150px;
}
.btn.green {
    background: #00b16a;
    color: #fff;
}
.btn.blue {
    background: #2980b9;
    color: #fff;
}
.btn.white {
    background: #fff;
    border: 1px solid #2c3e50;
}
.btn.gray {
    background: #959595;
    color: #fff;
}
.modal-lg {
    width: 1000px !important;
}
.modal-sm {
    width: 500px !important;
}
#headerButtons .navbar
{
    background: transparent;
    border: 0px;
    margin-top: 10px;
}
#headerButtons .navbar a
{
    color: white;
}
#headerButtons .navbar .open a
{
    background: transparent;
}
.dropdown-menu a
{
    color: black !important;
}
.dropdown-menu a:hover
{
    background-color: #DDDDDD !important;
}
.btn-fat
{
    padding-left:20px !important;
    padding-right:20px !important;
}
input[type=date]
{
    line-height: 1 !important;
}
button[disabled], html input[disabled] {
    color: gray;
}
.btn-medium
{
    width: 300px;
}
.medium
{
    width: 450px !important;
}
.configLinkDiv
{
    float: right;
    margin-right: 10px;
    margin-top: 15px;
}
.configLinkDiv a
{
    color: white;
}
.trade-list
{
    margin-top: 20px;
    padding: 20px;
    border: 2px solid gray;
    border-radius: 5px;
}
.trade-list__row-name
{
    font-size: 16px;
}
.trade-list__row-cost
{
    float: left;
    font-size: 18px;
    width: 100px;
}
.trade-list__row-capacity
{
    float: left;
    width: 70px;
}
.trade-list__row-capacity input
{
    width: 60px;
}
.trade-list__row-delete
{
    color: #CC0000;
    cursor: pointer;
}
.trade-list__total-cost
{
    font-size: 20px;
}
.trade-list__total-cost span
{
    color: darkgoldenrod;
}
#nameGood_combobox
{
    margin-top: 10px;
    width: 800px;
}