/** -----------------------------------------------------------------------------------------------------
 * 
 * sections.css file
 *
 * @author Szincsák András <andras@szincsak.hu>
 * @copyright Copyright (c) 2021, Szincsák András
 * ------------------------------------------------------------------------------------------------------ */
#secHead{ background: #516787; color: #fff;padding: 5px 0 25px 0;}
#secHead h1 {color:#fff;padding:0 10px;   
  text-align: left;
  line-height: .8em;
  font-weight: 300;
  font-size: 2em;
}
#secHead h1 strong { 
  display:block;
  font-size: .5em;

}
#secHead .logo{
  float: right;
  width: 160px;
  font-size: 0.7em;
  font-weight: 200;
  /* text-align: center; */
  line-height: 1.2em;
  margin: 5px 5px 0 0;
}
#secHead .logo b {color: #ccc;}
#secHead img{
  float: left;
  margin-right: 5px;
  height:80px
}

#secIntro {
  padding: 2vh;
  font-size: 1em;;
  min-height: 20vh;
  background: #516787;
  color: #fff;
}
#secIntro .right{background:#fff;    min-height: 20vh;
  border-radius: 25px;}

#secSelector {
  text-align: center;
  min-height: 40vh;
  padding: 10vh;

}
.block {
  margin: 25px;
  min-height: 20vh;
  display: grid;
  align-content: center;
  background: #fff;
  color:#444;
}
.blockCompany{
  text-align: center;
  border: 1px solid #eaeaea;
  padding: 0 15px 15px 15px;
  cursor:pointer;    min-height: 200px;

}
.blockCompany.active b{
  background: #b4d399;


}
.blockCompany:hover {background:#aaa}

.blockCompany b{
  background: #e5e5e5;
  color: #526e94;
  display: grid;
  margin: 0 -15px 5px -15px;
  padding: 3px;
  min-height: 60px;
  line-height: 1em;
  vertical-align: middle;
  align-items: center;
}
section#secSelector .block {
  padding: 20px;
  margin: 1vw;

  border: 1px solid #ccc;
  min-height: 20vh;
  background: #fff;
}
.boxGray{
  margin: 20px 0;
  background: #ececec;
  padding: 5px;
}
.boxBlue{
  margin: 20px 0;
  background: #e0edff;
  padding: 5px;
}


header#topHeader{position:fixed;top:0;left:0;right:0; height:60px;   background: #fff;z-index: 50;border-bottom:1px solid #ccc}
header .form-control{padding:7px 15px;    height: inherit; font-size: 1em;}

header #searchBlock{display:inline-block;width:50%}
header #searchBlock input {border:1px solid #ccc; border-radius: 5px;;padding:5px;    width: 100%;    outline: none!Important;}
header #searchBlock input::placeholder{font-size:.9em;color:#ccc}



#sectionMain{margin-bottom:3vh;min-height:80vh}
#sectionPopup{position:relative}
#sectionPopup #sectionMain{margin:10px 0}

#sectionPopup h1 {     position: sticky; top:0;Z-INDEX: 777;   margin-bottom: 0; display: block; width: 100%;font-size: 20px; padding: 5px;background: #617da4;color: #fff;margin-bottom:10px}
#sectionPopup h1.offline {  background: #DC3543;color: #fff;}
#sectionPopup.framed h1 .float-right{ position:absolute;top:23px;right:-5px;min-width:125px}

#sectionPopupFull h1 { margin-bottom: 0; display: block; width: 100%;font-size: 20px; padding: 5px;background: #617da4;color: #fff;}


.keditor-editable h1, 
.keditor-editable h2 {position: static!Important; background: none!Important;color: inherit!Important; padding: 0!Important;margin:5px 0!Important;}

#sectionPopup h1.time{text-align:center} 
#sectionPopup h1 small{margin-left: 5px;font-size: 1.3em;display: block;}
#sectionPopup form.bigHeader {padding: 5px 0 70px 0;}
#sectionPopup h1 a{color:#eee;float:right;margin:0 20px;text-align:right}  
#sectionPopup .DyTab .tab-content{max-height:90vh;overflow-y: auto;padding:10px}

#sectionPopup h1 a b{display:block;color:#fff;font-size:.8em} 

@media  (max-width: 360px) {
  #sectionPopup h1 a{display:none}  
}


