/*
 Theme Name:     Reporting Theme
 Theme URI:      
 Description:    TFC Reporting Theme
 Author:         TFC
 Author URI:     
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

.grid {
  position: relative;
  opacity: 0;
  transition: opacity 0.8s linear 1s;
}
.images-loaded .grid {
  opacity: 1;
}
.dashboard_item_module {
  position: absolute;
  margin: 5px;
  z-index: 1;
}
.dashboard_item_module.muuri-item-hidden {
  z-index: 0;
}
.dashboard_item_module.muuri-item-releasing {
  z-index: 2;
}
.dashboard_item_module.muuri-item-dragging {
  z-index: 3;
}
.et_pb_module_inner {
  position: relative;
  cursor: pointer;
}
.et_pb_module_inner > img {
  display: block;
  border-radius: 6px;
}

.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-transform: uppercase;
  transition: opacity 0.6s linear 0.4s;
}
.images-loaded .loading {
  opacity: 0;
}

/* * * Salesboard lazy loader overlay * * */ 
#loader-wrapper{
  height:100%;
  width:100%;
  position: fixed;
  top: 0;
  z-index: 999;
  background-color: #fdfdfe;
}
.loading-data{
  text-align:center;
  color:#0b5053;
  position:relative;
  top:50%;
  font-size: 24px;
  font-weight: 600;
}
.loading-data:before,
.loading-data:after{
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.7em;
  width: 6em;
  border-bottom: 1px solid #0b5053;
  -moz-animation: loading 3s forwards linear;
  -webkit-animation: loading 3s forwards linear;
  animation: loading 3s forwards linear;
  -moz-animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
}

/* * * Animation loading * * */
@-webkit-keyframes loading {
  0% {width: 0em; opacity:0.1}
  70% {width: 6em; opacity:1.0}
  100% {width: 8em; opacity:0.0}
}
@-moz-keyframes loading {
  0% {width: 0em; opacity:0.1}
  70% {width: 6em; opacity:1.0}
  100% {width: 8em; opacity:0.0}
}
@keyframes loading {
  0% {width: 0em; opacity:0.1}
  70% {width: 6em; opacity:1.0}
  100% {width: 8em; opacity:0.0}
}

/* * * Password protection form * * */
.post-password-required .et_password_protected_form {
    width: 80%;
    margin: 0 auto;
    margin-top: 100px;
}

/* * * Toolbar * * */
.side-toolbar {
  display: block;
  height: 100%;
  position: fixed;
  width:80px;
  top:0;
  left: 0;
  background-color: #2d8656 !important;
  cursor: default;
  z-index: 9999;
  transition: all .4s ease-out;
}
.side-toolbar:before{
  cursor: pointer;
}
.side-toolbar.closed:before {
  position: absolute;
  content: '';
  display: inline-block;
  top: 85px;
  right: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #2c8556;
  border-bottom: 10px solid transparent;
}
.side-toolbar.opened:before {
  position: absolute;
  content: '';
  display: inline-block;
  top: 85px;
  right: 0px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #f5f5f5;
  border-bottom: 10px solid transparent;
}
.side-toolbar .toolbar_module {
  margin-bottom: 0px;
  padding: 15px 0px;
  margin: 3px 0;
  border:0px;
  border-left:3px solid #2d8656 !important;
  color: white;
  border-radius: 0px !important;
  background-color: #2d8656;
}
.side-toolbar .toolbar_module:hover{
  background-color: rgba(255,255,255,.1);
  border-left: 3px solid #f78154 !important;
}
.side-toolbar a img{
  display: inline-block;
  width:40px;
  height:40px;
  margin: 0 17px;
}
/* * * Toolbar * * */