.customtext {
    text-align: right;
    padding-right: 5px;
    color: #0730f2;
    font-weight: 700;
}

.chosenError {
    border: 1px solid red;
}

.divReadOnly {
    pointer-events: none !important;
}
/***    Menu    ***/
:root {
  --main-bg-color: #dff3f9;
  --main-bg-hover-color: #dff3f9;
  --text-color: #dff3f9;
  --text-hover-color: #fff;
}

/*  :root {
    --main-bg-color: #2b457f;
    --main-bg-hover-color: #0e265c;
    --text-color: #fff;
    --text-hover-color: #fff;
  }*/

/***    navbar    ***/
nav.navbar, ul.navbar-nav, ul.navbar-nav li a {
    background: var(--main-bg-color) !important;
    color: red !important;
    text-shadow: 0 1px 0 rgba(51, 51, 51, 1);
}

    ul.navbar-nav > li:hover > a, ul.navbar-nav ul.dropdown-content > li:hover > a {
        background: var(--main-bg-hover-color) !important;
        color: var(--text-hover-color) !important;
        text-shadow: 0 1px 0 rgba(51, 51, 51, 1);
    }
/***    end navbar    ***/

/***    side menu    ***/
.skin-blue .main-header .navbar {
    background-color: var(--main-bg-color);
}

.main-header .logo2 {
    display: block;
    overflow: hidden;
    z-index: 999;
    padding-top: 2px;
    /*    padding-left: 17px;*/
    /*    padding: 5px 25px 10px 5px;*/
}

.sidebar {
    background-color: var(--main-bg-color);
    font-family: Helvetica;
    /*    color: #3b5998 !important;*/
}

aside.main-sidebar {
    padding-bottom: 0px !important;
}

.sidebar-menu li a {
    color: var(--text-color) !important;
    text-shadow: 0 1px 0 rgba(51, 51, 51, 1);
}

/***    sidebar-toggle      ***/
.skin-blue .main-header .navbar .sidebar-toggle {
    color: var(--text-color) !important;
}

    .skin-blue .main-header .navbar .sidebar-toggle:hover {
        background-color: var(--main-bg-hover-color) !important;
        color: var(--text-hover-color) !important;
        text-shadow: 0 1px 0 rgba(51, 51, 51, 1);
    }
/***    end sidebar-toggle  ***/

.skin-blue .sidebar-menu ul.treeview-menu li {
    background-color: var(--main-bg-color) !important;
}

    .skin-blue .sidebar-menu ul.treeview-menu li:hover, ul.sidebar-menu > li.treeview:hover > a, ul.sidebar-menu > li.menu-open > a {
        background: var(--main-bg-hover-color) !important;
        text-shadow: 0 1px 0 rgba(51, 51, 51, 1);
        color: var(--text-hover-color) !important;
    }

ul.sidebar-menu > li.menu-open li:hover > a {
    color: #fff !important;
}

.skin-blue .sidebar-menu > li.menu-open > a {
    text-decoration: underline;
    text-decoration-color: yellow;
    text-decoration-style: solid;
}

.treeview > ul.treeview-menu {
    overflow: hidden;
    height: auto;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

li.treeview ul.treeview-menu li > a {
    padding-left: 15px !important;
}

ul.sidebar-menu ul.treeview-menu li > a {
    white-space: normal !important;
}

ul.sidebar-menu > li.treeview > ul.treeview-menu > li, ul.sidebar-menu > li.treeview.menu-open > ul.treeview-menu > li {
    padding-left: 10px;
}

    ul.sidebar-menu > li.treeview.menu-open > ul.treeview-menu > li > a {
        padding-right: 10px;
    }

ul.sidebar-menu > li.treeview ul.treeview-menu > li.treeview ul.treeview-menu li > a {
    padding-left: 5px !important;
}
/***    end side menu    ***/
/***    End Menu    ***/

/***    button    ***/
.btn-app-primary {
    background: #2b457e;
    color: #fff;
    text-transform: uppercase;
}

    .btn-app-primary:hover, .btn-app-primary:focus {
        background: #466cbe;
        color: #fff !important;
    }

.btn-app-info {
    background: #ffd008;
    color: #2b457e;
    text-transform: uppercase;
}

    .btn-app-info:hover, .btn-app-info:focus {
        background: #ffea08;
        color: #2b457e !important;
    }

.btn-main3 {
    background: #d4cfcf;
    color: #2b457e;
    text-transform: uppercase;
}

    .btn-main3:hover {
        background: #f0e9e9;
        color: #2b457e !important;
    }

/***    end button    ***/

/***    dialog    ***/
div.dialog-error .ui-dialog-titlebar {
    background: red !important;
}
/***    end dialog    ***/

/***    scrollbar    ***/
body::-webkit-scrollbar {
    width: 1em;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}
/***    end scrollbar    ***/

/***    other    ***/
.currency-flag {
    display: inline-block;
    width: 24px;
    height: 16px;
    background-size: cover;
}

.currency-flag-sm {
    width: 16px;
    height: 10px;
}

.currency-flag-lg {
    width: 36px;
    height: 24px;
}

.currency-flag-xl {
    width: 48px;
    height: 32px;
}

.ui-dialog .ui-dialog-content {
    overflow-x: hidden;
}

td.align {
    text-align-last: end;
}

td.tdCenter {
    text-align-last: center;
}
.progress {
  width: 100%;
}
.selectable {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}

  .selectable:after {
    position: absolute;
    content: '\f0d7';
    font-family: FontAwesome;
    font-size: 12px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }

  .selectable select {
    border: none;
    background: transparent;
    padding-right: 20px;
  }

    .selectable select option[value=""][disabled]:selected {
      display: none;
    }

    .selectable select option[value=""] {
      color: gray;
    }

    .selectable select option {
      color: black;
    }
/***    end other    ***/