@font-face {
        font-family: Montserrat-Regular;
        src: url("/assets/font/Montserrat-Regular.ttf");
    }
    @font-face {
        font-family: Kanit-Light;
        src: url("/assets/font/Kanit-Light.ttf");
    }
    
    body {
        color: #212529;
        font-family: Montserrat-Regular, 'sans-serif';
    }

    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        color: #0066A1;
        margin:5px;
        font-weight: 600;
    }

    .title {
      color: #21582A;
    }

    .nav-logo {
        max-width:250px;
    }

    .ieee-icon {
        background: #ee9532;
        padding:28px;
        transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
    }

    .ieee-menu-text {
        font-size:14px;
    }

    .ieee-icon:hover {
        background:#72bf46;
        transform: scale(1.05);
    }

    .ieee-container1 {
        background-color: #21582A;
    }

    a:hover, a {
        text-decoration:none;
        color:inherit;
    }

    .ieee-link-text {
      color: #0066A1;
    }

    .btn-submit, .btn-submit:hover {
        background: #05AFBD;
        border-radius: 10px;
        color: white;
        padding:7px 10px;
        border: solid 1px #dee2e6;
        font-weight: 600;
    }

    .btn-outline-submit, .btn-outline-submit:hover {
        background: none;
        border-radius: 10px;
        color: #212529;
        padding:7px 10px;
        border: solid 1px #05AFBD;
        font-weight: 600;
    }

    .page-item.active .page-link {
        background: #05AFBD;
        border: solid 1px #05AFBD;
    }

    .page-link {
        color: #05AFBD;
    }

    label {
        font-weight: 600;
    }


    /* Overwrite container height and width */
    .select2-container .select2-selection--single {
        height: 40px !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        border-color: #dbdfe6 !important;
    }

    /* Text inside select box */
    .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 38px !important;
        padding-left: 20px !important;
    }

    /* Dropdown arrow */
    .select2-container .select2-selection--single .select2-selection__arrow {
        height: 40px !important;
        top: 0 !important;
    }


    @media screen and (max-width: 767px) {
        .nav-logo {
            max-width:150px;
        }

        .ieee-menu-text {
            font-size:12px;
        }

        .ieee-icon {
            padding:18px;
        }

        /* .ieee-search {
            font-size:12px;
        } */
    }


    /* bootstrap */
    .accordion .card-header:after {
        font-family: 'FontAwesome';  
        content: "\f106";
        float: right; 
    }
    .accordion .card-header.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\f107"; 
    }

    .accordion .card-header{
      background-color: #05AFBD;
      color:white;
      border: solid 1px #dee2e6;
      padding:7px 10px;
      font-weight: 600;
    }

    .accordion .card{
      border-radius: 10px;
      
    }

    .accordion .card-body{
      color: #0066A1;
      
    }