/* Move down content because we have a fixed navbar that is 50px tall */
html {
    overflow-x: hidden;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
    border: none;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    /*max-width: 280px;*/
}

textarea {
    resize: none;
    box-shadow: none !important;
    outline: none !important;
}


button {
    outline: none !important;
}

    button::-moz-focus-inner {
        border: 0 !important;
    }

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 100% !important;
    }
}


div, span, label, input, select, li {
    font-family: 'Neue Helvetica W05',Helvetica,Arial !important;
    box-shadow: none;
    outline: none;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    div, span, label, input, select, li {
        font-family: 'Neue Helvetica W05-n3',Helvetica,Arial !important;
    }

    .HelveticaW05 {
        font-family: 'Neue Helvetica W05-n3',Helvetica,Arial !important;
    }
}


/*#region Font*/
.center {
    margin: auto;
    width: 65%;
    padding: 10px;
}

.ArialFont {
    font-family: Arial !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    div, span, label, input, select, li {
        font-family: 'Neue Helvetica W05-n3',Helvetica,Arial !important;
    }

      .HelveticaW05 {
        font-family: 'Neue Helvetica W05-n3',Helvetica,Arial !important;
    }
}

.HelveticaeTextW01 {
    font-family: 'Neue Helvetica eText W01',Helvetica,Arial !important;
}


.LightFontWeight {
    font-weight: 300 !important;
}

.NormalFontWeight {
    font-weight: 400 !important;
}

.MediumFontWeight {
    font-weight: 500 !important;
}

.BoldFontWeight {
    font-weight: 700 !important;
}


.FontSize9pt {
    font-size: 9pt !important;
}

.FontSize10pt {
    font-size: 10pt !important;
}

.FontSize11pt {
    font-size: 11pt !important;
}

.FontSize17pt {
    font-size: 17pt !important;
}

.ExtarLightWeight {
    font-weight: 300;
}

.NormalWeight {
    font-weight: 400;
}

.BoldWeight {
    font-weight: 700 !important;
}

.ExtraBoldWeight {
    font-weight: 800;
}

.NormalFontStyle {
    font-style: normal;
}

.MediumWeight {
    font-weight: 500 !important;
}

.BlackWeight {
    font-weight: 900;
}

.LineHeight34 {
    line-height: 34px !important;
}

.LineHeight30 {
    line-height: 34px !important;
}

.lineHeight09 {
    line-height: 0.9;
}

.lineHeight08 {
    line-height: 0.8;
}

.lineHeight07 {
    line-height: 0.7;
}

.lineHeight06 {
    line-height: 0.6;
}

.FontSize9 {
    font-size: 9px !important;
}

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

.FontSize11 {
    font-size: 11px !important;
}

.FontSize12 {
    font-size: 12px !important;
}

.FontSize13 {
    font-size: 13px !important;
}

.FontSize14 {
    font-size: 14px !important;
}

.FontSize15 {
    font-size: 15px !important;
}

.FontSize16 {
    font-size: 16px !important;
}

.FontSize18 {
    font-size: 18px !important;
}

.FontSize19 {
    font-size: 19px !important;
}

.FontSize20 {
    font-size: 20px !important;
}

.FontSize22 {
    font-size: 22px;
}

.FontSize24 {
    font-size: 24px;
}

.FontSize28 {
    font-size: 28px;
}

/*#endregion */


/*#region General */

/*#region Colors */


.WhiteColor {
    color: #fff !important;
}

.BlueColor {
    color: #0076A8 !important;
    -webkit-text-fill-color: #0076A8 !important;
}

.DarkTextColor {
    color: #393C3D;
}

.LightBlueColor {
    color: #0AA3E5 !important;
}

.LightBlackColor {
    color: #505050;
}

.DarkBlackColor {
    color: #363636;
}

.OrangeColor {
    color: #F24A00;
}

.WhiteBackGround {
    background-color: #fff !important;
}

/*#endregion */


/*#region Position*/
.positionAbsolute {
    position: absolute;
}

.positionRelative {
    position: relative;
}

.TopZero {
    top: 0px;
}

.BottomZero {
    bottom: 0px;
}

/*#endregion */


/*#region Margin*/

.MarginTop33 {
    margin-top: 33px;
    line-height: 34px
}

.MarginTop7 {
    margin-top: 7px;
}

.MarginTop0 {
    margin-top: 0px !important;
}


.MarginTop18 {
    margin-top: 18px;
}

.MarginBottom10 {
    margin-bottom: 10px;
}

.MarginBottom15 {
    margin-bottom: 15px;
}

.MarginLeft163 {
    margin-left: 163px !important;
}

.MarginBottom18 {
    margin-bottom: 18px;
}

.MarginBottom20 {
    margin-bottom: 20px;
}

.MarginBottom25 {
    margin-bottom: 25px;
}

.MarginBottom30 {
    margin-bottom: 30px;
}

.MarginBottom35 {
    margin-bottom: 35px;
}

.MarginBottom40px {
    margin-bottom: 40px;
}

.MarginBottom55 {
    margin-bottom: 55px;
}

.MarginBottom60 {
    margin-bottom: 60px;
}

.MarginBottom70 {
    margin-bottom: 70px;
}

.MarginRight5 {
    margin-right: 5px !important;
}

.MarginLeft138 {
    margin-left: 138px !important;
}

.NoMargin {
    margin: 0px !important;
}


/*#endregion */


/*#region Padding*/

.NoPadding {
    padding: 0px !important;
}


.PaddingBottom8Px {
    padding-bottom: 8px;
}

.PaddingLeftRight20 {
    padding-left: 20px;
    padding-right: 20px;
}

.Padding40px {
    padding: 0px 40px;
}

.PaddingTop20 {
    padding-top: 26px;
}

.ItemListPadding {
    padding: 5px 2px !important
}

/*#endregion */


/*#region Display*/

.InlineBlock {
    display: inline-block;
}

.DisplayNone {
    display: none;
}

.DisplayTableCell {
    display: table-cell;
}

.DisplayInline {
    display: inline-block;
}

.DisplayBlock {
    display: block;
}

.DisplayFlex {
    display: flex !important;
}

/*#endregion */


/*#region Align */

.VAlignMiddle {
    vertical-align: middle;
}

.VAlignBottom {
    vertical-align: bottom;
}

.VAlignTop {
    vertical-align: top;
}

.VAlignMiddle {
    vertical-align: middle;
}

/*#endregion */


/*#region Float*/

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}
/*#endregion */


/*#region ButtonStyle*/

/*.ButtonStyle1 {
    height: 34px;
    width: 120px;
    background-color: #1991ce;
    border: 1px solid #1991ce;
    font-weight: bold;
    color: #fff;
}

.ButtonsStyle1 {
    font-size: 18pt;
    background-color: transparent;
    border: 0px solid black;
    font-weight: normal;
}*/

.ButtonColor1 {
    color: #0d5f93;
}

.ButtonColor2 {
    color: #d91717;
}

.ButtonColor3 {
    color: #318f25;
}
/*#endregion */


/*#region Height&Width*/

.FullHeight {
    height: 100%;
}

.FullWidth {
    width: 100%;
}

.HalfWidth {
    width: 50%;
}

.MinHeight {
    min-height: 100%;
}

/*#endregion */


/*#region General*/

.ValidationError {
    border: 2px solid #a94442 !important;
}

.CurrentSection {
    color: #fff !important;
    font-weight: bold;
    font-size: 14pt;
}

.HeaderStyle1 {
    background-color: #f5f5f5;
    border-bottom: 1px solid #c6c6c6;
}

.LabelColor {
    color: #464646;
}

.HeaderCell {
    /*padding-bottom: 5px !important;*/
}

.PagerElementRight {
    margin-right: 5px;
    text-decoration: none;
    background-color: transparent;
    border: none;
    color: #035e8e;
}

.ActionEdit {
    color: #035e8e;
    cursor: pointer;
}

.ActionMenue {
    color: #000000;
    margin-left: 10px;
    margin-top: 2px;
    float: right;
    background-color: transparent;
    border: solid 0px transparent;
}

.NoBorder {
    border: none !important;
}

.NoBorderBottom {
    border-bottom: none !important;
}

.ZeroBorderBottom {
    border-bottom-width: 0px !important;
}

.txtCenter {
    text-align: center !important;
}

.txtRight {
    text-align: right;
}

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


.Default {
    cursor: default;
}

.PointerCursor {
    cursor: pointer;
}


/*#endregion */

/*#endregion */


/*#region Overlay*/

.overlay {
    position: fixed;
    z-index: 9898989898;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000000;
    filter: alpha(opacity=55);
    opacity: 0.55;
}

.overlayContent h2 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.overlayContent img {
    width: 80px;
    height: 80px;
}

