 body * .flex {
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-content: flex-start;
     align-items: center;
 }

 input:invalid {
     box-shadow: none;
 }

 :invalid {
     box-shadow: none;
 }

 :-moz-submit-invalid {
     box-shadow: none;
 }

 :-moz-ui-invalid {
     box-shadow: none;
 }

 .dk-container ul {
     list-style: none;
     padding: 0;
 }

 .dk-container .header-wrap {
     padding: 0 0 10px;
     border-bottom: solid 1px var(--text-color);
 }

 @media (max-width: 991px) {
     .dk-container .header-wrap {
         padding: 0 0 20px;
     }
 }

 @media (max-width: 767px) {
     .dk-container .header-wrap {
         padding: 0;
     }
 }



 .dk-container .header-wrap .dk-icon-border {
     margin: 0 9px 0 0;
     padding: 5px;
     border-radius: 4px;
     border: 1px solid var(--red);
     background: var(--white);
 }

 .rtl .dk-container .header-wrap .dk-icon-border {
     margin: 0 0 0 9px;
 }


 /* Start Related Tool - CalculatorMod */

 .calculator-mod .related-tool-container h2 {
     display: none;
 }

 .calculator-mod .related-tool-right {
     border: 1px solid var(--border-color--card);
     border-radius: 5px;
     background: var(--bg-color--card);
     box-shadow: var(--box-shadow);
 }

 .calculator-mod .related-tool-container h2 {
     display: none;
 }

 .calculator-mod .related-tool-right ul {
     display: -ms-grid;
     display: grid;
     grid-template-columns: 1fr;
     -ms-grid-columns: 1fr;
     grid-template-rows: 1fr;
     -ms-grid-rows: 1fr;
 }

 .calculator-mod .related-tool-right ul>*:nth-child(1) {
     -ms-grid-row: 1;
     -ms-grid-column: 1;
 }

 .calculator-mod .related-tool-right ul>*:nth-child(2) {
     -ms-grid-row: 1;
     -ms-grid-column: 3;
 }

 .calculator-mod .related-tool-right ul>*:nth-child(3) {
     -ms-grid-row: 1;
     -ms-grid-column: 5;
 }

 .calculator-mod .related-tool-right ul>*:nth-child(4) {
     -ms-grid-row: 1;
     -ms-grid-column: 7;
 }

 .calculator-mod .related-tool-right ul>*:nth-child(5) {
     -ms-grid-row: 1;
     -ms-grid-column: 9;
 }

 .calculator-mod .related-tool-right ul a {
     display: grid;
     grid-template-columns: 75px 1fr;
     align-items: center;
     text-decoration: none;
     padding: 15px;
     text-align: center;
     grid-gap: 16px;
     color: var(--link-blue);
 }

 .calculator-mod .related-tool-right ul a img {
     max-height: 45px;
     background: var(--white);
     margin: 0 9px 0 0;
     padding: 5px;
     border-radius: 4px;
     border: 1px solid var(--red);
 }

 .calculator-mod .related-tool-right ul a span {
     padding: 10px 0 0;
     text-align: left;
     display: block;
     margin: 0 0 5px 0;
     font-size: 13px;
     font-weight: bold;
 }


 /* End Relate Tool - CalculatorMod */


 /* Start Recommended products */

 .dk-container .recommended-products-wrap .input-headline {
     display: block;
     margin: 0 0 5px 0;
     font-size: 12px;
     font-weight: bold;
     text-align: left;
     min-height: 2.4em;
 }

 .recommended-products-wrap ul li {
     border: 1px solid var(--border-color--card);
     border-radius: 5px;
     padding: 1em 1em;
     background: var(--bg-color--card);
 }

 .image-container {
     text-align: center;
 }

 .recommended-products-wrap ul li a {
     text-decoration: none;
 }

 .dk-container .recommended-products-wrap {
     padding: 30px 0 0;
 }

 .dk-container .recommended-products-wrap h2 {
     margin: 0;
     padding: 0 0 10px;
     font-size: 20px;
     font-weight: bold;
 }

 .dk-container .recommended-products-wrap ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr;
     grid-template-columns: repeat(4, 1fr);
     -ms-grid-rows: 1fr 2em 1fr;
     grid-template-rows: 1fr;
     grid-gap: 2em;
 }

 .dk-container .recommended-products-wrap ul>*:nth-child(1) {
     -ms-grid-row: 1;
     -ms-grid-column: 1;
 }

 .dk-container .recommended-products-wrap ul>*:nth-child(2) {
     -ms-grid-row: 1;
     -ms-grid-column: 3;
 }

 .dk-container .recommended-products-wrap ul>*:nth-child(3) {
     -ms-grid-row: 1;
     -ms-grid-column: 5;
 }

 .dk-container .recommended-products-wrap ul>*:nth-child(4) {
     -ms-grid-row: 1;
     -ms-grid-column: 7;
 }

 .dk-container .recommended-products-wrap ul>*:nth-child(5) {
     -ms-grid-row: 3;
     -ms-grid-column: 1;
 }

 .dk-container .recommended-products-wrap ul li .dkc-related-product_img {
     max-width: 133px;
     max-height: 135px;
 }

 .recommended-products-wrap ul li button {
     padding: 5px 1px;
     margin: 5px 7px;
     margin-left: 0;
     min-width: 63px;
 }

 .image-container {
     text-align: center;
 }

 .recommended-products-wrap ul li a {
     text-decoration: none;
 }


 /* End Recommended products */

 .dk-container .header-wrap .headline-title {
     font-size: 22px;
     margin-left: 10px;
 }

 .rtl .pull-left {
     float: right !important;
 }

 .rtl .pull-right {
     float: left !important;
 }

 @media (max-width: 991px) {
     .dk-container .header-wrap .pull-right {
         clear: both;
         float: none !important;
         padding: 12px 0 0;
     }
 }

 .btn-instructions {
     line-height: 18px;
 }

 .dk-container .tab-calc-content {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 3fr 1fr;
     grid-template-columns: 3fr 1fr;
     grid-template-rows: -webkit-min-content;
     -ms-grid-rows: -webkit-min-content;
     -ms-grid-rows: min-content;
     grid-template-rows: min-content;
     grid-gap: 2em;
     padding-top: 20px;
 }

 .dk-container .header-wrap .btn-actions li a {
     display: inline-block;
     padding: 10px 20px;
     font-weight: 700;
     color: #333;
     text-decoration: none;
     border-radius: 30px;
     border: 1px solid #ccc;
 }

 .dk-container .header-wrap .btn-actions li a:hover {
     border: 1px solid #cc2500;
 }

 .dk-container .header-wrap .btn-actions li .fa {
     padding: 0 2px 0 0;
     color: #cc2500;
 }

 @media (max-width: 767px) {

     .dk-container .header-wrap .pull-left,
     .dk-container .header-wrap .pull-right {
         float: none !important;
     }
 }

 @media (min-width: 768px) {
     .dk-container .single-dk-calc-cont .dk-calc-wrap .inner-box {
         border-radius: 5px;
         padding: 1.5em 2em;
         display: -ms-grid;
         display: grid;
         -ms-grid-columns: 1fr 2em 1fr;
         grid-template-columns: 1fr 1fr;
         grid-template-rows: -webkit-min-content;
         -ms-grid-rows: -webkit-min-content;
         -ms-grid-rows: min-content;
         grid-template-rows: min-content;
         grid-gap: 2em;
     }

     .dk-container .single-dk-calc-cont .dk-calc-wrap .inner-box>*:nth-child(1) {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
     }

     .dk-container .single-dk-calc-cont .dk-calc-wrap .inner-box>*:nth-child(2) {
         -ms-grid-row: 1;
         -ms-grid-column: 3;
     }

     .dk-container .single-dk-calc-cont .dk-calc-wrap {
         display: table-cell;
         vertical-align: top;
         border: 1px solid var(--border-color--card);
         box-shadow: var(--box-shadow);
         background: var(--bg-color--card);
     }

     .dk-container .single-dk-calc-cont {
         display: table;
         width: 100%;
     }
 }


 /* ipad */

 @media screen and (max-width: 1019px) and (min-width: 768px) {
     .dk-container .calculator-mod .tab-calc-content {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
     }

     .dk-container .related-tool-container {
         padding: 20px 0 0;
     }

     .dk-container .related-tool-right {
         border-radius: 5px;
         border: none;
     }

     .dk-container .related-tool-right ul {
         display: -ms-grid;
         display: grid;
         grid-template-columns: repeat(4, 1fr);
         grid-gap: 2em;
         -ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em;
         grid-template-rows: 1fr;
         -ms-grid-rows: 1fr 2em 1fr;
     }

     .dk-container .related-tool-right ul>*:nth-child(1) {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-right ul>*:nth-child(2) {
         -ms-grid-row: 1;
         -ms-grid-column: 3;
     }

     .dk-container .related-tool-right ul>*:nth-child(3) {
         -ms-grid-row: 1;
         -ms-grid-column: 5;
     }

     .dk-container .related-tool-right ul>*:nth-child(4) {
         -ms-grid-row: 1;
         -ms-grid-column: 7;
     }

     .dk-container .related-tool-right ul>*:nth-child(5) {
         -ms-grid-row: 1;
         -ms-grid-column: 9;
     }

     .dk-container .related-tool-right ul li {
         height: 128px;
     }

     .dk-container .related-tool-right ul a {
         display: block;
         text-align: center;
         border: 1px solid var(--border-color--card);
         border-radius: 5px;
         text-decoration: none;
         padding: 15px;
         height: 80%;
     }

     .dk-container .related-tool-right ul a img {
         max-height: 45px;
     }

     .dk-container .related-tool-right ul a span {
         padding: 10px 0 0;
         text-align: center;
         display: block;
         margin: 0 0 5px 0;
         font-size: 13px;
         font-weight: bold;
     }
 }

 .dk-container .related-tools-wrap {
     padding: 30px 0 0;
 }

 @media (max-width: 767px) {
     .dk-container .single-dk-calc-cont .dk-calc-wrap .inner-box {
         padding: 1.5em 1em;
         margin: 0 -15px;
         border: 0;
         border-radius: 0;
     }

     .dk-container .related-tools-wrap {
         padding: 30px 1em 0;
     }

     .dk-container .related-tool-container h2 {
         display: block;
         font-size: 20px;
     }
 }

 .dk-container .related-tools-wrap h2 {
     margin: 0;
     padding: 0 0 10px;
     font-size: 20px;
     font-weight: bold;
 }

 .dk-container .related-tools-wrap ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr;
     grid-template-columns: repeat(4, 1fr);
     -ms-grid-rows: 1fr;
     grid-template-rows: 1fr;
     grid-gap: 2em;
 }

 .dkc-unit-label {
     padding: 13px 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     height: 40px;
     width: 50px;
     border-radius: 0 4px 4px 0;
     background-color: #F4F4F4;
     border: 1px solid #CCCCCC;
     text-align: center;
     display: inline-block;
     -ms-grid-column: 2;
     -ms-grid-row: 2;
 }

 .dk-container .related-tools-wrap ul>*:nth-child(1) {
     -ms-grid-row: 1;
     -ms-grid-column: 1;
 }

 .dk-container .related-tools-wrap ul>*:nth-child(2) {
     -ms-grid-row: 1;
     -ms-grid-column: 3;
 }

 .dk-container .related-tools-wrap ul>*:nth-child(3) {
     -ms-grid-row: 1;
     -ms-grid-column: 5;
 }

 .dk-container .related-tools-wrap ul>*:nth-child(4) {
     -ms-grid-row: 1;
     -ms-grid-column: 7;
 }

 @media (max-width: 991px) {
     .dk-container .related-tools-wrap ul li {
         width: calc(100%/2);
     }
 }

 .dk-container .related-tools-wrap ul li a {
     display: block;
     padding: 15px;
     color: #222;
     text-align: center;
     border: 1px solid #ccc;
     border-radius: 5px;
     text-decoration: none;
 }

 .dk-container .related-tools-wrap ul li a .dkc-related_img {
     max-height: 45px;
 }

 .dk-container .related-tools-wrap ul li a:hover,
 .dk-container .related-tools-wrap ul li a:focus {
     text-decoration: none;
     border: 2px solid #cc2500;
 }

 .dk-container .related-tools-wrap ul li span {
     display: block;
     padding: 10px 0 0;
     margin-top: auto;
 }

 .dk-container .input-headline {
     display: block;
     margin: 0 0 5px 0;
     font-size: 13px;
     font-weight: bold;
     text-align: left;
 }

 .rtl .dk-container .input-headline {
     display: block;
     margin: 0 0 5px 0;
     font-size: 13px;
     font-weight: bold;
     text-align: right;
 }

 @media screen and (max-width: 767px) {
     .dk-container .input-headline {
         font-size: 13px;
     }
 }

 @media (max-width: 767px) {
     .dk-container .tab-calc-content {
         display: -ms-grid;
         display: grid;
         -ms-grid-columns: 1fr;
         grid-template-columns: 1fr;
         -ms-grid-rows: -webkit-min-content;
         -ms-grid-rows: min-content;
         grid-template-rows: min-content;
     }

     .dk-container .single-dk-calc-cont .dk-calc-wrap .inner-box {
         -ms-grid-rows: 1fr 2em 1fr;
         -ms-grid-columns: 1fr;
         grid-template-columns: 1fr;
     }

     .dk-container .single-dk-calc-cont .dk-calc-wrap .inner-box>*:nth-child(1) {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
     }

     .dk-container .single-dk-calc-cont .dk-calc-wrap .inner-box>*:nth-child(2) {
         -ms-grid-row: 3;
         -ms-grid-column: 1;
     }

     .dk-container .related-tools-wrap ul {
         margin: 0 -15px;
         -ms-grid-columns: 1fr 2em 1fr;
         -ms-grid-rows: 1fr 2em 1fr;
         grid-template-columns: 1fr 1fr;
     }

     .dk-container .related-tools-wrap ul>*:nth-child(1) {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
     }

     .dk-container .related-tools-wrap ul>*:nth-child(2) {
         -ms-grid-row: 1;
         -ms-grid-column: 3;
     }

     .dk-container .related-tools-wrap ul>*:nth-child(3) {
         -ms-grid-row: 3;
         -ms-grid-column: 1;
     }

     .dk-container .related-tools-wrap ul>*:nth-child(4) {
         -ms-grid-row: 3;
         -ms-grid-column: 3;
     }

     .dk-container .recommended-products-wrap ul {
         -ms-grid-columns: 1fr 2em 1fr;
         -ms-grid-rows: 1fr 2em 1fr 2em 1fr;
         grid-template-columns: 1fr 1fr;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(1) {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(2) {
         -ms-grid-row: 1;
         -ms-grid-column: 3;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(3) {
         -ms-grid-row: 3;
         -ms-grid-column: 1;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(4) {
         -ms-grid-row: 3;
         -ms-grid-column: 3;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(5) {
         -ms-grid-row: 5;
         -ms-grid-column: 1;
     }

     .recommended-products-wrap ul li button {
         width: 100%;
     }

     .dk-container .related-tool-container h2 {
         display: block;
         font-size: 20px;
     }

     .dk-container .related-tool-right ul {
         -ms-grid-columns: 1fr 2em 1fr;
         -ms-grid-rows: 1fr 2em 1fr 2em 1fr;
         grid-template-columns: 1fr 1fr;
         grid-gap: 2em;
     }

     .dk-container .related-tool-right ul>*:nth-child(1) {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-right ul>*:nth-child(2) {
         -ms-grid-row: 1;
         -ms-grid-column: 3;
     }

     .dk-container .related-tool-right ul>*:nth-child(3) {
         -ms-grid-row: 3;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-right ul>*:nth-child(4) {
         -ms-grid-row: 3;
         -ms-grid-column: 3;
     }

     .dk-container .related-tool-right ul>*:nth-child(5) {
         -ms-grid-row: 5;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-right {
         border: none;
         background: none;
         box-shadow: none;
     }

     .dk-container .related-tool-right ul a {
         display: block;
         padding: 15px;
         text-align: center;
         border: 1px solid var(--border-color--card);
         background: var(--bg-color--card);
         border-radius: 5px;
         text-decoration: none;
     }

     .dk-container .related-tool-right ul a span {
         text-align: center;
     }
 }

 @media (max-width: 450px) {
     .dk-container .recommended-products-wrap ul {
         -ms-grid-columns: 1fr;
         -ms-grid-rows: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
         grid-template-columns: 1fr;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(1) {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(2) {
         -ms-grid-row: 3;
         -ms-grid-column: 1;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(3) {
         -ms-grid-row: 5;
         -ms-grid-column: 1;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(4) {
         -ms-grid-row: 7;
         -ms-grid-column: 1;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(5) {
         -ms-grid-row: 9;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-container h2 {
         display: block;
         font-size: 20px;
     }

     .dk-container .related-tool-right ul {
         -ms-grid-columns: 1fr;
         -ms-grid-rows: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
         grid-template-columns: 1fr;
         grid-gap: 2em;
     }

     .dk-container .related-tool-right ul>*:nth-child(1) {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-right ul>*:nth-child(2) {
         -ms-grid-row: 3;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-right ul>*:nth-child(3) {
         -ms-grid-row: 5;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-right ul>*:nth-child(4) {
         -ms-grid-row: 7;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-right ul>*:nth-child(5) {
         -ms-grid-row: 9;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-right {
         border: none;
         background: none;
         box-shadow: none;
     }

     .dk-container .related-tool-right ul a {
         display: block;
         padding: 15px;
         text-align: center;
         border: 1px solid var(--border-color--card);
         background: var(--bg-color--card);
         border-radius: 5px;
         text-decoration: none;
     }

     .dk-container .related-tool-right ul a span {
         text-align: center;
     }

     .dk-container .related-tools-wrap ul {
         -ms-grid-columns: 1fr;
         -ms-grid-rows: 1fr 2em 1fr 2em 1fr 2em 1fr;
         grid-template-columns: 1fr;
     }

     .dk-container .related-tools-wrap ul>*:nth-child(1) {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
     }

     .dk-container .related-tools-wrap ul>*:nth-child(2) {
         -ms-grid-row: 3;
         -ms-grid-column: 1;
     }

     .dk-container .related-tools-wrap ul>*:nth-child(3) {
         -ms-grid-row: 5;
         -ms-grid-column: 1;
     }

     .dk-container .related-tools-wrap ul>*:nth-child(4) {
         -ms-grid-row: 7;
         -ms-grid-column: 1;
     }

     #btn-instructions {
         width: 100%;
     }

     .dk-container .conversion-input {
         display: block !important;
     }

     .pd-left-50 {
         padding-left: 0px !important;
     }

     .graph-table {
         width: 100% !important;
         display: block !important;
     }

     .extra-txt {
         margin: 0px 0px !important
     }

     .formula-desc {
         padding-left: 8px;
     }

     .left-formula {
         display: flex;
         justify-content: space-between;
         width: 80% !important;
         margin-top: 10px !important;
         margin-left: 0px !important;
     }

     .dk-container .recommended-products-wrap ul {
         -ms-grid-columns: 1fr;
         -ms-grid-rows: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
         grid-template-columns: 1fr;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(1) {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(2) {
         -ms-grid-row: 3;
         -ms-grid-column: 1;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(3) {
         -ms-grid-row: 5;
         -ms-grid-column: 1;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(4) {
         -ms-grid-row: 7;
         -ms-grid-column: 1;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(5) {
         -ms-grid-row: 9;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-container h2 {
         display: block;
         font-size: 20px;
     }

     .dk-container .related-tool-right ul {
         -ms-grid-columns: 1fr;
         -ms-grid-rows: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
         grid-template-columns: 1fr;
         grid-gap: 2em;
     }

     .dk-container .related-tool-right ul>*:nth-child(1) {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-right ul>*:nth-child(2) {
         -ms-grid-row: 3;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-right ul>*:nth-child(3) {
         -ms-grid-row: 5;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-right ul>*:nth-child(4) {
         -ms-grid-row: 7;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-right ul>*:nth-child(5) {
         -ms-grid-row: 9;
         -ms-grid-column: 1;
     }

     .dk-container .related-tool-right {
         border: none;
         background: none;
         box-shadow: none;
     }

     .dk-container .related-tool-right ul a {
         display: block;
         padding: 15px;
         text-align: center;
         border: 1px solid var(--border-color--card);
         background: var(--bg-color--card);
         border-radius: 5px;
         text-decoration: none;
     }

     .dk-container .related-tool-right ul a span {
         text-align: center;
     }
 }

 @media (min-width: 1020px) {
     .dk-container .recommended-products-wrap ul {
         margin: 0;
         padding: 0;
         list-style-type: none;
         display: -ms-grid;
         display: grid;
         -ms-grid-columns: 1fr 2.5em 1fr 2.5em 1fr 2.5em 1fr 2.5em 1fr;
         grid-template-columns: repeat(5, 1fr);
         -ms-grid-rows: 1fr;
         grid-template-rows: 1fr;
         grid-gap: 2.5em;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(1) {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(2) {
         -ms-grid-row: 1;
         -ms-grid-column: 3;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(3) {
         -ms-grid-row: 1;
         -ms-grid-column: 5;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(4) {
         -ms-grid-row: 1;
         -ms-grid-column: 7;
     }

     .dk-container .recommended-products-wrap ul>*:nth-child(5) {
         -ms-grid-row: 1;
         -ms-grid-column: 9;
     }
 }

 #VLF-band {
     width: 20%;
 }

 #LF-band {
     width: 19.25%;
 }

 #MF-band {
     width: 13.75%;
 }

 #HF-band {
     width: 13%;
 }

 #VHF-band {
     width: 10.25%;
 }

 #UHF-band {
     width: 9.25%;
 }

 #SHF-band {
     width: 9%;
 }

 .band-graph svg {
     width: 100%;
 }

 .conversion-input {
     display: flex;
     justify-content: space-between;
 }

 .formula-desc {
     display: flex;
     justify-content: space-between;
     background-color: var(--table-th-bg-color);
     width: 100%;
     margin-top: 16px;
     flex-wrap: wrap;
     padding: 7px;
 }

 .formula-text {
     font-family: Arial;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     color: var(--table-th-text-color);
 }

 .left-formula {
     display: flex;
     justify-content: space-between;
     width: 70%;
 }

 .dk-container .calculator-input-area .calculator-input {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 1fr 45px;
     grid-template-columns: 1fr 45px;
     -ms-grid-rows: 1fr;
     grid-template-rows: 1fr;
     grid-template-areas: 'input dd';
     margin-bottom: 15px;
 }

 .dk-container .calculator-input {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 1fr 45px;
     grid-template-columns: 1fr 45px;
     -ms-grid-rows: 1fr;
     grid-template-rows: 1fr;
     grid-template-areas: 'input dd';
     margin-bottom: 15px;
 }

 .dk-container .calculator-input input {
     -ms-grid-row: 1;
     -ms-grid-column: 1;
     grid-area: input;
     padding: 10px 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     height: 40px;
     border: 1px solid #ddd;
     padding-left: 0.5em;
     padding-right: 0.5em;
     width: 100%;
     min-width: 10ch;
     -webkit-appearance: textfield;
     appearance: textfield;
     border-radius: 4px 0 0 4px;
     border-right: none;
     z-index: 10;
 }

 .rtl .dk-container .calculator-input input {
     -ms-grid-row: 1;
     -ms-grid-column: 1;
     grid-area: input;
     padding: 10px 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     height: 40px;
     border: 1px solid #ddd;
     padding-left: 0.5em;
     padding-right: 0.5em;
     width: 100%;
     min-width: 10ch;
     -webkit-appearance: textfield;
     appearance: textfield;
     border-radius: 0 4px 4px 0;
 }

 .dk-container .calculator-input .input-dropdown::-ms-expand {
     display: none;
 }

 .dk-container .calculator-input .input-dropdown:focus {
     outline: 0;
 }

 .dk-container .calculator-input .input-label,
 .dk-container .calculator-input .input-dropdown {
     grid-area: dd;
     padding: 10px 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     height: 40px;
     border-radius: 0 4px 4px 0;
     background-color: var(--table-th-bg-color);
     border: 1px solid var(--table-th-border-color);
     display: inline-block;
     color: var(--table-th-text-color);
 }

 .dk-container .calculator-input .input-dropdown {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsSAAALEgHS3X78AAAAuElEQVRIie3WWw3DMAwF0NsiaIJgDEZhEEohDAphEAZhEAZhEDYippDKVdVq6yPO1lhVlfvnD+tIli258N5DM6WqlsFDgIUxpgLwBHBObL0BXBh8KWADyiM9KWGcisFGEbyWRHQH4BQwx1a3pQqo643xLBKiA4bvw0+AfmATcGN0gs2CG6Gz2CL4J7qIrYI/oqtYEIxEg5gIFKIiTAwGUDHGiX6irLU1gFtfNkT0iOnPX1sGdw4CaAESg2cDBgmWTAAAAABJRU5ErkJggg==);
     background-position: right 4px center;
     background-repeat: no-repeat;
     background-size: 1.25ex;
     background-origin: content-box;
     padding-left: 0.5em;
     margin-right: -9px;
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
 }

 .rtl .dk-container .calculator-input .input-dropdown {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsSAAALEgHS3X78AAAAuElEQVRIie3WWw3DMAwF0NsiaIJgDEZhEEohDAphEAZhEAZhEDYippDKVdVq6yPO1lhVlfvnD+tIli258N5DM6WqlsFDgIUxpgLwBHBObL0BXBh8KWADyiM9KWGcisFGEbyWRHQH4BQwx1a3pQqo643xLBKiA4bvw0+AfmATcGN0gs2CG6Gz2CL4J7qIrYI/oqtYEIxEg5gIFKIiTAwGUDHGiX6irLU1gFtfNkT0iOnPX1sGdw4CaAESg2cDBgmWTAAAAABJRU5ErkJggg==);
     background-position: left 0px center;
     background-repeat: no-repeat;
     background-size: 1.25ex;
     background-origin: content-box;
     padding-left: 0.5em;
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
     border-radius: 4px 0 0 4px;
     background-position: left 1px center;
     text-align: center;
 }

 .dk-container .calculator-input .input-answer {
     left: 15px;
     right: auto;
     border-radius: 4px 0 0 4px;
     position: absolute;
     height: 40px;
     padding: 8px 8px 2px 8px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-weight: bold;
     color: #fff;
 }

 .dk-container .calculator-input input[type='number'] {
     -moz-appearance: textfield;
 }

 .dk-container .calculator-input input::-webkit-input-placeholder {
     opacity: 0.5;
     color: #333333;
 }

 .dk-container .calculator-input input::-moz-placeholder {
     opacity: 0.5;
     color: #333333;
 }

 .dk-container .calculator-input input:-ms-input-placeholder {
     opacity: 0.5;
     color: #333333;
 }

 .dk-container .calculator-input input:-moz-placeholder {
     opacity: 0.5;
     color: #333333;
 }

 .dk-container .calculator-input.bg-black .input-label {
     color: #FFF;
     border: 0;
     background: none;
 }

 .dk-container .calculator-input.bg-black input {
     padding: 0 30px;
     background: #333;
     color: #fff;
     border: none;
     text-align: center;
     border: none;
     border-radius: 20px;
     opacity: 1;
 }

 .dk-container .calculator-input.bg-black input::-webkit-input-placeholder {
     color: #fff;
     opacity: 1;
 }

 .dk-container .calculator-input.bg-black input::-moz-placeholder {
     color: #fff;
     opacity: 1;
 }

 .dk-container .calculator-input.bg-black input:-ms-input-placeholder {
     color: #fff;
     opacity: 1;
 }

 .dk-container .calculator-input.bg-black input:-moz-placeholder {
     color: #fff;
     opacity: 1;
 }

 ::-webkit-input-placeholder {
     color: var(--gray-faint);
 }

 ::-moz-placeholder {
     color: var(--gray-faint);
 }

 :-ms-input-placeholder {
     color: var(--gray-faint);
 }

 :-moz-placeholder {
     color: var(--gray-faint);
 }

 .dk-container .single-dk-calc-cont .dk-calc-wrap .calc-formula {
     margin-bottom: 20px;
     padding: 10px 20px;
     background: #f2f1f6;
     border: 1px solid #EEE;
     border-radius: 5px;
 }

 .dk-container .single-dk-calc-cont .dk-calc-wrap .calc-formula .formula-title {
     margin: 0 0 20px;
     padding: 0 0 4px;
     font-size: 14px;
     font-weight: 700;
     text-transform: uppercase;
     border-bottom: 1px solid #ccc;
 }

 .dk-container .single-dk-calc-cont .extra-txt {
     font-size: 20px;
     font-weight: bold;
     text-align: center;
     margin: 28px 20px;
 }

 .pdf-icon {
     background-image: url("../img/pdf-icon.png");
     background-size: cover;
     width: 17px;
     background-repeat: no-repeat;
     height: 18px;
     vertical-align: top;
     display: inline-block;
 }

 .dk-container .related-products-mod .headline-title {
     padding: 20px 0 15px;
 }

 .dk-container .related-products-mod .headline-title h2 {
     margin: 0;
     font-size: 20px;
     font-weight: bold;
 }

 .dk-container .related-products-mod .related-product {
     border-bottom: 1px solid lightgray;
     padding: 10px 0;
 }

 .dk-container .related-products-mod .related-product a {
     display: inline-flex;
     text-decoration: none;
 }

 .dk-container .related-products-mod .related-product a img {
     width: 64px;
     height: 64px;
     margin-right: 20px;
 }

 .rtl .dk-container .related-products-mod .related-product a img {
     width: 64px;
     height: 64px;
     margin-left: 20px;
     margin-right: 0px;
 }

 @media (max-width: 991px) {
     .dk-container .content {
         -ms-grid-columns: 1fr;
         grid-template-columns: 1fr;
         grid-gap: 2em;
     }

     .dk-container .content .calculator-mod {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
     }

     .dk-container .content .related-products-mod {
         -ms-grid-row: 2;
         -ms-grid-column: 1;
     }
 }

 #region-selector {
     width: 163px;
     height: 40px;
     border: 1px solid var(--border-color--card);
     color: var(--table-th-text-color);
     background: var(--wispy-grey);
 }


 .primary-allocation {
     padding-top: 25px;
 }

 #primary-use {
     width: 100%;
 }

 .pull-left {
     float: left !important;
 }

 .pull-right {
     float: right !important;
 }

 #canvas {
     border-left: 2px solid #000000;
     border-right: 2px solid #000000;
 }

 table {
     border-spacing: 0;
     font-family: Arial;
     font-style: normal;
     font-size: 10px;
     border-radius: 4px 4px 0 0;
     overflow: hidden;
     color: #444444;
     max-width: 363px;
     margin-top: 10px;
     width: 100%;
     word-break: inherit;
 }

 td {
     text-align: center;
     padding: 16px;
     box-sizing: border-box;
     border-left: 1px solid #CCCCCC;
 }

 tr {
     border: none;
     text-align: center;
 }

 th {
     background-color: #DDDDDD;
     text-align: center;
     color: #222222;
     padding: 16px;
     text-transform: uppercase;
     width: 193px;
 }

 tr:nth-child(even) {
     background-color: #F5F5F5;
 }

 table tr td:last-child {
     border-right: 1px solid #CCCCCC;
 }

 table tr:last-child td {
     border-bottom: 1px solid #CCCCCC;
 }

 table tr:last-child th:first-child {
     border-left: none;
 }

 table tr:first-child th:first-child {
     width: 465px;
 }

 table tr:last-child th:last-child {
     border-right: none;
     border-left: 1px solid #CCCCCC;
 }

 table tbody tr:last-child td:first-child {
     border-radius: 0 0 0 4px;
 }

 table tbody tr:last-child td:last-child {
     border-radius: 0 0 4px 0;
 }

 .modal-image {
     cursor: pointer;
 }

 .overflow-hidden {
     overflow: hidden !important;
 }

 .open-modal {
     display: fixed;
 }

 .frequency-col {
     display: flex;
     justify-content: space-between;
 }

 @media (max-width: 767px) {
     .frequency-col {
         display: flex;
         flex-direction: column;
         align-items: center;
     }

     .modal-dialog {
         height: calc(100% - 90px);
         max-width: 400px !important;
     }

     .modal-body {
         max-height: calc(100% - 120px) !important;
     }
 }

 #frequencyBandsModal {
     display: none;
     max-width: unset;
     top: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     align-content: center;
     position: fixed;
     background-color: rgba(0, 0, 0, 0.5);
     z-index: 9999;
 }

 #frequencyBandsModal .modal-dialog {
     margin: auto;
     top: 24vh;
     max-width: 800px;
     margin-top: 9vh !important;
 }

 #frequencyBandsModal .modal-dialog .modal-content {
     position: relative;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid rgba(0, 0, 0, .2);
     border-radius: 6px;
     outline: 0;
     display: block;
     padding: 1px 16px;
     height: 100%;
 }

 #frequencyBandsModal .modal-dialog .modal-content .modal-header {
     display: inline-flex;
     border-bottom: 1px solid #dddddd;
     justify-content: space-between;
     width: 100%;
 }

 #frequencyBandsModal .modal-dialog .modal-content .modal-header .modal-title-area {
     width: -webkit-fill-available;
 }

 #frequencyBandsModal .modal-dialog .modal-content .modal-header .modal-title-area .modal-title {
     font-size: 24px;
     margin-bottom: 15px;
 }

 #frequencyBandsModal .modal-dialog .modal-content .modal-header .close-button-area .close {
     margin-bottom: 20px;
     border: none;
     background: none;
     font-size: 34px;
 }

 #frequencyBandsModal .modal-dialog .modal-content .modal-body {
     position: relative;
     font-family: Verdana, sans-serif;
     overflow-y: auto;
     overflow-x: hidden;
     max-height: calc(100% - 140px);
 }

 #frequencyBandsModal .modal-dialog .modal-content .modal-body .tab-pane-content {
     display: block;
     margin-top: 10px;
 }

 #frequencyBandsModal .modal-dialog .modal-content .modal-body .instruction-col {
     margin-right: 20px;
 }

 #frequencyBandsModal .modal-dialog .modal-content .modal-body .instruction-col .instruction-btn-area {
     bottom: 10px;
     position: absolute;
 }

 #frequencyBandsModal .modal-dialog .modal-content .modal-footer {
     padding: 15px;
     text-align: right;
     border-top: 1px solid #e5e5e5;
 }

 .custom-modal .close-modal {
     cursor: pointer;
     position: absolute;
     top: 25px;
     right: 65px;
     font-size: 40px;
     font-weight: bold;
     color: #FFF;
     -webkit-transition: 0.3s;
     transition: 0.3s;
 }

 @media (max-width: 767px) {
     .custom-modal .close-modal {
         right: 23px;
     }
 }

 .custom-modal .close-modal:hover,
 .custom-modal .close-modal:focus {
     color: #BE0003;
 }

 .dk-radio-button-label {
     margin-right: 15px;
     position: relative;
     top: -8px;
     padding-left: 0px;
 }

 #dk-rb1 {
     margin-left: 0px;
 }

 @media (min-width: 675px) {
     .dk-container .tab-calc-content {
         display: -ms-grid;
         display: grid;
         -ms-grid-columns: 3fr 1fr;
         grid-template-columns: 3fr 1fr;
         -ms-grid-rows: -webkit-min-content;
         -ms-grid-rows: min-content;
         grid-template-rows: min-content;
         grid-gap: 2em;
         padding-top: 20px;
     }

     .dk-container #frequencyBandsModal .tab-pane-content {
         display: -ms-grid;
         display: grid;
         -ms-grid-columns: 1fr 2em 1fr;
         grid-template-columns: 1fr 1fr;
         grid-template-rows: -webkit-min-content;
         -ms-grid-rows: -webkit-min-content;
         -ms-grid-rows: min-content;
         grid-template-rows: min-content;
         grid-gap: 2em;
     }

     .dk-container #frequencyBandsModal .tab-pane-content>*:nth-child(1) {
         -ms-grid-row: 1;
         -ms-grid-column: 1;
     }

     .dk-container #frequencyBandsModal .tab-pane-content>*:nth-child(2) {
         -ms-grid-row: 1;
         -ms-grid-column: 3;
     }
 }

 .instruction-btn-area {
     padding-top: 18px;
     margin-bottom: 14px;
 }

 .graph-table {
     max-width: 426px;
     width: 100%;
     display: table;
     border-collapse: separate;
     border-spacing: 0;
     border-bottom: 1px solid var(--text-color);
     border-right: 1px solid !important;
     border-left: 1px solid !important;
     table-layout: fixed;
 }

 .graph-table .tr {
     display: table-row;
 }

 .graph-table .band-label {
     vertical-align: middle;
     text-align: center;
     font-family: Arial;
     font-style: normal;
     font-weight: bold;
     font-size: 12px;
     line-height: 14px;
     /* identical to box height */
     text-transform: uppercase;
     /* Primary/Digi Red/Error */
     color: #cccccc;
 }

 .graph-table .band-graph {
     display: table-cell;
     vertical-align: middle;
     text-align: center;
     border-right: 1px solid #cccccc;
 }

 .graph-table .band-graph:last-child {
     border-right: none;
 }

 .graph-table .band-graph:first-child {}

 svg {
     margin-right: -1px;
 }

 #SHF-band svg {
     margin-left: -2px;
 }

 .error-frequencyInput {
     display: inline-block;
     color: var(--error);
     visibility: hidden;
 }

 .wavelength-graph-result {
     display: inline-block !important;
     font-family: Arial;
     font-style: normal;
     font-weight: bold;
     font-size: 16px;
     visibility: hidden;
 }

 .wavelength-result {
     font-family: Arial;
     font-style: normal;
     font-weight: bold;
     font-size: 12px;
     line-height: 14px;
     text-transform: uppercase;
     color: var(--red);
 }

 .clearfix:after,
 .container:after {
     clear: both;
 }

 .header-wrap.clearfix:after,
 .header-wrap.clearfix:before {
     display: table;
     content: " ";
 }

 :after,
 :before {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }

 .wavelength-graph-container {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .resize-none {
     resize: none;
 }

 .textarea-style {
     border: 1px solid #DDDDDD;
     height: 150px;
 }

 .border-radius-4 {
     border-radius: 4px;
 }


 /* Extra small devices (phones, 600px and down) */

 @media only screen and (max-width: 600px) {
     .btn-normal {
         padding: 12px 24px !important;
     }
 }