*, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, label, legend, caption {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.8px;
}

* html input {
    overflow: visible;
}

fieldset {
    text-align: left
}



#title {
    font-size: 16px;
    font-weight: 700;
}

ul {
    list-style: none;
}

h1, h2, .form_header {
    font-size: 16px !important;
    font-weight: 700;
}

table {
    /*background-color: #FFFFFF;*/
    /*    Comment due to affect other modules*/
}

a, #nav li a, #footer, #loginstatus {
    font-size: 12px;
}

#ddtoptabs li {
    font-size: 9px;
}

p, #nav li ul, .util, .datagrid, .sorter, .genericbtn, #header span, #header2 span, .button_dynamic input, .info_panel .datalabel, .info_panel .datalabel_leftpad .info_panel .datavalue, div.info_panel, .success-msg {
    font-size: 14px;
}

@media all and (min-device-width: 1400px) {
    a, #nav li a, #footer, #loginstatus {
        font-size: 14px;
    }

    p, #nav li ul, .util, .datagrid, .sorter, .genericbtn, #header span, #header2 span, .button_dynamic input, .info_panel .datalabel, .info_panel .datalabel_leftpad .info_panel .datavalue, div.info_panel, .success-msg {
        font-size: 14px;
    }
}

body {
    text-align: center;
    width: 100%;
    height: 100%;
    min-width: 1024px;
    margin-top:71px !important;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}


strong {
    font-weight: bold
}

.datavalue {
    color: #0033FF
}

.datalabel, .datalabel_leftpad {
    font-weight: normal
}

.datalabel_leftpad {
    margin-left: 10px
}

h1 {
    color: #003e65;
    font-weight: bold;
    text-align: left
}

h2 {
    font-weight: 700;
}

a {
    color: #19547a;
    text-decoration: underline;
    cursor: pointer;
}

strong {
    font-weight: 700;
}

p {
    text-align: justify;
}

a:hover {
    color: #1890ff;
    text-decoration: underline;
}

#header {
    background: #056bd8;
    width: 100%;
    height: 46px;
    position: fixed;
    z-index: 9997 !important;
    margin-top:-71px;
}

#header h1 {
    color: #FFFFFF;
    float: left;
    max-width: calc(100% - 600px);
    vertical-align: middle;
    padding-left: 20px;
    font-weight: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1rem;
    line-height: 14px;
    padding-top: 1rem;
}

#header > h1 > small, #header > h1 > span {
    font-size: 10px;
    font-style: italic;
    font-weight: lighter;
}

#header2 {
    background: #056bd8;
    width: 100%;
    height: 46px;
    position: fixed;
    z-index: 999;
}

#header2 h1 {
    color: #FFFFFF;
    float: left;
    color: #FFFFFF;
    float: left;
    font-size: 100%;
    vertical-align: middle;
    padding-top: 0.5rem;
    padding-left: 20px;
    font-weight: normal;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1rem;
}

#header2 small {
    font-size: 10px;
}

#generic_sidebar_menu {
    -webkit-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

#nav {
    width: 400px;
    height: 100%;
    text-align: left;
    font-size: 14px;
    color: #FFFFFF;
    -webkit-transition: width 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    position: fixed;
    z-index: 999;
    font-size: 100%;
    margin-left: -700px;
    float: left;
    height: calc(100% - 71px);
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
    background-color: #212121;
}

.error_message {
    color: #FF0000;
}

.success-msg {
    border: 1px solid #f16048 !important;
    color: #df280a !important;
    background: #faebe7 url('images/error_msg_icon.gif') no-repeat 10px 10px !important;
    font-weight: bold;
    padding: 2px
}

#ddtoptabs {
    float: right;
    /*height: 100%;*/
    padding-right: 10px;

}

#ddtoptabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

#ddtoptabs li {
    display: inline;
    line-height: 1.8em;
    margin: 0;
    padding: 0;
}

html > body > #ddtoptabs li {
    line-height: 1.45em;
}

* html .main_group_left img {
    display: block;
    float: left;
    margin-top: -12px;
    margin-left: 55px;
}

#ddtoptabs .main_group_left, #ddtoptabs strong {
    float: left;
    color: #999;
    text-decoration: none;
    padding: 0px;
}

#ddtoptabs a span, #ddtoptabs #current span {
    float: left;
    display: block;
    color: #002d5b;
    font-size: 12px;
    padding: 0.5rem;
    text-align:left;
}

