﻿.dnnFormItem {
    margin-bottom: 10px;
}

/* make text boxes smaller, so they line up better with their labels */
.dnnFormItem input[type="text"],
.dnnFormItem select,
.dnnFormItem textarea,
.dnnFormItem input[type="email"],
.dnnFormItem input[type="search"],
.dnnFormItem input[type="password"] {
    margin-top: 4px;
    margin-bottom: 0px;
    padding: 2px;
}


.dnnActionsIndented {
    margin-left: 32.075%;
    padding-left: 18px; /* margin-left is dnnLabel width, padding-left is dnnLabel margin+padding */
}

/* make DNN form layout more responsive */
@media (max-width: 768px) {
    .dnnFormItem .dnnLabel {
        display: block;
        text-align: left;
        width: auto;
        float: none;
        padding-right: 0px;
        margin-right: 0px;
    }

    .dnnFormItem input[type="text"],
    .dnnFormItem select,
    .dnnFormItem textarea,
    .dnnFormItem input[type="email"],
    .dnnFormItem input[type="search"],
    .dnnFormItem input[type="password"] {
        width: 98%;
    }

    .dnnFormItem a.dnnFormHelp {
        position: static;
        float: left;
        margin-right: 0.5em !important;
    }

    .dnnFormItem .dnnTooltip {
        left: 0px !important;
    }

    .dnnActionsIndented {
        margin-left: 0px;
        padding-left: 0px;
    }
}

/* ensure jquery dialogs pop over everything else */
.dnnFormPopup {
    z-index: 100000;
}

.dnnFormPopupLevel2 {
    z-index: 100010;
}
.dnnFormItem .urlControl {
    width: 450px;
}

/* Digital Assets CSS fixes */
body #dnnModuleDigitalAssetsMainToolbarTitle,
body #dnnModuleDigitalAssetsMainToolbar,
body #dnnModuleDigitalAssetsSelectionToolbar,
body #dnnModuleDigitalAssetsListContainer,
body #dnnModuleDigitalAssetsListViewToolbar
{
    height: auto;
    overflow: hidden;
}

body #dnnModuleDigitalAssetsSelectionToolbar {
    min-height: 38px;
}

a.dnnPrimaryAction, 
a.dnnPrimaryAction:link, 
a.dnnPrimaryAction:hover, 
a.dnnPrimaryAction:visited, 
a.dnnPrimaryAction:active {
    color: #efefef;
    text-decoration: none;
}

a.dnnSecondaryAction, 
a.dnnSecondaryAction:link, 
a.dnnSecondaryAction:hover, 
a.dnnSecondaryAction:visited, 
a.dnnSecondaryAction:active {
    color: #333333;
    text-decoration: none;
}