:root {
    --ruuga-main:#131E3D;
    --ruuga-second:#ECEFF9;
    --ruuga-third:#FBFCFF;
    --ruuga-highlight:#FFA41C;
    --ruuga-verylight:#DEDEDE;
    --ruuga-light:#707070;
    --ruuga-lightshadow:rgba(112,112,112,0.5);
    --ruuga-accent:#5EA789;
    --ruuga-textlight:#FFFFFF;
    --ruuga-textdark:#000000;
    --ruuga-bglight:#FFFFFF;
    --ruuga-bgdark:#000000;
    --ruuga-oldprice:#FF0000;
    --ruuga-delivery-indicator-not-available:#FF0000;
    --ruuga-delivery-indicator-less-articles:#FFA41C;
    --ruuga-delivery-indicator-available:#5EA789;
    --ruuga-whatsapp:#26D367;
}
/* COLOR CLASSES */
.ruuga-main {color:var(--ruuga-main);}
.ruuga-second {color:var(--ruuga-second);}
.ruuga-third {color:var(--ruuga-third);}
.ruuga-highlight {color:var(--ruuga-highlight);}
.ruuga-verylight {color:var(--ruuga-verylight);}
.ruuga-light {color:var(--ruuga-light);}
.ruuga-lightshadow {color:var(--ruuga-lightshadow);}
.ruuga-accent {color:var(--ruuga-accent);}
.ruuga-textlight {color:var(--ruuga-textlight);}
.ruuga-textdark {color:var(--ruuga-textdark);}
.ruuga-bglight {color:var(--ruuga-bglight);}
.ruuga-bgdark {color:var(--ruuga-bgdark);}
.ruuga-whatsapp {color:var(--ruuga-whatsapp);}
.ruuga-border-main {border-color:var(--ruuga-main) !important;}
.ruuga-border-second {border-color:var(--ruuga-second) !important;}
.ruuga-border-third {border-color:var(--ruuga-third) !important;}
.ruuga-border-highlight {border-color:var(--ruuga-highlight) !important;}
.ruuga-border-verylight {border-color:var(--ruuga-verylight) !important;}
.ruuga-border-light {border-color:var(--ruuga-light) !important;}
.ruuga-border-lightshadow {border-color:var(--ruuga-lightshadow) !important;}
.ruuga-border-accent {border-color:var(--ruuga-accent) !important;}
.ruuga-border-textlight {border-color:var(--ruuga-textlight) !important;}
.ruuga-border-textdark {border-color:var(--ruuga-textdark) !important;}
.ruuga-border-bglight {border-color:var(--ruuga-bglight) !important;}
.ruuga-border-bgdark {border-color:var(--ruuga-bgdark) !important;}
.ruuga-border-whatsapp {border-color:var(--ruuga-whatsapp) !important;}
.ruuga-delivery-indicator-not-available {color:var(--ruuga-delivery-indicator-not-available);}
.ruuga-delivery-indicator-less-articles {color:var(--ruuga-delivery-indicator-less-articles);}
.ruuga-delivery-indicator-available {color:var(--ruuga-delivery-indicator-available);}

.bg-ruuga-main {background-color:var(--ruuga-main);}
.bg-ruuga-second {background-color:var(--ruuga-second);}
.bg-ruuga-third {background-color:var(--ruuga-third);}
.bg-ruuga-highlight {background-color:var(--ruuga-highlight);}
.bg-ruuga-verylight {background-color:var(--ruuga-verylight);}
.bg-ruuga-light {background-color:var(--ruuga-light);}
.bg-ruuga-lightshadow {background-color:var(--ruuga-lightshadow);}
.bg-ruuga-accent {background-color:var(--ruuga-accent);}
.textline { display:block; text-align:center; overflow:hidden; white-space:nowrap; }
.textline > span { position:relative; display:inline-block;}
.textline > span:before, .textline > span:after { content: ""; position:absolute; top:50%; width:9999px;height:5px;margin-top:-2px;border-top:1px solid black;border-bottom:1px solid black;}
.textline > span:before { right:100%; margin-right:15px; }
.textline > span:after { left:100%; margin-left:15px; }
.nav-tabs .nav-link.active { border-bottom:0px; background-color:var(--ruuga-main); color:#FFFFFF; opacity:1; filter: alpha(opacity=100); transition: opacity .15s ease-in-out;}
.nav-tabs .nav-link { border-color:var(--ruuga-main); background-color:#707070; color:#000000; opacity:0.5; }
.nav-tabs .nav-link:hover { border-color:var(--ruuga-main); filter: alpha(opacity=90); transition: opacity .15s ease-in-out; opacity:0.9; border-bottom:0px; }
.nav-tabs { margin-left:-1px; }
.main-body {height: 82vh;}
.tracking-body { max-height: 80vh; overflow: auto;overflow-x:hidden; }
.ordered_articles { max-height: 80vh; overflow:auto; overflow-x:hidden; }
.submenu { list-style-type:none; padding-left: 0px; }
.package_num {width: 3vw;}
.shipping_title, .package_title {width: 50%;}
#help_btn { cursor:help; }
#delete_package_bottom { display:none;}
#send_data_bottom { display:none;}
.toast {font-size: 1.2rem;}
#language_selection {position: relative;top: 0.7vh;}
nav.navbar.navbar-expand-lg {padding: 0px;}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */