/* HLAVICKY */
* {box-sizing: border-box;}
h1 {margin: 0; padding: 0; font-size: 16pt;}
body {background-color: #e2e2e2; margin: 0 0; padding: 0 0; font-family: Open Sans; font-weight: 400; font-size: 10pt; color: #111111;}
h1 {margin: 0; padding: 0; font-size: 24pt;}
a:link, a:visited {font-size: 10pt; font-family: Open Sans; font-weight: 400; color: #0078d0; text-decoration: none;}
a:hover, a:active {font-size: 10pt; font-family: Open Sans; font-weight: 400; color: #0078d0; text-decoration: underline;}
placeholder {color: #333333;} ::-webkit-input-placeholder {color: #333333;} :-moz-placeholder {color: #333333;} ::-moz-placeholder {color: #333333;} :-ms-input-placeholder {color: #333333;} textarea::-webkit-input-placeholder {color: #333333;} textarea:-moz-placeholder {color: #333333;} textarea::-moz-placeholder {color: #333333;} textarea:-ms-input-placeholder {color: #333333;}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type="number"] {-moz-appearance: textfield;}

.TopPanel {position: fixed; top:0px; left: 0px; width: 100%; padding: 6px 10px 7px 10px; background-color: #0078d0; color: #ffffff;}
.TopPanelTAB {width: 100%;}
.MenuBTNO {display: block; width: 30px; height: 30px; background-image: url('/ico/menu.png'); background-position: center center; background-repeat: no-repeat; cursor: hand; cursor: pointer;}
.MenuBTNC {display: block; width: 30px; height: 30px; background-image: url('/ico/menuc.png'); background-position: center center; background-repeat: no-repeat; cursor: hand; cursor: pointer;}
.LogoIMG {display: block; width: 67px; height: 30px; background-image: url('/img/logo-pdrpad-top.png'); background-position: center center; background-repeat: no-repeat; background-size: auto 23px;}
.AvatarIMG {display: inline-block; width: 30px; height: 30px; line-height: 28px; border-radius: 50%; border: 1px solid #ffffff; background-position: center center; background-repeat: no-repeat; background-size: 30px 30px; background-color: #ffffff;}
.ListAvatar {display: inline-block; width: 30px; height: 30px; line-height: 28px; border-radius: 50%; border: 1px solid #ffffff; background-position: center center; background-repeat: no-repeat; background-size: 30px 30px; background-color: #ffffff;}
.AvatarName {display: inline-block; height: 30px; line-height: 30px; padding-left: 10px;}
.MenuLeft {display: block; display: none; width: 250px; height: 100%; background-color: #0066b0; position: fixed; top:43px; left: 0px; z-index: 200000; overflow: auto;}
.MenuLeftBTN {display: block; width: 100%; padding: 12px 12px 12px 40px; color: #ffffff; font-size: 11pt; border-bottom: 1px solid #3f8cc4; cursor: hand; cursor: pointer; background-position: 10px center; background-repeat: no-repeat; background-size: 20px 20px;}
.MenuLeftBTN:hover {background-color: #3f8cc4;}
.LoadPageDIV {width:100%; max-width: 1920px; margin: auto; margin-top: 43px;}
.LoadWindowBG {display: block; position: fixed; top: 0px; left: 0px; padding-top: 20px; z-index: 100000; width: 100%; height: 100%; background-image: url('/img/bg_black_50.png'); display: none;}
.LoadWinDIV {display: block; margin: auto; z-index: 101000; width: 90%; max-width: 440px; min-height: 100px; max-height: 90%; overflow: auto; background-color: #f1f1f1; padding: 5px; border-radius: 1px; box-shadow: 0px 0px 5px #555555;}
.LoadWinDIVTTL {display: inline-block; width: 100%; padding: 5px 5px 5px 10px; border-radius: 1px; background-color: #60a8dd; color: #ffffff; font-weight: 600;}
.LoadWinDIVTTLTXT {display: inline-block; float: left; height: 32px; line-height: 32px; font-size: 11pt; font-weight: 600;}
.FullPagePreLoader {display: block; position: fixed; top: 0px; left: 0px; padding-top: 20px; z-index: 100000; width: 100%; height: 100%; background-image: url('/img/bg_black_50.png'); display: none;}
/*.DrobDIV {display: block; width: 100%; border-bottom: 1px solid #cdcdcd; background-color: #ffffff; padding: 10px; font-size: 10pt;}
.DrobLNK {color: #0078d0; text-decoration: underline; cursor: hand; cursor: pointer;}
.DrobLNK:hover {color: #0078d0;}
.DrobSEP {margin: 0px 10px 0px 10px;}*/
.DrobDIV {display: block; width: 100%; border-bottom: 1px solid #cdcdcd; background-color: #ffffff; padding: 3px 3px 0px 3px; font-size: 10pt;}
.DrobLNK {display: inline-block; padding: 7px 10px 7px 10px; background-color: #005a9d; color: #ffffff; cursor: hand; cursor: pointer; border-radius: 5px 5px 0px 0px;}
.DrobLNK:hover {background-color: #0078d0;}
.DrobSEP {margin: 0px 5px 0px 5px;}
.DrobActive {display: inline-block; padding: 7px 10px 7px 10px; background-color: #e2e2e2; border-radius: 5px 5px 0px 0px; border: 1px solid #cdcdcd; margin-bottom: -4px; border-bottom: 1px solid #e2e2e2;}
.PageObal {width:100%; padding: 10px;}
.SearchHomeTAB {width: 100%; max-width: 1000px;}
.SearchTopTAB {width: 100%; max-width: 500px;}
.ITLSearchHome {display: inline-block; width: 100%; height: 40px; font-size: 11pt; font-family: Open Sans; font-weight: 400; padding: 5px 5px 5px 10px; margin-top: 0px; border-radius: 1px 0px 0px 1px; border: 1px solid #bbbbbb;}
input.ITLSearchHome:focus {border: 1px solid #0078d0;}
.ITLSearchTop {display: inline-block; width: 100%; height: 40px; font-size: 11pt; font-family: Open Sans; font-weight: 400; padding: 5px 5px 5px 10px; margin-top: 0px; border-radius: 1px 0px 0px 1px; border: 1px solid #bbbbbb; min-width: 50px;}
.BTNSearchHome {display: inline-block; width: 60px; height: 40px; font-family: Open Sans; font-weight: 400; border: 0px; border-radius: 0px 3px 3px 0px; background-color: #005a9d; cursor: hand; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 26px 26px; background-image: url('/ico/107.png');}
.BTNSearchCancel {display: block; position: relative; float: right; margin-top: -39px; margin-right: 1px; z-index: 1000; width: 38px; height: 38px; font-family: Open Sans; font-weight: 400; cursor: hand; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 22px 22px; background-image: url('/ico/151.png');}
.BTNSrchSel10, .BTNSrchSel20, .BTNSrchSel30 {display: inline-block; width: 40px; height: 40px; font-family: Open Sans; font-weight: 400; background-color: #aeaeae; cursor: hand; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 20px 20px;}
.BTNSrchSel11, .BTNSrchSel21, .BTNSrchSel31 {display: inline-block; width: 40px; height: 40px; font-family: Open Sans; font-weight: 400; background-color: #005a9d; cursor: hand; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 20px 20px;}
.BTNSrchSel10, .BTNSrchSel11 {border-radius: 5px 0px 0px 5px; margin-right: 1px;}
.BTNSrchSel20, .BTNSrchSel21 {border-radius: 0px; margin-right: 1px;}
.BTNSrchSel30, .BTNSrchSel31 {border-radius: 0px 5px 5px 0px;}
.BigBtnObal {margin-top: 10px;}
.BigBtnObal2 {display: block; width: 100%; float: left; margin-top: -5px; padding-bottom: 5px;}
.BigBtnObal3 {display: block; width: 100%; float: left; margin-top: -5px; padding-bottom: 5px;}
.BigBtnObalTTL {display: inline-block; width: 100%; padding: 5px 5px 5px 10px; border-radius: 1px; background-color: #60a8dd; color: #ffffff; font-weight: 600;}
.ActionBTNobal {display: block;}
.BTNUNI {display: inline-block; height: 40px; padding: 0px 15px 0px 15px; line-height: 40px; font-size: 11pt; color: #ffffff; font-weight: 600; background-color: #005a9d; border-radius: 1px; cursor: hand; cursor: pointer;}
.BTNbigNab {display: inline-block; float: left;  width: 31%; min-width: 100px; max-width: 150px; height: 90px; max-height: 90px; padding: 50px 10px 5px 10px; line-height: 100%; color: #ffffff; margin-right: 5px; background-color: #005a9d; border-radius: 1px; cursor: hand; cursor: pointer; vertical-align: bottom; text-align: center; margin-top: 5px; background-position: center 13px; background-repeat: no-repeat; background-size: 30px 30px;}
.BTNactionNab {display: inline-block; float: left;  width: 100px; min-width: 100px; max-width: 100px; height: 90px; max-height: 90px; padding: 50px 10px 5px 10px; line-height: 100%; color: #ffffff; margin-right: 5px; margin-top: 5px; background-color: #005a9d; border-radius: 1px; cursor: hand; cursor: pointer; vertical-align: bottom; text-align: center; background-position: center 13px; background-repeat: no-repeat; background-size: 30px 30px;}
.BTNSYS {display: inline-block; float: left; width: 50px; height: 50px; margin-right: 5px; background-color: #005a9d; border-radius: 1px; cursor: hand; cursor: pointer; margin-top: 5px; background-position: center center; background-repeat: no-repeat; background-size: 30px 30px;}
.BTNSYSL {display: inline-block; float: left; height: 40px; line-height: 38px; color: #ffffff; margin-right: 5px; padding: 0px 15px 0px 46px; background-color: #005a9d; border-radius: 1px; cursor: hand; cursor: pointer; margin-top: 5px; background-position: 10px center; background-repeat: no-repeat; background-size: 26px 26px;}
.BTNList {display: inline-block; float: right; width: 40px; height: 40px; margin-left: 5px; background-color: #005a9d; border-radius: 1px; cursor: hand; cursor: pointer; margin-top: 0px; background-position: center center; background-repeat: no-repeat; background-size: 20px 20px;}
.BTNWinClose {display: inline-block; float: right; width: 32px; height: 32px; line-height: 32px; cursor: hand; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 32px 32px; background-image: url('/ico/115.png');}
.BTNICO {display: inline-block; height: 40px; padding: 0px 15px 0px 45px; line-height: 40px; font-size: 11pt; color: #ffffff; font-weight: 600; background-color: #005a9d; border-radius: 1px; cursor: hand; cursor: pointer; background-position: 10px center; background-repeat: no-repeat; background-size: 24px 24px;}
.BTNSEL {display: inline-block; width: 50px; height: 40px; line-height: 40px; background-color: #005a9d; border-radius: 1px; cursor: hand; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 24px 24px;}
.BTNcheckICOTXT {display: inline-block; width: 130px; height: 40px; line-height: 36px; background-color: #ffffff; margin: 3px 3px 0px 0px; padding: 0px 10px 0px 40px;  border: 1px solid #cdcdcd; cursor: hand; cursor: pointer; background-position: 10px center; background-repeat: no-repeat; background-size: 20px auto;}
.BTNcheckICOTXT:hover {background-color: #ffffc0;}
.BTNblockEdit {display: inlien-block; float: right; width: 30px; height: 30px; cursor: hand; cursor: pointer; background-image: url('/ico/113.png'); background-position: center center; background-repeat: no-repeat; background-size: 30px 30px;}
.BTNblockClose {display: inlien-block; float: right; width: 30px; height: 30px; cursor: hand; cursor: pointer; background-image: url('/ico/115.png'); background-position: center center; background-repeat: no-repeat; background-size: 30px 30px;}
.BTNcheck0 {display: inline-block; width: 30px; height: 30px; margin-top: 3px; cursor: hand; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 30px 30px; background-image: url('/ico/116.png');}
.BTNcheck1 {display: inline-block; width: 30px; height: 30px; margin-top: 3px; cursor: hand; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 30px 30px; background-image: url('/ico/117.png');}
.OPRcheck0 {display: inline-block; width: 30px; height: 30px; margin-top: 3px; cursor: hand; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 30px 30px; background-image: url('/ico/147.png');}
.OPRcheck1 {display: inline-block; width: 30px; height: 30px; margin-top: 3px; cursor: hand; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 30px 30px; background-image: url('/ico/148.png');}
.BTNSearchHome:hover, .BTNbigNab:hover, .BTNactionNab:hover, .BTNSYS:hover, .BTNSYSL:hover, .BTNList:hover, .BTNICO:hover, .BTNUNI:hover  {background-color: #0078d0;}
.BTNpriloha {display: inline-block; height: 24px; padding: 0px 10px 0px 24px; line-height: 24px; font-size: 9pt; color: #777777; font-weight: 400; background-color: #ffffff; border: 1px solid #cdcdcd; border-radius: 3px; background-position: 3px center; background-repeat: no-repeat; background-image: url('/ico/pdf.png'); background-size: 16px 16px;}
.StartHere {display: block; position: absolute; width: 31%; min-width: 80px; max-width: 150px; height: 100px; margin-left: -10px; background-position: center 10px; padding: 70px 10px 5px 10px;  background-repeat: no-repeat; background-size: 50px 50px; background-image: url('/ico/start_arrow.png'); font-weight: bold; color: #609c00; text-shadow: 1px 1px 1px #ffffff;}

.MSGobal {padding: 10px;}
.MSGY {display: block; padding: 15px; background-color: #effeb9; color: #333333; border: 1px solid #86a600;}
.MSGE {display: block; padding: 15px; background-color: #fec9c5; color: #333333; border: 1px solid #ff483f;}
.MSGW {display: block; padding: 15px; background-color: #fdeaa8; color: #333333; border: 1px solid #ff0000;}
.MSGI {display: block; padding: 15px; background-color: #d3e3f3; color: #333333; border: 1px solid #2599ff;}
.LoadMSG {display: block; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; padding: 80px 10px 10px 10px; width: 120px; height: 120px; text-align: center; font-weight: bold; font-size: 10pt; background-color: #effeb9; color: #333333;  border: 3px solid #86a600; border-radius: 5px; background-image: url('/ico/done.png'); background-position: center 25px; background-repeat: no-repeat; background-size: 50px 50px;}

.FormObal {display: block; width: 100%; max-width: 380px; padding: 0px; background-color: #f1f1f1; float: left; margin-right: 10px;}
.FormObalFull {display: block; width: 100%; min-width: 320px; background-color: #f1f1f1; float: left; overflow: auto;}
.FormKalkDIV {display: block; padding: 10px; background-color: #f1f1f1; float: left; width: 100%; min-width: 320px; margin-right: 10px; max-width: 550px; overflow: auto;}
.FormKalkDIV2 {display: block; padding: 10px; background-color: #f1f1f1; float: left; width: 100%; max-width: 550px; margin-right: 10px;}
.FormTTL {display: block; width: 100%; padding: 10px; background-color: #60a8dd; color: #ffffff; font-weight: 600;}
.FormTTLedit {display: block; width: 100%; height: 40px; line-height: 30px; padding: 5px 5px 5px 10px; background-color: #60a8dd; color: #ffffff; font-weight: 600;}
.FormTTLclose {display: block; width: 100%; height: 39px; line-height: 30px; padding: 4px 4px 4px 10px; background-color: #60a8dd; color: #ffffff; font-weight: 600;}
.FormDIV {padding: 10px;}
.FormTAB1 {width: 100%;}
.FormKalkTAB1 {width: 100%; min-width: 530px;}
.FormKalkSUMTAB1 {width: 100%;}
.KalkDilTR:hover {background-color: #ffffc0;}
.KalkSUMTR {background-color: #ffffff;}
.KalkSUMTR:hover {background-color: #ffffc0;}
.FormTD1, .FormTDW1, .FormTDCEN {padding: 5px; text-align: right; width: 110px;}
.FormTD1CE {padding: 3px; text-align: center; width: 110px; background-color: #d9d9d9; font-weight: 600;}
.FormTD1CEH {padding: 3px; text-align: center; background-color: #d9d9d9; font-weight: 600;}
.FormKalkTD1 {padding: 5px; text-align: right;}
.FormKalkSUMTD1 {text-align: left; padding: 7px 7px 7px 10px;}
.FormKalkSUMTD2 {text-align: right; padding: 7px 10px 7px 7px;}
.DataTAB1 {width: 100%;}
.DataTD1 {padding: 5px; text-align: right; width: 110px;}
.DataTD2 {padding: 5px; background-color: #ffffff;}
.DataStavTD10, .DataStavTD20, .DataStavTD30, .DataStavTD40, .DataStavTD50 {padding: 5px; background-color: #ffffff; font-weight: 600;}
.DataStavTD10 {color: #ff0000;}
.DataStavTD20 {color: #ff9000;}
.DataStavTD30 {color: #6801ff;}
.DataStavTD40 {color: #008000;}
.DataStavTD50 {color: #404040;}
.ITL100, .ITL95, .ITL90, .ITL85, .ITL80, .ITL75, .ITL70, .ITL65, .ITL60, .ITL55, .ITL50, .ITL45, .ITL40, .ITL35, .ITL30, .ITL25, .ITL20, .ITL25, .ITL20, .ITL15, .ITL10, .ITL5 {display: inline-block; padding: 5px; height: 40px; font-size: 11pt; font-family: Open Sans; font-weight: 400; border-radius: 1px; border: 1px solid #ffffff; background-color: #ffffff;}
.ITL100 {width: 95%;} .ITL95 {width: 95%;} .ITL90 {width: 90%;} .ITL85 {width: 85%;} .ITL80 {width: 80%;} .ITL75 {width: 75%;} .ITL70 {width: 70%;} .ITL65 {width: 65%;} .ITL60 {width: 60%;} .ITL55 {width: 55%;} .ITL50 {width: 50%;} .ITL45 {width: 45%;} .ITL40 {width: 40%;} .ITL35 {width: 35%;} .ITL30 {width: 30%;} .ITL25 {width: 25%;} .ITL20 {width: 20%;} .ITL15 {width: 15%;} .ITL10 {width: 10%;} .ITL5 {width: 5%;}
.TA100 {display: inline-block; width: 95%; max-width: 282px; min-width: 240px; padding: 5px; height: 75px; max-height: 75px; min-height: 40px; font-size: 11pt; font-family: Open Sans; font-weight: 400; border-radius: 1px; border: 1px solid #ffffff; background-color: #ffffff;}
.IS100, .IS95, .IS90, .IS85, .IS80, .IS75, .IS70, .IS65, .IS60, .IS55, .IS50, .IS45, .IS40, .IS35, .IS30, .IS25, .IS20, .IS15, .IS10, .IS5 {display: inline-block; padding: 5px 5px 5px 0px; height: 40px; font-size: 11pt; font-family: Open Sans; font-weight: 400; border-radius: 1px; border: 1px solid #ffffff; background-color: #ffffff; text-indent: 5px; line-height: 34px;}
.IS100 {width: 95%;} .IS95 {width: 95%;} .IS90 {width: 90%;} .IS85 {width: 85%;} .IS80 {width: 80%;} .IS75 {width: 75%;} .IS70 {width: 70%;} .IS65 {width: 65%;} .IS60 {width: 60%;} .IS55 {width: 55%;} .IS50 {width: 50%;} .IS45 {width: 45%;} .IS40 {width: 40%;} .IS35 {width: 35%;} .IS30 {width: 30%;} .IS25 {width: 25%;} .IS20 {width: 20%;} .IS15 {width: 15%;} .IS10 {width: 10%;}
input.ITL100:focus, input.ITL95:focus, input.ITL90:focus, input.ITL85:focus, input.ITL80:focus, input.ITL75:focus, input.ITL70:focus, input.ITL65:focus, input.ITL60:focus, input.ITL55:focus, input.ITL50:focus, input.ITL45:focus, input.ITL40:focus, input.ITL35:focus, input.ITL30:focus, input.ITL25:focus, input.ITL20:focus, input.ITL25:focus, input.ITL20:focus, input.ITL15:focus, input.ITL10:focus, input.ITL5:focus {border: 1px solid #aed3ef;}
select.IS100:focus, select.IS95:focus, select.IS90:focus, select.IS85:focus, select.IS80:focus, select.IS75:focus, select.IS70:focus, select.IS65:focus, select.IS60:focus, select.IS55:focus, select.IS50:focus, select.IS45:focus, select.IS40:focus, select.IS35:focus, select.IS30:focus, select.IS25:focus, select.IS20:focus, select.IS15:focus, select.IS10:focus, select.IS5:focus {border: 1px solid #aed3ef;}
textarea.TA100:focus {border: 1px solid #aed3ef;}
.ITLspan50, .ITLspan55, .ITLspan60, .ITLspan65, .ITLspan70, .ITLspan75, .ITLspan80, .ITLspan85, .ITLspan90, .ITLspan95, .ITLspan100 {display: inline-block; padding: 0px 5px 0px 5px; height: 40px; line-height: 40px; font-size: 11pt; font-family: Open Sans; font-weight: 400; border-radius: 1px; border: 1px solid #ffffff; background-color: #ffffff; cursor: hand; cursor: pointer;}
.ITLspan50 {width: 50px;} .ITLspan55 {width: 55px;} .ITLspan60 {width: 60px;} .ITLspan65 {width: 65px;} .ITLspan70 {width: 70px;} .ITLspan75 {width: 75px;} .ITLspan80 {width: 80px;} .ITLspan85 {width: 85px;} .ITLspan90 {width: 90px;} .ITLspan95 {width: 95px;} .ITLspan100 {width: 100px;}
.RollTimeDIV {display: block; position: absolute; margin-left: 90px; width: 80px; height: 127px; overflow: auto; border: 1px solid #cdcdcd; background-color: #ffffff; display: none;}
.RollTime {display: block; width: 100%; font-size: 11pt; padding: 10px 0px 10px 10px; border-bottom: 1px solid #cdcdcd; cursor: hand; cursor: pointer;}
.RollTime:hover {background-color: #ffffc0;}

.ITCC {display: inline-block; padding: 4px; width: 80px; height: 32px; font-size: 10pt; font-family: Open Sans; font-weight: 400; border-radius: 1px; border: 1px solid #ffffff; background-color: #ffffff; text-align: center;}
.CSEPH {width: 3px; background-color: #d9d9d9;}
.CSEP {width: 3px;}

.KalObalH {display: block; width: 100%; padding: 0px; overflow-y: scroll;}
.KalObal {display: block; width: 100%; overflow-y: scroll; overflow-x: auto; padding: 0px; background-color: #ffffff;}
.ListObal {display: block; width: 100%; overflow: auto; padding: 0px 0px 20px 0px;}
.FixedListObal {display: inline-block; width: 98%; padding-top: 10px; min-width: 320px; margin-right: 10px; max-width: 1311px; overflow: auto;}
.FixedListTab {width: 100%; min-width: 560px;}
.ListTRhead {height: 40px; background-color: #60a8dd; color: #ffffff; font-weight: 600;}
.ListTDheadstav {width: 5px; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.ListTDhead {padding: 0px 10px 0px 10px; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.ListStavTD0 {width: 5px; background-color: #ff0000; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.ListStavTD1 {width: 5px; background-color: #008000; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.List2StavTD0 {width: 5px; background-color: #ff0000; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.List2StavTD1 {width: 5px; background-color: #008000; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.List2StavTD2 {width: 5px; background-color: #008000; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.ListStavZakTD10, .ListStavZakTD20, .ListStavZakTD30, .ListStavZakTD40, .ListStavZakTD50 {width: 5px; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.ListStavZakTD10 {background-color: #ff0000;}
.ListStavZakTD20 {background-color: #ff9000;}
.ListStavZakTD30 {background-color: #6801ff;}
.ListStavZakTD40 {background-color: #008000;}
.ListStavZakTD50 {background-color: #404040;}
.ListTRA {height: 40px; background-color: #ffffff; color: #111111; font-weight: 400; cursor: hand; cursor: pointer;}
.ListTRA:hover {background-color: #ffffc0;}
.ListTD {padding: 0px 10px 0px 10px; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.ListTDend {padding: 5px 10px 5px 10px; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background-color: #f1f1f1;}
.FlagICO {display: inline-block; width: 24px; height: 16px; line-height: 16px; margin: 3px 3px 0px 0px; border: 1px solid #e2e2e2; background-position: center center; background-repeat: no-repeat; background-size: 24px auto;}
.FixListBlankDIV {display: block; padding: 15px; background-color: #f1f1f1; color: #777777; display: none;}

.PodpisDIV {position: relative; width: 400px; height: 200px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.PodpisIMG {position: absolute; left: 0; top: 0;}
.signature-pad {position: absolute; left: 0; top: 0; width:400px; height:200px;}

#Blok360 {background-color: #ffffff; background-image: url('/img/karoserie_360/bg.png'); background-position: 0px 0px; background-repeat: no-repeat; background-size: 100% 100%; padding-bottom: 30px;}
.Preloader360 {height: 100%; background-image: url('/img/preloader32.gif'); background-position: center center; background-repeat: no-repeat; margin: auto;}
#Nahled360 {background-position: 0px 0px;}
.Nahled360_110, .Nahled360_120, .Nahled360_130, .Nahled360_140, .Nahled360_150, .Nahled360_160, .Nahled360_170, .Nahled360_180, .Nahled360_190, .Nahled360_200, .Nahled360_210, .Nahled360_220, .Nahled360_230, .Nahled360_240, .Nahled360_250 {width: 500px; height: 375px; background-position: 0px 0px; background-repeat: no-repeat; margin: auto;}
.Nahled360_110 {background-image: url('/img/karoserie_360/110.png'); background-size: 9000px auto;} /*  1 - Combi */
.Nahled360_120 {background-image: url('/img/karoserie_360/120.png'); background-size: 8000px auto;} /*  2 - Coupé */
.Nahled360_130 {background-image: url('/img/karoserie_360/130.png'); background-size: 8000px auto;} /*  3 - Hatchback 3dv */
.Nahled360_140 {background-image: url('/img/karoserie_360/140.png'); background-size: 9000px auto;} /*  4 - Hatchback 5dv */
.Nahled360_150 {background-image: url('/img/karoserie_360/150.png'); background-size: 8000px auto;} /*  5 - PickUp 2dv */
.Nahled360_160 {background-image: url('/img/karoserie_360/160.png'); background-size: 9000px auto;} /*  6 - PickUp 4dv */
.Nahled360_170 {background-image: url('/img/karoserie_360/170.png'); background-size: 9000px auto;} /*  7 - Sedan */
.Nahled360_180 {background-image: url('/img/karoserie_360/180.png'); background-size: 8000px auto;} /*  8 - SuperSport */
.Nahled360_190 {background-image: url('/img/karoserie_360/190.png'); background-size: 9000px auto;} /*  9 - VAN */
.Nahled360_200 {background-image: url('/img/karoserie_360/200.png'); background-size: 4000px auto;} /* 10 - Moto - silnice */
.Nahled360_210 {background-image: url('/img/karoserie_360/210.png'); background-size: 3000px auto;} /* 11 - Moto - chopper */
.Nahled360_220 {background-image: url('/img/karoserie_360/220.png'); background-size: 4000px auto;} /* 12 - Moto - scooter */
.Nahled360_230 {background-image: url('/img/karoserie_360/230.png'); background-size: 8000px auto;} /* 13 - Cabrio - 2dv */
.Nahled360_240 {background-image: url('/img/karoserie_360/240.png'); background-size: 9000px auto;} /* 14 - Cabrio - 4dv */
.Nahled360_250 {background-image: url('/img/karoserie_360/250.png'); background-size: 9000px auto;} /* 15 - SUV */

/* 1281 - 10000 */
@media screen and (min-width: 1281px) and (max-width: 10000px) {
placeholder {color: transparent;} ::-webkit-input-placeholder {color: transparent;} :-moz-placeholder {color: transparent;} ::-moz-placeholder {color: transparent;} :-ms-input-placeholder {color: transparent;} textarea::-webkit-input-placeholder {color: transparent;} textarea:-moz-placeholder {color: transparent;} textarea::-moz-placeholder {color: transparent;} textarea:-ms-input-placeholder {color: transparent;}
.FormObal {width: 32%; max-width: 430px; padding-bottom: 22px;}
.FormKalkDIV2 {margin-top: 0px;}
.FixedListObal {width: 98%;}
                                                                      #Blok360 {max-width: 550px;}
.Nahled360_110, .Nahled360_140, .Nahled360_160, .Nahled360_170, .Nahled360_190, .Nahled360_240, .Nahled360_250 {width: 500px; height: 375px; background-size: 9000px auto;}
                .Nahled360_120, .Nahled360_130, .Nahled360_150, .Nahled360_180, .Nahled360_230 {width: 500px; height: 375px; background-size: 8000px auto;}
                                                .Nahled360_200, .Nahled360_220 {width: 500px; height: 375px; background-size: 4000px auto;}
                                                                .Nahled360_210 {width: 500px; height: 375px; background-size: 3000px auto;}
}

/* 1241 - 1280 */
@media screen and (min-width: 1241px) and (max-width: 1280px) {
placeholder {color: transparent;} ::-webkit-input-placeholder {color: transparent;} :-moz-placeholder {color: transparent;} ::-moz-placeholder {color: transparent;} :-ms-input-placeholder {color: transparent;} textarea::-webkit-input-placeholder {color: transparent;} textarea:-moz-placeholder {color: transparent;} textarea::-moz-placeholder {color: transparent;} textarea:-ms-input-placeholder {color: transparent;}
.FormObal {width: 32%; max-width: 416px; padding-bottom: 22px;}
.FormKalkDIV2 {margin-top: 0px;}
.FixedListObal {width: 98%;}
                                                                      #Blok360 {max-width: 550px;}
.Nahled360_110, .Nahled360_140, .Nahled360_160, .Nahled360_170, .Nahled360_190, .Nahled360_240, .Nahled360_250 {width: 500px; height: 375px; background-size: 9000px auto;}
                .Nahled360_120, .Nahled360_130, .Nahled360_150, .Nahled360_180, .Nahled360_230 {width: 500px; height: 375px; background-size: 8000px auto;}
                                                .Nahled360_200, .Nahled360_220 {width: 500px; height: 375px; background-size: 4000px auto;}
                                                                .Nahled360_210 {width: 500px; height: 375px; background-size: 3000px auto;}
}

/* 1201 - 1240 */
@media screen and (min-width: 1201px) and (max-width: 1240px) {
placeholder {color: transparent;} ::-webkit-input-placeholder {color: transparent;} :-moz-placeholder {color: transparent;} ::-moz-placeholder {color: transparent;} :-ms-input-placeholder {color: transparent;} textarea::-webkit-input-placeholder {color: transparent;} textarea:-moz-placeholder {color: transparent;} textarea::-moz-placeholder {color: transparent;} textarea:-ms-input-placeholder {color: transparent;}
.FormObal {width: 32%; max-width: 403px; padding-bottom: 22px;}
.FormKalkDIV2 {margin-top: 0px;}
.FixedListObal {width: 98%;}
                                                                      #Blok360 {max-width: 450px; margin-top: 0px;}
.Nahled360_110, .Nahled360_140, .Nahled360_160, .Nahled360_170, .Nahled360_190, .Nahled360_240, .Nahled360_250 {width: 400px; height: 300px; background-size: 7200px auto;}
                .Nahled360_120, .Nahled360_130, .Nahled360_150, .Nahled360_180, .Nahled360_230 {width: 400px; height: 338px; background-size: 6400px auto;}
                                                .Nahled360_200, .Nahled360_220 {width: 400px; height: 300px; background-size: 3200px auto;}
                                                                .Nahled360_210 {width: 400px; height: 300px; background-size: 2400px auto;}
}

/* 1161 - 1200 */
@media screen and (min-width: 1161px) and (max-width: 1200px) {
placeholder {color: transparent;} ::-webkit-input-placeholder {color: transparent;} :-moz-placeholder {color: transparent;} ::-moz-placeholder {color: transparent;} :-ms-input-placeholder {color: transparent;} textarea::-webkit-input-placeholder {color: transparent;} textarea:-moz-placeholder {color: transparent;} textarea::-moz-placeholder {color: transparent;} textarea:-ms-input-placeholder {color: transparent;}
.FormObal {width: 32%; max-width: 390px; padding-bottom: 22px;}
.FormKalkDIV2 {margin-top: 0px;}
.FixedListObal {width: 98%;}
                                                                      #Blok360 {max-width: 450px; margin-top: 0px;}
.Nahled360_110, .Nahled360_140, .Nahled360_160, .Nahled360_170, .Nahled360_190, .Nahled360_240, .Nahled360_250 {width: 400px; height: 300px; background-size: 7200px auto;}
                .Nahled360_120, .Nahled360_130, .Nahled360_150, .Nahled360_180, .Nahled360_230 {width: 400px; height: 338px; background-size: 6400px auto;}
                                                .Nahled360_200, .Nahled360_220 {width: 400px; height: 300px; background-size: 3200px auto;}
                                                                .Nahled360_210 {width: 400px; height: 300px; background-size: 2400px auto;}
}

/* 1121 - 1160 */
@media screen and (min-width: 1121px) and (max-width: 1160px) {
placeholder {color: transparent;} ::-webkit-input-placeholder {color: transparent;} :-moz-placeholder {color: transparent;} ::-moz-placeholder {color: transparent;} :-ms-input-placeholder {color: transparent;} textarea::-webkit-input-placeholder {color: transparent;} textarea:-moz-placeholder {color: transparent;} textarea::-moz-placeholder {color: transparent;} textarea:-ms-input-placeholder {color: transparent;}
.FormObal {width: 32%; max-width: 376px; padding-bottom: 22px;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 98%;}
                                                                      #Blok360 {max-width: 400px; margin-top: 0px;}
.Nahled360_110, .Nahled360_140, .Nahled360_160, .Nahled360_170, .Nahled360_190, .Nahled360_240, .Nahled360_250 {width: 350px; height: 262px; background-size: 6300px auto;}
                .Nahled360_120, .Nahled360_130, .Nahled360_150, .Nahled360_180, .Nahled360_230 {width: 350px; height: 262px; background-size: 5600px auto;}
                                                .Nahled360_200, .Nahled360_220 {width: 350px; height: 262px; background-size: 2800px auto;}
                                                                .Nahled360_210 {width: 350px; height: 262px; background-size: 2100px auto;}
}

/* 1081 - 1120 */
@media screen and (min-width: 1081px) and (max-width: 1120px) {
placeholder {color: transparent;} ::-webkit-input-placeholder {color: transparent;} :-moz-placeholder {color: transparent;} ::-moz-placeholder {color: transparent;} :-ms-input-placeholder {color: transparent;} textarea::-webkit-input-placeholder {color: transparent;} textarea:-moz-placeholder {color: transparent;} textarea::-moz-placeholder {color: transparent;} textarea:-ms-input-placeholder {color: transparent;}
.FormObal {width: 32%; max-width: 363px; padding-bottom: 22px;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 98%;}
                                                                      #Blok360 {max-width: 350px; margin-top: 0px;}
.Nahled360_110, .Nahled360_140, .Nahled360_160, .Nahled360_170, .Nahled360_190, .Nahled360_240, .Nahled360_250 {width: 300px; height: 225px; background-size: 5400px auto;}
                .Nahled360_120, .Nahled360_130, .Nahled360_150, .Nahled360_180, .Nahled360_230 {width: 300px; height: 225px; background-size: 4800px auto;}
                                                .Nahled360_200, .Nahled360_220 {width: 300px; height: 225px; background-size: 2400px auto;}
                                                                .Nahled360_210 {width: 300px; height: 225px; background-size: 1800px auto;}
}

/* 1041 - 1080 */
@media screen and (min-width: 1041px) and (max-width: 1080px) {
placeholder {color: #333333;} ::-webkit-input-placeholder {color: #333333;} :-moz-placeholder {color: #333333;} ::-moz-placeholder {color: #333333;} :-ms-input-placeholder {color: #333333;} textarea::-webkit-input-placeholder {color: #333333;} textarea:-moz-placeholder {color: #333333;} textarea::-moz-placeholder {color: #333333;} textarea:-ms-input-placeholder {color: #333333;}
.FormObal {width: 32%; max-width: 350px; padding-bottom: 22px;}
.FormTD1 {display: none;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 98%;}
                                                                      #Blok360 {max-width: 350px; margin-top: 0px;}
.Nahled360_110, .Nahled360_140, .Nahled360_160, .Nahled360_170, .Nahled360_190, .Nahled360_240, .Nahled360_250 {width: 300px; height: 225px; background-size: 5400px auto;}
                .Nahled360_120, .Nahled360_130, .Nahled360_150, .Nahled360_180, .Nahled360_230 {width: 300px; height: 225px; background-size: 4800px auto;}
                                                .Nahled360_200, .Nahled360_220 {width: 300px; height: 225px; background-size: 2400px auto;}
                                                                .Nahled360_210 {width: 300px; height: 225px; background-size: 1800px auto;}
}

/* 1001 - 1040 */
@media screen and (min-width: 1001px) and (max-width: 1040px) {
placeholder {color: #333333;} ::-webkit-input-placeholder {color: #333333;} :-moz-placeholder {color: #333333;} ::-moz-placeholder {color: #333333;} :-ms-input-placeholder {color: #333333;} textarea::-webkit-input-placeholder {color: #333333;} textarea:-moz-placeholder {color: #333333;} textarea::-moz-placeholder {color: #333333;} textarea:-ms-input-placeholder {color: #333333;}
.FormObal {width: 32%; max-width: 336px; padding-bottom: 22px;}
.FormTD1 {display: none;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 98%;}
                                                                      #Blok360 {max-width: 300px; margin-top: 0px;}
.Nahled360_110, .Nahled360_140, .Nahled360_160, .Nahled360_170, .Nahled360_190, .Nahled360_240, .Nahled360_250 {width: 250px; height: 188px; background-size: 4500px auto;}
                .Nahled360_120, .Nahled360_130, .Nahled360_150, .Nahled360_180, .Nahled360_230 {width: 250px; height: 188px; background-size: 4000px auto;}
                                                .Nahled360_200, .Nahled360_220 {width: 250px; height: 188px; background-size: 2000px auto;}
                                                                .Nahled360_210 {width: 250px; height: 188px; background-size: 1500px auto;}
}

/* 961 - 1000 */
@media screen and (min-width: 961px) and (max-width: 1000px) {
placeholder {color: #333333;} ::-webkit-input-placeholder {color: #333333;} :-moz-placeholder {color: #333333;} ::-moz-placeholder {color: #333333;} :-ms-input-placeholder {color: #333333;} textarea::-webkit-input-placeholder {color: #333333;} textarea:-moz-placeholder {color: #333333;} textarea::-moz-placeholder {color: #333333;} textarea:-ms-input-placeholder {color: #333333;}
.FormObal {width: 32%; max-width: 323px; padding-bottom: 22px;}
.FormTD1 {display: none;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 98%;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
                                                                      #Blok360 {max-width: 250px; margin-top: 0px;}
.Nahled360_110, .Nahled360_140, .Nahled360_160, .Nahled360_170, .Nahled360_190, .Nahled360_240, .Nahled360_250 {width: 200px; height: 150px; background-size: 3600px auto;}
                .Nahled360_120, .Nahled360_130, .Nahled360_150, .Nahled360_180, .Nahled360_230 {width: 200px; height: 150px; background-size: 3200px auto;}
                                                .Nahled360_200, .Nahled360_220 {width: 200px; height: 150px; background-size: 1600px auto;}
                                                                .Nahled360_210 {width: 200px; height: 150px; background-size: 1200px auto;}
}

/* 921 - 960 */
@media screen and (min-width: 921px) and (max-width: 960px) {
placeholder {color: #333333;} ::-webkit-input-placeholder {color: #333333;} :-moz-placeholder {color: #333333;} ::-moz-placeholder {color: #333333;} :-ms-input-placeholder {color: #333333;} textarea::-webkit-input-placeholder {color: #333333;} textarea:-moz-placeholder {color: #333333;} textarea::-moz-placeholder {color: #333333;} textarea:-ms-input-placeholder {color: #333333;}
.FormObal {width: 32%; max-width: 310px; padding-bottom: 22px;}
.FormTD1 {display: none;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 98%;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
                                                                      #Blok360 {max-width: 250px; margin-top: 0px;}
.Nahled360_110, .Nahled360_140, .Nahled360_160, .Nahled360_170, .Nahled360_190, .Nahled360_240, .Nahled360_250 {width: 200px; height: 150px; background-size: 3600px auto;}
                .Nahled360_120, .Nahled360_130, .Nahled360_150, .Nahled360_180, .Nahled360_230 {width: 200px; height: 150px; background-size: 3200px auto;}
                                                .Nahled360_200, .Nahled360_220 {width: 200px; height: 150px; background-size: 1600px auto;}
                                                                .Nahled360_210 {width: 200px; height: 150px; background-size: 1200px auto;}
}

/* 881 - 920 */
@media screen and (min-width: 881px) and (max-width: 920px) {
placeholder {color: transparent;} ::-webkit-input-placeholder {color: transparent;} :-moz-placeholder {color: transparent;} ::-moz-placeholder {color: transparent;} :-ms-input-placeholder {color: transparent;} textarea::-webkit-input-placeholder {color: transparent;} textarea:-moz-placeholder {color: transparent;} textarea::-moz-placeholder {color: transparent;} textarea:-ms-input-placeholder {color: transparent;}
.FormObal {width: 48%; max-width: 450px; padding-bottom: 22px;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 98%;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
                                                                      #Blok360 {max-width: 200px; margin-top: 0px;}
.Nahled360_110, .Nahled360_140, .Nahled360_160, .Nahled360_170, .Nahled360_190, .Nahled360_240, .Nahled360_250 {width: 150px; height: 112px; background-size: 2700px auto;}
                .Nahled360_120, .Nahled360_130, .Nahled360_150, .Nahled360_180, .Nahled360_230 {width: 150px; height: 112px; background-size: 2400px auto;}
                                                .Nahled360_200, .Nahled360_220 {width: 150px; height: 112px; background-size: 1200px auto;}
                                                                .Nahled360_210 {width: 150px; height: 112px; background-size: 900px auto;}
}

/* 841 - 880 */
@media screen and (min-width: 841px) and (max-width: 880px) {
placeholder {color: transparent;} ::-webkit-input-placeholder {color: transparent;} :-moz-placeholder {color: transparent;} ::-moz-placeholder {color: transparent;} :-ms-input-placeholder {color: transparent;} textarea::-webkit-input-placeholder {color: transparent;} textarea:-moz-placeholder {color: transparent;} textarea::-moz-placeholder {color: transparent;} textarea:-ms-input-placeholder {color: transparent;}
.FormObal {width: 48%; max-width: 430px; padding-bottom: 22px;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 98%;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
                                                                      #Blok360 {max-width: 150px; margin-top: 0px;}
.Nahled360_110, .Nahled360_140, .Nahled360_160, .Nahled360_170, .Nahled360_190, .Nahled360_240, .Nahled360_250 {width: 100px; height: 75px; background-size: 1800px auto;}
                .Nahled360_120, .Nahled360_130, .Nahled360_150, .Nahled360_180, .Nahled360_230 {width: 100px; height: 75px; background-size: 1600px auto;}
                                                .Nahled360_200, .Nahled360_220 {width: 100px; height: 75px; background-size: 800px auto;}
                                                                .Nahled360_210 {width: 100px; height: 75px; background-size: 600px auto;}
}

/* 801 - 840 */
@media screen and (min-width: 801px) and (max-width: 840px) {
placeholder {color: transparent;} ::-webkit-input-placeholder {color: transparent;} :-moz-placeholder {color: transparent;} ::-moz-placeholder {color: transparent;} :-ms-input-placeholder {color: transparent;} textarea::-webkit-input-placeholder {color: transparent;} textarea:-moz-placeholder {color: transparent;} textarea::-moz-placeholder {color: transparent;} textarea:-ms-input-placeholder {color: transparent;}
.FormObal {width: 48%; max-width: 410px; padding-bottom: 22px;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 98%;}
#Blok360 {display: none;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
}

/* 761 - 800 */
@media screen and (min-width: 761px) and (max-width: 800px) {
placeholder {color: #333333;} ::-webkit-input-placeholder {color: #333333;} :-moz-placeholder {color: #333333;} ::-moz-placeholder {color: #333333;} :-ms-input-placeholder {color: #333333;} textarea::-webkit-input-placeholder {color: #333333;} textarea:-moz-placeholder {color: #333333;} textarea::-moz-placeholder {color: #333333;} textarea:-ms-input-placeholder {color: #333333;}
.FormObal {width: 48%; max-width: 390px; padding-bottom: 22px;}
.FormTD1 {display: none;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 98%;}
#Blok360 {display: none;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
}

/* 721 - 760 */
@media screen and (min-width: 721px) and (max-width: 760px) {
placeholder {color: #333333;} ::-webkit-input-placeholder {color: #333333;} :-moz-placeholder {color: #333333;} ::-moz-placeholder {color: #333333;} :-ms-input-placeholder {color: #333333;} textarea::-webkit-input-placeholder {color: #333333;} textarea:-moz-placeholder {color: #333333;} textarea::-moz-placeholder {color: #333333;} textarea:-ms-input-placeholder {color: #333333;}
.FormObal {width: 48%; max-width: 370px; padding-bottom: 22px;}
.FormTD1 {display: none;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 98%;}
#Blok360 {display: none;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
}

/* 681 - 720 */
@media screen and (min-width: 681px) and (max-width: 720px) {
placeholder {color: #333333;} ::-webkit-input-placeholder {color: #333333;} :-moz-placeholder {color: #333333;} ::-moz-placeholder {color: #333333;} :-ms-input-placeholder {color: #333333;} textarea::-webkit-input-placeholder {color: #333333;} textarea:-moz-placeholder {color: #333333;} textarea::-moz-placeholder {color: #333333;} textarea:-ms-input-placeholder {color: #333333;}
.FormObal {width: 48%; max-width: 350px; padding-bottom: 22px;}
.FormTD1 {display: none;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 98%;}
#Blok360 {display: none;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
}

/* 641 - 680 */
@media screen and (min-width: 641px) and (max-width: 680px) {
placeholder {color: #333333;} ::-webkit-input-placeholder {color: #333333;} :-moz-placeholder {color: #333333;} ::-moz-placeholder {color: #333333;} :-ms-input-placeholder {color: #333333;} textarea::-webkit-input-placeholder {color: #333333;} textarea:-moz-placeholder {color: #333333;} textarea::-moz-placeholder {color: #333333;} textarea:-ms-input-placeholder {color: #333333;}
.FormObal {width: 48%; max-width: 330px; padding-bottom: 22px;}
.FormTD1 {display: none;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 98%;}
#Blok360 {display: none;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
}

/* 601 - 640 */
@media screen and (min-width: 601px) and (max-width: 640px) {
placeholder {color: #333333;} ::-webkit-input-placeholder {color: #333333;} :-moz-placeholder {color: #333333;} ::-moz-placeholder {color: #333333;} :-ms-input-placeholder {color: #333333;} textarea::-webkit-input-placeholder {color: #333333;} textarea:-moz-placeholder {color: #333333;} textarea::-moz-placeholder {color: #333333;} textarea:-ms-input-placeholder {color: #333333;}
.FormObal {width: 48%; max-width: 310px; padding-bottom: 22px;}
.FormTD1 {display: none;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 98%;}
#Blok360 {display: none;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
}

/* 561 - 600 */
@media screen and (min-width: 561px) and (max-width: 600px) {
placeholder {color: transparent;} ::-webkit-input-placeholder {color: transparent;} :-moz-placeholder {color: transparent;} ::-moz-placeholder {color: transparent;} :-ms-input-placeholder {color: transparent;} textarea::-webkit-input-placeholder {color: transparent;} textarea:-moz-placeholder {color: transparent;} textarea::-moz-placeholder {color: transparent;} textarea:-ms-input-placeholder {color: transparent;}
.FormObal {max-width: 600px;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 100%;}
#Blok360 {display: none;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
}

/* 521 - 560 */
@media screen and (min-width: 521px) and (max-width: 560px) {
placeholder {color: transparent;} ::-webkit-input-placeholder {color: transparent;} :-moz-placeholder {color: transparent;} ::-moz-placeholder {color: transparent;} :-ms-input-placeholder {color: transparent;} textarea::-webkit-input-placeholder {color: transparent;} textarea:-moz-placeholder {color: transparent;} textarea::-moz-placeholder {color: transparent;} textarea:-ms-input-placeholder {color: transparent;}
.FormObal {max-width: 560px;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 100%;}
#Blok360 {display: none;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important; background-position: 10px !important;}
}

/* 481 - 520 */
@media screen and (min-width: 481px) and (max-width: 520px) {
placeholder {color: transparent;} ::-webkit-input-placeholder {color: transparent;} :-moz-placeholder {color: transparent;} ::-moz-placeholder {color: transparent;} :-ms-input-placeholder {color: transparent;} textarea::-webkit-input-placeholder {color: transparent;} textarea:-moz-placeholder {color: transparent;} textarea::-moz-placeholder {color: transparent;} textarea:-ms-input-placeholder {color: transparent;}
.FormObal {max-width: 520px;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 100%;}
#Blok360 {display: none;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
}

/* 441 - 480 */
@media screen and (min-width: 441px) and (max-width: 480px) {
placeholder {color: transparent;} ::-webkit-input-placeholder {color: transparent;} :-moz-placeholder {color: transparent;} ::-moz-placeholder {color: transparent;} :-ms-input-placeholder {color: transparent;} textarea::-webkit-input-placeholder {color: transparent;} textarea:-moz-placeholder {color: transparent;} textarea::-moz-placeholder {color: transparent;} textarea:-ms-input-placeholder {color: transparent;}
.FormObal {max-width: 480px;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 100%;}
#Blok360 {display: none;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
}

/* 401 - 440 */
@media screen and (min-width: 401px) and (max-width: 440px) {
placeholder {color: transparent;} ::-webkit-input-placeholder {color: transparent;} :-moz-placeholder {color: transparent;} ::-moz-placeholder {color: transparent;} :-ms-input-placeholder {color: transparent;} textarea::-webkit-input-placeholder {color: transparent;} textarea:-moz-placeholder {color: transparent;} textarea::-moz-placeholder {color: transparent;} textarea:-ms-input-placeholder {color: transparent;}
.FormObal {max-width: 440px;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 100%;}
#Blok360 {display: none;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
}

/* 361 - 400 */
@media screen and (min-width: 361px) and (max-width: 400px) {
placeholder {color: #333333;} ::-webkit-input-placeholder {color: #333333;} :-moz-placeholder {color: #333333;} ::-moz-placeholder {color: #333333;} :-ms-input-placeholder {color: #333333;} textarea::-webkit-input-placeholder {color: #333333;} textarea:-moz-placeholder {color: #333333;} textarea::-moz-placeholder {color: #333333;} textarea:-ms-input-placeholder {color: #333333;}
.FormObal {max-width: 400px;}
.FormTD1, .FormTDW1 {display: none;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 100%;}
#Blok360 {display: none;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
}

/* 321 - 360 */
@media screen and (min-width: 321px) and (max-width: 360px) {
placeholder {color: #333333;} ::-webkit-input-placeholder {color: #333333;} :-moz-placeholder {color: #333333;} ::-moz-placeholder {color: #333333;} :-ms-input-placeholder {color: #333333;} textarea::-webkit-input-placeholder {color: #333333;} textarea:-moz-placeholder {color: #333333;} textarea::-moz-placeholder {color: #333333;} textarea:-ms-input-placeholder {color: #333333;}
.FormObal {max-width: 360px;}
.FormTD1, .FormTDW1 {display: none;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 100%;}
#Blok360 {display: none;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important; background-position: top: 10px;}
}

/* 0 - 320*/
@media screen and (max-width: 320px) {
placeholder {color: #333333;} ::-webkit-input-placeholder {color: #333333;} :-moz-placeholder {color: #333333;} ::-moz-placeholder {color: #333333;} :-ms-input-placeholder {color: #333333;} textarea::-webkit-input-placeholder {color: #333333;} textarea:-moz-placeholder {color: #333333;} textarea::-moz-placeholder {color: #333333;} textarea:-ms-input-placeholder {color: #333333;}
.FormObal {max-width: 320px;}
.FormTD1, .FormTDW1 {display: none;}
.FormKalkDIV2 {margin-top: 10px;}
.FixedListObal {width: 100%;}
#Blok360 {display: none;}
.KalTDTTL {font-size: 8pt; background-size: 8px 8px !important;}
}

/* PRE-LOADER */
.preloader {
  border: 7px solid #ffffff;
  border: 7px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  border-top: 7px solid #00c000;
  border-right: 7px solid #0158ff;
  border-bottom: 7px solid #ff0000;
  border-left: 7px solid #ffde01;
  position: fixed;
  width: 60px;
  height: 60px;
  left: 50%;
  top: 40%;
  z-index: 10000;
  margin: -30px 0 0 -30px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.preloaderWIN {
  border: 7px solid #ffffff;
  border: 7px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  border-top: 7px solid #00c000;
  border-right: 7px solid #0158ff;
  border-bottom: 7px solid #ff0000;
  border-left: 7px solid #ffde01;
  position: relative;
  width: 60px;
  height: 60px;
  left: 50%;
  top: 50%;
  z-index: 10000;
  margin: 15px 0px 0px -30px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.preloaderWINmaly {
  border: 3px solid #ffffff;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  border-top: 3px solid #00c000;
  border-right: 3px solid #0158ff;
  border-bottom: 3px solid #ff0000;
  border-left: 3px solid #ffde01;
  position: relative;
  width: 24px;
  height: 24px;
  left: 50%;
  top: 50%;
  z-index: 10000;
  margin: 0px 0px 0px -24px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.preloaderWINmini {
  border: 3px solid #ffffff;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  border-top: 3px solid #00c000;
  border-right: 3px solid #0158ff;
  border-bottom: 3px solid #ff0000;
  border-left: 3px solid #ffde01;
  position: relative;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
  z-index: 10000;
  margin: 0px 0px 0px -10px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.LoaderLSUtxt {text-align: center; font-size: 10pt; padding: 10px;}
.LoaderLSU {
  border-radius: 50%;
  border-top: 3px solid #00c000;
  border-right: 3px solid #0158ff;
  border-bottom: 3px solid #ff0000;
  border-left: 3px solid #ffde01;
  width: 30px;
  height: 30px;
  margin: 0px 0px 5px -15px;
  position: relative; left: 50%;
  -webkit-animation: spin 0.5s linear infinite;
  animation: spin 0.5s linear infinite;
}

@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg);}
100% { transform: rotate(360deg);}
}
/* --- END --- */