.overlayContent {
    z-index: 99;
    margin: 250px auto;
    width: 80px;
    height: 80px;
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*#endregion */


/*#region TableStyle*/

.Table {
    display: table;
}

.TableCell {
    display: table-cell;
}

.DisplayTable {
    display: table;
}

.DisplayTableRow {
    display: table-row;
}

.DisplayTableCell {
    display: table-cell;
}
/*#endregion */


/*#region Div.ListItem*/

div.ListItemRow {
    height: 30px;
    margin-top: 15px;
    padding-left: 20px;
    margin-right: 0px;
    background-color: rgba(22, 144, 206,0.08);
}

div.ListItemRowNoHeight {
    padding-top: 5px;
    margin-top: 15px;
    padding-left: 36px;
    margin-right: 0px;
    background-color: rgba(22, 144, 206,0.08);
}

div.ListItemRankRow {
    height: 30px;
    margin-top: 15px;
    padding-left: 36px;
    margin-right: 0px;
    background-color: rgba(22, 144, 206,0.03);
}

div.RankCell {
    height: 30px;
    padding-bottom: 5px;
    background-color: rgba(22, 144, 206,0.08);
}

div.ListItemColumnRank {
    margin-top: 0px;
    padding-left: 36px;
    margin-right: 0px;
    background-color: rgba(22, 144, 206,0.03);
}

div.ListItemSubRow {
    margin-top: 0px;
    padding-left: 66px;
    margin-right: 0px;
    background-color: #ffffff;
}

.ListFooter {
    height: 55px;
    background-color: #f5f5f5;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    position: fixed;
    bottom: 0;
}

/*#endregion */


/*#region switch-field*/

.switch-field {
    padding: 0px;
    overflow: hidden;
    display: inline-block;
}

.switch-title {
    margin-bottom: 6px;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    float: left;
    margin-bottom: 0px;
}

.switch-field label {
    display: inline-block;
    background-color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    padding: 6px 14px;
    border: 1px solid #464646;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

    .switch-field label:hover {
        cursor: pointer;
    }

.switch-field input:checked + label {
    color: #fff;
    background-color: #464646;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.switch-field label:first-of-type {
    border-radius: 0px 0 0 0px;
}

.switch-field label:last-of-type {
    border-radius: 0 0px 0px 0;
    /*border-left:none;*/
}
/*#endregion */


/*OrderPlus Webforms Style*/

/*#region Login page*/

.MainLoginContainer {
    background-color: #F2F2F2;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    overflow: auto;
    /*height:900px;
    width: 1280px;*/
}

.SubLoginContainer {
    background-image: url(Content/Images/Elements/Login/img_login.png) !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /*background-size: cover;*/
    /*overflow: auto;*/
    margin-top: 109px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    /*margin: 109px 95px 109px 95px;*/
    width: 1138px;
    height: 732px;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-position: center center;
    /*background-size: 1090px 680px;*/
    /*position:fixed;*/
    background-size: 1138px 732px;
}

.SubLoginContainer2 {
    background-image: url(../Content/Images/Elements/Login/Login_2.jpg) !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    margin-top: 109px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    width: 1138px;
    height: 732px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1138px 732px;
}

.RightPane {
    /*background-color: white;*/
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    overflow: auto;*/
}


.LeftPane {
    /*background-image: url(../Content/Images/Client/Elements/Login/img_login_core1.png);*/
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    overflow: auto;*/
}


.logoImage {
    position: relative;
    top: 56px;
    margin-left: 64px;
    width: 93px;
    height: 64px;
    background-image: url(../Content/Images/Elements/Login/img_logo_sixsigma1_white.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.WelcomeImage {
    /*position: relative;*/
    margin-top: 213px;
    margin-left: 64px;
    width: 270px;
    height: 104px;
    background-image: url(../Content/Images/Elements/Login/img_logo_promethus.png);
    background-size: 100%;
    /*background-repeat: no-repeat;*/ */
}

.btnlogin {
    width: 340px;
    height: 50px;
    background-color: #46B40D;
    /*background-image: url(Content/Images/Buttons/btn_Login_green.png);*/
    color: white;
    border: none;
    border-radius: 3px;
    font-size: 18px;
    cursor: pointer;
}

.btnNewAssessment {
    width: 170px;
    height: 36px;
    background-color: #FF5501;
    /*background-image: url(Content/Images/Buttons/btn_Login_green.png);*/
    color: white;
    border: none;
    border-radius: 3px;
    font-size: 18px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
}

.txtLogin {
    width: 340px;
    height: 50px;
    padding: 8px 3px 10px 8px;
    border: 1px solid #E9E9F0;
    border-radius: 5px;
}

.HelveticaW05 {
    font-family: 'Neue Helvetica W05-n3',Helvetica,Arial !important;
}

.HelveticaeTextW01 {
    font-family: 'Neue Helvetica eText W01',Helvetica,Arial !important;
}

.txtLogin:focus {
    outline: none;
}

/*#endregion*/


/*#region MasterPage*/

.CustomBodyStyle {
    background-color: #f5f6f8;
    min-height: 100%;
    padding: 0;
}

.MainContainer {
    background-color: white;
    min-height: 100%;
    display: block;
    padding-left: 110px;
    padding-right: 40px;
    padding-top: 0px;
}

.ModalContent {
    margin: 0 auto;
    position: relative;
    height: 100%;
    max-width: 1280px;
}

.ModalContentNav {
    margin: 0 auto;
    position: relative;
    height: 100%;
    max-width: 1280px;
}

.modal-full {
    min-width: 100%;
    margin: 0;
    padding: 0 !important
}

    .modal-full .modal-content {
        min-height: 100vh;
        border-radius: 0;
        border: none;
    }

.canvasjs-chart-credit {
    display: none;
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: none !important;
}

.dropzone {
    min-height: unset !important;
    border: none !important;
}


/*#region MasterMainbar*/

.MasterMainbar {
    top: 0;
    left: 0px;
    right: 0;
    /*position: fixed;*/
    position: relative;
    height: 56px;
    overflow: hidden;
    background-color: rgb(12 51 42);
    border-bottom: 1px solid rgb(12 51 42);
    box-sizing: border-box;
    z-index: 9;
}

.pnl-icon {
    background-color: rgb(12 51 42) !important;
}

.MasterSecondbar {
    top: 56px;
    left: 0px;
    right: 0;
    height: 64px;
    overflow: hidden;
    /* background-color: #383636;  --old*/
    background-color: rgb(57 166 109);
    box-sizing: border-box;
    z-index: 9;
    min-width: 1280px;
}

.SearchIcon {
    background-image: url('../Content/Images/Icons/icon_Search.png');
    background-repeat: no-repeat;
    background-size: 24px 56px;
    background-position: center;
    float: left;
    width: 24px;
    height: 56px;
    margin-right: 25px;
}

.AddIcon {
    background-image: url(../Content/Images/Icons/icon_op_QuickAdd.png);
    width: 24px;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center;
}

    .AddIcon:hover {
        cursor: pointer;
    }


.NotifiIconOff {
    background-image: url(../Content/Images/Icons/icon_Notification_off.png);
    width: 24px;
    height: 56px;
    background-size: 24px 56px;
    background-repeat: no-repeat;
    /*background-position: center;*/
    cursor: pointer;
    float: right;
    margin-right: 19px;
}

.vl {
    border-right: 1px solid #868484;
    height: 32px;
    margin-top: 12px;
}

.NotifiIconON {
    background-image: url(../Content/Images/Icons/icon_Notification_on.png);
    width: 24px;
    height: 56px;
    background-size: 24px 56px;
    background-repeat: no-repeat;
    /*background-position: center;*/
    cursor: pointer;
    float: right;
    margin-right: 19px;
    /*width: 26px;
    background-repeat: no-repeat;
    background-size: 26px 31px;
    background-position: center;
    background-position-y: 6px;
    background-position-x: center;
    cursor: pointer;
    height: 100%;
    float: left;*/
}

/*Telerik Combo*/

.rcbActionButton {
    margin-right: 5px !important;
    margin-top: 7px !important;
}

.RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown
.rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems,
.RadComboBoxDropDown .rcbCheckAllItemsHovered {
    padding: 5px 10px 5px 2px !important;
    margin: 0px;
}

.RadComboBoxListStyle li {
    color: #4d565c;
    font-size: 13px;
    margin: 0px !important;
}

    .RadComboBoxListStyle li > label {
        width: 100% !important;
    }

.RadComboBoxListBorderBottom li {
    border-bottom: 1px solid #F1F1F3;
}

input.InputValue5 {
    margin-top: 0px !important;
    color: #0878B4 !important;
    line-height: 18px;
    height: 28px !important;
}


input.InputValue6 {
    margin-top: 3px !important;
    color: #333333 !important;
    font-size: 14px;
}

.RadComboBox_Default .rcbDisabled .rcbInput {
    color: #393C3D !important;
    -webkit-text-fill-color: #393C3D;
}

.RadComboBoxListStyle2 .rcbItem, .RadComboBoxListStyle2 .rcbHovered {
    padding: 12px 10px 12px 12px !important;
    border-bottom: 1px solid #F1F1F3;
    color: #363B3E !important;
}

/**/

.btnInvoke {
    background-image: url(../Content/Images/Buttons/btn_Invoke_vermilion.png);
    background-size: cover;
    width: 130px;
    height: 34px;
}

.btnName {
    background-color: white;
    height: 28px;
    border-left: 1px solid #EBEBF2;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 4px;
    color: #4D4F5C;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-menu {
    z-index: 7987654;
}

/*#endregion */

/*#region section & tab*/
.MasterTabImage {
    background-size: contain;
    background-repeat: no-repeat;
}

.MasterCurrentSection {
    width: 105px;
    height: 28px;
}

.MasterTab {
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
    align-content: flex-end;
    /*float:right;*/
}

    .MasterTab:hover {
        cursor: pointer;
    }

.OpertaionalTab {
    background-image: url(../Content/Images/Elements/Dashboard/tab_dash_Operations.png);
    width: 123px;
    float: left;
}

    .OpertaionalTab.Selected {
        background-image: url(../Content/Images/Elements/Dashboard/tab_dash_Operations_selected.png);
        width: 123px;
        float: left;
    }



.FinancialTab {
    background-image: url(../Content/Images/Elements/Dashboard/tab_dash_Financial.png);
    width: 105px;
    float: right;
}

    .FinancialTab.Selected {
        background-image: url(../Content/Images/Elements/Dashboard/tab_dash_Financial_selected.png);
        width: 105px;
        float: right;
    }


.OrderPlusTab {
    background-image: url(../Content/Images/Elements/Administration/tab_admin_OrderPlus.png);
    width: 114px;
    float: left;
}

    .OrderPlusTab.Selected {
        background-image: url(../Content/Images/Elements/Administration/tab_admin_OrderPlus_selected.png);
    }

.OrderDirectTab {
    background-image: url(../Content/Images/Elements/Administration/tab_admin_OrderDirect.png);
    width: 127px;
    float: left;
}

    .OrderDirectTab.Selected {
        background-image: url(../Content/Images/Elements/Administration/tab_admin_OrderDirect_selected.png);
    }

.AdminSection {
    height: 28px;
    width: 156px;
    background-image: url(../Content/Images/Central/Tabs/tab_administrator_selected.png);
}

.OrderSection {
    height: 28px;
    width: 73px;
    background-image: url(../Content/Images/Elements/Orders/element_orders_Title.png);
}

/*//Main Header Tabs*/

.MasterLeftPaneHeader {
    /*position: relative;
    top: 0;
    height: 70px;
    width: 460px;
    background-size: cover;*/
    /*background-size: 198px 40px;*/ /*width: 248px;*/
    /*float: left;*/
    margin-left: 50px;
    margin-top: 1px;
    width: 198px;
    height: 50px;
    background-image: url(../Content/Images/Logo/img_logo_sixsigma1_white.png);
}



.FacilityTab {
    margin-top: 0px;
    background-size: 108px 64px;
    margin-left: 0px;
    width: 108px;
    height: 64px;
    line-height: 64px;
}

    .FacilityTab.Selected {
        background-color: #13A4FF;
        margin-top: 0px;
        background-size: 108px 64px;
        width: 108px;
        height: 64px;
        line-height: 64px;
    }


.PlansTab {
    margin-top: 0px;
    background-size: 108px 64px;
    margin-left: 0px;
    width: 108px;
    height: 64px;
    line-height: 64px;
}

    .PlansTab.Selected {
        background-color: #13A4FF;
        margin-top: 0px;
        background-size: 108px 64px;
        width: 108px;
        height: 64px;
        line-height: 64px;
    }


/*#endregion */

.ProjectNameHeader {
    margin-left: 50px;
    padding-top: 14px;
    width: 166px;
    height: 64px;
    background-image: url(../Content/Images/Elements/Dashboard/header_central_admin.png);
}

/*#region leftPane*/
.MasterLeftPane {
    width: 300px;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    overflow: hidden;
}

/*.MasterLeftPaneHeader {
    position: relative;
    top: 0;
    height: 70px;
    width: 460px;
    background-size: cover;
    width: 250px;
    float: left;
    background-image: url(../Content/Images/Logos/img_logo_prometheus.png);
}*/

.MasterLeftPaneBody {
    width: 244px;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: white; /* Old browsers */ /*#1896d6*/
    /*background: -moz-linear-gradient(45deg, #1896d6 0%, #033752 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(45deg, #1896d6 0%,#033752 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(45deg, #1896d6 0%,#033752 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1896d6', endColorstr='#033752',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.lblNotifications {
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    float: right;
    line-height: 30px;
    padding-right: 19px;
    padding-top: 18px;
}

.NotificationTitleImage {
    display: block !important;
    position: relative;
    height: 60px;
    width: 100%;
    background-size: cover;
    background-image: url(../Content/Images/Buttons/btn_nav_Notification.png);
}

.LeftPaneNotification {
    display: block;
    position: relative;
    height: 50px;
    width: 100%;
    background-size: cover;
    cursor: pointer;
}

.lnkReviewOrders {
    background-image: url(../Content/Images/Buttons/btn_nav_Notification_Review.png);
}

.lnkAdjustmentOrders {
    background-image: url(../Content/Images/Buttons/btn_nav_Notification_Adjustment.png);
}

.lnkApprovalOrders {
    background-image: url(../Content/Images/Buttons/btn_nav_Notification_Approval.png);
}

.LeftPaneNavLink {
    display: block !important;
    position: relative;
    height: 100%;
    width: 100%;
    background-size: cover;
    cursor: pointer;
}

.LeftPaneSummary {
    background-image: url(../Content/Images/Tabs/tab_assessment_Summary.png);
    background-size: cover;
    width: 200px;
    height: 50px;
    left: 44px;
}

    .LeftPaneSummary:hover {
        background-image: url(../Content/Images/Tabs/tab_assessment_Summary_hover.png);
        width: 200px;
        height: 50px;
        left: 44px;
    }

    .LeftPaneSummary.Selected {
        background-image: url(../Content/Images/Tabs/tab_assessment_Summary_selected.png);
        background-size: cover;
        width: 200px;
        height: 50px;
        left: 44px;
    }

.LeftPaneFinancials {
    background-image: url(../Content/Images/Tabs/tab_assessment_Financials.png);
    background-size: cover;
    width: 200px;
    height: 50px;
    left: 44px;
    margin-top: 30px;
}

    .LeftPaneFinancials:hover {
        background-image: url(../Content/Images/Tabs/tab_assessment_Financials_hover.png);
        width: 200px;
        height: 50px;
        left: 44px;
    }

    .LeftPaneFinancials.Selected {
        background-image: url(../Content/Images/Tabs/tab_assessment_Financials_selected.png);
        width: 200px;
        height: 50px;
        left: 44px;
    }

.LeftPaneHighlights {
    background-image: url(../Content/Images/Tabs/tab_assessment_Highlights.png);
    background-size: cover;
    width: 200px;
    height: 50px;
    left: 44px;
    margin-top: 30px;
}

    .LeftPaneHighlights:hover {
        background-image: url(../Content/Images/Tabs/tab_assessment_Highlights_hover.png);
        width: 200px;
        height: 50px;
        left: 44px;
    }

    .LeftPaneHighlights.Selected {
        background-image: url(../Content/Images/Tabs/tab_assessment_Highlights_selected.png);
        width: 200px;
        height: 50px;
        left: 44px;
    }

.LeftPaneAffiliation {
    background-image: url(../Content/Images/Tabs/tab_assessment_Affiliations.png);
    background-size: cover;
    width: 200px;
    height: 50px;
    left: 44px;
    margin-top: 30px;
}

    .LeftPaneAffiliation:hover {
        background-image: url(../Content/Images/Tabs/tab_assessment_Affiliations_hover.png);
        width: 200px;
        height: 50px;
        left: 44px;
    }

    .LeftPaneAffiliation.Selected {
        background-image: url(../Content/Images/Tabs/tab_assessment_Affiliations_selected.png);
        width: 200px;
        height: 50px;
        left: 44px;
    }



.MasterLeftPaneFooter {
    background-image: url(../Content/Images/Navigation/img_nav_Art.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 260px;
    height: 200px;
    bottom: 0;
    position: fixed;
    z-index: 443;
}

/*#endregion */

/*#region SideMenu*/


.SideForm {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 300px;
    background-color: #000000;
    z-index: 9;
    width: 100%;
    display: none;
    opacity: 0.55;
}

.RightSideForm {
    position: absolute;
    right: -560px;
    top: 50px;
    width: 560px;
    height: 300px;
    background-color: #ffffff;
    z-index: 10;
    /*overflow-y: auto; /*Removed for safari*/
}

.RightSideContent {
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    height: 100%;
}

.RightSideClose {
    background-image: url(Images/Buttons/btn_Close_white.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    position: absolute;
    right: 25px;
    width: 20px;
    height: 20px;
    top: 33px;
    cursor: pointer;
}

.RightSideFooter {
    position: fixed;
    bottom: 0px;
    height: 74px;
    background-color: transparent;
    width: 100%;
    border-top: none; /*1px solid #989898;*/
    margin: 0px 25px;
}

.RightSideMenuButtons {
    height: 34px;
    width: 110px;
    background-size: 110px 34px;
    padding: 0px;
    margin-right: 15px;
    margin-top: 20px;
    /*margin-left: 25px;*/
    background-color: #000000;
    color: #ffffff;
    border: 0px solid #000000;
    background-repeat: no-repeat;
    cursor: pointer;
}

.RightSideAdd {
    background-image: url(../Content/Images/Buttons/btn_Invoke_orange.png);
}

.RightSideAssign {
    background-image: url(Images/Buttons/btn_Assign_blue.png);
}

/*.RightSideSaveAndClose {
    width: 130px;
}*/

.RightSideCancel {
    margin-top: 20px;
    color: #000000;
    background-color: #ffffff;
    border: none;
    background-image: url(Images/Buttons/btn_Cancel_blue.png);
    background-repeat: no-repeat;
}

.ButtonStyle1 {
    margin-left: 16px;
    margin-top: 20px;
    color: #000000;
    background-color: #ffffff;
    border: none;
}

.HeaderButton1 {
    width: 150px;
    background-color: #000000;
    color: #ffffff;
    border: 0px solid #000000;
}

.RightSideScroll {
    /*overflow-y: auto;*/
}

/*#region SideMenuHeader*/
.SideMenuHeader {
    width: 100%;
    height: 100px;
    position: relative;
}

.SideMenuHeaderMain {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Header/header_assessment_new_assessment.png);
    /*//margin-bottom: 17px;*/
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuDeviationHeader {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Header/header_assessment_Engine.png);
    /*//margin-bottom: 17px;*/
    background-size: contain;
    background-repeat: no-repeat;
}


.SideMenuHeaderMainBlueStyle {
    width: 100%;
    height: 85px;
    background-color: #0AA3E5;
    margin-bottom: 17px;
}

.UserIcon {
    top: 22px;
    left: 20px;
    position: absolute;
}

.lblMainTitle {
    font-size: 20px;
    color: white;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 6px;
    display: inline-block;
}

.lblSubTitle {
    font-size: 15px;
    color: white;
    font-weight: 300;
    line-height: 18px;
    display: block;
}

.lblUserIcon {
    font-size: 28px !important;
    font-weight: 300 !important;
}

/*#endregion */


/*#endregion */

/*#region UserControls*/

/*#region UserMessage*/
.MessageIcon {
    margin-top: 50px;
    margin-bottom: 50px;
    height: 100px;
    width: 100px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.SuccessIcon {
    background-image: url(../Content/Images/Messages/Success/icon_msg_Success_green.png);
}

.ErrorIcon {
    background-image: url(../Content/Images/Messages/Error/icon_msg_Error_red.png);
}

.pnlSuccessMessage {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 560px 432px;
    background-image: url(../Content/Images/Messages/Success/img_msg_Art_waves_green.png);
}

.pnlErrorMessage {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 560px 432px;
    background-image: url(../Content/Images/Messages/Error/img_msg_Art_waves_red.png);
}

.btnMessage {
    background-repeat: no-repeat;
    background-size: cover;
    height: 34px;
    width: 110px;
    background-color: white;
    border: 0;
    cursor: pointer;
}

.btnSuccess {
    background-image: url(../Content/Images/Messages/Success/btn_Done_green_strong.png);
}

.btnError {
    background-image: url(../Content/Images/Messages/Error/btn_Close_red_strong.png);
}

.MessageButton {
    text-align: center;
    position: absolute;
    bottom: 35px;
    left: 225px;
}

.MeassageText {
    text-align: center;
    padding: 0px 10px;
}

.lblMessageText {
    font-size: 19px;
    font-weight: 300;
    color: #20272F;
    line-height: 24px;
    margin-bottom: 20px;
    padding: 0px 25px;
}

.lblMessageText2 {
    font-size: 21px;
    font-weight: 300;
    color: #20272F;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: 40px;
}

.lblMessageTitle {
    font-size: 19px;
    color: #20272F;
    line-height: 24px;
    margin-bottom: 25px;
    padding: 0px 25px;
}

.lblErrorColor {
    color: #E32929 !important;
}

.lblMessageMainText {
    font-size: 20px;
    color: #20272F;
    line-height: 24px;
    padding: 0px 25px;
}

.lblMessageSubText {
    font-size: 21px;
    font-weight: 300;
    color: #20272F;
    line-height: 24px;
    padding: 0px 25px;
}

.lblMessageOrderNo {
    font-size: 24px;
    color: #20272F;
    line-height: 28px;
    padding: 0px 25px;
    font-weight: 500;
}

.lblMessageOrderConfirmNo {
    font-size: 34px;
    color: #439A27;
    line-height: 40px;
    padding: 0px 25px;
    font-weight: 500;
}

/*#endregion */

/*#region AddUser*/

.SideMenuMain {
    margin-top: 30px;
}

.lblSideMenu {
    font-size: 15px;
    color: #020202;
    line-height: 18px;
    margin-bottom: 7px;
    font-family: Helvetica Neue;
}

.lblSideMenuAddUser {
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    margin-bottom: 8px;
}


.lblAddUserPrivilege {
    font-size: 14px;
    color: #333333;
    line-height: 19px;
    margin-bottom: 25px;
    font-weight: 600;
}

.lblUserPrivilegeTitle {
    font-size: 16px;
    color: #2C3134;
    line-height: 19px;
    margin-top: 12px;
    font-weight: 500;
    display: inline-block;
}

.lblUserPrivilegeDesc {
    font-size: 14px;
    color: #454545;
    line-height: 19px;
    font-weight: 400;
}

.lblNameTemplate {
    color: #4D565C;
    font-size: 13px;
    line-height: 16px;
}

.lblJobTemplate {
    color: #676971;
    font-size: 11px;
    line-height: 14px;
}

.lblUserNameTemplate {
    line-height: 16px;
    font-weight: 400;
    margin-top: 13px;
    font-size: 14px;
}

.lblGridElements {
    color: #1983B1;
    line-height: 16px;
    font-weight: 400;
    margin-top: 13px;
    font-size: 13px;
}

.lblSecondGridElements {
    color: #1983B1;
    line-height: 16px;
    font-weight: 400;
    font-size: 13px;
}


.lblUserJobTemplate {
    color: #676971;
    font-size: 11px;
    line-height: 14px;
    font-weight: 300;
}


.lblText {
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    margin-bottom: 8px;
    font-weight: 500;
}


.lblTextStyle {
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    margin-bottom: 8px;
    font-weight: 700;
}

.btnWorkflow {
    width: 110px;
    height: 34px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 300;
    border: 1px solid #D83B01;
    background-color: white;
    color: #D83B01;
}

    .btnWorkflow.Selected {
        background-color: #D83B01;
        color: white;
        box-shadow: none;
        font-weight: 400;
    }

.DynamicContent {
    height: 100%;
    /*border: 1px solid #C4C4CC;*/
    /*/*border-radius: 3px;*/ */
}

.btnDefault {
    height: 16px;
    width: 110px;
    border: 0;
    background-color: white;
    color: #1172C3;
    font-size: 14px;
    padding: 0px;
    display: block;
    outline: none;
}

    .btnDefault:hover {
        cursor: pointer;
    }
/*#endregion */

/*#region AddUserGroup*/

.txtUserGroup {
    width: 300px;
    height: 34px;
    border: 1px solid #C4C4CC;
    border-radius: 3px;
    outline: none;
    padding-left: 5px;
    font-size: 14px;
}

.ErrorMessage {
    color: #BA1B1B;
    font-size: 14px;
    font-weight: 600;
    padding-left: 5px;
}

.btnAssignUsersImg {
    background-image: url(../Content/Images/Buttons/btn_Select_users_blue.png);
    background-size: contain;
    background-repeat: no-repeat;
}

/*#endregion */

/*#region DeleteUsers*/
.SideMenuHeaderImage {
    width: 100%;
    height: 85px;
    background-size: contain;
    background-repeat: no-repeat;
}

.DeleteUsers {
    background-image: url(../Content/Images/Elements/Administration/Users/header_admin_Users_delete.png);
}

.DeleteUsersGroups {
    background-image: url(../Content/Images/Elements/Administration/Users/header_admin_Users_Group_delete.png);
}

.SideMenuHeaderDeleteUsers {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Users/header_admin_Users_delete.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderDeleteUsersGroups {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Users/header_admin_Users_Group_delete.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderEditUsers {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Users/header_admin_User_list.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderEditUsersGroup {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Users/header_admin_User_group_list.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.btnDeletetrash {
    margin-top: 5px;
    width: 30px;
    height: 30px;
    border: none;
    background-color: white;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Delete_trash_red.png);
}

    .btnDeletetrash:hover {
        cursor: pointer;
    }

.btnEdit {
    margin-top: 5px;
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Edit_pen_turquoise.png);
}

    .btnEdit:hover {
        cursor: pointer;
    }

.RightSideCloseAndBack {
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Close_blue.png);
    border: none;
    background-color: #ffffff;
}

.RightSideCloseAndBackRed {
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Close_red.png);
    border: none;
    background-color: #ffffff;
}

.RightSideDone {
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Done_blue.png);
    border: none;
    background-color: #ffffff;
}


.RightSideDelete {
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Delete_red.png);
    border: none;
    background-color: #ffffff;
}

.RightSideCancelAndBackStyle2 {
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Cancel_red.png);
    border: none;
    background-color: #ffffff;
}


/*#endregion */

/*#region AssignCounties*/
.HeaderText {
    margin-bottom: 26px;
    line-height: 19px;
    font-size: 15px;
    color: #333333;
}

.lblCountryISO {
    font-weight: 500;
    font-size: 16px;
    color: #4D565C;
}

.lblCountryName {
    font-weight: 400;
    font-size: 16px;
    color: #363B3E;
}

.btnSelectCountry {
    width: 110px;
    height: 34px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #2695F2;
    background-color: white;
    color: #1172C3;
}

    .btnSelectCountry.Selected {
        background-color: #2695F2;
        color: white;
        box-shadow: none;
    }

.SearchBlock {
    height: 46px;
    border: 1px solid #C4C4CC;
    padding-left: 13px;
    border-bottom: 0;
    padding-right: 15px;
}

.CustomSearch .SearchTextBox {
    padding: 14px 19px !important;
    height: 100%;
    border: 0;
    box-shadow: none;
    width: 400px;
    color: #4D4F5C;
}

.CustomCheckBox > input {
    height: 16px;
    width: 16px;
    margin-right: 10px;
}

.CustomCheckBox > label {
    font-size: 14px;
    color: #1172C3;
    line-height: 17px;
    position: absolute;
    top: -1px;
    left: 25px;
    width: 66px;
}


.lblCountriesLetters {
    font-size: 12px;
    font-weight: 400;
}

.btnCountriesImg {
    background-image: url(../Content/Images/Buttons/btn_Select_countries_blue.png);
    background-size: contain;
    background-repeat: no-repeat;
}
/*#endregion */

/*#region AddCountries*/
.SideMenuHeaderCountries {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Countries/header_admin_Countries_assign.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.HeaderTitle {
    margin-bottom: 21px;
    margin-top: 30px;
    line-height: 19px;
    font-size: 16px;
    color: #333333;
}

/*ListItem*/
.ListItemStyle1 {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ddd;
}

.FilterdItemStyle1 {
    margin-left: 12px;
    margin-top: 13px;
}

.ListItemUser {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #ddd;
}

.ListItemUserGroup {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ddd;
}

/*#endregion */

/*#region AddCountriesGroup*/
.HeaderCountriesGroup {
    width: 100%;
    height: 85px;
    background-color: #B547E6;
    margin-bottom: 17px;
}
/*#endregion */

/*#region DeleteCountries*/

.SideMenuHeaderDeleteCountries {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Countries/header_admin_Countries_remove.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderDeleteCountriesGroups {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Countries/header_admin_Countries_delete_group.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.SideMenuHeaderEditCountries {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Countries/header_admin_Countries_view.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderEditCountriesGroup {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Countries/header_admin_Countries_view_group.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.btnDeleteMinusSign {
    margin-top: 5px;
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Remove_minus_red.png);
    cursor: pointer;
}


.RightSideAssignCountries {
    background-image: url(../Content/Images/Buttons/btn_Assign_blue.png);
    position: absolute;
    left: 400px;
}
/*#endregion */

/*#region AssignCurrencies*/
.SideMenuHeaderCurrencies {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Currencies/header_admin_Currencies_assign.png);
    background-size: contain;
    background-repeat: no-repeat;
}

/*#endregion */

/*#region UpdateActualRates*/

.SideMenuHeaderUpdateActualRates {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Currencies/header_admin_Currencies_rates_actual_update.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderImportActualRates {
    width: 100%;
    height: 85px;
    background-image: url('../Content/Images/Elements/Administration/Currencies/header_admin_Currencies_rates_actual_import.png');
    background-size: contain;
    background-repeat: no-repeat;
}


.SideMenuHeaderReImportActualRates {
    width: 100%;
    height: 85px;
    background-image: url('../Content/Images/Elements/Administration/Currencies/header_admin_Currencies_rates_actual_reimport.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderNewActualRates {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Currencies/header_admin_Currencies_rates_actual_new.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.SideMenuHeaderViewActualRates {
    width: 100%;
    height: 85px;
    background-image: url('../Content/Images/Elements/Administration/Currencies/header_admin_Currencies_rates_actual_view.png');
    background-size: contain;
    background-repeat: no-repeat;
}


.SideMenuHeaderImportBlock {
    width: 240px;
    height: 240px;
    background-image: url('../Content/Images/Elements/Administration/Currencies/cnt_File_Upload_green.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    padding: 30px 70px !important;
}

.ImportActive {
    background-image: url('../Content/Images/Elements/Administration/Currencies/cnt_File_Upload_green_hover.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.FileAdded {
    width: 80px;
    height: 80px;
    background-image: url('../Content/Images/Icons/icon_set1_ExcelFile_green.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.FileImage {
    width: 60px;
    height: 60px;
    background-image: url('../Content/Images/Icons/icon_set1_ExcelFile_green.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.lblFileName {
    width: 220px;
    height: 32px;
    font-size: 14px;
    color: #4D565C;
    word-break: break-word;
}

.lblMenuTitle {
    font-size: 16px;
    color: #000000;
    line-height: 18px;
    margin-bottom: 8px;
    padding: 0px 9px;
}

.btnImportRateBlock {
    width: 164px;
    height: 80px;
    background-image: url('../Content/Images/Elements/Administration/Currencies/btn_Upload_Rates_green.png');
    background-size: contain;
    background-repeat: no-repeat;
}

    .btnImportRateBlock:hover {
        cursor: pointer;
    }

.lblUploadProgress {
    width: 164px;
    height: 80px;
    font-size: 38px;
    font-weight: 300;
    color: #4D565C;
    white-space: pre-wrap;
    text-align: center;
}

.RightSideImportRate {
    background-image: url(../Content/Images/Elements/Administration/Currencies/btn_Import_orange.png);
    position: absolute;
    left: 400px;
}

.RightSideReimport {
    background-image: url(../Content/Images/Elements/Administration/Currencies/btn_Reimport_orange.png);
    position: absolute;
    left: 400px;
}

.RightSideGetRates {
    background-image: url(../Content/Images/Elements/Administration/Currencies/btn_Get_Rates_blue.png);
    margin-left: 138px
}
/*#endregion */

/*#region UpdateBudgetRates*/

.SideMenuHeaderUpdateRates {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Currencies/header_admin_Currencies_rates_budget_update.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderNewRates {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Currencies/header_admin_Currencies_rates_budget_new.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderViewRates {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Currencies/header_admin_Currencies_rates_view.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.RightSideNewRates {
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_New_Rate_blue.png);
    border: none;
    background-color: #ffffff;
}

.RightSideSave {
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Save_blue.png);
    border: none;
    background-color: #ffffff;
}

.RightSideUpdate {
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Update_blue.png);
    border: none;
    background-color: #ffffff;
}

.txtRateValue {
    width: 70px;
    height: 34px;
    border: 1px solid #C4C4CC;
    border-radius: 3px;
    outline: none;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    margin-right: 8px;
}

.btnReportCurrency {
    width: 150px;
    height: 34px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 300;
    border: 1px solid #66962C;
    background-color: white;
    color: #66962C;
    cursor: pointer;
}

    .btnReportCurrency.Selected {
        background-color: #66962C;
        color: white;
        box-shadow: none;
    }

.btnRefreshRates {
    margin-top: 5px;
    width: 12px;
    height: 12px;
    border: none;
    background-color: white;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Administration/Currencies/btn_Exchange_gray.png);
    cursor: pointer;
}

.btnRefreshTotalRates {
    margin-top: 5px;
    width: 12px;
    height: 12px;
    border: none;
    background-color: white;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Administration/Currencies/btn_Exchange_green.png);
    cursor: pointer;
}

.btnViewBudgetRate {
    margin-top: 5px;
    width: 30px;
    height: 30px;
    border: none;
    background-color: white;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_View_eye_green.png);
    cursor: pointer;
}

.lblMainText {
    color: #4D565C;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 3px;
}

.lblSubText {
    color: #676971;
    font-size: 11px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.RightSideEditRate {
    background-image: url(../Content/Images/Elements/Administration/Currencies/btn_Edit_Rates_blue.png);
    position: absolute;
    left: 400px;
}

.RightSideLastRate {
    background-image: url(../Content/Images/Elements/Administration/Currencies/btn_Last_Rates_orange.png);
    position: absolute;
    left: 400px;
}

/*#endregion */

/*#region UpdateLookupTables*/

.SideMenuHeaderUpdateLookupTables {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_lookup_tables_update.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.RightSideUpdateList {
    background-image: url(../Content/Images/Buttons/btn_Update_List_blue.png);
}

.RightSideGetItems {
    background-image: url(../Content/Images/Buttons/btn_Get_Items_blue.png);
    margin-left: 138px
}

.lblItemDetails {
    font-size: 14px;
    line-height: 18px;
    display: block;
    margin-bottom: 6px;
}

.lblItemDetails2 {
    font-size: 15px;
    line-height: 18px;
    display: block;
    margin-top: 6px;
}

.chkListItem > input {
    height: 16px;
    width: 16px;
    margin-right: 10px;
}

.chkListItem > label {
    font-size: 14px;
    line-height: 17px;
    position: absolute;
    top: 2px;
    left: 25px;
}

.txtImportInfo {
    width: 310px;
    height: 34px;
    border: 1px solid #C4C4CC;
    border-radius: 3px;
    outline: none;
    padding-left: 5px;
    font-size: 18px;
    font-weight: 400;
}

.btnViewListItem {
    width: 30px;
    height: 30px;
    border: none;
    background-color: white;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_View_eye_green.png);
    cursor: pointer;
}

.btnDownloadCloudIconGreen {
    width: 30px;
    height: 30px;
    border: none;
    background-color: white;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Download_cloud_green.png);
    cursor: pointer;
}

.btnDownloadCloudIconTurquoiseLight {
    width: 30px;
    height: 30px;
    border: none;
    background-color: white;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Download_cloud_turquoise_light.png);
    cursor: pointer;
}

.txtCustomstyle {
    width: 440px;
    height: 34px;
    border: 1px solid #C4C4CC;
    border-radius: 3px;
    outline: none;
    padding-left: 5px;
    font-size: 14px;
}

/*#region UpdatePriceList*/

.SideMenuHeaderUpdatePriceList {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_price_list_update.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderPriceList {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_price_list_view.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.SideMenuHeaderPriceItem {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_price_item_view.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuImportPriceList {
    width: 240px;
    height: 240px;
    background-image: url('../Content/Images/Elements/Administration/Orders/cnt_File_Upload_blue.png');
    background-size: contain !important;
    background-repeat: no-repeat !important;
    padding: 30px 70px !important;
}

    .SideMenuImportPriceList.ImportActive {
        background-image: url('../Content/Images/Elements/Administration/Orders/cnt_File_Upload_blue_hover.png') !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

.btnImportPriceList {
    width: 164px;
    height: 80px;
    background-image: url('../Content/Images/Elements/Administration/Orders/btn_Upload_List_blue.png');
    background-size: contain;
    background-repeat: no-repeat;
}

    .btnImportPriceList:hover {
        cursor: pointer;
    }

/*#endregion */

/*#region UpdateCustomerList*/

.SideMenuHeaderUpdateCustomerList {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_customer_list_update.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderCustomerList {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_customer_list_view.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.SideMenuHeaderCutomerItem {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_customer_info_view.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.SideMenuImportCustomerList {
    width: 240px;
    height: 240px;
    background-image: url('../Content/Images/Elements/Administration/Orders/cnt_File_Upload_blue.png');
    background-size: contain !important;
    background-repeat: no-repeat !important;
    padding: 30px 70px !important;
}

    .SideMenuImportCustomerList.ImportActive {
        background-image: url('../Content/Images/Elements/Administration/Orders/cnt_File_Upload_blue_hover.png') !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

.btnImportCustomerList {
    width: 164px;
    height: 80px;
    background-image: url('../Content/Images/Elements/Administration/Orders/btn_Upload_List_blue.png');
    background-size: contain;
    background-repeat: no-repeat;
}

    .btnImportCustomerList:hover {
        cursor: pointer;
    }


.BillToCard {
    width: 35px;
    background-image: url('../Content/Images/Cards/card_type_Customer_billing_green.png');
    background-size: 34px 64px;
    background-repeat: no-repeat;
}

.ShipToCard {
    width: 35px;
    background-image: url('../Content/Images/Cards/card_type_Customer_shipping_purple.png');
    background-size: 34px 65px;
    background-repeat: no-repeat;
}

.btnViewBillTo {
    width: 22px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../Content/Images/Buttons/btn_Arrow_Down_green.png');
}

.btnViewShipTo {
    width: 22px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../Content/Images/Buttons/btn_Arrow_Down_purple.png');
}

.btnCollapse {
    transition: all 0.5s;
}

    .btnCollapse:hover {
        cursor: pointer;
    }

    .btnCollapse.active {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.btnAddPlusSign {
    width: 30px;
    height: 30px;
    border: none;
    background-color: white;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Add_plus_green.png);
    cursor: pointer;
}


.btnEditPenSign {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Edit_pen_turquoise.png);
    cursor: pointer;
}


.btnRemoveMinusSign {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Remove_minus_red.png);
    cursor: pointer;
}


.btnSaveDiskSign {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Save_disk_orange.png);
    cursor: pointer;
}



.btnCancelXSign {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Cancel_negation_grey.png);
    cursor: pointer;
}

.IconTagBlue {
    width: 6px;
    height: 6px;
    margin-right: 5px;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Administration/Orders/icon_tag_Blue.png);
}

.IconTagGreen {
    width: 6px;
    height: 6px;
    float: left;
    margin-right: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Administration/Orders/icon_tag_Green.png);
}

.IconTagPurple {
    width: 6px;
    height: 6px;
    float: left;
    margin-right: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Administration/Orders/icon_tag_Purple.png);
}

/*.chkToggle > input[type=checkbox] {
    display: block;
    content: url(../Content/Images/Buttons/btn_Toggle_off.png);
    position: relative;
    height: 18px;
    width: 30px;
    cursor: pointer;
}

    .chkToggle > input[type=checkbox]:checked {
        content: url(../Content/Images/Buttons/btn_Toggle_on.png);
    }*/


/*#endregion */

/*#endregion */

/*#region UserPrivilege*/
.SideMenuHeaderUserPrivilege {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Users/header_admin_User_privileges_template_list.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.ListItemUserPrivilege {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #ddd;
}


.lblUserPrivilegeName {
    color: #363B3E;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
}


.lblUserPrivilegeTemplate {
    color: #676971;
    font-size: 11px;
    line-height: 14px;
    font-weight: 300;
}


.lblSideMenuPrivilegeTitle {
    font-size: 14px;
    color: #333333;
    line-height: 16px;
    margin-bottom: 13px;
    font-weight: 500;
}

.CustomCheckBox2 {
    position: relative;
    display: block;
}

    .CustomCheckBox2 > input {
        height: 16px;
        width: 16px;
        margin-right: 14px;
    }

    .CustomCheckBox2 > label {
        font-size: 16px;
        color: #1C2327;
        line-height: 17px;
        position: absolute;
        top: 1px;
        left: 28px;
    }

.CustomCheckBoxLabel > label {
    color: #4D565C !important;
}

.txtPrivilegeDescription {
    width: 510px;
    border: 1px solid #C4C4CC;
    border-radius: 3px;
    outline: none;
    padding: 15px;
    font-size: 15px;
    text-align: left;
    line-height: 18px;
    color: #393C3D;
}

    .txtPrivilegeDescription:focus {
        border: 1px solid #C4C4CC !important;
    }


.txtTemplateName {
    width: 300px;
    height: 34px;
    border: 1px solid #C4C4CC;
    border-radius: 3px;
    outline: none;
    padding-left: 10px;
    font-size: 14px;
    color: #363B3E;
    font-weight: 500;
}

.BuiltInTemplate {
    height: 17px;
    width: 96px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Administration/Users/element_admin_Privileges_built_in_template.png)
}

.btnCollapseDark {
    width: 16px;
    height: 10px;
    margin-top: 38px;
    margin-right: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../Content/Images/Buttons/btn_Arrow_Down_black_small.png');
    transition: all 0.5s;
}

    .btnCollapseDark:hover {
        cursor: pointer;
    }

    .btnCollapseDark.active {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.PrivilegesBlock {
    height: 87px;
    padding: 0px;
    background-size: contain;
    background-repeat: no-repeat;
}

.DashboardPrivileges {
    background-image: url(../Content/Images/Elements/Administration/Users/card_privileges_User_dashboard_orange.png);
}

.OrderPrivileges {
    background-image: url(../Content/Images/Elements/Administration/Users/card_privileges_User_orders_blue.png);
}

.ReportsPrivileges {
    background-image: url(../Content/Images/Elements/Administration/Users/card_privileges_User_reports_purple.png);
}

.ProductsPrivileges {
    background-image: url(../Content/Images/Elements/Administration/Users/card_privileges_User_products_orange.png);
}

.CustomersPrivileges {
    background-image: url(../Content/Images/Elements/Administration/Users/card_privileges_User_customers_green.png);
}

.AdministrationPrivileges {
    background-image: url(../Content/Images/Elements/Administration/Users/card_privileges_User_administration_red.png);
}


.btnAdministrationTab {
    width: 110px;
    height: 34px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 300;
    border: 1px solid #D83B01;
    background-color: white;
    color: #D83B01;
}

    .btnAdministrationTab.Selected {
        background-color: #D83B01;
        color: white;
        box-shadow: none;
        font-weight: 400;
    }


.lblAdminPrivilegeTitle {
    font-size: 16px;
    color: #1C2327;
    line-height: 19px;
    margin-bottom: 15px;
    font-weight: 500;
    display: block;
}

/*#endregion */

/*#region OrderRules */

.SideMenuHeaderSetOrderRules {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_rules.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderCountryHeaderNotes {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_rules_header_notes_by_country.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.SideMenuHeaderAssignCountryHeaderNotes {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_rules_header_assign_note_by_country.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderEditCountryHeaderNotes {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_rules_header_edit_note_by_country.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderCustomerHeaderNotes {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_rules_header_notes_by_customer.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.SideMenuHeaderAssignCustomerHeaderNotes {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_rules_header_assign_note_by_customer.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderEditCustomerHeaderNotes {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_rules_header_edit_note_by_customer.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderPriceListItemNotes {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_rules_item_notes_by_price_list.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.SideMenuHeaderAssignPriceListItemNotes {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_rules_item_assign_note_by_price_list.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderEditPriceListItemNotes {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_rules_item_edit_note_by_price_list.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.SideMenuHeaderCustomerItemNotes {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_rules_item_notes_by_customer.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.SideMenuHeaderAssignCustomerItemNotes {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_rules_item_assign_note_by_customer.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderEditCustomerItemNotes {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_rules_item_edit_note_by_customer.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.RightSideAddOrderNotes {
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Assign_Note_blue.png);
    border: none;
    background-color: #ffffff;
}


.RightSideAssignNotes {
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Save_blue.png);
    border: none;
    background-color: #ffffff;
}


.RightSideEditNotes {
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Assign_Note_blue.png);
    border: none;
    background-color: #ffffff;
}


.btnFilterButtons {
    width: 110px;
    height: 34px;
    border-radius: 0;
    font-size: 14px;
    border: 1px solid #0AA3E5;
    background-color: white;
    color: #0076A8;
    font-weight: 300;
}

    .btnFilterButtons.Selected {
        background-color: #0AA3E5;
        color: white;
        box-shadow: none;
        font-weight: 400;
    }

.SearchBlockBorderStyle {
    height: 46px;
    border: 1px solid #C4C4CC;
    padding-left: 13px;
    padding-right: 20px;
}


.HeaderRuleCard {
    width: 34px;
    background-size: 34px 65px;
    background-repeat: no-repeat;
    background-color: #10C6FC;
}

.btnExpandHeaderRule {
    width: 20px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../Content/Images/Buttons/btn_Arrow_Down_blue_light_medium.png');
}

.btnCollapseHeaderRule {
    width: 20px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../Content/Images/Buttons/btn_Arrow_Up_blue_light_medium.png');
}


.btnViewHeaderNote {
    width: 14px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../Content/Images/Buttons/btn_Arrow_Right_gray_blue_dark.png');
    cursor: pointer;
    border: none;
    background-color: white;
}


.btnArrowRightGray {
    width: 14px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../Content/Images/Buttons/btn_Arrow_Right_gray_blue_dark.png');
    cursor: pointer;
    border: none;
    background-color: white;
}



.btnEditPenBlueMedium {
    width: 25px;
    height: 25px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Edit_pen_blue_light_medium.png);
    cursor: pointer;
}


.btnDuplicateOrangeMedium {
    width: 25px;
    height: 25px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Duplicate_page_orange_medium.png);
    cursor: pointer;
}


.btnRemoveMinusRedMedium {
    width: 25px;
    height: 25px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Remove_minus_red_medium.png);
    cursor: pointer;
}

.lblRuleOrderTypes {
    font-size: 12px;
    line-height: 14px;
    display: block;
}

.lblRuleHeaderTitle {
    color: #0076A8;
    font-size: 15px;
    line-height: 18px;
    display: block;
    margin-bottom: 12px;
}

.lblRuleHeaderSubTitle {
    color: #0D6F00;
    font-size: 11px;
    line-height: 12px;
    display: block;
    margin-bottom: 10px;
}

.lblOrderNoteTitle {
    color: #505050;
    font-size: 12px;
    line-height: 15px;
    font-weight: 300;
    display: block;
}

.lblOrderNoteSubTitle {
    color: #393939;
    font-size: 27px;
    line-height: 33px;
    display: block;
    font-weight: 500;
    text-align: right;
}

.lblOrderNoteSubTitle2 {
    color: #393939;
    font-size: 23px;
    line-height: 28px;
    display: block;
    font-weight: 400;
}


.lblOrderNoteDescription {
    color: #505050;
    font-size: 12px;
    line-height: 15px;
    font-weight: 300;
    display: block;
    width: 390px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.lblItemRuleUpdateInfo {
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    margin-bottom: 1px;
}

.lblRuleHeaderNote {
    font-size: 13px;
    line-height: 15px;
}

.RuleIcon {
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Administration/Orders/icon_type_Rule_white.png);
}

.lblNewNoteTitle {
    color: #333333;
    font-size: 18px;
    line-height: 22px;
    display: block;
}


.lblNewNoteSubTitle {
    color: #000000;
    font-size: 14px;
    line-height: 16px;
    display: block;
    margin-bottom: 8px;
}

.txtHeaderNote {
    width: 510px;
    border: 1px solid #C4C4CC;
    outline: none;
    padding: 9px;
    padding-left: 5px;
    font-size: 14px;
    text-align: left;
    line-height: 16px;
    color: #4D565C;
    border-radius: 0px;
}

    .txtHeaderNote:focus {
        border: 1px solid #C4C4CC !important;
    }




.RightSideDeleteAll {
    background-image: url(../Content/Images/Buttons/btn_Delete_All_red.png);
    position: absolute;
    left: 400px;
}


.RightSideRemoveAll {
    background-image: url(../Content/Images/Buttons/btn_Delete_All_red.png);
    position: absolute;
    left: 400px;
}

/*#endregion */

/*#region OrderWorkFlow*/

.SideMenuHeaderOrderWorkFlow {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_workflow.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.SideMenuHeaderOrderWorkFlowByCountry {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_workflow_by_country.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderAssignUserWorkFlowByCountry {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Administration/Orders/header_admin_Orders_workflow_assign_user.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.txtCountryService {
    width: 250px;
    height: 34px;
    border: 1px solid #C4C4CC;
    border-radius: 3px;
    outline: none;
    padding-left: 5px;
    font-size: 14px;
    color: #363B3E;
}


.txtCustomerServiceLocation {
    width: 510px;
    border: 1px solid #C4C4CC;
    outline: none;
    padding: 9px;
    padding-left: 5px;
    font-size: 14px;
    text-align: left;
    line-height: 16px;
    color: #363B3E;
    border-radius: 3px;
}

    .txtCustomerServiceLocation:focus {
        border: 1px solid #C4C4CC !important;
    }


/*#endregion */


/*#endregion */

/*#endregion */

/*#region Dashborad*/
.TotalCaption {
    background-image: url(../Content/Images/Elements/Dashboard/element_dash_Workflow_caption_total.png);
    height: 100%;
    width: 55px;
    margin-right: 5px;
    background-position: bottom;
}

.lblTotal {
    color: #37495C;
    font-size: 29.5pt;
    font-weight: 700;
}


/*#region Workflow Card*/

.WorkflowCard {
    width: 450px;
    background-size: contain;
    height: 560px;
    padding-left: 17px;
    padding-right: 20px;
    background-image: url('../Content/Images/Elements/Dashboard/card_dash_Workflow.png');
}

.WorkflowCardHeader {
    height: 68px;
    padding-top: 4px;
}

.WorkflowCardFooter {
    height: 50px;
    position: absolute;
    bottom: 25px;
    right: 55px;
}

.WorkflowCardMain {
    height: 411px;
    width: 400px;
}

.WorkflowBlock {
    height: 90px;
    margin-bottom: 17px;
    width: 340px;
    padding-right: 25px;
    padding-left: 30px;
    position: relative;
}

    .WorkflowBlock.ChangeMargin {
        margin-bottom: 20px;
    }

.VerticalBar {
    width: 30px;
}

.DynamicBar {
    height: 100%;
    width: 30px;
}

.CompletedBar {
    background-image: linear-gradient(to bottom,#A0DB31,#D1F097);
}

.ProcessBar {
    background-image: linear-gradient(to bottom,#FFC048,#FFEDCB);
}

.PlacementBar {
    background-image: linear-gradient(to bottom,#E6A2FF,#F6DDFF);
}

.PreparationBar {
    background-image: linear-gradient(to bottom,#89E3FF,#D3F5FF);
}

.AllVerticalBar {
    width: 47px;
    height: 419px;
    background-image: url(../Content/Images/Elements/Dashboard/elements_dash_Workflow_bar1.png);
    background-size: contain;
    padding: 5.5px 8.5px 13px 8.5px;
}


    .AllVerticalBar.Smaller {
        background-image: url(../Content/Images/Elements/Dashboard/elements_dash_Workflow_bar2.png);
        height: 319px
    }


.lblWorkFlowBlocksPrc {
    font-size: 39px;
    line-height: 30px;
    position: absolute;
    bottom: 39px;
    font-weight: 700;
    vertical-align: -webkit-baseline-middle;
    font-family: 'Neue Helvetica eText W01',Helvetica,Arial !important;
}


.lblWorkFlowBlocks {
    color: #37495C;
    line-height: 27px;
    font-size: 37px;
    position: absolute;
    bottom: 38px;
    right: 25px;
    font-weight: 700;
    vertical-align: -webkit-baseline-middle;
    font-family: 'Neue Helvetica eText W01',Helvetica,Arial !important;
}

/*#endregion */


/*#region Orders Card*/

.OrdersCard {
    width: 450px;
    background-size: contain;
    height: 360px;
    padding-left: 25px;
    padding-right: 25px;
    background-image: url('../Content/Images/Elements/Dashboard/card_dash_Orders.png');
    margin-bottom: 40px;
}

.ChartContainer {
    height: 267px;
    width: 506px;
}

.OrdersCardHeader {
    height: 70px;
    margin-top: 33px;
    margin-left: 32px;
}

.OrdersCardMain {
    height: 220px;
    width: 400px;
}

.OrdersCardFooter {
    padding-bottom: 25px;
    height: 70px;
}

/*#endregion */


/*#region Backorders Card*/

.BackordersCard {
    width: 450px;
    background-size: contain;
    height: 160px;
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
    background-image: url('../Content/Images/Elements/Dashboard/card_dash_Backorders.png');
}

.lblBackorders {
    width: 100px;
    height: 30px;
    text-align: center;
    font-size: 27px;
    font-weight: 600;
    float: left;
    font-family: 'Neue Helvetica eText W01',Helvetica,Arial !important;
}

/*#endregion */

/*#endregion */

/*#region Administration*/

.AdminCard {
    height: 260px;
    width: 300px;
    padding-top: 70px;
    padding-left: 10px;
    padding-right: 20px;
    background-size: contain;
    margin-bottom: 20px;
    position: relative;
}

.AdminCardTab {
    height: 50px;
    width: 20px;
    position: absolute;
    top: 0;
    right: 0;
    background-size: contain;
    cursor: pointer;
}

.AdminCardButtonsGroup {
    width: 270px;
}

.AdminCardButton {
    width: 170px;
    height: 32px;
    background-size: contain;
    cursor: pointer;
}


/*#region AdminCardSummary*/
.AdminCardSummary {
    height: 540px;
    width: 300px;
    background-image: url(../Content/Images/Elements/Administration/card_admin_Summary_page1.png);
    background-size: contain;
    margin-bottom: 20px;
    padding-top: 83px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

    .AdminCardSummary.ChangePage {
        background-image: url(../Content/Images/Elements/Administration/card_admin_Summary_page2.png);
    }

.CardSummaryTab {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_card_Summary.png);
}

.CardSummaryBlocks {
    height: 74px;
    width: 270px;
    margin-bottom: 15px;
    background-size: contain;
    position: relative;
}

.lblCardSummaryDate {
    color: #37495C;
    line-height: 12px;
    font-size: 10px;
    position: absolute;
    bottom: 22px;
    left: 60px;
    font-weight: 400;
    vertical-align: -webkit-baseline-middle;
}

.lblCardSummaryBlocks {
    color: #091521;
    line-height: 28px;
    font-size: 24px;
    position: absolute;
    bottom: 25px;
    right: 22px;
    font-weight: 500;
    vertical-align: -webkit-baseline-middle;
}

.LoggedUserBlock {
    background-image: url(../Content/Images/Elements/Administration/element_admin_Summary_card_logged_users.png);
}

.ActiveOrdersBlock {
    background-image: url(../Content/Images/Elements/Administration/element_admin_Summary_card_active_orders.png);
}

.PendingOrdersBlock {
    background-image: url(../Content/Images/Elements/Administration/element_admin_Summary_card_pending_Orders.png);
}

.ProductsBlock {
    background-image: url(../Content/Images/Elements/Administration/element_admin_Summary_card_products.png);
}

.CustomersBlock {
    background-image: url(../Content/Images/Elements/Administration/element_admin_Summary_card_customers.png);
}

.TotalUserBlock {
    background-image: url(../Content/Images/Elements/Administration/element_admin_Summary_card_total_users.png);
}

.ArchiveOrdersBlock {
    background-image: url(../Content/Images/Elements/Administration/element_admin_Summary_card_archived_orders.png);
}

.AssginedCountriesBlock {
    background-image: url(../Content/Images/Elements/Administration/element_admin_Summary_card_assigned_countries.png);
}

.AssginedCurrenciesBlock {
    background-image: url(../Content/Images/Elements/Administration/element_admin_Summary_card_assigned_currencies.png);
}

.DefaultCurrencyBlock {
    background-image: url(../Content/Images/Elements/Administration/element_admin_Summary_card_default_currency.png);
}

/*#endregion */


/*#region AdminCardUsers*/

.AdminCardUsers {
    background-image: url(../Content/Images/Elements/Administration/card_admin_Users_header.png);
}

.CardUsersTab {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_card_Users.png);
}


.btnAddUser {
    background-image: url(../Content/Images/Central/Buttons/btn_New_User_orange.png);
}

    .btnAddUser:hover {
        background-image: url(../Content/Images/Central/Buttons/btn_New_User_orange.png);
    }


.btnAddUserGroup {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Users_group.png);
}

    .btnAddUserGroup:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Users_group_hover.png);
    }


.btnDeleteUser {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Users_delete.png);
}

    .btnDeleteUser:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Users_delete_hover.png);
    }


.btnUserList {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Users_view.png);
}

    .btnUserList:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Users_view_hover.png);
    }

.btnSetPrivileges {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Users_privileges.png);
}

    .btnSetPrivileges:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Users_privileges_hover.png);
    }

/*#endregion */


/*#region AdminCardOrders*/

.AdminCardOrders {
    background-image: url(../Content/Images/Elements/Administration/card_admin_Orders_header.png);
}

.CardOrdersTab {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_card_Orders.png);
}

.btnUpdateLookUpTabels {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Orders_update_lookups.png);
}

    .btnUpdateLookUpTabels:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Orders_update_lookups_hover.png);
    }


.btnSetApprovalWorkflow {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Orders_set_workflow.png);
}

    .btnSetApprovalWorkflow:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Orders_set_workflow_hover.png);
    }


.btnSetOrderRules {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Orders_set_rules.png);
}

    .btnSetOrderRules:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Orders_set_rules_hover.png);
    }


.btnArchiveOrder {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Orders_archive.png);
}

    .btnArchiveOrder:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Orders_archive_hover.png);
    }
