@charset "utf-8";

@font-face {
    font-family: IRANSansMedium;
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/eot/IRANSansWeb_Medium.eot?1121c0520a30a7295ffe21dd3fe77a60);
    src: url(../../fonts/eot/IRANSansWeb_Medium.eot?1121c0520a30a7295ffe21dd3fe77a60?#iefix) format('embedded-opentype'), url(../../fonts/woff/IRANSansWeb_Medium.woff) format('woff'), url(../../fonts/ttf/IRANSansWeb_Medium.ttf?7a75459b25fca9937df9110d7e049133) format('truetype')
}

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 900;
    src: url(../../awesome/webfonts/fa-solid-900.ttf);
    src: url(../../awesome/webfonts/fa-solid-900.woff2);
}

@font-face {
    font-family: "Font Awesome 6 duotone";
    font-style: normal;
    font-weight: 900;
    src: url(../../awesome/webfonts/fa-duotone-900.ttf);
    src: url(../../awesome/webfonts/fa-duotone-900.woff2);
}

* {
    font-family: IRANSansMedium;
}

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

/********************* div ***********************/
/* ************************** span ******************    */
.sam-titr1 {
    font-size: 25px;
    padding: 10px;
}

.sam-titr2 {
    background-color: var(--titr2-bgcolor);
    color: var(--titr2-color);
    padding: 10px;
}


.box {
    background-color: var(--box-bgcolor1);
    padding: var(--box-padding-1) !important;
    box-shadow: 1px 1.5px 2.5px var(--box-shadow-color1);
    border-radius: var(--box-bradius1);
    margin: var(--box-margin-1) !important;
    transition: .4s;
}


.container-fluid{
    overflow-x:hidden;
}

.wrapper {
    width: 100% !important;
}

.row {
    margin: 0px;
    padding: 0px;
}

.row > * {
    margin: 0px;
    padding: 0px;
}

.row-c > * {
    padding: 5px;
}

/*************************table*******************
************************table********************
************************table********************
************************table********************/

.table_print td {
    padding: 5px;
    margin: 0;
    border-collapse: collapse;
    direction: ltr
}

.td_header td {
    color: var(--td-header-color1);
    background-color: var(--td-header-bg-color1);
    border-width: var(--td-header-border-width1);
    border-color: var(--td-header-border-color1);
    text-align: center;
    position: relative;
}

.td_header td:not(:first-child)::before {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    bottom: 10px;
    width: 1px;
    height: 50%; /* or 100px */
    background: var(--td-header-border-color1);
}

.td_content td, .td_body td {
    color: var(--td-body-color1);
    border-width: var(--td-body-border-width1);
    min-height: 40px;
    word-wrap: break-word;
}

.td_unactive td {
    color: rgba(49, 76, 145, .58)
}

.td_newitem td {
    font-weight: 700
}

.td_selected {
    color: #00f
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .table_container {
        max-width: 100vw;
        overflow-x: scroll;
    }
}


/********************* sidebar ***********************/
/* ************************** menu ******************    */
/* ************************** menu ******************    */
/* **************************************    */
/********************* sidebar ***********************/
.sidebar, #sidebar {
    border: solid 0.5px rgba(112, 112, 112, 0.1);
    background-color: var(--sidebar-bgcolor);
    transition: all .3s;
    color: var(--sidebar-color);
    border-radius: var(--full-radios);
    margin: 10px 10px 10px 10px;
    box-shadow: -5px 0 35px 0 rgba(0, 0, 0, 0.03);
    width: 250px;
    z-index: 1000;
}

.sidebar.active-abstract-sidebar, #sidebar.active-abstract-sidebar {
    min-width: 105px;
    max-width: 105px;
    text-align: center;
    right: 0;
    top: 0;
    z-index: 999;
}

.sidebar.active-abstract-sidebar .sidebar-full, #sidebar.active-abstract-sidebar .menu_full, #sidebar.active-abstract-sidebar .sidebar-full {
    display: none
}

.sidebar.active-abstract-sidebar .sidebar-abstract, #sidebar.active-abstract-sidebar .menu_abstract, #sidebar.active-abstract-sidebar .sidebar-abstract {
    display: block;
    font-size: 25px;
}

