@font-face {
    font-family: 'PraxisCom-Regular';
    src: url("../css/icons/praxiscom/PraxisCom-Regular_gdi.eot");
    src: url("../css/icons/praxiscom/PraxisCom-Regular_gdi.eot?#iefix") format("embedded-opentype"), url("../css/icons/praxiscom/PraxisCom-Regular_gdi.woff") format("woff"), url("../css/icons/praxiscom/PraxisCom-Regular_gdi.ttf") format("truetype"), url("../css/icons/praxiscom/PraxisCom-Regular_gdi.svg#PraxisCom-Regular") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U20-E308;
}

@font-face {
    font-family: 'PraxisCom-Semibold';
    src: url("../css/icons/praxiscom/PraxisCom-Semibold_gdi.eot");
    src: url("../css/icons/praxiscom/PraxisCom-Semibold_gdi.eot?#iefix") format("embedded-opentype"), url("../css/icons/praxiscom/PraxisCom-Semibold_gdi.woff") format("woff"), url("../css/icons/praxiscom/PraxisCom-Semibold_gdi.ttf") format("truetype"), url("../css/icons/praxiscom/PraxisCom-Semibold_gdi.svg#PraxisCom-Semibold") format("svg");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U20-E308;
}

@font-face {
    font-family: 'PraxisCom-Light';
    src: url("../css/icons/praxiscom/PraxisCom-Light_gdi.eot");
    src: url("../css/icons/praxiscom/PraxisCom-Light_gdi.eot?#iefix") format("embedded-opentype"), url("../css/icons/praxiscom/PraxisCom-Light_gdi.woff") format("woff"), url("../css/icons/praxiscom/PraxisCom-Light_gdi.ttf") format("truetype"), url("../css/icons/praxiscom/PraxisCom-Light_gdi.svg#PraxisCom-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U20-E308;
}


a {
    color: #11a1e1;
    text-decoration: none;
}


h1, h2, h3, h4, h5, h6 {
    font-family: "SABIC Typeface Headline Light",  Arial, sans-serif;
}

body {
    background-color: #ffffff;
}



h5.content-group {
    font-family: "SABIC Typeface Headline",'PraxisCom-Regular', Arial, sans-serif;
    font-size: 15px;
}

.fieldlayout {
    margin-left: -30px !important;
}

.fieldlayout2 {
    margin-left: -10px !important;
}

.breadcrumb.tilt {
    padding: 12px 0px !important;
    position: relative;
    top: 5px;
}

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

.navbar-rtlogo {
    float: right;
}
/*.w1-extlayout .sidebar-control {
    display:none;
}*/
.w1-extlayout .content-wrapper {
    background-color: #f5f5f5;
}

.navbar-inverse.white {
    background-color: #fff;
    border-color: #fff;
}
/****************************************************/
/*  Gradients Styles Blue & Orange */
/****************************************************/

.menu_blue_ext {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#11a1e1+0,008cc8+31,008cc8+100 */
    background: #11a1e1; /* Old browsers */
    background: -moz-linear-gradient(left, #11a1e1 0%, #0047BB 30%, #0047BB 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #11a1e1 0%,#0047BB 30%,#0047BB 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #11a1e1 0%,#0047BB 30%,#0047BB 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11a1e1', endColorstr='#0047BB',GradientType=1 ); /* IE6-9 */
    height: 5px;
    position: absolute;
    width: 100%;
    left: 0px;
    right: 0px;
}

.menu_yellow_ext {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcd00+0,ffc300+30,ffc300+100 */
    background: #ffcd00; /* Old browsers */
    background: -moz-linear-gradient(left, #ffcd00 0%, #FFA300 30%, #FFA300 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffcd00 0%,#ffc300 30%,#FFA300 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffcd00 0%,#FFA300 30%,#FFA300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd00', endColorstr='#FFA300',GradientType=1 ); /* IE6-9 */
    height: 5px;
    position: absolute;
    width: 100%;
    left: 0px;
    right: 0px;
}

.menu_blue {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#11a1e1+0,008cc8+31,008cc8+100 */
    background: #11a1e1; /* Old browsers */
    background: -moz-linear-gradient(left, #11a1e1 0%, #0047BB 30%, #0047BB 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #11a1e1 0%,#0047BB 30%,#0047BB 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #11a1e1 0%,#0047BB 30%,#0047BB 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11a1e1', endColorstr='#0047BB',GradientType=1 ); /* IE6-9 */
    height: 5px;
}

.menu_yellow {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcd00+0,ffc300+30,ffc300+100 */
    background: #ffcd00; /* Old browsers */
    background: -moz-linear-gradient(left, #ffcd00 0%, #FFA300 30%, #FFA300 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffcd00 0%,#ffc300 30%,#FFA300 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffcd00 0%,#FFA300 30%,#FFA300 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcd00', endColorstr='#FFA300',GradientType=1 ); /* IE6-9 */
    height: 5px;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #4d4d4d !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #4d4d4d !important;
}

.navbar-inverse .navbar-brand {
    color: #4d4d4d !important;
}

.navbar-header.rolebg {
    background-color: #ffffff;
    border-right: 1px solid #E4DEDE;
}

.navbar-inverse.rolebg {
    background-color: #fff;
    border-bottom: 0px solid #E4DEDE;
}

.page-header-default {
    background-color: #fcfcfc;
}

.navbar-nav {
    margin-left: 0px !important;
}

    .navbar-nav > li > a > .label, .navbar-nav > li > a > .badge {
        right: -8px !important;
        top: 2px;
    }

.navigation li {
    border-bottom: 1px solid #E4DEDE;
}

.navigation > li > a {
    padding: 12px 30px 12px 47px;
    text-transform: uppercase;
}

    .navigation > li > a > span {
        position: relative;
        top: 6px;
    }

.navigation .hidden-ul li a span {
    font-size: 13px;
    position: relative;
    top: 2px;
}

.hide {
    display: none;
}

/*.manageuser-nav :active ul li a:hover {
    background-image:none;
    background: none;
}
.manageuser-nav ul li:hover {
    background-image:none;
    background: none;
}
.manageuser-nav:hover .hide-ul {
    background: none !important;
}
.navigation .hide-ul li a:hover {
    color: #ffffff !important;
    background-image: none !important;
    background-color: #1ea6e2 !important;
}*/
.navigation li a span:hover {
    background: none;
}

.navigation li a:hover ul.hidden-ul li a:hover {
    background: none;
}

.navigation > li a:hover ul.hidden-ul li a:hover {
    background: none;
}

.navigation > li a:hover ul.hidden-ul li a.has-ul:after {
    content: none !important;
}

.navigation .hidden-ul li a {
    background-color: #ffffff;
}

    .navigation .hidden-ul li a:hover {
        color: #ffffff;
        background-image: none;
        background-color: #1ea6e2;
    }

.navigation .hidden-ul li:first-child {
    border-top: 1px solid #E4DEDE;
}

.manageuser-nav :active ul li a:hover {
    background-image: none !important;
    background: none !important;
}

.navigation-icon a {
    height: 45px;
    display: block;
}

#homeICON {
    background-image: url("../../assets/images/homeicon.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 26px;
    padding-top: 13px;
    padding-bottom: 11px;
}

#ID {
    background-image: url("../../assets/images/ID.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 26px;
    padding-top: 9px;
    padding-bottom: 11px;
}

#batches {
    background-image: url("../../assets/images/batches.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 26px;
    padding-top: 9px;
    padding-bottom: 11px;
}

.quota {
    background-image: url("../../assets/images/quota.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 26px;
    padding-top: 9px;
    padding-bottom: 11px;
}

.trainingPlan {
    background-image: url("../../assets/images/trainingPlan.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 26px;
    padding-top: 9px;
    padding-bottom: 11px;
}

.academicInfo {
    background-image: url("../../assets/images/academicInfo.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 26px;
    padding-top: 9px;
    padding-bottom: 11px;
}

.UTL {
    background-image: url("../../assets/images/UTL.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 33px;
    padding-top: 18px;
    padding-bottom: 12px;
    margin-left: 14px;
}

.Ban {
    background-image: url("../../assets/images/Ban.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 33px;
    padding-top: 18px;
    padding-bottom: 12px;
    margin-left: 14px;
}

.Res {
    background-image: url("../../assets/images/Res.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 33px;
    padding-top: 18px;
    padding-bottom: 12px;
    margin-left: 14px;
}

.Cop {
    background-image: url("../../assets/images/Cop.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 33px;
    padding-top: 18px;
    padding-bottom: 12px;
    margin-left: 14px;
}

.Tran {
    background-image: url("../../assets/images/Tran.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 33px;
    padding-top: 18px;
    padding-bottom: 12px;
    margin-left: 14px;
}

.attach {
    background-image: url("../../assets/images/attach.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 26px;
    padding-top: 9px;
    padding-bottom: 11px;
}

.history2 {
    background-image: url("../../assets/images/history.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 26px;
    padding-top: 9px;
    padding-bottom: 11px;
}

.OrgInfo {
    background-image: url("../../assets/images/OrgInfo.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 26px;
    padding-top: 9px;
    padding-bottom: 11px;
}

.modal-title {
    background-image: url("../../assets/images/search4.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: contain;
    background-clip: border-box;
    top: 0px;
    /*position: relative;*/
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 28px;
    padding-top: 20px;
    padding-bottom: 8px;
}

.open2:hover {
    background-image: url("../../assets/images/share1.svg") !important;
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    width: 30px;
    height: 30px;
    float: left;
}

#MyWorkList {
    height: auto !important;
}

required {
    color: #c6c8ca !important;
}

.approval {
    background-image: url("../../assets/images/appro.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 26px;
    padding-top: 9px;
    padding-bottom: 11px;
}

.opportunityinfo {
    background-image: url("../../assets/images/opportunityinfo.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 26px;
    padding-top: 9px;
    padding-bottom: 11px;
}

.edit5 {
    background-image: url("../../assets/images/edit.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    width: 28px;
    height: 28px;
}

.k-calendar th {
    color: #009fdf !important;
}

.ddlShortLength {
    width: 113% !important;
}

.ddlShortLength2 {
    width: 100% !important;
}

.layoutleft {
    margin-left: -27px;
}

ddlAndTextBoxLength {
    width: 104% !important;
}

[disabled].form-control, [readonly].form-control, fieldset[disabled] .form-control {
    background-color: #fafafa !important;
}

.open1 {
    background-image: url("../../assets/images/open.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    width: 28px;
    height: 28px;
}

.k-grid-header {
    padding-right: 0px !important;
}

.k-grid-edit {
    background-image: url("../../assets/images/edit.svg") !important;
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-top: 24px;
    padding-bottom: 11px;
}

.k-grid-cancel {
    background-image: url("../../assets/images/cancel.svg") !important;
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-top: 24px;
    padding-bottom: 11px;
}

.k-grid-update {
    background-image: url("../../assets/images/update.svg") !important;
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-top: 24px;
    padding-bottom: 11px;
}

.delete1 {
    background-image: url("../../assets/images/delete.svg") !important;
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-top: 24px;
    padding-bottom: 11px;
}

.open2 {
    background-image: url("../../assets/images/share.svg") !important;
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    width: 30px;
    height: 30px;
    float: left;
}


.addnew {
    background-image: url("../../assets/images/addnew.svg") !important;
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    width: 45px;
    height: 45px;
    background-color: #fff !important;
}

.k-panelbar .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected, .k-state-selected td.k-state-focused, .k-listview > .k-state-focused.k-state-selected {
    box-shadow: inset 0px 0px 10px 3px #009fdf !important;
}

.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused, .k-button.k-state-focused {
    box-shadow: inset 0px 0px 7px 0px #939598 !important;
}


/*.navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:focus {
    background-color: #ffcd00;
    color: #fff;
}*/

/* Dashboard Menu
.dashboard-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px 6px no-repeat;
}*/
.home-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px 6px no-repeat !important;
}

    .home-nav:hover {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -30px no-repeat !important;
    }

.navigation > li.home-nav > a:hover {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -30px no-repeat !important;
}

.myprofile-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -811px no-repeat !important;
}

    .myprofile-nav:hover {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -857px no-repeat !important;
    }

.navigation > li.myprofile-nav > a:hover {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -857px no-repeat !important;
}

.myworklist-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -630px no-repeat !important;
}

    .myworklist-nav:hover {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -678px no-repeat !important;
    }

.navigation > li.myworklist-nav > a:hover {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -678px no-repeat !important;
}

.admin-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -314px no-repeat !important;
}

.navigation > li.admin-nav > a:hover {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -357px no-repeat !important;
}

.cyclemgmt-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -985px no-repeat !important;
}

.navigation > li.cyclemgmt-nav > a:hover {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -1031px no-repeat !important;
}

.myacademics-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -236px no-repeat !important;
}

    .myacademics-nav:hover {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -272px no-repeat !important;
    }

.navigation > li.myacademics-nav > a:hover {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -272px no-repeat !important;
}

.oppmgmt-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -1526px no-repeat !important;
}

.navigation > li.oppmgmt-nav > a:hover {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -1578px no-repeat !important;
    color: #fff;
}

/*sub*/
.enroll-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -1078px no-repeat !important;
}

.navigation > li.enroll-nav > a:hover {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -1128px no-repeat !important;
}

.navigation > li.NewCycle-nav > a:hover {
    background: #11a1e1 no-repeat !important;
}

.navigation > li.dashboard-nav ul > li.CreateCycle-nav > a:hover {
    background: #11a1e1 no-repeat !important;
}

.mycycle-nav {
    background: #fff !important;
}

    .mycycle-nav :hover {
        background: #11a1e1 !important;
    }

.navigation > li.mycycle-nav > a:hover {
    background: #11a1e1 !important;
}

.oppreq-nav {
    background: #fff !important;
}

    .oppreq-nav :hover {
        background: #11a1e1 !important;
    }

.navigation > li.oppreq-nav > a:hover {
    background: #11a1e1 !important;
}

.CreateCycle-nav {
    background: #fff !important;
}

    .CreateCycle-nav :hover {
        background: #11a1e1 !important;
    }

.navigation > li.CreateCycle-nav > a:hover {
    background: #11a1e1 !important;
}

.NewCycle-nav {
    background: #fff !important;
}

    .NewCycle-nav :hover {
        background: #11a1e1 !important;
    }

.navigation > li.NewCycle-nav > a:hover {
    background: #11a1e1 !important;
}
/*
.dashboard-nav:hover {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -29px no-repeat;
}*/

.navigation > li.dashboard-nav > a:hover {
    color: #fff !important;
}

.navigation > li.dashboard-nav ul > li > a:hover {
    color: #fff;
    background-color: #11a1e1;
}
/*
.dashboard-nav:active {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -29px no-repeat;
}*/
.navigation > li.dashboard-nav.active ul > li:first-child > a {
    border-top: 1px solid #E4DEDE;
}
/*.dashboard-nav.active, .navigation > li.dashboard-nav.active > a {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -29px no-repeat;
}*/
/*.dashboard-nav.active, .navigation > li.dashboard-nav.active > a > mainnav1 {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -29px no-repeat;
}*/

/* Master Data Menu*/
.masterdata-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -630px no-repeat;
}

    .masterdata-nav:hover {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -679px no-repeat;
    }

.navigation > li.masterdata-nav > a:hover {
    color: #fff;
}

.navigation > li.masterdata-nav ul > li > a:hover {
    color: #fff;
    background-color: #11a1e1;
}

.masterdata-nav:active {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -679px no-repeat;
}

.navigation > li.masterdata-nav.active ul > li:first-child > a {
    border-top: 1px solid #E4DEDE;
}

.masterdata-nav.active, .navigation > li.masterdata-nav.active > a {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -679px no-repeat;
}

/* Search & Download Menu*/
.searchdownload-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -724px no-repeat;
}

    .searchdownload-nav:hover {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -766px no-repeat;
    }

.navigation > li.searchdownload-nav > a:hover {
    color: #fff;
}

.navigation > li.searchdownload-nav ul > li > a:hover {
    color: #fff;
    background-color: #11a1e1;
}

.searchdownload-nav:active {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -766px no-repeat;
}

.navigation > li.searchdownload-nav.active ul > li:first-child > a {
    border-top: 1px solid #E4DEDE;
}

.searchdownload-nav.active, .navigation > li.searchdownload-nav.active > a {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -766px no-repeat;
}


/* Grade Sharing Menu*/
.gradesharing-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -72px no-repeat;
}

    .gradesharing-nav:hover {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -115px no-repeat;
    }

.navigation > li.gradesharing-nav > a:hover {
    color: #fff;
}

.navigation > li.gradesharing-nav ul > li > a:hover {
    color: #fff;
    background-color: #11a1e1;
}

.gradesharing-nav:active {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -115px no-repeat;
}

.navigation > li.gradesharing-nav.active ul > li:first-child > a {
    border-top: 1px solid #E4DEDE;
}

.gradesharing-nav.active, .navigation > li.gradesharing-nav.active > a {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -115px no-repeat;
}

/* Material Card Generation Menu*/
.materialcardgen-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -156px no-repeat;
}

    .materialcardgen-nav:hover {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -197px no-repeat;
    }

.navigation > li.materialcardgen-nav > a:hover {
    color: #fff;
}

.navigation > li.materialcardgen-nav ul > li > a:hover {
    color: #fff;
    background-color: #11a1e1;
}

.materialcardgen-nav:active {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -197px no-repeat;
}

.navigation > li.materialcardgen-nav.active ul > li:first-child > a {
    border-top: 1px solid #E4DEDE;
}

.materialcardgen-nav.active, .navigation > li.materialcardgen-nav.active > a {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -197px no-repeat;
}

/* Material Card Menu*/
.materialcard-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -240px no-repeat;
}

    .materialcard-nav:hover {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -276px no-repeat;
    }

.navigation > li.materialcard-nav > a:hover {
    color: #fff;
}

.navigation > li.materialcard-nav ul > li > a:hover {
    color: #fff;
    background-color: #11a1e1;
}

.materialcard-nav:active {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -276px no-repeat;
}

.navigation > li.materialcard-nav.active ul > li:first-child > a {
    border-top: 1px solid #E4DEDE;
}

.materialcard-nav.active, .navigation > li.materialcard-nav.active > a {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -276px no-repeat;
}

/* Manage Menu*/

.manageuser-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -313px no-repeat;
}

    .manageuser-nav:hover {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -357px no-repeat;
    }

.navigation > li.manageuser-nav > a:hover {
    color: #fff;
}

.navigation > li.manageuser-nav ul > li > a:hover {
    color: #fff;
    background-color: #11a1e1;
}

.manageuser-nav li:active {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -357px no-repeat;
    color: #fff;
}

.navigation > li.manageuser-nav.active ul > li:first-child > a {
    border-top: 1px solid #E4DEDE;
}

.manageuser-nav.active, .navigation > li.manageuser-nav.active > a {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -357px no-repeat;
}

/* Request Menu*/

.request-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -398px no-repeat;
}

    .request-nav:hover {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -434px no-repeat;
    }

.navigation > li.request-nav > a:hover {
    color: #fff;
}

.navigation > li.request-nav ul > li > a:hover {
    color: #fff;
    background-color: #11a1e1;
}

.request-nav:active {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -434px no-repeat;
    color: #fff;
}

.navigation > li.request-nav.active ul > li:first-child > a {
    border-top: 1px solid #E4DEDE;
}

.request-nav.active, .navigation > li.request-nav.active > a {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -434px no-repeat;
}

/* Contact Menu*/

.contact-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -468px no-repeat;
}

    .contact-nav:hover {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -501px no-repeat;
    }

.navigation > li.contact-nav > a:hover {
    color: #fff;
}

.navigation > li.contact-nav ul > li > a:hover {
    color: #fff;
    background-color: #11a1e1;
}

.contact-nav:active {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -501px no-repeat;
    color: #fff;
}

.navigation > li.contact-nav.active ul > li:first-child > a {
    border-top: 1px solid #E4DEDE;
}

.contact-nav.active, .navigation > li.contact-nav.active > a {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -501px no-repeat;
}

/* Report Menu*/

.report-nav {
    background: #fff url(../../assets/images/menu-icons.png) 0px -539px no-repeat;
}

    .report-nav:hover {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -581px no-repeat;
    }

.navigation > li.report-nav > a:hover {
    color: #fff;
}

.navigation > li.report-nav ul > li > a:hover {
    color: #fff;
    background-color: #11a1e1;
}

.report-nav:active {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -581px no-repeat;
    color: #fff;
}

.navigation > li.report-nav.active ul > li:first-child > a {
    border-top: 1px solid #E4DEDE;
}

.report-nav.active, .navigation > li.report-nav.active > a {
    background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -581px no-repeat;
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-main .navigation > li.dashboard-nav:hover > a {
        background: #11a1e1;
    }

    .sidebar-xs .sidebar-main .navigation > li.gradesharing-nav:hover > a {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -115px no-repeat;
    }

    .sidebar-xs .sidebar-main .navigation > li.materialcardgen-nav:hover > a {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -197px no-repeat;
    }

    .sidebar-xs .sidebar-main .navigation > li.materialcard-nav:hover > a {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -276px no-repeat;
    }

    .sidebar-xs .sidebar-main .navigation > li.manageuser-nav:hover > a {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -357px no-repeat;
    }

    .sidebar-xs .sidebar-main .navigation > li.request-nav:hover > a {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -434px no-repeat;
    }

    .sidebar-xs .sidebar-main .navigation > li.contact-nav:hover > a {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -497px no-repeat;
    }

    .sidebar-xs .sidebar-main .navigation > li.report-nav:hover > a {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -581px no-repeat;
    }

    .sidebar-xs .sidebar-main .navigation > li.searchdownload-nav:hover > a {
        background: #11a1e1 url(../../assets/images/menu-icons.png) 0px -766px no-repeat;
    }
}

.navigation > li > ul li.active > a {
    background: #11a1e1;
    color: #fff;
    border-top: 0px solid #e4dede;
}

    .navigation > li > ul li.active > a:hover {
        background: #11a1e1;
        color: #fff;
    }

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #11a1e1;
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #fff !important;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #11a1e1 !important;
    color: #fff !important;
}

.bg-white-400 {
    background-color: #ffffff;
    border-color: #dedfdf;
    color: #4d4d4d;
}

.dash-heading-elements {
    background-color: inherit;
    height: 26px;
    text-align: center;
    color: #9c9ca1;
    text-transform: uppercase;
}

.aligncenter {
    text-align: center;
}

.mdtop {
    padding: 15px 0px;
    color: #11a1e1;
    font-size: 18px;
}

.label-photocv {
    background-color: #11a1e1;
    border-color: #05698e;
}

.label-hired {
    background-color: #e35205;
    border-color: #ba4203;
    width: 65px;
}

.label-reserved {
    background-color: #4d4d4d;
    border-color: #323335;
    width: 65px;
}

.label-offered {
    background-color: #ffcb00;
    border-color: #cda405;
    width: 65px;
}

.sidebar-xs .sidebar-main .navigation > li:hover:not(.active) > a {
    background-color: #F5FDFD !important;
}

.navbar-nav .language-switch ul.flagmove a > img {
    position: relative;
    top: 3px !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #4d4d4d !important;
}

.navigation .navigation-header > span {
    color: #4d4d4d !important;
}

.components > li > a {
    padding: 12px 20px !important;
    min-height: 44px !important;
}

.table > tbody > tr:nth-child(2n+1) > td, .table > tbody > tr:nth-child(2n+1) > th {
    background-color: #F9F9F9;
}

.sidebar-main {
    transition: all 0.4s ease 0s;
    border-right: 0px;
}

.sidebar-content {
    border-right: 1px solid #E4DEDE;
    padding-bottom: 0px;
}

.sidebar {
    background-color: transparent;
}

.navigation > li > a {
    min-height: 46px;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 5px;
}



/* Selection */
::selection {
    background-color: #FFA300;
    color: #ffffff;
}

::-moz-selection {
    background-color: #FFA300;
    color: #ffffff;
}


/* Form Elements
 * -------------------------- */
.form-control {
    border-width: 1px;
    box-shadow: none;
    height: auto;
}


fieldset {
    border: 1px solid #EFEFEF;
    color: #4d4d4d;
    margin-bottom: 20px;
    padding: 0.35em 0.625em 0.75em !important;
}

/*legend {
    color: #e35205;
    font-family: "Segoe UI","Segoe",Arial,sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 5px;
    margin-bottom: 2px;
    width: auto;
    border: 0px;
}*/

.createmargin-right {
    margin-right: 5px;
}

.spanalign {
    position: absolute;
    top: 25px;
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.form-left {
    float: left;
}

.btn-group .btnmarginrt {
    margin-right: 15px;
}

.marginsearch {
    margin-right: 15px !important;
}

.btnmarginrt {
    margin-right: 15px;
}

.field-validation-error {
    float: left;
}

span.field-validation-valid {
    height: 16px;
    float: left;
}

.box-inner.reminner {
    border: 0px solid #DEDEDE !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}
/*.form-group {
    margin-bottom: 0px !important;
}*/

/*.input-group .form-control {
    width: 250px !important;
}*/

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

.form-control {
    /*border-radius:0px !important;*/
}

.addtxtarea textarea.form-control {
    max-width: 100% !important;
}

.rolemenu {
    padding-top: 8px;
}

    .rolemenu span.legen {
        padding-top: 5px;
        color: #4d4d4d;
    }

.form-horizontal .control-label {
    padding-bottom: 4px;
}

.col-md-12.col-width-assign-pop {
    width: 63%;
}

.button-pad-top {
    padding-top: 23px;
}

div.k-window-content .form-horizontal {
    overflow: hidden;
}

.spanalign.roleicon {
    top: 6px;
}

.form-control span.k-dropdown-wrap {
    border-radius: 0px !important;
    border-width: 0px;
}

.navbar-separator {
    border-right: 1px solid #ccc;
    margin: 13px 13px 5px 0px;
}

.k-ff input.k-textbox {
    height: 32px;
}

input.k-textbox, textarea.k-textbox, .k-multiselect.k-header {
    border-color: #E4DEDE;
}

textarea.form-control.creatreq-form {
    height: 111px;
}

.createxprequest .k-dropdown-wrap {
    border-width: 0px;
}

.form-control.createxprequest {
    height: 30px;
}
/*.k-i-arrow-s::before {
    content: '\e9c5';
    font-family: 'Icomoon';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -8px;
    font-size: 16px;
    line-height: 1;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.form-control .k-icon {
    background-image:none;
}*/
.form-control .k-numeric-wrap::before {
    content: none;
}

.knumwrap .k-numeric-wrap {
    border-width: 0px;
}
/*.k-numeric-wrap .k-input {
    height: 2.10em;
}*/
.k-numerictextbox.form-control.knumwrap {
    height: 30px;
}

.form-group.forspin {
    margin-top: 22px;
}

.form-group.forspinlst {
    margin-bottom: 19px;
}

.form-group.forspinmst {
    margin-bottom: 19px;
}

.form-group.forspinnlt {
    margin-bottom: 19px;
}

.emptylbl {
    margin-top: 47px;
}

.k-primary, .k-overflow-container .k-primary {
    background-color: #fff !important;
}

.btn-primary {
    color: #fff;
    background-color: #11a1e1;
    border-color: #11a1e1;
    /*padding:5px 12px 1px !important;*/
}

.k-button {
    border-color: #11a1e1 !important;
    color: #4d4d4d;
}

    .k-button:hover {
        border-color: #ffcd00 !important;
        background-color: #efefef !important;
        color: #4d4d4d;
    }



.btn-primary:focus, .btn-primary.focus, .btn-primary:hover {
    background-color: rgba(0, 159, 223, 0.7);
    border-color: rgba(0, 159, 223, 0.7);
    color: #ffffff;
}

.k-tooltip-validation .k-warning {
    vertical-align: text-middle;
    margin-right: 3px;
}

.k-widget.k-tooltip-validation {
    border: none;
    background: none;
    color: #E35205;
    font-size: 11px;
    padding-top: 3px;
}
#capchaError{font-size:11px;}
.signture-text{margin-top:40px;}

.k-tooltip-validation .k-warning {
    background-image: url(../../assets/images/kwarning.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    position: relative;
    top: -1px;
    z-index: 0;
}

    .k-tooltip-validation .k-warning:before,
    .k-tooltip-validation .k-warning:before {
        font-family: 'icomoon';
        position: relative;
        top: 0px;
        left: 0;
        display: inline-block;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 16px;
    }

    .k-tooltip-validation .k-warning:before {
        content: '\e9ba';
    }

.k-numerictextbox .k-icon {
    height: 16px;
}

.field-validation-error {
    border: none;
    background: none;
    color: #E35205;
    font-size: 12px;
}

.k-widget.k-tooltip.k-invalid-msg {
    -webkit-box-shadow: unset;
    background-image: none;
    box-shadow: none;
}

span.k-tooltip {
    padding-left: 2px;
}

.navbar-inverse {
    background-color: #fff;
    border-color: #fff;
}
/*.navbar-brand > img {
    height: 92px;
}
.navbar {
    background: url('../images/bg-shadow.png') top center no-repeat #ffffff;
    width: 100%;
    height: 8px;
}
.navbar-brand {
    height:45px;
}*/
.breadcrumb-elements > li > a {
    padding: 7px 15px;
}

.content-wrapper {
    background-color: transparent;
}

.navbar {
    border: 0px solid transparent;
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-main .navigation > li > a > span {
        transition: all 0.4s ease 0s;
        background-color: #11a1e1;
        border: 1px solid #11a1e1;
        color: #fff;
    }
}
/*.sidebar-xs .sidebar-main .navigation > li > a > span {
    transition: all 0.4s ease 0s;
    background-color: #11a1e1;
    border: 1px solid #11a1e1;
    color: #fff;
}*/

.sidebar-xs .sidebar-main .navigation > li:hover:not(.active) > a {
    background-color: #11a1e1 !important;
}

.padrt {
    margin-right: 10px;
}
/*.k-grid {
    border-radius: 0px;
}
.k-header, .k-grid .k-grouping-header, .k-pager-wrap {
    background-color:#fff;
}
.k-header, .k-grid-header {
    background-color:#11a1e1;
}
.k-header.k-grid-toolbar {
    background-color:#fff;
}
.k-grid-header a.k-link:link {
    color:#fff;
}
span.k-link {
    color:#fff;
}
.k-header .form-control {
    background-color: #4d4d4d;
}*/

/*.k-block, .k-header, .k-grid-header {
    background-color: #11a1e1;
}
.k-header, .k-grid .k-grouping-header, .k-pager-wrap {
    background-color: #fff;
}
span.k-dropdown {
    background-color: #fff;
}
.k-grid-header-wrap {
    background-color: #11a1e1;
}*/
#divGrid > .k-widget.k-grid {
    border-width: 0px;
    height: 600px;
}

#divGridSmall > .k-widget.k-grid {
    border-width: 0px;
}

.k-grid .k-grouping-header {
    background-color: #fff;
}

.k-header.k-grid-toolbar {
    background-color: #fff;
}
/*
.k-block, .k-header, .k-grid-header {
    background-color: #11a1e1;
}
*/


span.k-dropdown {
    background-color: #fff;
}

.k-grid-header th.k-header > a.k-link {
    color: #fff;
}

.k-grid-header .k-header > span.k-link {
    color: #fff;
}

.adj-footer .modal-footer {
    padding: 0px;
}

/*.modal-backdrop:nth-child(2n-1) {
    opacity: 0;
    display: none;
}*/

.navigation .navigation-header > span.mainnav {
    font-size: 14px;
    color: #4d4d4d;
}

.navigation .navigation-header > i.shwonav {
    display: inline-block;
    color: #4d4d4d;
    font-size: 16px;
}

.navigation .navigation-header > span {
    display: inline;
}

.navigation .navigation-header.navmain {
    border-bottom: 1px solid #E4DEDE;
    padding: 9px 20px;
    background-color: #F7F7F7;
}

.icon-object {
    border-width: 0;
    margin: 0px;
    padding: 0px 20px 0px 20px;
}

.login-container {
    /*background: url("../images/login-content-bg.png") 50% 65% no-repeat;
    background-size: 100% 100%, auto, 150px;
    background-size: 100% auto;*/
}

.login-box-opaque {
    background: url("../images/login-bg.png") 10% 20% repeat transparent;
}

.login-container .page-container .content-wrapper {
    background-color: #fff;
}

.login-container .page-container {
    padding-top: 0 !important;
}

    .login-container .page-container .login-form-warnings {
        margin: 45px auto 0px auto;
        width: 550px;
    }

.login-form-warnings .validation-summary-errors span {
    text-transform: uppercase;
    font-size: 15px;
    font-family: "SABIC Typeface Text light","PraxisCom-Regular", Arial, sans-serif;
}

.login-container .page-container .login-form {
    margin-top: 0 !important;
}

.login-container .page-container .login-form {
    margin-top: 80px !important;
}
/*.k-state-selected {
    box-shadow: inset 0px 0px 0px rgba(0,0,0,0.0) !important;
}*/


.login-container .page-container .registration-form {
    margin-top: 50px !important;
}
/*.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    padding: 0 !important;
}*/


.form-group input[type=text], textarea {
    outline: none;
    border: 1px solid #DDDDDD;
    width: 100% !important;
    border-radius: 3px;
    padding-top: 5px;
    /*padding-left: 3px;*/
}

.floatbtn2 {
    float: right;
}

.floatbtn3 {
    float: right;
    margin-right: 30px;
}

.editheight{
    padding-right:10%;
}
.editheight1{
    padding-right:24%;
}
.editheight2{
    padding-right:21%;
}
.divSabicID2 {
    margin-top: -12px;
    margin-left: 80px;
}

.btn-block {
    width: auto !important;
    display: inline-block;
}
.editwidth{
    width:106% !important;
}
.floatbtn {
    float: right;
    margin-right: 20px;
}

.PerDet {
    width: auto !important;
    border-bottom: 0px solid #e5e5e5 !important;
    font-size: 13px !important;
    padding-top: 7px !important;
}

.OutOf2 {
    float: right;
    margin-top: -22px;
    margin-right: 51px;
}

.OutOf1 {
    float: right;
    margin-top: -27px;
    margin-right: 51px;
}

.outof4 {
    margin-left: auto;
    margin-top: -10px;
}

.outof5 {
    margin-left: auto;
    margin-top: -10px;
}

.BanDet {
    width: auto !important;
    border-bottom: 0px solid #e5e5e5 !important;
    font-size: 13px !important;
    padding-top: 4px !important;
}

.ConDet {
    width: auto !important;
    border-bottom: 0px solid #e5e5e5 !important;
    font-size: 13px !important;
    padding-top: 6px !important;
}

.form-group input[type=text]:focus, .form-group textarea:focus, .form-group input[type=password]:focus, .form-group input[type=email]:focus {
    box-shadow: 0 0 5px rgb(0, 159, 223);
    border: 1px solid rgb(0, 159, 223);
    width: 100% !important;
    border-radius: 3px;
    /*padding-top: 3px;*/
    /*padding-left: 3px;*/
}

.icon-object {
    border-width: 0;
    margin: 0px;
}

.content-group {
    margin-bottom: 30px;
}

.login-box-opaque {
    background: url("../images/login-bg.png") 10% 20% repeat transparent;
}

.pwdinfo {
    padding-top: 15px;
    color: #919393;
    font-size: 13px;
}

.loginmv {
    margin-bottom: 28px;
}

.registerpic {
    margin-bottom: 28px;
    text-align: center;
}

.login-warning {
    margin: 0px auto;
}

    .login-warning.login-form {
        width: 582px;
    }

.alert-warn {
    background-color: #FCEDE6;
    border-color: #E97537;
    color: #E6641E;
}

.alert[class*=alert-styled-].alert-warn:after, .alert[class*=alert-styled-][class*=bg-warning]:after {
    content: '\e9bd';
}

.captcha-align {
    padding: 15px 0px;
    width: 280px;
    height: 66px;
}

.btn.btn-primary.loginforms {
    text-transform: uppercase;
    font-size: 16px;
}

.form-group .k-dropdown-wrap {
}

.form-control .k-dropdown-wrap .k-input {
    line-height: 38px;
    /*color:#999;*/
}

#AppraisalSubmission tr.k-state-selected {
    background-image: none;
    background-color: #11a1e1;
}

.k-dropdown-wrap.k-state-default.k-state-hover {
    background-color: transparent;
}

.k-dropdown-wrap.k-state-default.k-state-focused.k-state-active {
    background-color: transparent;
    box-shadow: none;
}
/*.form-control span.k-dropdown-wrap:hover {
    background-color:none !important;
}*/
/*.k-dropdown .k-state-active .k-state-selected .k-state-focused {
    background-color: #11a1e1;
}*/
.k-state-selected.k-state-focused,
.k-state-selected.k-state-highlight {
    color: #fff !important;
    background: #11a1e1;
    border-color: #11a1e1;
}

/*.k-item.k-state-hover,
.k-item.k-state-hover:hover
{
  color: #fff;
  background: #FFCB00;
}*/
.k-dropdown-wrap.k-state-focused {
    box-shadow: 0 0 5px rgb(0, 159, 223);
    border: 1px solid rgb(0, 159, 223);
}

#persInfo_DOB:focus {
    box-shadow: 0 0 5px rgb(0, 159, 223) !important;
}

.k-select:focus {
    box-shadow: 0 0 5px rgb(0, 159, 223) !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0, 159, 223) !important;
    border-color: rgb(0, 159, 223) !important;
    -webkit-tap-highlight-color: rgb(0, 159, 223) !important;
}

.registration-form .k-dropdown.form-control {
    height: auto;
}

.aaa {
    width: 104% !important;
}

.ddd {
    color: #009fdf;
}

#eee {
    margin-top: 9px !important;
    margin-left: 40px !important;
}

