#wrapper .header {
    background-color: #2a2d33;
    padding: 10px 0;
    margin-bottom: 40px;
}

#wrapper .header .RadMenu {
        margin: 10px 0;
        float: none;
    }

#wrapper .logo {
    margin: 5px 0;
    width: 100%;
    display: inline-block;
}

#wrapper .logo img {
        max-width: 100%;
    }

#wrapper .jumbotron {
    padding: 1.875em;
    padding-top: 1em;
    background-color: #e9eaea;
}

#wrapper .jumbotron .RadButton {
        float: right;
        margin-top: .667em;
        font-size: .5em;
    }

#wrapper .footer {
    width: 100%;
    padding: 10px 5px;
    line-height: 30px;
}



/*  -----   RadForm Dwcorator ------------------------- */

.RadForm_Material .rfdSelect_Material {
    border: 0;
    min-width: 4.57142857em;
    padding: 8px 13px;
    border-bottom: 1px solid #df5f32 !important;
    background-color: whitesmoke !important;
}

.RadForm_Material .rfdCheckboxChecked:before, .RadForm_Material .rfdRadioChecked:before, .RadForm_Material .rfdCheckboxUnchecked:hover:before, .RadForm_Material .rfdRadioUnchecked:hover:before, .RadForm_Material .rfdCheckboxChecked .rfdRippleContainer, .RadForm_Material .rfdRadioChecked .rfdRippleContainer, .RadForm_Material .rfdCheckboxUnchecked:hover .rfdRippleContainer, .RadForm_Material .rfdRadioUnchecked:hover .rfdRippleContainer {
    color: #df5f32 !important;
    border-bottom-color: #df5f32 !important;
    font-sizex: 18px !important;
    xcolor: #df5f32 !important;
}

.TextBoxAccount {
    background-color: whitesmoke !important;
    border-bottom-color: #df5f32 !important;
    width: 300px !important;
    xcolor: #df5f32 !important;
}

.PhoneAccount {
    background-color: whitesmoke !important;
    border-bottom-color: #df5f32 !important;
    widthX: 300px !important;
    xcolor: #df5f32 !important;
}

.EmployeeEmail {
    background-color1: whitesmoke !important;
    border-bottom-color1: #df5f32 !important;
    width: 300px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    xcolor: #df5f32 !important;
}

.ButtonAccount {
    color: #df5f32 !important;
    width: 300px !important;
}

.HyperlinkAccount {
    color: #df5f32 !important;
    width: 300px !important;
    text-decoration: none;
}


.maximize100 .RadGrid .rgEditForm td > [type=text] input[type=text] {
    width: 100px !important;
}

.maximize150 .RadGrid .rgEditForm td > [type=text] input[type=text] {
    width: 150px !important;
}

.maximize200 .RadGrid .rgEditForm td > [type=text] input[type=text] {
    width: 200px !important;
}

.maximize300 .RadGrid .rgEditForm td > [type=text] input[type=text] {
    width: 300px !important;
}

.maximize400 .RadGrid .rgEditForm td > [type=text] input[type=text] {
    width: 400px !important;
}

.RadGrid .rgDetailTable {
    background-color: #aaa !important;
}

.rgEditForm {
    background-color: #df5f32 !important;
}

    .rgEditForm .rgHeader {
        color: white !important;
        background-color: black !important;
    }

.text-orange {
    color: #df5f32 !important;
}

.text-darkgray {
    color: darkgray !important;
}

.text-gray {
    color: gray !important;
}

.text-black {
    color: black !important;
}


/*  -----   Telerik Card View    ------------------------- */

.demo-container .k-card-deck-scrollwrap {
    max-width: 728px;
    margin: auto
}


.k-card {
    max-width: 350px;
    display: inline-block !important;
}

.k-card-deck-scrollwrap .k-card-group {
    flex: 1 1 auto;
    /* hide scrollbar */
    margin-bottom: -20px;
    padding-bottom: 20px;
}

.k-card-deck, .k-card-group {
    box-sizing: border-box;
    margin-left: -16px;
    margin-right: -16px;
    padding: 16px 16px 16px;
    overflow-y: hidden;
    overflow-x: auto;
}