.sidebar .sidebar-full, #sidebar .sidebar-full {
    display: block;
    font-size: 15px;
}

.sidebar .sidebar-abstract, #sidebar .sidebar-abstract, #sidebar .menu_abstract {
    display: none;
}

.sidebar-accordian::-webkit-scrollbar, #accordian::-webkit-scrollbar {
    width: 2px;
    height: 8px;
}

.sidebar-accordian::-webkit-scrollbar-track, #accordian::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: transparent;
}

.sidebar-accordian::-webkit-scrollbar-thumb, #accordian::-webkit-scrollbar-thumb {
    background-color: #bcc0c4;
    border-radius: 10px;
    transition: 0.5s;
}

.sidebar-accordian::-webkit-scrollbar-thumb:hover, #accordian::-webkit-scrollbar-thumb:hover {
    background: #d5b14c;
    transition: 0.5s;
}

.sidebar-accordian, #accordian {
    background-color: transparent;
    margin-top: 20px;
    display: flex;
    padding: 10px;
    overflow-y: auto;
    /* height: 100vh; */
    overflow-x: hidden;
}

.sidebar ul, #sidebar ul {
    margin-bottom: 0;
    padding: 10px;
}

.sidebar ul.sub-menu {
    margin: 5px 0px 0px 5px;
    border-radius: 20px;
    padding: 5px 5px 5px 0px;
    background-color: var(--sidebar-submenu-color);
    font-size: 12px;
}

.sidebar-accordian li, #accordian li {
    list-style-type: none;
}

.sidebar-abstract ul, .sidebar-full ul {
    width: 100%;
}

.sidebar .sidebar-abstract a, #sidebar .menu_abstract a {
    font-size: 25px;
}

.sidebar-accordian > ul > li > ul, .sidebar-accordian > ul > li > ul > li > ul, .sidebar-accordian > ul > li > ul > li > ul > li > ul, .sidebar-accordian > ul > li > ul > li > ul > li > ul > li > ul, #accordian > ul > li > ul, #accordian > ul > li > ul > li > ul, #accordian > ul > li > ul > li > ul > li > ul, #accordian > ul > li > ul > li > ul > li > ul > li > ul {
    display: none;
    padding-left: 10px;
}

.sidebar-accordian > ul > li.active > ul.show-dropdown, .sidebar-accordian > ul > li > ul > li.active > ul.show-dropdown, .sidebar-accordian > ul > li > ul > li > ul > li.active > ul.show-dropdown, .sidebar-accordian > ul > li > ul > li > ul > li > ul > li.active > ul.show-dropdown, #accordian > ul > li.active > ul.show-dropdown, #accordian > ul > li > ul > li.active > ul.show-dropdown, #accordian > ul > li > ul > li > ul > li.active > ul.show-dropdown, #accordian > ul > li > ul > li > ul > li > ul > li.active > ul.show-dropdown {
    display: block;
    position: relative;
}

.sidebar ul li a, #sidebar ul li a {
    color: var(--sidebar-color);
    text-decoration: none;
    align-items: center;
    line-height: 34px;
    border-radius: 3px;
    padding: 10px;
    display: block;
    cursor: pointer;
}

.sidebar ul li a:hover, #sidebar ul li a:hover {
    background-color: var(--sidebar-bgcolor1);
    border-radius: var(--radios-low);
}

.sidebar-full-icon {
    padding-left: 15px;
}

.sidebar-down-arrow {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 10px;
    vertical-align: middle;
    transition: 0.5s;
}

.sidebar-down-arrow .active {
    transform: rotate(180deg);
}

.sidebar-logo {
    margin-top: 30px;
}

.sidebar-logo-title {
    display: flex;
}

.sidebar-logo-title .title {
    align-self: center;
    font-size: 13px;
    color: #ffff;
    margin-right: 10px;
    font-family: font-family-dana-static !important;
}

.sidebar-title-box {
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

#accordian .active > a:not(:only-child):after {
    transform: rotate(90deg);
}

