default.css 32 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503
  1. /*!
  2. * Rainbow stylesheet - Default v.1.0
  3. * Homepage: https://chamilo.org
  4. * Author: Alex Aragón <alex.aragon@beeznest.com>
  5. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  6. * Based on Bootstrap v3
  7. */
  8. html {
  9. -ms-text-size-adjust: 100%;
  10. -webkit-text-size-adjust: 100%;
  11. }
  12. body {
  13. margin: 0;
  14. font-family: Verdana, Helvetica, Arial, sans-serif !important;
  15. line-height: 1.72222;
  16. background: url('images/bg.png') center center repeat-x;
  17. color: #666;
  18. }
  19. a {
  20. color: #162A83;
  21. text-decoration: none;
  22. }
  23. a:hover,
  24. a:focus {
  25. color: #666;
  26. text-decoration: none;
  27. }
  28. a:focus {
  29. outline: none;
  30. }
  31. .logo-ofaj{
  32. padding: 5px;
  33. margin-bottom: 0;
  34. margin-top: 0;
  35. }
  36. .home-information{
  37. margin: 0;
  38. padding: 0;
  39. }
  40. .home-information .title{
  41. position: static;
  42. font-size: 16px;
  43. margin-top: 20px;
  44. margin-bottom: 12px;
  45. font-weight: bold;
  46. color: #162A83;
  47. }
  48. .home-information .item-icon{
  49. text-align: center;
  50. }
  51. .home-information .item-icon .circle .fa{
  52. color: #FFF;
  53. }
  54. .home-information .item-icon .circle{
  55. width: 75px;
  56. height: 75px;
  57. line-height: 90px;
  58. border-radius: 50%;
  59. background: #162A83;
  60. display: inline-block;
  61. }
  62. .result-body{
  63. background-color: #FFF;
  64. }
  65. #sessionList .list-group .title{
  66. font-size: 12px;
  67. font-weight: normal;
  68. display: inline !important;
  69. }
  70. #session-block .list-group .list-group-item{
  71. float: left;
  72. }
  73. #courseList .list-group .title{
  74. font-size: 12px;
  75. font-weight: normal;
  76. display: inline !important;
  77. }
  78. #course-block .list-group .list-group-item{
  79. float: left;
  80. }
  81. .title{
  82. position: static;
  83. font-size: 25px;
  84. margin-top: 32px;
  85. margin-bottom: 12px;
  86. font-weight: bold;
  87. color: #07578A;
  88. }
  89. .title a:hover{
  90. color: #666;
  91. }
  92. .page-faq .title, .page-contact .title{
  93. margin-top: 15px;
  94. margin-bottom: 10px;
  95. }
  96. .ui-widget-content{
  97. color: #666;
  98. }
  99. .ui-widget-header{
  100. color: #666;
  101. }
  102. .page-inscription .page-header{
  103. border: none;
  104. }
  105. .page-inscription .page-header h2{
  106. font-size: 25px;
  107. font-weight: bold;
  108. color: #07578A;
  109. }
  110. .title-green{
  111. position: static;
  112. font-size: 25px;
  113. margin-top: 32px;
  114. margin-bottom: 12px;
  115. font-weight: bold;
  116. color: #96BD0D;
  117. }
  118. .title-green a:hover{
  119. color: #666;
  120. }
  121. .list-faq{
  122. border: 1px solid #e5e5e5;
  123. border-radius: 5px;
  124. margin-top: 25px;
  125. padding-top: 20px;
  126. padding-bottom: 20px;
  127. margin-bottom: 20px;
  128. }
  129. .list-items-faq{
  130. list-style: none;
  131. padding: 0;
  132. margin: 0;
  133. }
  134. .list-items-faq a{
  135. color: #666;
  136. }
  137. .list-items-faq a:hover{
  138. color: #07578A;
  139. }
  140. .list-faq .list-title{
  141. font-size: 16px;
  142. font-weight: bold;
  143. }
  144. .block-faq .title{
  145. font-size: 20px;
  146. font-weight: bold;
  147. margin-bottom: 30px;
  148. color: #07578A;
  149. }
  150. .page-faq{
  151. padding-left: 30px;
  152. padding-right: 30px;
  153. }
  154. .block-faq .panel-default {
  155. box-shadow: none;
  156. }
  157. .block-faq .panel-default .panel-heading{
  158. font-weight: bold;
  159. font-size: 16px;
  160. background: transparent;
  161. }
  162. .back_to_top{
  163. font-size: 16px;
  164. text-align: center;
  165. }
  166. .back_to_top_wrap{
  167. cursor: pointer;
  168. position: fixed;
  169. right: 0;
  170. top: 50px;
  171. display: none;
  172. }
  173. .back_to_top_wrap:hover{
  174. color: #FFFFFF;
  175. }
  176. .navbar-right{
  177. margin-right: 0;
  178. }
  179. .partners{
  180. text-align: left;
  181. }
  182. .partners a{
  183. display: inline-block;
  184. padding-left: 10px;
  185. padding-right: 10px;
  186. }
  187. .big_icon img{
  188. box-shadow: none;
  189. border: none;
  190. }
  191. .big_icon img:hover{
  192. box-shadow: none;
  193. border: none;
  194. }
  195. footer #footer_right{
  196. text-align: right;
  197. }
  198. /* Menu Option */
  199. .item-menu{
  200. text-align: center;
  201. }
  202. .item-menu a{
  203. color: #fff !important;
  204. font-size: 15px;
  205. }
  206. .navbar-collapse{
  207. padding: 0;
  208. }
  209. .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
  210. background-color: #8A3BA2;
  211. }
  212. #formLogin .input-group .input-group-addon .fa{
  213. color: #162A83;
  214. }
  215. .grid-courses .items .image .user-actions .btn .fa{
  216. color: #162A83;
  217. }
  218. .hot-courses .grid-courses .items .toolbar{
  219. display: none;
  220. }
  221. .hot-courses .grid-courses .items{
  222. min-height: 220px;
  223. }
  224. #latest_pages .section-title{
  225. margin-bottom: 35px;
  226. }
  227. .statistics{
  228. padding-top: 20px;
  229. padding-bottom: 20px;
  230. margin-top: 10px;
  231. margin-bottom: 10px;
  232. }
  233. .section-notice{
  234. padding-top: 20px;
  235. padding-bottom: 20px;
  236. margin-top: 10px;
  237. margin-bottom: 10px;
  238. }
  239. .section-notice .items{
  240. padding-left: 10px;
  241. padding-right: 10px;
  242. }
  243. .section-notice .items .description .title{
  244. margin-top: 10px;
  245. }
  246. .section-notice .items .title a{
  247. color: #162A83;
  248. font-size: 14px;
  249. font-weight: 700;
  250. }
  251. .section-notice .items .title a:hover{
  252. color: #666666;
  253. font-weight: 700;
  254. }
  255. .section-notice .items .image .sonata-media-block-media-container img,
  256. #latest_blocks .container.section-notice .items .image .sonata-media-block-feature-media-container img{
  257. width: 100%;
  258. height: 100%;
  259. }
  260. .section-notice .items .date{
  261. color: #888;
  262. padding-top: 5px;
  263. padding-bottom: 10px;
  264. }
  265. .section-global #breadcrumb-bar{
  266. display: none;
  267. }
  268. .grid-courses .session .session-name{
  269. color: #E53140;
  270. }
  271. .grid-courses .items.session{
  272. min-height: 230px;
  273. border: 1px solid #19BF69;
  274. }
  275. .section-title{
  276. font-size: 28px;
  277. color: #96BD0D;
  278. text-align: center;
  279. }
  280. .statistics .icon-color{
  281. color: #96BD0D;
  282. }
  283. .statistics .number{
  284. color: #96BD0D;
  285. font-weight: 700;
  286. }
  287. .statistics .text{
  288. color: #162A83;
  289. }
  290. .statistics .items{
  291. padding: 0;
  292. margin: 0;
  293. list-style: none;
  294. margin-left: 90px;
  295. }
  296. .statistics .items li{
  297. display: inline-block;
  298. padding-right: 10px;
  299. }
  300. .statistics .items li h2{
  301. padding: 0;
  302. margin: 0;
  303. }
  304. .welcome-home-top-temp{
  305. padding: 0;
  306. margin: 0;
  307. }
  308. #content-section, #page-wrap{
  309. margin-bottom: 250px;
  310. }
  311. .welcome-home-top-temp h1{
  312. color: #E53140;
  313. }
  314. .welcome-home-top-temp p{
  315. font-size: 20px;
  316. }
  317. #carousel-announcement .carousel-indicators .active{
  318. background: #162A83;
  319. }
  320. .carousel-indicators li{
  321. border: none;
  322. }
  323. #carousel-announcement .carousel-indicators li{
  324. width: 15px;
  325. height: 15px;
  326. }
  327. .carousel-control{
  328. opacity: 1;
  329. }
  330. .carousel-control:focus, .carousel-control:hover{
  331. opacity: 1;
  332. color: #162A83;
  333. }
  334. .form-horizontal .progress{
  335. margin-top: 10px;
  336. }
  337. .navbar{
  338. border-radius: 0;
  339. }
  340. .navbar {
  341. background: #96BD0D;
  342. border: none;
  343. }
  344. .nav li a{
  345. padding: 10px 20px;
  346. }
  347. .navbar-nav li a{
  348. font-weight: bold;
  349. line-height: 25px;
  350. padding-top: 12.5px;
  351. padding-bottom: 12.5px;
  352. }
  353. .navbar-collapse{
  354. overflow: hidden !important;
  355. }
  356. .navbar-default .navbar-nav > li > a:focus,
  357. .navbar-default .navbar-nav > li > a:hover {
  358. color: #A4DC2D;
  359. }
  360. .navbar-default .navbar-nav > .active > a,
  361. .navbar-default .navbar-nav > .active > a:hover,
  362. .navbar-default .navbar-nav > .active > a:focus{
  363. color: #fff;
  364. background:#6B1D82;
  365. }
  366. .navbar-default .navbar-nav > li > a{
  367. color: #333333;
  368. }
  369. .navbar-default .navbar-nav > .open > a,
  370. .navbar-default .navbar-nav > .open > a:hover,
  371. .navbar-default .navbar-nav > .open > a:focus{
  372. background: #07578a;
  373. }
  374. .navbar-nav > li > .dropdown-menu{
  375. min-width: 100%;
  376. margin-top: 2px;
  377. border-radius: 4px;
  378. -webkit-border-radius: 4px;
  379. -moz-border-radius: 4px;
  380. }
  381. .navbar-default .navbar-nav > .open > .dropdown-menu{
  382. padding: 3px 4px;
  383. }
  384. .navbar-default .navbar-nav > .open > .dropdown-menu > li > a{
  385. padding: 6px 9px;
  386. border-radius: 4px;
  387. -webkit-border-radius: 4px;
  388. -moz-border-radius: 4px;
  389. font-weight: normal;
  390. }
  391. .navbar-right .dropdown .dropdown-toggle{
  392. padding-top: 7px;
  393. padding-bottom: 7px;
  394. }
  395. .dropdown-toggle .img-circle{
  396. border: 2px solid #ccc;
  397. }
  398. .navbar-default .navbar-nav > .open > a,
  399. .navbar-default .navbar-nav > .open > a:hover,
  400. .navbar-default .navbar-nav > .open > a:focus{
  401. background-color: #6B1D82;
  402. padding-bottom: 7px;
  403. padding-top: 7px;
  404. color: #FFF;
  405. }
  406. .navbar-default .navbar-nav > li > a:focus,
  407. .navbar-default .navbar-nav > li > a:hover{
  408. color: #FFF;
  409. }
  410. .nav > li > a:hover, .nav > li > a:focus{
  411. background-color: transparent;
  412. }
  413. .btn-primary{
  414. background-color: #162A83;
  415. border-color: #162A83;
  416. }
  417. .btn-primary:hover{
  418. background-color: #000080;
  419. border-color: #000080;
  420. }
  421. .page-inscription .btn-default{
  422. background-color: #162A83;
  423. border-color: #162A83;
  424. color: #FFF;
  425. }
  426. .page-inscription .dropdown-toggle.btn-default{
  427. background-color: #FFF;
  428. border-color: #CCC;
  429. color: #333;
  430. }
  431. #extra_terms_datedenaissance_alt{
  432. background: #FFF;
  433. }
  434. .navbar-inverse li a{
  435. line-height: 30px;
  436. background: none !important;
  437. font-size: 12px;
  438. font-weight: normal;
  439. padding-top: 5px;
  440. padding-right: 10px;
  441. padding-left: 10px;
  442. padding-bottom: 5px;
  443. }
  444. .navbar-fixed-top .navbar-collapse{
  445. min-height:auto;
  446. }
  447. .navbar-inverse .navbar-brand{
  448. padding: 10px;
  449. font-size: 14px;
  450. height: auto;
  451. }
  452. .navbar-form .form-control{
  453. height: 25px;
  454. padding: 6px;
  455. }
  456. .navbar-fixed-top{
  457. min-height: 40px;
  458. }
  459. .navbar-fixed-top .dropdown-menu li a{
  460. line-height: 20px;
  461. }
  462. .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus{
  463. color: #ffffff;
  464. }
  465. .navbar-inverse li a:hover {
  466. background-image: -webkit-linear-gradient(#020202, #101112 40%, #191b1d) !important;
  467. background-image: -o-linear-gradient(#020202, #101112 40%, #191b1d) !important;
  468. background-image: -webkit-gradient(linear, left top, left bottom, from(#020202), color-stop(40%, #101112), to(#191b1d)) !important;
  469. background-image: linear-gradient(#020202, #101112 40%, #191b1d) !important;
  470. background-repeat: no-repeat !important;
  471. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff020202', endColorstr='#ff191b1d', GradientType=0) !important;
  472. -webkit-filter: none !important;
  473. filter: none !important;
  474. border-left-color: transparent !important;
  475. }
  476. .navbar-inverse .dropdown-menu li a:hover,
  477. .navbar-inverse .dropdown-menu li a:focus{
  478. background:#3C4147 !important;
  479. color: #fff;
  480. }
  481. .grid-courses .items .title{
  482. font-size: 12px;
  483. font-weight: bold;
  484. min-height: 35px;
  485. }
  486. .badge-warning{
  487. background-color: #6D237D;
  488. }
  489. .breadcrumb{
  490. padding: 8px 15px;
  491. margin-bottom: 21px;
  492. list-style: outside none none;
  493. background: transparent;
  494. font-size: 12px;
  495. color: #6B1D82;
  496. border-radius: 0;
  497. border-bottom: 1px solid #96bd0d;
  498. }
  499. .view-options {
  500. padding-top: 0;
  501. padding-right: 0;
  502. }
  503. .breadcrumb a{
  504. color: #6B1D82;
  505. }
  506. #scorm-panel .panel.panel-default{
  507. margin-top:0 ;
  508. border-bottom: 1px solid #84bd00;
  509. border-radius: 0;
  510. }
  511. .panel-default{
  512. border-color: #ddd;
  513. }
  514. .panel-default .panel-heading{
  515. color: #666;
  516. background-color:#ECF0F1;
  517. border-color: #ECF0F1;
  518. }
  519. .menu-column .nav li a img{
  520. vertical-align: middle;
  521. }
  522. .form-horizontal .control-label{
  523. font-size: 12px;
  524. }
  525. .panel-default .panel-heading h4{
  526. font-size: 12px;
  527. }
  528. .question_row_score .title-score .total{
  529. background: #FFF;
  530. color: #162A83;
  531. border: none;
  532. text-align: left;
  533. display: none;
  534. }
  535. .question_row_score .title-score .total h3{
  536. font-weight: bold;
  537. }
  538. .question_row_answer{
  539. border: none;
  540. }
  541. .feedbaak-question{
  542. padding: 5px 15px;
  543. display: block;
  544. width: 100%;
  545. }
  546. .feedbaak-question img{
  547. padding-right: 15px;
  548. }
  549. .feedbaak-question .feedback-red{
  550. color: #162a83;
  551. text-decoration:line-through;
  552. }
  553. .feedbaak-question .feedback-green{
  554. color: #96BD0D;
  555. }
  556. .feedbaak-question .feedback-separator{
  557. color:#162a83;
  558. font-weight: bold;
  559. }
  560. .ribbon{
  561. background: #FFFFFF;
  562. border: none;
  563. box-shadow: none;
  564. }
  565. .ribbon h4{
  566. color: #FFF;
  567. }
  568. .question_row_answer .page-header{
  569. font-weight: normal;
  570. font-size: 22px;
  571. margin: 5px 0;
  572. }
  573. .score-title{
  574. color: #162a83;
  575. font-weight: bold;
  576. font-size: 16px;
  577. }
  578. .score-limits{
  579. padding-top: 5px;
  580. padding-bottom: 5px;
  581. }
  582. .score-limits .score-img{
  583. display: inline-block;
  584. padding-right: 5px;
  585. }
  586. /* bar progress */
  587. .progress{
  588. background: #FFF;
  589. border: 1px solid #162A83;
  590. border-radius: 0;
  591. text-shadow:none;
  592. }
  593. .progress-bar{
  594. color: #162A83;
  595. }
  596. .progress-bar-success{
  597. background-color: #96bd0d;
  598. }
  599. .scorm-header .progress-bar-success{
  600. background-color: #772583;
  601. }
  602. .scorm-header .progress-bar{
  603. color: #FFF;
  604. }
  605. .page-header{
  606. color: #162a83;
  607. border-bottom: none;
  608. font-weight: bold;
  609. }
  610. /* table ofaj */
  611. .table-ofaj{
  612. border-top: 1px solid #96bd0d;
  613. margin-top: 20px;
  614. }
  615. .table-ofaj .table-header{
  616. font-size: 14px;
  617. color: #162a83;
  618. }
  619. .table-ofaj .table-header th{
  620. border-bottom: 1px solid #96bd0d;
  621. padding-top: 20px;
  622. }
  623. .table-ofaj tbody tr td{
  624. border-top: 1px solid #96bd0d;
  625. }
  626. /* Jquery UI */
  627. .ui-accordion .ui-accordion-icons{
  628. padding-left: 0.2em;
  629. }
  630. /* End Jquery UI */
  631. .footer .pre-footer{
  632. padding-bottom: 5px;
  633. padding-top: 5px;
  634. margin-bottom: 10px;
  635. }
  636. footer .sub-footer{
  637. background-color:#ECECEC;
  638. padding-top: 20px;
  639. padding-bottom: 20px;
  640. }
  641. footer{
  642. color: #333333;
  643. }
  644. footer a{
  645. color: #666666;
  646. }
  647. footer a:hover{
  648. color: #96BD0D;
  649. }
  650. .navbar-default .navbar-brand {
  651. color:white;
  652. }
  653. .navbar-default .navbar-collapse, .navbar-default .navbar-form{
  654. border-color: #00677C;
  655. }
  656. .navbar-default .navbar-toggle{
  657. border: none;
  658. background-color: #000080;
  659. }
  660. .navbar-default .navbar-toggle .icon-bar{
  661. background-color: #ffffff;
  662. }
  663. .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
  664. background-color: #00677C;
  665. }
  666. .page-header{
  667. margin: 10px 0 10px;
  668. }
  669. #user_form .form-horizontal{
  670. font-size: 13px;
  671. }
  672. .form-horizontal .holder{
  673. border: none;
  674. }
  675. .form-horizontal .ul.holder li.bit-input input{
  676. width: 514px;
  677. border: 1px solid #cccccc !important;
  678. }
  679. legend{
  680. font-size: 18px;
  681. }
  682. .legend .panel-body{
  683. font-size: 13px;
  684. }
  685. .items .sonata-media-block-media-container{
  686. float: left;
  687. padding-right: 10px;
  688. padding-top: 5px;
  689. }
  690. #carousel-announcement .carousel-indicators li{
  691. border: 1px solid #162A83;
  692. }
  693. .ofaj-search .text-info{
  694. color: #888;
  695. }
  696. .ofaj-search .col-sm-8{
  697. width: 50.666%;
  698. }
  699. .ofaj-search .col-sm-2{
  700. width: 17.667%;
  701. }
  702. .ofaj-search .col-sm-2.control-label{
  703. width: 31.667%;
  704. font-weight: normal;
  705. }
  706. .required:before {
  707. content: "* ";
  708. color: #f00;
  709. }
  710. #breadcrumb-bar #view_as_link {
  711. padding-top: 0px;
  712. margin-right: 5px;
  713. }
  714. .sticky-footer {
  715. padding-bottom: 0;
  716. }
  717. .navbar-brand{
  718. display: none;
  719. }
  720. .block-items-admin{
  721. font-size: 12px;
  722. }
  723. .cookieUsageValidation{
  724. background-color: #ECECEC;
  725. color: #666;
  726. position: fixed;
  727. z-index: 999;
  728. width: 100%;
  729. padding: 15px 10px;
  730. border-bottom: 2px solid #D8D8D8;
  731. }
  732. .cookieUsageValidation .more{
  733. padding-top: 10px;
  734. padding-bottom: 10px;
  735. }
  736. .cookieUsageValidation .more a{
  737. color: #96BD0D;
  738. }
  739. .cookieUsageValidation .link{
  740. cursor: pointer;
  741. margin-left: 10px;
  742. padding: 6px 12px;
  743. margin-bottom: 0;
  744. font-size: 12px;
  745. font-weight: 400;
  746. line-height: 1.42857143;
  747. text-align: center;
  748. white-space: nowrap;
  749. vertical-align: middle;
  750. border: 1px solid #6B1D82;
  751. border-radius: 4px;
  752. background-color: #6B1D82;
  753. color: #FFF;
  754. }
  755. .cookieUsageValidation .link:hover{
  756. color: #FFF;
  757. background-color: #162A83;
  758. border-color: #162A83;
  759. }
  760. .question-result .dl-horizontal {
  761. display:none;
  762. }
  763. .bootstrap-select .dropdown-toggle.bs-placeholder,
  764. .bootstrap-select .dropdown-toggle.bs-placeholder:active,
  765. .bootstrap-select .dropdown-toggle.bs-placeholder:focus,
  766. .bootstrap-select .dropdown-toggle.bs-placeholder:hover{
  767. height: 30px;
  768. }
  769. .bootstrap-select .dropdown-toggle.bs-placeholder.btn-default{
  770. border: 1px solid;
  771. border-color: #162a83;
  772. border-radius: 0;
  773. }
  774. .bootstrap-select .dropdown-toggle.btn-default{
  775. border: 1px solid;
  776. border-color: #162a83;
  777. border-radius: 0;
  778. }
  779. .bootstrap-select .dropdown-toggle.btn-default.active,
  780. .bootstrap-select .dropdown-toggle.btn-default:active,
  781. .bootstrap-select.open .dropdown-toggle.btn-default{
  782. background-color: #162a83;
  783. color: #FFF;
  784. }
  785. .bootstrap-select .dropdown-menu{
  786. border-color: #162a83;
  787. }
  788. .dropdown-toggle.bs-placeholder.btn-default{
  789. border-color: #162a83;
  790. border-radius: 0;
  791. }
  792. .bootstrap-select.btn-group .dropdown-toggle .caret{
  793. color: #82BB25;
  794. }
  795. .bootstrap-select .dropdown-menu li a:focus,
  796. .bootstrap-select .dropdown-menu>li>a:hover{
  797. background-color: #162a83;
  798. color: #FFF;
  799. }
  800. .main-question .question_title img{
  801. display: none;
  802. }
  803. .main-question {
  804. border-color: #FFFFFF;
  805. }
  806. .main-question .question_title,
  807. .main-question .question_description,
  808. .main-question .question_options{
  809. color: #162A83;
  810. }
  811. .main-question .question_title{
  812. font-size: 16px;
  813. }
  814. .question-list-description-block select.selectpicker{
  815. display: block!important;
  816. }
  817. .exercise-container{
  818. padding: 10px;
  819. }
  820. .exercise-container .title{
  821. color: #162a83;
  822. margin: 0;
  823. }
  824. .exercise-container .title h2{
  825. padding: 0;
  826. margin: 0;
  827. }
  828. .exercise-container .description{
  829. color: #162a83;
  830. }
  831. .exercise-container .attempts{
  832. padding-top: 10px;
  833. padding-bottom: 10px;
  834. }
  835. .exercise-container .attempts-status{
  836. list-style: none;
  837. display: block;
  838. padding:0;
  839. margin: 0;
  840. }
  841. .exercise-container .attempts-status li{
  842. display: inline-block;
  843. }
  844. .exercise-container .details{
  845. padding-top: 10px;
  846. padding-bottom: 10px;
  847. color: #162a83;
  848. }
  849. .btn-exercise,
  850. .form-actions .btn-warning{
  851. background-color: #84bd00;
  852. border-color: #84bd00;
  853. border-radius: 0;
  854. font-weight: bold;
  855. font-size: 12px;
  856. }
  857. .btn-exercise:hover,
  858. .form-actions .btn-warning:hover{
  859. background-color: #772583;
  860. border-color: #772583;
  861. }
  862. .form-actions .btn-info{
  863. background-color: #162A83;
  864. border-color: #162A83;
  865. border-radius: 0;
  866. font-weight: bold;
  867. font-size: 12px;
  868. }
  869. .form-actions .btn-info:hover{
  870. background-color: #772583;
  871. border-color: #772583;
  872. }
  873. .exercise-btn{
  874. margin-top: 10px;
  875. }
  876. .mejs-container.svg.mejs-audio{
  877. width: 100%!important;
  878. height: 250px!important;
  879. margin-bottom: 30px;
  880. }
  881. .mejs-container.mejs-audio .mejs-layers{
  882. background: url(images/audio-background.jpg) center center;
  883. background-size: cover;
  884. height: 250px!important;
  885. width: 100%!important;
  886. }
  887. .mejs-container.mejs-audio .mejs-layers .mejs-poster.mejs-layer{
  888. background: url(images/icon-sound.png) no-repeat center center;
  889. display: inline-block !important;
  890. height: 250px!important;
  891. width: 100%!important;
  892. }
  893. .mejs-container.mejs-audio .mejs-controls{
  894. background: rgba(255,255,255,0.45)
  895. }
  896. #exercise-description.panel-default{
  897. color: #162A83;
  898. }
  899. #exercise-description.panel-default{
  900. border: none;
  901. }
  902. #exercise-description.panel-default .panel-heading{
  903. background: none;
  904. }
  905. .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
  906. width: 350px;
  907. margin-bottom: 5px;
  908. margin-left: 15px;
  909. margin-top: 5px;
  910. }
  911. .question_options ul.exercise-draggable-answer{
  912. list-style: none;
  913. padding: 0;
  914. margin: 0;
  915. }
  916. ul.exercise-draggable-answer.list-inline li{
  917. float: none;
  918. width: 100%;
  919. }
  920. ul.exercise-draggable-answer .touch-items{
  921. background: #FFFFFF;
  922. border-radius: 0;
  923. border-color: #162a83;
  924. padding: 5px;
  925. color: #162a83;
  926. text-align: left;
  927. }
  928. ul.exercise-draggable-answer .touch-items:hover{
  929. background: #772583;
  930. color: #FFFFFF;
  931. }
  932. .question_options .droppable-item{
  933. background-color: #84bd00;
  934. color: #FFF;
  935. padding: 10px;
  936. }
  937. .question_options .droppable-item .number{
  938. font-size: 16px;
  939. font-weight: bold;
  940. width: 30px;
  941. display: inline-block;
  942. }
  943. .question_options .droppable{
  944. background: none;
  945. border: none;
  946. border-radius: 0;
  947. display: inline-block;
  948. width: 95%;
  949. }
  950. .question_options .droppable .gallery .exercise-draggable-answer-option{
  951. background: #FFF;
  952. border: 1px solid #162a83;
  953. text-align: left;
  954. border-radius: 0;
  955. margin-left: 20px;
  956. float: left;
  957. color: #162a83;
  958. }
  959. .question_options .droppable .gallery .exercise-draggable-answer-option{
  960. margin-left: 0;
  961. }
  962. .question_row_answer .table.table-striped tbody tr:nth-of-type(2n+1){
  963. background: transparent;
  964. }
  965. .drag_question .window{
  966. padding: 10px 5px;
  967. border: 1px solid #162A83;
  968. border-radius: 0;
  969. min-height: 45px;
  970. }
  971. .drag_question .window p{
  972. margin: 0;
  973. }
  974. .drag_question .window.window_right_question{
  975. border-color: #96BD0D;
  976. font-weight: bold;
  977. }
  978. .drag_question .window.window_right_question,
  979. .drag_question .window.window_left_question
  980. {
  981. background: #FFFFFF;
  982. }
  983. .drag_question .window.window_right_question p{
  984. padding-left: 20px;
  985. }
  986. .drag_question .window.window_left_question p{
  987. padding-right: 20px;
  988. }
  989. .drag_question ._jsPlumb_endpoint{
  990. cursor: pointer;
  991. }
  992. svg path{
  993. stroke: rgb(22,42,131);
  994. stroke-width: 2;
  995. }
  996. svg circle{
  997. fill:rgb(255,255,255);
  998. stroke:rgb(132,189,0);
  999. stroke-width: 2;
  1000. r: 10;
  1001. cy:15;
  1002. cx:15;
  1003. }
  1004. .point_end ._jsPlumb_endpoint svg circle{
  1005. fill:rgb(255,255,255);
  1006. stroke:rgb(22,42,131);
  1007. stroke-width: 2;
  1008. r: 10;
  1009. cy:15;
  1010. cx:15;
  1011. }
  1012. .question_options input[type="text"]{
  1013. border:1px solid #162A83;
  1014. background-color:#FFFFFF;
  1015. margin-left: 10px;
  1016. margin-right: 10px;
  1017. border-radius: 0;
  1018. }
  1019. .drag_question .select-matching{
  1020. border:1px solid #162A83;
  1021. border-radius: 0;
  1022. }
  1023. .mejs-overlay-button {
  1024. position: absolute;
  1025. top: 40%;
  1026. left: 45%;
  1027. width: 200px;
  1028. height: 200px;
  1029. margin: -50px 0 0 -50px;
  1030. background: url(images/bigplay.svg) no-repeat;
  1031. }
  1032. .mejs-overlay:hover .mejs-overlay-button {
  1033. background-position: 0 -200px;
  1034. }
  1035. .mejs-container.svg.mejs-video{
  1036. margin-top: 20px;
  1037. margin-bottom: 20px;
  1038. }
  1039. .mejs-container .mejs-controls {
  1040. position: absolute;
  1041. list-style-type: none;
  1042. margin: 0;
  1043. padding: 0;
  1044. bottom: 0;
  1045. left: 0;
  1046. background: url(background.png);
  1047. background: -moz-linear-gradient(top, rgba(211,211,211,0.8) 0%, rgba(142,142,142,1) 100%); /* FF3.6-15 */
  1048. background: -webkit-linear-gradient(top, rgba(211,211,211,0.8) 0%,rgba(142,142,142,1) 100%); /* Chrome10-25,Safari5.1-6 */
  1049. background: linear-gradient(to bottom, rgba(211,211,211,0.8) 0%,rgba(142,142,142,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  1050. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd3d3d3', endColorstr='#8e8e8e',GradientType=0 ); /* IE6-9 */
  1051. height: 30px;
  1052. width: 100%;
  1053. }
  1054. .mejs-controls .mejs-time-rail .mejs-time-loaded{
  1055. background: #0e0e0e; /* Old browsers */
  1056. background: -moz-linear-gradient(top, #0e0e0e 0%, #4c4c4c 99%); /* FF3.6-15 */
  1057. background: -webkit-linear-gradient(top, #0e0e0e 0%,#4c4c4c 99%); /* Chrome10-25,Safari5.1-6 */
  1058. background: linear-gradient(to bottom, #0e0e0e 0%,#4c4c4c 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  1059. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */
  1060. }
  1061. .mejs-controls .mejs-time-rail .mejs-time-current{
  1062. background: #9dd53a; /* Old browsers */
  1063. background: -moz-linear-gradient(top, #9dd53a 0%, #7cbc0a 100%); /* FF3.6-15 */
  1064. background: -webkit-linear-gradient(top, #9dd53a 0%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
  1065. background: linear-gradient(to bottom, #9dd53a 0%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  1066. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
  1067. }
  1068. @font-face {
  1069. font-family: 'icomoon';
  1070. src:url('icons/icomoon.eot?-8aafzo');
  1071. src:url('icons/icomoon.eot?#iefix-8aafzo') format('embedded-opentype'),
  1072. url('icons/icomoon.woff?-8aafzo') format('woff'),
  1073. url('icons/icomoon.ttf?-8aafzo') format('truetype'),
  1074. url('icons/icomoon.svg?-8aafzo#icomoon') format('svg');
  1075. font-weight: normal;
  1076. font-style: normal;
  1077. }
  1078. .icon-checkradios-checkmark, .icon-checkradios-circle{
  1079. font-family: 'icomoon';
  1080. speak: none;
  1081. font-style: normal;
  1082. font-weight: normal;
  1083. font-variant: normal;
  1084. text-transform: none;
  1085. line-height: 1;
  1086. /* Better Font Rendering =========== */
  1087. -webkit-font-smoothing: antialiased;
  1088. -moz-osx-font-smoothing: grayscale;
  1089. }
  1090. /*Icon Placeholder*/
  1091. .checkradios-checkbox:after,.checkradios-radio:after{
  1092. content:"";
  1093. height:100%;
  1094. width:100%;
  1095. position:relative;
  1096. display:block;
  1097. vertical-align:bottom;
  1098. }
  1099. /*Icons*/
  1100. .icon-checkradios-checkmark:before {
  1101. content: "\e600";
  1102. color: #96BD0D;
  1103. }
  1104. .icon-checkradios-circle:before {
  1105. content: "\e601";
  1106. color: #96BD0D;
  1107. }
  1108. /*
  1109. Default Styles for checkradios
  1110. */
  1111. .checkradios-checkbox, .checkradios-radio{
  1112. font-size:16px;
  1113. position:relative;
  1114. display:inline-block;
  1115. vertical-align:bottom;
  1116. text-align:center;
  1117. border:2px solid #162A83;
  1118. color:#162A83;
  1119. width:1em;
  1120. height:1em;
  1121. cursor:pointer;
  1122. padding:0.2em;
  1123. -moz-box-sizing: content-box;
  1124. -webkit-box-sizing: content-box;
  1125. box-sizing: content-box;
  1126. overflow:hidden;
  1127. }
  1128. .checkradios-radio{
  1129. -moz-border-radius: 50%;
  1130. -webkit-border-radius: 50%;
  1131. border-radius: 50%;
  1132. }
  1133. /*Focus*/
  1134. .checkradios-checkbox.focus, .checkradios-radio.focus{
  1135. -webkit-box-shadow:0px 0px 3px rgba(22,150,255,0.9);
  1136. -moz-box-shadow:0px 0px 3px rgba(22,150,255,0.9);
  1137. box-shadow:0px 0px 3px rgba(22,150,255,0.9);
  1138. border-color:#1696f1;
  1139. }
  1140. /*Hide original*/
  1141. .checkradios-checkbox input[type=checkbox], .checkradios-radio input[type=radio]{
  1142. margin:0;
  1143. position:absolute;
  1144. top:0;
  1145. left:-9999%;
  1146. width:100%;
  1147. height:100%;
  1148. position:absolute;
  1149. display:inline-block;
  1150. vertical-align:bottom;
  1151. }
  1152. .radio {
  1153. display: block;
  1154. width: 100%;
  1155. }
  1156. .radio .checkradios-radio{
  1157. display: inline-block;
  1158. }
  1159. .radio p{
  1160. display: inline-block;
  1161. margin: 0;
  1162. }
  1163. /* Large desktop */
  1164. @media (min-width: 1200px) {
  1165. }
  1166. /* Portrait tablet to landscape and desktop */
  1167. @media (min-width: 768px) and (max-width: 979px) {
  1168. .grid-courses .items{
  1169. height: 300px;
  1170. }
  1171. .statistics .items {
  1172. margin-left: 0;
  1173. text-align: center;
  1174. }
  1175. .section-title {
  1176. font-size: 25px;
  1177. margin-top: 10px;
  1178. margin-bottom: 10px;
  1179. }
  1180. .hot-courses .grid-courses .items {
  1181. height: 220px;
  1182. }
  1183. .page-faq{
  1184. padding-left: 10px;
  1185. padding-right: 10px;
  1186. }
  1187. .home-information .title {
  1188. font-size: 14px;
  1189. margin-top: 20px;
  1190. }
  1191. .container.home-information p {
  1192. font-size: 12px;
  1193. }
  1194. .home-information .item-icon .circle {
  1195. width: 50px;
  1196. height: 50px;
  1197. line-height: 60px;
  1198. }
  1199. .home-information .item-icon .circle .fa {
  1200. font-size: 2em;
  1201. }
  1202. .partners{
  1203. text-align: center;
  1204. padding-top: 30px;
  1205. }
  1206. footer #footer_right {
  1207. text-align: center;
  1208. }
  1209. .block-faq .title {
  1210. font-size: 16px;
  1211. margin-bottom: 15px;
  1212. }
  1213. .page-faq .title, .page-contact .title {
  1214. margin-top: 5px;
  1215. margin-bottom: 5px;
  1216. font-size: 20px;
  1217. }
  1218. .breadcrumb{
  1219. font-size: 12px;
  1220. }
  1221. #user_image_block{
  1222. display: none;
  1223. }
  1224. }
  1225. /* Landscape phone to portrait tablet */
  1226. @media (min-width: 480px) and (max-width: 641px) {
  1227. .navbar-nav li a {
  1228. padding-top: 6.5px;
  1229. padding-bottom: 6.5px;
  1230. font-weight: normal;
  1231. }
  1232. .navbar-default .navbar-collapse, .navbar-default .navbar-form {
  1233. border: none;
  1234. }
  1235. .dropdown.avatar-user {
  1236. text-align: right;
  1237. }
  1238. .item-menu{
  1239. width: 100%;
  1240. text-align: left;
  1241. border-bottom: 1px solid #85A70A;
  1242. }
  1243. .grid-courses .col-xs-12{
  1244. width: 48%;
  1245. }
  1246. .statistics .items{
  1247. margin-left: 0;
  1248. }
  1249. .statistics .items li h2{
  1250. padding: 0;
  1251. margin: 0;
  1252. font-size: 25px;
  1253. text-align: center;
  1254. display: inline-block;
  1255. }
  1256. .statistics .items li{
  1257. display: inline-block;
  1258. width: 100%;
  1259. text-align: center;
  1260. }
  1261. #user_image_block{
  1262. display: none;
  1263. }
  1264. .notification-panel{
  1265. display: none;
  1266. }
  1267. .partners {
  1268. padding-bottom: 20px;
  1269. padding-top: 20px;
  1270. text-align: center;
  1271. }
  1272. footer #footer_right {
  1273. text-align: center;
  1274. }
  1275. }
  1276. /* Landscape phones and down */
  1277. @media (max-width: 480px) {
  1278. .header-logo-top{
  1279. display: none;
  1280. }
  1281. #user_image_block{
  1282. display: none;
  1283. }
  1284. .navbar-nav li a {
  1285. padding-top: 6.5px;
  1286. padding-bottom: 6.5px;
  1287. font-weight: normal;
  1288. }
  1289. .navbar-default .navbar-collapse, .navbar-default .navbar-form {
  1290. border: none;
  1291. }
  1292. .dropdown.avatar-user {
  1293. text-align: right;
  1294. }
  1295. .item-menu{
  1296. width: 100%;
  1297. text-align: left;
  1298. border-bottom: 1px solid #85A70A;
  1299. }
  1300. #carousel-announcement{
  1301. min-height: auto;
  1302. }
  1303. .navbar-default .navbar-toggle {
  1304. border: none;
  1305. background-color: #6B1D82;
  1306. }
  1307. .navbar-default .navbar-toggle:focus,
  1308. .navbar-default .navbar-toggle:hover {
  1309. background-color: #72376E;
  1310. }
  1311. .avatar-user .user-body{
  1312. padding-left: 10px;
  1313. padding-right: 10px;
  1314. }
  1315. .avatar-user .user-body a{
  1316. border-bottom: 1px solid #CCC;
  1317. }
  1318. .statistics .items {
  1319. padding-top: 15px;
  1320. padding-bottom: 15px;
  1321. padding-left: 0;
  1322. padding-right: 0;
  1323. margin: 0;
  1324. list-style: none;
  1325. margin-left: 0;
  1326. text-align: center;
  1327. }
  1328. .section-title {
  1329. font-size: 20px;
  1330. text-align: left;
  1331. }
  1332. .section-notice .items .description{
  1333. font-size: 12px;
  1334. }
  1335. .section-notice .items .description .title {
  1336. margin-top: 10px;
  1337. line-height: 16px;
  1338. }
  1339. .section-notice .items {
  1340. padding-left: 10px;
  1341. padding-right: 10px;
  1342. padding-bottom: 10px;
  1343. border-bottom: 1px solid #ccc;
  1344. }
  1345. .partners {
  1346. padding-bottom: 10px;
  1347. padding-top: 10px;
  1348. text-align: center;
  1349. }
  1350. .partners a {
  1351. padding-bottom: 10px;
  1352. padding-top: 10px;
  1353. }
  1354. footer #footer_right {
  1355. text-align: center;
  1356. }
  1357. .page-faq {
  1358. padding-left: 0;
  1359. padding-right: 0;
  1360. }
  1361. .block-faq .title {
  1362. font-size: 16px;
  1363. font-weight: bold;
  1364. margin-bottom: 20px;
  1365. color: #07578A;
  1366. }
  1367. .list-faq ul{
  1368. list-style: none;
  1369. padding-left: 18px;
  1370. margin: 0;
  1371. }
  1372. .block-faq .panel-default .panel-heading {
  1373. font-weight: bold;
  1374. font-size: 14px;
  1375. background: transparent;
  1376. line-height: 20px;
  1377. }
  1378. .list-faq .list-title {
  1379. font-size: 15px;
  1380. font-weight: bold;
  1381. margin: 10px 0;
  1382. }
  1383. .page-faq .title {
  1384. font-size: 16px;
  1385. font-weight: bold;
  1386. margin: 10px 0;
  1387. }
  1388. .grid-courses .items.session {
  1389. border: 1px solid #19BF69;
  1390. }
  1391. .pull-right {
  1392. float: left !important;
  1393. }
  1394. .navbar-brand{
  1395. display: block;
  1396. }
  1397. .statistics .items li h2{
  1398. padding: 0;
  1399. margin: 0;
  1400. font-size: 25px;
  1401. text-align: center;
  1402. display: inline-block;
  1403. }
  1404. .statistics .icon-color.fa-4x{
  1405. font-size: 3em;
  1406. }
  1407. .statistics .items li{
  1408. display: inline-block;
  1409. width: 100%;
  1410. }
  1411. .statistics .text{
  1412. font-size: 12px;
  1413. }
  1414. .actions img{
  1415. padding: 0;
  1416. border: none;
  1417. width: 30px;
  1418. }
  1419. .form-group{
  1420. margin-bottom: 5px;
  1421. }
  1422. .actions .form-inline{
  1423. margin-right: 0;
  1424. }
  1425. .actions fieldset {
  1426. margin-top: 10px;
  1427. }
  1428. .actions .form-inline .form-group,
  1429. #settings .form-inline .form-group{
  1430. display: inline-block;
  1431. margin-bottom: 0;
  1432. vertical-align: middle;
  1433. }
  1434. #settings .form-control{
  1435. width: 65%;
  1436. display: inline-block;
  1437. }
  1438. .list-items-admin{
  1439. padding-left: 15px;
  1440. }
  1441. .admin-edit-block.pull-right{
  1442. float: right !important;
  1443. }
  1444. .view-options{
  1445. display: none;
  1446. }
  1447. .home-information p{
  1448. font-size: 12px;
  1449. }
  1450. .home-information .title{
  1451. font-size: 14px;
  1452. }
  1453. .home-information .item-icon .circle {
  1454. width: 50px;
  1455. height: 50px;
  1456. line-height: 58px;
  1457. }
  1458. .home-information .item-icon .circle .fa-3x{
  1459. font-size: 2em;
  1460. }
  1461. #panel-scorm .panel-body{
  1462. padding: 0;
  1463. }
  1464. #learning_path_toc{
  1465. margin-top: 10px;
  1466. }
  1467. #panel-scorm.panel-body{
  1468. padding: 0;
  1469. }
  1470. #panel-scorm .image-avatar{
  1471. padding-top: 0;
  1472. }
  1473. .notification-panel{
  1474. display: none;
  1475. }
  1476. footer .sub-footer {
  1477. background-color: #ECECEC;
  1478. padding-top: 0;
  1479. padding-bottom: 0;
  1480. }
  1481. .sticky-footer {
  1482. position: relative;
  1483. bottom: 0;
  1484. width: 100%;
  1485. padding-top: 10px;
  1486. padding-bottom: 10px;
  1487. }
  1488. .chatboxmain{
  1489. width: auto;
  1490. right: 0;
  1491. }
  1492. .chatboxmain .chatboxheadmain{
  1493. padding: 0 5px;
  1494. }
  1495. .chatboxcontent{
  1496. width: auto;
  1497. }
  1498. }