html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;}ol, ul {	list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;	border-spacing: 0;}

/*BASE*/

a{text-decoration:none;color:#0E5B78}
a:hover{text-decoration:underline}
strong, b{font-weight:bold}
i{font-style:italic;}
h1{font-size: clamp(1.7rem, 5vw, 2.35rem); line-height:1.2; margin-bottom:20px; font-weight: normal}
h2{font-size: 2rem;margin: 30px 0 20px 0;line-height:1.2;}
h3{font-size: 1.5rem;margin: 30px 0 20px 0;line-height:1.2;}
p{margin-bottom:1rem}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance:textfield;}
sup{font-size: 0.7rem;vertical-align: super;margin:0 3px}


.w100{width:100%}
.pad_10{padding:10px !important}
.mt15{margin-top:15px}

body{min-height: 100vh;  display: flex;  flex-direction: column;  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";  font-size:16px;}

body *{
	font-family: inherit;
	box-sizing: border-box;
}

img, svg {
    vertical-align: middle;
}

/*HEAD*/
header{margin:15px 0 30px 0}

#h_container{max-width:1400px; background:#eee;margin:0 auto}

header nav{max-width:1400px; margin:0 auto;line-height:0; position:relative; padding:0 15px}

header nav  #logo a{display:block}

#nav_container{display: flex;justify-content: space-between; align-items: center;flex-direction:row}

#nav_menu_container.show_menu{opacity: 1;max-height: 1000px;transition: all 0.3s ease-in;}

#nav_menu_container ul{width: 100%;list-style: none;display: flex;align-items:center;margin: 0;padding: 0;}

#nav_menu_container ul li{margin-left:20px; display:block}

#nav_menu_container ul li svg{width: 28px;height: 28px;vertical-align: middle;}

#nav_menu_container ul li a:hover svg{color:#FC3F1D;}

#nav_menu_container ul li a span{margin-left:10px;}

#navTrigger {display: none;position:absolute;right: 15px;top: 15px;}

#navTrigger {cursor: pointer;width: 30px;height: 25px;}

#navTrigger i {background-color: #000;border-radius: 2px;content: '';display: block;width: 100%;height: 4px;}

#navTrigger i:nth-child(1) {-webkit-animation: outT 0.5s backwards;animation: outT 0.5s backwards;-webkit-animation-direction: reverse;animation-direction: reverse;}

#navTrigger i:nth-child(2) {margin: 5px 0;-webkit-animation: outM 0.5s backwards;animation: outM 0.5s backwards;-webkit-animation-direction: reverse;animation-direction: reverse;}

#navTrigger i:nth-child(3) {-webkit-animation: outBtm 0.5s backwards;animation: outBtm 0.5s backwards;-webkit-animation-direction: reverse;animation-direction: reverse;}

#navTrigger.active i:nth-child(1) {-webkit-animation: inT 0.5s forwards;animation: inT 0.5s forwards;}

#navTrigger.active i:nth-child(2) {-webkit-animation: inM 0.5s forwards;animation: inM 0.5s forwards;}

#navTrigger.active i:nth-child(3) {-webkit-animation: inBtm 0.5s forwards;animation: inBtm 0.5s forwards;}

@-webkit-keyframes inM {50% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(45deg);}}

@keyframes inM {50% {transform: rotate(0deg);}100% {transform: rotate(45deg);}}

@-webkit-keyframes outM {50% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(45deg);}}

@keyframes outM {50% {transform: rotate(0deg);}100% {transform: rotate(45deg);}}

@-webkit-keyframes inT {0% {-webkit-transform: translateY(0px) rotate(0deg);}50% {-webkit-transform: translateY(9px) rotate(0deg);}100% {-webkit-transform: translateY(9px)rotate(135deg);}}

@keyframes inT {0% {transform: translateY(0px) rotate(0deg);}50% {transform: translateY(9px) rotate(0deg);}100% {transform: translateY(9px) rotate(135deg);}}

@-webkit-keyframes outT {0% {-webkit-transform: translateY(0px) rotate(0deg);}50% {-webkit-transform: translateY(9px) rotate(0deg);}100% {-webkit-transform: translateY(9px) rotate(135deg);}}

@keyframes outT {0% {transform: translateY(0px) rotate(0deg);}50% {transform: translateY(9px) rotate(0deg);}100% {transform: translateY(9px) rotate(135deg);}}

