@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:300,400,500,600,700');
body{
    font-family: 'Noto Serif KR', sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color: #222;
}
h1,h2,h3,h4,h5,h6,a,p,input{    
    font-family: 'Noto Serif KR', sans-serif;
}
.form-control,.btn {
    font-size: 0.9rem;
}
h1.h1{
    font-size: 1.8rem;
}
h2, .h2 {
    font-size: 1.4rem;
}
h3, .h3 {
    font-size: 1.1rem;
}
h4, .h4 {
    font-size: 1rem;
    font-weight: 400;
    color: #222;
}

/* style for login page */
.form-control:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 0rem rgba(0,123,255,.25);
}

a.user{
    text-decoration: none;
}

/* style for dropdown mega menu  */
.navbar-custom {
    min-height: 60px;
    background: #000000;
    background: -webkit-linear-gradient(to top, #434343, #000000);
    background: linear-gradient(to top, #434343, #000000);
}
.navbar-custom .navbar-brand {
    font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
    font-size: 26px;
}
.navbar-custom .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.88);
}
.dropdown-menu .dropdown-item{
    font-size: 0.9rem !important;
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: transparent;
    outline: none;
}
/*bootstrap css customization*/

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0px 0px 0px 0px rgba(0, 112, 192, 0.82);
}

.main-content {
    min-height: 89vh;
    padding-bottom: 50px;
}

img#liveImg{
    cursor: pointer;
}


/*style customizable table*/
.tbody-style tr td{
    vertical-align: middle;
}

#tableRow tr,#tagtable tr,#cattable tr{
    cursor:pointer;
}
#tableRow tr.clicked,#tagtable tr.clicked,#cattable tr.clicked {
    background-color: rgba(0, 123, 255, 0.84);
    color: #fffbfb;
}