@media all and (min-width: 739px) { #mobile_top_spacer, #top_m, #menu_m, #top_search , #search_m , #logo_m , #btz_m { display: none !important; } } .button { -webkit-appearance: none; } @media all and (max-width: 740px) { #poca_main_bottom { display: none; } #poca_bottom { display: none; } #poca_bottom_m { margin: 4em auto; text-align: center; } #poca_bottom_m img { width: 100%; height: auto; } body { -webkit-text-size-adjust: none; } #toTop { width: 2.3em; height: 2.3em; transition: opacity 0.15s; opacity: 0.4; border-radius: 2em; line-height: 2.3em; font-size: 1.2em; color: #FFFFFF; position: fixed; bottom: 1em; cursor: pointer; right: 1em; display: none; } #toTop:hover { opacity: 0.7; } .mobile_center { text-align: center; margin: 0 auto; } .mobile_button_margin_bottom { margin-bottom: 10px; } .ajax_window_outer { position: fixed; top:0; left:0; bottom:0; right:0; background: #000000; background: rgba(0,0,0,0.9); width: 100% !important; height: 100% !important; margin: 0 auto; z-index: 800; } .ajax_window_outer div.spacer { height: 1px !important; } .ajax_window_inner { position: relative; background: #EFEFEF; overflow: auto; width: 100% !important; height: 100% !important; -moz-box-shadow: inset 0 0 0 3px #D0D0D0; -webkit-box-shadow: inset 0 0 0 3px #D0D0D0; box-shadow: inset 0 0 0 3px #D0D0D0; } .ajax_window_content { text-align: left; padding: 30px; clear: both; float: none; height: 100%; box-sizing: border-box; } #fadclose { position: absolute; right: 0; top:0; width: 46px; height: 46px; } #fadclose i { color:#e17070; transition: color 0.12s; font-size: 26px; margin-top: 10px; display: inline-block;} #fadclose:hover i { color:#c43d3d; } .button_max { font-size: 1em; padding: 1em 2em } .button i.fa { margin-right: 10px; font-size: 1.3em; } .button_mid { font-size: 1em; padding: 0.6em 2em } .button_min { font-size: 0.9em; padding: 0.3em 1.3em } #poca_bottom { margin: 80px 10px 30px 0 ; } #poca_bottom img { display: block; max-width: 100%; height: auto; } .dontscroll { overflow: hidden !important; } .ajaxreglink { color: #2b405d; display: block; } .ajaxreglink:hover { color: #343434; } .ajax_reg-link-nagy { font-size: 1.4em; color: #2b405d; margin: 8px 0 30px 0;} .rinput { border: 2px solid #D0D0D0; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; background-color: #fdfdfd; padding: 0 0 0 6px; width: 250px; height: 30px; line-height:30px; font-size: 1em; color: #333; } #fload { float: left; display: none; margin: 6px 0 0 20px; width: 32px; height: 32px; } #fload i { color: #2b405d; font-size: 24px; } .r_lbl_inp_container {margin-bottom: 20px;} #poca_main { text-align: center; background-color: #FFFFFF; } #poca_main img { display: block; margin: auto; max-width: 80%; } .sselect { height: 34px; line-height: 34px; padding: 0 40px 0 10px ; max-width: 100%; width: 100%; font-size: 0.75em; font-size } #navig { } #navig b {color: #5b5b5b; font-weight: 300; margin: 0 5px; font-size: 16px; } #navig span { color: #063e66; font-weight: 400; margin: 0 5px; font-size: 16px;} #navig a.catlink , #navig a.scatlink { font-weight: 400; margin: 0 5px; font-size: 16px;} #navig a.homelink { margin: 0 5px; font-size: 18px; color: #063e66;} #navig a.homelink.color-m1 { color: var(--cl-m1);} #navig a.homelink.color-m2 { color: #8ec63f;} #navig a.homelink.color-m3 { color: #f9b800;} #navig a.homelink.color-uadm { color: #a49d8a;} .content_login { width: 92%; margin: auto; } .content { text-align: left; margin-top: 16px; padding: 0 0.5em 0 0.5em; } #caf_main { margin: 0.7em 0 0 0; text-align: center; font-size: 2em; color: #003d95; line-height: 1em } #caf_main2 { font-size: 0.9em; line-height: 1.25em; padding-top: 0.4em; color: #003d95; font-weight: 400; width: 90%; margin: auto; } #dlogin { margin: 3em auto 0 auto; } #logineye { display: none; } .inp1 { margin-bottom: 18px; } .inpa { display: block; width: 80%; margin: 0 auto 0.45em auto; text-align: center; font-size: 1.15em; } .inpb { display: block; width: 80%; margin: 0 auto 2em auto; text-align: center; } .inpb input[type=text] , .inpb input[type=password] { height: 38px; width: 100%; text-indent: 10px; background-color: #f2f7fb; font-weight: 400; font-size: 18px; color: var(--cl-m1); } .inpb input[type=text] , .inpb input[type=password] { border-top-width: 0; border-left-width: 0; border-right-width: 0; border-bottom-width: 1px; border-color: #b5d4ea; } .inpb input[type=text]:focus , .inpb input[type=password]:focus { background-color: #e1ecf4; } .inp1-mr-top-1 { margin-top: 50px; } .inp1-mr-top-2 { margin-top: 40px; } .ewlink_ramane { display: block; margin-bottom: 12px; } .ewlink_ramane:hover { text-decoration: underline } .ewlink_ramane.checked i { color: var(--cl-m1); } .ewlink_ramane i { display: inline-block; width: 14px; height: 14px; line-height: 16px; border-radius: 2px; border: 1px solid #c0c0c0; text-align: center; margin-right: 10px; color: transparent; font-size: 12px; } .ewlink { display: block; margin-bottom: 12px; } .ewlink:hover { text-decoration: underline } .ewlink i { display: inline-block; width: 14px; height: 14px; line-height: 16px; border-radius: 2px; border: 1px solid transparent; text-align: center; margin-right: 10px; color: var(--cl-m1); font-size: 16px; } #menu { position: fixed; border-style: dashed; border-width: 0; z-index: 4000; transition: all 0.07s; background:var(--cl-m1); height: 100%; top: 0; bottom: 0; left: 0; -webkit-box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.7); box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.7); } #menu.open { width: 230px; } #menu.open #menu_head { height: 62px; background-color: #063e66; border-bottom: 1px solid #48667b; } #menu.open #menu_head>div { display: inline-block; vertical-align: middle; height: 62px; line-height: 62px; width: 32%; } #menu.open #menu_logo { text-align: left; padding: 10px 0 0 5px; } #menu #menu_logo img {width: 49px; height: auto;} #menu.open #menu_cafhr { text-align: center; padding-left:4px; font-size: 20px; color: #e2e2e2; } #menu.open #menu_bars { text-align: right; padding-right: 20px; } #menu.open #menu_bars i { font-size: 20px; color: transparent; position: relative; } #menu.open #menu_bars:after { font-size: 20px; content: "\f00d"; font-family: 'FontAwesome'; display: block; position: absolute; top: 0; right: 16px; color: #e2e2e2; } #menu.open #menu-c { text-align: left; padding: 34px 0 0 22px; line-height: 17px; } #menu.open #menu-c-tit { text-align: left; color: #cdcdcd; font-size: 13px; text-transform: uppercase; margin-bottom: 20px; } #menu.open #menu-c-tit-opts { margin-top: 60px; text-align: left; color: #cdcdcd; font-size: 13px; text-transform: uppercase; margin-bottom: 20px; } #menu.open .menuc { margin-bottom: 19px; display: block; } #menu.open .menuc i, .menuc a { display: inline-block; color: #FFFFFF; vertical-align: top; } #menu.open .menuc i.fa { font-size: 13px; margin-top: 2px;} #menu.open .menuc span { font-size: 15px; margin-left: 18px; color: #FFFFFF; } #menu.open .menuc span:hover , .menuc.akt span:hover , .menuc.akt span { text-decoration: underline; } #menu.closed { width: 0; overflow: hidden; } #menu.closed #menu_head { height: 62px; background-color: #063e66; border-bottom: 1px solid #48667b; } #menu.closed #menu_head>div { display: inline-block; vertical-align: middle; height: 62px; line-height: 62px; width: 32%; } #menu.closed #menu_logo { display: none !important; } #menu.closed #menu_cafhr { display: none !important; } #menu.closed #menu_bars { text-align: right; padding-right: 20px; } #menu.closed #menu_bars i { font-size: 20px; color: #e2e2e2; } #menu.closed #menu-c { text-align: left; padding: 54px 0 0 22px; line-height: 17px; } #menu.closed #menu-c-tit { display: none; } #menu.closed #menu-c-tit-opts { display: none; } #menu.closed .menuc { margin-bottom: 24px; display: block; } #menu.closed .menuc i, .menuc a { display: inline-block; color: #b0b0b0; vertical-align: middle; } #menu.closed .menuc i.fa { font-size: 20px; } #menu.closed .menuc:hover i.fa , #menu.closed .menuc.akt:hover i.fa , #menu.closed .menuc.akt i.fa { color: #FFFFFF; } #menu.closed .menuc span { display: none } #menu-bottom { position: absolute; bottom: 1px ; } #site { width: 100%; display: flex; } #menush { display: none !important; } #middle_content { display: inline-block; flex-grow: 100; padding-left: 1px; width: 100px; vertical-align: top; } #top { height: 62px; background-color: #eee; border-bottom: 1px solid #FFFFFF; overflow: hidden; text-align: left; } #menutrigger { line-height: 62px; padding-left: 18px; padding-right: 16px; float: left } #menutrigger i { font-size: 20px; } #top_options { float: left; margin-left: 20px; } .top_options_btn { line-height:62px; } .top_options_btn.sym_left { margin: 0 !important; padding: 6px 12px !important; border-radius: 1.5rem; } .top_options_btn span { display: none; } .top_options_btn i.fa { text-align: center; margin: auto; } #top_user { float: right; line-height: 62px; margin-right: 4px; } #top_user span span, #top_user img { vertical-align: middle; display: inline-block; } #top_user span span { display: none; } #top_user span img { width: 38px; height: 38px; border-radius: 20px; object-fit: cover; } #top_btns { float: right; line-height: 62px; } #top_btns i.fa-close { color: #aa3300; font-size: 20px; } #top_btns i.fa-close:hover { color: #dd3300; font-size: 20px; } #top_btns a { } #top_btns a i.fa { vertical-align: middle; display: inline-block; } #top_btns a i.fa-comment { font-size: 24px; color: #0067b0; } #top_btns a i.fa-gear { font-size: 24px; color: #0067b0; } #top_btns a:hover i.fa-comment { color: #004e86; } #top_btns a:hover i.fa-gear { color: #004e86; } #top_title { display: none } #top_title.color-m1 { color: var(--cl-m1);} #top_title.color-m2 { color: #8ec63f;} #top_title.color-m3 { color: #f9b800;} #top_title.color-uadm { color: #a49d8a;} #banner { -webkit-box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.48); box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.28); } #banner img { width: 100%; height: 250px; object-fit: cover; display: block; } .welcome { width: 93%; background-color: #FFFFFF; border-radius: 1.5rem; text-align: left; margin: 25px auto; padding: 16px 26px 34px 26px; } .welcome { font-size: 0.9em } #main_modules { width: 93%; margin: 25px auto; display: flex; flex-wrap: wrap; justify-content: space-between; } .main_module_boxes { width: 100%; padding: 32px 22px 18px 22px; margin-bottom: 30px; text-align: left; background-color: #FFFFFF; border-radius: 1.5rem; } .main_module_boxes_filler { display: none !important; } .main_module_boxes .a { font-size: 16px; font-weight: 600; color: #707070; margin-bottom: 56px; } .main_module_boxes .b { display: inline-block; font-size: 14px; vertical-align: middle; width: 48%; text-align: left; color: #8b8b8b; font-weight: 300;} .main_module_boxes .b b { color: #8b8b8b; font-weight: 600; font-size: 24px;} .main_module_boxes .c { display: inline-block; vertical-align: middle; width: 48%; text-align: right; } #cont_top { margin: 20px auto; width: 95%; clear: both; float: none; text-align: left; } #cont_top_button { display: block; position: relative; margin-bottom: 20px; } #cont_top_filter { width: 49%; float: left; position: relative; display: inline-block; height: 42px; line-height: 42px; background-color: #FFFFFF; -webkit-box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.28); box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.28); } #cont_top_filter.color-m1:hover { background-color: rgba(0, 106, 182, 0.15);} #cont_top_filter.color-m2:hover { background-color: rgba(142, 198, 63, 0.15);} #cont_top_filter.color-m3:hover { background-color: rgba(249, 184, 0, 0.15);} #cont_top_filter.color-uadm:hover { background-color: rgba(164, 157, 138, 0.15); } #cont_top_filter>div { display: inline-block; cursor: pointer } #cont_top_filter>div.a { position: absolute; top: 50%; transform: translateY(-50%); left: 5px; } #cont_top_filter.color-m1>div.a { color: var(--cl-m1); } #cont_top_filter.color-m2>div.a { color: #8ec63f; } #cont_top_filter.color-m3>div.a { color: #f9b800; } #cont_top_filter.color-uadm>div.a { color: #a49d8a; } #cont_top_filter>div.c { position: absolute; top: 50%; transform: translateY(-50%); right: 5px; } #cont_top_filter.color-m1>div.c { color: var(--cl-m1); } #cont_top_filter.color-m2>div.c { color: #8ec63f; } #cont_top_filter.color-m3>div.c { color: #f9b800; } #cont_top_filter.color-uadmdiv.c { color: #a49d8a; } #cont_top_filter>div.b { height: 35px; line-height: 35px; margin-left: 25px; width: 80%; font-size: 0.75em; color: #767676; } #trfilter { position: fixed; top: 75px; text-decoration: none; line-height: 17px; padding: 10px 16px; left: 0; right:0; height: 220px; overflow: auto; z-index: 40; background-color: #FFFFFF; -webkit-box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.88); box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.88); } #trfilter.open { display: block; } #trfilter.closed { display: none; } #trfilter .fopt { display: block; cursor: pointer; margin-bottom: 5px; } #trfilter .fopt:hover { text-decoration: underline; } #trfilter .fopt span { font-size: 13px; } #trfilter .fopt i.fa-check { color: transparent; font-size: 12px; border-radius: 2px; border: 1px solid #444; margin-right: 6px; } #trfilter .fopt.checked i.fa-check { color: var(--cl-m1) !important; } #trfilter .a { margin: 20px 0 0 0 } #cont_top_search {width: 49%; float: right; position: relative; display: inline-block; height: 42px; line-height: 42px; background-color: #FFFFFF; -webkit-box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.28); box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.28); } #cont_top_search.color-m1:hover { background-color: rgba(0, 106, 182, 0.15); } #cont_top_search.color-m2:hover { background-color: rgba(142, 198, 63, 0.15); } #cont_top_search.color-m3:hover {background-color: rgba(249, 184, 0, 0.15); } #cont_top_search.color-uadm:hover { background-color: rgba(164, 157, 138, 0.15); } #cont_top_search>div { display: inline-block; cursor: pointer } #cont_top_search>div.a { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; } #cont_top_search.color-m1>div.a { color: var(--cl-m1);} #cont_top_search.color-m2>div.a { color: #8ec63f;} #cont_top_search.color-m3>div.a { color: #f9b800;} #cont_top_search.color-uadm>div.a { color: #a49d8a;} #cont_top_search>div.c { display: none; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; color: #d52525; } #cont_top_search>div.b { height: 35px; line-height: 35px; margin-left: 40px; width: 70%; font-size: 14px; color: #767676; } #cont_top_search>div.b>input { height: 28px; line-height: 28px; background-color: transparent; width: 95%; font-size: 14px; border: 0 none; color: #767676; } .table { position: relative; width: 94.5%; clear: both; float: none; margin: 11px auto; } .table:before { clear: both; display: block; content: " "; height: 20px; } .table.color-m1 .table-row:before { position: absolute; display: block; content: ""; left: -2px; top: 0; width: 2px; bottom: 0; background-color: var(--cl-m1); } .table.color-m1 .table-row.trow:hover { } .table.color-m1 .table-row.thead a { color: var(--cl-m1); } .table.color-m2 .table-row:before { position: absolute; display: block; content: ""; left: -2px; top: 0; width: 2px; bottom: 0; background-color: #8ec63f; } .table.color-m2 .table-row.trow:hover { } .table.color-m2 .table-row.thead a { color: #8ec63f; } .table.color-m3 .table-row:before { position: absolute; display: block; content: ""; left: -2px; top: 0; width: 2px; bottom: 0; background-color: #f9b800; } .table.color-m3 .table-row.trow:hover { } .table.color-m3 .table-row.thead a { color: #f9b800; } .table.color-uadm:before { position: absolute; display: block; content: ""; left: -2px; top: 0; width: 2px; bottom: 0; background-color: #a49d8a; } .table.color-uadm .table-row.trow:hover { } .table.color-uadm .table-row.thead a { color: #a49d8a; } .table-row { display: block; position: relative; padding: 1em; transition: background-color 0.14s; text-align: left; background-color: #ffffff; margin-bottom: 1em; } .table-row.thead { display: none; } .table-row.thead a { } .table-row.trow a { color: #222; font-weight: 400; font-size: 14px; } .table-col { display: block; text-align: left; line-height: 1.75em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 99%;} .tpad-left { } .tpad-right { } .talign-center { } .proc-05 { } .proc-07 { } .proc-08 { } .proc-09 { } .proc-10 { } .proc-15 { } .proc-20 { } .proc-25 { } .proc-30 { } .proc-35 { } .proc-40 { } .proc-50 { } .proc-65 { } .proc-70 { } .proc-m-nr { font-weight: 700; font-size: 1em } .dwl { } .dwl i.fa { color: #b15151; font-size: 17px; } .dwl:hover i.fa { color: #b15151; } .ordsym { margin-left: 5px; position: absolute; font-size: 12px !important; top: 50%; transform: translateY(-50%); } .admineditbtn { display: inline; padding: 3px 10px; } .table-col b.activ { font-weight: 600; color: #8ec63f; } .table-col b.inactiv { font-weight: 400; color: #c30000; } .inl_m { color: #b0b0b0; } .inl_m_max { padding-top: 1em; margin-bottom: 1em} .inl_m_max a { font-size: 1.25em !important; border-bottom: 1px dashed #d0d0d0 ; line-height: 2em; } .m_nr { DISPLAY: none !important; } .proc_left { display: block; width: 100%; padding-top: 2em; } .proc_right { position: fixed; width: 350px; transition: all 0.2s; top: 0; right: -350px; bottom:0; display: block; z-index: 3000; background-color: #FFFFFF; padding: 0 40px 30px 40px; ; } .proc_right.open { right: 0; box-shadow: -1px -1px 8px 1px rgba(0,0,0,0.3); } .proc_right:after { display: block; left: -40px; content: "\f053"; font-family: 'FontAwesome'; line-height: 40px; width: 40px; text-align: center; height: 40px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; position: absolute; top: 20%; box-shadow: -1px 0 6px 1px rgba(0,0,0,0.4); background-color: var(--cl-m1); color: #FFFFFF; z-index: 3300; } .proc_right.open:after { display: none !important; } #pr_close { display: none; position: fixed; top:1px; right:1px; width: 34px; z-index: 3200;border-radius: 4px; line-height: 30px; height: 34px; background-color: rgba(255,0,0,0.1); color: #CC3300; font-size: 26px; } .proc_expprint { float: right; margin-right: 10px; position: relative; } .proc_expprint a { display: block; margin-bottom: 12px; min-width: 200px; } .proc_expprint a:hover span { text-decoration: underline } .proc_expprint a i { display: inline-block; margin-right: 10px; width: 20px; padding-left: 20px;} .proc_expprint a i.fa-file-pdf-o { color: red; } .proc_expprint a i.fa-download { color: #777; } .proc_expprint a i.fa-cloud-download { color: #777; } .proc_expprint a span { display: inline-block; } .proc_expprint .fa-file-excel-o { color: #1f7044; } .proc_expprint .fa-trash { color: #cc3300; } .proc_expprint .fa-print { color: #888; } .proc_expprint .fa-cog { color: #8d5b36; } .proc_expprint .fa-list { color: #8ec63f; } .proc_expprint .fa-external-link-square { color: #f9b800; } .proc_expprint .fa-line-chart { color: #f9b800; } .proc_lbl { margin-top: 60px; font-weight: 600; padding-bottom: 10px; padding-right: 20px; } .proc_lbl.color-m1 { color: var(--cl-m1); } .proc_lbl.color-m2 { color: #8ec63f; } .proc_lbl.color-m3 { color: #f9b800; } .proc_tit { color: #222222; font-size: 1.4em; margin-bottom: 28px; line-height: 1.4em } .proc_stare { margin-bottom: 20px; } .proc_stare .a { } .proc_stare u { text-decoration: none; display: inline-block; vertical-align: middle } .proc_stare a { margin-left: 5px; } .proc_stare a i.fa-toggle-on { color: #00b662; font-size: 22px; display: inline-block; vertical-align: middle } .proc_stare a i.fa-toggle-off { color: #ac5353 ; font-size: 22px; display: inline-block; vertical-align: middle } .proc_stare a span { display: inline-block; vertical-align: middle; margin-left: 6px; } .proc_stare a span b { font-weight: 400; } .proc_tema { font-size: 16px; margin-bottom: 7px; } .proc_tema .a { color: #767676 } .proc_tema .b { color: #222222; } .proc_tema .b.dstateon { font-weight: 700; color: #00b662 ; } .proc_tema .b.dstateoff { font-weight: 700; color: #cc3300 ; } .proc_descr { margin-top: 34px; line-height: 24px; } .proc_descr table { width: 100%;} #proc_add_new_vers { margin-left: 10px; } .proc_steps { margin-top: 90px; margin-bottom: 30px; } .stepimg { } .stepimg img { width: 120px; height: auto; } #stpup , #attup , #eattup { opacity: 0; visibility: hidden; } .proc_back { margin-top: 130px; } #proc_descr { height: 400px; } .descrdisp { margin-top: 10px; margin-bottom:10px; } .sstepsimg { overflow: hidden;} .sstepsimg img { max-width: 100%; } #steps_flex { } #steps_flex .f { position: relative; margin-bottom: 2.2em; background-color: #dde9f2; font-size: 0.9em; } #steps_flex div.f:last-child:after { display: none !important; } #steps_flex .f:after { position: absolute; display: block; content:"\f078"; font-family: 'FontAwesome'; color: #fcd683; font-size: 20px; bottom: -26px; left: 50%; transform: translateX(-50%); } #steps_flex .f .a { background-color: #bcd0de; padding: 10px 16px; } #steps_flex .f .b { background-color: #dde9f2; padding: 10px 16px; } #steps_flex_adm { list-style-type: none; margin: 0; padding: 0; } #steps_flex_adm .f { position: relative; cursor: move; margin-bottom: 2.2em; background-color: #dde9f2; margin-right: 30px;font-size: 14px; } #steps_flex_adm .f:hover .a { background-color: #9bbad0 } #steps_flex_adm .step-flex-placeholder { position: relative; margin-bottom: 20px; cursor: move; background-color: #fcd683; font-size: 14px; } #steps_flex_adm li.f:last-child:after { display: none !important; } #steps_flex_adm .f:after { position: absolute; display: block; content:"\f078"; font-family: 'FontAwesome'; color: #fcd683; font-size: 20px; bottom: -26px; left: 50%; transform: translateX(-50%); } #steps_flex_adm .f .a { background-color: #bcd0de; padding: 10px 16px; } #steps_flex_adm .f .b { background-color: #dde9f2; padding: 10px 16px; } #steps_flex_adm .f .a a { float: right; margin: 0 5px; } #steps_flex_adm .f .a a i { font-size: 20px; } #steps_flex_adm .f .a a i.fa-trash { color: #bf3a3a; } #addarea { display: none; } .injob { margin: 26px auto; width: 96.7%; position: relative; text-align: left; padding: 20px; border-width: 1px; background-color: #FFFFFF; border-style: solid; -webkit-box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.28); box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.28); } .injob .wait { margin-left: 10px;} .injob_blue_alt .wait i.fa { margin-left: 10px; color: var(--cl-m1);} .injob_blue_alt { border-color: var(--cl-m1); } .injob_green_alt { border-color: #8ec63f; } .injob_green_alt .wait i.fa { margin-left: 10px; color: #8ec63f;} .injob_orange { border-color: #f9b800; } .injob_orange .wait i.fa { margin-left: 10px; color: #f9b800;} .injob_gray { border-color: #656565; } .injob_gray .wait i.fa { margin-left: 10px; color: #a49d8a;} .innerjob { display: none; margin: 26px 0; width: 100%; position: relative; text-align: left; padding: 6px; border-width: 1px; background-color: #FFFFFF; border-style: solid; -webkit-box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.28); box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.28); } .innerjob .wait { margin-left: 10px;} .injobclose { position: absolute; top: 10px; right: 15px; } .injobclose i.fa-close { font-size: 26px; color: #c05a5a; } .injobclose:hover i.fa-close { font-size: 26px; color: #a02b2b; } .dispjob { margin: 0; text-align: left; padding: 20px; } .form_row { margin-bottom: 30px; } .form_row .a { width: 22%; font-size: 0.7em; display: inline-block; vertical-align: top; padding-top: 5px;} .form_row .b { width: 72%; display: inline-block; vertical-align: top; position: relative; } .form_row .b #eyeshow { display: inline-block; position: absolute; right: -36px; top: 50%; transform: translateY(-50%); } .form_row .b #eyeshow i { font-size: 20px; } .form_row .b #morerasps { display: none; } .form_row .b #morerasps i { font-size: 18px; color: #8ec63f; padding: 12px 16px 10px 16px; border-radius: 3px; background: #f4f4f4 } .form_row .b #morerasps:hover i { background: #e9e9e9 } .form_row .b input[type=text] { border: 1px solid #b0b0b0; width: 100%; margin-bottom: 6px; font-size: 16px; text-indent: 6px; height: 34px; border-radius: 4px; } .form_row .b input::placeholder { font-weight: 200; color: #a0a0a0 } .form_row .b textarea { border: 1px solid #b0b0b0; width: 100%; margin-bottom: 6px; font-size: 16px; text-indent: 6px; height: 110px; border-radius: 4px; } .form_row .b input[type=password] { border: 1px solid #b0b0b0; width: 100%; font-size: 16px; text-indent: 6px; height: 34px; border-radius: 4px; } #divaaddtext { diasplay: none; } .facheckbox { cursor: pointer; } .facheckbox span { vertical-align: middle; display: inline-block; font-size: 0.8em ; width: 81%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .facheckbox input[type=checkbox] { display: none; } .facheckbox i.fa { font-size: 14px; color: transparent; cursor: pointer; vertical-align: middle; display: inline-block; margin-right: 10px; border-radius: 2px; width: 16px; height: 16px; line-height: 16px; border:1px solid #b0b0b0; text-align: center; } .facheckbox.checked.fachk-color-m1 i.fa { color: var(--cl-m1); } .facheckbox.checked.fachk-color-m2 i.fa { color: #8ec63f; } .facheckbox.checked.fachk-color-m3 i.fa { color: #f9b800; } .filt_option { margin-bottom: 5px; cursor: pointer; } .filt_option:hover span { text-decoration: underline; } .filt_option i { display: inline-block; vertical-align: middle; font-size: 0.8em; width: 10%;} .filt_option span { display: inline-block; vertical-align: middle; font-size: 0.8em; width: 81%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .filt_option i.fa { font-size: 8px; color: transparent; margin-right: 10px; border-radius: 15px; width: 16px; height: 16px; line-height: 16px; border:1px solid #b0b0b0; text-align: center; } .filt_option_add_proc.checked i.fa { color: var(--cl-m1); } .filt_option_add_chest.checked i.fa { color: #8ec63f; } .filt_option.color-m2.checked i.fa { color: #8ec63f } .filt_option.color-m3.checked i.fa { color: #f9b800 } .insw { position: relative; } .insw { margin-bottom: 40px; } .inswnr { position: absolute; display: block; left: -50px; top:0; bottom:0; height: 100%; width: 40px; background: #f5f5f5; border-right: 5px solid #efefef; } .inswnr b { text-align: center; display: block; padding-top: 20px; } .inswnr.color-m2 b { color: #8ec63f } .insw.hidden { display: none } .insw .ia { width: 90%; max-width: 600px; margin-bottom: 7px; } .insw .ialang::placeholder , .insw .iaval::placeholder , .intreblang::placeholder { font-weight: 300; color: #999; opacity: 1; } .insw .ialang:-ms-input-placeholder , .insw .iaval:-ms-input-placeholder , .intreblang:-ms-input-placeholder { font-weight: 300; color: #999; } .insw .ialang::-ms-input-placeholder , .insw .iaval::-ms-input-placeholder, .intreblang::-ms-input-placeholder { font-weight: 300; color: #999;} .dialogformrow {margin-bottom: 20px;} .dialogformrow-submit {margin-top: 60px;} .dialogformrow .a { font-size: 22px; font-weight: 600; } .dialogformrow .b { margin-top: 20px; } .dialogformrow .bmin { margin-top: 5px; } .dialogformrow .b input[type=text] , .dialogformrow .bmin input[type=text] { height: 42px; margin-bottom: 6px; line-height: 42px; width: 100%; font-size: 16px; text-indent: 8px; border-radius: 3px; border: 1px solid #999 } .dialogformrow .b input[type=password] , .dialogformrow .bmin input[type=password] { height: 42px; line-height: 42px; width: 100%; font-size: 16px; text-indent: 8px; border-radius: 3px; border: 1px solid #999 } .dialogformrow .b textarea { height: 260px; width: 95%; font-size: 14px; padding: 10px; border-radius: 3px; border: 1px solid #999 } .dialogformrow .b select , .dialogformrow .bmin select { height: 42px; line-height: 42px; width: 100%; font-size: 16px; text-indent: 8px; border-radius: 3px; border: 1px solid #999 } .dialogformrow .bc { cursor: pointer; height: 32px; line-height: 32px; width: 100%; font-size: 16px; margin-left: 20px; } .dialogformrow .bc * { cursor: pointer; } .dialog-info { } .dialog-info i { margin-right: 10px; } .dialog-info.color-m2 i { color: #8ec63f; } .dialog-info span { } .cuslistitem:hover label { text-decoration: underline } .cuslistitem label { cursor: pointer; } .wait { display: none; } .wait.color-m2 i.fa { color: #8ec63f; } .wait i.fa { font-size: 20px; margin-left: 11px; } .proc_adm_tema { margin: 0 0 40px 0} .proc_adm_section { margin-bottom: 120px ; } .proc_adm_section.color-m3 .wait { color: #f9b800 !important; } .proc_adm_section.color-m3 .saved { color: #f9b800 !important; } .proc_adm_section .atit { font-size: 26px; height: 30px; } .proc_adm_section .atit .wait { font-size: 20px; color: var(--cl-m1); margin-left: 20px; } .proc_adm_section .atit .saved { display: none; margin-left: 30px; font-size: 16px; color: var(--cl-m1); font-weight: 700 } #proc_adm_attached_flex { list-style-type: none; margin: 0; padding: 0; } #proc_adm_attached_flex .f { position: relative; white-space: nowrap; cursor: move; max-width: 600px; width: 100%; transition: background-color 0.14s; margin-bottom: 10px; background-color: #bcd0de; font-size: 14px; padding: 0 20px; line-height: 40px; height: 40px;} #proc_adm_attached_flex.color-m3 .f { background-color: #f5e8c2 !important; } #proc_adm_attached_flex .f:hover { background-color: #9bbad0; } #proc_adm_attached_flex .step-flex-placeholder { position: relative; height: 40px; padding: 0 20px; margin-bottom: 10px; cursor: move; max-width: 600px; width: 100%; background-color: #fcd683; } #proc_adm_attached_flex .f>div { display: inline-block; vertical-align: middle; } #proc_adm_attached_flex .f .m i { font-size: 20px; margin-right: 10px; } #proc_adm_attached_flex .f .n { max-width: 70%; overflow: hidden ; white-space: nowrap; text-overflow: ellipsis; } #proc_adm_attached_flex .f .n a { font-size: 15px; font-weight: 300; } #proc_adm_attached_flex .f .n a:hover { text-decoration: underline; } #proc_adm_attached_flex .f .n { } #proc_adm_attached_flex .f .q { float: right; margin-right: 22px; } #proc_adm_attached_flex .f .q a i.fa-pencil { font-size: 20px;} #proc_adm_attached_flex .f .o { float: right } #proc_adm_attached_flex .f .o a i { font-size: 20px; } #proc_adm_attached_flex .f .o a i.fa-trash { color: #bf3a3a; } .user-page { margin: 50px 0 0 0; } .user-dates {} .user-dates .a { line-height: 50px; padding: 0 30px; margin-right: 20px; margin-top: 12px; margin-bottom: 12px; background-color: rgba(164, 157, 138, 0.08); } .user-dates .a .aa { width: 260px; display: inline-block } .user-dates .a .bb { margin-left: 10px; font-weight: 500; text-align: right; width: 340px; display: inline-block; } .user-dates .a .bb .button { display: inline-block; height: 30px; line-height: 30px; } .user-dates .a .bb .rg { line-height: 18px; padding-top: 10px; } .user-dates .d {line-height: 50px; padding: 0 30px; margin-right: 20px; margin-top: 12px; margin-bottom: 12px; background-color: rgba(164, 157, 138, 0.08); } .user-dates .d * { display: inline-block; vertical-align: middle; } .user-dates .d .dd { width: 260px;} .user-dates .d .ee { margin-left: 10px; text-align: right; width: 340px; display: inline-block;} .user-dates .d .ee i.fa-toggle-on { color: #00b662; font-size: 22px; display: inline-block; vertical-align: middle } .user-dates .d .ee i.fa-toggle-off { color: #ac5353 ; font-size: 22px; display: inline-block; vertical-align: middle } .user-dates .d .ee span { display: inline-block; vertical-align: middle; margin-left: 6px; } .user-dates .d .ee span b { font-weight: 400; } .user-dates .s { content: ""; height: 60px; } #raspdiv { } #raspdiv ul { margin:0 ; padding:0; list-style-type: none; } #gadgets { height: 30px; } #gadgets.color-m2 .wait { color: #8ec63f } #gadgets.color-m3 .wait { color: #f9b800; } #raspdiv .wait { font-size: 20px; margin-left: 20px; } #gadgets .saved { display: none; margin-left: 30px; font-size: 16px; color: var(--cl-m1); font-weight: 700 } #gadgets.color-m2 .saved { color: #8ec63f} #gadgets.color-m3 .saved { color: #f9b800; } #eraspdiv { } #eraspdiv ul { margin:0 ; padding:0; list-style-type: none; } #eraspdiv .wait { font-size: 20px; margin-left: 20px; } #eraspdiv .saved { display: none; margin-left: 30px; font-size: 16px; font-weight: 700 } #dintr_items { width: 100%;} .dintr.dintr-intr { padding: 0.2em; border-radius: 2px; cursor: move; margin-bottom: 10px; } .dintr.dintr-slides { padding: 0 20px; border-radius: 2px; cursor: move; margin-bottom: 10px; } .dintr.dintr-slides .b { width: 40% !important ;} .dintr.dintr-slides .i { display: none; margin-right: 50px; font-size: 22px; color:#3dc486 } .dintr.dintr-slides .y { display: none; } .dint-placeholder { height: 34px; background-color: #fcd683;; } .dint-placeholder-big { height: 76px; background-color: #fcd683;; } .dintr>div { display: inline-block; vertical-align: center; } .dintr.color-m2 { background-color: #e7f0db; transition: background-color 0.14s; } .dintr.color-m2 , .dintr.color-m2 * { transition: background-color 0.14s; } .dintr.color-m2:hover { } .dintr.color-m3 { background-color: #f5e8c2; transition: background-color 0.14s; } .dintr.color-m2 , .dintr.color-m3 * { transition: background-color 0.14s; } .dintr.color-m2:hover { } .dintr .a { margin-right: 10px; font-size: 0.75em; width: 5%; } .dintr .b { margin-right: 10px; width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dintr .b a { font-size: 0.75em } .dintr .c { float: right; width: 14%;} .dintr .c a { padding: 3px 13px; margin: 0 5px; border-radius:3px;} .dintr .d { float: right; width: 14%; } .dintr .d a { padding: 3px 13px; margin: 0 5px; } .dintr .d a i { color: #c30000 } .dintr .d a i , .dintr .c a i { font-size: 18px; } .dintr .e { float: right; width: 14%; } .dintr .e a { padding: 3px 13px; margin: 0 5px; position: relative; } .dintr .e a:hover u { visibility: visible; opacity : 1 } .dintr .e a u { visibility: hidden; opacity: 0; font-size: 14px; bottom: 40px; left: 40px; right: 40px; transition: all 0.25s; position: fixed; z-index: 100; padding: 10px; border-radius: 2px; width: 200px; box-shadow: 0 0 3px 2px rgba(0,0,0,0.2); background-color: #ffffff; text-decoration: none !important; } .chest_viz_exp { } .chest_viz_exp .a { margin: 70px 0 20px 0; font-weight: 600; font-size: 20px; color: #cc3300; } .chest_viz_do { margin: 70px 0; } .rasps_single { margin-bottom: 9px; cursor: pointer; } .rasps_single i , .rasps_single span { display: inline-block; vertical-align: middle } .rasps_single span { max-width: 80%; } .rasps_single i.fa { font-size: 10px; color: transparent; margin-right: 10px; border-radius: 15px; width: 17px; padding: 1px 0 1px 1px; height: 16px; line-height: 16px; border:1px solid #b0b0b0; text-align: center; } .rasps_single.color-m2.checked i.fa { color: #8ec63f } .rasps_multi { margin-bottom: 9px; cursor: pointer; } .rasps_multi i , .rasps_multi span { display: inline-block; vertical-align: middle } .rasps_multi i.fa { font-size: 16px; color: transparent; margin-right: 10px; border-radius: 2px; width: 18px; height: 18px; line-height: 18px; border:1px solid #b0b0b0; text-align: center; } .rasps_multi.color-m2.checked i.fa { color: #8ec63f } .answlasttext { margin: 6px 0 0 34px; } .answlasttext input { border: 1px solid #d0d0d0; background-color: #FFFFFF; border-radius: 3px; width: 99%; max-width: 600px; font-size: 16px; color: #555; height: 32px; line-height: 32px; text-indent: 6px; } #chest_poca { background-color: #FFFFFF; } #chest_poca img { max-width: 100%; height: 70px; object-fit: contain} #chest_cont { width: 98%; max-width: 1200px; margin: 0 auto; background-color: #F7F7F7; } #chest_top { background-color: #E9E9E9; margin-bottom: 20px; } #chest_top:after { display: block; clear: both; content: ""; } #chest_logo { text-align: left; display: block; float: left; width: 45%; } #chest_logo img { height: 50px; padding: 20px; } #chest_caf { text-align: right; padding-right: 20px; padding-top: 40px; float: right; width: 45%; } #chest_caf .a { font-size: 34px; font-weight: 300; } #chest_caf .b { display: none } #chest_body { text-align: left; padding: 0 1em; min-height: 400px; } #chest_title { font-size: 1.3em; color: #404040; font-weight: 600; padding: 20px 0 40px 0 } #chest_langs { font-size: 1em; color: #404040; font-weight: 600; padding: 20px 0 40px 0; } #chest_submit { padding: 60px 0 70px 0 } .intreb_div { margin-bottom: 3em; } .intreb_div.is_visible_0 { display: none } .intreb_div.is_visible_1 { display: block } .chest_intrebs_title { font-size: 1.1em; } .chest_intrebs_title span { opacity: 0.75; font-size: 14px; font-style: italic; } .chest_intrebs_rasps { } .chest_intrebs_rasps ul { list-style-type: none; padding-left: 1em} .chest_intrebs_rasps ul li span { font-size: 0.85em} #chest_gdpr { text-align: justify; font-size: 0.80em; line-height: 1.12em} #chest_gdpr ul { list-style-type : none; padding: 20px 0 0 0 ; margin:0; } #chest_gdpr span { width: 70%; font-size: 0.9em; line-height: 1em } #chestbottom { width: 98%; max-width: 1200px; background-color: #063e66; margin: 0 auto; } #chestbottom-c { height: 20px } .chlang { margin-right: 10px; } .chlang img { width: 25px; opacity: 0.7; height: auto; border-radius: 3px; border-width: 7px; border-color: transparent; border-style: solid; } .chlang.langakt img { border-color: #c0c0c0; opacity: 1; } .chlang:hover img { border-color: #c0c0c0; opacity: 1; } #elearn_poca { background-color: #FFFFFF; display: none !important; } #elearn_poca img { max-width: 100%; height: 70px; } #elearn_top { height: 137px; box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2); background-color: #E9E9E9; margin-bottom: 20px; position: fixed; margin: 0 auto; top:0; left:0; right:0; z-index: 10;width: 98%; max-width: 1200px; } #elearn_top:after { display: block; clear: both; content: ""; } #elearn_logo { display: none } #elearn_logo img { width: 100%; height: auto; } #elearn_caf { display: none } #elearn_caf .a { font-size: 0.8em; font-weight: 300; } #elearn_caf .b { font-size: 12px; padding-top: 28px; } #elearn_navig { text-align: center; padding-bottom:1em} #elearn_navig .t { font-size: 1em; font-weight: 700; padding-top: 1.5em; } #elearn_navig .r { margin-top: 20px; height: 60px; } #elearn_navig .r .prev { float: left; width: 15%; } #elearn_navig .r .prev a { display: block ; border-radius: 4px; transition: all 0.2s; background-color: rgba(0,0,0,0.1) } #elearn_navig .r .prev a i { font-size: 30px; color: #f9b800; } #elearn_navig .r .prev a:hover { background-color: rgba(0,0,0,0.3) } #elearn_navig .r .next { float: left; width: 15%; } #elearn_navig .r .next a { display: block ; border-radius: 4px; transition: all 0.2s; background-color: rgba(0,0,0,0.1) } #elearn_navig .r .next a i { font-size: 30px; color: #f9b800; } #elearn_navig .r .next a:hover { background-color: rgba(0,0,0,0.3) } #elearn_navig .r .midd { float: left; width: 70% } #elearn_navig .r .midd .a { font-size: 1em; padding-top: 10px; font-weight: 700; padding-bottom: 4px; color: #f9b800; } #elearn_navig .r .midd .b { } #elearn_cont { width: 98%; max-width: 1200px; margin: 0 auto; background-color: #F7F7F7; margin-top: 138px;} #elearn_body { text-align: left; padding: 1.5em 0.5em; min-height: 800px; } #elearn_body img { max-width: 100%; height: auto; } #elearn_title { font-size: 26px; color: #404040; font-weight: 600; padding: 20px 0 40px 0 } #elearn_submit { padding: 60px 0 70px 0 } #elearnbottom { display: none; width: 98%; max-width: 1200px; background-color: #063e66;margin: 0 auto; } #elearnbottom-c { height: 200px } #sld_img { width: 100%; text-align: center; } #sld_img img { width: 100%; } /* ========================== CHAT ========================= */ #chatwin { position: fixed; display: none; z-index: 50; width: 100%; left: 0; right: 0; box-sizing: border-box; border-top: 4px solid #F0F0F0; top: 64px; bottom: 0; background: #FFFFFF; } #chatwin.show { display: block; } #menu-chat { float: right; width: 60px; margin-top: 9px; text-align: center ; position: relative; } #menu-chat span { cursor: pointer; width: 100%; display: block; padding: 5px 0; } #menu-chat span>i.fa { font-size: 30px; color: #234090; } #menu-chat span:hover>i.fa { color: #266ec6; } #chkmsgprogress { position: absolute; top:-50000px; left:-3px; font-size: 10px; } #chkmsgprogress.prgshow { top:15px } #chkmsginit { position: absolute; top:-50000px; color: #223f90; left:-3px; font-size: 10px; } #chkmsginit.prgshow { top:15px } .newmess { position: absolute; top:4px; opacity:0; color: #223f90; left:36px; font-size: 14px !important; color: #d00000; } .newmess.prgshow { opacity:1; } #menu-chat-off { float: right; width: 60px; margin-top: 9px; text-align: center ; position: relative; } #menu-chat-off span { cursor: pointer; width: 100%; display: block; padding: 5px 0; } #menu-chat-off span>i.fa { font-size: 30px; color: #b0b0b0; } #menu-chat-off span:hover>i.fa { color: #266ec6; } #chat_options { padding: 17px 0 0 44px ; box-sizing: border-box; } #chat_options .a { color: #407bca; font-size: 16px; margin-bottom:30px; font-weight: 500; } #chat_options .b { display: none; } #chat_options .c { cursor: pointer ; } #chat_options .c .g { display: inline-block; vertical-align: top; width: 26px; } #chat_options .c .gl { display: none; vertical-align: top; width: 26px; } #chat_options .c .gl i { color: #276ec6; font-size: 19px; } #chat_options .c .g i { } #chat_options .c.checked .g i.fa-check-square-o { display: block !important ; } #chat_options .c.checked .g i.fa-square-o { display: none !important ; } #chat_options .c .g i.fa-check-square-o { color: #276ec6; font-size: 19px; display: none; } #chat_options .c .g i.fa-square-o { color: #a6a6a6; font-size: 19px; display: block; } #chat_options .c .h { display: inline-block; vertical-align: top; width: 80%; font-size: 14px; } #chat_options .d { margin-top: 6px; font-size: 12px; margin-left:50px; } #chat_no_friends { padding: 50px 40px ; font-size: 14px; line-height: 26px; } #chatleft { float: left; width: 65%; height: 100%; position: relative; } #convs { top:0; left:0; right:0; position: absolute; bottom: 58px; overflow: auto; } #convs_no { top: 40%; position: absolute; left:0; right:0; text-align: center; color: #808080; font-size: 16px; } #write { bottom:0; left:0; text-align: left; right:0; height: 55px; line-height: 20px; background-color: #eaedf5; position: absolute; } #wrtfrm { display: none; width: 75%; } #mewrite { display: inline-block; vertical-align: top; margin: 15px 0 0 15px; } #write #chtmsg { vertical-align: top; overflow: hidden; margin: 11px 0 0 10px; text-indent: 7px; display: inline-block; color: #000000; border-radius: 4px; font-size: 12px; padding-top:9px; width: 62%; box-sizing: border-box; height: 34px; background-color: #FFFFFF; border: 1px solid #c0c0c0; } #chtsmb { display: inline-block; vertical-align: top; margin-top: 11px; line-height: 18px; padding: 6px 12px; } #chtsmb_m { display: none; } .disabbtn { pointer-events: none !important; cursor: default !important; background-color: #c0c0c0 !important; } #fruserlist { display: none; } #backtomsgs { display: none; } #chatright { float: left; width: 35%; height: 100%; box-sizing: border-box; position: relative } #chatright:before { border-left: 4px solid #F0F0F0; display: block; position: relative; top:0; bottom:0; height: 100%; left:0; width: 1px; overflow: hidden; content: " "; } #chat_partners { ooverflow: scroll; -webkit-overflow-scrolling: touch; verflow: auto; left: 0; right: 0; top: 0; bottom: 58px; position: absolute; } #chat_options { bottom:0; left:0; text-align: left; right:0; height: 55px; line-height: 20px; background-color: #eaedf5; position: absolute; } #cht_attach { display: none; padding: 10px 0 0 0px; vertical-align: top; box-sizing: border-box; overflow: hidden; position: relative; width: 15%; } #chtupimg { display: inline-block; vertical-align: top; margin: 10px 0 0 0; position: relative; } #chtupimg:hover i { color: #18447a} #chtupimg i { font-size: 20px; } #chtupimg.norm .fa-spin { opacity:0; } #chtupimg.norm .fa-file-image-o { display:block; } #chtupimg.wait .fa-spin { opacity:1; } #chtupimg.wait .fa-file-image-o { display:none; } #chtupdoc { display: inline-block; vertical-align: top; margin: 10px 0 0 20px; position: relative; } #chtupdoc:hover i { color: #18447a} #chtupdoc i { font-size: 20px; } #chtupdoc.norm .fa-spin { opacity:0; } #chtupdoc.norm .fa-file-text-o { display:block;} #chtupdoc.wait .fa-spin { opacity:1; } #chtupdoc.wait .fa-file-text-o { display:none;} #chtimgfrm { opacity: 0; top: 9999px; position: absolute; } #chtdocfrm { display: none; } #cht_smy { display: none; vertical-align: top; margin: 4px 0 0 2px; padding: 10px 6px; position: relative; } #cht_smy.showsmywin #smlypop { display: block; } #cht_smy i { } #cht_smy i.fa-smile-o { font-size: 24px !important; margin-top:3px; color: #223f90; } #smlypop { position: absolute; overflow: scroll; -webkit-overflow-scrolling: touch; display: none; bottom: 70px; z-index: 80; right: 0; box-sizing: border-box; margin-right: 0px; border-radius: 9px; background: #ffffff; width: 255px; overflow-y: scroll; height: 279px; box-shadow: 0 0 3px 1px rgba(0,0,0,0.3); } #smy_choose { padding: 12px; } #smy_choose span { padding: 9px 7px; box-sizing: border-box; border-radius: 3px; transition: 0.14s; display: inline-block; font-size: 22px; cursor: pointer; } #smy_choose span:hover { background: #d3e7ff; } #smlypopclose { display: none; } .one_smiley { font-size: 28px !important; line-height: 44px; display: inline-block; padding-top: 6px; } .chpart { text-align: left; margin: 0px 0 0 0px; line-height: 17px; padding: 8px 10px 8px 20px; box-sizing: border-box; cursor: pointer; transition: 0.1s; position: relative; } .chpart.active_chat { background-color: #d8e0f5 } .chpart:hover , .chpart.active_chat:hover { background-color: #d8e0f5 } .chpart .l { display: inline-block; vertical-align: top; width: 12%; text-align: right } .chpart .l>div { float: right } .chpart .r { display: inline-block; vertical-align: top; width: 86%; } .chpart .r .a { font-size: 14px; margin-top: 2px; color: #223f90; width: 90%; position: relative; box-sizing: border-box; padding-left: 12px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .chpart .r .b { margin-top: 2px; } .chpart .r .b .one_smiley { font-size: 12px !important; line-height: 16px !important; padding-top: 1px !important; } .chpart .r .b span.is_msg { font-size: 12px; font-weight: 400; color: #2c2c2c; width: 90%; position: relative; padding-left: 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 20px; display: block; } .chpart .r .b span.is_msg .imgmsglink , .chpart .r .b span.is_msg .imgamsglink { display: none; } .chpart .r .b span.no_msg { font-size: 12px; font-weight: 400; color: #d0d0d0; width: 90%; position: relative; padding-left: 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 20px; display: block; } .chpart:hover .no_msg { color: #888 !important; } .chpart.not_seen .r .a { font-weight: 600; } .chpart.not_seen .r .b span.is_msg { font-weight: 600; font-size: 13px; color: #000000; } .chpart.not_seen .r .b span.is_msg:after { position: absolute; display: block; content: "\f111"; font-family: 'FontAwesome'; font-size: 7px; top: 0px; left:2px; color: #D00000; z-index: 80; } #lines { position: absolute; left:0; right:0; overflow: scroll; -webkit-overflow-scrolling: touch; box-sizing: border-box; bottom:0; max-height: 100%; overflow: auto; text-align: left; } .msgline { padding: 0 10px 0 36px; margin: 20px 0 10px 0; width: 100%; box-sizing: border-box; position: relative; } .msgline .a { display: inline-block; vertical-align: middle; } .msgline .a .avatar_min { display: block; } .msgline .a .avatar_mic { display: none; } .msgline.partner_msg { padding-left: 91px !important; } .msgline .b { display: inline-block; position: relative; vertical-align: middle; margin: 0 0 0 10px; max-width: 70%; overflow-wrap: break-word; word-wrap: break-word; box-sizing: border-box; padding: 10px 14px 8px 14px; border-radius: 10px; } .msgline .b .g .msgtext { line-height: 19px; display: block; margin-top: 10px;} .msgline .b .g .msgtext .smiley { width: 18px; height: 18px; } .msgline .b .g .msgtext a.prctxtlink { color: #276ec6 !important; font-weight: 500 !important; } .msgline .b .g .msgtext a.prctxtlink:hover { color: #18447a !important; text-decoration: underline !important; } .msgline.partner_msg .b , .msgline.partner_msg .c , .msgline.partner_msg .d { background-color: #f6eac3; box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); } .msgline.my_msg .b , .msgline.my_msg .c , .msgline.my_msg .d { background-color: #f9f9f9; box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); } .msgline.partner_msg .b .g .msgtext , .msgline.partner_msg .c .g .msgtext { font-size: 14px; font-weight: 500; color: #000; } .msgline.my_msg .b .g .msgtext , .msgline.my_msg .c .g .msgtext { font-size: 14px; font-weight: 500; color: #000; } .msgline .c { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; width: 30%; overflow-wrap: break-word; overflow: hidden; word-wrap: break-word; box-sizing: border-box; padding: 0 0 8px 0; border-radius: 10px; } .msgline .d { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; width: 50%; overflow-wrap: break-word; overflow: hidden; word-wrap: break-word; box-sizing: border-box; padding: 0 0 8px 0; border-radius: 10px; } .msgline .c .h { width: 100%; height: 180px; position: relative; } .msgline .d .x { width: 100%; height: 280px; position: relative; } .msgline .c .h img { width: 100%; height: 123px; object-fit: cover} .msgline .d .x video { width: 100%; height: 223px; } .msgline .c .k { margin: 7px 0 0 12px; display: block; font-size: 12px; font-weight: 500; color: #276ec6; } .msgline .c .k i.fa { font-size: 14px; margin-right: 4px; display: inline-block; } .msgline .d .k { margin: 7px 0 0 12px; display: block; font-size: 12px; font-weight: 500; color: #276ec6; } .msgline .d .k i.fa { font-size: 14px; margin-right: 4px; display: inline-block; } .msgline .b .k { margin: 7px 0 0 0; display: block; font-size: 12px; font-weight: 500; color: #276ec6; } .msgline .b .k i.fa { font-size: 14px; margin-right: 4px; display: inline-block; } .msgline .b .g .fdirect { } .msgline .b .g .fdirect b { font-weight: 600; color: #276ec6; } .msgline .msgetaa { display: block; border-radius: 2px; font-weight: 500; margin-top: 17px; color: #777; font-size: 10px;} .msgline .c .msgetaa { margin-left: 13px; } .msgline .d .msgetaa { margin-left: 13px; } .msgline .msgetaa i { color: #000 } .msgline i.fa-eye-slash { font-size: 12px; color: #909090; margin-left: 30px; } .msgline i.fa-eye { font-size: 12px; color: #229144; margin-left: 30px; } .msgline i.fa-eye-slash { display: none; } .msgline i.fa-eye { display: inline-block; } .msgline.unseen i.fa-eye-slash { display: inline-block; } .msgline.unseen i.fa-eye { display: none; } .msg_del { opacity: 1; z-index: 100; cursor: pointer; width: 26px; background-color: rgba(143,57,57,0.1); padding: 6px 0; font-size: 10px !important; line-height: 17px; border-top-right-radius: 10px; text-align: center; color: #D00000; position: absolute; top: 0; right:0; display: block;} .msg_del:hover { opacity: 1; background-color: rgba(143,57,57,1); color: #FFFFFF; } /*========================== CHAT END == */ #admin_page_back { text-align: left; padding: 100px 0 0 20px; } #banner_admin_content { text-align: left; } #banner_admin_content>.a { margin: 30px; } #banner_admin { text-align: left; width: 70%; border: 6px dashed rgba(0, 106, 182, 0.25) ; display: inline-block; transition: all 0.2s; } #banner_admin:hover { border: 6px dashed rgba(0, 106, 182, 0.65) ; } #banner_admin img { width: 100%; display: block; } #banner_adm_holder { cursor: pointer; width: 70%; position: relative; height: 245px; background: #ddd ; border: 6px dashed rgba(0, 106, 182, 0.25) ; display: inline-block; transition: all 0.2s; text-align: center; } #banner_adm_holder:hover { border: 6px dashed rgba(0, 106, 182, 0.65) ; } #banner_adm_holder div { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 48px; color : #999} #info_cont { height: 400px; } #slide_descr { height: 500px; } #savingprg { position: fixed; display: none; top: 20px; right: 30%; color: #4477aa; font-weight: bold;} #savingprg i.fa { font-size: 20px; } #successok { font-size: 20px; } #successok i.fa { font-size: 35px; color: #8ec63f; } .err_mod { margin: 60px 0 0 50px ; padding: 30px; border: 1px solid #bb6d6d; display: block; width: 80%; text-align: left; } .err_mod div { color: #bb6d6d; font-size: 30px; font-weight: 600; margin-bottom: 40px; } .err_mod span { font-size: 18px; font-weight: 600; margin-bottom: 60px; display: block; } #successok { font-size: 20px; } #successok i.fa { font-size: 35px; color: #8ec63f; } /* ========================== CHAT ========================= */ #chatwin { position: fixed; display: block; z-index: 60; left: 101%; right: 0; top: 3.3em; bottom: 0; width: 100%; transition: 0.3s; box-sizing: border-box; background: #FFFFFF; } #chatwin.show { left:0; } #chat_kin_part { float: right; width: 120px; display: none; margin-top: 8px; height: 38px; margin-right: 10px; text-align: left ; position: relative;} #chat_kin_part .a { display: inline-block; width: 42px; overflow: hidden; vertical-align: middle} #chat_kin_part .b { display: inline-block; width: 70px; font-size: 13px; padding-top: 3px; font-weight: 500; line-height: 16px; color: #223f90; height: 100%; overflow: hidden; margin-left: 8px; overflow: hidden; vertical-align: middle} #menu-chat { float: right; width: 60px; margin-top: 0; text-align: center ; position: relative; } #menu-chat span { cursor: pointer; width: 100%; display: block; padding: 10px 0 10px 0; } #menu-chat span>i.fa { font-size: 32px; color: #a2a2a2; } #menu-chat.open span>i.fa { color: #276ec6; } #chkmsgprogress { position: absolute; top:-50000px; left:-3px; font-size: 10px; } #chkmsgprogress.prgshow { top:21px } #chkmsginit { position: absolute; top:-50000px; color: #223f90; left:-3px; font-size: 10px; } #chkmsginit.prgshow { top:21px } .newmess { position: absolute; top:10px; opacity:0; color: #223f90; left:36px; font-size: 14px !important; color: #d00000; } .newmess.prgshow { opacity:1; } #menu-chat-off { float: right; width: 60px; margin-top: 9px; margin-right: 20px; text-align: center ; position: relative; } #menu-chat-off span { cursor: pointer; width: 100%; display: block; padding: 5px 0; } #menu-chat-off span>i.fa { font-size: 30px; color: #b0b0b0; } #menu-chat-off span:hover>i.fa { color: #266ec6; } #chat_options { bottom:0; left:0; text-align: left; right:0; width: 100%; height: 55px; line-height: 20px; position: absolute; padding: 17px 7px 0 7px ; box-sizing: border-box;background-color: #eaedf5; } #chat_options .b { display: inline-block; vertical-align: top; width: 30%; font-size: 13px; font-weight: 600;} #chat_options .b a { font-size: 13px; font-weight: 600;} #chat_options .b i { } #chat_options .c { text-align: left; cursor: pointer ; display: inline-block; vertical-align: top; width: 65% ; } #chat_options .c .g { display: inline-block; vertical-align: top; width: 26px; } #chat_options .c .gl { display: none; vertical-align: top; width: 26px; } #chat_options .c .gl i { color: #276ec6; font-size: 19px; } #chat_options .c .g i { } #chat_options .c.checked .g i.fa-check-square-o { display: block !important ; } #chat_options .c.checked .g i.fa-square-o { display: none !important ; } #chat_options .c .g i.fa-check-square-o { color: #276ec6; font-size: 19px; display: none; } #chat_options .c .g i.fa-square-o { color: #a6a6a6; font-size: 19px; display: block; } #chat_options .c .h { display: inline-block; vertical-align: top; width: 80%; font-size: 12px; box-sizing: border-box; } #chat_options .d { margin-top: 6px; font-size: 12px; margin-left:50px; } #chat_no_friends { padding: 50px 40px ; font-size: 14px; line-height: 26px; } #chatleft { width: 100%; display: block; z-index: 62; height: 100%; position: relative; } #convs { top:0; left:0; right:0; position: absolute; bottom: 58px; overflow: hidden; } #convs_no { top: 40%; position: absolute; left:0; right:0; padding: 0 10px; text-align: center; color: #808080; font-size: 16px; } #write { bottom:0; left:0; text-align: left; right:0; height: 55px; line-height: 20px; background-color: #eaedf5; position: absolute; } #fruserlist { display: INLINE-BLOCK; vertical-align: top; margin: 5px 0 0 2px; padding: 10px 6px; position: relative; } #fruserlist:hover i { color: #18447a; } #fruserlist i { } #fruserlist i.fa-user { font-size: 22px !important; margin-top:3px; } #wrtfrm { display: none; width: 57%; position:relative; text-align: left } #mewrite { display: none; } #write #chtmsg { vertical-align: top; width: 76%; overflow: hidden; margin: 11px 0 0 0; text-indent: 7px; display: inline-block; color: #000000; border-radius: 4px; font-size: 12px; padding-top:9px; box-sizing: border-box; height: 34px; background-color: #FFFFFF; border: 1px solid #c0c0c0; } #chtsmb { display: none } #chtsmb_m { display: inline-block; vertical-align: top; margin: 14px 0 0 0px; height: 28px; padding: 0 10px; } .disabbtn { pointer-events: none !important; cursor: default !important; background-color: #c0c0c0 !important; } #chatright { display: block; transition: 0.3s; z-index: 75; bottom:0; left:-201%; right:-101%; background-color: #FFFFFF; width: 100%; height: 100%; padding-top: 10px; box-sizing: border-box; position: absolute ; } #chatright.showr { left:0; right:0; } #chat_partners { overflow: scroll; -webkit-overflow-scrolling: touch; left: 0; right: 0; top: 0; bottom: 58px; position: absolute; } #cht_attach { display: none; padding: 10px 0 0 2px; vertical-align: top; box-sizing: border-box; overflow: hidden; position: relative; width: 19%; } #chtupimg { display: inline-block; vertical-align: top; margin: 10px 0 0 0; position: relative; } #chtupimg:hover i { color: #18447a} #chtupimg i { font-size: 20px; } #chtupimg.norm .fa-spin { opacity:0; } #chtupimg.norm .fa-file-image-o { display:block; } #chtupimg.wait .fa-spin { opacity:1; } #chtupimg.wait .fa-file-image-o { display:none; } #chtupdoc { display: inline-block; vertical-align: top; margin: 10px 0 0 10px; position: relative; } #chtupdoc:hover i { color: #18447a} #chtupdoc i { font-size: 20px; } #chtupdoc.norm .fa-spin { opacity:0; } #chtupdoc.norm .fa-file-text-o { display:block;} #chtupdoc.wait .fa-spin { opacity:1; } #chtupdoc.wait .fa-file-text-o { display:none;} #chtimgfrm { opacity: 0; top: 9999px; position: absolute; } #chtdocfrm { display: none; } #cht_smy { display: none; vertical-align: top; margin: 4px 0 0 2px; padding: 10px 6px; position: relative; } #cht_smy.showsmywin #smlypop { top: 7em; transition: 0.5s;} #cht_smy i { } #cht_smy i.fa-smile-o { font-size: 24px !important; margin-top:3px; color: #223f90; } #smlypop { position: fixed; overflow: scroll; -webkit-overflow-scrolling: touch; transition: 0.3s; display: block; bottom: 56px; z-index: 80; left:0; right: 0; top: 101%; background: #eeeeee; overflow-y: scroll; } #smy_choose { padding: 12px; } #smy_choose span { padding: 13px 11px; box-sizing: border-box; border-radius: 3px; transition: 0.14s; display: inline-block; font-size: 26px; cursor: pointer; } #smy_choose span:hover { background: #d3e7ff; } #smlypopclose { position: fixed; display: block; height: 2em; top: 101%; position: fixed; left:0; right:0; width: 100%; text-align: center; } #smlypopclose i { width: 110px; border-radius: 5px; color: #D00000; height: 2em; line-height: 2em; background: #f2d6d6; display: inline-block; text-align: center; } #cht_smy.showsmywin #smlypopclose { top: 5.2em; transition: 1s; } .one_smiley { font-size: 28px; line-height:38px !important; display: inline-block; padding-top: 6px; } .chpart { text-align: left; margin: 0px 0 0 0px; line-height: 17px; padding: 8px 10px; box-sizing: border-box; cursor: pointer; transition: 0.1s; position: relative; } .chpart.active_chat { background-color: #d8e0f5 } .chpart:hover , .chpart.active_chat:hover { background-color: #d8e0f5 } .chpart .l { display: inline-block; vertical-align: top; width: 12%; text-align: right } .chpart .l>div { float: right } .chpart .r { display: inline-block; vertical-align: top; width: 86%; } .chpart .r .a { font-size: 14px; margin-top: 2px; color: #223f90; width: 90%; position: relative; box-sizing: border-box; padding-left: 12px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .chpart .r .b { margin-top: 2px; } .chpart .r .b .one_smiley { font-size: 12px !important; line-height: 14px !important; padding-top: 1px !important; } .chpart .r .b span.is_msg { font-size: 12px; font-weight: 400; color: #2c2c2c; width: 90%; position: relative; padding-left: 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 20px; display: block; } .chpart .r .b span.is_msg .imgmsglink , .chpart .r .b span.is_msg .imgamsglink { display: none; } .chpart .r .b span.no_msg { font-size: 12px; font-weight: 400; color: #d0d0d0; width: 90%; position: relative; padding-left: 12px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 20px; display: block; } .chpart:hover .no_msg { color: #888 !important; } .chpart.not_seen .r .a { font-weight: 600; } .chpart.not_seen .r .b span.is_msg { font-weight: 600; font-size: 13px; color: #000000; } .chpart.not_seen .r .b span.is_msg:after { position: absolute; display: block; content: "\f111"; font-family: 'FontAwesome'; font-size: 7px; top: 0px; left:2px; color: #D00000; z-index: 80; } #lines { position: absolute; left:0; right:0; box-sizing: border-box; bottom:0; max-height: 100%; overflow: scroll; text-align: left; } #lines.scroll_m { -webkit-overflow-scrolling: touch; } .msgline { padding: 0 6px 0 6px; margin: 20px 0 10px 0; width: 90%; box-sizing: border-box; position: relative; } .msgline .a { display: inline-block; vertical-align: middle; width: 30px;} .msgline .a .avatar_mic { display: block; } .msgline .a .avatar_min { display: none; } .msgline.partner_msg { } .msgline .b { display: inline-block; position: relative; vertical-align: middle; max-width: 85%; min-width: 30%; margin: 0 0 0 5px; overflow-wrap: break-word; word-wrap: break-word; box-sizing: border-box; padding: 10px 14px 8px 14px; border-radius: 10px; } .msgline .b .g .msgtext { line-height: 19px; display: block; margin-top: 10px;} .msgline .b .g .msgtext .smiley { width: 18px; height: 18px; } .msgline .b .g .msgtext a.prctxtlink { color: #276ec6 !important; font-weight: 500 !important; } .msgline .b .g .msgtext a.prctxtlink:hover { color: #18447a !important; text-decoration: underline !important; } .msgline.partner_msg .b , .msgline.partner_msg .c , .msgline.partner_msg .d { background-color: #f6eac3; box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); } .msgline.my_msg .b , .msgline.my_msg .c , .msgline.my_msg .d { background-color: #f9f9f9; box-shadow: 0 1px 3px 0px rgba(0,0,0,0.4); } .msgline.partner_msg .b .g .msgtext , .msgline.partner_msg .c .g .msgtext { font-size: 14px; font-weight: 500; color: #000; } .msgline.my_msg .b .g .msgtext , .msgline.my_msg .c .g .msgtext { font-size: 14px; font-weight: 500; color: #000; } .msgline .c { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; width: 40%; overflow-wrap: break-word; overflow: hidden; word-wrap: break-word; box-sizing: border-box; padding: 0 0 8px 0; border-radius: 10px; } .msgline .d { display: inline-block; vertical-align: middle; margin: 0 0 0 10px; width: 80%; overflow-wrap: break-word; overflow: hidden; word-wrap: break-word; box-sizing: border-box; padding: 0 0 8px 0; border-radius: 10px; } .msgline .c .h { width: 100%; height: 130px; position: relative; } .msgline .d .x { width: 100%; height: 300px; position: relative; } .msgline .c .h img { width: 100%; height: 73px; object-fit: cover} .msgline .d .x video { width: 100%; height: 250px; } .msgline .c .k { margin: 7px 0 0 12px; display: block; font-size: 12px; font-weight: 500; color: #276ec6; } .msgline .c .k i.fa { font-size: 14px; margin-right: 4px; display: inline-block; } .msgline .d .k { margin: 7px 0 0 12px; display: block; font-size: 12px; font-weight: 500; color: #276ec6; } .msgline .d .k i.fa { font-size: 14px; margin-right: 4px; display: inline-block; } .msgline .b .k { margin: 7px 0 0 0; display: block; font-size: 12px; font-weight: 500; color: #276ec6; } .msgline .b .k i.fa { font-size: 14px; margin-right: 4px; display: inline-block; } .msgline .b .g .fdirect { } .msgline .b .g .fdirect b { font-weight: 600; color: #276ec6; } .msgline .msgetaa { display: block; border-radius: 2px; font-weight: 500; margin-top: 17px; color: #777; font-size: 10px;} .msgline .c .msgetaa { margin-left: 13px; } .msgline .d .msgetaa { margin-left: 13px; } .msgline .msgetaa i { color: #000 } .msgline i.fa-eye-slash { font-size: 12px; color: #909090; margin-left: 30px; } .msgline i.fa-eye { font-size: 12px; color: #229144; margin-left: 30px; } .msgline i.fa-eye-slash { display: none; } .msgline i.fa-eye { display: inline-block; } .msgline.unseen i.fa-eye-slash { display: inline-block; } .msgline.unseen i.fa-eye { display: none; } .msg_del { opacity: 1; z-index: 100; cursor: pointer; width: 26px; background-color: rgba(143,57,57,0.1); padding: 6px 0; font-size: 10px !important; line-height: 17px; border-top-right-radius: 10px; text-align: center; color: #D00000; position: absolute; top: 0; right:0; display: block;} .msg_del:hover { opacity: 1; background-color: rgba(143,57,57,1); color: #FFFFFF; } /*========================== CHAT END == */ /* ============================ ABR */ #sugest { display: none; height: 250px; overflow: auto; background-color: #f0f0f0; padding: 0.5rem; } #sugest > div { font-size: 1rem; font-weight: 300; padding: 3px 6px; border-radius: 3px; color: var(--cl-text); line-height: 1.2rem; cursor: pointer; } #sugest > div:hover { background-color: var(--cl); color: var(--cl-f); } #stattel { } .stattel-line { font-size: 0; background-color: rgba(164, 157, 138, 0.08); margin: 5px 0; padding: 8px 6px 8px 34px; } .stattel-line > div { display: inline-block; vertical-align: middle; } .stattel-line > div.a { width: 20%; font-family: 'Courier'; font-size: 1rem; font-weight: 400; line-height: 1.4rem; } .stattel-line > div.b { width: 60%; font-size: 1rem; font-weight: 300; line-height: 1.4rem; } .stattel-line > div.c { width: 20%; font-size: 1rem; font-weight: 300; line-height: 1.4rem; } .stattel-line > div.c i { color: #a0a0a0; cursor: pointer; margin-left: 10px; } #reincarca { font-weight: 200; text-align: right; margin: 0 40px 20px 0; } #reincarca i { margin-right: 13px; } .cafdate { width: 120px !important; } .proc_subtit { line-height: 2rem; margin-left: 4px; } .proc_subtit i { color: var(--cl-m3); margin-right: 5px; width: 20px; } .even_plata_tit { font-size: 1.55rem; margin: 1rem 0; } .even_plata { border-bottom: 2px dashed #E6E6E6; padding: 1.5rem 0; max-width: 500px; } .even_plata > div { display: block; } .even_plata .a { } .even_plata .b { padding-top: 12px; } #even_diplome { display: grid; } /* gap: 2rem; grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); */ .evdipl { margin-bottom: 2rem; background-color: #FFFFFF; border-radius: 1.5rem; font-size: 0; } .evdipl .a { height: 200px; border-radius: 1.5rem; overflow: hidden; } .evdipl .a a { display: inline-block; background-size: cover; width: 100%; height: 100%; } .evdipl .b { padding: 1rem 2rem; line-height: 2rem; } .evdipl .b > div > a > i { width: 16px; } .evdipl .b .ba { font-size: 1rem; } .evdipl .b .ba i { color: var(--cl-m6); margin-right: 0.5rem; } .evdipl .b .ba span { font-weight: 300; } .evdipl .b .bb { font-size: 1rem; } .evdipl .b .bb i { color: #cc3300; margin-right: 0.5rem; } .evdipl .b .bb span { font-weight: 300; } .evdipl .b .bu { font-size: 1rem; } .evdipl .b .bu i { color: var(--cl-m1); margin-right: 0.5rem; } .evdipl .b .bu span { font-weight: 300; } .dposition { width: 30px; border: 1px solid #d0d0d0; } .even_inner_att_title { font-size: 1.25rem; margin-top: 1.5rem; margin-bottom: 1rem; } .even_inner_att { margin-bottom: 0.6rem; margin-left: 0.5rem; } .even_inner_att i { color: var(--cl-m3); } .even_inner_att span { margin-left: 0.75rem; } #virament { line-height: 1.7rem } #virament span.a { } #virament span.b { font-family: courier; font-size: 19px; letter-spacing: 2px; } }