/******************************************************
*
*                 IMPORTS
*
******************************************************/
@import url("animate.css");


/******************************************************
*
*                 VARS
*
******************************************************/


.yellow{
  color: var(--yellow-color);
}

/******************************************************
*
*                 TABLE CLASSES
*
******************************************************/
.table-excel>thead>tr>th{
  padding: 5px ;
}

.table-excel>tbody>tr>td{
  height:24px;
  padding:2px 5px ;
  margin:0px;
  /*border-left: solid grey 1px;
  border-right: solid grey 1px;*/
}

.table-excel>tbody>tr>td .form-control{
  height:20px;
  line-height:14px;
  width:28px;
  padding:1px 0;
  text-align:center;
  margin:0px auto;
}
.table-excel>tbody>tr>td select.form-control{
	font-size: 11px;
	width: auto;
}
.table-excel>tbody>tr>td select option{
	font-size: 15px;
  	line-height:1.2em;

}
/******************************************************
*
*                 FONT CLASSES
*
******************************************************/
.bold{font-weight:bold !important;}
.italic{font-style:italic !important;}
.oblique{font-style:oblique !important;}
.undeline{text-decoration: underline !important;}
.overline{text-decoration: overline !important;}
.strike{text-decoration: line-through !important;}
.small-caps{font-variant: small-caps !important;}


.fs-5{font-size:5px !important;}
.fs-6{font-size:6px !important;}
.fs-7{font-size:7px !important;}
.fs-8{font-size:8px !important;}
.fs-9{font-size:9px !important;}
.fs-10{font-size:10px !important;}
.fs-11{font-size:11px !important;}
.fs-12{font-size:12px !important;}
.fs-13{font-size:13px !important;}
.fs-14{font-size:14px !important;}
.fs-15{font-size:15px !important;}
.fs-16{font-size:16px !important;}
.fs-17{font-size:17px !important;}
.fs-18{font-size:18px !important;}
.fs-19{font-size:19px !important;}
.fs-20{font-size:20px !important;}
.fs-21{font-size:21px !important;}
.fs-22{font-size:22px !important;}
.fs-23{font-size:23px !important;}
.fs-24{font-size:24px !important;}
.fs-25{font-size:25px !important;}
.fs-26{font-size:26px !important;}
.fs-27{font-size:27px !important;}
.fs-28{font-size:28px !important;}
.fs-29{font-size:29px !important;}
.fs-30{font-size:30px !important;}
.fs-31{font-size:31px !important;}
.fs-32{font-size:32px !important;}
.fs-33{font-size:33px !important;}
.fs-34{font-size:34px !important;}
.fs-35{font-size:35px !important;}
.fs-36{font-size:36px !important;}
.fs-37{font-size:37px !important;}
.fs-38{font-size:38px !important;}
.fs-39{font-size:39px !important;}
.fs-40{font-size:40px !important;}
.fs-41{font-size:41px !important;}
.fs-42{font-size:42px !important;}
.fs-43{font-size:43px !important;}
.fs-44{font-size:44px !important;}
.fs-45{font-size:45px !important;}
.fs-46{font-size:46px !important;}
.fs-47{font-size:47px !important;}
.fs-48{font-size:48px !important;}
.fs-49{font-size:49px !important;}
.fs-50{font-size:50px !important;}
.fs-51{font-size:51px !important;}
.fs-52{font-size:52px !important;}
.fs-53{font-size:53px !important;}
.fs-54{font-size:54px !important;}
.fs-55{font-size:55px !important;}
.fs-56{font-size:56px !important;}
.fs-57{font-size:57px !important;}
.fs-58{font-size:58px !important;}
.fs-59{font-size:59px !important;}
.fs-60{font-size:60px !important;}
.fs-61{font-size:61px !important;}
.fs-62{font-size:62px !important;}
.fs-63{font-size:63px !important;}
.fs-64{font-size:64px !important;}
.fs-65{font-size:65px !important;}
.fs-66{font-size:66px !important;}
.fs-67{font-size:67px !important;}
.fs-68{font-size:68px !important;}
.fs-69{font-size:69px !important;}
.fs-70{font-size:70px !important;}
.fs-71{font-size:71px !important;}
.fs-72{font-size:72px !important;}

/******************************************************
*
*					HEIGHT CLASSES
*
******************************************************/
.h-5{height:5px !important;}
.h-10{height:10px !important;}
.h-15{height:15px !important;}
.h-20{height:20px !important;}
.h-25{height:25px !important;}
.h-30{height:30px !important;}
.h-35{height:35px !important;}
.h-40{height:40px !important;}
.h-45{height:45px !important;}
.h-50{height:50px !important;}
.h-100{height:100px !important;}
.h-120{height:120px !important;}
.h-150{height:150px !important;}
.h-180{height:180px !important;}
.h-200{height:200px !important;}
.h-300{height:300px !important;}

