.mt-0 {margin-top: 0px;}
.mr-0 {margin-right: 0px;}
.mb-0 {margin-bottom: 0px;}
.ml-0 {margin-left: 100px;}

.mt-10 {margin-top: 10px;}
.mr-10 {margin-right: 10px;}
.mb-10 {margin-bottom: 10px;}
.ml-10 {margin-left: 10px;}

.mt-15 {margin-top: 15px;}
.mr-15 {margin-right: 15px;}
.mb-15 {margin-bottom: 15px;}
.ml-15 {margin-left: 15px;}

.mt-20 {margin-top: 20px;}
.mr-20 {margin-right: 20px;}
.mb-20 {margin-bottom: 20px;}
.ml-20 {margin-left: 20px;}

.mt-25 {margin-top: 25px;}
.mr-25 {margin-right: 25px;}
.mb-25 {margin-bottom: 25px;}
.ml-25 {margin-left: 25px;}

.mt-30 {margin-top: 30px;}
.mr-30 {margin-right: 30px;}
.mb-30 {margin-bottom: 30px;}
.ml-30 {margin-left: 30px;}

/* -------------------------- */

.pt-0 {padding-top: 0px;}
.pr-0 {padding-right: 0px;}
.pb-0 {padding-bottom: 0px;}
.pl-0 {padding-left: 0px;}

.pt-10 {padding-top: 10px;}
.pr-10 {padding-right: 10px;}
.pb-10 {padding-bottom: 10px;}
.pl-10 {padding-left: 10px;}

.pt-15 {padding-top: 15px;}
.pr-15 {padding-right: 15px;}
.pb-15 {padding-bottom: 15px;}
.pl-15 {padding-left: 15px;}

.pt-20 {padding-top: 20px;}
.pr-20 {padding-right: 20px;}
.pb-20 {padding-bottom: 20px;}
.pl-20 {padding-left: 20px;}

.pt-25 {padding-top: 25px;}
.pr-25 {padding-right: 25px;}
.pb-25 {padding-bottom: 25px;}
.pl-25 {padding-left: 25px;}

.pt-30 {padding-top: 30px;}
.pr-30 {padding-right: 30px;}
.pb-30 {padding-bottom: 30px;}
.pl-30 {padding-left: 30px;}

.h-10 {height: 10px!important;}
.h-30 {height: 30px!important;}
.h-5{height: 5px!important;}
.h-auto {height: 100%!important;}
.h-35 {height: 35px;}
.h-60 {height: 60px;}

.card-header-custom {font-size:14px!important;white-space: nowrap!important;}
.font-rounded {font-family:'VAG Rounded'!important;}
.font-tahoma {font-family:Tahoma!important;}

.text-right {text-align: right;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}

.danger {color: red;}
.success {color: #00a335;}
.dark-green {color: #0c8343;}

.backcolor-success {color: #00a94c;}

.d-none {display: none;}

.static {position: static;}

.border-top {border-top:  1px solid #EEE;}
.border-bottom {border-bottom:  1px solid #EEE;}

.f-right{float: right;}
.f-left{float: left;}

.underline {text-decoration: underline;}
.decoration-none {text-decoration: none;}

.p-15-0{padding: 15px 0px;}

.w-auto {width: 100%!important;}
.cursor-auto {cursor: auto!important;}
.cursor-pointer {cursor: pointer!important;}

/* table */
.modalTemplate {
    position: absolute; 
    left: 0; 
    right: 0; 
    top: 25%; 
    bottom: 0; 
    margin: auto;
}
.p-auto-0 {
    padding-bottom: 0px; 
    padding-top: 0px;
}
.pb-0 {padding-bottom: 0px;}

/* loading */
.loader {
    border: 8px solid #55595e;
    border-radius: 50%;
    border-top: 8px solid #00a94c;
    border-bottom: 8px solid #00a94c;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.btn {
    border-radius: 3px!important;
}
.breadcrumb {
    background-color: transparent!important;
}
.breadcrumb > li + li:before {
    color: black!important;
    content: ">\00a0"!important;
}
.glyphicon-home {
    color: #00a94c;
}

.btn-danger {
    background-color: white;
    color: #00a335;
    border: 1px solid #00a335;
    transition: .5s;
}
.btn-danger:hover {
    border: 1px solid #00a335;
    background-color: #00a335;
    color: white;
    transition: .5s;
}

.btn-info {
    transition: .5s;
}
.btn-info:hover {
    transition: .5s;
    background-color: #007938;
    color: white;
}

.border-top  .menu-item:focus {
    color: #00a94c!important;
}

.border-top a {
    position: relative;
}

.border-top .menu-item .drop-icon::after {
    content: "⮟";
    position: absolute;
    right: 5px;
    top: 7px;
}

.border-top .menu-item .drop-icon2::after {
    content: "⮝";
    position: absolute;
    right: 5px;
    top: 7px;
}


/* alert */
.c-alert-info {
    justify-content: center;
}

.c-alert-info-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    border-radius: 3px;
    opacity: 1;
    width: fit-content;
}

.c-alert-info-container.c-alert {
    background: #FFFBE6 0% 0% no-repeat padding-box;
    border: 1px solid #BC8C1B;
}

.c-alert-info-container span,
.c-alert-info-container a {
    font: Regular 18px/18px Roboto;
    letter-spacing: 0px;
    color: #323439;
    opacity: 1;
    margin-bottom: 5px;
}

.c-alert-info-container a {
    color: #00662E;
    font-weight: bold;
}

.c-alert-info-img {
    width: 15px;
    height: 15px;
    margin-left: 5px;
    margin-right: 5px;
    color: #BC8C1B;
}

.c-alert-info-img.c-alert {
    width: 20px;
    height: 20px;
}

.c-alert-info-btn-close {
    float: right;
    cursor: pointer;
    font-weight: bold;
    padding: 10px;
}

.wisefi-alert-info {
    background: #FFFBE6;
    border: 1px solid #BC8C1B;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    text-align: justify;
}