#ddtoptabs a:hover {
    background-position: 0 -150px;
}

#ddtoptabs a:hover span {
    color: #000;
    background-position: 100% -150px;
}

#ddtoptabs #current a:hover {
    background-position: 0 -300px;
}

#ddtoptabs #current a:hover span {
    color: #fff;
    background-position: 100% -300px;
}

#loginstatus {
    float: right;
    position: relative;
    right: 40px;
    margin: 10px 0px 5px 0px;
    padding: 10px;
}

.clear {
    clear: both;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    margin-bottom: 0px;
}

#breadcrumb {
    float: left;
    position: relative;
    top: 10px;
    left: 40px;
    margin-bottom: 20px;
}

#wrapper {
    border: 1px solid #FFFFFF;
    width: 100%;
    background: transparent;
    border: 0px;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    -webkit-transition: width 0.1s;
    -o-transition: width 0.1s;
    transition: width 0.1s;
    height: calc(100vh - 71px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display:table;
}

#wrapper.approval_email {
    width: 100%;
}

#wrapper.approval_email #inner_wrapper {
    width: 100%;
}

#generic_breadcrumb {
    -webkit-transition: width 0.1s;
    -o-transition: width 0.1s;
    transition: width 0.1s;
    float: left;
    width: 100%;
    margin-top: -26px;
    position: fixed;
    border-radius: 0px;
    font-size: 12px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid #e0e0e0;
    background-color: #FFFFFF;
    height: 26px;
    z-index: 9996;
}

.breadcrumb {
    border-radius: 0px;
    margin-bottom: 0px;
    padding: .2rem 1rem;
}

#wrapper1 {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    width: 98%;
    margin: 0 auto;
    position: relative;
    background: transparent;
    border: 0px
}

#inner_wrapper {
    clear: both;
    border: 1px solid #d5d5d5;
    background: #daeffe;
    background-color: #f4f4f4;
    z-index: 2;
    position: relative;
    width: 100%;
    font: 11px Tahoma;
    color: #000000;
    text-align: center;
    margin-top: 20px;
    padding-bottom: 50px;
    display:table;
    padding-left:10px;
    padding-right:10px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

#inner_wrapper_tab {
    width: 97%;
    margin: 15px auto;
    padding: 5px;
    background: #d5d5d5;
    border: 1px solid #475e81;
}

#title {
    vertical-align: middle;
    display: none;
}

.imagetitle {
    display: block;
    float: left;
    margin: -4px 10px 0 0;
}

.util {
    float: right;
    margin: -5px 20px 0 20px;
    #margin: 0px 20px 0 20px;
}

.genericbtn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #2e6da4;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    background-color: #337ab7;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.tooltip, .tooltip_inline, .save_btn_span input, .button_dynamic input, .util input, .tooltip_inline {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #2e6da4;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    background-color: #337ab7;
}

.util input:hover, .tooltip_inline:hover, .genericbtn:hover, .button_dynamic input:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.tooltip, .tooltip_inline, .tooltip_icon {
    background-image: url('/apps_image/bullets/help.gif');
    background-repeat: no-repeat;
}

.tooltip_icon {
    width: 18px;
    height: 18px;
    cursor: pointer;
    padding: 1px 2px;
}

.tooltip_inline {
    border: 0;
    padding-left: 15px;
    background-color: #FFFFFF
}

.button_dynamic {
    float: right;
    margin-top: -17px;
}

.addnewbtn {
    display: block;
    margin-left: 10px;
    text-decoration: none;
    color: #000;
}

input[type='text'][disabled] {
    background-color: #eee;
    opacity: 1
}

textarea[disabled] {
    background-color: #eee;
    opacity: 1
}

input[type='button'][disabled] {
    opacity: 0.5
}

select[disabled] {
    background-color: #eee;
    opacity: 1
}

#login .loginbtn, #login .cancelbtn {
    border: 1px solid #848484;
    display: block;
    padding: 1px 10px;
    background-position: 5px;
    text-indent: 5px;
    background-repeat: no-repeat;
    font-size: 12px;
}

#login .loginbtn {
    background-image: url('/apps_image/bullets/key.gif');
}

#login .cancelbtn {
    background-image: url('/apps_image/bullets/cross.gif');
    background-color: #ffa2a2;
    border: 1px solid #fb5859;
}

