/*============================================================
    RAD and OLD CONTROLS OVERWRITE
 ===========================================================*/

.RadCalendar caption,
.RadCalendar_Bootstrap .rcRow th 
{
    display: none;
}
.ajaxnotifynotice,
.ajaxnotifyerror,
.warning {
    background-color: #ffffff !important;
    color: #cb0101 !important;
    padding: 6px;
    border: 1px solid #cb0101 !important;
    margin-bottom: 15px;
}
/*============================================================
    TABLES
 ===========================================================*/

.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: #27AAE1 !important;
    border: 1px solid #27AAE1 !important;
    color: #fff !important;
}

.RadGrid_Bootstrap,
.RadGrid_Bootstrap .rgMasterTable,
.RadGrid_Bootstrap .rgDetailTable,
.RadGrid_Bootstrap .rgGroupPanel table,
.RadGrid_Bootstrap .rgCommandRow table,
.RadGrid_Bootstrap .rgEditForm table,
.RadGrid_Bootstrap .rgPager table {
    color: #4a4a4a !important;
    font-family: 'Roboto', sans-serif !important;
    border-radius: 0 !important;
    border: solid 1px #dedede !important;
}

    .RadGrid_Bootstrap .rgHeader, 
    .RadGrid_Bootstrap th.rgResizeCol, 
    .RadGrid_Bootstrap .rgHeaderWrapper, 
    .RadGrid_Bootstrap .rgMultiHeaderRow th.rgHeader {
       
        
    }

    .RadGrid_Bootstrap .rgHeader,
    .RadGrid_Bootstrap th.rgResizeCol,
    .RadGrid_Bootstrap .rgHeaderWrapper,
    RadGrid_Bootstrap .rgMultiHeaderRow th.rgHeader,
    table th {
        background-color: #ffffff !important;
        padding: .6em !important;
        font-weight: 700!important;
            border-bottom: solid 3px #dedede!important;
    }

    /* Table Striping for certain tables */
    /*.RadGrid_Bootstrap .rgAltRow > td {
        background-color: #fff !important;
    }*/

table td, table th {
     padding: 0.6em 0.6em;
     vertical-align:middle!important;
}

table.table td {
    color: #4a4a4a !important;
}

table.table {
    margin-bottom: 0 !important
}

/*=== legacy styles for tables ===*/
.dataList div.lineitem, [class*=formGrp-] div.lineitem {
    padding: 10px;
}

/*========== QUERY BUILDER ==========*/

/* Query Builder Market Segment 
.splitChkBx .seg-Market td > input[type=checkbox] + label {
    text-transform: lowercase;
}

*/
/* Split Checkbox table into two columns */
.splitChkBx table tr,
table.splitChkBx tr {
    width: 50%;
    float: left
}

    .splitChkBx table tr:nth-child(2n+0) td, table.splitChkBx tr:nth-child(2n+0) td {
        background: transparent none
    }

/*    .splitChkBx table tr:nth-child(4n+2) td, table.splitChkBx tr:nth-child(4n+2) td {
        background: #f3f3f3 none
    }

    .splitChkBx table tr:nth-child(4n+1) td, table.splitChkBx tr:nth-child(4n+1) td {
        background: #f3f3f3 none
    }*/

.splitChkBx table td,
table.splitChkBx td {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    -webkit-border-horizontal-spacing: 2px;
    -webkit-border-vertical-spacing: 2px;
}
.col.date-updated {
    flex: 0 0 200px;
}
/*========== END QUERY BUILDER ==========*/

.dataList[class*=-QuerySearch] > div span.left, 
.dataList div.lineitem span.left, 
[class*=formGrp-][class*=-QuerySearch] > div span.left, 
[class*=formGrp-] div.lineitem span.left {
    font-weight: 700;
    margin-bottom: 5px;
}
/*============================================================
     TEXTBOX - DROPDOWNS
 ===========================================================*/

/* drop down on Admin - ExcelImport */
.mint-dropdown {
    border-color: e4e4e4;
    color: #333;
    background-color: #fff;
    border-radius: 4px;
    padding: 8px !important;
    height: auto !important;
    color: #4a4a4a !important;
    font-family: 'Roboto', sans-serif !important;
}