#ff {
    margin-top: 9px !important;
}

.rr {
    margin-top: 9px !important;
}

.btnSavePersonalInfo1 {
    margin-top: 20px;
    margin-left: 10px;
}

.btnSaveMedicalInfo1 {
    margin-top: 20px;
}

.btnSaveDocuments1 {
    margin-top: 20px;
    margin-left: 10px;
}

.Mentor {
    background-image: url("../../assets/images/search2.SVG");
    width: 32px;
    height: 32px;
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
}

    .Mentor:hover {
        background-image: url("../../assets/images/search3.SVG");
        width: 32px;
        height: 32px;
        background-attachment: scroll;
        background-origin: padding-box;
        background-repeat: no-repeat;
        /*background-position-x: 7px;
    background-position-y: 6px;*/
        background-size: contain;
        background-clip: border-box;
        position: relative;
        top: 0px;
        font-style: normal;
        font-weight: 400;
        line-height: 0;
        -webkit-font-smoothing: antialiased;
    }

.Mentor1 {
    background-image: url("../../assets/images/search2.SVG");
    width: 32px;
    height: 32px;
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    margin-top: -15px;
}

    .Mentor1:hover {
        background-image: url("../../assets/images/search3.SVG");
        width: 32px;
        height: 32px;
        background-attachment: scroll;
        background-origin: padding-box;
        background-repeat: no-repeat;
        /*background-position-x: 7px;
    background-position-y: 6px;*/
        background-size: contain;
        background-clip: border-box;
        position: relative;
        top: 0px;
        font-style: normal;
        font-weight: 400;
        line-height: 0;
        -webkit-font-smoothing: antialiased;
        margin-top: -15px;
    }

