@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;600;700&display=swap');
::selection{
    background-color: #1a263f;
    color:#fff;
}
::-moz-selection{
    background-color: #1a263f;
    color:#fff;
}
:root {
    --scrollbar-width:calc(100vw - 100%);

    --default-font-color:rgb(26,38,63);
    --default-link-color:rgb(26,38,63);
    --default-link-color-action:rgb(26,38,63);
    --default-link-color-active:rgb(108,105,92);
    --default-link-color-disabled:rgb(243,243,243);

    --white:rgb(255,255,255);
    --primary:rgb(26,38,63);
    --secondary:rgb(104,168,222);
    --tertiary:rgb(159,151,105);
    --forth:rgb(108,105,92);
    --fifth:rgb(241,241,249);
    --sixth:rgb(92,89,74);

    --main-bg:rgb(255,255,255);

    --header-bg:rgb(255,255,255);
    --header-color:rgb(26,38,63);
    --header-link-color:rgb(104,168,222);
    --header-link-color-action:rgb(26,38,63);
    --header-link-color-active:rgb(26,38,63);
    --header-fontsize: inherit;
    --header-lineheight:inherit;

    --footer-bg:rgb(159,151,105);
    --footer-color:rgb(255,255,255);
    --footer-link-color:rgb(255,255,255);
    --footer-link-color-action:rgb(92,89,74);
    --footer-link-color-active:rgb(92,89,74);
    --footer-fontsize: .9rem;
    --footer-lineheight:1.8;

    --btn-border-radius:0;

    --btn-primary-color:rgb(255,255,255);
    --btn-primary-bg:rgb(26,38,63);
    --btn-primary-border:rgb(26,38,63);
    --btn-primary-color-action:rgb(255,255,255);
    --btn-primary-bg-action:rgb(104,168,222);
    --btn-primary-border-action:rgb(104,168,222);
    --btn-primary-color-active:rgb(255,255,255);
    --btn-primary-bg-active:rgb(104,168,222);
    --btn-primary-border-active:rgb(26,38,63);
    --btn-primary-boxshadow:rgba(104,168,222,.5);

    --btn-secondary-color:rgb(255,255,255);
    --btn-secondary-bg:rgb(104,168,222);
    --btn-secondary-border:rgb(104,168,222);
    --btn-secondary-color-action:rgb(255,255,255);
    --btn-secondary-bg-action:rgb(159,151,105);
    --btn-secondary-border-action:rgb(104,168,222);
    --btn-secondary-color-active:rgb(255,255,255);
    --btn-secondary-bg-active:rgb(104,168,222);
    --btn-secondary-border-active:rgb(159,151,105);
    --btn-secondary-boxshadow:rgba(104,168,222,.5);

    --btn-tertiary-color:rgb(255,255,255);
    --btn-tertiary-color-action:rgb(255,255,255);
    --btn-tertiary-color-active:rgb(255,255,255);
    --btn-tertiary-bg:rgb(159,151,105);
    --btn-tertiary-bg-action:rgb(108,105,92);
    --btn-tertiary-bg-active:rgb(108,105,92);
    --btn-tertiary-border:rgb(255,255,255);
    --btn-tertiary-border-action:rgb(255,255,255);
    --btn-tertiary-border-active:rgb(255,255,255);
    --btn-tertiary-boxshadow:rgba(255,255,255,.5);

    --btn-outline-secondary-color:rgb(225,225,225);
    --btn-outline-secondary-bg:transparent;
    --btn-outline-secondary-border:rgb(255,255,255);
    --btn-outline-secondary-color-action:rgb(26,38,63);
    --btn-outline-secondary-bg-action:transparent;
    --btn-outline-secondary-border-action:rgb(26,38,63);
    --btn-outline-secondary-color-active:rgb(26,38,63);
    --btn-outline-secondary-bg-active:transparent;
    --btn-outline-secondary-border-active:rgb(26,38,63);
    --btn-outline-secondary-boxshadow:rgba(26,38,63,.5);

    --btn-outline-tertiary-color:rgb(225,225,225);
    --btn-outline-tertiary-bg:transparent;
    --btn-outline-tertiary-border:rgb(255,255,255);
    --btn-outline-tertiary-color-action:rgb(108,105,92);
    --btn-outline-tertiary-bg-action:rgb(225,225,225);
    --btn-outline-tertiary-border-action:rgb(108,105,92);
    --btn-outline-tertiary-color-active:rgb(108,105,92);
    --btn-outline-tertiary-bg-active:rgb(225,225,225);
    --btn-outline-tertiary-border-active:rgb(108,105,92);
    --btn-outline-tertiary-boxshadow:rgba(108,105,92,.5);

    --btn-link-color:rgb(26,38,63);
    --btn-link-bg:transparent;
    --btn-link-border:transparent;
    --btn-link-color-action:rgb(104,168,222);
    --btn-link-bg-action:transparent;
    --btn-link-border-action:transparent;
    --btn-link-color-active:rgb(26,38,63);
    --btn-link-bg-active:transparent;
    --btn-link-border-active:transparent;
    --btn-link-boxshadow:transparent;

    --form-control-border-radius:0;
    --form-control-txt-border-radius:0;
    --form-control-color:rgb(26,38,63);
    --form-control-bg:rgb(255,255,255);
    --form-control-border:rgb(159,151,105);
    --form-control-border-action:rgb(108,105,92);
    --form-control-placeholder:rgba(108,105,92,.8);
    --form-control-boxshadow:rgba(108,105,92,.5);
    /*--form-control-valid:rgb(171,190,21);*/

/**nav start*/
    --navbar-toggler-bg:rgb(26,38,63);
    --dropdownmenu-bg:rgb(26,38,63);

    --navbar-nav-link-family:"Cairo",Arial,sans-serif;
    --navbar-nav-link-size:1rem;
    --navbar-nav-link-weight:300;
    --navbar-nav-link-transform:none;
    --navbar-nav-link-color:rgb(59,59,59);
    --navbar-nav-link-color-action:rgb(171,190,21);
    --navbar-nav-link-color-active:rgb(171,190,21);
    --navbar-nav-link-bg:rgb(255,255,255);
    --navbar-nav-link-bg-action:rgb(255,255,255);
    --navbar-nav-link-bg-active:rgb(255,255,255);

    --navbar-nav-link-fa-color:rgb(159,151,105);
    --navbar-nav-link-fa-color-action:rgb(92,89,74);
    --navbar-nav-link-fa-color-active:rgb(92,89,74);
    --navbar-nav-link-fa-bg:rgb(255,255,255);
    --navbar-nav-link-fa-bg-action:rgb(255,255,255);
    --navbar-nav-link-fa-bg-active:rgb(255,255,255);

    --dropdownmenu-nav-link-size:.8rem;
    --dropdownmenu-nav-link-weight:300;
    --dropdownmenu-nav-link-transform:none;
    --dropdownmenu-nav-link-color:rgb(104,168,222);
    --dropdownmenu-nav-link-color-action:rgb(26,38,63);
    --dropdownmenu-nav-link-color-active:rgb(26,38,63);
    --dropdownmenu-nav-link-bg:rgb(255,255,255);
    --dropdownmenu-nav-link-bg-action:rgb(255,255,255);
    --dropdownmenu-nav-link-bg-active:rgb(255,255,255);
/**nav end*/

/**sidebar start*/
    --sidebar-bg:rgb(26,38,63);
    --sidebar-nav-link-size:1rem;
    --sidebar-nav-link-weight:300;
    --sidebar-nav-link-transform:none;
    --sidebar-nav-link-color:rgb(255,255,255);
    --sidebar-nav-link-color-action:rgb(104,168,222);
    --sidebar-nav-link-color-active:rgb(104,168,222);
    --sidebar-nav-link-bg:rgb(26,38,63);
    --sidebar-nav-link-bg-action:rgb(26,38,63);
    --sidebar-nav-link-bg-active:rgb(26,38,63);

/**sidebar end*/

    --card-bg:rgb(241,241,249);
    --card-bg-action:transparent;
    --card-bg-active:transparent;
    --card-bg-header:transparent;
    --card-bg-body:rgb(255,255,255);
    --card-bg-footer:rgb(255,255,255);
    --card-color:rgb(26,38,63);
    --card-border:transparent;
    --card-boxshadow:rgba(27,27,27,.5);
    --card-boxshadow-action:rgb(27,27,27);
    --card-fontsize:1rem;
    --card-link:rgb(26,38,63);
    --card-link-action:rgb(26,38,63);
    --card-link-active:rgb(108,105,92);

    --card-img-mixblendmode:unset;
    --card-img-mixblendmode-action:multiply;
    --card-img-transform:scale(1);
    --card-img-transform-action:scale(1.1);

    --card-secondary-bg:rgb(241,241,249);
    --card-secondary-bg-action:rgb(159,151,105);
    --card-secondary-bg-active:rgb(159,151,105);
    --card-secondary-bg-header:rgb(241,241,249);
    --card-secondary-bg-body:rgb(104,168,222);
    --card-secondary-bg-footer:rgb(104,168,222);
    --card-secondary-bg-imgoverlay:linear-gradient(to bottom,  rgba(255,255,255,0) 60%,rgba(104,168,222,0.8) 100%);
    --card-secondary-color:rgb(255,255,255);
    --card-secondary-title:rgb(255,255,255);
    --card-secondary-border:transparent;
    --card-secondary-boxshadow:none;
    --card-secondary-boxshadow-action:none;

    --card-tertiary-bg:rgb(159,151,105);
    --card-tertiary-bg-action:rgb(159,151,105);
    --card-tertiary-bg-active:rgb(159,151,105);
    --card-tertiary-bg-header:rgb(159,151,105);
    --card-tertiary-bg-body:rgb(159,151,105);
    --card-tertiary-bg-footer:rgb(159,151,105);
    --card-tertiary-bg-imgoverlay:transparent;
    --card-tertiary-color:rgb(92,89,74);
    --card-tertiary-title:rgb(255,255,255);
    --card-tertiary-border:transparent;
    --card-tertiary-boxshadow:none;
    --card-tertiary-boxshadow-action:none;
}

