/*HRM CSS*/

/*Alert Box Pop up Css*/

.ui-widget-header {
    background-position: 0% 0%;
background-image: linear-gradient(to top left, rgba(47, 26, 23, .91) 30%, rgba(158,27,33, 0.81) 100%, rgba(216,39,36,.88) 100%) !important;
    color: #ffffff;
    font-weight: bold;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
    background-color: transparent !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background-position: 0% 0%;
background-image: linear-gradient(to top left, rgba(47, 26, 23, .91) 30%, rgba(158,27,33, 0.81) 100%, rgba(216,39,36,.88) 100%) !important ;
        font-weight: 500 !important;
        color: white !important;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
    background-color: transparent !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}


/*Alert Box Pop up Css*/

/*Page Styling*/

.page {
    position: relative;
    -webkit-transition: width 0.3s linear;
    transition: width 0.3s linear;
    width: 100%;
    background-color: #efefef;
    /* background-image: url(/img/VMallBackground5.jpg);*/
    background-repeat: repeat;
    background-size: 100% 100%;
    background-position: center;
    min-height: 765px;
    height: auto;
}

.OverlayBG {
    /*background-image: linear-gradient(120deg, rgba(255, 87, 0, .0) 0%, rgba(255, 127, 0, .0) 100%);*/
    /*background-color: rgba(0, 0, 0, 0);*/
    /*background-color: rgba(255, 69, 0, .3);*/ /*for Red and Yellow overlay*/
    min-height: 765px;
    height: auto;
}

/*Page header Styling*/

nav.navbar {
    z-index: 1000;
    background-color:#191919;
}

.FormGrid.RadGrid_Vista table thead, .RadGrid_Vista .rgFooterDiv, .RadGrid_Vista .rgFooter {
    background-position: 0% 0%;
background-image: linear-gradient(to top right, rgba(19, 19, 19, 0.85) 40%, rgba(14, 14, 14, 0.85) 70%) !important; /*for Import*/
    color: white !important;
    background-color: transparent !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

.RadComboBox .rcbArrowCell a::before {
    content: "▼  " !important;
    color: rgba(150, 105, 6, 0.88) !important; /*For Import Export*/
}
/*Form*/

/*.FormHeaderOverlayBG {
    background-color: rgba(11,18,28,.5);
    width: 100%;
    height: 45px;
}*/

.Form-InnerBody {
    /*background-image: url('/img/FormInnerBG.jpg');
    background-repeat: repeat;
    background-size: cover;
    background-position: center;*/
    min-height: 310px;
    padding-bottom: 2%;
    padding-top: 2%;
    padding-left: 5%;
}

/*.FormInnerBodyOverlayBG {
    background-color: rgba(11,18,28,.5);
    width: 100%;
    height: 45px;
}*/

.Form-Header {
    background-image: linear-gradient(to bottom right, rgba(62, 62, 62, 0.92) 0%, rgb(0, 0, 0) 80%, rgb(0, 0, 0) 100%); /*for Red*/
    /*background-image: url('/img/FormHeaderBG00.png');
    background-repeat: repeat;
    background-size: 100% auto;
    background-position: center;*/
    padding: 8px;
    padding-top: 4px;
    border-bottom: 2px solid white;
}

#Form-Body {
    /*animation: bounceIn 2s;*/
    background-image: linear-gradient(to bottom right, rgba(62, 62, 62, 0.92) 0%, rgb(0, 0, 0) 80%, rgb(0, 0, 0) 100%); /*for Red*/
    border-bottom: solid 0.3px #ccc;
    width: 72%;
    margin-top: 2%;
    /*margin-bottom: 2%;*/
    height: auto;
    border-radius: 8px;
    overflow: hidden;
    transition: all 1s;
}

.FormTreeSection {
    min-height: 310px;
    height: auto;
    border-right: 1px solid white;
    /*background-image: url('/img/TreeBG00.jpg');
    background-repeat: repeat;
    background-size: cover;
    background-position: center;*/
}

/*.FormTreeOverlayBG {
    background-color: rgba(11,18,28,.5);
    width: 100%;
    height: 45px;
}*/

.RadTreeView_Default .rtPlus::after, .RadTreeView_Default .rtMinus::after, .RadTreeView_Windows7 .rtPlus::after, .RadTreeView_Windows7 .rtMinus::after {
    content: "\f184" !important;
    font-family: FontAwesome;
    /*background-image: linear-gradient(to top left, rgba(47, 26, 23, .91) 30%, rgba(158,27,33, 0.81) 100%, rgba(216,39,36,.88) 100%)!important;*/ /*for Red*/
    color: white;
    /*-webkit-background-clip: text;
        background-clip: text;*/
    font-size: 14px;
    display: inline-block;
}

.RadUpload_Default .ruButton, .RadUploadProgressArea_Default .ruButton {
    background-image: linear-gradient(to top right, rgba(19, 19, 19, 0.85) 40%, rgba(14, 14, 14, 0.85) 70%) !important; /*for Import*/
    color: white !important;
}

.RadGrid_Vista .rgGroupPanel {
    background-position: 0% 0%;
    background-image: linear-gradient(to top right, rgba(19, 19, 19, 0.85) 40%, rgba(14, 14, 14, 0.85) 70%) !important; /*for Import*/
    color: white !important;
    background-color: transparent !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

.FormGrid.RadGrid_Vista .rgGroupHeader {
    background-position: 0% 0%;
    background-image: linear-gradient(to top right, rgba(19, 19, 19, 0.85) 40%, rgba(14, 14, 14, 0.85) 70%) !important; /*for Import*/
    font-size: 1.1em;
    line-height: 21px;
    color: white;
    background-color: transparent !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

.FormGrid.RadGrid_Vista .rgRow .ForminputboxWithoutWidth {
    padding-left: 0px !important;
    color: rgba(158, 50, 61, 1); /*for Red*/
    transition: .3s all;
    height: auto !important;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px;
    transition: 0.4s ease all;
    background-color: transparent !important;
    outline: none !important;
    border-radius: .25rem !important;
    border: 1px solid transparent !important;
    box-shadow: 0 4px 4px -5.5px #ccc;
}

.FormGrid.RadGrid_Vista .rgRow {
    text-align: left !important;
    background: white !important;
    color: rgba(158, 50, 61, 1) !important; /*for Red*/
}

.RadGrid_Vista .rgRow a {
    color: rgba(158, 50, 61, 1) !important; /*for Red*/
}

.RadGrid_Vista .rgAltRow {
    background-image: linear-gradient(to top right, rgba(19, 19, 19, 0.85) 40%, rgba(14, 14, 14, 0.85) 70%) !important; /*for Import*/
    color: white !important;
}

/*.FormGrid.RadGrid_Vista .rgAltRow td {
        border-color: transparent !important;
    }*/

.FormGrid.RadGrid_Vista .rgRow td span {
    color: rgba(158, 50, 61, 1)!important; /*for Red*/
}

.Form-btn i:hover {
    background-color: white;
    color: rgba(158, 50, 61, 1); /*for Red*/
    opacity: 1;
    cursor: pointer;
}