.btnSaveEducationalInfo1 {
    margin-top: 20px;
}

#Cycles {
    height: auto !important;
}

.form-control.register.k-autocomplete.k-state-default .k-input {
    box-shadow: none;
    border: 0px;
    padding-left: 0px;
}

.k-autocomplete.k-state-default {
    border-color: #ddd;
}

.k-autocomplete.k-state-hover {
    background: none;
}

.k-autocomplete.k-state-focused {
    box-shadow: 0 0 5px rgb(0, 159, 223);
    border: 1px solid rgb(0, 159, 223);
}

.registration-form .form-control.k-autocomplete .k-loading, .k-multiselect .k-loading {
    position: absolute;
    right: 30px;
    bottom: 10px;
}

.captcha-align-login {
    padding: 0px 6px 0px 0px;
    width: 238px !important;
    height: 40px;
    margin-top: 10px;
}

.btnRefreshImage {
    margin-top: 8px;
    cursor: pointer;
}

.captcha-align-register {
    padding: 0px 6px 0px 0px;
    width: 292px !important;
    height: 35px;
}

.captcha-align-contact {
    padding: 0px 6px 0px 0px;
    width: 250px !important;
    height: 35px;
}

#QuotaGrd {
    height: auto !important;
}

#MyCycleRequests {
    height: auto !important;
}

