/* variables */
:root {
	--blue: #2196F3;
	--green: green;
}

/* */
input[type="radio"] {margin: 0 3px}

.lines {
	background-image: -webkit-linear-gradient(left, white 10px, transparent 10px), -webkit-linear-gradient(right, white 10px, transparent 10px), -webkit-linear-gradient(white 30px, #ccc 30px, #ccc 31px, white 31px);
	background-image: -moz-linear-gradient(left, white 10px, transparent 10px), -moz-linear-gradient(right, white 10px, transparent 10px), -moz-linear-gradient(white 30px, #ccc 30px, #ccc 31px, white 31px);
	background-image: -ms-linear-gradient(left, white 10px, transparent 10px), -ms-linear-gradient(right, white 10px, transparent 10px), -ms-linear-gradient(white 30px, #ccc 30px, #ccc 31px, white 31px);
	background-image: -o-linear-gradient(left, white 10px, transparent 10px), -o-linear-gradient(right, white 10px, transparent 10px), -o-linear-gradient(white 30px, #ccc 30px, #ccc 31px, white 31px);
	background-image: linear-gradient(left, white 10px, transparent 10px), linear-gradient(right, white 10px, transparent 10px), linear-gradient(white 30px, #ccc 30px, #ccc 31px, white 31px);
	background-size: 100% 100%, 100% 100%, 100% 31px;
	border: 1px solid #fff;
	border-radius: 8px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	line-height: 31px;
	font-family: Arial, Helvetica, Sans-serif;
	padding-left: 10px;
}​


.left, .left td, .left th { text-align: left !important; }
.center, .center td, .center th { text-align: center !important; }
.centerauto { margin-left: auto !important; margin-right: auto !important; }
.right { text-align: right !important; }
.top, .top * { vertical-align: top !important; }
.middle, .middle * { vertical-align: middle !important; }
.bottom, .bottom * { vertical-align: bottom !important; }
.italic, .i { font-style: italic !important }
.bold, .b { font-weight: bold !important }
.strike, .strike td, .strike th, .strike input { text-decoration: line-through; }
.underline, .u { text-decoration: underline !important }
.upper, table.upper td, tr.upper td { text-transform: uppercase }
.lower, table.lower td, tr.lower td  { text-transform: lowercase }
.capitalize, table.capitalize td, tr.capitalize td,
.cap, table.cap td, tr.cap td { text-transform: capitalize }

.inline-block, .iblock { display: inline-block !important }
.block { display: block !important }
.inline { display: inline !important }
.none { display: none !important }
.hidden { visibility: hidden !important }


.red { color: red !important; }
.green { color: green !important; }
.blue { color: var(--blue) !important; }
.yellow { color: yellow !important; }
.grey, .gray, .gray input { color: gray !important; }
.white { color: #fff }

.b-gray, .b-grey, tr.b-gray td, tr.b-grey td, tr.b-gray th, tr.b-grey th { background-color: #eee; }
.b-blue, tr.b-blue td, tr.b-blue th { background-color: #0276FD !important; }
.b-orange, tr.b-orange td, tr.b-orange th { background-color: orange !important; }
.b-green, tr.b-green td, tr.b-green th { background-color: green !important; }
.b-darkblue, tr.b-darkblue td, tr.b-darkblue th { background-color: blue !important; }
.b-red, tr.b-red td, tr.b-red th { background-color: red !important; }
.b-pink { background-color: rgb(250,60,223); }

.link { cursor: pointer !important; text-decoration: none; color: var(--blue); }


.nowrap, tr.nowrap td, tr.nowrap th,
.no-wrap, tr.no-wrap td, tr.no-wrap th { white-space: nowrap }

.w20 { width: 20px !important }
.w25 { width: 25px !important }
.w30 { width: 30px !important }
.w40 { width: 40px !important }
.w50 { width: 50px !important }
.w75 { width: 75px !important }
.w100 { width: 100px !important }
.w125 { width: 125px !important }
.w150 { width: 150px !important }
.w165 { width: 165px !important }
.w200 { width: 200px !important }
.w250 { width: 250px !important }
.w300 { width: 300px !important }
.w350 { width: 350px !important }
.w400 { width: 400px !important }
.w450 { width: 450px !important }
.w500 { width: 500px !important }
.w600 { width: 600px !important }
.w700 { width: 700px !important }
.w800 { width: 800px !important }
.w900 { width: 900px !important }
.w1000 { width: 1000px !important }

.h20 { height: 20px !important }
.h25 { height: 25px !important }
.h30 { height: 30px !important }
.h40 { height: 40px !important }
.h50 { height: 50px !important }
.h75 { height: 75px !important }
.h100 { height: 100px !important }
.h125 { height: 125px !important }
.h150 { height: 150px !important }
.h165 { height: 165px !important }
.h200 { height: 200px !important }
.h250 { height: 250px !important }
.h300 { height: 300px !important }
.h350 { height: 350px !important }
.h400 { height: 400px !important }
.h450 { height: 450px !important }
.h500 { height: 500px !important }
.h600 { height: 600px !important }
.h800 { height: 800px !important }
.h900 { height: 900px !important }
.h1000 { height: 1000px !important }


.m20 { margin: 20px !important; }

.p30 { padding: 30px !important }
.mt10 { margin-top: 10px !important }
.mt20 { margin-top: 20px !important }
.mt15 { margin-top: 15px !important }
.mt30 { margin-top: 30px !important }
.mt50 { margin-top: 50px !important }
.mt70 { margin-top: 50px !important }
.mt100 { margin-top: 100px !important }
.mb5 { margin-bottom: 5px !important }
.mb10 { margin-bottom: 10px !important }
.mb20 { margin-bottom: 20px !important }
.mb15 { margin-bottom: 15px !important }
.mb30 { margin-bottom: 30px !important }
.mb40 { margin-bottom: 40px !important }
.mb50 { margin-bottom: 50px !important }
.mb100 { margin-bottom: 100px !important }
.mb150 { margin-bottom: 150px !important }
.mb200 { margin-bottom: 200px !important }
.ml3 { margin-left: 3px !important }
.ml5 { margin-left: 5px !important }
.ml10 { margin-left: 10px !important }
.ml20 { margin-left: 20px !important }
.ml30 { margin-left: 30px !important }
.ml25 { margin-left: 25px !important }
.ml50 { margin-left: 50px !important }
.ml100 { margin-left: 100px !important }
.ml150 { margin-left: 150px !important }
.ml200 { margin-left: 200px !important }
.ml250 { margin-left: 250px !important }
.mr3 { margin-right: 3px !important }
.mr5 { margin-right: 5px !important }
.mr10 { margin-right: 10px !important }
.mr20 { margin-right: 20px !important }
.mr30 { margin-right: 30px !important }
.mr25 { margin-right: 25px !important }
.mr50 { margin-right: 50px !important }
.mr100 { margin-right: 100px !important }
.mr150 { margin-right: 150px !important }
.mr200 { margin-right: 200px !important }
.pt10 { padding-top: 10px !important }
.pt20 { padding-top: 20px !important }
.pt30 { padding-top: 30px !important }
.pt40 { padding-top: 40px !important }
.pt50 { padding-top: 50px !important }
.pl10 { padding-left: 10px !important }
.pl20 { padding-left: 20px !important }
.pl30 { padding-left: 30px !important }
.pl40 { padding-left: 40px !important }
.pl50 { padding-left: 50px !important }
.pl25 { padding-left: 25px !important }
.pl50 { padding-left: 50px !important }
.pr10 { padding-right: 10px !important }
.pr20 { padding-right: 20px !important }
.pr25 { padding-right: 25px !important }
.pr30 { padding-right: 30px !important }
.pr40 { padding-right: 40px !important }
.pr50 { padding-right: 50px !important }
.pb10 { padding-bottom: 10px !important }
.pb20 { padding-bottom: 20px !important }
.pb25 { padding-bottom: 25px !important }
.pb30 { padding-bottom: 30px !important }
.pb40 { padding-bottom: 40px !important }
.pb50 { padding-bottom: 50px !important }
.minw400 { min-width: 400px !important }
.minw600 { min-width: 600px !important }
.minw650 { min-width: 650px !important }
.maxw250 { max-width: 250px !important }
.maxw500 { max-width: 500px !important }
.maxw600 { max-width: 600px !important }
.maxw700 { max-width: 700px !important }
.maxw800 { max-width: 800px !important }
.maxw900 { max-width: 900px !important }
.maxw1000 { max-width: 1000px !important }
.maxw1100 { max-width: 1100px !important }
.maxw1200 { max-width: 1200px !important }
.h300 { height: 300px !important }
.h350 { height: 350px !important }
.h100p { height: 100% !important }
.w100p, .wmax { width: 100% !important }
.w90p { width: 90% !important }
.w80p { width: 80% !important }
.w70p { width: 70% !important }
.w60p { width: 60% !important }
.w50p { width: 50% !important }

.font-80 { font-size: 80%; }
.font-95 { font-size: 95%; }
.font-100 { font-size: 100%; }
.font-105 { font-size: 105%; }
.font-110 { font-size: 110%; }
.font-125 { font-size: 120%; }
.font-125 { font-size: 125%; }
.font-130 { font-size: 130%; }
.font-140 { font-size: 140%; }
.font-150 { font-size: 150%; }
.font-175 { font-size: 175%; }
.font-200 { font-size: 200%; }
.font-225 { font-size: 225%; }
.font-250 { font-size: 250%; }
.font-275 { font-size: 275%; }
.font-300 { font-size: 300%; }

.pointer { cursor: pointer !important }

.clearfix { clear: both }

.scroll { overflow: scroll }

.p, .p-top { margin-top: 1rem;  }
.p, .p-bottom { margin-top: 1rem;  }

.no-borders, td.no-borders, th.no-borders {
	border: none !important;
}
.no-left-border, td.no-left-border, th.no-left-border {
	border-left: none !important;
}
.no-right-border, td.no-right-border, th.no-right-border {
	border-right: none !important;
}
.no-top-border, td.no-top-border, th.no-top-border {
	border-top: none !important;
}
.no-bottom-border, td.no-bottom-border, th.no-bottom-border {
	border-bottom: none !important;
}

.two-col-parent {
	column-count: 2;
}
.two-col-child {
	display: inline-block;
	width:48%;
}


div.zebra > div:nth-child(2n) {
	background-color: #f2f2f2
}


/*
 * Table No Borders START
 */

.table-no-borders .data td,
.table-no-borders .data-header td,
.table-no-borders .data-header th { padding: .3rem .6rem }
table.zebra .data tr:nth-child(2n+1) td,
table.zebra .data tr:nth-child(2n+1) th,
table.zebra > tbody tr:nth-child(2n+1) td,
table.zebra > tbody tr:nth-child(2n+1) th,
table.zebra tr.data:nth-child(2n+1) td,
table.zebra tr.data:nth-child(2n+1) th {
	background-color: #f2f2f2
}
.table-no-borders td.border-right,
.table-no-borders th.border-right ,
.table-no-borders .border-right  { border-right: 1px solid #ccc }

.table-no-borders td.border-left,
.table-no-borders th.border-left,
.table-no-borders .border-left  { border-left: 1px solid #ccc }

.table-no-borders td.border-top, .table-no-borders tr.border-top td,
.table-no-borders th.border-top, .table-no-borders tr.border-top th,
.table-no-borders .border-top {
	border-top: 1px solid #ccc
}

.table-no-borders td.border-bottom, .table-no-borders tr.border-bottom td,
.table-no-borders th.border-bottom, .table-no-borders tr.border-bottom th,
.table-no-borders .border-bottom {
	border-bottom: 1px solid #ccc
}
/*
 * Table No Borders END
 */

.table-borders-blue td, .table-borders-blue th {
	padding: .2rem .3rem !important;
	border: 1px solid rgb(70, 130, 180, .5 )
}



table { border-collapse: collapse }


div.hr { border-bottom: 1px solid #e2e2f2; padding-top:5px; padding-bottom: 5px }

.no-break, nobreak { break-inside: avoid !important; }
.no-break-col { break-inside: avoid-column; }
.break-before { page-break-before: always !important; }
@media screen {
	.print-only { display: none !important }
}
@media print {
	.no-print { display: none !important }
}

img {
    page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
    page-break-inside: avoid; /* or 'auto' */
}


.relative { position: relative }
.absolute { position: absolute }
.fixed { position: fixed }
.static { position: static }
.sticky { position: sticky }

.cols-2 .col-1 { width:49.5% }
.cols-2 .col-2 { width:100% }