@-webkit-keyframes inBtm {0% {-webkit-transform: translateY(0px) rotate(0deg);}50% {-webkit-transform: translateY(-9px) rotate(0deg);}100% {-webkit-transform: translateY(-9px) rotate(135deg);}}

@keyframes inBtm {0% {transform: translateY(0px) rotate(0deg);}50% {transform: translateY(-9px) rotate(0deg);}100% {transform: translateY(-9px) rotate(135deg);}}

@-webkit-keyframes outBtm {0% {-webkit-transform: translateY(0px) rotate(0deg);}50% {-webkit-transform: translateY(-9px) rotate(0deg);}100% {-webkit-transform: translateY(-9px) rotate(135deg);}}

@keyframes outBtm {0% {transform: translateY(0px) rotate(0deg);}50% {transform: translateY(-9px) rotate(0deg);}100% {transform: translateY(-9px) rotate(135deg);}}


#breadcrumb{max-width: 1400px;margin: 0 auto;position: relative;padding: 0 15px;display: flex;justify-content: left;width: 100%;margin-bottom: 20px;}
#breadcrumb, #breadcrumb a{color:#535353;}
#breadcrumb ul{width: 100%;line-height: 1.5rem;}
#breadcrumb ul li{display: inline;}
#breadcrumb ul li:not(:first-child) {margin-left:5px;}
#breadcrumb ul li:after {content: "/";}
#breadcrumb ul li:last-child:after {content: "";}



/*CONTAINER*/
#page_container{max-width: 1400px;margin: 0 auto; padding:0 15px;width:100%}


#container{max-width:1400px;margin:0 auto;display: flex;flex-direction: row; gap: 45px; line-height: 1.5rem;color: #333;width:100%;box-sizing: border-box;}
#container a{color:#0E5B78}
#page{flex:1; order:2}

.post_content{padding:0 0 10px 0;}

