/*
* Common Classes:
* .m-x (ex. m-1), mt-x, mb-x, ml-x, mr-x 
* .p-x (ex. p-1 : 10px range), pt-x, pb-x, pl-x, pr-x 
* .m-xs (ex. m-1s : small margin - 5px range), mt-xs, mb-xs, ml-xs, mr-xs 
* .mt-xn (ex. mt-1n : negative margin top)
* .p-xs (ex. p-1s : small margin - 5px range), pt-xs, pb-xs, pl-xs, pr-xs 
* .w-100 (ex. width: 100%)
* .empty-space, .display-none, display-block, display-inline-block, d-none, d-block, d-inline-block
* .alert-success-nhrrob, .btn-success-nhrrob, .label-success-nhrrob, .text-success-nhrrob (theme default color) 
* .btn-width-same (width 70px;datatable btn); btn-width-same-lg (width: 90px)
* .align-x (left/center/right)
* .text-* (* => white, black, red, muted)
* .img-x (e.x. img-small; options: small, medium, large)
*/

.text-muted{
    color: #666666;
}
.text-red {
    color: #ff0000;
}
.text-white {
    color: #fff;
}
.text-black {
    color: #000;
}
.dashboard_welcome_box {
    background: #22C0E5;
    color: #fff;
    padding: 20px;
}
.label-success-nhrrob, .btn-success-nhrrob, .alert-success-nhrrob,
.label-success-nhrrob:hover, .btn-success-nhrrob:hover, .alert-success-nhrrob:hover,
.label-success-nhrrob:focus, .btn-success-nhrrob:focus, .alert-success-nhrrob:focus {
    background-color: #22C0E5;
    color: #fff;
}
.text-success-nhrrob {
    color: #22C0E5;
}
.text-nhrrob {
    color: #646869;
    font-size: 1.2em ;
    font-family: auto !important;
}
.m-0 {
    margin: 0 !important;
}
.m-1 {
    margin: 10px;
}
.m-2 {
    margin: 20px;
}
.m-3 {
    margin: 30px;
}
.m-4 {
    margin: 40px;
}
.m-5 {
    margin: 50px;
}
.mt-1 {
    margin-top: 10px;
}
.mt-2 {
    margin-top: 20px;
}
.mt-3 {
    margin-top: 30px;
}
.mt-4 {
    margin-top: 40px;
}
.mt-5 {
    margin-top: 50px;
}
.mb-1 {
    margin-bottom: 10px;
}
.mb-2 {
    margin-bottom: 20px;
}
.mb-3 {
    margin-bottom: 30px;
}
.mb-4 {
    margin-bottom: 40px;
}
.mb-5 {
    margin-bottom: 50px;
}
.ml-1 {
    margin-left: 10px;
}
.ml-2 {
    margin-left: 20px;
}
.ml-3 {
    margin-left: 30px;
}
.ml-4 {
    margin-left: 40px;
}
.ml-5 {
    margin-left: 50px;
}
.mr-1 {
    margin-right: 5px;
}
.mr-2 {
    margin-right: 20px;
}
.mr-3 {
    margin-right: 30px;
}
.mr-4 {
    margin-right: 40px;
}
.mr-5 {
    margin-right: 50px;
}

/* Small margin : 5px range  */
.m-1s {
    margin: 5px;
}
.m-2s {
    margin: 10px;
}
.m-3s {
    margin: 15px;
}
.m-4s {
    margin: 20px;
}
.m-5s {
    margin: 25px;
}
.mt-1s {
    margin-top: 5px;
}
.mt-2s {
    margin-top: 10px;
}
.mt-3s {
    margin-top: 15px;
}
.mt-4s {
    margin-top: 20px;
}
.mt-5s {
    margin-top: 25px;
}
.mt-1n {
    margin-top: -5px;
}
.mt-2n {
    margin-top: -10px;
}
.mt-3n {
    margin-top: -15px;
}
.mt-4n {
    margin-top: -20px;
}
.mt-5n {
    margin-top: -25px;
}
.mb-1s {
    margin-bottom: 5px;
}
.mb-2s {
    margin-bottom: 10px;
}
.mb-3s {
    margin-bottom: 15px;
}
.mb-4s {
    margin-bottom: 20px;
}
.mb-5s {
    margin-bottom: 25px;
}
.ml-1s {
    margin-left: 5px;
}
.ml-2s {
    margin-left: 10px;
}
.ml-3s {
    margin-left: 15px;
}
.ml-4s {
    margin-left: 20px;
}
.ml-5s {
    margin-left: 25px;
}
.mr-1s {
    margin-right: 5px;
}
.mr-2s {
    margin-right: 10px;
}
.mr-3s {
    margin-right: 15px;
}
.mr-4s {
    margin-right: 20px;
}
.mr-5s {
    margin-right: 25px;
}

