/*Fix for RadEditor forcing a 'float right'*/
html:first-child .RadWindow ul {
    float: none !important;
    border: 1px solid transparent;
}

.pageView, .pageViewFit {
    border: 1px solid #898c95;
    margin-top: -1px;
    min-height: 350px;
    padding: 15px 0;
    float: none;
    display: table;
    width: 100%;
}

.pageViewFit {
    min-height: 10px;
}


.RadGrid .rgRow td.tdIcons, .RadGrid .rgAltRow td.tdIcons, .RadGrid .rgEditRow td.tdIcons {
    padding: 2px;
    margin: 0;
}

.RadGrid_Default .rgRow a, .RadGrid_Default .rgRow a:link, .RadGrid_Default .rgRow a:visited, .RadGrid_Default .rgRow a:active,
.RadGrid_Default .rgAltRow a, .RadGrid_Default .rgAltRow a:link, .RadGrid_Default .rgAltRow a:visited, .RadGrid_Default .rgAltRow a:active {
    color: #4C97B8;
}

.resForm {
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    min-width: 620px;
    width: 96%;
    margin: 0 auto;
}

    .resForm .resFormItem span.CommandButton input {
        font-size: 0;
        line-height: 0;
        border-collapse: collapse;
    }

    .resForm .resFormItem {
        padding: 4px 6px;
        clear: both;
        line-height: 1.8;
        min-height: 1.8em;
        text-align: left;
        position: relative;
    }

        .resForm .resFormItem label a span {
            line-height: 1.4;
        }

        .resForm .resFormItem:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            visibility: hidden;
            font-size: 0;
        }

    .resForm fieldset {
        display: block;
        padding: 1em 0;
        border: none;
        margin: 0;
        text-align: left;
    }

.resFormItem .dnnTooltip label {
    width: 100%;
    padding: 0;
    margin: 0;
}

.resForm .resFormSecondItem label {
    float: none;
}

.resFormItem span.inline label {
    display: inline;
    width: auto;
}

.resFormItem input[type=radio] {
    margin: 5px;
}

.resFormItem input[type=checkbox], /*.resFormItem input[type=radio],*/ .resFormItem input[type=file], .resFormItem input[type=button], .resFormItem input[type=image],
.resFormItem input.rcbInput {
    width: auto;
    border: none;
    -moz-border-radius: 0;
    border-radius: 0;
    background: none;
    padding: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 2px;
}

.resFormItem input.rcbInput {
    margin-top: 0px;
}

.resFormItem select {
    width: auto;
    background: #FFFFF5;
    border-radius: 3px;
    border: 1px #BCB691 solid;
    margin: 0 0 3px 0;
    padding: 4px;
}

.resForm select.resFormRequired {
    border-left: 5px solid #FF0000;
    padding: 2px;
}

.resForm select.resFormAlert {
    border-left: 5px solid #FF0000;
    padding: 2px;
}

.resFormItem input[type="text"], .resFormItem textarea {
    width: 250px;
    font-size: 100%;
}

.resFormItem textarea {
    min-height: 80px;
}

.reContentCell textarea.reTextArea {
    width: 100%;
}

.resAddress input[type="checkbox"] {
    margin: 0 5px;
}

/*.e2eForm input.e2eFormRequired, .resForm textarea.e2eFormRequired, .resForm select.e2eFormRequired{font: 12px "segoe ui",arial,sans-serif;border: 1px #c9c9c9 solid ;border-left:2px #395A79 solid !important;  padding:2px; } */
.e2eForm input, .e2eForm textarea, .e2eForm select {
    font: 12px "segoe ui",arial,sans-serif;
    border: 1px #c9c9c9 solid;
    padding: 2px;
}

    .e2eForm input.e2eFormRequired, .e2eForm textarea.e2eFormRequired, .e2eForm select.e2eFormRequired {
        font: 12px "segoe ui",arial,sans-serif;
        border: 1px #c9c9c9 solid;
        border-left: 2px #395A79 solid !important;
        padding: 2px;
        background-color: #D9EDFF !important
    }

