body { font-family: Arial, sans-serif; }
.f-arial {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.f-time {font-family: Garamond, Georgia, "Times New Roman", sans-serif;}

.cover    {background-size: cover;background-position: 50% 50%;background-repeat: no-repeat; }

td {padding: 0px}

/* SVG */
.svg-icon svg {vertical-align: top;}
.svg-45, .svg-45 svg,svg.svg-45 {width:45px;height: 45px;}
.svg-35, .svg-35 svg,svg.svg-35 {width:35px;height: 35px;}
.svg-30, .svg-30 svg,svg.svg-30 {width:30px;height: 30px;}
.svg-24 svg,svg.svg-24 {width:24px;height: 24px;}
.svg-20, .svg-20 svg, svg.svg-20 {width:20px;height: 20px;}
.svg-16, .svg-16 svg,svg.svg-16 {width:16px;height: 16px;}
.svg-15 svg,svg.svg-15 {width:15px;height: 15px;}
.svg-14, .svg-14 svg,svg.svg-14 {width:14px!important;height: 14px!important;}
.svg-12, .svg-12 svg,svg.svg-12 {width:12px!important;height: 12px!important;}
.icon-36 {width: 36px;height: 36px;border-radius: 50%;}
.icon-20 {width: 20px;height: 20px;border-radius: 50%;}
.icon-24 {width: 24px;height: 24px;border-radius: 50%;}
.svg-white svg {fill: #FFF!important}
.svg-grey svg {fill: #888!important}
.svg-red  svg {fill: #CC0000!important}
.svg-blue  svg {fill: #0975E7!important}
.svg-purple  svg {fill: purple!important}
.svg-ltgrey svg {fill: #CCC!important}

/* COLORS */
.b-orange {background-color: orange!important;color: #000!important}
.b-ltgrey  {background-color: #EEE!important;color: #000!important}
.b-ltyellow  {background-color: #FFC!important;color: #000!important}
.b-green   {background-color: green!important;color: #FFF!important}
.b-ltgrey2 {background-color: #DDD!important;color: #000!important}
.b-ltblue  {background-color: #e5f3ff!important;}
.b-ltblue2 {background-color: #cce8ff!important;}

.b-blue {background-color: #0975E7!important;color: #FFF!important}
.b-purple {background-color: purple!important;color: #FFF!important}
.b-black {background-color: #000!important;color: #FFF!important}
.b-bordeaux { background-color:#CC0000!important;color: #FFF;}
.b-darkgreen { background-color:darkgreen!important;color: #FFF;}
.b-red  {background-color: #E20613!important;color: #FFF!important;}
.b-grey {background-color: #AAA!important;color: #FFF!important;}
.b-grey2 {background-color: #888!important;color: #FFF!important;}
.b-transparent svg {fill :#AAA!important}
.b-ltgrey svg {fill: #888!important}
.b-bordeaux svg,.b-darkgreen svg,.b-green svg,.b-black svg,.b-red svg, .b-grey svg, .b-grey2 svg, .b-purple svg, .b-blue svg {fill: #FFF!important}

.c-blue      {color: #0975E7}
.c-purple    {color: purple}
.c-black     {color: #000}
.c-red       {color: #E20613}
.c-grey      {color: #888}
.c-orange    {color: darkOrange }
.c-bordeaux  {color: #CC0000}
.c-darkgreen {color: darkgreen}
.c-blue      {color: #0975E7}

.b-dark .c-grey {color: #DDD}
.b-dark .c-blue {color: #FFF}
.b-dark .c-black {color: #FFF}

/* POSITION */
.center {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.hcenter {position:absolute;left:50%;transform:translate(-50%,0)}
.vcenter {position:absolute;top:50%;transform:translate(0,-50%)}

.full-div {position: absolute!important;top: 0px!important;left: 0px!important;right: 0px!important;bottom: 0px!important;}
.full-div2 {position: fixed!important;top: 0px!important;left: 0px!important;right: 0px!important;bottom: 0px!important;}

.shadow { box-shadow: -4px 8px 24px 0 rgba(131, 164, 255, 0.5);}
.hide   {display: none!important}
.c-bold {font-weight: bold;}
.ellipsis,.dg-field,.dg-field-title {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.rectangle43 { height: 0;  padding-top: 56%;background-color: lightblue;position: relative;}
.rectangle25 {height: 0;  padding-top: 25%; background-color: lightblue;position: relative;}

.on-pdf .hide-pdf {display: none;}

.pdf-col1 {padding:10px 5px;width:230px;}
.pdf-col2 {padding:10px;}

.on-pdf .pdf-col1 {padding:48px 5px 48px 48px;width:268px;}
.on-pdf .pdf-col2 {padding:48px 48px 48px 10px;}

.on-pdf