.post_content .equation{background-color: #eceff7;font-weight: 600;padding: 5px 10px;border-radius: 5px;line-height: 2.3rem;}

.post_content .mate_panel {padding:15px;border-radius: 0 10px 10px 0;margin: 20px 0;}

.post_content .mate_panel p:last-child {margin-bottom:0}

.post_content .info_panel{background-color: #e7f3fe;border-left: 6px solid #43a6dd;color: black;}

.post_content .sources{font-style: italic;margin-top: 30px;}

.post_content .sources ul{margin: 0 0 20px 0;}
.post_content .sources p{margin-bottom: 0;}

.post_content a{color: #1748d3 !important; font-weight: 600;}

.post_content ul{list-style-type: circle;list-style-position: inside;margin: 20px 0; padding-left:20px}
.post_content ol{list-style-type: decimal;list-style-position: inside;margin: 20px 0; padding-left:20px}
.post_content ul li,.post_content ol li{margin: 10px 0;}

.post_content math{font-size:2.3rem; padding:20px;overflow-x: auto; width: 100%;}

.post_content table{margin-bottom:20px}
.post_content table th, .post_content table td{border: 1px solid #a5a5a5;padding:5px;}
.post_content table thead{font-weight:bold}

/*FRONT PAGE*/
.category_page_title{display: inline-block;padding: 10px;background: #f9f9f9;border-left: 5px solid #aaa;margin: 10px 5px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;border-radius: 5px;color: #333 !important;}
.category_page_title:hover {border-left: 5px solid #3288BA;}

.category_block_front_page{margin-bottom:30px}

.category_block_title{font-size: 1.5rem;margin: 10px 0;font-weight: bold;position:relative;}
.subcategory_block_title{font-size: 1.5rem;margin: 20px 0 20px 0;font-weight: bold;position:relative;color:#333 !important; display:block}
.category_block_title a{color:#333 !important}
.category_block_front_page .other_calcs{background:#eceff1}


/*SIDEBAR*/
aside{flex-basis:300px;position: sticky; top: 10px;height: min-content;}


/*FOOTER*/
body>footer {border-top: 1px solid #eee;color:#555;
max-width: 1400px;
padding: 0 15px;
width: 100%;
max-width: 1400px;
margin: 10px auto 0 auto;
position: relative;
padding: 35px 15px;font-size:18px}

body>footer ul{display: flex;
flex-direction: row;
justify-content: center;
align-items: center;}
body>footer ul li{padding:0 20px; margin:10px}
body>footer ul li a{padding: 7px 15px;border: 1px solid #d4d9e9;border-radius: 20px;}
body>footer ul li:not(:first-child){border-left:1px solid #ccc}

/*ASIDE*/
aside .card{border:1px solid #d4d9e9}
aside .card .card-header{background: #eceff7;padding: 5px 20px;border-bottom: 1px solid #d4d9e9;}


aside .card .card-body ul li{padding-left: 20px;border-bottom: 1px solid #ddd;list-style-position: inside }
aside .card .card-body span{padding: 10px 20px;display: block;}
aside .card .card-body ul li::marker{content:"↺";padding-left: 10px;font-size: 1.2rem;color:#d4d9e9}
aside .card .card-body ul li a{margin-left: 10px;}
aside .card .card-body ul li:last-child {border:none}




.widget_demo{border:1px solid #d4d9e9; overflow: hidden; display: flex;}

.widget_code{border: 1px solid #d4d9e9;width:100%}

#set_settings{margin: 20px;cursor: pointer;border-radius: 5px;border: none;background: #0f8518;color: #fff;font-size: 16px;font-weight: 700;padding: 10px;}


/*CALC*/
.calc{


background-color: #eceff7;
border-top: 3px solid #d4d9e9;
}

#calc{
position: sticky;
top: 10px;
height: min-content;
flex-basis: 320px;
}

.calc-data-container{
display: flex;
flex-direction: row;
flex-wrap: wrap;}

.calc-data{margin-top: 10px;}

.calc-row-2{
	display: inline-flex;
    gap: 15px;
	width:100%;
	align-items:center;
	padding:10px 20px;
  justify-content: space-between;
}
.calc-row-1{
	display: inline-flex;
	width:100%;
	padding:10px 20px;
}

.res_2_row{
display: flex;
gap: 5px;
flex-direction: column;
}

.line_bottom{border-bottom:1px solid black}


.calc-row-left, .calc-res-left{
  white-space: nowrap;
}

.calc-row-right input{
font-size: 1.5rem;
padding: 0.375rem;
border: none;
background: transparent;
text-align: right;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

outline:none;
appearance: none;
-moz-appearance:textfield !important;
-webkit-appearance: none;
box-shadow: none !important;
width: 100%;border-bottom: 1px solid #d4d9e9;
}
.calc-row-right input:active, .calc-row-right input:hover, .calc-row-right input:focus{
  box-shadow: none !important;
  outline: none;
}


.calc-row-right-combo .right-left{
display: flex;
width: 150px;
flex-wrap: wrap;
align-items: flex-end;
}

.calc-row-right-combo .right-left input{
flex: 1 1 auto;
width: 1%;
}

.calc-row-2 .calc-row-right{
display: flex;
gap: 5px;
align-items:center;
justify-content: flex-end;
width:100%;
}

.calc-row-right input:focus{
	border-color: #7f869b;
	box-shadow: 0 0 3px 2px #d4d9e9FF;
}

.calc-form.calculated{padding-bottom:12px;border-bottom: 3px solid #d4d9e9;}

.calc-form select{
display: block;
padding: .375rem 2.25rem .375rem .75rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 1rem;
font-weight: 400;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right .75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: .375rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.calc-form .calc-row-right select{width: auto;max-width: 180px;}


.custom-select-group{display: flex; width: 100%;}
.custom-select-group input, .custom-select-option-group{display:block}
.custom-select-option-group{position: relative;padding: .375rem 0; display: flex;
align-items: center; }
.custom-select-field-unit{cursor:pointer;border-bottom: 1px solid; color:#43a6dd; font-weight:bold;
    display: block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2343a6dd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-position: right 60%;
    background-size: 10px 10px;
    padding-right: 15px;
    background-repeat: no-repeat;}

.custom-select-options{display:none; border:1px solid #cecece; top:45px;list-style: none; margin:0; padding:0;position: absolute;width: max-content; z-index:999; background-color: #fff;}
.custom-select-options li{padding:5px 10px; cursor:pointer}
.custom-select-options li:hover{background-color:#eceff7;}
.custom-select-group-input {position: relative;flex: 1 auto;display:flex}

.custom-select-field-unit-nojs{display: flex;align-items: center;margin: 0 10px 0 5px; color:#43a6dd; font-weight:bold}

.unit_of_m{margin-left:5px;color:#676767;font-size: 0.9rem;}

.result-separator{border-top: 2px solid #dde5e7;box-shadow: 0 2px 2px #fff;clear: both; margin-bottom:5px}

.calc-button-area{background-color: #d4d9e9;border-top: 1px solid #c5cce3;position: relative;display: flex;
    flex-direction: row;margin-top: 10px;
    align-items: center;justify-content: space-between;}

.calc-button{margin: 20px; cursor:pointer;border-radius: 5px;border: none;background: #43a6dd;color: #fff;font-size: 20px;font-weight: 700;padding: 10px;}
.calc-button:hover{background: #5bb5e6;}

.calc-button:disabled,
.calc-button[disabled]{
  background: #43a6dd20;
  cursor: wait;
}


.res_div{font-size: 1rem;border-bottom: 1px solid #d4d9e983;padding: 15px 20px;}
.res_div:first-of-type {
    background: #808990; 
    color: #fff; 
   }

.res_div:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}



.res_div .calc-res-left{text-align: left;white-space:normal}
.res_div .calc-res-right .res_row{font-weight:bold;font-size: 1.1rem;text-align: right;}


.result-separator, .res_div {display:none}

#progressBar{width:100%; height:3px; position: absolute;bottom: 0;background:#d4d9e9}

.calc-res-right{display: inline-flex;gap: 5px;}

.r_unit{font-weight: normal;padding-left: 5px;color: #838383;font-size: 1rem;}



.tooltip-container {position: relative;display: flex;cursor:pointer;}

div.tooltip-text {display: none;position: absolute;top: -100px;z-index: 1;background: #333;padding: 8px;font-size: 0.9rem;line-height: 1.2rem;color: #fff;    border-radius: 2px;animation: show_tooltip 0.6s;width: max-content;max-width: 200px;}

.tooltip-container span{border-bottom: 1px dotted #535353;}

@keyframes show_tooltip {
  0% {
    transform: translateX(100%);
  }
  40% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(0%);
  }
}



.unit_res{color:#676767;font-size: .9rem;}

.calc-button-area .other_calc_btn {display: flex;flex-direction: row;gap:10px;margin: 20px 20px 20px 0;position:relative}
.calc-button-area .other_calc_btn button svg, .calc-button-area .other_calc_btn a svg{display:block; width:28px; height:35px}
.calc-button-area .other_calc_btn button, .calc-button-area .other_calc_btn a.btn {display:block; padding:5px; border-radius:5px;background: none; border: none; cursor:pointer; border-radius: 5px;color: #43a6dd !important;}
.calc-button-area .other_calc_btn button:hover {color: #333;}

.history-menu-list{position: absolute;
    z-index: 999;
    background: #fff;width: max-content;max-width: 100vw;
    border: 1px solid #AAA;}
    .history-menu-list .dropdown-item{
      padding:5px 10px;
    }
    .history-menu-list a.dropdown-item:hover{
      background-color:#eceff7;
    }


.dropdown-menu {
    display:none;
    opacity: 0;
}
.dropdown-menu.open, .custom-select-options.open {
    transition: .2s visibility linear, .2s opacity linear;
    display:block;
    opacity: 1;
}
.dropdown-menu .dropdown-item{display:block}

.before-calc-panel {

    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: 0;
    margin:10px 0;
}
.before-block-link {
    white-space: nowrap;
    flex-basis: auto;
    padding: 2px 0;margin: 5px 0;
}

.before-calc-panel a.calc-panel-item{
    white-space: nowrap;
    display: inline-block;

    text-decoration: none;
	display: inline-flex;
    align-items: center;
}

.before-calc-panel svg {
width: 23px;
    height: 23px;
    display: inline-block;
}

.before-calc-panel span.calc-panel-share {
    white-space: nowrap;
    display: inline-flex;
    margin: 5px 0 0 15px;
    text-decoration: none;
    text-align: center;
}

.before-calc-panel a.calc-panel-item{
    white-space: nowrap;
    display: inline-flex;
    margin: 5px 0 0 10px;
    text-decoration: none;

}

.before-block-link a{
      padding: 7px 15px;
border: 1px solid #d4d9e9;
border-radius: 20px;
}

.before-calc-panel a.calc-panel-item-save span {
    margin-left: 5px;
    display: inline-block;
}

.calc-panel-share{display:flex;justify-content:flex-end; margin-bottom:2.5rem;margin: 20px 0;}
.calc-panel-share svg {
    width: 32px;
    height: 32px;
	display:block;
}
.calc-panel-share a {
    display:block;
	margin: 0 0 0 20px;
}

.oncalculate{display:none}

.small_badge{display: none;
    position: absolute;
    top: -1px;
    right: -5px;
    padding: 0 5px;
    font-weight: bold;
    color: #ffffff;
    border-radius: 10px;
    font-size: 0.7rem;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 20%);
    background-image: linear-gradient(to bottom, #a5dd8c, #77cc51);
border: 1px solid #4cc317;}

.btn-history, .btn-saved{position:relative}

.tocalculate svg{width:20px; height:20px}

/*ACC*/







/*MEDIA*/


@media screen and (max-width:720px) {
  #container {
    flex-direction: column;
  }	

  #calc {
    position: relative;
  }
	
	#logo img{width:165px; height:53px;}
	
	header nav {display:flex; justify-content:flex-start}
	
	#navTrigger {
        display: block;
    }
	#nav_menu_container{transition: all .3s ease-out;
    opacity: 0;
    max-height: 0;
    overflow: hidden; width:100%}
	
	#nav_container {
    flex-direction: column;
	flex:1;align-items: flex-start;
}

.nav_menu_links{flex-direction: column;}


#nav_menu_container ul {align-items: end;}

#nav_menu_container ul li {
    display: block;
    padding: 10px 0;margin:5px 0;
}

.calc{
margin-left:-15px; margin-right:-15px;}

.widget_preview_links{display:none}

}


@media all and (max-width:576px) {
	.calc-row-2, .calc-row-1{
	padding: 12px;
	}

.calc-button {

    margin: 10px;
}

.calc-panel-share{justify-content:space-between; }

.calc-panel-share svg {
    width: 30px;
    height: 30px;
}

header {
    margin: 15px 0 15px 0;
}


.history-menu-list {
   
}

body>footer ul{
flex-direction: column;
}
body>footer ul li{padding:5px 0; border:none !important}



}

@media all and (max-width:970px) {
.two_column{
	flex-direction: column !important;
	gap:20px !important;
}
}


/* PRINT */
@media print {
	html, body{
		height: 297mm;
		width: 210mm;
	}
@page {
	margin: 20mm 15mm 20mm 30mm;
}
	html, body {

		font-size: 14px;

	}

	h1 {

		font-size: 24px;

	}

	h2 {

		font-size: 20px;

	}

	h3 {

		font-size: 18px;

	}
#logo img{width:200px}
header {
    margin: 15px 0 15px 0;
}

html, body { height: auto; }
#nav_menu_container, aside, .before-calc-panel, .calc-panel-share, .post_content, footer, #navTrigger{display:none}
}

/*MODALS*/

.modal {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0vh;
  background-color: transparent;
  overflow: hidden;
  z-index: 9999;
}
.modal.open {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal .content .calc-row-2{
display:block; padding:0;margin-bottom:10px
}

.modal-header-save{background:#2e872d !important; color:#fff}

.modal .content .calc-row-right_modal{
	display:block !important;
}

.modal .content .calc-row-2 .calc-row-right input {
width:100%;
border: 1px solid #d4d9e9;
width: 100%;
outline: none;
text-align:left;
font-size:1rem;
}

.modal .content .calc-row-2 .calc-row-right small {
font-size:0.8rem; color:#777;
}

.modal .calc-row-right textarea{
font-size: 1rem;
padding: 0.375rem 0.75rem;
border: 1px solid #d4d9e9;
width: 100%;
outline:none;
}

.modal.open > .content-wrapper {
  transform: scale(1);
}
.modal .content-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;max-width:500px;
  background-color: white;
  border-radius: 0.3125rem;
  box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5);
  transform: scale(0);
  margin:15px;
}

.modal .content-wrapper h2{
  margin:0;
}

.modal .content-wrapper .close {
  position: absolute;
  top: 8px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  background-color: transparent;
  font-size: 1.5rem;
  transition: 0.2s linear;
  cursor:pointer;
	z-index:999;
}
.modal .content-wrapper .close:before, .modal .content-wrapper .close:after {
  position: absolute;
  content: "";
  width: 1.25rem;
  height: 0.25rem;
  background-color: #fff;
}
.modal .content-wrapper .close:before {
  transform: rotate(-45deg);
}
.modal .content-wrapper .close:after {
  transform: rotate(45deg);
}
.modal .content-wrapper .close:hover {
  transform: rotate(360deg);
}
.modal .content-wrapper .close:hover:before, .modal .content-wrapper .close:hover:after {
  background-color: #fff;
}
.modal .content-wrapper .modal-header {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem;
  margin: 0;
}
.modal .content-wrapper .modal-header h2 {
  font-size: 1.5rem;
  font-weight: bold;
}
.modal .content-wrapper .content {
  position: relative;
  width:100%;
  padding: 1rem 1.5rem;
}

.modal .content-wrapper form {
  position: relative;
  width:100%;
  
}

.modal .content-wrapper .content p {
  font-size: 0.875rem;
  line-height: 1.75;
  margin-bottom:0.5rem;
}
.modal .content-wrapper .calc-row-left {
margin-bottom: 8px;
}

.modal .content-wrapper .modal-footer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 0 1.5rem 1.5rem 1.5rem;
}

.modal_save .modal-footer {
  padding: 0 1.5rem 20px 1.5rem !important;
}

.modal .content-wrapper .modal-footer .action {
  position: relative;
  margin-left: 0.625rem;
  padding: 0.625rem 1.25rem;
  border: none;
  background-color: slategray;
  border-radius: 0.25rem;
  color: white;
  font-size: 0.87rem;
  font-weight: 300;
  overflow: hidden;
  z-index: 1;
}
.modal .content-wrapper .modal-footer .action:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 0;
}
.modal .content-wrapper .modal-footer .action {
  background-color: #2ecc71;
  cursor:pointer;
  font-weight: 700;
}

.modal .content-wrapper .modal-footer .action:hover:before {
  width: 100%;
}





    /* text field */
.text_field_row{display:inline-flex;width:100%;position: relative;}

.text_field_input {
display: block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border: 1px solid #bdbdbd;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    flex: 1 1 auto;
	border-radius:5px;padding-right: 28px;
    }


    .text_field_input::placeholder {
      color: #212529;
      opacity: 0.4;
    }

    .text_field_input:focus {
      color: #212529;
      background-color: #fff;
      border-color: #bdbdbd;
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.25);
    }

    .text_field_input:disabled,
    .text_field_input[readonly] {
      background-color: #f5f5f5;
      opacity: 1;
    }
	
    .text_field_input_btn {
      display: flex;
      align-items: center;
      justify-content: center;
      top: 0;
      bottom: 0;
      right: 0;
      width: 2.5rem;
      border: 1px solid #bdbdbd;
      background-color: #f5f5f5;
      cursor: pointer;
      color: #212529;
      transition: background-color 0.15s ease-in-out;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
    }

    .text_field_input_btn:hover {
      background-color: #e0e0e0;
    }

.in_input_icon_left{
width: 18px;
    height: 18px;
    position: absolute;
    right: 5px;
    display: block;
    top: 50%;
    margin-top: -9px;
    cursor: pointer;
    stroke: #c3c3c3;
}

#link_qr_div{
	display: flex;
    justify-content: center;
	height:246px;
	align-items: center;
}

#save_result_form{-webkit-box-shadow: 0px 4px 3px -2px rgba(34, 60, 80, 0.15);
-moz-box-shadow: 0px 4px 3px -2px rgba(34, 60, 80, 0.15);
box-shadow: 0px 4px 3px -2px rgba(34, 60, 80, 0.15);}

.saved_calculation{
max-height: 50vh;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    width: 100%;padding: 0px 20px 10px 20px;
    margin: 20px 0;
	}

.one_saved_result{padding:10px 0;display: inline-flex;
    width: 100%;
    position: relative;}
	
.calclation_delete_btn{color: #ff7373;
    font-weight: bold;}

.saved_text_header{
display: flex;
    align-items: center;
    margin: 20px 0 0 0;
    color: rgba(0, 0, 0, 0.88);
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    text-align: center;
    border-block-start: 0 #d4d9e9;
	clear: both;
    width: 100%;
    min-width: 100%;
}

.saved_text_header span{display: inline-block;
    padding: 0 1em;}

.saved_text_header::before, .saved_text_header::after {
    position: relative;
    width: 50%;
    border-block-start: 1px solid transparent;
    border-block-start-color: inherit;
    border-block-end: 0;
    transform: translateY(50%);
    content: '';
}

.toast_icon svg{width:24px;height:24px;color:#fff}



/*TOAST*/
.notifications {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index:99999;
}
.notifications :where(.toast, .column) {
  display: flex;
  align-items: center;
}
.notifications .toast {
	width: 100%;
    max-width: 500px;
    min-width: 300px;
  position: relative;
  overflow: hidden;
  list-style: none;
  border-radius: 4px;
  padding: 16px 17px;
  margin-bottom: 10px;
  justify-content: space-between;
  animation: show_toast 0.3s ease forwards;
  color:#fff
}
@keyframes show_toast {
  0% {
    transform: translateX(100%);
  }
  40% {
    transform: translateX(-5%);
  }
  80% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-10px);
  }
}
.notifications .toast.hide {
  animation: hide_toast 0.3s ease forwards;
}
@keyframes hide_toast {
  0% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(0%);
  }
  80% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(calc(100% + 20px));
  }
}
.toast:before {
  position: absolute;
  content: "";
  height: 3px;
  width: 100%;
  bottom: 0px;
  left: 0px;
  animation: var(--toastTime, progress 5s linear forwards);
}


@keyframes progress {
  100% {
    width: 0%;
  }
}
.toast_success::before,.btn#success {background: #64BE6A;}
.toast_success{background: #2E7D32;}
.toast_error::before,.btn#error {background: #F28E8C;}
.toast_error{background:  #E53935 ;}
.toast_warning::before,.btn#warning {background: #FFC773;}
.toast_warning{background: #FF9900;}
.toast_info::before,.btn#info {background: #83C6F9;}
.toast_info{background: #2196f3;}

i.toast_close{
  font-size: 1.5rem;
  font-style: normal;
  position:absolute;
	right: 3px;
    top: -4px;
color: #ddd;
  cursor: pointer;
}
i.toast_close:hover {
  color: #fff;
}

.toast .column span {
  font-size: 1.07rem;
  margin-left: 12px;
}

@media screen and (max-width: 530px) {
  .notifications {
    width: 95%;
  }
  .notifications .toast {
    width: 100%;
    font-size: 1rem;
    margin-left: 20px;
  }
  .buttons .btn {
    margin: 0 1px;
    font-size: 1.1rem;
    padding: 8px 15px;
  }
}





#link_share_div{display: inline-flex; justify-content: space-between;width:100%;margin-top: 35px;}
#link_share_div .a-share svg{display:block; width:35px; height:35px}
#link_share_div .a-share {display:block;}


.two_column{display: flex;flex-direction: row;gap: 50px;flex-wrap: wrap;}
.column_item{flex: 1 0;}
.first_column_item{}
.table-widget-settings{width:100%}
.table-widget-settings td, .table-widget-settings th{border: 1px solid #a5a5a5;padding:10px}
.table-widget-settings thead{background-color: #eceff7;font-weight: bold;}
.table-widget-settings select{background: #fff;border: 1px solid #aaa;padding: 5px 10px;font-size: 16px;width:100%}


input[type="color"] {padding: 0;border:1px solid black;outline: none !important;}
input[type="color"]::-webkit-color-swatch-wrapper {padding: 0;border:1px solid black;outline: none !important;}

.get_ebmed{text-align: center;background-color: #3fddc1; padding: 5px 0;}
.get_ebmed a{color:#093c33 !important;text-decoration: none;}
.get_ebmed a:hover{text-decoration: none;}

.vote_div{display:flex;justify-content: center;margin-top: 15px;}
.vote_like{padding:10px 10px 10px 20px; background:#fff;border-radius: 30px 0px 0px 30px;cursor: pointer;border: 1px solid #d4d9e9;border-right: 0;display: flex;}
.vote_like svg{width: 24px;height: 24px;color: #000;}.vote_like:hover svg{color: #1ebf19;}
.vote_like .num_likes{font-weight: bold;color: black;display: block;margin-left: 5px;margin-top: 0px;}
.vote_dislike{padding:10px 20px 10px 15px; background:#fff;border-radius: 0px 30px 30px 0px;border-left: 2px solid #ECEFF7;cursor: pointer;border: 1px solid #d4d9e9;}
.vote_dislike svg{width: 24px;height: 24px;color: #000;margin-bottom: -1px;}.vote_dislike:hover svg{color: #ff0f0f}
.helpful_div {align-items: center;display: flex;justify-content: center;line-height: 1rem;height: 2rem;}
.helpful_div svg{width: 24px;height: 24px;color: #000;}
.helpful_div div{margin-top: 5px;margin-left: 5px;color: #000;}
.helpful_div div span{font-weight:bold;}