/** -----------------------------------------------------------------------------------------------------
 * form.css
 * @license http://www.opensource.org/licenses/bsd-license.php New BSD License
 * @copyright Copyright © Szincsák András
 * @author Szincsák András <andras@szincsak.hu>
 * @version 1.0
* ------------------------------------------------------------------------------------------------------ */
/*autocomplete**/
.ui-autocomplete  {height: 40px;}
.ui-autocomplete .highlight{background:transparent;color:#24c819}
.ui-autocomplete .ui-menu-item {background:#fff; border: 1px solid #eee;padding:2px} 

.ui-autocomplete .ui-menu-item b{display:block;font-size: 1em;color: #579778;font-weight: 500;background:transparent url('../images/cegjelzo_logo.png') right 30px no-repeat;background-size:8%}
.ui-autocomplete .ui-menu-item b small{display:block;    color: #aaa;}
.ui-autocomplete .ui-menu-item b.owned{background:#ea8686;color:#fff}
.ui-autocomplete .ui-menu-item b.owned small{color:#fff}

.ui-autocomplete .ui-state-active{background:#24c819;border-color:#bccbd2;color:#fff}
.ui-autocomplete .ui-state-active .highlight{;color:#11ff00}

.form-control {padding:10px 15px ;height:auto; font-size: 1.2em;}
.form-control:focus { box-shadow: none; border-color: #bccbd2;    background: #ebf0f3;}
.form-control::-webkit-input-placeholder {    color: #bccbd2;}

.form-control option{font-size: 1.1em;font-weight: 300;}

.form-control[type='number']{padding-right:5px}
.form-control.onethird{width:30%}

.form-group {margin: 20px 0;}
.row-block .form-group{margin-top:0}

.form-group .error.error{color:#e48181;font-size:.8em;font-style: italic}

.has-float-label .form-control:focus + label::after { background: #ebf0f3;}

#sectionForm #sigIn .link{text-align:right;    margin: -15px 0 16px 0;font-size: .8em;}
#sectionForm #sigIn .link:after{background: #579778;border: 1px solid #aaa;color: #fff;content:"?";display:inline-block;width: 13px;height: 13px;padding: 1px;border-radius: 20px;font-size: 10px;line-height: 1em;text-align: center;margin-left: 4px;}
#sectionForm .boxLinks{text-align:center;border:1px solid #ccc; border-radius: 5px; font-size: .9em;   background: #eee;  padding: 10px 0;    margin: 10px 0 4% 0;}
#sectionForm .boxLinks a {padding-left:5px;font-size: .9em;text-decoration: underline;font-weight:bold}


#sectionForm {padding: 0;margin: 3% 0 0 0;} 
#sectionPopup form{padding: 40px 0 70px 0;}
#sectionPopup form.bigHeader {padding: 80px 0 70px 0;}

#sectionForm  form{background: #fff; padding: 5%; border: 1px solid #aaa;border-radius: 5px; box-shadow: 4px 4px 5px #d0d0d0;}
#sectionForm div.logo{display:inline-block;width:10px;height:60px;}
#sectionForm div.logo i{position:relative;display:block; top:9px;left:0;width:13px;height:13px;background:#7dbacc}
#sectionForm div.logo i::after{content:"";position:absolute; top:34px;left:0;width:13px;height:13px;background:#aaa}

#sectionForm div.logo i::before{content:"";position:absolute; top:17px;left:0;width:13px;height:13px;background:#bccbd2}

#sectionForm h1 {color:#bccbd2;font-family:"PT+Sans narrow", sans-serif;text-align: center}
#sectionForm h1 b {color:#7dbacc;font-weight:normal}
#sectionForm h1 small {color:#bccbd2;display:block;line-height:1em;    line-height: 1em;font-size: .435em;padding: 0;margin: -18px 0px 40px 18px}

#sectionForm h2 {font-family:"QUICKsand", sans-serif;margin-bottom: 15px;    padding-bottom: 15px;border-bottom: 1px solid #579778;color:#579778;text-align: center}
#sectionForm h2 small,
#sectionForm h2 em{font-size:.5em;display:block;    color: #bccbd2;}
#sectionForm .boxRegistration{border-top:1px solid #ccc;  padding: 0 0 15px 0;    margin: 0 0 4% 0;}
#sectionForm .boxRegistration a {text-decoration: underline;font-weight:bold}
#sectionForm .padd {padding:2px 0;margin: 0px 0px 1px 0;}

#sectionForm label {  font-weight: bold;    margin-bottom: 2px;    color: #bccbd2;}

#sectionForm  .btn-customized{margin-top: 15px;}
#sectionForm .copyright{ border-top: 1px solid #ccc;     padding: 10px 0 5% 0;}

.form-floatlabel .submit-row{position: fixed;bottom: 0;left: 0;right: 0;text-align: center;padding: 10px 5px;background: #ccc;    z-index: 777;}
.form-floatlabel .submit-row .btn-primary:hover{background:#40555f!Important}

.form-horizontal .control-group {margin-bottom:5px}
.form-horizontal .control-label {width: 130px; font-size: .9em;}
.form-horizontal  .controls {    margin-left: 135px;}

.form-horizontal .boxInput{border:1px solid #ccc;border-width: 1px 0px 0 0;    padding: 4% 0px 0 0;    margin: 4% 0;}


.form-horizontal input{height: auto;padding: 8px 6px;}
.form-horizontal input.bigger {font-size:1.65em;color:#bccbd2;font-weight:bold}

.form-horizontal .add-on {padding:8px 10px; }
.form-horizontal .units .input-append input{width:50%}
.form-horizontal .units .add-on {width: calc(43% - 20px);   position: relative;    background: #66bd6a;color: #fff;}
.form-horizontal .units .add-on.button-group {padding:5px 10px 11px 10px}
.form-horizontal .units .add-on button{font-size: 1.2em;background: #66bd6a; color:#fff;position: absolute;left: 0; right: 0; top: 0; bottom: 0; width: 100%; padding: 0; text-align: center;}
.form-horizontal .units .add-on span.caret{ FLOAT: RIGHT;  margin-right: 8px;color:#fff}

.form-horizontal select{padding: 8px 5px 12px 5px;height: 40px;}

#saveTemplate.btn-primary{background: #66bd6a;}

.form-horizontal .units .btn-group.open .btn.dropdown-toggle { background-color: #bccbd2;    text-shadow: 0 1px 0 #fff;}

.form-horizontal .units legend+.control-group {margin-top: 0px;}

.form-horizontal .inlineeditor{min-height: 120px;border: 1px solid #ccc;background: #fff;}
.form-horizontal .mce-content-body {min-height: 100%;background: #fff;padding: 10px;}



.form-horizontal .units .dropdown-menu li{text-align:left!Important}
.form-horizontal .units .dropdown-menu li a:hover,
.form-horizontal .units .dropdown-menu li.active a{text-align:left!Important; background-color: #bccbd2;    background-image: none;text-shadow:none; color:#fff }

.form-placeholder .control-group {margin-bottom:5px}
.form-placeholder .control-label {display: none}
.form-placeholder  .controls {display:block;}
.form-placeholder input{height: auto;padding: 9px 6px;font-size:1.2em;font-weight:bold;margin-bottom:2px;border-radius:5px;border-color:#aaa}
.form-placeholder input.bigger{font-size: 1.6em;}

.form-placeholder input.error{    border-color: #e2a4a3;background: #fff8f7;}
.form-placeholder .help-block.error,
.form-placeholder .help-inline.error{font-style:italic;font-size:.9em;    color: #b94a48;}

.form-placeholder ::-webkit-input-placeholder { font-weight:normal;color:#ccc;font-size:.9em }
.form-placeholder ::-moz-placeholder {font-weight:normal;  color:#ccc;font-size:.9em  } 
.form-placeholder:-ms-input-placeholder { font-weight:normal; color:#ccc;font-size:.9em  }
.form-placeholder input:-moz-placeholder { font-weight:normal ;color:#ccc; font-size:.9em }


input.inline {border-width:0 0 1px 0;color:#bccbd2;    margin-bottom: 30px; font-weight: bold;font-size: 1.2em;background:transparent; border-color: #bccbd2;border-radius: 0px;outline: none;box-shadow: none;background: transparent;}
input.inline:active,
input.inline:focus{background: #fff;outline: none;box-shadow: none;}

.controls.date input{width:350px;font-size:14px;}
.controls.date .add-on{padding: 8px;}

@media (max-width:769px){
 .form-placeholder{padding:8px}
 .form-horizontal .units .input-append input{width:50%;min-width:180px}
}
#formSearch input {height:50px;padding:10px}
.search-append{position:absolute;    width: 40px; height: 31px; margin-left: -28px; padding-top: 18px;color:#d5d5d5}



@media (max-width:769px){
  .search-append{display:none}
}



.input-append .select2-container{width: calc(48% - 20px);outline:none!Important}
.input-append .select2-container .select2-choice{box-shadow:none!Important; width:100%;background:#66bd6a;border-radius: 0 4px 4px 0!Important;  height: 36px;}
.input-append .select2-container .select2-chosen{    font-size: 14px;padding-top:4px;color: #fff;}
.input-append .select2-container .select2-arrow{ background:#66bd6a!Important;border:none!Important}
.input-append .select2-container .select2-arrow b{ background: url(../images/select2.png) 0px 5px no-repeat!Important;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi){
.select2-arrow b{ background-image: url(../images/select2.png) !Important;}
}
.JoinSelect {min-width:150px;    border: none!Important; padding-top: 5px;}

.form-group{position: relative}
.pwswitch{color: #7dbacc;background: #e7e7e7;border-left: 1px #bbb solid; width: 36px;font-size:1.3em; max-height: 48px;cursor:pointer;   position: absolute;    top: 1px;    right: 1px;    bottom: 1px;border-radius: 0px 5px 5px 0px;  display: flex;justify-content: center;align-items: center;}
.pwblock.validated li{color:#f00}
.pwblock.validated li:after{content:"✘";font-weight:bold;color:#f00;margin-left:7px}

.pwblock.validated li.valid:after{content:"✓";font-weight:bold;color:#bccbd2;margin-left:7px}
.pwblock.validated li.valid{color:#5bb755}

.pwswitched:valid,
.pwswitched:invalid {  background-position: right calc(.375em + .1875rem + 40px) center;}


/*select2*/
.select2-container{outline: 0!Important;}
.select2-container--focus{outline: 0!Important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 5px;}
.select2-container--default .select2-selection--single {    padding-top: 3px; height: 38px;}
.select2-selection--single:focus{outline:0;border-color: #bccbd2;    background: #18861124;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #ccc 1px;outline:0}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #bccbd2;}


.errorSummary{ clear: both; margin-top:0px; background: #e48181; padding: 10px; color: #fff;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #bccbd2;
}

.form-vertical  label{
    font-weight: 600;
    color: #7dbacc;
        font-size: .9em;
}

.form-vertical .form-control {}
.form-vertical .form-group {}
.form-vertical label.error,
.form-vertical .form-control.error{border-color:#f00}

.form-vertical div.error{color:#f00 ;font-size: .8em; font-style: italic;}
.form-vertical .submit-row{position:fixed;bottom:0;right:0;left:0;    padding: 15px;background: #efefef;  border-top: 1px solid #bccbd2;}


.keditor label{position:static} 

/*ION SLIDER*/

.irs--big { height:50px;     margin-top: 5px;}
.irs--big .irs-line { top: 20px;}
.irs-from, .irs-to, .irs-single { top: -4px;}
.irs--big .irs-bar {top: 20px;background: #579778; border: 1px solid #579778;}
 .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {background: #579778;    padding: 1px 6px;;border-radius:0} 
 .irs--big .irs-handle { top: 14px;    width: 20px; height: 20px;border-radius:3px}
 .irs-disabled { opacity: 0;}
 
 .badge.badge-info {background-color:#579778}