/* Start edit for all pages */
@font-face {font-family: "GE SS Two Bold";
    src: url("ge-ss-two-bold.eot"); /* IE9*/
    src: url("ge-ss-two-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("ge-ss-two-bold.woff2") format("woff2"), /* chrome、firefox */
    url("ge-ss-two-bold.woff") format("woff"), /* chrome、firefox */
    url("ge-ss-two-bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("ge-ss-two-bold.svg#GE SS Two Bold") format("svg"); /* iOS 4.1- */
}

/* tajawal-regular - latin_arabic */
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 400;
    src: url('tajawal-v4-latin_arabic-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('tajawal-v4-latin_arabic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('tajawal-v4-latin_arabic-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('tajawal-v4-latin_arabic-regular.woff') format('woff'), /* Modern Browsers */
         url('tajawal-v4-latin_arabic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('tajawal-v4-latin_arabic-regular.svg#Tajawal') format('svg'); /* Legacy iOS */
  }
  /* tajawal-500 - latin_arabic */
  @font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 500;
    src: url('tajawal-v4-latin_arabic-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('tajawal-v4-latin_arabic-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('tajawal-v4-latin_arabic-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('tajawal-v4-latin_arabic-500.woff') format('woff'), /* Modern Browsers */
         url('tajawal-v4-latin_arabic-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('tajawal-v4-latin_arabic-500.svg#Tajawal') format('svg'); /* Legacy iOS */
  }
  /* tajawal-700 - latin_arabic */
  @font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 700;
    src: url('tajawal-v4-latin_arabic-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('tajawal-v4-latin_arabic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('tajawal-v4-latin_arabic-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('tajawal-v4-latin_arabic-700.woff') format('woff'), /* Modern Browsers */
         url('tajawal-v4-latin_arabic-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('tajawal-v4-latin_arabic-700.svg#Tajawal') format('svg'); /* Legacy iOS */
  }
  /* tajawal-800 - latin_arabic */
  @font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 800;
    src: url('tajawal-v4-latin_arabic-800.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('tajawal-v4-latin_arabic-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('tajawal-v4-latin_arabic-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('tajawal-v4-latin_arabic-800.woff') format('woff'), /* Modern Browsers */
         url('tajawal-v4-latin_arabic-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('tajawal-v4-latin_arabic-800.svg#Tajawal') format('svg'); /* Legacy iOS */
  }

:root {
    --app-primary: var(--purple);
    --app-secondry: var(--dark2);
    --blue: #003473;
    --indigo: #3F51B5;
    --purple: #663399;
    --gold: #ffc00e;
    --pink: #CB3066;
    --red: #f44336;
    --orange: #e97d23;
    --yellow: #ffc107;
    --green: #4caf50;
    --teal: #20c997;
    --cyan: #9c27b0;
    --white: #fff;
    --gray: #70657b;
    --gray-dark: #52495a;
    --primary: var(--app-primary);
    --secondry: var(--app-secondry);
    --secondary: #52495a;
    --success: #4caf50;
    --info: #003473;
    --warning: #ffc107;
    --danger: #f44336;
    --light: #bbb;
    --dark2: #332e38;
    --dark: #47404f;
    --gray-100: #f8f9fa;
    --gray-200: #eee;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #bbb;
    --gray-600: #70657b;
    --gray-700: #665c70;
    --gray-800: #52495a;
    --gray-900: #47404f;
}

html,
body,
div,
label,
span,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Tajawal" !important;
    font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--app-primary);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.credit-style {
    color: #4caf50;
    font-size: 15px;
}
.debit-style {
    color: #CB3066;
    font-size: 15px;
}
.cumulative-style{
    color: #47404f;
}

/* Start edit in login page */

.login-page {
    min-width: 902px !important;
    max-width: 902px !important;
}
.login-page .login-image {
    height: 500px;
    border-radius: 10px;
    box-shadow: 0 16px 20px 1px rgb(0 0 0 / 8%), 0 1px 4px rgb(0 0 0 / 8%);
    border: 0;
    padding: 0px;
}
.login-page .login-image .image-holder {
    background-size: cover;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 10px;
}
.login-page .login-image .image-holder .text-holder {
    color: #FFFFFF;
}
.login-page .login-image .image-holder .text-holder p {
    font-size: 60px;
    text-align: center;
    margin-bottom: 0px;
}
.login-details {
    height: 400px;
    left: -40px;
    top: 50px;
}
.login-page h1 {
    color: #5d5d5d;
    text-decoration: underline;
}
.login-page form {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
}
.login-page form input {
    border-right-color: var(--app-primary);
    border-right-width: thick;
}
.login-page .form-control-feedback {
    width: 22px;
    right: 13px;
}
.login-page button {
    color: #5d5d5d;
    width: 70%;
    font-weight: 900;
}
.login-page button img {
    width: 20px;
    height: 20px;
    color: #5d5d5d;
}
.copy-rights {
    text-align: center;
}
.copy-rights span {
    color: var(--app-primary);
}

/* End edit in login page */

/* Start edit in header */
.main-header .menu-icon-grid {
    justify-content: start;
}
.main-header .menu-icon-grid > a {
    width: 7rem;
    height: 7rem;
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #606060;
    color: #FFFFFF;
}
.main-header .menu-icon-grid > a img {
    width: 50px;
}
.news-wrapper {
    width: 600px;
    margin-left: 20px;
}

/* End edit in header */

/* Start edit in sidbar */

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold {
    padding: 15px 0;
}
.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-icon {
    height: 50px;
    width: 50px;
    margin: 0 auto;
}
.layout-sidebar-large .sidebar-left-secondary {
    width: 320px;
    padding-top: 0px;
}
.item-header-parent {
    height: 70px;
    background-color: #f8f9fa;
    display: flex !important;
}
.item-header {
    font-size: 30px;
    margin: auto;
}
.nav-item-hold span {
    color: var(--app-secondry);
}
.note {
    color: var(--app-secondry);
    font-size: 10px;
}
.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item {
    border-bottom: 1px solid #dee2e6;
}
.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a {
    padding: 8px 0px;
}
.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a div {
    text-align: center;
}
.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a img {
    width: 55px;
    height: 45px;
}
.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .item-name {
    font-weight: 700;
}
.menu-heading {
    color: var(--app-secondry) !important;
    font-size: 15px !important;
}

/* End edit in sidbar */

/* End edit for all pages */

/* Start edit in transfer page */

@media (min-width: 1440px){
    .container {
        max-width: 100% !important;
    }
}
.big-card {
    border-radius: 10px;
    box-shadow: 0 4px 20px 1px rgb(0 0 0 / 6%), 0 1px 4px rgb(0 0 0 / 8%);
    border: 0;
    padding: 20px;
    margin: 20px 33px;
}
.quick-actions {
    color: #606060;
}
.quick-actions:hover {
    color: #FFFFFF;
}
.home-card,
.home-card-exchange {
    border-radius: 10px;
    box-shadow: 0 4px 20px 1px rgb(0 0 0 / 6%), 0 1px 4px rgb(0 0 0 / 8%);
    border: 0;
    padding: 10px 10px;
}
.home-card:hover {
    background-color: var(--app-primary);
    transform: scale(1.1);
    transition: all .5s ease-in-out;
}
.home-card .card-body {
    padding: 0px;
}
.home-card-exchange .tab-pane {
    opacity: 1;
}
.home-card-exchange .nav-tabs .nav-item .nav-link {
    padding: 10px 0px;
    text-align: center;
}
.home-card-exchange table {
    width: 100%;
}
.home-card-exchange table thead tr th,
.home-card-exchange table input {
    text-align: center;
}
.home-card-exchange table tbody tr td input {
    color: var(--app-primary);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.home-card-exchange table tbody input {
    padding: 0px;
    background-color: #FFF !important;
    border: none;
    box-shadow: none;
    cursor: default !important;
}
.card-icon-bg .card-body .content {
    max-width: 180px;
    width: 180px;
    display: flex;
    align-items: center;
    align-content: center;
}
.card-icon-bg .card-body .content img {
    width: 90px;
    height: 50px;
}
@media (max-width: 1440px) {
    .card-icon-bg .card-body .content span {
        font-size: 12px;
    }
}
@media (min-width: 1440px) and (max-width: 1920px) {
    .card-icon-bg .card-body .content {
        max-width: 250px;
        width: 250px;
    }
}
.transfer-card,
.brancehs-card {
    border: none;
    box-shadow: none;
}
.transfer-header {
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, rgba(239,188,63,0.35057773109243695) 0%, rgba(239,188,63,1) 52%, rgba(239,188,63,1) 100%);
    border-radius: 10px;
}
.transfer-header img {
    height: 55px;
}
.transfer-header img:nth-of-type(2) {
    position: absolute;
    height: 100%;
}
.transfer label {
    font-size: 12px;
}
.transfer h5 {
    color: #FFF;
}
.branches,
.users {
    height: 95%;
}
.branches label[for="countries-select"] {
    width: 100%;
}
.branches .select2-container {
    width: 100%;
}
.transfer > div.col-sm-4 > div.row,
.branches > div.col-sm-12,
.users > div.col-sm-12 {
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);
    border: 0;
    align-content: flex-start;
    padding: 25px 15px;
    margin: auto;
}
.transfer > div.col-sm-4 > div.row {
    padding: 0px;
}
.transfer > div.col-sm-4:first-of-type .form-group > span {
    width: 100% !important;
}
.transfer > div.col-sm-4:first-of-type .form-group > span .select2-container--default,
.transfer > div.col-sm-4:first-of-type .form-group > span .select2-selection--single {
    border: none !important;
    background-color: transparent !important;
}
.transfer > div.col-sm-4:first-of-type .form-group > span .select2-selection__rendered,
.branches .select2-selection {
    outline: initial !important;
    background: #f8f9fa;
    border: 1px solid #ced4da;
    color: #47404f;
    max-height: 300px;
    padding: 0.375rem 0.75rem;
    font-size: 0.813rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.transfer > div.col-sm-4:first-of-type .form-group > span .select2-selection__rendered {
    height: 35px;
}
.branches .select2-selection {
    position: relative;
}
.branches span[id="select2-officer_user_id-container"] {
    line-height: 19px !important;
}
.branches .select2-selection__choice {
    margin-top: 0px !important;
    margin-bottom: 2px;
}
.branches select[id="currencies-multi-select"] ~ span span.select2-selection {
    height: auto;
}
.branches ul[id="select2-currencies-multi-select-container"] .select2-selection__choice {
    position: static;
}
.branch-settings .table-striped thead tr th {
    font-size: 11px;
    width: 170px;
    text-align: center;
}
.branch-settings .table-striped tbody tr th {
    padding-top: 15px;
    text-align: center;
}
.branch-settings .table-striped label {
    height: 20px;
    margin: 0px;
}
.branch-settings .table-striped label span.checkmark {
    right: 40%;
    top: 30%;
}
.transfer > div.col-sm-4:first-of-type > div.row > div.col-sm-12:nth-of-type(3) {
    padding-left: 0px;
    padding-right: 0px;
}
.select2-results__option--selectable {
    color: #70657b;
    padding: 10px 5px;
}
.transfer #sender-info-group div.card-body {
    padding-right: 0px;
    padding-left: 0px;
}
[dir="rtl"] .pl-0 {
    padding-right: 15px !important;
}
[dir="rtl"] .pr-0 {
    padding-left: 15px !important;
}
.transfer #sender-info .card-header span:last-child {
    font-size: 12px;
}
.transfer .to-branch {
    order: 1;
}
.transfer .transfers-send {
    order: 2;
}
.transfer .transfers-send .select2-selection,
.transfer .transfers-receive .select2-selection,
.transfer .transfers-confidentiality .select2-selection {
    height: calc(1.9695rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.813rem;
    line-height: 1.5;
    outline: initial !important;
    background: #f8f9fa;
    border: 1px solid #ced4da;
    color: #47404f;
}
.transfer .transfers-commission {
    order: 4;
}
.transfer .transfers-commission div.col-sm-12 {
    color: red;
    padding-right: 0;
}
.transfer .transfers-commission div.form-group:nth-of-type(2) label {
    color: red;
}
.transfer .transfers-receive {
    order: 3;
}
.transfer .transfers-confidentiality {
    order: 5;
}
.select2-container--open .select2-dropdown--below {
    background: #f8f9fa;
}
.transfer-card > div.card-body > div.row > div.form-group{
    margin-top: 20px;
}
/* End edit in transfer page */

/* Start edit in invoice details */

#invoice-details-modal .modal-content {
    height: 500px;
    /*background-image: url("background-invoice.jpg");*/
    background-size: cover;
}
#invoice-details {
    padding: 0;
}
#invoice-details > div.col-sm-12:first-of-type {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 10px 0px !important;
}
#invoice-details > div.col-sm-12:first-of-type > div.col-sm-12:first-of-type div {
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
#invoice-details > div.col-sm-12:first-of-type > div.col-sm-12:last-of-type {
    display: flex;
    align-items: center;
}
#invoice-details > div.col-sm-12:first-of-type > div.col-sm-12:last-of-type div.col-sm-2 {
    padding: 0px;
}
#invoice-details > div.col-sm-12:first-of-type > div.col-sm-12:last-of-type div.col-sm-10 {
    display: flex;
    flex-wrap: wrap;
}
#invoice-details > div.col-sm-12:first-of-type > div.col-sm-12:last-of-type div.col-sm-10 > div {
    font-size: 18px;
}
#invoice-details > div.col-sm-12:first-of-type > div.col-sm-12:last-of-type div.col-sm-10 > div.col-sm-9:nth-of-type(2),
#invoice-details > div.col-sm-12:first-of-type > div.col-sm-12:last-of-type div.col-sm-10 > div.col-sm-8:nth-of-type(6),
#invoice-details > div.col-sm-12:first-of-type > div.col-sm-12:last-of-type div.col-sm-10 > div.col-sm-6:nth-of-type(8) {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
}
#invoice-details > div.col-sm-12:last-of-type > div {
    font-size: 15px;
}
#invoice-details > div.col-sm-12:last-of-type > div:last-of-type {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
}

/* End edit in invoice details */

/* Start edit in exchange page */

/* .exchange-card {
    width: 50%;
    margin: auto;
}
*/
.exchange div.col-sm-12:nth-of-type(2) div.form-group > span {
    width: 100% !important;
}
.exchange div.col-sm-12:nth-of-type(2) div.form-group span.select2-selection--single {
    background-color: transparent;
    border: none;
}
.exchange div.col-sm-12:nth-of-type(2) div.form-group span.select2-selection__rendered {
    outline: initial !important;
    background: #f8f9fa;
    border: 1px solid #ced4da;
    color: #47404f;
    height: calc(1.9695rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.813rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.exchange div.col-sm-12:nth-of-type(2) div.form-group span.select2-selection__arrow {
    height: 100%;
}

/* End edit in exchange page */

/* Start edit in table exchanges */
.table-exchanges tr td {

}
/* End edit in table exchanges */