.confirm_yes, .confirm_no {
    padding: 2px 8px 2px 20px;
    background-repeat: no-repeat;
    background-position: 5px center;
    text-indent: 5px;
}

.confirm_yes {
    background: #b0db56 url('/apps_image/bullets/tick.gif') no-repeat 5px center;
    padding: 2px 8px 2px 20px;
    border: 1px solid #608c03;
}

.confirm_no {
    background: #ffa2a2 url('/apps_image/bullets/cross.gif') no-repeat 5px center;
    padding: 2px 8px 2px 20px;
    border: 1px solid #fb5859;
}

#footer {
    width: 100%;
    clear: both;
    margin-top: 20px;
    background: #272b2f;
    left: 0;
    bottom: 0;
    position: fixed;
    z-index: 999999;
    display: none;
}

#footer a {
    color: #fff;
}

#footer p {
    float: right;
    position: relative;
    right: 60px;
    color: #fff;
}

#links_footer {
    float: left;
    font-weight: 400;
    height: 35px;
    margin-left: 50px;
}

#wrapper_login #footer {
    background: none;
}

.sub_title, .util li, #footer img {
    float: left;
}

.sub_title {
    margin: 20px 0 0 20px;
    font-weight: bold
}

#cssdropdown, #cssdropdown ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#cssdropdown li {
    float: left;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
}

.mainitems {
    z-index: 4;
}

.mainitems a {
    text-decoration: none;
}

.subuls {
    display: none;
    width: 100%;
    position: absolute;
    top: 46px;
    left: 0;
    background-color: #FFFFFF;
    text-align: left;
}

.subuls li {
    width: 100%;
}

.subuls li a {
    width: 100%;
    color: #333333;
    text-decoration: none;
    background: #FFFFFF;
    display: block;
    padding: 10px;
    font-size: 12px;
}

* .subuls li a {
}

.subuls li a:hover {
    background: #DFDFDF;
    text-decoration: none
}

#apps_header > a:active {
    background-color: transparent !important;
}

#cssdropdown li > ul {
    width: 200px;
    left: -160px;
    -webkit-box-shadow: 5px 5px 10px #0000004f;
    box-shadow: 5px 5px 10px #0000004f;
}

#cssdropdown li:hover ul, li.over ul {
}

#restofcontent {
    clear: left;
}

#logout_dialog {
    margin: 0 auto
}

#logout_dialog h1 {
    text-align: center;
    margin-top: 10px;
}

#logout_dialog #logout_title {
    height: 20px;
    clear: both;
}

#logout_dialog strong {
    clear: both;
    display: block;
    padding-left: 5px;
    font-size: 12px
}

#logout_dialog form {
    margin: 0 auto;
    text-align: center;
    margin-top: 5px;
}

#logout_dialog_btm {
    display: block;
    background: url('/apps_image/popup_panel_bottom.gif') no-repeat;
    width: 379px;
    height: 40px;
    clear: both;
    margin: 0 auto
}

.main_panel .fieldset1, .fieldset2, .fieldset3 {
    position: relative;
    background: url('/apps_image/splash/panel_bg.jpg') repeat-x #FFF;
    border: 1px solid #b0b0b0;
    width: 30%;
    float: left;
    padding: 30px 0.5em 0.5em;
}

.fieldset3 {
    margin-right: 0;
    float: right;
}

.fieldset2 {
    position: relative;
    left: 2.5%;
    float: left;
}

* html .fieldset2 {
    left: 5%;
}

.splash_header span {
    position: absolute;
    top: -23px;
    font-weight: 700;
    border: 1px solid silver;
    background: url('/apps_image/splash/header_bg.jpg') repeat-x #FFF;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    padding: 2px 5px;
}

.inner_main_panel {
    text-align: justify;
    font-size: 12px;
    list-style-type: none;
    margin: 0 10px 10px;
}

#breadcrumb {
    font-size: 10px
}

.splash_appname {
    font-size: 18px;
    position: relative;
    top: 255px;
    left: 10px;
    color: #FF0000;
}

.inner_main_panel ul li {
    list-style-type: none;
}

.database_btn, .intranet_btn, .web_btn {
    display: block;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    padding: 0 0 0 40px;
}

.database_btn {
    background: url('/apps_image/splash/custom_database_icon.gif') no-repeat left;
    margin-top: 0;
}