body {
  scrollbar-color: var(--primary) var(--secondary);
}
body::-webkit-scrollbar-track {
  background: var(--primary);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--secondary) ;
  border: 3px solid var(--primary);
}
header{
    background-color:var(--header-bg);
    color:var(--header-color);
    font-size:var(--header-fontsize);
    line-height:var(--header-lineheight);
}
main:not([id="loginMain"]) {
	background: radial-gradient(rgba(209,229,248,.4) 30%,transparent 16%) 0 0,radial-gradient(rgba(209,229,248,.4) 30%,transparent 16%) 5px 5px,radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 0 1px,radial-gradient(rgba(255,255,255,.1) 15%,transparent 20%) 5px 5px;
	background-color: var(--white);
	background-size: 10px 10px;
	min-height:calc(100vh - 3.6rem - 3.6rem);
}
main:not([id="loginMain"]) > section{
    background-color:var(--white);
}
footer{
    background-color:var(--footer-bg);
    color:var(--footer-color);
    font-size:var(--footer-fontsize);
    line-height:var(--footer-lineheight);
}
footer a{
    color:var(--footer-link-color);
}
footer a:active,
footer a:focus,
footer a:hover{
    color:var(--footer-link-color-action);
}
footer a:active{
    color:var(--footer-link-color-active);
}
[onclick] {
    cursor: pointer;
}
.secondary{
    color:var(--secondary);
}