#accordian ul li a {
    /* color: #ffff; */
    text-decoration: none;
    display: flex;
    align-items: center;
    line-height: 34px;

    position: relative;
    border-radius: 3px;
}

#accordian a {
    width: 190px;
    text-align: initial;
    font-size: 14px;
}

#accordian a:not(:only-child):after {
    content: "\f105";
    position: absolute;
    left: 5px !important;
    font-family: "Font Awesome 6 pro";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    transition: 0.5s;
    transform: rotate(180deg);
}

@media (max-width: 768px) {
    #sidebar.active-abstract-sidebar, .sidebar.active-abstract-sidebar {
        min-width: 3px;
        max-width: 3px;
        right: -3px;
    }

    .sidebar .sidebar-abstract, .sidebar.active-abstract-sidebar .sidebar-abstract, #sidebar .sidebar-abstract, #sidebar .sidebar-abstract, #sidebar.active-abstract-sidebar .sidebar-abstract, #sidebar.active-abstract-sidebar .logo-title {
        display: none;
    }

    .sidebar-overlay.active-abstract-sidebar, .overlay.active-abstract-sidebar {
        display: none;
    }

    .sidebar-overlay, .overlay {
        display: block;
        top: 0;
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .7);
        z-index: 999;
        transition: all .5s ease-in-out
    }

    .overlay {
        z-index: 1000;
    }

    #sidebar {
        position: absolute;
        z-index: 1001;
    }
}


.avatar {
    display: flex;
    align-items: center;
    position: relative;
}

.avatar::after {
    content: "\f105";
    position: absolute;
    left: -30px;
    top: 14px;
    font-size: 15px;
    font-family: "Font Awesome 6 pro";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    transition: 0.5s;
    transform: rotate(90deg);
}

.avatar .avatar-txts {
    display: flex;
    flex-direction: column;
    text-align: initial;
    margin-right: 10px;
}

.avatar-image {
    background: #eee;
    width: 48px;
    border: 2px solid #2f3491;
    height: 48px;
    border-radius: 48px;
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/144644/profile/profile-80.jpg);
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.avatar-dropdown-menu-items {
    visibility: hidden;
    transition: all 0.2s;
    transform: scale(0.8) translate(20px, -30px);
    opacity: 0;
    position: absolute;
    z-index: 3;
    right: 0;
    top: calc(100% + 10px);
    padding: 0;
    margin: 0;
    background: white;
    line-height: 45px;
    padding: 8px 0;
    min-width: 180px;
    border: solid 0.5px rgba(112, 112, 112, 0.1);
    border-radius: 20px;
    box-shadow: -5px 0 35px 0 rgba(0, 0, 0, 0.03);
}

.avatar .avatar-txts .title {
    font-size: 13px;
    font-weight: bold;
}

.avatar .avatar-txts .role {
    font-size: 12px;
    color: #7e7d7d;
}

.avatar-dropdown-menu {
    position: relative;
    cursor: pointer;
    margin-right: 10px;
}

.open .avatar-dropdown-menu-items {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: scale(1) translate(0, 0);
    padding: 15px
}

.menu-dropdown {
    position: relative;
    cursor: pointer;
}

.menu-dropdown-items {
    display: none;
    visibility: hidden;
    transition: all 0.2s;
    transform: scale(0.8) translate(20px, -30px);
    opacity: 0;
    position: absolute;
    z-index: 1001;
    right: 0;
    top: calc(100% + 10px);
    padding: 0;
    margin: 0;
    background: white;
    line-height: 45px;
    padding: 8px 0;
    min-width: 180px;
    border: solid 0.5px rgba(112, 112, 112, 0.1);
    border-radius: 20px;
    box-shadow: -5px 0 35px 0 rgba(0, 0, 0, 0.03);
}

.menu-dropdown-items.open {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: scale(1) translate(0, 0);
}

.menu-dropdown-image {
    width: 48px;
    height: 48px;
    border: 2px solid #2f3491;
    border-radius: 48px;
    cursor: pointer;
}

.menu-dropdown-header {
    display: flex;
    align-items: center;
    position: relative;
}