/*#endregion */


/*#region AdminCardCountries*/

.AdminCardCountries {
    background-image: url(../Content/Images/Elements/Administration/card_admin_Countries_header.png);
}

.CardCountriesTab {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_card_Countries.png);
}


.btnAddCountries {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Countries_assign.png);
}

    .btnAddCountries:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Countries_assign_hover.png);
    }


.btnAddCountriesGroup {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Countries_group.png);
}

    .btnAddCountriesGroup:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Countries_group_hover.png);
    }


.btnDeleteCountry {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Countries_remove.png);
}

    .btnDeleteCountry:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Countries_remove_hover.png);
    }


.btnCountriesList {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Countries_view.png);
}

    .btnCountriesList:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Countries_view_hover.png);
    }
/*#endregion */


/*#region AdminCardCurrencies*/


.AdminCardCurrencies {
    background-image: url(../Content/Images/Elements/Administration/card_admin_Currencies_header.png);
}

.CardCurrenciesTab {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_card_Currencies.png);
}


.btnAddCurrencies {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Currencies_assign.png);
}


    .btnAddCurrencies:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Currencies_assign_hover.png);
    }


.btnUpdateBudgetRates {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Currencies_update_budget.png);
}

    .btnUpdateBudgetRates:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Currencies_update_budget_hover.png);
    }


