﻿/* Main begin */
html {
	/*font-family: 'Open Sans', sans-serif;*/
	/*overflow-y: scroll;*/
    height: 100%;
}

body {
	background-color: #F8F8F8;
	color: #444;
	/*font-family: 'Roboto', sans-serif!important;*/
	font-family: 'Open Sans', sans-serif !important;
	font-size: 13px;
	margin: 0 !important;
}

header {
}

h1 {
	color: #919191;
	font-size: 2.3em;
	margin-top: 0;
	/*font-weight: 400;
	padding: 0 5px;
	margin: 0;*/
}

hr {
	clear: both;
	background: none;
	height: 1px;
	border: 0;
	border-top: 1px solid #e2e2e2;
	margin-bottom: 10px;
}

a {
	color: #0040a0;
}

input, select {
	background-color: #FFFFFF;
	background-image: none;
	border: 1px solid #CCCCCC;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555555;
	display: block;
	font-size: 14px;
	padding: 3px 6px;
}

input[type=checkbox] {
	display: inline-block;
}

input:disabled, select:disabled {
    background-color:#f2f2f2;
    color:#c8c8c8;
    border:1px dashed #CCCCCC;
}

input.has-error {
    border:1px solid #a94442;
}

::-webkit-input-placeholder {
   color: #c8c8c8;
   font-size:11px;
}

:-moz-placeholder { /* Firefox 18- */
   color: #c8c8c8; 
   font-size:11px; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #c8c8c8; 
   font-size:11px; 
}

:-ms-input-placeholder {  
   color: #c8c8c8;  
   font-size:11px;
}

.modal-content {
        width: 600px !important;
        margin: 30px auto !important;
}
.modal-body {
        width: 600px !important;
        margin: 30px auto !important;
		background-color: white;
}

#wrapper {
	background: white;
	border-top: 7px solid #f57e09;
	box-shadow: 0 0 10px rgba(87,87,87,0.2);
	margin: 20px auto;
	padding: 0;
	position: relative;
	/*width: 1220px;*/
}

#logo {
}

header h1 {
	margin: 25px 10px;
	font-size: 1.6em;
	font-weight: 700;
	letter-spacing: -2px;
}

	header h1 .subtitle {
		color: #919191;
		font-size: 0.9em;
		font-weight: 300;
		position: relative;
	}

#language-picker {
    position:absolute;
    right:20px;
    top:10px;
}

#language-picker span.languag-picker-icon-wrapper {
    display:inline-block;
    width:26px;
    text-align:center;
}

#language-picker span.languag-picker-icon-wrapper img {
    cursor:pointer;
    width:16px;
    height:16px;
}

@keyframes ZoomLanguageImg {
    from  {width:16px; height:16px}
    to {width:20px; height:20px}
}

#language-picker span.languag-picker-icon-wrapper:not(.selected) img:hover {
    animation-name: ZoomLanguageImg;
    animation-duration: 200ms;
    width:20px; 
    height:20px;
}

#language-picker span.languag-picker-icon-wrapper.selected img{
    width:24px;
    height:24px;
}

#user-details {
	text-align: right;
	margin: 40px 20px;
	font-weight: 300;
}

	#user-details > a {
		margin-left: 10px;
	}

#address {
	margin-top: 20px;
}

footer {
	color: #919191;
	display: none;
	padding: 4px 10px;
	overflow: hidden;
	/*background-color: #0040a0;
	color: #fff;*/
}

.container {
	padding-bottom: 35px;
}

	.container h3 {
		color: #919191;
		font-size: 18px;
	}

.top, .bottom {
	display: inline-block;
	width: 100%;
}

.top {
	/*border-bottom: 1px solid #e2e2e2;*/
	/*padding-bottom: 15px;*/
}

	.top .dropdown-menu {
		padding: 5px;
        z-index: 12001;
	}

.dropdown-menu input[type="text"], .dropdown-menu select {
	width: 100%;
}

.small {
	font-size: 0.9em;
	line-height: 1.5;
}

dl.dl-horizontal dt {
	height: 30px;
	/*line-height: 30px;*/
}

.filterIcon {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 20;
}

div.ActionWrapper {
    margin-top:10px;
}

/*dl.dl-horizontal dd {
	line-height: 30px;
}*/

/* Main end */

/* NedFox begin */
.nfEditDialog > .row { margin-bottom:10px; }
.nfEditDialog input,.nfEditDialog select { text-align:left; height:36px; width:100%; }
.nfEditDialog input[type='checkbox'], .nfEditDialog input[type='radio'] {
    width:18px;
	height:18px;
}

.nfEditDialog .e-ddl {
	width:185px;
}

/*.nfEditDialog .largeinput { text-align:left; height:36px; width:200px; }*/

.nfEditDialog {
	width:430px;
}

