@import "../fontawesome/css/all.css";
@import "FontCircular.css";
/*@import "../bootstrap/css/bootstrap.min.css";*/

/* RadWindow Logos */
.radalert {
    background-image: url("../Images/Warning.png") !important;
}

.radinformation {
    background-image: url("../Images/Info.png") !important;
}

.raderror {
    background-image: url("../Images/Error.png") !important;
}

div.RadWindow ul li {
    list-style: none;
}

/* Fin RadWindow Logos */

/* Titulo Principal y SubTitulos */
.StripedLines {
    background: url(../Images/stripes_black.png) bottom left repeat-x;
}

div.FieldLabel {
    font-size: 14px;
    text-align: right;
}

.titulo {
    color: #005395;
    font-weight: 700;
    text-transform: none;
    text-rendering: optimizeLegibility;
    margin-bottom: 12px;
    margin-top: 12px
}

.sub-titulo {
    color: #005395;
    font-weight: 700;
    text-transform: none;
    text-rendering: optimizeLegibility;
    margin-bottom: 12px;
    margin-top: 12px
}

h6.InlineSubTitle {
    display: inline-block;
    margin: 15px 0;
    vertical-align: middle;
}

.description {
    font-size: medium;
}

.SubTitle h5 {
    margin-bottom: 0;
}

span.LabelItem {
    display: block;
    font-size: small;
    font-weight: bold;
    margin-bottom: 2px;
}

.SubTitle hr {
    margin: 5px 0;
    border-top: 1.5px dotted #aaa;
}

.description {
    font-size: medium;
}

strong.ItemSubTitle {
    margin: 10px 0px;
    display: block;
    border-bottom: 1px dotted;
}


div.AlignCenter {
    text-align: center;
}

div.AlignLeft {
    text-align: left;
}

div.AlignRight {
    text-align: right;
}

.RequiredField::before {
    content: '*';
    color: red;
}

.RequiredFieldError {
    font-size: 10px;
    color: red;
}

.infoIcon::before {
    content: "\E0F9";
    font-family: 'TelerikWebUI';
    padding-right: 5px;
    font-size: 20px;
}

/* Fin Titulo Principal y SubTitulos*/

/* Page Layout */
div.PageLayout {
    width: 100%;
}

    div.PageLayout div.t-row {
        margin: 15px 0;
    }

div.NoMargin.t-row {
    margin: 0 !important;
}

div.NoMargin .alert {
    margin-bottom: 5px !important;
}

div.PageLayout div.MarginLaterals {
    margin-left: 15px;
    margin-right: 15px;
}

/* Fin Page Layout */

.rgNoRecords div {
    padding: 10px 20px !important;
    color: red;
    font-size: small;
}

/** RadGrid **/

.GridLayout {
    max-width: 100%;
    overflow: auto;
}

.StaticColumn.rgHeader, .NormalItem {
    background: #2c5c7d !important;
    color: #fff !important;
}

.StaticColumn.rgHeader, .DynamicColumn.rgHeader,
.BalanceColumn.rgHeader, .ExtraColumn.rgHeader {
    padding: 5px !important;
}

.NotFilledItem, .FilledItem, .NormalItem,
.BalanceItem, .ExtraItem {
    padding: 10px 5px !important;
}

td.FilledItem {
    background: #C6EFCE !important;
    color: #006100 !important;
    /*font-weight: bold !important;*/
}

.BalanceColumn.rgHeader {
    background: #08800c !important;
    color: #fff !important;
}

.ExtraColumn.rgHeader {
    background: #e61616 !important;
    color: #fff !important;
}

.BalanceItem {
    background: #C6EFCE !important;
    color: #006100 !important;
    font-weight: bold !important;
}

.ExtraItem {
    background: #FFC7CE !important;
    color: #9C0006 !important;
    font-weight: bold !important;
}

.itemTitle {
    font-weight: bold;
}

/******* GRID TEMPLATES *********/


div.PageLayout div.RadGrid.RadGrid_Bootstrap table.rgMasterTable th.rgHeader {
    background: #337ab7;
    color: #fff;
    border-color: #0d5592;
}

div.PageLayout div.RadGrid.RadGrid_Bootstrap table.rgMasterTable tr.rgAltRow {
    background: #e2ebf3;
}

div.PageLayout div.RadGrid.RadGrid_Bootstrap table.rgMasterTable tr.rgSelectedRow > td {
    background: #379a3f;
}


/*div.GridNotVB tr > td, div.GridNotVB tr > th {
    border-left: none !important;
}*/

div.GridNotVB tr.rgRow td, div.GridNotVB tr.rgAltRow td {
    padding: 5px !important;
}

/*  BLUE  */
div.RadGrid.GridBlueTheme table.rgMasterTable th.rgHeader {
    background: #0071c1;
    color: #fff;
    padding-left: 5px;
}

    div.RadGrid.GridBlueTheme table.rgMasterTable th.rgHeader a {
        color: #fff;
    }

div.RadGrid.GridBlueTheme table.rgMasterTable .rgCommandCell {
    background: #003c67;
    color: #fff;
}

div.RadGrid.GridBlueTheme table.rgMasterTable .rgAltRow {
    background: #B4C6E7;
}

div.RadGrid.GridBlueTheme table.rgMasterTable .rgRow {
    background: #D9E2F3;
}

div.RadGrid.GridBlueTheme table.rgMasterTable .rgDetailTable .rgCommandCell {
    background: #005467;
}

div.RadGrid.GridBlueTheme table.rgMasterTable .rgDetailTable th.rgHeader {
    background: #0d867b;
    color: #fff;
}

div.RadGrid.GridBlueTheme table.rgMasterTable .rgDetailTable .rgAltRow {
    background: #8fe8e0;
}

div.RadGrid.GridBlueTheme table.rgMasterTable .rgDetailTable .rgRow {
    background: #b7f9f3;
}


.GridBlueTheme .GridProcessDetails {
    background: #e6f4ff;
}

/*  RED   */
div.RadGrid.GridRedTheme table.rgMasterTable th.rgHeader {
    background: #c10000;
    color: #fff;
    padding-left: 5px;
}

    div.RadGrid.GridRedTheme table.rgMasterTable th.rgHeader a {
        color: #fff;
    }

