.NewPopUpLabel {
   font-family                : Roboto-Bold;
   font-size                  : 11pt;
   color                      : #8F8F8F;
}

.NewPopUpTextInput { 
   border                     : 1px #8F8F8F solid;
   border-radius              : 5px;
   font-family                : Roboto-Regular;
   font-size                  : 11pt;
   height                     : 25px;
   padding-left               : 3px;
}

.newtextarea {
   border                     : 1px #8F8F8F solid;
   border-radius              : 5px;
   font-family                : Roboto-Regular;
   font-size                  : 11pt;
   padding-left               : 3px;
   resize                     : none;
}

.NewPopUpSelectInput {
   border                     : 1px #8F8F8F solid;
   border-radius              : 5px;
   font-family                : Roboto-Regular;
   font-size                  : 11pt;
   height                     : 30px;
   min-width                  : 30px;
}

.NewPopUpSubmitInput {
   border                     : 0px;
   background-color           : #8ACCC8;
   border-radius              : 5px;
   font-family                : Roboto-Regular;
   font-size                  : 11pt;
   height                     : 30px;
   text-align                 : center;
   color                      : #FFFFFF;
}


.NewPopUpSubmitInputDisabled {
   border                     : 0px;
   background-color           : #9AA6AF;
   border-radius              : 5px;
   font-family                : Roboto-Regular;
   font-size                  : 11pt;
   height                     : 30px;
   text-align                 : center;
   color                      : #000000;
}

.NewPopUpSubmitInputSmall {
   border                     : 0px;
   background-color           : #8ACCC8;
   border-radius              : 5px;
   font-family                : Roboto-Regular;
   font-size                  : 10pt;
   height                     : 25px;
   text-align                 : center;
   color                      : #FFFFFF;
}

.NewPopUpSubmitInputSmallAdmin {
   border                     : 0px;
   background-color           : #CD898E;
   border-radius              : 5px;
   font-family                : Roboto-Regular;
   font-size                  : 10pt;
   height                     : 25px;
   text-align                 : center;
   color                      : #FFFFFF;
}
   
.FilterDiv {
   background-color           : #FFFFFF;
   padding                    : 5px 5px 5px 5px;
   box-shadow                 : 2px 2px 5px 0px rgba(0,0,0,0.72);
   -webkit-box-shadow         : 2px 2px 5px 0px rgba(0,0,0,0.72);
   -moz-box-shadow            : 2px 2px 5px 0px rgba(0,0,0,0.72);
   border-radius              : 10px;
}

.FilterDivLabel {
   font-family                : Roboto-Regular;
   font-size                  : 12pt;
   color                      : #808080;
}

.FilterDivInput {
   height                     : 30px;
   font-family                : Roboto-Regular;
   font-size                  : 12pt;
   color                      : #808080;
   background-color           : #FFFFFF;
   border-color               : #D6DADF;
   border-radius              : 5px;
   border                     : 1px #D6DADF solid;
}

.FilterDivInput:hover {
   background-color           : #D6DADF;
}

.Dropdownbutton {
   background-image           : url('../images/dropdown.png');
   background-position        : 90px 5px;
   background-repeat          : no-repeat;
   background-size            : 17px 17px;
}

#StatusPopUpSuccess {
   width                      : 600px;
   text-align                 : center;
   font-family                : Roboto-Regular;
   font-size                  : 14pt;
   height                     : 40px;
   padding-top                : 20px;
   background-color           : #E1FFE1;
   border                     : 1px #000000 solid;
   box-shadow                 : 2px 2px 5px 0px rgba(0,0,0,0.72);
   -webkit-box-shadow         : 2px 2px 5px 0px rgba(0,0,0,0.72);
   -moz-box-shadow            : 2px 2px 5px 0px rgba(0,0,0,0.72);
   border-radius              : 0px 0px 10px 10px;
   position                   : fixed;
   top                        : 0px;
   left                       : 50%;
   margin-left                : -300px;
   -webkit-animation:signup-response 0.5s 1;
   animation:signup-response 0.5s 1;
   -webkit-animation-delay:2s; /* Safari and Chrome */
   animation-delay:3s;
   -webkit-animation-fill-mode: forwards;   
   animation-fill-mode: forwards;
}

#StatusPopUpFailed {
   width                      : 600px;
   text-align                 : center;
   font-family                : Roboto-Regular;
   font-size                  : 14pt;
   height                     : 40px;
   padding-top                : 20px;
   background-color           : #FFE8E1;
   border                     : 1px #000000 solid;
   box-shadow                 : 2px 2px 5px 0px rgba(0,0,0,0.72);
   -webkit-box-shadow         : 2px 2px 5px 0px rgba(0,0,0,0.72);
   -moz-box-shadow            : 2px 2px 5px 0px rgba(0,0,0,0.72);
   border-radius              : 0px 0px 10px 10px;
   position                   : fixed;
   top                        : 0px;
   left                       : 50%;
   margin-left                : -300px;
   -webkit-animation:signup-response 0.5s 1;
   animation:signup-response 0.5s 1;
   -webkit-animation-delay:2s; /* Safari and Chrome */
   animation-delay:3s;
   -webkit-animation-fill-mode: forwards;   
   animation-fill-mode: forwards;
}