.btnUpdateActualRates {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Currencies_update_actual.png);
}

    .btnUpdateActualRates:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Currencies_update_actual_hover.png);
    }


.btnRemoveCurrency {
    background-image: url(../Content/Images/Elements/Administration/btn_admin_Currencies_remove.png);
}

    .btnRemoveCurrency:hover {
        background-image: url(../Content/Images/Elements/Administration/btn_admin_Currencies_remove_hover.png);
    }

/*#endregion */



/*#endregion */

/*#region Orders*/

.btnFilterOrders {
    width: 110px;
    height: 34px;
    border-radius: 0;
    font-size: 14px;
    border: 1px solid #0AA3E5;
    background-color: white;
    color: #0076A8;
    font-weight: 300;
}

    .btnFilterOrders.Selected {
        background-color: #0AA3E5;
        color: white;
        box-shadow: none;
        font-weight: 400;
    }

.btnEditPenGreen {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Edit_pen_green.png);
    cursor: pointer;
}

.btnEditPenRed {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Edit_pen_red.png);
    cursor: pointer;
}

.btnEditPenBlue {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Edit_pen_blue.png);
    cursor: pointer;
}

.btnEditPenOrange {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Edit_pen_orange.png);
    cursor: pointer;
}

.btnViewEyeGreen {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_View_eye_green.png);
    cursor: pointer;
}