div.RadGrid.GridRedTheme table.rgMasterTable .rgCommandCell {
    background: #670000;
    color: #fff;
}

div.RadGrid.GridRedTheme table.rgMasterTable .rgAltRow {
    background: #e7b4b4;
}

div.RadGrid.GridRedTheme table.rgMasterTable .rgRow {
    background: #f3d9d9;
}

div.RadGrid.GridRedTheme table.rgMasterTable .rgDetailTable .rgCommandCell {
    background: #672600;
}

div.RadGrid.GridRedTheme table.rgMasterTable .rgDetailTable th.rgHeader {
    background: #c14700;
    color: #fff;
}

div.RadGrid.GridRedTheme table.rgMasterTable .rgDetailTable .rgAltRow {
    background: #e7c9b4;
}

div.RadGrid.GridRedTheme table.rgMasterTable .rgDetailTable .rgRow {
    background: #f3e3d9;
}

.GridRedTheme .GridProcessDetails {
    background: #fff5f5;
}

/*  YELLOW   */
div.RadGrid.GridYellowTheme table.rgMasterTable th.rgHeader {
    background: #f0ad4e;
    color: #333;
    padding-left: 10px;
    border-color: #ccc;
}

    div.RadGrid.GridYellowTheme table.rgMasterTable th.rgHeader a {
        color: #fff;
    }

div.RadGrid.GridYellowTheme table.rgMasterTable .rgCommandCell {
    background: #e08300;
    color: #fff;
}

div.RadGrid.GridYellowTheme table.rgMasterTable .rgAltRow {
    background: #e6c343;
}

div.RadGrid.GridYellowTheme table.rgMasterTable .rgRow {
    background: #fcf8e3;
}

div.RadGrid.GridYellowTheme table.rgMasterTable .rgDetailTable .rgCommandCell {
    background: #672600;
}

div.RadGrid.GridYellowTheme table.rgMasterTable .rgDetailTable th.rgHeader {
    background: #c14700;
    color: #fff;
}

div.RadGrid.GridYellowTheme table.rgMasterTable .rgDetailTable .rgAltRow {
    background: #e7c9b4;
}

div.RadGrid.GridYellowTheme table.rgMasterTable .rgDetailTable .rgRow {
    background: #f3e3d9;
}

.GridYellowTheme .GridProcessDetails {
    background: #fff5f5;
}


/*  LIGHT GREEN  */

div.RadGrid.GridLigthGreenTheme table.rgMasterTable .rgCommandCell {
    background: #005467;
    color: #fff;
}

div.RadGrid.GridLigthGreenTheme table.rgMasterTable th.rgHeader {
    background: #0d867b;
    color: #fff;
}

    div.RadGrid.GridLigthGreenTheme table.rgMasterTable th.rgHeader a {
        color: #fff;
    }

div.RadGrid.GridLigthGreenTheme table.rgMasterTable .rgAltRow {
    background: #8fe8e0;
}

div.RadGrid.GridLigthGreenTheme table.rgMasterTable .rgRow {
    background: #b7f9f3;
}

div.RadGrid.GridBlueTheme .rgRow td, div.RadGrid.GridBlueTheme .rgAltRow td,
div.RadGrid.GridLigthGreenTheme .rgRow td, div.RadGrid.GridLigthGreenTheme .rgAltRow td {
    border-color: #8EAADB;
}

div.RadGrid.GridBlueTheme .rgFooter,
div.RadGrid.GridLigthGreenTheme .rgFooter {
    background: #50698a;
    color: #fff;
}

div.RadGrid.GridBlueTheme table.rgDetailTable caption.rgCaption,
div.RadGrid.GridLigthGreenTheme table.rgDetailTable caption.rgCaption {
    font-weight: bold;
    font-size: 15px;
    color: #1884d4;
    border-bottom: 1px solid #008cef;
    padding-bottom: 0;
    margin-bottom: 5px;
}


/******* FIN GRID TEMPLATE ********/

/** END **/


/** TAB STRIP INI */

.CustomRadTabStrip {
    border-bottom: 2px solid #25a0da;
}

    .CustomRadTabStrip .rtsLevel1 {
        margin-bottom: -1px;
    }

        .CustomRadTabStrip .rtsLevel1 .rtsSelected, .CustomRadTabStrip .rtsLevel1 .rtsSelected:hover {
            border-bottom-color: #25a0da !important;
        }

    .CustomRadTabStrip .rtsLevel {
        padding-bottom: 1px;
    }

    .CustomRadTabStrip .rtsLevel1 .rtsLink {
        border-top: 1px solid #aaa !important;
        border-left: 1px solid #aaa !important;
        border-right: 1px solid #aaa !important;
        background-color: #999 !important;
        color: #fff;
        /*height: 40px;*/
    }

    .CustomRadTabStrip .rtsLevel1 .rtsSelected, .CustomRadTabStrip .rtsLevel1 .rtsSelected:hover {
        color: #fff;
        background-color: #25a0da !important;
    }

    .CustomRadTabStrip .rtsLevel2 {
        padding: 0 5px !important;
    }

        .CustomRadTabStrip .rtsLevel2 .rtsLink.rtsSelected {
            background: #fff;
            color: #333 !important;
            border-bottom-color: #fff !important;
            font-weight: bolder !important;
        }

        .CustomRadTabStrip .rtsLevel2 .rtsLink:hover {
            background: #ccc;
            color: #333;
        }

/** TAB STRIP END **/


/** BUTTONS **/
.BtnTopMargin {
    margin-top: 10px;
}

.BtnWithIcon, .BtnOnlyFileIcon {
    height: auto !important;
}

    .BtnWithIcon input {
        display: inline-block !important;
        padding: 0 5px !important;
    }

    .BtnWithIcon::before {
        font-family: 'TelerikWebUI';
        padding-left: 10px;
        font-size: 20px;
    }

.BtnWithFileIcon {
    height: auto !important;
}

    .BtnWithFileIcon input {
        display: inline-block !important;
        padding: 0 10px !important;
    }