/* margins */
.no-margin{margin:0px !important}
.nm{margin:0px !important}

.m-0 {margin:0px !important}
.m-5 {margin:5px !important}
.m-10{margin:10px !important}
.m-15{margin:15px !important}
.m-20{margin:20px !important}
.m-25{margin:25px !important}
.m-30{margin:30px !important}
.m-35{margin:35px !important}
.m-40{margin:40px !important}
.m-45{margin:45px !important}
.m-50{margin:50px !important}
.m-55{margin:55px !important}
.m-60{margin:60px !important}
.m-65{margin:65px !important}
.m-70{margin:70px !important}
.m-75{margin:75px !important}
.m-80{margin:80px !important}
.m-85{margin:85px !important}
.m-90{margin:90px !important}
.m-100{margin:100px !important}

.mt-0 {margin-top:0px !important}
.mt-5 {margin-top:5px !important}
.mt-10{margin-top:10px !important}
.mt-15{margin-top:15px !important}
.mt-20{margin-top:20px !important}
.mt-25{margin-top:25px !important}
.mt-30{margin-top:30px !important}
.mt-35{margin-top:35px !important}
.mt-40{margin-top:40px !important}
.mt-45{margin-top:45px !important}
.mt-50{margin-top:50px !important}
.mt-55{margin-top:55px !important}
.mt-60{margin-top:60px !important}
.mt-65{margin-top:65px !important}
.mt-70{margin-top:70px !important}
.mt-75{margin-top:75px !important}
.mt-80{margin-top:80px !important}
.mt-85{margin-top:85px !important}
.mt-90{margin-top:90px !important}
.mt-100{margin-top:100px !important}

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

.mr-0 {margin-right:0px !important}
.mr-5 {margin-right:5px !important}
.mr-10{margin-right:10px !important}
.mr-15{margin-right:15px !important}
.mr-20{margin-right:20px !important}
.mr-25{margin-right:25px !important}
.mr-30{margin-right:30px !important}
.mr-35{margin-right:35px !important}
.mr-40{margin-right:40px !important}
.mr-45{margin-right:45px !important}
.mr-50{margin-right:50px !important}
.mr-55{margin-right:55px !important}
.mr-60{margin-right:60px !important}
.mr-65{margin-right:65px !important}
.mr-70{margin-right:70px !important}
.mr-75{margin-right:75px !important}
.mr-80{margin-right:80px !important}
.mr-85{margin-right:85px !important}
.mr-90{margin-right:90px !important}
.mr-100{margin-right:100px !important}

.ml-0 {margin-left:0px !important}
.ml-5 {margin-left:5px !important}
.ml-10{margin-left:10px !important}
.ml-15{margin-left:15px !important}
.ml-20{margin-left:20px !important}
.ml-25{margin-left:25px !important}
.ml-30{margin-left:30px !important}
.ml-35{margin-left:35px !important}
.ml-40{margin-left:40px !important}
.ml-45{margin-left:45px !important}
.ml-50{margin-left:50px !important}
.ml-55{margin-left:55px !important}
.ml-60{margin-left:60px !important}
.ml-65{margin-left:65px !important}
.ml-70{margin-left:70px !important}
.ml-75{margin-left:75px !important}
.ml-80{margin-left:80px !important}
.ml-85{margin-left:85px !important}
.ml-90{margin-left:90px !important}
.ml-100{margin-left:100px !important}

/* Paddings */
.p-0 {padding:0px !important}
.p-5 {padding:5px !important}
.p-10{padding:10px !important}
.p-15{padding:15px !important}
.p-20{padding:20px !important}
.p-25{padding:25px !important}
.p-30{padding:30px !important}
.p-35{padding:35px !important}
.p-40{padding:40px !important}
.p-45{padding:45px !important}
.p-50{padding:50px !important}
.p-55{padding:55px !important}
.p-60{padding:60px !important}
.p-65{padding:65px !important}
.p-70{padding:70px !important}
.p-75{padding:75px !important}
.p-80{padding:80px !important}
.p-85{padding:85px !important}
.p-90{padding:90px !important}
.p-100{padding:100px !important}

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

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

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

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

.no-padding{padding-top:0px !important; padding-left:0px !important; padding-bottom:0px !important; padding-right:0px !important}
.no-hpadding{padding-left:0px !important; padding-right:0px !important}
.no-vpadding{padding-top:0px !important; padding-top:0px !important}