.btnViewEyeRed {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_View_eye_red.png);
    cursor: pointer;
}

.btnViewEyeBlue {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_View_eye_blue.png);
    cursor: pointer;
}

.btnViewEyeLightBlue {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_View_eye_blue_light.png);
    cursor: pointer;
}

.btnViewEyeOrange {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_View_eye_orange.png);
    cursor: pointer;
}

.btnAddNewOrder {
    background-image: url(../Content/Images/Central/Buttons/btn_New_User_orange.png);
}


.AttachmentIconImage {
    float: right;
    margin-top: 22px;
    width: 28px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/btn_Attachment_Add_light_gray.png);
    border: none;
    background-color: transparent;
    cursor: pointer;
}


.SideMenuHeaderOrderAttachment {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Orders/header_orders_Attachments.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.RightSideUpload {
    background-image: url(../Content/Images/Buttons/btn_Save_blue.png);
    margin-left: 138px
}


.SideMenuUploadOrderAttachment {
    width: 240px;
    height: 240px;
    background-image: url('../Content/Images/Elements/Orders/cnt_Attachment_Upload_blue.png');
    background-size: contain !important;
    background-repeat: no-repeat !important;
    padding: 30px 70px !important;
}

    .SideMenuUploadOrderAttachment.ImportActive {
        background-image: url('../Content/Images/Elements/Orders/cnt_Attachment_Upload_blue_hover.png') !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }


.btnUploadOrderAttachment {
    width: 164px;
    height: 80px;
    background-image: url('../Content/Images/Elements/Orders/btn_Add_Attachment_blue.png');
    background-size: contain;
    background-repeat: no-repeat;
}

    .btnUploadOrderAttachment:hover {
        cursor: pointer;
    }

.txtUploadInfo {
    width: 350px;
    height: 34px;
    border: 1px solid #C4C4CC;
    border-radius: 3px;
    outline: none;
    padding-left: 5px;
    font-size: 16px;
    color: #4D565C !important;
}


.lblListMainText {
    color: #363B3E;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 5px;
    display: block;
    height: 16px;
}

.lblListSubText {
    color: #676971;
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 5px;
    display: block;
    height: 14px;
}

.AttachmentIcon {
    height: 24px;
    width: 24px;
    background-image: url(../Content/Images/Elements/Orders/icon_type_Attachment_light_blue.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.btnDeleteText {
    border: 0;
    background: none;
    font-size: 11px;
    color: #CE5151;
    padding: 0;
    cursor: pointer;
}

.btnEditText {
    border: 0;
    background: none;
    font-size: 11px;
    color: #16A0DB;
    padding: 0px;
    margin-right: 15px;
    cursor: pointer;
}

.btnCancelText {
    border: 0;
    background: none;
    font-size: 15px;
    color: #B1B1B1;
    padding: 0px;
    margin-right: 15px;
    cursor: pointer;
}

.btnSaveText {
    border: 0;
    background: none;
    font-size: 15px;
    color: #16A0DB;
    padding: 0px;
    margin-right: 15px;
    cursor: pointer;
    font-weight: 500;
}


/*#region OrderModal*/
.btnCollapseAll {
    width: 14px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Arrow_Double_Up_gray_blue_light.png);
    cursor: pointer;
}

.btnExpandAll {
    width: 14px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Arrow_Double_Down_gray_blue_light.png);
    cursor: pointer;
}

.btnCollapseItem {
    width: 22px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Note_Arrow_Up_gray_blue_light.png);
    cursor: pointer;
}