.BtnOnlyFileIcon::before {
    font-family: 'WebComponentsIcons';
    font-size: 15px;
}

.BtnWithFileIcon::before {
    font-family: 'WebComponentsIcons';
    padding-left: 10px;
    font-size: 20px;
}

span.rbHovered {
    background: #25a0da !important;
    color: #fff !important;
}

    span.rbHovered .rbDecorated {
        color: #fff !important;
    }


.rbEditItem::before {
    content: '\E10B';
}

.BtnApprove::before {
    content: '\E037';
}

.BtnReject::before {
    content: '\E038';
}

.BtnClear::before {
    content: '\e669';
}

.BtnAddUsers::before {
    content: '\e81b';
}

.BtnUp::before {
    content: '\E013';
}

.BtnDown::before {
    content: '\E015';
}

.BtnGoBack::before {
    content: '\e0ed';
}

.BtnAddNew::before {
    content: '\e0cb';
}

.BtnNewDocument::before {
    content: '\e907';
}

.BtnExportExcel::before {
    content: '\e90a';
}

.BtnExportPDF::before {
    content: '\e90E';
}

.BtnClearFilter::before {
    content: '\e12A';
}

.BtnClean::before {
    content: '\E666';
}

.BtnDelete::before {
    content: '\E10C';
}

.BtnFilter::before {
    content: "\E06C";
}

.BtnSave::before {
    content: '\E0BD';
}

.BtnRefresh::before {
    content: '\E01C';
}

/** END BUTTONS **/


.RadComboBox .rcbDisabled {
    opacity: 1 !important;
}

    .RadComboBox .rcbDisabled .rcbArrowCell {
        opacity: 0.5;
    }


/****** PANELBAR TEMPLATE ********/

div.CustomPanelBar .rpRootGroup .rpItem .rpLink,
div.CustomPanelBar .rpRootGroup .rpItem .rpSelected,
div.CustomPanelBar .rpRootGroup .rpItem .rpFocused {
    background: #003c67;
    border-color: #459df7;
    color: #fff;
}

div.CustomPanelBar .rpRootGroup .rpItem .rpExpanded,
div.CustomPanelBar .rpRootGroup .rpItem .rpHovered {
    background: #0071c1;
    border-color: #57b9ff;
    color: #fff;
}

/****** FIN PANELBAR TEMPLATE ******/

div.PageLayout div.panel-heading {
    font-size: 20px;
}

div.col-padding {
    padding-top: 10px;
    padding-bottom: 10px;
}

div.col-fullpadding {
    padding: 10px 20px;
}


.t-row.PanelWithTitle {
    padding: 10px 15px;
    border: 1px solid #aaa;
    border-radius: 5px;
}

.PanelWithTitle .PanelTitle {
    float: left;
    margin-top: -20px;
    background: #fff;
    padding: 0 10px;
    font-size: 20px;
}

.t-row.PanelAddMargins {
    margin: 20px 5px;
}

div.RadComboBoxDropDown li.rcbItem label.dnnBoxLabel, div.RadComboBoxDropDown li.rcbItem table {
    display: inline-block;
}

div.RadComboBoxDropDown li.rcbItem table {
    vertical-align: text-top;
}

div.RadComboBoxDropDown .rcbHeader {
    background: #b6daef;
    font-weight: bold;
}

.rcbCheckAllItems, .rcbCheckAllItems:hover {
    background: #ccc;
}

.RadGrid .rgBatchContainer > * {
    width: auto !important;
}

.t-row.NotTBMargins .t-col {
    padding: 0 !important;
}

.t-row.NotTBMargins {
    margin: 0 !important;
}

button.RadButton.rbToggled {
    background-color: #19e600 !important;
}

button.yesNo {
    padding: 5px 0 0;
}

button.yesNo {
    background-repeat: no-repeat !important;
}

span.IconInfo {
    font-size: 20px;
    padding: 0 5px;
}

    span.IconInfo.clsinfo::before {
        color: #585d56;
    }

    span.IconInfo.clssuccess::before {
        color: #129612;
    }

    span.IconInfo.clswarning::before {
        color: #f3f300;
        text-shadow: 0px 0px 2px #333;
    }

    span.IconInfo.clserror::before {
        color: #f31600;
    }

.FormSubTitle {
    background: #ccc;
    padding: 5px;
    font-weight: bold;
    text-indent: 15px;
}

.FactorsValues {
    padding: 10px;
    background: #efefef;
    border: 1px solid #777;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/* UPLOAD BOX CSS */

#UploadFileBox .title, #UploadFileInfoBox .title,
.UploadFileBox .title, .UploadFileInfoBox .title {
    text-align: center;
}

    #UploadFileBox .title > span, #UploadFileInfoBox .title > span,
    .UploadFileBox .title > span, .UploadFileInfoBox .title > span {
        color: #0174bc;
    }

#UploadFileBox .ruInputs, #UploadFileInfoBox .ruInputs,
.UploadFileBox .ruInputs, .UploadFileInfoBox .ruInputs {
    text-align: center;
    margin: 20px 0;
}

    #UploadFileBox .ruInputs .ruButton, #UploadFileInfoBox .ruInputs .ruButton,
    .UploadFileBox .ruInputs .ruButton, .UploadFileInfoBox .ruInputs .ruButton {
        width: 110px;
        height: 22px;
    }

    #UploadFileBox .ruInputs input, #UploadFileInfoBox .ruInputs input,
    #UploadFileBox .ruInputs input, .UploadFileInfoBox .ruInputs input {
        border-color: #aaa !important;
    }

    #UploadFileBox .ruInputs li, #UploadFileInfoBox .ruInputs li,
    .UploadFileBox .ruInputs li, .UploadFileInfoBox .ruInputs li {
        list-style: none;
    }

.uploader {
    text-align: center;
}

    .uploader .RadUpload {
        width: auto;
        text-align: CENTER;
    }

.PanelPrincipal {
    padding: 25px 100px;
}

#UploadFileBox, #UploadFileInfoBox,
.UploadFileBox, #UploadFileInfoBox {
    padding: 50px 25px;
    border: 2px dashed #31708f;
    border-radius: 15px;
    background: #d9edf7;
}

