/*
 * csp-inline.css
 * --------------------------------------------------------------------------
 * Chứa các khai báo style trước đây nằm trong thuộc tính style="..." của markup.
 *
 * Lý do: để bỏ được 'unsafe-inline' khỏi directive style-src trong CSP
 * (finding "Unsafe fallbacks for inline scripts allowed in CSP" - AppScan),
 * mọi style phải đến từ stylesheet ('self') hoặc thẻ <style> có nonce.
 * Thuộc tính style="..." KHÔNG thể gắn nonce nên phải chuyển thành class.
 *
 * Quy ước:
 *  - Tên class có tiền tố .csp-
 *  - KHÔNG dùng !important: giữ nguyên khả năng JS ghi đè qua CSSOM
 *    (jQuery .show()/.hide()/.css() ghi vào element.style -> vẫn thắng class).
 *  - File này phải được nạp SAU các stylesheet khác của trang để giữ đúng
 *    thứ tự áp dụng như style inline cũ.
 * --------------------------------------------------------------------------
 */

/* Views/Shared/_elearning-frontend.cshtml - #maincontent */
.csp-maincontent {
    margin: 10px;
}

/* Views/Shared/New-Shared/_elearningV3.0.1-frontend.cshtml
   Views/Shared/New-Shared/_elearningV3.0.1-frontend-banner.cshtml - #maincontent */
.csp-maincontent-gutter {
    margin: 10px;
    margin-left: 1rem;
    margin-right: 1rem;
}

/* Views/Shared/New-Shared/_Menu_Top.cshtml - logo link */
.csp-menutop-logo-link {
    max-width: 176px;
}

/* Views/Shared/New-Shared/_Menu_Top.cshtml - vùng cuộn thông báo */
.csp-menutop-notice-scroll {
    max-height: 319px;
    position: relative;
}

/* Views/QuestionFrame/FrontEnd/PartialViewTest/_QuestionKeoThaPartialView.cshtml
   Cac style TINH cua cau hoi keo-tha. Phan style DONG (top/left/width/height,
   background:url) dung data-csp-style vi gia tri do server tinh theo tung dap an. */
.csp-pb-0 {
    padding-bottom: 0px;
}

.csp-float-left-pr3 {
    float: left;
    padding-right: 3px;
}

/* Views/Course/FrontEnd/CurriculumTab.cshtml - nhan "Phan N:" trong menu chuong trinh.
   Style nam trong string literal C# (style=\"...\") nen dot quet tu dong truoc day bo sot. */
.csp-curtab-part-label {
    padding-right: 1.5%;
}

/* Utilities/Common/SortAndPageModel.cs - Pager.Render() */
.csp-pagination-visible {
    visibility: visible;
}

/* Utilities/Common/SortAndPageModel.cs - Pager.RenderOption() */
.csp-pagesize-input {
    width: 50px;
}

/* Views/Shared/New_Layout/_Menu_Top.cshtml */
.csp-icon-larger {
    font-size: larger;
}

.csp-bg-none {
    background: none;
}

.csp-w-full {
    width: 100%;
}

/* Views/Shared/New_Layout/_Footer.cshtml */
.csp-footer-container {
    margin-top: 30px;
}

.csp-mb-15 {
    margin-bottom: 15px;
}

.csp-mb-15-justify {
    margin-bottom: 15px;
    text-align: justify;
}

.csp-mb-5 {
    margin-bottom: 5px;
}

/* Views/Login/Index.cshtml (dùng cho cả /login/Index và /login/ReLogin) */
.csp-mt-40 {
    margin-top: 40px;
}

.csp-radio-remember {
    width: 17px;
    height: 17px;
}

.csp-radio-remember-checked {
    width: 17px;
    height: 17px;
    background: black;
}

.csp-mt-neg3 {
    margin-top: -3px;
}

.csp-float-right {
    float: right;
}

.csp-float-left {
    float: left;
}

/* Razor htmlAttributes (@Html.TextBoxFor ... new { @style = "..." })
   -> khong the gan nonce, phai chuyen thanh class */
.csp-mb-2 {
    margin-bottom: 2px;
}

.csp-mb-25 {
    margin-bottom: 25px;
}

.csp-mb-0 {
    margin-bottom: 0px;
}

/* ==========================================================================
   Sinh tu dong tu cac thuoc tinh style="..." tinh trong Views/**/FrontEnd,
   Views/Login, Views/Shared. Ten class = csp- + md5(khai bao).
   Khong dung !important de JS van ghi de duoc qua CSSOM (.css/.show/.hide).
   ========================================================================== */
.csp-043cdaec {
    font-weight:bold;
}