.btnExpandItem {
    width: 22px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Note_Arrow_Down_gray_blue_light.png);
    cursor: pointer;
}

.btnAddPlusSignClear {
    width: 30px;
    height: 30px;
    border: none;
    background-color: white;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Add_plus_green_clear.png);
    cursor: pointer;
}

.ListCircle {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #FFDE55;
    border: 1px solid #FDDF3A;
}

.ListLayoutHeader {
    background-color: transparent;
    color: #747474;
    height: 45px;
    vertical-align: middle;
    line-height: 45px;
    border-bottom: 1px solid #747474;
}

.ListLayoutItem {
    background-color: #ffffff;
    border-bottom: 1px solid #f4f4f4;
    height: 70px;
    vertical-align: middle;
    line-height: 39px;
    /*line-height: 45px;*/
}

.GrayListLayoutItem {
    background-color: lightgray;
    border-bottom: 1px solid #f4f4f4;
    height: 60px;
    vertical-align: middle;
    line-height: 60px;
}

.CustomButtonsStyle {
    height: 34px;
    width: 120px;
    background-size: 120px 34px;
    padding: 0px;
    margin-right: 0px;
    border: 0px solid #000000;
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius: 0px;
}

.ModalHeader {
    height: 85px;
    background-color: #F5F5F5;
    border-bottom: 1px solid #C6C6C6;
}

.ModalHeaderImage {
    margin-left: 20px;
    margin-top: 12px;
    width: 59px;
    height: 62px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/element_order_Flag_background.png);
}

.UserIconImage {
    float: right;
    margin-top: 22px;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_User_gray_blue_dark.png);
    cursor: pointer;
}

.HistoryIconImage {
    float: right;
    margin-top: 22px;
    width: 28px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Hisotry_light_blue.png);
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.OrderEntryStatus {
    width: 123px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/element_order_Workflow_caption_order_entry.png);
}

.OrderAdjustmentStatus {
    width: 123px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/element_order_Workflow_caption_adjustment.png);
}

.OrderApprovalStatus {
    width: 219px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/element_order_Workflow_caption_approval.png);
}

.OrderReviewStatus {
    width: 93px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/element_order_Workflow_caption_review.png);
}

.OrderSentStatus {
    width: 139px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/element_order_Workflow_caption_order_sent.png);
}

.OrderPendingDeleteStatus {
    width: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/element_order_Workflow_caption_pending_delete.png);
}

.OrderPreparationStatus {
    width: 148px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/element_order_Workflow_caption_preparation.png);
}


.OrderUnconfirmedStatus {
    width: 165px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/element_order_Workflow_caption_unconfirmed.png);
}

.OrderConfirmationStatus {
    width: 165px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/element_order_Workflow_caption_confirmation.png);
}

.OrderInfoBlocks {
    width: 250px;
    float: left;
    margin-right: 30px;
}

.OrderItemsInfoBlocks {
    width: 160px;
    float: left;
    margin-right: 15px;
}

.AddItemTemplate {
    width: 1080px;
    background-color: #F8F8F8;
    border: 1px solid #C4C4CC;
}

.AddItemTemplateHeader {
    height: 29px;
    border-bottom: 1px solid #C4C4CC;
    background-color: #EDEDED;
    padding: 6px 27px 6px 19px;
}

.lblAddItemTemplateHeader {
    font-size: 14px;
    line-height: 17px;
    color: #3E3E3E;
    font-weight: 500;
}

.AddItemTemplatePadding {
    padding: 16px 22px 21px 19px;
}

.OrderItemListHeader {
    height: 26px;
    margin-bottom: 9px;
    padding-left: 88px;
    padding-right: 112px;
}

.OrderItemHeaderImage {
    width: 120px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/element_order_items_Title.png);
    float: left;
}

.OrderItemTemplate {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
}

.lblOrderInfo {
    margin-bottom: 5px;
    font-size: 14px;
    color: #505050;
    line-height: 17px;
    font-weight: 300;
}

.txtOrderInfo {
    width: 250px;
    height: 34px;
    /*border: 1px solid #C4C4CC;*/
    border: 0.5px solid #C4C4CC;
    border-radius: 3px;
    outline: none;
    padding-left: 5px; /*10px;*/
    font-size: 16px;
    color: #2C2C2C;
    font-family: Helvetica Neue;
    font-weight: 400;
}

    .txtOrderInfo:focus {
        border: 1px solid #C4C4CC !important;
    }

.rcbInput {
    height: 19px !important;
}

.txtOrderItemsInfo {
    width: 160px;
    height: 34px;
    border: 0.5px solid #807E7E;
    border-radius: 3px;
    outline: none;
    padding: 0px 5px; /*10px;*/
    font-size: 14px;
    color: #393C3D;
    text-align: left;
}

.txtOrderInfoNotes {
    width: 810px;
    height: 80px !important;
    border: 1px solid #C4C4CC;
    border-radius: 3px;
    outline: none;
    padding-left: 5px; /*10px;*/
    font-size: 14px;
}

.txtOrderItemRemarks {
    width: 1037px;
    height: 80px !important;
    border: 1px solid #C4C4CC;
    border-radius: 3px;
    outline: none;
    padding-left: 5px; /*10px;*/
    font-size: 14px;
}

.lblOrderNumber {
    font-size: 18px;
    line-height: 22px;
    display: block;
    margin-bottom: 6px;
    color: #000000;
}

.lblModalHeader {
    font-size: 13px;
    line-height: 15px;
    display: block;
    color: #393C3D;
}

.lblModalHeaderText {
    font-size: 13px;
    line-height: 15px;
    display: block;
    color: #37495C;
}

.lblOrderTotalValue {
    font-size: 30px;
    line-height: 36px;
    display: block;
    color: #37495C;
    text-align: right;
}

.CustomerComboItems li {
    height: 20px !important;
}

.CustomerComboItems {
    left: -1px !important;
    width: 600px !important;
}

.CboItemTemplate {
    width: 600px;
    height: 20px;
    display: inline-block;
}

/*#endregion */

/*#region OrderLog*/

.SideMenuHeaderOrdersLog {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Orders/header_orders_Log_history.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.lblOrderMainText {
    color: #363B3E;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
    display: block;
    height: 16px;
}

.lblOrderSubText {
    color: #1265B9;
    font-size: 13px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    height: 14px;
}
/*#endregion */

/*#region OrderAdjustment*/

.SideMenuHeaderAdjustmentRequest {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Orders/header_orders_Log_adjustments.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.SideMenuHeaderAdjustmentFeedBack {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Orders/header_orders_Log_feedback.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.lblSideMenuOrders {
    font-size: 14px;
    margin-bottom: 5px;
    color: #333333;
    font-weight: 400;
    line-height: 17px;
}

.MenuSection {
    margin-top: 10px;
    height: 62px;
    background-color: #F5F6F8;
    border: 1px solid #C4C4CC;
    padding: 14px 12px;
    margin-bottom: 16px;
}

.form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid #C4C4CC !important;
}

.txtFeedBackLog {
    width: 510px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    outline: none;
    padding: 20px;
    font-size: 15px;
    text-align: left;
    line-height: 18px;
}

    .txtFeedBackLog:focus {
        border: 1px solid #CCCCCC !important;
    }


.RightSideSendOrderNotes {
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/btn_Send_red.png);
    border: none;
    background-color: #ffffff;
}


.FeedBackIconImageRed {
    float: right;
    width: 28px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/btn_Feedback_red.png);
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.FeedBackIconImageGray {
    float: right;
    width: 28px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/btn_Feedback_light_blue.png);
    border: none;
    background-color: transparent;
    cursor: pointer;
}

/*#endregion */

/*#region SendOrderModal*/
.SendOrderModal {
    height: 470px;
    width: 630px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/element_order_msg_Sent_Successfully_background.png);
}

.OrderSentImage {
    height: 440px;
    width: 580px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Elements/Orders/anm_msg_Order_sent_successfully.gif);
}

.SendOrderButtons {
    height: 34px;
    width: 110px;
    background-size: 110px 34px;
    padding: 0px;
    color: #ffffff;
    cursor: pointer;
    background-repeat: no-repeat;
    border: none;
    background-color: #ffffff;
}

.btnNextOrder {
    background-image: url(../Content/Images/Buttons/btn_Next_gray_blue_dark.png);
}

.btnCloseAlertModal {
    background-image: url(../Content/Images/Buttons/btn_Close_gray_blue_dark.png);
}

/*#endregion */

/*#region OrderConfirmation*/