.DropText span {
    font-size: 20px;
    color: #bbb;
}

.DropText {
    text-align: center;
}

.certspanel {
    text-align: center;
}

.FileInfo {
    border: 1px solid #aaa;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    margin: 20px;
}

.FileIcon {
    font-size: 30px;
    padding: 5px 0;
    color: #88bed0;
}

.ViewIcon {
    font-size: 30px;
    padding: 5px 0;
}

.FileName {
    padding: 5px 0;
    font-size: 15px;
}

.FileAction.btn {
    font-size: 30px;
    /*color: red !important;
    position: absolute;
    RIGHT: -11px;
    top: -10px;
    background: #fff;*/
    border-radius: 20px !important;
    padding: 0px 2px !important;
    margin: 0;
    line-height: 1 !important;
    min-height: 0px !important;
}

a.GridButton {
    background: #fff;
    font-size: 15px;
    margin: 5px 10px;
}

.ButtonsToRight {
    float: right;
}

.ButtonsToLeft {
    float: left;
}

div.NotBottom-margin {
    margin-bottom: 0;
}

.BtnHidden {
    visibility: hidden;
}

.ProcessBox {
    text-align: center;
    /*border: 1px solid #333;*/
    border-radius: 10px;
    padding: 20px 10px;
    margin: 0 10px;
}

.ProcessIcon {
    font-size: 30px;
    /* color: #1d7ed2; */
    margin-bottom: 10px;
}

.ProcessDetails span {
    display: block;
    margin: 5px 0;
}

.ProcessDetails {
    font-size: 15px;
}

span.TimeClock {
    font-size: 20px;
    color: red;
    font-weight: bold;
}

.GridProcessDetails {
    padding: 10px 20px;
    text-align: center;
}

    .GridProcessDetails table {
        width: 95%;
        border: 1px solid #888;
    }

    .GridProcessDetails th {
        border: 1px solid #888;
        padding: 5px 10px;
        background: #aaa;
        color: #fff;
        text-align: center;
    }

    .GridProcessDetails td {
        border: 1px solid #888;
        padding: 5px 10px;
        background: #fff;
    }

.ProcessInfo {
    display: inline-block;
    width: 25%;
    padding: 10px;
    margin: 5px;
}

    .ProcessInfo .SubTitle {
        font-weight: bold;
        border-bottom: 1px dotted;
        margin-bottom: 5px;
    }

div.RadWindow .rwControlButtons li a.customdownloadbutton {
    /*background: url(classic-sprite.png) no-repeat;*/
    /*background-position: -111px -4962px;*/
    background-position: -9px -4960px;
}

/*div.RadWindow .rwControlButtons li a.customdownloadbutton:hover {
     
        background-position: -111px -4962px;
    }*/

/* lightweight render mode */
/* Tip: you can also use font icons as of Q3 2015 */
/*div.RadWindow .rwCommands span.customprintbutton
		{
			background: url(lightweight-sprite.png) no-repeat;
		}

		div.RadWindow .rwCommands span.customprintbutton:hover
		{
			background: url(lightweight-sprite.png) 0 -20px no-repeat;
		}*/

/* ensure the before pseudoelement is not visible. If you will be using custom font icons, tweak this accordingly */
div.RadWindow .rwCommandButton.customdownloadbutton::before {
    content: "\e0bd";
}


.rbShowHelp::before {
    content: "\E0FB";
    font-size: large;
}

.rbShowHelp {
    background: #d9edf7 !important;
    border: 1px solid #bce8f1 !important;
    padding: 0px 10px !important;
    color: #31708f !important;
    border-radius: 10px !important;
}

    .rbShowHelp:hover {
        text-decoration: none;
        color: #25a0da !important;
    }

.fieldsList {
    font-size: 11px;
    margin: 10px auto;
}

    .fieldsList th {
        background: #4472C4;
        padding: 5px;
        text-align: center;
        color: #fff;
    }

    .fieldsList td {
        padding: 0px 10px;
    }

    .fieldsList .clsAlt {
        background: #B4C6E7;
    }

    .fieldsList .clsDwn {
        background: #D9E2F3;
    }

.ButtonControlBox {
    text-align: center;
    padding: 10px;
    border: 1px dashed #bce8f1;
    margin: 0 10px 10px;
    border-radius: 10px;
    background: #d9edf7;
}

    .ButtonControlBox .btn {
        margin: 0 15px;
    }

.btnRed {
    color: #d9534f;
}

.btnYellow {
    color: #f0ad4e;
}

.btnGreen {
    color: #5cb85c;
}

.counter-row {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 20px;
    border-radius: 15px;
    border: 1px solid;
}

.single_counter {
    text-align: center;
}

    .single_counter span.CounterIcon {
        font-size: 30px;
        margin-bottom: 20px;
    }

th.EditableColumn.rgHeader {
    background: #5eda36;
}


i.grid-command-icon {
    font-size: 18px;
    margin: 5px 3px;
}

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


div.BootstrapTheme table.rgMasterTable .rgSelectedCell,
div.BootstrapTheme tr.rgSelectedRow td,
div.BootstrapTheme .rgEditRow tr.rgSelectedRow,
div.BootstrapTheme tr.rgSelectedRow td.rgSorted {
    color: #31708f;
    background: #d9edf7;
    border-color: #bce8f1;
}

div.BootstrapTheme .rgSelectedCell a,
div.BootstrapTheme tr.rgSelectedRow a {
    color: #337ab7;
}

div.BootstrapTheme th.rgHeader,
div.BootstrapTheme th.rgResizeCol,
div.BootstrapTheme th.rgHeaderWrapper {
    background-color: #337ab7;
    color: #fff;
    font-weight: bold;
}

div.BootstrapTheme tr.rgAltRow {
    background-color: #eaeaea;
}

div.grid-item-alert {
    padding: 5px 10px;
    margin: 5px 0;
}

