/************* Background *************/

.bg-0{ background: rgb(0 0 0 / 0%); } 
.bg-5{ background: rgb(0 0 0 / 5%); } 
.bg-10{ background: rgb(0 0 0 / 10%); } 
.bg-20{ background: rgb(0 0 0 / 20%); } 
.bg-30{ background: rgb(0 0 0 / 30%); } 
.bg-40{ background: rgb(0 0 0 / 40%); } 
.bg-50{ background: rgb(0 0 0 / 50%); } 

/************* Normal Background *************/
.bg-site-dark          {  background:#2c3a54; } 
.bg-gradient1          {  background:linear-gradient(to left top,#2b2c2d85, #455a6fb8, #4c6989 ,#2b2c2d91); } 
.bg-site-darker        {  background:#1a2841  !important;  color:#FFFFFF!important;  }

.nr-transparent-50     {  background:#99999970;  color:#FFFFFF;  }
.nr-transparent-99     {  background:#99999900;  color:#000000;  }
.nr-offwhite           {  background:#f4f7f9  ;  color:#000000;  }
.nr-white              {  background:#FFFFFF  ;  color:#000000;  }
.nr-silver             {  background:#C0C0C0  ;  color:#000000;  }
.nr-gray               {  background:#bbbbbb  ;  color:#FFFFFF;  }
.nr-light              {  background:#d1e1fa  ;  color:#000000;  }
.nr-gray-200           {  background:#efefef  ;  color:#000000;  }
.nr-gray-300           {  background:#cccccc  ;  color:#000000;  }
.nr-gray-400           {  background:#aaaaaa  ;  color:#FFFFFF;  }
.nr-gray-500           {  background:#999999  ;  color:#FFFFFF;  }
.nr-gray-600           {  background:#888888  ;  color:#FFFFFF;  }
.nr-gray-700           {  background:#777777  ;  color:#FFFFFF;  }
.nr-gray-800           {  background:#666666  ;  color:#FFFFFF;  }
.nr-indigo             {  background:#6610f2  ;  color:#FFFFFF;  }
.nr-pink               {  background:#d63384  ;  color:#FFFFFF;  }
.nr-cyan               {  background:#0dcaf0  ;  color:#FFFFFF;  }
.nr-orange             {  background:#fd7e14  ;  color:#FFFFFF;  }
.nr-maroon             {  background:#800000  ;  color:#FFFFFF;  }
.nr-olive              {  background:#808000  ;  color:#FFFFFF;  }
.nr-jade               {  background:#71a954  ;  color:#FFFFFF;  }
.nr-aqua               {  background:#00FFFF  ;  color:#FFFFFF;  }
.nr-teal               {  background:#008080  ;  color:#FFFFFF;  }
.nr-blue               {  background:#2268f8  ;  color:#FFFFFF;  }
.nr-navy               {  background:#0d47a1  ;  color:#FFFFFF;  }
.nr-fuchsia            {  background:#FF00FF  ;  color:#FFFFFF;  }
.nr-purple             {  background:#800080  ;  color:#FFFFFF;  }
.nr-coral              {  background:#FA8072  ;  color:#FFFFFF;  }
.nr-brown              {  background:#A52A2A  ;  color:#FFFFFF;  }
.nr-sienna             {  background:#f7b325  ;  color:#FFFFFF;  }
.nr-yellow             {  background:#FFFF00  ;  color:#000000;  }
.nr-red                {  background:#FF0000  ;  color:#FFFFFF;  }
.nr-green              {  background:#008000  ;  color:#FFFFFF;  }
.nr-dark               {  background:#222222  ;  color:#FFFFFF;  }
.nr-black              {  background:#000000  ;  color:#FFFFFF;  }
.nr-none               {  background:#99999900;  color:#FFFFFF;  }
.nr-inherit            { background:inherit; }
/************* Important Background *************/
.bg-transparent-50     {  background:#99999970!important;  color:#FFFFFF!important;  }
.bg-transparent-99     {  background:#EEEEEE66!important;  color:#000000!important;  }
.bg-offwhite           {  background:#f4f7f9  !important;  color:#000000!important;  }
.bg-white              {  background:#FFFFFF  !important;  color:#000000!important;  }
.bg-silver             {  background:#C0C0C0  !important;  color:#000000!important;  }
.bg-gray               {  background:#bbbbbb  !important;  color:#FFFFFF!important;  }
.bg-light              {  background:#d1e1fa  !important;  color:#000000!important;  }
.bg-gray-200           {  background:#efefef  !important;  color:#000000!important;  }
.bg-gray-300           {  background:#cccccc  !important;  color:#000000!important;  }
.bg-gray-400           {  background:#aaaaaa  !important;  color:#FFFFFF!important;  }
.bg-gray-500           {  background:#999999  !important;  color:#FFFFFF!important;  }
.bg-gray-600           {  background:#888888  !important;  color:#FFFFFF!important;  }
.bg-gray-700           {  background:#777777  !important;  color:#FFFFFF!important;  }
.bg-gray-800           {  background:#666666  !important;  color:#FFFFFF!important;  }
.bg-indigo             {  background:#6610f2  !important;  color:#FFFFFF!important;  }
.bg-pink               {  background:#d63384  !important;  color:#FFFFFF!important;  }
.bg-cyan               {  background:#0dcaf0  !important;  color:#FFFFFF!important;  }
.bg-orange             {  background:#fd7e14  !important;  color:#FFFFFF!important;  }
.bg-maroon             {  background:#800000  !important;  color:#FFFFFF!important;  }
.bg-olive              {  background:#808000  !important;  color:#FFFFFF!important;  }
.bg-jade               {  background:#71a954  !important;  color:#FFFFFF!important;  }
.bg-aqua               {  background:#00FFFF  !important;  color:#FFFFFF!important;  }
.bg-teal               {  background:#008080  !important;  color:#FFFFFF!important;  }
.bg-blue               {  background:#2268f8  !important;  color:#FFFFFF!important;  }
.bg-navy               {  background:#0d47a1  !important;  color:#FFFFFF!important;  }
.bg-fuchsia            {  background:#FF00FF  !important;  color:#FFFFFF!important;  }
.bg-purple             {  background:#800080  !important;  color:#FFFFFF!important;  }
.bg-coral              {  background:#FA8072  !important;  color:#FFFFFF!important;  }
.bg-brown              {  background:#A52A2A  !important;  color:#FFFFFF!important;  }
.bg-sienna             {  background:#f7b325  !important;  color:#FFFFFF!important;  }
.bg-yellow             {  background:#FFFF00  !important;  color:#000000!important;  }
.bg-red                {  background:#FF0000  !important;  color:#FFFFFF!important;  }
.bg-green              {  background:#008000  !important;  color:#FFFFFF!important;  }
.bg-dark               {  background:#222222  !important;  color:#FFFFFF!important;  }
.bg-black              {  background:#000000  !important;  color:#FFFFFF!important;  }
.bg-none               {  background:#99999900!important;  color:#FFFFFF!important;  }
.bg-inherit            { background:inherit!important; }
/************* Important fill *************/
.f-transparent-50     {  fill:#99999970!important;  color:#FFFFFF!important;  }
.f-transparent-99     {  fill:#EEEEEE66!important;  color:#000000!important;  }
.f-offwhite           {  fill:#f4f7f9  !important;  color:#000000!important;  }
.f-white              {  fill:#FFFFFF  !important;  color:#000000!important;  }
.f-silver             {  fill:#C0C0C0  !important;  color:#000000!important;  }
.f-gray               {  fill:#bbbbbb  !important;  color:#FFFFFF!important;  }
.f-light              {  fill:#d1e1fa  !important;  color:#000000!important;  }
.f-gray-200           {  fill:#efefef  !important;  color:#000000!important;  }
.f-gray-300           {  fill:#cccccc  !important;  color:#000000!important;  }
.f-gray-400           {  fill:#aaaaaa  !important;  color:#FFFFFF!important;  }
.f-gray-500           {  fill:#999999  !important;  color:#FFFFFF!important;  }
.f-gray-600           {  fill:#888888  !important;  color:#FFFFFF!important;  }
.f-gray-700           {  fill:#777777  !important;  color:#FFFFFF!important;  }
.f-gray-800           {  fill:#666666  !important;  color:#FFFFFF!important;  }
.f-indigo             {  fill:#6610f2  !important;  color:#FFFFFF!important;  }
.f-pink               {  fill:#d63384  !important;  color:#FFFFFF!important;  }
.f-cyan               {  fill:#0dcaf0  !important;  color:#FFFFFF!important;  }
.f-orange             {  fill:#fd7e14  !important;  color:#FFFFFF!important;  }
.f-maroon             {  fill:#800000  !important;  color:#FFFFFF!important;  }
.f-olive              {  fill:#808000  !important;  color:#FFFFFF!important;  }
.f-jade               {  fill:#71a954  !important;  color:#FFFFFF!important;  }
.f-aqua               {  fill:#00FFFF  !important;  color:#FFFFFF!important;  }
.f-teal               {  fill:#008080  !important;  color:#FFFFFF!important;  }
.f-blue               {  fill:#2268f8  !important;  color:#FFFFFF!important;  }
.f-navy               {  fill:#0d47a1  !important;  color:#FFFFFF!important;  }
.f-fuchsia            {  fill:#FF00FF  !important;  color:#FFFFFF!important;  }
.f-purple             {  fill:#800080  !important;  color:#FFFFFF!important;  }
.f-coral              {  fill:#FA8072  !important;  color:#FFFFFF!important;  }
.f-brown              {  fill:#A52A2A  !important;  color:#FFFFFF!important;  }
.f-sienna             {  fill:#f7b325  !important;  color:#FFFFFF!important;  }
.f-yellow             {  fill:#FFFF00  !important;  color:#000000!important;  }
.f-red                {  fill:#FF0000  !important;  color:#FFFFFF!important;  }
.f-green              {  fill:#008000  !important;  color:#FFFFFF!important;  }
.f-dark               {  fill:#222222  !important;  color:#FFFFFF!important;  }
.f-black              {  fill:#000000  !important;  color:#FFFFFF!important;  }
.f-none               {  fill:#99999900!important;  color:#FFFFFF!important;  }
.f-inherit            { fill:inherit!important; }
/************* Color *************/
.primary               { background:#FFFFFF; color:#444; }
.secondary             { background:#555555; color:#FFF; }

.t-transparent-50      {  color:#99999950!important;  }
.t-gray                {  color:#bbbbbb !important;}
.t-light               {  color:#d1e1fa !important;}
.t-gray-300            {  color:#cccccc !important;}
.t-gray-400            {  color:#aaaaaa !important;}
.t-gray-500            {  color:#999999 !important;}
.t-gray-600            {  color:#888888 !important;}
.t-gray-700            {  color:#777777 !important;}
.t-gray-800            {  color:#666666 !important;}
.t-white               {  color:#FFFFFF !important;}
.t-silver              {  color:#C0C0C0 !important;}
.t-indigo              {  color:#6610f2 !important;}
.t-pink                {  color:#d63384 !important;}
.t-cyan                {  color:#0dcaf0 !important;}
.t-orange              {  color:#fd7e14 !important;}
.t-maroon              {  color:#800000 !important;}
.t-olive               {  color:#808000 !important;}
.t-jade                {  color:#71a954 !important;}
.t-aqua                {  color:#00FFFF !important;}
.t-teal                {  color:#008080 !important;}
.t-blue                {  color:#2268f8 !important;}
.t-yellow              {  color:#FFFF00 !important;}
.t-fuchsia             {  color:#FF00FF !important;}
.t-purple              {  color:#800080 !important;}
.t-coral               {  color:#FA8072 !important;}
.t-brown               {  color:#A52A2A !important;}
.t-sienna              {  color:#f7b325 !important;}
.t-navy                {  color:#0d47a1 !important;}
.t-red                 {  color:#FF0000 !important;}
.t-green               {  color:#008000 !important;}
.t-dark                {  color:#222222 !important;}
.t-black               {  color:#000000 !important;}
.t-none                {  color:#99999900!important;}
/************* Border Color *************/
.border-white               {border-color: #FFFFFF !important;}
.border-silver              {border-color: #C0C0C0 !important;}
.border-gray                {border-color: #bbbbbb !important;}
.border-light               {border-color: #d1e1fa !important;}
.border-gray-300            {border-color: #cccccc !important;}
.border-gray-400            {border-color: #aaaaaa !important;}
.border-gray-500            {border-color: #999999 !important;}
.border-gray-600            {border-color: #888888 !important;}
.border-gray-700            {border-color: #777777 !important;}
.border-gray-800            {border-color: #666666 !important;}
.border-indigo              {border-color: #6610f2 !important;}
.border-pink                {border-color: #d63384 !important;}
.border-cyan                {border-color: #0dcaf0 !important;}
.border-orange              {border-color: #fd7e14 !important;}
.border-maroon              {border-color: #800000 !important;}
.border-olive               {border-color: #808000 !important;}
.border-jade                {border-color: #71a954 !important;}
.border-aqua                {border-color: #00FFFF !important;}
.border-teal                {border-color: #008080 !important;}
.border-blue                {border-color: #2268f8 !important;}
.border-navy                {border-color: #0d47a1 !important;}
.border-fuchsia             {border-color: #FF00FF !important;}
.border-purple              {border-color: #800080 !important;}
.border-coral               {border-color: #FA8072 !important;}
.border-brown               {border-color: #A52A2A !important;}
.border-sienna              {border-color: #f7b325 !important;}
.border-yellow              {border-color: #FFFF00 !important;}
.border-red                 {border-color: #FF0000 !important;}
.border-green               {border-color: #008000 !important;}
.border-dark                {border-color: #222222 !important;}
.border-black               {border-color: #000000 !important;}
.border-none                {border-color: #99999900!important;}
.border-0                   {border:0!important}
.border-1                   {border:1px solid #ffffff!important}
.border-2                   {border:2px solid #ffffff!important}
.border-3                   {border:3px solid #ffffff!important}
.border-4                   {border:4px solid #ffffff!important}
.border-5                   {border:5px solid #ffffff!important}
.border                     {border:1px solid #dddddd!important}
/************* Out Line *************/
.ol-border                  {  box-shadow:0px 0px 1px 0px #000 !important;}
.ol-white                   {  box-shadow:0px 0px 5px 0.1px #FFFFFF !important;}
.ol-silver                  {  box-shadow:0px 0px 5px 0.1px #C0C0C0 !important;}
.ol-gray                    {  box-shadow:0px 0px 5px 0.1px #bbbbbb !important;}
.ol-light                   {  box-shadow:0px 0px 5px 0.1px #d1e1fa !important;}
.ol-gray-300                {  box-shadow:0px 0px 5px 0.1px #cccccc !important;}
.ol-gray-400                {  box-shadow:0px 0px 5px 0.1px #ced4da !important;}
.ol-gray-500                {  box-shadow:0px 0px 5px 0.1px #adb5bd !important;}
.ol-gray-600                {  box-shadow:0px 0px 5px 0.1px #6c757d !important;}
.ol-gray-700                {  box-shadow:0px 0px 5px 0.1px #495057 !important;}
.ol-gray-800                {  box-shadow:0px 0px 5px 0.1px #343a40 !important;}
.ol-indigo                  {  box-shadow:0px 0px 5px 0.1px #6610f2 !important;}
.ol-pink                    {  box-shadow:0px 0px 5px 0.1px #d63384 !important;}
.ol-cyan                    {  box-shadow:0px 0px 5px 0.1px #0dcaf0 !important;}
.ol-orange                  {  box-shadow:0px 0px 5px 0.1px #fd7e14 !important;}
.ol-maroon                  {  box-shadow:0px 0px 5px 0.1px #800000 !important;}
.ol-olive                   {  box-shadow:0px 0px 5px 0.1px #808000 !important;}
.ol-jade                    {  box-shadow:0px 0px 5px 0.1px #0bd70b !important;}
.ol-aqua                    {  box-shadow:0px 0px 5px 0.1px #00FFFF !important;}
.ol-teal                    {  box-shadow:0px 0px 5px 0.1px #008080 !important;}
.ol-blue                    {  box-shadow:0px 0px 5px 0.1px #2268f8 !important;}
.ol-navy                    {  box-shadow:0px 0px 5px 0.1px #0d47a1 !important;}
.ol-fuchsia                 {  box-shadow:0px 0px 5px 0.1px #FF00FF !important;}
.ol-purple                  {  box-shadow:0px 0px 5px 0.1px #800080 !important;}
.ol-coral                   {  box-shadow:0px 0px 5px 0.1px #FA8072 !important;}
.ol-brown                   {  box-shadow:0px 0px 5px 0.1px #A52A2A !important;}
.ol-sienna                  {  box-shadow:0px 0px 5px 0.1px #f7b325 !important;}
.ol-yellow                  {  box-shadow:0px 0px 5px 0.1px #FFFF00 !important;}
.ol-red                     {  box-shadow:0px 0px 5px 0.1px #FF0000 !important;}
.ol-green                   {  box-shadow:0px 0px 5px 0.1px #008000 !important;}
.ol-dark                    {  box-shadow:0px 0px 5px 0.1px #222222 !important;}
.ol-black                   {  box-shadow:0px 0px 5px 0.1px #000000 !important;}
.ol-none                    {  box-shadow:0px 0px 5px 0.1px none    !important;}
/************* PALETTE *************/
.primary .bg-back1 { background: #002D62!important; color:#FFF!important; }
.primary .bg-back2 { background: #0d6efd!important; color:#FFF!important; }
.primary .bg-back3 { background: #222222!important; color:#FFF!important; }
.primary .bg-back4 { background: #555555!important; color:#FFF!important; }
.primary .bg-back5 { background: #999999!important; color:#FFF!important; }
.primary .bg-back6 { background: #f96d00!important; color:#FFF!important; }
.primary .bg-back7 { background: #f2f2f2!important; color:#333!important; }

.secondary .bg-back1 { background: #002D62!important; color:#FFF!important; }
.secondary .bg-back2 { background: #0d6efd!important; color:#FFF!important; }
.secondary .bg-back3 { background: #222222!important; color:#FFF!important; }
.secondary .bg-back4 { background: #555555!important; color:#FFF!important; }
.secondary .bg-back5 { background: #999999!important; color:#FFF!important; }
.secondary .bg-back6 { background: #f96d00!important; color:#FFF!important; }
.secondary .bg-back7 { background: #f2f2f2!important; color:#333!important; }

.palette2 .bg-back1 { background: #155263!important; color:#FFF!important; }
.palette2 .bg-back2 { background: #ff6f3c!important; color:#FFF!important; }
.palette2 .bg-back3 { background: #ff9a3c!important; }
.palette2 .bg-back4 { background: #ffc93c!important; }


.palette3 .bg-back1 { background: #42b883!important; color:#FFF!important; }
.palette3 .bg-back2 { background: #347474!important; color:#FFF!important; }
.palette3 .bg-back3 { background: #35495e!important; }
.palette3 .bg-back4 { background: #ff7e67!important; }

.palette4 .bg-back1 { background: #00204a!important; color:#FFF!important; }
.palette4 .bg-back2 { background: #005792!important; color:#FFF!important; }
.palette4 .bg-back3 { background: #00bbf0!important; }
.palette4 .bg-back4 { background: #fdb44b!important; }
    
.stroke-w-1 { -webkit-text-stroke:0.5px; stroke-width:0.1px; }
.stroke-w   { -webkit-text-stroke:1.5px; stroke-width:1.5px; }
 
 .lds_ovrly {
 position: fixed;
 top:0;
 right:0;
 width: 100vw;
 height:100vh;
 background: rgb(0 0 0 / 20%);
 } 
 
/************** LOADING **************/
 
 .simple_spinner{
  border: 7px solid #f3f3f3;
  border-radius: 50%;
  border-top: 7px solid #3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes simple_spinner {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.lds_relods .ring {
 margin:0;
 --uib-size: 35px;
 }
.loadwy{
 position:absolute; 
 top:50%;
 left:50%;
 width:40px;
 height:40px;
 margin-left:-20px;
 } 
.dspnn .ring{
 position:absolute;
 top:40px;
 left:50%;
 margin:-30px;
 }
.donepr, .lds_wrap {
 position: fixed;
 top:35%;
 left:50%;
 margin-left:-130px;
 width:260px;
 background: rgb(240, 240, 240, 0.99);
 } 
.donepr_inner {
 top:35%;
 width:260px;
 padding:10px;
 background: rgb(240, 240, 240, 0.99);
 } 
.lds_wrap {
 position: fixed;
 top:35%;
 left:50%;
 margin-left:-150px;
 width:300px;
 height:65px;
 background: rgb(240, 240, 240, 0.99);
 }
.ring {
  margin:8px 15px 5px 5px;
 --uib-size: 50px;
 --uib-speed: 3000ms;
 --uib-color:rgb(0 28 67);
 
 stroke-width: 4;
 height: var(--uib-size);
 width: var(--uib-size);
 vertical-align: middle;
 transform-origin: center;
 animation: rotate var(--uib-speed) linear infinite;
}
.ring circle {
 fill: none;
 stroke: var(--uib-color);
 stroke-dasharray: 1, 200;
 stroke-dashoffset: 0;
 stroke-linecap: round;
 animation: stretch calc(var(--uib-speed) * 0.75) ease-in-out infinite;
}
@keyframes rotate { 100% { transform: rotate(360deg); }}
@keyframes stretch {
 0%  { stroke-dasharray: 1, 200; stroke-dashoffset: 0;}
 50% { stroke-dasharray: 90, 200; stroke-dashoffset: -35px; }
 100% { stroke-dashoffset: -124px; }
}

.lds_text {
 font-size:22px;
 position: absolute;
 direction:rtl;
 margin:10px 90px auto auto;
 color:rgb(0 28 67);
 } 
.lds_text:before {
 font-size:50px;
 position:absolute;
 top:9px;
 padding:0;
 margin:auto 125px auto auto;
 content: '';
 line-height: 0;
 animation: dots steps(1,end) 3000ms infinite;
 } 
@keyframes dots {
 0% { content: ''; } 
 20% { content: '.'; } 
 40% { content: '..'; } 
 60% { content: '...'; } 
 80% { content: '....'; } 
 100% { content: ''; } 
 } 
 
 
.lds-spinner {
 margin:auto;
 width: 55px;
 height: 25px;
 top: -20px;
}
.lds-spinner div {
 transform-origin: 30px 30px;
 animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
 content: " ";
 display: block;
 position: absolute;
 top: 12px;
 left: 29px;
 width: 3px;
 height: 11px;
 border-radius: 20%;
 background: #000;
}
.lds-spinner div:nth-child(1) {
 transform: rotate(0deg);
 animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
 transform: rotate(30deg);
 animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
 transform: rotate(60deg);
 animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
 transform: rotate(90deg);
 animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
 transform: rotate(120deg);
 animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
 transform: rotate(150deg);
 animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
 transform: rotate(180deg);
 animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
 transform: rotate(210deg);
 animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
 transform: rotate(240deg);
 animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
 transform: rotate(270deg);
 animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
 transform: rotate(300deg);
 animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
 transform: rotate(330deg);
 animation-delay: 0s;
}
@keyframes lds-spinner {
 0% {
 opacity: 1;
 }
 100% {
 opacity: 0;
 }
}

  
.topolder-top{box-sizing: border-box;}
.opacity-9{ opacity:0.01}

.lds_ring {
 display: inline-block;
 position: relative;
 width: 80px;
 height: 80px;
}
.lds_ring div {
 box-sizing: border-box;
 display: block;
 position: absolute;
 width: 64px;
 height: 64px;
 margin: 5px;
 border: 5px solid #fed;
 border-radius: 50%;
 animation : lds_ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
 border-color: #aaa transparent transparent transparent;
}
.lds_ring div:nth-child(1){ animation-delay: -0.45s; }
.lds_ring div:nth-child(2){ animation-delay: -0.3s;  }
.lds_ring div:nth-child(3){ animation-delay: -0.15s; }
@keyframes lds_ring{
 0% { transform: rotate(0deg);}
 100% { transform: rotate(360deg); }
}

 
.lds_relods{
 position:fixed; 
 top:-50PX;
 left:calc(50% - 20px);
 text-align:center;
 width: 40px;
 height: 40px;
 background:#eee;
 border-radius:50%;
}  
 .lds_relods_ring .ring {
 --uib-color:rgb(24 109 229);
  width:27px
 }
 .lds_relods_ring {
 position:absolute; 
 margin:2px -14px 0 0;
 width: 0;
 height: 0;
 z-index:1;
}
.lds_relods_icon {
 position:absolute; 
 display:none; 
 background:#eee;
 border-radius:50%;
 padding:6px 0 0 0;
 right:0px;
 width: 40px;
 height: 40px;
 color:#2063c1; 
 font-size: 28px!important;
 line-height:0;
 z-index:2;
 -webkit-text-stroke:0.9px;
 stroke-width:1px;
}
/************************************************/ 
.linear_div{
 text-align:right;
 direction:rtl;
 }
.linear-text{
 height: 22px;
 width:95%;
 margin:5px 2% auto auto;
 }
.linear-news-image{
 margin:5px 2% auto auto;
 width:95%;
 height:175px;
 }
.linear-bg{
 animation-duration: 1s;
 animation-fill-mode: forwards;
 animation-iteration-count: infinite;
 animation-name: placeHolderShimmer;
 animation-timing-function: linear;
 background: linear-gradient(to right, #ddd 8%, #ccc 22%, #ddd 33%);
 background-size: 1000px 104px;
 overflow: hidden;
 }
 @keyframes placeHolderShimmer{
 0%{background-position: 444px 0}
 100%{background-position: -444px 0}
 }
 
 
 /************************************************/ 
.sk-cube-grid {
 width: 40px;
 height: 40px;
 top: 25%;
 left: 48%;
 margin: auto;
 position:absolute;
 z-index : 5;
}

.sk-cube-grid .sk-cube {
 width: 33%;
 height: 33%;
 background-color: #000;
 float: left;
 -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
 animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
 -webkit-animation-delay: 0.2s;
 animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
 -webkit-animation-delay: 0.3s;
 animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
 -webkit-animation-delay: 0.4s;
 animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
 -webkit-animation-delay: 0.1s;
 animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
 -webkit-animation-delay: 0.2s;
 animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
 -webkit-animation-delay: 0.3s;
 animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
 -webkit-animation-delay: 0s;
 animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
 -webkit-animation-delay: 0.1s;
 animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
 -webkit-animation-delay: 0.2s;
 animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
 0%, 70%, 100% {
 -webkit-transform: scale3D(1, 1, 1);
 transform: scale3D(1, 1, 1);
 } 35% {
 -webkit-transform: scale3D(0, 0, 1);
 transform: scale3D(0, 0, 1); 
 }
 }
@keyframes sk-cubeGridScaleDelay {
 0%, 70%, 100% {
 -webkit-transform: scale3D(1, 1, 1);
 transform: scale3D(1, 1, 1);
 } 35% {
 -webkit-transform: scale3D(0, 0, 1);
 transform: scale3D(0, 0, 1);
 } 
}
/******************************/ 
.wt-0{width:0!important}
.wt-5{width:10px!important}
.wt-10{width:10px!important}
.wt-15{width:15px!important}
.wt-20{width:20px!important}
.wt-25{width:25px!important}
.wt-30{width:30px!important}
.wt-35{width:35px!important}
.wt-40{width:40px!important}
.wt-45{width:45px!important}
.wt-50{width:50px!important}
.wt-55{width:55px!important}
.wt-60{width:60px!important}
.wt-65{width:65px!important}
.wt-70{width:70px!important}
.wt-75{width:75px!important}
.wt-80{width:80px!important}
.wt-85{width:85px!important}
.wt-90{width:90px!important}
.wt-95{width:94px!important}
.wt-100{width:100px!important}
.wt-105{width:105px!important}
.wt-110{width:110px!important}
.wt-115{width:115px!important}
.wt-120{width:120px!important}
.wt-125{width:125px!important}
.wt-130{width:130px!important}
.wt-135{width:135px!important}
.wt-140{width:140px!important}
.wt-145{width:145px!important}
.wt-150{width:150px!important}
.wt-155{width:155px!important}
.wt-160{width:160px!important}
.wt-165{width:165px!important}
.wt-170{width:170px!important}
.wt-200{width:200px!important}
.wt-225{width:225px!important}
.wt-250{width:250px!important}
.wt-300{width:300px!important}
.wt-320{width:320px!important}
.wt-350{width:350px!important}
.wt-400{width:400px!important}
.wt-483{width:483px!important}
.wt-500{width:500px!important}
.wt-600{width:600px!important}

.w-0{width:0!important}
.w-5{width:10%!important}
.w-10{width:10%!important}
.w-15{width:15%!important}
.w-20{width:20%!important}
.w-25{width:24%!important}
.w-30{width:30%!important}
.w-33{width:33%!important}
.w-35{width:35%!important}
.w-40{width:40%!important}
.w-45{width:45%!important}
.w-48{width:48%!important}
.w-49{width:49%!important}
.w-50{width:50%!important}
.w-55{width:55%!important}
.w-60{width:60%!important}
.w-65{width:65%!important}
.w-70{width:70%!important}
.w-75{width:75%!important}
.w-80{width:80%!important}
.w-85{width:85%!important}
.w-90{width:90%!important}
.w-95{width:94%!important}
.w-99{width:99%!important}
.w-100{width:100%!important}
.w-auto{width:auto!important}
.hv-100{width:100vw!important}


.vw-0{width:0!important}
.vw-5{width:10vw!important}
.vw-10{width:10vw!important}
.vw-15{width:15vw!important}
.vw-20{width:20vw!important}
.vw-25{width:25vw!important}
.vw-30{width:30vw!important}
.vw-35{width:35vw!important}
.vw-40{width:40vw!important}
.vw-45{width:45vw!important}
.vw-50{width:50vw!important}
.vw-55{width:55vw!important}
.vw-60{width:60vw!important}
.vw-65{width:65vw!important}
.vw-70{width:70vw!important}
.vw-75{width:75vw!important}
.vw-80{width:80vw!important}
.vw-85{width:85vw!important}
.vw-90{width:90vw!important}
.vw-95{width:94vw!important}
.vw-100{width:100vw!important}
 

.ht-0{height:0!important}
.ht-5{height:10px!important}
.ht-10{height:10px!important}
.ht-15{height:15px!important}
.ht-20{height:20px!important}
.ht-25{height:25px!important}
.ht-30{height:30px!important}
.ht-35{height:35px!important}
.ht-40{height:40px!important}
.ht-45{height:45px!important}
.ht-50{height:50px!important}
.ht-55{height:55px!important}
.ht-60{height:60px!important}
.ht-65{height:65px!important}
.ht-70{height:70px!important}
.ht-75{height:75px!important}
.ht-80{height:80px!important}
.ht-85{height:85px!important}
.ht-90{height:90px!important}
.ht-95{height:94px!important}
.ht-100{height:100px!important}
.ht-110{height:110px!important}
.ht-120{height:120px!important}
.ht-150{height:150px!important}
.ht-200{height:200px!important}
.ht-250{height:250px!important}
.ht-300{height:300px!important}
.ht-350{height:350px!important}
.ht-400{height:400px!important}
.ht-450{height:450px!important}
.ht-483{height:483px!important}
.ht-500{height:500px!important}

.h-0{height:0!important}
.h-5{height:10%!important}
.h-10{height:10%!important}
.h-15{height:15%!important}
.h-20{height:20%!important}
.h-25{height:25%!important}
.h-30{height:30%!important}
.h-35{height:35%!important}
.h-40{height:40%!important}
.h-45{height:45%!important}
.h-46{height:46%!important}
.h-47{height:47%!important}
.h-48{height:48%!important}
.h-49{height:49%!important}
.h-50{height:50%!important}
.h-55{height:55%!important}
.h-60{height:60%!important}
.h-65{height:65%!important}
.h-70{height:70%!important}
.h-75{height:75%!important}
.h-80{height:80%!important}
.h-85{height:85%!important}
.h-90{height:90%!important}
.h-94{height:94%!important}
.h-95{height:95%!important}
.h-96{height:96%!important}
.h-97{height:97%!important}
.h-98{height:98%!important}
.h-99{height:99%!important}
.h-100{height:100%!important}
.h-auto{height:auto!important}
.mw-100{max-height:100%!important}
.hv-100{height:100vh!important}
.min-hv-100{min-height:100vh!important}

.vh-0{height:0!important}
.vh-5{height:10vh!important}
.vh-10{height:10vh!important}
.vh-15{height:15vh!important}
.vh-20{height:20vh!important}
.vh-25{height:25vh!important}
.vh-30{height:30vh!important}
.vh-35{height:35vh!important}
.vh-40{height:40vh!important}
.vh-45{height:45vh!important}
.vh-50{height:50vh!important}
.vh-55{height:55vh!important}
.vh-60{height:60vh!important}
.vh-65{height:65vh!important}
.vh-70{height:70vh!important}
.vh-75{height:75vh!important}
.vh-80{height:80vh!important}
.vh-85{height:85vh!important}
.vh-90{height:90vh!important}
.vh-95{height:94vh!important}
.vh-100{height:100vh!important}
 
.w-m1{width:10px!important; }
.w-m2{width:25px!important; }
.w-1{width:50px!important; }
.w-2{width:100px!important; }
.w-3{width:150px!important; }
.w-4{width:200px!important; }
.w-5{width:250px!important; }
.w-6{width:300px!important; }
.w-fit{width:fit-content!important; }

.min-w-0{min-width:0!important; }
.min-w-m1{min-width:10px!important; }
.min-w-m2{min-width:25px!important; }
.min-w-1{min-width:50px!important; }
.min-w-2{min-width:100px!important; }
.min-w-3{min-width:150px!important; }
.min-w-4{min-width:200px!important; }
.min-w-5{min-width:250px!important; }
.min-w-6{min-width:300px!important; }
.min-w-fit{min-width:fit-content!important; }

.min-w-15{min-width:15%!important; }
.min-w-25{min-width:25%!important; }
.min-w-50{min-width:50%!important; }
.min-w-75{min-width:75%!important; }
.min-w-90{min-width:90%!important; }
.min-w-100{min-width:100%!important; }

.min-vw-5{min-width:5vh!important; }
.min-vw-10{min-width:10vh!important; }
.min-vw-15{min-width:15vh!important; }
.min-vw-25{min-width:25vh!important; }
.min-vw-50{min-width:50vh!important; }
.min-vw-75{min-width:75vh!important; }
.min-vw-90{min-width:90vh!important; }
.min-vw-100{min-width:100vh!important; }

.max-wt-0{max-width:0!important; }
.max-wt-10{max-width:10px!important; }
.max-wt-25{max-width:25px!important; }
.max-wt-35{max-width:35px!important; }
.max-wt-45{max-width:45px!important; }
.max-wt-50{max-width:50px!important; }
.max-wt-100{max-width:100px!important; }
.max-wt-150{max-width:150px!important; }
.max-wt-175{max-width:175px!important; }
.max-wt-200{max-width:200px!important; }
.max-wt-250{max-width:250px!important; }
.max-wt-300{max-width:300px!important; }
.max-wt-350{max-width:350px!important; }

.max-w-5{max-width:5%!important; }
.max-w-10{max-width:10%!important; }
.max-w-15{max-width:15%!important; }
.max-w-25{max-width:25%!important; }
.max-w-50{max-width:50%!important; }
.max-w-75{max-width:75%!important; }
.max-w-90{max-width:90%!important; }
.max-w-100{max-width:100%!important; }

.max-vw-5{max-width:5vh!important; }
.max-vw-10{max-width:10vh!important; }
.max-vw-15{max-width:15vh!important; }
.max-vw-25{max-width:25vh!important; }
.max-vw-50{max-width:50vh!important; }
.max-vw-75{max-width:75vh!important; }
.max-vw-90{max-width:90vh!important; }
.max-vw-100{max-width:100vh!important; }
.min-w-auto{min-width:auto!important; }





.h-m1{height:10px!important; }
.h-m2{height:25px!important; }
.h-1{height:50px!important; }
.h-2{height:100px!important; }
.h-3{height:150px!important; }
.h-4{height:200px!important; }
.h-5{height:250px!important; }
.h-6{height:300px!important; }
.h-fit{height:fit-content!important; }

.min-h-0{min-height:0!important; }
.min-h-m1{min-height:10px!important; }
.min-h-m2{min-height:25px!important; }
.min-h-1{min-height:50px!important; }
.min-h-2{min-height:100px!important; }
.min-h-3{min-height:150px!important; }
.min-h-4{min-height:200px!important; }
.min-h-5{min-height:250px!important; }

.min-h-5{min-height:5%!important; }
.min-h-10{min-height:10%!important; }
.min-h-15{min-height:15%!important; }
.min-h-25{min-height:25%!important; }
.min-h-50{min-height:50%!important; }
.min-h-75{min-height:75%!important; }
.min-h-90{min-height:90%!important; }
.min-h-100{min-height:100%!important; }
.min-h-fit{min-height:fit-content!important; }

.min-vh-5{min-height:5vh!important; }
.min-vh-10{min-height:10vh!important; }
.min-vh-15{min-height:15vh!important; }
.min-vh-20{min-height:20vh!important; }
.min-vh-25{min-height:25vh!important; }
.min-vh-30{min-height:30vh!important; }
.min-vh-40{min-height:40vh!important; }
.min-vh-50{min-height:50vh!important; }
.min-vh-75{min-height:75vh!important; }
.min-vh-90{min-height:90vh!important; }
.min-vh-100{min-height:100vh!important; }

.max-h-0{max-height:0!important; }
.max-h-m1{max-height:10px!important; }
.max-h-m2{max-height:25px!important; }
.max-h-1{max-height:50px!important; }
.max-h-2{max-height:100px!important; }
.max-h-3{max-height:150px!important; }
.max-h-4{max-height:200px!important; }
.max-h-5{max-height:250px!important; }
.max-h-fit{max-height:fit-content!important; }

.max-h-5{max-height:5%!important; }
.max-h-10{max-height:10%!important; }
.max-h-15{max-height:15%!important; }
.max-h-25{max-height:25%!important; }
.max-h-50{max-height:50%!important; }
.max-h-75{max-height:75%!important; }
.max-h-90{max-height:90%!important; }
.max-h-100{max-height:100%!important; }

.max-vh-5{max-height:5vh!important; }
.max-vh-10{max-height:10vh!important; }
.max-vh-15{max-height:15vh!important; }
.max-vh-25{max-height:25vh!important; }
.max-vh-50{max-height:50vh!important; }
.max-vh-75{max-height:75vh!important; }
.max-vh-90{max-height:90vh!important; }
.max-vh-100{max-height:100vh!important; }
.min-h-auto{min-height:auto!important; }


.max-ht-0{max-height:0!important; }
.max-ht-10{max-height:10px!important; }
.max-ht-25{max-height:25px!important; }
.max-ht-35{max-height:35px!important; }
.max-ht-45{max-height:45px!important; }
.max-ht-50{max-height:50px!important; }
.max-ht-100{max-height:100px!important; }
.max-ht-150{max-height:150px!important; }
.max-ht-175{max-height:175px!important; }
.max-ht-200{max-height:200px!important; }
.max-ht-250{max-height:250px!important; }
.max-ht-300{max-height:300px!important; }
.max-ht-350{max-height:350px!important; }

.max-ht-0{max-height:0!important; }
.max-ht-10{max-height:10px!important; }
.max-ht-25{max-height:25px!important; }
.max-ht-35{max-height:35px!important; }
.max-ht-45{max-height:45px!important; }
.max-ht-50{max-height:50px!important; }
.max-ht-100{max-height:100px!important; }
.max-ht-150{max-height:150px!important; }
.max-ht-175{max-height:175px!important; }
.max-ht-200{max-height:200px!important; }
.max-ht-250{max-height:250px!important; }
.max-ht-300{max-height:300px!important; }
.max-ht-350{max-height:350px!important; }


.min-ht-0{min-height:0!important; }
.min-ht-10{min-height:10px!important; }
.min-ht-25{min-height:25px!important; }
.min-ht-35{min-height:35px!important; }
.min-ht-45{min-height:45px!important; }
.min-ht-50{min-height:50px!important; }
.min-ht-100{min-height:100px!important; }
.min-ht-150{min-height:150px!important; }
.min-ht-175{min-height:175px!important; }
.min-ht-200{min-height:200px!important; }
.min-ht-250{min-height:250px!important; }
.min-ht-300{min-height:300px!important; }
.min-ht-350{min-height:350px!important; }

/**********************************************/

.top-auto{top:auto!important; }
.top-m1{top:2px!important; }
.top-m2{top:4px!important; }
.top-1{top:5px!important; }
.top-2{top:10px!important; }
.top-3{top:15px!important; }
.top-4{top:20px!important; }
.top-5{top:30px!important; }
.top-6{top:35px!important; }
.top-7{top:40px!important; }
.top-8{top:45px!important; }
.top-9{top:50px!important; }
.top-11{top:110px!important; }




.bottom-auto{bottom:auto!important; }
.bottom-0{bottom:0!important; }
.bottom-m1{bottom:2px!important; }
.bottom-m2{bottom:4px!important; }
.bottom-1{bottom:5px!important; }
.bottom-2{bottom:10px!important; }
.bottom-3{bottom:15px!important; }
.bottom-4{bottom:20px!important; }
.bottom-5{bottom:30px!important; }
.bottom-6{bottom:35px!important; }
.bottom-7{bottom:40px!important; }
.bottom-8{bottom:45px!important; }
.bottom-9{bottom:50px!important; }
.bottom-15{bottom:15%!important; }
.bottom-20{bottom:20%!important; }
.bottom-25{bottom:25%!important; }
.bottom-30{bottom:30%!important; }
.bottom-35{bottom:35%!important; }
.bottom-40{bottom:40%!important; }
.bottom-45{bottom:45%!important; }
.bottom-50{bottom:50%!important; }
.bottom-60{bottom:60%!important; }
.bottom-70{bottom:70%!important; }
.bottom-75{bottom:75%!important; }
.bottom-80{bottom:80%!important; }
.bottom-85{bottom:85%!important; }
.bottom-90{bottom:90%!important; }
.bottom-95{bottom:95%!important; }
.bottom-100{bottom:100%!important; }

.right-auto{right:auto!important; }
.right-0{right:0!important; }
.right-m1{right:2px!important; }
.right-m2{right:4px!important; }
.right-1{right:5px!important; }
.right-2{right:10px!important; }
.right-3{right:15px!important; }
.right-4{right:20px!important; }
.right-5{right:30px!important; }
.right-6{right:35px!important; }
.right-7{right:40px!important; }
.right-8{right:45px!important; }
.right-9{right:50px!important; }
.right-15{right:15%!important; }
.right-20{right:20%!important; }
.right-25{right:25%!important; }
.right-30{right:30%!important; }
.right-35{right:35%!important; }
.right-40{right:40%!important; }
.right-45{right:45%!important; }
.right-50{right:50%!important; }
.right-60{right:60%!important; }
.right-70{right:70%!important; }
.right-75{right:75%!important; }
.right-80{right:80%!important; }
.right-85{right:85%!important; }
.right-90{right:90%!important; }
.right-95{right:95%!important; }
.right-100{right:100%!important; }

.left-auto{left:auto!important; }
.left-0{left:0!important; }
.left-m1{left:2px!important; }
.left-m2{left:4px!important; }
.left-1{left:5px!important; }
.left-2{left:10px!important; }
.left-3{left:15px!important; }
.left-4{left:20px!important; }
.left-5{left:30px!important; }
.left-6{left:35px!important; }
.left-7{left:40px!important; }
.left-8{left:45px!important; }
.left-9{left:50px!important; }
.left-15{left:15%!important; }
.left-20{left:20%!important; }
.left-25{left:25%!important; }
.left-30{left:30%!important; }
.left-35{left:35%!important; }
.left-40{left:40%!important; }
.left-45{left:45%!important; }
.left-50{left:50%!important; }
.left-60{left:60%!important; }
.left-70{left:70%!important; }
.left-75{left:75%!important; }
.left-80{left:80%!important; }
.left-85{left:85%!important; }
.left-90{left:90%!important; }
.left-95{left:95%!important; }
.left-100{left:100%!important; }


.top-n0{top:-0!important; }
.top-nm1{top:-2px!important; }
.top-nm2{top:-4px!important; }
.top-n1{top:-5px!important; }
.top-n2{top:-10px!important; }
.top-n3{top:-15px!important; }
.top-n4{top:-22px!important; }
.top-n5{top:-25px!important; }
.top-n6{top:-30px!important; }
.top-n7{top:-35px!important; }
.top-n8{top:-45px!important; }
.top-n9{top:-50px!important; }
.top-n15{top:-15%!important; }
.top-n25{top:-25%!important; }
.top-n50{top:-45%!important; }
.top-n100{top:-100%!important; }

.bottom-n0{bottom:-0!important; }
.bottom-nm1{bottom:-2px!important; }
.bottom-nm2{bottom:-4px!important; }
.bottom-n1{bottom:-5px!important; }
.bottom-n2{bottom:-10px!important; }
.bottom-n3{bottom:-15px!important; }
.bottom-n4{bottom:-20px!important; }
.bottom-n5{bottom:-30px!important; }
.bottom-n6{bottom:-35px!important; }
.bottom-n7{bottom:-40px!important; }
.bottom-n8{bottom:-45px!important; }
.bottom-n9{bottom:-50px!important; }
.bottom-n15{bottom:-15%!important; }
.bottom-n25{bottom:-25%!important; }
.bottom-n50{bottom:-45%!important; }
.bottom-n100{bottom:-100%!important; }

.right-n0{right:-0!important; }
.right-nm1{right:-2px!important; }
.right-nm2{right:-4px!important; }
.right-n1{right:-5px!important; }
.right-n2{right:-10px!important; }
.right-n3{right:-15px!important; }
.right-n4{right:-20px!important; }
.right-n5{right:-30px!important; }
.right-n6{right:-35px!important; }
.right-n7{right:-40px!important; }
.right-n8{right:-45px!important; }
.right-n9{right:-50px!important; }
.right-n15{right:-15%!important; }
.right-n25{right:-25%!important; }
.right-n50{right:-45%!important; }
.right-n100{right:-100%!important; }

.left-n0{left:-0!important; }
.left-nm1{left:-2px!important; }
.left-nm2{left:-4px!important; }
.left-n1{left:-5px!important; }
.left-n2{left:-10px!important; }
.left-n3{left:-15px!important; }
.left-n4{left:-20px!important; }
.left-n5{left:-30px!important; }
.left-n6{left:-35px!important; }
.left-n7{left:-40px!important; }
.left-n8{left:-45px!important; }
.left-n9{left:-50px!important; }
.left-n15{left:-15%!important; }
.left-n25{left:-25%!important; }
.left-n50{left:-45%!important; }
.left-n100{left:-100%!important; }








.top-px-5{top:5px!important; }
.top-px-10{top:10px!important; }
.top-px-15{top:15px!important; }
.top-px-20{top:20px!important; }
.top-px-25{top:25px!important; }
.top-px-30{top:30px!important; }
.top-px-35{top:35px!important; }
.top-px-40{top:40px!important; }
.top-px-45{top:45px!important; }
.top-px-50{top:50px!important; }
.top-px-60{top:60px!important; }
.top-px-70{top:70px!important; }
.top-px-75{top:75px!important; }
.top-px-80{top:80px!important; }
.top-px-85{top:85px!important; }
.top-px-90{top:90px!important; }
.top-px-95{top:95px!important; }
.top-px-100{top:100px!important; }


.top-p5{top:5%!important; }
.top-10{top:10%!important; }
.top-15{top:15%!important; }
.top-20{top:20%!important; }
.top-25{top:25%!important; }
.top-30{top:30%!important; }
.top-35{top:35%!important; }
.top-40{top:40%!important; }
.top-45{top:45%!important; }
.top-50{top:50%!important; }
.top-60{top:60%!important; }
.top-70{top:70%!important; }
.top-75{top:75%!important; }
.top-80{top:80%!important; }
.top-85{top:85%!important; }
.top-90{top:90%!important; }
.top-95{top:95%!important; }
.top-100{top:100%!important; }
.top-0{top:0!important; }


.bottom-px-5{bottom:5px!important; }
.bottom-px-10{bottom:10px!important; }
.bottom-px-15{bottom:15px!important; }
.bottom-px-20{bottom:20px!important; }
.bottom-px-25{bottom:25px!important; }
.bottom-px-30{bottom:30px!important; }
.bottom-px-35{bottom:35px!important; }
.bottom-px-40{bottom:40px!important; }
.bottom-px-45{bottom:45px!important; }
.bottom-px-50{bottom:50px!important; }
.bottom-px-60{bottom:60px!important; }
.bottom-px-70{bottom:70px!important; }
.bottom-px-75{bottom:75px!important; }
.bottom-px-80{bottom:80px!important; }
.bottom-px-85{bottom:85px!important; }
.bottom-px-90{bottom:90px!important; }
.bottom-px-95{bottom:95px!important; }
.bottom-px-100{bottom:100px!important; }


.bottom-p5{bottom:5%!important; }
.bottom-10{bottom:10%!important; }
.bottom-15{bottom:15%!important; }
.bottom-20{bottom:20%!important; }
.bottom-25{bottom:25%!important; }
.bottom-30{bottom:30%!important; }
.bottom-35{bottom:35%!important; }
.bottom-40{bottom:40%!important; }
.bottom-45{bottom:45%!important; }
.bottom-50{bottom:50%!important; }
.bottom-60{bottom:60%!important; }
.bottom-70{bottom:70%!important; }
.bottom-75{bottom:75%!important; }
.bottom-80{bottom:80%!important; }
.bottom-85{bottom:85%!important; }
.bottom-90{bottom:90%!important; }
.bottom-95{bottom:95%!important; }
.bottom-100{bottom:100%!important; }
.bottom-0{bottom:0%!important; }





.left-px-5{left:5px!important; }
.left-px-10{left:10px!important; }
.left-px-15{left:15px!important; }
.left-px-20{left:20px!important; }
.left-px-25{left:25px!important; }
.left-px-30{left:30px!important; }
.left-px-35{left:35px!important; }
.left-px-40{left:40px!important; }
.left-px-45{left:45px!important; }
.left-px-50{left:50px!important; }
.left-px-60{left:60px!important; }
.left-px-70{left:70px!important; }
.left-px-75{left:75px!important; }
.left-px-80{left:80px!important; }
.left-px-85{left:85px!important; }
.left-px-90{left:90px!important; }
.left-px-95{left:95px!important; }
.left-px-100{left:100px!important; }


.left-p5{left:5%!important; }
.left-10{left:10%!important; }
.left-15{left:15%!important; }
.left-20{left:20%!important; }
.left-25{left:25%!important; }
.left-30{left:30%!important; }
.left-35{left:35%!important; }
.left-40{left:40%!important; }
.left-45{left:45%!important; }
.left-50{left:50%!important; }
.left-60{left:60%!important; }
.left-70{left:70%!important; }
.left-75{left:75%!important; }
.left-80{left:80%!important; }
.left-85{left:85%!important; }
.left-90{left:90%!important; }
.left-95{left:95%!important; }
.left-100{left:100%!important; }
.left-0{left:0%!important; }

  

.right-px-5{right:5px!important; }
.right-px-10{right:10px!important; }
.right-px-15{right:15px!important; }
.right-px-20{right:20px!important; }
.right-px-25{right:25px!important; }
.right-px-30{right:30px!important; }
.right-px-35{right:35px!important; }
.right-px-40{right:40px!important; }
.right-px-45{right:45px!important; }
.right-px-50{right:50px!important; }
.right-px-60{right:60px!important; }
.right-px-70{right:70px!important; }
.right-px-75{right:75px!important; }
.right-px-80{right:80px!important; }
.right-px-85{right:85px!important; }
.right-px-90{right:90px!important; }
.right-px-95{right:95px!important; }
.right-px-100{right:100px!important; }


.right-p5{right:5%!important; }
.right-10{right:10%!important; }
.right-15{right:15%!important; }
.right-20{right:20%!important; }
.right-25{right:25%!important; }
.right-30{right:30%!important; }
.right-35{right:35%!important; }
.right-40{right:40%!important; }
.right-45{right:45%!important; }
.right-50{right:50%!important; }
.right-60{right:60%!important; }
.right-70{right:70%!important; }
.right-75{right:75%!important; }
.right-80{right:80%!important; }
.right-85{right:85%!important; }
.right-90{right:90%!important; }
.right-95{right:95%!important; }
.right-100{right:100%!important; }
.right-0{right:0%!important; }




 
.m-auto{margin:auto!important; }
.mt-auto{margin-top:auto!important; }
.mr-auto{margin-right:auto!important; }
.mb-auto{margin-bottom:auto!important; }
.ml-auto{margin-left:auto!important; }
.mx-auto{margin-right:auto!important;margin-left:auto!important; }
.my-auto{margin-bottom:auto!important;margin-top:auto!important; }

.my-0{margin-top:0!important;margin-bottom:0!important; }
.mx-0{margin-left:0!important;margin-right:0!important; }
.ml-0{margin-left:0!important; }
.mr-0{margin-right:0!important; }
.mb-0{margin-bottom:0!important; }
.mt-0{margin-top:0!important; }
.m-0{margin:0!important; }


.m-m1{margin:2px!important; }
.m-m2{margin:4px!important; }
.m-1{margin:5px!important; }
.m-2{margin:10px!important; }
.m-3{margin:15px!important; }
.m-4{margin:20px!important; }
.m-5{margin:30px!important; }
.m-6{margin:35px!important; }
.m-7{margin:40px!important; }
.m-8{margin:45px!important; }
.m-9{margin:50px!important; }
.m-15{margin:15%!important; }
.m-25{margin:25%!important; }
.m-50{margin:45%!important; }
.m-100{margin:100%!important; }
 
.mt-m1{margin-top:2px!important; }
.mt-m2{margin-top:4px!important; }
.mt-1{margin-top:5px!important; }
.mt-2{margin-top:10px!important; }
.mt-3{margin-top:15px!important; }
.mt-4{margin-top:20px!important; }
.mt-5{margin-top:30px!important; }
.mt-6{margin-top:35px!important; }
.mt-7{margin-top:40px!important; }
.mt-8{margin-top:45px!important; }
.mt-9{margin-top:50px!important; }
.mt-15{margin-top:15%!important; }
.mt-25{margin-top:25%!important; }
.mt-50{margin-top:45%!important; }
.mt-100{margin-top:100%!important; }

.mb-m1{margin-bottom:2px!important; }
.mb-m2{margin-bottom:4px!important; }
.mb-1{margin-bottom:5px!important; }
.mb-2{margin-bottom:10px!important; }
.mb-3{margin-bottom:15px!important; }
.mb-4{margin-bottom:20px!important; }
.mb-5{margin-bottom:30px!important; }
.mb-6{margin-bottom:35px!important; }
.mb-7{margin-bottom:40px!important; }
.mb-8{margin-bottom:45px!important; }
.mb-9{margin-bottom:50px!important; }
.mb-15{margin-bottom:15%!important; }
.mb-25{margin-bottom:25%!important; }
.mb-50{margin-bottom:45%!important; }
.mb-100{margin-bottom:100%!important; }
 
.mr-m1{margin-right:2px!important; }
.mr-m2{margin-right:4px!important; }
.mr-1{margin-right:5px!important; }
.mr-2{margin-right:10px!important; }
.mr-3{margin-right:15px!important; }
.mr-4{margin-right:20px!important; }
.mr-5{margin-right:30px!important; }
.mr-6{margin-right:35px!important; }
.mr-7{margin-right:40px!important; }
.mr-8{margin-right:45px!important; }
.mr-9{margin-right:50px!important; }
.mr-15{margin-right:15%!important; }
.mr-25{margin-right:25%!important; }
.mr-50{margin-right:45%!important; }
.mr-100{margin-right:100%!important; }
 
.ml-m1{margin-left:2px!important; }
.ml-m2{margin-left:4px!important; }
.ml-1{margin-left:5px!important; }
.ml-2{margin-left:10px!important; }
.ml-3{margin-left:15px!important; }
.ml-4{margin-left:20px!important; }
.ml-5{margin-left:30px!important; }
.ml-6{margin-left:35px!important; }
.ml-7{margin-left:40px!important; }
.ml-8{margin-left:45px!important; }
.ml-9{margin-left:50px!important; }
.ml-10{margin-left:60px!important; }
.ml-11{margin-left:70px!important; }
.ml-12{margin-left:80px!important; }
.ml-15{margin-left:15%!important; }
.ml-25{margin-left:25%!important; }
.ml-50{margin-left:45%!important; }
.ml-100{margin-left:100%!important; }

.mx-m1{margin-left:2px!important;margin-right:2px!important; }
.mx-m2{margin-left:4px!important;margin-right:4px!important; }
.mx-1{margin-left:5px!important;margin-right:5px!important; }
.mx-2{margin-left:10px!important;margin-right:10px!important; }
.mx-3{margin-left:15px!important;margin-right:15px!important; }
.mx-4{margin-left:20px!important;margin-right:20px!important; }
.mx-5{margin-left:30px!important;margin-right:30px!important; }
.mx-6{margin-left:35px!important;margin-right:35px!important; }
.mx-7{margin-left:40px!important;margin-right:40px!important; }
.mx-8{margin-left:45px!important;margin-right:45px!important; }
.mx-9{margin-left:50px!important;margin-right:50px!important; }
.mx-15{margin-left:15%!important;margin-right:15%!important; }
.mx-25{margin-left:25%!important;margin-right:25%!important; }
.mx-50{margin-left:45%!important;margin-right:45%!important; }
.mx-100{margin-left:100%!important;margin-right:100%!important; }

.my-m1{margin-top:2px!important;margin-bottom:2px!important; }
.my-m2{margin-top:4px!important;margin-bottom:4px!important; }
.my-1{margin-top:5px!important;margin-bottom:5px!important; }
.my-2{margin-top:10px!important;margin-bottom:10px!important; }
.my-3{margin-top:15px!important;margin-bottom:15px!important; }
.my-4{margin-top:20px!important;margin-bottom:20px!important; }
.my-5{margin-top:30px!important;margin-bottom:30px!important; }
.my-6{margin-top:35px!important;margin-bottom:35px!important; }
.my-7{margin-top:40px!important;margin-bottom:40px!important; }
.my-8{margin-top:45px!important;margin-bottom:45px!important; }
.my-9{margin-top:50px!important;margin-bottom:50px!important; }
.my-15{margin-top:15%!important;margin-bottom:15%!important; }
.my-25{margin-top:25%!important;margin-bottom:25%!important; }
.my-50{margin-top:45%!important;margin-bottom:45%!important; }
.my-100{margin-top:100%!important;margin-bottom:100%!important; }

.m-nm1{margin:-2px!important; }
.m-nm2{margin:-4px!important; }
.m-n1{margin:-5px!important; }
.m-n2{margin:-10px!important; }
.m-n3{margin:-15px!important; }
.m-n4{margin:-20px!important; }
.m-n5{margin:-30px!important; }
.m-n6{margin:-35px!important; }
.m-n7{margin:-40px!important; }
.m-n8{margin:-45px!important; }
.m-n9{margin:-50px!important; }
.m-n15{margin:-15%!important; }
.m-n25{margin:-25%!important; }
.m-n50{margin:-45%!important; }
.m-n100{margin:-100%!important; }
 
.mt-nm1{margin-top:-2px!important; }
.mt-nm2{margin-top:-4px!important; }
.mt-n1{margin-top:-5px!important; }
.mt-n2{margin-top:-10px!important; }
.mt-n3{margin-top:-15px!important; }
.mt-n4{margin-top:-20px!important; }
.mt-n5{margin-top:-30px!important; }
.mt-n6{margin-top:-35px!important; }
.mt-n7{margin-top:-40px!important; }
.mt-n8{margin-top:-45px!important; }
.mt-n9{margin-top:-50px!important; }
.mt-n15{margin-top:-15%!important; }
.mt-n25{margin-top:-25%!important; }
.mt-n50{margin-top:-45%!important; }
.mt-n100{margin-top:-100%!important; }

.mb-nm1{margin-bottom:-2px!important; }
.mb-nm2{margin-bottom:-4px!important; }
.mb-n1{margin-bottom:-5px!important; }
.mb-n2{margin-bottom:-10px!important; }
.mb-n3{margin-bottom:-15px!important; }
.mb-n4{margin-bottom:-20px!important; }
.mb-n5{margin-bottom:-30px!important; }
.mb-n6{margin-bottom:-35px!important; }
.mb-n7{margin-bottom:-40px!important; }
.mb-n8{margin-bottom:-45px!important; }
.mb-n9{margin-bottom:-50px!important; }
.mb-n15{margin-bottom:-15%!important; }
.mb-n25{margin-bottom:-25%!important; }
.mb-n50{margin-bottom:-45%!important; }
.mb-n100{margin-bottom:-100%!important; }
 
.mr-nm1{margin-right:-2px!important; }
.mr-nm2{margin-right:-4px!important; }
.mr-n1{margin-right:-5px!important; }
.mr-n2{margin-right:-10px!important; }
.mr-n3{margin-right:-15px!important; }
.mr-n4{margin-right:-20px!important; }
.mr-n5{margin-right:-30px!important; }
.mr-n6{margin-right:-35px!important; }
.mr-n7{margin-right:-40px!important; }
.mr-n8{margin-right:-45px!important; }
.mr-n9{margin-right:-50px!important; }
.mr-n15{margin-right:-15%!important; }
.mr-n25{margin-right:-25%!important; }
.mr-n50{margin-right:-45%!important; }
.mr-n100{margin-right:-100%!important; }

.ml-nm1{margin-left:-2px!important; } 
.ml-nm2{margin-left:-4px!important; }
.ml-n1{margin-left:-5px!important; }
.ml-n2{margin-left:-10px!important; }
.ml-n3{margin-left:-15px!important; }
.ml-n4{margin-left:-20px!important; }
.ml-n5{margin-left:-30px!important; }
.ml-n6{margin-left:-35px!important; }
.ml-n7{margin-left:-40px!important; }
.ml-n8{margin-left:-45px!important; }
.ml-n9{margin-left:-50px!important; }
.ml-n15{margin-left:-15%!important; }
.ml-n25{margin-left:-25%!important; }
.ml-n50{margin-left:-45%!important; }
.ml-n100{margin-left:-100%!important; }


.py-0{padding-top:0!important;padding-bottom:0!important; }
.px-0{padding-left:0!important;padding-right:0!important; }
.pl-0{padding-left:0!important; }
.pr-0{padding-right:0!important; }
.pb-0{padding-bottom:0!important; }
.pt-0{padding-top:0!important; }
.p-0{padding:0!important; }

.p-m1{padding:2px!important; }
.p-m2{padding:4px!important; }
.p-1{padding:5px!important; }
.p-2{padding:10px!important; }
.p-3{padding:15px!important; }
.p-4{padding:20px!important; }
.p-5{padding:30px!important; }
.p-6{padding:35px!important; }
.p-7{padding:40px!important; }
.p-8{padding:45px!important; }
.p-9{padding:50px!important; }
.p-15{padding:15%!important; }
.p-25{padding:25%!important; }
.p-50{padding:45%!important; }
.p-100{padding:100%!important; }
 
.pt-m1{padding-top:2px!important; }
.pt-m2{padding-top:4px!important; }
.pt-1{padding-top:5px!important; }
.pt-2{padding-top:10px!important; }
.pt-3{padding-top:15px!important; }
.pt-4{padding-top:20px!important; }
.pt-5{padding-top:30px!important; }
.pt-6{padding-top:35px!important; }
.pt-7{padding-top:40px!important; }
.pt-8{padding-top:45px!important; }
.pt-9{padding-top:50px!important; }
.pt-10{padding-top:10%!important; }
.pt-15{padding-top:15%!important; }
.pt-25{padding-top:25%!important; }
.pt-50{padding-top:45%!important; }
.pt-100{padding-top:100%!important; }

.pb-m1{padding-bottom:2px!important; }
.pb-m2{padding-bottom:4px!important; }
.pb-1{padding-bottom:5px!important; }
.pb-2{padding-bottom:10px!important; }
.pb-3{padding-bottom:15px!important; }
.pb-4{padding-bottom:20px!important; }
.pb-5{padding-bottom:30px!important; }
.pb-6{padding-bottom:35px!important; }
.pb-7{padding-bottom:40px!important; }
.pb-8{padding-bottom:45px!important; }
.pb-9{padding-bottom:50px!important; }
.pb-15{padding-bottom:15%!important; }
.pb-25{padding-bottom:25%!important; }
.pb-50{padding-bottom:45%!important; }
.pb-75{padding-bottom:75%!important; }
.pb-100{padding-bottom:100%!important; }
 
.pr-m1{padding-right:2px!important; }
.pr-m2{padding-right:4px!important; }
.pr-1{padding-right:5px!important; }
.pr-2{padding-right:10px!important; }
.pr-3{padding-right:15px!important; }
.pr-4{padding-right:20px!important; }
.pr-5{padding-right:30px!important; }
.pr-6{padding-right:35px!important; }
.pr-7{padding-right:40px!important; }
.pr-8{padding-right:45px!important; }
.pr-9{padding-right:50px!important; }
.pr-15{padding-right:15%!important; }
.pr-25{padding-right:25%!important; }
.pr-50{padding-right:45%!important; }
.pr-100{padding-right:100%!important; }
 
.pl-m1{padding-left:2px!important; }
.pl-m2{padding-left:4px!important; }
.pl-1{padding-left:5px!important; }
.pl-2{padding-left:10px!important; }
.pl-3{padding-left:15px!important; }
.pl-4{padding-left:20px!important; }
.pl-5{padding-left:30px!important; }
.pl-6{padding-left:35px!important; }
.pl-7{padding-left:40px!important; }
.pl-8{padding-left:45px!important; }
.pl-9{padding-left:50px!important; }
.pl-15{padding-left:15%!important; }
.pl-25{padding-left:25%!important; }
.pl-50{padding-left:45%!important; }
.pl-100{padding-left:100%!important; }
 

.p-nm1{padding:-2px!important; }
.p-nm2{padding:-4px!important; }
.p-n1{padding:-5px!important; }
.p-n2{padding:-10px!important; }
.p-n3{padding:-15px!important; }
.p-n4{padding:-20px!important; }
.p-n5{padding:-30px!important; }
.p-n6{padding:-35px!important; }
.p-n7{padding:-40px!important; }
.p-n8{padding:-45px!important; }
.p-n9{padding:-50px!important; }
.p-n15{padding:-15%!important; }
.p-n25{padding:-25%!important; }
.p-n50{padding:-45%!important; }
.p-n100{padding:-100%!important; }
 
.pt-nm1{padding-top:-2px!important; }
.pt-nm2{padding-top:-4px!important; }
.pt-n1{padding-top:-5px!important; }
.pt-n2{padding-top:-10px!important; }
.pt-n3{padding-top:-15px!important; }
.pt-n4{padding-top:-20px!important; }
.pt-n5{padding-top:-30px!important; }
.pt-n6{padding-top:-35px!important; }
.pt-n7{padding-top:-40px!important; }
.pt-n8{padding-top:-45px!important; }
.pt-n9{padding-top:-50px!important; }
.pt-n15{padding-top:-15%!important; }
.pt-n25{padding-top:-25%!important; }
.pt-n50{padding-top:-45%!important; }
.pt-n100{padding-top:-100%!important; }

.pb-nm1{padding-bottom:-2px!important; }
.pb-nm2{padding-bottom:-4px!important; }
.pb-n1{padding-bottom:-5px!important; }
.pb-n2{padding-bottom:-10px!important; }
.pb-n3{padding-bottom:-15px!important; }
.pb-n4{padding-bottom:-20px!important; }
.pb-n5{padding-bottom:-30px!important; }
.pb-n6{padding-bottom:-35px!important; }
.pb-n7{padding-bottom:-40px!important; }
.pb-n8{padding-bottom:-45px!important; }
.pb-n9{padding-bottom:-50px!important; }
.pb-n15{padding-bottom:-15%!important; }
.pb-n25{padding-bottom:-25%!important; }
.pb-n50{padding-bottom:-45%!important; }
.pb-n100{padding-bottom:-100%!important; }
 
.pr-nm1{padding-right:-2px!important; }
.pr-nm2{padding-right:-4px!important; }
.pr-n1{padding-right:-5px!important; }
.pr-n2{padding-right:-10px!important; }
.pr-n3{padding-right:-15px!important; }
.pr-n4{padding-right:-20px!important; }
.pr-n5{padding-right:-30px!important; }
.pr-n6{padding-right:-35px!important; }
.pr-n7{padding-right:-40px!important; }
.pr-n8{padding-right:-45px!important; }
.pr-n9{padding-right:-50px!important; }
.pr-n15{padding-right:-15%!important; }
.pr-n25{padding-right:-25%!important; }
.pr-n50{padding-right:-45%!important; }
.pr-n100{padding-right:-100%!important; }

.pl-nm1{padding-left:-2px!important; }
.pl-nm2{padding-left:-4px!important; }
.pl-n1{padding-left:-5px!important; }
.pl-n2{padding-left:-10px!important; }
.pl-n3{padding-left:-15px!important; }
.pl-n4{padding-left:-20px!important; }
.pl-n5{padding-left:-30px!important; }
.pl-n6{padding-left:-35px!important; }
.pl-n7{padding-left:-40px!important; }
.pl-n8{padding-left:-45px!important; }
.pl-n9{padding-left:-50px!important; }
.pl-n15{padding-left:-15%!important; }
.pl-n25{padding-left:-25%!important; }
.pl-n50{padding-left:-45%!important; }
.pl-n100{padding-left:-100%!important; }

.px-m1{padding-left:2px!important;padding-right:2px!important; }
.px-m2{padding-left:4px!important;padding-right:4px!important; }
.px-1{padding-left:5px!important;padding-right:5px!important; }
.px-2{padding-left:10px!important;padding-right:10px!important; }
.px-3{padding-left:15px!important;padding-right:15px!important; }
.px-4{padding-left:20px!important;padding-right:20px!important; }
.px-5{padding-left:30px!important;padding-right:30px!important; }
.px-6{padding-left:35px!important;padding-right:35px!important; }
.px-7{padding-left:40px!important;padding-right:40px!important; }
.px-8{padding-left:45px!important;padding-right:45px!important; }
.px-9{padding-left:50px!important;padding-right:50px!important; }
.px-15{padding-left:15%!important;padding-right:15%!important; }
.px-25{padding-left:25%!important;padding-right:25%!important; }
.px-50{padding-left:45%!important;padding-right:45%!important; }
.px-100{padding-left:100%!important;padding-right:100%!important; }

.py-m1{padding-top:2px!important;padding-bottom:2px!important; }
.py-m2{padding-top:4px!important;padding-bottom:4px!important; }
.py-1{padding-top:5px!important;padding-bottom:5px!important; }
.py-2{padding-top:10px!important;padding-bottom:10px!important; }
.py-3{padding-top:15px!important;padding-bottom:15px!important; }
.py-4{padding-top:20px!important;padding-bottom:20px!important; }
.py-5{padding-top:30px!important;padding-bottom:30px!important; }
.py-6{padding-top:35px!important;padding-bottom:35px!important; }
.py-7{padding-top:40px!important;padding-bottom:40px!important; }
.py-8{padding-top:45px!important;padding-bottom:45px!important; }
.py-9{padding-top:50px!important;padding-bottom:50px!important; }
.py-15{padding-top:15%!important;padding-bottom:15%!important; }
.py-25{padding-top:25%!important;padding-bottom:25%!important; }
.py-50{padding-top:45%!important;padding-bottom:45%!important; }
.py-100{padding-top:100%!important;padding-bottom:100%!important; }







.transition{ transition: all 500ms ease-out; }
.transition_2{ transition: all 5000ms ease-out; }

.top-trans{
 transition: top 1500ms ease-in-out;
 -webkit-transition: top 1500ms ease-in-out;
 }
.bottom-trans{
 transition: bottom 1500ms ease-in-out;
 -webkit-transition: bottom 1500ms ease-in-out;
 }
.right-trans{
  transition: right 500ms ease-out;
  transition: right 500ms ease-in;
  right:100%;
  }
.left-trans{
 transition: left 1500ms ease-in-out;
 -webkit-transition: left 1500ms ease-in-out;
 }
 .width-trans{
 transition: width 1500ms ease-in-out;
 -webkit-transition: width 1500ms ease-in-out;
 }
.height-trans{
 transition: height 1500ms ease-in-out;
 -webkit-transition: height 1500ms ease-in-out;
 }
 





.fw-light{font-weight:300!important}
.fw-lighter{font-weight:lighter!important}
.fw-normal{font-weight:400!important}
.fw-bold{font-weight:700!important}
.fw-bolder{font-weight:bolder!important}
.t-lowercase{text-transform:lowercase!important}
.t-uppercase{text-transform:uppercase!important}
.t-capitalize{text-transform:capitalize!important}
.t-left{text-align:left!important}
.t-right{text-align:right!important}
.t-center{text-align:center!important}
.t-center-all *{text-align:center!important;}
.t-muted{color:#757575!important}
.t-black-50{color:rgba(0,0,0,.5)!important}
.t-white-50{color:hsla(0,0%,100%,.5)!important}
.t-reset{color:inherit!important}
.bg-body{background-color:#fff!important}
.bg-transparent{background-color:transparent!important}
.bg-gradient{background-image:var(--bs-gradient)!important}
.t-wrap{white-space:normal!important}
.t-nowrap{white-space:nowrap!important}
.t-ellipsis{ text-overflow: ellipsis!important} 
.hover-underline:hover{text-decoration:underline!important}
.t-decoration-none{text-decoration:none!important}
.t-decoration-underline{text-decoration:underline!important}
.t-decoration-line-through{text-decoration:line-through!important}
.font-italic{font-style:italic!important}
.font-normal{font-style:normal!important}
.t-break{word-wrap:break-word!important;word-break:break-word!important}
.user-select-all{
-webkit-user-select:all!important;
-moz-user-select:all!important;
-ms-user-select:all!important;
user-select:all!important}
.user-select-auto{
-webkit-user-select:auto!important;
-moz-user-select:auto!important;
-ms-user-select:auto!important;
user-select:auto!important}
.user-select-none{
-webkit-user-select:none!important;
-moz-user-select:none!important;
-ms-user-select:none!important;
user-select:none!important}
.pointer{cursor:pointer!important}
.pe-none{pointer-events:none!important}
.pe-auto{pointer-events:auto!important}
.font-monospace{ font-family:var(--bs-font-monospace)!important}
.font-Arial{ font-family: Arial, Helvetica, sans-serif; }
.font-Almarai{ font-family: Almarai, sans-serif;}
.font-Kufi{ font-family: Noto Kufi Arabic, sans-serif;}
.font-Sans{ font-family: Noto Sans Arabic, sans-serif;}
.font-Segoe{ font-family: Segoe UI, sans-serif;}


 


.align-baseline{vertical-align:baseline!important}
.align-top{vertical-align:top!important}
.align-middle{vertical-align:middle!important}
.align-bottom{vertical-align:bottom!important}
.align-text-bottom{vertical-align:text-bottom!important}
.align-text-top{vertical-align:text-top!important}
.float-left{float:left!important}
.float-right{float:right!important}
.float-none{float:none!important}
.overflow-auto{overflow:auto!important}
.overflow-hidden{overflow:hidden!important}
.overflow-inherit{overflow:inherit!important}
.overflow-y-auto{overflow-y:auto!important}
.overflow-y-hidden{overflow-y:hidden!important}
.overflow-x-auto{overflow-x:auto!important}
.overflow-x-hidden{overflow-x:hidden!important}
.overflow-y-scroll{overflow-y:scroll!important}
.overflow-x-scroll{overflow-x:scroll!important}

.d-inline{display:inline!important}
.d-inline-block{display:inline-block}
.d-block{display:block!important}
.d-table{display:table!important}
.d-table-row{display:table-row!important}
.d-table-cell{display:table-cell!important}
.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
.d-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}
.d-none{display:none!important}
.shadow{-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}
.shadow-sm{-webkit-box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}
.shadow-lg{-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}
.shadow-none{-webkit-box-shadow:none!important;box-shadow:none!important}
.position-static{position:static!important}
.position-relative{position:relative!important}
.position-absolute{position:absolute!important}
.position-fixed{position:fixed!important}
.position-sticky{position:sticky!important}
.p-static{position:static!important}
.p-relative{position:relative!important}
.p-absolute{position:absolute!important}
.p-fixed{position:fixed!important}
.p-sticky{position:sticky!important}
.border-top{border-top:1px solid #e0e0e0!important}
.border-top-0{border-top:0!important}
.border-right{border-right:1px solid #e0e0e0!important}
.border-right-0{border-right:0!important}
.border-bottom{border-bottom:1px solid #e0e0e0!important}
.border-bottom-0{border-bottom:0!important}
.border-left{border-left:1px solid #e0e0e0!important}
.border-left-0{border-left:0!important}
 
a{text-decoration:none}
hr{
margin:1rem 0;
color:inherit;
background-color:currentColor;
border:0;
opacity:.25}
hr:not([size]){height:1px}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
 font-weight:400;
 margin-top:0;
 margin-bottom:.5rem;
 }
.h1,h1{font-size:calc(26px + 1.5vw)}
@media (min-width:1200px){
.h1,h1{font-size:26px}
}
.h2,h2{font-size:calc(22px + .9vw)}
@media (min-width:1200px){
.h2,h2{font-size:22px}
}
.h3,h3{font-size:calc(18px + .6vw)}
@media (min-width:1200px){
.h3,h3{font-size:18px}
}
.h4,h4{font-size:calc(16px + .3vw)}
@media (min-width:1200px){
.h4,h4{font-size:16px}
}
.h5,h5{font-size:14px}
.h6,h6{font-size:14px}
p{margin-top:0;margin-bottom:1rem}
abbr[data-original-title],abbr[title]{
text-decoration:underline;
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted;
cursor:help;
-webkit-text-decoration-skip-ink:none;
text-decoration-skip-ink:none}
address{
margin-bottom:1rem;
font-style:normal;
}
ol,ul{padding-left:2rem}
dl,ol,ul{margin-top:0;margin-bottom:1rem}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:.5rem;
margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
.small,small{font-size:.875em}
.mark,mark{padding:.2em;
background-color:#fcf8e3}
sub,sup{
position:relative;
font-size:.75em;
line-height:0;
vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
figure{
margin:0 0 1rem}
img,svg{
vertical-align:middle}
table{
caption-side:bottom;
border-collapse:collapse}
caption{
padding-top:.5rem;
padding-bottom:.5rem;
color:#757575;
text-align:left}
th{
text-align:inherit;
text-align:-webkit-match-parent}
tbody,td,tfoot,th,thead,tr{
border:0 solid;
border-color:inherit}
label{display:inline-block}
button{border-radius:0}
button,input{overflow:visible}
button,select{text-transform:none}
[role=button]{cursor:pointer}
select{word-wrap:normal}
[list]::-webkit-calendar-picker-indicator{display:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),
[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{
float:left;
width:100%;
padding:0;
margin-bottom:.5rem;
font-size:calc(1.275rem + .3vw);
white-space:normal}
@media (min-width:1200px){legend{font-size:1.5rem}}
legend+*{clear:left}
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{
padding:0}
::-webkit-inner-spin-button{
height:auto}
[type=search]{
outline-offset:-2px;
-webkit-appearance:textfield}
::-webkit-search-decoration{
-webkit-appearance:none}
::-webkit-color-swatch-wrapper{
padding:0}
::-webkit-file-upload-button{
font:inherit;
-webkit-appearance:button}
output{display:inline-block}
iframe{border:0}
summary{display:list-item;
cursor:pointer}
progress{vertical-align:baseline}
[hidden]{display:none!important}



 
.rounded{border-radius:3px!important}
.rounded-5{border-radius:5px!important}
.rounded-9{border-radius:10px!important}
.rounded-25{border-radius:25px!important}
.rounded-circle{border-radius:50%!important}
.rounded-pill{border-radius:50rem!important}
.rounded-0{border-radius:0!important}
.rounded-top{border-top-left-radius:.25rem!important}
.rounded-right,.rounded-top{border-top-right-radius:.25rem!important}
.rounded-bottom,.rounded-right{border-bottom-right-radius:.25rem!important}
.rounded-bottom,.rounded-left{border-bottom-left-radius:.25rem!important}
.rounded-left{border-top-left-radius:.25rem!important}
.rounded-top-right{border-radius:0 5px 0 0 !important}
.rounded-top-left{border-radius:5px 0 0 0 !important}


.dir-rtl{ direction:rtl!important;}
.dir-ltr{ direction:ltr!important;}

.direction-rtl{ direction:rtl!important;}
.direction-ltr{ direction:ltr!important;}

.list li,.list ul{list-style-type:disc!important;}

.pagination{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding-left:0;
list-style:none}
.page-link{
position:relative;
display:block;
text-decoration:none;
background-color:#fff;
border:1px solid #e0e0e0}
.page-link:hover{
z-index:2;
background-color:#eee;
border:1px solid #e0e0e0}
.page-link:focus{
z-index:3;
outline:0;
-webkit-box-shadow:0 0 0 .2rem rgba(18,102,241,.25);
box-shadow:0 0 0 .2rem rgba(18,102,241,.25)}
.page-item:not(:first-child) .page-link{
margin-left:-1px}
.page-item.active .page-link{
font-weight:700;
z-index:3;
color:#757575;
border:1px solid #1266f1}
.page-item.disabled .page-link{
color:#757575;
pointer-events:none;
background-color:#fff;
border:1px solid #e0e0e0}
.page-link{
padding:.375rem .75rem}

.badge{
display:inline-block;
padding:.25em .5em;
font-size:.75em;
font-weight:700;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:.25rem}
.badge:empty{display:none}
.btn .badge{position:relative;top:-1px}
.alert{
position:relative;
padding:1rem;
margin-bottom:1rem;
border:1px solid transparent;
border-radius:.25rem}


 



.flex-fill{
-webkit-box-flex:1!important;
-ms-flex:1 1 auto!important;
flex:1 1 auto!important}
.flex-row{
-webkit-box-orient:horizontal!important;
-ms-flex-direction:row!important;
flex-direction:row!important}
.flex-column,.flex-row{-webkit-box-direction:normal!important}
.flex-column{
-webkit-box-orient:vertical!important;
-ms-flex-direction:column!important;
flex-direction:column!important}
.flex-row-reverse{
-webkit-box-orient:horizontal!important;
-ms-flex-direction:row-reverse!important;
flex-direction:row-reverse!important}
.flex-column-reverse,.flex-row-reverse{
-webkit-box-direction:reverse!important}
.flex-column-reverse{
-webkit-box-orient:vertical!important;
-ms-flex-direction:column-reverse!important;
flex-direction:column-reverse!important}
.flex-grow-0{
-webkit-box-flex:0!important;
-ms-flex-positive:0!important;
flex-grow:0!important}
.flex-grow-1{
-webkit-box-flex:1!important;
-ms-flex-positive:1!important;
flex-grow:1!important}
.flex-shrink-0{
-ms-flex-negative:0!important;
flex-shrink:0!important}
.flex-shrink-1{
-ms-flex-negative:1!important;
flex-shrink:1!important}
.flex-wrap{
-ms-flex-wrap:wrap!important;
flex-wrap:wrap!important}
.flex-nowrap{
-ms-flex-wrap:nowrap!important;
flex-wrap:nowrap!important}
.flex-wrap-reverse{
-ms-flex-wrap:wrap-reverse!important;
flex-wrap:wrap-reverse!important}
.justify-content-start{
-webkit-box-pack:start!important;
-ms-flex-pack:start!important;
justify-content:flex-start!important}
.justify-content-end{
-webkit-box-pack:end!important;
-ms-flex-pack:end!important;
justify-content:flex-end!important}
.justify-content-center{
-webkit-box-pack:center!important;
-ms-flex-pack:center!important;
justify-content:center!important}
.justify-content-between{
-webkit-box-pack:justify!important;
-ms-flex-pack:justify!important;
justify-content:space-between!important}
.justify-content-around{
-ms-flex-pack:distribute!important;
justify-content:space-around!important}
.justify-content-evenly{
-webkit-box-pack:space-evenly!important;
-ms-flex-pack:space-evenly!important;
justify-content:space-evenly!important}
.align-items-start{
-webkit-box-align:start!important;
-ms-flex-align:start!important;
align-items:flex-start!important}
.align-items-end{
-webkit-box-align:end!important;
-ms-flex-align:end!important;
align-items:flex-end!important}
.align-items-center{
-webkit-box-align:center!important;
-ms-flex-align:center!important;
align-items:center!important}
.align-items-baseline{
-webkit-box-align:baseline!important;
-ms-flex-align:baseline!important;
align-items:baseline!important}
.align-items-stretch{
-webkit-box-align:stretch!important;
-ms-flex-align:stretch!important;
align-items:stretch!important}
.align-content-start{
-ms-flex-line-pack:start!important;
align-content:flex-start!important}
.align-content-end{
-ms-flex-line-pack:end!important;
align-content:flex-end!important}
.align-content-center{
-ms-flex-line-pack:center!important;
align-content:center!important}
.align-content-between{
-ms-flex-line-pack:justify!important;
align-content:space-between!important}
.align-content-around{
-ms-flex-line-pack:distribute!important;
align-content:space-around!important}
.align-content-stretch{
-ms-flex-line-pack:stretch!important;
align-content:stretch!important}
.align-self-auto{
-ms-flex-item-align:auto!important;
align-self:auto!important}
.align-self-start{
-ms-flex-item-align:start!important;
align-self:flex-start!important}
.align-self-end{
-ms-flex-item-align:end!important;
align-self:flex-end!important}
.align-self-center{
-ms-flex-item-align:center!important;
align-self:center!important}
.align-self-baseline{
-ms-flex-item-align:baseline!important;
align-self:baseline!important}
.align-self-stretch{
-ms-flex-item-align:stretch!important;
align-self:stretch!important}


.rotate-90 {
 transform: rotate(90deg); 
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
}
.rotate-270 {
 transform: rotate(270deg); 
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-ms-transform:rotate(270deg);
-o-transform:rotate(270deg);
transform:rotate(270deg);
}
.rotate-n90 {
 transform: rotate(-90deg); 
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
}
.flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}
.lh-0,.no-lh,.no-lineheight{
line-height:0!important;
}
.lh-0{ line-height:0!important; }
.lh-il{ line-height:auto!important; }








/***********Table Sys*************/  
 .fitting-wrap{
 max-height:calc(100vh - 80px);
 overflow:auto;
 direction:rtl;
 padding-bottom:30px;
}
 
.fitting-wrap thead {
 position:sticky;
 top:0;
 z-index:1;
 }
 
.collpes {
 border-collapse: collapse;
 margin: 5px auto;
 padding: 0;
 width: 100%;
 position:relative;
 border:1px solid #aaa;
}
.collpes tr {
 color: #000;
 padding: 0 0;
 width:100%;
 flex-flow:row wrap;
 display:flex;
 position:relative;
}

.collpes thead {
 background: #fff;
 width:100%;
 flex-flow:row wrap;
 display:flex;
 
}
.collpes th{
 font-size:10px;
 font-weight:700;
 padding: 9px 5px;
 text-align: center;
 white-space:nowrap;
 position:relative;
 border:1px solid #ddd;
}

.wrap_thead th{
 white-space:normal;
}
 
.collpes tbody {
 display:block;
 position:relative;
 }
.collpes td {
 border: 1px solid #ddd;
 padding: 5px 5px;
 text-align: center;
 white-space:nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 position:relative;
 width:50px;
 display:block
}
.collpes th *, .collpes th,
.collpes td *, .collpes td{
 text-align: center;
 align-items: center;
 justify-content: center;
}   
 
.collpes th:first-child,
.collpes td:first-child {
 font-weight:600;
 padding:5px 9px 5px 5px;
 cursor:pointer;
 min-width:175px;
 z-index:inherit;
 }
.tdw_auto th:first-child,
.tdw_auto td:first-child {
 min-width:auto;
 }
.collpes td:first-child {
 text-align:right;
 }
.collpes th:first-child,
.collpes td:first-child {
 font-weight:600;
 cursor:pointer;
 min-width:175px;
 }
.table_dropdown{
 position:absolute;
 display:none;
 background:#e6e6e6;
 font-size:16px;
 color:#fff;
 border-radius:5px;
 padding:5px;
 width:99px;
 top:40px;
 right:2px!important;
 z-index:2;
} 
.btn_table_collpes{
 color:#796964;
 font-size:28px;
 line-height:22px;
 font-weight:777;
 border-radius:5px;
 width:auto;
 top: 5px;
 right: 5px;
 padding: 0 5px 2px 2px;
 position:absolute;
 cursor:pointer;
 z-index:2;
} 
.table_dropdown:active,
.table_dropdown:focus,
.table_dropdown:focus-within,
.btn_table_collpes:focus ~ .pk_dropdown_ovrly,
.btn_table_collpes:focus ~ .table_dropdown{
 display:block;
} 
.table_dropdown .tbl_ctrl:focus{
 display:none;
} 


.collpes td:first-child:before{
 content:'\F4F8';
 font-family: "bootstrap-icons"; font-size:22px;
 background:  #ffffff;
 color:  #0c59ca;
 position:absolute;
 display:none;
 font-size: 18px;
 padding: 5px 9px;
 top: 2px;
 left: 0px;
 margin:auto;
 text-align:center;
 pointer-events:none;
 z-index:1;
 } 
.collpes .tr-hide td:first-child:before{
 content:'\F2E4';
 font-family: "bootstrap-icons"; font-size:22px;
 color:  #0c59ca;
 position:absolute;
 font-size: 18px;
 padding: 5px 9px;
 top: 2px;
 left: 0px;
 margin:auto;
 text-align:center;
 pointer-events:none;
 z-index:1;
 }
  
.collpes  td:nth-child(n+1):before{
 float: right; 
 text-transform: uppercase;
}

.collpes  th:nth-child(-n+50),
.collpes  td:nth-child(-n+50){
 flex:1 1 5%;
 order:1;
}  
 

.collpes .tbl-show tr > td:nth-child(n+1){ display: block;}
.collpes .tr-show > td:nth-child(n+1){ display: block;}

 
@media only screen and (min-width: 1350px){
.collpes th:nth-child(-n+8){flex:1 1 5%; order:1;}
.collpes td:nth-child(-n+8){ flex:1 1 5%; order:1;}
.collpes th:nth-child(n+8) { display: none;}
.collpes td:nth-child(n+8):before{content:attr(td-label);}
.collpes td:nth-child(n+8){
 display: none; flex:1 1 100%; order:2;
 background:#eee; text-align:left;}
.collpes td:nth-child(n+8) *{ justify-content: left; }   

.collpes.cntd_8 .btn_table_collpes,
.collpes.cntd_8 td:first-child:before,
.collpes.cntd_9 .btn_table_collpes,
.collpes.cntd_9 td:first-child:before,
.collpes.cntd_10 .btn_table_collpes,
.collpes.cntd_10 td:first-child:before,
.collpes.cntd_11 .btn_table_collpes,
.collpes.cntd_11 td:first-child:before,
.collpes.cntd_12 .btn_table_collpes,
.collpes.cntd_12 td:first-child:before,
.collpes.cntd_13 .btn_table_collpes,
.collpes.cntd_13 td:first-child:before,
.collpes.cntd_14 .btn_table_collpes,
.collpes.cntd_14 td:first-child:before{
 display:block;}
 }

@media only screen and (min-width: 1050px) and (max-width: 1350px){
.collpes th:nth-child(-n+7){flex:1 1 5%; order:1;}
.collpes td:nth-child(-n+7){ flex:1 1 5%; order:1;}
.collpes th:nth-child(n+7) { display: none;}
.collpes td:nth-child(n+7):before{content:attr(td-label);}
.collpes td:nth-child(n+7){
 display: none; flex:1 1 100%; order:2;
 background:#eee; text-align:left;}
.collpes td:nth-child(n+7) *{ justify-content: left; }   

.collpes.cntd_7 .btn_table_collpes,
.collpes.cntd_7 td:first-child:before,
.collpes.cntd_8 .btn_table_collpes,
.collpes.cntd_8 td:first-child:before,
.collpes.cntd_9 .btn_table_collpes,
.collpes.cntd_9 td:first-child:before,
.collpes.cntd_10 .btn_table_collpes,
.collpes.cntd_10 td:first-child:before,
.collpes.cntd_11 .btn_table_collpes,
.collpes.cntd_11 td:first-child:before,
.collpes.cntd_12 .btn_table_collpes,
.collpes.cntd_12 td:first-child:before,
.collpes.cntd_13 .btn_table_collpes,
.collpes.cntd_13 td:first-child:before,
.collpes.cntd_14 .btn_table_collpes,
.collpes.cntd_14 td:first-child:before{
 display:block;}  
 }

@media only screen and (min-width: 750px) and (max-width: 1050px){
.collpes th:nth-child(-n+6){flex:1 1 5%; order:1;}
.collpes td:nth-child(-n+6){ flex:1 1 5%; order:1;}
.collpes th:nth-child(n+6) { display: none;}
.collpes td:nth-child(n+6):before{content:attr(td-label);}
.collpes td:nth-child(n+6){
 display: none; flex:1 1 100%; order:2;
 background:#eee; text-align:left;}
.collpes td:nth-child(n+6) *{ justify-content: left; }   

.collpes.cntd_6 .btn_table_collpes,
.collpes.cntd_6 td:first-child:before,
.collpes.cntd_7 .btn_table_collpes,
.collpes.cntd_7 td:first-child:before,
.collpes.cntd_8 .btn_table_collpes,
.collpes.cntd_8 td:first-child:before,
.collpes.cntd_9 .btn_table_collpes,
.collpes.cntd_9 td:first-child:before,
.collpes.cntd_10 .btn_table_collpes,
.collpes.cntd_10 td:first-child:before,
.collpes.cntd_11 .btn_table_collpes,
.collpes.cntd_11 td:first-child:before,
.collpes.cntd_12 .btn_table_collpes,
.collpes.cntd_12 td:first-child:before,
.collpes.cntd_13 .btn_table_collpes,
.collpes.cntd_13 td:first-child:before,
.collpes.cntd_14 .btn_table_collpes,
.collpes.cntd_14 td:first-child:before{
 display:block;}
 }

@media only screen and (min-width: 500px) and (max-width: 750px){
.collpes th:nth-child(-n+5){flex:1 1 5%; order:1;}
.collpes td:nth-child(-n+5){ flex:1 1 5%; order:1;}
.collpes th:nth-child(n+5) { display: none;}
.collpes td:nth-child(n+5):before{content:attr(td-label);}
.collpes td:nth-child(n+5){
 display: none; flex:1 1 100%; order:2;
 background:#eee; text-align:left;}
.collpes td:nth-child(n+5) *{ justify-content: left; }   

.collpes.cntd_5 .btn_table_collpes,
.collpes.cntd_5 td:first-child:before,
.collpes.cntd_6 .btn_table_collpes,
.collpes.cntd_6 td:first-child:before,
.collpes.cntd_7 .btn_table_collpes,
.collpes.cntd_7 td:first-child:before,
.collpes.cntd_8 .btn_table_collpes,
.collpes.cntd_8 td:first-child:before,
.collpes.cntd_9 .btn_table_collpes,
.collpes.cntd_9 td:first-child:before,
.collpes.cntd_10 .btn_table_collpes,
.collpes.cntd_10 td:first-child:before,
.collpes.cntd_11 .btn_table_collpes,
.collpes.cntd_11 td:first-child:before,
.collpes.cntd_12 .btn_table_collpes,
.collpes.cntd_12 td:first-child:before,
.collpes.cntd_13 .btn_table_collpes,
.collpes.cntd_13 td:first-child:before,
.collpes.cntd_14 .btn_table_collpes,
.collpes.cntd_14 td:first-child:before{
 display:block;}
 }

@media only screen and (max-width: 500px){
.collpes th:nth-child(-n+4){flex:1 1 5%; order:1;}
.collpes td:nth-child(-n+4){ flex:1 1 5%; order:1;}
.collpes th:nth-child(n+4) { display: none;}
.collpes td:nth-child(n+4):before{content:attr(td-label);}
.collpes td:nth-child(n+4){
display: none; flex:1 1 100%; order:2;
background:#eee; text-align:left;}
.collpes td:nth-child(n+4) *{ justify-content: left; }   

.collpes.cntd_4 .btn_table_collpes,
.collpes.cntd_4 td:first-child:before,
.collpes.cntd_5 .btn_table_collpes,
.collpes.cntd_5 td:first-child:before,
.collpes.cntd_6 .btn_table_collpes,
.collpes.cntd_6 td:first-child:before,
.collpes.cntd_7 .btn_table_collpes,
.collpes.cntd_7 td:first-child:before,
.collpes.cntd_8 .btn_table_collpes,
.collpes.cntd_8 td:first-child:before,
.collpes.cntd_9 .btn_table_collpes,
.collpes.cntd_9 td:first-child:before,
.collpes.cntd_10 .btn_table_collpes,
.collpes.cntd_10 td:first-child:before,
.collpes.cntd_11 .btn_table_collpes,
.collpes.cntd_11 td:first-child:before,
.collpes.cntd_12 .btn_table_collpes,
.collpes.cntd_12 td:first-child:before,
.collpes.cntd_13 .btn_table_collpes,
.collpes.cntd_13 td:first-child:before,
.collpes.cntd_14 .btn_table_collpes,
.collpes.cntd_14 td:first-child:before{
 display:block;}

 
 }


 

.custom_td .collpes.cntd_10 th:nth-child(n+10) { display: none;}
.custom_td .collpes.cntd_10 td:nth-child(n+10):before{content: attr(td-label);}
.custom_td .collpes.cntd_10 td:nth-child(n+10){
 display: none; flex:1 1 100%; order:2;
 background:#eee; text-align:left;} 
.custom_td .collpes.cntd_10 td:first-child:before{display:block;}
.custom_td .collpes.cntd_10 td:first-child{padding-right:25px;} 
  
.custom_td .collpes.cntd_9 th:nth-child(n+9) { display: none;}
.custom_td .collpes.cntd_9 td:nth-child(n+9):before{content: attr(td-label);}
.custom_td .collpes.cntd_9 td:nth-child(n+9){
 display: none; flex:1 1 100%; order:2;
 background:#eee; text-align:left;} 
.custom_td .collpes.cntd_9 td:first-child:before{display:block;}
.custom_td .collpes.cntd_9 td:first-child{padding-right:25px;} 
  
.custom_td .collpes.cntd_8 th:nth-child(n+8) { display: none;}
.custom_td .collpes.cntd_8 td:nth-child(n+8):before{content: attr(td-label);}
.custom_td .collpes.cntd_8 td:nth-child(n+8){
 display: none; flex:1 1 100%; order:2;
 background:#eee; text-align:left;} 
.custom_td .collpes.cntd_8 td:first-child:before{display:block;}
.custom_td .collpes.cntd_8 td:first-child{padding-right:25px;} 
  
.custom_td .collpes.cntd_7 th:nth-child(n+7) { display: none;}
.custom_td .collpes.cntd_7 td:nth-child(n+7):before{content: attr(td-label);}
.custom_td .collpes.cntd_7 td:nth-child(n+7){
 display: none; flex:1 1 100%; order:2;
 background:#eee; text-align:left;} 
.custom_td .collpes.cntd_7 td:first-child:before{display:block;}
.custom_td .collpes.cntd_7 td:first-child{padding-right:25px;} 
  
.custom_td .collpes.cntd_6 th:nth-child(n+6) { display: none;}
.custom_td .collpes.cntd_6 td:nth-child(n+6):before{content: attr(td-label);}
.custom_td .collpes.cntd_6 td:nth-child(n+6){
 display: none; flex:1 1 100%; order:2;
 background:#eee; text-align:left;} 
.custom_td .collpes.cntd_6 td:first-child:before{display:block;}
.custom_td .collpes.cntd_6 td:first-child{padding-right:25px;} 
  
.custom_td .collpes.cntd_5 th:nth-child(n+5) { display: none;}
.custom_td .collpes.cntd_5 td:nth-child(n+5):before{content: attr(td-label);}
.custom_td .collpes.cntd_5 td:nth-child(n+5){
 display: none; flex:1 1 100%; order:2;
 background:#eee; text-align:left;} 
.custom_td .collpes.cntd_5 td:first-child:before{display:block;}
.custom_td .collpes.cntd_5 td:first-child{padding-right:25px;} 
  
.custom_td .collpes.cntd_4 th:nth-child(n+4) { display: none;}
.custom_td .collpes.cntd_4 td:nth-child(n+4):before{content: attr(td-label);}
.custom_td .collpes.cntd_4 td:nth-child(n+4){
 display: none; flex:1 1 100%; order:2;
 background:#eee; text-align:left;} 
.custom_td .collpes.cntd_4 td:first-child:before{display:block;}
.custom_td .collpes.cntd_4 td:first-child{padding-right:25px;} 
  
.custom_td .collpes.cntd_3 th:nth-child(n+3) { display: none;}
.custom_td .collpes.cntd_3 td:nth-child(n+3):before{content: attr(td-label);}
.custom_td .collpes.cntd_3 td:nth-child(n+3){
 display: none; flex:1 1 100%; order:2;
 background:#eee; text-align:left;} 
.custom_td .collpes.cntd_3 td:first-child:before{display:block;}
.custom_td .collpes.cntd_3 td:first-child{padding-right:25px;} 
  


 
 
 
 
 
 
 .marquee {
 position: relative;
 overflow-x: hidden;
}
.tracker {
 display:flex;
 animation: marquee 25s linear infinite;
}
 @keyframes marquee {
  from { transform: translateX(-100%); }
  to { transform: translateX(250%); }
}
.tracker:hover  {
 -webkit-animation-play-state: paused;
 -moz-animation-play-state: paused;
 -o-animation-play-state: paused;
 animation-play-state: paused;
 cursor: pointer;
 }
 
 
 
.columns-2{columns: 2;}
.columns-3{columns: 3;}
.columns-4{columns: 4;}
.columns-5{columns: 5;}


.img_cover{object-fit:cover!important; } 
.img_fill{ object-fit:fill!important;  } 
 
.d-row-reverse{
-webkit-box-orient:horizontal!important;
-ms-flex-direction:row-reverse!important;
flex-direction:row-reverse!important}
.flex-column-reverse,.flex-row-reverse{
-webkit-box-direction:reverse!important}
.d-column-reverse{
-webkit-box-orient:vertical!important;
-ms-flex-direction:column-reverse!important;
flex-direction:column-reverse!important;
}