@import "../fontawesome/css/all.css";
/*@import "../bootstrap/css/bootstrap.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, .AppsTitleRow {
    background: url(../Images/stripes_black.png) bottom left repeat-x;
}

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

h1.AppsTitle, h2.AppsTitle, h3.AppsTitle, h4.AppsTitle, h5.AppsTitle, h6.AppsTitle
{
    color: #005395;
    padding-bottom: 10px;
}

h1.AppsTitle {
    font-size: 1.25rem;
}

h2.AppsTitle {
    font-size: 1.0rem;
}

h3.AppsTitle {
    font-size: 0.925rem;
}

h4.AppsTitle {
    font-size: 0.850rem;
}

h5.AppsTitle {
    font-size: 0.800rem;
}

h2.AppsTitle {
    font-weight: 700;
    text-transform: none;
    text-rendering: optimizeLegibility;
    padding: 0 0 15px;
    margin-bottom: 12px;
    margin-top: 12px;
}

.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: 14px;
    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%;
}

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

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.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.GridBlueTheme .rgHeader {
    background: #0071c1;
    color: #fff;
    padding-left: 5px;
}

div.GridBlueTheme .rgHeader a {
    color: #fff;
}

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

div.GridBlueTheme .rgAltRow {
    background: #B4C6E7;
}

div.GridBlueTheme .rgRow {
    background: #D9E2F3;
}

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

div.GridBlueTheme .rgDetailTable .rgHeader {
    background: #0d867b;
    color: #fff;
}

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

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


.GridBlueTheme .GridProcessDetails {
    background: #e6f4ff;
}

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

    div.GridRedTheme .rgHeader a {
        color: #fff;
    }

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

div.GridRedTheme .rgAltRow {
    background: #e7b4b4;
}

div.GridRedTheme .rgRow {
    background: #f3d9d9;
}

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

div.GridRedTheme .rgDetailTable .rgHeader {
    background: #c14700;
    color: #fff;
}

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

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

.GridRedTheme .GridProcessDetails {
    background: #fff5f5;
}

/*  YELLOW   */
div.GridYellowTheme .rgHeader {
    background: #f0ad4e;
    color: #fff;
    padding-left: 5px;
}

    div.GridYellowTheme .rgHeader a {
        color: #fff;
    }

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

div.GridYellowTheme .rgAltRow {
    background: #e6c343;
}

div.GridYellowTheme .rgRow {
    background: #fcf8e3;
}

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

div.GridYellowTheme .rgDetailTable .rgHeader {
    background: #c14700;
    color: #fff;
}

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

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

.GridYellowTheme .GridProcessDetails {
    background: #fff5f5;
}


/*  LIGHT GREEN  */

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

div.GridLigthGreenTheme .rgHeader {
    background: #0d867b;
    color: #fff;
}

    div.GridLigthGreenTheme .rgHeader a {
        color: #fff;
    }

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

div.GridLigthGreenTheme .rgRow {
    background: #b7f9f3;
}


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

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

div.GridBlueTheme table.rgDetailTable caption.rgCaption,
div.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 ******/

.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, i.grid-command-icon, i.IconInfo {
    font-size: 20px;
    padding: 0 5px;
}

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

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

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

    span.IconInfo.clserror::before, i.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;
}


@media screen and (max-width: 768px) {

    .responsive-table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }


    .responsive-table td,
    .responsive-table th {
        display: block;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .responsive-table .responsive-table-thead {
        font-weight: bold;
    }

    .responsive-table tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: 3px solid #ccc;
        display: block;
    }

    .responsive-table td {
        float: left\9;
        width: 94%;
    }

    h2.AppsTitle {
        text-align: center;
    }

        h2.AppsTitle span.glyphicon {
            display: none;
        }

    div.PageLayout div.t-col {
        margin: 5px 0;
    }

    div.MobileNoPaddingLaterals, div.MobileNoPaddingLaterals div.t-col {
        padding: 0;
    }
}

div.panel-heading a:hover {
    text-decoration: none;
    background: #fff;
}


div.custom-alert-grid, span.custom-alert-grid {
    padding: 5px 15px;
    font-weight: bold;
    margin: 5px 0;
}

.alert-justify {
    text-align: justify;
}

a.aspNetDisabled.btn, a.aspNetDisabled.btn.active.focus {
    background: #ccc !important;
    border-color: #aaa !important;
    color: #fff;
}

.custom-alert-table {
    padding: 5px 10px;
}

span.thead-bold {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.icon-danger {
    color: red;
}

.icon-success {
    color: green;
}

div.RadAjax div.raDiv {
    background: url('/images/loading.gif') no-repeat;
}

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

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



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.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable th.rgHeader, div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable th.rgHeader.TableHeader {
    background: #f2f3fb;
    color: #2b3245;
    font-weight: bold;
    border-color: #c3cad8;
}

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

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

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

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


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

        div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgRow td.MultiRowsCol table tr td, 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.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgRow td.MultiRowsCol[align=right] table tr td, div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgAltRow td.MultiRowsCol[align=right] table tr td {
        text-align: right;
    }

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

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

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


    div.RadGrid.RadGrid_Bootstrap.DefaultTheme table.rgMasterTable tr.rgRow td.MultiRowsCol table tr:last-child > td, 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: 10px 7px;
}

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;
}

.btn-group-sm > .btn, .btn-sm, .btn {
    padding: .20rem .5rem;
    font-size: .650rem;
    line-height: 1.5;
    border-radius: .25rem;
}

div.RadGrid .btn-group-sm > div.RadGrid .btn, div.RadGrid .btn-sm, div.RadGrid .btn {
    padding: .20rem .20rem;
    font-size: 20px;
    line-height: 1.5;
    border-radius: .25rem;
}


/** 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.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.svg);
    }

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

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

    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);
    }

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

    div.SearchBox.WitheTitles span.LabelItem {
        color: #fff;
    }

div.t-row.NoMargins {
    margin: 2px 0 !important;
}


.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
  }
  
  .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;
  }
  
  .badge-primary[href]:hover, .badge-primary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0062cc;
  }
  
  .badge-secondary {
    color: #fff;
    background-color: #6c757d;
  }
  
  .badge-secondary[href]:hover, .badge-secondary[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #545b62;
  }
  
  .badge-success {
    color: #fff;
    background-color: #28a745;
  }
  
  .badge-success[href]:hover, .badge-success[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1e7e34;
  }
  
  .badge-info {
    color: #fff;
    background-color: #17a2b8;
  }
  
  .badge-info[href]:hover, .badge-info[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #117a8b;
  }
  
  .badge-warning {
    color: #212529;
    background-color: #ffc107;
  }
  
  .badge-warning[href]:hover, .badge-warning[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #d39e00;
  }
  
  .badge-danger {
    color: #fff;
    background-color: #dc3545;
  }
  
  .badge-danger[href]:hover, .badge-danger[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #bd2130;
  }
  
  .badge-light {
    color: #212529;
    background-color: #f8f9fa;
  }
  
  .badge-light[href]:hover, .badge-light[href]:focus {
    color: #212529;
    text-decoration: none;
    background-color: #dae0e5;
  }
  
  .badge-dark {
    color: #fff;
    background-color: #343a40;
  }
  
  .badge-dark[href]:hover, .badge-dark[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1d2124;
  }
  
  tr.rgRow td.customcommandItems, tr.rgAltRow td.customcommandItems {
    padding: 3px 5px;
}

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

.btn.btn-primary {
    color: #fff!important;
}

.btn-group .StatusIcon {
    display: inline-block;
    float: left;
}