/* override page size from a3 to auto, cause chrome hide page settings */ @page { size: auto; } #dimensions_panel { display: block; position: fixed; top: 200px; left: 0; padding: 10px; height: 40px; line-height: 20px; background: green; color: white; z-index: 1000; box-shadow: 2px 2px 10px 2px grey; } /*navy #001F3F */ body { color: #202020; } .logobar { font-size:1.5em; background:#fff; color:#303030; line-height:1.3em; letter-spacing: 1px; font-weight:bold; text-shadow: 2px 2px 4px #ccc; } .landing_page_client_logo { max-height:140px; max-width:100%; margin:15px 0px; } .landing_page_client_name { display: inline-block; font-size:1.5em; color:black !important; width:100%; margin:20px 0px 10px 0px;} .landing_page_client_area { display: inline-block; font-size:1.0em; color:#535353 !important; width:100%; margin:0px 0px 20px 0px;} .app_client_logo_screen { max-height:140px; max-width:100%; margin:15px 0px;} .app_mixapp_logo_screen { max-height:100px; max-width:100%; margin:15px 0px;} .app_kstnlogo_logo_screen { max-width:100%; margin:0px; padding:0px;} .app_client_name { display: inline-block; font-size:1.5em; color:black !important; width:100%; margin:20px 0px 10px 0px;} .app_client_area { display: inline-block; font-size:1.0em; color:#535353 !important; width:100%; margin:0px 0px 20px 0px;} .app_client_logo_print { max-height:140px; max-width:100%; margin:15px 0px;} .app_mixapp_logo_print { max-height:100px; max-width:100%; margin:15px 0px;} .app_kstnlogo_logo_print { max-width:100%; margin:0px; padding:0px;} /*.screen_mix_logo { max-height:100px; max-width:100%; padding:10px; }*/ /***********************************************************************************/ /************* Print stuff, also look custom_print.css *****************/ /***********************************************************************************/ #print_logo { display:none; } /*.screen_client_logo { max-height:200px; }*/ .hide_all_images > img { display:none; } /***************************************************************************/ /************* Missing in essentials.css *****************/ /***************************************************************************/ .form-check-label { cursor:pointer; } .no-bg { background:none !important; } .elipsis-with-wrap { overflow:hidden; text-overflow:ellipsis; white-space: wrap; } .elipsis-with-nowrap { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; display:inline-block; float:left; } @media only screen and (max-width: 760px) { .topbarfrontdata { max-width: 300px; } } @media only screen and (max-width: 540px) { .topbarfrontdata { max-width: 200px; } } .text-align-center, .txt-center { text-align: center; } .text-light-gray { color:#dedede; } .centered { display: block; margin: 0 auto; padding-bottom:10px; } .centered img { max-width: 100%; } /* button colors */ .btn-gray { background-color: #666; color: #FFF !important; } .fullwidth.btn-gray:hover { background-color: #999; color: #FFF !important; } .w-21 { width:21px !important; } .w-22 { width:22px !important; } .w-23 { width:23px !important; } .w-24 { width:24px !important; } .w-25 { width:25px !important; } .w-155 { width:155px !important; } .w-160 { width:160px !important; } .w-165 { width:165px !important; } .w-170 { width:170px !important; } .w-50p { width:50% !important; } /* max-width */ .maw-50 { max-width: 50px !important; } .maw-100 { max-width: 100px !important; } .maw-150 { max-width: 150px !important; } .maw-200 { max-width: 200px !important; } .maw-250 { max-width: 250px !important; } .maw-300 { max-width: 300px !important; } .maw-350 { max-width: 350px !important; } /* min-height */ .minh-auto { min-height: auto !important; } /* min-height pixel */ .mh-30 { min-height: 30px !important; } .mh-40 { min-height: 40px !important; } .mh-50 { min-height: 50px !important; } .mh-55 { min-height: 55px !important; } .mh-60 { min-height: 60px !important; } .mh-100 { min-height: 100px !important; } .mh-150 { min-height: 150px !important; } .mh-200 { min-height: 200px !important; } .mh-250 { min-height: 250px !important; } .mh-300 { min-height: 300px !important; } .mh-350 { min-height: 350px !important; } .mh-400 { min-height: 400px !important; } .mh-450 { min-height: 450px !important; } .mh-460 { min-height: 460px !important; } .mh-470 { min-height: 470px !important; } .mh-480 { min-height: 480px !important; } .mh-500 { min-height: 500px !important; } .mh-510 { min-height: 510px !important; } .mh-520 { min-height: 520px !important; } .mh-530 { min-height: 530px !important; } .mh-540 { min-height: 540px !important; } /* min-height percent */ .mh-90p { min-height: 90vh !important; } .mh-85p { min-height: 85vh !important; } .mh-80p { min-height: 80vh !important; } .mh-75p { min-height: 75vh !important; } .mh-65p { min-height: 65vh !important; } .mh-60p { min-height: 60vh !important; } .mh-50p { min-height: 50vh !important; } .mh-45p { min-height: 45vh !important; } .mh-40p { min-height: 40vh !important; } .mh-35p { min-height: 35vh !important; } .mh-30p { min-height: 30vh !important; } .mh-25p { min-height: 25vh !important; } .mw-100 { min-width:100px !important; } .mw-150 { min-width:150px !important; } .mw-200 { min-width:200px !important; } .mw-250 { min-width:250px !important; } /* height real percent */ .h-100per { height:100%; } .h-75per { height: 75%; } .h-50per { height: 50%; } .h-25per { height: 25%; } .vh-100 {min-height: 100vh;} .line-height-5 { line-height:5 !important; } .line-height-15 { line-height:15px !important; } .line-height-25 { line-height:25px !important; } .line-height-35 { line-height:35px !important; } .line-height-45 { line-height:45px !important; } .line-height-55 { line-height:55px !important; } .line-height-65 { line-height:65px !important; } .line-height-75 { line-height:75px !important; } .line-height-85 { line-height:85px !important; } .line-height-95 { line-height:95px !important; } .line-height-105 { line-height:105px !important; } .line-height-100p { line-height:1 !important; } .line-height-150p { line-height:1.5 !important; } .line-height-175p { line-height:1.75 !important; } .line-height-200p { line-height:2 !important; } /* font size in points*/ .fs-8pt { font-size: 8pt !important; } .fs-9pt { font-size: 9pt !important; } .fs-10pt { font-size: 10pt !important; } .fs-11pt { font-size: 11pt !important; } .fs-12pt { font-size: 12pt !important; } .fs-13pt { font-size: 13pt !important; } .fs-14pt { font-size: 14pt !important; } .fs-15pt { font-size: 15pt !important; } .fs-16pt { font-size: 16pt !important; } .fs-17pt { font-size: 17pt !important; } .fs-18pt { font-size: 18pt !important; } .fs-19pt { font-size: 19pt !important; } .fs-20pt { font-size: 20pt !important; } .fs-21pt { font-size: 21pt !important; } .fs-22pt { font-size: 22pt !important; } .fs-23pt { font-size: 23pt !important; } .fs-24pt { font-size: 24pt !important; } .fs-25pt { font-size: 25pt !important; } .fs-30pt { font-size: 30pt !important; } .fs-35pt { font-size: 35pt !important; } .fs-40pt { font-size: 40pt !important; } .fs-45pt { font-size: 45pt !important; } .fs-50pt { font-size: 50pt !important; } .fs-55pt { font-size: 55pt !important; } .fs-60pt { font-size: 60pt !important; } .fs-65pt { font-size: 65pt !important; } .fs-70pt { font-size: 70pt !important; } .fs-75pt { font-size: 75pt !important; } .fs-80pt { font-size: 80pt !important; } .fs-90pt { font-size: 90pt !important; } .fs-100pt { font-size: 100pt !important; } .fs-120pt { font-size: 120pt !important; } .fs-130pt { font-size: 130pt !important; } .fs-140pt { font-size: 140pt !important; } .fs-150pt { font-size: 150pt !important; } .fs-200pt { font-size: 200pt !important; } /* letter spacing */ .letter-spacing-n1 { letter-spacing: -0.1em !important; } .letter-spacing-n2 { letter-spacing: -0.2em !important; } /* button colors */ .btn-yellow2 { background-color: #F7CC1F; color: #333 !important; } .btn-red2 { background-color: #C00000; color: #FFF !important; } .btn-gray { background-color: #222222; color: #FFF !important; } .bg-light-yellow { background-color: #FEFFCB !important; } /*.bg-warning-darker { background-color: #644F17 !important; color:white !important; }*/ .bg-warning-darker { background-color: #ffc107 !important; color:black !important; font-weight:600 !important; } /* disable mw for small screens */ @media only screen and (max-width: 992px) { .mw-100, .mw-150, .mw-200, .mw-250 { min-width: auto !important; } } .w-auto { width:auto !important; } .h-auto { height:auto !important; } .text-nowrap { white-space: nowrap !important; } .text-white { color:#fff !important; } .text-black { color:#111 !important; } .vertical-align-top { vertical-align:top !important; } .vertical-align-bottom { vertical-align:bottom !important; } /* image-backgrounds */ .bg-image-wall { background:url('../images/wall2.jpg'); } /* for tables */ .table-layout-fixed { table-layout:fixed; } .table-layout-auto { table-layout:auto; } .table-noborders, .table-noborders th, .table-noborders td { border:0px !important; } .table-all-cells-valign-top th, .table-all-cells-valign-top td { vertical-align:top !important; } .addhover:hover { background-color: rgba(0, 0, 0, 0.075); } .fs-1 { font-size: 1px !important; } .box-light { color:#000; background-color:#efefef !important; } .text-poster-yellow { color: #FCBD12 !important; } .text-bright-yellow { color: #FFF811 !important; } .text-kstn-red { color: #CF2528 !important; } .bg-kstn-red { background: #CF2528 !important; } .bg-silver-light { background: #EEEEEE !important; } a.lnk_white:link, a.lnk_white:visited { color: #fff; } a.lnk_white:hover { color: #ccc; } /***************************************************************************/ /***************** Fix form elements ****************/ /***************************************************************************/ /* it messes with the click on the combo boxes **/ .fancy-form-select:before { display:none; } .fancy-form-select select { height:40px !important; } .fancy-form-select option { padding-top:5px !important; height:30px !important; } /* this does not work for chrome though.. */ /***************************************************************************/ /***************** Fix images in cards ****************/ /***************************************************************************/ .card img { width: auto; max-width: 100%; } /***************************************************************************/ /***************** Fixes ****************/ /***************************************************************************/ .heading-arrow-bottom, .heading-arrow-top { z-index:11; } /* when updated to smarty v2.2.1, bootstrap v4.0.0 messes with border-top in bootstrap.min.css*/ #topBar.dark > .border-top { border-top-color: rgba(255,255,255,0.2) !important; } #topBar { background:#303030 !important; } #topBar ul.dropdown-menu>li>a { padding:0px 8px 0px 8px; margin:0px; white-space:nowrap; } #topBar ul.dropdown-menu>li>a:hover { background:#E40135 !important; } .topbar_account_menu { text-transform: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight:normal; font-size:14px; } input.form-control { height: 30px !important; } /*.tooltip { pointer-events: none; }*/ /***************************************************************************/ /***************** Overide sto layout.css *****************/ /***************************************************************************/ section.light.page-header { background-color: #fff; } section.page-header h2 { margin:0; font-size:26px; } #page-menu { height:auto; min-height:44px;} #page-menu ul > li:hover, #page-menu ul > li.active { background-color: rgba(255,255,255,0.3); } /* #toTop { background-color: #FCBD12;} #toTop:hover { background-color: #B6830A;} */ #toTop { background-color: maroon;} #toTop:hover { background-color: red;} .timeline .timeline-item { min-height: 50px; } table a { color: #CF2528; } table a:hover { color: #C00000; text-decoration:underline; } /*section.page-header .breadcrumb { top:100%; }*/ h1.card-title, h2.card-title, h3.card-title, h4.card-title, h5.card-title, h6.card-title { font-size:18px; font-weight:600; /*font-weight:300 !important;*/ } /* Smaller shadow, so it does not mess with breadcrumbs */ #header.shadow-after-3:before { height:30px; bottom:-30px; } /* Use arrow insted of • for breadcrumbs */ section.page-header .breadcrumb>li+li:before { content:"\00ab"; } /* Bigger title for active page */ section.page-header .breadcrumb li a.active { font-size:26px; line-height:18px; font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-weight:300;} /* Active page stays on top and sitch to mobile view @ 992px, just like the page-menu*/ @media only screen and (max-width: 992px) { section.page-header .breadcrumb li:first-child { display:block; margin-bottom:10px; } section.page-header { text-align:center; } section.page-header .breadcrumb { position:relative; display:block; margin:0; } section.page-header .container.text-right, section.page-header .container.text-left { text-align:center; } } /* page-menu on mobile must have ... for large titles at small screens*/ @media only screen and (max-width: 992px) { #page-menu ul { display:none; position:absolute; min-width:200px; } #page-menu ul>li>a { white-space: nowrap; overflow:hidden; text-overflow: ellipsis; max-width:600px; } } @media only screen and (max-width: 620px) { #page-menu ul>li>a { max-width:300px; } .top-links { font-size:11px; } } @media only screen and (max-width: 1215px) { #topMain.nav-pills>li>a { /*font-size:13px;*/ padding-left:5px; } } #slider div.slider-featured-text h1 { font-size:50px; line-height:60px; font-family:Arial,Helvetica,sans-serif; } #slider div.slider-featured-text h2 { margin-top:30px; font-size:20px; line-height:30px; } /******************* @media only screen and (max-width: 1100px) { #header #topNav a.logo>img { max-height:40px !important; } } @media only screen and (max-width: 320px) { #header #topNav a.logo>img { max-width:100px !important; } } **********************/ #topBar.dark ul.top-links>li>a:hover { color:yellow !important; } /* HS: Min mou bgazete ta matia */ .sky-form { font-family: Arial !important; } .sky-form header { font-size:18px; border-color: #C0C0C0;} input.form-control { border-color: #C0C0C0; } .sky-form.boxed { border-color: #C0C0C0; } .custom-select { border-color: #C0C0C0; } #footer>.container { padding-top:20px; margin-bottom:20px; } .text-hs-black { color: #000000; } .text-hs-darkgray { color: #606060; } .text-hs-gray { color: #808080; } .text-hs-lightgray { color: #C0C0C0; } .text-hs-darkslategray { color: #2F4F4F; } .text-hs-slategray { color: #708090; } .text-hs-lightslategray { color: #8798A9; } /***********************************************************************************/ /************* Add to layout.css *****************/ /***********************************************************************************/ .box-static.box-border-bottom { border-color: #1980B6; } .box-static.box-border-bottom { border-bottom: #1980B6 3px solid; border-bottom-color: #1980B6; } .box-static.box-border-top-bottom { border-color: #b92c28; } .box-static.box-border-top-bottom { border-bottom: #b92c28 3px solid; border-bottom-color: #b92c28; } /***********************************************************************************/ /************* Custom classes for keystone stuff *****************/ /***********************************************************************************/ #codeUser { max-width:100px; display:inline-block; } #codeImg { background:#C00000; padding:7px 7px 7px 11px; margin-bottom:2px; border-radius:2px; } a.company_link {color: #000080;} a.company_link:hover {color: #212121;} .input-readonly { background-color: #D5DAE3 !important; } .fr_name { font-family: Arial, Helvetica; font-size:20pt; font-weight:bold; } .fr_area { font-family: Arial, Helvetica; font-size:12pt; font-weight:bold; } .st_name { font-family: Arial, Helvetica; font-size:14pt; font-weight:bold; } .admin-frontpage-list li { margin-top:15px; } .admin-frontpage-list li span:first-of-type.fa{ color:#b92c28; margin-right:5px; } /* ********************************* */ .box-static-hover-stuff:hover h5, .box-static-hover-stuff:hover h4 { color:yellow !important; } .box-static-hover-stuff:hover .box-shadow-6 { -webkit-box-shadow:0 1px 4px rgba(255, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(255, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(255, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } @media only screen and (min-width: 751px) and (max-width: 1200px) { .box-static-hover-stuff h4 { font-size:14px !important; white-space:nowrap;} .box-static-hover-stuff h5 { font-size:13px !important;} } /* ********************************* */ a.callout_stats:hover h3 { text-shadow: 2px 2px 8px #333; color:#FEFEFE;} a.callout_stats:hover p { text-shadow: 2px 2px 8px #333; } a.callout_stats:hover section { -webkit-box-shadow: 40px 140px 140px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 40px 140px 140px rgba(255, 255, 255, 0.5) inset; box-shadow: 40px 140px 140px rgba(255, 255, 255, 0.5) inset; } a.callout_printed_material h3 { text-shadow: 2px 2px 2px #000; background:#C00000; display:inline-block; padding:10px 20px 10px 20px; -webkit-border-radius: 1% !important; -moz-border-radius: 1% !important; border-radius: 1% !important; box-shadow: 2px 2px 8px #000; } a.callout_printed_material:hover h3 { color:#FEFEFE;} a.callout_printed_material:hover p { text-shadow: 2px 2px 8px #333; } a.callout_printed_material:hover section { -webkit-box-shadow: 40px 140px 140px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 40px 140px 140px rgba(255, 255, 255, 0.5) inset; box-shadow: 40px 140px 140px rgba(255, 255, 255, 0.5) inset; } .stats_slider_hover_comment:hover { background: #0F6673 !important; } section.callout_download span { color:white; } section.callout_download:hover { -webkit-box-shadow: 40px 140px 140px rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 40px 140px 140px rgba(255, 255, 255, 0.2) inset; box-shadow: 40px 140px 140px rgba(255, 255, 255, 0.2) inset; } section.callout_download a:link, section.callout_download a:visited { color: #FFF811; text-decoration:underline; } section.callout_download a:hover { color: #FF0000; text-decoration:underline; } section.callout_espa_voucher { background:#0F4E8C !important; font-size:14px;} /***********************************************************************************/ /************* taken from layout-shop.css *****************/ /***********************************************************************************/ /* summary */ div.shop-item:hover h2 { color:#c00000; } div.shop-item-summary { padding:15px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } div.shop-item-summary h2 { font-size:13px; color:#222; margin:0 0 4px 0; } div.shop-item-rating-line { display:block; position:relative; } div.shop-item-rating-line:before { left: 0 !important; right: 50%; margin-right: 50px; content: ''; position: absolute; top: 10px; padding:1px; height: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } div.shop-item-rating-line:after { right: 0 !important; left: 50%; margin-left: 50px; content: ''; position: absolute; top: 10px; padding:1px; height: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } /* list item price */ div.shop-item-price { font-size:20px; margin-top:6px; font-weight:bold; } div.shop-item-price>span { color:#999; font-size:15px; display:inline-block; padding:0 10px; font-weight:400; } /* list item buttons */ div.shop-item-buttons { margin-top:6px; } div.shop-item-buttons a.btn-default:hover { color:#333; } section.dark div.shop-item-buttons a.btn-default:hover { color:#fff; } /* out of stock */ span.out-of-stock { display:block; margin-top:15px; } span.out-of-stock:before { content:'–x– '; } span.out-of-stock:after { content:' –x–'; } span.out-of-stock.clean:before, span.out-of-stock.clean:after { content:''; } /* list item countdown */ div.shop-item>.thumbnail>.shop-item-counter { position:relative; position:absolute; bottom:4px; left:4px; right:4px; z-index:20; background-color:rgba(33,33,33,0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; } div.shop-item>.thumbnail>.shop-item-counter:before { position:absolute; left:0; top:-20px; padding:0 6px; height:20px; color:#fff; font: normal normal normal 14px/1 FontAwesome; content:"\f017 \20 limited offer"; text-align:center; line-height:20px; background-color:rgba(33,33,33,0.5); -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; } div.shop-item>.thumbnail>.shop-item-counter>.countdown .countdown-section { display: inline-block; font-size: 11px; color:#fff; line-height: 1; text-align: center; width: 20%; margin:0 3px !important; padding:8px !important; text-align:center !important; margin:0; padding:0; text-transform: capitalize; overflow:hidden; -webkit-transition: all .500s; -moz-transition: all .500s; -o-transition: all .500s; transition: all .500s; } div.shop-item>.thumbnail>.shop-item-counter>.countdown .countdown-amount { color:#fff; display: block; font-size: 13px; font-weight:bold; margin:0; padding:0; } div.shop-item>.thumbnail>.shop-item-counter>.countdown .countdown-period { font-size:10px !important; text-transform:lowercase !important; margin-top: 5px; display:block !important; margin-bottom:-18px !important; -webkit-transition: all .500s; -moz-transition: all .500s; -o-transition: all .500s; transition: all .500s; } div.shop-item:hover>.thumbnail>.shop-item-counter>.countdown .countdown-period { margin-bottom:0 !important; } .thumbnail>.shop-limited-offer { position:absolute !important; left:5px; top:5px; z-index:20; color:#fff; font-size:18px; text-align:center; } .thumbnail>.shop-limited-offer>i { margin-left:8px; margin-top:6px; } .thumbnail>.shop-limited-offer:before { content: ""; display: block; width: 40px; height: 40px; position: absolute; border: 26px solid transparent; border-left-color: #333; border-top-color: #333; left: 0; top: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /****************************************************************/ /* For printing purpuses only in case user goes directly to print any page and we are using bootstrap classes https://getbootstrap.com/docs/4.0/utilities/display/#display-in-print */ /****************************************************************/ .add-pagebreak-after { page-break-after: always; } .add-pagebreak-before { page-break-before: always; } .no-pagebreak-inside { page-break-inside: avoid; } .no-pagebreak-before { page-break-before: avoid; } .student_lesson { margin-top:40px; } .student_lesson .lesson_title { margin-bottom:30px; } .student_lesson .graph_container { margin-top:30px; } .student_lesson .lesson_badges { font-size:15px; width:150px; } @media only print { #wrapper { background:#fff !important; } .fix-print-in-fx { display:block !important; overflow:visible !important; } section { border: 0px !important; padding:0px !important; } .container { width:100% !important; max-width:100% !important; } .page-header-xs { margin-top: 20px !important; text-align:center !important; } .add-mt-20-onprint { margin-top: 20px !important; } .add-mt-40-onprint { margin-top: 40px !important; } .top_logos { line-height:100px; margin:0px; padding:0px; } .top_logos img { max-height: 100px; } .student_lesson { margin-top:5px !important; } .student_lesson h4 { font-size:15px !important; } .student_lesson .student_stat_title { font-size:13px !important; } .student_lesson .student_moria_title { font-size:13px !important; } .student_lesson .lesson_title { margin-top:0px !important; margin-bottom:0px !important; } .student_lesson .graph_container { margin-top:0px !important; margin-bottom:0px !important; } .student_lesson .lesson_badges { font-size:10px !important; width:100px !important; color:black !important; font-weight:400 !important; background:none !important; border:1px solid #999 !important;} canvas { } .text-white { color:#000 !important; } iframe { display: block !important; overflow:visible !important; } } /****************************************************************/ /* For iframe videos like vimeo */ /****************************************************************/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /****************************************************************/ /* For magnific popups */ /****************************************************************/ .white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; } /*************************************************************************/ /* fix some colors */ /*************************************************************************/ .callout-dark { background-color: #404040; } .heading-title.heading-arrow-top, .heading-title.heading-arrow-bottom { color:#fff; background-color: #404040; } .heading-title.heading-arrow-bottom:after { border-top: 20px solid #404040; } .heading-title.heading-arrow-top:after { border-bottom: 20px solid #404040; } .tp-bannertimer { background-color:red !important; } .bg-dark { background: #303030 !important; } #topBar.dark { color:#ccc; background-color:#505050; border-bottom-color:rgba(255,255,255,0.1); } section.dark { background-color:#404040 !important; border-bottom:rgba(255,255,255,0.1) 1px solid; } #footer { font-size:14px; color: rgba(255,255,255,0.9); display: block; background: #303030; /* background: -moz-linear-gradient(top, #555555 0%, #313131 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1a1d2b), color-stop(100%, #313131)); background: -webkit-linear-gradient(top, #555555 0%, #313131 100%); background: -o-linear-gradient(top, #555555 0%, #313131 100%); background: -ms-linear-gradient(top, #555555 0%, #313131 100%); background: linear-gradient(to bottom, #555555 0%,#313131 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#313131',GradientType=0 ); */ } #footer a { color: rgba(255,255,255,0.9); text-decoration: none; } #footer a:hover { color: rgba(255,255,255,1); text-decoration: underline; } #footer > .copyright { background:none !important; } .info-bar h3 { color:#404040; font-size:14px; line-height:1.4; } .info-bar h3:hover { color:maroon; } #header.dark { background-color:#303030 !important; } #header.fixed #topNav button.btn-mobile-active, #topNav button.btn-mobile-active { background-color: #303030 !important; } #header.transparent #topMain, #header .submenu-dark #topMain { background-color: #303030; } #topNav ul.dropdown-menu li:hover {background-color: #606060;} #topNav div.submenu-dark ul.dropdown-menu { background: #303030; background-color: #303030; } #header.translucent { background-color: rgba(0,0,0,0.5); } #header.dark #topMain.nav-pills > li > a { color:#fff; } /*************************************************************************/ /* top promos banners */ /*************************************************************************/ #promoBar { margin:0px; padding:10px 0px; text-align:center; /* background: #404040; background-color: #404040; border-top: rgba(255,255,255,0.1) 1px solid; border-bottom: rgba(255,255,255,0.1) 1px solid; */ background: #B71E1E; background-color: #B71E1E; border-bottom: rgba(255,255,255,0.1) 1px solid; } #promoBar img { height:70px; margin: 2px 2px;} /*@media only screen and (min-width: 1100px) and (max-width: 1280px) { #promoBar img { height:65px; } } */ @media only screen and (max-width: 340px) { #promoBar img { max-width:100%; height:auto; } } /*************************************************************************/ /* pinakes gia listes sxolon */ /*************************************************************************/ @media only screen and (max-width: 768px) { #datatable_01_wrapper .col-sm-12 { margin-bottom: 0px !important; } div.dataTables_filter label input { width:100px !important; } } div.dataTables_length label select { width: 70px !important; height: 30px !important; padding: 0px 30px 0px 0px !important; font-size: 1em; } div.dataTables_length label { font-size: 0.9em !important; line-height: 30px !important; font-weight: 600 !important; width: 100% !important; } div.dataTables_filter label { font-weight: normal; float: right; line-height: 30px !important; font-size: 0.95em !important; font-weight: 600 !important; } #datatable_01 { margin:0px; padding:0px; } #datatable_01 th { font-size:0.8em; background-color:#B71E1E; color:white; } #datatable_01 td { font-size:0.8em; background-color:#fefefe; color:black; } #datatable_01 td a { color:maroon; text-decoration:underline;} #datatable_01 tr.thred th { background-color:#B71E1E; color:white; } #datatable_01 tr.thgreen th { background-color:#03671A ; color:white; } #datatable_01 tr.thorange th { background-color:#FF851B; color:white; } #datatable_01 tr.thblue th { background-color:#0074D9; color:white; } @media only screen and (max-width: 635px) { #datatable_01 th { font-size:0.5em; margin:0px; padding:0px; } #datatable_01 td { font-size:0.5em; margin:0px; padding:0px; } } /*************************************************************************/ /* Για κάποιες κατηγορίες στην αρχική σελίδα */ /*************************************************************************/ ul.testimonial-dotted > li { padding-top: 15px; padding-bottom: 0px; } .testimonial .testimonial-content { color:black; padding-left:60px;} .testimonial .testimonial-content:hover { color:maroon; } .testimonial figure i { font-size:45px; } @media only screen and (min-width: 752px) and (max-width: 974px) { .testimonial .testimonial-content { padding-left:35px; font-size:13px; } .testimonial figure i { font-size:25px; } } /*************************************************************************/ /* Για το mobile menu του 2ου επιπεδου */ /*************************************************************************/ #page-menu-mobile { background-color: rgba(255, 253, 253, 0.2); color:#fff; } /*************************************************************************/ /* Για να μη βάζει αυτό το μεγάλο κενό */ /*************************************************************************/ @media only screen and (max-width: 768px) { section div.row>div { margin-bottom:0px; } } /**************************************************/ /* Γιατί δε μας αρέσει η διαφάνεια, θέλουμε χρώμα */ /**************************************************/ .callout.callout-theme-color .btn, .callout.callout-dark .btn { background-color:#404040; border-color:#404040; } .callout.callout-theme-color .btn:hover, .callout.callout-dark .btn:hover { background-color:#606060; border-color:#606060; } /**************/ /* Γραμμούλες */ /*************/ .addborderright { height:100%; } @media only screen and (min-width: 751px) { .addborderright { border-right: 1px solid #aaa; } } /**************************************************/ /* Owl carousel for kappx */ /**************************************************/ /*#kappx_owl-carousel_block { display: block; width: 100%; margin:0px; padding:0px; }*/ #kappx_owl-carousel_block { width: 100%; margin:0px; padding:0px; } /* Override owl controls COLORS */ #kappx_owl-carousel_block .owl-theme .owl-controls .owl-page span { background:white; filter: Alpha(Opacity=90); opacity: 0.9; } #kappx_owl-carousel_block .owl-theme .owl-controls .owl-page.active span { background:yellow; filter: Alpha(Opacity=100); opacity: 1; } #kappx_owl-carousel_block .owl-theme .owl-controls.clickable .owl-page:hover span { background:yellow; filter: Alpha(Opacity=90); opacity: 0.9; } /* Set items */ #kappx_owl-carousel_block a:link, #kappx_owl-carousel_block a:visited { display:block; overflow:hidden; padding:0px; margin:0px 0px 5px 0px; font-family:Open Sans, Arial, Verdana; font-size:15px; line-height:18px; background:none; color:#FFFFFF; font-weight:normal; text-decoration:none; text-align:left; } #kappx_owl-carousel_block a:hover { color: #eee; } /**************************************************/ /* student_kartela.tpl datatables for version 1.11.3*/ /**************************************************/ #toptable th { background-color:#0074D9; font-size:13px !important; color:#fff; text-align:left !important; padding:10px 20px 10px 5px; vertical-align:middle; margin:0px; border-bottom: 0px; border: 1px solid #bbb; vertical-align:top;} #toptable td { font-size:14px; white-space: normal !important; padding-top: 2px; padding-bottom: 2px; border: 1px solid #efefef; vertical-align:middle;} #toptable tr:hover, #toptable tr:hover td { background-color:#FFFFDC !important; } #toptable thead .sorting { background-image: url('../plugins/datatables/_custom_/sort_both.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } #toptable thead .sorting_asc { background-image: url('../plugins/datatables/_custom_/sort_asc.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } #toptable thead .sorting_desc { background-image: url('../plugins/datatables/_custom_/sort_desc.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } /*------------------------------------*/ #bottomtable th { background-color:#03671A; font-size:13px; color:#fff; text-align:left !important; padding:10px 20px 10px 5px; vertical-align:middle; margin:0px; border-bottom: 0px; border: 1px solid #bbb; vertical-align:top;} #bottomtable td { font-size:14px; white-space: normal !important; padding-top: 2px; padding-bottom: 2px; border: 1px solid #efefef; vertical-align:middle;} #bottomtable tr:hover, #bottomtable tr:hover td { background-color:#FFFFDC !important; } #bottomtable thead .sorting { background-image: url('../plugins/datatables/_custom_/sort_both.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } #bottomtable thead .sorting_asc { background-image: url('../plugins/datatables/_custom_/sort_asc.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } #bottomtable thead .sorting_desc { background-image: url('../plugins/datatables/_custom_/sort_desc.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } /*------------------------------------*/ #maintable th { background-color:#C00000; font-size:14px !important; color:#fff; text-align:left !important; padding:10px 20px 10px 5px; vertical-align:middle; margin:0px; border-bottom: 0px; border: 1px solid #bbb; vertical-align:top;} #maintable td { font-size:14px; white-space: normal; background-color:#fff; padding-top: 2px; padding-bottom: 2px; border: 1px solid #efefef; vertical-align:middle;} #maintable tr:hover, #maintable tr:hover td { background-color:#FFFFDC !important; } #maintable thead .sorting { background-image: url('../plugins/datatables/_custom_/sort_both.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } #maintable thead .sorting_asc { background-image: url('../plugins/datatables/_custom_/sort_asc.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } #maintable thead .sorting_desc { background-image: url('../plugins/datatables/_custom_/sort_desc.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } /* #maintable { border-bottom:0; } #maintable th { background-color:#C00000; font-size:13px !important; color:#fff; text-align:left !important; padding:10px 20px 10px 5px !important; vertical-align:middle; margin:0px; border-bottom: 0px; border: 1px solid #bbb; vertical-align:top;} #maintable td { font-size:14px; white-space: normal; background-color:#fff; padding-top: 2px; padding-bottom: 2px; border: 1px solid #efefef; vertical-align:middle;} #maintable tr:hover, #maintable tr:hover td { background-color:#FFFFDC !important; } #maintable thead .sorting { background-image: url('../plugins/datatables/_custom_/sort_both.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } #maintable thead .sorting_asc { background-image: url('../plugins/datatables/_custom_/sort_asc.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } #maintable thead .sorting_desc { background-image: url('../plugins/datatables/_custom_/sort_desc.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } */ /*------------------------------------*/ #simpledatatable th { background-color:#EFEFEF; font-size:14px !important; color:#000; text-align:left !important; padding:10px 20px 10px 5px !important; vertical-align:middle; margin:0px; border-bottom: 0px; border: 1px solid #bbb; vertical-align:top;} #simpledatatable td { font-size:14px; white-space: normal; background-color:#fff; padding-top: 2px; padding-bottom: 2px; border: 1px solid #efefef; vertical-align:middle;} #simpledatatable tr:hover, #simpledatatable tr:hover td { background-color:#FFFFDC !important; } #simpledatatable thead .sorting { background-image: url('../plugins/datatables/_custom_/red-sort_both.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } #simpledatatable thead .sorting_asc { background-image: url('../plugins/datatables/_custom_/red-sort_asc.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } #simpledatatable thead .sorting_desc { background-image: url('../plugins/datatables/_custom_/red-sort_desc.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } /**************************************************/ /* student_kartela.tpl datatables fixedHeader fix sizes*/ /**************************************************/ [aria-describedby='toptable_info'].fixedHeader-floating th { background-color:#0074D9; font-size:13px !important; color:#fff; text-align:left !important; padding:10px 20px 10px 5px !important; } [aria-describedby='bottomtable_info'].fixedHeader-floating th { background-color:#03671A; font-size:13px !important; color:#fff; text-align:left !important; padding:10px 20px 10px 5px !important; } [aria-describedby='maintable_info'].fixedHeader-floating th { background-color:#C00000; font-size:13px !important; color:#fff; text-align:left !important; padding:10px 20px 10px 5px !important; } [aria-describedby='simpledatatable_info'].fixedHeader-floating th { background-color:#EFEFEF !important; font-size:14px !important; color:#000; text-align:left !important; padding:10px 20px 10px 5px !important; } [aria-describedby='toptable_info'].fixedHeader-floating th.sorting, [aria-describedby='bottomtable_info'].fixedHeader-floating th.sorting, [aria-describedby='maintable_info'].fixedHeader-floating th.sorting, [aria-describedby='simpledatatable_info'].fixedHeader-floating th.sorting { background-image: url('../plugins/datatables/_custom_/sort_both.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } [aria-describedby='toptable_info'].fixedHeader-floating th.sorting_asc, [aria-describedby='bottomtable_info'].fixedHeader-floating th.sorting_asc, [aria-describedby='maintable_info'].fixedHeader-floating th.sorting_asc, [aria-describedby='simpledatatable_info'].fixedHeader-floating th.sorting_asc { background-image: url('../plugins/datatables/_custom_/sort_asc.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } [aria-describedby='toptable_info'].fixedHeader-floating th.sorting_desc, [aria-describedby='bottomtable_info'].fixedHeader-floating th.sorting_desc, [aria-describedby='maintable_info'].fixedHeader-floating th.sorting_desc, [aria-describedby='simpledatatable_info'].fixedHeader-floating th.sorting_desc, { background-image: url('../plugins/datatables/_custom_/sort_desc.png') !important; background-repeat: no-repeat !important; background-position: 100% 10px !important; } /**********************************************************/ /* student_kartela.tpl datatables for version 1.10.9-dev */ /**********************************************************/ /**** #toptable { color:black; font-size:14px; width:100%; margin:0px; border-collapse: collapse !important; } #toptable td { color:black; padding:2px;margin:0px; border: 1px solid #bbb;} #toptable th { background-color:#0074D9; font-size:13px; color:#fff; text-align:left !important; padding:10px 10px 10px 5px;margin:0px; border-bottom: 0px; border: 1px solid #bbb; white-space: nowrap;} #toptable tr:hover, #toptable tr:hover td { background-color:#FFFFDC !important; } #bottomtable { color:black; font-size:14px; width:100%; margin:0px; border-collapse: collapse !important; } #bottomtable td { color:black; padding:2px;margin:0px; border: 1px solid #bbb;} #bottomtable th { background-color:#03671A; font-size:13px; color:#fff; text-align:left !important; padding:10px 10px 10px 5px;margin:0px; border-bottom: 0px; border: 1px solid #bbb; white-space: nowrap;} #bottomtable tr:hover, #bottomtable tr:hover td { background-color:#FFFFDC !important; } #maintable { color:black; font-size:14px; width:100%; margin:0px; border-collapse: collapse !important; } #maintable td { color:black; padding:2px;margin:0px; border: 1px solid #bbb;} #maintable th { background-color:#CF0505; font-size:13px; color:#fff; text-align:left !important; padding:10px 10px 10px 5px;margin:0px; border-bottom: 0px; border: 1px solid #bbb; white-space: nowrap;} #simpledatatable { color:black; font-size:14px; width:100%; margin:0px; border-collapse: collapse !important; } #simpledatatable th { text-align:left !important; padding:5px 5px 5px 10px; white-space: nowrap;} #simpledatatable td { color:black; padding:2px;margin:0px; } #simpledatatable th:last-child { text-align:center !important; } #simpledatatable thead .sorting_asc { background: url('../plugins/datatables/images/sort_asc_simpledatatable.png') no-repeat center right; } #simpledatatable thead .sorting_desc { background: url('../plugins/datatables/images/sort_desc_simpledatatable.png') no-repeat center right; } ****************************************************/ /**************************************************/ /* student_kartela.tpl datatables all versions*/ /**************************************************/ #toptable_wrapper .row, #bottomtable_wrapper .row, #maintable_wrapper .row, #simpledatatable_wrapper .row { margin:0px; padding:0px; } .mark_ebe_column_data { background: #FFFFCC; } .row_disabled, .row_disabled td { background: #eeeeee !important;} .row_disabled_mix, .row_disabled_mix td { background: #eeeeee !important; color:#B92B28 !important; } /*.row_selected, .row_selected td { background-color:rgba(160,197,232,0.2) !important; }*/ .row_selected, .row_selected td { background-color:rgba(192,255,192,0.15) !important; } /**************************************************/ /* student_kartela.tpl datatables Buttons/search */ /**************************************************/ /* child rows of a responsive datatable */ .dtr-details span.dtr-title { text-align:left !important; } ul.dtr-details { border: 1px solid #ccc; } ul.dtr-details li { float:left; display:inline-block; } /* misc stuff for datatables in general */ .dataTables_filter { float:right; margin-bottom:10px;} .dataTables_filter input { padding:0 !important; margin-left:10px !important; } .dataTables_filter label { color:black; } .dt-buttons { float: left; margin-bottom:10px; width: auto !important; } .dataTables_info { font-size:15px; color:black; font-weight:600 !important; text-align:center; } .dataTables_empty { font-size:15px; color:black; font-weight:600 !important; text-align:center; padding: 20px !important; color: #c00000; } .datatbl-print-button, .datatbl-print-button:focus, .datatbl-print-button:active { background:black !important; color:#fff !important; font-size:15px !important;} .datatbl-xls-button, .datatbl-xls-button:focus, .datatbl-xls-button:active { background:#1265A8 !important; color:#fff !important; font-size:15px !important;} .dataTable_print_version { width:100% !important; } .dataTable_print_version td { border:1px solid #efefef; padding:5px !important; } .dataTable_print_version th { border:1px solid #efefef; padding:10px !important; text-align:center !important; } .coursesTable-print_version { width: auto !important; margin: 0 auto !important; } .coursesTable-print_version td { border:0px solid #efefef !important; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified .btn, .btn-group-justified .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified .btn .btn, .btn-group-justified .btn-group .btn { width: 100%; } .btn-group-justified .btn .dropdown-menu, .btn-group-justified .btn-group .dropdown-menu { left: auto; } .btn-blue.active, .btn-blue.focus { background:#007AEC; } .btn-blue:hover { background:#007AEC;} /**********************************************************************/ /** CM_sxo_data */ /**********************************************************************/ .protimiseis_tbl th { font-size:16px; color:black; align:center; font-weight:600;} .protimiseis_tbl td { font-size:15px; color:black; } /** All smarty template icons should be not , * in order to pass https://achecker.ca/checker ***/ /**********************************************************************/ #topNav ul.dropdown-menu>li a span.fa, #topNav ul.dropdown-menu>li a span.glyficon { margin-right: 6px; font-size: 12px; } .btn > span.fa, .btn > span.glyphicon { /*padding-right: 6px;*/ display:inline; } ul.blog-post-info li span { margin-right: 5px; color: #666; font-weight:400 !important; text-decoration:none !important; } /* den douleuon sosta ta reveal opote kalo einai na min ta xrisimopoieis */ .btn.btn-reveal span.fa, .btn.btn-reveal span.glyphicon { display: block; position: absolute; left: -32px; width: 32px; top: 0; bottom: 0; margin: 0; padding: 0; font-size: 17px; line-height: 35px; text-align: center; background-color: rgba(0,0,0,0.1); } .box-icon.box-icon-large .box-icon-title>span { width: 65px; height: 65px; line-height: 65px; font-size: 24px; } .box-icon.box-icon-center .box-icon-title>span { float: none; margin: 0 0 10px 0; } .box-icon.box-icon-round .box-icon-title>span { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .box-flip .box-icon-title>span { color: #111; background-color: rgba(0,0,0,0.07); } .box-icon .box-icon-title>span { height: 35px; width: 35px; line-height: 37px; font-size: 18px; margin-right: 15px; background-color: #333; text-align: center; color: #fff; -webkit-transition: all .200s; -moz-transition: all .200s; -o-transition: all .200s; transition: all .200s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } ul.list-icons > li > span:first-of-type.fa,ul.list-icons > li > span:first-of-type.glyficon { top: 3px; } ul.list-icons > li > span:first-of-type.fa, ul.list-icons > li > span:first-of-type.glyficon{ position: absolute; left: -1.75em; width: 14px; text-align: center; } .btn > span { /*padding-right: 6px;*/ } /* does not work, it needs more work. Look for scenv_flg and use this way instead .radio span:first-of-type, .checkbox span:first-of-type { position: absolute; top: 5px; left: 0; display: block; width: 24px; height: 24px; outline: none; border-width: 2px; border-style: solid; border-color: rgba(0,0,0,0.3); background: rgba(255,255,255,0.3); } */ /* gia ta social icons des direct sto essentials */ /* amea contrast isses */ .btn-success, .btn-green, .bg-success, .badge-success { background:#03671A !important; } .btn-success:hover, .btn-green:hover { background:#28a745 !important; } .bg-orange { background:#B32B02 !important; } .btn-info { background:#0074D9 !important; } .btn-info:hover { background:rgb(23, 162, 184) !important; } .text-olive { color:#175D3E !important;} /*****************************************************************************************************************************/ /*** BBCode stuff ***/ /*****************************************************************************************************************************/ td.bbcodebgd { background-color:#E0E0E0; padding:10pt; } pre.bbcode { font-family:'Andale Mono','Courier New',Courier; font-size:11pt; color:#000000; margin:0px; } blockquote.bbquote { background-color:#E0E0E0; color:#000000; padding:10pt; margin-top:0px; margin-bottom:0px; } blockquote.bbindent { margin-top:0px; margin-bottom:0px; } font.bbcite { color:#1841b5; } a.bblink { } img.bbimgplain { border-style:none; } div.bbimgcenter { border-style:none; width:100%; text-align:center; } img.bbimgcenter { border-style:none; } img.bbimgleft { border-style:none; margin-right:10px; float:left;} img.bbimgright { border-style:none; margin-left:10px; float:right; display:inline-block; zoom: 1; *display: inline; padding-bottom: 10px;} img.bbimgmiddle { border-style:none; } img.add-img-border { border: 1px solid #ccc !important; } h1.bbh1 { font-size:23px; font-weight:bold; font-style:normal; text-decoration: none; color:#333; } h2.bbh2 { font-size:20px; font-weight:bold; font-style:normal; text-decoration: none; color:#333; } h3.bbh3 { font-size:17px; font-weight:bold; font-style:normal; text-decoration: none; color:#333; } h4.bbh4 { font-size:14px; font-weight:bold; font-style:normal; text-decoration: none; color:#333; } h5.bbh5 { font-size:11px; font-weight:bold; font-style:normal; text-decoration: none; color:#333; } h6.bbh6 { font-size:9pt; font-weight:bold; font-style:normal; text-decoration: none; color:#333; } ul.bbul { } ol.bbol { } li.bbli { } table.bbtable { margin-left:auto; margin-right:auto; padding:2px; border-color:#aaa;} tr.bbtr { } td.bbtd { padding:5px; margin:0px; } th.bbth { padding:5px; margin:0px; } span.jshighlight { background-color: #ffff66; } span.jsnohighlight { background-color: transparent; } /*****************************************************************************************************************************/ /*** Responsive bbcode Stuff ***/ /*****************************************************************************************************************************/ /* Common */ img.bbimgplain, img.bbimgcenter, img.bbimgleft, img.bbimgright, img.bbimgmiddle { max-width:100%; } /*****************************************************************************************************************************/ /*** revolution slider for _front_login.tlp ***/ /*****************************************************************************************************************************/ @media only screen and (min-width: 0px) and (max-width: 666px) { .hide_on_small_screens { display:none; } .show_on_small_screens { display:block;} } @media only screen and (min-width: 667px) { .hide_on_small_screens { } .show_on_small_screens { display:none; } } /*****************************************************************************************************************************/ /*** order form for frontistiria order_front.tlp ***/ /*****************************************************************************************************************************/ #order_front_ekdoseis_tbl { border: 1px solid #ededed; } #order_front_ekdoseis_tbl th { border: 0px; background: #0074D9; color:#fff; padding:5px 10px 5px 10px !important; font-size:14px; } #order_front_ekdoseis_tbl td { border: 0px; background: #ffffff; color:#000; padding:5px 10px 5px 10px !important; font-size:15px; } /****************************************************************/ /* student_educational_card */ /****************************************************************/ .stu_card_general_data { border: 1px solid #ddd; border-radius:5px; padding:20px; color:#000; background:#f8f9fa; font-size:0.9em;} .stu_card_general_data_name { font-size:20px; } .stu_card_general_data_avatar_container { max-width:200px; max-height: auto; margin:0 auto; } .stu_card_general_data_avatar_container img { max-width:200px; max-height: auto; } .tbl_grd_stu_view { color:black; width:100%; font-size:15px; margin:0px; line-height:23px !important; } .tbl_grd_stu_view tr { border-bottom: 1px solid #cecece;} .tbl_grd_stu_view tr:hover { background:#fafafa; } .tbl_grd_stu_view td { vertical-align:top; padding:10px 5px 10px 5px; } .tbl_grd_stu_view td.tdscore { font-size:14px; white-space: nowrap; font-weight:600; } .tbl_grd_stu_view td a.score_examshow { margin:0px 5px 0px 0px; padding:4px 3px 1px 4px;} .tbl_grd_stu_view td a.score_examshow span { margin:0px; padding:0px; font-size:15px; font-weight:400px;} .tbl_grd_stu_view td ul.score_comments { font-size:13px; font-style:italic; padding-top:5px; padding-bottom:0px; margin-bottom:0px;} .tbl_grd_stu_view td span.score_badges { font-size: 15px; min-width: 160px; text-align:right; color:black; } /****************************************************************/ /* student_educational_card and stu_kartela */ /****************************************************************/ tr.hdr { border-bottom:1pt solid #303030; } tr.pedio { border-bottom:1pt solid #303030; } tr.pedio>td { padding-top: 10pt; } tr.eidhdr { } tr.eidhdr>td { padding-top: 6pt; padding-bottom: 6pt; } tr.eidrow { }