.SideMenuHeaderOrderConifrmation {
    width: 100%;
    height: 85px;
    background-image: url(../Content/Images/Elements/Orders/header_orders_Dialog_confirmation.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.lblOrderInfoTitle {
    color: #20272F;
    font-size: 18px;
    line-height: 21px;
    font-weight: 300;
    margin-bottom: 10px;
    display: block;
}

.lblOrderInfoText {
    color: #0076A8;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 40px;
    display: block;
    padding: 0px 100px;
}


.txtConfirmationNumber {
    width: 320px;
    height: 39px;
    border: 1px solid #C4C4CC;
    border-radius: 3px;
    outline: none;
    padding-left: 10px;
    font-size: 24px;
    color: #0076A8;
    text-align: center;
}


/*#endregion */

/*#endregion */

/*#region scrollbar*/
.scrollbar {
}

    .scrollbar::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px transparent;
        border-radius: 10px;
        background-color: transparent;
    }

    .scrollbar::-webkit-scrollbar {
        width: 7px;
        background-color: transparent;
    }

    .scrollbar::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #7a7a7a;
    }

    .scrollbar:not( :hover) {
        overflow-y: hidden !important;
    }

    .scrollbar:hover {
        overflow-y: auto !important;
        overflow-y: overlay !important;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

body, html {
    -ms-scrollbar-face-color: rgba(186, 186, 186, 0.93);
    -ms-scrollbar-arrow-color: #C4C4CC;
    -ms-scrollbar-track-color: transparent;
    -ms-scrollbar-shadow-color: transparent;
    -ms-scrollbar-highlight-color: transparent;
    -ms-scrollbar-3dlight-color: transparent;
    -ms-scrollbar-darkshadow-Color: transparent;
}
/*#endregion */

/*#region Log*/

.Log {
    position: static;
}

.LogEntityName {
    height: 40px;
    text-align: left;
    vertical-align: middle;
    line-height: 40px;
    background-color: #8e8e8e;
}

.LogNewLineHeader {
    height: 40px;
    text-align: left;
    vertical-align: middle;
    line-height: 40px;
    background-color: lightgreen;
}

.LogNewLineItem {
    height: 40px;
    text-align: left;
    vertical-align: middle;
    line-height: 40px;
    background-color: lightgray;
}

.LogLineHeader {
    height: 40px;
    text-align: left;
    vertical-align: middle;
    line-height: 40px;
    background-color: #8e8e8e;
}

.LogLineItem {
    height: 40px;
    text-align: left;
    vertical-align: middle;
    line-height: 40px;
    background-color: lightgray;
}

.LogNewLineItemValue {
    border-bottom: solid 1px #3333;
    height: 40px;
    text-align: left;
    vertical-align: middle;
    line-height: 40px;
}

.LogLineItem {
    height: 40px;
    text-align: left;
    vertical-align: middle;
    line-height: 40px;
    background-color: lightgray;
}

.LogLineItemValue {
    border-bottom: solid 1px #3333;
    height: 40px;
    text-align: left;
    vertical-align: middle;
    line-height: 40px;
}

.LogRemoveLineHeader {
    height: 40px;
    text-align: left;
    vertical-align: middle;
    line-height: 40px;
    background-color: #b90909;
    color: white;
}

.LogRemoveLineItem {
    height: 40px;
    text-align: left;
    vertical-align: middle;
    line-height: 40px;
    background-color: lightgray;
}

.LogRemoveLineItemValue {
    border-bottom: solid 1px #3333;
    height: 40px;
    text-align: left;
    vertical-align: middle;
    line-height: 40px;
}

.LogPrpClass {
    color: red;
    text-decoration: underline;
}

.LogPrpV1Class {
    color: red;
    text-decoration: underline;
}

.LogPrpV2Class {
    color: green;
    text-decoration: underline;
}

.LogItemSeperator {
    border-bottom: solid 1px black;
}

/*#endregion */

/*#region OrderFullModal*/

.modal-content.FullScreenModal {
    min-width: 1280px
}

.ModalFooter {
    position: fixed;
    bottom: 0px;
    height: 54px;
    background-color: #393a3d;
    width: 100%;
    padding: 0px 0px;
}

.btnFullModal {
    text-align: center;
    background-color: transparent;
    color: white;
    cursor: pointer;
    /*float: right;*/
    font-size: 20px;
    box-shadow: none;
    outline: none;
    font-weight: 900;
    cursor: pointer;
    border: none;
    padding: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    height: 24px;
}


.btnModalCloseNormal {
    background-image: url(../Content/Images/Buttons/btn_Close_transparent.png);
    width: 60px;
}



.btnModalApply {
    background-image: url(../Content/Images/Buttons/btn_Report_transparent_bold.png);
    background-position: right;
    width: 65px;
}

.btnModalEdit {
    background-image: url(../Content/Images/Buttons/btn_Edit_transparent_bold.png);
    width: 50px;
}

.btnModalSubmit {
    background-image: url(../Content/Images/Buttons/btn_Submit_transparent_bold.png);
    width: 65px;
}


.btnModalAprrove {
    background-image: url(../Content/Images/Buttons/btn_Approve_transparent_bold.png);
    width: 77px;
}

.btnModalSave {
    background-image: url(../Content/Images/Buttons/btn_Save_transparent_bold.png);
    background-position: right;
    width: 45px;
}

.btnModalDelete {
    background-image: url(../Content/Images/Buttons/btn_Delete_transparent_bold.png);
    background-position: right;
    width: 59px;
}

.btnModalConfirmation {
    background-image: url(../Content/Images/Buttons/btn_Confirmation_transparent_bold.png);
    background-position: right;
    width: 121px;
}


.btnModalConfirm {
    background-image: url(../Content/Images/Buttons/btn_Confirm_transparent_bold.png);
    background-position: right;
    width: 70px;
}


.btnModalCancel {
    background-image: url(../Content/Images/Buttons/btn_Cancel_transparent_bold.png);
    background-position: right;
    width: 60px;
}



.btnModalSendEmail {
    background-image: url(../Content/Images/Buttons/btn_Email_transparent_bold.png);
    background-position: right;
    width: 52px;
}


.btnModalAdjustment {
    background-image: url(../Content/Images/Buttons/btn_New_Assessment_transparent_bold.png);
    background-position: right;
    width: 165px;
}

.btnModalAdjust {
    background-image: url(../Content/Images/Buttons/btn_Adjustment_transparent_bold.png);
    background-position: right;
    width: 106px;
}


.ModalClose {
    position: absolute;
    right: 38px;
    width: 25px;
    height: 25px;
    top: 30px;
    cursor: pointer;
    font-size: 28px;
    color: #393a3d;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../Content/Images/Buttons/btn_Close_dark_gray.png);
}

/*New*/
.btnNewAssessmentFooter {
    background-image: url(../Content/Images/Buttons/btn_New_Assessment_transparent_bold.png);
    background-position: left;
    background-size: 165px 54px;
    width: 165px;
    height: 54px;
    position: absolute;
    left: 0px;
    margin-left: 52px;
}

.btnEngineFooter {
    background-image: url(../Content/Images/Buttons/btn_Engine_transparent_bold.png);
    background-position: Center;
    background-size: 66px 54px;
    width: 66px;
    height: 54px;
    position: absolute;
    left: 0px;
    margin-left: 579px;
}

.btnViewReportFooter {
    background-image: url(../Content/Images/Buttons/btn_Report_transparent_bold.png);
    background-position: right;
    width: 65px;
    height: 54px;
    position: absolute;
    right: 0px;
    margin-right: 198px;
    /*background-size: 65px 54px;*/
}

.btnCloseFooter {
    background-image: url(../Content/Images/Buttons/btn_Close_transparent_bold.png);
    background-position: right;
    width: 54px;
    height: 54px;
    position: absolute;
    right: 0px;
    margin-right: 69px;
}


/*#endregion */

/*#region GeneralStyle*/

.ShowToolTip {
    cursor: default;
}

.DynamicContent {
    overflow-x: hidden;
    overflow-y: auto;
    /*overflow-y: overlay;*/
}

.panel-heading {
    padding: 0;
    border: 0;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #EEEEEE !important;
    color: #393C3D;
    -webkit-text-fill-color: #393C3D;
}


.txtOrderItemsInfo:disabled, .txtOrderItemsInfo[readonly] {
    background-color: #EEEEEE !important;
    color: #393C3D;
    -webkit-text-fill-color: #393C3D;
}

.input-group-text {
    background-color: #EEEEEE !important;
}

.OverflowScrollbar {
    overflow-y: overlay !important;
}

.form-control::-ms-clear {
    display: none;
}

.CustomSearch .txtSearch {
    border: 0;
    box-shadow: none;
    width: 400px;
    height: 50px;
    padding: 0 15px;
    color: #4D4F5C;
}


.UserNameLetters {
    background-color: transparent;
    border-radius: 50%;
    height: 38px;
    width: 38px;
    color: white;
    line-height: 38px;
    text-align: center;
    box-sizing: content-box;
    margin-left: 15px;
}

.RatingIndicatorBG {
    height: 8px;
    width: 116px;
    line-height: 8px;
    text-align: center;
    box-sizing: content-box;
}

.RatingIndicatorCircle {
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    box-sizing: content-box;
}

.pnlIconStyle {
    line-height: 15px !important;
    padding-top: 8px !important;
    box-sizing: border-box !important;
}

.pnlIconStyle2 {
    line-height: 13px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
}



/*#region ComboBoxStyles*/


#ctl00_MainContent_ucOperational_cboPeriod > span {
    padding: 2px 30px 2px 23px !important;
}

#ctl00_MainContent_ucOperational_cboCountries > span {
    padding: 2px 30px 2px 10px !important;
}

#ctl00_MainContent_ucOperational_cboWorkFlow > span {
    padding: 2px 30px 2px 15px !important
}

.UsersComboItems li {
    height: 60px !important;
}

.UsersComboItems {
    left: -1px !important;
    width: 510px !important;
}



.RadComboBox_Default .rcbDisabled {
    border-color: #d0d0d0;
    color: #393C3D !important;
    background-color: #EEEEEE !important;
    height: 100%;
}


.RadComboBoxDropDown_Default .rcbHeader, .RadComboBoxDropDown_Default .rcbFooter {
    padding: 5px 10px 5px 2px !important;
}


.ComboBoxItemTemplate {
    width: 485px;
    height: 60px;
    display: inline-block;
    border-bottom: 1px solid #F1F1F3;
}

/*.RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered {
    padding: 0px !important;
}*/

.NoPadding .rcbItem, .NoPadding .rcbHovered, .NoPadding .rcbDisabled, .NoPadding .rcbLoading, .NoPadding .rcbCheckAllItems, .NoPadding .rcbCheckAllItemsHovered {
    padding: 0px !important;
    margin: 0px !important;
}


.ItemPadding .rcbItem, .ItemPadding .rcbHovered, .ItemPadding .rcbDisabled, .ItemPadding .rcbLoading, .ItemPadding .rcbCheckAllItems, .ItemPadding .rcbCheckAllItemsHovered {
    padding: 2px 5px !important;
}

.RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered {
    display: flex;
}

/*#endregion */

/*#region CheckBoxsStyles*/

.CustomRadioButton {
    position: relative;
    display: block;
}

    .CustomRadioButton > input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: inline-block;
        position: relative;
        background-color: #fff;
        color: #666;
        top: 10px;
        height: 22px;
        width: 22px;
        border-radius: 50px;
        cursor: pointer;
        margin-right: 15px;
        outline: none;
        border: 1px solid #BDC1C8;
    }

        .CustomRadioButton > input:checked ~ label::before {
            position: absolute;
            left: -27px;
            top: 3px;
            content: '';
            background-color: #55AF08;
            width: 12px;
            height: 12px;
            border-radius: 50px;
        }


        .CustomRadioButton > input:checked {
            background-color: #fff;
        }


    .CustomRadioButton > label {
        font-size: 14px;
        color: #2C3134;
        line-height: 19px;
        font-weight: 500;
        display: inline-block;
        position: absolute;
        top: 12px;
        left: 32px;
        width: 200px;
    }

.CustomRadioButtonLabel > label {
    font-size: 14px;
    color: #363B3E;
    line-height: 19px;
    display: inline-block;
    font-weight: 400 !important;
    position: absolute;
    top: 12px;
    left: 32px;
    width: 300px;
}