.csp-04be7817 {
    margin-top: 0 !important;
}

.csp-08690e2c {
    height: 18px !important;
}

.csp-104b2b1f {
    height: 50%;
}

.csp-10b06ba9 {
    color:red;
}

.csp-1473d363 {
    font-weight:bold;
    font-family: 'Open Sans';
    font-size: 14px;
}

.csp-1710e64f {
    font-size: 15px;
    color: #2878F5;
}

.csp-1857da8f {
    color: rgb(190 75 219);
    cursor: pointer;
}

.csp-194b571d {
    margin-top: 20px;
}

.csp-197b556f {
    display: inline-flex;
}

.csp-199b6f0e {
    width: 100%;
}

.csp-19fae44a {
    display: block;
}

.csp-1f59f216 {
    font-size: 12px;
    font-family: 'Open Sans';
    padding-left: 6px;
    font-weight: 700;
    color: white !important;
}

.csp-20be58b9 {
    display: none;
    padding-right: 17px;
}

.csp-224b51a7 {
    display: none;
}

.csp-227c203d {
    max-height: 319px;
    position: absolute;
    width:100%;
}

.csp-24b531c6 {
    cursor: pointer;
}

.csp-24e1e07a {
    margin-left:10px;
}

.csp-25684757 {
    color: white;
    margin-right:6px;
}

.csp-299b023f {
    display: none;
    color: red;
}

.csp-2e1c24c2 {
    background: #aab9c2;
}

.csp-2e9f4e70 {
    color:#666666;
}

.csp-308e6a9a {
    transform: rotate(90deg);
    transform-origin: 21px 21px;
}

.csp-33e85a31 {
    color: #ffffff;
}

.csp-364df266 {
    padding-left: 3px;
    font-size: 15px;
    color: #705DCF;
}

.csp-396abfc0 {
    padding-left: 3px;
    font-size: 15px;
    color: #705DCF;
}

.csp-3a210032 {
    width: 100%;
    height: 100%;
    overflow-y:scroll;
}

.csp-3cc57cea {
    transform: rotate(-90deg);
    transform-origin: 21px 21px;
}

.csp-3f61c08d {
    margin-left: 20%;
}

.csp-403529c1 {
    margin-top:5px;
    background-color:#FFCB88;
}

.csp-41003ec1 {
    object-fit: fill;
}

.csp-41ec3308 {
    margin-top:80px;
}

.csp-44a107ff {
    z-index:100;
}

.csp-465eae04 {
    font-style:normal;
}

.csp-48e07660 {
    object-fit: contain;
}

.csp-496aa646 {
    color: rgb(190 75 219);
    cursor: pointer;
}

.csp-4cb8ceeb {
    position:relative;
}

.csp-4de72c30 {
    margin-top: 1%;
    font-weight: bolder;
    color: rgb(0, 78, 131);
}

.csp-51346740 {
    width:100px;
}

.csp-533ac7ec {
    text-align: center;
    padding: 15px;
}

.csp-539b047e {
    text-align:center;
}

.csp-55f3733e {
    margin: 0px;
    margin-left: 0px;
}

.csp-574cbd5a {
    font-style:italic;
    font-family: 'Open Sans';
    font-size: 14px;
}

.csp-5835bfb9 {
    padding-top: 10px;
}

.csp-58aba575 {
    cursor:pointer;
}

.csp-5ac1d60e {
    font-family: ShinHanMedium;
}

.csp-5cd59dca {
    background: #4B8DF8;
    color: white;
}

.csp-607a3924 {
    font-size: 15px;
    color: #2878f5;
}

.csp-64857274 {
    overflow:auto;
    -webkit-overflow-scrolling:touch;
}

.csp-66e50d62 {
    max-width: 72.5%;
    height: 100vh;
}

.csp-6770eea5 {
    color: rgb(242, 114, 40);
}

.csp-68f53a63 {
    margin-top: -8px;
}

.csp-69701b82 {
    pointer-events: none;
}

.csp-6a5e8cb9 {
    color:white;
}

.csp-6cbe6b0c {
    padding-right: 26%;
    text-align: right;
}

.csp-74be222f {
    list-style-type: none;
}

.csp-74d68d41 {
    padding-top: 15%;
    font-weight: bolder;
    color: rgb(0, 78, 131);
}

.csp-76007669 {
    font-size: 15px;
    color: #705DCF;
}

.csp-761b25ae {
    border:dotted 1px #808080;
    padding:10px;
}

.csp-765b4693 {
    height:100vh;
}

.csp-768e1f23 {
    font-size: 18px;
}

.csp-7851dbc0 {
    text-align: right;
}

