/* custom mobile css Nguyen Thi Anh Ngoc 8/8/2019 */ /* top */ @media (max-width: 767px){ .navbar-brand{ display: block; height: auto; padding: 5px 15px 15px; } } /* header */ header{ min-height: 680px; height: auto; overflow: hidden; } header .header-content .btn.btn-primary.btn-xl{ margin-bottom:13px; } @media (max-width: 767px){ header .header-content{ margin-top: 15%; } } @media(max-width:368px){ header .header-content .btn.btn-primary.btn-xl{ width: 100%!important; } } /* contact */ @media (max-width: 767px){ #contact{ padding:50px 0; } #contact .col-lg-8{ padding-right: 15px!important; padding-left: 15px!important; } } /* phieu dang ky */ /* #CaoHoc, #BSKT, #MBA, #NCS, #BSKT_MBA{ display: block!important;} #CaoHoc,#BSKT,#MBA,#NCS{ background: pink; } */ @media(max-width:991px){ #BSKT, #MBA, #NCS, #BSKT_MBA{ padding-left:15px; padding-right:15px; } #CaoHoc .container, #BSKT .container, #MBA .container, #NCS .container, #BSKT_MBA .container{ width: 100%; } } .my-row{ width:100%; float:left; } /* #CaoHoc */ #CaoHoc #NoiSinh, #CaoHoc #NoiSinh_chosen, #CaoHoc #HeDaoTao1_chosen, #CaoHoc #HeDaoTao2_chosen { width: 100% !important; display: block; } @media (max-width:1000px) { #formMain > .container, #CaoHoc > .container { width: 100%; } } @media (max-width:860px) { .main-container { width: 100% !important; } #CaoHoc .main-container .row-container > div { width: 100% !important; position: relative; } #CaoHoc .main-container .row-container > div:nth-child(n) > div, #CaoHoc .main-container .row-container > div:nth-child(n) > div > div { width: 100% !important; display: block; } #CaoHoc .main-container .row-container > div:nth-child(6) > div:nth-of-type(odd) { width: 35px !important; } #CaoHoc .main-container .row-container > div:nth-child(6) > div:nth-of-type(even) { width: 5px !important; } #CaoHoc .main-container .row-container > div:nth-child(6) > div:nth-of-type(5) { width: 51px !important; } #CaoHoc .main-container .row-container > div:nth-child(64) > label { width: 79px !important; } #CaoHoc .main-container .row-container > div:nth-child(64) > div:nth-of-type(1) { width: 107px !important; } #CaoHoc .main-container .row-container > div:nth-child(64) > div:nth-of-type(2) { width: 70px !important; } #CaoHoc .main-container .row-container > div:nth-child(4) { width: 70% !important; padding-right: 10px; } #CaoHoc .main-container .row-container > div:nth-child(5) { width: 30% !important; } #CaoHoc .main-container .row-container > div:nth-child(6) { width: 40% !important; } #CaoHoc .main-container .row-container > div:nth-child(7) { width: 60% !important; } #CaoHoc .main-container .row-container > div:nth-child(7) > label, #CaoHoc .main-container .row-container > div:nth-child(8) > label, #CaoHoc .main-container .row-container > div:nth-child(9) > label, #CaoHoc .main-container .row-container > div:nth-child(10) > label, #CaoHoc .main-container .row-container > div:nth-child(11) > label, #CaoHoc .main-container .row-container > div:nth-child(12) > label, #CaoHoc .main-container .row-container > div:nth-child(16) > label { position: absolute; left: 0; } #CaoHoc .main-container .row-container > div:nth-child(7) > div { padding-left: 117px; } #CaoHoc .main-container .row-container > div:nth-child(8) { width: 40% !important; padding-right: 15px; } #CaoHoc .main-container .row-container > div:nth-child(8) > div { padding-left: 88px; } #CaoHoc .main-container .row-container > div:nth-child(9) { width: 60% !important; } #CaoHoc .main-container .row-container > div:nth-child(9) > div { padding-left: 48px; } #CaoHoc .main-container .row-container > div:nth-child(10) { width: 100% !important; } #CaoHoc .main-container .row-container > div:nth-child(10) > div { padding-left: 60px; } #CaoHoc .main-container .row-container > div:nth-child(11) { width: 100% !important; } #CaoHoc .main-container .row-container > div:nth-child(11) > div { padding-left: 110px; } #CaoHoc .main-container .row-container > div:nth-child(13) > div { padding-left: 110px; } #CaoHoc .main-container .row-container > div:nth-child(14) > div, #CaoHoc .main-container .row-container > div:nth-child(15) > div { padding-left: 128px; } #CaoHoc .main-container .row-container > div:nth-child(16) > div, #CaoHoc .main-container .row-container > div:nth-child(23) > div { padding-left: 115px; } #CaoHoc .main-container .row-container > div:nth-child(17) > div, #CaoHoc .main-container .row-container > div:nth-child(24) > div { padding-left: 175px; } #CaoHoc .main-container .row-container > div:nth-child(18) > div, #CaoHoc .main-container .row-container > div:nth-child(25) > div { padding-left: 88px; } #CaoHoc .main-container .row-container > div:nth-child(19) > div, #CaoHoc .main-container .row-container > div:nth-child(26) > div { padding-left: 230px; } #CaoHoc .main-container .row-container > div:nth-child(20) > div, #CaoHoc .main-container .row-container > div:nth-child(27) > div { padding-left: 34px; } /* 7. đăng ký*/ #CaoHoc .main-container .row-container > div:nth-child(54) { overflow: hidden; } #CaoHoc .main-container .row-container > div:nth-child(58) > label { width: 70% !important; } #txtNoiSinh_chosen, #txtNoiSinh3_chosen, #txtNoiSinh4_chosen, #dropGioiTinh_chosen, #dropGioiTinh4_chosen { width: 100% !important; display: block; } #dropLoaiTotNghiep1_chosen, #dropLoaiTotNghiep2_chosen, #dropLoaiTotNghiep31_chosen, #dropLoaiTotNghiep32_chosen, #dropLoaiTotNghiep41_chosen, #dropLoaiTotNghiep42_chosen { width: 100% !important; display: block; max-width: none !important; } #HeDaoTao1_chosen, #HeDaoTao2_chosen, #txtHeDaoTao41_chosen, #txtHeDaoTao42_chosen { width: 100% !important; display: block; max-width: none !important; } #CaoHoc .col-left > label { position:absolute; left:25px; top:0; } #CaoHoc .col-left > div{ padding-left:128px; } #CaoHoc .col-right{ padding-left:25px; position:relative; } #CaoHoc .col-right label{ left:25px!important; position:absolute; top:0; } } @media(max-width:860px) and (min-width:661px) { #CaoHoc #zoneMaXacNhanTS > label { width: 15% !important; } #CaoHoc #zoneMaXacNhanTS > div:nth-of-type(1) { width: 20% !important; } #CaoHoc #zoneMaXacNhanTS > div:nth-of-type(2) { width: 30% !important; } #CaoHoc #zoneMaXacNhanTS > div:nth-of-type(3) { width: 35% !important; } } @media (max-width:640px) { /* đợt đăng ký */ #CaoHoc .main-container .row-container > div:nth-child(2), #CaoHoc .main-container .row-container > div:nth-child(4), #CaoHoc .main-container .row-container > div:nth-child(5), #CaoHoc .main-container .row-container > div:nth-child(8), #CaoHoc .main-container .row-container > div:nth-child(9) { width: 100% !important; padding-right:0; } #CaoHoc .main-container .row-container > div:nth-child(2) > label { position: absolute; left: 0; } #CaoHoc .main-container .row-container > div:nth-child(2) > div { padding-left: 100px; } #dropChuyenNganhDuThi2_chosen, #DropChuyenNganhDK_chosen, #dropDotDKCaoHoc_chosen, #dropDotDKMBA_chosen, #dropDotDKBSKT_chosen, #dropDotDKBSKT_MBA_chosen, #dropChuyenNganhDuThi2_MBA_chosen { width: 100% !important; display: block; max-width: none !important; } /* Ngày sinh */ #CaoHoc .main-container .row-container > div:nth-child(6), #CaoHoc .main-container .row-container > div:nth-child(7) { width: 100% !important; } } @media (max-width:500px) { #CaoHoc .col-left > label, #CaoHoc .col-right label { left: 0!important; } #CaoHoc .main-container .row-container > div:nth-child(n) { width: 100% !important; padding-right: 0; } #CaoHoc .main-container .row-container > div:nth-child(20), #CaoHoc .main-container .row-container > div:nth-child(22), #CaoHoc .main-container .row-container > div:nth-child(24), #CaoHoc .main-container .row-container > div:nth-child(27), #CaoHoc .main-container .row-container > div:nth-child(29), #CaoHoc .main-container .row-container > div:nth-child(31) { padding-left: 25px; } /* Ho va ten*/ #CaoHoc .main-container .row-container > div:nth-child(4) > div { width: 100% !important; } /* Gioi tinh */ #CaoHoc .main-container .row-container > div:nth-child(5) > label { position: absolute; left: 0; } #CaoHoc .main-container .row-container > div:nth-child(5) > div { padding-left: 82px; } /* nơi sinh */ #CaoHoc .main-container .row-container > div:nth-child(7) > label { position: relative; } #CaoHoc .main-container .row-container > div:nth-child(7) > div { padding-left: 0; } } @media (max-width:460px) { #CaoHoc .main-container .row-container > div:nth-child(n+ 8) > label { position: relative; } #CaoHoc .main-container .row-container > div:nth-child(n + 8) > div { padding-left: 0; } #dllMonCoBan_chosen, #MonCoSo_chosen, #DiaPhuongLienKet_chosen { width: 100% !important; display: block; max-width: none !important; } #CaoHoc .main-container .row-container > div:nth-child(45) > div, #CaoHoc .main-container .row-container > div:nth-child(47) > div { width: 100% !important; } } /* #BSKT */ @media (max-width:820px) { #BSKT .main-container .row-container > div:nth-child(n) { position: relative; width: 100% !important; } #BSKT .main-container .row-container > div:nth-child(4) { width: 70% !important; padding-right: 10px; } #BSKT .main-container .row-container > div:nth-child(5) { width: 30% !important; } #BSKT .main-container .row-container > div:nth-child(5) > div { width: 100% !important; display: block; } #BSKT .main-container .row-container > div:nth-child(6) { width: 40% !important; } #BSKT .main-container .row-container > div:nth-child(7), #BSKT .main-container .row-container > div:nth-child(9) { width: 60% !important; } #BSKT .main-container .row-container > div:nth-child(7) > div { padding-left: 117px; } #BSKT .main-container .row-container > div:nth-child(8) { width: 40% !important; padding-right: 15px; } #BSKT .main-container .row-container > div:nth-child(15) { width: 70% !important; } #BSKT .main-container .row-container > div:nth-child(n) > div, #BSKT .main-container .row-container > div:nth-child(n) > div > div { width: 100% !important; } #BSKT .main-container .row-container > div:nth-child(6) > div:nth-of-type(odd) { width: 35px !important; } #BSKT .main-container .row-container > div:nth-child(6) > div:nth-of-type(even) { width: 5px !important; } #BSKT .main-container .row-container > div:nth-child(6) > div:nth-of-type(5) { width: 51px !important; } #BSKT .main-container .row-container > div:nth-child(32) > label { width: 79px !important; } #BSKT .main-container .row-container > div:nth-child(32) > div:nth-of-type(1) { width: 80px !important; } #BSKT .main-container .row-container > div:nth-child(32) > div:nth-of-type(2) { width: 70px !important; } #BSKT .main-container .row-container > div:nth-child(7) > label, #BSKT .main-container .row-container > div:nth-child(8) > label, #BSKT .main-container .row-container > div:nth-child(9) > label, #BSKT .main-container .row-container > div:nth-child(10) > label, #BSKT .main-container .row-container > div:nth-child(11) > label { position: absolute; left: 0; } #BSKT .main-container .row-container > div:nth-child(8) > div { padding-left: 88px; } #BSKT .main-container .row-container > div:nth-child(9) > div { padding-left: 48px; } #BSKT .main-container .row-container > div:nth-child(10) > div { padding-left: 60px; } #BSKT .main-container .row-container > div:nth-child(11) > div { padding-left: 108px; } #BSKT .main-container .row-container > div:nth-child(16), #BSKT .main-container .row-container > div:nth-child(18) { width: 30% !important; padding-left: 15px; } #BSKT .main-container .row-container > div:nth-child(17), #BSKT .main-container .row-container > div:nth-child(19) { width: 70% !important; } #BSKT .main-container .row-container > div:nth-child(20) { width: 30% !important; padding-left: 15px; } #BSKT .main-container .row-container > div:nth-child(20) > div { width: 100% !important; } /* Bang đại học thứ 2*/ /* tốt nghiệp , năm tốt nghiệp */ #BSKT .main-container .row-container > div:nth-child(22) { width: 70% !important; } #BSKT .main-container .row-container > div:nth-child(22) > div { width: 100% !important; } #BSKT .main-container .row-container > div:nth-child(23) { width: 30% !important; padding-left: 15px; } #BSKT .main-container .row-container > div:nth-child(23) > div { width: 100% !important; } /* ngành , he */ #BSKT .main-container .row-container > div:nth-child(24) { width: 70% !important; } #BSKT .main-container .row-container > div:nth-child(24) > div { width: 100% !important; } #BSKT .main-container .row-container > div:nth-child(25) { width: 30% !important; padding-left: 15px; } #BSKT .main-container .row-container > div:nth-child(25) > div { width: 100% !important; } /* chuyen ngành , loại */ #BSKT .main-container .row-container > div:nth-child(26) { width: 70% !important; } #BSKT .main-container .row-container > div:nth-child(26) > div { width: 100% !important; } #BSKT .main-container .row-container > div:nth-child(27) { width: 30% !important; padding-left: 15px; } #BSKT .main-container .row-container > div:nth-child(27) > div { width: 100% !important; } #BSKT .main-container .row-container > div:nth-child(29), #BSKT .main-container .row-container > div:nth-child(31), #BSKT .main-container .row-container > div:nth-child(32), #BSKT .main-container .row-container > div:nth-child(37) { width: 100% !important; } #dropGioiTinh2_chosen, #dropGioiTinh2_MBA_chosen, #txtNoiSinh2_chosen, #txtNoiSinh2_MBA_chosen { width: 100% !important; display: block; } #txtHeDaoTao11_chosen, #txtHeDaoTao22_chosen, #txtHeDaoTao11_MBA_chosen, #txtHeDaoTao22_MBA_chosen, #dropLoaiTotNghiep11_chosen, #dropLoaiTotNghiep22_chosen, #dropLoaiTotNghiep11_MBA_chosen, #dropLoaiTotNghiep22_MBA_chosen { width: 100% !important; display: block; max-width: none !important; } } @media (max-width:640px) { /* đợt đăng ký */ #BSKT .main-container .row-container > div:nth-child(2) { width: 100% !important; } #BSKT .main-container .row-container > div:nth-child(2) > label, #BSKT .main-container .row-container > div:nth-child(7) > label { position: absolute; left: 0; } #BSKT .main-container .row-container > div:nth-child(2) > div { width: 100% !important; padding-left: 100px; } #dropChuyenNganhDuThi2_chosen, #DropChuyenNganhDK_chosen, #dropDotDKCaoHoc_chosen, #dropDotDKMBA_chosen, #dropDotDKBSKT_chosen, #dropDotDKBSKT_MBA_chosen, #dropChuyenNganhDuThi2_MBA_chosen { width: 100% !important; display: block; max-width: none !important; } /* Ngày sinh */ #BSKT .main-container .row-container > div:nth-child(6), #BSKT .main-container .row-container > div:nth-child(7) { width: 100% !important; } } @media (max-width:500px) { #BSKT .main-container .row-container > div:nth-child(n) { width: 100% !important; padding-right: 0; } #BSKT .main-container .row-container > div:nth-child(7) > label, #BSKT .main-container .row-container > div:nth-child(11) > label { position: relative; } #BSKT .main-container .row-container > div:nth-child(11) > div, #BSKT .main-container .row-container > div:nth-child(12) > div { padding-left: 0; } #BSKT .main-container .row-container > div:nth-child(16), #BSKT .main-container .row-container > div:nth-child(18), #BSKT .main-container .row-container > div:nth-child(20), #BSKT .main-container .row-container > div:nth-child(23), #BSKT .main-container .row-container > div:nth-child(25) { padding-left: 25px; } #BSKT .main-container .row-container > div:nth-child(4) > div, #BSKT .main-container .row-container > div:nth-child(29) > div { width: 100% !important; } #BSKT .main-container .row-container > div:nth-child(5) > label { position: absolute; left: 0; } #BSKT .main-container .row-container > div:nth-child(5) > div { padding-left: 82px; } #BSKT .main-container .row-container > div:nth-child(7) > div { padding-left: 0; } } /* MBA */ @media (max-width:820px) { #MBA .main-container .row-container > div { width: 100% !important; position: relative; } #MBA .main-container .row-container > div:nth-child(n) > div, #MBA .main-container .row-container > div:nth-child(n) > div > div { width: 100% !important; display: block; } #MBA .main-container .row-container > div:nth-child(6) > div:nth-of-type(odd) { width: 35px !important; } #MBA .main-container .row-container > div:nth-child(6) > div:nth-of-type(even) { width: 5px !important; } #MBA .main-container .row-container > div:nth-child(6) > div:nth-of-type(5) { width: 51px !important; } #MBA .main-container .row-container > div:nth-child(39) > div:nth-of-type(1), #MBA .main-container .row-container > div:nth-child(54) > div:nth-of-type(1), #MBA .main-container .row-container > div:nth-child(55) > div:nth-of-type(1), #MBA .main-container .row-container > div:nth-child(69) > div:nth-of-type(1), #MBA .main-container .row-container > div:nth-child(70) > div:nth-of-type(1) { width: 35px !important; } #MBA .main-container .row-container > div:nth-child(39) > div:nth-of-type(2), #MBA .main-container .row-container > div:nth-child(54) > div:nth-of-type(2), #MBA .main-container .row-container > div:nth-child(55) > div:nth-of-type(2), #MBA .main-container .row-container > div:nth-child(69) > div:nth-of-type(2), #MBA .main-container .row-container > div:nth-child(70) > div:nth-of-type(2) { width: 5px !important; } #MBA .main-container .row-container > div:nth-child(39) > div:nth-of-type(5), #MBA .main-container .row-container > div:nth-child(54) > div:nth-of-type(5), #MBA .main-container .row-container > div:nth-child(55) > div:nth-of-type(5), #MBA .main-container .row-container > div:nth-child(69) > div:nth-of-type(5), #MBA .main-container .row-container > div:nth-child(70) > div:nth-of-type(5) { width: 51px !important; } #MBA .main-container .row-container > div:nth-child(84) > div:nth-of-type(1), #MBA .main-container .row-container > div:nth-child(84) > div:nth-of-type(2), #MBA .main-container .row-container > div:nth-child(84) > div:nth-of-type(4) { width: 50px !important; display: inline-block; } #MBA .main-container .row-container > div:nth-child(84) > div:nth-of-type(3) { width: 47px !important; display: inline-block; } #MBA .main-container .row-container > div:nth-child(92) > label { width: 79px !important; } #MBA .main-container .row-container > div:nth-child(92) > div:nth-of-type(1) { width: 80px !important; } #MBA .main-container .row-container > div:nth-child(92) > div:nth-of-type(2) { width: 70px !important; } #MBA .main-container .row-container > div:nth-child(4) { width: 70% !important; padding-right: 10px; } #MBA .main-container .row-container > div:nth-child(5) { width: 30% !important; } #MBA .main-container .row-container > div:nth-child(6) { width: 40% !important; } #MBA .main-container .row-container > div:nth-child(7) { width: 60% !important; } #MBA .main-container .row-container > div:nth-child(7) > label, #MBA .main-container .row-container > div:nth-child(9) > label, #MBA .main-container .row-container > div:nth-child(10) > label, #MBA .main-container .row-container > div:nth-child(11) > label, #MBA .main-container .row-container > div:nth-child(12) > label, #MBA .main-container .row-container > div:nth-child(13) > label, #MBA .main-container .row-container > div:nth-child(14) > label, #MBA .main-container .row-container > div:nth-child(15) > label, #MBA .main-container .row-container > div:nth-child(20) > label, #MBA .main-container .row-container > div:nth-child(85) > label, #MBA .main-container .row-container > div:nth-child(86) > label { position: absolute; left: 0; } #MBA .main-container .row-container > div:nth-child(41) > label, #MBA .main-container .row-container > div:nth-child(42) > label, #MBA .main-container .row-container > div:nth-child(43) > label, #MBA .main-container .row-container > div:nth-child(44) > label, #MBA .main-container .row-container > div:nth-child(46) > label, #MBA .main-container .row-container > div:nth-child(47) > label, #MBA .main-container .row-container > div:nth-child(49) > label, #MBA .main-container .row-container > div:nth-child(50) > label, #MBA .main-container .row-container > div:nth-child(52) > label, #MBA .main-container .row-container > div:nth-child(56) > label, #MBA .main-container .row-container > div:nth-child(57) > label, #MBA .main-container .row-container > div:nth-child(58) > label, #MBA .main-container .row-container > div:nth-child(59) > label, #MBA .main-container .row-container > div:nth-child(61) > label, #MBA .main-container .row-container > div:nth-child(62) > label, #MBA .main-container .row-container > div:nth-child(64) > label, #MBA .main-container .row-container > div:nth-child(65) > label, #MBA .main-container .row-container > div:nth-child(67) > label, #MBA .main-container .row-container > div:nth-child(71) > label, #MBA .main-container .row-container > div:nth-child(72) > label, #MBA .main-container .row-container > div:nth-child(73) > label, #MBA .main-container .row-container > div:nth-child(74) > label, #MBA .main-container .row-container > div:nth-child(76) > label, #MBA .main-container .row-container > div:nth-child(77) > label, #MBA .main-container .row-container > div:nth-child(79) > label, #MBA .main-container .row-container > div:nth-child(80) > label, #MBA .main-container .row-container > div:nth-child(82) > label { position: absolute; left: 45px; } #MBA .main-container .row-container > div:nth-child(45) > label, #MBA .main-container .row-container > div:nth-child(51) > label, #MBA .main-container .row-container > div:nth-child(60) > label, #MBA .main-container .row-container > div:nth-child(66) > label, #MBA .main-container .row-container > div:nth-child(75) > label, #MBA .main-container .row-container > div:nth-child(81) > label { position: absolute; left: 15px; } #MBA .main-container .row-container > div:nth-child(7) > div { padding-left: 117px; } #MBA .main-container .row-container > div:nth-child(9) > div { padding-left: 122px; } #MBA .main-container .row-container > div:nth-child(10) { width: 50% !important; padding-right: 15px; } #MBA .main-container .row-container > div:nth-child(10) > div { padding-left: 30px; } #MBA .main-container .row-container > div:nth-child(11) { width: 50% !important; } #MBA .main-container .row-container > div:nth-child(11) > div { padding-left: 35px; } #MBA .main-container .row-container > div:nth-child(12) > div { padding-left: 60px; } #MBA .main-container .row-container > div:nth-child(13) > div { padding-left: 125px; } #MBA .main-container .row-container > div:nth-child(14) > div { padding-left: 160px; } #MBA .main-container .row-container > div:nth-child(16) { padding-left: 170px; } #MBA .main-container .row-container > div:nth-child(20) > div { padding-left: 143px; } #MBA .main-container .row-container > div:nth-child(23), #MBA .main-container .row-container > div:nth-child(25), #MBA .main-container .row-container > div:nth-child(27), #MBA .main-container .row-container > div:nth-child(30), #MBA .main-container .row-container > div:nth-child(32), #MBA .main-container .row-container > div:nth-child(34) { width: 70% !important; padding-right: 15px; } #MBA .main-container .row-container > div:nth-child(24), #MBA .main-container .row-container > div:nth-child(26), #MBA .main-container .row-container > div:nth-child(28), #MBA .main-container .row-container > div:nth-child(31), #MBA .main-container .row-container > div:nth-child(33), #MBA .main-container .row-container > div:nth-child(35) { width: 30% !important; } #MBA .main-container .row-container > div:nth-child(39) { width: 80% !important; } #MBA .main-container .row-container > div:nth-child(39) > div:nth-of-type(3) { width: 50px !important; } #MBA .main-container .row-container > div:nth-child(40) { width: 20% !important; padding-left: 15px; } #MBA .main-container .row-container > div:nth-child(44) { width: 60% !important; } #MBA .main-container .row-container > div:nth-child(44) > div { padding-left: 180px; } #MBA .main-container .row-container > div:nth-child(45) { width: 40% !important; padding-left: 15px; } #MBA .main-container .row-container > div:nth-child(45) > div { padding-left: 176px; } #MBA .main-container .row-container > div:nth-child(41) > div, #MBA .main-container .row-container > div:nth-child(42) > div, #MBA .main-container .row-container > div:nth-child(43) > div { padding-left: 140px; } #MBA .main-container .row-container > div:nth-child(46) > div, #MBA .main-container .row-container > div:nth-child(47) > div { padding-left: 167px; } #MBA .main-container .row-container > div:nth-child(49) > div { padding-left: 82px; } #MBA .main-container .row-container > div:nth-child(50) { width: 60% !important; } #MBA .main-container .row-container > div:nth-child(50) > div { padding-left: 109px; } #MBA .main-container .row-container > div:nth-child(51) { width: 40% !important; padding-left: 15px; } #MBA .main-container .row-container > div:nth-child(51) > div { padding-left: 131px; } #MBA .main-container .row-container > div:nth-child(52) > div { padding-left: 122px; } /* 3.2 đơn vị công tác thứ 2*/ #MBA .main-container .row-container > div:nth-child(54) { width: 60% !important; } #MBA .main-container .row-container > div:nth-child(54) > div:nth-of-type(3) { width: 50px !important; } #MBA .main-container .row-container > div:nth-child(55) { width: 40% !important; } #MBA .main-container .row-container > div:nth-child(55) > div:nth-of-type(3) { width: 50px !important; } #MBA .main-container .row-container > div:nth-child(56) > div, #MBA .main-container .row-container > div:nth-child(57) > div, #MBA .main-container .row-container > div:nth-child(58) > div, #MBA .main-container .row-container > div:nth-child(59) > div, #MBA .main-container .row-container > div:nth-child(60) > div, #MBA .main-container .row-container > div:nth-child(61) > div, #MBA .main-container .row-container > div:nth-child(62) > div, #MBA .main-container .row-container > div:nth-child(64) > div, #MBA .main-container .row-container > div:nth-child(65) > div, #MBA .main-container .row-container > div:nth-child(66) > div, #MBA .main-container .row-container > div:nth-child(67) > div, #MBA .main-container .row-container > div:nth-child(71) > div, #MBA .main-container .row-container > div:nth-child(72) > div, #MBA .main-container .row-container > div:nth-child(73) > div, #MBA .main-container .row-container > div:nth-child(74) > div, #MBA .main-container .row-container > div:nth-child(75) > div, #MBA .main-container .row-container > div:nth-child(76) > div, #MBA .main-container .row-container > div:nth-child(77) > div, #MBA .main-container .row-container > div:nth-child(79) > div, #MBA .main-container .row-container > div:nth-child(79) > div, #MBA .main-container .row-container > div:nth-child(80) > div, #MBA .main-container .row-container > div:nth-child(81) > div, #MBA .main-container .row-container > div:nth-child(82) > div, #MBA .main-container .row-container > div:nth-child(85) > div, #MBA .main-container .row-container > div:nth-child(86) > div { padding-left: 140px; } #MBA .main-container .row-container > div:nth-child(59) { width: 60% !important; } #MBA .main-container .row-container > div:nth-child(59) > div { padding-left: 180px; } #MBA .main-container .row-container > div:nth-child(60) { width: 40% !important; padding-left: 15px; } #MBA .main-container .row-container > div:nth-child(60) > div { padding-left: 176px; } #MBA .main-container .row-container > div:nth-child(61) > div, #MBA .main-container .row-container > div:nth-child(62) > div { padding-left: 167px; } #MBA .main-container .row-container > div:nth-child(64) > div, #MBA .main-container .row-container > div:nth-child(79) > div { padding-left: 82px; } #MBA .main-container .row-container > div:nth-child(65), #MBA .main-container .row-container > div:nth-child(80) { width: 60% !important; } #MBA .main-container .row-container > div:nth-child(65) > div, #MBA .main-container .row-container > div:nth-child(80) > div { padding-left: 109px; } #MBA .main-container .row-container > div:nth-child(66), #MBA .main-container .row-container > div:nth-child(81) { width: 40% !important; padding-left: 15px; } #MBA .main-container .row-container > div:nth-child(67) > div, #MBA .main-container .row-container > div:nth-child(82) > div { padding-left: 122px; } #MBA .main-container .row-container > div:nth-child(69) { width: 60% !important; } #MBA .main-container .row-container > div:nth-child(69) > div:nth-of-type(3) { width: 50px !important; } #MBA .main-container .row-container > div:nth-child(70) { width: 40% !important; } #MBA .main-container .row-container > div:nth-child(70) > div:nth-of-type(3) { width: 50px !important; } #MBA .main-container .row-container > div:nth-child(74) { width: 60% !important; } #MBA .main-container .row-container > div:nth-child(74) > div { padding-left: 180px; } #MBA .main-container .row-container > div:nth-child(75) { width: 40% !important; padding-left: 15px; } #MBA .main-container .row-container > div:nth-child(75) > div { padding-left: 176px; } #MBA .main-container .row-container > div:nth-child(76) > div, #MBA .main-container .row-container > div:nth-child(77) > div { padding-left: 167px; } #MBA .main-container .row-container > div:nth-child(85), #MBA .main-container .row-container > div:nth-child(86) { width: 50% !important; } #MBA .main-container .row-container > div:nth-child(86) { padding-left: 15px; } #MBA .main-container .row-container > div:nth-child(85) > div { padding-left: 185px; } #MBA .main-container .row-container > div:nth-child(86) > div { padding-left: 255px; } #dropNgoaiNgu_chosen, #dropChuyenNganhDuThi_chosen, #txtLoaiHinhDaoTao_chosen, #dropNgoaiNgu4_chosen { width: 100% !important; display: block; max-width: none !important; } #dropLoaiTotNghiep1_chosen, #dropLoaiTotNghiep2_chosen, #dropLoaiTotNghiep31_chosen, #dropLoaiTotNghiep32_chosen, #dropLoaiTotNghiep41_chosen, #dropLoaiTotNghiep42_chosen { width: 100% !important; display: block; max-width: none !important; } } @media(max-width:784px) { #MBA .main-container .row-container > div:nth-child(84) > * { float: none; display: inline-block; } } @media (max-width:640px) { #MBA .main-container .row-container > div:nth-child(2) > label { position: absolute; left: 0; } #MBA .main-container .row-container > div:nth-child(16) { padding-left: 0; } #MBA .main-container .row-container > div:nth-child(45) > label, #MBA .main-container .row-container > div:nth-child(51) > label, #MBA .main-container .row-container > div:nth-child(60) > label, #MBA .main-container .row-container > div:nth-child(66) > label, #MBA .main-container .row-container > div:nth-child(75) > label, #MBA .main-container .row-container > div:nth-child(81) > label { position: absolute; left: 45px; } #MBA .main-container .row-container > div:nth-child(2) > div { width: 100% !important; padding-left: 100px; } #MBA .main-container .row-container > div:nth-child(45), #MBA .main-container .row-container > div:nth-child(60), #MBA .main-container .row-container > div:nth-child(75) { padding-left: 45px; } #MBA .main-container .row-container > div:nth-child(44), #MBA .main-container .row-container > div:nth-child(45), #MBA .main-container .row-container > div:nth-child(50), #MBA .main-container .row-container > div:nth-child(51), #MBA .main-container .row-container > div:nth-child(55), #MBA .main-container .row-container > div:nth-child(54), #MBA .main-container .row-container > div:nth-child(59), #MBA .main-container .row-container > div:nth-child(60), #MBA .main-container .row-container > div:nth-child(65), #MBA .main-container .row-container > div:nth-child(66), #MBA .main-container .row-container > div:nth-child(69), #MBA .main-container .row-container > div:nth-child(70), #MBA .main-container .row-container > div:nth-child(74), #MBA .main-container .row-container > div:nth-child(75), #MBA .main-container .row-container > div:nth-child(80), #MBA .main-container .row-container > div:nth-child(81) { width: 100% !important; } #MBA .main-container .row-container > div:nth-child(44) > div, #MBA .main-container .row-container > div:nth-child(45) > div, #MBA .main-container .row-container > div:nth-child(59) > div, #MBA .main-container .row-container > div:nth-child(60) > div, #MBA .main-container .row-container > div:nth-child(74) > div, #MBA .main-container .row-container > div:nth-child(75) > div { width: 100% !important; padding-left: 176px; } #MBA .main-container .row-container > div:nth-child(50) > div, #MBA .main-container .row-container > div:nth-child(65) > div { width: 100% !important; padding-left: 109px; } #MBA .main-container .row-container > div:nth-child(51), #MBA .main-container .row-container > div:nth-child(66), #MBA .main-container .row-container > div:nth-child(81) { padding-left: 65px; } #MBA .main-container .row-container > div:nth-child(51) > div { width: 100% !important; padding-left: 131px; } #MBA .main-container .row-container > div:nth-child(55), #MBA .main-container .row-container > div:nth-child(70) { padding-left: 155px; } #MBA .main-container .row-container > div:nth-child(55) > div:nth-of-type(1), #MBA .main-container .row-container > div:nth-child(70) > div:nth-of-type(1) { margin-left: 10px; } #MBA .main-container .row-container > div:nth-child(86) { padding-left: 0; } /* Ngày sinh */ #MBA .main-container .row-container > div:nth-child(6), #MBA .main-container .row-container > div:nth-child(7) { width: 100% !important; } } @media (max-width:500px) { #MBA .main-container .row-container > div:nth-child(n) { width: 100% !important; padding-right: 0; } #MBA .main-container .row-container > div:nth-child(22), #MBA .main-container .row-container > div:nth-child(24), #MBA .main-container .row-container > div:nth-child(26), #MBA .main-container .row-container > div:nth-child(27), #MBA .main-container .row-container > div:nth-child(28), #MBA .main-container .row-container > div:nth-child(29), #MBA .main-container .row-container > div:nth-child(31), #MBA .main-container .row-container > div:nth-child(33), #MBA .main-container .row-container > div:nth-child(34), #MBA .main-container .row-container > div:nth-child(35) { padding-left: 45px; padding-right: 0; } #MBA .main-container .row-container > div:nth-child(40) { padding-left: 174px; } /* Ho va ten*/ #MBA .main-container .row-container > div:nth-child(4) > div { width: 100% !important; } /* Gioi tinh */ #MBA .main-container .row-container > div:nth-child(5) > label { position: absolute; left: 0; } #MBA .main-container .row-container > div:nth-child(5) > div { padding-left: 82px; } /* nơi sinh */ #MBA .main-container .row-container > div:nth-child(7) > label { position: relative; } #NCS .main-container .row-container > div:nth-child(9) > label { position: relative; } #MBA .main-container .row-container > div:nth-child(7) > div { padding-left: 0; } } @media (max-width:460px) { #MBA .main-container .row-container > div:nth-child(n+ 9) > label { position: relative; left: 0; } #MBA .main-container .row-container > div:nth-child(n + 9) > div { padding-left: 0; } #MBA .main-container .row-container > div:nth-child(55), #MBA .main-container .row-container > div:nth-child(70) { padding-left: 45px; } } /* NCS */ @media (max-width:820px) { #NCS .main-container .row-container > div { width: 100% !important; position: relative; } #NCS .main-container .row-container > div:nth-child(n) > div, #NCS .main-container .row-container > div:nth-child(n) > div > div { width: 100% !important; display: block; } /* #NCS .main-container .row-container > div:nth-child(6) > div > div { width: 30% !important; display: block; }*/ /* #NCS .main-container .row-container > div:nth-child(7) > div:nth-of-type(odd) { width: 35px !important; }*/ #NCS .main-container .row-container > div:nth-child(7) > div:nth-of-type(even) { width: 5px !important; } #NCS .main-container .row-container > div:nth-child(7) > div:nth-of-type(5) { width: 51px !important; } /*#NCS .main-container .row-container > div:nth-child(69) > label { width: 79px !important; } #NCS .main-container .row-container > div:nth-child(69) > div:nth-of-type(1) { width: 80px !important; } #NCS .main-container .row-container > div:nth-child(69) > div:nth-of-type(2) { width: 70px !important; }*/ #NCS .main-container .row-container > div:nth-child(28), #NCS .main-container .row-container > div:nth-child(30), #NCS .main-container .row-container > div:nth-child(35), #NCS .main-container .row-container > div:nth-child(41), #NCS .main-container .row-container > div:nth-child(43), #NCS .main-container .row-container > div:nth-child(46), #NCS .main-container .row-container > div:nth-child(48) { padding-left: 45px !important; } #NCS .main-container .row-container > div:nth-child(5), #NCS .main-container .row-container > div:nth-child(6), #NCS .main-container .row-container > div:nth-child(7), #NCS .main-container .row-container > div:nth-child(8), #NCS .main-container .row-container > div:nth-child(9), #NCS .main-container .row-container > div:nth-child(14), #NCS .main-container .row-container > div:nth-child(22) { width: 100% !important; } #NCS .main-container .row-container > div:nth-child(10) > label, #NCS .main-container .row-container > div:nth-child(11) > label, #NCS .main-container .row-container > div:nth-child(12) > label, #NCS .main-container .row-container > div:nth-child(13) > label, #NCS .main-container .row-container > div:nth-child(14) > label, #NCS .main-container .row-container > div:nth-child(16) > label, #NCS .main-container .row-container > div:nth-child(17) > label, #NCS .main-container .row-container > div:nth-child(18) > label, #NCS .main-container .row-container > div:nth-child(19) > label, #NCS .main-container .row-container > div:nth-child(20) > label { position: absolute; left: 0; } #NCS .main-container .row-container > div:nth-child(2) > label, #NCS .main-container .row-container > div:nth-child(4) > label, #NCS .main-container .row-container > div:nth-child(5) > label, #NCS .main-container .row-container > div:nth-child(7) > label, #NCS .main-container .row-container > div:nth-child(8) > label, /*#NCS .main-container .row-container > div:nth-child(21) > label,*/ #NCS .main-container .row-container > div:nth-child(25) > label, #NCS .main-container .row-container > div:nth-child(26) > label, #NCS .main-container .row-container > div:nth-child(27) > label, #NCS .main-container .row-container > div:nth-child(28) > label, #NCS .main-container .row-container > div:nth-child(29) > label, #NCS .main-container .row-container > div:nth-child(30) > label, #NCS .main-container .row-container > div:nth-child(32) > label, #NCS .main-container .row-container > div:nth-child(33) > label, #NCS .main-container .row-container > div:nth-child(34) > label, #NCS .main-container .row-container > div:nth-child(35) > label, #NCS .main-container .row-container > div:nth-child(36) > label, #NCS .main-container .row-container > div:nth-child(37) > label, #NCS .main-container .row-container > div:nth-child(40) > label, #NCS .main-container .row-container > div:nth-child(41) > label, #NCS .main-container .row-container > div:nth-child(42) > label, #NCS .main-container .row-container > div:nth-child(43) > label, #NCS .main-container .row-container > div:nth-child(45) > label, #NCS .main-container .row-container > div:nth-child(46) > label, #NCS .main-container .row-container > div:nth-child(47) > label, #NCS .main-container .row-container > div:nth-child(48) > label, #NCS .main-container .row-container > div:nth-child(59) > label, #NCS .main-container .row-container > div:nth-child(60) > label, #NCS .main-container .row-container > div:nth-child(61) > label, #NCS .main-container .row-container > div:nth-child(62) > label, #NCS .main-container .row-container > div:nth-child(63) > label, #NCS .main-container .row-container > div:nth-child(66) > label, #NCS .main-container .row-container > div:nth-child(67) > label { position: absolute; } #NCS .main-container .row-container > div:nth-child(9) > label { position: relative; } #NCS .main-container .row-container > div:nth-child(9) > div { padding-left: 0px; } /* #NCS .main-container .row-container > div:nth-child(10) > div { padding-left: 100%; }*/ #NCS .main-container .row-container > div:nth-child(2) > div { padding-left: 100px; } #NCS .main-container .row-container > div:nth-child(4) > div, #NCS .main-container .row-container > div:nth-child(5) > div { padding-left: 90px; } #NCS .main-container .row-container > div:nth-child(7) > div { padding-left: 110px; } #NCS .main-container .row-container > div:nth-child(8) > div { padding-left: 75px; } #NCS .main-container .row-container > div:nth-child(10) > div { padding-left: 185px; } #NCS .main-container .row-container > div:nth-child(11) > div { padding-left: 92px; } #NCS .main-container .row-container > div:nth-child(12) > div { padding-left: 130px; } #NCS .main-container .row-container > div:nth-child(13) > div { padding-left: 60px; } #NCS .main-container .row-container > div:nth-child(14) > div { padding-left: 150px; } /*#NCS .main-container .row-container > div:nth-child(15) > div { padding-left: 62px; }*/ #NCS .main-container .row-container > div:nth-child(16) > div { padding-left: 112px; } #NCS .main-container .row-container > div:nth-child(17) > div { padding-left: 62px; } #NCS .main-container .row-container > div:nth-child(18) > div { padding-left: 72px; } #NCS .main-container .row-container > div:nth-child(19) > div { padding-left: 70px; } #NCS .main-container .row-container > div:nth-child(20) > div { padding-left: 60px; } /*#NCS .main-container .row-container > div:nth-child(21) > div { padding-left: 120px; }*/ #NCS .main-container .row-container > div:nth-child(22) > div { /*padding-left: 120px;*/ } /*#NCS .main-container .row-container > div:nth-child(23) > div { padding-left: 235px; } */ /* #NCS .main-container .row-container > div:nth-child(24) > div { padding-left: 210px; }*/ #NCS .main-container .row-container > div:nth-child(25) > div { padding-left: 107px; } #NCS .main-container .row-container > div:nth-child(26) > div { padding-left: 124px; } #NCS .main-container .row-container > div:nth-child(27) > div { padding-left: 228px; } #NCS .main-container .row-container > div:nth-child(28) > div { padding-left: 204px; } #NCS .main-container .row-container > div:nth-child(29) > div { padding-left: 176px; } #NCS .main-container .row-container > div:nth-child(30) > div { padding-left: 210px; } #NCS .main-container .row-container > div:nth-child(31) > div { padding-left: 210px; } #NCS .main-container .row-container > div:nth-child(32) > div { padding-left: 84px; } #NCS .main-container .row-container > div:nth-child(33) > div { padding-left: 102px; } #NCS .main-container .row-container > div:nth-child(34) > div { padding-left: 207px; } #NCS .main-container .row-container > div:nth-child(35) > div { padding-left: 204px; } #NCS .main-container .row-container > div:nth-child(36) > div { padding-left: 176px; } #NCS .main-container .row-container > div:nth-child(37) > div { padding-left: 182px; } #NCS .main-container .row-container > div:nth-child(38) > div { padding-left: 210px; } #NCS .main-container .row-container > div:nth-child(39) > div { padding-left: 185px; } #NCS .main-container .row-container > div:nth-child(40) > div { padding-left: 84px; } #NCS .main-container .row-container > div:nth-child(41) > div { padding-left: 102px; } #NCS .main-container .row-container > div:nth-child(42) > div { padding-left: 207px; } #NCS .main-container .row-container > div:nth-child(43) > div { padding-left: 182px; } #NCS .main-container .row-container > div:nth-child(44) > div { padding-left: 185px; } #NCS .main-container .row-container > div:nth-child(45) > div { padding-left: 84px; } #NCS .main-container .row-container > div:nth-child(46) > div { padding-left: 102px; } #NCS .main-container .row-container > div:nth-child(47) > div { padding-left: 207px; } #NCS .main-container .row-container > div:nth-child(48) > div { padding-left: 182px; } #NCS .main-container .row-container > div:nth-child(59) > div { padding-left: 85px; } #NCS .main-container .row-container > div:nth-child(60) > div { padding-left: 85px; } #NCS .main-container .row-container > div:nth-child(61) > div { padding-left: 148px; } #NCS .main-container .row-container > div:nth-child(62) > div { padding-left: 148px; } #NCS .main-container .row-container > div:nth-child(63) > div { padding-left: 148px; } #NCS .main-container .row-container > div:nth-child(66) > div { padding-left: 174px; } /* #NCS .main-container .row-container > div:nth-child(67) > div { padding-left: 125px; }*/ /* #NCS .main-container .row-container > div:nth-child(14), #NCS .main-container .row-container > div:nth-child(15), #NCS .main-container .row-container > div:nth-child(16) { width: 33.33% !important; }*/ /* #NCS .main-container .row-container > div:nth-child(15) { padding-left: 15px; padding-right: 15px; }*/ #NCS .main-container .row-container > div:nth-child(17) { width: 100% !important; /*padding-right: 15px;*/ } /* #NCS .main-container .row-container > div:nth-child(17) > div { padding-left: 60px; }*/ #NCS .main-container .row-container > div:nth-child(18) { width: 100% !important; } /* #NCS .main-container .row-container > div:nth-child(18) > div { padding-left: 26px; }*/ #NCS .main-container .row-container > div:nth-child(24), #NCS .main-container .row-container > div:nth-child(26), #NCS .main-container .row-container > div:nth-child(29), #NCS .main-container .row-container > div:nth-child(31), #NCS .main-container .row-container > div:nth-child(33), #NCS .main-container .row-container > div:nth-child(37), #NCS .main-container .row-container > div:nth-child(39), #NCS .main-container .row-container > div:nth-child(42), #NCS .main-container .row-container > div:nth-child(44) { padding-left: 45px; } /*#NCS .main-container .row-container > div:nth-child(45) { width: 70% !important; padding-right: 15px; }*/ #NCS .main-container .row-container > div:nth-child(7) { width: 67% !important; } #NCS .main-container .row-container > div:nth-child(26) > label, #NCS .main-container .row-container > div:nth-child(28) > label, #NCS .main-container .row-container > div:nth-child(33) > label, #NCS .main-container .row-container > div:nth-child(41) > label, #NCS .main-container .row-container > div:nth-child(46) > label { width: 100% !important; } #NCS .main-container .row-container > div:nth-child(6) { width: 33% !important; } /*#NCS .main-container .row-container > div:nth-child(46) { width: 30% !important; }*/ #NCS .main-container .row-container > div:nth-child(26) > label, #NCS .main-container .row-container > div:nth-child(28) > label, #NCS .main-container .row-container > div:nth-child(33) > label, #NCS .main-container .row-container > div:nth-child(35) > label, #NCS .main-container .row-container > div:nth-child(41) > label, #NCS .main-container .row-container > div:nth-child(46) > label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* #NCS .main-container .row-container > div:nth-child(47) > div { padding-left: 200px; }*/ #dropGioiTinh3_chosen { width: 100% !important; display: block; } #txtHeDaoTao31_chosen, #txtHeDaoTao32_chosen, #txtTrinhDoNgoaiNguNCS_chosen, #DropDinhHuong_chosen, #txtDoiTuongNCS_chosen, #txtChuyenNganhNCS_chosen { width: 100% !important; display: block; max-width: none !important; min-width: none !important; } } @media (max-width:640px) { /* đợt đăng ký */ #NCS .main-container .row-container > div:nth-child(2) { width: 100% !important; } #NCS .main-container .row-container > div:nth-child(2) > label { position: absolute; left: 0; } #NCS .main-container .row-container > div:nth-child(2) > div { width: 100% !important; padding-left: 100px; } /* Ngày sinh */ #NCS .main-container .row-container > div:nth-child(7), #NCS .main-container .row-container > div:nth-child(8) { width: 100% !important; } #NCS .main-container .row-container > div:nth-child(9) > label { position: relative; } /*#NCS .main-container .row-container > div:nth-child(13) > label { position: relative; }*/ /*#NCS .main-container .row-container > div:nth-child(13) > div { padding-left: 0; }*/ #NCS .main-container .row-container > div:nth-child(64) > div, #NCS .main-container .row-container > div:nth-child(66) > div { width: 100% !important; } #DropDSNhaKhoaHoc_chosen, #txtDonViXacNhanTS_chosen, #txtDonViXacNhanNCS_chosen { width: 100% !important; display: block; } } @media (max-width:500px) { #NCS .main-container .row-container > div:nth-child(n) { width: 100% !important; } /* #NCS .main-container .row-container > div:nth-child(20),*/ /*#NCS .main-container .row-container > div:nth-child(22),*/ #NCS .main-container .row-container > div:nth-child(24), #NCS .main-container .row-container > div:nth-child(27), #NCS .main-container .row-container > div:nth-child(29), #NCS .main-container .row-container > div:nth-child(31) { padding-left: 45px; } /* Ho va ten*/ #NCS .main-container .row-container > div:nth-child(4) > div, #NCS .main-container .row-container > div:nth-child(47) > div { width: 100% !important; } /* Gioi tinh */ #NCS .main-container .row-container > div:nth-child(5) > label, #NCS .main-container .row-container > div:nth-child(7) > label { position: absolute; left: 0; } #NCS .main-container .row-container > div:nth-child(5) > div { padding-left: 82px; } /* nơi sinh */ /*#NCS .main-container .row-container > div:nth-child(7) > label { position: relative; }*/ #NCS .main-container .row-container > div:nth-child(9) > label { position: relative; } #NCS .main-container .row-container > div:nth-child(7) > div { padding-left: 115px; } #NCS .main-container .row-container > div:nth-child(15) { padding: 0; } #NCS .main-container .row-container > div:nth-child(n) { padding-right: 0; } #NCS .main-container .row-container > div:nth-child(26), #NCS .main-container .row-container > div:nth-child(28), #NCS .main-container .row-container > div:nth-child(33), #NCS .main-container .row-container > div:nth-child(35), #NCS .main-container .row-container > div:nth-child(37), #NCS .main-container .row-container > div:nth-child(39), #NCS .main-container .row-container > div:nth-child(41), #NCS .main-container .row-container > div:nth-child(42), #NCS .main-container .row-container > div:nth-child(44), #NCS .main-container .row-container > div:nth-child(46) { padding-left: 45px; } #NCS .main-container .row-container > div:nth-child(63) > div { } /* table responsive */ table, thead, tbody, th, td, tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border-bottom: 1px solid #ccc; } td { border: none !important; border-bottom: 1px solid #eee !important; border-right-width: 0; position: relative; padding-left: 40% !important; } td:before { position: absolute; top: 6px; left: 6px; width: 40%; padding-right: 10px; white-space: nowrap; text-align: left; } td > * { display: block; float: none; } #tbldataDSCTNC { float: left; } #tbldataDSCTNC td, #tbldataCTNC td { padding-left: 10px !important; padding-top: 27px; height: 55px; } #tbldataDSCTNC td:nth-of-type(2), #tbldataCTNC td:nth-of-type(2), #tbldataDSCTNC td:nth-of-type(7), #tbldataCTNC td:nth-of-type(7) { text-align: center; padding-top: 0; height: auto; } #tbldataDSQTCT td:nth-of-type(2) label, #tbldataDSCTNC td:nth-of-type(2) label, #tbldataCTNC td:nth-of-type(2) label, #tbldataDSQTCT td:nth-of-type(7) a, #tbldataDSCTNC td:nth-of-type(7) a, #tbldataCTNC td:nth-of-type(7) a { text-align: right; padding-right: 20px; } /* Quá trình công tac */ #tbldataDSQTCT td:nth-of-type(2):before { content: "STT:"; } #tbldataDSQTCT td:nth-of-type(3):before { content: "Từ năm:"; } #tbldataDSQTCT td:nth-of-type(4):before { content: "Đến năm:"; } #tbldataDSQTCT td:nth-of-type(5):before { content: "Cơ quan công tác:"; } #tbldataDSQTCT td:nth-of-type(6):before { content: "Chức vụ:"; } #tbldataDSQTCT td:nth-of-type(7):before { content: "..."; } /* công trình nghiên cứu để chấm điểm theo quy định */ #tbldataDSCTNC td:nth-of-type(2):before { content: "STT:"; } #tbldataDSCTNC td:nth-of-type(3):before { content: "Năm công bố:"; } #tbldataDSCTNC td:nth-of-type(4):before { content: "Tên bài báo /Tên bài hội thảo:"; } #tbldataDSCTNC td:nth-of-type(5):before { content: "Tên tạp chí /Tên hội thảo:"; } #tbldataDSCTNC td:nth-of-type(6):before { content: "Số tạp chí /Nơi tổ chức hội thảo:"; } #tbldataDSCTNC td:nth-of-type(7):before { content: "..."; } /*công trình nghiên cứu để chấm điểm thưởng */ #tbldataCTNC td:nth-of-type(2):before { content: "STT:"; } #tbldataCTNC td:nth-of-type(3):before { content: "Năm công bố:"; } #tbldataCTNC td:nth-of-type(4):before { content: "Tên bài báo /Tên bài hội thảo:"; } #tbldataCTNC td:nth-of-type(5):before { content: "Tên tạp chí /Tên hội thảo:"; } #tbldataCTNC td:nth-of-type(6):before { content: "Số tạp chí /Nơi tổ chức hội thảo :"; } #tbldataCTNC td:nth-of-type(7):before { content: "..."; } } @media (max-width:460px) { #NCS .main-container .row-container > div:nth-child(n+ 10) > label { position: relative; } #NCS .main-container .row-container > div:nth-child(n + 10) > div { padding-left: 0; } /* #NCS .main-container .row-container > div:nth-child(63) > label:nth-child(1) { position: absolute; }*/ #NCS .main-container .row-container > div:nth-child(63) > label:nth-child(3) { position: relative; } /* #NCS .main-container .row-container > div:nth-child(63) > div { width: 196px !important; padding-left: 125px; }*/ } /* BSKT_MBA */ @media (max-width:820px) { #BSKT_MBA .main-container .row-container > div { width: 100% !important; position: relative; } #BSKT_MBA .main-container .row-container > div:nth-child(n) > div, #BSKT_MBA .main-container .row-container > div:nth-child(n) > div > div { width: 100% !important; display: block; } #BSKT_MBA .main-container .row-container > div:nth-child(6) > div:nth-of-type(odd) { width: 35px !important; } #BSKT_MBA .main-container .row-container > div:nth-child(6) > div:nth-of-type(even) { width: 5px !important; } #BSKT_MBA .main-container .row-container > div:nth-child(6) > div:nth-of-type(5) { width: 51px !important; } #BSKT_MBA .main-container .row-container > div:nth-child(32) > label { width: 79px !important; } #BSKT_MBA .main-container .row-container > div:nth-child(32) > div:nth-of-type(1) { width: 80px !important; } #BSKT_MBA .main-container .row-container > div:nth-child(32) > div:nth-of-type(2) { width: 70px !important; } #BSKT_MBA .main-container .row-container > div:nth-child(4) { width: 70% !important; padding-right: 10px; } #BSKT_MBA .main-container .row-container > div:nth-child(5) { width: 30% !important; } #BSKT_MBA .main-container .row-container > div:nth-child(6) { width: 40% !important; } #BSKT_MBA .main-container .row-container > div:nth-child(7) { width: 60% !important; } #BSKT_MBA .main-container .row-container > div:nth-child(7) > label, #BSKT_MBA .main-container .row-container > div:nth-child(8) > label, #BSKT_MBA .main-container .row-container > div:nth-child(9) > label, #BSKT_MBA .main-container .row-container > div:nth-child(10) > label, #BSKT_MBA .main-container .row-container > div:nth-child(11) > label { position: absolute; left: 0; } #BSKT_MBA .main-container .row-container > div:nth-child(7) > div { padding-left: 117px; } #BSKT_MBA .main-container .row-container > div:nth-child(8) { width: 50% !important; padding-right: 15px; } #BSKT_MBA .main-container .row-container > div:nth-child(8) > div { padding-left: 88px; } #BSKT_MBA .main-container .row-container > div:nth-child(9) > div { padding-left: 48px; } #BSKT_MBA .main-container .row-container > div:nth-child(9) { width: 50% !important; } #BSKT_MBA .main-container .row-container > div:nth-child(9) > div { padding-left: 60px; } #BSKT_MBA .main-container .row-container > div:nth-child(10) > div { padding-left: 60px; } #BSKT_MBA .main-container .row-container > div:nth-child(11) > div { padding-left: 108px; } #BSKT_MBA .main-container .row-container > div:nth-child(15), #BSKT_MBA .main-container .row-container > div:nth-child(17), #BSKT_MBA .main-container .row-container > div:nth-child(19), #BSKT_MBA .main-container .row-container > div:nth-child(22), #BSKT_MBA .main-container .row-container > div:nth-child(24), #BSKT_MBA .main-container .row-container > div:nth-child(26) { width: 70% !important; } #BSKT_MBA .main-container .row-container > div:nth-child(16), #BSKT_MBA .main-container .row-container > div:nth-child(18), #BSKT_MBA .main-container .row-container > div:nth-child(20), #BSKT_MBA .main-container .row-container > div:nth-child(23), #BSKT_MBA .main-container .row-container > div:nth-child(25), #BSKT_MBA .main-container .row-container > div:nth-child(27) { width: 30% !important; padding-left: 15px; } } @media (max-width:640px) { #BSKT_MBA .main-container .row-container > div:nth-child(2) > label { position: absolute; left: 0; } #BSKT_MBA .main-container .row-container > div:nth-child(2) > div { width: 100% !important; padding-left: 100px; } /* Ngày sinh */ #BSKT_MBA .main-container .row-container > div:nth-child(6), #BSKT_MBA .main-container .row-container > div:nth-child(7) { width: 100% !important; } } @media (max-width:500px) { #BSKT_MBA .main-container .row-container > div:nth-child(n) { width: 100% !important; padding-right: 0; } #BSKT_MBA .main-container .row-container > div:nth-child(16), #BSKT_MBA .main-container .row-container > div:nth-child(18), #BSKT_MBA .main-container .row-container > div:nth-child(20), #BSKT_MBA .main-container .row-container > div:nth-child(23), #BSKT_MBA .main-container .row-container > div:nth-child(25), #BSKT_MBA .main-container .row-container > div:nth-child(27) { padding-left: 25px; } /* Ho va ten*/ #BSKT_MBA .main-container .row-container > div:nth-child(4) > div { width: 100% !important; } /* Gioi tinh */ #BSKT_MBA .main-container .row-container > div:nth-child(5) > label { position: absolute; left: 0; } #BSKT_MBA .main-container .row-container > div:nth-child(5) > div { padding-left: 82px; } /* nơi sinh */ #BSKT_MBA .main-container .row-container > div:nth-child(7) > label { position: relative; } #BSKT_MBA .main-container .row-container > div:nth-child(7) > div { padding-left: 0; } #BSKT_MBA .main-container .row-container > div:nth-child(29) > div { width: 100% !important; } } @media (max-width:460px) { #BSKT_MBA .main-container .row-container > div:nth-child(n+ 8) > label { position: relative; } #BSKT_MBA .main-container .row-container > div:nth-child(n + 8) > div { padding-left: 0; } } .error-dialog-content, #validateError { font-size: 18px; text-align: left; color: red !important; font-weight: bold; } @media (min-width: 320px) and (max-width: 767px) { .table-responsive, .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr { display: block; } .table-responsive > thead > tr { position: absolute; top: -9999px; left: -9999px; } .table-responsive > tbody > tr { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .table-responsive > tbody > tr:first-child { border-radius: 3px 3px 0 0; border-top: none; } .table-responsive > tbody > tr:last-child { border-radius: 0 0 3px 3px; border-bottom: none; } .table-responsive > tbody > tr td { border: none; border-bottom: 1px solid #ccc; position: relative; padding-left: 37% !important; width: 100%; overflow: hidden; } .table-responsive > tbody > tr td:before { content: attr(data-title); position: absolute; top: 15px; left: 14px; width: 30%; padding-right: 10px; white-space: nowrap; font-size: 14px; } .table-responsive > tbody > tr td:first-child { text-align: left; } .table-responsive.table-order > tbody > tr:nth-child(-n + 3) > td:first-child { padding: 25px 0 25px 30% !important; background-position: left 32% center; } .table-responsive.table-order > tbody > tr:nth-child(-n + 3) > td:first-child span { left: 32%; } }