.chkToggle > label {
    display: block;
    background: url(../Content/Images/Buttons/btn_Toggle_off.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    height: 18px;
    width: 30px;
    cursor: pointer;
}

.chkToggle > input[type=checkbox]:checked + label {
    background: url(../Content/Images/Buttons/btn_Toggle_on.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.chkToggle > input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}

.chkToggle {
    position: relative;
    display: inline-block;
    height: 18px;
    width: 30px;
}
/*#endregion */

/*#region NavTabsStyles*/

.btnNavTabStyle {
    text-align: center;
    color: #575757;
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    text-decoration: none;
    background-color: transparent;
    font-weight: 300;
}

    .btnNavTabStyle:hover {
        text-decoration: none;
    }

    .btnNavTabStyle.Selected {
        color: #F85903;
        font-weight: 500;
    }

.MasterTab.Selected {
    font-weight: 500;
    color: #09A0F0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: none;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent;
}

a:hover {
    color: #575757;
}

.nav-tabs > a {
    color: #575757;
}

.nav-tabs > .nav-link > div {
    padding-bottom: 11px;
}

.nav-tabs > .nav-link.active {
    border-bottom: 3px solid #D83B01 !important;
}

.nav-tabs > .nav-link.active {
    color: #D83B01;
    font-weight: 500;
}

.nav-tabs > .nav-link {
    text-align: center;
}

.nav-link {
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #dee2e6 !important;
}

.EditCountry.nav-tabs > .nav-link.active {
    border-bottom: 3px solid #992DC9 !important;
}

.EditCountry.nav-tabs > .nav-link.active {
    color: #992DC9;
}

.UpdateLookup.nav-tabs > .nav-link.active {
    border-bottom: 3px solid #0AA3E5 !important;
}

.UpdateLookup.nav-tabs > .nav-link.active {
    color: #0AA3E5;
}

.OrderAttachment.nav-tabs > .nav-link.active {
    border-bottom: 3px solid #0AA3E5 !important;
}

.OrderAttachment.nav-tabs > .nav-link.active {
    color: #0AA3E5;
}

.OrderRules.nav-tabs > .nav-link.active {
    border-bottom: 3px solid #0AA3E5 !important;
}

.OrderRules.nav-tabs > .nav-link.active {
    color: #0AA3E5;
}

.OrderWorkFlow.nav-tabs > .nav-link.active {
    border-bottom: 3px solid #0AA3E5 !important;
}

.OrderWorkFlow.nav-tabs > .nav-link.active {
    color: #0AA3E5;
}

.CustomerService.nav-tabs > .nav-link.active {
    border-bottom: 3px solid #0AA3E5 !important;
}

.CustomerService.nav-tabs > .nav-link.active {
    color: #0AA3E5;
}

.PriceItemInfo.nav-tabs > .nav-link.active {
    background-color: #0AA3E5;
    color: white;
}

.PriceItemInfo.nav-tabs .nav-link {
    border-radius: unset !important;
    border: 1px solid #0AA3E5 !important;
    height: 34px !important;
    width: 110px !important;
    line-height: 34px;
    text-align: center;
    vertical-align: central;
}

.PriceItemInfo.nav-tabs > .nav-link.active {
    font-weight: 300;
}

.PriceItemInfo.nav-tabs {
    border-bottom: none;
}

    .PriceItemInfo.nav-tabs > a {
        color: #0076A8;
    }

.CustomerItemInfo.nav-tabs > .nav-link.active {
    background-color: #0AA3E5;
    color: white;
    font-weight: 400;
}

.CustomerItemInfo.nav-tabs .nav-link {
    border-radius: 0px !important;
    border: 1px solid #0AA3E5 !important;
    height: 34px !important;
    width: 110px !important;
    line-height: 34px;
    text-align: center;
    vertical-align: central;
    font-weight: 300;
}

.CustomerItemInfo.nav-tabs {
    border-bottom: none;
}

    .CustomerItemInfo.nav-tabs > a {
        color: #0076A8;
    }



.OrderConfirmed.nav-tabs > .nav-link.active {
    border-bottom: 3px solid #F85903 !important;
}

.OrderConfirmed.nav-tabs > .nav-link.active {
    color: #F85903;
}
/*#endregion */

/*#endregion */


/*#region RegionName*/

/*#endregion */
.risk-rating-grid-card {
    width: 438px;
    height: 442px;
    margin: 0px;
    background-image: url(../Content/Images/Cards/card_risk_rating_Information.png);
    background-size: contain;
    position: relative;
}

.risk-rating-grid-card-no-data {
    background-image: url(../Content/Images/Cards/card_risk_rating_Information_gray.png);
}

.risk-rating-grid-card-green {
    background-image: url(../Content/Images/Cards/card_risk_rating_Information_green.png);
}

.risk-rating-grid-card-red {
    background-image: url(../Content/Images/Cards/card_risk_rating_Information_red.png);
}

.risk-rating-grid-card-yellow {
    background-image: url(../Content/Images/Cards/card_risk_rating_Information_yellow.png);
}

.risk-rating-grid-items {
    margin-top: 23px;
    display: inline-block;
}

.risk-rating-grid-items-content {
    padding: 0 0 0 33px;
    margin-top: 20px;
    text-align: var(--left);
}

.text-to-left {
    text-align: left;
}

.criteria-column {
    width: 120px;
    color: #576065;
    font-weight: 500;
    font-size: 15px;
}

.wt-column {
    width: 32px;
    text-align: center;
    color: #576065;
    font-size: 15px;
}

.rating-column {
    width: 66px;
    text-align: right;
    color: #576065;
    font-size: 15px;
}

.rating-column-data {
    color: #576065;
    font-weight: 500;
}

.answered-percent-label {
    color: #0E7AC9;
    font-size: 14px;
}

.infographic-rating-history-last-update-seperator {
    color: #707070;
    font-weight: 100;
}

.rating-result {
    height: 362px;
    position: absolute;
    top: 7px;
    right: 16px;
    left: initial;
    width: 146px;
    text-align: center;
}

.rating-result-type {
    color: #2D3438;
    font-size: 14px;
    font-weight: 500;
    margin-top: 21px;
}

.rating-result-system-rating {
    margin-top: 0px;
    color: #2D3438;
    font-size: 14px;
}

.rating-result-value {
    color: #313C3E;
    font-size: 34px;
    font-weight: 500;
    margin-top: 158px;
}

.rating-result-code {
    color: #404E5F;
    font-size: 20px;
    margin-top: 17px;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.general-blue-tab {
    border: none !important;
    background-color: initial !important;
    font-weight: normal !important;
    color: #4B4B4B;
    font-size: 15px;
    cursor: pointer;
}

    .general-blue-tab.selected-tab {
        background-color: #42A1EA !important;
        color: #fff;
        border-radius: 17px;
        padding: 5px 26px !important;
        height: 32px;
    }

.mt-30 {
    margin-top: 30px;
}

.country-icon {
    width: 25px;
    height: 25px;
    margin-inline: 10px;
}

.calculator-header {
    display: flex;
    color: #212529;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    align-items: flex-end;
}

.calculator-body-row {
    display: flex;
    font-size: 15px;
    font-weight: 300;
    color: #212529;
    padding-block: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    align-items: center;
}

.calculator-table {
    width: 100%;
}

.btn-edit-light-gray {
    width: 18px;
    height: 18px;
}

.btn-delete-light-gray {
    width: 18px;
    height: 18px;
}

.btn-save-light-gray {
    width: 20px;
    height: 20px;
}

.btn-cancel-light-gray {
    width: 23px;
    height: 23px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.icon-add-plus-green {
    width: 23px;
    height: 23px;
}

.application-page-title {
    font-weight: 500;
    color: #26495F;
    font-size: 21px;
}

.premium-light-label {
    color: #333638;
    font-size: 16px;
    font-weight: 300;
}

.pt-4 {
    padding-top: 4px !important;
}

.calculator-header-col {
    padding: 0 10px;
}

.calculator-body-col {
    padding: 0 10px;
}

.txt-calculation-width {
    width: 100px;
    height: 33px;
    border: 1px solid #9d9d9d;
}

.calculator-header-col input.form-control:disabled {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    font-weight: 400 !important;
}

.calculator-body-col-color:nth-child(even) {
    background-color: #edf4f8;
}

.center-flex-item {
    align-items: center;
    justify-content: center;
    display: flex;
}

.industry-specific-width {
    min-width: 105px;
}

.dv-footer__total {
    z-index: 10;
    position: fixed;
    bottom: 8px;
    right: 40%;
    display: flex;
    justify-content: space-between;
}

.dv-footer__total_text {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    top: -7px;
    position: relative;
    margin-inline: 20px;
}

.dv-footer input[disabled="disabled"] {
    color: #BDC1C8 !important;
    cursor: default;
}

.bold-total {
    font-weight: 500;
    font-size: 16px;
}

.header-label-width {
    display: inline-block;
    width: 120px;
}

.question-top {
    top: -8px;
    position: relative;
}

.sub-side-menu {
    text-decoration: none;
    color: #212529 !important;
    overflow-x: hidden;
    width: 159px
}

.sub-side-menu-item {
    border: none !important;
    background-color: initial !important;
    font-weight: normal !important;
    color: #4B4B4B;
    font-size: 15px;
    cursor: pointer;
}

.sub-side-menu-container {
    width: 192px;
    min-width: 165px;
    background: #FCFCFC;
    float: left;
    height: calc(100vh - 190px);
}

    .sub-side-menu-container .selected-tab {
        font-weight: 500 !important;
        color: #E3480F !important;
        background-color: transparent !important;
        padding: 0 6px !important;
    }

.sub-l2-menu .general-blue-tab.selected-tab {
    border-radius: 0;
    background-color: #f8f8f8 !important;
    color: #ba431b;
    height: 50px;
    font-weight: 500 !important;
}

.sub-l2-menu .general-blue-tab {
    height: 50px;
}

.manual-import-tabs .selected-tab {
    background-color: #f5f5f5 !important;
    color: #ba431b;
    border-radius: 0 !important;
    height: 50px;
    width: 123px;
    border-bottom: 3px solid #d8d8d8 !important;
    top: 0 !important;
}

.manual-import-tabs .general-blue-tab {
    width: 132px;
    position: relative;
    top: -2px;
}

.manual-import-tabs {
    align-items: center;
    text-align: center;
    background-color: #f8f8f8;
}

.btn-footer-white {
    bottom: 0px;
    margin-left: 10px;
    background-color: inherit;
    display: flex;
    height: 60px;
    padding-top: 12px;
    padding-right: 25px;
    justify-content: right;
    position: fixed;
    z-index: 111;
    width: 100%;
}

    .btn-footer-white .btn-footer {
        font-size: 22px;
        color: #fff;
        font-weight: 500;
        border: none;
        background-color: transparent;
        margin-inline: 30px;
        position: relative;
        top: -7px;
        cursor: pointer;
    }

.emission-textbox {
    width: 120px;
    position: relative;
    left: -31px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 3px;
}

.emission-top {
    position: relative;
    top: -27px;
}

.sub-side-menu-container.third-sub {
    width: 177px;
    min-width: 177px;
    border-right: 3px solid #f2f2f2;
    background: #fff;
}

.rmv-tab-padding .general-blue-tab {
    padding: 0 !important
}

.report-answer {
    width: calc(100% - 200px);
    margin-top: 20px;
    max-width: 800px;
}

.report-question {
    display: flex;
    align-items: center;
}

    .report-question .question-number-gray {
        height: 32px;
    }

.report-note {
    margin-top: 10px;
    color: #ba431b;
    font-weight: 400;
    font-size: 15px;
    background-color: #ffffcc;
    padding: 3px;
}

.report-note-title {
    font-weight: 500;
}
/*User Manulal style*/
.instant-support-help-label {
    color: #121212;
    font-size: 28px;
    font-weight: 400;
    position: absolute;
    top: 70px;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
}

.support-mode-footer {
    position: fixed;
    width: 692px;
    right: 0px;
    bottom: 0;
    display: flex;
    padding: 16px 50px;
    gap: 19px;
    height: 63px;
}

.support-mode {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
}

    .support-mode.selected {
        border: 2px solid #A2A2A2;
        width: 22px;
        height: 22px;
    }

    .support-mode.support-mode_black {
        background-color: #222222;
    }

.support-typing-box {
    border: 1px solid #E6E6E6;
    margin-inline: 36px;
    border-radius: 18px;
    box-shadow: 1px 1px 10px #00000014;
    height: 90px;
    display: flex;
    padding: 15px 20px;
}

.btn-send-question {
    background-image: url(./Images/Buttons/btn_Generate_light_gray.png);
}

.support-typing-icon {
    width: 44px;
    height: 44px;
    background-size: contain;
    margin-top: 6px;
}

.support-textbox {
    border: unset !important;
    min-width: 534px !important;
    height: 66px !important;
    font-weight: 500 !important;
    resize: none;
}

.btn-generate-chat {
    width: 44px;
    height: 44px;
    background-size: contain;
    border: unset;
    background-color: unset;
    margin-top: 6px;
    background-repeat: no-repeat;
}

.support-chat {
    height: calc(100vh - 248px);
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 10px;
    padding-inline: 45px;
    padding-top: 36px;
}

.support-question {
    text-align: right;
    color: #121212;
    font-size: 15px;
    background-color: #E4E4E4;
    width: fit-content;
    float: right;
    font-weight: 400;
    padding: 20px;
    border-radius: 20px 20px 0px 20px;
}

.obligor-add-contact-modal .modal-body.instant-support {
    height: 100vh;
}

.support-answer {
    clear: both;
    color: #121212;
    font-size: 14px;
    font-weight: 500;
    padding-block: 35px;
    white-space: pre-wrap
}

.instant-support.black-mode .support-question {
    background-color: #284D60;
    color: #fff;
}

.instant-support.black-mode .support-answer {
    color: #fff;
}

.instant-support.black-mode .support-typing-box {
    background-color: #383838;
    border: 1px solid #4F4F4F;
}

.instant-support.black-mode .support-textbox, .instant-support.black-mode .support-textbox:focus {
    background-color: #383838;
    -webkit-text-fill-color: #fff !important;
    color: #fff !important;
}

.instant-support.black-mode .btn-send-question {
    background-image: url(./Images/Buttons/btn_Generate_gray.png);
}

    .btn-send-question.btn-send-black, .instant-support.black-mode .btn-send-question.btn-send-black {
        background-image: url(./Images/Buttons/btn_Generate_black.png);
        cursor: pointer;
    }

.support-typing-icons .typing-icon {
    background-image: url(./Images/Buttons/btn_Stop_black_light_gray.png);
}

.instant-support.black-mode .typing-icon {
    background-image: url(./Images/Buttons/btn_Stop_black_gray.png);
}

.instant-support.black-mode .support-mode-footer, .instant-support.black-mode {
    background-color: #171614;
}

    .instant-support.black-mode .points-loader {
        --_g: no-repeat radial-gradient(circle closest-side,#fff 90%,#0000);
    }

    .instant-support.black-mode .instant-support-help-label {
        color: #fff;
    }

.points-loader {
    clear: both;
    width: 60px;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100%/3) 50%;
    animation: l3 1s infinite linear;
}

@keyframes l3 {
    20% {
        background-position: 0% 0%, 50% 50%,100% 50%
    }

    40% {
        background-position: 0% 100%, 50% 0%,100% 50%
    }

    60% {
        background-position: 0% 50%, 50% 100%,100% 0%
    }

    80% {
        background-position: 0% 50%, 50% 50%,100% 100%
    }
}
/*.text-typing-keyframe {
    display: inline-block;
    overflow: hidden;
    animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;
}*/
@keyframes typing {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes blink-caret {
    from, to {
        border-color: transparent
    }

    50% {
        border-color: orange;
    }
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}

.support-textbox.form-control:focus {
    border: none !important;
}

.assets-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    position: relative;
    padding-top: 2px;
}

    .assets-circle.orange {
        background: #ED9406;
    }

    .assets-circle.red {
        background: #E04407;
    }

    .assets-circle.green {
        background: #5C9607;
    }

    .assets-circle.yellow {
        background: #cfcf06;
    }

    .assets-circle.violet {
        background: #7f00ff;
    }


.dropdown-label-width {
    width: 108px;
    display: inline-block;
}