/*
  Základní červená: #D72B27
  Tmavší červená: #B10501
  Písmo: #333
  Světlé písmo: #666
  Středně šedá: #999
  Šedá: #DDD
  Světle šedá: #F0F0F0
*/

html { /*position:relative; min-height:100%;*/ }
body { /*margin-bottom: 40px;*/ color:#333; }
h1 { font-size:28px; margin-top:20px; }
h1 span { font-size:22px; color:#999; margin-left:10px; }
h2 { font-size:24px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
hr { border-top-color:#DDD; }
/*a { color:#D72B27; }
a:hover { color:#B10501; }*/
content { margin-top:10px; }

#header-top { height:75px; background-color:#FFF; padding-top:10px; }
#header-top-left { float:left; }
#header-top-right { float:right; text-align:right; }
#header-logo { }
#header-languages { }
#header-languages a { padding:4px; }
#header-languages a:hover { background-color:#DDD; }
#header-user { margin-top:10px; }
#header-user a { color:#333; }
#header-user a:hover { color:#23527C; }
#header-survey { margin-left: 180px; }
#header-survey-name { font-size:120%; font-weight:bold; margin-top:5px; }
#header-survey-store { color:#999; margin-top:2px; }

/*footer { position: absolute; bottom:0; width:100%; height:40px; background-color:#444d58; color:#C8C8C8; display:none; }
#footer-bottom { border-top:1px solid #DDD; padding-top:10px; }*/

#page-title { border-bottom:1px solid #DDD; margin-bottom:10px; }
#page-title h1 { margin-bottom:10px; }
#page-buttons { margin-top:5px; }
#back-to-top { cursor: pointer; position: fixed; bottom:20px; right: 20px; display:none; }

.fields { background-color: #F0F0F0; padding:10px; border: 1px solid #DDD; }
.fields h2 { font-size:20px; margin-top:15px; padding-top:10px; margin-bottom:10px; border-top: 1px solid #DDD; }
.fields hr { border-top-color:#DDD; margin-top:10px; margin-bottom:10px; }
.help { background-color:#FFFFE0; border:1px solid #DDD; padding:10px; margin-top:-1px;}
.help img.width-100 { width:100%; }
.buttons { margin:10px 0; }

.editor { padding-top:5px; }
.editor:after { display:block; clear:both; content:''; }
.editor input[type=text], .editor input[type=date], .editor input[type=password] { border: 1px solid #DDD; padding:4px 4px 8px 4px; width:50%; }
.editor input[type=date] { width:25%; }
.editor input[type=checkbox] { padding:4px 0 4px 0; }
.editor input[type=radio] { padding:4px 0 4px 0; }
.editor input[type=file] { }
.editor select { width:50%; border: 1px solid #DDD; padding:4px;  }
.editor input[type=text].width-100, .editor select.width-100, .editor textarea.width-100 { width:100%; }
.editor input[type=text].width-75, .editor select.width-75, .editor textarea.width-75 { width:75%; }
.editor input[type=text].width-25, .editor select.width-25, .editor textarea.width-25 { width:25%; }
.editor textarea { width:50%; border: 1px solid #DDD; padding:4px; min-height: 200px; }
.editor .display-label { float:left;  width:160px; text-align:right; margin-right:12px; color:#666; }
.editor .display-field { margin-left:172px; font-weight:600; }
.editor .editor-label { float:left;  width:160px; text-align:right; margin-right:12px; margin-top:5px; color:#666; }
.editor .editor-field { margin-left:172px; }
.editor .editor-check { margin-left:172px; margin-top:5px; }
.editor .editor-help { margin-left:172px; font-size:90%; color:#999; margin-top:2px; margin-bottom:4px; }
.editor .inline-help { }
.editor .display-html { font-weight:normal; background-color:#FFF; padding:10px; border:1px solid #DDD; }

/*
.editor textarea { width:400px; border: 1px solid #C8C8C8; padding:2px; min-height: 75px; }
.editor textarea.html { height:400px; }
.editor .value { font-weight:bold; }
.editor .check-box { margin:3px 0; }
.editor .radio { margin:3px; }
.editor .check-value { display:inline-block; border: 1px solid #C8C8C8; background-color:#FFF; width:16px; height:14px; text-align:center; vertical-align:middle; padding:1px; font-size:14px; line-height:14px; font-weight:bold; }
.editor .large { width:600px; }
.editor .display-help { }
.editor .display-foto img { width:80%; }*/

.tab-container .tabs { margin: 0; padding: 0; }
.tab-container .tab { display: inline-block; zoom:1; *display:inline; background: #DDD; border: solid 1px #DDD; border-bottom: none; border-radius: 4px 4px 0 0; }
.tab-container .tab a { display: inline-block; padding: 5px 10px; outline: none; color:#333; }
.tab-container .tab a:hover { text-decoration: underline; color:#23527c; }
.tab-container .tab.active { background: #F0F0F0; padding-top: 5px; position: relative; top: 1px; border-color: #DDD; }
.tab-container .tab a.active { font-weight: bold; }
.tab-container > div { background-color:#F0F0F0; padding:10px; border:1px solid #DDD; }

.action-tiles { }
.action-tiles a { color:#FFF; }
.action-tiles a:hover { text-decoration:none; text-decoration:none; }
.action-tile { width:135px; height:110px; display:inline-block; text-align:center; vertical-align:top; background-color:#337ab7; color:#FFF; position:relative; padding:20px 10px 0 10px; margin-bottom:3px; }
.action-tile:hover { background-color:#0D5491; }
.action-tile img { margin-bottom:10px; width:30%; }
.action-tile sup { position:absolute; top:10px; right:10px; background-color:#F00; color:#FFF; font-size:14px; padding:8px; border-radius:8px; }
.action-tile sub { position:absolute; bottom:10px; right:10px; /*background-color:#F00;*/ color:#FFF; font-size:14px; padding:8px; border-radius:8px; }
.action-tile a { font-size:14px; }
.action-tile a:hover { text-decoration:none; }
.action-tile p { font-size:14px; margin-bottom:10px; line-height:18px; }
.action-tile-empty { display:inline-block; width:20px; }

.message-item { background-color: #F0F0F0; padding:10px; border: 1px solid #DDD; margin-top:-1px; }
.message-item.active { background-color: #d9edf7; }

.loading-block { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255,255,255,.8) url('../../Content/images/loading.gif') 50% 50% no-repeat; }
body.loading { overflow: hidden; }
body.loading .loading-block { display: block; }

/* ASP.NET validations ------------------------------------------------------------------------------------------------ */

.field-validation-error { color: #a94442; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ebccd1; background-color: #f2dede; }
.validation-summary-errors { font-weight: bold; background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442; padding: 10px; }
.validation-summary-errors ul { padding-left:20px; }
.validation-summary-errors li { padding-top:4px; }
.validation-summary-valid { display: none; }

/* Boostrap extensions ------------------------------------------------------------------------------------------------ */

.navbar { min-height:30px; margin-bottom:0; }
.navbar-default { background-color:#444d58; border-style:none; border-radius:0; }
.navbar-default .navbar-nav > li > a { color:#BCC2CB; padding:5px 15px; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a:hover { color:#f1f1f1; background-color:#23527c; }
.navbar-default .navbar-nav > li.active > a { color:#F0F0F0; background-color:#337ab7; font-weight:600; }
.navbar-collapse { padding-left:0; }
.breadcrumb { background-color:transparent; margin-bottom:5px; padding:0; color:#AAA; }
.breadcrumb a { color:#AAA; }
.breadcrumb a:hover { color:#23527c; }

.btn-edit { color: #fff; background-color: #337ab7; border-color: #2e6da4; }
.btn-edit:hover, 
.btn-edit:active { color: #fff; background-color: #286090; border-color: #204d74; }
.btn-delete { color: #fff; background-color: #d9534f; border-color: #d43f3a;}
.btn-delete:hover, 
.btn-delete:active { color: #fff; background-color: #c9302c; border-color: #ac2925; }
.btn-task { color:#FFF; background-color:#2E8B57; border-color:#005824; }
.btn-task:hover, 
.btn-task:active, 
.btn-task:focus { color:#FFF; background-color:#15723E; border-color:#005824; }
.btn-task .badge { color:#005824; background-color: #fff; margin-left:5px; }
.btn-separator { display:inline-block; width:20px; }
.btn-file { position: relative; overflow: hidden; }
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; }

/* Datatables extensions ---------------------------------------------------------------------------------------------- */

.data-table { width:100%; border:1px solid #DDD; }
.data-table thead th, .data-table thead td { background-color:#DDD; padding:10px; }
.data-table tbody tr:hover { background-color:#F0F0F0; color:#333; }
.data-table tbody tr.mark-success:hover { background-color:#DBFFDB; /*#F5FFF5;*/ }
.data-table tbody tr.mark-primary:hover { background-color:#E7F5FE; /*#F5FFF5;*/ }
.data-table tbody tr.mark-warning:hover { background-color:#FFFFCD; /*#FFFFE7;*/ }
.data-table tbody tr.mark-danger:hover { background-color:#FFECE8; /*#FFFFE7;*/ }
.data-table tbody td { border-top:1px solid #DDD; padding:8px 10px; /*vertical-align:top;*/ }
.data-table tbody td.command a.btn { visibility:hidden; }
.data-table tbody tr:hover td.command a.btn { color:#FFF; visibility:visible; }
.data-table .mark { width:5px; padding:0; background-color:#DDD; }
.data-table .mark-default { }
.data-table .mark-success .mark, .data-table .mark-green .mark { background-color:#5cb85c; }
.data-table .mark-primary .mark { background-color:#337ab7; }
.data-table .mark-warning .mark, .data-table .mark-orange .mark { background-color:#f0ad4e; }
.data-table .mark-danger .mark, .data-table .mark-red .mark { background-color:#d9534f; }
.data-table .select { text-align:center; padding-left:10px; padding-right:10px; width:10px; }
.data-table .date { width:120px; white-space:nowrap; }
.data-table .check { width:40px; text-align:center; }
.data-table .command { text-align:center; vertical-align:middle; width:80px; white-space:nowrap; }
.data-table .success { background-color:#dff0d8; }
.data-table .danger { background-color:#f2dede; }
.data-table .warning { background-color:#f2dede; }
.data-table .right { text-align:right; }
.data-table .center { text-align:center; }
.data-table .c70 { width:70px; text-align:center; }
.data-table .l70 { width:70px; text-align:left; }
.data-table .r70 { width:70px; text-align:right; }
.data-table tr.row-separator td { border-top:1px solid #666; }
.data-table .money { width:100px; text-align:right; }
.data-table-toolbar { padding-bottom:8px; }
.data-table-toolbar select { width:200px; border: 1px solid #DDD; padding:4px; }
.data-table-buttons { padding-top:8px; }

table.dataTable { border-left-style:none; border-right-style:none; }
table.dataTable thead th, table.dataTable thead td { border-bottom:1px solid #DDD; }
table.dataTable tbody tr { background-color:transparent; }
table.dataTable tbody td:first-child, table.dataTable tfoot td:first-child  { border-left:1px solid #DDD; }
table.dataTable tbody td:last-child, table.dataTable tfoot td:last-child { border-right:1px solid #DDD; }
table.dataTable tfoot td { border-top-style:none; padding:8px 10px; }
table.dataTable tfoot .help { border-top:1px solid #DDD; border-bottom-style:none; }
/*table.dataTable tbody tr { border-left:1px solid #DDD; }
table.dataTable tbody tr.odd { }
table.dataTable tbody td { border-top:1px solid #DDD; }
table.dataTable tbody a { color:#333; }
table.dataTable tbody td.command a { visibility:hidden; }
table.dataTable tbody tr:hover { background-color:#E7F5FE; }
table.dataTable tbody tr:hover a { color:#D72B27; }
table.dataTable tbody tr:hover td.command a { color:#FFF; visibility:visible; }
table.dataTable.no-footer { border-bottom-color:#DDD; }*/
.dataTables_scrollHead { background-color:#DDD;  }
.dataTables_filter { padding-top:2px; padding-bottom:2px; }
.dataTables_filter label { font-weight:normal; color:#666; }
.dataTables_filter input { width:200px; border: 1px solid #DDD; padding:4px;}
.dataTables_toolbar { float:left; }
.dataTables_buttons { float:left; }
.dataTables_wrapper .dataTables_info { clear:none; float:right; color:#666; padding-top:8px; }
.dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom-color: #DDD; }

/* Pages -------------------------------------------------------------------------------------------------------------- */

.error-page { background-color: #FFE6DC; border: 1px solid #EBBCB5; padding:20px; }
.error-page img { float:left; }
.error-page h2 { margin-left:148px; margin-bottom:16px; }
.error-page p { margin-left:148px; }

.itet-on-controls { padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:30px; }
.itet-on-controls select { margin-left:5px; margin-right:0px; }
.itet-on-controls .btn { margin-left:10px; }
.itet-on-stat { text-align:right; color:#999; margin:10px 0; }
.itet-on-stat strong { color:#666; }
.itet-on-table { width:100%; }
.itet-on-table td { padding:8px 10px; }
.itet-on-table .detail td { border:1px solid #ddd; }
/*.itet-on-table .summary-header td, 
.itet-on-table .summary-values td { font-size:18px; font-weight:600; text-align:center; border-style:none; }*/
.itet-on-table .summary-values td:first-child,
.itet-on-table .summary-progress td:first-child { border-right:2px solid #666;}
.itet-on-table .summary-values div { margin: 0 auto; }
.itet-on-table .summary-progress td { border-top:2px solid #666; }
.itet-on-table .summary-progress div { width:60px; height:60px; margin:10px auto; text-align:center; line-height:60px; font-weight:600; font-size:16px; }
.itet-on-table .itet-ka td { text-align: center; color: #999; }
.itet-on-table .detail-header { font-weight:600; border-top:2px solid #666; }
.itet-on-table .center { text-align:center; }
.itet-on-table .rotate { text-align:center; } 
.itet-on-table .detail .line-left { border-left:2px solid #666; } 
.itet-on-table .value-green { background-color:#dff0d8; color:#3c763d; }
.itet-on-table .value-orange { background-color:#fcf8e3; color:#8a6d3b; }
.itet-on-table .value-red { background-color:#f2dede; color:#a94442; }
.itet-on-table .change-green { color:#3c763d; }
.itet-on-table .change-red { color:#a94442; }
.itet-on-table .arrow-green { background: url(/Content/Images/arrow-green.png) no-repeat; }
.itet-on-table .arrow-orange { background: url(/Content/Images/arrow-orange.png) no-repeat; }
.itet-on-table .arrow-red { background: url(/Content/Images/arrow-red.png) no-repeat; }
.itet-on-table .gray { color:#999; }
.itet-on-sum-green { background-color:#dff0d8; color:#3c763d; }
.itet-on-sum-orange { background-color:#fcf8e3; color:#8a6d3b; }
.itet-on-sum-red { background-color:#f2dede; color:#a94442; }
.itet-on-total { font-weight:600; }
.itet-on-total-green { background-color:#5cb85c; color:#fff; }
.itet-on-total-orange { background-color:#f0ad4e; color:#fff; }
.itet-on-total-red { background-color:#d9534f; color:#fff; }
.itet-on-logo { position:relative; top:-80px; float:right; }
.itet-on-logo:after { clear:right; }
.itet-on-logo img { height:60px; }

.complain-span { float:left; padding: 0 4px; }
.complain-check { transform: scale(1.5); outline: 1px solid #ff0000 }
.complain .question { margin-left: 30px; }
.complain-photo img { width: 100%; }

.data-table .commission-subtotal { border-top: 2px solid #AAA; }
.data-table .commission-total { border-bottom: 2px solid #AAA; }