/* ================================================================
    overwrite bootstrap
   ================================================================*/

a.dnnPrimaryAction:focus {
    color: #efefef;
    text-decoration: none;
}

a.dnnPrimaryAction:hover {
    text-decoration: none;
}

/* ================================================================
    RadComboBox ItemTemplate Style
   ================================================================*/

.rcbTemplate {
    padding: 10px 10px 10px 80px !important;
    border: 0 !important;
    border-bottom: 1px solid #cccccc !important;
    *zoom: 1;
}

    .rcbTemplate:after {
        content: "";
        height: 0;
        clear: both;
        display: block;
    }

    .rcbTemplate .imageWrap {
        margin: 0 0 0 -70px;
        float: left;
    }


.rcbInner .form-control {
    border: 0px !important;
    box-shadow: none !important;
}

    .rcbInner .form-control:focus {
        border-color: transparent !important;
        outline: 0;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }


.RadComboBox_Default .rcbInner {
    border-color: #ccc !important;
    border-radius: 0px !important;
}


.RadComboBox .rcbInner {
    height: 34px !important;
    padding: 8px 22px 2px 5px !important;
}

/* ================================================================
    Small text link buttons (clear button in item selectors etc)
   ================================================================*/

a.catMiniAction, a.catMiniAction:link, a.catMiniAction:active {
    color: #C3C3C3;
    text-decoration: none;
    font-weight: normal;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
}

    a.catMiniAction:hover {
        color: #2E3D47;
        text-decoration: none;
        font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
        font-size: 12px;
    }


/* ================================================================
    Big text link buttons in line with selectors
   ================================================================*/

.catInlineAction {
    list-style-type: none;
    display: block;
    text-align: left;
    margin: 0;
}

    .catInlineAction li {
        padding: 6px 3px 0 0;
        float: left;
    }
    

/* =============================================================
    RadRotator and RadAsynchUpload fix (overwrites default css)
   =============================================================*/

.rrItemsList, .rrItem {
    list-style-type: none !important;
}

.ruInputs, .ruInputs li {
    list-style-type: none !important;
}


/* =============================================================
    RadListBox and RadComboBox fix (overwrites embedded css)
   =============================================================*/

.rcbHeader ul, .rcbFooter ul, .rcbItem ul, .rcbHovered ul, .rcbDisabled ul {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none !important;
}

.rcbHeader, .rcbFooter, .rcbItem, .rcbHovered, .rcbDisabled, .rlbGroup, .rlbGroupRight, .rlbList, .rlbItem {
    list-style-type: none !important;
}

    .rlbGroup ul, .rlbGroupRight ul, .rlbList ul, .rlbItem ul {
        list-style-type: none !important;
    }

    .rcbHeader li, .rcbFooter li, .rcbItem li, .rcbHovered li, .rcbDisabled li, rlbGroup li, rlbGroupRight li, rlbList li, rlbItem li {
        list-style-type: none !important;
    }


/* =============================================================
    RadComboBox fix (overwrites default css)
   =============================================================*/

.dnnFormItem .rcbInput {
    background: none repeat scroll 0 center rgba(0, 0, 0, 0) !important;
    border: 0 none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 2px 0 1px !important;
    width: 100% !important;
}

/* ================================================================
    Help button tooltip pin location fix (overwrites default.css)
   ================================================================*/

a.pinHelp {
    bottom: 12px !important;
    top: inherit !important;
}


/* ================================================================
    Corrections for dnn tooltip
   ================================================================*/

.dnnTooltip .dnnFormHelpContent, .dnnHelperTip .dnnFormHelpContent {
    width: 400px !important;
}

    .dnnTooltip .dnnFormHelpContent th, .dnnHelperTip .dnnFormHelpContent th, .dnnTooltip .dnnFormHelpContent td, .dnnHelperTip .dnnFormHelpContent td, .dnnTooltip .dnnFormHelpContent table, .dnnHelperTip .dnnFormHelpContent table {
        color: #DDDDDD;
    }


/* ================================================================
    common styles
   ================================================================*/

ul.dnnActions li.catcmdRight {
    float: right;
}

.dnnLanguageCombo {
    width: 450px;
    float: left;
}

/* =============================================================
    remove float and width from dnn label for inline use
   =============================================================*/

.catdnnLabel {
    display: inline-block;
    padding-bottom: 14px;
}

    .catdnnLabel .dnnLabel {
        width: initial !important;
    }


/* =============================================================
    overwrite defaults for links from dnn default.css
   =============================================================*/

a.btn-default:visited {
    color: #333;
}

a.btn-info, a.btn-info:visited, a.btn-primary, a.btn-primary:visited, a.btn-danger, a.btn-danger:visited, a.btn-success, a.btn-success:visited, a.btn-warning, a.btn-warning:visited {
    color: #fff !important;
}