.intranet_btn {
    display: block;
    background: url('/apps_image/splash/intranet_icon.gif') no-repeat left;
}

.web_btn {
    display: block;
    background: url('/apps_image/splash/web_icon.gif') no-repeat left;
}

#splash_container {
    width: 98%;
    margin: 0 auto;
}

#splash {
    background: url('/apps_image/splash/splash.jpg') no-repeat;
    width: 704px;
    height: 303px;
    margin: 0 auto 20px;
}

#ajax_tooltipObj {
    z-index: 1000000;
    text-align: left;
}

#ajax_tooltipObj div {
    position: relative;
}

#ajax_tooltipObj .ajax_tooltip_arrow {
    background-image: url('apps_image/arrow.gif');
    width: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-position: center left;
    z-index: 1000005;
    height: 60px;
}

#ajax_tooltipObj .ajax_tooltip_content {
    border: 2px solid #bed8e6;
    left: 18px;
    top: 0px;
    position: absolute;
    width: 150px;
    height: 200px;
    background-color: #FFF;
    padding: 5px;
    font-size: 10px;
    overflow: auto;
    z-index: 1000001;
    background-color: #e4faff;
}

/* CSS Document */
.info_panel {
    background: #FFF;
    margin: 10px auto 0 auto;
    width: 96%;
    display: block;
    padding: 10px 5px;
    text-align: left;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
}

div.info_panel {
    margin-bottom: 5px;
}

.info_panel .button_contain {
    float: right;
    margin-top: -18px;
}

.arrow_report {
    background: url('/apps_image/arrow_bg.gif') repeat-x;
    height: 77px;
    width: 100%;
    border-left: 1px solid #83bbd9
}

.arrow_head {
    background: url('/apps_image/arrow_head.gif') no-repeat;
    width: 39px;
    height: 77px;
    float: right
}

.arrow_report span {
    float: left
}

.scroll_div {
    height: 145px;
    width: 99%;
    margin: 0px auto;
    overflow: auto;
    clear: both;
}

.show_pointer {
    cursor: pointer;
}

.prompt_message {
    color: #FF0000;
    border: 2px solid #FF0000;
    background: #FFFFFF;
    padding: 2px;
    font-size: 12px;
    margin: 0 auto;
}

.pointer_cursor {
    cursor: pointer
}

.moduletitle, .modulemid, .modulefooter {
    width: 160px;
}

.module_long .moduletitle, .module_long .modulemid, .module_long .modulefooter {
    width: 250px;
}

.moduletitle {
    background: #328bef;
    height: 27px;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 20px;
    text-align: center;
}

.modulemid {
    background: #e6fbff;
}

.modulecontain {
    margin-bottom: 5px
}

#pop_application {
    border-radius: 0px;
}

#wrapper #div_icon_menu {
    margin-left: 0px !important;
}
#wrapper #div_icon_menu .btn-icon {
    display:inline-block;
}
#wrapper #div_icon_menu .btn-icon .glyphicon {
    top:1rem;
}
#wrapper #div_icon_menu  .btn-icon-text{
    width:auto;
}
.container {
    width: 100%;
    padding: 0px;
    max-width: none;
    position: relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

select[multiple] {
    height: 100%;
}

::-webkit-scrollbar {
    width: 0.8em;
    height: 0.8em
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #FFFFFF;
}

::-webkit-scrollbar-thumb {
    background-color: #1890ff;
    outline: 1px solid slategrey;
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: #011224;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

input[type='file'] {
    background-color: #f3eff3;
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type='file'][disabled] {
    opacity: 0.5;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.2rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

select[size]:not([size='0']) {
    height: 100%
}



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

.colors a {
    width: 43.3px;
    height: 30px;
    float: left;
}

.jquery-accordion-menu, .jquery-accordion-menu * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: 0
}

.jquery-accordion-menu {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 100px;
    background-color: #212121;
    height: 100%;
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
}

.jquery-accordion-menu .jquery-accordion-menu-footer, .jquery-accordion-menu .jquery-accordion-menu-header {
    width: 100%;
    height: 50px;
    padding-left: 22px;
    float: left;
    line-height: 50px;
    font-weight: 600;
    color: #f0f0f0;
    background: #414956
}

.jquery-accordion-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display:inline-block;
    overflow-y:auto;
    overflow-x:hidden;
}
#generic_sidebar_ul {
    height: 100%;
    min-height: 100% !important;
    width:100%;
}