.btnRefreshImage-register {
    cursor: pointer;
}

.img-pad {
    padding: 0px 0px 10px 0px;
}

.bg-primary-400 {
    background-color: #11a1e1;
    border-color: #11a1e1;
    color: #fff;
}

.btn.bg-primary-400.loginforms {
    text-transform: uppercase;
    font-size: 16px;
}

.btn-labeled > b > i.loginbtn {
    font-size: 20px;
}

.btn-labeled > b.loginbtnico {
    padding: 8px;
}

.btn.loginbtnht {
    padding: 7px 45px 4px 12px;
}

.login-container .page-container .confirmations-form {
    width: 520px;
    text-align: center;
}

.form-control.contact-message {
    height: 100px;
}

.has-feedback-left .k-autocomplete.k-state-default {
    padding-left: 27px;
}

#lstAssets.k-widget {
    border-width: 0px;
    padding: 10px;
}

.thumb-content-padding {
    padding: 10px;
}

.thumbnail .caption.cont-desc {
    padding: 0px 0px 1px 2px;
    padding-top: 6px;
    color: #4d4d4d;
    min-height: 153px;
}

.thumb-tools {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    text-align: center;
}

.icons-list > li {
    margin-left: 8px;
}

.thumb-selectall {
    position: absolute;
    top: 3px;
    width: 20px;
    right: 12px;
}

.modal-bg-blue {
    background-color: #0D9CD1;
    border-color: #0D9CD1;
    color: #fff;
}

span.k-dropdown.form-control {
    height: auto;
    width: auto;
}

.personInfo1 {
    margin-left: 5px;
    width: 109.8% !important;
}

.form-control .k-dropdown-wrap .k-input {
    line-height: 27px;
    /* color: #999; */
}
/*input.k-textbox:hover, textarea.k-textbox:hover {
    border-color: #E4DEDE;
}*/
.uploader .k-upload {
    background-color: transparent;
    border-radius: 3px;
}

.k-tooltip {
    text-align: left !important;
}

.bankcal {
    width: 113.8px !important;
}

.uploader .k-upload-sync .k-upload-button, .k-ie8 .k-upload-button, .k-ie9 .k-upload-button {
    margin: 0px;
    color: #333;
    background-color: #fcfcfc;
    border-color: #ddd;
    border-width: 0px 1px 0px 0px;
    border-radius: 0px;
    margin-left: 1px;
}

.cont-desc h4 {
    font-size: 18px;
}

.cont-desc h5 {
    font-size: 12px;
}

.cont-desc p {
    font-size: 12px;
}

.btngroup {
    /*background: #11a1e1;*/
    /*padding: 3px 6px;*/
}

    .btngroup .k-i-arrow-s {
        background-position: 0px -30px;
    }