.nfEditDialog .submitrow {
	margin-left:41.666666667%;
}

.nfEditDialog .submitrow .btn {
	text-align:center;
}


/* NedFox end */

/* Menu begin */
.navbar-nav > li > a {
	display: block;
	float: left;
	width: auto;
	line-height: 46px;
	padding: 0 30px;
	color: white;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: 400;
}

/*.navbar-collapse*/

#btnClear { cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none;user-select: none; }

#mainmenu {
	background: #0040a0;
	margin-bottom: 25px;
}

#mainmenu .nav > li.active > a,
#mainmenu .nav > li.selected > a, 
#mainmenu .nav > li> a:hover {
	background-color: #0040a0;
    text-decoration:underline;
}

#mainmenu .nav > li > a:hover, #mainmenu .nav > li > a:focus,
#mainmenu .nav .open > a, #mainmenu .nav .open > a:hover, #mainmenu .nav .open > a:focus {
	background-color: #0040a0;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color: #0040a0;
    color: #fff;
}

/* Menu end */

/* Nav tabs begin */

div.TabWrapper {

}

div.TabButtonWrapper {
    height:30px;
}

div.TabButtonWrapper span {
    display:inline-block;
    border:1px solid #c8c8c8;
    height:31px;
    padding-top:6px;
    padding-left:10px;
    padding-right:10px;
}

div.TabButtonWrapper span.Selected {
    border-bottom-color:#fff;
    font-weight:bold
}

div.TabButtonWrapper span:hover {
    text-decoration:underline;
    cursor:pointer;
}

div.TabContentWrapper {
    border:1px solid #c8c8c8;
    min-height:100px;
    padding:10px;
}


/* Nav tabs end */

/* Modal begin */

.defaultWidth {
    max-width: 628px; 
    overflow-x:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap;
}

.dl-horizontal dd {
    text-align: left;
}

.modal-footer p.editors {
	display: inline-block;
	float: left;
	font-size: 10px;
	margin-bottom: 0;
	text-align: left;
}

/* Modal end */

/* Table begin */

table.indextable {
    border: 1px solid #dddddd;
}

table.indextable tr th  {
	background-color: #eee;
	border-bottom: 1px solid #ccc;
}

table.indextable tr th:last-child {
    text-align:right;
}

table.indextable tr th a {
}

table.indextable tr th a.Sorted {
    background-repeat:no-repeat;
    padding-left:20px;
}

table.indextable tr th a.Sorted_descending {
	background-image:url(Images/Icons/sort_descending.png);
}

table.indextable tr th a.Sorted_ascending {
	background-image:url(Images/Icons/sort_ascending.png);
}

table.indextable tr th a.add-button {
    background-repeat:no-repeat;
    padding-left:20px;
	background-image:url(Images/Icons/add.png);
}

table.indextable tr td {
	border-top: 1px solid #dddddd;
}

table.indextable tr:nth-child(odd) td {
	background-color: #f9f9f9;
}

table.indextable tr td:last-child {
    text-align:right;
}

td.actions {
	text-align: right;
}

table.indextable tr td:last-child a {
    color: #444;
}

/* Table end */

/* Pager begin */

.pagerWrapper {
    position:relative;
    height:40px;
}

.pagerWrapper > .listInfo {
    margin-top:16px;
	float: right;
	line-height: 6px;
}

.pagerWrapper .pagerContainer .pager a {
	color: #0040A0;
	cursor: pointer;
	margin-right: 0;
	text-decoration: none;
}

.pagerWrapper > .pagerContainer > .pager, 
.pagerWrapper > .pagerContainer > .spacepager {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	float: left;
	line-height: 1.42857;
	margin-left: -1px;
	position: relative;
    margin-top:0px;
}

.pagerWrapper > .pagerContainer > .pager a, 
.pagerWrapper > .pagerContainer > .pager b, 
.pagerWrapper > .pagerContainer > .spacepager b {
	line-height: 1.42857;
	margin-left: -1px;
	padding: 6px 12px;
    display:block;
}

.pagerWrapper > .pagerContainer > .spacepager  {
	cursor: default;
}

.pagerWrapper > .pagerContainer > .pager:not(.spacepager):hover {
	background-color: #eee;
}

.pagerWrapper > .pagerContainer > .current {
	color: #999;
	cursor: default;
}

/* Pager end */

/* Bootstrap.css edit begin */

.btn {
    background-color:#fff;
    border:1px solid #adadad;
}

.btn:hover, .btn:active, .btn:focus {
    background-color:#ebebeb;
}

.btn-primary, 
.btn-execute,
.open .dropdown-toggle.btn-primary {
	background-color: #0040A0;
    color:#fff;
	border-color: transparent;
}