.e2eForm .e2eFormRequired.RadComboBox table td.rcbInputCell {
    padding-left: 0px
}

.e2eForm .e2eFormRequired.RadComboBox_Default .rcbInput {
    padding-left: 2px;
    border-left: 2px #395A79 solid !important;
    background-color: #D9EDFF !important
}

/*IN SKIN:
.resForm input.resFormRequired, .resForm textarea.resFormRequired, .resForm select.resFormRequired{border-left:5px #F00 solid; padding:2px;background-color:#FFFFF5}
html body .RadInput_Default input.resFormRequired  {border-left:5px #F00 solid; background-color:#FFFFF5}
  */
.resFormRadioButtons {
    float: left;
    width: auto;
    display: block;
}

    .resFormRadioButtons input[type=radio] {
        float: none;
    }

    .resFormRadioButtons label {
        font-weight: normal;
        margin: 0 10px 0 4px;
        width: auto;
        text-align: left;
        padding-right: 0;
        float: none;
        display: inline;
    }


.resForm.resShortForm .resFormItem label {
    float: none;
    width: 100%;
    text-align: left;
    margin-bottom: 0.25em;
}

.resForm.resShortForm .resFormItem input, .resForm.resShortForm .resFormItem select, .resForm.resShortForm .resFormItem textarea {
    float: none;
    text-align: left;
}

.resForm.resShortForm .resFormItem a.dnnFormHelp {
    background-position: left;
    padding-left: 22px;
}

.resForm .planningtable thead, .resForm .planningtable tfooter, .resForm .planningtable a:link, .resForm .planningtable a:visited, .resForm .planningtable a:active {
    color: #333333;
    text-decoration: none;
}

.resFormItem input[type=image] {
    margin-top: 0px;
}

.spacer {
    display: block;
    height: 1em;
}

.left {
    float: left;
}

.right {
    float: right;
}

.nowrap {
    white-space: nowrap;
}

.resFormCheckbox label {
    display: inline;
    float: none;
    font-weight: normal;
    margin: 0 10px 0 4px;
    padding-right: 0;
    text-align: left;
    width: auto;
}

.resFormCheckbox input[type=checkbox] {
    padding-left: 2px;
}

.resFormItem .RadColorPicker input[type="text"], .resFormItem .RadColorPicker textarea {
    width: auto;
}

.line-through {
    text-decoration: line-through;
}

.grayed-out {
    color: Gray;
}

.FormLabel {
    float: left;
    width: 150px;
    text-align: right;
}

.FormInput {
    width: 100%;
}

.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt {
    padding: 0 0px;
}

.longLabels .resFormItem label {
    width: 350px;
    margin-top: 0px;
}

.resForm fieldset.borders {
    border: 1px solid gray;
}

.dnnLoginService .resFormItem {
    width: 400px;
}

    .dnnLoginService .resFormItem input {
        width: 150px;
    }

    .dnnLoginService .resFormItem a {
        position: absolute;
        right: 150px;
    }

.tdfacility .facilityName {
    padding: 5px 0 0 5px;
    text-align: left;
}

/***** Complex Overview  ****/
.description {
    margin: 0px 0px 15px 130px;
}

.tdcomplex {
    border: solid 1px #CCCCCC;
    width: 225px;
    min-height: 225px;
    text-align: left;
    padding: 15px 15px 15px 15px;
    background: whitesmoke !important;
    margin: 20px;
    float: left;
}

.spacerdiv {
    margin-top: 10px;
}

.tdcomplex div {
    min-height: 20px;
}

.tdcomplex hover {
    background: silver !important;
}

.List4 {
    width: 29%;
    min-width: 260px;
}


