/*-----------------------
TOP NAVIGATION
-------------------------*/
.navbar-inverse { background-color: transparent; border-color: transparent; position: relative;}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-inverse .dropdown-menu>.active>a { background-color: transparent; color: #0C0C0C; }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #333;}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus { color: #000 }
.navbar-toggle { background: #999; border-color: #999; }
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form { border-color: transparent;}
.navbar-inverse .navbar-collapse { clear: both;}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: grey; margin: 3px 0;}
.navbar-nav .panel-title { font-weight: bold }
.navbar-form .form-control { width: 100% }
.dropdown-menu > li > a { padding: 5px 0 5px 10px}
.navbar-form .input-group { width: 100%; /*left: 15px; */}
.navbar-brand { font-size: 35px }
.navbar-header { margin-bottom: 10px }
.navbar-nav > li > .dropdown-menu { margin-top: 0; font-size: 16px; }
.navbar-inverse .navbar-nav > li > a { font-size: 1.4em; font-weight: 400; color: #000000;}
.navbar-inverse .navbar-nav > li > a.active,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {color: #00b0e2;}
.btn-lg#upload-btn { border-color: #fff; margin-top: -2px; }
.open>.dropdown-menu.selectable {left:100px;}
.view-setting .checkbox-inline, .settings .checkbox-inline {margin-left: 20px;}
.view-setting .checkbox-inline label, .settings .radio-inline label, .settings .checkbox-inline label {font-weight: 400;}
.view-setting .checkbox-inline.disabled label, .settings .checkbox-inline.disabled label{cursor: not-allowed; opacity: 0.4; font-weight: 400;}
.selectable .dropdown-menu {min-width: 200px;}
.topnav {padding-top: 10px; padding-bottom: 10px;}
.navbar-brand>img {display: inline-block; margin: 10px 10px 0 0;}
.navbar-inverse .navbar-brand {font-family: 'Open Sans Condensed', sans-serif;color: #57585A; vertical-align: middle; font-size: 40px;font-weight: 700;}
.navbar-inverse .navbar-form {position: relative; top: 20px;}
.navbar-nav.small {}
.navbar-inverse .navbar-nav.small > li > a,
.navbar-nav.small > li > .dropdown-menu {font-size: 1.1em;}
.navbar-right~.navbar-right {margin-right: -15px;}
.dotted-border {width: 100%; height: 235px; border: 3px dotted #c2cddb; padding: 20px 30px; background: url(../../images/drag-n-drop-bgr.png) no-repeat center center}
.timeCode {margin: 0 10px; padding-top: 16px;}

/*-----------------------
COMMON
-------------------------*/
body { font-family: "Source Sans Pro", sans-serif; color: #000;}
a,
.btn, .form-control { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.btn { font-weight: bold; text-transform: uppercase; border-radius: 10px;}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn:active:hover,
.btn:focus:hover {}
a:hover { text-decoration: none }
a:focus, a:active {}
.btn:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
a.delete {display: inline-block; text-align: center;}
a.delete > img {display: inline-block; margin:0 auto; width:100%;}
#weblak-offCanvas {background: url("../../images/web-lak-panel.jpg") no-repeat 0 0; position: relative; overflow: visible !important; border: 1px solid #c2cddb;}
.weblak-closePanel, .search-closePanel {position: absolute; top: 10px; right: 15px; color: #c2cddb;}
.weblak-togglePanel {font-size: 20px; margin-top: 10px; color: #c2cddb;}

#jumplink{margin:0;position:relative}
#jumplink ul{list-style:none;line-height:1em;margin-bottom:0}
#jumplink li{margin-bottom:0}
#jumplink a{position:absolute;left:45%;top:-100px;width:auto;background-color:#33f;color:#fff;font-size:14px;text-decoration:none;padding:10px;margin:0 auto;text-align:center;-webkit-transition:top .5s ease-out,border-bottom .5s ease-out;transition:top .5s ease-out,border-bottom .5s ease-out;display:block;z-index:10;opacity:0;border:none;outline:0}
#jumplink a:focus,
#jumplink a:hover{top:0;opacity:1}
#jumplink a:before{content:"\25BC";display:inline;padding-right:5px}

/*-----------------------
NYITÓLAP
-------------------------*/
.homeMain {height: 100%;width: 100%;background: #FBFBFB url(../../images/nyitokep.svg) no-repeat 77% 70%; background-size: 52% 43%;}
.homeMain .container .row {
    width: 40%;
    margin: auto;
    padding: 2% 4%;
    background: #fff;
    opacity: 0.9;
    border: 1px solid #E5E5E8;
    display: table;
    margin-top: 5%;
    position: relative;
    left: -70px;
}
.homeMain .container p {font-size: 1.1em; font-weight: 400; line-height: 1.5em;}
.homeMain .container p {font-size: 1.1em; font-weight: 400; line-height: 1.5em;}
.homeMain h1 {font-weight: 300;margin-bottom: 20px;}
.goDetails {float: right; margin-top: 20px;}
.goDetails a {font-size: 1.1em;}

/*-----------------------
CONTENT
-------------------------*/
span.icon {display: block;}
#search-offCanvas {display: none; position: absolute;background: #f7f7f7;z-index: 8888;height: 160px; width: 100%;}
#search-offCanvas h2 {margin: 15px 0 0 15px;}
#search-offCanvas .navbar-form {width: 100%;}
#helpAccordion a,#helpAccordion a:focus, #helpAccordion a:hover, #helpAccordion a:active {color: #0C0C0C; text-decoration: none; font-size: 1.2em;}
#helpAccordion a,#helpAccordion a:focus, #helpAccordion a:hover, #helpAccordion a:active {color: #0C0C0C; text-decoration: none; font-size: 1.2em;}
#helpAccordion p a, #helpAccordion p a:focus, #helpAccordion p a:hover, #helpAccordion p a:active {color: #337ab7; font-size: 1em}
#helpAccordion div {margin-bottom: 30px;}
.head {margin: 0; line-height: 50px;}
h2 {margin-bottom: 10px !important;}
form textarea {resize: none;}
h3 {margin-top:20px;}
.kereses h3 {margin-top:40px;}
h5 {font-size: 1.2em; font-weight: 600; margin: 0 0 10px 20px;}
h6 {font-size: 1em; font-weight: 600; margin: 30px 0 20px 20px;}
.btn-blue,
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.btn-blue:active:hover,
.btn-blue:focus:hover { color: #fff; background-color: #00659f; border-color: #00659f; }
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary:focus:hover { color: #fff; background-color: #cb5838; border-color: #cb5838; outline: none;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {background-color: #fff; border-color: #c2cddb; outline: none;}
.btns {text-align: right; margin-top: 40px;}
.btns .btn {margin-left: 15px !important;  margin-bottom: 15px;}
.respTextBtn {margin-top: 30px;}
a[data-toggle="tooltip"] {cursor: pointer; color: #00b0e2; float: right;}
.btn-file{position:relative;overflow:hidden;}
.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);outline:none;background:#FFF;cursor:inherit;display:block;}
.btn-start{background: url(../../images/toolbar_szolgstart.svg) 0 0 no-repeat; display: block; height: 71px; width: 71px; z-index: 1; text-indent: -9999px; float: right; margin-top: 20px;;}
.fButton i{color: #00b0e2;font-size: 1.2em; margin: 0 8px;}
.uploadedFiles .fButton i{padding-left: 5px;}
.status ul{list-style-type:  none;float: right; margin-top: 10px;}
.status ul li{line-height: 2em; vertical-align: middle; font-size: 1em; text-align: right; float: left; margin: 0 10px 0 10px; text-transform: uppercase;}
.status ul li.active{color: #00b0e2; font-weight: 700;}
.status ul i{font-size: 1.1em; margin: 0 0 0 15px; vertical-align: middle; text-align: center;}
.status ul li.active i{color: #00b0e2;}
.drag-drop{height:150px;}
.file-list {margin-bottom: 40px;}
.file-list li{position:relative;font-size:1.5em;color:#c2cddb; margin-right: 40px;}
.file-list p{margin: 10px 0 0 0; padding: 5px; text-align: center;}
.file-list a{font-size:1em;color:#8bd7ed;background:#fff; margin: 0 6px;}
.files{margin-top:40px;}
.files span{font-size:14px;}
.files span .fa{font-size:25px;color:#000;}
.msg-datas{margin:20px 0;}
.msg-datas strong{padding-right:10px;}
.modal{text-align:center;padding:0!important;}
.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px;}
.modal-dialog{display:inline-block;text-align:left;vertical-align:middle;}
.dropdown-toggle i {margin-left: 5px;}
.open > .dropdown-toggle.btn-primary,
.open>.dropdown-toggle.btn-primary:hover { color: #fff; background-color: #F15736; border-color: #F15736; outline: none;}
.list-unstyled a:hover { text-decoration: underline }
.list-unstyled > li { margin-bottom: 10px }
.pagination > li > a,
.pagination > li > span { color: #555 }
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { color: #555 }
a.moreDatasClicked { color: #9f4b9b }
.doc-item h4 { margin-top: 0 }
.panel-default { border: 1px solid #ddd }
.panel-default > .panel-heading { color: #000; background-color: #e7e8eb; border-color: #c2cddb;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { background-color: #e7e8eb; border-color: #e7e8eb; color: #000; }
.upload legend { margin: 0 0 10px 0 }
.upload .checkbox { margin: 0 }
.upload .form-group { margin-bottom: 25px }
.progress-bar-success { background-color: #64a350 }
.label-default { background-color: #e7e8eb; border-color: #e7e8eb; color: #555; }
.btn-primary[disabled], .btn-primary[disabled]:hover {background-color: transparent; border-color: transparent;}
.pagination .open>.dropdown-menu {min-width: 55px; }
select.form-control {color: #0C0C0C;}
select.form-control:hover {cursor: pointer;}
select.form-control:focus {border: 1px solid #ddd; box-shadow: none;}
select.form-control:hover > option {color: #0C0C0C; background: #e3e7ed;}
select.form-control > option:hover {color: #fff; background-color: #000;}
.status {text-align: right;}
.collapse p, .collapsing p {margin: 0 20px;}
.collapse .row {border-bottom: 1px solid #f0f0f0;}
#helpAccordion .collapse ul {list-style-type: none; column-count: 3;}
#helpAccordion .collapse ul li {line-height: 1.4em; margin-bottom: 0.5em;}
.fa-question-circle-o {font-size: 1.3em;}
.has-error p {color: #a94442;padding: 5px 0 0 0;}
.uploadedFiles {margin: 10px 0 0 0;}
.uploadedFiles td:nth-child(2) {width:55%;}
.uploadedFiles td:last-child {text-align: right;}
.kereses strong {font-weight: 800; font-size: 1.2em;}
.checkbox-inline, .radio-inline {padding-left: 10px;}
.noFloat {float: none !important; margin-left: 10px; position: relative; top: 4px;}
.border {border: 1px solid #c2cddb; padding: 20px 65px;}
/*-----------------------
BACK TO TOP BUTTON
-------------------------*/
.backtotop { text-decoration: none; color: #000; position: fixed; bottom: 10px; right: 10px; display: none; }

/*-----------------------
MEDIA QUERIES
-------------------------*/
@media(min-width:320px) and (max-width: 479px) {

}
@media(min-width:480px) and (max-width: 767px) {
    .btns {text-align: center;}
    .navbar-brand>img {margin: 0;}
    .navbar-toggle {background: transparent;}
    .navbar-inverse .navbar-toggle {border-color: #0C0C0C;}
    .navbar-inverse .navbar-toggle:focus, 
    .navbar-inverse .navbar-toggle:hover {background:transparent; border-color: #cb5838;}
    .navbar-inverse .navbar-toggle .icon-bar {background-color: #0C0C0C;}
    .navbar-inverse .navbar-toggle:focus .icon-bar, 
    .navbar-inverse .navbar-toggle:hover .icon-bar {background-color: #cb5838;}
    .navbar-header {margin-bottom: 20px;}
    .navbar-form .input-group {width: 90%; left: 15px;}
    .status {text-align: center; margin-top: 10px;}
	.navbar-header {margin: 5px 0 0 15px;}
	.navbar-nav .dropdown {position: absolute; top: 20px; right: 50px;}
	.timeCode {position: absolute !important; top: 17px; right: 15px;}
	#mainMenu {width: 100%;}
	h2 {margin-bottom: 0 !important;}
	h3 { margin-top: 20px;}
}
@media(min-width:768px) and (max-width: 991px) {
   .btn-lg#upload-btn {margin-top:10px; margin-bottom:10px;}
   .open>.dropdown-menu.selectable {left:80px;}
   .topnav {padding-top: 0; padding-bottom: 0;}
	h2 {margin-bottom: 20px !important;}
	.btns .btn {margin-left: 10px !important;}
	h3 {margin-top: 20px;}
}
@media(min-width:992px) and (max-width: 1199px) {
    .open>.dropdown-menu.selectable {left:200px;}
}
@media(min-width:1200px){
    
}



/*border padding*/
@media (max-width: 767px) {
	.border {border: none;padding: 20px;}
}



@media(min-width:768px)
{
 .draft-list-table, .uploadedFiles  {
        table-layout: fixed;
        word-wrap: break-word;
 }
}

/*fake labels*/
@media(max-width:767px)
{
    .fake-label {
        display: none;
    }
}
.accessibility {display: none;}

/*-----------------------
HELPER CLASSES
-------------------------*/
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.marginbot {margin-bottom: 40px;}


/*-----------------------
WEB-LAK SEARCH
-------------------------*/
.views-exposed-widgets {
	margin-bottom: 20px;
}
#search-wrapper {
    margin-top: 20px;
}
.views-exposed-form .views-exposed-widget {
    float: left;
    padding: .5em 1em 0 0;
}
label[for="search"] {
    text-transform: uppercase;
    display: block;
    color: #555;
    font-size: 3em;
    font-weight: 300;
    margin-left: 22px;
}
#search {
    float: left;
    clear: both;
    border: 1px solid #ccc;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    z-index: 200;
    position: relative;
	margin-right: 10px;
    height: 50px;
    width: 75%;
    outline-width: 0;
    font-size: 3em;
    padding-top: 0px;
}
#block-views-exp-keres-s-viewskereses .views-submit-button {
    margin-top: 30px;
}
.views-exposed-form .views-exposed-widget {
    float: left;
    padding: .5em 1em 0 0;
}
.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 2.6em;
}
#edit-submit-keres-s {
    background-color: #F15736;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5em;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
	width: 23%;
}

#catalog,#subject_catalog,#recipient { -webkit-transition: none; transition: none; }

span.guide {
    margin-left: 10px;
    display: none;
}

#collapse2 > .row *
{
    margin-left: 0px;
}

.lm0
{
    margin-left: 0px;   
}

#collapse2 > .row
{
    margin-left: 20px;
}

#collapse2 p.description
{
    margin-bottom: 10px;
}

.breakword 
{
    word-wrap: break-word;
}

 .draft-list-table th:nth-child(1)
 {
 	width: 5%;
 }
 .draft-list-table th:nth-child(2)
 {
 	width: 30%;
 }
 .draft-list-table th:nth-child(3)
 {
 	width: 50%;
 }
 .draft-list-table th:nth-child(4)
 {
 	width: 15%;
 }
 .draft-list-table th:nth-child(5)
 {
 	width: 10%;
 }
 
 .uploadedFiles th:nth-child(1)
 {
 	width: 5%;
 }
 .uploadedFiles th:nth-child(2)
 {
 	width: 60%;
 }
 .uploadedFiles th:nth-child(3)
 {
 	width: 10%;
 }
 .uploadedFiles th:nth-child(4)
 {
 	width: 20%;
 }
 .uploadedFiles th:nth-child(5)
 {
 	width: 15%;
 }
 
 div.warning, div.info
 {
 	padding-top: 10px;
 	padding-bottom: 10px; 
 	margin-left: 15px;
 	margin-right: 15px;
 	margin-bottom: 15px;
 }
 
 div.warning
 {
 	background-color: #9c2122; 
 }
 
 div.info
 {
 	background-color: #589b4f; 
 }
 
 div.inforow.row 
 {
 	margin-right: 15px;
 }
 
 div.inforow.row i, div.inforow.row span 
 {
 	color: white;
 }
 
 div.inforow.row span 
 {
 	padding-left: 15px;
 }
 
textarea {
	resize: none;
}

#helpAccordion a.full-catalog-list {
	color: #337ab7;
	font-size: 1em; 
}

/*version label at the bottom */
p.app-version {
	text-align : center;
	margin-top: 10px;
}

.kau-control {
    border: 1px solid #f5f6f6;
    background-color: #ffffff !important;
}


.bejelentkezes{
	text-transform: none;
    color: #fff;
    padding: 9px;
    border-radius: 4px;
    width: 100%;
	border: none;
	font-size: 1.2em;
	margin-top: 35px;
}

body{
    background-color: #FBFBFB;
}

.homeMain .container .row  img{
    display: block;
    margin: auto;
}

a.link-underlined {
    text-decoration: underline !important;
}

@media (max-width: 767px) {
.homeMain {background-position: center center;} .homeMain h1 {margin-bottom: 30px;} .homeMain .container .row {width: 100%; margin-top: 0; left: 0;} #search {margin-right: 8px;} 
}

:focus{
    outline-offset: 3px!important;
}