.menu-dropdown-down {
    margin-top: 20px;
    margin-right: 10px;
}

.menu-dropdown-header .menu-dropdown-title {
    margin-right: 10px;
    font-size: 12px;
    text-align: right;
}

.menu-dropdown-items a {
    padding: 0 1rem;
    display: block;
    font-size: 14px;
}

.menu-dropdown-items a:hover {
    background: #fafafa;
}

/***************************************/
/***************************************/
/***************************************/
/***************************************/
/*******************input ********************/
.form-check-input {
    margin: 5px !important;
}

/***************************************/
/***************************************/
/***************************************/
/***************************************/
/***************************************/
.nav-tabs .nav-link.active {
    font-weight: 700;
    background-color: transparent;
    border-top: 6px #4992b2 solid;
    border-right: none;
    border-left: none;
    border-bottom: none
}

.nav-tabs {
    border: 0
}

#nav-tab {
    color: #5d5d5d
}

#nav-tab a {
    color: #5d5d5d
}

.nav-tabs .nav-link {
    padding-right: 0;
    padding-left: 0;
    min-width: 5rem;
    background-color: #e9ecef;
    border-radius: 0
}

.nav-tabs .nav-link {
    background-color: #a6a6a6
}


.nav-tabs .nav-link.active {
    font-weight: 700;
    background-color: transparent;
    border-top: 6px #4992b2 solid;
    border-right: none;
    border-left: none;
    border-bottom: none
}

#nav-tab a:hover {
    color: #005ea5
}

#nav-tab .nav-item {
    font-size: 11px
}

.nav li a {
    background-color: #fff;
    border-color: #4992b2;
    border-radius: 40px
}

.nav li a:hover {
    background-color: #4992b2
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.nav-link span {
    color: #5d5d5d;
    font-weight: 700
}

.nav-item {
    cursor: pointer;
    padding-right: 5px;
    padding-left: 5px
}

nav a {
    color: #005ea5
}

nav a:hover {
    color: #f8f9fa
}

@media (max-width: 768px) {

    #sidebar ul.components {
        padding: 0;
        border-bottom: 1px solid #47748b
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px
    }

    #sidebar ul li a {
        padding: 10px;
        font-size: 1.1em;
        display: block
    }

    #sidebar ul li a:hover {
    / / color: #495468;
    / / background: #fff
    }

    #sidebar ul li.active-abstract-sidebar > a, a[aria-expanded=true] {
        color: #fff;
        background: #6d7fcc;
        text-align: right
    }

    a[data-toggle=collapse] {
        position: relative
    }

    .dropdown-toggle::after {
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%)
    }

    ul ul a {
        font-size: .9em !important;
        padding-left: 30px !important;
        background: #6d7fcc
    }

    ul.CTAs {
        padding: 20px
    }

    ul.CTAs a {
        text-align: center;
        font-size: .9em !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 5px
    }

    a.download {
        background: #fff;
        color: #495468
    }

    a.article, a.article:hover {
        background: #6d7fcc !important;
        color: #fff !important
    }

    #content {
        width: 100%;
        padding: 20px;
        min-height: 100vh;
        transition: all .3s;
        position: absolute;
        top: 0;
        right: 0
    }
}

.sbar .active .nav-link span, .sbar2 .active .nav-link span {
    font-weight: 700
}

.sbar2 {
    background-color: #fff;
    height: auto
}

.sbar, .sbar2 {
    list-style: none;
    height: 100%;
    background-color: #fff;
    transition: .3s
}

.sbar .active, .sbar2 .active {
    background-color: #005ea5
}

.sbar .active .nav-link span, .sbar2 .active .nav-link span {
    color: #fff;
    font-weight: 700
}

.sbar2 {
    background-color: #fff;
    height: auto
}

.sbar {
    padding-right: 0
}

#right-sidebar {
    height: 100%
}

.sidebar-style {
    background-color: #fff;
    height: auto
}

.nav-item {
    cursor: pointer;
    padding-right: 5px;
    padding-left: 5px;
    text-align: justify;
    text-justify: inter-word;
    color: #5d5d5d;
    font-weight: 700
}

