#spinnerDiv
{
    /* margin-left: 0%; */
    /* margin-top: 0%; */
	margin-left: 45%;
    margin-top: 20%;
}

#logo_loading
{
    /* margin-left: 0%; */
    /* margin-top: 0%; */
	margin-left: 40%;
    /* margin-top: 22%; */
}

#spinnerBeforeDiv
{
    /* margin-left: 0%; */
    /* margin-top: 0%; */
	margin-left: 0%;
    margin-top: 0%;
    opacity:1;
    background-color:#ffffff;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
}

.swal2-confirm
{
    width: 100%;
}
.swal2-cancel
{
    width: 100%;
}

.time_duration
{
    width: 39%;
}

#hours_input 
{
    margin-left: -105px;
}

#seperate_time_label 
{
    margin-top: 40px;
}

#edit_hours_input 
{
    margin-left: -105px;
}
#edit_seperate_time_label 
{
    margin-top: 40px;
}

#menu li
{
    border-bottom: 2px solid #ff843b;
    margin: 0;
    padding: 25px 20px 20px;
    width: 100%;
}

#menu li:hover {
    background-color: #ff843b;
    color: #fff;
}

#menu .active {
    background-color: #e2e2e2;
}

#menu li a{ display: block;
    padding: 8px 16px;
    text-decoration: none;
}
#menu 
{
    float:left;
    margin-top: 0;
    width: 100%;
    height: 70vh;
}
 .sidemenu
{
    width:15%!important;
}


/* Index */

* {margin: 0; padding: 0;}
	.hide {display:none;}
	
	.side { border-right: 1px solid #ff843b;width: 24%;float: left;height: 100%;transition: all ease .8s;}
	.logo {background: #ff843b; text-align: center; display: flex; align-content: center; width: 100%; float: left; padding: 10vh 0; justify-content: center;}
 	.loginform {width: 84%; padding: 15% 8%; float: left;}
	.login .label {color: #333; padding: 30px 7% 0; }
	.login input {border: 2px solid #ff843b; width: 80%; padding: 15px 15px; margin: 0 7% 0;}
	.submit {color: #fff; background: #ff843b; width: 100%; padding: 20px 0; margin: 150px 0 10px; text-align: center; cursor: pointer;}
	.forgot {color: #ff843b; text-decoration: underline; cursor:pointer; text-align:center;}
	.sidemenu {width: 16%;}
	.mgrid {padding: 30px 0 5px;}
	#dtIn, #inputIn {cursor: pointer;}
	
	#dt {width: 65%; margin: 100px 60px; float: left;}





/* Input.php */

.inputbody {
  padding-top: 80px;
  margin-left:10px;
  margin-right:10px;
  float: left;
  width: 80%;
}

.container {
  max-width: 750px;
  margin:0 auto;
  text-align:center;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  background-color: #f3f3f3;
}
.head {
  -webkit-border-radius:6px 6px 0px 0px;
  -moz-border-radius:6px 6px 0px 0px;
  border-radius:6px 6px 0px 0px;
  background-color: #ff843b;
  color:#FAFAFA;
}
h2 {
  text-align:center;
  padding:18px 0 18px 0;
  font-size: 1.4em;
}
input , select {
  margin-bottom:10px;
}
textarea {
  height:100px;
  margin-bottom:10px;
}
.NewActiondatepicker, .EditActiondatepicker
{
  margin-top:35px;
}

input, textarea, select {
  font-size: 1em;
  padding: 15px 10px 10px;
  font-family: 'Source Sans Pro',arial,sans-serif;
  border: 1px solid #cecece;
  background: #fff;
  color:#333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 80%;
  max-width: 600px;
}
::-webkit-input-placeholder {
   color: #333;
}
:-moz-placeholder {
   color: #333;  
}
::-moz-placeholder {
   color: #333; 
}
:-ms-input-placeholder {  
   color: #333;  
}
button {
  margin-top:15px;
  margin-bottom:25px;
  background-color: #ff843b;
  padding: 12px 45px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ff843b;
  -webkit-transition: .5s;
  transition: .5s;
  display: inline-block;
  cursor: pointer;
  width:30%;
  color:#fff;
}
button:hover, .button:hover {
  background: #ff843b;
}
label.error {
    font-family:'Source Sans Pro',arial,sans-serif;
    font-size:1em;
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#d89c9c;
    width: 80%;
    margin:auto;
    color: #FAFAFA;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
/* media queries */
@media (max-width: 700px) {
  label.error {
    width: 90%;
  }
  input, textarea {
    width: 90%;
  }
  button {
    width:90%;
  }
  body {
  padding-top:10px;
  }  
}
.message {
    font-family:'Source Sans Pro',arial,sans-serif;
    font-size:1.1em;
    display:none;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#2ABCA7;
    width: 80%;
    margin:auto;
    color: #FAFAFA;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}

.mgrid
{
    display:grid;
    grid-template-columns: 1fr 3fr;
}

label
{
    margin-top: 20%;
}