.csp-7ba55e47 {
    margin-bottom: 0px;
}

.csp-7dc858af {
    font-size: 24px;
    margin:0px;
    margin-right: 15px;
}

.csp-8075518c {
    display: block;
    opacity: 1;
    float: left;
    list-style: none;
    position: relative;
    width: 278px;
    margin-right: 10px;
}

.csp-810094c8 {
    padding-left:0px;
}

.csp-82ffadf9 {
    font-size: 12px;
    font-family: 'Open Sans';
    padding-left: 6px;
    font-weight: 700;
    color: white !important;
    width: 95.5% !important;
}

.csp-839d9137 {
    padding-right: 6px;
}

.csp-8974260a {
    color: white !important;
}

.csp-8ae14d61 {
    color: #FFFFFF;
    background-color: rgb(43 118 183);
    text-align: center;
    margin-right: -14%;
    margin-top: 2%;
}

.csp-8cc6430f {
    max-width:440px;
    height:75px;
}

.csp-905964e4 {
    font-size: 15px;
    color: #705DCF;
}

.csp-90fefe9a {
    text-transform: uppercase;
}

.csp-93b8ea5b {
    display:none;
}

.csp-95ddc6f9 {
    text-align: center;
    margin-right: -15%;
    font-size: 18px;
}

.csp-96b82ebb {
    padding-right:0px;
}

.csp-9c4ef1b1 {
    color: rgb(254, 181, 0);
}

.csp-9faaf4e0 {
    margin-top: 5%;
    min-height: 500px;
}

.csp-a191d7a5 {
    background-color: white;
    color: #705DCF;
    font-size: 15px;
}

.csp-a1c2fd9e {
    padding-left: 15px;
}

.csp-a5393e5a {
    color: rgb(29, 91, 144);
}

.csp-a5d2baa1 {
    font-weight:600;
}

.csp-a6b6c87a {
    min-width: 212.5mm;
    border-radius: 0px;
    border-color: transparent;
}

.csp-a733a4d0 {
    float: left;
}

.csp-a786ee18 {
    color: rgb(36, 178, 75);
}

.csp-a85d2ce5 {
    padding-left: 3px;
    font-size: 15px;
    color: #2878F5;
}

.csp-a903f23e {
    padding-right: 0px !important;
}

.csp-ab76592b {
    float:right;
}

.csp-abbcbcf5 {
    font-family:ShinhanBold;
}

.csp-abe381c2 {
    margin-top: -13px;
}

.csp-ac0beee7 {
    display:none;
    height:100%;
}

.csp-af18eac8 {
    font-size: 20px;
}

.csp-b0473a88 {
    margin-bottom: 15px;
}

.csp-b0d3a45d {
    border:dotted 1px #808080;
    padding:10px;
    margin-bottom:15px;
}

.csp-b499acc5 {
    padding-left: 3px;
}

.csp-b6e88405 {
    color: #99adbc;
    margin-right: 5px;
}

.csp-bb1e3780 {
    max-width: 71%;
}

.csp-bd4b412d {
    width: 212.5mm;
}

.csp-bff42362 {
    padding-left: 0 !important;
}

.csp-c237dc7a {
    margin:0px;
}

.csp-c34884be {
    width: 100%;
    text-align:center;
}

.csp-c5b08300 {
    cursor: none;
}

.csp-cbb58c55 {
    background: #bfcad1;
    color: white;
}

.csp-cbef13cc {
    margin: 10px;
    margin-left: 1rem;
    margin-right: 1rem;
}

.csp-cd60f53c {
    list-style-type:none;
}

.csp-cd998579 {
    background-color: #bfcad1;
    color:#FFFFFF;
}

.csp-cdaa188e {
    display:flex;
}

.csp-cdd8ca06 {
    text-align: center;
}

.csp-d93d9601 {
    margin-top: 5px;
    background-color: #FFCB88;
}

.csp-db3b3887 {
    float: right;
}

.csp-dc2fc2ff {
    margin-top:5px;
    background-color:#FFCB88;
    cursor:pointer;
}

.csp-de3abadc {
    font-size: 15px;
    color: #2878f5;
}

.csp-e20bd56d {
    margin: 10px;
    height: 316px;
}

.csp-e27a7c55 {
    margin-top:5px;
    background-color:orangered;
}

.csp-e55f66fb {
    font-style:italic;
}

.csp-e73cb8f2 {
    cursor: unset;
}

.csp-e817207a {
    color: #888 !important;
    font-size:14px;
}

.csp-e817a201 {
    text-align: right;
    padding-top: 16px;
    vertical-align: middle;
}