@keyframes signup-response{
    from {opacity :1;}
    to {opacity :0;}
}

@-webkit-keyframes signup-response{
    from {opacity :1;}
    to {opacity :0;}
}

.pagebox {
   background-color           : #FFFFFF;
   min-width                  : 1000px;
   width                      : 80%;
   box-shadow                 : 1px 0px 1px 0px rgba(0,0,0,0.72);
   -webkit-box-shadow         : 1px 0px 1px 0px rgba(0,0,0,0.72);
   -moz-box-shadow            : 1px 0px 1px 0px rgba(0,0,0,0.72);
   padding-bottom             : 50px;
   border                     : 1px #000000 solid;
   margin-top                 : 50px;
}

.pageboxheaderfeedback {
   font-family                : Roboto-Bold;
   font-size                  : 14pt;
   padding                    : 10px 10px 10px 60px;
   border-bottom              : 1px #000000 solid;
   background-image           : url('./../images/feedback.png');
   background-repeat          : no-repeat; 
   height                     : 25px;
   background-position        : 10px 5px;
}  

.pageboxcontent {
   margin-top                 : 30px;
   border-top                 : 1px #E5E7EB solid;
   border-bottom              : 1px #E5E7EB solid;
}

.pageboxlogo {
   width                      : 50px;
   height                     : 40px;
   padding-left               : 5px;
   padding-top                : 5px;
}

.pageboxlogoimage {
   width                      : 50px;
   height                     : 50px;
}

.statusopen {
   font-family                : Roboto-Regular;
   font-size                  : 9pt;
   color                      : #FFFFFF;
   padding                    : 1px 3px 1px 3px;
   width                      : 40px;
   height                     : 13px;
   background-color           : #000080;
   border-radius              : 4px;
   float                      : left;
   margin-right               : 10px;
}

.statuspending {
   font-family                : Roboto-Regular;
   font-size                  : 9pt;
   color                      : #FFFFFF;
   padding                    : 1px 3px 1px 3px;
   width                      : 40px;
   height                     : 13px;
   background-color           : #A45200;
   border-radius              : 4px;
   float                      : left;
   margin-right               : 10px;
}

.statusclosed {
   font-family                : Roboto-Regular;
   font-size                  : 9pt;
   color                      : #FFFFFF;
   padding                    : 1px 3px 1px 3px;
   width                      : 40px;
   height                     : 13px;
   background-color           : #000000;
   border-radius              : 4px;
   float                      : left;
   margin-right               : 10px;
}

.statusdelayed {
   font-family                : Roboto-Regular;
   font-size                  : 9pt;
   color                      : #FFFFFF;
   padding                    : 1px 3px 1px 3px;
   width                      : 40px;
   height                     : 13px;
   background-color           : #804000;
   border-radius              : 4px;
   float                      : left;
   margin-right               : 10px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 24px;
}

.slider.round:before {
  border-radius: 50%;
}

.layouttable {
  border-collapse          : collapse;
  border-radius            : 10px;
  border-style             : hidden; /* hide standard table (collapsed) border */
  box-shadow               : 0 0 0 1px #E6E7E9; /* this draws the table border  */ 
  overflow: hidden
}

.layouttable th {
  font-family              : Roboto-Bold;
  font-size                : 12pt;
  color                    : #76A591;
  background-color         : #F9FAFB;
}

.layouttable td {
  border                   : 1px solid #ccc;
  background-color         : #FFFFFF;
  font-family              : Roboto-Regular;
  font-size                : 11pt;  
  color                    : #000000;  
}

h2 {
  font-family              : Roboto-Regular;
  color                    : #A39483;
  font-size                : 12pt;
}

.listingdiv {
   font-family             : Roboto-Regular;
   width                   : 100%;
   height                  : 40px;
   border-top              : 1px #C0C0C0 solid;
   margin-top              : 10px;
}

.DDUploadFileDiv {
   border                  : 2px #000000 dashed;
   width                   : 160px;
   height                  : 100px;
   text-align              : center;
   font-family             : Roboto-Regular;
   font-size               : 14pt;
   background-color        : #FFFFFF;
   padding-top             : 60px;
   padding-left            : 10px;
   padding-right           : 10px;
}


@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
    
    .moveleft, .moveleft * 
    {
        left         : 0px;
        margin-left  : 0px;
        padding-left : 0px;
    }
}

#messagecenter {
   border                  : 0px;
   width                   : 40px;
   height                  : 100px;
   background-color        : #252E43;
   position                : fixed;
   top                     : 50px;
   left                    : 100%;
   margin-left             : -40px;
   z-Index                 : 100;
   border-radius           : 5px;
   padding-top             : 10px;
}

.HeaderButtonClose {
   font-family             : Roboto-Regular;
   font-size               : 12pt;
   height                  : 30px;
   border                  : 1px #FFFFFF solid;
   background-color        : #FFFFFF;
   color                   : #000000;
   margin-right            : 10px;
}