/* Overrides for Virks designmanual vedr. deklarationsmodul */

/* designmanual.css */
.table tbody tr td {padding: 1em 0.5em 1em 5px;max-width: 150px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.table tbody tr td img{vertical-align: middle;margin-left: 3px;}
.table > tbody > tr > td > table > tbody > tr > td { border: 0px; padding: 0px 1em 0px 5px; }
.table tbody tr th { font-size: 14px; border-top: 0px;border-bottom: 2px solid #333; vertical-align: bottom; text-align: left; padding: 0 0.5em 1em 5px; }
.table thead > tr > th > a,.table tbody > tr > th > a{ text-decoration: none; display: inline-block; background: url(../graphics/icon-table-sort.png) no-repeat 100% 50%; padding-right: 12px; }
.table thead > tr > th.sort > a,.table tbody > tr > th.sort > a { background: url(../graphics/icon-table-sort-active.png) no-repeat 100% 50%; padding-right: 15px; }
fieldset.search .btn { margin-right: 10px; }
.info p {  margin-top: 15px; }
ul.nav.nav-tabs li.right {float:right;margin-right:10px;}
ul.nav.nav-tabs li.right a {padding: 0px;margin-top: 12px;margin-left:0px;}
.main-content ul.nav.nav-tabs li a.btn {margin-top:0px;}
.panel-group .panel + .panel {margin: 0px;}
.panel-group .panel {width:140px;float:left;margin-bottom:0px;padding-right:10px;border: 0px;-webkit-box-shadow: 0 0 0;box-shadow: 0 0 0;}
fieldset h2.section {font-size: 18px;margin-left:0px;}
.top {
	background-color:#ffffff;
}

/*.panel-heading .accordion-toggle,ul.nav.nav-tabs li a.accordion-toggle, .main-content ul.nav.nav-tabs li a.accordion-toggle {padding: 0; background:url(../graphics/settingsbig.png) no-repeat 100%;font-size:12px;height: 32px;min-width:34px;margin-bottom:10px;background-color:#f8f4f1;}
.panel-heading .accordion-toggle.collapsed,ul.nav.nav-tabs li a.accordion-toggle.collapsed, .main-content ul.nav.nav-tabs li a.accordion-toggle.collapsed { padding: 0; background:url(../graphics/settingsbig.png) no-repeat 100%;font-size:12px;height: 32px;min-width:34px;margin-bottom:10px;background-color:#f8f4f1;}*/
.panel-heading .accordion-toggle,ul.nav.nav-tabs li a.accordion-toggle, .main-content ul.nav.nav-tabs li a.accordion-toggle {padding: 0;font-size:12px;height: 32px;min-width:34px;margin-bottom:10px;background-color:#f8f4f1;}
.panel-heading .accordion-toggle.collapsed,ul.nav.nav-tabs li a.accordion-toggle.collapsed, .main-content ul.nav.nav-tabs li a.accordion-toggle.collapsed { padding: 0;font-size:12px;height: 32px;min-width:34px;margin-bottom:10px;background-color:#f8f4f1;}
.panel-heading {border: 0;}
.panel-heading a {font-size: 100%;}
.main-content ul.nav.nav-tabs { overflow:visible;}
.main-content ul.style-2 li {margin-left: 0;}
/*table.CheckTable td {padding:3px;padding-right:10px}
table.CheckTable td input[type="checkbox"] { margin-right: 5px;vertical-align: bottom;}*/
.modal {overflow-y:hidden;}
body.modal-open{margin-right:0;overflow:auto}

input[type=checkbox] { vertical-align:middle;margin-right:10px;}

/* bootstrap.css */
.col-xs-4 {
    width: 33.33333333333333%;
}
.col-xs-8 {
    width: 66.66666666666666%;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 {
    float: left;
}
.radio label, .checkbox label {
    display: block;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    margin-left: 4px;
}

/* component.css */
.dl-menuwrapper button { margin-bottom: 10px;}

/* Unikke for deklaration */

/* DIVs */
fieldset .has-error.required-enabled div.samlediv { border: 4px solid #ce1415;width: 100%; }
.attachment{float: left;width: 33%;}
.attachment .checkbox  {float:left;height: 35px;line-height: 35px;margin: 0;vertical-align: middle;}
.attachment .checkbox  input[type=checkbox] { height:35px;}
.attachment .image {float: left;margin-right: 5px;}
.attachment .text {float: left;height: 35px;margin-top: 3px;margin-right: 10px;max-width: 70%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/* h3.logsection { padding-bottom: 5px; border-bottom: 1px solid #ccc; width: 100%; background: #fff;font-weight: bold;color:#707070;} */
h3.logsection { padding-bottom: 5px; border-bottom: 0px solid #ccc; width: 100%; background: #fff;font-weight: bold;color:#000;font-size: 16px;}
.datapager { padding-bottom:15px;padding-top:15px;border-top: 1px solid #ccc;}
.datapager span span {border: 0px;padding: 0em 0.5em 0em 5px;}
.datapager span input{border: 0px;background-color:transparent;padding: 0em 0.5em 0em 5px;text-decoration: underline;color: #067293}
.main-content-notop {font-size: 14px;margin: 0 0 20px 0;}
.main-content-notop a {text-decoration: underline;}
.hideColumn {display: none;}
.checkbox.small {margin: 25px 0 0 0}
/* .datepicker {background-color: #fff;z-index:20000;}
.bootstrap-datetimepicker-widget .picker-switch { display:none;} 
.bootstrap-datetimepicker-widget.dropdown-menu {border:0px;}*/
}
/* Accordions */
.panel-collapse.admincollapse { padding: 10px; border: 1px solid #ddd; width:310px;position:relative; }
.panel-collapse.filtercollapse { padding: 0px; border: 1px solid #ddd; min-width: 130px;max-width: 300px;;position:absolute;background-color:#fff;border-radius: 0 0 4px 4px;z-index:10000; margin-top:-3px;box-shadow: 4px 4px 4px #808080;}
.filterdiv {padding:15px;}
.panel-collapse.settingscollapse { padding: 0px; border: 1px solid #999999; width:600px;position:absolute;right:0px;background-color:#fff; z-index:10001;box-shadow: 5px 5px 5px #808080;border-radius: 0 0 4px 4px;}
.accordion-toggle { padding: 8px; background:url(../graphics/icon-table-sort-active.png) no-repeat 97%;background-color: #f8f4f1;border: 1px solid #ddd;border-radius: 4px}
a.accordion-toggle{ text-decoration: none;padding-bottom:6px;margin-bottom: 0px;margin-top:5px;}
.accordion-toggle.collapsed { padding: 8px; background:url(../graphics/icon-table-sort.png) no-repeat 97%;background-color: #f8f4f1;border: 1px solid #ddd;text-decoration: none;}
a.accordion-toggle.collapsed{ text-decoration: none;margin-bottom: 0px; padding-bottom:6px;margin-top:5px;}

/* Panels */
.selectpanel { overflow-y: scroll;overflow-x: hidden;width: 100%;border:1px solid #ddd;height: 200px;padding:3px;}
.selectpanel-lg {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    border: 1px solid #ddd;
    height: 40vh;
    padding: 3px;
}
fieldset.smallsearch .form-control {width: 65%;float: left;height: 30px;margin-right: 1%;}
fieldset.smallsearch { margin-bottom:0px;border-bottom:0;}
.ColorPanel {border-bottom: 1px solid #ccc; padding-bottom:8px;margin-top: -10px;margin-bottom:10px;}
.MailSendPanel span {font-size:115%;}
.MailSendPanel img {vertical-align:middle;}

/* Tabeller */
table.hjaelp tr td {vertical-align: top; padding-bottom: 10px;white-space: normal;}
table.checkbox td { padding:3px; }
table.checkbox label { padding-right: 10px; }
table.kalender td {padding: 3px; vertical-align: top;align:center;}
table.selecttable { width:390px; }
table.selecttable td { padding:3px; font-size: 11px;}
table.selecttable th { font-weight: bold; padding:3px; font-size: 11px;}
table.narrowtable {width:100%}
    table.narrowtable td {
        padding: 5px;
        border-bottom:1px solid #ccc;
    }
table.narrowtable tr:hover {
    background-color:#eee;
}
table.narrowtable th {
    font-weight: bold;
    padding: 5px;
    border-bottom: 2px solid #888;
}
    table.checkboxlist td { padding:3px; font-size: 11px;}
table.checkboxlist th { font-weight: bold; padding:3px; font-size: 11px;}
/* .table tbody tr th{padding-left: 1em; padding-right: 0;font-size: 12px;}
.table tbody tr td{padding-left: 1em; padding-right: 0;font-size: 12px;} */
table.CheckTable td {padding:3px;padding-right:10px}
table.CheckTable td input[type="checkbox"] { margin-right: 5px;vertical-align: bottom;}
table.RadioTable td {padding:3px;padding-right:10px}
table.RadioTable td input[type="radio"] { margin-right: 5px;vertical-align: bottom;}
table.RadioTable td label{display: inline;}

    .RadioSelect input[type="radio"] {
        display:none;
    }
.RadioSelect label {
    min-width: 150px;
    text-align: center;
    border: 1px solid #ccc;
    margin-right: 15px;
    height: 60px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    align-content: center;
}
.RadioSelect input[type="radio"]:checked + label {
    background-color: #027091;
    color:#fff;
}
.RadioSelectSub input[type="radio"] {
    display: none;
}

.RadioSelectSub label {
    min-width: 150px;
    text-align: center;
    border: 1px solid #ccc;
    margin-right: 15px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
}

.RadioSelectSub input[type="radio"]:checked + label {
    background-color: #5cb85c;
    color: #fff;
}
.spanstatus0 {padding-left:25px;font-weight:bold;}
.spanstatus1 {background-image: url(../graphics/flueben_indhold.png);padding-left:25px;background-position: 0px 2px; background-repeat: no-repeat;font-weight:bold;}
table.SettingsTable td {padding:3px;padding-right:10px;min-width:225px;height:29px;vertical-align:middle}
table.DetailTable {width: 100%}
table.DetailTable td {padding: 0.5em 0.5em 0.5em 0;}
fieldset .has-error.required-enabled table.radio-inline { border: 4px solid #ce1415;width: 100%;padding: 10px 5px 5px 25px; }
fieldset .has-error.required-enabled table.checkbox-inline { border: 4px solid #ce1415;width: 100%;padding: 10px 5px 5px 25px; }
fieldset .has-error.required-enabled table.RadioTable { border: 4px solid #ce1415;padding: 10px 5px 5px 25px; }
fieldset .required-enabled input[type=radio] { margin-right:3px; border: 0px; padding:0px;padding-left: 25px }
fieldset .required-enabled input[type=checkbox] { margin-right:3px; border: 0px; padding:0px;padding-left: 25px }
.radio-inline input[type="radio"] { margin-right:3px; border: 0px; padding:0px;padding-left: 25px }
.checkbox input[type=checkbox] {padding-left: 25px\9; /* Added for IE8+9 */}
table.radio-inline { width: 100%;padding: 10px 5px 5px 25px; }
table.checkbox-inline { width: 100%;padding: 10px 5px 5px 25px; }
/* Deklarationsstatus/-type */
tr.deklAktiv {background-color: #090;}
tbody tr.deklAktiv td,tbody tr.deklAktiv td a{color:#fff;}
tr.deklFaerdig {background-color: #ddd;}
tbody tr.deklFaerdig td,tbody tr.deklFaerdig td a{color:#000;}
tr.deklIgang {background-color: #ffd700;}
tbody tr.deklIgang td,tbody tr.deklIgang td a{color:#000;}
tr.deklAfvist {background-color: #a00;}
tbody tr.deklAfvist td,tbody tr.deklAfvist td a{color:#fff;}
tr.deklIndberettet {
    background-color: #000;
}

tbody tr.deklIndberettet td, tbody tr.deklIndberettet td a {
    color: #fff;
}

/* Lister */
.checkboxlist { }
.checkboxlist li { display: inline;}
.checkboxlist label { margin-right:10px;margin-bottom:0px;line-height: 1.2em;}
.checkboxlist input[type=checkbox] { display:none;}
.selectboxlist { }
ol.selectboxlist,ol.selectboxlist li, ul.selectboxlist, ul.selectboxlist li { display: inline; margin: 0px;white-space: nowrap;}
.selectboxlist label { margin-right:6px;display:inline;font-size:13px;}
.selectboxlist label:after { content:" X "; color: #f00;}
.selectboxlist input[type=checkbox] { display:none;}
.ui-menu .ui-menu-item {font-size:14px;}
option { padding:1px;}

/* Knapper */
.btnsmall.search { background-image: url(../graphics/icon-search-small.png); background-position: 5px 8px; background-repeat: no-repeat; padding-left: 25px; color: #fff;font-weight:normal;}
.btnsmall { text-decoration: none; display: inline-block; min-height: 30px; margin-right: 7px; font-size: 11px; background: #027091; padding: 0px 8px; color: #fff; text-align:left;font-weight:normal; }
.btnsmall :active { color: #fff }
.btnmedium { border: 1px solid transparent!important;text-decoration: none!important; display: inline-block!important; min-height: 30px!important; margin-right: 7px!important; font-size: 14px!important; background: #027091!important; padding: 0px 8px!important; color: #fff!important; text-align:left!important;font-weight:normal!important; }
.btnmedium :active { color: #fff }
input[type="file"].fileupload {display: inline;}
.button-next:hover { background: url(../graphics/link-pointer-button-next.png) no-repeat 87% 12px #606060!important;}
.button-next { background: url(../graphics/link-pointer-button-next.png) no-repeat 87% 12px #027091!important; }
a.btnmedium  {text-decoration: none;line-height:28px;}
.btn.danger {
    background-image: url(../graphics/icon-error.png);
    background-position: 15px 10px;
    background-repeat: no-repeat;
    padding-left: 40px;
}
.btn.success {
    background-image: url(../graphics/icon-checked-inverted.png);
    background-position: 15px 10px;
    background-repeat: no-repeat;
    padding-left: 40px;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

/* Tekst */
h2 span {font-weight: bold;}
ul.nav.nav-tabs li.right a.closeSettings {opacity: .9; float:right;margin:0}
.glyphicon-pencil {font-size: 20px;color: #000;}
.glyphicon-search {cursor:pointer;cursor: hand;}
.glyphicon-camera {font-size: 20px;color: #000;}
.glyphicon-picture {font-size: 20px;color: #000;}
.glyphicon-ok {font-size: 20px;color: #0a0;}
.glyphicon-remove {font-size: 20px;color: #a00;}
.glyphicon-cog {font-size: 32px;font-weight:bold}
.glyphicon-question-sign {font-size: 32px;}
table.radio-inline td label {display: block;margin-bottom: 0.5em;color: #000;margin-top:0px;font-size: 14px;font-weight: normal;text-align: left;white-space: normal;}
table.checkbox-inline td label {display: block;margin-bottom: 0.5em;color: #000;margin-top:0px;font-size: 14px;font-weight: normal;text-align: left;white-space: normal;}
label.overskrift { font-weight: bold; }
.description.datepicker {padding:10px;display:none}
.form-control.small {display: inline;width: 70%;}
.small input[type=checkbox] {margin-top:4px;}

/* Images */
img.FilterFlueben { margin-left: 5px;height:11px;}

/* Containers */
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

@media (min-width: 1901px) {
    .container {
        max-width: 1900px;
    }
}