@media (min-width: 320px){
  /*Horizontal padding*/
  .no-hpadding-xs{padding-left:0px !important; padding-right:0px !important}
  .no-hpadding-sm{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-md{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-lg{padding-left:15px !important; padding-right:15px !important}
  /*Vertical padding*/
  .no-vpadding-xs{padding-top:0px !important; padding-top:0px !important}
  .no-vpadding-sm{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-md{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-lg{padding-top:15px !important; padding-top:15px !important}

  .container.no-hpadding-xs{ padding-left:2px !important; padding-right:2px !important}

  /*Horizontal margin*/
  .no-hmargin-xs{margin-left:0px !important; margin-right:0px !important}
  .no-hmargin-sm{margin-left:15px !important; margin-right:15px !important}
  .no-hmargin-md{margin-left:15px !important; margin-right:15px !important}
  .no-hmargin-lg{margin-left:15px !important; margin-right:15px !important}
  /*Vertical margin*/
  .no-vmargin-xs{margin-top:0px !important; margin-top:0px !important}
  .no-vmargin-sm{margin-top:15px !important; margin-top:15px !important}
  .no-vmargin-md{margin-top:15px !important; margin-top:15px !important}
  .no-vmargin-lg{margin-top:15px !important; margin-top:15px !important}
}

@media (min-width: 768px){
  /*Horizontal padding*/
  .no-hpadding-xs{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-sm{padding-left:0px !important; padding-right:0px !important}
  .no-hpadding-md{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-lg{padding-left:15px !important; padding-right:15px !important}
  /*Vertical padding*/
  .no-vpadding-xs{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-sm{padding-top:0px !important; padding-top:0px !important}
  .no-vpadding-md{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-lg{padding-top:15px !important; padding-top:15px !important}

  /*Horizontal margin*/
  .no-hmargin-xs{margin-left:15px !important; margin-right:15px !important}
  .no-hmargin-sm{margin-left:0px !important; margin-right:0px !important}
  .no-hmargin-md{margin-left:15px !important; margin-right:15px !important}
  .no-hmargin-lg{margin-left:15px !important; margin-right:15px !important}
  /*Vertical margin*/
  .no-vmargin-xs{margin-top:15px !important; margin-top:15px !important}
  .no-vmargin-sm{margin-top:0px !important; margin-top:0px !important}
  .no-vmargin-md{margin-top:15px !important; margin-top:15px !important}
  .no-vmargin-lg{margin-top:15px !important; margin-top:15px !important}
}

@media (min-width: 992px){
  /*Horizontal padding*/
  .no-hpadding-xs{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-sm{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-md{padding-left:0px !important; padding-right:0px !important}
  .no-hpadding-lg{padding-left:15px !important; padding-right:15px !important}
  /*Vertical padding*/
  .no-vpadding-xs{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-sm{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-md{padding-top:0px !important; padding-top:0px !important}
  .no-vpadding-lg{padding-top:15px !important; padding-top:15px !important}

   /*Horizontal margin*/
  .no-hmargin-xs{margin-left:15px !important; margin-right:15px !important}
  .no-hmargin-sm{margin-left:15px !important; margin-right:15px !important}
  .no-hmargin-md{margin-left:0px !important; margin-right:0px !important}
  .no-hmargin-lg{margin-left:15px !important; margin-right:15px !important}
  /*Vertical margin*/
  .no-vmargin-xs{margin-top:15px !important; margin-top:15px !important}
  .no-vmargin-sm{margin-top:15px !important; margin-top:15px !important}
  .no-vmargin-md{margin-top:0px !important; margin-top:0px !important}
  .no-vmargin-lg{margin-top:15px !important; margin-top:15px !important}
}

@media (min-width: 1440px){
  /*Horizontal padding*/
  .no-hpadding-xs{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-sm{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-md{padding-left:15px !important; padding-right:15px !important}
  .no-hpadding-lg{padding-left:0px !important; padding-right:0px !important}
  /*Vertical padding*/
  .no-vpadding-xs{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-sm{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-md{padding-top:15px !important; padding-top:15px !important}
  .no-vpadding-lg{padding-top:0px !important; padding-top:0px !important}

   /*Horizontal margin*/
  .no-hmargin-xs{margin-left:15px !important; margin-right:15px !important}
  .no-hmargin-sm{margin-left:15px !important; margin-right:15px !important}
  .no-hmargin-md{margin-left:15px !important; margin-right:15px !important}
  .no-hmargin-lg{margin-left:0px !important; margin-right:0px !important}
  /*Vertical margin*/
  .no-vmargin-xs{margin-top:15px !important; margin-top:15px !important}
  .no-vmargin-sm{margin-top:15px !important; margin-top:15px !important}
  .no-vmargin-md{margin-top:15px !important; margin-top:15px !important}
  .no-vmargin-lg{margin-top:0px !important; margin-top:0px !important}
}


/* Vertical alignments */
.vat {vertical-align: top !important;}
.vam { vertical-align: middle !important; } 
.vab { vertical-align: bottom !important; } 
.vabl{ vertical-align: baseline !important; } 
.va-reset{ vertical-align: unset; }

/* border radius */
.br-0{border-radius: 0;}
.br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.br-15{border-radius: 15px;}
.br-20{border-radius: 20px;}
.br-25{border-radius: 25px;}
.br-30{border-radius: 30px;}

/* borders */
.no-border { border-width: 0px !important; } 

/* opdacity */
.op-95{opacity: 95%; filter: alpha(opacity = 95%);}
.op-90{opacity: 90%; filter: alpha(opacity = 90%);}
.op-85{opacity: 85%; filter: alpha(opacity = 85%);}
.op-80{opacity: 80%; filter: alpha(opacity = 80%);}
.op-75{opacity: 75%; filter: alpha(opacity = 75%);}
.op-70{opacity: 70%; filter: alpha(opacity = 70%);}
.op-65{opacity: 65%; filter: alpha(opacity = 65%);}
.op-60{opacity: 60%; filter: alpha(opacity = 60%);}
.op-55{opacity: 55%; filter: alpha(opacity = 55%);}
.op-50{opacity: 50%; filter: alpha(opacity = 50%);}
.op-45{opacity: 45%; filter: alpha(opacity = 45%);}
.op-40{opacity: 40%; filter: alpha(opacity = 40%);}
.op-35{opacity: 35%; filter: alpha(opacity = 35%);}
.op-30{opacity: 30%; filter: alpha(opacity = 30%);}
.op-25{opacity: 25%; filter: alpha(opacity = 25%);}
.op-20{opacity: 20%; filter: alpha(opacity = 20%);}
.op-15{opacity: 15%; filter: alpha(opacity = 15%);}
.op-10{opacity: 10%; filter: alpha(opacity = 10%);}
.op-5{opacity: 5%; filter: alpha(opacity = 5%);}

/* visibility and display */
.hidden{display: none;}
.hd{display: none;}
.hidden-holder{visibility: hidden;}
.hh{visibility: hidden;}

/* links */
.flat-link{text-decoration:none; cursor:pointer;}
.flat-link:hover{text-decoration:none; cursor:pointer;}

/* Cursores */
.no-clickable { cursor: auto; }
.cursor-pointer {cursor: pointer;}
.pointer{cursor: pointer;}


/* containers */
.flex-row{display:flex;flex-wrap: wrap;}
.flexible {display: flex;flex-wrap: wrap;}

/*Ficex width item masonry width*/
.masonry-row { 
  display: flex;
  flex-flow: row wrap;
  margin-left: -8px; /* Adjustment for the gutter */
  width: 100%;
}

.masonry-brick {
  flex: auto;
  height: 250px;
  min-width: 150px;
  margin: 0 8px 8px 0; /* Some gutter */
}

/*Multi width item masonry width*/
.masonry-row-mw{
  display: flex;
  flex-flow: row wrap;
  margin-left: -8px; /* Adjustment for the gutter */
  width: 100%;
}

.masonry-row-mw > .masonry-brick:nth-child(4n+1) {
  width: 250px;
}
.masonry-row-mw > .masonry-brick:nth-child(4n+1):nth-child(4n+2) {
  width: 325px;
}
.masonry-row-mw > .masonry-brick:nth-child(4n+1):nth-child(4n+3) {
  width: 180px;
}
.masonry-row-mw > .masonry-brick:nth-child(4n+1):nth-child(4n+4) {
  width: 380px;
}

/******************************************************
*
*				SQUARE BOX CLASSES
*
******************************************************/
.sq-box{position: relative; }
.sq-box:before{content: ""; display: block; padding-top: 100%;}
.sq-box-content{position:  absolute; top: 0; left: 0; bottom: 0; right: 0; float: left; padding: 15px !important}


/******************************************************
*
*                 BUTTON CLASSES
*
******************************************************/
.btn-standard{min-width: 120px !important}
.btn-standard.btn-xs{min-width: 80px !important}
.btn-standard.btn-sm{min-width: 100px !important}
.btn-standard.btn-lg{min-width: 140px !important}


.ellipsis-container{
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
}

.img-sq-32{height:32px; width:32px; object-fit:cover;}
.img-sq-48{height:48px; width:48px; object-fit:cover;}
.img-sq-64{height:64px; width:64px; object-fit:cover;}

.no-wrap{white-space: nowrap;}
.wrap{word-wrap: break-word;}.wrap{word-wrap: break-word;}