@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;600;700;800&display=swap');

body {
    font-family: 'Roboto' !important;
}

.text-gray {
    color: #8d8d8d;
}

.text-bacnotan {
    color: #2C3E50;
}

.text-bacnotan-lorange {
    color: #fc736d;
}

.bg-bacnotan {    	
    background: rgb(252,115,109);
    background: linear-gradient(90deg, rgba(252,115,109) 0%, rgba(45,62,80,1) 100%) !important;
    color: white !important;
}

.btn-bacnotan {
    background-color: #2C3E50 !important;
    border: #2C3E50 !important;
    color: white !important;
}

.btn-bacnotan-lorange {
    background-color: #fc736d !important;
    border: #fc736d !important;
    color: white !important;
}

.btn-bacnotan:hover {
    background-color: #2C3E50 !important;
    border: #2C3E50 !important;
    color: white !important;
}

.btn-bacnotan-lorange:hover {
    background-color: #fc736d !important;
    border: #fc736d !important;
    color: white !important;
}

.border-bacnotan {
    border-color: #2C3E50 !important;
}

.bg-login {
    background-image: url('../images/login-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.bg-body {
    background-image: url('../images/bg-body.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

a.text-bacnotan:hover{
 color: #2C3E50 !important;
}

.fw-semibold {
    font-weight: 600;
}

.fw-medium {
    font-weight: 500;
}

.form-control:focus{
    border-color: #2C3E50 !important;
    box-shadow: 0 0 0 0.25rem rgb(0,0,0,0) !important;
}

.form-check-input:checked {
    background-color: #2C3E50;
    border-color: #2C3E50;
}

.bg-gradient {
    background: rgb(239,173,206);
    background: linear-gradient(90deg, rgba(239,173,206,1) 0%, rgba(214,51,132,1) 50%, rgba(86,20,53,1) 100%) !important;

}

.modal.fade .modal-dialog {
    /* -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2;
    transition: all 0.2s; */
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.modal.fade.show .modal-dialog {
    /* -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); */
    /* -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0); */
    opacity: 1;
    transition: transform 0.3s cubic-bezier(0.1, 0.5, 0.5, 1.5);
    transform: scale(1);
}

/* OVERLAY LOADING */
.loading-img,
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.overlay {
    /* z-index: 1010; */
    z-index: 2000;
    background: rgba(0, 0, 0, .7);
    -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1.5s; /* Firefox < 16 */
     -ms-animation: fadein 1.5s; /* Internet Explorer */
      -o-animation: fadein 1.5s; /* Opera < 12.1 */
         animation: fadein 1.5s;
}
.loading-img {
    z-index: 2001;
    /*background-image:url('/Bacnotan/OnlineServices/public/images/malabon-loader-4.gif');*/
    background-image:url('/Bacnotan/OnlineServices/public/GLOBAL LIBRARY/img_icon_loading/loading_2.gif');
    background-size: 200px;
    background-repeat: no-repeat;
    top: 45%;
    left: 45%;

}