.form-control.btngroup {
    border: none;
}

.btngroup .k-dropdown-wrap.k-state-default {
    background: #11a1e1;
    height: 34px;
    padding-top: 2px;
}

.btngroup .k-dropdown-wrap.k-state-focused {
    box-shadow: none;
    border: none;
}

.btngroup .k-dropdown-wrap .k-input {
    color: #fff;
}

.toolbar:hover {
    color: #4d4d4d;
    border-color: #ffcd00;
    background: #ffcd00;
}

.btngroup:hover .k-dropdown-wrap.k-state-default {
    color: #4d4d4d;
    border-color: #ffcd00;
    background: #ffcd00;
}

.btngroup:hover .k-dropdown-wrap .k-input {
    color: #4d4d4d;
}

.btngroup .k-dropdown-wrap.k-state-default.k-state-focused.k-state-active {
    background: #ffcd00;
    color: #4d4d4d;
}

    .btngroup .k-dropdown-wrap.k-state-default.k-state-focused.k-state-active span.k-input {
        color: #4d4d4d;
    }

.radius-border {
    border-radius: 3px 0px 0px 3px;
    border: 0px solid #11a1e1;
}

.btngroup.radius-border-btn .form-control span.k-dropdown-wrap {
    border-radius: 4px 0px 0px 4px !important;
}

.selectallbtn label.btn {
    margin-bottom: 0;
    padding: 0;
    overflow: hidden;
}

label.btn span {
    display: block;
    padding: 8px 12px;
}

label.btn input[type=checkbox] {
    display: none;
}

label.btn input:checked + span, label.btn input:checked .selectallbtn {
    display: block;
    color: #4d4d4d;
    background-color: #ffcd00;
}

.removebrdr {
    border: none;
}

.k-button.k-state-hover {
    color: #4d4d4d;
    border-color: #ffcd00;
    background-color: #ffcd00;
}

.sprogress {
    z-index: 1000;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(27, 32, 36);
    opacity: 0.65;
    filter: alpha(opacity=65);
    cursor: wait;
    position: absolute;
    display: block;
    /*display: block; 
        position:fixed;
        top:0px; 
        right:0px;
        left:0px;
        bottom:0px;
        padding: 10px;
        opacity:25;
        z-index:10000;  
        border:double 0px red;
        margin: auto;
        background-color: #000000;
        opacity: 0.5;
        filter: alpha(opacity=50);*/
}

.sprogress-loader i {
    font-size: 38px;
    color: #fff;
}

.sprogress-loader {
    z-index: 1011;
    position: absolute;
    padding: 0px;
    margin: 0px;
    top: 50%;
    left: 50%;
    text-align: center;
    color: rgb(255, 255, 255);
    border: 0px;
    cursor: wait;
}

.manageasset-requestdownload {
    background: #fff url(../../assets/images/request-download-icon.png) 0px 0px no-repeat;
    width: 38px;
    height: 38px;
}

.manageasset-download {
    background: #fff url(../../assets/images/request-download-rec.png) 0px 0px no-repeat;
    width: 38px;
    height: 38px;
}

.manageasset-publish {
    background: #fff url(../../assets/images/request-publish-icon.png) 0px 0px no-repeat;
    width: 38px;
    height: 38px;
}

.manageasset-delete {
    background: #fff url(../../assets/images/request-delete-icon.png) 0px 0px no-repeat;
    width: 38px;
    height: 38px;
}

.manageasset-restore {
    background: #fff url(../../assets/images/request-restore-icon.png) 0px 0px no-repeat;
    width: 38px;
    height: 38px;
}

.manageasset-edit {
    background: #fff url(../../assets/images/request-edit-icon.png) 0px 0px no-repeat;
    width: 41px;
    height: 38px;
}

.manageasset-preview {
    background: #fff url(../../assets/images/manageasset-preview-icon.png) 0px 0px no-repeat;
    width: 38px;
    height: 38px;
}

.manageasset-move {
    background: #fff url(../../assets/images/manageasset-move-icon.png) 0px 0px no-repeat;
    width: 38px;
    height: 38px;
}

.unauthorised.offline-title {
    font-size: 80px;
}

.text-align-center {
    text-align: center;
}

.error-msg {
    font-size: 16px;
    color: #4d4d4d;
}

.disabled.btn-primary:hover, [disabled].btn-primary:hover, fieldset[disabled] .btn-primary:hover, .disabled.btn-primary:focus, [disabled].btn-primary:focus, fieldset[disabled] .btn-primary:focus, .focus.disabled.btn-primary, [disabled].focus.btn-primary, fieldset[disabled] .focus.btn-primary {
    background-color: #D6D7D7;
    border-color: #D6D7D7;
    color: #ADAFAF;
}

.disabled.btn-primary, .active.disabled.btn-primary, .focus.disabled.btn-primary, .disabled.btn-primary:active, .disabled.btn-primary:focus, .disabled.btn-primary:hover, [disabled].btn-primary, [disabled].active.btn-primary, [disabled].focus.btn-primary, [disabled].btn-primary:active, [disabled].btn-primary:focus, [disabled].btn-primary:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .active.btn-primary, fieldset[disabled] .focus.btn-primary, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #D6D7D7;
    border-color: #D6D7D7;
    color: #ADAFAF;
}

.k-link .k-lg-date-format, .k-link .k-lg-date-format:hover {
    color: #fff;
    text-decoration: none;
}

.k-scheduler .k-scheduler-toolbar .k-state-selected {
    color: #4d4d4d;
    background-color: #ffcd00;
    border-color: #ffcd00;
}

    .k-scheduler .k-scheduler-toolbar .k-state-selected > .k-link {
        color: #4d4d4d;
    }

.k-scheduler .k-scheduler-toolbar ul li.k-state-hover {
    color: #4d4d4d;
    background-color: #ffcd00;
    border-color: #ffcd00;
}

a.btn-primary:hover, a.btn-default:hover {
    color: #4d4d4d ;
}

.k-button-icontext span {
    display: none;
}

.k-selectable button {
    color: #fff;
    border-color: #11a1e1;
    background-color: #11a1e1;
    border-width: 1px;
    border-radius: 4px;
    padding: 5px 14px 4px;
}

    .k-selectable button:hover {
        color: #4d4d4d;
        border-color: #ffcd00;
        background-color: #ffcd00;
    }

.k-selectable tr.k-state-selected button, tr.k-state-selected button:hover {
    color: #4d4d4d;
    border-color: #ffcd00;
    background-color: #ffffff;
}

table tr td button {
    color: #fff;
    border-color: #11a1e1;
    background-color: #11a1e1;
    border-width: 1px;
    border-radius: 4px;
    padding: 5px 14px 4px;
}

    table tr td button:hover {
        color: #4d4d4d;
        border-color: #ffcd00;
        background-color: #ffcd00;
    }

.k-alt, .k-separator, .k-resource.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child {
    background-color: #F7F7F7;
}

.k-pager-wrap .k-link:hover {
    color: #4d4d4d;
    border-color: #ffcd00;
    background: #ffcd00;
}

.k-pager-wrap > a.k-state-disabled:hover {
    border-color: #ccc;
}

.k-grid tr td {
    border-style: solid;
    border-color: #E6E7E7;
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #4d4d4d;
    text-align: center;
}

.k-pager-numbers span.k-state-selected {
    background-color: #11a1e1;
    color: #fff;
    border-color: #11a1e1;
}

.k-widget, .k-grid {
    border-color: #E6E7E7;
}

.form-group input[type=text]:focus, .form-group textarea:focus, .form-group input[type=password]:focus, .form-group input[type=email]:focus {
    width: 99% !important;
}

.k-grouping-header {
    background-color: #F7F7F7;
}

.k-grid {
    border-radius: 2px;
}

.k-grid-header th.k-header {
    background-color: #11a1e1;
}

.k-grid-header, .k-grid-header th.k-head {
    background-color: #11a1e1;
}

    .k-grid-header .k-link:link {
        color: #fff;
    }

tr.k-state-selected {
    color: #4d4d4d;
    background-color: #FFD01A !important;
    border-color: #FFD01A !important;
}
/*
.k-button {
    color: #fff;
    border-color: #11a1e1;
    background-color: #11a1e1;
}
*/
.k-button.k-state-hover {
    color: #4d4d4d;
    border-color: #ffcd00;
    background-color: #ffcd00;
}
/*tr.k-state-selected .k-button:hover, .k-button.k-state-hover {
    color: #4d4d4d;
    border-color: #ffcd00;
    background-color: #ffffff;
}*/
tr.k-state-selected .k-button {
    color: #4d4d4d;
    border-color: #ffcd00;
    /*background-color: #ffffff;*/
}

.k-pager-numbers span.k-state-selected {
    color: #4d4d4d;
    background-color: #FFD01A;
    border-color: #FFD01A;
}

.cssload-spin-box {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    box-shadow: 15px 15px rgb(0,160,218), -15px 15px rgb(255,214,51), -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51);
    -o-box-shadow: 15px 15px rgb(0,160,218), -15px 15px rgb(255,214,51), -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51);
    -ms-box-shadow: 15px 15px rgb(0,160,218), -15px 15px rgb(255,214,51), -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51);
    -webkit-box-shadow: 15px 15px rgb(0,160,218), -15px 15px rgb(255,214,51), -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51);
    -moz-box-shadow: 15px 15px rgb(0,160,218), -15px 15px rgb(255,214,51), -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51);
    animation: cssload-spin ease infinite 4.6s;
    -o-animation: cssload-spin ease infinite 4.6s;
    -ms-animation: cssload-spin ease infinite 4.6s;
    -webkit-animation: cssload-spin ease infinite 4.6s;
    -moz-animation: cssload-spin ease infinite 4.6s;
}



@keyframes cssload-spin {
    0%, 100% {
        box-shadow: 15px 15px rgb(0,160,218), -15px 15px rgb(255,214,51), -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51);
    }

    25% {
        box-shadow: -15px 15px rgb(255,214,51), -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51), 15px 15px rgb(0,160,218);
    }

    50% {
        box-shadow: -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51), 15px 15px rgb(0,160,218), -15px 15px rgb(255,214,51);
    }

    75% {
        box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
    }
}

@-o-keyframes cssload-spin {
    0%, 100% {
        box-shadow: 15px 15px rgb(0,160,218), -15px 15px rgb(255,214,51), -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51);
    }

    25% {
        box-shadow: -15px 15px rgb(255,214,51), -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51), 15px 15px rgb(0,160,218);
    }

    50% {
        box-shadow: -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51), 15px 15px rgb(0,160,218), -15px 15px rgb(255,214,51);
    }

    75% {
        box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
    }
}

@-ms-keyframes cssload-spin {
    0%, 100% {
        box-shadow: 15px 15px rgb(0,160,218), -15px 15px rgb(255,214,51), -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51);
    }

    25% {
        box-shadow: -15px 15px rgb(255,214,51), -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51), 15px 15px rgb(0,160,218);
    }

    50% {
        box-shadow: -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51), 15px 15px rgb(0,160,218), -15px 15px rgb(255,214,51);
    }

    75% {
        box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
    }
}