.csp-e8c85107 {
    margin-top:0px;
    background-color:orangered;
}

.csp-e97e4174 {
    position: fixed;
}

.csp-e987816d {
    float: left;
    display:none;
}

.csp-e9a268de {
    margin-top:5px;
    background-color:#FFCB88;
}

.csp-e9ba842f {
    padding-left: 3px;
    font-size: 15px;
    color: #2878f5;
}

.csp-e9ebe922 {
    display: flex;
}

.csp-eb65e6b2 {
    margin-top: 1%;
    margin-left: 8%;
}

.csp-ebb0d493 {
    margin-bottom:5%;
}

.csp-ed6e9d85 {
    padding-right: 0px !important;
    padding-left: 5px;
}

.csp-efdd3cbb {
    color: rgb(190 75 219);
}

.csp-f2f04c27 {
    padding-left: 5px;
}

.csp-f479d19b {
    color: red;
}

.csp-f885e116 {
    border: 0;
}

.csp-fa757e12 {
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
    height:90%;
}

.csp-02fc57f7 {
    padding-top:2%;
}

.csp-07c0d2bf {
    justify-items: center;
    padding-top: 5px;
}

.csp-0d470cfa {
    min-height:1300px!important;
}

.csp-0e35b580 {
    text-align: center;
    vertical-align: middle;
    width:20%;
}

.csp-15fe4f87 {
    overflow-x:scroll;
}

.csp-1621bda2 {
    margin-top:2%;
}

.csp-195cf182 {
    font-size: 18px;
    color: #ede3e3;
}

.csp-21f3d740 {
    width:100%;
    background-color:transparent;
    border:none;
}

.csp-2b4b4f67 {
    text-align: center;
    vertical-align: middle;
}

.csp-318edeef {
    padding-left:0;
}

.csp-3df0a395 {
    display: inline;
}

.csp-424cce00 {
    font-weight: bold;
}

.csp-43f1bfd0 {
    color:#FFF;
}

.csp-44265a69 {
    font-weight:500;
}

.csp-4be18563 {
    padding-right: 0px !important;
    margin: auto;
}

.csp-4c94cdb7 {
    justify-items: center;
}

.csp-57eca19e {
    margin-top: 4px;
}

.csp-61ce7ba8 {
    color: #4bb543;
}

.csp-64c74887 {
    width: 300px;
    height: 150px;
    };
}

.csp-694282f0 {
    padding-left: 16px;
    height: 34px;
}

.csp-6eecfaf3 {
    padding-bottom:4px;
}

.csp-7093875f {
    font-weight: bold !important;
    font-size: 16px;
}

.csp-70dcba75 {
    padding-top: 5px;
}

.csp-7de32f15 {
    margin-top :20px;
}

.csp-80d73c79 {
    border-top:none;
}

.csp-8588e44d {
    width:100%;
}

.csp-85d7157a {
    cursor:not-allowed;
}

.csp-87955680 {
    background-color:darkgray!important;
}

.csp-8a657bd0 {
    margin-right:0px !important;
}

.csp-8b2da0b4 {
    white-space:nowrap;
}

.csp-8ecca844 {
    margin-top: 15px;
}

.csp-8fdce8d5 {
    text-decoration:none;
}

.csp-9342a99a {
    background-color:#35aa47;
}

.csp-995479b8 {
    word-break: unset;
    white-space: break-spaces;
}

.csp-a430dda2 {
    display:none;
    max-width:600px !important;
}

.csp-a6615950 {
    border:none;
    width:100%;
    height: 600px;
}

.csp-ab186d27 {
    padding: 5px;
}

.csp-aea4d23b {
    width: 100%;
    background-color: transparent;
    border: none;
}

.csp-b6d9ac87 {
    width: 30%;
    text-align: center;
}

.csp-bc10f895 {
    float:right;
    margin-bottom:10px;
}

.csp-c4c2a0c3 {
    min-width:150px;
}

.csp-c5be5534 {
    border:none;
}

.csp-d28b9ca1 {
    text-align: center;
    vertical-align: middle;
    width:60%;
}

.csp-d2abfb71 {
    font-weight: 500;
}

.csp-d2f0a628 {
    color: #dd4b39;
}

.csp-d4150cdd {
    width: 220px;
}

.csp-d481c157 {
    margin: auto;
    cursor: pointer;
}

.csp-e368fb39 {
    padding-bottom: 15px !important;
}

.csp-efb372c3 {
    padding-bottom: 15px;
}

.csp-f614faf8 {
    width: 70%;
    text-align: center;
}

.csp-f6234f9f {
    color: white;
}

.csp-f91e218e {
    padding:10px;
}