* { margin:0; padding:0 }
::selection{ background-color: #E13300; color: white; }
::moz-selection{ background-color: #E13300; color: white; }
::webkit-selection{ background-color: #E13300; color: white; }
body { background-color:white; margin: 10px; font: 13px/20px normal Helvetica, Arial, sans-serif; color: #4F5155; }
a {color: #003399; text-decoration:none;}
h2,h3,h4 { color: #444; font-weight: normal; margin: 0 0 14px 0;  }
.h1, h1 {
    font-size: 2.5rem !important;
    text-align: center;
    text-transform: uppercase;
    font-family: Segoe ui, Verdana !important;
    font-weight: lighter !important;
    padding: 10px 0;
    margin: 0;display:block;width:100%;
}
.listing{width:100%;display:block;}
.cb{clear:both; }
.errors, .formItemValidationErrorText{color:red;}
.ui-dialog .form-item > label{font-size: 1em;}
input, select option{padding: 2px 8px; }
label > input[type="checkbox"]{margin-right: 5px;}
#adminMessages{position:fixed;bottom:0; left: 0; right:0; z-index: 999; }
.alert{padding: 0.75rem 1.25rem 0.01em !important;margin:10px;border-radius:0 !important;}
.alert-success{color: white !important;background-color: green !important;border:none !important;}
.dropdown-menu{min-width:15rem !important;border-radius:0 !important;text-align:center !important;}
.dropdown-menu a:hover{background:none;}
.result-message-wrapper{background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); color: #FFFFFF;font-size: 20pt;padding: 30px 80px 30px 30px; text-align: center;    position:relative; cursor:pointer; }
.result-message a{color: yellow; text-decoration: underline;}
.msg-fail .icon{background: url(images/msg-status-icons.png) no-repeat scroll -79px 0;  height: 70px; width: 70px; position:absolute; top: 5px; right: 5px; }
.msg-success .icon{background: url(images/msg-status-icons.png) no-repeat scroll 0 0;  height: 70px; width: 70px; position:absolute; top: 5px; right: 5px; }
.warnings .warn{ background: #ddd; color: red; font-weight:bold; padding: 5px; border-radius: 3px;}
.portalWarnInfo{ clear:left; background: #ddd; color: red; font-weight:bold; padding: 5px;  padding-left: 20px; border-radius: 3px;}
.info-list{list-style: none;}
.info-list .label{font-weight: bold; }
.listing > table tr:nth-child(2n) {background-color:#EAEAEA;}
.listing table{width:100%; border-collapse: collapse;}
.listing thead th{background:#4D4D4D;color:white;font-weight:normal;text-align:center;border:1px solid white;}
.listing tr:hover{background: #F4F4F4; }
.box.wyce{width:auto;padding:35px;text-align:left;}
.box.wyce .info-list{margin-bottom:20px;}
.listing td{padding: 5px;text-align:center;}
#saleRaport{width:auto;padding:35px;}
#saleRaport h2{background: none repeat scroll 0 0 #4D4D4D;border-radius:3px;box-shadow:0 0 10px #000000 inset;color:#FFFFFF;font-weight:normal;padding:5px 3px;}
#saleRaport .button-cancel{background: none repeat scroll 0 0 #1B83B8;border:2px solid #CECECE;border-radius: 7px;box-shadow: 0 0 10px #175679 inset;cursor:pointer;color:#FFFFFF;}
#saleRaport .button-action{background: none repeat scroll 0 0 #F30000;border:2px solid #CECECE;border-radius:7px;box-shadow:0 0 10px #C41E1E inset;color:#FFFFFF;}
#saleRaport input{border:1px solid #CECECE;border-radius:3px;margin:3px 4px;padding:6px 15px;}
.clickable, .clickableRow tr{cursor: pointer;}
.box{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CFCFCF;border-radius:5px;box-shadow:0 0 10px #CECECE;float:left;width:135px;margin:5px;text-align:center;padding:35px 0;}
.box:hover{background: #fafafa;}
.box{font-size:20px;}
.box span{font-size:15px;} 
.box3{width:30%;}
.box_full{width:90%;}
#container{margin:10px;padding:18px;}
.ui-menu .ui-menu-item{width: auto; float:left; padding: none; }
.ui-menu .ui-menu{background: none repeat scroll 0 0 #4d4d4d; padding: 20px; border-radius: none !important;}
.ui-menu .ui-menu .ui-menu-item{width: 100%; box-sizing: border-box;}
.ui-menu .ui-menu .ui-menu-item a{color: white;}
.ui-menu .ui-menu .ui-menu-item a.ui-state-focus{color: #222;}
#menu ul li a {padding: 3px;color:black;}
.current{background:none !important;}
.current:hover{box-shadow:none;}
.current > a{background: none !important;border: 1px solid #dfdfdf;padding: 3px 10px 6px !important;}
 
.page-item.active .page-link {border:none !important;box-shadow:none !important;}
.page-item a{background:white !important;border-radius:0 !important;color:#4D4D4D !important}
#menu .ui-menu .ui-menu{height: auto; padding: 0px; margin: 0px;}
.page-link.prev, .page-link.next{background-color:orange !important;background:orange !important;color:white !important;}
.page-item.active a, .page-item.active{background:gray !important;background-color:#4D4D4D !important;color:white !important;}
.pager select{top: 6px;position: relative;border-radius: 0 !important;}
#footer{text-align:right;font-size:11px;border-top:1px solid #D0D0D0;line-height:18px;padding:0 10px 0 10px;margin:20px 0 0 0;}
ul.attachments{list-style: none;}
ul.attachments li{border:1px dotted #CECECE;border-radius:4px;float:left;margin:2px 0 4px 18px;padding:4px;text-align:center;}
ul.attachments li a{text-decoration: none;}
.listing-controller select{border-radius:3px;padding:3px 4px;border:1px solid gray;margin-bottom:8px;}
.listing-controller .other{border:1px solid #cecece;padding:2px 6px;border-radius:15px;box-shadow:0 0 10px #cecece;font-weight:bold;} 
.listing-controller .current{border:1px solid #cecece;padding:2px 6px;border-radius:15px;box-shadow:0 0 10px #cecece;color:white;background:#4D4D4D;font-weight:bold;}
#messageHistory .headers{font-weight: bold; background: #eee; cursor: pointer; }
#messageHistory .content .body{display:none; padding-left: 20px; border: 1px solid gray; border-radius: 4px;}
#messageHistory .attachment{ background: url(images/icon_attachment.png) no-repeat right; }
#messageHistory .attachments {background: #A4DCF6; margin: 10px 0;  }
#messageHistory .attachments ul{list-style: none; }
#messageHistory .attachments li{float:left; margin:0px 10px; font-weight: bold; }
#queryForm label + br, #ced #params label + br{display:none; }
.form-field label + br {display: none; }
.bnon{background:none !important;}
#queryForm .form-field label, #ced #params .form-field label { display:inline-block;  width:100%;}
#queryForm .form-field{position: relative;}
#queryForm .normative{position:absolute; top: 0px; left: 400px; font-weight: bold;}
#queryForm .normative .value{font-weight: normal;}
.commentBox{ position:relative; font-style: italic; text-align:right; }
.commentBox .comment{ text-align: left; }
.commentBox a{ color: #003399 !important; }
.commentBox .commEdit, .commentBox .commSave{text-align: right;}

/*HEADER*/
#iwrlogo{max-width: 260px;margin: auto;display: block;width: 100%;} 
#topbar {padding: 15px;border-bottom: 1px solid gray;}
#topbar2 {padding: 15px;border-bottom: 5px solid #1c1c1c;}
body{background:url(images/bg.jpg) no-repeat;background-size:100% auto;background-position:0 86px;}
#userOptions{text-align: right;padding:0 13px;}
#menu ul li a{padding: 3px;color: black;font-weight: normal;font-size: 20px;font-family: Segoe Ui, Verdana;}
#userOptions a{color:black !important;}
#userOptions img{height:30px;position:relative;top:-2px;margin-right:4px;}
#menu{background:none !important;  position:relative; margin:0}
.mainMenu > li > a{color:white;}
#menu ul{padding-top:0px;list-style:none outside none;}
#menu ul li{display:block;float:left; }
#menu ul li {    margin: 0;    padding: 0 10px 0 0  !important;}
#menu ul li:hover, .ui-state-focus{border:none !important; }
#menu ul li a{}
.ui-menu .ui-menu{background:none !important;}
.ui-menu{background: none; border:none;}

/*UPLOAD PLIKÓW*/
.qq-upload-button{border-radius: 0 !important;min-height: 117px !important;padding:16px !important;box-shadow: none !important;}
.photoName{ width: 100px; display: block; overflow:hidden; }
.uploadedFiles.withoutThumb{padding:0;}
.uploadedFiles.withoutThumb .fileName{overflow:hidden; }
.uploadedFiles.withoutThumb li {display:block; width: 90%; margin: 0; overflow:hidden; padding-right: 1em;}
.uploadedFiles.withoutThumb li a.remGalleryLink{  position: absolute; right: 0; top: 0px;  }


/*DASHBOARD*/
.box{margin: 0 !important;box-shadow: none !important;border: 1px solid gray;border-radius: 0 !important;}
.box.calc{background: #007bff;color: white;text-align: center;border: none !important;font-weight: lighter;font-size: 1.3em;cursor:pointer;}
.box.calc:hover{background:#006adc;}
.box.calc span{font-size: 2em;line-height: 29px;}
.box .usage{margin-top:10px;font-size: 0.9em;}
.manualClcBtn{ background: navy !important; }
.manualClcBtn:hover{ background: #175679 !important; }

/*FORMS*/
.form-check-input{position: relative !important;margin: 0 10px !important;}
.form-check-input label{float: left;top: -5px;position: relative;padding-right: 12px;font-weight: normal;font-size: 1.2em;}

.form-wrapper #queryForm > div{border: 1px solid #dfdfdf;padding-top: 10px;padding-bottom: 10px;margin-bottom: 20px;}
.portalName{display:none;}
.slider{margin-top: 8px;}
.slider-labels{margin-bottom: 22px !important; }
.portalProcess .slider-labels{display:none !important;}

#fieldset-portals img{margin-left:10px;cursor:pointer;}
.navbar-nav{flex-direction:inherit !important;}
.form-item.form-group > label {width: 100%;padding: 0 10px;color: black; font-weight: bold; background: #eaeaea; margin-bottom: 0; margin-top: 0.5rem;}
.loginAdminPage .form-item.form-group > label{background:none;color:black;}
#queryForm .normative{position: relative;font-weight: bold;display: block;margin-bottom: 18px;}
#queryForm-predata .btn.btn-primary{margin:0 10px;}
.btn{ margin:2px; }
.btn.btn-secondary.btn-toggle-equipment{background:#ff9b00;cursor:pointer;border:none;}
.btn.btn-secondary.btn-changer, .btn.btn-secondary.btn-toggle-equipment:hover{border:none !important;background:#f49400;}
.btn-primary, .btn-secondary{cursor:pointer;}
.btn-primary a{color:white !important;}
.btn.btn-secondary.btn-toggle-equipment b{font-weight:normal !important;}
.checkit{background: #ededed;margin: 10px 0;padding: 15px;color: black;}

/*RESULTS*/
.checkit label{font-weight:600;}
#results{box-shadow:none !important;}
#results .sliderWrap{margin-bottom:10px;}
#results .progress{border-radius:0 !important;}
#results .ui-progressbar-value{border-radius:0 !important;min-height:33px;}
.realSliderWrap, .realSliderWrap2{margin:20px 0;}
.ui-widget-header{background: #007bff !important;padding-bottom: 13px !important;}
.checkit button{margin:10px 0 0 0;}
.mediumpricer{padding: 48px !important;font-size: 23px;text-align: center;font-weight: lighter;}
.mediumpricer span{font-weight: 600;}
.portalProcess h2{border:none !important;}
.prihed{background: #007bff;color: white;text-align: center;padding: 5px;display: block;width: 100px;height: 59px;line-height: 17px;}
.prihed:hover{background:#006adc;}
.prihedlog{background: #dfdfdf;color: white;text-align: center;padding: 5px;display: block;width: 100px;height: 59px;line-height: 17px;}
.prihedlog:hover{background:#eee;text-decoration:none;}
.prihed, .prihedlog{cursor:pointer;}

/*MENU BRAKUJACE BOOTSTRAP*/
nav button{margin:auto;}
#total button.btn-primary{left:40px;position:relative;}
@media (max-width: 720px) {
#menu ul{width:100%;display:block;}
nav button{margin:10px auto;}
    #menu ul li{display: block;width: 100%;border-bottom: 1px solid gray;padding: 10px !important;text-align: center;}
	#menu ul li a{display:block;width:100%;}
    #menu, .navbar{padding:0 !important;}
    #userOptions{padding:0;margin:0;}
    #userOptions .row > div{margin:0;padding:0;width:50%;float:left;}
    #userOptions .row > div > a, #userOptions .row > div > span {width:100%;padding:14px 0;}
    #userOptions .row > div > a{padding-top:17px;}
}
.toolbar .btn{margin: 0 5px;}



.bootstrap-datetimepicker-widget{
    z-index: 9999 !important;
    
}
.listing .filters.slidedDown {
    overflow: visible !important;
}