top.blade.php 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Research Admission</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many" />
  8. <meta name="keywords" content="" />
  9. <!-- facebook tags -->
  10. <meta property="og:url" content="http://www.facebook.com/researchadmission"/>
  11. <meta property="og:type" content="website"/>
  12. <meta property="og:title" content="Research Admission"/>
  13. <meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>
  14. <!-- Linkedin tags -->
  15. <meta property="og:url" content="https://www.linkedin.com/company/researchadmission"/>
  16. <meta property="og:type" content="website"/>
  17. <meta property="og:title" content="Research Admission"/>
  18. <meta property="og:description" content="Information & Guidance on the PhD Process, Connect with Supervisor and Many"/>
  19. <!-- favicon -->
  20. <link rel="shortcut icon" href="{{asset('web/images/logo.png') }}">
  21. <!-- Bootstrap -->
  22. <link href="{{ asset('web/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" />
  23. <!-- tobii css -->
  24. <link href="{{asset('web/css/tobii.min.css')}}" rel="stylesheet" type="text/css" />
  25. <!-- Icons -->
  26. <link href="{{asset('web/css/materialdesignicons.min.css')}}" rel="stylesheet" type="text/css" />
  27. <link rel="stylesheet" type="text/css" href="{{ asset('web/stylesheets/font-awesome.min.css') }}" />
  28. <link rel="stylesheet" href="https://unicons.iconscout.com/release/v3.0.6/css/line.css">
  29. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
  30. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
  31. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.6.15/sweetalert2.min.css">
  32. <!-- Slider -->
  33. <link rel="stylesheet" href="{{asset('web/css/tiny-slider.css')}}"/>
  34. <!-- Main Css -->
  35. <link href="{{asset('web/css/style.css')}}" rel="stylesheet" type="text/css" id="theme-opt" />
  36. <link href="{{asset('web/css/colors/default.css')}}" rel="stylesheet" id="color-opt">
  37. <link rel="preconnect" href="https://fonts.googleapis.com">
  38. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  39. <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200&family=Quicksand:wght@400;500;600;700&display=swap" rel="stylesheet">
  40. <link rel="preconnect" href="https://fonts.googleapis.com">
  41. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  42. <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap" rel="stylesheet">
  43. <link rel="preconnect" href="https://fonts.googleapis.com">
  44. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  45. <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap" rel="stylesheet">
  46. <link rel="stylesheet" href="{{asset('web/css/datepicker.min.css')}}">
  47. <link rel="stylesheet" href="{{asset('web/css/sweetalert/sweetalert.css')}}">
  48. {{-- Ajax Form Submit --}}
  49. <link href="{{ asset('css/noty/lib/noty.css') }}" rel="stylesheet" type="text/css">
  50. <link href="{{ asset('css/noty/lib/themes/sunset.css') }}" rel="stylesheet" type="text/css">
  51. <link href="{{ asset('css/flatpickr/dist/flatpickr.min.css') }}" rel="stylesheet" type="text/css">
  52. <link href="{{ asset('css/wait-me/waitMe.min.css')}}" rel="stylesheet" type="text/css">
  53. <link href="{{ asset('css/pretty-checkbox/pretty-checkbox.min.css')}}" rel="stylesheet" type="text/css">
  54. <style>
  55. body {
  56. font-family: 'Oswald', sans-serif;
  57. font-family: 'Quicksand', sans-serif;
  58. }
  59. h1, h2, h3, h4, h5, h6 {
  60. font-family: 'Oswald', sans-serif;
  61. font-family: 'Quicksand', sans-serif;
  62. }
  63. .bg-half-170 {
  64. padding:0px;
  65. }
  66. .bg-primary, .btn-primary, .btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active, .btn-soft-primary.active, .btn-soft-primary.focus, .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .pagination .page-item.active .page-link, .nav-pills .nav-link.active, #preloader #status .spinner .double-bounce1, #preloader #status .spinner .double-bounce2, .social-icon li a:hover, #topnav .navbar-toggle.open span:hover, .bg-animation-left.crypto-home:after, .bg-animation-left.task-management-home:after, .classic-app-image .bg-app-shape:after, .classic-saas-image .bg-saas-shape:after, .swiper-slider-hero .swiper-container .swiper-button-prev:hover, .features.fea-primary:hover, .tns-nav button.tns-nav-active, .ribbon.ribbon-primary span, .sidebar .widget .tagcloud > a:hover, .work-container.work-modern .icons .work-icon:hover, .timeline-page .timeline-item .date-label-left:after, .timeline-page .timeline-item .duration-right:after, #navmenu-nav li.account-menu.active .navbar-link, #navmenu-nav li.account-menu:hover .navbar-link, .qs-datepicker-container .qs-squares .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover, .qs-datepicker-container .qs-squares .qs-square.qs-current, .carousel-indicators [data-bs-target], .carousel-indicators .active, .tns-controls button[data-controls="prev"]:hover, .tns-controls button[data-controls="next"]:hover, .back-to-top {
  67. background-color: #141639c4 !important;
  68. color: white!important;
  69. border-radius:0px !important;
  70. border-color: #141639c4 !important;
  71. }
  72. .form-check-input.form-check-input:checked{
  73. border-radius:20px !important;
  74. background-color: #141639c4 !important;
  75. }
  76. .form-check-input:focus {
  77. border-color: #141639c4 !important;
  78. background-image:#141639c4 !important;
  79. }
  80. .nav-pills .nav-link{
  81. color: white !important;
  82. }
  83. .nav-pills {
  84. margin-bottom: 0px;
  85. background:none;
  86. }
  87. .logo {
  88. font-weight: 700;
  89. font-size: 24px;
  90. margin-right: 0px;
  91. padding: 0 0 6px;
  92. letter-spacing: 1px;
  93. line-height: 68px;
  94. }
  95. a {
  96. text-decoration: none !important;
  97. }
  98. .table {
  99. width: 100%;
  100. color: #6e6b7b;
  101. }
  102. .list_table thead tr th {
  103. font-size: 12px;
  104. font-weight: 700;
  105. background-color: #16183f69;
  106. text-transform: capitalize;
  107. color: #ffff;
  108. }
  109. .list_table thead tr th {
  110. padding: 11px 6px 10px!important;
  111. }
  112. .list_table .institute_info {
  113. display: flex !important;
  114. }
  115. .list_table .institute_info .left {
  116. width: 37px;
  117. align-self: center;
  118. }
  119. .list_table .institute_info .left .fa {
  120. background: #f1f0fb;
  121. padding: 10px;
  122. border-radius: 100%;
  123. font-size: 14px;
  124. color: #2e1153;
  125. }
  126. tbody, td, tfoot, th, thead, tr {
  127. border-color: inherit;
  128. /* border-style: dashed; */
  129. border-width: 0;
  130. }
  131. .change_pass_btn {
  132. margin-top: 0;
  133. color: #ffff;
  134. border: 1px solid #9f9fa169;
  135. border-radius: 50%;
  136. padding: 8px 8px;
  137. margin-right: 0;
  138. background: #16183f69;
  139. font-size: 15px!important;
  140. }
  141. .change_pass_btn:hover {
  142. color: #ff7f00;
  143. transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  144. border: 1px solid #ff7f00 !important;
  145. }
  146. .icon_bar {
  147. width: fit-content;
  148. overflow: auto;
  149. border-radius: 0.25rem;
  150. padding: 2px 4px;
  151. margin: 0 auto;
  152. border: 0.5px solid #d8e2e7;
  153. }
  154. .icon_bar a {
  155. text-align: center;
  156. padding: 0;
  157. color: #818084;
  158. font-size: 16px;
  159. margin: 0 3px;
  160. border-bottom: none;
  161. top: 0;
  162. }
  163. .label_badge_radius {
  164. color: #2e1153;
  165. border-radius: 20px;
  166. padding: 1px 10px;
  167. font-size: 10px;
  168. line-height: 1.3;
  169. letter-spacing: .2px;
  170. font-weight: 400;
  171. /* background-image: linear-gradient(to right, rgb(46 17 83 / 19%), rgb(245, 244, 253)); */
  172. }
  173. .label_badge_no {
  174. color: red;
  175. border-radius: 20px;
  176. padding: 1px 10px;
  177. font-size: 11px;
  178. line-height: 1.3;
  179. letter-spacing: .2px;
  180. font-weight: 400;
  181. background-color:#ffecee;
  182. }
  183. .label_badge_gpa {
  184. color: #327ab7;
  185. border-radius: 20px;
  186. padding: 1px 10px;
  187. font-size: 11px;
  188. line-height: 1.3;
  189. letter-spacing: .2px;
  190. font-weight: 400;
  191. background-color: #e5f3ff;
  192. }
  193. .label_badge_work {
  194. color: #2466dc;
  195. border-radius: 20px;
  196. padding: 1px 10px;
  197. font-size: 11px;
  198. line-height: 1.3;
  199. letter-spacing: .2px;
  200. font-weight: 400;
  201. background-color:#e5ebf7;
  202. }
  203. .ms-5 {
  204. margin-left: 2.4rem!important;
  205. }
  206. .btncl{
  207. padding: 2px 6px;
  208. color: #ffffff !important;
  209. background-color: #ffc107 !important;
  210. border-radius: 30px;
  211. }
  212. .btncl:hover {
  213. background-color: #ffffff !important;
  214. border-color: #ffc107 !important;
  215. color: #ffc107 !important;
  216. }
  217. .btn2{
  218. background-color: #141639c4 !important;
  219. color:white !important;
  220. border-radius: 20px;
  221. box-shadow:none !important;
  222. padding:3px 13px !important;
  223. font-size:13px;
  224. }
  225. .btn2:hover{
  226. background: #fff !important;
  227. color: #141639c4 !important;
  228. border-radius: 20px;
  229. border-color: #2e1153!important;
  230. }
  231. .submit_button {
  232. background-color: #2e1153!important;
  233. border-width: 1px!important;
  234. border-color: #2e1153!important;
  235. color: #fff!important;
  236. border-radius: 30px!important;
  237. padding: 6px 11px!important;
  238. height: 28px!important;
  239. font-size: 14px!important;
  240. line-height: 1!important;
  241. font-weight: 600!important;
  242. }
  243. .submit_button:hover {
  244. background-color: #fff;
  245. border-color: #2e1153;
  246. color: #2e1153;
  247. }
  248. .top_part_status_name {
  249. border-radius: 20px;
  250. padding: 1px 22px 1px 10px;
  251. font-size: 10px;
  252. font-weight: 400;
  253. line-height: 1.3;
  254. letter-spacing: .2px;
  255. top: 0;
  256. position: relative;
  257. width: fit-content;
  258. display: flex;
  259. }
  260. .top_part_status .dropdown .dropdown-menu.show .dropdown-item:first-child {
  261. border-top-left-radius: 0.25rem;
  262. border-top-right-radius: 0.25rem;
  263. }
  264. .top_part_status .dropdown .dropdown-menu.show .dropdown-item:hover {
  265. background: #2e1153;
  266. color: #fff !important;
  267. }
  268. .dropdown-menu {
  269. display: none;
  270. float: left;
  271. min-width:5rem;
  272. padding: 0.5rem 0;
  273. margin: 0.125rem 0 0;
  274. color: #212529;
  275. text-align: left;
  276. list-style: none;
  277. background-color: #fff;
  278. background-clip: padding-box;
  279. border: 1px solid rgba(0,0,0,.15);
  280. border-radius: 0.25rem;
  281. font-size: 11px;
  282. background-color: #dedbf1;
  283. }
  284. .dropdown-item {
  285. display: block;
  286. width: 100%;
  287. clear: both;
  288. font-weight: 400;
  289. text-align: inherit;
  290. white-space: nowrap;
  291. background: 0 0;
  292. border: 0;
  293. padding: 4px 12px;
  294. }
  295. .site-header {
  296. position: fixed;
  297. top: 0;
  298. left: 0;
  299. width: 100%;
  300. height: auto;
  301. max-height: 80px;
  302. background: #fff;
  303. padding: 0px 15px 0 0;
  304. z-index: 80;
  305. }
  306. .sidebar-wrapper .sidebar-menu ul li a {
  307. display: inline-block;
  308. width: 100%;
  309. text-decoration: none;
  310. position: relative;
  311. padding:7px 15px 7px 20px;
  312. }
  313. .sidebar-wrapper .sidebar-menu ul li:hover>a{
  314. background-color: #141639c4 !important;
  315. color:white;
  316. border-radius: 0px !important
  317. }
  318. .sidebar-footer {
  319. position: sticky;
  320. }
  321. .edu_title {
  322. background: #191e38;
  323. font-weight: 600;
  324. color: white;
  325. padding: 2px 8px;
  326. border-radius: 6px;
  327. font-size: 11px;
  328. }
  329. .summary_edu_part {
  330. padding: 15px 10px;
  331. position: relative;
  332. background: #eee;
  333. border-radius: 7px;
  334. }
  335. .summary_edu_part .education_head {
  336. display: flex;
  337. width: 100%;
  338. }
  339. .summary_edu_part .education_head .left {
  340. width: 80%;
  341. }
  342. .summary_edu_part .education_head .right {
  343. width: 20%;
  344. text-align: right;
  345. }
  346. .summary_edu_part .education_body ul {
  347. list-style-type: none;
  348. padding-left: 0;
  349. margin-bottom: 0;
  350. }
  351. .summary_edu_part .education_body ul li:first-child {
  352. font-size: 11px;
  353. font-weight: 600;
  354. color: black;
  355. }
  356. .summary_edu_part .education_body ul li {
  357. line-height: 1.5;
  358. color: #343434;
  359. font-weight: 400;
  360. font-size: 11px;
  361. }
  362. .summary_ielts_part {
  363. position: relative;
  364. }
  365. .summary_ielts_part .education_head {
  366. display: flex;
  367. width: 100%;
  368. }
  369. .expiration {
  370. display: inline;
  371. margin-left: 5px;
  372. }
  373. .single_glance_row {
  374. background-color: rgb(255 255 255);
  375. font-size: 12px !important;
  376. margin: 0 !important;
  377. border: none;
  378. border-bottom: 1px solid #e8eef1;
  379. border-radius: 0;
  380. padding: 8px 10px;
  381. color: #343434;
  382. font-size: 1rem;
  383. }
  384. .single_glance_row_publication {
  385. background-color: rgb(255 255 255);
  386. font-size: 12px !important;
  387. margin: 0 !important;
  388. border: none;
  389. border-radius: 0;
  390. padding: 8px 10px;
  391. color: #343434;
  392. font-size: 1rem;
  393. }
  394. .config{
  395. font-size: 13px;
  396. font-weight: 600;
  397. color: black;
  398. }
  399. .content_header {
  400. display: flex;
  401. width: 100%;
  402. line-height: 1.2;
  403. }
  404. .content_header .left {
  405. width: 40px;
  406. align-self: center;
  407. }
  408. .content_header .left .fa {
  409. padding: 6px 6.8px;
  410. background: #f1f0fb;
  411. border-color: transparent;
  412. color: #2e1153;
  413. border-radius: 100%;
  414. font-size: 14px;
  415. border: 1px solid #ceccda;
  416. }
  417. .content_header .right {
  418. width: calc(100% - 40px);
  419. align-self: center;
  420. }
  421. .content_header .right .main_title {
  422. font-size: 18px;
  423. font-weight: 600;
  424. display: block;
  425. }
  426. .method {
  427. background-color: #2c2d4d;
  428. margin-top: -11px;
  429. width: fit-content;
  430. font-size: 14px !important;
  431. color: #fff;
  432. padding-left: 9px;
  433. padding-right: 9px;
  434. border-radius: 5px;
  435. }
  436. .method-box{
  437. width: 31.5%;
  438. background-color: #eee;
  439. border-radius: 5px;
  440. }
  441. .label_badge_no {
  442. color: #e75555;
  443. border-radius: 20px;
  444. padding: 1px 10px;
  445. font-size: 11px;
  446. line-height: 1.3;
  447. letter-spacing: .2px;
  448. font-weight: 400;
  449. background-color: #eed4ce;
  450. }
  451. .hand{
  452. cursor: pointer;
  453. }
  454. .pro_top_rating {
  455. border: none;
  456. float: left;
  457. }
  458. .pro_top_rating > label {
  459. color: #90A0A3;
  460. float: right;
  461. }
  462. .pro_top_rating > label:before {
  463. margin-right: 5px;
  464. font-size: .7rem;
  465. font-family: FontAwesome;
  466. content: "\f005";
  467. display: inline-block;
  468. }
  469. .pro_top_rating > input {
  470. display: none;
  471. }
  472. .pro_top_rating > input:checked ~ label,
  473. .pro_top_rating:not(:checked) > label:hover,
  474. .pro_top_rating:not(:checked) > label:hover ~ label {
  475. color: #F79426;
  476. }
  477. .pro_top_rating > input:checked + label:hover,
  478. .pro_top_rating > input:checked ~ label:hover,
  479. .pro_top_rating > label:hover ~ input:checked ~ label,
  480. .pro_top_rating > input:checked ~ label:hover ~ label {
  481. color: #FECE31;
  482. }
  483. /* stnd-proposal */
  484. .horizontal-menu .header-navbar.navbar-fixed {
  485. position: fixed;
  486. width: 100%;
  487. }
  488. .btn1{
  489. background-color: #aba3db !important;
  490. color:white !important;
  491. border-radius: 20px;
  492. box-shadow:none !important;
  493. }
  494. .btn1:hover{
  495. background: #453993 !important;
  496. color: #fff !important;
  497. border-radius: 20px;
  498. }
  499. .title{
  500. font-size:12px;
  501. }
  502. .badge-title{
  503. background: #dedbf1;
  504. font-weight: 600;
  505. color: #2e1153;
  506. padding: 2px 8px;
  507. border-radius: 4px;
  508. border: 1px solid #d8e2e7;
  509. font-size: 11px;
  510. }
  511. .badge-lighter-green {
  512. background: #d8fdd8!important;
  513. color: green!important;
  514. }
  515. .badge-lighter-red {
  516. background: #f3dadc!important;
  517. color: #de1528!important;
  518. }
  519. .uil-map-marker {
  520. color: #2e1153;
  521. background: #f1f0fb;
  522. border-radius: 100%;
  523. font-size: 14px;
  524. padding: 4px 6px;
  525. border: 1px solid #ceccda;
  526. }
  527. /* .navbar {
  528. display: inline-block;
  529. } */
  530. .card {
  531. background-color: inherit;
  532. }
  533. .education{
  534. padding: 10px 16px;
  535. background-color: #dedbf1!important;
  536. margin-left: -12px;
  537. margin-right: -12px;
  538. border-radius: 4px 4px 0px 0px;
  539. font-size: 12px;
  540. }
  541. .btn3{
  542. background-color: #2e1153 !important;
  543. color:white !important;
  544. border-radius: 20px;
  545. box-shadow:none !important;
  546. padding:3px 17px !important;
  547. font-size:13px;
  548. }
  549. .btn3:hover{
  550. background: #fff !important;
  551. color: #2e1153 !important;
  552. border-radius: 20px;
  553. border-color: #2e1153!important;
  554. }
  555. .fea.icon-sm {
  556. height: 10px;
  557. width: 12px;
  558. }
  559. .tbl {
  560. color: #868e96;
  561. font-size: 10px;
  562. font-weight: 600 !important;
  563. margin:0px !important;
  564. }
  565. .tbl2 {
  566. font-weight: 600 !important;
  567. font-size: 11px !important;
  568. }
  569. .profile_top_part_info {
  570. background: white;
  571. border: none;
  572. padding: 15px;
  573. }
  574. .profile_top_part_info .whole_part {
  575. width: 100%;
  576. display: flex;
  577. }
  578. .profile_top_part_info .whole_part .left_part {
  579. width: 150px;
  580. position: relative;
  581. line-height: 145px;
  582. }
  583. .profile_top_part_info .whole_part .left_part .profile-photo {
  584. left: 48%;
  585. transform: translate(-50%, 0);
  586. margin-left: 0 !important;
  587. }
  588. .profile-photo {
  589. position: absolute;
  590. }
  591. .profile-photo .profile_pic {
  592. width: 130px;
  593. }
  594. .profile_pic img {
  595. border: 2px solid #2e1153;
  596. border-radius: 1.25rem;
  597. }
  598. .profile_top_part_info .whole_part .right_part {
  599. width:100%;
  600. display: flex;
  601. }
  602. .profile_top_part_info .whole_part .right_part .right_part_right {
  603. width: 100%;
  604. }
  605. .right_part_right_whole {
  606. display: flex;
  607. width: 100%;
  608. position: relative;
  609. justify-content: flex-end;
  610. }
  611. .label {
  612. display: inline-block;
  613. line-height: 1;
  614. color: #fff;
  615. text-align: center;
  616. white-space: nowrap;
  617. vertical-align: baseline;
  618. border-radius: 0.25rem;
  619. font-size: 10px;
  620. font-weight: 400;
  621. }
  622. .top_part_status_name {
  623. border-radius: 20px;
  624. padding: 1px 22px 1px 10px;
  625. font-size: 10px;
  626. font-weight: 400;
  627. line-height: 1.3;
  628. letter-spacing: .2px;
  629. top: 0;
  630. position: relative;
  631. width: fit-content;
  632. display: flex;
  633. }
  634. .dropdown-menu {
  635. display: none;
  636. float: left;
  637. min-width: 7rem;
  638. padding: 0.5rem 0;
  639. margin: 0.125rem 0 0;
  640. color: #212529;
  641. text-align: left;
  642. list-style: none;
  643. background-color: #fff;
  644. background-clip: padding-box;
  645. border: 1px solid rgba(0,0,0,.15);
  646. border-radius: 0.25rem;
  647. font-size: 11px;
  648. background-color: #dedbf1;
  649. }
  650. .dropdown-item {
  651. display: block;
  652. width: 100%;
  653. clear: both;
  654. font-weight: 400;
  655. text-align: inherit;
  656. white-space: nowrap;
  657. background: 0 0;
  658. border: 0;
  659. padding: 4px 12px;
  660. }
  661. .top_part_status .dropdown .dropdown-menu.show .dropdown-item:first-child {
  662. border-top-left-radius: 0.25rem;
  663. border-top-right-radius: 0.25rem;
  664. }
  665. .top_part_status .dropdown .dropdown-menu.show .dropdown-item:hover {
  666. background: #2e1153;
  667. color: #fff !important;
  668. }
  669. .left-box{
  670. width: 25.1%;
  671. border-radius: 0px;
  672. border-right: 1px solid #eee;
  673. }
  674. .ref {
  675. background-color: #ffad00;
  676. margin-top: -11px;
  677. font-size: 13px !important;
  678. color: #191e38;
  679. padding-left: 8px;
  680. border-radius: 5px;
  681. width: fit-content;
  682. padding-right: 8px;
  683. }
  684. </style>
  685. @stack('css')
  686. </head>