#sidebar .nav-link:hover, .sbar .active, .sbar2 .active {
    background-color: #f7eee7;
    border-right: 8px #f5953e solid
}

/********************* body ***********************/
.body {
    /*
    background-image: url(/ogp/customized/cu-og/images/backg.jpg) !important;
    background-size: 100px;
    */
    background-color: var(--bgcolor);
    direction: rtl;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    text-align: right;
    overflow-x: hidden;
    display: inline-block;
    font-size: 14px;
}

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


label {
    margin-top: 5px;
!important;
}

/********************* input ***********************/
.btn-primary {
    background-color: var(--btn-primary-bgcolor);
    border-color: var(--boardercolor);
    font-size: var (--btn-fontsize);
}

.btn-primary:hover, :not(.btn-check) + .btn:active {
    background-color: var(--btn-primary-bgcolor-hover);
    border-color: var(--boardercolor);
}

button {
    height: var(--btn-height);
    min-width: var(--btn-minwidth);
}

.btn-sm {
    height: var(--btn-sm-height);
    min-width: var(--btn-sm-minwidth);
    font-size: var(--btn-sm-fontsize);
}


.form-check-input {
    border-color: var(--radiobcolor);
}

/********************* box ***********************/
.row_c {
    padding-top: var(--row-content-paddingtop);
    padding-bottom: var(--row-content-paddingbuttom);
    padding-left: var(--row-content-paddingleft);
    padding-right: var(--row-content-paddingleft);
}

div.line {
    height: 1px;
    width: 50%;
    text-align: center;
    border-bottom: 1px solid var(--boardercolor);
}

div.line-hidden {
    height: 1px;
    width: 95%;
    margin: var(--line-margintop) var(--line-marginleft) var(--line-marginbuttom) var(--line-marginleft);
    border-bottom: 0px;
}

/********************* header ***********************/

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .div_container {
        max-width: 100vw;
    }
}

@media only screen and (min-width: 769px) {
    /* For mobile phones: */
    .table_container {
        max-width: calc(100vw - 10px);
        overflow-x: scroll;
    }

    .div_container {
        max-width: calc(100vw - 260px);
    }
}

/********************* header ***********************/
*

/
*

/
*

/
*

/

.s_image {
    width: auto;
    height: auto
}

.s_pnormal {
    padding: 15px;
    margin: 15px;
}

.inp_half {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center
}

.in_sgl_num_ds {
    width: 30%
}

.ds_sgl {
    width: 30%
}

.input_title {
    padding-top: 10px
}


.form-check .form-check-input {
    float: right
}

.form-check-label {
    margin-right: 20px;
}

.form-check-inline {
    margin-right: 0px;
}

.in_sgl {
    font-weight: 200;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #cecece;
    color: #676767;
    outline: 0;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%
}

.item_hide {
    display: none
}

.row-dark-cream {
    background-color: #ffdc60
}

.row-cream {
    background-color: #fff9c6
}

.row-light-cream {
    background-color: #fffcf3
}

.row-gray {
    background-color: #8c8c8c
}

.row-light-gray {
    background-color: #e8ebef
}

.row-dark-blue {
    background-color: #263767
}

.row-m {
    height: 40px
}

.row-h {
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
    padding: 15px
}

.col-h {
    color: #fff;
    background-color: #2ecc71;
    border: 1px solid gray;
    text-align: center;
    height: 35px
}

.row-t {
    padding: 5px;
    width: 100%
}

.row-b {
    border: thin solid #c1c1c1;
    text-align: center
}

.txt_white {
    color: #fff
}

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

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

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

.body_script {
    background-color: #f2f3f5;
    direction: rtl;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    text-align: center;
    overflow-x: hidden;
    display: inline-block
}


.bar {
    background-color: #fff9e2;
    -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, .15);
    border-radius: 10px;
    padding: 15px;
    -webkit-transition: .4s;
    transition: .4s;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0
}

.fixedTop {
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 17%
}

.paddingTop {
    padding-top: 0
}

.fnt-xsm {
    font-size: 10px
}

::placeholder {
    color: #b6b6b6;
    font-size: 10px
}