.jquery-accordion-menu ul li {
    width: 100%;
    display: block;
    float: left;
    position: relative
}

.jquery-accordion-menu ul li a {
    white-space: normal;
    width: 100%;
    padding: 8px 18px;
    float: left;
    text-decoration: none;
    color: #f0f0f0;
    font-size: 13px;
    background: #414956;
    position: relative;
    overflow: hidden;
    -o-transition: color .1ms ease-in-out, background .1s ease-in-out;
    -webkit-transition: color .1ms ease-in-out, background .1s ease-in-out;
    transition: color .1ms ease-in-out, background .1s ease-in-out
}

.jquery-accordion-menu > ul > li.active > a, .jquery-accordion-menu > ul > li:hover > a {
    color: #fff;
    background: #056bd8
}

.jquery-accordion-menu > ul > li > a {
    border-bottom: solid 1px #3b424d
}

.jquery-accordion-menu ul li a i {
    width: 34px;
    float: left;
    line-height: 18px;
    font-size: 16px;
    text-align: left
}

.jquery-accordion-menu ul li a [active] {
    background-color: #ffa600;
}

.jquery-accordion-menu .submenu-indicator {
    float: right;
    right: 22px;
    position: absolute;
    line-height: 19px;
    font-size: 20px;
    -o-transition: transform .1ms ease-in-out;
    -moz-transition: transform .1ms ease-in-out;
    -webkit-transition: transform .1ms ease-in-out;
    -ms-transition: transform .1ms ease-in-out
}

.jquery-accordion-menu ul ul.submenu .submenu-indicator {
    line-height: 16px
}

.jquery-accordion-menu .submenu-indicator-minus > .submenu-indicator {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.jquery-accordion-menu ul ul.submenu, .jquery-accordion-menu ul ul.submenu li ul.submenu {
    width: 100%;
    display: none;
    position: static
}

.jquery-accordion-menu ul ul.submenu li {
    clear: both;
    width: 100%;
}

.jquery-accordion-menu ul ul.submenu li a {
    width: 100%;
    float: left;
    font-size: 11px;
    background: #2a313a;
    border-top: none;
    position: relative;
    border-left: solid 6px transparent;
    -o-transition: border .1ms ease-in-out;
    -webkit-transition: border .1ms ease-in-out;
    transition: border .1ms ease-in-out
}

.jquery-accordion-menu ul ul.submenu li:hover > a {
    border-left-color: #056bd8
}

.jquery-accordion-menu ul ul.submenu > li > a {
    padding-left: 30px
}

.jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > a {
    padding-left: 74px
}

.jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > ul.submenu > li > a {
    padding-left: 76px
}

.jquery-accordion-menu ul li .jquery-accordion-menu-label, .jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
    min-width: 20px;
    padding: 1px 2px 1px 1px;
    position: absolute;
    right: 18px;
    top: 14px;
    font-size: 11px;
    font-weight: 800;
    color: #555;
    text-align: center;
    line-height: 18px;
    background: #f0f0f0;
    border-radius: 100%
}

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
    top: 12px
}

.submenu > li > a {
    border-bottom: 0.1em solid #1e1e1e;
}

#generic_sidebar_ul > li > ul > li > ul > li > a {
    background-color: #1e1e1e;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5)
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

.generic_top_menu_btn {
    vertical-align: top;
    background-color: #FFFFFF;
    border-color: #1b364b;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    color: #515151;
}

.generic_top_menu_btn:hover {
    background-color: #1b364b;
    color: #FFFFFF;
}

#c_logo {
    display: none !important;
}

.generic_menu_top_hamburger:hover {
    color: #1b364b
}

.sidebar-chevron-rotate {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.1s ease-out;
    transition: -webkit-transform 0.1s ease-out;
    -o-transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
}

.sidebar-chevron-rotate.open {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.1s ease-in;
    transition: -webkit-transform 0.1s ease-in;
    -o-transition: transform 0.1s ease-in;
    transition: transform 0.1s ease-in;
    transition: transform 0.1s ease-in, -webkit-transform 0.1s ease-in;
}

.clearable {
    position: relative;
    display: inline-block;
}