@-webkit-keyframes cssload-spin {
    0%, 100% {
        box-shadow: 15px 15px rgb(0,160,218), -15px 15px rgb(255,214,51), -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51);
    }

    25% {
        box-shadow: -15px 15px rgb(255,214,51), -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51), 15px 15px rgb(0,160,218);
    }

    50% {
        box-shadow: -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51), 15px 15px rgb(0,160,218), -15px 15px rgb(255,214,51);
    }

    75% {
        box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
    }
}

@-moz-keyframes cssload-spin {
    0%, 100% {
        box-shadow: 15px 15px rgb(0,160,218), -15px 15px rgb(255,214,51), -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51);
    }

    25% {
        box-shadow: -15px 15px rgb(255,214,51), -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51), 15px 15px rgb(0,160,218);
    }

    50% {
        box-shadow: -15px -15px rgb(0,160,218), 15px -15px rgb(255,214,51), 15px 15px rgb(0,160,218), -15px 15px rgb(255,214,51);
    }

    75% {
        box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
    }
}

#nav ul a {
    font-family: "SABIC Typeface Text Light",  Arial, sans-serif !important;
    font-size: 16px;
    color: #939598;
}

.ssp-logo {
    overflow: hidden;
    float: left;
    background: url(../../assets/images/logo.png) no-repeat;
    width: 400px;
    height: 93px;
    margin: 0 10px 0 -1px;
    text-indent: -9999px;
}




.divstatus1 {
    border: 1px solid #4d4d4d;
}



.navbar-rtlogo {
    background: #fff url(../../assets/images/sabic-logo.png) 0px 0px no-repeat;
}


@media (min-width: 769px) {
    .navinternal {
        padding: 18px 20px 19px 20px;
    }
}

.btn-top {
    top: 27px;
}

:not(.navbar-fixed-bottom).footer {
    z-index: 0;
}

.calendar-show {
    cursor: pointer;
}

.k-calendar .k-link.k-nav-fast {
    color: #009fdf;
}

.k-calendar .k-footer .k-nav-today:hover, .k-calendar .k-footer .k-nav-today.k-state-hover {
    background-color: #e6e7e8 !important;
}

.k-calendar .k-nav-fast.k-state-hover {
    text-decoration: none;
    background-color: #ffcd00;
    color: #4d4d4d;
}

.calendar-algn > .k-calendar {
    width: 28.7em;
}

.bg-success {
    background-color: #33B2E1;
    border-color: #33B2E1;
    color: #fff;
    font-size: 14px;
}

.bg-warning {
    background-color: #E6641E;
    border-color: #E6641E;
    color: #fff;
    font-size: 14px;
}

.bg-primary {
    background-color: #275AC2;
    border-color: #275AC2;
    color: #fff;
    font-size: 14px;
}

.k-widget.k-popup {
    background-color: transparent;
    border: none;
    box-shadow: none;
}



.text-semibold {
    padding-right: 10px;
}

.dashbooard-title {
    font-size: 18px;
}

a img {
    border: none;
    border-width: 0;
}
/*Dashboard Nav Icons*/
.home-nav-dashboard {
    background-image: url(../../assets/images/home-nav-dashboard.png);
    width: 100%;
    height: 81px;
    background-position: 50% 0px;
    background-repeat: no-repeat;
}

.gradesharing-nav-dashboard {
    background-image: url(../../assets/images/gradesharing-nav-dashboard.png);
    width: 100%;
    height: 81px;
    background-position: 50% 0px;
    background-repeat: no-repeat;
}

.masterdata-nav-dashboard {
    background-image: url(../../assets/images/masterdata-nav-dashboard.png);
    width: 100%;
    height: 81px;
    background-position: 50% 0px;
    background-repeat: no-repeat;
}

.searchdownload-nav-dashboard {
    background-image: url(../../assets/images/searchdownload-nav-dashboard.png);
    width: 100%;
    height: 81px;
    background-position: 50% 0px;
    background-repeat: no-repeat;
}

.manageuser-nav-dashboard {
    background-image: url(../../assets/images/manageuser-nav-dashboard.png);
    width: 100%;
    height: 81px;
    background-position: 50% 0px;
    background-repeat: no-repeat;
}

.request-nav-dashboard {
    background-image: url(../../assets/images/request-nav-dashboard.png);
    width: 100%;
    height: 81px;
    background-position: 50% 0px;
    background-repeat: no-repeat;
}

.report-nav-dashboard {
    background-image: url(../../assets/images/report-nav-dashboard.png);
    width: 100%;
    height: 81px;
    background-position: 50% 0px;
    background-repeat: no-repeat;
}

.materialcardgen-nav-dashboard {
    background-image: url(../../assets/images/materialcardgen-nav-dashboard.png);
    width: 100%;
    height: 81px;
    background-position: 50% 0px;
    background-repeat: no-repeat;
}

.materialcard-nav-dashboard {
    background-image: url(../../assets/images/materialcard-nav-dashboard.png);
    width: 100%;
    height: 81px;
    background-position: 50% 0px;
    background-repeat: no-repeat;
}

.contact-nav-dashboard {
    background-image: url(../../assets/images/contact-nav-dashboard.png);
    width: 100%;
    height: 81px;
    background-position: 50% 0px;
    background-repeat: no-repeat;
}

/*.mt-15 {
    position: absolute;
    bottom: 32px;
}*/
@media (min-width: 1025px) {
    .col-md-30 {
        width: 30%;
    }
}

@media (min-width: 1025px) {
    .col-md-30 {
        float: left;
    }
}

.col-md-30 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 1614px) {
    .col-md-30 {
        width: 47.7%;
        float: left;
    }
}

@media (max-width: 768px) {
    .col-md-30 {
        width: 47.1%;
        float: left;
    }
}

@media (max-width: 414px) {
    .col-md-30 {
        width: 44.3%;
        float: left;
    }

    h2.select-system {
        font-size: 24px;
    }

    .market-list h2 {
        font-size: 20px;
    }

    .modal-block .intro .image-holder img {
        width: 168px;
        height: 155px;
    }
}

@media (max-width: 375px) {
    .col-md-30 {
        width: 94%;
        float: left;
    }
}

@media (max-width: 412px) {
    .col-md-30 {
        width: 94%;
        float: left;
    }
}

@media (min-width: 1614px) {
    .modal-dialog {
        width: 1002px;
        margin: 30px auto;
    }
}

@media (min-width: 1366px) {
    .modal-lg {
        width: 800px;
    }
}

@media (min-width: 1900px) {
    .modal-lg {
        width: 1002px;
    }
}

@media only screen and (max-width: 767px) {
    .modal-block .image-holder.alignright.selectors {
        background-color: transparent;
    }
}

.title-limit {
    white-space: nowrap;
    /* width: 202px; */
    overflow: hidden;
    text-overflow: ellipsis;
}

.desc-limit {
    overflow: hidden;
    height: 106px;
}

    .desc-limit:after {
        content: '...';
        color: #4d4d4d;
        padding-left: 3px;
    }

@media (min-width: 1025px) {
    .dashbooard-title {
        font-size: 14px;
    }
}

.extlayout {
    border-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.page-container {
    padding-bottom: 20px;
    /*background-color:#fff;*/
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-main .navigation > li > a > span {
        right: -184px;
        width: 184px;
        padding: 13px 20px 11px 20px;
    }
}

#main {
    overflow: inherit;
}

.pack-download {
    background-image: url(../../assets/images/pack-download.png);
    width: 33px;
    height: 33px;
}

.pad-left-remove {
    padding-left: 0px;
}

.pack-icon {
    position: relative;
    top: 19px;
}

.pack-icon-adj {
    position: relative;
    top: 27px;
}

textarea.form-control.creatreq-form {
    height: 111px;
}

.pad-bottom-adj {
    padding-bottom: 17px;
}

.pad-bottom-adj-5 {
    padding-bottom: 22px;
}

.k-numeric-wrap {
    border-width: 0px;
}

    .k-numeric-wrap.k-state-default .k-input {
        box-shadow: none;
        -webkit-box-shadow: none;
        border: none;
    }

.k-numerictextbox {
    height: 30px;
}

.legend-title {
    font-size: 14px;
    color: #E35205;
}

.psnote {
    color: #ff0000;
    font-size: 11px;
}

.mail-template div, .mail-template table {
    width: 100% !important;
}

#main .navbar-header.rolebg.forexternal {
    /*display:none;*/
}

@media screen and (min-width: 360px) {
    /*.sidebar-xs .sidebar-main .navigation > li > a > span {
        background-color:#11a1e1;
        color: #fff;
        border: 0px solid #4d4d4d;
    }
    .sidebar-xs .sidebar-main .navigation > li.active > a > span {
        background-color:#11a1e1;
        color: #fff;
        border: 0px solid #4d4d4d;
    }
    .sidebar-xs .sidebar-main .navigation > li:hover:not(.active) > a:hover {
    color: #fff !important;

}*/
}

@media screen and (min-width: 480px) {
    #main .navbar-header.rolebg.forexternal {
        display: block;
    }
    /*.sidebar-xs .sidebar-main .navigation > li.active > a > span {
        background-color:#11a1e1;
        color: #fff;
        border: 0px solid #4d4d4d;
    }
    .sidebar-xs .sidebar-main .navigation > li.active > a > span:hover {
        background-color:#11a1e1;
        color: #fff;
        border: 0px solid #4d4d4d;
    }
    .sidebar-xs .sidebar-main .navigation > li > a > span {
        background-color:#11a1e1;
        color: #fff;
        border: 0px solid #4d4d4d;
    }
    .sidebar-xs .sidebar-main .navigation > li > a {
    background-color:transparent;
    border: 0px solid #4d4d4d;
    color: #4d4d4d;
}
    .sidebar-xs .sidebar-main .navigation > li > a:hover {
    color: #fff;
}*/
}

@media screen and (min-width: 1002px) {
    #main .navbar-header.rolebg.forexternal {
        display: none;
    }
}

@media screen and (min-width: 980px) {
    #main .navbar-header.rolebg.forexternal {
        display: none;
    }
}

.k-picker-wrap.k-state-default .k-input {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}

.k-picker-wrap.k-state-default {
    border-color: transparent;
}

.k-timepicker.k-header {
    background-color: transparent;
}

.k-picker-wrap.k-state-hover {
    background-color: transparent;
}

input.k-textbox:hover, textarea.k-textbox:hover {
    background-color: #fff;
    color: #333;
    border-color: #E4DEDE;
}

input.k-textbox:focus, textarea.k-textbox:focus, .k-dropdown-wrap:focus {
    box-shadow: 0 0 5px rgb(0, 159, 223);
    border: 1px solid rgb(0, 159, 223);
}

.form-control:focus {
    -webkit-box-shadow: inset 0 1px 1px rgb(0, 159, 223), 0 0 8px rgb(0, 159, 223) !important;
}

