/**
 *  File:       	/css/help/help.php
 *  Purpose:    	CSS for help pages
 *  Copyright:		Smithtec Ltd
 *  Last Update:	2022
 *
**/

.hr { margin: 1rem 0 1rem 0; }

/* backgrounds */
.light-background { background: #f1f1f1; }
.has-background-dark-blue { background: #00447c; }
.no-background { background: none; }

/* general padding */
.has-padding-1rem { padding: 1rem; }
.has-padding-bottom-1rem { padding-bottom: 1rem; }
.has-padding-top-1rem { padding-top: 1rem; }
.has-padding-bottom-0-5rem { padding-bottom: 0.5rem; }
.has-padding-1px { padding: 1px; }

/* general margin */
.has-margin-top-1rem { margin-top: 1rem; }
.has-margin-auto{ margin: auto; }

/* form */
.help { font-size: 1rem; }

/* menu */
.menu-acc { margin-right: 1rem; padding:0.5rem 0; border-left: 3px solid #209cee; background-color: #fff;   }
.menu-selected { background: #f9f9f9; }

/* page & section used throughout */
.section-acc { padding: 0 0; border-top: 1px solid #dedede;  }
.page-acc { padding: 0 0 0 0; }

/* message-adjustments */
.message-body{ padding: 1rem; }
.slick-message { border-left: none; border-right: none; border-top: none; }

/* boxes & messages */
.message-margin { margin: 0 0 0.5rem 0; }
.box-margin { margin-bottom: 0.5rem; }
.box-no-margin { padding: 1rem; background: #fff; border-bottom: 1px solid #c1c1c1; }
.box-acc { margin-bottom: 0.5rem; padding: 1rem; background: #fff; border-bottom: 1px solid #c1c1c1; }

/* titles */
.title-margin { margin-bottom: 1rem; }

/* map specific */
#map{ width: 100%; height: 300px; }

/* fonts & colors */
.has-text-pos-feedback {  color: green; }

/* overflow */
.has-overflow-wrap-anywhere { overflow-wrap: anywhere;}

/* uploading specific */
.progress_bar{ margin-top: 50px; font-size: 2.3rem; }
.preview{ margin: 1rem 0 0 0; height: 200px; width: 200px; border: 1px dashed #c1c1c1; background-color: #ffffff;  }

/* photo gallery */
.gallery-item { padding: 2px; margin: 2px; display: block; }
.gallery-image { display: block; }

/* available lead specific */
.is-table-head { background-color: #fff; border-bottom: 1px solid #c1c1c1; padding: 0.2rem 1rem; font-weight: bold; }
.lead:hover { background: #cde7ff; cursor: pointer;  }
.is-not-shown { display: none; }

/* expandable question */
.question-container{  border-bottom: 1px solid #dedede; }
.question{ padding-bottom: 1rem; padding-top: 1rem; cursor: pointer; }
.question:hover{ cursor: pointer; }
.answer{ padding-bottom: 1rem; display: none; }

/* to do list */
.item-container{  padding-top: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #dedede; }

.select-box { padding: 0.5rem 0.6rem 0.5rem 0.6rem; border: 1px solid #c1c1c1; border-radius: 3px; }

/* stick tab */
.is-sticky{ position: -webkit-sticky; position: sticky; top: 0; margin-bottom: 1rem; background-color: #fff; z-index: 99 !important; }

/* Tablet and Bigger */
@media screen and (min-width: 768px) { 

    /* box & section used throughout */
    .section-acc { padding: 2rem 0; }

    .message-margin { margin: 0 0 0.5rem 0; }
    .box-acc { padding: 1rem; border-bottom: 1px solid #c1c1c1;}

}