div.PageLayout div.t-row.PanelPaddingLaterals {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

i.fas.icon-color-danger {
    color: red;
}

i.fas.icon-color-success {
    color: green;
}

.custom-alert-item {
    margin-bottom: 0;
    padding: 5px 10px;
    font-weight: bold;
    margin-top: 24px;
}

.gridcustom-alert {
    margin-bottom: 0;
    padding: 3px 10px;
    font-weight: bold;
}

.IconInfo {
    font-size: 20px;
}

.IconFile {
    font-size: 17px;
}


div.panel-green {
    border-color: #398439;
}

    div.panel-green div.panel-heading {
        background: #449d44;
    }


/** BOX BACKGROUNDS **/
div.SearchBoxTitle h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}


div.SearchBox {
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-size: cover;
    margin: 15px !important;
}

    div.SearchBox.OpacityBg:before {
        position: absolute;
        display: block;
        content: ' ';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 10px;
        opacity: 0.75;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: cover;
    }

    div.SearchBox.Background1 {
        background-image: url(../images/boxbackground01.jpg);
    }

    div.SearchBox.Background2 {
        background-image: url(../images/boxbackground02.jpg);
    }

    div.SearchBox.Background3 {
        background-image: url(../images/boxbackground03.jpg);
    }

    div.SearchBox.Background4 {
        background-image: url(../images/boxbackground04.jpg);
    }

    div.SearchBox.Background5 {
        background-image: url(../images/boxbackground05.png);
    }

    div.SearchBox.Background6 {
        background-image: url(../images/boxbackground06.png);
    }

    div.SearchBox.Background7 {
        background-image: url(../images/boxbackground07.png);
    }

    div.SearchBox.Background8 {
        background-image: url(../images/boxbackground08.jpg);
    }

    div.SearchBox.Background9 {
        background-image: url(../images/boxbackground09.jpg);
    }

    div.SearchBox.Background10 {
        background-image: url(../images/boxbackground10.jpg);
    }

    div.SearchBox.Background11 {
        background-image: url(../images/boxbackground11.jpg);
    }

    div.SearchBox.Background12 {
        background-image: url(../images/boxbackground12.jpg);
    }

    div.SearchBox.Background13 {
        background-image: url(../images/boxbackground13.jpg);
    }

    .t-row.SearchBox.Background8 span.LabelItem, .t-row.SearchBox.Background8 .RowTitleItem,
    .t-row.SearchBox.Background9 span.LabelItem, .t-row.SearchBox.Background9 .RowTitleItem,
    .t-row.SearchBox.Background10 span.LabelItem, .t-row.SearchBox.Background10 .RowTitleItem,
    .t-row.SearchBox.Background11 span.LabelItem, .t-row.SearchBox.Background11 .RowTitleItem,
    .t-row.SearchBox.Background12 span.LabelItem, .t-row.SearchBox.Background12 .RowTitleItem,
    .t-row.SearchBox.Background13 span.LabelItem, .t-row.SearchBox.Background13 .RowTitleItem {
        color: #fff;
        font-weight: 400;
    }


.t-row.SearchBox.OpacityBg.Background8 span.LabelItem, .t-row.SearchBox.OpacityBg.Background8 .RowTitleItem,
.t-row.SearchBox.OpacityBg.Background9 span.LabelItem, .t-row.SearchBox.OpacityBg.Background9 .RowTitleItem,
.t-row.SearchBox.OpacityBg.Background10 span.LabelItem, .t-row.SearchBox.OpacityBg.Background10 .RowTitleItem,
.t-row.SearchBox.OpacityBg.Background11 span.LabelItem, .t-row.SearchBox.OpacityBg.Background11 .RowTitleItem,
.t-row.SearchBox.OpacityBg.Background12 span.LabelItem, .t-row.SearchBox.OpacityBg.Background12 .RowTitleItem,
.t-row.SearchBox.OpacityBg.Background13 span.LabelItem, .t-row.SearchBox.OpacityBg.Background13 .RowTitleItem {
    color: #000;
    font-weight: 400;
}

    div.SearchBox.OpacityBg.Background1, div.SearchBox.OpacityBg.Background2,
    div.SearchBox.OpacityBg.Background3, div.SearchBox.OpacityBg.Background4,
    div.SearchBox.OpacityBg.Background5, div.SearchBox.OpacityBg.Background6,
    div.SearchBox.OpacityBg.Background7, div.SearchBox.OpacityBg.Background8,
    div.SearchBox.OpacityBg.Background9, div.SearchBox.OpacityBg.Background10,
    div.SearchBox.OpacityBg.Background11, div.SearchBox.OpacityBg.Background12,
    div.SearchBox.OpacityBg.Background13 {
        background-image: none;
    }

        div.SearchBox.OpacityBg.Background1:before {
            background-image: url(../images/boxbackground01.jpg);
        }

        div.SearchBox.OpacityBg.Background2:before {
            background-image: url(../images/boxbackground02.jpg);
        }

        div.SearchBox.OpacityBg.Background3:before {
            background-image: url(../images/boxbackground03.jpg);
        }

        div.SearchBox.OpacityBg.Background4:before {
            background-image: url(../images/boxbackground04.jpg);
        }

        div.SearchBox.OpacityBg.Background5:before {
            background-image: url(../images/boxbackground05.png);
        }

        div.SearchBox.OpacityBg.Background6:before {
            background-image: url(../images/boxbackground06.png);
        }

        div.SearchBox.OpacityBg.Background7:before {
            background-image: url(../images/boxbackground07.png);
        }

        div.SearchBox.OpacityBg.Background8:before {
            background-image: url(../images/boxbackground08.jpg);
        }

        div.SearchBox.OpacityBg.Background9:before {
            background-image: url(../images/boxbackground09.jpg);
        }

        div.SearchBox.OpacityBg.Background10:before {
            background-image: url(../images/boxbackground10.jpg);
        }

        div.SearchBox.OpacityBg.Background11:before {
            background-image: url(../images/boxbackground11.jpg);
        }

        div.SearchBox.OpacityBg.Background12:before {
            background-image: url(../images/boxbackground12.jpg);
        }

        div.SearchBox.OpacityBg.Background13:before {
            background-image: url(../images/boxbackground13.jpg);
        }

.btn-warning, .btn-warning:hover {
    color: #000;
}

.hiddenfield {
    visibility: hidden;
    display: none !important;
}

