body {
    background:#f9f9f9
}

p {
     margin-bottom: 0px !important;
}

.btn {
     border-radius: 15px !important;
     padding:5px 17px 2px 17px !important;
}


.donut-caption-wrapper, .donut-caption {
     top: 164.56px !important;
     font-family: 'Sedgwick Ave' !important;
}

h4, .main-content h1, .drop_uploader.drop_zone .text {
     font-family: 'Sedgwick Ave' !important;
}

.main-content p {
     font-size: 20px !important;
}

b, strong {
     font-weight: bold !important;
     color: #000000 !important;
 }

 p, .table th, .table td {
     font-size: 16px !important;
 }

 .valign {
     vertical-align: super;
 }

 body {
     margin:0px 0px 0px 0px !important;

 }

 #content {
     padding:20px 20px !important;
 }

#sidebar {
     margin-top: -21px;
}


 @media only screen and (max-width: 600px) {

 header {
     text-align: center;
 }
 b, strong {
     display: block;
 }

 .btn {
     margin-bottom: 10px;
 }

}

footer {
     background-color: #ececec;
     padding: 40px 40px;
}

a {
     color: #00a69c;
}

.toggleHeader {
     background:#00a69c;
}

.toggleHeader a {
     color: #FFFFFF;
     display: block;
     font-size: 20px;
}



   li.message  mark {
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     border: 2px solid #FFF;
     width: 28px;
     height: 29px;
     background-color: #FF6B6B;
     position: absolute;
     top: -5px;
     right: -10px;
     font-size: 13px;
     line-height: 20px;
     font-family: 'Roboto', sans-serif;
     font-weight: 400;
     color: #FFF;
     font-weight: 700;
     text-align: center;
   }



.overlay {
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     position: fixed;
     background: rgba(34, 34, 34, 0.45);
     display: none;
 }
 
 .overlay__inner {
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     position: absolute;
 }
 
 .overlay__content {
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
 }
 
 .spinner {
     width: 75px;
     height: 75px;
     display: inline-block;
     border-width: 2px;
     border-color: rgba(255, 255, 255, 0.05);
     border-top-color: #fff;
     animation: spin 1s infinite linear;
     border-radius: 100%;
     border-style: solid;
 }
 
 @keyframes spin {
   100% {
     transform: rotate(360deg);
   }
 }
 
 
.form-label {
    font-size:19px;

}
.form-control {
        height:auto;
    padding: 10px 10px;
}