html , body { width: 100%; box-sizing: border-box; }
body { font-size: 16px; }
body { margin: 0; padding: 0; text-align: center; line-height: 23px; }
body, td , input , select, textarea , button { font-family: 'Kanit', sans-serif; font-weight: 400; color: #222222; }
body.loginpage { background-color: #ffffff; }
body.pages { background-color: #f7f7f7; }
.mobile_window_display { position: fixed; width: 100%; height: 100%; overflow: hidden; }
a { color: #2b405d; text-decoration: none; }
a:hover { color: #142338; text-decoration: none; }
form { margin: 0; }
a img { border-width: 0; border-style: none; }
*:focus { outline: none; }
div, span, ul, li { box-sizing: border-box; }
.spacer { overflow: hidden; clear: both; height: 1px; }
input::-ms-clear { display: none; }
textarea { resize: none; }
td { vertical-align: top; }
* { touch-action: manipulation; }
input { -webkit-border-radius:0; border-radius:0; }
h1, h2 { display: none; }
/* ============================================================================================================================================================================== */
:root {
--cl: #194888;
--cl-f: #FFFFFF;
--cl-m1: #194888;
--cl-m1-hover: #004f88;
--cl-m2: #efb30a;
--cl-m2-hover: #d3a421;
--cl-m3: #efb30a ;
--cl-m3-hover: #d3a421 ;
--cl-m4: #efb30a ;
--cl-m4-hover: #d3a421 ;
--cl-m5: #efb30a ;
--cl-m5-hover: #d3a421 ;
--cl-m6: #efb30a ;
--cl-m6-hover: #d3a421 ;
--old-cl-m1: #194888;
--old-cl-m1-hover: #004f88;
--old--cl-m2: #8ec63f;
--old--cl-m2-hover: #6a9e20;
--old-cl-m3: #f9b800 ;
--old-cl-m3-hover: #d3a421 ;
--cl-text: #222222; ;
}
.thin { font-weight: 200; }
.light { font-weight: 300; }
.normal { font-weight: 400; }
.bold { font-weight: 500; }
.heavy { font-weight: 700; }
.capital { text-transform: uppercase; font-weight: 500 !important;}
.color { color: #2b405d; }
.zold { color: #06d48f; }
.kek { color: #2b405d; }
.audio_letoltes { color: #303030; display: inline-block; margin: 0 auto; text-align: left; min-height: 32px; background: url(img/audio.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 1em; }
.pdf_letoltes { color: #303030; display: inline-block; margin: 0 auto; text-align: left;height: 32px; background: url(img/pdf.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 2em; }
.doc_letoltes { color: #303030; display: inline-block; margin: 0 auto; text-align: left;height: 32px; background: url(img/doc.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 2em; }
.xls_letoltes { color: #303030; display: inline-block; margin: 0 auto; text-align: left;height: 32px; background: url(img/xls.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 2em;; }
.video_megtekint { color: #303030; display: inline-block; margin: 0 auto; text-align: left;height: 32px; background: url(img/video2.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 2em;; }
.altalanos_letoltes { color: #303030; display: inline-block; margin: 0 auto; text-align: left;height: 32px; background: url(img/file.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 2em; }
#subject , .subject { display: none; } /* honey pot */
.sharethis { display: block; }
.button { display: inline-block; white-space: nowrap; cursor: pointer; transition: background-color 0.1s; cursor: pointer; border-radius: 1.5rem !important; border-color: transparent; border-width: 0; border-style: none; }
.button_blue { background-color: #e8f2f9; color: var(--cl-m1); }
.button_blue:hover { background-color: #c3d7e5; color: var(--cl-m1)}
.button_brown { background-color: #a49d8a; color: #ffffff; }
.button_brown:hover { background-color: #8e8262; color: #ffffff}
.button_blue_orig { background-color: var(--cl-m1); color: #ffffff; }
.button_blue_orig:hover { background-color: var(--cl-m1-hover); color: #ffffff}
.button_blue_alt { background-color: #4f9884; color: #FFFFFF; }
.button_blue_alt:hover { background-color: #336c5c; color: #FFFFFF}
.button_salert { background-color: #8ca6b8; color: #ffffff; }
.button_salert:hover { background-color: #638095; color: #ffffff}
.button_color { background-color: var(--cl-m1); color: #ffffff; }
.button_color:hover { background-color: #005592; color: #ffffff}
.button_gray { background-color: #e5e5e5; color: #505050; }
.button_gray:hover { background-color: #d0d0d0; color: #505050}
.button_red { background-color: #b60000; color: #f0f0f0; }
.button_red:hover { background-color: #970000; color: #f0f0f0}
.button_red_1 { background-color: #c8c8c8; color: #444; }
.button_red_1:hover { background-color: #b60000; color: #f0f0f0}
.button_modulecolor_M1 { background-color: var(--cl-m1); color: #FFFFFF; }
.button_modulecolor_M1:hover { background-color: var(--cl-m1-hover); color: #FFFFFF}
.button_modulecolor_M2 { background-color: var(--cl-m2); color: #FFFFFF; }
.button_modulecolor_M2:hover { background-color: var(--cl-m2-hover); color: #FFFFFF}
.button_modulecolor_M3 { background-color: var(--cl-m3); color: #FFFFFF; }
.button_modulecolor_M3:hover { background-color: var(--cl-m3-hover); color: #FFFFFF}
.button_modulecolor_M4 { background-color: var(--cl-m4); color: #FFFFFF; }
.button_modulecolor_M4:hover { background-color: var(--cl-m4-hover); color: #FFFFFF}
.button_modulecolor_M5 { background-color: var(--cl-m4); color: #FFFFFF; }
.button_modulecolor_M5:hover { background-color: var(--cl-m4-hover); color: #FFFFFF}
.button_modulecolor_M6 { background-color: var(--cl-m6); color: #FFFFFF; }
.button_modulecolor_M6:hover { background-color: var(--cl-m6-hover); color: #FFFFFF}
.button.sym_left i , .top_options_btn.sym_left i { margin-right: 16px; display: inline-block }
.button.sym_right i , .top_options_btn.sym_right i { margin-left: 16px; display: inline-block }
.button_hover_red:hover { background-color: rgba(255,0,0,0.4) !important; }
.vissza { color: #FFFFFF; margin-left: 40px; }
.vissza:hover { text-decoration: underline; color: #FFFFFF; }
button.disabled { background-color: #d7d7d7; color: #a0a0a0; cursor: not-allowed; pointer-events: none; }
button.disabled:hover { background-color: #d7d7d7; color: #a0a0a0; cursor: not-allowed; pointer-events: none !important; }
.form_mandatory_alert { background-color: #f6d2d2 !important; }
#toTop { background-color: var(--cl-m1); }
.is_oblig_1 { position: relative; padding-left: 15px; }
.is_oblig_1:before { content:"*"; position: absolute; display: block; left:0; top: 4px; color: red; font-weight: 500; font-size: 26px; }
.dintroblig_1 { position: relative; padding-left: 15px; }
.dintroblig_1:before { content:"*"; position: absolute; display: block; left:0; top: 4px; color: red; font-weight: 500; font-size: 26px; }
strong , b { font-weight: 500; }
#pay-ment { font-size: 13px; font-style: italic; padding-top: 8px;}
#pay-wait-show { }
#pay-wait { display: none; }
#pay-wait i , #pay-wait-show i { font-size: 26px; color: var(--cl); }
#pay-title { font-size: 26px; color: var(--cl); margin: 10px 0 20px 0 }
#pay-title2 { font-size: 20px; color: var(--cl); margin: 10px 0 }
#pay-ordnr { font-size: 18px; margin: 40px 0 10px 0}
#pay-ordnr span { font-weight: 500;}
#pay-ordrow { font-size: 16px; margin: 10px 0}
#pay-ordrow span { font-weight: 500;}
#pcform { padding: 20px 0 100px 0 ;}
#pay-preauth { margin: 20px 0; }
#pay-preauth.psuccess { font-size: 22px; font-weight: 500; }
#pay-preauth.psuccess i.fa-check-circle { font-size: 24px; color: #06d48f; margin-right: 10px; }
#pay-preauth.perror { font-size: 22px; font-weight: 500; }
#pay-preauth.perror i.fa-exclamation-triangle { font-size: 24px; color: red; margin-right: 10px; }
@media all and (min-width: 740px) {
#menutrigger { display: none; }
.hide_xm { display: none; }
#poca_main { text-align: center; background-color: #FFFFFF; }
#poca_main img { display: block; margin: auto; max-width: 80%; max-height: 62px; }
#poca_bottom { margin: 200px 20px ; }
#poca_bottom img { display: block; max-width: 100%; height: auto; }
#poca_main_bottom { margin: 70px auto ; text-align: center }
#poca_main_bottom img { display: block; margin: auto; max-width: 100%; height: auto; }
#poca_bottom_m { display: none; }
.button_margin-right { margin-right: 70px !important; }
.button_max { font-size: 16px; letter-spacing: 1px; font-weight: 400; padding: 13px 36px 14px 36px; }
.button_max i.fa { font-size: 22px; margin-right: 10px;}
.button_mid i.fa { font-size: 18px; margin-right: 10px;}
.button_mid { font-size: 16px; font-weight: 400; padding: 10px 34px 9px 34px; }
.button_min { font-size: 14px; font-weight: 400; padding: 4px 21px 4px 21px; }
.button_mic { font-size: 14px; font-weight: 400; padding: 0px 14px 0px 14px; }
#toTop { width: 37px; height: 37px; text-align: center; transition: opacity 0.15s; opacity: 0.5; border-radius: 22px; line-height: 36px; font-size: 1.2em; color: #FFFFFF; position: fixed; bottom: 30px; cursor: pointer; right: 50px; display: none; }
#toTop:hover { opacity: 1; }
.ajax_window_outer { border-radius: 6px; box-shadow: 0 0 10px 5px rgba(0,0,0,0.15); background: #bdbdbd; background: rgba(255,255,255,0.15); }
.ajax_window_inner { border-radius: 5px; background: #fafafa; margin: 6px; float: left; }
.ajax_window_content { text-align: left; padding: 30px; clear: both; float: none;}
#fadclose { position: absolute; right: 0px; top:0px; width: 46px; height: 46px; }
#fadclose i { color:#e17070; transition: color 0.12s; font-size: 24px; margin-top: 10px; display: inline-block;}
#fadclose:hover i { color:#c43d3d; }
.r_lbl_inp_container { float: none; clear: both; height: 55px; }
.r_lbl_inp_container_lab { float: none; clear: both; }
.r_lbl_inp_container_lab label { font-size: 12px; }
.r_submit_container { float: none; clear: both; margin: 15px 0 15px 0; height: 40px; }
.r_link_container_1 { float: none; clear: both; margin: 35px 0 0 0; }
.r_link_container_2 { float: none; clear: both; margin: 15px 0 0 0; }
.rlbl { font-size: 1em; color: #000; width: 150px;float: left; margin-top:9px; }
.rinp { float: left; width: 270px; line-height: 22px; }
.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; }
.rinput:focus { border: 2px solid #2b405d; }
#ajx_email , #login_email{ text-transform: lowercase; }
.cos_trim_ok { font-size: 1.4em; }
.cos_trim_ok i { color: #329f7c; font-size: 24px; margin: 0 10px 0 3px; }
.cos_code { font-size: 0.8em; color: #8a161d; }
.ajaxreglink { color: #2b405d; display: block; }
.ajaxreglink:hover { color: #343434; }
.ajax_reg-link-nagy { font-size: 1.4em; color: #2b405d; margin: 8px 0 30px 0;}
#ajax_reg_link_div_close { display: none; }
#fload { float: left; display: none; margin: 6px 0 0 20px; width: 32px; height: 32px; }
#fload i { color: #2b405d; font-size: 24px; }
.wait { display: none; }
#pointstable h4 { font-size: 1.3rem; font-weight: 400; }
}
/* ============================================================================================================================================================================== */
/* ============================================================================================================================================================================== */
@media all and (min-width: 1268px) {
.sselect { height: 44px; line-height: 44px; padding: 0 40px 0 10px ; font-size: 16px; }
#pr_close { display: none !important; }
#navig { }
#navig b {color: #5b5b5b; font-weight: 300; margin: 0 5px; font-size: 16px; }
#navig span { color: #2b405d; 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: #2b405d;}
#navig a.homelink.color-m1 { color: var(--cl-m1);}
#navig a.homelink.color-m2 { color: var(--cl-m2);}
#navig a.homelink.color-m3 { color: var(--cl-m3);}
#navig a.homelink.color-uadm { color: #a49d8a;}
.content_login { width: 92%; max-width: 1000px; margin: auto; }
.content { text-align: left; margin-top: 16px; padding: 0 0 0 33px; line-height: 19px; }
#caf_main { margin: 45px 0 0 0; text-align: center; font-size: 72px; color: #003d95; line-height: 100px; }
#caf_main2 { font-size: 14px; color: #003d95; font-weight: 500; width: 80%; margin: auto; }
#dlogin { margin: 60px auto 0 auto; }
.inp1 { margin-bottom: 18px; }
.inpa { display: inline-block; width: 42%; text-align: right; padding: 0 5px 0 0; font-size: 20px; }
.inpb { display: inline-block; width: 57%; text-align: left; padding: 0 0 0 5px; }
.inpb input[type=text] , .inpb input[type=password] { height: 44px; width: 274px; 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; z-index: 10; 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: #2b405d; 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: #ffbe55; }
#menu.open #menu-c { text-align: left; padding: 34px 0 0 22px; line-height: 17px; }
#menu.open #menu-c-tit { text-align: left; color: #ffbe55; font-size: 13px; text-transform: uppercase; margin-bottom: 20px; }
#menu.open #menu-c-tit-opts { margin-top: 60px; text-align: left; color: #ffbe55; 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 { width: 29px; font-size: 13px; margin-top: 2px;}
#menu.open .menuc span { font-size: 15px; color: #FFFFFF; }
#menu.open .menuc span:hover , .menuc.akt span:hover , .menuc.akt span { text-decoration: underline; }
#menu.closed { width: 74px; }
#menu.closed #menu_head { height: 62px; background-color: #2b405d; 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: #ffbe55; }
#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: #d5d5d5; 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: #ffbe55; }
#menu.closed .menuc span { display: none }
#menu-bottom { position: absolute; bottom: 1px ; }
#site { width: 100%; display: flex; }
#menush { display: inline-block; transition: all 0.07s; background-color: gray; vertical-align: top; }
#menush.open { width: 230px; }
#menush.closed { width: 74px; }
#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; }
#top_options { float: left; line-height: 62px; margin-left: 33px; }
.top_options_btn { display: inline; padding: 9px 20px; border-radius: 1.5rem; color: #FFFFFF; font-size: 14px; }
#top_user { float: right; line-height: 62px; margin-right: 20px; }
#top_user span span, #top_user img { vertical-align: middle; display: inline-block; }
#top_user span span { color: #464646; font-size: 16px; margin-left: 1rem; }
#top_user span img { width: 38px; height: 38px; border-radius: 20px; object-fit: cover; }
#top_btns { float: right; margin-left: 20px; line-height: 62px; padding-right: 24px; }
#top_btns i.fa-close { color: #aa3300; font-size: 20px; }
#top_btns i.fa-close:hover { color: #dd3300; font-size: 20px; }
#top_btns a { margin: 0 10px; }
#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 { font-weight: 700; letter-spacing: 3px; font-size: 26px; margin-right: 40px; text-shadow: 1px 1px rgba(255,255,255,1); }
#top_title.color-m1 { color: var(--cl-m1);}
#top_title.color-m2 { color: var(--cl-m2);}
#top_title.color-m3 { color: var(--cl-m3);}
#top_title.color-m4 { color: var(--cl-m3);}
#top_title.color-m5 { color: var(--cl-m3);}
#top_title.color-m6 { color: var(--cl-m3);}
#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: 100%; object-fit: cover; display: block; }
.welcome { width: 98%; background-color: #FFFFFF; border-radius: 2rem; text-align: left; margin: 25px auto; padding: 16px 26px 34px 26px; }
#main_modules { width: 98%; margin: 25px auto; display: grid; gap: 3rem; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }
.main_module_boxes { padding: 3rem 22px 3rem 22px; text-align: left; background-color: #FFFFFF; border-radius: 2rem; }
.main_module_boxes_filler { display: none; }
.main_module_boxes .a { font-size: 20px; font-weight: 500; 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: 500; font-size: 24px;}
.main_module_boxes .c { display: inline-block; vertical-align: middle; width: 48%; text-align: right; }
#cont_top { margin: 20px auto; width: 97.2%; clear: both; float: none; text-align: left; }
#cont_top_button { width: 35%; position: relative; display: inline-block; }
#cont_top_filter { width: 30%; position: relative; display: inline-block; margin-right: 30px; 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: 10px; }
#cont_top_filter.color-m1>div.a { color: var(--cl-m1); }
#cont_top_filter.color-m2>div.a { color: var(--cl-m2); }
#cont_top_filter.color-m3>div.a { color: var(--cl-m3); }
#cont_top_filter.color-uadm>div.a { color: #a49d8a; }
#cont_top_filter>div.c { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; }
#cont_top_filter.color-m1>div.c { color: var(--cl-m1); }
#cont_top_filter.color-m2>div.c { color: var(--cl-m2); }
#cont_top_filter.color-m3>div.c { color: var(--cl-m3); }
#cont_top_filter.color-uadmdiv.c { color: #a49d8a; }
#cont_top_filter>div.b { height: 35px; line-height: 35px; margin-left: 40px; width: 80%; font-size: 14px; color: #767676; }
#trfilter { position: absolute; top: 35px; 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: 30%; 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: var(--cl-m2);}
#cont_top_search.color-m3>div.a { color: var(--cl-m3);}
#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: 80%; font-size: 14px; color: #767676; }
#cont_top_search>div.b>input { height: 28px; line-height: 28px; background-color: transparent; width: 99%; font-size: 14px; border: 0 none; color: #767676; }
.table { position: relative; width: 96.7%; clear: both; float: none; margin: 11px auto; }
.table.color-m1: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 { background-color: rgba(0, 106, 182, 0.15); }
.table.color-m1 .table-row.thead a { color: var(--cl-m1); }
.table.color-m2:before { position: absolute; display: block; content: ""; left: -2px; top: 0; width: 2px; bottom: 0; background-color: var(--cl-m2); }
.table.color-m2 .table-row.trow:hover { background-color: rgba(164, 157, 138, 0.15); }
.table.color-m2 .table-row.thead a { color: var(--cl-m2); }
.table.color-m3:before { position: absolute; display: block; content: ""; left: -2px; top: 0; width: 2px; bottom: 0; background-color: var(--cl-m3); }
.table.color-m3 .table-row.trow:hover { background-color: rgba(249, 184, 0, 0.15); }
.table.color-m3 .table-row.thead a { color: var(--cl-m3); }
.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 { background-color: rgba(164, 157, 138, 0.15); }
.table.color-uadm .table-row.thead a { color: #a49d8a; }
.table-row { display: flex; transition: background-color 0.14s; flex-wrap: nowrap; justify-content: space-between; background-color: #ffffff; margin-bottom: 2px; height: 36px; line-height: 36px; }
.table-row.thead a { font-weight: 500; font-size: 15px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table-row.trow a { color: #222; font-weight: 300; font-size: 14px; }
.table-col { display: inline-block; text-align: left; padding: 0 0 0 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tpad-left { padding-left: 10px; }
.tpad-right { padding-right: 10px; }
.talign-center { text-align: center }
.proc-01 { width: 1%; }
.proc-02 { width: 2%; }
.proc-03 { width: 3%; }
.proc-04 { width: 4%; }
.proc-05 { width: 5%; }
.proc-06 { width: 6%; }
.proc-07 { width: 7%; }
.proc-08 { width: 8%; }
.proc-09 { width: 9%; }
.proc-10 { width: 10%; }
.proc-11 { width: 11%; }
.proc-12 { width: 12%; }
.proc-13 { width: 13%; }
.proc-14 { width: 14%; }
.proc-15 { width: 15%; }
.proc-16 { width: 16%; }
.proc-17 { width: 17%; }
.proc-18 { width: 18%; }
.proc-19 { width: 19%; }
.proc-20 { width: 20%; }
.proc-21 { width: 21%; }
.proc-22 { width: 22%; }
.proc-23 { width: 23%; }
.proc-24 { width: 24%; }
.proc-25 { width: 25%; }
.proc-26 { width: 26%; }
.proc-27 { width: 27%; }
.proc-30 { width: 30%; }
.proc-35 { width: 35%; }
.proc-45 { width: 45%; }
.proc-40 { width: 40%; }
.proc-50 { width: 50%; }
.proc-55 { width: 55%; }
.proc-57 { width: 57%; }
.proc-60 { width: 60%; }
.proc-63 { width: 63%; }
.proc-65 { width: 65%; }
.proc-70 { width: 70%; }
.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: 500; color: var(--cl-m2); }
.table-col b.inactiv { font-weight: 400; color: #c30000; }
.proc_left { width: 74%; display: inline-block; vertical-align: top; padding-right: 26px; padding-top: 40px; }
.proc_right { width: 25%; display: inline-block; vertical-align: top; padding-left: 10px; }
.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: var(--cl-m2); }
.proc_expprint .fa-external-link-square { color: var(--cl-m3); }
.proc_expprint .fa-line-chart { color: var(--cl-m3); }
.procattdiv { position: relative; }
.procattdiv b { display: none; position: absolute; left: 12px; top: -5px; cursor: pointer; }
.procattdiv b i { font-size: 1.5rem; }
.procattdiv.modclass b { display: inline-block; }
.procattdiv.modclass a { pointer-events: none !important; }
.procattdiv.modclass a span { color: #a0a0a0 !important; }
.procattdiv.modclass a i { color: transparent; }
.proc_lbl { margin-top: 60px; font-weight: 500; padding-bottom: 10px; padding-right: 20px; }
.proc_lbl.color-m1 { color: var(--cl-m1); }
.proc_lbl.color-m2 { color: var(--cl-m2); }
.proc_lbl.color-m3 { color: var(--cl-m3); }
.proc_tit { color: #222222; font-size: 30px; margin-bottom: 28px; line-height: 36px; }
.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; max-width: 1000px; padding: 20px 30px; background-color: #FFFFFF; box-shadow: 0 0 5px 2px rgba(0,0,0,0.2); }
.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 { display: flex; flex-wrap: wrap; }
#steps_flex .f { position: relative; width: 20%; margin-bottom: 20px; background-color: #dde9f2; margin-right: 30px;font-size: 14px; }
#steps_flex div.f:last-child:after { display: none !important; }
#steps_flex .f:after { position: absolute; display: block; content:"\f054"; font-family: 'FontAwesome'; color: #fcd683; font-size: 20px; right: -22px; top: 50%; transform: translateY(-50%); }
#steps_flex .f .a { background-color: #bcd0de; padding: 10px 16px; }
#steps_flex .f .b { background-color: #dde9f2; padding: 10px 16px; }
#steps_flex_adm { display: flex; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; }
#steps_flex_adm .f { position: relative; cursor: move; width: 20%; margin-bottom: 20px; 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; width: 20%; background-color: #fcd683; margin-right: 30px;font-size: 14px; }
#steps_flex_adm li.f:last-child:after { display: none !important; }
#steps_flex_adm .f:after { position: absolute; display: block; content:"\f054"; font-family: 'FontAwesome'; color: #fcd683; font-size: 20px; right: -22px; top: 50%; transform: translateY(-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: var(--cl-m2); }
.injob_green_alt .wait i.fa { margin-left: 10px; color: var(--cl-m2);}
.injob_orange { border-color: var(--cl-m3); }
.injob_orange .wait i.fa { margin-left: 10px; color: var(--cl-m3);}
.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: 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); }
.innerjob .wait { margin-left: 10px; }
.wait_color i.fa { color: var(--cl-m2); }
.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: 26%; max-width: 300px; display: inline-block; vertical-align: top; padding-top: 5px;}
.form_row .b { width: 68%; max-width: 700px; 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: var(--cl-m2); 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 select { 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: 123px; border-radius: 4px; }
.form_row .b input.intrebpoints { border: 1px solid #b0b0b0; width: 60px; margin-bottom: 6px; font-size: 16px; text-indent: 6px; height: 34px; 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; }
.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: var(--cl-m2); }
.facheckbox.checked.fachk-color-m3 i.fa { color: var(--cl-m3); }
.facheckbox:hover span { text-decoration: underline; }
.filt_option { margin-bottom: 5px; cursor: pointer; }
.filt_option:hover span { text-decoration: underline; }
.filt_option i , .filt_option span { display: inline-block; vertical-align: middle }
.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: var(--cl-m2); }
.filt_option.color-m2.checked i.fa { color: var(--cl-m2) }
.filt_option.color-m3.checked i.fa { color: var(--cl-m3) }
.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: var(--cl-m2) }
.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: 500; }
.dialogformrow .b { margin-top: 20px; }
.dialogformrow .bmin { margin-top: 5px; width: 130px;}
.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: var(--cl-m2); }
.dialog-info span { }
.cuslistitem:hover label { text-decoration: underline }
.cuslistitem label { cursor: pointer; }
.wait { display: none; }
.wait.color-m2 i.fa { color: var(--cl-m2); }
.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: var(--cl-m3) !important; }
.proc_adm_section.color-m3 .saved { color: var(--cl-m3) !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: 39%; display: inline-block }
.user-dates .a .bb { margin-left: 10px; font-weight: 500; text-align: right; width: 59%; 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: 39%;}
.user-dates .d .ee { margin-left: 10px; text-align: right; width: 59%; 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: var(--cl-m2) }
#gadgets.color-m3 .wait { color: var(--cl-m3); }
#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: var(--cl-m2)}
#gadgets.color-m3 .saved { color: var(--cl-m3); }
#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.dintr-intr { padding: 6px 16px; border-radius: 2px; cursor: move; margin-bottom: 10px; }
.dintr.dintr-slides { height: 70px; line-height: 70px; padding: 0 20px; border-radius: 2px; cursor: move; margin-bottom: 10px; }
.dintr.dintr-slides .i { float: right; margin-right: 50px; font-size: 22px; color:#3dc486 }
.dintr.dintr-slides .i a { display: block; height:70px; line-height: 70px; padding-top: 5px; }
.dintr.dintr-slides .i a img { width: 104px; height: 60px; object-fit: cover; display: block; border-radius: 5px;}
.dintr.dintr-slides .y { float: right; margin-right: 50px; font-size: 22px; color:#3dc486 }
.dintr.dintr-slides .y a { display: block; position: relative; height:70px; line-height: 70px; padding-top: 5px; z-index: 1; }
.dintr.dintr-slides .y a img { width: 104px; height: 60px; object-fit: cover; display: block; border-radius: 5px;}
.dintr.dintr-slides .y a i.fa { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:1000; color: #ff0000}
.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: #e9deca; 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: #e9deca; 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; vertical-align:top; }
.dintr .b { margin-right: 10px; width: 60%; }
.dintr .b a { }
.dintr .b a:hover { text-decoration: underline }
.dintr .c { float: right; }
.dintr .c a { padding: 3px 13px; margin: 0 5px; border-radius:3px;}
.dintr .c a:hover, .dintr .d a:hover { background-color: rgba(0,0,0,0.1);}
.dintr .d { float: right; }
.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; }
.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; transition: all 0.25s; position: absolute; 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: 500; 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: 90%; }
.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: var(--cl-m2) }
.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: var(--cl-m2) }
.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; }
#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 }
#chest_logo img { height: 80px; padding: 20px; }
#chest_caf { float: right; text-align: right; padding-right: 20px; padding-top: 40px; }
#chest_caf .a { font-size: 34px; font-weight: 300; }
#chest_caf .b { font-size: 12px; padding-top: 28px; }
#chest_body { text-align: left; padding: 0 40px; min-height: 400px; }
#chest_title { font-size: 26px; color: #404040; font-weight: 500; padding: 20px 0 40px 0; }
#chest_langs { font-size: 16px; color: #404040; font-weight: 500; padding: 20px 0 40px 0; }
#chest_submit { padding: 60px 0 70px 0; }
.intreb_div { margin-bottom: 80px; }
.intreb_div.is_visible_0 { display: none; }
.intreb_div.is_visible_1 { display: block; }
.chest_intrebs_title { font-size: 20px; }
.chest_intrebs_title span { opacity: 0.75; font-size: 14px; font-style: italic; }
.chest_intrebs_rasps { }
.chest_intrebs_rasps ul { list-style-type: none; }
#chest_gdpr { padding: 10px; }
#chest_gdpr ul { list-style-type : none; }
#chestbottom { width: 98%; max-width: 1200px; background-color: #2b405d;margin: 0 auto; }
#chestbottom-c { height: 20px }
.chlang { margin-right: 20px; }
.chlang img { width: 35px; 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 { text-align: left; display: block; float: left; width: 20%; }
#elearn_logo img { height: 80px; padding: 20px; }
#elearn_caf { float: right; text-align: right; width: 20%; padding-right: 20px; padding-top: 40px; }
#elearn_caf .a { font-size: 34px; font-weight: 300; }
#elearn_caf .b { font-size: 12px; padding-top: 28px; }
#elearn_navig { width: 60%; float: left; text-align: center; height: 124px;}
#elearn_navig .t { font-size: 26px; line-height: 30px; font-weight: 300; padding-top: 10px; }
#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: 60px; color: var(--cl-m3); }
#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: 60px; color: var(--cl-m3); }
#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: 28px; padding-top: 10px; font-weight: 700; padding-bottom: 4px; color: var(--cl-m3); }
#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: 20px 40px; min-height: 800px; line-height: calc(100% + 15px); }
#elearn_title { font-size: 26px; color: #404040; font-weight: 500; padding: 20px 0 40px 0 }
#elearn_submit { padding: 60px 0 70px 0 }
#elearnbottom { display: none; width: 98%; max-width: 1200px; background-color: #2b405d;margin: 0 auto; }
#elearnbottom-c { height: 200px }
#sld_img { width: 100%; text-align: center; }
#sld_img img { width: 100%; }
#fsmsman { }
#fsmsman textarea { font-family: 'Courier new'; font-weight: 200; font-size: 1.2rem; padding: 0.5rem; }
#fsmsman textarea::placeholder { font-weight: 200; color: #aaaaaa }
/* ========================== 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: 62px; bottom: 0; background: #FFFFFF; }
#chatwin.show { display: block; }
#menu-chat { float: right; width: 60px; margin-top: 9px; margin-right: 20px; text-align: center ; position: relative; }
#menu-chat { cursor: pointer; width: 100%; display: block; }
#menu-chat i.fa-comment { font-size: 30px !important; color: #234090; }
#menu-chat:hover>i.fa-comment { 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:17px; right: 9px; opacity:0; color: red; 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 { padding: 17px 0 0 34px ; 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 { padding-top: 3px; cursor: pointer ; display: inline-block ; width: 200px; }
#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_options .x { display: inline-block }
#chat_no_friends { padding: 50px 40px ; font-size: 14px; line-height: 26px; }
#chatleft { float: left; width: 75%; 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: 76%; }
#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: 80%; box-sizing: border-box; height: 34px; background-color: #FFFFFF; border: 1px solid #c0c0c0; }
#chtsmb { display: inline-block; vertical-align: top; margin-top: 11px; height: 34px; line-height: 34px; }
#chtsmb_m { display: none; }
.disabbtn { pointer-events: none !important; cursor: default !important; background-color: #e0e0e0 !important; }
#fruserlist { display: none; }
#backtomsgs { display: none; }
#chatright { float: right; width: 25%; 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_search { overflow: auto; line-height: 46px; text-align: left; left: 4px; right: 0; top: 0; height: 50px; border-bottom: 3px solid #F0F0F0; position: absolute; }
#chat_search i.fa-search { display: inline-block; color: #909090; font-size: 20px; vertical-align: middle; margin: 0 21px 0 32px; }
#chat_search i.ffclose { display: none; cursor: pointer; font-style: normal; color: #CC2200; font-size: 30px; padding: 0 10px; vertical-align: middle; }
#chat_search input { display: inline-block; text-indent: 7px; vertical-align: middle; border: 1px solid #c0c0c0; border-radius: 4px; height: 32px; width: 50%;}
#chat_partners { overflow: auto; left: 4px; right: 0; top: 50px; 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 30px; vertical-align: top; box-sizing: border-box; overflow: hidden; position: relative; width: 17%; }
#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; display: none; bottom: 70px; z-index: 80; right: 0; box-sizing: border-box; margin-right: 0px; border-radius: 9px; background: #ffffff; width: 245px; overflow-y: scroll; height: 254px; box-shadow: 0 0 3px 1px rgba(0,0,0,0.3); }
#smy_choose { padding: 12px; }
#smy_choose span { padding: 7px 5px; 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; 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: 500; }
.chpart.not_seen .r .b span.is_msg { font-weight: 500; 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: 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.partner_avatar { cursor: pointer; }
.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: 65%; 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: #ffffff; border-left: 3px solid var(--cl-m1); 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: #ffffff; border-left: 3px solid #898989; 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: 25%; 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: 25%; 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: 200px; position: relative; }
.msgline .d .x { width: 100%; height: 300px; position: relative; }
.msgline .c .h img { width: 100%; height: 143px; object-fit: cover}
.msgline .d .x video { width: 100%; height: 243px; }
.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: 500; color: #276ec6; }
.msgline .msgetaa { display: block; border-radius: 2px; font-weight: 500; margin-top: 5px; 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; }
.avatar_min { position: relative ; text-align: center; margin: 0 0 0 0; border: 1px solid #d0d0d0; border-radius: 20px; width: 36px; height: 36px; overflow: hidden; text-align: center; }
.avatar_min_pic { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
.avatar_min_pic img { width: 42px; height: 42px; object-fit: cover; }
.avatar_min i { font-size: 40px !important; display: block; margin: 3px auto 0 auto; }
.avatar_mic { position: relative ; text-align: center; margin: 0 0 0 0; border: 1px solid #d0d0d0; border-radius: 20px; width: 25px; height: 25px; overflow: hidden; text-align: center; }
.avatar_mic_pic { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
.avatar_mic_pic img { width: 30px; height: 30px; object-fit: cover; }
.avatar_mic i { font-size: 27px !important; display: block; margin: 3px auto 0 auto; }
.avatar { position: relative ; text-align: center; margin: 0 0 0 0; border: 1px solid #d0d0d0; border-radius: 32px; width: 56px; height: 56px; overflow: hidden; text-align: center; }
.avatar_pic { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
.avatar_pic img { width: 64px; height: 64px; object-fit: cover; }
.avatar i { font-size: 60px !important; display: block; margin: 3px auto 0 auto; }
#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: #ce3d3d; font-weight: bold; }
#savingprg i.fa { font-size: 32px; }
#successok { font-size: 20px; }
#successok i.fa { font-size: 35px; color: var(--cl-m2); }
/*
============================
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 20px 5px 0; padding: 8px 30px 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; text-align: right; }
.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_diplome { display: grid; } /* gap: 2rem; grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); */
.evdipl { height: 200px; margin-bottom: 2rem; background-color: #FFFFFF; border-radius: 1.5rem; font-size: 0; }
.evdipl > * { display: inline-block; vertical-align: top; }
.evdipl .a { display: inline-block; width: 30%; height: 100%; border-radius: 1.5rem; overflow: hidden; }
.evdipl .a a { display: inline-block; background-size: cover; width: 100%; height: 100%; }
.evdipl .b { width: 70%; 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; }
.userrecselect { height: 380px !important; }
.userrecselect option { font-size: 0.9rem; font-weight: 200; }
.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: 500; margin-bottom: 40px; }
.err_mod span { font-size: 18px; font-weight: 500; margin-bottom: 60px; display: block; }
.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; }
#virament { line-height: 1.7rem }
#virament span.a { }
#virament span.b { font-family: courier; font-size: 19px; letter-spacing: 2px; }
}
.noselect , .noselect * {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
.inpb input[type=text]:-webkit-autofill,
.inpb input[type=password]:-webkit-autofill,
.inpb input[type=text]:-webkit-autofill:hover,
.inpb input[type=password]:-webkit-autofill:hover,
.inpb input[type=text]:-webkit-autofill:focus,
.inpb input[type=password]:-webkit-autofill:focus,
.inpb input[type=text]:-webkit-autofill:active,
.inpb input[type=password]:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #f2f7fb inset !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #FFFFFF inset ;
}