body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #888;
    line-height: 30px;
    text-align: center;
	background-color: rgba(229, 242, 222, 0.71) !important;
}

strong { font-weight: 500; }
.dashboard_top{
	margin-top:5%;
}
.mainmenu_top{
	margin-top:4%;
}
.mainmenu_icons{
	border:2px solid black;
	padding:0px !important;
	height:180px
}
.paddingleft_0{
padding-left:0px !important;
}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    
}

    legend.scheduler-border {
        font-size: 1.2em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        
        border-bottom:none;
    }
.box_panel{
 border:1px solid rgba(35, 25, 25, 0.28);
 border-radius:10px;
 padding:20px
 }
 .border_panel{
 margin-top:10px;
 border:1px solid rgba(35, 25, 25, 0.28);
 border-radius:10px;
 padding:10px
 }
 .legendpanel{
 padding-top:10px;
 padding-left:0px
 }
 .inputbottom{
 margin-bottom:5px
 }
 .reportbpanel{
 padding-top:2%;
 }
 table {white-space:nowrap !important}
 

 
.multiselect {
    width: 200px;
  }
  
  .selectBox {
    position: relative;
  }
  
  .selectBox select {
    width: 75%;
    font-weight: bold;
  }
  
  .overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  
  #checkboxes {
    display: none;
    border: 1px #dadada solid;
  }
  
  #checkboxes label {
    display: block;
  }
  
  #checkboxes label:hover {
    background-color: #1e90ff;
  }


  /* .secondind{
    margin-top: -10px;
  } */

  .smallFont{
    font-size: 10px;
    height:  50px;
  }

  .bigFont{
    font-size: 14px;
    height: 20px;
  }

  .khakibg{
    background-color:  khaki;
  }

  
  .yellowgreenbg{
    background-color:  yellowgreen;
  }
  
 
  .goldbg{
    background-color:  gold;
  }

  .coralbg{
    background-color:  coral;
  }

  .darkcyanbg{
    background-color:  darkcyan;
  }

  
  .deepskybluebg{
    background-color:  deepskyblue;
  }

  
  .darksalmonbg{
    background-color:  darksalmon;
  }


/* 
  #checkboxes1 {
    display: none;
    border: 1px #dadada solid;
  }
  
  #checkboxes1 label {
    display: block;
  }
  
  #checkboxes1 label:hover {
    background-color: #1e90ff;
  }
  */




  body {
    background:#ddd;
    font-family:"Raleway";
  }
  .center {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
  }

  .popup {
    width:350px;
    height:280px;
    padding:30px 20px;
    background:#f5f5f5;
    background-color: aqua;
    border-radius:10px;
    box-sizing:border-box;
    z-index:2;
    text-align:center;
    opacity:0;
    top:-200%;
    transform:translate(-50%,-50%) scale(0.5);
    transition: opacity 300ms ease-in-out,
                top 1000ms ease-in-out,
                transform 1000ms ease-in-out;
  }
  .popup.active {
    opacity:1;
    top:50%;
    transform:translate(-50%,-50%) scale(1);
    transition: transform 300ms cubic-bezier(0.18,0.89,0.43,1.19);
  }
  .popup .icon {
    margin:5px 0px;
    width:50px;
    height:50px;
    border:2px solid #34f234;
    text-align:center;
    display:inline-block;
    border-radius:50%;
    line-height:60px;
  }
  .popup .icon i.fa {
    font-size:30px;
    color:#34f234;
  } 
  .popup .title {
    margin:5px 0px;
    font-size:30px;
    font-weight:600;
  }
  .popup .description {
    color:#222;
    font-size:15px;
    padding:5px;
  }
  .popup .dismiss-btn {
    margin-top:8px;
  }
  .popup .dismiss-btn button {
    padding:10px 20px;
    background:#111;
    color:#f5f5f5;
    border:2px solid #111;
    font-size:16px;
    font-weight:600;
    outline:none;
    border-radius:10px;
    cursor:pointer;
    transition: all 300ms ease-in-out;
  }
  .popup .dismiss-btn button:hover {
    color:#111;
    background:#f5f5f5;
  }
  .popup > div {
    position:relative;
    top:10px;
    opacity:0;
  }
  .popup.active > div {
    top:0px;
    opacity:1;
  }
  .popup.active .icon {
    transition: all 300ms ease-in-out 250ms;
  }
  .popup.active .title {
    transition: all 300ms ease-in-out 300ms;
  }
  .popup.active .description {
    transition: all 300ms ease-in-out 350ms;
  }
  .popup.active .dismiss-btn {
    transition: all 300ms ease-in-out 400ms;
  }


/* pop1 */
.popup1 {
  width:350px;
  height:280px;
  padding:30px 20px;
  background:#f5f5f5;
  background-color: aqua;
  border-radius:10px;
  box-sizing:border-box;
  z-index:2;
  text-align:center;
  opacity:0;
  top:-200%;
  transform:translate(-50%,-50%) scale(0.5);
  transition: opacity 300ms ease-in-out,
              top 1000ms ease-in-out,
              transform 1000ms ease-in-out;
}
.popup1.active {
  opacity:1;
  top:50%;
  transform:translate(-50%,-50%) scale(1);
  transition: transform 300ms cubic-bezier(0.18,0.89,0.43,1.19);
}
.popup1 .icon {
  margin:5px 0px;
  width:50px;
  height:50px;
  border:2px solid #34f234;
  text-align:center;
  display:inline-block;
  border-radius:50%;
  line-height:60px;
}
.popup1 .icon i.fa {
  font-size:30px;
  color:#34f234;
} 
.popup1 .title {
  margin:5px 0px;
  font-size:30px;
  font-weight:600;
}
.popup1 .description {
  color:#222;
  font-size:15px;
  padding:5px;
}
.popup1 .dismiss-btn {
  margin-top:8px;
}
.popup1 .dismiss-btn button {
  padding:10px 20px;
  background:#111;
  color:#f5f5f5;
  border:2px solid #111;
  font-size:16px;
  font-weight:600;
  outline:none;
  border-radius:10px;
  cursor:pointer;
  transition: all 300ms ease-in-out;
}
.popup1 .dismiss-btn button:hover {
  color:#111;
  background:#f5f5f5;
}
.popup1 > div {
  position:relative;
  top:10px;
  opacity:0;
}
.popup1.active > div {
  top:0px;
  opacity:1;
}
.popup1.active .icon {
  transition: all 300ms ease-in-out 250ms;
}
.popup1.active .title {
  transition: all 300ms ease-in-out 300ms;
}
.popup1.active .description {
  transition: all 300ms ease-in-out 350ms;
}
.popup1.active .dismiss-btn {
  transition: all 300ms ease-in-out 400ms;
}



  .customHover p:hover{
   cursor: pointer;
  }