div.rfdSelectBox_Bootstrap.rfdSelectBoxDropDown ul .rfdSelectBox li {
    margin-bottom: 5px!important;
}

html body .RadInput .riTextBox,
html body .RadInputMgr {
    padding: 15px 12px !important;
    min-height: 40px !important;
    border-color: #e4e4e4 !important;
    color: #4a4a4a !important;
    font-family: 'Roboto', sans-serif !important;
    border-radius: 4px !important;
    width: 100% !important;
}

    html body .RadInput .riTextBox:focus {
        box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(102,175,233,0.6) !important;
        outline: 0 none !important;
    }

.RadForm.RadForm_Bootstrap.rfdTextbox input[type="text"].rfdDecorated,
.RadForm.RadForm_Bootstrap.rfdTextbox input[type="password"].rfdDecorated,
.RadForm.RadForm_Bootstrap.rfdTextbox input[type="search"].rfdDecorated,
.RadForm.RadForm_Bootstrap.rfdTextbox input[type="url"].rfdDecorated,
.RadForm.RadForm_Bootstrap.rfdTextbox input[type="tel"].rfdDecorated,
.RadForm.RadForm_Bootstrap.rfdTextbox input[type="email"].rfdDecorated,
.RadForm.RadForm_Bootstrap.rfdTextarea textarea,
input[type="text"].rfdDecorated,
input[type="text"].RadInput_Enabled_Bootstrap {
    padding: 15px 12px !important;
    min-height: 40px !important;
    border-color: #e4e4e4 !important;
    color: #4a4a4a !important;
    font-family: 'Roboto', sans-serif !important;
    width: 100% !important;
}

    .RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton .rfdDecorated, .RadForm.RadForm_Bootstrap.rfdTextbox input.rfdDecorated[type="text"], .RadForm.RadForm_Bootstrap.rfdTextbox input.rfdDecorated[type="password"], .RadForm.RadForm_Bootstrap.rfdTextarea textarea, .RadForm.RadForm_Bootstrap.rfdTextarea textarea.rfdDecorated[disabled]:hover, .RadForm.RadForm_Bootstrap.rfdTextbox input.rfdDecorated[disabled][type="text"]:hover, .RadForm.RadForm_Bootstrap.rfdTextbox input.rfdDecorated[disabled][type="password"]:hover, .RadForm.RadForm_Bootstrap .rfdSelectText, .RadForm.RadForm_Bootstrap.rfdLabel label, .RadForm.RadForm_Bootstrap .rfdDecorated, .RadForm.RadForm_Bootstrap .rfdCheckboxChecked, .RadForm.RadForm_Bootstrap .rfdInputDisabled.rfdCheckboxChecked:hover, .RadForm.RadForm_Bootstrap .rfdCheckboxUnchecked, .RadForm.RadForm_Bootstrap .rfdInputDisabled.rfdCheckboxUnchecked:hover, .RadForm.RadForm_Bootstrap .rfdAspLabel, .RadForm.RadForm_Bootstrap .rfdRadioUnchecked, .RadForm.RadForm_Bootstrap .rfdInputDisabled.rfdRadioUnchecked:hover, .RadForm.RadForm_Bootstrap .rfdRadioUnchecked:hover, .RadForm.RadForm_Bootstrap .rfdRadioChecked, .RadForm.RadForm_Bootstrap .rfdInputDisabled.rfdRadioChecked:hover, .RadForm.RadForm_Bootstrap .rfdRadioChecked:hover, .RadForm.RadForm_Bootstrap .riTextBox, .RadForm.RadForm_Bootstrap .rfdValidationSummaryControl, .RadForm.RadForm_Bootstrap .rfdLoginControl, .RadForm.RadForm_Bootstrap legend, .RadForm.RadForm_Bootstrap .rfdSelectBox_MetroTouch li, .RadForm.RadForm_Bootstrap .rfdSelectText, .RadForm.RadForm_Bootstrap.rfdGrids .rfdTable th, .RadForm.RadForm_Bootstrap.rfdGrids .rfdTable td {
        font-family: 'Roboto', sans-serif !important;
    }

    .RadForm, .RadForm.rfdTextbox input[type="text"].rfdDecorated,
    .RadForm.rfdTextbox input[type="password"].rfdDecorated {
        box-sizing: border-box !important;
    }

