@font-face {font-family: 'appFont';src: url('fonts/Franklin-Gothic-book-normal.woff2') format('woff2'),     url('fonts/Franklin-Gothic-book-normal.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'appFontBold';src: url('fonts/Franklin-Gothic-demi-normal.woff2') format('woff2'),     url('fonts/Franklin-Gothic-demi-normal.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'appFontItalic';src: url('fonts/Franklin-Gothic-book-italic.woff2') format('woff2'),     url('fonts/Franklin-Gothic-book-italic.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'appFontBoldItalic';src: url('fonts/Franklin-Gothic-demi-italic.woff2') format('woff2'),     url('fonts/Franklin-Gothic-demi-italic.woff') format('woff');font-weight: normal;font-style: normal;}


.sQuestionMark{color:#e90013; cursor:pointer; font-size:16px;}
.sQuestionMark2{color:#000000; cursor:pointer; font-size:16px;}
.sQuestionMark3{color:#ffffff; cursor:pointer; font-size:16px; position:relative; top:1px; left:1px;}
.pbr{padding:0; margin:0}
.dBackground1{background:#ffffff;}
.dBackground2{background:#a40000;}

.cursor{cursor:pointer}

.dBackgroundIndex{background:#ffffff;}
.dStartMain{border-width:1px; border-style:solid; border-color:#cdcdcd; background-image:url(pics/start/face.jpg); background-repeat:no-repeat;}

.h1StartTxt0{font-family: appFontBold; font-size:33px; margin-top: 28px; margin-left: 37px; text-shadow:0 0 3px black;}
.pStartTxt1{font-family: appFont; font-size:16px; margin-top: 28px; margin-left: 37px; text-shadow:0 0 3px black;}

.dStartTextLogo{color: #FFFFFF; background: #e3001b;}

.dHelp1{cursor:pointer; width:85px; height:25px;background: #e3001b; border-radius: 10px 10px 10px 10px;}
.dHelp2{color: #ffffff; position:relative; left:16px; top:2px;}

.h1SideBarrierTxt0{font-family: appFontBold;font-size:18px;margin-bottom: 32px;}

.pSideBarrierTxt1{font-family: appFont;font-size:16px;margin: 15px 0 4px 0;}
.pSideBarrierTxt12{font-family: appFont;font-size:16px;margin: 15px 0 4px 0;}
.pSideBarrierTxt2{font-family: appFont;font-size:16px;margin: 4px 10px 4px 15px;}
.dButtonMain{color: #FFFFFF; background: #e3001b; border-radius: 10px 10px 10px 10px; box-shadow:0 0 6px black;
vertical-align: middle; overflow:hidden; text-align:center; cursor:pointer;}
.dButtonTxt2{font-family: appFontBold; font-size: 17px; text-shadow:0 0 3px black; text-align: center; vertical-align:middle; display: table-cell; }
.dMenuTopMain{background:#ffffff; border-width:1px; border-color:#cdcdcd; border-width:1px; border-style:solid; background-image:url(pics/menuTop/face.jpg); background-repeat:no-repeat;}
.dMenuTopTxt1{float:left; width:260px; clear:both;}
.h2MenuTopTxt1{margin:0; padding:22px 0 0 125px; color:#e2001a; font-family: appFontBold; font-size:28px;}
.h2MenuTopTxt2{margin:0; padding:0 0 0 125px; color:#5d5d5d; font-family: appFontBold; font-size:30px; line-height: 80%}


.dMenuTopItems{float:left; position:relative; top:13px;  border-radius:8px; border-width:1px; border-style: solid; border-color: #ffffff; box-shadow: 0 2px 4px #aaaaaa;}
.dMenuTopItemMain{overflow:hidden; cursor:pointer;}
.dMenuTopItemBackground{background-image:url(pics/menuTop/s1.png); background-repeat: no-repeat; background-position:right;}
.dMenuTopItemBackground2{background-image:url(pics/menuTop/s1.png); background-repeat: no-repeat; background-position:left;}
.dMenuTopItemBackgroundS{background-image:url(pics/menuTop/s2.png); background-repeat: no-repeat; background-position:right;}
.dMenuTopItemBackgroundS2{background-image:url(pics/menuTop/s2.png); background-repeat: no-repeat; background-position:left;}
.dMenuTopItemTxt1{position:absolute;}
.dMenuTopItemTxt2{vertical-align:middle; display: table-cell; color:#5d5d5d; font-family: appFont;}
.dMenuTopItemTxt3{vertical-align:middle; display: table-cell; color:#ffffff; font-family: appFontBold;}
.dMenuTopItemIco1{position:absolute;}
.dMenuTopItemIcoIn1{text-align: center; vertical-align:middle; display: table-cell;}



.dInputMain{background: white;}
.tInputTxtField{box-shadow:0 0 3px 2px rgba(0,0,0,0.1) inset; background:transparent; padding: 0 15px; box-sizing: border-box; border: 0}

.dSelectMain{box-shadow:0 0 3px 2px rgba(0,0,0,0.1);}
.sSelectSelect{position: absolute;height: 80px;padding: 0 15px;border: 0;background: -webkit-linear-gradient(bottom, #ffffff, #e5e5e5); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(bottom, #ffffff, #e5e5e5); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(bottom, #ffffff, #e5e5e5); /* For Firefox 3.6 to 15 */background: linear-gradient(to bottom, #ffffff, #e5e5e5); /* Standard syntax (must be last) */}


.dSideBarrierMainScreen1 {border-radius: 15px;border-width: 1px;border-style: solid;border-color: #cdcdcd;
	background: #ffffff;background-image: url(pics/sideBarrier/building_background.png);background-position: 25px 25px;background-repeat: no-repeat;}

.dSideBarrierMainScreen2 {border-radius: 15px;border-width: 1px;padding: 30px 30px 30px 30px;border-style: solid;border-color: #cdcdcd;background-color: #ffffff;}

.dSideBarrierTabSpace {width: calc(100% - 60px);height: calc(100% - 60px);margin: 30px;  border-radius: 15px;  border-width: 1px;  border-style: solid;  border-color: #cdcdcd;  background: linear-gradient(#fdfdfd, #e4e4e4);  box-shadow: 0 0 10px #ccc;}

.bSideBarrierStartButton {position: absolute;bottom: 50px;left: 45%;}

.iSideBarrierBuilding{/*position: absolute;*//*top: 30px;*//*left: 25px;*/width: 45%;}
.dSideBarrierTxtInn {position: absolute;top: 60px;left: 500px;}

.ulSideBarrierList {font-family: appFont;font-size: 14px;}

.ulSideBarrierList > li {list-style-type: none;}

.ulSideBarrierList > li:before {content: "\25A0"; /* Insert content that looks like bullets */padding-right: 25px;margin-left: -35px;color: #e2001a;}

.dSideBarrierTabBox {height: 60px;background-color: #e4e4e4;border-width: 1px;border-top-right-radius: 15px;border-top-left-radius: 15px;padding-left: 30px;}

.dSideBarrierTab {background-color: #e4e4e4;height: 60px;width: 300px;float: left;border-width: 1px;border-top-right-radius: 15px;border-top-left-radius: 15px;text-align: center;vertical-align: middle;line-height: 60px;}

.dSideBarrierTab > span {font-family: appFont;font-size:20px;color: #6a6a6a;}

.dSideBarrierActiveTab {background: linear-gradient(#ffffff, #fcfcfc);height: 60px;width: 300px;float: left;border-width: 1px;border-top-right-radius: 15px;border-top-left-radius: 15px;text-align: center;vertical-align: middle;line-height: 60px;}

.dSideBarrierActiveTab > span {font-family: appFontBold;font-size:20px;}
/************
**  3rd Tab
************/
.dSideBarrierTabContent .dAddButton{position: absolute;}
.dSideBarrierTabContent .dAddButton .dButtonTxt2{font-size: 14px;padding-left: 20px;color:#e3001b;text-align: left;text-shadow: none;}
.dSideBarrierTabSpace .dAddButton .dButtonMain{border-radius: 2px;background-color: whitesmoke;border-color: red;border-width: 3px;}

.dSideBarrierTabSpace .dSideBarrierFormContainer{position: absolute;display: block;width: 1170px;height: 600px;background-color: rgba(255,255,255,0.8);top: 0px;left: 0px;display:none;z-index: 2;}
.dSideBarrierTabSpace .dSideBarrierFormContainer .dSideBarrierForm{position: absolute;right: 15px;bottom: 15px;/*width: 60%;*//*height: 75%;*/margin: 30px;border-radius: 15px;border-width: 1px;border-style: solid;border-color: #cdcdcd;background: linear-gradient(#fdfdfd, #e4e4e4);box-shadow: 0 0 10px #ccc;z-index: 3;}
.dSideBarrierTabSpace .dSideBarrierFormContainer .dSelectMain,
.dSideBarrierTabSpace .dSideBarrierFormContainer .sSelectSelect{width:100% !important;height: 100% !important;}

.dSideBarrierListContainer{position: relative; top:45px; left:30px;}
.dSideBarrierInfo{position: relative;top:75px; left:30px;}

.dSideBarrierListContainer>.dSideBarrierList{overflow-y: scroll;padding: 5px;height: 100%;}
.dSideBarrierListContainer>.dSideBarrierList>.pSideBarrierNoItems{font-size: 14px;}
.dSideBarrierFormMain{/*position: relative;*/
}
.dSideBarrierFormMain .bButtons{position: absolute;bottom: 20px;width: 90%;right:20px;
}

.dSideBarrierFormMain .bButtons .dSideBarrierWarningTxt{
text-align: right;padding: 10px;font-size: 15px;color: red;font-weight: bold;}


.dSideBarrierFormMain .bButtons .bConfirmButton,
.dSideBarrierFormMain .bButtons .bCancelButton{float: right;margin-left: 10px;
}

.dSideBarrierFormMain .pSideBarrierFormTxt1{font-size: 14px;position: relative;/*top: 60px;*/left: 20px;}
.dSideBarrierFormMain .dSelectMain{position: relative;top: 0px;left: 20px;}
.dSideBarrierFormMain .dSideBarrierFormInputColumn{/*position: absolute;right: 20px;width: 45%;top: 120px;*/position: relative;left: 50px;width: 45%;top: 20px;float:left;}
.dSideBarrierFormMain .dSideBarrierFormInputColumn .dSideBarrierFormInputLabel{width:40%;font-size: 14px;padding-right: 10px;float:left;text-align: right;/*display: inline-block;*/}
.dSideBarrierFormMain .dSideBarrierFormInput{padding-bottom: 45px;}
.dSideBarrierFormMain .dSideBarrierFormInputColumn .dSideBarrierFormInput>div{float: left;}
.dSideBarrierFormMain .dSideBarrierFormInputColumn .dSideBarrierFormInput>div>div{float:left;/*display: inline-block;*/}
.dSideBarrierFormMain .dSideBarrierFormInputColumn .dSideBarrierFormInputUnits{width:20px;float:left;margin-left: 10px;/*display: inline-block;*/}

.dSideBarrierFormImageColumn{width: 45%;height: calc(100% - 170px);float: left;margin-top: 20px;}
.dSideBarrierFormImageColumn #myCanvas{float:right;width:auto;}

.iSideBarrierFormImage{float:right;}

.dSideBarrierListElement{position: relative;background: white;/*border: 1px solid black;*/box-shadow: 0px 0px 15px grey;padding: 10px;margin: 6px;}
.dSideBarrierListElement h5{margin:3px;font-size: 14px;}
.dSideBarrierListElement p{margin:3px;font-size: 13px;}

.dSideBarrierItemIcons{font-size:24px;color:#e3001b;position: absolute;right: 10px;top: calc(50% - 12px);}
.dSideBarrierItemIcons i{cursor:pointer;margin-left: 10px;}
.dSideBarrierItemIcons i.fa-trash-o{position: relative;top: -1px;}

.dSideBarrierCom1{color:#a40000; font-face:appFont;}
/*------------------------------------------------------------------------------
CEILING
-------------------------------------------------------------------------------*/
.dCeilingResult1{font-face:appFont; font-size:18px;}
.dCeilingMain {border-radius: 15px;border-width: 1px;border-style: solid;border-color: #cdcdcd;
	  background: #ffffff;}

.bCeilingStartButton {position: absolute;bottom: 50px;left: 45%;}
.iCeilingBuilding {position: absolute;top: 30px;left: 25px;width: 40%;}

.dCeilingTxtInn {position: absolute;top: 60px;left: 45%;width: 50%;}
#h3CeilingHeader{font-size: 18px;font-family: appFontBold;}
.pCeilingText{font-size: 16px;font-family: appFont;}
/*****
* 2nd Stage
******/
.pCeilingStageTitle{font-size: 16px;font-family:appFont;margin-left: 35px;/* position: absolute; *//* top: 50px; *//* left: 50px; */margin-top: 30px;}


.dCeilingTabContentWindow{width: calc(100% - 60px);height: calc(100% - 60px);margin: 30px;border-radius: 15px;border-width: 1px;border-style: solid;border-color: #cdcdcd;background: linear-gradient(#fdfdfd, #e4e4e4);box-shadow: 0 0 10px #ccc;}

.dCeilingTabContentWindow .dSelectMain{position: relative;top:50px;left:100px;}

/***************
* 3rd Stage
***************/
.dInputColumn{width:50%;float:left;margin-bottom: 50px;font-size: 14px;}
.dInputRow{clear: both;float:none;margin-bottom: 50px;}
.dInputRow .dCeilingInputLabel{width:40%;float:left;font-size: 14px;padding-right: 10%;/*display: inline-block;*/}
.dInputRow .dCeilingInput>div{float: left;}
.dCeilingInput>div>div{float:left;/*display: inline-block;*/}
.dCeilingInputUnits{width:20px;float:left;margin-left: 10px;/*display: inline-block;*/}
.dCeilingTabContent{position: relative;}
.dInputsContainer{position: absolute;width: 90%;left:50%;margin-left: -45%;padding: 50px;}
.bCeilingNextButton{position: absolute;bottom: 50px;right: 50px;}

/*------------------------------------------------------------------------------
BAR
-------------------------------------------------------------------------------*/

.dBarTabs{background-color: #e4e4e4;padding-left: 20px;overflow: hidden;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.bBarTablinks{font-size: 14px;font-family: appFont;background-color: transparent;color:#8d8d8d;padding: 12px 20px;border-width: 0px;cursor:pointer;display: inline-block;position:relative;z-index: 0;border-top-left-radius: 6px;border-top-right-radius: 6px;margin: 0 5px;}
.bBarTablinks.active:before,
.bBarTablinks.active:after {    border: none;position: absolute;bottom: 0px;width: 10px;height: 10px;content: " ";}

.bBarTablinks.active:before {left: -10px;border-bottom-right-radius: 8px;border-width: 0px 1px 1px 0px;box-shadow: 4px 4px 0 #FFF;}

.bBarTablinks.active:after {right: -10px;border-bottom-left-radius: 8px;border-width: 0 0 1px 1px;box-shadow: -4px 4px 0 #FFF;}


.bBarTablinks:focus{outline: none;}
.bBarTablinks.active{background-color:white;color:black;font-weight: bold;}

/*------------------------------------------------------------------------------
FLOOR
-------------------------------------------------------------------------------*/

.dFloorMain {border-radius: 15px;border-width: 1px;border-style: solid;border-color: #cdcdcd;
	  background: #ffffff;}

.iFloorBuilding {position: absolute;top: 30px;left: 25px;width: 40%;}

.dFloorTxtInn {position: absolute;top: 60px;left: 45%;width: 50%;}

.bFloorStartButton{  position: absolute;  bottom: 50px;  left: 45%;}

.dFloorTabContentWindow{width: calc(100% - 60px);height: calc(100% - 60px);margin: 30px;  border-radius: 15px;  border-width: 1px;  border-style: solid;  border-color: #cdcdcd;  background: linear-gradient(#fdfdfd, #e4e4e4);  box-shadow: 0 0 10px #ccc;}

.dFloorTabContentWindow .dSelectMain{position: relative;top:50px;left:100px;}

.pFloorStageTitle{
	clear:both;font-size: 16px;  margin-left: 35px;  margin-top: 30px;}

.dCeilingTxtInn {position: absolute;top: 60px;left: 45%;width: 50%;}

#h3CeilingHeader{font-size: 18px;font-family: appFontBold;}

.pCeilingText{font-size: 16px;font-family: appFont;}

.bFloorNextButton{position: absolute;bottom: 50px;right: 50px;}
.bFloorCofnijButton{position: absolute;bottom: 50px;left: 50px;}

.dFloorInputsContainer{position: absolute;width: calc(100% - 120px);height: 100px;margin-left: 30px;border: 50px;}

.dFloorInputColumnTxt{width:74%;float:left;margin-bottom: 10px;}

.dFloorInputColumn{width:50%;float:left;font-size: 14px;}

.dFloorInputColumnPhoto{width:26%;float:left;margin-bottom: 10px;font-size: 14px;border-left: 50px;}

.dFloorInputColumnPhoto>img{float: right;}

.dInputRow .dFloorInputLabel{width:55%;float:left;font-size: 14px;padding-right: 3%;text-align: right;/*display: inline-block;*/}.dInputRow .dFloorInput>div{float: left;}.dFloorInput>div>div{float:left;/*display: inline-block;*/}.dFloorInputUnits{width:20px;float:left;margin-left: 10px;/*display: inline-block;*/}


/*--------- results ------------*/


.dResultsSelect{margin: 20px 0 20px 20px; background:red}

.dResultsMain {border-radius: 15px; border-width: 1px; border-style: solid; border-color: #cdcdcd; background: #ffffff;}
.dResultsLeft1{clear:both; float:left; margin: 30px 0 0 0 }
.dResultsRight1{float:left; margin: 30px 0 0 0 }

.h1ResultsTxt0{font-family: appFont; margin: 0 5px 20px 15px; font-size:18px;}

.pResultsTxt1{font-family: appFont; font-size:15px;color:#8d8d8d;margin: 0 5px 30px 15px; }
.pResultsTxt2{font-family: appFont;font-size:14px;}
.dResultsList{overflow:auto; position:relative; clear:both; margin: 30px 0 0 0;}


.dResultsTabContentWindow{width: calc(100% - 60px); height: calc(100% - 60px); margin: 30px; border-radius: 15px; border-width: 1px;    border-style: solid; border-color: #cdcdcd; background: linear-gradient(#fdfdfd, #e4e4e4); box-shadow: 0 0 10px #ccc;}

.dResultsItemMain{background: #e5e5e5; clear:both; box-shadow: 2px 2px 5px #999999; border-radius: 5px;}

.dResultsItemMain1{position:absolute; overflow:hidden;}
.dResultsItemTitle1{font-family:appFont; color:#010101; font-size:11px; margin:0 0 3px 10px;}
.dResultsItemNazwa1{font-family:appFontBold; color:#e2001a; font-size:18px; margin:0 10px 3px 10px;}
.dResultsItemOpis1{font-family:appFont; color:#010101; font-size:12px; margin:0 10px 3px 10px;}
.dResultsItemSlider1{float:left; clear:both; margin: 0 0 0 25px;}
.dResultsItemInfo1{font-family:appFont; clear:both; margin: 0 0 0 25px; font-size:10px; color:#a40000}
.dResultsItemThickness1{float:left; margin: 10px 0 0 10px;}
.dResultsItemUnit1{float:left; font-family:appFontBold; color:#333333; font-size:12px; margin:26px 0 0 5px;}
.dResultsItemPoprawkaK1{font-family:appFontBold; color:#333333; font-size:22px; margin:15px 0 0 10px;}
.dResultsItemWskaznik1{font-family:appFontBold; color:#333333; font-size:32px; margin:10px 0 0 0; text-align:center;}
.dRsultsItemPrint1{position:absolute}
.dResultsItemSep1{background:#a9a9a9; position:absolute; oveflow:hidden; font-size:1px;}
.dResultsItemSep2{background:#ffffff; position:absolute; oveflow:hidden; font-size:1px;}
.dResultsRequirementsSets1{margin:20px 25px 30px 15px; clear:both}
.dResultsRequirementsSets2{padding-top:5px; margin:20px 25px 30px 45px; clear:both}
.dResultsRequList1{clear:both; float:left; margin: 10px 3px 10px 10px;}
.dResultsRequList2{float:left; font-family:appFont;  margin: 10px 10px 10px 3px}
.pResultsItemMax1{color:#e40018; font-face:appFont; font-size:24px; margin-left: 10px;}
.pResultsItemMax2{color:#666666; font-face:appFont; font-size:16px; margin-left: 10px;}

.dResultsRecuirements{margin: 0 5px 0 15px;}
.dResultsRecuirements1{font-family: appFont; font-size:12px; color:#555555; background:#e5e5e5; box-shadow:0 0 6px #999999; padding: 10px; text-align:center;}
.dResultsRecuirements2{margin-top:20px; font-family: appFont;font-size:12px; color:#555555; background:#f5bfbf; box-shadow:0 0 6px #999999; padding: 10px; text-align:center;}
.dResultsRecuirements3{margin-top:20px; font-family: appFont; font-size:12px; color:#555555; background:#f2ddc0; box-shadow:0 0 6px #999999; padding: 10px; text-align:center;}
.dResultsPrzypisy{font-size:10px; margin:20px 0 10px 15px; color:#999999}

.dResultsCheckboxMain{margin-left: 30px;}



 /*--------- rangeSlider ------------*/

 input[type=range] {-webkit-appearance: none;margin: 0 0;width: 100%;background: transparent;}input[type=range]:focus {outline: none;}input[type=range]::-webkit-slider-runnable-track {width: 100%;height: 12.8px;cursor: pointer;animate: 0.2s;box-shadow: 0px 0px 0px #505050, 0px 0px 0px #505050;background: #A9A9A9;border-radius: 25px;border: 0px solid #505050;}input[type=range]::-webkit-slider-thumb {box-shadow: 0px 0px 0px #505050, 0px 0px 0px #505050;border: 0px solid #505050;height: 20px;width: 39px;border-radius: 7px;background: #e2001a;cursor: pointer;-webkit-appearance: none;margin-top: -3.6px;}input[type=range]:focus::-webkit-slider-runnable-track {background: #A9A9A9;}input[type=range]::-moz-range-track {width: 100%;height: 12.8px;cursor: pointer;animate: 0.2s;box-shadow: 0px 0px 0px #505050, 0px 0px 0px #505050;background: #A9A9A9;border-radius: 25px;border: 0px solid #505050;}input[type=range]::-moz-range-thumb {box-shadow: 0px 0px 0px #505050, 0px 0px 0px #505050;border: 0px solid #505050;height: 20px;width: 39px;border-radius: 7px;background: #e2001a;cursor: pointer;}input[type=range]::-ms-track {width: 100%;height: 12.8px;cursor: pointer;animate: 0.2s;box-shadow: 0px 0px 0px #505050, 0px 0px 0px #505050;background: #A9A9A9;border-radius: 25px;border: 0px solid #505050;}input[type=range]::-ms-fill-lower {background: #A9A9A9;border: 0px solid #505050;border-radius: 50px;box-shadow: 0px 0px 0px #505050, 0px 0px 0px #505050;}input[type=range]::-ms-fill-upper {background: #A9A9A9;border: 0px solid #505050;border-radius: 50px;box-shadow: 0px 0px 0px #505050, 0px 0px 0px #505050;}input[type=range]::-ms-thumb {box-shadow: 0px 0px 0px #505050, 0px 0px 0px #505050;border: 0px solid #505050;height: 20px;width: 39px;border-radius: 7px;background: #e2001a;cursor: pointer;margin-top: 0px;/*button for Edge*/}input[type=range]:focus::-ms-fill-lower {background: #A9A9A9;}input[type=range]:focus::-ms-fill-upper {background: #A9A9A9;}
body {padding: 30px;}
/*--------- checkbox ------------*//*input[type=checkbox] {-moz-transform: scale(4);}*/


/* The container */
.container {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/* Hide the browser's default checkbox */
.container input[type=checkbox] {position: absolute;opacity: 0;}

/* Create a custom checkbox */
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;border-style: solid;
	border-color:#aaaaaa
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {background-color: #ffffff;}

/* When the checkbox is checked, add a blue background */
.container input[type=checkbox]:checked ~ .checkmark {background-color: #ffffff;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}

/* Show the checkmark when checked */
.container input[type=checkbox]:checked ~ .checkmark:after {display: block;}

/* Style the checkmark/indicator */
.container .checkmark:after {top: 10%;left: /*14px;*/30%;/*top: 5px;*/width: /*20px*/30%;height: /*40px*/60%;border: solid #a40000;border-width: 0 1px 1px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}



/*--------- tooltip ------------*/
.dTiptoolMain4 {background-color: white/*smoke*/;color: black;text-align: left;border-radius: 6px;padding: 10px;box-sizing: border-box;position: absolute;/* z-index: 2; */box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);}



.dTiptoolMain4:after,
.dTiptoolMain4:before {content: '';position: absolute;top: -17px;right: 10px;/* width: 0; *//* height: 0; */border-right: 13px solid white/*smoke*/;border-top: 19px solid transparent;margin-left: -17.5px;margin-bottom: -19px;}

.dTiptoolMain4:before {border-right: 13px solid gray;/* border-top-color: black; */filter: blur(2px);/* z-index: -1; */right: 8px;top: -21px;/* opacity: 0.5; */}


.dTiptoolMain {background-color: white/*smoke*/;color: black;text-align: left;border-radius: 6px;padding: 10px;box-sizing: border-box;position: absolute;/* z-index: 2; */box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);}


.dTiptoolMainIn{overflow:auto; text-size:11px;}

.dTiptoolMain:after,
.dTiptoolMain:before {content: '';position: absolute;bottom: 2px;right: 10px;/* width: 0; *//* height: 0; */border-right: 13px solid white/*smoke*/;border-bottom: 19px solid transparent;margin-left: -17.5px;margin-bottom: -19px;}

.dTiptoolMain:before {border-right: 13px solid gray;/* border-top-color: black; */filter: blur(2px);/* z-index: -1; */right: 8px;bottom: -2px;/* opacity: 0.5; */}

.pTipToolLine1{font-face:appFont; font-size:12px; margin:3px 10px 0 15px;}
.pTipToolLine2{margin: 0 0 0 50px;}
.pTipToolLine3{font-face:appFont; font-size:12px; clear:both; float:left; margin:2px 0 0 15px; width:55px;}
.pTipToolLine4{font-face:appFont;font-size:12px; float:left; margin:2px 0 0 0}
.pTipToolLine5{font-face:appFont;font-size:12px; clear:both; margin:2px 15px 0 15px;}
.pTipToolLine6{font-face:appFont;font-size:12px; clear:both; margin:12px 15px 0 15px;}


.pOpis3{
	padding-left:20px;
	font-size: 20px;
/*	font-weight: bold;*/
	margin-bottom: 0px;
	width:100%;
	border-bottom: 2px solid #e2001a;
	padding-bottom: 5px;
	box-sizing: border-box;
	font-family: appFontBold;
}

.dOpis3 p{
	padding-left:5px;
	font-size: 20px;
/*	font-weight: bold;*/
	width:100%;
	padding-bottom: 5px;
	padding-top:5px;
	box-sizing: border-box;
	font-family: appFont;
	background: white;
	margin:0px;
/*	border-bottom: 2px solid #e2001a;*/
}

.dButtonTxt2,.dResultsRecuirements1,.dResultsRecuirements2,.dResultsRecuirements3,.dMenuTopItemTxt1,.dMenuTopItemTxt2,.dMenuTopItemTxt3,.dHelp2{
	user-select: none;
}