/* overwrite pager li > a with default bootstrap colors */
.btn-primary {
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

/* =============================================================
    RadGrid fix (overwrites default css)
   =============================================================*/
.RadGrid .rgFilterBox {
    height: auto !important;
}

/* =============================================================
    overwrite strange input height in dnn default.css
   =============================================================*/
.dnnPermissionsGrid > .dnnFormItem input {
    height: auto;
}


/* =============================================================
    adding normalCheckBox to DNNMultiStateBox does not work; 
    therefore set dnnCheckbox to not visible via css 
    (required for view pages only)
   =============================================================*/
.CountryPermissionsGrid .dnnCheckbox {
    display: none !important;
}


/* ================================================================
    correction for full page edit column width issue
   ================================================================*/
.catHypFullPageEdit {
    display: inline-block;
    min-width: 20px;
}

/* =============================================================
    carousel menu used in admin modules 
   =============================================================*/
/*active carousel menu item*/
.cat_menu_slider .cat_selected, .cat_menu_slider a.cat_selected {
    border: 4px #337ab7 solid !important;
}

.cat_menu_slider .carousel-control.left, .cat_menu_slider .carousel-control.right {
    background-image: none !important;
}

.cat_menu_slider .carousel-control {
    top: 36%;
    color: #337ab7 !important;
    bottom: auto;
    padding-top: 4px;
    width: 30px;
    height: 30px;
    text-shadow: none;
    opacity: 1;
}

    .cat_menu_slider .carousel-control:hover {
        color: #d9534f;
    }

    .cat_menu_slider .carousel-control.left, .cat_menu_slider .carousel-control.right {
        background-image: none !important;
    }

    .cat_menu_slider .carousel-control.right {
        left: auto;
        right: -32px;
    }

    .cat_menu_slider .carousel-control.left {
        right: auto;
        left: -32px;
    }

.cat_menu_slider .carousel-indicators {
    bottom: -30px;
}

@media only screen and (min-width: 992px) {
    .cat_menu_slider .btn {
        height: 140px;
    }
}

.cat_menu_slider .btn {
    white-space: normal;
}

.cat-btn-carousel, a.cat-btn-carousel {
    color: #333;
    background-color: #fff;
    border-color: #ccc !important;
    width: 100%;
}

    .cat-btn-carousel:focus,
    .cat-btn-carousel.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c !important;
    }

    .cat-btn-carousel:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad !important;
    }

    .cat-btn-carousel:active,
    .cat-btn-carousel.active {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad !important;
    }

        .cat-btn-carousel:active:hover,
        .cat-btn-carousel.active:hover,
        .cat-btn-carousel:active:focus,
        .cat-btn-carousel.active:focus,
        .cat-btn-carousel:active.focus,
        .cat-btn-carousel.active.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c !important;
        }

    .cat-btn-carousel:active,
    .cat-btn-carousel.active {
        background-image: none;
    }

    .cat-btn-carousel.disabled:hover,
    .cat-btn-carousel[disabled]:hover,
    .cat-btn-carousel.disabled:focus,
    .cat-btn-carousel[disabled]:focus,
    .cat-btn-carousel.disabled.focus,
    .cat-btn-carousel[disabled].focus {
        background-color: #fff;
        border-color: #ccc !important;
    }

    .cat-btn-carousel .badge {
        color: #fff;
        background-color: #333;
    }

    /*overwrite dnn default.css*/
    a.cat-btn-carousel, a.cat-btn-carousel:hover, a.cat-btn-carousel:active, a.cat-btn-carousel:visited {
        color: #333;
        text-decoration: none;
    }

@media only screen and (max-width: 991px) {
    .cat-btn-carousel::before {
        content: attr(data-menu-step);
    }
}

@media only screen and (min-width: 992px) {
    .cat-btn-carousel::after {
        color: #efefef;
        content: attr(data-menu-step);
        display: block;
        font-size: 28px;
        position: absolute;
        bottom: 10px;
        /*left: 45%;*/
        border: 3px solid;
        border-radius: 50% 50% 50% 50%;
        width: 46px;
        height: 46px;
    }
}

/*.carousel-indicators li {
	border-radius:0;
	width:10px;
	height:10px;
	background:#ccc;
	border:1px solid #ccc;
}
.carousel-indicators .active {
	width:12px;
	height:12px;
	background:#3276b1;
	border-color:#3276b1;
}*/


/* =============================================================
    Integrate dnn section head with bootstrap panel 
   =============================================================*/
.panel > h2.dnnFormSectionHead {
    margin-top: 0px;
    margin-bottom: 0px;
}


/* =============================================================
    Addition to bootstrap btn class 
   =============================================================*/
.cat-btn-wrapper-bottom3 .btn {
    margin-bottom: 3px;
}

.cat-btn-wrapper-bottom5 .btn {
    margin-bottom: 5px;
}

.cat-btn-wrapper-bottom7 .btn {
    margin-bottom: 7px;
}


.cat-top3 {
    margin-top: 3px;
}

.cat-top5 {
    margin-top: 5px;
}

.cat-top7 {
    margin-top: 7px;
}

.cat-top10 {
    margin-top: 10px;
}

.cat-top15 {
    margin-top: 15px;
}

.cat-top20 {
    margin-top: 20px;
}

.cat-top30 {
    margin-top: 30px;
}

.cat-top40 {
    margin-top: 40px;
}

.cat-top50 {
    margin-top: 50px;
}

.cat-top60 {
    margin-top: 60px;
}

.cat-top70 {
    margin-top: 70px;
}

.cat-bottom3 {
    margin-bottom: 3px;
}

.cat-bottom5 {
    margin-bottom: 5px;
}

.cat-bottom7 {
    margin-bottom: 7px;
}

.cat-bottom10 {
    margin-bottom: 10px;
}

.cat-bottom15 {
    margin-bottom: 15px;
}

.cat-bottom20 {
    margin-bottom: 20px;
}

.cat-bottom30 {
    margin-bottom: 30px;
}

.cat-bottom40 {
    margin-bottom: 40px;
}

.cat-bottom50 {
    margin-bottom: 50px;
}

.cat-bottom60 {
    margin-bottom: 60px;
}

.cat-bottom70 {
    margin-bottom: 70px;
}

.cat-bottom5-imp {
    margin-bottom: 5px !important;
}

/* =============================================================
    IE bootstrap 3 slider fix
   =============================================================*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .item > a > img {
        width: 100%;
    }
}