/*body {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; color: #000;background: #fff;margin: 0;}*/
body {font-family: "Gill Sans", sans-serif; color: #000; background: #fff;margin: 0;}
.p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px;  text-align: justify; margin-left: 1px; margin-right: 1px;}
table {border-collapse: collapse;}

form, input, button {vertical-align: middle; margin: 0; padding: 0; display: inline-block;}

/***************** frametable *****************/
table.frametable p {font-family: "Gill Sans", sans-serif; font-size: 12px; text-align: left; font-weight: normal !important;}
table.frametable p {text-align: left;}
table.frametable {margin-bottom: 0px; border: 0px solid #dddddd; border-collapse: collapse;}
table.frametable>tbody>tr>td, table.frametable>thead>tr>th, table.frametable>thead>tr>td, table.frametable>tfoot>tr>td{padding:0px; border:0px solid #dddddd; text-align: left;}
table.frametable > thead > tr > th, table.frametable > thead > tr > td, table.frametable > tfoot > tr > td {border: 0px solid #dddddd; padding: 0px; background-image: url('/local/ASAPPS/IMAGES/bckgrnd-1.png')}
table.frametable thead tr th {font-weight: normal; background-image: url('/local/ASAPPS/IMAGES/bckgrnd-1.png'); background-repeat: repeat; color: #000; text-align: left; border: none;}
table.frametable tbody td {background: white; font-weight: normal;}
table.frametable thead th table.voidtable {background: transparent !important; border-collapse: collapse;}
table.frametable thead th table.voidtable td, table.frametable thead th table.voidtable th {background: transparent !important; padding: 5px !important; border: none !important;}

/***************** voidtable *****************/
table.voidtable p {font-family: "Gill Sans", sans-serif; font-size: 12px; text-align: left; font-weight: normal;}
table.voidtable p {text-align: left;}
/*table.voidtable {width: 100%; margin-bottom: 20px; border: 0px solid #dddddd; border-collapse: collapse;}*/
table.voidtable {margin-bottom: 40px; border: 0px solid #dddddd; border-collapse: collapse;}
/*table.voidtable > tbody > tr > td {border: 0px solid #dddddd; padding: 0px;}*/
table.voidtable>tbody>tr>td, table.voidtable>thead>tr>th, table.voidtable>thead>tr>td, table.voidtable>tfoot>tr>td{padding:5px;border:0px solid #dddddd; text-align: left;}
table.voidtable > thead > tr > th, table.voidtable > thead > tr > td, table.voidtable > tfoot > tr > td {border: 0px solid #dddddd; padding: 0px;}

/***************** ovalnew *****************/
table.ovalnew {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 16px; border-radius: 20px; border-spacing: 20px; text-align: center; border: none !important; outline: none;}
table.ovalnew thead, table.ovalnew th {position: sticky; top: 0; z-index: 50; background: #4e2496; color: white; font-size: 24px; border-radius: 20px;}
table.ovalnew tr {margin-bottom: 10px;}
table.ovalnew td, table.ovalnew th {margin-top: 5px; padding: 4px 4px; vertical-align: middle; line-height: 1.2;}
table.ovalnew td {margin-top: 5px; border: 2px solid #fff; border-radius: 25px; background: rgb(39, 6, 59, 0.4); color: white; display: inline-block; margin: 1px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px;}
table.ovalnew th {background: #4e2496; color: white; font-size: 28px; text-shadow: 0 1px 1px #2D2020; padding: 10px 10px; border: 1px solid #fff;}
.ovalnew-pop.pop {margin-top: 5px; background: rgb(39, 6, 59, 0.8); color: white; position: relative; cursor: pointer;}
.ovalnew-pop.pop:hover .ovalnew-popup {display: block;}
.ovalnew-popup {display: none; position: absolute; top: 40px; left: 10px; min-width: 600px; background: #adfff0; text-align: left; font-size: 14px; z-index: 500; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;  padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px;}
.ovalnew-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 10px; margin-left: 0;}
table.ovalnew, table.ovalnew *, table.ovalnew *::before, table.ovalnew *::after {border: none !important; outline: none !important; box-shadow: none !important;}
table.ovalnew a {color: white; text-decoration: underline;}
table.ovalnew a:visited {color: #d8b4f8; text-decoration: underline;}
table.ovalnew a:active {color: #4caf50; }
table.ovalnew a:hover {color: #fff; text-decoration: underline;}

/***************** payment-item *****************/
.payment-item {width: 100%; display: inline-block; vertical-align: top; margin: 0 8px 8px; font: 12px/1.2 Arial, sans-serif; text-decoration: none;}
.payment-head {text-align: left; padding: 1px; font-weight: 1000; font-size: 16px;}
.payment-item table {border-collapse: collapse; width: 100%; background: #aaffff29}
.payment-item a {text-decoration: none; font-size: 12px;}
.payment-item a:hover {text-decoration: underline overline wavy blue; text-decoration-thickness: 12px; font-size: 24px;}
.payment-item th {font-size: 12px; padding: 6px 7px; text-align: center; color: #888; font-weight: normal;}
.payment-item td {font-size: 14px; padding: 6px 5px; text-align: center; border: 1px solid #ddd;}
.payment-item tr th:nth-child(6), .payment-item tr th:nth-child(7),
.payment-item tr td:nth-child(6), .payment-item tr td:nth-child(7) {color: #e65a5a;}
.payment-day.last {color: #999 !important;}	
.payment-day.today {font-weight: bold;}
.payment-day.event {background: #adfff0; position: relative; cursor: pointer;}
.payment-day.event:hover .payment-popup {display: block;}
.payment-day.eventminus{background: #f799a7; position: relative; cursor: pointer;}
.payment-day.eventminus:hover .payment-popup {display: block;}
.payment-day.eventsuper{background: #f799a7; position: absolute; cursor: pointer;}
.payment-day.eventsuper:hover .payment-popup {display: block;}
.payment-day.novisit{background: #f7f7f7; color: #f7f7f7; position: relative; cursor: pointer;}
.payment-day.novisit:hover .payment-popup {display: block;}
.payment-day.visit0{background: #ffffff; position: relative; cursor: pointer;}
.payment-day.visit0:hover .payment-popup {display: block;}
.payment-day.visit1{background: #fcf8ca;position: relative;cursor: pointer;}
.payment-day.visit1:hover .payment-popup {display: block;}
.payment-day.visit6{background: #faef78;	position: relative;cursor: pointer;}
.payment-day.visit6:hover .payment-popup {display: block;}
.payment-day.visit12{background: #e89a41; position: relative; cursor: pointer;}
.payment-day.visit12:hover .payment-popup {display: block;}
.payment-day.visit24{ckground: #e65050;	 position: relative; cursor: pointer;}
.payment-day.visit24:hover .payment-popup {display: block;}
.payment-popup {display: none; position: absolute; top: 40px; left: 0; min-width: 400px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.payment-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}

/***************** drcalend *****************/
.drcalend-item {display: inline-block; vertical-align: top; margin: 0 4px 4px; font: 18px/1.2 Arial, sans-serif; text-decoration: none;}
.drcalend-head {text-align: left; padding: 1px; font-weight: 1000; font: 16px Arial, Verdana, Helvetica, sans-serif; color: #000; font-weight: bold; }
.drcalend-item table {border-collapse: collapse; width: 100%; background: #aaffff25}
.drcalend-item a {text-decoration: none; font-size: 16px;}
.drcalend-item a:hover {text-decoration: underline overline wavy blue; text-decoration-thickness: 12px; font-size: 24px;}
.drcalend-item th {font-size: 12px; padding: 6px 7px; text-align: center; color: #888; font-weight: normal;}
.drcalend-item td {font-size: 14px; padding: 5px 5px; text-align: center; border: 1px solid #ddd;}
.drcalend-item tr th:nth-child(6), .drcalend-item tr th:nth-child(7),
.drcalend-item tr td:nth-child(6), .drcalend-item tr td:nth-child(7)  {background: #caa3d4; color: #e65a5a;}
.drcalend-day.last {background: #caa3d4; color: #999 !important;}
.drcalend-day.past {background: #fff; color: #999 !important;}
.drcalend-day.today {background: #19e047; font-size: +2; font-weight: bold;}
.drcalend-day.theday {background: #f525e0; font-size: +2; font-weight: bold;}
.drcalend-day.event {background: #c1ace6; position: relative; cursor: pointer;}
.drcalend-day.event:hover .drcalend-popup {display: block;}
.drcalend-day.eventminus{background: #f799a7; position: relative; cursor: pointer;}
.drcalend-day.eventminus:hover .drcalend-popup {display: block;}
.drcalend-day.novisit{background: #f7f7f7; color: #f7f7f7; position: relative; cursor: pointer;}
.drcalend-day.novisit:hover .drcalend-popup {display: block;}
.drcalend-day.visit0{background: #ffffff; position: relative; cursor: pointer;}
.drcalend-day.visit0:hover .drcalend-popup {display: block;}
.drcalend-day.visit1{background: #fcf8ca;position: relative;cursor: pointer;}
.drcalend-day.visit1:hover .drcalend-popup {display: block;}
.drcalend-day.visit6{background: #faef78;	position: relative;cursor: pointer;}
.drcalend-day.visit6:hover .drcalend-popup {display: block;}
.drcalend-day.visit12{background: #e89a41; position: relative; cursor: pointer;}
.drcalend-day.visit12:hover .drcalend-popup {display: block;}
.drcalend-day.visit24{ckground: #e65050;	 position: relative; cursor: pointer;}
.drcalend-day.visit24:hover .drcalend-popup {display: block;}
.drcalend-popup {display: none; position: absolute; top: 40px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.drcalend-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}

/***************** drcalendnew *****************/
.drcalendnew-item {display: inline-block; vertical-align: top; margin: 0; font: 12px/1.2 Arial, sans-serif; text-decoration: none;}
.drcalendnew-head {text-align: left; padding: 0; font-weight: 1000; font-size: 12px;}
.drcalendnew-item table {border-collapse: collapse; width: 100%; background: #aaffff;}
.drcalendnew-item a {text-decoration: none; font-size: 12px;}
.drcalendnew-item a:hover {text-decoration: underline overline wavy blue; text-decoration-thickness: 12px; font-size: 36px;}
.drcalendnew-item th {font-size: 12px; padding: 0; text-align: center; color: #888; font-weight: normal; border: 2px solid #fff;}
.drcalendnew-item td {font-size: 10px; padding: 0; text-align: center; border: 2px solid #fff;}
.drcalendnew p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 16px;}
.drcalendnew table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; border-spacing: 0; text-align: center; border: 2px solid #fff;}
.drcalendnew th {background: #673ab72e; color: #8504b8; text-shadow: 0 1px 1px #2D2020; padding: 4px;}
.drcalendnew th, .drcalendnew td {border-style: solid; border-width: 0 1px 1px 0; border-color: #fff;}
.drcalendnew th:first-child, .drcalendnew td:first-child {text-align: left;}
.drcalendnew td {padding: 1px; background: #673ab72e;}
.drcalendnew-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.drcalendnew-pop.pop:hover .drcalendnew-popup {display: block;}
.drcalendnew-popup {display: none; position: absolute; top: 40px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.drcalendnew-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 4px; margin-left: 0;}
.drcalendnew-day.on {background: #9ee8c2; position: relative; cursor: pointer;}
.drcalendnew-day.on:hover .drcalendnew-popup {display: block;}
.drcalendnew-day.no {background: #f2defa; position: relative; cursor: pointer;}
.drcalendnew-day.no:hover .drcalendnew-popup {display: block;}
.drcalendnew-day.red {background: #eb4034; position: relative; cursor: pointer;}
.drcalendnew-day.red:hover .drcalendnew-popup {display: block;}
.drcalendnew-day.void {background: #fff; position: relative; cursor: pointer;}
.drcalendnew-day.void:hover .drcalendnew-popup {display: block;}
.drcalendnew-day.stat {background: #92f0ee; position: relative; cursor: pointer;}
.drcalendnew-day.stat:hover .drcalendnew-popup {display: block;}

/***************** drsch-item *****************/
.drsch table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; border-collapse: collapse; border: solid; text-align: center;}
.drsch-head {text-align: left; padding: 2px; font-weight: 500; font-size: 14px; }
.drsch thead th {position: sticky; background: #4e2496; color: white; font-size: 14px; top: 0; border-collapse: collapse; z-index: 500}
.drsch-item a {text-decoration: none; font-size: 14px;}
.drsch-item td {font-size: 14px; padding: 2px 2px; text-align: top; border-collapse: collapse; border: 1px solid #000;}
.drsch-day.void{background: #ffffff;position: relative;cursor: pointer;}
.drsch-day.doctor{background: #ffffff; position: relative; cursor: pointer;}
.drsch-day.doctor:hover .drsch-popup {display: block;}
.drsch-day.regular{background: #27b09f2e;position: relative;cursor: pointer;}
.drsch-day.regular:hover .drsch-popup {display: block;}
.drsch-day.eventplus{background: #e9f3f7; position: relative;cursor: pointer;}
.drsch-day.eventplus:hover .drsch-popup {display: block;}
.drsch-day.event0{background: #f7f5b2; position: relative; cursor: pointer; }
.drsch-day.event0:hover .drsch-popup {display: block;}
.drsch-day.eventminus{background: #f799a7; position: relative; cursor: pointer;}
.drsch-day.eventminus:hover .drsch-popup {display: block;}
.drsch-day.event{background: #f90552;position: relative;cursor: pointer;}
.drsch-day.event:hover .drsch-popup {display: block;}
.drsch-day.break {background: #fccce0; position: relative; cursor: pointer;}
.drsch-day.break:hover .drsch-popup {display: block;}
.drsch-day.vip {background: #4ffff0; position: relative; cursor: pointer;}
.drsch-day.vip:hover .drsch-popup {display: block;}
.drsch-day.employee{background: #b57dff; position: relative; cursor: pointer;}
.drsch-day.employee:hover .drsch-popup {display: block;}
.drsch-popup {display: none; position: absolute; top: 30px; left: -10px; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 12px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.drsch-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 8px; margin-left: 0;}

/***************** drapp-item *****************/
.drapp-item {width: 400px; display: inline-block; vertical-align: top; margin: 0 16px 20px; font: 16px/1.2 Arial, sans-serif;}
.drapp-head {text-align: left; padding: 5px; font-weight: 700; font-size: 14px; }
.drapp-item drapp {border: inset; border-collapse: collapse; width: 100%;}
.drapp-item th {font-size: 14px; padding: 6px 7px; border: 1px solid #ddd; text-align: center; color: #000; font-weight: normal;}
.drapp-item a {text-decoration: none; font-size: 16px;}
.drapp-item td {font-size: 16px; padding: 6px 5px; text-align: center; border: 1px solid #ddd;}
.drapp-item tr th:nth-child(6), .drapp-item tr th:nth-child(7),
.drapp-item tr td:nth-child(6), .drapp-item tr td:nth-child(7)  {color: #000000;}
.drapp-day.last {color: #999 !important; background: #27b09f2e}	
.drapp-day.today {font-weight: bold; background: #27b09f2e}
.drapp-day.void{background: #ffffff;position: relative;cursor: pointer;}
.drapp-day.doctor{background: #ffffff; position: relative; cursor: pointer;}
.drapp-day.doctor:hover .drapp-popup {display: block;}
.drapp-day.regular{background: #27b09f2e;position: relative;cursor: pointer;}
.drapp-day.regular:hover .drapp-popup {display: block;}
.drapp-day.eventplus{background: #e9f3f7;	position: relative;cursor: pointer;}
.drapp-day.eventplus:hover .drapp-popup {display: block;}
.drapp-day.event0{background: #f7f5b2; position: relative; cursor: pointer; }
.drapp-day.event0:hover .drapp-popup {display: block;}
.drapp-day.eventminus{background: #f799a7; position: relative; cursor: pointer;}
.drapp-day.eventminus:hover .drapp-popup {display: block;}
.drapp-day.event{background: #f90552;position: relative;cursor: pointer;}
.drapp-day.event:hover .drapp-popup {display: block;}
.drapp-day.break {background: #fccce0; position: relative; cursor: pointer;}
.drapp-day.break:hover .drapp-popup {display: block;}
.drapp-day.vip {background: #4ffff0; position: relative; cursor: pointer;}
.drapp-day.vip:hover .drapp-popup {display: block;}
.drapp-day.employee{background: #b57dff; position: relative; cursor: pointer;}
.drapp-day.employee:hover .drapp-popup {display: block;}
.drapp-popup {display: none; position: absolute; top: 20px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 12px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.drapp-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}

/***************** drtbl-item *****************/
.drtbl-item {width: 400px; display: inline-block; vertical-align: top; margin: 0 16px 20px; font: 16px/1.2 Arial, sans-serif;}
.drtbl-head {text-align: left; padding: 5px; font-weight: 700; font-size: 14px; }
.drtbl-item drtbl {border: inset; border-collapse: collapse; width: 100%;}
.drtbl-item th {font-size: 14px; padding: 6px 7px; border: 1px solid #ddd; text-align: center; color: #000; font-weight: normal;}
.drtbl-item a {text-decoration: none; font-size: 16px;}
.drtbl-item td {font-size: 16px; padding: 6px 5px; text-align: center; border: 1px solid #ddd;}
/*.drtbl-item tr th:nth-child(6), .drtbl-item tr th:nth-child(7),*/
.drtbl-item tr td:nth-child(6), .drtbl-item tr td:nth-child(7)  {color: #000000;}
.drtbl-day.last {color: #999 !important; background: #27b09f2e}	
.drtbl-day.today {font-weight: bold; background: #27b09f2e}
.drtbl-day.void{background: #ffffff;position: relative;cursor: pointer;}
.drtbl-day.doctor{background: #ffffff; position: relative; cursor: pointer;}
.drtbl-day.doctor:hover .drtbl-popup {display: block;}
.drtbl-day.regular{background: #27b09f2e;position: relative;cursor: pointer;}
.drtbl-day.regular:hover .drtbl-popup {display: block;}
.drtbl-day.eventplus{background: #e9f3f7;	position: relative;cursor: pointer;}
.drtbl-day.eventplus:hover .drtbl-popup {display: block;}
.drtbl-day.event0{background: #f7f5b2; position: relative; cursor: pointer; }
.drtbl-day.event0:hover .drtbl-popup {display: block;}
.drtbl-day.eventminus{background: #f799a7; position: relative; cursor: pointer;}
.drtbl-day.eventminus:hover .drtbl-popup {display: block;}
.drtbl-day.event{background: #f90552;position: relative;cursor: pointer;}
.drtbl-day.event:hover .drtbl-popup {display: block;}
.drtbl-day.break {background: #fccce0; position: relative; cursor: pointer;}
.drtbl-day.break:hover .drtbl-popup {display: block;}
.drtbl-day.vip {background: #4ffff0; position: relative; cursor: pointer;}
.drtbl-day.vip:hover .drtbl-popup {display: block;}
.drtbl-day.employee{background: #b57dff; position: relative; cursor: pointer;}
.drtbl-day.employee:hover .drtbl-popup {display: block;}
.drtbl-popup {display: none; position: absolute; top: 15px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 12px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.drtbl-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}
.drtbl-records { font: 16px/1.2 Arial, sans-serif; text-align: left; font-size: 16px; background: #bbaacc3b}

/***************** payplan *****************/
.payplan-item {display: inline-block; vertical-align: top; margin: 0 4px 4px; font: 18px/1.2 Arial, sans-serif; text-decoration: none; border: 3px solid #000;}
/*.payplan-head {text-align: left; padding: 1px; font-weight: 1000; font: 16px Arial, Verdana, Helvetica, sans-serif; color: #000; font-weight: bold; }*/
.payplan-item table {border-collapse: collapse; width: 100%; background: #aaffff25;}
.payplan-item a {text-decoration: none; font-size: 16px;}
.payplan-item a:hover {text-decoration: underline overline blue; text-decoration-thickness: 12px; font-size: 24px;}
.payplan-item th {font-size: 18px; padding: 6px 7px; text-align: center; color: #000; font-weight: normal; border: 1px solid #ddd;}
.payplan-item td {font-size: 14px; padding: 5px 5px; text-align: center; vertical-align: top; border: 1px solid #ddd;}
.payplan-item tr th:nth-child(6), .payplan-item tr th:nth-child(7), .payplan-item tr td:nth-child(6), .payplan-item tr td:nth-child(7){background: #caa3d4; color: #e65a5a;}
.payplan-day.last {background: #caa3d4; color: #999 !important;}
.payplan-day.past {background: #fff; color: #999 !important;}
.payplan-day.today {background: #19e047; font-size: +2; font-weight: bold;}
.payplan-day.theday {background: #f525e0; font-size: +2; font-weight: bold;}
.payplan-day.event {background: #c1ace6; position: relative; cursor: pointer;}
.payplan-day.event:hover .payplan-popup {display: block;}
.payplan-day.eventminus{background: #f799a7; position: relative; cursor: pointer;}
.payplan-day.eventminus:hover .payplan-popup {display: block;}
.payplan-day.novisit{background: #f7f7f7; color: #f7f7f7; position: relative; cursor: pointer;}
.payplan-day.novisit:hover .payplan-popup {display: block;}
.payplan-day.visit0{background: #ffffff; position: relative; cursor: pointer;}
.payplan-day.visit0:hover .payplan-popup {display: block;}
.payplan-day.visit1{background: #fcf8ca;position: relative;cursor: pointer;}
.payplan-day.visit1:hover .payplan-popup {display: block;}
.payplan-day.visit6{background: #faef78;	position: relative;cursor: pointer;}
.payplan-day.visit6:hover .payplan-popup {display: block;}
.payplan-day.visit12{background: #e89a41; position: relative; cursor: pointer;}
.payplan-day.visit12:hover .payplan-popup {display: block;}
.payplan-day.visit24{ckground: #e65050;	 position: relative; cursor: pointer;}
.payplan-day.visit24:hover .payplan-popup {display: block;}
.payplan-popup {display: none; position: absolute; top: 40px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.payplan-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}

/***************** menu2-item *****************/
.menu2-item {width: 500px; display: inline-block; vertical-align: top; margin: 0 16px 20px; font: 16px/1.2 Arial, sans-serif;}
.menu2-head {text-align: left; padding: 5px; font-weight: 700; font-size: 14px; }
.menu2-item menu2 {border: inset; border-collapse: collapse; width: 100%;}
.menu2-item th {font-size: 14px; padding: 6px 7px; border: 1px solid #ddd; text-align: center; color: #000; font-weight: normal;}
.menu2-item a {text-decoration: none; font-size: 16px;}
.menu2-item td {font-size: 16px; padding: 6px 5px; text-align: center; border: 1px solid #ddd;}
.menu2-item tr th:nth-child(6), .menu2-item tr th:nth-child(7),
.menu2-item tr td:nth-child(6), .menu2-item tr td:nth-child(7)  {color: #000000;}
//.menu2-day.last {color: #999 !important; background: #27b09f2e}	
//.menu2-day.today {font-weight: bold; background: #27b09f2e}
.menu2-day.void{background: #ffffff;position: relative;cursor: pointer;}
.menu2-day.doctor{background: #ffffff; position: relative; cursor: pointer;}
.menu2-day.doctor:hover .menu2-popup {display: block;}
.menu2-day.regular{background: #27b09f2e;position: relative;cursor: pointer;}
.menu2-day.regular:hover .menu2-popup {display: block;}
.menu2-day.eventplus{background: #e9f3f7;	position: relative;cursor: pointer;}
.menu2-day.eventplus:hover .menu2-popup {display: block;}
.menu2-day.event0{background: #f7f5b2; position: relative; cursor: pointer; }
.menu2-day.event0:hover .menu2-popup {display: block;}
.menu2-day.eventminus{background: #f799a7; position: relative; cursor: pointer;}
.menu2-day.eventminus:hover .menu2-popup {display: block;}
.menu2-day.event{background: #f90552;position: relative;cursor: pointer;}
.menu2-day.event:hover .menu2-popup {display: block;}
.menu2-day.break {background: #fccce0; position: relative; cursor: pointer;}
.menu2-day.break:hover .menu2-popupbreak {display: block;}
.menu2-day.vip {background: #4ffff0; position: relative; cursor: pointer;}
.menu2-day.vip:hover .menu2-popupvip {display: block;}
.menu2-day.came1 {background: #21de54; position: relative; cursor: pointer;}
.menu2-day.came1:hover .menu2-popupvip {display: block;}
.menu2-day.came2 {background: #b5472b; position: relative; cursor: pointer;}
.menu2-day.came2:hover .menu2-popupvip {display: block;}
.menu2-day.came7 {background: #0ffc6e; color: #fff; position: relative; cursor: pointer;}
.menu2-day.came7:hover .menu2-popupvip {display: block;}
.menu2-day.employee{background: #b57dff; position: relative; cursor: pointer;}
.menu2-day.employee:hover .menu2-popupemployee {display: block;}
.menu2-popup {display: none; position: absolute; top: 40px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.menu2-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}
.menu2-popupvip {display: none; position: relative; top: 0px; left: 0; min-width: 200px; padding: 5px; background: #fff; text-align: right; font-size: 12px; z-index: 200; box-shadow: 0 0 40px rgba(0,0,0,0.5); color: #000;}
.menu2-popupvip:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}
.menu2-popupemployee {display: none; position: relative; top: 40px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 12px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.menu2-popupemployee:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}
.menu2-popupbreak {display: none; position: absolute; top: 20px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.menu2-popupbreak:before {content: ""; border: solid transparent; position: right; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}

/***************** price-item *****************/
.price-item {width: 800px; display: inline-block; vertical-align: top; margin: 0 0px 0px; font: 16px/1.2 Arial, sans-serif;}
.price-head {text-align: left; padding: 5px; font-weight: 700; font-size: 14px; }
.price-item price {border: inset; border-collapse: collapse; width: 100%;}
.price-item th {font-size: 14px; padding: 6px 7px; border: 1px solid #ddd; text-align: center; color: #000; font-weight: normal;}
.price-item a {text-decoration: none; font-size: 16px;}
.price-item td {font-size: 16px; padding: 1px 1px; text-align: center; border: 1px solid #ddd;}
.price-item tr th:nth-child(6), .price-item tr th:nth-child(7),
.price-item tr td:nth-child(6), .price-item tr td:nth-child(7)  {color: #000000;}
.price-day.last {color: #999 !important; background: #27b09f2e}	
.price-day.today {font-weight: bold; background: #27b09f2e}
.price-day.void{background: #ffffff;position: relative;cursor: pointer;}
.price-day.doctor{background: #ffffff; position: relative; cursor: pointer;}
.price-day.doctor:hover .price-popup {display: block;}
.price-day.regular{background: #27b09f2e;position: relative;cursor: pointer;}
.price-day.regular:hover .price-popup {display: block;}
.price-day.eventplus{background: #e9f3f7;	position: relative;cursor: pointer;}
.price-day.eventplus:hover .price-popup {display: block;}
.price-day.event0{background: #f7f5b2; position: relative; cursor: pointer; }
.price-day.event0:hover .price-popup {display: block;}
.price-day.eventminus{background: #f799a7; position: relative; cursor: pointer;}
.price-day.eventminus:hover .price-popup {display: block;}
.price-day.event{background: #f90552;position: relative;cursor: pointer;}
.price-day.event:hover .price-popup {display: block;}
.price-day.break {background: #fccce0; position: relative; cursor: pointer;}
.price-day.break:hover .price-popup {display: block;}
.price-day.vip {background: #4ffff0; position: relative; cursor: pointer;}
.price-day.vip:hover .price-popup {display: block;}
.price-day.employee{background: #b57dff; position: relative; cursor: pointer;}
.price-day.employee:hover .price-popup {display: block;}
.price-popup {display: none; position: absolute; top: 10px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.price-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}
.records {	font: 16px/1.2 Arial, sans-serif; text-align: left; font-size: 16px; background: #bbaacc3b}

/***************** MEDRECORD *****************/
.medrecord p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; width: 100%;}
.medrecord table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; border-spacing: 0; text-align: top; vertical-align: top; width: 100%;}
.medrecord th {background: #673ab72e; color: white; text-shadow: 0 1px 1px #2D2020; padding: 1px 1px;}
.medrecord th {border-style: none; border-width: 0 1px 1px 0; border-color: black; vertical-align: top;}
.medrecord td {border-style: solid; border-width: 1px 1px 1px 1px; border-color: white; padding: 0px 0px; background: #673ab72e; vertical-align: top;}
.medrecord-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.medrecord-pop.pop:hover .medrecord-popup {display: block;}
.medrecord-popup {display: none; position: absolute; top: 40px; left: 0; min-width: 400px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.medrecord-popup:before {content: ""; border: solid transparent; position: absolute; left: 1px; bottom: 100%; border-bottom-color: #000; border-width: 1px; margin-left: 0;}
.medrecord-item {width: 100%; display: inline-block; vertical-align: top; margin: 0 0px 0px; font: 16px/1.2 Arial, sans-serif;}
.medrecord-head {text-align: left; padding: 5px; font-weight: 700; font-size: 14px; }
.medrecord-item medrecord {border: inset; border-collapse: collapse; width: 100%;}
.medrecord-item th {font-size: 14px; padding: 6px 7px; border: 1px solid #ddd; text-align: center; color: #000; font-weight: normal;}
.medrecord-item a {text-decoration: none; font-size: 16px;}
.medrecord-item td {font-size: 16px; padding: 1px 1px; text-align: center; border: 1px solid #ddd;}
.medrecord-day.last {color: #999 !important; background: #27b09f2e}	
.medrecord-day.today {font-weight: bold; background: #27b09f2e}
.medrecord-day.void{background: #ffffff;position: relative;cursor: pointer;}
.medrecord-day.doctor{background: #ffffff; position: relative; cursor: pointer;}
.medrecord-day.doctor:hover .medrecord-popup {display: block;}
.medrecord-day.regular{background: #27b09f2e;position: relative;cursor: pointer;}
.medrecord-day.regular:hover .medrecord-popup {display: block;}
.medrecord-day.eventplus{background: #e9f3f7;	position: relative;cursor: pointer;}
.medrecord-day.eventplus:hover .medrecord-popup {display: block;}
.medrecord-day.event0{background: #f7f5b2; position: relative; cursor: pointer; }
.medrecord-day.event0:hover .medrecord-popup {display: block;}
.medrecord-day.eventminus{background: #f799a7; position: relative; cursor: pointer;}
.medrecord-day.eventminus:hover .medrecord-popup {display: block;}
.medrecord-day.event{background: #f90552;position: relative;cursor: pointer;}
.medrecord-day.event:hover .medrecord-popup {display: block;}
.medrecord-day.break {background: #fccce0; position: relative; cursor: pointer;}
.medrecord-day.break:hover .medrecord-popup {display: block;}
.medrecord-day.vip {background: #4ffff0; position: relative; cursor: pointer;}
.medrecord-day.vip:hover .medrecord-popup {display: block;}
.medrecord-day.employee{background: #b57dff; position: relative; cursor: pointer;}
.medrecord-day.employee:hover .medrecord-popup {display: block;}
.medrecord-popup {display: none; position: absolute; top: 10px; left: 0; min-width: 600px; padding: 10px; background: #fff; text-align: left; font-size: 14px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.medrecord-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 4px; margin-left: 0;}
.records {	font: 16px/1.2 Arial, sans-serif; text-align: left; font-size: 16px; background: #bbaacc3b}

/***************** MEDRECORD TEETH *****************/
.teeth p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px;}
.teeth table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px; border-style: none, border-spacing: 0; text-align: top; text-align: center; width: 100%;}
.teeth th {background: #673ab72e; color: white; text-shadow: 0 1px 1px #2D2020; padding: 2px 2px; border-style: none; border-width: 0 0 0 0; border-color: #673ab72e; text-align: center;}
.teeth td {border-style: solid; border-width: 0 8px 8px 0; border-color: #673ab72e; text-align: center; padding: 1px 1px; background: white; border-radius: 0 0 30px 30px; text-align: center;}
.teeth-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.teeth-pop.pop:hover .teeth-popup {display: block;}
.teeth-popup {display: none; position: absolute; top: 60px; left: 0; min-width: 600px; padding: 20px; background: #fff; text-align: left; font-size: 14px; z-index: 120; box-shadow: 10 10 10px rgba(0,0,0,0.5); color: #000;}
.teeth-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 8px; margin-left: 0;}
.teeth-item {width: 100%; display: inline-block; vertical-align: top; margin: 0 0px 0px; font: 16px/1.2 Arial, sans-serif;}
.teeth-head {text-align: left; padding: 5px; font-weight: 700; font-size: 14px; }
.teeth-item teeth {border: inset; border-collapse: collapse; width: 100%;}
.teeth-item th {font-size: 14px; padding: 6px 7px; border: 1px solid #ddd; text-align: center; color: #000; font-weight: normal;}
.teeth-item a {text-decoration: none; font-size: 16px;}
.teeth-item td {font-size: 16px; padding: 1px 1px; text-align: center; border: 1px solid #ddd;}
.teeth-the.last {color: #999 !important; background: #27b09f2e}	
.teeth-the.today {font-weight: bold; background: #27b09f2e}
.teeth-the.void{background: #ffffff;position: relative;cursor: pointer;}
.teeth-the.doctor{background: #ffffff; position: relative; cursor: pointer;}
.teeth-the.doctor:hover .teeth-popup {display: block;}
.teeth-the.regular{background: #fff;position: relative;cursor: pointer;}
.teeth-the.regular:hover .teeth-popup {display: block;}
.teeth-the.good{background: #27b09f2e;position: relative;cursor: pointer;}
.teeth-the.good:hover .teeth-popup {display: block;}.teeth-the.eventplus{background: #e9f3f7; position: relative;cursor: pointer;}
.teeth-the.eventplus:hover .teeth-popup {display: block;}
.teeth-the.event0{background: #f7f5b2; position: relative; cursor: pointer; }
.teeth-the.event0:hover .teeth-popup {display: block;}
.teeth-the.eventminus{background: #f799a7; position: relative; cursor: pointer;}
.teeth-the.eventminus:hover .teeth-popup {display: block;}
.teeth-the.event{background: #f90552;position: relative;cursor: pointer;}
.teeth-the.event:hover .teeth-popup {display: block;}
.teeth-the.break {background: #fccce0; position: relative; cursor: pointer;}
.teeth-the.break:hover .teeth-popup {display: block;}
.teeth-the.vip {background: #4ffff0; position: relative; cursor: pointer;}
.teeth-the.vip:hover .teeth-popup {display: block;}
.teeth-the.employee{background: #b57dff; position: relative; cursor: pointer;}
.teeth-the.employee:hover .teeth-popup {display: block;}
.teeth-popup {display: none; position: absolute; top: 30px; left: 0; min-width: 400px; padding: 5px; background: #fff; text-align: left; font-size: 14px; z-index: 100; box-shadow: 0 0 0px rgba(0,0,0,0.5); color: #000;}
.teeth-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}
.records {	font: 16px/1.2 Arial, sans-serif; text-align: left; font-size: 16px; background: #bbaacc3b}

/***************** TABLE FINANCE EXPERIMENTAL *****************/
/*
table.finance p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 16px;}
table.finance {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px; border-radius: 10px; border-spacing: 0; text-align: center; border: none !important; outline: none;}
table.finance thead, table.finance th {position: sticky !important; top: 0; z-index: 50; background: #4e2496; color: white; font-size: 14px; border-collapse: collapse; border: 2px solid #fff;}
table.finance td, table.finance th {padding: 4px 4px; vertical-align: middle; line-height: 1.2;}
table.finance td {border: 2px solid #fff; background: #673ab72e;}
table.finance th {background: #4e2496; color: white; font-size: 16px; text-shadow: 0 1px 1px #2D2020; padding: 10px 10px; border: 1px solid #fff; border-collapse: collapse;}
table.finance th:first-child, table.finance td:first-child {text-align: left; border-left: none;}
table.finance th:first-child {border-top-left-radius: 10px;}
table.finance th:last-child {border-top-right-radius: 10px; border-right: none;}
table.finance td:last-child {border-right: none;}
table.finance tr:first-child td, table.finance tr:first-child th {border-top: none;}
table.finance tr:last-child td, table.finance tr:last-child th {border-bottom: none;}
table.finance tr:last-child td:first-child {border-radius: 0 0 0 10px;}
table.finance tr:last-child td:last-child {border-radius: 0 0 10px 0;}
table.finance.withhelp {background: #e89a41; position: relative; cursor: pointer;}
table.finance.withhelp:hover .finance-popupd {display: block;}
.finance-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.finance-pop.pop:hover .finance-popup {display: block;}
.finance-popup {display: none; position: absolute; top: 40px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 500; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.finance-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}
.finance-popupd {display: none; position: absolute; top: 60px; left: 0; min-width: 200px; padding: 5px; background: #fff; text-align: left; font-size: 14px; z-index: 500; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.finance-popupd:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}
.finance-scroll-wrapper {overflow-y: auto; height: auto;}
}
*/
/*table.finance, table.finance *, table.finance *::before, table.finance *::after {border: none !important; outline: none !important; box-shadow: none !important;}*/

/***************** FINANCE *****************/
.finance p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 16px;}
.finance table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px; border-radius: 10px; border-spacing: 0; text-align: center;}
.finance thead, .finance th {position: sticky; top: 0; z-index: 50; background: #4e2496; color: white; font-size: 14px; border-collapse: collapse; border: 2px solid #fff;}
.finance td, th {padding: 4px 4px; vertical-align: middle; line-height: 1.2;}
.finance td {border: 2px solid #fff;}
.finance th {background: #4e2496; color: white; font-size: 16px; text-shadow: 0 1px 1px #2D2020; padding: 10px 10px; border-style: solid; border-color: #fff; border: 1px solid #fff; border-collapse: collapse;}
.finance th:first-child, .finance td:first-child {text-align: left;}
.finance th:first-child {border-top-left-radius: 10px;}
.finance th:last-child {border-top-right-radius: 10px;}
.finance th a {text-decoration: none; color: #45cc48; font-size: 16px;}
.finance th a:hover {font-size: 20px;}
.finance th a:focus {font-size: 24px;}
.finance th a:active {}
.finance th:last-child {border-top-right-radius: 10px; border-right: none;}
.finance td {padding: 4px 4px; background: #673ab72e;}
.finance tr:last-child td:first-child {border-radius: 0 0 0 10px;}
.finance tr:last-child td:last-child {border-radius: 0 0 10px 0;}
.finance.withhelp{background: #e89a41; position: relative; cursor: pointer;}
.finance.withhelp:hover .finance-popupd {display: block;}
.finance-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.finance-pop.pop:hover .finance-popup {display: block;}
.finance-popup {display: none; position: absolute; top: 40px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 500; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.finance-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}
.finance-popupd {display: none; position: absolute; top: 60px; left: 0; min-width: 200px; padding: 5px; background: #fff; text-align: left; font-size: 14px; z-index: 500; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.finance-popupd:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}

/***************** USERCARD *****************/
.usercard p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 72px;}
.usercard table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 72px; text-align: center; overflow: hidden;}
.usercard thead, .usercard th {background: #4e2496; color: white; font-size: 72px; border-collapse: collapse; border: 4px solid #fff; text-shadow: 0 2px 2px #2D2020; padding: 40px 40px;}
.usercard td {font-size: 72px; border: 4px solid #fff; padding: 40px 40px; background: #673ab72e;}
.usercard td:first-child {text-align: left;}

/***************** REPORTS *****************/
.reports p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px;}
.reports table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; border-radius: 10px; border-spacing: 0; text-align: center;}
.reports td, .reports th {border: 2px solid #fff;}
.reports thead, .reports th {position: sticky; top: 0; z-index: 50; background: #4e2496; color: white; font-size: 12px; text-shadow: 0 2px 2px #2D2020; padding: 6px 6px; border-style: solid; border-color: #fff; border: 1px solid #fff; border-collapse: collapse; text-align: center;}
.reports th:first-child {border-top-left-radius: 10px;}
.reports th:last-child {border-top-right-radius: 10px;}
.reports th a {text-decoration: none; color: #45cc48; font-size: 12px;}
.reports th a:hover {text-decoration-thickness: 12px; font-size: 12px;}
.reports th a:focus {font-size: 12px;}
.reports th a:active {}
.reports th:last-child {border-top-right-radius: 10px; border-right: none;}
.reports td {padding: 1px 2px; background: #e2d8f3; font-size: 12px;}
.reports.center {text-align: center;}
.reports tr:last-child td:first-child {border-radius: 0 0 0 10px;}
.reports tr:last-child td:last-child {border-radius: 0 0 10px 0;}
.reports {position: relative; cursor: pointer;}
.reports:hover .reports-popup {display: block;}
.reports.col0{background: #68d6c9; position: relative; cursor: pointer;}
.reports.col1{background: #98e0f2; position: relative; cursor: pointer;}
.reports.col2{background: #EAD1DC; position: relative; cursor: pointer;}
.reports.col3{background: #e0d3b1; position: relative; cursor: pointer;}
.reports.col4{background: #f3e9f9; position: relative; cursor: pointer;}
.reports.col5{background: #68d6c9; position: relative; cursor: pointer;}
.reports.col6{background: #98e0f2; position: relative; cursor: pointer;}
.reports.col7{background: #EAD1DC; position: relative; cursor: pointer;}
.reports.col8{background: #e0d3b1; position: relative; cursor: pointer;}
.reports.col9{background: #f3e9f9; position: relative; cursor: pointer;}

.reports-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.reports-pop.pop:hover .reports-popup {display: block;}
.reports-popup {display: none; position: absolute; top: 40px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 12px; z-index: 500; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.reports-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}

/***************** WAU *****************/
.wau p {font-family: calibri, sans-serif; font-size: 14px;}
.wau {background-image: url('WA.jpg'); background-repeat: repeat;}
.wau table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px; border-radius: 10px; border-spacing: 0; text-align: top;}
.wau td, .wau th {border: 2px solid #fff; line-height: 1;}
.wau th {background: #4e2496; color: white; font-size: 14px; text-shadow: 0 1px 1px #2D2020; padding: 4px 4px; border-style: solid; border-color: black; border: 1px solid black; border-collapse: collapse;}
.wau th, wau td {border-style: none; border-width: 0 0px 0px 0; border-color: 0xfff;}
.wau th:first-child, wau td:first-child {text-align: left;}
.wau th:first-child {border-top-left-radius: 10px;}
.wau th:last-child {border-top-right-radius: 10px;}
/*.wau a {text-decoration: none; color: #45cc48; font-size: 16px;}
.wau a:hover {text-decoration-thickness: 12px; font-size: 20px;}
.wau a:focus {font-size: 24px;}
.wau a:active {}*/
.wau th:last-child {border-top-right-radius: 10px; border-right: none;}
.wau td {padding: 1px 1px; background: #673ab72e; line-height: 1;}
.wau tr:last-child td:first-child {border-radius: 0 0 0 10px;}
.wau tr:last-child td:last-child {border-radius: 0 0 10px 0;}
.wau form {margin: 0;}
.wau.popcell{background: #ffffff; position: relative; cursor: pointer;}
.wau.popcell:hover .wau-popup {display: block;}
.wau button {margin: 0; padding: 5px 10px; display: inline-block;}
.wau-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.wau-pop.pop:hover .wau-popup {display: block;}
.wau-popup {display: none; position: relative; top: 0px; left: 40; min-width: 600px; padding: 10px; background: #fff; text-align: left; font-size: 12px; z-index: 200; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.wau-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}
.wau standard-link {color: #0000FF; text-decoration: underline;}

.buttonwau {display: inline-block; width: 100%; height: 100%; padding: 10px 10px; font-size: 12px; cursor: pointer; text-align: justify; text-decoration: none; outline: no; color: #fff; background-color: #4e2496; border: none; border-radius: 15px; box-shadow: 5px 5px #999;}
.buttonwau:hover {background-color: #ad0202}
.buttonwau:active {background-color: #ad0202; box-shadow: 0 5px #666; transform: translateY(4px);}

.wauout {display: block; width: 80%; text-align: right; align: right; background: #b8dec9; padding: 10px; border-radius: 15px; box-shadow: 10px 10px #999; float:right; margin-left: 5px; margin-right: 10px; margin-top: 10px; font-size: 12px;}
.wauin {display: inline-block; width: 80%; text-align: left; background: #fff; padding: 10px; border-radius: 15px; box-shadow: 10px 10px #999; float:left; margin-left: 5px; margin-right: 10px; margin-top: 10px; font-size: 12px;}

/***************** THE VTAB *****************/
.vtab {overflow: hidden; border: 1px solid #ccc; background-color: #673ab72e;}
.vtab button {background-color: #fff; border: none; outline: none; cursor: pointer; padding: 5px 5px; transition: 0.5s; text-align: left; border-radius: 7px; box-shadow: 5px 5px #999; margin-left: 5px; margin-right: 5px; margin-top: 2px;}
.vtab button.b2 {background-color: #b8dec9; border: none; outline: none; cursor: pointer; padding: 5px 5px; transition: 0.5s; text-align: left; border-radius: 7px; box-shadow: 5px 5px #999; margin-left: 5px; margin-right: 5px; margin-top: 5px;}
.vtab button:hover {background-color: #8f53f5;}
.vtab button.active {background-color: #4e2496; color: #fff;}
.vtab label {display: block; width: 180px; padding: 0px; color: #4F5966; background: #673ab72e; cursor: pointer;}
.vtab input {display: none;} 
.vtabcontent {display: none; padding: 0px 0px; border: 1px solid #ccc; border-top: none;}

/***************** PRIMREC *****************/
.primrec p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px;}
.primrec table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; border-radius: 10px; border-spacing: 0; text-align: center;}
.primrec td, .primrec th {border: 2px solid #fff;}
.primrec th {background: #4e2496; color: white; font-size: 12px; text-shadow: 0 1px 1px #2D2020; padding: 1px 1px; border-style: solid; border-color: black; border: 1px solid black; border-collapse: collapse;}
.primrec th, primrec td {border-style: none; border-width: 0 0px 0px 0; border-color: 0xfff;}
.primrec th:first-child, primrec td:first-child {text-align: left;}
.primrec th:first-child {border-top-left-radius: 10px;}
.primrec th:last-child {border-top-right-radius: 10px;}
.primrec a {text-decoration: none; color: #45cc48; font-size: 12px;}
.primrec a:hover {text-decoration-thickness: 12px; font-size: 12px;}
.primrec a:focus {font-size: 12px;}
.primrec a:active {}
.primrec th:last-child {border-top-right-radius: 10px; border-right: none;}
.primrec td {padding: 5px 5px; background: #673ab72e;}
.primrec tr:last-child td:first-child {border-radius: 0 0 0 10px;}
.primrec tr:last-child td:last-child {border-radius: 0 0 10px 0;}
.primrec-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.primrec-pop.pop:hover .primrec-popup {display: block;}
.primrec-popup {display: none; position: absolute; top: 40px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.primrec-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}

/***************** FINANCEOVAL *****************/
.financeoval p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 16px;}
.financeoval table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px; border-radius: 10px; border-spacing: 0; text-align: center;}
.financeoval th {background: #673ab72e; color: blue; text-shadow: 0 2px 2px #2D2020; padding: 5px 5px;}
.financeoval th, financeoval td {border-style: solid; border-width: 0 2px 2px 0; border-color: white;}
.financeoval th:first-child {border-top-left-radius: 10px;}
.financeoval th:last-child {border-top-right-radius: 10px; border-right: none;}
.financeoval td {padding: 5px 5px; background: #673ab72e;}
.financeoval tr:last-child td:first-child {border-radius: 10px 10px 10px 10px;}
.financeoval tr:last-child td:last-child {border-radius: 10px 10px 10px 10px;}
.financeoval tr td {border-radius: 5px 5px 5px 5px;}
.financeoval-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.financeoval-pop.pop:hover .finance-popup {display: block;}
.financeoval-popup {display: none; position: absolute; top: 40px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.financeoval-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}

/***************** DRAPP *****************/
.drapp p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 16px;}
.drapp table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 16px; border-radius: 10px; border-spacing: 0; text-align: center;}
.drapp th {background: #4e2496; color: #fff; padding: 6px 6px;}
.drapp th, drapp td {border-style: solid; border-width: 0 2px 2px 0; border-color: white;}
.drapp th:first-child {border-top-left-radius: 10px;}
.drapp th:last-child {border-top-right-radius: 10px; border-right: none;}
.drapp td {padding: 5px 5px; background: ##4e2496;}
.drapp tr:last-child td:first-child {border-radius: 10px 10px 10px 10px;}
.drapp tr:last-child td:last-child {border-radius: 10px 10px 10px 10px;}
.drapp tr td {border-radius: 5px 5px 5px 5px;}
.drapp-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.drapp-pop.pop:hover .finance-popup {display: block;}
.drapp-popup {display: none; position: absolute; top: 40px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.drapp-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}

/***************** DRRECSCALE *****************/
.drecscale p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 16px;}
.drecscale table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 16px; border-radius: 10px; border-spacing: 0; text-align: center;}
.drecscale th {background: #4e2496; color: #fff; padding: 8px 8px;}
.drecscale th, drecscale td {border-style: solid; border-width: 0 2px 2px 0; border-color: white;}
.drecscale th:first-child {border-top-left-radius: 10px;}
.drecscale th:last-child {border-top-right-radius: 10px; border-right: none;}
.drecscale td {padding: 5px 5px; background: ##4e2496;}
.drecscale tr:last-child td:first-child {border-radius: 10px 10px 10px 10px;}
.drecscale tr:last-child td:last-child {border-radius: 10px 10px 10px 10px;}
.drecscale tr td {border-radius: 5px 5px 5px 5px;}
.drecscale-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.drecscale-pop.pop:hover .finance-popup {display: block;}
.drecscale-popup {display: none; position: absolute; top: 40px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.drecscale-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}

/***************** FINANCENEW *****************/
.financenew p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px;}
.financenew table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px; text-align: center;}
.financenew th {background: #4e2496; color: white; font-size: 16px; text-shadow: 0 1px 1px #2D2020; padding: 2px 2px; border-style: solid; border-color: black; border: 1px solid black; border-collapse: collapse;}
.financenew th, finance td {border-style: solid; border-width: 0px 0px 0px 0px; border-color: white;}
.financenew td {padding: 1px 1px; background: #673ab72e;}
.financenew-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.financenew-pop.pop:hover .finance-popup {display: block;}
.financenew-popup {display: none; position: absolute; top: 40px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.financenew-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}

/***************** FINANCEsmall *****************/
.financesmall p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px;}
.financesmall table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; border-radius: 10px; border-spacing: 0; text-align: center;}
.financesmall th {background: #673ab72e; color: white; text-shadow: 0 1px 1px #2D2020; padding: 3px 3px; border-style: none; border-width: 1px 1px 1px 1px; border-color: #fff;}
.financesmall td {border-style: solid; border-width: 1px 1px 1px 1px; border-color: white; padding: 1px 1px; background: #d2f9fa; text-align: left;}
.financesmall, .financesmall td, .financesmall tr {border-radius: 0;}
/* .financesmall tr:last-child td, .financesmall tr:last-child td {border-radius: 0;}*/
.financesmall.event{background: #f90552;position: relative;cursor: pointer;}
.financesmall.event:hover .medrecord-popup {display: block;}
.financesmall-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.financesmall-pop.pop:hover .financesmall-popup {display: block;}
.financesmall tr:last-child td:first-child {border-radius: 0 0 0 10px;  /* bottom-left corner rounded */}
.financesmall tr:last-child td:last-child {border-radius: 0 0 10px 0;  /* bottom-right corner rounded */}
.financesmall-popup {display: none; position: absolute; top: 20px; left: 0; min-width: 200px; padding: 5px; background: #fff; text-align: left; font-size: 10px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.financesmall-popup:before {content: ""; border: solid transparent; position: absolute; left: 4px; bottom: 100%; border-bottom-color: #000; border-width: 1px; margin-left: 0;}

/***************** quiz *****************/
.quiz table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; border-radius: 10px; border-spacing: 0; text-align: center;}
.quiz th {background: #673ab72e; color: white; text-shadow: 0 1px 1px #2D2020; padding: 3px 3px; border-style: none; border-width: 1px 1px 1px 1px; border-color: #fff;}
.quiz td {border-style: solid; border-width: 1px 1px 1px 1px; border-color: white; padding: 1px 1px; background: #d2f9fa; text-align: left;}
.quiz, .quiz td, .quiz tr {border-radius: 0;}
.quiz tr:last-child td:first-child {border-radius: 0 0 0 10px;  /* bottom-left corner rounded */}
.quiz tr:last-child td:last-child {border-radius: 0 0 10px 0;  /* bottom-right corner rounded */}

/***************** utm *****************/
/* Reset all inherited styles for .utm that might come from .finance */
.utm, .utm table, .utm tr, .utm td, .utm th {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; /* Example to ensure the font family is consistent */
    font-size: 12px; /* Ensures the font size is as specified, not inherited */
    border-radius: 0 !important; /* Force no rounded corners, overriding any possible inheritance */
    border-spacing: 0; /* Specific for tables */
    text-align: left; /* Ensures text alignment is as specified */
    border-style: none !important; /* Ensures no borders are inherited */
    border-width: 0 !important; /* Ensures no border width is inherited */
    background: #d2f9fa; /* Specific background to ensure it's not inherited */
    padding: 1px 1px; /* Override any inherited padding */
    margin: 0; /* Remove any inherited margin */}
/* Specific styles for headers in .utm */
.utm th {background: #673ab72e; color: white; text-shadow: 0 1px 1px #2D2020; padding: 2px 2px; border-color: #fff;}
.utm tr:last-child td:first-child {border-radius: 0 0 0 10px !important; /* Rounded bottom-left corner */}
.utm tr:last-child td:last-child {border-radius: 0 0 10px 0 !important; /* Rounded bottom-right corner */}

/***************** iniappointments *****************/
.iniappointments p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px;}
.iniappointments table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px; border-spacing: 0; text-align: center;}
.iniappointments th {background: #4e2496; color: white; text-shadow: 0 1px 1px #2D2020; padding: 3px 3px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: black;}
.iniappointments td {border-style: solid; border-width: 1px 1px 1px 1px; border-color: white;}
.iniappointments th:first-child, td:first-child {text-align: left; border-radius: 10px 0 0 0;}
.iniappointments th:last-child, td:first-child {text-align: left; border-radius: 0 10px 0 0;}
.iniappointments a {text-decoration: underline; font-weight: bold; color: #000; font-size: 16px;}
.iniappointments a:hover {text-decoration-thickness: 12px;}
.iniappointments a:focus {font-size: 24px;}
.iniappointments a:active {}
.iniappointments td {padding: 1px 1px; background: #d2f9fa; border-radius: 0 0 0 0;}
.iniappointments.event{background: #f90552;position: relative;cursor: pointer;}
.iniappointments.event:hover .medrecord-popup {display: block;}
.iniappointments-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.iniappointments-pop.pop:hover .financesmall-popup {display: block;}
.iniappointments tr:first-child td:first-child {border-radius: 0 0 0 0;}
.iniappointments td:first-child {border-radius: 0 0 0 0;}
.iniappointments td:not(first-child) {border-radius: 0 0 0 0;}
.iniappointments td {border-radius: 0 0 0 0;}
.iniappointments tr {border-radius: 0 0 0 0;}
.iniappointments tr td {border-radius: 0 0 0 0;}
.iniappointments td:last-child {border-radius: 0 0 0 0;}
.iniappointments tr:first-child td:last-child {border-radius: 0 0 0 0;}
.iniappointments tr:last-child td:first-child {border-radius: 0 0 0 10px;}
.iniappointments tr:last-child td:last-child {border-radius: 0 0 10px 0;}
.iniappointments-popup {display: none; position: absolute; top: 20px; left: 0; min-width: 200px; padding: 5px; background: #fff; text-align: left; font-size: 10px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.iniappointments-popup:before {content: ""; border: solid transparent; position: absolute; left: 4px; bottom: 100%; border-bottom-color: #000; border-width: 1px; margin-left: 0;}
.iniappointments.regular{background: #27b09f2e; position: relative; cursor: pointer;}
.iniappointments.regular:hover .iniappointments-popup {display: block;}
.iniappointments.eventplus{background: #e9f3f7;	position: relative;cursor: pointer;}
.iniappointments.eventplus:hover .iniappointments-popup {display: block;}
.iniappointments.event0{background: #f7f5b2; position: relative; cursor: pointer; }
.iniappointments.event0:hover .iniappointments-popup {display: block;}
.iniappointments.eventminus{background: #f799a7; position: relative; cursor: pointer;}
.iniappointments.eventminus:hover .iniappointments-popup {display: block;}

/***************** DRCALENDOVAL *****************/
.drcalendoval p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 16px;}
.drcalendoval table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px; border-radius: 10px; border-spacing: 0; text-align: center;}
.drcalendoval th {background: #673ab72e; color: blue; text-shadow: 0 2px 2px #2D2020; padding: 5px 5px;}
.drcalendoval th, finance td {border-style: solid; border-width: 0 2px 2px 0; border-color: white;}
.drcalendoval th:first-child {border-top-left-radius: 7px;}
.drcalendoval th:last-child {border-top-right-radius: 7px; border-right: none;}
.drcalendoval td {padding: 5px 5px; background: #673ab72e;}
.drcalendoval tr:last-child td:first-child {border-radius: 7px 7px 7px 7px;}
.drcalendoval tr:last-child td:last-child {border-radius: 7px 7px 7px 7px;}
.drcalendoval tr td {border-radius: 7px 7px 7px 7px;}
.drcalendoval-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.drcalendoval-pop.pop:hover .finance-popup {display: block;}
.drcalendoval-popup {display: none; position: absolute; top: 40px; left: 0; min-width: 200px; padding: 15px; background: #fff; text-align: left; font-size: 13px; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.drcalendoval-popup:before {content: ""; border: solid transparent; position: absolute; left: 8px; bottom: 100%; border-bottom-color: #fff; border-width: 9px; margin-left: 0;}

/***************** simplenew *****************/
.simplenew p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px;}
.simplenew table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; border-radius: 0px; border-spacing: 0; text-align: center; border-collapse: collapse;}
.simplenew th {background: #fff; color: white; text-shadow: 0 0px 0px #000; padding: 1px 1px; border-style: solid; border-width: 2px 2px 2px 2px; border-color: black; border-collapse: collapse;}
.simplenew td {border-style: solid; border-width: 1px 1px 1px 1px; border-color: black; border-collapse: collapse;}
.simplenew th:first-child, simplenew td:first-child {text-align: left; border-collapse: collapse;}
.simplenew td {padding: 1px 1px; background: #fff; border-radius: 0 0 0 0; border-collapse: collapse;}

/***************** printory *****************/
.printory p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px; border-spacing: 0; page-break-before: avoid; page-break-inside: avoid; page-break-after: avoid;}
.printory table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px; border-radius: 0px; border-spacing: 0; text-align: left; border-collapse: collapse; width: 210mm}
.printory th {background: #fff; color: black; padding: 1px 1px; border-style: solid; border-width: 2px 2px 2px 2px; border-color: black; border-collapse: collapse;}
.printory th:first-child, td:first-child {text-align: left; border-radius: 0px 0 0 0;}
.printory th:last-child, td:first-child {text-align: left; border-radius: 0 0px 0 0;}
.printory td {border-style: solid; border-width: 1px 1px 1px 1px; border-color: black; border-collapse: collapse;}
.printory td, .printory th {border: 1px solid #000;}

@media print {printory {height: 297mm; width: 210mm;}}

/***************** simple1 *****************/
.simple1 p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 10px;}
.simple1 table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 10px; text-align: center; border-collapse: collapse;}
.simple1 td {border-style: solid; border-width: 1px 1px 1px 1px; border-color: black; padding: 0px 0px; background: #fff; border-radius: 0 0 0 0;}
.simple1 td {padding: 0px 0px; background: #fff; border-radius: 0 0 0 0;}

/***************** simple2 *****************/
.simple2 p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 10px;}
.simple2 table {width: 100%; margin-bottom: 20px; border: 1px solid #dddddd; border-collapse: collapse;}
.simple2 table th {padding: 5px; background: #efefef; border: 1px solid #dddddd;}
.simple2 table td {border: 1px solid #dddddd; padding: 5px;}

/***************** GOODSsmall *****************/
.goodssmall p {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; border-collapse: collapse;}
.goodssmall table {font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; border-radius: 10px; border-spacing: 0; text-align: center; border-collapse: collapse;}
.goodssmall container {height: 800px; width: 1200px; margin: auto; overflow: auto; border-collapse: collapse;}
.goodssmall th {background: #4e2496; color: white; font-size: 16px; text-shadow: 0 1px 1px #2D2020; padding: 10px 10px; border-style: solid; border-color: black; border: 1px solid black; border-collapse: collapse;}
.goodssmall td {border-style: solid; font-size: 16px; border-color: white; border-collapse: collapse; padding: 0px 0px; background: #d2f9fa; border-radius: 10 10 10 10;}
//.goodssmall th:first-child, goodssmall td:first-child {text-align: left; border-collapse: collapse;}
.goodssmall thead th {position: sticky; top: 0; border-collapse: collapse;}
.goodssmall-pop.pop {background: #adfff0; position: relative; cursor: pointer;}
.goodssmall-pop.pop:hover .goodssmall-popup {display: block;}
.goodssmall-popup {display: none; position: absolute; top: 0px; left: 0; min-width: 400px; padding: 5px; background: #fff; text-align: left; font-size: 11px; z-index: 200; box-shadow: 0 0 10px rgba(0,0,0,0.5); color: #000;}
.goodssmall-popup:before {content: ""; border: solid transparent; position: absolute; left: 4px; bottom: 100%; border-bottom-color: #000; border-width: 1px; margin-left: 0;}
.goodssmall-cell.regular{background: #27b09f2e;position: relative;cursor: pointer;}
.goodssmall-cell.regular:hover .goodssmall-popup {display: block;}

/********** BUTTON1! **********/
.button1 {display: inline-block; padding: 15px 25px; font-size: 18px; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: #4CAF50; border: none; border-radius: 15px; box-shadow: 10px 10px #999;}
.button1:hover {background-color: #3e8e41}
.button1:active {background-color: #3e8e41; box-shadow: 0 5px #666; transform: translateY(4px);}

/********** BUTTONYES **********/
.buttonyes {display: inline-block; padding: 15px 25px; font-size: 18px; line-height: 1.5; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: #4CAF50; border: none; border-radius: 15px; box-shadow: 10px 10px #999; vertical-align: middle; height: auto;}
.buttonyes:hover {background-color: #3e8e41;}
.buttonyes:active {background-color: #3e8e41; box-shadow: 0 5px #666; transform: translateY(4px);}

/********** BUTTONNO **********/
.buttonno {display: inline-block; padding: 15px 25px; font-size: 18px; line-height: 1.5; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: #f4511e; border: none; border-radius: 15px; box-shadow: 10px 10px #999; vertical-align: middle; height: auto;}
.buttonno:hover {background-color: #ad0202;}
.buttonno:active {background-color: #ad0202; box-shadow: 0 5px #666; transform: translateY(4px);}

/********** BUTTONVIOLET **********/
.buttonviolet {display: inline-block; padding: 5px 5px; font-size: 16px; line-height: 1; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: #4e2496; border: none; border-radius: 5px; box-shadow: 2px 2px #999; vertical-align: middle; height: auto;}
.buttonviolet:hover {background-color: #11012e;}
.buttonviolet:active {background-color: #11012e; box-shadow: 0 5px #666; transform: translateY(4px);}

/********** BUTTONGREEN **********/
.buttongreen {display: inline-block; padding: 5px 5px; font-size: 16px; line-height: 1; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: #4CAF50; border: none; border-radius: 5px; box-shadow: 2px 2px #999; vertical-align: middle; height: auto;}
.buttongreen:hover {background-color: #085922;}
.buttongreen:active {background-color: #085922; box-shadow: 0 5px #666; transform: translateY(4px);}

/********** BUTTONRED **********/
.buttonred {display: inline-block; padding: 5px 5px; font-size: 16px; line-height: 1; cursor: pointer; text-align: center; text-decoration: none; outline: none; color: #fff; background-color: #f4511e; border: none; border-radius: 5px; box-shadow: 2px 2px #999; vertical-align: middle; height: auto;}
.buttonred:hover {background-color: #590817;}
.buttonred:active {background-color: #590817; box-shadow: 0 5px #666; transform: translateY(4px);}


/***************** THE TAB *****************/
/*.tab {display: flex; overflow: hidden; border: 1px solid #ccc; background-color: #673ab72e;}
.tab button {background-color: inherit; display: inline-block; border: none; outline: none; cursor: pointer; padding: 10px 10px; transition: 0.3s;}
.tab button:hover {background-color: #8f53f5;}
.tab button.active {background-color: #4e2496; color: #fff;}
.tabcontent {display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none;}
.tab button:first-child {border-top-left-radius: 5px; border-top-right-radius: 5px;}*/

/***************** THE TAB *****************/
.tab {display: flex; overflow: hidden; border: 1px solid #ccc; background-color: #673ab72e; margin: 0; padding: 0;}
.tab button {background-color: inherit; display: inline-block; border: none; outline: none; cursor: pointer; padding: 10px; transition: 0.3s; line-height: normal;}
.tab button:hover {background-color: #8f53f5;}
.tab button.active {background-color: #4e2496; color: #fff;}
.tabcontent {display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; margin: 0; padding: 0;}
.tab button:first-child {border-top-left-radius: 5px; border-top-right-radius: 5px;}

h1 {page-break-inside: avoid; page-break-after: avoid;}
h1 + p {page-break-before: avoid; page-break-inside: avoid;}
h2 {page-break-inside: avoid; page-break-after: avoid;}
h2 + p {page-break-before: avoid; page-break-inside: avoid;}
h3 {page-break-inside: avoid; page-break-after: avoid;}
h3 + p {page-break-before: avoid; page-break-inside: avoid;}

/********** BUTTON2! **********/
.button2 {display: inline-block; border-radius: 4px; background-color: #f4511e; border: none; color: #FFFFFF; text-align: center; font-size: 28px; padding: 20px; width: 200px; transition: all 0.5s; cursor: pointer; margin: 5px;}
.button2 span {cursor: pointer; display: inline-block; position: relative; transition: 0.5s;}
.button2 span:after {content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;}
.button2:hover span {padding-right: 25px;}
.button2:hover span:after {opacity: 1; right: 0;}

/***************** popupbox *****************/
.box {width: 60%; margin: 0 auto; background: rgba(255,255,255,0.2); padding: 10px; border: 4px solid #fff; border-radius: 10px/40px; background-clip: padding-box; text-align: center;}
.button {font-size: 2em; padding: 5px; color: #adfff0; border: 4px solid #06D85F; border-radius: 10px/30px; text-decoration: none; cursor: pointer; transition: all 0.3s ease-out;}
.button:hover {background: #06D85F;}
.overlay {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 1ms; visibility: hidden; opacity: 1; z-index: 100000;}
.overlay:target {visibility: visible; opacity: 1; position: fixed; left: 11%; top: 15%; width:80%; height:80%; display: block; }
.popup {margin: 10px auto; padding: 10px; background: #fff; border-radius: 5px; width: 100%; position: relative; transition: none 5s ease-in-out;}
.popup h2 {margin-top: 0; color: #333; font-family: Tahoma, Arial, sans-serif;}
.popup .close {position: relative; top: 10px; left: 10px; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333;}
.popup .close:hover {color: #06D85F;}

.overlay800 {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 1ms; visibility: hidden; opacity: 1; z-index: 100000;}
.overlay800:target {visibility: visible; opacity: 1; position: fixed; left: 11%; top: 15%; width:80%; height:80%; display: block; }
.popup800 .content {max-height: 50%; overflow: none;}
.popup800 {margin: 40px auto; padding: 10px; background: #fff; border-radius: 20px; width: 80%; position: relative; transition: none 5s ease-in-out;}
.popup800 h2 {margin-top: 40; color: #333; font-family: Tahoma, Arial, sans-serif;}
.popup800 .close {position: absolute; top: 10px; right: 30px; transition: all 100ms; font-size: 48px; font-weight: bold; text-decoration: none; color: #333;}
.popup800 .close:hover {color: #06D85F;}
.popup800 .content {max-height: 50%; overflow: none;}

.overlay600 {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 1ms; visibility: hidden; opacity: 1; z-index: 100000;}
.overlay600:target {visibility: visible; opacity: 1; position: fixed; left: 20%; top: 15%; width:60%; height:60%; display: block; }
.popup600 .content {max-height: 30%; overflow: none;}
.popup600 {margin: 40px auto; padding: 10px; background: #fff; border-radius: 20px; width: 60%; position: relative; transition: none 5s ease-in-out;}
.popup600 h2 {margin-top: 40; color: #333; font-family: Tahoma, Arial, sans-serif;}
.popup600 .close {position: absolute; top: 10px; right: 30px; transition: all 100ms; font-size: 48px; font-weight: bold; text-decoration: none; color: #333;}
.popup600 .close:hover {color: #06D85F;}
.popup600 .content {max-height: 50%; overflow: none;}

.overlay400 {position: fixed; top: 5; bottom: 10; left: 10; right: 10; background: rgba(0, 0, 0, 0.7); transition: opacity 1ms; visibility: hidden; opacity: 1; z-index: 100000;}
.overlay400:target {visibility: visible; opacity: 1; position: fixed; left: 20%; top: 20%; width:50%; height:70%; display: block; }
.popup400 .content {max-height: 50%; overflow: none;}
.popup400 {margin: 40px auto; padding: 10px; background: #fff; border-radius: 20px; width: 80%; position: relative; transition: none 5s ease-in-out;}
.popup400 h2 {margin-top: 40; color: #333; font-family: Tahoma, Arial, sans-serif;}
.popup400 .close {position: absolute; top: 10px; right: 30px; transition: all 100ms; font-size: 48px; font-weight: bold; text-decoration: none; color: #333;}
.popup400 .close:hover {color: #06D85F;}
.popup400 .content {max-height: 50%; overflow: none;}

.overlaysmall {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 5ms; visibility: hidden; opacity: 1; z-index: 100000;}
.overlaysmall:target {visibility: visible; opacity: 1; position: fixed; left: 0%; top: 0%; width: 100%; height: 100%; display: block; z-index: 100000;}

.popupsmall {margin: 10px auto; padding: 10px; background: #fff; border-radius: 5px; width: 100%; position: relative; transition: none 5s ease-in-out;}
.popupsmall h2 {margin-top: 0; color: #333; font-family: Tahoma, Arial, sans-serif;}
.popupsmall .close {position: absolute; top: 5px; right: 10px; transition: all 500ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #333;}
.popupsmall .close:hover {color: #06D85F;}
.popupsmall .content {max-height: 100%; overflow: yes;}

.popupsuperstore {margin: 5px auto; padding: 5px; background: #5df5e1; border-radius: 20px; width: 40%; position: relative; transition: none 1s ease-in-out;}
.popupsuperstore h2 {margin-top: 0; color: #333; font-family: Tahoma, Arial, sans-serif;}
.popupsuperstore .close {position: absolute; top: 15px; right: 15px; transition: all 1000ms; font-size: 60px; font-weight: bold; text-decoration: none; color: #333;}
.popupsuperstore .close:hover {color: #de2c04;}
.popupsuperstore .content {max-height: 100%; overflow: yes;}

.popupwriteoff {margin: 20px auto; padding: 20px; background: #5df5e1; border-radius: 20px; width: 70%; position: relative; transition: none 1s ease-in-out;}
.popupwriteoff .close {position: absolute; top: 15px; right: 15px; transition: all 1000ms; font-size: 60px; font-weight: bold; text-decoration: none; color: #333;}
.popupwriteoff .close:hover {color: #de2c04;}
/*.popupwriteoff .content {max-height: 100%; overflow: yes;}*/

.npsframe {border: 2px solid #4e2496; border-radius: 10px; padding: 10px; background-color: #fff; color: #4e2496; text-align: center;}
.npsframeviolet {border: 2px solid #ccc; border-radius: 10px; padding: 10px; background-color: #673ab72e; color: #4e2496; text-align: center; font-size: 22px;}

@media screen and (max-width: 2048px){.box{width: 80%;} .popup{width: 80%; } .popupsmall{width: 80%; } .popupsuperstore{width: 30%; }}
@page {margin: 10mm 10mm 10mm 10mm;}
@media print {*, *:before, *:after {color: #000; box-shadow: none; text-shadow: none; font-size: 18px;}}
@media print {.header, .footer, .banner {display: none;}}
@media print{article {page-break-inside: avoid;}}
@media print {.more {page-break-after: avoid;}} 
datalist {display: flex; flex-direction: column; justify-content: space-between; writing-mode: vertical-lr; width: 600px;}
option {padding: 5;}
input[type="range"] {width: 600px; margin: 2;}

details {font: 16px "Open Sans", Calibri, sans-serif; width: 100%;}
/* details > summary {padding: 2px 6px; width: 60rem; background-color: #d9acfc; border: none; box-shadow: 5px 5px 5px black; cursor: pointer;} */
details > summary {padding: 2px 6px; background-color: #d9acfc; border: none; box-shadow: 5px 5px 5px black; cursor: pointer;}

details details {margin-left: 40px;}
/* Стили для второго уровня summary */
details details > summary {padding: 2px 6px; background-color: #b89dfc; border: none; box-shadow: 8px 8px 8px black; cursor: pointer;}

details details details {margin-left: 80px;}
/* Стили для третьего уровня summary */
details details details > summary {
    padding: 2px 2px;
    background-color: #9a7efc;
    border: none;
    box-shadow: 3px 3px 3px black; /* Можно изменить тень */
    cursor: pointer;
}

details details details details {margin-left: 120px;}
/* Стили для четвертого уровня summary */
details details details details > summary {
    padding: 2px 6px;
    width: 54em; /* Можно изменить ширину для четвертого уровня */
    background-color: #7b5efc; /* Цвет для четвертого уровня */
    border: none;
    box-shadow: 2px 2px 2px black; /* Можно изменить тень */
    cursor: pointer;
}

.scrollable-container {
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch; /* для плавной прокрутки на мобилках */
}

#xlsx_spinner{border: 0; position: absolute; width: 3.5ch; height: 3.5ch; margin: 0.5ch 0 0 61ch;}
#xlsx_save {border: 0; background-image: url("/local/img/excel.png"); background-size:cover; position: absolute; width: 3.5ch; height: 3.5ch; margin: 0.5ch 0 0 61ch; cursor: pointer;}