.center-col {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center
}


.section_view {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
    display: inline-block;
    padding: 0px
}

.section_input {
    text-align: right;
    padding: 15px
}

.txt_short {
    height: 50px
}

.txt_long {
    height: 120px
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

img.button {
    cursor: pointer;
    vertical-align: inherit
}

.mouse-hand {
    cursor: pointer
}

.main_frame {
    text-align: right;
    border: 0;
    cellpadding: 0;
    cellspacing: 0;
    margin: 0;
    padding: 5px;
    display: inline-block
}

.section_list {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding: 5px
}

.cell_frame {
    text-align: center;
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.main_page {
    cellpadding: 0;
    cellspacing: 0
}

.page_widget {
    display: inline-block
}

.margin_list {
    font-size: small;
    margin: 0;
    padding: 0;
    border-collapse: collapse
}

.circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px
}

.draggable_list_item {
    padding: .4em;
    margin: .4em .4em .4em .4em;
    cursor: pointer
}

.droppable_item.ui-droppable-active {
    background: #ffd5ac
}

.loader {
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    border: 10px solid #005a9e;
    border-top: 10px solid #09f;
    border-radius: 50%;
    animation: rotate 3s linear infinite
}

@keyframes rotate {
    70% {
        transform: rotate(365deg)
    }
}

div.sticky_top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: rgba(255, 255, 255, .3)
}

.wrapper {
    min-height: 700px;
    display: flex;
    align-items: stretch;
}

.table {
    background-color: #fefefe
}

.add_plus {
    cursor: pointer;
    font-size: 30px;
    color: #1c7430
}

.force_star {
    color: red;
    font-weight: 700
}

.page_header_back_color {
    background-color: rgba(20, 40, 60, .7) !important
}

.content_header_back_color_light, .content_header_back_color_light a, .content_header_back_color_light li {
    background-color: #5c6d88 !important
}

.content_header_back_color, .content_header_back_color a, .content_header_back_color li {
    background-color: #a6a6a6 !important
}

.tabbed_panel_items li {
    width: 15ch
}

.serv-des-title {
    background-color: #dedede;
    font-size: small
}

.serv-des-text {
    background-color: #fff;
    border: 1px #dedede solid
}

.home_stats_block {
    color: #061951;
    text-align: center
}

.identify_card_img, .national_card_img, .signature_img {
    width: 85%;
    height: 250px;
    display: inline-block;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #f3f3f3;
    border: 1px solid #e6e6e6;
    border-radius: 3px
}

.dis_none {
    display: none
}


a, .s_link {
    color: black;
    text-decoration: none;
}

input[type=checkbox] {
    border-color: black;
}

ul ul a {
    padding-left: 5px !important;
}

.s_menu_smalltext, .s_menu_smalltext a, .s_menu_smalltext i {
    color: #366306;
    font-size: 1vw;
    text-decoration: none;
}

.s_menu_text, .s_menu_text a {
    color: #366306;
    font-size: 1.2vw;
    text-decoration: none;
}

.s_text_small {
    color: black;
    font-size: 1vw;
}

.s_text {
    color: black;
    font-size: 1.2vw;
}

/*           card            */