.btn-execute:hover, .btn-execute:active, .btn-execute:focus,
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color: #02388A;
	border-color: transparent;
    color:#fff;
}

span.field-validation-error {
    display:inline-block;
    padding-left:5px;
    padding-top:5px;
}

span.field-validation-error span:before {
    content:"- ";
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        width: 200px!important;
    }

    .dl-horizontal dt::after {
        content:" :";
    }

    .dl-horizontal dd {
        max-width: 500px;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
        text-align:left;
    }

    .modal-body div span {
        max-width: 320px;
        display: inline-block;
    }
}


/* Bootstrap.css edit end */

/* confirm modal begin*/

div.confirm-modal-body {
    width:550px;
    margin-left:auto;
    margin-right:auto;
    background-color:#fff;
    margin-top:100px;
    padding:10px;
}

div.header_wrapper {
    border-bottom:1px solid #c8c8c8;
}

div.TextWrapper {
    padding:10px;
}

div.FormWrapper {
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
}

div.ButtonWrapper {
    border-top:1px solid #c8c8c8;
    padding:10px;
    text-align:left;
}

div.ButtonWrapper .btn-execute {
    float:right;
}

/* confirm modal end*/

/* input table begin */

table.FormTable {
    width:100%;
}

table.FormTable tr.FormRow td {
    height:30px;
    vertical-align:middle;
    padding-left:5px;
    padding-bottom:5px;
}

table.FormTable tr.FormRow td.LabelCell {
    text-align:right;
    width:200px;
    vertical-align:top;
}

table.FormTable tr.FormRow td.LabelCell label::after {
    content:" :";
	float:right;
}

table.FormTable tr.FormRow td.InputCell  {
    text-align:left;
}

table.FormTable tr.FormRow td.InputCell input:not([type=checkbox]):not([type=radio]) {
    min-width:300px;
    height:26px;
}

table.FormTable tr.FormRow td.InputCell input[type=text].decimal-control {
    min-width:100px;
    width:100px;
    display:inline-block;
}

table.FormTable tr.FormRow td.InputCell span.CurrentAmountWrapper {
    display:inline-block;
    margin:0px;
    padding:0px;
}

table.FormTable tr.FormRow td.InputCell span.CurrentAmountWrapper b {
    color:#009300
}

table.FormTable tr.FormRow td.InputCell input[type=text].street-control {
    min-width:180px;
    display:inline-block;
}

table.FormTable tr.FormRow td.InputCell input[type=number].streetnumber-control,
table.FormTable tr.FormRow td.InputCell input[type=text].streetnumber-control {
    min-width:55px;
    width:55px;
    display:inline-block;
    margin-left:2px;
}

table.FormTable tr.FormRow td.InputCell select {
    min-width:320px;
    padding:0px;
    height:26px;
}

table.FormTable tr.FormRow td.InputCell input.multiline-control {
    width:100%;
}

table.FormTable tr.FormRow td.InputCell span.field-validation-valid {
    display:none;
}

table.FormTable tr.FormRow td.InputCell span.field-validation-error:before {
    content:"- "
} 
/* input table end */


/* Mobile begin */

.navbar-toggle .icon-bar {
	background-color: #fff;
}

/* Mobile end */

/* Logtype begin */

.logtype-Info td {
	background-color: #d9edf7!important;
}

.logtype-Warning td {
	background-color: #fcf8e3!important;
}

.logtype-Error td {
	background-color: #f2dede!important; overflow:hidden; max-width: 428px; text-overflow:ellipsis;
}

.logtype-NotSpecified, .logtype-Add, .logtype-Update td, .logtype-Delete td {
	background-color: #dff0d8!important;
}

/* Logtype end */

@media (min-width: 1230px) {
	#wrapper {
		width: 1220px;
	}
	.defaultWidth {
		width: 828px; max-width: 828px; overflow-x:auto;
}

}

@media (min-width: 992px) {
	.modal {
		text-align: center;
	}

	.modal-lg {
		display: inline-block;
		text-align: left;
		width: auto;
		min-width: 600px;
	}
}

@media (min-width: 768px) {
	.container > .navbar-header, .container > .navbar-collapse {
		padding: 0 !important;
	}
}

@media (max-width: 768px) {
	.navbar-nav > li > a {
		width: 100%;
	}

	dl.dl-horizontal dt {
		height: auto;
	}

	dl.dl-horizontal dd {
		margin-bottom: 10px;
	}

	.dropdown-menu > li > a {
		color: #fff;
	}

	.navbar-nav > li > .dropdown-menu {
		margin-left: 20px;
	}

	.dxtv-elbNoLn {
		height: auto !important;
	}

	#classificationInfo {
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		bottom: 0;
		left: 0;
		padding: 15px 10px 10px 10px;
		width: 100%;
	}
}
/* Mobile end */