.ListItem {
    border: 1px solid #CECECE;
    float: left;
    height: 350px;
    margin: 10px;
    padding: 10px 1%;
    position: relative;
    overflow: auto;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(00, 00, 00, .2);
    box-shadow: 0px 0px 10px 1px rgba(00, 00, 00, .2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#c0c0c0');
}

.compleximage {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.facilityimage {
    float: right;
}


.linkH2 {
    color: #059CD9;
}

    .linkH2:hover {
        text-decoration: underline;
        border-bottom: 0px solid blue;
    }


.bottomdiv {
    position: absolute;
    bottom: 0;
    margin-bottom: 10px;
}

.facitem {
    overflow: hidden;
    height: 100px;
    padding-bottom: 5px;
}

/***** Faciliteiten  ****/
.complexheader {
    position: relative;
    left: 10px;
    margin-bottom: 20px;
    padding: 0px 20px 0px 0px;
}


.facname {
    font-weight: bold;
    font-size: medium;
}

.faccomplex {
}

.facdescription {
    margin: 5px 0px 25px 0px;
}

/**** spacer trick ***/
.spacer2 {
    display: inline-block;
    letter-spacing: -1px;
}


.resFormul {
    display: table;
    padding-left: 10px;
    margin-top: 2px;
}


.resForm hr, hr {
    margin: 4px 0;
    border-color: #696969;
}

.resFormItem > label {
    width: 35.075%;
    float: left;
}

.resFormLabel {
    display: inline-block;
    float: left;
    margin-right: 18px;
    overflow: visible;
    padding-right: 20px;
    position: relative;
    text-align: right;
    width: 25%;
}

/*.resForm .resFormLabel, .resForm .dnnLabel {Width:200px}*/

.Select {
    cursor: pointer;
}

.dnnFormMessage {
    padding: 8px 18px;
    margin-bottom: 10px;
    max-width: 100%;
}


.RadComboBoxDropDown .rcbItem > label, .RadComboBoxDropDown .rcbHovered > label, .RadComboBoxDropDown .rcbDisabled > label, .RadComboBoxDropDown .rcbLoading > label, .RadComboBoxDropDown .rcbCheckAllItems > label, .RadComboBoxDropDown .rcbCheckAllItemsHovered > label {
    display: inline;
}

.resForm .RadComboBox_Default .rcbDisabled .rcbInput, .RadComboBox_Default .rcbDisabled .rcbInput {
    color: #000000;
}


.resForm .RadComboBox .rcbDisabled, .RadComboBox .rcbDisabled {
    opacity: 0.65;
}


.resForm .aspNetDisabled, .resForm a.aspNetDisabled, .resForm .dnnDisabled, .resForm a.dnnDisabled {
    color: #787878;
    cursor: not-allowed;
    text-decoration: none;
}

/* Grayscale an image with use of css only (support for different browsers) */
.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

/* Dashboard */
.DasboardItem {
    float: left;
    width: 31%;
    height: 120px;
    border: 1px solid gray;
    margin: 0 1% 15px;
}

.DashboardDTitle {
    background-color: #414141;
    color: #FFF;
    height: 40px;
    text-align: center;
    font-size: 25px;
    font-family: 'Archivo Narrow',Arial,Sans-serif;
}

.DashboardDescription {
    height: 40px;
    text-align: left;
    padding: 2px 5px;
}

.DashboardButton {
}

.NoUnderline, .NoUnderline:hover {
    text-decoration: none;
    color: #0A7BAE;
}


.resFormItem .RadUpload .ruInputs li, .RadTreeView li {
    list-style: none;
}

/*.resFormItem .RadUpload .ruBrowse
   {
     background-image: url('../Images/Hydrangeas.jpg') !important;
     height: 24px !important;
     width: 150px !important;
   }*/

.resFormItem input[type="button"] {
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */
    background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    text-shadow: 0px 1px 0px #ffffff;
    height: 22px;
    padding-bottom: 2px;
    width: 65px;
}

    .resFormItem input[type="button"]:hover {
        background: #fefefe; /* Old browsers */
    }


.extraRemark {
}

.resForm .dnnLabel + span {
    margin-top: 0px;
    margin-bottom: 0px;
}

.resForm input[disabled="disabled"],
.resForm .RadComboBox_Default .resForm .rcbInputCell input[disabled="disabled"],
.resFormItem .RadInput_Default .riDisabled,
.resFormItem .RadInput_Disabled_Default {
    color: #2D2D2D; /*  DimGray*/
}

.resForm .RadComboBox_Default .rcbInputCell input[disabled="disabled"], html body .resFormItem input[disabled="disabled"] {
    /*  background-color: #f0f0f0;*/
}

.resForm .dnnLabel {
    width: 25%;
}

div.RadComboBoxDropDown_DnnBlack, .RadComboBoxDropDown {
    background-color: whitesmoke;
    border: 1px solid #8a8a8a !important;
}

.WarningRow,
.RadGrid_Default .WarningRow {
    background-color: rgba(255, 0, 0, 0.15);
}

.EditedRow,
.RadGrid_Default .EditedRow {
    background-color: #e2effa;
}

.EditedBoldRow,
.RadGrid_Default .EditedBoldRow {
    font-weight: bold;
}

.SelectedRow {
    background: #999999 !important;
}

.ZeroOpacity {
    opacity: 0;
}

.AlignLeft {
    text-align: left;
}

.InfoMessage {
    border: 1px;
    border-style: double;
    border-color: #b6dbfe;
    background-color: #ddeeff;
    display: block;
    border-radius: 3px;
    margin-bottom: 8px;
    padding: 8px 0px 8px 18px;
}



html:first-child .RadWindow .resForm .RadPanelBar ul.rpRootGroup {
    float: left;
    border: 1px solid gray;
}

.DisplayGrid {
    display: grid;
}


.cblInvoicingstyle1 tbody tr td {
    width: 150px;
}

html body .RadInput_Default input.resFormAlert {
    font: 12px "segoe ui",arial,sans-serif;
    border: 2px #FF0000 solid;
    padding: 2px;
    background-color: #D9EDFF
}

@media handheld, only screen and (max-width: 768px) {
    .legendBlock {
        width: 100%;
        float: none;
        height: 40px;
    }

    .legendText {
        padding-left: 32px;
        line-height: 12px;
    }

    .legendColor {
        border: 1px solid gray;
        float: left;
        height: 25px;
        margin: 1px;
        padding: 0px;
        width: 25px;
    }
}

}

html body .RadInput_Default input.resFormAlert {
    font: 12px "segoe ui",arial,sans-serif;
    border: 2px #FF0000 solid;
    padding: 2px;
    background-color: #D9EDFF
}

.RadTabStrip.TabStripInWindow {
    line-height: 0px;
}

.HourContent.fontWhite {
    color: #FFF;
}

.pagination {
}

    .pagination a.paging {
        padding: 0 5px 0 0;
    }

    .pagination a.selectedPage {
        background-color: rgb(238, 238, 238);
        font-weight: bold;
    }

/* Action Items */
.resActions {
    float: none;
    clear: both;
    display: block; /* prevent ul from collapsing */
    margin: 0;
    padding-top: 18px;
    color: #000;
    align: left;
}

    .resActions li {
        float: left;
        margin-right: 5px;
        list-style: none;
    }

.resActions {
    display: inline-block;
}

.RadGrid input[type="image"], .RadGrid .tdIcons img {
    max-height: 20px;
    max-width: unset;
}

.REPSteps {
    width: 100%;
    height: 40px;
    margin: 10px 0;
    color: #fff;
    background-color: #059cd9;
}

    .REPSteps div {
        float: left;
        width: 20%;
        text-align: center;
        padding-top: 10px;
        height: 30px;
    }

        .REPSteps div.Selected {
            background-color: #414141;
            font-weight: bold;
        }