.clearable input[type=text] {
    padding-right: 24px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.clearable__clear {
    position: absolute;
    right: 10px;
    top: 14px;
    padding: 0 8px;
    font-style: normal;
    font-size: 1.2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    color: #000000;
}

.clearable input::-ms-clear {
    display: none;
}

.active_menu {
    color: #ffa600 !important;
    font-weight: bold;
    border-left: 6px solid #ffa600 !important;;
}
#generic_sidebar_ul>li[menu-level="1"]>.active_menu span:first-child {
   margin-left:-6px;
}
.active_menu_parent {
    color: #ffa600 !important;
    font-weight: bold;
    border-left: 6px solid #ffa600 !important;
}

#generic_sidebar_ul > li > .active_menu_parent > span:first-child {
    margin-left: -6px;
}

@media print {
    #fc_frame {
        display: none !important;
    }
}

input[type=text]::-ms-clear {
    display: none;
}

input[type=password]::-ms-reveal {
    display: none;
}

::-ms-clear {
    display: none;
}

::-ms-clear {
    display: none;
}

input[password]::-ms-reveal {
    display: none;
}

::-ms-reveal {
    display: none;
}

input::-ms-reveal {
    display: none;
}

/*NOTE: Animation*/
.generic_blink {

    -webkit-animation: blinker 1s linear infinite;

    animation: blinker 1s linear infinite;
}

@-webkit-keyframes blinker {
    0%{     color: #056bd8; opacity: 1   }
    50%{   color: #056bd8; opacity: 0    }
    100%{     color: #056bd8; opacity: 1  }

}

@keyframes blinker {
    0%{     color: #056bd8; opacity: 1   }
    50%{   color: #056bd8; opacity: 0    }
    100%{     color: #056bd8; opacity: 1  }

}
/*Override the multiselect label*/

div.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all > ul > li> label{
    width: 99%;
}

@media (max-width: 726px) {

    #generic_breadcrumb li span{
        display:none;
    }

    #generic_breadcrumb_current_page{
        display:block !important;
    }
    #generic_sidebar_menu {
        padding-bottom: 0px !important;
    }
    #ddtoptabs ul {
        width: 100% !important;
    }

    #cssdropdown li {
        width: 100% !important;
    }

    #cssdropdown li a {
        width: 100% !important;
    }

    #generic_header_company_logo {
        display: none;
    }

    #header h1 {
        font-size: 1rem;
        max-width: 80%;
        width:80%;
        min-width:80%;
        height: 44px;
    }

    #header {
        width: 100%;
    }

    #header, #header2 {
        height: 140px;
    }

    #generic_sidebar_menu_btn {
        height: 50px !important;
    }

    .generic_header_menu_btn {
        float: left;
        max-width: none !important;
        width: 100% !important;
        height: 40px !important;
        text-align: left;
    }

    #ddtoptabs {
        float: left !important;
        padding-left: 20px;
        padding-right: 20px;
        width: 100% !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #generic_breadcrumb {
        margin-top: 68px !important;
    }

    #nav, #wrapper {
        margin-top: 94px !important;
    }

    #nav {
        width: 100%;
        margin-left: -100%;
    }

    #subddm {
        left: 0px !important;
        width: 400px !important;
    }

    #cssdropdown {
        /*height: 50% !important;*/
    }

    .generic_top_menu_btn {
        width: 100% !important;
    }
    #generic_sidebar_ul {
        height: calc(100% - 85px);
    }
}
@media (min-width: 725px) AND (max-width: 1024px) {
    #generic_sidebar_menu {
        padding-bottom: 0px !important;
    }

    .generic_header_menu_btn {
        height: auto !important;
    }

    #generic_header_company_logo {
        display: none;
    }

    #header h1 {
        font-size: 1rem;
        min-width: 80%;
        height: 32px;
    }

    #header, #header2 {
        height: 90px;
    }

    #ddtoptabs {
        float: left !important;
        /*padding-left: 20px;*/
        width: 100% !important;
        height: 43px;
        padding:0px;
    }

    #generic_breadcrumb {
        margin-top: 18px !important;
    }

    #nav, #wrapper {
        margin-top: 46px !important;
    }

    #nav {
        width: 100%;
        margin-left: -100%;
    }

    #cssdropdown {
        float: right !important;
        padding-right: 10px !important;
    }
    #generic_sidebar_ul {
        height: calc(100% - 55px);
    }
}