.card {
    background-color: #e9ecef;
    margin: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.card-stats {
    min-height: 120px;
}

.card i {
    display:inline!important;
}

.card-category, .card-header-title {
    color: #999;
    font-size: 14px;
    text-align:right;
}

.card-header .icon-big, .card-icon {
    font-size: 36px;
    line-height: 56px;
}

.card-icon{
    border-radius: 3px;
    margin-right: 15px;
    float: left;
}

.card-body-image{
    font-size: 33px;
}

.card-header {
    border:none;
    background-color:transparent;
    padding-top:10px;
    padding-bottom:0px;
    padding-right:10px;
}
.card-body {
    min-height: 50px;
    overflow-y: hidden;
    padding-top:5px;
    padding-bottom:0px;
    padding-right:10px;
}

.card-body-title {
    font-size: 15px;
    text-align: right;
}

.card-footer {
    text-align: right;
    color: #999;
    font-size: 14px;
    border:none;
    background-color:transparent;

}

.card-img-top {
    height: 8rem;
    max-width: 8rem
}

.card-title {
    font-size: 15px;
    text-align: right;
}

.card.card-stats .card-body {
    text-align: right;
}

.card.card-stats .card-header .card-category:not([class*=text-]) {
    color: #999;
    font-size: 14px;
}
.card.card-stats .card-header .card-category, .card.card-stats .card-header .card-title {
    margin: 0;
}

.card.card-stats .card-header i {
    font-size: 36px;
    line-height: 56px;
    width: 56px;
    height: 56px;
    text-align: center;
}

/****************/
.s_bg_light1, .s_bg_hover_light1 :hover {
    background-color: #e9ffea;
}

.s_bg_light2, .s_bg_hover_light2 :hover {
    background-color: #f5fff6;
}

.s_bg_light3, .s_bg_hover_light3 :hover, .s_bg_hover_light3.active {
    background-color: #dbffdb;
}

/*   pages   */
.s_page_header_text1 {
    font-size: 22px;
}

/*    tabs   */
.s_tabs_bg_1, ul.s_tabs_bg_1 li, ul.s_tabs_bg_1 li a {
    background-color: #a6a6a6;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
}

ul.s_tabs_bg_1.active, ul.s_tabs_bg_1 li.active, ul.s_tabs_bg_1 li a.active {
    background-color: #DCDCDC !important;
    padding-left: 5px;
    padding-right: 5px;
    color: black !important;
}

ul.s_tabs_bg_1.active:hover, ul.s_tabs_bg_1 li:hover, ul.s_tabs_bg_1 li a:hover {
    background-color: white !important;
    color: black !important;
}

/*    header   */
.s_body_bg_1 {
    background-color: #f5f5f5;
    color: black;
}

/*   cards   */
.s_card_bg_1 {
    background-color: white;
    color: black;
}

.nav-link.s_card_bg_1.active {
    background-color: #061951 !important;
    color: white;
}

.nav-link.active {
    background-color: #d8d8d8 !important;
}

.s_card_icon_1 {
    color: white
}

.s_card_1 {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.22);
    border-radius: 15px
}

/*    header   */
.s_header_bg_1 {
    background-color: #333333;
    color: white;
}

.s_header_bg_2 {
    background-color: white;
    color: black;
}

.s_header_text, .s_header_text a {
    color: #366306;
    font-size: 2vw;
    text-decoration: none;
}

.s_header_smalltext, .s_header_smalltext a {
    color: #8b8b8b;
    font-size: 1.2vw;
    text-decoration: none;
}

.s_header_title, .s_header_title a {
    color: #366306;
    font-size: 3.5vw;
    font-weight: bold;
}

.s_header_ico_1, {
    color: white;
    font-size: 12px;
}

/*    footer   */
.s_footer_bg_1 {
    background-color: #06202f;
    color: white;
}

.s_footer_bg_2 {
    background-color: #000;
    color: white;
}

.s_footer_ico_1, {
    color: white;
    font-size: 12px;
}

.s_footer_text_1 {
    font-size: 11px;
    color: white;
    padding: 7px;
}

.s_footer_title_1 {
    color: white;
    padding: 5px;
}

.footer {
    background-color: #06202f;
    color: #8e8e8e;
    text-align: right;
}

.footer-intro {
    background-color: #080b23 !important;
}

.s_float_to_left_text {
    position: absolute;
    white-space: nowrap;
    animation: float_to_left_text 30s linear infinite;
}

@keyframes float_to_left_text {
    from {
        transform: translateX(-100);
        right: 100%;
    }
    to {
        transform: translateX(100%);
        right: -100%;
    }
}

.tab-pane p {
    text-align: right
}

.toolbar {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    background: #fff;
    color: #1e2137;
    height: 64px;
    padding: 40px 25px;
    font-size: 16px;
    width: 100%;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    box-shadow: -5px 0 35px 0 rgba(0, 0, 0, 0.03);
    border: solid 0.5px rgba(112, 112, 112, 0.1);
    margin: 5px 0px;
}