div.DropDownLowerFont, div.DropDownLowerFont ul.rcbList > li, div.DropDownLowerFont table tr td.rcbInputCell input.rcbInput {
    font-size: small;
}

div.custom-alert, span.custom-alert {
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 0px;
}

span.RadInput input.riRead, span.RadInput textarea.riRead, span.RadInput input.riDisabled, span.RadInput textarea.riDisabled, div.RadComboBox table.rcbDisabled td.rcbInputCell {
    background: #f5f5f5 !important;
    color: #ccc;
}

.btn-warning {
    color: #000;
}

.aspNetDisabled.btn {
    background: #ccc;
    border-color: #aaa;
    cursor: default;
    color: #efefef;
}

.icon-color-red, .icon-color-danger {
    color: red;
}

.icon-color-yellow, .icon-color-warning {
    color: #ff9800;
}

.icon-color-green, .icon-color-success {
    color: green;
}

.icon-color-orange {
    color: #ff4700;
}

icon-color-purple {
    color: purple;
}

.icon-color-default {
    color: #06949b;
}

a.aspNetDisabled i.IconInfo {
    color: #ccc;
}

span.custom-grid-alert, div.custom-grid-alert {
    padding: 2px 5px;
}

span.GridPrimaryRecord {
    display: block;
    font-size: 12px;
    font-weight: bold;
}

span.GridSecondaryRecord {
    display: block;
    font-size: 11px;
    font-style: italic;
}
	
div.PageLayout .t-row.NoTopMargin {
    margin-top: 0;
}

div.PageLayout .t-row.NoBottomMargin {
    margin-bottom: 0;
}

div.PageLayout div.t-col.NoLeftPadding {
    padding-left: 0;
}

.SubTitle-divider {
    font-weight: bold;
    border-bottom: 1px solid #316691;
    margin-bottom: 10px;
    margin-left: 10px;
    color: #005395;
    padding-left: 5px;
}


div.input-group input.form-control {
    height: auto;
    z-index: 0 !important;
}

div.t-row div.t-col {
    padding-left: 10px;
    padding-right: 10px;
}

    div.t-row div.t-col:first-child {
        padding-left: 10px;
    }

div.t-row.LowMargins {
    margin: 5px 0 !important;
}

div.RadComboBox input.rcbInput {
    border: none !important;
}

.ParamField {
    overflow-wrap: anywhere;
}


.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 85%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}

a.badge:hover, a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

h1.titulo {
    font-size: 32px;
}

h2.titulo {
    font-size: 28px;
}

h3.titulo {
    font-size: 24px;
}

h4.titulo {
    font-size: 22px;
}

h5.titulo {
    font-size: 20px;
}

div.StripedLines {
    padding: 1px 0;
}



@media only screen and (min-width: 1281px) {
    div.PageLayout.t-container {
        max-width: 1950px;
    }
}


.btn-group > .badge:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .badge:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .badge:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}