.btn.additem{
}
.btn.additem::before {
    content: '\f067';
    font-family: var(--default-icon-family), sans-serif;
    display: inline-block;
}
.btn.additem span{
    display:none;
    padding-left:.5rem;
}
.btn.additem:focus span,
.btn.additem:hover span{
    display:inline-block
}
main#loginMain{
    background-color:transparent;
    position:relative;
}
/*accordion start*/
.accordion .card{
    border-color:var(--secondary)
}
.accordion .card-header{
    background-color:var(--secondary);
}
.accordion .card-header .btn{
    font-size: 1.5rem;
    color: var(--white) !important;
    text-decoration: none !important;
    box-shadow:none;
}
.accordion .card-header .btn::after {
    color:var(--fifth);
    float: right;
    font-family: var(--default-icon-family), sans-serif;
    margin-left: auto;
}
.accordion .card-header .btn[aria-expanded="true"]::after {
    content: "\f106";
}
.accordion .card-header .btn[aria-expanded="false"]::after {
    content: "\f107";
}
.accordion .card-body tr td:last-of-type {
    display: flex;
    justify-content: flex-end;
}
/*accordion end*/

/*card start*/
.card,
.card .border-bottom,
.card .border-left,
.card .border-right,
.card .border-top{
    border-color:var(--secondary) !important;
}
.card-header{
    background-color:var(--card-tertiary-bg-header);
    border-color:var(--secondary);
    color:var(--white);
}

.card.primary .card-header{
    background-color:var(--primary);
    border-color:var(--primary);
    color:var(--white);
}

.card.primary .card-footer{
    background-color:var(--primary);
    border-color:var(--primary);
    color:var(--white);
}
/*card end*/