.dataList[class*=-QuerySearch] > div span.left,
.dataList div.lineitem span.left,
[class*=formGrp-][class*=-QuerySearch] > div span.left,
[class*=formGrp-] div.lineitem span.left {
    width: 100%;
}

.dataList span.left,
[class*=formGrp-] span.left {
    width: 20%;
    display: inline-block;
}

html body .RadInput_Bootstrap .riError, html body .RadInput_Error_Bootstrap, .RadForm.rfdTextbox .RadInput_Bootstrap .riError[type="text"], .RadForm.rfdTextbox .RadInput_Error_Bootstrap[type="text"] {
    border-color: #cb0101 !important;
}
/* Calendar input text box*/
.RadPicker_Bootstrap .rcCalPopup, .RadPicker_Bootstrap .rcTimePopup {
    width: 38px !important;
    height: 38px !important;
}
.RadPicker_Bootstrap .rcCalPopup {
    background-position: -6px -4206px!important;
}
/*============================================================
    BUTTONS
 ===========================================================*/
a.rfdSkinnedButton > input[type="submit"].rfdDecorated,
a.rfdSkinnedButton > input[type="button"].rfdDecorated,
input[type="submit"].btnCancel,
input[type="button"].btnSave {
    background: #27AAE1 !important;
    border: none !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
    font-size: 12px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    letter-spacing: .1em !important;
    font-family: 'Roboto', sans-serif !important;
    line-height: 1em !important;
    cursor: pointer;
    border-radius: .25rem !important;
    width: auto !important;
}
    a.rfdSkinnedButton > input[type="submit"].rfdDecorated:hover,
    input[type="submit"].btnCancel:hover,
    input[type="button"].btnSave:hover {
        background: #8DC63F !important;
        color: #ffffff !important;
        transition: all 0.2s ease;
    }
#main_content_right .RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton,
#main_content_right .RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton.rfdInputDisabled:hover,
#main_content_right .RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton.rfdInputDisabled:active,
#main_content_right a.rfdSkinnedButton,
#WRAPPER a.rfdSkinnedButton {
    border: none !important;
}
/*============================================================
    TYPOGRAPHY
 ===========================================================*/
.RadForm.RadForm_Bootstrap.rfdHeading h4 {
    color: #4a4a4a !important;
    border-bottom: none !important;
    font-size: 1.5rem !important;
}
.RadForm.RadForm_Bootstrap.rfdHeading h5 {
    color: #4a4a4a !important;
    border-bottom: none !important;
    font-size: 1.25rem !important;
}


#main_content_container .RadTreeView_Default .rtSelected .rtIn, #main_content_container .RadTreeView_Default .rtHover .rtIn {
    border: solid 1px white;
    color: #333;
    background-image: none;
    background-color: transparent;
}

.rgHeader {
    white-space: nowrap;
}

.FormatPrefixVirtual {
    color: #3C821A;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    width: 22px;
    height: 22px;
    overflow: hidden;
    background-image: url("/images/icons/format-virtual.png");
}

.FormatPrefixHybrid {
    color: #1F01FF;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    width: 22px;
    height: 22px;
    overflow: hidden;
    background-image: url("/images/icons/format-hybrid.png");
}

/*Upload Button*/
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    bottom: -13px;
}

    .upload-btn-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .upload-btn-wrapper .btn {
        cursor: pointer;
        background: #5489C9; /* #5489C9 backgournd color when files not selected */
    }

    .upload-btn-wrapper input[type=file]:not(:empty) + .btn {
        background: #61BB46 !important; /* #61BB46 background color when files are selected */
    }

    .upload-btn-wrapper .btn:hover {
        background: #61bb46 !important
    }

    .upload-btn-wrapper .btn.green {
        background: #61bb46 !important;
    }