.form-control:focus {
    border-color: #ddd;
    box-shadow: 0 0 5px rgb(0, 159, 223);
    border: 1px solid rgb(0, 159, 223);
}

.k-picker-wrap:focus {
    border-color: #ddd;
    box-shadow: 0 0 5px rgb(0, 159, 223);
    border: 1px solid rgb(0, 159, 223);
}

sabic-tooltip + .tooltip > .tooltip-inner {
    background-color: #11a1e1;
    color: #FFFFFF;
    border: 1px solid #11a1e1;
    padding: 15px;
    font-size: 20px;
}

.sabic-tooltip + .tooltip > .tooltip-inner {
    background-color: #11a1e1;
}

.sabic-tooltip + .tooltip.left > .tooltip-arrow {
    border-left-color: #11a1e1;
}

.ht-adjust {
    height: 112px;
}

.breadcrum {
    position: absolute;
    top: 100%;
    right: 0;
    line-height: 0;
    z-index: 99;
    white-space: nowrap;
    text-align: center;
    padding: 28px 0 13px;
}

.searchFieldValidation {
    margin-bottom: 10px;
}

.navmain {
    display: none;
}

.asset-search input {
    height: 37px;
    padding-left: 23px !important;
}

.asset-search:hover {
    background-color: transparent;
}

#VisitorFeedback {
    padding: 10px 20px;
}

.survey {
    border-radius: 3px;
    margin-top: 5px;
    border-color: #ddd;
    color: #4d4d4d;
    background-color: #fff;
    border: 1px solid solid;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.question, .answer {
    display: block;
    text-align: left;
    text-transform: inherit;
    font-size: 13px;
}

.border-left-info {
    border-left-color: #11a1e1;
    border-bottom: 1px solid #eae6e6;
}

.border-left-warning {
    border-left-color: #E6641E;
}

.text-info-txt {
    color: #fff;
}

    .text-info-txt:hover {
        color: #fff;
        cursor: default;
    }

.usericon {
    background: url(../../assets/images/usericon.png) !important;
    background-repeat: no-repeat !important;
    background-position: 1px 1px !important;
}

.passwordlock {
    background: url(../../assets/images/passwordlock.png) !important;
    background-repeat: no-repeat !important;
    background-position: 1px 1px !important;
}

.captchai {
    background: url(../../assets/images/captchai.png) !important;
    background-repeat: no-repeat !important;
    background-position: 1px 1px !important;
}

.has-feedback-left .form-control {
    /*padding-top: 8px;*/
}

.loginico {
    background-image: url(../../assets/images/login-arrow-icon.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0px 2px !important;
}

.loginbtntxt {
    font-family: "SABIC Typeface Text light",'PraxisCom-Regular', Arial, sans-serif;
    font-size: 12px;
    padding-top: 12px;
}

#footer {
    color: #a7a7aa;
    background: #eee;
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    font-family: "SABIC Typeface Text Light", Arial, sans-serif;
    font-size: 12px;
}

    #footer .bar {
        max-width: 1060px;
        margin: 0 auto;
        padding: 10px 0 3px;
    }

        #footer .bar ul {
            position: absolute;
            margin-left: 124px;
        }

            #footer .bar ul a {
                color: #a7a7aa;
                background: none;
                font-family: "SABIC Typeface Text Light", Arial, sans-serif;
                font-size: 12px;
                padding: 0 6px 0 0;
            }

                #footer .bar ul a:hover {
                    background: none;
                    text-decoration: underline;
                    color: #009fdf;
                }

            #footer .bar ul li:after {
                content: "|";
                display: inline-block;
                margin-left: 5px;
            }

            #footer .bar ul li:last-child:after {
                display: none;
            }

            #footer .bar ul li {
                float: left;
                padding: 0 0 0 11px;
            }

        #footer .bar p {
            margin-right: 10px;
        }

.w1-extlayout > #main {
    padding-top: 4px;
}

.collapsemenu {
    background-image: url(../../assets/images/collapsemenu.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0px 2px !important;
}
/*.sidebar-control:hover i {
    background-image: url(../../assets/images/collapsemenu-hover.png) !important;
    background-repeat: no-repeat !important;
    background-position: 0px 2px !important;
}*/
.breadcrumbhome {
    background-image: url(../../assets/images/breadcrumbhome.png) !important;
    background-repeat: no-repeat !important;
    background-position: 2px -1px !important;
    width: 18px;
}

.breadcrumb > li > a {
    font-family: "SABIC Typeface Text light",'PraxisCom-Regular', Arial, sans-serif;
    font-size: 13px;
    color: #4d4d4d;
}

.sidebar-xs .navbar-inverse .navbar-nav > li > a.sidebar-main-toggle {
    padding: 13px 20px;
}

.sidebar-xs .navbar-nav > li > .dropdown-menu {
    margin-top: 1px;
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-main .navigation > li > ul {
        border-left: 1px solid #e4dede;
    }
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-main .navigation > li > ul {
        display: none !important;
        top: 46px;
    }
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-main .navigation > li > a > span {
        background-color: #11a1e1;
        border: none;
        color: #fff;
    }
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-main .navigation > li > a > span {
        background-color: #11a1e1;
        color: #fff;
        padding: 12px 20px 14px 20px;
        border: none;
        right: -260px;
        width: 260px;
    }
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-main .navigation > li:hover:not(.active) > a {
        background-color: #11a1e1 !important;
    }
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-main {
        border-right: 0px solid #eee;
    }

    .sidebar-xs .sidebar-main {
        border-left: 1px solid #eee;
    }

    .sidebar {
        border-left: 1px solid #eee;
    }
}

.dashpanel {
    -webkit-transition: all ease-in-out 0.10s;
    -o-transition: all ease-in-out 0.10s;
    transition: all ease-in-out 0.10s;
}

    .dashpanel:hover {
        border: 1px solid #99D9F0;
        box-shadow: 0 1px 1px rgba(170, 233, 251, .5);
        -webkit-box-shadow: 0 1px 1px rgba(170, 233, 251, .5);
    }

.searchinput .k-autocomplete input[type=text] {
    border: 0px solid #DDDDDD;
}

.searchinput .k-input input[type=text] {
    border: 0px solid #DDDDDD;
}

.k-state-selected td.k-state-focused {
    webkit-box-shadow: inset 0 0 10px 3px #eec932;
    box-shadow: inset 0 0 10px 3px #eec932;
}

.pad-bottom-adj-12 {
    padding-bottom: 12px;
}

.pad-adj {
    padding: 12px 0px;
}

.k-grouping-row td, td.k-group-cell, .k-resize-handle-inner {
    background-color: #f9f9f9 !important;
}

.k-grid tr td {
    border-width: 1px 0 0 0px !important;
}

#divCust h4 {
    font-size: 14px;
}

#divSharingFormatType {
    width: 110px;
}

#ded {
    color: #009fdf;
}

#lea {
    margin-left: 10px !important;
    color: #4d4d4d !important;
}

#year {
    padding-top: 5px;
}

.k-header.k-grid-toolbar {
    /*float: left !important;  
    padding-right: 10px !important;*/
}

#QuotaGrd {
    border-color: #fff !important;
}

.k-datepicker {
    background-color: transparent !important;
}

.form-control-feedback.forsubject {
    left: 0px !important;
}

.k-grid-content {
    border: 1px solid #ddd !important;
    overflow: auto !important;
    width: auto !important;
}

.k-grid td {
    padding: 1em 0.6em !important;
}

.k-widget, .k-grid .forsubject {
    border-color: #ddd !important;
    /* height: 30px !important;*/
}

.form-control.form-subject span.k-input {
    padding-left: 27px;
    color: #999 !important;
}

.form-control.form-title span.k-input {
    padding-left: 27px;
    color: #999 !important;
}

.k-grid tr td {
    word-break: break-word;
}

@media only screen and (max-width:1023px) {
    .block.menu nav .menu-p1 > li > a, .block.menu nav .menu-s1 > li > a {
        color: #fff !important;
    }
}

.nav-ext ul a {
    display: block !important;
    font-size: .95em !important;
    color: #4d4d4d !important;
    text-transform: uppercase !important;
}

.nav-ext ul li {
    padding: .5em .1em .16em .1em !important;
}

    .nav-ext ul li:first-child {
        padding-left: 0px !important;
    }

    .nav-ext ul a:hover, .nav-ext ul li:hover a {
        color: #fff !important;
    }

.footer-ext {
    bottom: 0px !important;
    right: 1px !important;
}



.ext-template .page-container {
    min-height: inherit !important;
}

.ext-template .content h2:nth-child(1) {
    color: #4d4d4d;
    font-family: 'SABIC Typeface Headline';
    font-weight: 300;
    font-size: 22px;
    margin: 0.5em 0 0.7em;
}

.ext-template .content p {
    line-height: 1.5;
    font-size: 1.11em;
    color: #4d4d4d;
}

.ext-template .content h2:nth-of-type(3n+2) {
    color: #4d4d4d;
    font-family: 'SABIC Typeface Headline';
    font-weight: 300;
    font-size: 18px;
    margin: 1em 0 0.7em;
}

.ext-template .content ul li {
    line-height: 1.7;
    font-size: 1.11em !important;
    color: #4d4d4d !important;
    font-family: "SABIC Typeface Text Light","PraxisCom-Regular", Arial, sans-serif !important;
}

.ext-template .content .panel {
    border: none;
    border-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}
/*.ext-template #divGrid {
    margin-top:-20px;
    margin-left:-20px;
}
.ext-template .tabcontentcontainer {
    margin-left:20px;
}
.ext-template .panel-body {
    margin:-20px -20px 20px 0px;
}*/
.ext-template .content .k-grid-header th.k-header {
    background-color: #009fdf !important;
}

.ext-template .content .k-grid-header .k-header > span.k-link {
    color: #fff !important;
}

.ext-template .content .k-grid-header, .k-grid-header th.k-head {
    background-color: #f6f6f6 !important;
}

.ext-template #maincontentright .menu_blue {
    display: none;
}

.ext-template #maincontentright .menu_yellow {
    border-bottom: 1px solid #eee;
    background: none !important;
    height: auto;
}

.navbar-inverse .navbar-nav > li > a.sidebar-main-toggle {
    padding: 13px 19px !important;
}

@media all and (min-width:769px) {
    .ext-template .sidebar-xs .sidebar-main {
        border-right: 0px solid #eee !important;
    }
}

.ext-template .navbar-brand {
    display: none;
}

/*.ext-template #subcontentfull .panel {
    margin-left:20px;
}*/
.ext-template hr.blue {
    margin: 0 0 0 !important;
}

.ext-template .login-box-opaque {
    border: 1px solid transparent !important;
    border-color: #ddd !important;
}

.ext-template .navbar-inverse .navbar-nav .navbar-right > li > a:hover, .navbar-inverse .navbar-nav .navbar-right > li > a:focus {
    background-color: transparent;
}

.ext-template .panel-heading {
    /*background-color:#f6f6f6;*/
    padding: 0px 0px 16px 18px;
}

