body {margin: 0px; padding: 0px; font-family: Montserrat,Helvetica,Arial,sans-serif; background-color: #f8f8f8; color: #626262;}
form {margin: 0px; padding: 0px;}
body input {font-size: 100%; box-sizing: border-box; outline: none;}
body input[type=text], body input[type=password] {border: solid #AAA 1px; border-radius: 4px; min-height: 32px; padding: 0 5px;}
body input[type=text]:focus, body input[type=password]:focus {border: 1px solid black;}
a {color: #000;}
::-webkit-input-placeholder {color: #bbb;}
:-ms-input-placeholder { color: #bbb;}
::placeholder {color: #bbb;}

.searchForm, .result {padding: 15px;}
.resultTable {border: 1px solid #d2d2d2; width: 100%; margin-top: 10px;}
.resultTable tr td {border-bottom: 1px solid #f2f2f2; padding: 2px 4px;}
.resultTable tr:last-child td {border-bottom: 0;}
.resultTable tr th {text-align: left; background-color: #d2d2d2; padding: 4px;}
#search input[type=submit], input[type=button], #search input[type=reset], #login input[type=submit] {border: 0px; padding: 10px; background-color: #236093; color: #fff;}
input[type=button], #search input[type=reset] {background-color: #6B9CC7;}
.marginCenter {display: table; margin: 0 auto;}
.fieldWrapper {width: 33.33333333%; box-sizing: border-box; padding: 0 5px; float: left; margin-bottom: 10px;}
.fieldWrapper input, .fieldWrapper select {width: 100%;}
.result table {/*margin: 0 5px;*/}
.resultTable tr {cursor: pointer;}
.resultTable tr th {white-space: nowrap;}
.resultTable tr:first-child {cursor: default;}
#dialog {margin: 0px !important; padding: 1px !important; min-height: auto !important;}
#dialog table {width: 100%; margin-top: 2px;}
#dialog table tr td:first-child {font-weight: bold; white-space: nowrap; border-right: 1px solid #f2f2f2;}
#dialog table tr td:last-child {width: 100%;}
#dialog table tr td {padding: 6px;}
.exportButton {background-color: #236093 !important;}
#search input[type=submit], #login input[type=submit], #search input[type=reset] {margin: 0 5px;}
h4 {margin: 0px; padding: 0px; margin-bottom: 8px; margin-left: 5px;}
.fieldWrapperFour {width: 25%;}
.fieldWrapperTwo {width: 50%;}
.resultTableOffice {font-size: 90%;}
.resultTableOffice h3 {margin: 0px !important; font-size: 140%;}
.activeArrow {color: #6B9CC7;}
a.ord {text-decoration: none;}
.pagination {display: table; margin: 0 auto;}
.pagination a {display: inline-block; text-decoration: none; margin: 0 2px; padding: 2px 5px;}
.pagination a.active {background-color: #6B9CC7; color: #fff;}
#result {overflow: auto;}
.fieldWrapper input[type=checkbox], .fieldWrapper input[type=radio] {width: auto;}

.select2-container * {outline: none;}
.ui-button {outline: none;}
.select2-container .select2-selection--single {min-height: 32px !important; line-height: 32px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 30px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 32px !important;}

.wrapper {margin: 10px 10px 20px 10px; background-color: #fff; padding: 20px 20px 10px 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}

#login {width: 300px; display: table; margin: 0 auto; box-sizing: border-box;}
#login div.wrapper div.fieldWrapper {width: 100%;}
.logout {display: block; float: right; margin: 10px;}

.blocked-wrapper{width: 50%}
.check-availability{float: right}
.blocked-checkbox-wrapper{display: inline-block}

@media (max-width: 640px) {
   .fieldWrapper {width: 100%; float: none;}
   .blocked-wrapper{width: 100%}
   .blocked-checkbox-wrapper{display: block}
}