#sectionPopupMain{padding: 5px 10px;min-height:80vh}
#sectionPopupMain .DyTab{margin-top:30px;}
#sectionPopupMain .DyTab form{padding:15px 0px;}
#sectionPopupMainDouble{padding: 75px 15px 15px 15px;min-height:80vh}

#companyDetails{display:none;background: #fff;padding: 15px; margin-bottom:20px; border: 1px solid #617da4;    border-radius: 5px;}
#companyDetails dl{margin-bottom: 0}
#companyInfo { font-size: .8em; padding:10px;   background: #fff;    border: 1px solid #ccc;    border-radius: 5px;}


/*************************************************/
#sectionInfo {display:grid;grid-template-columns: 1fr;}

#sectionBuildings{padding:0px;background:#fff;}
#sectionBuildings .head{    background: #fafafa;padding: 0px; border-bottom: 2px solid #fff;color:#617da4;}
#sectionBuildings .head td{padding:0}
#sectionBuildings h2{font-size:1.2em;padding:10px;margin:0;}
#sectionBuildings h2 b{color:inherit}
#sectionBuildings .info{display:block;float:right;max-width:50%;color:inherit}

#sectionBuildings  .head[aria-expanded="true"]{background:#617da4; color: #fff;}

#sectionBuildings  .head{background: #eee;font-size: .9em;padding:5px 5%}
#sectionBuildings .owner {padding:1px 8%}

#sectionBuildings  td table .head[aria-expanded="true"]{background:#aaa; color: #fff;}

#sectionBuildings .collapse {font-size:1em}

/*IFRAME*/
#sectionIframe iframe{width:100%;border:none!Important;height:80vh;background:transparent}

iframe.clear{width:100%;border:none!Important;height:80vh;background:transparent}


#sectionFull{padding:10px 10px 0 0;;;min-height:80vh}

.CRUDheader {    margin: -10px 0 20px 0;}
.CRUDheader .widget .inner{background:#fff;    margin: 2px;padding:5px;text-align:center;font-size:1.2em;min-height:90px}
.CRUDheader .widget .inner h2{margin:0;padding:0;    font-size: 1.5em;}
.CRUDheader .widget .inner h3{font-size:.7em}
.CRUDheader .widget .inner small{ display:block;line-height:1em;font-size:.7em}
.CRUDheader .widget .inner.red{background:#617da4;color:#fff;}
.CRUDheader .widget .inner.blue{background:#999;color:#fff;}
.CRUDheader .widget .inner.grey{background:#ddd;}
.CRUDheader .widget .inner.yellow{background:#f4e9a0;}
.CRUDheader .widget .inner.bordered{background:#28a745;color:#fff}


.messagesform .widget .inner{background:#fff;border:1px solid #ccc;padding:5px;text-align:center;font-size:1.2em;min-height:90px}
.messagesform .widget .inner h2{margin:0;padding:0;    font-size: 1.5em;}
.messagesform .widget .inner h3{font-size:.7em}
.messagesform .widget .inner small{ display:block;line-height:1em;font-size:.7em}
.messagesform .widget .inner.red{background:#617da4;color:#fff;}

.messagesform .message{font-size:.8em;    line-height: 1.2em;margin: 20px 0;background: #fff;padding: 10px;  height: 20vh; overflow:auto}
.messagesform .message.large{  height: 60vh; }
.messagesform .text{font-size:.8em;    line-height: 1.2em;margin: 20px 0;
    background: #fff;
    padding: 10px;
    height: 32px; overflow:hidden
}

.table .resenditem svg{color:#28a745}
.table .removeitem svg{color:#f00}

div.leftUser {margin-top:20px}
div.leftUser .widget {    max-width: 100%; flex: 100%;}
div.leftUser [class*=offset-] {margin:30px 0px 0 0}

/*BOX */
.box{background:#fff;border-radius:5px;padding:10px;margin:15px}
.box .textBlock {
  white-space: break-spaces;
  margin: 0 0 20px 0;
  background: #e4eded;
  padding: 15px 10px;
  border: 1px solid #ccc;
}
.box .formbox{max-height:0;overflow:hidden;padding:0;transition: all .3s ease-in-out;}
.box .formbox.active{max-height:100%;padding:10px 0}

.box .alert{    min-height: 50px;}
.box .edit{ margin-right: 10px;color: #a8a8a8;cursor:pointer}

.box textarea{font-size:.8em}

/* WHITEBOARD*/

.whiteboard{    margin-top: -10px;background: #fff;height: 100vh; padding:20px;}

.whiteboard h1{margin:20px;text-align:center}