.homecontents {
    padding: 20px 0px 0px 0px;
}

.ext-template #subcontentfull .homecontents {
    padding: 0px 20px 20px 20px;
}

.ext-template #subcontentfull .captcha-align-contact {
    width: 230px !important;
}

.ext-template #subcontentfull .panel-heading.search {
    display: none;
}

.ccc {
    color: #939598 !important;
}

.ext-template #subcontentfull .row.rowborder {
    padding-top: 10px;
}

.internal-template #subcontentfull .homecontents {
    padding: 0px 20px 20px 20px;
}

.internal-template .panel-heading.search {
    display: none;
}

.ext-template .panel-heading.search {
    padding-top: 16px;
}

    .ext-template .panel-heading.search h5.panel-title {
        font-size: 24px;
        color: #a7a7aa;
        display: none;
    }

.btn-float-toolbar {
    white-space: normal;
}

.bgnone {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

    .bgnone:hover, .bgnone:focus, .bgnone.focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #009FDF;
        background-color: transparent;
    }

.rowborder {
    border-bottom: 1px solid #E6E7E8;
}

.internal-template .icons-list .btn-float {
    padding: 0px 6px 16px 0px;
}

.ext-template .adjtoolbar {
    margin-top: -18px;
}

.ext-template .icons-list .btn-float {
    padding: 0px 6px 16px 0px;
}

.ext-template .padtopsearch {
    padding-top: 20px;
}

.padarrowsearch {
    margin: 32px 0px 20px 0px;
    text-align: center;
}

#grdGrade:before {
    content: "\ee36";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    position: absolute;
    top: -24px;
    left: 42%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #009FDF;
}

#grdEnvironments:before {
    content: "\ee36";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    position: absolute;
    top: -24px;
    left: 42%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #009FDF;
}

#grdUnits:before {
    content: "\ee36";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    position: absolute;
    top: -24px;
    left: 42%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #009FDF;
}

#grdCardDefinition:before {
    content: "\ee36";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    position: absolute;
    top: -24px;
    left: 42%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #009FDF;
}

#grdDocumentCategory:before {
    content: "\ee36";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    position: absolute;
    top: -24px;
    left: 42%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #009FDF;
}

.prodheight .k-grid-content {
    height: 343px;
}

.softheight .k-grid-content {
    height: 343px;
}

.btnMaterialCard {
    background-image: url(../../assets/images/materialcard-toolbar.png) !important;
    background-position: center 0px;
    background-repeat: no-repeat;
    height: 72px;
    padding-top: 41px !important;
}

.btnValidationDocument {
    background-image: url(../../assets/images/validationdoc-toolbar.png) !important;
    background-position: center 0px;
    background-repeat: no-repeat;
    height: 72px;
    padding-top: 41px !important;
}

.btnDocument {
    background-image: url(../../assets/images/applicationdoc-toolbar.png) !important;
    background-position: center 0px;
    background-repeat: no-repeat;
    height: 72px;
    padding-top: 41px !important;
}

.internal-template .btnMaterialCard, .internal-template .btnValidationDocument, .internal-template .btnDocument {
    padding-top: 60px !important;
}
/*.ext-template .btnMaterialCard, .ext-template .btnValidationDocument, .ext-template .btnDocument {
    padding-top:44px !important;
}*/
.add-materialcard-toolbar {
    background-image: url(../../assets/images/add-materialcard.png) !important;
    background-position: center 0px;
    background-repeat: no-repeat;
    width: 57px;
    padding-top: 41px !important;
}

    .add-materialcard-toolbar:hover {
        background-position: center 0px !important;
    }

.download-materialcard-toolbar {
    background-image: url(../../assets/images/download-materialcard.png) !important;
    background-position: center 0px;
    background-repeat: no-repeat;
    width: 57px;
    padding-top: 41px !important;
}

    .download-materialcard-toolbar:hover {
        background-position: center 0px !important;
    }

.add-valdoc-toolbar {
    background-image: url(../../assets/images/add-valdoc.png) !important;
    background-position: center 0px;
    background-repeat: no-repeat;
    width: 57px;
    padding-top: 41px !important;
}

    .add-valdoc-toolbar:hover {
        background-position: center 0px !important;
    }

.download-valdoc-toolbar {
    background-image: url(../../assets/images/download-valdoc.png) !important;
    background-position: center 0px;
    background-repeat: no-repeat;
    width: 57px;
    padding-top: 41px !important;
}

    .download-valdoc-toolbar:hover {
        background-position: center 0px !important;
    }

.add-appdoc-toolbar {
    background-image: url(../../assets/images/add-valdoc.png) !important;
    background-position: center 0px;
    background-repeat: no-repeat;
    width: 57px;
    padding-top: 41px !important;
}

    .add-appdoc-toolbar:hover {
        background-position: center 0px !important;
    }

.download-appdoc-toolbar {
    background-image: url(../../assets/images/download-appdoc.png) !important;
    background-position: center 0px;
    background-repeat: no-repeat;
    width: 57px;
    padding-top: 41px !important;
}

    .download-appdoc-toolbar:hover {
        background-position: center 0px !important;
    }

.mybasket-toolbar {
    background-image: url(../../assets/images/view-basket.png) !important;
    background-position: center 0px;
    background-repeat: no-repeat;
    width: 57px;
    padding-top: 60px !important;
}

.download-appdoc-toolbar:hover {
    background-position: center 0px !important;
}

.ext-template .btnDocument + .popover {
    white-space: normal !important;
}

.internal-template .btnDocument + .popover {
    white-space: normal !important;
}

.ext-template .adjtoolbar .popover {
    white-space: nowrap;
}

.internal-template .adjtoolbar .popover {
    white-space: nowrap;
}

.gridshover .k-grid tr td:hover {
    cursor: pointer;
}

.ext-template tr.k-state-selected {
    color: #fff !important;
    background-color: #009FDF !important;
    border-color: #009FDF !important;
}

.ext-template .k-state-selected td.k-state-focused {
    -webkit-box-shadow: inset 0 0 10px 3px #009FDF;
    box-shadow: inset 0 0 10px 3px #009FDF;
}

.internal-template .panel-body.search-body {
    padding-top: 20px;
}

.internal-template .padtopsearch {
    padding-top: 20px;
    padding-left: 2px;
}

.internal-template .rowborder {
    padding-bottom: 4px;
    padding-top: 12px;
}

.ext-template .rowborder {
    padding-bottom: 4px;
}

.ext-template #subcontentfull .contactcontent .col-lg-offset-2 {
    margin-left: 2%;
}

.ext-template #subcontentfull .contactform .sidenav-container {
    display: none;
}

.menuhighlighter li .active {
    background-color: #009FDF !important;
    /*padding:.5em .5em  .16em .5em !important;*/
}

    .menuhighlighter li.active a {
        color: #fff !important;
    }

#grdUpdated {
    overflow: auto;
}

#grdBasket {
    overflow: auto;
}

.ext-template #box {
    background: #fff;
}

.ext-template .toolbarholder {
    position: relative;
    top: 0px;
}

.ext-template .sticky-scroll-box {
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ext-template .fixed {
    position: fixed !important;
    top: 0px !important;
    z-index: 1;
    width: 99%;
    padding-top: 22px;
    background-color: #fff;
}

.internal-template .toolbarholder {
    position: relative;
    top: 0px;
}

.internal-template .sticky-scroll-box {
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


form label.required:after {
    color: red;
    content: " *";
}

.internal-template .fixed {
    position: fixed !important;
    top: 0px !important;
    z-index: 1;
    width: 99%;
    padding-top: 22px;
    background-color: #fff;
}

.updatedpanel #grdUpdated {
    overflow-x: scroll;
}

.selectedpanel #grdBasket {
    overflow-x: scroll;
}

.k-grid .k-group-col, .k-grid .k-hierarchy-col {
    width: auto !important;
}

.makeCenter {
    text-align: center;
}

.modal-footer {
    padding: 0px !important;
}

.Filter {
    background-image: url("../../assets/images/filter.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 26px;
    padding-top: 9px;
    padding-bottom: 11px;
}


.veiw {
    background-image: url("../../assets/images/veiw.svg") !important;
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-top: 24px;
    padding-bottom: 11px;
    display: block !important;
}

.manageRegular {
    background-image: url("../../assets/images/manageRegular.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 26px;
    padding-top: 9px;
    padding-bottom: 11px;
}

.Download {
    background-image: url("../../assets/images/Download.svg") !important;
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-top: 24px;
    padding-bottom: 11px;
    display: block !important;
}

.createoppdesign{

    border:1px solid #dddddd;
    width:100% !important;
    border-radius:3px;
    background-color:#fafafa!important;
    line-height:30px ;
height:32px !important;
}

.pandesign{
    margin-left:-3.5% !important;
}
.km-switch-label-on {
    left: -281% !important;
}

.km-switch {
    width: 120px;
}

.km-switch-label-on, .km-switch-label-off {
    top: 0px;
}

.km-switch-label-off {
    left: 145%;
}

.km-switch-handle {
    width: 30px;
}

.km-switch-background {
    background-position: 9.3em 0;
}

.divstatusdesign {
    font-family: "SABIC Typeface Headline light","PraxisCom-Regular", Arial, sans-serif !important;
    font-size: 15px;
}
.action1 {
    background-image: url("../../assets/images/action.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 26px;
    padding-top: 9px;
    padding-bottom: 11px;
}

.sign {
    background-image: url("../../assets/images/sign.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 26px;
    padding-top: 9px;
    padding-bottom: 11px;
}

.action {
    background-image: url("../../assets/images/action.svg");
    background-attachment: scroll;
    background-origin: padding-box;
    background-repeat: no-repeat;
    /*background-position-x: 7px;
    background-position-y: 6px;*/
    background-size: contain;
    background-clip: border-box;
    position: relative;
    top: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    padding-left: 56px;
    padding-top: 21px;
    padding-bottom: 19px;
}
.divSabicID3 {
    margin-top: -18px;
    margin-left: 80px;
} 
.designalign{
    margin-left:-19px;
}
.k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item{
    /*margin:0px 7px 0px 7px !important;*/
    margin:0px 0px 0px 0px !important;
}
.pullr{
color:#009fdf;
}
.divSabicID5 {
    margin-top: -15px;
    margin-left: 18px;
} 
.divSabicID9 {
    margin-top: -15px !important;
    margin-left: -16px !important;
} 
.designalign5{
margin-left:-55px;
}
.k-tabstrip-items .k-item:hover{
    background-color:#009fdf !important;
    color:#fff !important;
}

.k-state-selected {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0,0) inset !important;
    box-shadow: inset 0px 0px 0px rgba(0,0,0,0) !important;
}



.fsdesign {
    border: 1px solid #939598 !important;
    border-radius: 10px !important;
    background-color: #efefef !important;
}
.edittabledesign table {
    table-layout:auto;
}

.teste {
    margin-left: 129px;
}
.oppdesign{
    margin-left:-25px;
}