.container-type-list .k-button-scroll {
    display: none;
}


.listview-layout {
    xwidth: 630px;
    xborder: 1px solid gray;
    xborder-radius: 10px;
    xpadding: 10px;
}

.listview-item {
    text-align: center;
    height: 180px;
    width: 180px;
    display: inline-block;
    margin: 10px;
    xborder: 1px solid black;
    xborder-radius: 10px;
    padding: 10px;
}


.AspPanel {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff; /* fallback for browsers that don't understand rgba */
    border: solid 1px #000; /* fallback for browsers that don't understand rgba */
    padding: 20px;
    background-color: rgba(255,255,255,0.8); /* slighly transparent white */
    border-color: rgba(0,0,0,0.2); /*Very transparent black*/
}

.fa-fm {
    padding: 3px !important;
}

.fa-fm2 {
    padding: 2px !important;
}

.fa-fm5 {
    padding: 5px !important;
}


/*  -----   RadSearchBox    ------------------------- */

.RadSearchBoxX1 {
    background-color: rgba(255,255,255,0.8);
    font-size1: smaller;
    color: #DF5F32;
}

.RadSearchBox2 .rsbInput {
    color: #DF5F32 !important;
    vertical-align: middle;
}

.rsbPopup {
    background-color: rgba(244,244,244,0.82) !important;
    font-size: smaller;
    color: #DF5F32;
}



/* --------------- RadTreeView ---------------------------- */

.leftPane {
    width: 70%;
    padding-right: 10px;
    margin-right: 20px;
}

.rightPane {
    width: 20%;
    padding-right: 10px;
    margin-right: 20px;
}

.leftPane, .rightPane {
    float: left;
}

.previmage {
    widthx: 20%;
    width: 230px;
    height: 220px;
    vertical-align: middle;
}

#pvwImage {
    display: none;
    margin: 10px;
    width: 200px;
    heightX: 180px;
    vertical-align: middle;
}

.size-custom {
    widthX: 815px;
    width: 100%;
}


.RadFileExplorer .rfeThumbTitle {
    font-size: 10px !important;
}

/* Large thumbnails */
.rfeLargeThumbnails .rfeThumbList {
    width: 120px !important; /*defines thumbnail wrapper dimension*/
}

    .rfeLargeThumbnails .rfeThumbList .rfeFile {
        /*the sum of the height and padding-top values should be equal to the height property defined in the rfeLargeThumbnails class

    width: 64px !important;
    height: 44px !important;
    padding-top: 20px !important;


    */
        width: 100px !important;
        height: 64px !important;
        padding-top: 40px !important;
    }

    .rfeLargeThumbnails .rfeThumbList .rfeImageFile.rfeFile {
        height: 64px !important;
        padding-top: 0 !important;
    }

    .rfeLargeThumbnails .rfeThumbList .rfeFile img {
        /*defines Image Preview Thumbnail dimension

    width: 64px !important;
    height: 64px !important;

    */
        width: 90px !important;
        height: 64px !important;
    }

.RadTreeView_Material .rtSelected .rtIn {
    border-color: transparent;
    color: #DF5F32 !important;
    background-color: transparent;
}

.RadWindow_Material .rwTitleBar {
    background-color: #DF5F32 !important;
}


.rfdSelectBox_Material .rfdSelect_selected, .rfdSelectBox.rfdSelectBox_Material .rfdSelect_selected:hover {
    color: #df5f32 !important;
    background-color: transparent;
}

.RadForm_Material .rfdSelect_Material #SkinnedMainContent_Country {
    color: #df5f32 !important;
}

#SkinnedMainContent_Country {
    color: #df5f32 !important;
}

.rfdSelect .rfdSelect_Material .t-ripple-effect {
    color: #df5f32 !important;
}

#Country {
    /* want to apply the MyOwnFancyDiv style to this particular element */
    color: #df5f32 !important;
}


#ctl00$MainContent$Country {
    /* want to apply the MyOwnFancyDiv style to this particular element */
    color: #df5f32 !important;
}

.redText {
    background-color: red;
}


.AtlasText {
    color: #df5f32 !important;
    text-color: #df5f32 !important;
}