div.light-modal div.modal-header {
    padding: 5px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    div.light-modal div.modal-header.message-information {
        background: #337ab7;
        border-color: #2e6da4;
    }

    div.light-modal div.modal-header.message-warning {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    div.light-modal div.modal-header.message-success {
        color: #fff;
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    div.light-modal div.modal-header.message-danger {
        color: #fff;
        background-color: #d9534f;
        border-color: #d43f3a;
    }

        div.light-modal div.modal-header.message-information h5.modal-title,
        div.light-modal div.modal-header.message-success h5.modal-title,
        div.light-modal div.modal-header.message-danger h5.modal-title {
            color: #fff;
        }

    div.light-modal div.modal-header h5.modal-title {
        font-size: 22px;
    }


div.light-modal div.modal-body {
    font-size: 15px;
}

div.light-modal .modal-footer {
    padding: 5px 15px;
}

    div.light-modal .modal-footer input.btn {
        padding: 3px 10px;
        font-weight: bold;
    }

div.StatusGroup {
    width: 100%;
}

    div.StatusGroup.pull-left div.StatusDesc {
        float: left;
    }

    div.StatusGroup.pull-right div.StatusDesc {
        float: right;
    }

div.btn-group.pull-left div.badge.custom-header-badge {
    font-size: 100%;
    padding: 10px 10px 11px;
}

.btnHidden {
    background: none;
    color: none;
    padding: 0rem;
    border: none;
    display: none;
}

div.badge.regular-badge, span.badge.regular-badge {
    font-size: 16px;
    padding: 9px 10px;
}

div.badge.custom-badge, span.badge.custom-badge {
    font-size: 95%;
}

div.badge.normal-badge, span.badge.normal-badge {
    font-size: 100%;
}

span.GridRegularRecord, span.GridPrimaryRecord, span.GridSecondaryRecord,
div.GridRegularRecord, div.GridPrimaryRecord, div.GridSecondaryRecord {
    display: block;
    margin: 3px 0;
}

span.GridRegularRecord, span.GridPrimaryRecord,
div.GridRegularRecord, div.GridPrimaryRecord {
    font-size: 14px;
}

span.GridPrimaryRecord, div.GridPrimaryRecord {
    font-weight: 500;
}

span.GridSecondaryRecord, div.GridSecondaryRecord {
    font-size: 13px;
    font-style: italic;
}


div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable th.rgHeader, div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable th.rgHeader.TableHeader {
    background: #f2f3fb;
    color: #2b3245;
    font-weight: bold;
    border-color: #c3cad8;
}

    div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable th.rgHeader.TableHeader {
        padding: 0;
    }

        div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable th.rgHeader.TableHeader th {
            padding: 5px 10px;
            border-bottom: 1px solid #c3cad8;
            text-align: inherit;
        }

        div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable th.rgHeader.TableHeader tr:last-child > th {
            border-bottom: 0;
        }

div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgRow td.MultiRowsCol, div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgAltRow td.MultiRowsCol {
    padding: 0;
}


    div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgRow td.MultiRowsCol table, div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgAltRow td.MultiRowsCol table {
        width: 100%;
    }

        div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgRow td.MultiRowsCol table tr td, div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgAltRow td.MultiRowsCol table tr td {
            padding: 7.5% 10px;
            text-align: inherit;
            border-bottom: 1px solid #c3cad8;
        }

    div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgRow td.MultiRowsCol[align=right] table tr td, div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgAltRow td.MultiRowsCol[align=right] table tr td {
        text-align: right;
    }

    div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgRow td.MultiRowsCol[align=center] table tr td, div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgAltRow td.MultiRowsCol[align=center] table tr td {
        text-align: center;
    }

    div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgRow td.MultiRowsCol[align=left] table tr td, div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgAltRow td.MultiRowsCol[align=left] table tr td {
        text-align: left;
    }

    div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgRow td.MultiRowsCol[align=justify] table tr td, div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgAltRow td.MultiRowsCol[align=justify] table tr td {
        text-align: justify;
    }


    div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgRow td.MultiRowsCol table tr:last-child > td, div.PageLayout div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgAltRow td.MultiRowsCol table tr:last-child > td {
        border-bottom: 0;
    }

div.RadGrid.RadGrid_Bootstrap.YellowTheme table.rgMasterTable th.rgHeader {
    background: #f0ad4e;
    color: #2b3245;
    font-weight: bold;
    border-color: #888;
}

div.RadGrid.RadGrid_Bootstrap.YellowTheme table.rgMasterTable tr.rgRow td, div.RadGrid.RadGrid_Bootstrap.YellowTheme table.rgMasterTable tr.rgAltRow td, div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgRow td, div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgAltRow td {
    background: #fff;
}

div.RadGrid.RadGrid_Bootstrap.YellowTheme table.rgMasterTable tr.rgRow.rgSelectedRow td,
div.RadGrid.RadGrid_Bootstrap.YellowTheme table.rgMasterTable tr.rgAltRow.rgSelectedRow td,
div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgRow.rgSelectedRow td,
div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgAltRow.rgSelectedRow td {
    background: #d4e7f1;
    color: #000;
}


    div.RadGrid.RadGrid_Bootstrap.YellowTheme table.rgMasterTable tr.rgRow.rgSelectedRow td a,
    div.RadGrid.RadGrid_Bootstrap.YellowTheme table.rgMasterTable tr.rgAltRow.rgSelectedRow td a,
    div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgRow.rgSelectedRow td a,
    div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgAltRow.rgSelectedRow td a {
        color: #000;
    }

        div.RadGrid.RadGrid_Bootstrap.YellowTheme table.rgMasterTable tr.rgRow.rgSelectedRow td a > i:not(.icon-color-red):not(.icon-color-green):not(.icon-color-yellow),
        div.RadGrid.RadGrid_Bootstrap.YellowTheme table.rgMasterTable tr.rgAltRow.rgSelectedRow td a > i:not(.icon-color-red):not(.icon-color-green):not(.icon-color-yellow),
        div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgRow.rgSelectedRow td a > i:not(.icon-color-red):not(.icon-color-green):not(.icon-color-yellow),
        div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgAltRow.rgSelectedRow td a > i:not(.icon-color-red):not(.icon-color-green):not(.icon-color-yellow) {
            color: #000;
        }

div.RadGrid.RadGrid_Bootstrap tr.rgRow td.CustomCommandItems, div.RadGrid.RadGrid_Bootstrap tr.rgAltRow td.CustomCommandItems {
    padding: 5px;
}

    div.RadGrid.RadGrid_Bootstrap tr.rgRow td.CustomCommandItems a.rbIcon i.IconInfo, div.RadGrid.RadGrid_Bootstrap tr.rgAltRow td.CustomCommandItems a.rbIcon i.IconInfo {
        padding: 5px 3px;
    }

div.btn-group.pull-left span.RadInput {
    float: left;
}

div.btn-group span.RadInput > input.riTextBox:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}



.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

div.PageLayout div.SearchBox.t-row {
    padding: 10px;
}


    div.PageLayout div.SearchBox.t-row > div.t-row {
        margin: 5px;
    }

    div.PageLayout div.SearchBox.t-row .t-row > div.t-row {
        margin: 5px 0;
    }

    div.PageLayout div.SearchBox.t-row div.t-row > div.t-col:last-child {
        padding: 0;
    }

    div.PageLayout div.SearchBox.t-row div.t-row > div.t-col {
        padding: 0 10px 0 0;
    }

div.panel-collapse div.PageLayout.t-container {
    padding: 0px;
}

div.RadGrid_Bootstrap.DefaultTheme .rgPagerCell .rgNumPart a {
    min-height: 20px;
}


div.RadGrid.DisabledGrid tr.rgCommandRow td.rgCommandCell div.commandItem > a.btn {
    background-color: #aaa;
    border-color: #aaa;
    color: #ccc;
}

div.RadGrid tr.rgCommandRow td.rgCommandCell div.commandItem > a.btn {
    padding: 3px 10px;
    font-size: 13px;
    font-weight: 600;
}


div.btn-group ul.dropdown-menu li {
    list-style: none;
}

div.RadGrid.DisabledGrid table.rgMasterTable tr.rgRow td i.IconInfo, div.RadGrid.DisabledGrid table.rgMasterTable tr.rgAltRow td i.IconInfo {
    color: #ccc;
}


input.btn-icon {
    padding-left: 25px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 5px;
}

    input.btn-icon.check-icon {
        background-image: url(/Resources/APCDnnCore/icons/check_circle_icon.svg);
    }

    input.btn-icon.upload-icon {
        background-image: url(/Resources/APCDnnCore/icons/upload_icon.svg);
    }

    input.btn-icon.download-icon {
        background-image: url(/Resources/APCDnnCore/icons/download_icon.svg);
    }

    input.btn-icon.save-icon {
        background-image: url(/Resources/APCDnnCore/icons/save_icon.svg);
    }

    input.btn-icon.send-icon {
        background-image: url(/Resources/APCDnnCore/icons/send_icon.svg);
    }

    input.btn-icon.ban-icon {
        background-image: url(/Resources/APCDnnCore/icons/block_icon.svg);
    }

    input.btn-icon.close-icon {
        background-image: url(/Resources/APCDnnCore/icons/close_icon.svg);
    }


div.btn-menu ul.dropdown-menu {
    z-index: 5000;
    overflow: auto;
    padding-top: 0;
}

div.btn-menu h4.dropdown-header {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: normal;
    border-bottom: 1px solid #CCC;
    padding: 5px 20px;
}

div.btn-menu ul.dropdown-menu li:not(:first-child) > h4.dropdown-header {
    border-top: 1px solid #ccc;
}

div.btn-menu ul.dropdown-menu li:first-child > h4.dropdown-header {
    padding-top: 5px;
}

div.PageLayout div.top-menu {
    margin-top: 12px;
}


div.btn-menu ul.dropdown-menu li.purple-header, ul.dropdown-menu li.purple-header {
    background: #6D2077;
}

div.btn-menu ul.dropdown-menu li.pink-header, ul.dropdown-menu li.pink-header {
    background: #af1685;
}

div.btn-menu ul.dropdown-menu li.blue-header, ul.dropdown-menu li.blue-header {
    background: #1D4f91;
}

div.btn-menu ul.dropdown-menu li.red-header, ul.dropdown-menu li.red-header {
    background: #bc0000;
}

div.btn-menu ul.dropdown-menu li.green-header, ul.dropdown-menu li.green-header {
    background: #017f01;
}

div.btn-menu ul.dropdown-menu li.yellow-header, ul.dropdown-menu li.yellow-header {
    background: #ec971f;
}

div.btn-menu ul.dropdown-menu li[class*='-header'] > h4 {
    color: #fff;
}


span.badge-darkblue {
    color: #fff;
    background-color: #1d4f91;
}

span.badge-lightblue {
    color: #fff;
    background-color: #426da9;
}

span.badge-purple {
    color: #fff;
    background-color: #6d2077;
}

span.badge-raspberry {
    color: #fff;
    background-color: #af1685;
}

span.badge-magenta {
    color: #fff;
    background-color: #e63888;
}

.icon-color-darkblue, i.icon-color-darkblue {
    color: #1d4f91;
}

.icon-color-lightblue, i.icon-color-lightblue {
    color: #426da9;
}

.icon-color-purple, i.icon-color-purple {
    color: #6d2077;
}

.icon-color-raspberry, i.icon-color-raspberry {
    color: #af1685;
}

.icon-color-magenta, i.icon-color-magenta {
    color: #e63888;
}

td.CustomCommandItems a.rbIcon i.IconInfo {
    padding: 2px 3px;
}

div.panel-purple > div.panel-heading, div.panel-darkblue div.backgroundTable, div.panel-darkblue div.backgroundTable {
    background: #6d2077;
    color: #fff;
    border-color: #6d2077;
}

div.panel-purple > div.panel-heading, div.panel-darkblue div.backgroundTable, div.panel-darkblue div.backgroundTable {
    background: #6d2077;
    color: #fff;
    border-color: #6d2077;
}

div.panel-purple {
    border-color: #6d2077;
}

div.panel-darkblue > div.panel-heading, div.panel-darkblue div.backgroundTable {
    background: #1d4f91;
    color: #fff;
    border-color: #1d4f91;
}

div.panel-darkblue {
    border-color: #1d4f91;
}

div.panel-lightblue > div.panel-heading, div.panel-lightblue div.backgroundTable {
    background: #426da9;
    color: #fff;
    border-color: #426da9;
}

div.panel-lightblue {
    border-color: #426da9;
}

div.panel-raspberry > div.panel-heading, div.panel-raspberry div.backgroundTable {
    background: #af1685;
    color: #fff;
    border-color: #af1685;
}

div.panel-raspberry {
    border-color: #af1685;
}

div.panel-magenta > div.panel-heading, div.panel-magenta div.backgroundTable {
    background: #e63888;
    color: #fff;
    border-color: #e63888;
}

div.panel-magenta {
    border-color: #e63888;
}

div.panel-purple-blue > div.panel-heading, div.panel-purple-blue div.backgroundTable {
    background: rgb(29,79,145);
    background: linear-gradient(270deg, rgba(29,79,145,1) 0%, rgba(66,109,169,1) 50%, rgba(109,32,119,1) 100%);
    color: #fff;
    border-color: #6d2077;
}

div.panel-purple-blue {
    border-color: #6d2077;
}

div.panel-blue-purple > div.panel-heading, div.panel-blue-purple div.backgroundTable {
    background: rgb(29,79,145);
    background: linear-gradient(90deg, rgba(29,79,145,1) 0%, rgba(66,109,169,1) 50%, rgba(109,32,119,1) 100%);
    color: #fff;
    border-color: #1d4f91;
}

div.panel-blue-purple {
    border-color: #1d4f91;
}


div.panel-purple-magenta > div.panel-heading, div.panel-purple-magenta div.backgroundTable {
    background: rgb(109,32,119);
    background: linear-gradient(90deg, rgba(109,32,119,1) 0%, rgba(175,22,133,1) 50%, rgba(230,56,136,1) 100%);
    color: #fff;
    border-color: #6d2077;
}

div.panel-purple-magenta {
    border-color: #6d2077;
}

div.panel-magenta-purple > div.panel-heading, div.panel-magenta-purple div.backgroundTable {
    background: rgb(109,32,119);
    background: linear-gradient(270deg, rgba(109,32,119,1) 0%, rgba(175,22,133,1) 50%, rgba(230,56,136,1) 100%);
    color: #fff;
    border-color: #e63888;
}

div.panel-magenta-purple {
    border-color: #e63888;
}

div.panel-darkblue :is(h1, h2, h3, h4, h5, h6),
div.panel-lightblue :is(h1, h2, h3, h4, h5, h6),
div.panel-purple :is(h1, h2, h3, h4, h5, h6),
div.panel-raspberry :is(h1, h2, h3, h4, h5, h6),
div.panel-magenta :is(h1, h2, h3, h4, h5, h6),
div.panel-blue-purple :is(h1, h2, h3, h4, h5, h6),
div.panel-purple-blue :is(h1, h2, h3, h4, h5, h6),
div.panel-purple-magenta :is(h1, h2, h3, h4, h5, h6),
div.panel-magenta-purple :is(h1, h2, h3, h4, h5, h6) {
    color: #fff;
}