/* Small padding : 5px range  */
.p-1s {
    padding: 5px;
}
.p-2s {
    padding: 10px;
}
.p-3s {
    padding: 15px;
}
.p-4s {
    padding: 20px;
}
.p-5s {
    padding: 25px;
}
.pt-1s {
    padding-top: 5px;
}
.pt-2s {
    padding-top: 10px;
}
.pt-3s {
    padding-top: 15px;
}
.pt-4s {
    padding-top: 20px;
}
.pt-5s {
    padding-top: 25px;
}
.pb-1s {
    padding-bottom: 5px;
}
.pb-2s {
    padding-bottom: 10px;
}
.pb-3s {
    padding-bottom: 15px;
}
.pb-4s {
    padding-bottom: 20px;
}
.pb-5s {
    padding-bottom: 25px;
}
.pl-1s {
    padding-left: 5px;
}
.pl-2s {
    padding-left: 10px;
}
.pl-3s {
    padding-left: 15px;
}
.pl-4s {
    padding-left: 20px;
}
.pl-5s {
    padding-left: 25px;
}
.pr-1s {
    padding-right: 5px;
}
.pr-2s {
    padding-right: 10px;
}
.pr-3s {
    padding-right: 15px;
}
.pr-4s {
    padding-right: 20px;
}
.pr-5s {
    padding-right: 25px;
}

.br-1{
    border-radius: 10px;
}
.br-2{
    border-radius: 20px;
}
.br-3{
    border-radius: 30px;
}
.br-4{
    border-radius: 40px;
}
.br-5{
    border-radius: 50px;
}

.br-1s{
    border-radius: 5px;
}
.br-2s{
    border-radius: 10px;
}
.br-3s{
    border-radius: 15px;
}
.br-4s{
    border-radius: 20px;
}
.br-5s{
    border-radius: 25px;
}
.empty-space {
    margin-bottom: 30px;
}
.display-none {
    display: none;
}
.display-block{
    display: block;
}
.display-inline-block{
    display: inline-block;
}
.d-none {
    display: none;
}
.d-block{
    display: block;
}
.d-inline-block{
    display: inline-block;
}
.p-0 {
    padding: 0 !important;
}
.p-1 {
    padding: 10px;
}
.p-2 {
    padding: 20px;
}
.p-3 {
    padding: 30px;
}
.p-4 {
    padding: 40px;
}
.p-5 {
    padding: 50px;
}
.pt-1 {
    padding-top: 10px;
}
.pt-2 {
    padding-top: 20px;
}
.pt-3 {
    padding-top: 30px;
}
.pt-4 {
    padding-top: 40px;
}
.pt-5 {
    padding-top: 50px;
}
.pb-1 {
    padding-bottom: 10px;
}
.pb-2 {
    padding-bottom: 20px;
}
.pb-3 {
    padding-bottom: 30px;
}
.pb-4 {
    padding-bottom: 40px;
}
.pb-5 {
    padding-bottom: 50px;
}
.pl-1 {
    padding-left: 10px;
}
.pl-2 {
    padding-left: 20px;
}
.pl-3 {
    padding-left: 30px;
}
.pl-4 {
    padding-left: 40px;
}
.pl-5 {
    padding-left: 50px;
}
.pr-1 {
    padding-right: 10px;
}
.pr-2 {
    padding-right: 20px;
}
.pr-3 {
    padding-right: 30px;
}
.pr-4 {
    padding-right: 40px;
}
.pr-5 {
    padding-right: 50px;
}
.w-100{
    width: 100%;
}
.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}

button:focus {
    outline: 0 !important;
}
/* Top Bar */
.message-avatar {
    width: 35px;
}
/* Dashboard */

/* Datatable */
.btn-width-same {
    width: 70px;
}

.btn-width-same-lg {
    width: 90px;
}
.img-small {
    width: 50px;
}

.img-medium {
    width: 100px;
}

.img-large {
    width: 200px;
}
/* modified checkbox vendor css */
.checkbox input[type="checkbox"]:focus + label::before,
.radio input[type="radio"]:focus + label::before{
    outline: 0;
}

.btn-default.btn-sm {
    font-size: 13px !important;
}

/* Media Queries */
@media (max-width: 767px) { 

}

@media (min-width: 768px) { 

 }

@media (min-width: 992px) { }

@media (min-width: 1200px) { }