/* Minification failed. Returning unminified contents. (3706,1): run-time error CSS1035: Expected colon, found '{' (3771,60): run-time error CSS1030: Expected identifier, found ' ' (4395,1): run-time error CSS1019: Unexpected token, found '@import' (4395,9): run-time error CSS1019: Unexpected token, found 'url(vakifkatilim.fonts.v1.04.css)' (12214,369): run-time error CSS1038: Expected hex color, found '#fff0' (12216,13730): run-time error CSS1038: Expected hex color, found '#fff0' (12216,19284): run-time error CSS1046: Expect comma, found '0' (12216,19288): run-time error CSS1046: Expect comma, found '/' (12216,19327): run-time error CSS1046: Expect comma, found '0' (12216,19331): run-time error CSS1046: Expect comma, found '/' (12216,19720): run-time error CSS1038: Expected hex color, found '#fff0' (12216,27888): run-time error CSS1038: Expected hex color, found '#fff0' (12216,35016): run-time error CSS1046: Expect comma, found '0' (12216,35020): run-time error CSS1046: Expect comma, found '/' (12216,35061): run-time error CSS1046: Expect comma, found '0' (12216,35065): run-time error CSS1046: Expect comma, found '/' (12216,35663): run-time error CSS1046: Expect comma, found '0' (12216,35667): run-time error CSS1046: Expect comma, found '/' (12216,35691): run-time error CSS1046: Expect comma, found '175' (12216,35699): run-time error CSS1046: Expect comma, found '/' (12216,35738): run-time error CSS1046: Expect comma, found '0' (12216,35742): run-time error CSS1046: Expect comma, found '/' (12216,35766): run-time error CSS1046: Expect comma, found '175' (12216,35774): run-time error CSS1046: Expect comma, found '/' (12216,35975): run-time error CSS1038: Expected hex color, found '#fff0' (12216,40260): run-time error CSS1046: Expect comma, found '0' (12216,40264): run-time error CSS1046: Expect comma, found '/' (12216,40305): run-time error CSS1046: Expect comma, found '0' (12216,40309): run-time error CSS1046: Expect comma, found '/' (12216,40412): run-time error CSS1046: Expect comma, found '0' (12216,40416): run-time error CSS1046: Expect comma, found '/' (12216,40473): run-time error CSS1046: Expect comma, found '0' (12216,40477): run-time error CSS1046: Expect comma, found '/' (12216,41019): run-time error CSS1046: Expect comma, found '0' (12216,41023): run-time error CSS1046: Expect comma, found '/' (12216,41064): run-time error CSS1046: Expect comma, found '0' (12216,41068): run-time error CSS1046: Expect comma, found '/' (12216,41171): run-time error CSS1046: Expect comma, found '0' (12216,41175): run-time error CSS1046: Expect comma, found '/' (12216,41232): run-time error CSS1046: Expect comma, found '0' (12216,41236): run-time error CSS1046: Expect comma, found '/' (12216,41756): run-time error CSS1046: Expect comma, found '0' (12216,41760): run-time error CSS1046: Expect comma, found '/' (12216,41801): run-time error CSS1046: Expect comma, found '0' (12216,41805): run-time error CSS1046: Expect comma, found '/' (12216,41906): run-time error CSS1046: Expect comma, found '0' (12216,41910): run-time error CSS1046: Expect comma, found '/' (12216,41967): run-time error CSS1046: Expect comma, found '0' (12216,41971): run-time error CSS1046: Expect comma, found '/' (12216,44148): run-time error CSS1038: Expected hex color, found '#fff0' (12216,44630): run-time error CSS1046: Expect comma, found '0' (12216,44634): run-time error CSS1046: Expect comma, found '/' (12216,44675): run-time error CSS1046: Expect comma, found '0' (12216,44679): run-time error CSS1046: Expect comma, found '/' (12216,51651): run-time error CSS1038: Expected hex color, found '#fff0' (12216,51769): run-time error CSS1038: Expected hex color, found '#fff0' (12216,51864): run-time error CSS1038: Expected hex color, found '#fff0' (12216,53279): run-time error CSS1038: Expected hex color, found '#fff0' (12216,53307): run-time error CSS1038: Expected hex color, found '#fff0' (12216,53655): run-time error CSS1046: Expect comma, found '0' (12216,53659): run-time error CSS1046: Expect comma, found '/' (12216,53720): run-time error CSS1046: Expect comma, found '0' (12216,53724): run-time error CSS1046: Expect comma, found '/' (12216,53760): run-time error CSS1046: Expect comma, found '0' (12216,53764): run-time error CSS1046: Expect comma, found '/' (12216,54529): run-time error CSS1038: Expected hex color, found '#fff0' (12216,57168): run-time error CSS1046: Expect comma, found '0' (12216,57172): run-time error CSS1046: Expect comma, found '/' (12216,57213): run-time error CSS1046: Expect comma, found '0' (12216,57217): run-time error CSS1046: Expect comma, found '/' (12216,63151): run-time error CSS1038: Expected hex color, found '#fff0' (12216,63517): run-time error CSS1038: Expected hex color, found '#fff0' (12216,63766): run-time error CSS1038: Expected hex color, found '#fff0' (12216,65821): run-time error CSS1038: Expected hex color, found '#fff0' (12216,66025): run-time error CSS1038: Expected hex color, found '#fff0' (12216,66072): run-time error CSS1046: Expect comma, found '255' (12216,66080): run-time error CSS1046: Expect comma, found '/' (12216,66119): run-time error CSS1046: Expect comma, found '255' (12216,66127): run-time error CSS1046: Expect comma, found '/' (12216,67992): run-time error CSS1038: Expected hex color, found '#fff0' (12216,68037): run-time error CSS1038: Expected hex color, found '#fff0' (12216,68503): run-time error CSS1038: Expected hex color, found '#fff0' (12216,69065): run-time error CSS1038: Expected hex color, found '#fff0' (12216,69095): run-time error CSS1038: Expected hex color, found '#fff0' (12216,69142): run-time error CSS1046: Expect comma, found '255' (12216,69150): run-time error CSS1046: Expect comma, found '/' (12216,69172): run-time error CSS1046: Expect comma, found '255' (12216,69180): run-time error CSS1046: Expect comma, found '/' (12216,69219): run-time error CSS1046: Expect comma, found '255' (12216,69227): run-time error CSS1046: Expect comma, found '/' (12216,69249): run-time error CSS1046: Expect comma, found '255' (12216,69257): run-time error CSS1046: Expect comma, found '/' (12216,71429): run-time error CSS1038: Expected hex color, found '#fff0' (12216,71625): run-time error CSS1038: Expected hex color, found '#fff0' (12216,71953): run-time error CSS1038: Expected hex color, found '#fff0' (12216,72353): run-time error CSS1038: Expected hex color, found '#fff0' (12216,72807): run-time error CSS1038: Expected hex color, found '#fff0' (12216,73703): run-time error CSS1038: Expected hex color, found '#fff0' (12216,73905): run-time error CSS1038: Expected hex color, found '#fff0' (12216,74233): run-time error CSS1038: Expected hex color, found '#fff0' (12216,74806): run-time error CSS1038: Expected hex color, found '#fff0' (12216,75260): run-time error CSS1038: Expected hex color, found '#fff0' (12216,81406): run-time error CSS1038: Expected hex color, found '#fff0' (12216,82349): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12216,82393): run-time error CSS1035: Expected colon, found '{' (12216,82544): run-time error CSS1019: Unexpected token, found '@keyframes' (12216,82580): run-time error CSS1035: Expected colon, found '{' (12216,82777): run-time error CSS1046: Expect comma, found '0' (12216,82781): run-time error CSS1046: Expect comma, found '/' (12216,82820): run-time error CSS1046: Expect comma, found '0' (12216,82824): run-time error CSS1046: Expect comma, found '/' (12216,83002): run-time error CSS1046: Expect comma, found '0' (12216,83006): run-time error CSS1046: Expect comma, found '/' (12216,83045): run-time error CSS1046: Expect comma, found '0' (12216,83049): run-time error CSS1046: Expect comma, found '/' (12216,83257): run-time error CSS1046: Expect comma, found '255' (12216,83265): run-time error CSS1046: Expect comma, found '/' (12216,83316): run-time error CSS1046: Expect comma, found '255' (12216,83324): run-time error CSS1046: Expect comma, found '/' (12216,83343): run-time error CSS1046: Expect comma, found '255' (12216,83351): run-time error CSS1046: Expect comma, found '/' (12216,83441): run-time error CSS1046: Expect comma, found '255' (12216,83449): run-time error CSS1046: Expect comma, found '/' (12216,83500): run-time error CSS1046: Expect comma, found '255' (12216,83508): run-time error CSS1046: Expect comma, found '/' (12216,83527): run-time error CSS1046: Expect comma, found '255' (12216,83535): run-time error CSS1046: Expect comma, found '/' (12216,83622): run-time error CSS1046: Expect comma, found '255' (12216,83630): run-time error CSS1046: Expect comma, found '/' (12216,83681): run-time error CSS1046: Expect comma, found '255' (12216,83689): run-time error CSS1046: Expect comma, found '/' (12216,83708): run-time error CSS1046: Expect comma, found '255' (12216,83716): run-time error CSS1046: Expect comma, found '/' (12216,84171): run-time error CSS1046: Expect comma, found '255' (12216,84179): run-time error CSS1046: Expect comma, found '/' (12216,84230): run-time error CSS1046: Expect comma, found '255' (12216,84238): run-time error CSS1046: Expect comma, found '/' (12216,84257): run-time error CSS1046: Expect comma, found '255' (12216,84265): run-time error CSS1046: Expect comma, found '/' (12216,84355): run-time error CSS1046: Expect comma, found '255' (12216,84363): run-time error CSS1046: Expect comma, found '/' (12216,84414): run-time error CSS1046: Expect comma, found '255' (12216,84422): run-time error CSS1046: Expect comma, found '/' (12216,84441): run-time error CSS1046: Expect comma, found '255' (12216,84449): run-time error CSS1046: Expect comma, found '/' (12216,84536): run-time error CSS1046: Expect comma, found '255' (12216,84544): run-time error CSS1046: Expect comma, found '/' (12216,84595): run-time error CSS1046: Expect comma, found '255' (12216,84603): run-time error CSS1046: Expect comma, found '/' (12216,84622): run-time error CSS1046: Expect comma, found '255' (12216,84630): run-time error CSS1046: Expect comma, found '/' (12216,84806): run-time error CSS1046: Expect comma, found '255' (12216,84814): run-time error CSS1046: Expect comma, found '/' (12216,84865): run-time error CSS1046: Expect comma, found '255' (12216,84873): run-time error CSS1046: Expect comma, found '/' (12216,84892): run-time error CSS1046: Expect comma, found '255' (12216,84900): run-time error CSS1046: Expect comma, found '/' (12216,84990): run-time error CSS1046: Expect comma, found '255' (12216,84998): run-time error CSS1046: Expect comma, found '/' (12216,85049): run-time error CSS1046: Expect comma, found '255' (12216,85057): run-time error CSS1046: Expect comma, found '/' (12216,85076): run-time error CSS1046: Expect comma, found '255' (12216,85084): run-time error CSS1046: Expect comma, found '/' (12216,85171): run-time error CSS1046: Expect comma, found '255' (12216,85179): run-time error CSS1046: Expect comma, found '/' (12216,85230): run-time error CSS1046: Expect comma, found '255' (12216,85238): run-time error CSS1046: Expect comma, found '/' (12216,85257): run-time error CSS1046: Expect comma, found '255' (12216,85265): run-time error CSS1046: Expect comma, found '/' (12216,85447): run-time error CSS1046: Expect comma, found '255' (12216,85455): run-time error CSS1046: Expect comma, found '/' (12216,85506): run-time error CSS1046: Expect comma, found '255' (12216,85514): run-time error CSS1046: Expect comma, found '/' (12216,85533): run-time error CSS1046: Expect comma, found '255' (12216,85541): run-time error CSS1046: Expect comma, found '/' (12216,85631): run-time error CSS1046: Expect comma, found '255' (12216,85639): run-time error CSS1046: Expect comma, found '/' (12216,85690): run-time error CSS1046: Expect comma, found '255' (12216,85698): run-time error CSS1046: Expect comma, found '/' (12216,85717): run-time error CSS1046: Expect comma, found '255' (12216,85725): run-time error CSS1046: Expect comma, found '/' (12216,85812): run-time error CSS1046: Expect comma, found '255' (12216,85820): run-time error CSS1046: Expect comma, found '/' (12216,85871): run-time error CSS1046: Expect comma, found '255' (12216,85879): run-time error CSS1046: Expect comma, found '/' (12216,85898): run-time error CSS1046: Expect comma, found '255' (12216,85906): run-time error CSS1046: Expect comma, found '/' (12216,86086): run-time error CSS1046: Expect comma, found '255' (12216,86094): run-time error CSS1046: Expect comma, found '/' (12216,86145): run-time error CSS1046: Expect comma, found '255' (12216,86153): run-time error CSS1046: Expect comma, found '/' (12216,86172): run-time error CSS1046: Expect comma, found '255' (12216,86180): run-time error CSS1046: Expect comma, found '/' (12216,86270): run-time error CSS1046: Expect comma, found '255' (12216,86278): run-time error CSS1046: Expect comma, found '/' (12216,86329): run-time error CSS1046: Expect comma, found '255' (12216,86337): run-time error CSS1046: Expect comma, found '/' (12216,86356): run-time error CSS1046: Expect comma, found '255' (12216,86364): run-time error CSS1046: Expect comma, found '/' (12216,86451): run-time error CSS1046: Expect comma, found '255' (12216,86459): run-time error CSS1046: Expect comma, found '/' (12216,86510): run-time error CSS1046: Expect comma, found '255' (12216,86518): run-time error CSS1046: Expect comma, found '/' (12216,86537): run-time error CSS1046: Expect comma, found '255' (12216,86545): run-time error CSS1046: Expect comma, found '/' (12216,92202): run-time error CSS1038: Expected hex color, found '#fff0' (12216,92261): run-time error CSS1046: Expect comma, found '0' (12216,92265): run-time error CSS1046: Expect comma, found '/' (12216,92299): run-time error CSS1046: Expect comma, found '0' (12216,92303): run-time error CSS1046: Expect comma, found '/' (12216,92392): run-time error CSS1038: Expected hex color, found '#fff0' (12216,103609): run-time error CSS1046: Expect comma, found '0' (12216,103613): run-time error CSS1046: Expect comma, found '/' (12216,103653): run-time error CSS1046: Expect comma, found '0' (12216,103657): run-time error CSS1046: Expect comma, found '/' (12216,103718): run-time error CSS1046: Expect comma, found '0' (12216,103722): run-time error CSS1046: Expect comma, found '/' (12216,105133): run-time error CSS1046: Expect comma, found '0' (12216,105137): run-time error CSS1046: Expect comma, found '/' (12216,105196): run-time error CSS1046: Expect comma, found '0' (12216,105200): run-time error CSS1046: Expect comma, found '/' (12216,105233): run-time error CSS1046: Expect comma, found '0' (12216,105237): run-time error CSS1046: Expect comma, found '/' (12216,106087): run-time error CSS1046: Expect comma, found '0' (12216,106091): run-time error CSS1046: Expect comma, found '/' (12216,106125): run-time error CSS1046: Expect comma, found '0' (12216,106129): run-time error CSS1046: Expect comma, found '/' (12216,107903): run-time error CSS1038: Expected hex color, found '#fff0' (12216,108415): run-time error CSS1046: Expect comma, found '0' (12216,108419): run-time error CSS1046: Expect comma, found '/' (12216,108479): run-time error CSS1046: Expect comma, found '0' (12216,108483): run-time error CSS1046: Expect comma, found '/' (12216,108517): run-time error CSS1046: Expect comma, found '0' (12216,108521): run-time error CSS1046: Expect comma, found '/' (12216,108787): run-time error CSS1038: Expected hex color, found '#fff0' (12216,108968): run-time error CSS1046: Expect comma, found '0' (12216,108972): run-time error CSS1046: Expect comma, found '/' (12216,109219): run-time error CSS1046: Expect comma, found '0' (12216,109223): run-time error CSS1046: Expect comma, found '/' (12216,109486): run-time error CSS1046: Expect comma, found '0' (12216,109490): run-time error CSS1046: Expect comma, found '/' (12216,109734): run-time error CSS1046: Expect comma, found '0' (12216,109738): run-time error CSS1046: Expect comma, found '/' (12216,111802): run-time error CSS1046: Expect comma, found '0' (12216,111806): run-time error CSS1046: Expect comma, found '/' (12216,111829): run-time error CSS1038: Expected hex color, found '#fff0' (12216,111946): run-time error CSS1046: Expect comma, found '0' (12216,111950): run-time error CSS1046: Expect comma, found '/' (12216,111964): run-time error CSS1046: Expect comma, found '0' (12216,111968): run-time error CSS1046: Expect comma, found '/' (12216,112030): run-time error CSS1046: Expect comma, found '0' (12216,112034): run-time error CSS1046: Expect comma, found '/' (12216,112048): run-time error CSS1046: Expect comma, found '0' (12216,112052): run-time error CSS1046: Expect comma, found '/' (12216,112138): run-time error CSS1046: Expect comma, found '0' (12216,112142): run-time error CSS1046: Expect comma, found '/' (12216,112158): run-time error CSS1046: Expect comma, found '0' (12216,112162): run-time error CSS1046: Expect comma, found '/' (12216,112221): run-time error CSS1046: Expect comma, found '0' (12216,112225): run-time error CSS1046: Expect comma, found '/' (12216,112239): run-time error CSS1046: Expect comma, found '0' (12216,112243): run-time error CSS1046: Expect comma, found '/' (12216,112495): run-time error CSS1046: Expect comma, found '0' (12216,112499): run-time error CSS1046: Expect comma, found '/' (12216,112516): run-time error CSS1046: Expect comma, found '0' (12216,112520): run-time error CSS1046: Expect comma, found '/' (12216,112579): run-time error CSS1046: Expect comma, found '0' (12216,112583): run-time error CSS1046: Expect comma, found '/' (12216,112600): run-time error CSS1046: Expect comma, found '0' (12216,112604): run-time error CSS1046: Expect comma, found '/' (12216,112687): run-time error CSS1046: Expect comma, found '0' (12216,112691): run-time error CSS1046: Expect comma, found '/' (12216,112710): run-time error CSS1046: Expect comma, found '0' (12216,112714): run-time error CSS1046: Expect comma, found '/' (12216,112770): run-time error CSS1046: Expect comma, found '0' (12216,112774): run-time error CSS1046: Expect comma, found '/' (12216,112791): run-time error CSS1046: Expect comma, found '0' (12216,112795): run-time error CSS1046: Expect comma, found '/' (12216,114013): run-time error CSS1038: Expected hex color, found '#fff0' (12216,114315): run-time error CSS1046: Expect comma, found '0' (12216,114319): run-time error CSS1046: Expect comma, found '/' (12216,116134): run-time error CSS1038: Expected hex color, found '#fff0' (12216,116174): run-time error CSS1038: Expected hex color, found '#fff0' (12620,24): run-time error CSS1036: Expected expression, found ';' (12621,19): run-time error CSS1036: Expected expression, found ';' (12638,24): run-time error CSS1036: Expected expression, found ';' (12639,19): run-time error CSS1036: Expected expression, found ';' (12643,24): run-time error CSS1036: Expected expression, found ';' (12644,18): run-time error CSS1035: Expected colon, found ';' */ ul.menuTabs > li > a { display: block; } ul.menuTabs li#menuSmart > a { background-position: 0px 0px; } ul.menuTabs li#menuSmart > a.on { background-position: 0px -115px; } ul.menuTabs li#menuAll > a { background-position: -124px 0; } ul.menuTabs li#menuAll > a.on { background-position: -124px -115px; } ul.menuTabs li#menuPeople > a { background-position: -248px 0; } ul.menuTabs li#menuPeople > a.on { background-position: -248px -115px; } ul.menuTabs li#menuFinanceManager > a { background-position: -372px 0; } ul.menuTabs li#menuFinanceManager > a.on { background-position: -372px -115px; } ul.menuTabs li#menuFinancialStatus > a { background-position: -496px 0; } ul.menuTabs li#menuFinancialStatus > a.on { background-position: -496px -115px; } ul.menuTabs li#menuWriteToUs { background-image: none; } ul.menuTabs li#menuWriteToUs > a { background-image: url(../images/bize-ulasin.png); background-position: 0 0; width: 85px; height: 60px; margin-left: 15px; margin-top: 35px; } ul.menuTabs li#menuWriteToUs > a.on { background-image: url(../images/bize-ulasin.png); background-repeat: no-repeat; background-position: 0 -60px; } ul.menuTabs li#menuHelpAll { background-image: none; } ul.menuTabs li#menuHelpAll > a { background-image: url(../images/yardim.png); background-position: 0 0; width: 85px; height: 60px; margin-left: 15px; margin-top: 35px; } ul.menuTabs li#menuHelpAll > a.on { background-image: url(../images/yardim.png); background-repeat: no-repeat; background-position: 0 -60px; } /*Bu CSS Dokumani Pixelplus Interactive tarafindan Vakýf icin yazilmistir. Kerem Ozben | 02.01.2012 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, input, ins, kbd, q, s, samp, small, select, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, textarea, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; -moz-outline: 0; outline: 0; border: 0; font-size: 100%; } @font-face { font-family: 'Quicksand', sans-serif !important; } @font-face { font-family: 'Urbanist'; src: url('Urbanist-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Urbanist'; src: url('Urbanist-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Urbanist'; src: url('Urbanist-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Urbanist'; src: url('Urbanist-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Urbanist'; src: url('Urbanist-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Urbanist'; src: url('Urbanist-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Urbanist'; src: url('Urbanist-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Urbanist'; src: url('Urbanist-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } a, a:hover { text-decoration: none !important; } a:focus, a:active { -moz-outline: 0 !important; outline: 0 !important; text-decoration: none !important; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { background: url(../images/dashboard-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } html, body { height: 100%; font-variant-ligatures: none; } body { background: none !important; color: #48555d !important; } .BackgroundTransparent { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } ol, ul { list-style: none; } p { font-weight: 500; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-spacing: 0; border-collapse: collapse; } ::-ms-clear { display: none; } ::-ms-reveal { display: none; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clearFixInline { display: inline-block; } .clearFix.header { display: block; } .clearFix:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } ul.slideNav.clearFix { display: block; } * html .clearFix { height: 1%; } .pointer { cursor: pointer; } /* Reuseable - en genel sitiller */ input, textarea, select { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } input[type="text"], input[type="password"] { float: left; /*padding: 6px 15px;*/ padding: 5px 6px 5px 6px; background: #fff; color: #5d686f; text-decoration: none; font-weight: normal; font-size: 16px !important; width: 100%; height: 40px !important; border: 1px solid #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } input.cardEditorInputInteger { float: left; padding: 4px 3px 3px 3px; width: 40px; height: 15px; border: 1px solid #c3d0d8; background: #fff; color: #3C3C3C; text-decoration: none; font-weight: normal; font-size: 14px !important; } input.secretChar { float: left; padding: 4px 3px 3px 3px; width: 160px; border: 1px solid #c3d0d8; background: #fff; color: #3C3C3C; text-decoration: none; font-weight: normal; } #FavoriMenu1 { float: left; } input.searchInput { float: right; width: 180px; height: 25px; padding-left: 26px; } input#searchInputOldTran { float: right; width: 180px; height: 25px; margin-top: 0px; padding-left: 26px; color: #48555d; font-size: 14px !important; background: #fff url("../images/icon-search3.png") 6px center no-repeat; border: 1px solid #a3b0b8; } input#searchInputOldTran:focus { color: #48555d; } input.searchInput.long { width: 265px; } input.searchInput.bank { width: 332px; } input.searchInput.company { width: 332px; } input.searchInput:focus { color: #48555d; } input.searchInput.long:focus { color: #48555d; } input.searchInput.company:focus { color: #fff; } input.short { } input.medium { } input.long { } textarea { float: left; overflow: auto; padding: 10px 6px; width: 220px; height: 36px; border: 1px solid #c3d0d8; background: #fff; color: #48555d; text-decoration: none; font-weight: normal; font-size: 14px; resize: none; } select { float: left; width: 100%; padding: 5px 6px 5px 6px; height: 40px; border: 1px solid #c3d0d8; color: #a2afb7; text-decoration: none; font-weight: normal; font-size: 14px !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: url(../images/dropdown-arrow.png) right 12px no-repeat #fff; } select::-ms-expand { display: none; } select::-webkit-input-placeholder { color:#a2afb7; } select:-moz-placeholder { color:#a2afb7; } select::-moz-placeholder { color:#a2afb7; } select:-ms-input-placeholder { color:#a2afb7; } select::-ms-expand { display: none; } select::-webkit-input-placeholder { color: #a2afb7; } select:-moz-placeholder { color: #a2afb7; } select::-moz-placeholder { color: #a2afb7; } select:-ms-input-placeholder { color: #a2afb7; } span.amountLabel { padding: 0 4px; color: #3C3C3C; font-weight: bold; font-size: 18px; } span.CollapsedSpan { display: none; } span.unimportantMessage { color: #919191; font-size: 14px; } h1 { overflow: hidden; height: 25px; color: #0c5da8; font-weight: bold; font-size: 16px; } h1.pageTitle { overflow: hidden; padding: 8px 0px 0px 0px; color: #de188c; font-weight: bold; font-size: 18px; margin: 0px; } p.topic { font-weight: bold; font-size: 16px; } span.topic { font-weight: bold; font-size: 16px; } span.important { font-weight: bold; } span.timerspan { display: block; float: left; margin-left: 3px; padding: 10px 0px 0px 12px; width: 40px; height: 40px; background: #f4f9fc; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; color: #48555d; font-size: 16px; } span.bold { font-weight: bold; } /* Money Editor ve Money editor ile alakalý sitiller */ .ConfirmBox { background: #fff; padding: 20px 10px; margin-top: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.amountEntry { } div.amountEntry table.moneyEditorTable { margin: 0 0 15px 210px; } div.amountEntry table.moneyEditorTable input { margin: 8px 0 0 0; } div.amountEntry table.moneyEditorTable.hasLabel { margin: 0 0 15px 30px; } div.amountEntry table.moneyEditorTable td { border: none; } div.amountEntry table.moneyEditorTable td.spanTd { padding: 9px 0 0; } div.amountEntry div.Error { padding: 0; } div.amountEntry input.selectbox { } div.amountEntry input.integerinput { float: none; padding: 5px 6px 5px 6px; border: 1px solid #c3d0d8; background: #fff; color: #3C3C3C; text-align: right; text-decoration: none; font-weight: 500; } div.amountEntry input.decimalinput { float: none; padding: 5px 6px 5px 6px; border: 1px solid #c3d0d8; background: #fff; color: #3C3C3C; text-decoration: none; font-weight: 500; } div.amountEntry span.currency { padding: 0 4px; color: #3C3C3C; font-weight: 500; } div.amountEntry .MoneyTransferFec { background: #dee7ec; display: inline-block; padding: 11px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 3px; height: 40px; } .FilterContainer input.integerinput { float: none; padding: 5px 6px 5px 6px; border: 1px solid #c3d0d8; background: #fff; color: #3C3C3C; text-align: left; text-decoration: none; font-size: 12px !important; } .FilterContainer input.decimalinput { float: none; padding: 5px 6px 5px 6px; border: 1px solid #c3d0d8; background: #fff; color: #3C3C3C; text-decoration: none; font-size: 12px !important; } div.innerArea span.currency, div.innerAreaNoBorder span.currency { padding: 5px 2px; color: #3C3C3C; font-size: 12px; } div.infoArea input.integerinput { float: none; padding: 5px 6px 5px 6px; border: 1px solid #c3d0d8; background: #fff; color: #3C3C3C; text-align: right; text-decoration: none; font-size: 12px !important; } div.infoArea input.decimalinput { float: none; padding: 5px 6px 5px 6px; border: 1px solid #c3d0d8; background: #fff; color: #3C3C3C; text-decoration: none; font-size: 12px !important; } div.infoArea span.currency { padding: 5px 2px; color: #3C3C3C; font-size: 12px; } div.infoArea span.info { line-height: 22px; } div.infoArea table.moneyEditorTable td { border: none; } div.infoArea table.moneyEditorTable td.spanTd { padding: 3px 0 0; } div.infoArea table.moneyEditorTable.bottomMargin { margin-bottom: 10px; } div.innerArea table.moneyEditorTable td { padding: 0; border: none; min-width: 0px; } div.innerArea table.moneyEditorTable td.spanTd { padding: 4px 0; } div.innerAreaNoBorder table.moneyEditorTable td { padding: 0; border: none; } /* Genel ayýraçlar ve kutular */ html { /*overflow: -moz-scrollbars-vertical; overflow-y: scroll;*/ } html, body, div#mainCapsule { min-height: 100%; width: 100%; height: auto; } #TimeBoxCapsule { background: #1d4f90; } div#mainCapsule { /*background: url("../images/bgnew.jpg") center 0 no-repeat;*/ } div#mainCapsule #contentCapsule2 { margin-top: 0px; margin-bottom: 20px; padding-left: 15px; padding-right: 15px; clear:both; } div#headerCapsule { position: relative; z-index: 10; } div#contentCapsule { margin-top: 60px; } div#contentCapsule .container { padding-left: 0px; padding-right: 0px; } div#ktHeader, div#contentPart, div#ktFooter { } div.repeaterPart, div#repeaterOuter, div#repeaterOuterBottom { } div#repeaterOuter img { vertical-align: bottom; } div#div#repeaterOuterBottom img { vertical-align: top; } div.repeaterPart { background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#contentPart { min-height: 530px; } div#leftPart { position: relative; padding: 30px; margin-bottom: 15px; background-color: rgba(4, 22, 44, 0.5); -webkit-border-radius: 4px; -webkit-border-top-left-radius: 0; -moz-border-radius: 4px; -moz-border-radius-topleft: 0; border-radius: 4px; border-top-left-radius: 0; } div#rightPart img { margin-bottom: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div#leftPart div#inner-shadow-left, div#inner-shadow-right { position: absolute; top: 0; z-index: 10; } div#leftPart div#inner-shadow-left { left: 100px; } div#leftPart div#inner-shadow-right { right: -15px; } div.pageCapsule { voice-family: "\"}\""; voice-family: inherit; display: block; padding: 20px 30px 30px 30px; } div.pageCapsule img.top-left, img.top-right { position: absolute; top: 0; } div.pageCapsule img.top-left { left: 1px; } div.pageCapsule img.top-right { right: 6px; } div.pageInnerCapsule { color: #5d686f; font-size: 12px; } div.pageInnerCapsule input[type="text"], div.pageInnerCapsule input[type="password"] { border: 1px solid #c3d0d8 !important; } div.pageInnerCapsule h2 { padding: 15px 0 15px 0; color: #0c5da8; font-weight: bold; font-size: 16px; margin: 0; } div.pageInnerCapsule h2.notransactionsteps { padding: 10px 0 5px 0; } div.pageInnerCapsule.login { margin-top: 0; } div.pageInnerCapsule.login p { font-size: 13px; color: #48555d; float: none; width: 100%; } .validation-summary-errors .innerAreaErrorLogin > p { padding-top:15px; font-size: 15px !important; color: #DD0000 !important; float: none; width: 100%; } div.pageContent { position: relative; padding: 30px; min-height: 422px; height: auto; background: #edf2f6; } div.popupCapsule { min-height: 200px; width: 627px; background: url("../images/popup-bg-mid.png") left 0 repeat; color: #5d686f; font-size: 14px; padding: 20px; /*overflow: hidden;*/ } div.popupCapsule h1.pageTitle { padding: 0px 0 20px 10px; height: 0; } div.popupCapsule h2 { padding: 20px 0 5px 0; max-width: 541px; color: #0c5da8; font-weight: bold; font-size: 12px; } div.popupInnerCapsule { margin: 15px auto; width: 577px; background: #F2F2F2; } div.popupContent { margin: 15px 0 15px 0 !important; } div.popupContent2 { margin: 0 15px; } div.popupContent2 #allMenuRootNodes .allMenuList li { line-height: 35px; } div.popupContent2 #allMenuRootNodes .allMenuList li a { color: #1d4f90 !important; font-weight: 500; font-size: 13px; } div.popupContent2 #allMenuRootNodes .allMenuList li a:before { content: none !important; } div.popupContent2 .allMenuListSubContainer div.allMenuListSub dl dt a { display: block; padding: 8px 0 8px 12px !important; background: #fff !important; color: #0c5da8; text-decoration: none; font-size: 14px !important; width: auto !important; height: auto !important; } div.popupContent2 .allMenuListSubContainer div.allMenuListSub dl dd ul li { display: block; background-color: white; margin: 0 !important; border: none !important; } div.banner { margin: 0 auto; } div.componentError { padding: 3px 0 0 !important; } div.componentError img { float: left; } div.componentError span { padding-left: 5px; } div.landingArea { margin-top: 20px; } div.landingArea div.innerAreaNoBorder { padding-top: 16px; padding-bottom: 16px; } div.noHeader { padding-top: 10px; padding-bottom: 10px; } div.innerAreaCard { background: #fff; color: #5d686f; font-size: 12px; } div.innerArea { padding: 15px; background: #fff; color: #48555d; font-size: 13px; } div.innerArea div.imageArea { /*position: absolute; top: 8px; left: 26px;*/ } div.innerArea div.imageArea.short { /*top: 9px; left: 34px;*/ } .emailValidationContainer { height: 100%; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .emailValidationIcon { width: 20px; height: 20px; margin: 10px; text-align: center; } .updateInformationDiv { margin: 15px 0px 15px 0px; font-weight: 500; } .updateInformationDiv .dropdown_container { margin: 0px; } div.innerArea table.updateInformationTable { margin: 0px 0px 0px 15px; } div.innerArea div.keyboardContainerArea { margin: 10px 0 10px -116px; padding: 0; height: 135px; position: absolute; } div.innerArea div.keyboardContainerArea div { padding: 0; } div.innerArea div.keyboardContainerArea div.keyboardContainerInner { position: absolute; } div.innerArea2 { voice-family: "\"}\""; voice-family: inherit; position: relative; padding: 20px; background: #fff; color: #5d686f; font-size: 12px; } div.innerAreaError { voice-family: "\"}\""; voice-family: inherit; padding: 0 20px 0 20px; width: 501px; background: url("../images/inner-area-mid-red.png") 0 0 repeat-y; } div.innerAreaErrorShort { voice-family: "\"}\""; voice-family: inherit; padding: 0 20px 0 20px; width: 430px; background: url("../images/inner-area-mid-red-short.png") 0 0 repeat-y; } div.innerAreaErrorLong { voice-family: "\"}\""; voice-family: inherit; padding: 0 20px 0 20px; width: 604px; background: url("../images/inner-area-mid-red-long.png") 0 0 repeat-y; } div.innerAreaErrorLogin { voice-family: "\"}\""; voice-family: inherit; margin-bottom: 15px; } div.innerAreaErrorLogin ul { margin: 0px; } div.innerAreaNoBorder { position: relative; display: block !important; padding: 20px; background: #fff; color: #5d686f; font-size: 14px; letter-spacing: 0.3px; /*margin-bottom:20px;*/ } div.innerAreaNoBorder div.label_check_container, div.innerAreaNoBorder div.label_radio_container { color: #5d686f; } div.innerAreaNoBorder div.imageArea { top: 13px; left: 22px; } div.innerAreaNoBorder div.imageArea.short { top: 20px; left: 30px; } div.innerAreaNoBorder table.updateInformationTable { margin: 0 0 0 80px; } div.innerAreaWithHover { margin: 10px 0; cursor: pointer; } /*div.innerAreaWithHover div.innerAreaNoBorderWithHoverTop { height: 5px; background: transparent url("../images/inner-area-noborder-hover-top.png") 0 0 no-repeat; } div.innerAreaWithHover div.innerAreaNoBorderWithHoverSub { height: 5px; background: transparent url("../images/inner-area-noborder-hover-sub.png") 0 0 no-repeat; }*/ /*div.innerAreaWithHover:hover div.innerAreaNoBorder { position: relative; padding: 5px 20px; width: 500px; background: url("../images/inner-area-noborder-hover-mid.png") -541px 0 repeat-y; } div.innerAreaWithHover:hover div.innerAreaNoBorderWithHoverTop { height: 5px; background: transparent url("../images/inner-area-noborder-hover-top.png") 0 -5px no-repeat; } div.innerAreaWithHover:hover div.innerAreaNoBorderWithHoverSub { height: 5px; background: transparent url("../images/inner-area-noborder-hover-sub.png") 0 -5px no-repeat; }*/ div.innerAreaLong { voice-family: "\"}\""; voice-family: inherit; position: relative; font-size: 12px; } div.innerAreaLong .inform { padding: 10px 10px 4px 35px; background: url(../images/notice.png) 0 30px no-repeat; } div.innerAreaShort { color: #fff; font-size: 12px; } div.FutureDated div.innerAreaNoBorder { position: inherit; } li.infoBullets { padding: 3px 0; max-width: 541px; } div.zIndex1000 { } div.zIndex2000 { } div.zIndex3000 { } div.zIndex4000 { } div.zIndex5000 { } div.zIndex6000 { } div.outerButtonArea { margin: 20px 0px; display: inline-block; float: right; } div.outerButtonArea input { float: right; } div.outerButtonAreaPopup { margin: 20px auto; } div.outerButtonAreaPopup a { float: right; margin-left: 5px; } div.innerButtonArea { float: right; margin: 20px; width: 481px; } div.innerButtonArea input { float: right; } /* Message page */ div.exceptionArea { display: block; overflow: auto; margin: 15px auto 0 auto; width: 542px; } div.exceptionArea p { max-width: 540px; -ms-word-wrap: break-word; word-wrap: break-word; font-size: 12px; } /* Navigation alanlarýndaki tablo bileþenleri */ table.navigationNoteArea { margin: 20px 0 10px -1px; width: 541px; height: auto; } table.navigationNoteArea td.navigationNoteAreaButton { padding: 9px 0 0; width: 62px; height: auto; } table.navigationNoteArea td.navigationNoteAreaNote { width: 420px; height: auto; text-align: center; } table.popupButtonArea { margin: 20px auto 20px auto; width: 537px; } table.popupButtonArea td.left { text-align: left; } table.popupButtonArea td.right { text-align: right; } div.infoMessagePage { padding: 0px 0px 0px 20px; } div.infoMessagePage div.error { color: #DD0000; font-size: 12px; } /* Not alanlarý */ div.noteCapsulePage { margin: 0 auto; background: #fff; text-align: left; } div.noteCapsulePage p { padding: 30px 20px; color: #0c5da8; font-size: 13px; line-height: 20px; } div.noteCapsulePage span.important { color: #0c5da8; font-size: 13px; } div.noteCapsuleContainer { margin: 0 0 10px 0; } .noteCapsuleArea { margin-top: 20px; } .noteCapsuleArea div { padding: 0px; } .noteCapsuleArea div input { margin-left: 5px; } div.noteCapsule { voice-family: "\"}\""; voice-family: inherit; position: relative; display: inline-block; min-height: 51px; width: 537px; background: url("../images/note-capsule-mid.png") 0 0 repeat; } div.noteCapsule p { padding: 3px 18px; color: #0c5da8; font-size: 13px; line-height: 20px; } div.noteCapsule span.important { color: #0c5da8; font-weight: bold; font-style: italic; font-size: 14px; } div.noteCapsulePopupContainer { margin: 10px 0 0; } div.noteCapsulePopupContainer > div > img { vertical-align: bottom; } div.noteCapsulePopupContainer > div.noteCapsulePopup + div img { vertical-align: top; } div.pageCapsule div.noteCapsulePopupContainer { text-align: left; } div.noteCapsulePopup { background: #fff; padding: 15px; } div.noteCapsulePopup > div { padding: 0px; } div.noteCapsulePopup .noteCapsulePopuptext { float: left; width: 88%; } div.noteCapsulePopup .noteCapsulePopuptext p { margin: 20px 0px 0px 10px; } div.noteCapsulePopup p { color: #5d686f; font-size: 13px; line-height: 20px; } div.noteCapsulePopup span.important { color: #5d686f; font-weight: bold; font-size: 14px; } div.noteCapsulePopup span.error { color: #DD0000; font-weight: bold; font-style: italic; font-size: 14px; } div.noteCapsulePopup span.success { color: #de188c; font-weight: bold; font-style: italic; font-size: 14px; } div.noteCapsulePopup .successTd { width: 64px; height: 64px; background: transparent url("../images/icon-ok-big.png") right 0px no-repeat; float: left; } div.noteCapsulePopup .waitingTd { } .NavigationButtonNext { float: right; } div.cancelPage { position: absolute; top: -10px; right: -10px; z-index: 1; cursor: pointer; } /* Butons */ input[type="submit"], input[type="button"], div.btnClass, a.PeoplenextButton { voice-family: "\"}\""; voice-family: inherit; width: 84px; height: 40px; text-align: center; display: inline-block; color: #fff; font-size: 13px !important; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #236cbb; background: -moz-linear-gradient(90deg, #236cbb 0%, #154280 100%); background: -webkit-linear-gradient(90deg, #236cbb 0%, #154280 100%); background: linear-gradient(90deg, #236cbb 0%, #154280 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#236cbb", endColorstr="#154280", GradientType=1); border: none; } input[type="submit"]:hover, input[type="button"]:hover, div.btnClass, a.PeoplenextButton:hover { color: #fff; display: inline-block; opacity: .90; background: #236cbb !important; background: -moz-linear-gradient(90deg, #236cbb 0%, #154280 100%) !important; background: -webkit-linear-gradient(90deg, #236cbb 0%, #154280 100%) !important; background: linear-gradient(90deg, #236cbb 0%, #154280 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#236cbb", endColorstr="#154280", GradientType=1) !important; border: none !important; } a.PeoplenextButton { padding: 12px 0px; margin-top: 27px; } div.btnClass{ width: 160px; height: 33px; text-align: center; margin: auto; padding: 5px; } /*Logout Buttons*/ input#internetBranch { voice-family: "\"}\""; voice-family: inherit; width: 62px; height: 31px; color: #fff; font-size: 12px !important; cursor: pointer; } input#internetBranch:hover, input[type="button"]:hover { color: #fff; background-color: #0c5da8; } input.BoxButtonOK { voice-family: "\"}\""; voice-family: inherit; color: #fff; font-size: 12px !important; cursor: pointer; background-color: #1f478c; } input.BoxButtonPopupOK { voice-family: "\"}\""; voice-family: inherit; color: #fff; font-size: 12px !important; cursor: pointer; background-color: #1f478c; } input.BoxButtonClose { voice-family: "\"}\""; voice-family: inherit; position: absolute; top: -10px; right: -10px; z-index: 9999; width: 24px; height: 25px; background: url("../images/icon-close.png") 0 0 no-repeat; cursor: pointer; } input.ButtonInvert[type="submit"], input.ButtonInvert[type="button"] { padding: 3px 10px 3px 10px; width: auto; border: 1px solid #919191; background: none; background-color: #fff; color: #5d686f; font-weight: bold; } input.ButtonInvert[type="submit"]:hover, input.ButtonInvert[type="button"]:hover { padding: 3px 10px 3px 10px; width: auto; border: 1px solid #0c5da8; background: none; background-color: #0c5da8; color: #5d686f; font-weight: bold; } .campaignActionsContainer input.ButtonInvert[type="submit"]:hover, .campaignActionsContainer input.ButtonInvert[type="button"]:hover { color: white; } * + html input.BoxButtonClose { top: 0; } input.BoxButtonClose:hover { background: url("../images/icon-close.png") 0 0 no-repeat; } input.ButtonShort[type="submit"], input.ButtonShort[type="button"] { height: 40px; color: #fff; font-size: 12px; cursor: pointer; } input.ButtonShort[type="submit"]:hover, input.ButtonShort[type="button"]:hover { color: #fff; } .phoneNumberArea input.ButtonShort[type="submit"]:hover, .phoneNumberArea input.ButtonShort[type="button"]:hover { color: #fff; } .phoneMessage input.ButtonShort[type="submit"]:hover, .phoneMessage input.ButtonShort[type="button"]:hover { color: #fff; } input.ButtonShort.disabled, input.ButtonShort:disabled { color: #333; background: #dee7ec !important; } input.ButtonShort.disabled:hover, input.ButtonShort:disabled:hover { color: #000 !important; } input.ButtonWide { voice-family: "\"}\""; voice-family: inherit; width: 92px; color: #fff; font-size: 12px !important; cursor: pointer; } input.ButtonWide:hover { color: #fff; } .criteria input.ButtonWide:hover { color: #fff; } input.ButtonWideShort { voice-family: "\"}\""; voice-family: inherit; width: 92px; height: 30px; color: #fff; font-size: 12px !important; cursor: pointer; } input.ButtonWideShort:hover { color: #fff; } input.ButtonWide2 { voice-family: "\"}\""; voice-family: inherit; width: 140px; color: #fff; font-size: 12px !important; cursor: pointer; } input.ButtonWide2:hover { color: #fff; } input.ButtonWide3 { voice-family: "\"}\""; voice-family: inherit; width: 141px; height: 31px; color: #fff; font-size: 12px !important; cursor: pointer; } input.ButtonWide3:hover { color: #fff; } /* Div Button */ div.transparentButton { padding: 5px 14px !important; width: 100px; border: 1px solid #919191; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; color: #919191; text-align: center; font-weight: bold; font-size: 12px; cursor: pointer; } div.transparentButton:hover { border: 1px solid transparent; background-color: #de188c; color: #fff; } div.transparentButton a { color: #919191; } div.transparentButton:hover a { color: #fff; } /* A Button */ a.ButtonShort { voice-family: "\"}\""; voice-family: inherit; display: block; padding: 5px 0; width: 60px !important; height: 13px !important; background-color: #1f478c; color: #fff; text-align: center; text-decoration: none; font-size: 12px !important; cursor: pointer; /*total:23px*/ } a.ButtonShort:hover { background-color: #0c5da8; color: #5d686f; } a.ButtonShort.disabled, a.ButtonShort:disabled { background-color: #9c9c9c; color: #666; cursor: default; } a.ButtonShort.disabled:hover, a.ButtonShort:disabled:hover { background-color: #9c9c9c; color: #666; } a.ButtonDefault { voice-family: "\"}\""; voice-family: inherit; display: block; padding: 8px 0; width: 62px !important; background-color: #1f478c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff !important; text-align: center; text-decoration: none; font-size: 12px !important; /*total:31px*/ } a.ButtonDefault:hover { background-color: #0c5da8; color: #093175 !important; } a.ButtonWideShort { voice-family: "\"}\""; voice-family: inherit; padding: 5px 9px; background-color: #1f478c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; text-align: center; text-decoration: none; font-size: 12px !important; /*total:23px*/ /*total:92px*/ } a.ButtonWideShort:hover { background-color: #0c5da8; color: #fff; } a.ButtonWideShort2 { voice-family: "\"}\""; voice-family: inherit; padding: 5px 9px; background-color: #1f478c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; text-align: center; text-decoration: none; font-size: 12px !important; /*total:117px*/ /*total:23px*/ } a.ButtonWideShort2:hover { background-color: #0c5da8; color: #fff; } /* Arrow Button */ input.ButtonLeft { display: block; width: 26px !important; height: 31px !important; background: url("../images/mix-arrows.png") 0 -70px no-repeat; } input.ButtonLeft:hover { background: url("../images/mix-arrows.png") 0 -210px no-repeat; } input.ButtonRight { display: block; width: 26px !important; height: 31px !important; background: url("../images/mix-arrows.png") 0 0 no-repeat; } input.ButtonRight:hover { background: url("../images/mix-arrows.png") 0 -140px no-repeat; } input.ButtonLast { display: block; width: 26px !important; height: 31px !important; background: url("../images/mix-arrows.png") 0 -35px no-repeat; } input.ButtonLast:hover { background: url("../images/mix-arrows.png") 0 -175px no-repeat; } input.ButtonFirst { display: block; width: 26px !important; height: 31px !important; background: url("../images/mix-arrows.png") 0 -105px no-repeat; } input.ButtonFirst:hover { background: url("../images/mix-arrows.png") 0 -245px no-repeat; } input.ButtonUp { display: block; width: 26px !important; height: 31px !important; background: url("../images/mix-arrows.png") 0 -280px no-repeat; } input.ButtonUp:hover { background: url("../images/mix-arrows.png") 0 -350px no-repeat; } input.ButtonDown { display: block; width: 26px !important; height: 31px !important; background: url("../images/mix-arrows.png") 0 -315px no-repeat; } input.ButtonDown:hover { background: url("../images/mix-arrows.png") 0 -385px no-repeat; } /* A */ a.important { display: block; float: left; margin: 5px; min-width: 20px; width: auto; height: 15px; color: #0c5da8 !important; text-decoration: none; font-size: 12px; } a.unImportant { display: block; float: left; margin: 5px; min-width: 20px; width: auto; height: 15px; color: #919191 !important; text-decoration: none; font-size: 12px; } a.unImportant.active { color: #0c5da8 !important; font-weight: bold; cursor: default; } a.order { display: block; float: left; margin: 5px; min-width: 20px; width: auto; height: 15px; background: url("../images/arrow-right-down.png") 0 9px no-repeat; color: #0c5da8 !important; text-decoration: none; font-size: 12px; cursor: pointer; } a.searchUnImportant { display: block; float: left; margin: 5px; min-width: 20px; width: auto; height: 15px; background: url("../images/icon-search3.png") 0 0 no-repeat; color: #919191 !important; text-decoration: none; text-indent: 20px; font-size: 12px; } a.searchImportant { display: block; float: left; margin: 5px; min-width: 20px; width: auto; height: 15px; background: url("../images/icon-search2.png") 0 0 no-repeat; color: #0c5da8 !important; text-decoration: none; text-indent: 20px; font-size: 12px; } a.limit { display: block; float: left; margin: 5px; min-width: 20px; width: auto; height: 20px; background: url("../images/icon-limit.png") 0 0 no-repeat; color: #e51a92 !important; text-decoration: none; text-indent: 20px; font-size: 12px; } a.helplink { display: block; margin: 5px; min-width: 20px; width: auto; height: 15px; color: #0c5da8 !important; text-decoration: none; font-weight: 500; font-size: 14px; } a.reloaditem { display: block; float: left; margin: 5px; min-width: 20px; width: auto; height: 15px; background: url("../images/mix-pp-icons.png") 0 -52px no-repeat; color: #0c5da8 !important; text-decoration: none; text-indent: 20px; font-size: 12px; } a.historyitem { display: block; float: left; margin: 5px; min-width: 25px; width: auto; height: 15px; background: url("../images/mix-pp-icons.png") 0 -210px no-repeat; color: #0c5da8 !important; text-decoration: none; text-indent: 20px; font-size: 12px; } a.refreshitem { display: block; float: left; margin: 5px; padding-top: 3px; min-width: 25px; width: auto; height: 17px; background: url("../images/mix-pp-icons.png") 0 -90px no-repeat; color: #de188c !important; text-decoration: none; text-indent: 25px; font-size: 12px; } a.additem { display: block; float: left; margin: 5px; min-width: 20px; width: auto; height: 20px; background: url("../images/mix-pp-icons.png") 0 0 no-repeat; color: #0c5da8 !important; text-decoration: none; text-indent: 25px; font-size: 12px; } a.deleteitem { display: block; float: left; margin: 5px; min-width: 20px; width: auto; height: 15px; background: url("../images/mix-pp-icons.png") 0 -128px no-repeat; color: #0c5da8 !important; text-decoration: none; text-indent: 20px; font-size: 12px; } a.updateitem { display: block; float: left; margin: 5px; min-width: 20px; width: auto; height: 15px; background: url("../images/mix-pp-icons.png") 0 -91px no-repeat; color: #0c5da8 !important; text-decoration: none; text-indent: 20px; font-size: 12px; } a.chooseicon { display: block; float: left; margin: 5px; min-width: 20px; width: auto; height: 16px; background: url("../images/icon-choose-icon.png") 0 0 no-repeat; /*color: #229F65 !important;*/ color: #de188c !important; text-decoration: none; text-indent: 20px; font-size: 12px; } a.collapsedetails { display: block; float: left; margin: 5px; min-width: 20px; width: 125px; height: 15px; background: url("../images/icon-collapse-details.png") right 0 no-repeat; color: #0c5da8 !important; text-decoration: none; font-size: 12px; } a.loadicon { display: block; float: left; margin: 5px; min-width: 20px; width: auto; height: 16px; background: url("../images/icon-load-icon.png") 0 0 no-repeat; color: #de188c !important; text-decoration: none; text-indent: 20px; font-size: 12px; } a.loadiconinactive { display: block; float: left; margin: 5px; min-width: 20px; width: auto; height: 16px; background: url("../images/icon-load-icon.png") 0 0 no-repeat; color: #A9A9A9 !important; text-decoration: none; text-indent: 20px; font-size: 12px; } a.returndefault { display: block; float: left; margin: 5px; margin-top: 0; min-width: 20px; width: auto; height: 19px; background: url("../images/icon-return-default.png") 0 0 no-repeat; color: #de188c !important; text-decoration: none; text-indent: 20px; font-size: 12px; } a.showdetails { display: block; float: left; min-width: 140px; width: 135px; height: 15px; background: url("../images/icon-show-details.png") right 0 no-repeat; color: #0c5da8 !important; text-decoration: none; font-size: 14px; } a.operation { display: block; float: left; padding: 14px 0 0; min-width: 20px; width: 35px; background: url("../images/icon-operation.png") no-repeat scroll 10px 0 transparent; color: #0c5da8 !important; text-align: center; text-decoration: none; font-size: 12px; line-height: 12px; } a.filter { display: block; float: right !important; margin: 5px; min-width: 20px; width: auto; height: 15px; background: url("../images/icon-filter.png") right 0 no-repeat; color: #0c5da8 !important; text-decoration: none; text-indent: 23px; font-size: 12px; } a.notebook { display: block; float: left; margin: 5px; min-width: 20px; width: auto; height: 15px; background: url("../images/icon-book.png") 0 0 no-repeat; color: #0c5da8 !important; text-decoration: none; text-indent: 25px; font-size: 12px; } a.question { display: block; float: left; min-width: 25px; width: auto; height: 25px; background: url("../images/icon-question.png") 0 0 no-repeat; text-decoration: none; font-size: 12px; line-height: 25px; text-decoration: underline !important; } a.help { display: block; color: #5d686f !important; text-decoration: none; font-weight: 600; font-size: 14px; } a.cancelPage { display: block; padding: 3px 8px; background: #1d4f90; color: #fff !important; text-align: right; text-decoration: none; font-weight: 400; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; } a.orderOn { background: url("../images/arrow-right-down.png") 0 -17px no-repeat; } a.pageLink { color: #0c5da8 !important; text-decoration: none; } a.outerLink { color: #fff !important; text-decoration: none; font-weight: bold; font-size: 11px; } a.unImportant.active:hover { color: #0c5da8 !important; } a.updateitem:hover { background: url("../images/mix-pp-icons.png") 0 -109px no-repeat; } a.deleteitem:hover { background: url("../images/mix-pp-icons.png") 0 -147px no-repeat; } a.additem:hover { background: url("../images/mix-pp-icons.png") 0 -28px no-repeat; } a.reloaditem:hover { background: url("../images/mix-pp-icons.png") 0 -70px no-repeat; } /*a.important:hover, a.unImportant:hover, a.order:hover, a.searchImportant:hover, a.helplink:hover, a.collapsedetails:hover, a.showdetails:hover, a.notebook:hover, a.searchUnImportant:hover, a.question:hover, a.help:hover, a.cancelPage:hover, a.pageLink:hover, a.outerLink:hover { color: #fff !important; }*/ a.operation:hover { background: url("../images/icon-operation-hover.png") 10px 0 no-repeat; color: #093175 !important; } a.filter:hover { background: url("../images/icon-filter.png") right -16px no-repeat; color: #093175 !important; } a.additem:hover, a.deleteitem:hover, a.updateitem:hover, a.chooseicon:hover, a.loadicon:hover, a.returndefault:hover { color: #de188c !important; } a.underline { text-decoration: underline; } /* Kutu link butonlarý */ div.BoxLinkContainer { float: left; } div.BoxLinkContainer a { padding: 1px 10px; color: #0c5da8; text-decoration: none; font-size: 13px; } div.BoxLinkContainer .LinkContainer { display: inline-block; margin-top: 30px; margin-bottom: 0px; margin-right: 2px; border: 1px solid #1f478c; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-weight: bold; line-height: 24px; } div.BoxLinkContainer .LinkContainer:hover { border: 1px solid transparent; background-color: #0c5da8; } div.BoxLinkContainer .LinkContainer:hover a { color: #FFFFFF; } /* Sayfalar dýþý footer, help gibi kýsýmlar */ div#ktLogo { float: left; margin: 22px 0 0 0; } div#ktLogo img { width: 200px; height:48px; } div#ktHelper, div#Settings, div#ContactUs, div#Corporate { float: left; margin-right: 0px; } div#eDevlet { float: left; margin-right: 23px; margin-top: 40px; } div#ktHelper a#ktNotification { float: right; width: 30px; height: 24px; background: url("../images/icon-notification.png") -66px 0 no-repeat; margin: 9px 10px 0 0; } div#ktHelper a#ktNotification:hover { background: url("../images/icon-notification.png") -99px 0 no-repeat; } div#ktHelper a#ktNotification2 { float: right; width: 30px; height: 24px; background: url("../images/icon-notification.png") -67px 0 no-repeat; margin: 9px 10px 0 0; } div#ktHelper a#ktNotification2:hover { background: url("../images/icon-notification.png") -100px 0 no-repeat; } div#ktHelper a#ktHelp { float: right; margin: 2px 0 0 0; background: url("../images/help-bg.png") 0 0 no-repeat; width: 71px; height: 42px; padding: 14px 0 0 34px; text-align: center; color: #fff !important; } div#ktWeather, div#ktSafeExit { float: left; } div#ktWeather { margin: 13px 0 0 0; width: 377px; height: 46px; background: none; } div#ktWeather p { color: #5d686f; font-size: 11px; line-height: 10px; } div#ktWeather div#ktWeatherStatus { float: left; margin: -3px 0 0 145px; width: 78px; } div#ktWeather p#ktWeatherDegree { padding: 13px 0 0; font-weight: bold; } div#ktSafeExit a { voice-family: "\"}\""; voice-family: inherit; display: block; margin: 36px 0px 0 0px; width: 26px; height: 26px; background: url("../images/safe-exit-bg.png") 0 0 no-repeat; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; text-align: center; } div#Settings a { voice-family: "\"}\""; voice-family: inherit; display: block; margin: 36px 0px 0 0px; width: 26px; height: 26px; background: url("../images/settings.png") 0 0 no-repeat; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; text-align: center; } div#ContactUs a { voice-family: "\"}\""; voice-family: inherit; display: block; margin: 40px 0px 0 0px; width: 30px; height: 21px; background: url("../images/bizeyazin.png") 0 0 no-repeat; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; text-align: center; } div#eDevlet a { voice-family: "\"}\""; voice-family: inherit; display: inline; margin: 40px 0px 0 0px; width: 30px; height: 21px; color: #fff; text-decoration: none; font-weight: bold; color: black; font-size: 11px; text-align: center; } div#Corporate a { voice-family: "\"}\""; voice-family: inherit; display: block; margin: 10px 0px 0 0px; width: 27px; height: 26px; background: url("../images/corporate-icon.png") 0 0 no-repeat; color: #fff; text-decoration: none; font-weight: bold; font-size: 11px; text-align: center; } div#WriteToUs a { voice-family: "\"}\""; voice-family: inherit; display: block; margin: 10px 0px 0px 0px; width: 35px; height: 26px; background: url("../images/bizeyazin.png") 0 0 no-repeat; position: relative; text-decoration: none; font-weight: bold; font-size: 13px; text-align: center; line-height: 40px !important; top: 5px; right: 5px; } div#footerCapsule { } div#footerCapsule div#ktFooter ul { float: right; margin: 7px 0 0 0; } div#footerCapsule div#ktFooter ul li { float: left; margin: 0 0 0 15px; } div#footerCapsule div#ktFooter ul li a { color: #5d686f; text-decoration: none; font-size: 12px; } div#footerCapsule div#ktFooter ul li#passwordSecurity { width: 90px; } div#footerCapsule div#ktFooter ul li#passwordSecurity div#passwordArea { float: left; margin: 8px 10px 0 0; width: 49px; height: 7px; background: url("../images/secure-bg.png") 0 0 no-repeat; } div#footerCapsule div#ktFooter ul li#passwordSecurity span { float: right; padding: 6px 0 0 0; color: #3C3C3C; font-weight: bold; font-size: 11px; } div#footerCapsule div#ktFooter ul li#passwordSecurity div#percentArea { width: 65%; height: 7px; background: url("../images/secure-load.png") 0 0 no-repeat; } div#identity { float: left; } div#identity img { float: left; margin: 20px 10px 0px 0px; width: 60px; height: 60px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; } div#identity h1 { color: #5d686f; font-size: 13px; font-weight: normal; } div#identity h1 span { display: block; margin-top: 6px; } div#identity h2 { color: #48555d; font-weight: normal; font-size: 13px; line-height: normal; margin: -8px 0px 0px 0px; width: 260px; } div#identity h6 { color: #5d686f; font-size: 11px; height: 9px; margin-top: 2px; } div#identity a { color: #0c5da8; font-size: 11px; font-weight: normal; display: block; } div#identity span { font-weight: bold; } div#divUserProfile { } #divUserProfile a#UserProfileLink { width: 152px; float: right; } div#avatarMask { position: absolute; top: 0; left: 0; width: 52px; height: 52px; } div#identityLine { position: relative; left: -18px; margin: 0 0 14px; width: 249px; height: 2px; } /* Browser destek */ div.browserControlDiv { overflow: hidden; padding-top: 3px; height: 19px; border-bottom: 1px solid #0c5da8; background: #FCEFB8; text-align: center; } div.browserControlDiv span { color: #5d686f; font-size: 13px; } ul.smsMenuContents li { float: left; margin: 10px 10px 0 1px; width: 45%; } ul.smsMenuContents li.seperator { width: 10px !important; } ul.smsMenuContents li div.seperator { float: left; width: 10px; height: 260px; border-right: 1px solid #d4d4d4; } div.SmsPhoneMessage ul.formArea { margin: 0; width: 220px; } /* Sub page menü kýsmý */ div.tmSubMenu { display: inline-table; } div.tmSubMenu a { display: block; margin: 3px 1px 3px 10px; padding: 0 5px; text-decoration: none; } div.tmSubMenu a div { display: block; padding: 5px 12px 5px 0; color: #FFFFFF; font-size: 12px; } div.tmSubMenu a:hover { background: transparent url("../images/sub-menu-over.png") 0 0 no-repeat; } div.tmSubMenu a:hover div { background: transparent url("../images/sub-menu-over.png") right bottom no-repeat; color: #fff; } div.ClsDivWebResourceNode { float: left; width: 105px; } div.ClsDivSubWebResourceNode { position: absolute; z-index: 10000; } div.ClsDivSubWebResourceNode div.topicon { position: relative; top: 2px; left: 45px; width: 20px; height: 10px; background: url("../images/sub-menu-top-arrow.png") 0 0 no-repeat; text-indent: -9999px; } div.ClsDivSubWebResourceNode div.tmSubMenu { margin: 0 0 -1px -3px; min-width: 118px; background: transparent url("../images/sub-menu-repeat-mid.png") right 0 repeat-y; } div.ClsDivSubWebResourceNode div.topImage { height: 8px; background: transparent url("../images/sub-menu-repeat-top.png") right bottom no-repeat; } div.ClsDivSubWebResourceNode div.topImage span { margin: 0 0 0 -3px; background: transparent url("../images/sub-menu-repeat-top.png") 0 0 no-repeat; } div.ClsDivSubWebResourceNode div.bottomImage { height: 8px; background: transparent url("../images/sub-menu-repeat-sub.png") right bottom no-repeat; } div.ClsDivSubWebResourceNode div.bottomImage span { margin: 0 0 0 -3px; background: transparent url("../images/sub-menu-repeat-sub.png") 0 0 no-repeat; } div.menuArea [index="5"] { min-width: 169px; } div.menuArea [index="5"] div.tmSubMenu a { min-width: 151px; } /* Help */ .searchInHelp { background: #ff2; } .helparea p.topic { max-width: 540px; font-weight: bold; font-size: 14px; } .helparea div.description p { max-width: 925px; } /* RadioButton - CheckBox */ div.label_check_container, div.label_radio_container { display: table-cell; min-height: 25px; color: #6B7985; vertical-align: middle; cursor: pointer; } div.label_check_container:not([disabled="disabled"]):hover, div.label_radio_container:not([disabled="disabled"]):hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.label_radio_container div.label_radio { display: inline-block; *display: inline; margin-right: 8px; width: 17px; height: 20px; background: url("../images/icons-mix.png") -25px -70px no-repeat; vertical-align: middle; -ms-zoom: 1; zoom: 1; } div.label_check_container div.label_check { /*float:left;*/ display: inline-block; *display: inline; margin-right: 4px; width: 21px; height: 20px; background: url("../images/icons-mix.png") 0 -70px no-repeat; vertical-align: middle; -ms-zoom: 1; zoom: 1; } div.label_radio_container div.r_on { background: url("../images/icons-mix.png") -25px -92px no-repeat; } div.label_check_container div.c_on { background: url("../images/icons-mix.png") 0 -92px no-repeat; } div.label_check_container div.disabled_icon, div.label_radio_container div.disabled_icon { -khtml-opacity: 0.3; -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); /* internet explorer */ } div.label_check_container div.disabled_text, div.label_radio_container div.disabled_text { color: #d9d9d9; } div.label_check_container input, div.label_radio_container input { position: absolute; left: -9999px; } div.label_radio_container .icon, div.label_radio_container .label1, div.label_radio_container .label2, div.label_check_container .icon, div.label_check_container .label1, div.label_check_container .label2 { display: inline-block; *display: inline; margin-top: 2px; vertical-align: middle; -ms-zoom: 1; zoom: 1; color: #5d686f !important; font-weight: 500; } * + html div.label_radio_container .icon, * + html div.label_radio_container .label1, * + html div.label_radio_container .label2, * + html div.label_check_container .icon, * + html div.label_check_container .label1, * + html div.label_check_container .label2 { margin-top: 2px; } * + html div.label_radio_container div.label_radio, * + html div.label_check_container div.label_check { margin-top: 3px; } div.borderedRadioCheck { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: transparent url("../images/bg-for-all-menu-sub-mid.png") 0 0 repeat; -moz-box-shadow: inset 0 0 5px silver; -webkit-box-shadow: inset 0 0 5px silver; box-shadow: inset 0 0 5px silver; font-weight: bold; } div.label_radio_check_container_fix { display: inline-block; *display: inline; -ms-zoom: 1; zoom: 1; } table.checkboxlist { margin-top: 3px; } table.checkboxlist div.label_check_container { padding-left: 0; } table.checkboxlist div.label_check_container div.label_check { margin-top: 2px; } /* DropDownList */ div.selectbox-wrapper { position: absolute; z-index: 1; float: none !important; overflow: auto; margin: 0px 0px 0px 0px; padding: 0 !important; max-height: 200px; width: 100% !important; border: 1px solid #ccc; background: #fff; text-align: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.selectbox-wrapper ul { z-index: 1; margin: 0; padding: 0; list-style-type: none; } div.selectbox-wrapper ul li.selected { background: #a3b0b8; color: white; } div.selectbox-wrapper ul li.current { background: #cbd3d8; color: white; } div.selectbox-wrapper ul li { z-index: 1; display: block; margin: 0; padding: 5px; min-height: 15px; list-style-type: none; cursor: pointer; font-size: 12px; color: #5d686f; } div.dropdown_container { margin-bottom: 0px; position: relative; } div.dropdown_container input { float: none; } .selectbox { width: 100% !important; display: block; margin: 0 5px 0 0; padding-left: 2px; border: 1px solid #D1E4F6; background: #fff url("../images/dropdown-arrow.png") center right no-repeat !important; color: #333; text-align: left; cursor: pointer; } #DaysCount_textinput, #BranchComponent_OpenAccountIndex_textinput { margin-top: -40px !important; width: 100% !important; } .selectbox:not([disabled]):hover, .selectbox.hover:not([disabled]) { background: #fff; } .selectbox.back { background: #fff url("../images/combo-arrow-green.png") 96% 8px no-repeat; } .selectbox.back:focus { border: 1px solid #1f478c !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .selectbox.back:not([disabled]):hover, .selectbox.back.hover:not([disabled]) { background: #fff url("../images/combo-arrow-yellow.png") 96% 8px no-repeat; } .selectbox.text { margin-top: -40px; } .selectbox.text:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .selectbox.text-ie7 { position: absolute; top: 1px; left: 0; color: #333; } .selectbox.text:not([disabled]):hover, .selectbox.text.hover:not([disabled]), .selectbox.text-ie7:not([disabled]):hover, .selectbox.text-ie7.hover:not([disabled]) { } /* ImageButtonInsideInput */ div.imageInputWrapper { position: relative; } div.keyboardButton { position: absolute; top: 22px; right: 15px; width: 24px; height: 16px; background: transparent url("../images/keyboardIcon.png"); cursor: pointer; } /*div.keyboardButton:hover { background: transparent url("../images/icons-mix.png") -81px -45px no-repeat; }*/ /* DatePicker Input Trigger */ div.datepicker_icon_trigger { margin-left: 3px; width: 34px; height: 40px; background: transparent url("../images/datepicker.png") 0 0 no-repeat; cursor: pointer; } /*div.datepicker_icon_trigger:hover { margin-left: 3px; width: 26px; height: 24px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: transparent url("../images/icon-datepicker.png") -30px 0 no-repeat; cursor: pointer; } div.datepicker_icon_trigger.disable { margin-left: 3px; width: 26px; height: 24px; background: transparent url("../images/icon-datepicker.png") -60px 0 no-repeat; cursor: pointer; }*/ input[datepicker] { width: 150px !important; } #rootNode888 .scoop-submenu .row div #rootNodeSub888 { display: block !important; } #rootNode901 .scoop-submenu .row div #rootNodeSub901 { display: block !important; } #rootNode904 .scoop-submenu .row div #rootNodeSub904 { display: block !important; } #rootNode1236 .scoop-submenu .row div #rootNodeSub1236 { display: block !important; } #rootNode1219 .scoop-submenu .row div #rootNodeSub1219 { display: block !important; } #rootNode1381 .scoop-submenu .row div #rootNodeSub1381 { display: block !important; } #rootNode1468 .scoop-submenu .row div #rootNodeSub1468 { display: block !important; } #rootNode10841 .scoop-submenu .row div #rootNodeSub10841 { display: block !important; } #rootNode12041 .scoop-submenu .row div #rootNodeSub12041 { display: block !important; } #rootNode1430 .scoop-submenu .row div #rootNodeSub1430 { display: block !important; } #rootNode13500 .scoop-submenu .row div #rootNodeSub13500 { display: block !important; } #rootNode13895 .scoop-submenu .row div #rootNodeSub13895 { display: block !important; } #rootNode13952 .scoop-submenu .row div #rootNodeSub13952 { display: block !important; } #rootNode13977 .scoop-submenu .row div #rootNodeSub13977 { display: block !important; } #rootNode14521 .scoop-submenu .row div #rootNodeSub14521 { display: block !important; } #rootNode1492 { display: none; } /*#rootNode1492 .scoop-submenu .row div #rootNodeSub1492 { display:block !important;}*/ a#logOutLinkMobil::before { content: url("../images/LogOutIcon.png"); position: relative; top: 4px; } a#logOutLinkMobil { font-size: 13px; line-height: 40px !important; text-align: center; background: #808b94; display: block; color: #fff; } a#logOutLinkMobil:hover { color: #fff !important; } .scoop-submenu .row .col-lg-12, .scoop-submenu .row .col-md-12, .scoop-submenu .row .col-sm-12, .scoop-submenu .row .col-xs-12 { padding:0px;} #FavoriListItem { background-color:rgba(0, 0, 0, 0.6);} #FavoriListItem .container h2 { float:left; margin-right:30px;} #FavoriListItem .container h2 a.menuTab, #FavoriListItem .container h2 a.menuTab:hover, #FavoriListItem .container h2 a.menuTab:focus { font-size:14px; color:#8c9fad;} .scoop-submenu .row .col-lg-12, .scoop-submenu .row .col-md-12, .scoop-submenu .row .col-sm-12, .scoop-submenu .row .col-xs-12 { padding: 0px; } #FavoriListItem { background-color: rgba(0, 0, 0, 0.6); } #FavoriListItem .container h2 { float: left; margin-right: 30px; } #FavoriListItem .container h2 a.menuTab, #FavoriListItem .container h2 a.menuTab:hover, #FavoriListItem .container h2 a.menuTab:focus { font-size: 14px; color: #8c9fad; } #FavoriListItem .container ul li { float: left; margin-right: 5px; } #FavoriListItem .container ul li form { float: left; margin-right: 5px; } #FavoriListItem .container ul li a { text-transform: uppercase; background-color: rgba(255, 255, 255, 0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px 20px; font-size: 11px; color: #fff; margin-top: 14px; display: inline-block; } .FovariItemLi { background: #fff; text-align: center; padding: 15px 5px; margin: 10px 0px; } .FovariItemLi a.smartMenu { font-weight: 500; display: block; font-size: 13px; } .FovariItemLi a.smartMenu img { margin-bottom: 10px; width: 64px; height: 64px; } .FilterContainer { padding: 20px !important; background: #fff; margin-bottom: 20px; margin-top: 20px; } .FilterContainer > div { padding: 0px !important; } .FilterContainer input[readonly] { background: #fff; border: 1px solid #c3d0d8; } .FilterContainer input[datepicker] { width: 100% !important; } .SubMenuList { padding-left: 10px !important; } .AccountComponentContainer { } .AccountComponentContainer .innerArea2 { padding: 15px !important; } .AccountComponentContainer dl { margin-bottom: 0px !important; } .AccountComponentContainer .AccountComponentSelected .ArrowDown { background: #a3b0b8; padding: 30px 10px 10px 10px !important; position: absolute; height: 100%; right: 0; top: 0; } .CreditCardListComponentContainer .innerArea2 { padding: 15px !important; } .CreditCardListComponentContainer dl { margin-bottom: 0px !important; } .CreditCardListComponentContainer .CreditCardListComponentSelected .ArrowDown { background: #a3b0b8; padding: 30px 10px 10px 10px !important; position: absolute; height: 100%; right: 0; top: 0; } .multiDropDown dt div { padding: 0px !important; } .SelectedAccountDivClick { padding: 15px 18px 15px 5px !important; } .SelectedAccountDivClick table { width: 100%; } .SelectedCreditCardDivClick { padding: 15px 18px 15px 5px !important; } .SelectedCreditCardDivClick table { width: 100%; } div.dataListContainer div.buttonArea { float: left !important; } .btn, .btn-primary, .btn:hover, .btn-primary:hover, .btn:focus, .btn-primary:focus { color: #5d686f !important; padding: 10px 15px !important; border: 1px solid #a3b0b8 !important; font-size: 13px !important; float: right; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .icon-exclamation { float: left !important; } .messageSpan { display: block; float: left; line-height: 24px; padding: 6px 0px 0px 8px; } .icon-exclamation:before { font-size: 24px; color: #e51a92; } .icon-exclamation.yellow:before { font-size: 24px; color: #FFB818; } .icon-check.green { font-size: 24px; color: #7CA849; } #accountList .table-bordered > thead > tr, #selectedAccountList .table-bordered > thead > tr { border: 1px solid #718b9c; } #accountList .table-bordered > thead > tr > th, #selectedAccountList .table-bordered > thead > tr > th { border: none; background: #718b9c; color: #fff; padding: 10px 10px; } .icon-plus, .icon-close { font-size: 20px; color: #de188c; cursor: pointer; } .nextButton, .NavigationButtonNextLightBox { float: right !important; } .moneyEditorTable { padding: 0px !important; } .moneyEditorTable div { padding: 0px !important; } .moneyEditorTable .spanTd { padding: 20px 5px 0px 5px !important; text-align: center; } p.seperator { padding: 7px 0px; text-align: center; } .activeWidget h2 { color: #e51a92 !important; font-size: 18px !important; font-weight: normal !important; padding: 0px 0px 15px 0px !important; } .FxNewsContent { padding: 0px 5px !important; } .FxContent { background: #dee7ec; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; padding: 15px 10px; margin-bottom: 10px; } .FxContent h3 { font-size: 20px; margin: 0; padding: 10px 0px 10px 0px; } .FxContent p { background: #fff; padding: 4px 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 12px; } .FxContent .FXdown::before { content: url("../images/FxDown.png"); position: relative; top: -1px; right: 6px; } .FxContent .FXdown { background: none; color: #be2b0a; font-weight: 500; font-size: 15px; } .FxContent .FXup::before { content: url("../images/FxUp.png"); position: relative; top: -1px; right: 6px; } .FxContent .FXup { background: none; color: #63903f; font-weight: 500; font-size: 15px; } .FXButton { padding: 0px 2px !important; text-align: center; } .FXButton a:hover, .FXButton a:visited { color: #fff !important; } .BuyingButton { display: block; background: #1d4f90; color: #fff; padding: 4px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: bold; } .SellingButton { display: block; background: #e51a92; color: #fff; padding: 4px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: bold; } .WidgetCardContent { padding: 15px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #dee7ec; } .WidgetCardContent div { padding: 0px; } .WidgetCardContent p { font-size: 12px; font-weight: bold; margin-bottom: 4px !important; } .WidgetCardContent img { margin-bottom: 15px; } .WidgetCardButton, .WidgetCardButton:hover, .WidgetCardButton:focus, .WidgetCardButton:visited { float: left; margin: 15px 5px 5px 0px; display: inline-block; background: #1d4f90; color: #fff; padding: 4px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .LastCardActionHeader { font-size: 14px; color: #1d4f90; margin: 0px 0px 10px 0px; font-weight: bold; float: left; } .LastCardAction { background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 3px; padding: 5px 10px !important; } .LastCardAction div { padding: 0px !important; } .LastCardAction div.CardActionAmount { text-align: right; } .WidgetAccount { padding: 15px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #dee7ec; min-height: 225px; } .WidgetAccount div { padding: 0px; } .WidgetAccount .widgetlink { display: block; margin: 0px 0px 10px 0px; font-size: 12px; } .LastAccountActionHeader { font-size: 14px; color: #1d4f90; margin: 0px 0px 10px 0px; font-weight: bold; float: left; } .LastAccountAction { background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 3px; padding: 5px 10px !important; } .LastAccountAction div { padding: 0px !important; } .LastAccountAction div.AccountActionAmount { text-align: right; } .AccountName { font-size: 16px !important; font-weight: bold; margin: 0px 0px 2px 0px; color: #1d4f90; } .AccountName a { width: 16px; height: 20px; display: block; text-indent: -9999px; float: left; margin-left: 3px; } .AccountName a.history { background: url("../images/icons-mix-table.png") 0 0 no-repeat; float: right; } .AccountName a.history:hover { background: url("../images/icons-mix-table.png") 0 -20px no-repeat; } .AccountName a.details { background: url("../images/icons-mix-table.png") -33px 0 no-repeat; float: right; } .AccountName a.details:hover { background: url("../images/icons-mix-table.png") -33px -20px no-repeat; } .AccountName a.change { background: url("../images/icon-profit-chng.png") 0 0 no-repeat; background-size: cover; float: right; } .WidgetAccount .AccountBranch { font-size: 14px; margin: 0px 0px 10px 0px; } .AccountAmount { font-size: 22px !important; margin: 0px 0px 10px 0px; } .WidgetAccount .AccountIban { color: #5d686f; font-size: 12px; margin: 0px 0px 2px 0px; } .MoneyTransferHeader h2 { float: left; } .MoneyTransferHeader .nav-tabs { float: right; border: none; } .MoneyTransferHeader .nav-tabs > li > a { margin-right: 5px; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; background: #c3d0d8; font-size: 11px !important; padding: 4px 10px !important; } .MoneyTransferHeader .nav-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { } .tab-content { padding: 0px; } .tab-content .dropdown_container { width: 300px; height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #edf2f6; color: #0c2f4f; font: 500 16px/40px 'Urbanist'; cursor: pointer; text-align: left; z-index: 4; } .tab-content .dropdown_container #SelectedAccount_input, .tab-content .dropdown_container #SelectedAccount_textinput, .tab-content .dropdown_container #SelectedLoan_input, .tab-content .dropdown_container #SelectedLoan_textinput, .tab-content .dropdown_container #SelectedCard_input, .tab-content .dropdown_container #SelectedCard_textinput { border: none !important; background: none !important; padding-left: 15px; font-weight: 600; color: #0c2f4f; } .tab-content .dropdown_container div.selectbox-wrapper { position: absolute; z-index: 99; left: 0; top: 44px; width: 300px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #edf2f6; } .tab-content .dropdown_container div.selectbox-wrapper ul li { text-align: left; padding: 0 15px; color: #0c2f4f; font: 400 14px/40px 'Urbanist'; cursor: pointer; transition: background-color 300ms; border-bottom: 1px solid #d1d7dc; overflow: hidden; } .tab-content .dropdown_container div.selectbox-wrapper ul::-webkit-scrollbar-track, .tab-content .dropdown_container div.selectbox-wrapper ul::-webkit-scrollbar { width: 15px; background-color: #90a7c5; } .tab-content .dropdown_container div.selectbox-wrapper ul::-webkit-scrollbar-thumb { width: 10px; background-color: #173d6e; } .tab-content input { width: 95%; } .tab-content p { margin: 0px 0px 5px 0px; } .tab-content .selectbox { width: 100% !important; } .tab-content #Lira, .tab-content #LiraIban, .tab-content #LiraCard { width: 45%; float: left; } .tab-content #Kurus, .tab-content #KurusIban, .tab-content #KurusCard { width: 30%; float: left; } .tab-content #ReceiverAccount { width: 60%; float: left; } .tab-content #ReceiverAccountSuffix { width: 30%; float: left; } .tab-content span { font-weight: bold; } .tab-content .MoneyTransferFec { background: #dee7ec; display: inline-block; padding: 11px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 3px; } .tab-content .MoneyTransferButton { float: right; margin: 25px 0px 0px 0px; display: inline-block; background: #1d4f90; color: #fff; padding: 8px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .MoneyTransferFec { background: #dee7ec !important; display: inline-block; padding: 11px 10px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 3px; } #CalendarArea h2 { color: #e51a92 !important; font-size: 18px !important; font-weight: normal !important; } .filters1 .buttonArea { padding-top: 0px !important; } .carousel-indicators-numbers { li { text-indent: 0; margin: 0 2px; width: 30px; height: 30px; border: none; border-radius: 100%; line-height: 30px; color: #fff; background-color: #999; transition: all 0.25s ease; &.active, &:hover { margin: 0 2px; width: 30px; height: 30px; background-color: #337ab7; } } } .selectpicker { text-align: left; position: relative; } .selectpicker .dropdown-toggle { position: relative; text-align: left; border-radius: 0; } .selectpicker .dropdown-toggle.filled { padding-left: 30px; } .selectpicker .dropdown-toggle span.placeholder, .selectpicker .dropdown-toggle span.text { float: left; display: block !important; } .selectpicker .dropdown-toggle span.placeholder { color: #959595; display: block !important; } .selectpicker .dropdown-toggle span.caret { float: right; margin-top: 10px; display: block !important; } .selectpicker .reset { margin: 3px 0px; } .selectpicker .reset a { color: #333; display: block; padding: 4px 0 4px 20px; } .selectpicker .reset a, .selectpicker .reset a: hover { text-decoration: none; } .selectpicker .reset a:hover { background: #e6e6e6; } .selectpicker .clear { display: none !important; position: absolute; left: 7px; top: 8px; z-index: 12; padding: 5px; color: #959595; } .selectpicker .list-to-filter { max-height: 350px; } .selectpicker .dropdown-menu { width: 100%; padding: 5px 0 0; } .selectpicker .dropdown-menu ul { margin-top: 4px; } .selectpicker .dropdown-menu ul > li { display: block; padding: 6px 0 6px 20px; cursor: pointer; } .selectpicker .dropdown-menu ul > li:hover { background: #edf2f6; } .selectpicker .dropdown-menu ul > li.selected { color: #fff; background: #edf2f6; } .selectpicker .dropdown-menu ul > li.optgroup { cursor: default; padding: 0; border-top: 1px solid #edf2f6; } .selectpicker .dropdown-menu ul > li.optgroup:first-child { border-top: none; } .selectpicker .dropdown-menu ul > li.optgroup:hover { background: 0 0; } .selectpicker .dropdown-menu ul > li.optgroup .optgroup-header { display: block; color: #959595; font-size: 14px; margin-bottom: 4px; padding: 5px 8px 5px 20px; } .selectpicker .dropdown-menu ul > li.optgroup > ul > li { display: block; padding: 4px 0 4px 40px; cursor: pointer; } .selectpicker .dropdown-menu ul > li.optgroup > ul > li:hover { background: #e6e6e6; } .selectpicker .dropdown-menu ul > li.optgroup > ul > li.selected { color: #fff; background: #1e90ff; } .selectpicker .dropdown-menu .search-box { padding: 5px 8px; } .live-filtering { position: relative } .live-filtering .filter-clear { opacity: 1; color: #555 } .live-filtering .filter-clear:hover { text-decoration: none } .live-filtering .hint { color: #959559 } .live-filtering .matches { opacity: 0; position: absolute; right: 10px; top: 10px; color: #959595; font-size: 10px } .live-filtering .no-search-results i { margin-right: 10px; position: relative; top: -1px } .caption-style-1 { margin-bottom: 15px; } .caption-style-1 > div { padding: 0px; position: relative; overflow: hidden; display: inline-block; } .caption-style-1 > div:hover .caption { opacity: 1; } .caption-style-1 img { margin: 0px; padding: 0px; float: left; z-index: 4; } .caption-style-1 .caption { cursor: pointer; position: absolute; opacity: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .caption-style-1 .blur { background-color: rgba(4, 22, 44, 0.5); height: 86px; width: 136px; z-index: 5; position: absolute; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .caption-style-1 .caption-text { z-index: 10; color: #fff; position: absolute; height: 86px; width: 136px; text-align: center; top: 40px; } .caption-style-1 .caption-text a { font-size: 11px; color: #fff !important; padding: 3px 8px 5px 8px; border: 1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .AccountContentBox { background: #fff; padding: 20px 5px 5px 5px; margin-bottom: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .AccountContentBox p { font-weight: 500 !important; } .AccountContentBox p.IbanCopy { margin-bottom: 0px; } .AccountContentBox strong { color: #1d4f90 !important; } .BalaceContentBox { border-top: 2px solid #de188c; padding: 10px 15px; } .BalaceContentBox > div { padding: 0px; } .BalaceContentBox > div > p > strong, .BalaceContentBox > div > h4 { color: #1d4f90 !important; } .BalaceContentBox > div > h4 { margin: 0px; } #__LOADINGBOX__ { top: 400px !important; left: 50% !important; } .TimeBoxCapsule { position: absolute; left: 50%; background: #1d4f90; z-index: 12; } .TimeBoxContent { position: relative; left: -50%; } .RemainingTimeBox { padding-top: 10px; } .RemainingTimeButton { padding-top: 0px; } .RemainingTimeBox p { color: #5d686f; } .RemainingTimeButton #YesButton, .RemainingTimeButton #YesButton:hover { background: none !important; border: 1px solid #e51a92 !important; color: #e51a92 !important; } .RemainingTimeButton #NoButton, .RemainingTimeButton #NoButton:hover { background: #fff !important; color: #1d4f90 !important; } .RemainingTimeButtonBox { float: right; } .ListView { padding: 0px 15px; } .ListView table tr th { color: #fff !important; } .ListView table tr td { background: #fff; } .ListView {padding:0px 15px;} .ListView table tr th { color: #fff !important;} .ListView table tr td { background:#fff;} .FilterAccount { margin-bottom: 15px; padding: 0px; } .FilterAccount #FilterAccountName { float: left; padding: 10px 10px 0px 0px } .FilterAccount #FilterAccountNameTextbox { float: left; margin-right: 10px; } .FilterAccount #FilterAccountButton { float: left; } .DetailSearchButton { padding-right: 0px !important; } .AccountTypeContainer .AccountTypeHeader { color: #1d4f90; } .NavigationButtonExecute, .BoxButtonOK, .BoxButtonPopupOK { float: right; } .SettingsBox { background: #fff; /* height: 150px; */ border-radius: 4px; margin-bottom: 30px; padding: 30px; text-align: center; } .SettingsBox p { font-size: 18px; color: #a3b0b8; padding: 10px 0px 0px 0px; margin: 0; } .caret { display: none !important; } .allMenuListSub { display: none; } .allMenuListSub .disabled { display: block !important; color: #de188c !important; } .allMenuListSub .disabled:hover { color: #de188c !important; } .allMenuListSub .disabled:visited { color: #de188c !important; } .allMenuListSub .disabled:active { color: #de188c !important; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a.disabled { color: #de188c !important; } /*Mobil Düzenlemeler*/ @media (min-width: 768px) { .scoop-hasmenu #identity { display: none !important; } } @media (max-width: 1199px) { .tab-content .MoneyTransferFec { padding: 11px 8px; } } @media (max-width: 992px) { .container-fluid { padding: 0px !important; } div#headerCapsule { margin:0; } div#ktLogo img { width: 180px; height: 44px; } ul.allMenuList a:hover { color: #fff !important; } div.pageCapsule { padding: 15px; } div.pageContent { padding: 15px; } div#mainCapsule #contentCapsule2 { padding-left: 0px; padding-right: 0px; } /*Mobile Menu*/ #CorporateMobilLink > a#CorporateLink { } #CorporateMobilLink > a#CorporateLink::before { content: url("../images/corporate-icon2.png"); position: relative; top: 7px; right: 5px; } #UserActionButton > a#ContactUsLink { font-size: 13px; line-height: 40px !important; text-align: center; background: #1d4f90; } #UserActionButton > a#ContactUsLink::before { content: url("../images/BizeyazinMobil.png"); position: relative; top: 2px; right: 5px; } #UserActionButton > a#SettingsLink { font-size: 13px; line-height: 40px !important; text-align: center; background: #0b376f; } #UserActionButton > a#SettingsLink::before { content: url("../images/SettingsMobil.png"); position: relative; top: 4px; right: 5px; } #UserActionButton > a#eDevletLink { font-size: 13px; line-height: 40px !important; text-align: center; background: #0b376f; } #UserActionButton > a#eDevletLink::before { content: url("../images/e-devlet.png"); position: relative; top: 4px; right: 5px; } #MenuCapsule { padding: 0px !important; margin:0 !important; } #allMenuRootNodes { margin: 0px !important; padding: 0px !important; } .scoop-hasmenu #identity { padding: 10px 20px 30px 20px; width: 100%; background: #0e131c; display: block !important; } .scoop-hasmenu #identity h1 { color: #fff; } .scoop-hasmenu #identity h2 { width: 100%; color: #fff; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li { float: none !important; width: 100% !important; } .scoop .scoop-navbar .scoop-item > li.scoop-hasmenu > a { line-height: 50px !important; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item .scoop-hasmenu.scoop-trigger > .scoop-submenu { box-shadow: none !important; } span.rootNodeText { margin-left: 5px !important; } div#mainCapsule #contentCapsule2 { margin-top: 30px; } .scoopbrand-xs { margin-top: 18px; } .scoopbrand-xs .icon-menu { font-size: 24px; color: #a2afb7; } .FilterContainer input { margin-bottom: 15px; } } @media (max-width: 768px) { .buttonArea { padding-left: 0px !important; } .DetailSearchButton { padding-right: 0px !important; } .btn, .btn-primary, .btn:hover, .btn-primary:hover, .btn:focus, .btn-primary:focus { /*float: left;*/ } #WidgetContainer { padding: 0px; } div.repeaterPart { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } div.pageCapsule { padding: 15px 8px 15px 8px; } div.pageContent { padding: 10px 5px 0px 5px; } div.innerAreaNoBorder { padding: 20px 6px; } div.innerArea { padding: 20px 6px; } div.footerContent { margin: 0px -15px 0px -15px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .WidgetContentContainer .WidgetBox { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .WidgetAccount { padding: 10px 10px 35px 10px !important; } .FxNewsContent { padding: 0px 5px 15px 5px !important; } img.newResourceRoot { right: 15px; top: 18px; } } @media (max-width: 400px) { .buttonArea { padding-left: 0px !important; padding-right: 0px !important; width: 100% !important; } .buttonArea input { width: 100% !important; } .DetailSearchButton { padding-left: 0px !important; padding-right: 0px !important; width: 100% !important; } .btn, .btn-primary, .btn:hover, .btn-primary:hover, .btn:focus, .btn-primary:focus { float: left; width: 100%; } div.footerContent div { margin: 10px 0px; } } /* Yeni İnternet Şube Eklenen CSS'ler */ @charset "UTF-8"; @import url(vakifkatilim.fonts.v1.04.css); input, textarea, [type="color"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"] { outline: 0; } button, [type="button"], [type="reset"], [type="submit"] { outline: 0; border: 0; background-color: transparent; } body { background-color: #ecedf0; } .bg-blue { display: none; position: fixed; z-index: 90; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(25,78,145,.25); } .outlined-input { position: relative; display: inline-block; padding-top: 6px; font: 400 18px/1.5px 'Urbanist'; overflow: hidden; } .outlined-input > input { box-sizing: border-box; margin: 0; border: 1px solid #aeb7c3; border-top: 1px solid transparent; border-radius: 4px; padding: 15px 13px 15px; width: 100%; height: 60px !important; background-color: transparent; box-shadow: none; font-family: inherit; font-size: 15px; line-height: inherit; color: #48555d; caret-color: #194e91; transition: border 0.2s, box-shadow 0.2s; } .outlined-input > input + span { position: absolute; top: 0px; left: 0px; display: flex; border-color: #aeb7c3; width: 100%; max-height: 100%; color: #194e91; line-height: 15px; font: 700 16px 'Urbanist'; cursor: text; transition: color 0.2s, font-size 0.2s, line-height 0.2s; } .outlined-input > input + span::before, .outlined-input > input + span::after { content: ""; display: block; box-sizing: border-box; margin-top: 6px; min-width: 10px; height: 8px; border-top: 1px solid #aeb7c3; pointer-events: none; box-shadow: inset 0 1px transparent; transition: border-color 0.2s, box-shadow 0.2s; } .outlined-input > input + span::before { margin-right: 4px; border-left: solid 1px transparent; border-radius: 4px 0; } .outlined-input > input + span::after { flex-grow: 1; margin-left: 4px; border-right: solid 1px transparent; border-radius: 0 4px; } .outlined-input > input:focus { border: 1px solid #194e91; border-top: 1px solid transparent; box-shadow: inset 1px 0 #194e91, inset -1px 0 #194e91, inset 0 -1px #194e91; outline: none; } .outlined-input > input:focus + span { color: #194e91; } .outlined-input > input:focus + span::before, .outlined-input > input:focus + span::after { border-top: 1px solid #194e91; box-shadow: inset 0 1px #194e91; } .checkbox { margin: 0 !important; } .checkbox input { position: absolute; left: -99999px; } .checkbox span.f-icon-area { position: absolute; -webkit-transition: all 0.05ms; -moz-transition: all 0.05ms; -o-transition: all 0.05ms; transition: all 0.05ms; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; width: 24px; height: 24px; text-align: center; line-height: 24px; border: 1px solid #aeb7c3; cursor: pointer; } .checkbox span.text { display: inline-block; margin-left: 30px; font: 500 14px/26px 'Urbanist'; color: #48555d; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox input:checked + span.f-icon-area:before { content: "\e901"; } a { font: 600 15px 'Urbanist'; color: #194e91; text-decoration: none; } a:hover { color: #17376e; text-decoration: none; } ul { list-style: none; padding: 0; margin: 0; } .chart-area { position: relative; width: 100%; } .chart-area .canvas-area { width: 414px; height: 250px; margin: 0 auto; } .chart-area .canvas-area canvas { position: relative; z-index: 3; cursor: pointer; } .chart-area .vkChart_title { position: absolute; top: 120px; left: 0px; width: 100%; text-align: center; font: 700 16px/24px 'Urbanist'; color: #6c7e8f; } .chart-area .vkChart_currency { position: absolute; z-index: 1; top: 150px; left: 0px; width: 100%; text-align: center; font: 700 24px/24px 'Urbanist'; color: #0c2f4f; } .chart-area .vkChart_value_area { position: absolute; z-index: 1; top: 150px; left: 0px; width: 100%; text-align: center; } .chart-area .vkChart_value_title { font: 500 14px/18px 'Urbanist'; color: #0c2f4f; } .chart-area .vkChart_value_content { font: 500 20px/24px 'Urbanist'; color: #0c2f4f; } .chart-area .vkChart_labels { width: 100%; text-align: center; } .chart-area .vkChart_labels .vkChart_label_area { display: inline-block; margin: 0 25px; } .chart-area .vkChart_labels .vkChart_label_area .vkChart_label_box { width: 16px; height: 16px; margin-right: 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: left; } .chart-area .vkChart_labels .vkChart_label_area .vkChart_label_text { float: left; font: 600 14px/18px 'Urbanist'; color: #48555d; } .loginPage { background-color: #fff; width: 100%; height: 100vh; } .loginPage .login-bg-area { background-color: #fff; } .loginPage .login-bg { position: absolute; left: 0; top: 0; z-index: 2; height: 100vh; -webkit-filter: drop-shadow( 4px 2px 30px rgba(0, 0, 0, 0.1)); filter: drop-shadow( 4px 2px 30px rgba(0, 0, 0, 0.1)); } .loginPage .loginPageRow { position: relative; z-index: 99; } .loginPage .container-spaces { padding: 0 !important; margin: 60px; position: relative; z-index: 10; } .loginPage .left { position: relative; height: calc(100vh - 120px); } .loginPage .left .language-area { font: 500 14px/36px 'Urbanist'; color: #48555d; margin-top: 15px; } .loginPage .left .language-area .dropdown-active { margin-left: 5px; color: #194e91; cursor: pointer; } .loginPage .left .language-area .dropdown-active .arrow { position: relative; } .loginPage .left .language-area .dropdown-active .arrow span { margin-left: 5px; font-size: 8px; line-height: 36px; position: absolute; top: 0px; left: 0px; } .loginPage .left .welcome { margin-top: 40px; } .loginPage .left .welcome .big-title { font: 300 24px/36px 'Urbanist'; font-weight: bold; color: #154c93; } .loginPage .left .welcome .big-desc { font: 300 18px/36px 'Urbanist'; font-style: italic; color: #48555d; } .loginPage .left .login-form { margin-top: 60px; width: 400px; } .loginPage .left .login-form label { display: block; margin-top: 20px; } .loginPage .left .login-form label input { width: 100%; } .loginPage .left .login-form .login-form-bottom { margin-top: 20px; } .btn-login { -webkit-transition: opacity 250ms; -moz-transition: opacity 250ms; -o-transition: opacity 250ms; transition: opacity 250ms; margin-top: 30px; background: #236cbb; background: -moz-linear-gradient(90deg, #236cbb 0%, #154280 100%); background: -webkit-linear-gradient(90deg, #236cbb 0%, #154280 100%); background: linear-gradient(90deg, #236cbb 0%, #154280 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#236cbb", endColorstr="#154280", GradientType=1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font: 500 18px/60px 'Urbanist'; color: white; width: 170px !important; height: auto !important; } .btn-login:hover { opacity: .90; background: #236cbb !important; background: -moz-linear-gradient(90deg, #236cbb 0%, #154280 100%) !important; background: -webkit-linear-gradient(90deg, #236cbb 0%, #154280 100%) !important; background: linear-gradient(90deg, #236cbb 0%, #154280 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#236cbb", endColorstr="#154280", GradientType=1) !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font: 500 18px/60px 'Urbanist'; color: white; width: 170px !important; height: auto !important; } input.btn-login.disabled:hover, input.btn-login:disabled:hover { background: #f4f9fc !important; } .loginPage .login-image-area { position: absolute; top: 0px; right: 0px; z-index: 1; } .loginPage .login-image-area img { height: 100vh; transform: scale(1); } .loginPage .footer { position: absolute; bottom: 0px; } .loginPage .footer-links { margin-bottom: 10px; } .loginPage .footer-links li { display: inline-block; margin-right: 20px; } .loginPage .footer-downloads { margin-top: 20px; text-align: center; } .loginPage .footer-downloads img { width: 200px; margin: 0 15px; } .loginPage .login-ad-mobile { display: none; text-align: center; margin-bottom: 30px; } .loginPage .login-ad-mobile img { max-width: 100%; } .dashboard .box .title { font: 600 16px/30px 'Urbanist'; color: #0c2f4f; margin-bottom: 10px; } .dashboard .box .title:after { content: ''; display: block; width: 40px; height: 2px; background-color: #008aab; } .dashboard .box .all { position: absolute; top: 25px; right: 25px; border: 1px solid #0c2f4f; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; font: 400 13px/20px 'Urbanist'; color: #0c2f4f; padding: 0 10px; } .dashboard:after { content: " "; display: block; position: fixed; top: 0; left: 0; background-image: url("../images/dashboard-bg.jpg"); width: 100%; height: 100vh; opacity: .5; z-index: -1; } .dashboard-container { width: 1500px; margin: 0 auto; } .dashboard .dashboard-box { background-color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 9px 5px 15px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 9px 5px 15px 0px rgba(0, 0, 0, 0.05); box-shadow: 9px 5px 15px 0px rgba(0, 0, 0, 0.05); } .header { margin-top:20px; } .header .logo-area { } .header .logo-area img { width: 200px; } .header .search-area { overflow: hidden; position: relative; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; height: 48px; margin-top: 5px; background-color: white; } .f-search { color: #48555d; } .header .search-area input { width: 100%; height: 48px !important; border: 0; padding: 0 10px; font: 400 15px/48px 'Urbanist'; } .header .search-area input::-webkit-input-placeholder { color: #6b7982 !important; font: 400 15px/48px 'Urbanist'; } .header .search-area input::-moz-placeholder { color: #6b7982 !important; font: 400 15px/48px 'Urbanist'; } .header .search-area input:-moz-placeholder { color: #6b7982 !important; font: 400 15px/48px 'Urbanist'; } .header .search-area input:-ms-input-placeholder { color: #6b7982 !important; font: 400 15px/48px 'Urbanist'; } .header .search-area input::placeholder { color: #6b7982 !important; font: 400 15px/48px 'Urbanist'; } .header .search-area button { width: 48px; height: 48px; text-align: center; font-size: 18px; line-height: 48px; position: absolute; top: 0px; right: 10px; } .header .profile-area { margin-top: 6px; } .header .profile-area .notifications { position: relative; width: 48px; height: 48px; margin-left: 15px; } .header .profile-area .notifications span { font-size: 32px; line-height: 48px; } .header .profile-area .notifications .badge-number { display: none; position: absolute; top: 6px; right: 12px; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid white; background: #1e569a; background: -moz-linear-gradient(90deg, #1e569a 0%, #123872 100%); background: -webkit-linear-gradient(90deg, #1e569a 0%, #123872 100%); background: linear-gradient(90deg, #1e569a 0%, #123872 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e569a", endColorstr="#123872", GradientType=1); font: 500 12px/18px 'Urbanist'; color: white; text-align: center; } .header .profile-area .notifications .badge-number[data-active='1'] { display: block; } .header .profile-area .profile-card { position: relative; } .header .profile-area .profile-card .profile-card-content { cursor: pointer; } .header .profile-area .profile-card .profile-card-content .name { font: 500 16px/48px 'Urbanist'; color: #48555d; } .header .profile-area .profile-card .profile-card-content .menu-arrow { padding: 0 10px; font-size: 10px; line-height: 48px; color: #93a0a9; margin-top:18px; } .header .profile-area .profile-card .profile-card-content .image img { width: 48px; height: 48px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .header .profile-area .profile-card .profile-menu { background: #fff; display: none; position: absolute; top: 58px; right: 0px; z-index: 10; width: 300px; } .header .profile-area .profile-card .profile-menu:before { display: block; content: ''; position: absolute; top: -10px; right: 15px; z-index: 10; width: 0; height: 0; border-top: 0px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white; border-left: 10px solid transparent; } .header .profile-area .profile-card .profile-menu ul { border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; } .header .profile-area .profile-card .profile-menu ul hr { margin-top: 15px; margin-bottom: 10px; } .header .profile-area .profile-card .profile-menu ul .title-bar { width: 100%; margin: 10px 0px 0px 0px; padding: 0 15px; font: 600 14px/36px 'Urbanist'; color: #194e91; } .header .profile-area .profile-card .profile-menu ul li a { display: block; width: 100%; padding: 0 20px; font: 400 14px/36px 'Urbanist'; color: #48555d; } .header .profile-area .profile-card .profile-menu ul li a.logout { display: block; width: 100%; padding: 0 20px; font: 500 14px/36px 'Urbanist'; color: #48555d; } .header .profile-area .profile-card .profile-menu ul li a.logout:hover { display: block; width: 100%; padding: 0 20px; font: 500 14px/36px 'Urbanist'; color: #cc2d49; } .header .profile-area .profile-card .profile-menu ul li a:hover { color: #1d4f90; } .top-menu { width: 100%; margin: 30px 0 20px 0; } .top-menu ul li { display: inline-block; } .top-menu ul li:first-child a { padding-left: 0; } .top-menu ul li:last-child a { padding-right: 0; } .top-menu ul li a { font: 300 18px/48px 'Urbanist'; font-weight: 400; color: #194e91; padding: 0 25px; } .dashboard .sidebar { width: 320px; } .dashboard .sidebar .box { position: relative; padding: 25px; margin-bottom: 30px; } .dashboard .sidebar .box .box:last-child { margin-bottom: 0; } .dashboard .sidebar .box .table { margin-bottom: 0; } .dashboard .sidebar .box .table.center-t2 tr th:nth-child(2), .dashboard .sidebar .box .table.center-t2 tr td:nth-child(2) { text-align: center; } .dashboard .sidebar .box .table thead tr th { border: 0; padding: 5px 0 !important; font: 400 13px/14px 'Urbanist'; color: #6b7982; } .dashboard .sidebar .box .table thead tr th:not(:first-child) { text-align: center; } .dashboard .sidebar .box .table tbody tr:first-child td { border: 0; } .dashboard .sidebar .box .table tbody tr td { padding: 10px 0 !important; border-top: 1px solid #dee7ec; font: 400 14px/21px 'Urbanist'; color: #0c2f4f; } .dashboard .sidebar .box .table tbody tr td[data-status="warning"] { color: #e4a22a; } .dashboard .sidebar .box .table tbody tr td[data-status="error"] { color: red; } .dashboard .sidebar .box .table tbody tr td:not(:first-child) { text-align: center; } .dashboard .sidebar .box .table .flag-image { margin: 2px 5px 0 0; } .dashboard .sidebar .box .table .currency-image[data-title="24"] { background: url("../images/currency-box.png") no-repeat -0px -0px; width: 22px; height: 15px; } .dashboard .sidebar .box .table .currency-image[data-title="26"] { background: url("../images/currency-box.png") no-repeat -23px -0px; width: 22px; height: 15px; } .dashboard .sidebar .box .table .currency-image[data-title="1"] { background: url("../images/currency-box.png") no-repeat -92px -0px; width: 22px; height: 15px; } .dashboard .sidebar .box .table .currency-image[data-title="19"] { background: url("../images/currency-box.png") no-repeat -69px -0px; width: 22px; height: 15px; } .dashboard .sidebar .box .table .currency-image[data-title="15"] { background: url("../images/currency-box.png") no-repeat -92px -0px; width: 22px; height: 15px; } .dashboard .sidebar .slide { position: relative; } .dashboard .sidebar .slide .slide-caption { position: absolute; top: 0px; left: 0px; width: 320px; text-align: center; } .dashboard .sidebar .slide .slide-caption .slide-caption-title { padding: 30px 30px 0; font: 400 20px/30px 'Urbanist'; color: #194e91; } .dashboard .sidebar .slide .slide-caption .slide-caption-button { -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; display: inline-block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-top: 15px; padding: 0 20px; border: 1px solid #194e91; font: 400 16px/38px 'Urbanist'; color: #194e91; } .dashboard .sidebar .slide .slide-caption .slide-caption-button:hover { background-color: #194e91; color: white; } .dashboard .sidebar .slide .options { position: absolute; bottom: 0px; left: 0px; z-index: 1; width: 320px; padding: 30px 20px; } .dashboard .sidebar .slide .options div[role="button"] { -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; width: 24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-align: center; padding-top:6px; font-size: 12px; line-height: 26px; background-color: rgba(255, 255, 255, 0.25); color: white; } .dashboard .sidebar .slide .options div[role="button"][data-slide="prev"] { padding-right: 2px; } .dashboard .sidebar .slide .options div[role="button"][data-slide="next"] { padding-left: 2px; } .dashboard .sidebar .slide .options div[role="button"]:hover { transform: scale(1.2); } .dashboard .content { width: calc(100% - 700px); margin: 0 30px 40px; } .dashboard .content .contentTable { position: relative; margin-top: 20px; padding: 25px; } .dashboard .content .contentTable thead tr th { border: 0; font: 400 14px/20px 'Urbanist'; font-weight: 600; color: #0c2f4f; } .dashboard .content .contentTable tbody tr { height: 90px; line-height: 90px; } .dashboard .content .contentTable tbody tr[data-status="negative"] .amount { color: red; } .dashboard .content .contentTable tbody tr[data-status="negative"] .date .circle { background: #abb7be; background: -moz-linear-gradient(90deg, #abb7be 0%, #8697a1 100%); background: -webkit-linear-gradient(90deg, #abb7be 0%, #8697a1 100%); background: linear-gradient(90deg, #abb7be 0%, #8697a1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#abb7be", endColorstr="#8697a1", GradientType=1); } .dashboard .content .contentTable tbody tr[data-status="positive"] .amount { color: #74a441; } .dashboard .content .contentTable tbody tr[data-status="positive"] .date .circle { background: #a5ce4a; background: -moz-linear-gradient(90deg, #a5ce4a 0%, #7db831 100%); background: -webkit-linear-gradient(90deg, #a5ce4a 0%, #7db831 100%); background: linear-gradient(90deg, #a5ce4a 0%, #7db831 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a5ce4a", endColorstr="#7db831", GradientType=1); } .dashboard .content .contentTable .date { width: 90px; text-align: center; } .dashboard .content .contentTable .date .circle { width: 48px; height: 48px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 15px 0 2px 13px; text-align: center; color: white; font: 500 20px/48px 'Urbanist'; } .dashboard .content .contentTable .date .circle[data-type="today"] { color: white; padding-top: 8px; } .dashboard .content .contentTable .date .circle .TodayTop { display: inline-block; margin-top: 8px; font: 500 15px 'Urbanist'; } .dashboard .content .contentTable .date .circle .TodayBottom { display: block; font: 500 11px 'Urbanist'; } .dashboard .content .contentTable .date .circle .DateText { display: block; font: 500 15px/50px 'Urbanist'; } .dashboard .content .contentTable .date .text { font: 400 11px 'Urbanist'; color: #48555d; } .dashboard .content .contentTable .descTitle { margin-top: 20px; font: 600 18px/28px 'Urbanist'; color: #194e91; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .dashboard .content .contentTable .descContent { font: 600 14px/18px 'Urbanist'; text-overflow: ellipsis; overflow: hidden; } .dashboard .content .contentTable .amount { font: 800 14px/90px 'Urbanist'; } .dashboard .content .contentTable .balance { font: 800 14px/90px 'Urbanist'; color: #0c2f4f; } .dashboard .content .contentTable .options a:not(:last-child) { margin-right: 10px; } .dashboard .content .contentTable .options span { line-height: 90px; font-size: 24px; } .dashboard .content .contentInformations .nav-justified { text-align: center; } .dashboard .content .contentInformations .nav-justified li { height: 66px; } .dashboard .content .contentInformations .nav-justified li:last-child:after { width: 0px; height: 0px; } .dashboard .content .contentInformations .nav-justified li:after { content: ''; position: absolute; top: 20px; right: 0px; width: 1px; height: 26px; background-color: #a2afb7; opacity: 1 !important; } .dashboard .content .contentInformations .nav-justified li a { position: relative; font: 400 16px/66px 'Urbanist'; font-weight: 600; color: #0c2f4f; opacity: .5; padding: 0 !important; display: inline-block; } .dashboard .content .contentInformations .nav-justified li a:hover { background-color: transparent; opacity: .75; } .dashboard .content .contentInformations .nav-justified li.active a { background-color: transparent; opacity: 1 !important; } .dashboard .content .contentInformations .tab-pane { text-align: center; padding-bottom: 30px; } .dashboard .content .contentInformations .f-select-area { position: relative; width: 300px; height: 40px; margin: 30px auto; } .dashboard .content .contentInformations .f-select-area select { width: 100%; height: 40px; padding: 0 15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #edf2f6; border: 0; outline: 0; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; font: 500 16px/40px 'Urbanist'; color: #0c2f4f; } .dashboard .content .contentInformations .f-select-area:after { display: block; content: "\e90c"; position: absolute; top: 0px; right: 0px; z-index: 9; font-size: 7px; width: 40px; height: 40px; color: #0c2f4f; text-align: center; line-height: 40px; pointer-events: none; } .dashboard .content .contentInformations .select-box { position: relative; user-select: none; } .dashboard .content .contentInformations .select-box .selected { width: 300px; height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #edf2f6; color: #0c2f4f; font: 500 16px/40px 'Urbanist'; cursor: pointer; text-align: left; padding-left: 15px; } .dashboard .content .contentInformations .select-box .options { position: absolute; z-index: 99; left: 0; top: 44px; width: 300px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #edf2f6; overflow: hidden; } .dashboard .content .contentInformations .select-box .options[data-status='false'] { display: none; } .dashboard .content .contentInformations .select-box .options[data-status='true'] { display: block; } .dashboard .content .contentInformations .select-box .options .option { text-align: left; padding: 0 15px; color: #0c2f4f; font: 400 15px/40px 'Urbanist'; cursor: pointer; transition: background-color 300ms; border-bottom: 1px solid #d1d7dc; } .dashboard .content .contentInformations .select-box .options .option:last-child { border-bottom: 0; } .dashboard .content .contentInformations .select-box .options .option:hover { background-color: #d1d7dc; } .dashboard .content .contentInformations .charts .chart-area { display: none; } .dashboard .content .contentInformations .charts .chart-area:first-child { display: block; } .dashboard .content .contentInformations .extra-menu { margin-top: 30px; text-align: center; } .dashboard .content .contentInformations .extra-menu a { border: 1px solid #194e91; display: inline-block; margin: 0 6px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; width: 114px; } .dashboard .content .contentInformations .extra-menu a .text { font: 400 14px/34px 'Urbanist'; color: #194e91; } .dashboard .content .dashboard-nav-bottoms { text-align: center; margin-top: 20px; } .dashboard .content .dashboard-nav-bottoms .nav-bottom { display: inline-block; margin: 0 3px; width: 18px; height: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #dadfe2; cursor: pointer; } .dashboard .content .dashboard-nav-bottoms .nav-bottom.active { background-color: #194e91; } @media only screen and (max-width: 1540px) { .dashboard-container { width: 100%; } #headerCapsule { } #MenuCapsule { padding-left:10px; } .loginPage .login-bg { left: -10px; } .loginPage .left .login-form { margin-top:0px; } } @media only screen and (max-width: 1360px) { body { } .loginPage .login-bg { left: 0px; } .login-image-area { margin-right: -150px; } .dashboard .content { width: calc(100% - 290px); margin: 0 30px 40px 10px; } .dashboard .sidebar, .slide-caption { width: 250px !important; } .loginPage .container-spaces { margin: 30px; } .loginPage .footer { bottom:-50px; } } @media only screen and (max-width: 1200px) { .loginPage .row.top-area div.col-sm-6.col-xs-12:nth-child(2) { display: block; width: 100%; } .loginPage .login-bg { left: -150px; } } @media only screen and (max-width: 978px) { body { } .loginPage .login-bg { display: none; } .loginPage .top-left, .loginPage .top-right { width: 100%; } .loginPage .top-right { margin: 10px 0 25px; } .loginPage .left .language-area { width: fit-content; margin: 15px auto 0; } .loginPage .left .welcome { margin-top: 20px; text-align: center; } .loginPage .left .welcome .big-title { font: 300 28px 'Urbanist'; margin-top: 25px; } .loginPage .left .welcome .big-desc { display: none; } .loginPage .left .login-form { width: 100%; margin: 20px auto 0; } .loginPage .left .login-form .btn-login { width: 100%; padding: 0; } .loginPage .login-image-area { display: none; } .loginPage .footer { position: relative; margin-top: 20px; bottom: auto; text-align: center; } .loginPage .footer-links li { margin: 0 15px 15px; } .loginPage .footer-links li:nth-child(3) { display: block; } .loginPage { overflow-y: scroll; } .loginPage .container-spaces { margin: 20px; } .loginPage .left { height: auto; } .loginPage .left .top-area { text-align: center; } .loginPage .login-ad-mobile { display: block; margin-top: 20px; } .dashboard .dashboard-container { width: 100%; margin: 0 !important; } .dashboard .content { margin: 25px 0 !important; width: 100% !important; } .dashboard .dashboard-box { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding-top: 20px; } .dashboard .header .logo-area { width: auto; } .dashboard .box .title { padding: 20px; } .dashboard .sidebar, .dashboard .header .search-area, .dashboard .top-menu, .dashboard .profile-card, .dashboard .content .contentTable .table tbody tr td.balance:nth-child(4), .dashboard .content .contentTable .table thead tr th:nth-child(4), .dashboard .content .dashboard-box ul.nav { display: none; } .dashboard .header { padding: 0 25px; } .dashboard .header .profile-area { width: auto; } .dashboard .content { width: calc(100% - 50px); margin: 25px; } .dashboard .content .contentTable { overflow: hidden; padding: 0 !important; } .dashboard .content .contentTable .table tbody td:nth-child(2) { width: 100%; } .dashboard .content .contentTable .table tbody .options { width: 100px; float: left; } .dashboard .content .contentTable .table tbody .date .circle { margin-left: 13px; margin-right: 13px; } .dashboard .content .contentTable .table tbody .options a { float: left; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li:hover > a { color: #fff !important; } } @media only screen and (max-width: 768px) { .dashboard .content .contentTable .descContent { width: 230px; } } @media only screen and (max-width: 500px) { .chart-area .canvas-area { width: 100%; height: auto; margin-bottom: 15px; } .chart-area .vkChart_title { top: 100px; } .chart-area .vkChart_currency { top: 130px; } .dashboard .content .contentInformations .f-select-area { width: calc(100% - 20px); margin: 30px 10px; } .dashboard .content .contentInformations .select-box .selected, .dashboard .content .contentInformations .select-box .options { width: 100% !important; } .dashboard .content .contentTable .descContent { width: 100px; } } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar { padding: 15px 0px 0px 0px !important; } .input-group { width:100%; } input[type="submit"], input[type="button"], div.btnClass { font-size: 15px !important; } .dashboard-box table td.options form { float: left; } /*HESAP UZMANI*/ div.fmInnerAreaNoBorder { position: relative; display: block !important; padding: 5px 1px; width: 538px; background: white; /*url("../images/inner-area-noborder-hover-mid.png") 0 0 repeat-y;*/ color: #6b7982; font-size: 12px; } div.fmInnerAreaNoBorder .fmInnerArea { padding: 5px 15px 0px 15px; } /*Headers*/ .fmHeader { float: left; width: 50%; background: url('../images/fm-header.png') no-repeat; } .fmHeaderIncomeText { float: left; margin-left: 15px; font-weight: bold; font-size: 15px; padding: 14px 14px 10px 14px; } .fmHeaderExpenditureText { float: left; margin-left: 15px; font-weight: bold; font-size: 15px; padding: 14px 14px 10px 14px; color: #DD0000; } .fmHeaderAmountText { float: right; font-weight: bold; font-size: 13px; padding: 14px 14px 14px 0px; color: #4e4b48; } .fmHeaderTotalText { float: right; font-weight: bold; font-size: 10px; padding: 16px 14px 14px 14px; color: #9D9994; } .fmHeaderExpenditureText { margin-left: 15px; font-weight: bold; font-size: 15px; padding: 14px; color: #DD0000; } /*Content*/ .fmDivCategory { margin-top: 10px; display: block; width: 500px; height: 30px; } .greenDiv { background-color: #E8E7E4; width: 150px; text-align: center; display: table-cell; padding: 10px; float: left; height: 10px; margin-right: 8px; } .whiteDiv { background-color: #0c5da8; width: 150px; text-align: center; display: table-cell; padding: 10px; float: left; height: 10px; margin-right: 8px; } .greenDivText { font-weight: bold; font-size: small; color: #fff; } .divContent { width: 100%; margin: 30px 0px 0px 0px; height: 3px; background-color: #de188c; } .fmSeperator { float: left; width: 1px; border-right: solid 1px #EFEEEC; } .fmNoChart { color: gray; font-size: 15px; min-height: 250px; line-height: 20em; text-align: center; } .fmDiv { float: left; width: 100%; } .fmDivColumn { float: left; width: 100%; padding-left: 10px; } .fmLeftPart { float: left; width: 49%; } .fmRightPart { float: left; width: 49%; } .fmDiv3 { float: left; width: 48%; } /*Bullets*/ .divBullets { float: left; width: 100%; padding-left: 20px; padding-top: 5px; } .divBullets2 { float: left; width: 100%; padding-left: 30px; padding-top: 5px; } .divBulletIncomeText { float: left; color: #0c5da8; font-size: 12px; padding-left: 10px; padding-bottom: 5px; margin-top: -2px; width: 90%; } .divBulletChildIncomeText { color: gray; float: left; font-size: 10px; padding-left: 10px; padding-bottom: 5px; margin-top: -3px; width: 38%; } .divBulletChildIncomeText2 { color: gray; float: left; font-size: 10px; padding-left: 13px; padding-bottom: 5px; width: 100%; } .divBulletIncomeText2 { color: gray; font-weight: bold; font-size: 13px; float: left; padding-right: 3px; padding-left: 20px; width: 33%; line-height: 18px; } .divBulletIncomeText3 { color: gray; font-weight: bold; font-size: 10px; float: left; width: 40%; padding-left: 20px; padding-top: 1px; } .divBulletExpenditureText { float: left; color: #DD0000; font-size: 12px; padding-left: 10px; padding-bottom: 5px; width: 90%; } .divBulletExpenditureText2 { color: gray; font-weight: bold; font-size: 13px; float: left; width: 40%; padding-left: 20px; padding-top: 1px; } .bulletSeperator { width: 100%; border-bottom: solid 1px #EFEEEC; float: left; padding-top: 10px; } .bulletSeperator2 { width: 110%; border-bottom: solid 1px #EFEEEC; float: left; padding-top: 10px; } /*BottomStatus*/ .fmIncomeExpenditureStatusBottom { font-weight: bold; padding-top: 40px; padding-bottom: 15px; font-size: 17px; color: gray; } .fmIncomeExpenditureDivBottom { min-width: 100px; } .fmTotalTextBottom { font-size: 12px; color: gray; } .fmBottomTotalIncomeText { font-size: 16px; color: #0c5da8; font-weight: bold; } .fmBottomTotalIncomeText2 { font-size: 12px; color: #0c5da8; } .fmBottomTotalExpenditureText { font-size: 16px; color: #DD0000; font-weight: bold; } .fmBottomTotalExpenditureText2 { padding: 0px 0px 10px -10px; font-size: 12px; color: #DD0000; } .fmBottomDivIncome { height: 5px; background-color: #0c5da8; } .fmBottomDivIncome2 { width: 5px; height: 5px; background-color: #0c5da8; } .fmBottomDivExpenditure { height: 5px; background-color: #DD0000; } .fmBottomDivExpenditure2 { width: 5px; height: 5px; background-color: #DD0000; } .fmDivCategoryColumnTotal { padding-top: 11px; } .fmHeaderSavingGoal { float: left; width: 100%; background: url('../images/fm-header.png') no-repeat; } .fmLink { font-size: smaller; color: #0c5da8; font-weight: bold; } .fmLinkSeperator { float: right; margin-right: 5px; } .fmLinkDiv { float: right; margin-right: 5px; margin-top: 1px; } .fmLinkSeperatorColor { color: #CBC7C2; } .fmCategoryTotalAmount { font-size: medium; font-weight: bold; color: #0c5da8; } .fmCategoryTotalAmountFec { font-size: smaller; font-weight: bold; color: #0c5da8; } /*Buttons*/ .fmDivButton { float: left; height: 30px; } .fmSettingsIcon { background: url(../images/mini-settings.png) 3px 3px no-repeat; padding: 6px 0 0 15px; } .fmSettingsText { color: #0c5da8; font-weight: bold; padding: 0px 0px 1px 12px; } .fmStatusIcon { background: url(../images/mix2.png) 0px 0px no-repeat; float: left; height: 27px; width: 25px; margin-left: 10px; border-radius: 3px 4px 9px 7px; } .fmStatusIcon:hover { background: url(../images/mix2.png) 0px -29px no-repeat; } .fmPieIcon { background: url(../images/mix2.png) 0px -58px no-repeat; float: left; height: 27px; width: 25px; margin-left: 10px; border-radius: 3px 4px 9px 7px; } .fmPieIcon:hover { background: url(../images/mix2.png) 0px -87px no-repeat; } .fmColumnIcon { background: url(../images/mix2.png) 0px -116px no-repeat; float: left; height: 27px; width: 25px; margin-left: 10px; border-radius: 3px 4px 9px 7px; } .fmColumnIcon:hover { background: url(../images/mix2.png) 0px -145px no-repeat; } .fmStatusClickedIcon { background: url(../images/mix2.png) 0px -29px no-repeat; float: left; height: 27px; width: 25px; margin-left: 10px; border-radius: 3px 4px 9px 7px; } .fmPieClickedIcon { background: url(../images/mix2.png) 0px -87px no-repeat; float: left; height: 27px; width: 25px; margin-left: 10px; border-radius: 3px 4px 9px 7px; } .fmColumnClickedIcon { background: url(../images/mix2.png) 0px -145px no-repeat; float: left; height: 27px; width: 25px; margin-left: 10px; border-radius: 3px 4px 9px 7px; } /*Circle*/ .circle { width: 10px; height: 10px; border-radius: 5px; background-color: #eed; } .circleChild { width: 6px; height: 6px; border-radius: 3px; background-color: #eed; } /*Square*/ .squareIncome { float: left; width: 10px; height: 10px; background: #0c5da8; margin: 5px; } .squareIncomeText { margin-right: 10px; float: left; font-size: x-small; color: #0c5da8; margin-top: 5px; } .squareExpenditure { float: left; width: 10px; height: 10px; background: red; margin: 5px; } .squareExpenditureText { float: left; font-size: x-small; color: #DD0000; margin-top: 5px; } span.totalSavingGoal { float: left; font-size: 11px; padding: 16px 0px 14px 20px; color: gray; } span.totalAmountSavingGoal { float: left; font-weight: bold; font-size: 12px; padding: 15px 0px 14px 20px; color: gray; } span.completedAmountSavingGoal { float: left; font-size: 11px; padding: 16px 0px 14px 40px; color: gray; } span.rateSavingGoal { float: left; font-size: 12px; padding: 14px 0px 14px 5px; color: gray; } span.paidAmountSavingGoal { float: left; font-size: 12px; font-weight: bold; padding: 14px 0px 14px 5px; color: #0c5da8; } div.innerDivPagerSavingGoal { float: right; width: 250px; margin-right: -20px; margin-top: -25px; } div.innerDivLineSavingGoal { width: 538px; border-bottom-color: gray; border-bottom-width: 1px; border-bottom-color: #EFEEEC; border-bottom-style: solid; margin-left: -19px; margin-top: 10px; } div.innerDivSavingGoal2 { width: 500px; margin-top: 10px; } div.innerDivSavingGoal3 { float: left; width: 250px; } div.innerDivSavingGoal4 { float: left; width: 56px; } div.innerDivSavingGoal5 { margin-top: 11px; margin-left: 10px; } div.innerDivSavingGoal6, div.innerDivSavingGoal5 { float: left; width: 184px; } div.innerDivSavingGoal7 { font-weight: bold; font-size: small; color: #0c5da8; } div.innerDivSavingGoal8 { float: left; font-weight: bold; font-size: 13px; color: gray; } div.innerDivLinkUploadSavingGoal { float: right; width: 250px; margin-top: 11px; } div.innerDivSavingGoal9 { width: 500px; border-bottom-color: gray; border-bottom-width: 1px; border-bottom-color: #EFEEEC; border-bottom-style: solid; margin-top: 10px; } div.innerDivPictureSavingGoal { float: left; width: 200px; margin-top: 20px; } div.innerDivTableSavingGoal { float: right; width: 300px; margin-top: 10px; } div.innerDivOpenAccountLink { float: left; width: 100%; padding-top: 10px; } /*todo isimlendirmeler düzeltilebilir*/ /*Finansal Durum*/ .totalText { color: #919191; font-size: 13px; } .totalAmountText { color: #919191; font-weight: bold; font-size: 20px; } .totalAmountText2 { color: #919191; font-weight: bold; font-size: 13px; } .totalAmountText3 { color: #919191; font-weight: bold; font-size: 11px; padding-right: 5px; line-height: 18px; } .fSBulletSeperator { width: 89%; border-bottom: solid 1px #efeeec; float: left; margin-bottom: 10px; margin-left: 40px; } .divChart { width: 114%; margin-bottom: 120%; } .divFinancialStatusContent { float: left; padding-left: 10px; padding-top: 10px; } .divToolTip { padding-top: 18px; } .divChildToolTip { padding-top: 20px; margin-bottom: 10px; line-height: 18px; } .divCheckBox { width: 310px; } .divHeaderArrowText { float: left; color: #2f76a2; font-size: 12px; padding-left: 20px; padding-bottom: 5px; margin-top: -2px; width: 75%; } .arrowDetailsShow { background: url(../images/icons-mix-arrows.png) -60px -9px no-repeat; float: left; height: 13px; width: 15px; margin-left: 10px; margin-top: 4px; } .arrowDetailsHide { background: url(../images/icons-mix-arrows.png) -60px 4px no-repeat; float: left; height: 13px; width: 15px; margin-left: 10px; } .divRightPartContent { padding-top: 15px; } .fsNoChart { color: gray; font-size: 15px; min-height: 250px; line-height: 28em; text-align: center; } /* Sol tab menu kısmı */ ul.menuTabs { } ul.menuTabs > li { float: left; voice-family: "\"}\""; voice-family: inherit; margin: 0; padding: 0 0 0 5px; } ul.menuTabs > li:last-child { background: none; } ul.menuTabs > li > a:hover, ul.menuTabs > li > a.on { z-index: 15; width: 124px; } /* SmartMenu, BubbleMenu, MenuOptions kısımları */ .navigationBullet { position: absolute; width: 23px; height: 23px; background-position: center; background-repeat: no-repeat; } .navigationBullet#bullet1 { left: 220px; } .navigationBullet#bullet2 { left: 260px; } .navigationBullet#bullet3 { left: 300px; } #droppingBulletArea { position: absolute; bottom: -72px; z-index: 999; display: none; width: 614px; height: 31px; vertical-align: baseline; } #droppingBulletCenter { margin: auto; width: 170px; } .bubbleMenu { margin-top: 10px; cursor: pointer; } .bubbleMenu > #removeSmartMenu { display: inline-block; margin-left: 5px; height: 28px; float: left; } .bubbleMenu > #editMenuSmart { display: inline-block; margin-left: 20px; float: left; height: 28px; } ul.topOptions { float: right; margin-bottom: 0px; } ul.topOptions li { float: left; margin-left: 15px; } ul.topOptions li div { margin-top: 5px; } ul.topOptions li a { display: block; display: inline; padding: 5px 0 0 15px; color: #6b7982; text-decoration: none; font-size: 12px; } ul.topOptions li a.optionButtonList { background-image: url(../images/icon-list.jpg); background-position: left 6px; background-repeat: no-repeat; } ul.topOptions li a.optionButtonGrid { background-image: url(../images/icon-grid.jpg); background-position: left 6px; background-repeat: no-repeat; } ul.topOptions li a.optionButtonList:hover, ul.options li a.optionButtonGrid:hover { color: #6b7982; } div#DivListViewLink { width: 110px; } div#DivGridViewLink { width: 110px; } a.smartMenu { } a.smartMenu img { background: transparent; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); -ms-zoom: 1; zoom: 1; } a.smartMenuSub { voice-family: "\"}\""; voice-family: inherit; display: block; margin: 14px 5px 0 0; width: 102px; height: 102px; text-align: center; text-decoration: none; cursor: pointer; } a.smartMenuSubLink { voice-family: "\"}\""; voice-family: inherit; display: block; margin: 14px 5px 0 0; width: 102px; height: 52px; text-align: center; text-decoration: none; cursor: pointer; } a.smartMenu p, a.smartMenuSub p { position: relative; overflow: hidden; max-height: 50px; color: #0c5da8; -ms-word-wrap: break-word; word-wrap: break-word; font-size: 13px; text-align: center; } a.smartMenuSubLink p { position: relative; top: 19px; color: #0c5da8; font-size: 13px; } a.smartMenuSub:hover p, a.smartMenuSubLink:hover p { color: #6b7982; } a.smartMenuSub div { display: table-cell; width: 102px; height: 30px; vertical-align: middle; } /*a.smartMenu:hover p, a.smartMenuSub:hover p, a.smartMenuSubLink:hover p { color: #6b7982; }*/ ul.slideNav { width: 80px; } ul.slideNav li { float: left; } ul.slideNav li a { display: block; margin: 0 8px; width: 10px; height: 10px; background: url(../images/smart-bullet-main.png) 0 0 no-repeat; text-indent: -9999px; } ul.slideNav li a:hover, ul.slideNav li a.on { background-position: -10px 0; } a.menuNavLeft { left: -12px; background: url(../images/menu-nav.png) -120px 0 no-repeat; cursor: default; } a.menuNavLeftEnabled { left: -12px; background: url(../images/menu-nav.png) -30px 0 no-repeat; cursor: pointer; } a.menuNavLeftEnabled:hover { left: -12px; background: url(../images/menu-nav.png) 0 0 no-repeat; cursor: pointer; } a.menuNavRight { right: -5px; background: url(../images/menu-nav.png) -60px 0 no-repeat; cursor: pointer; } a.menuNavRight:hover { right: -5px; background: url(../images/menu-nav.png) -90px 0 no-repeat; cursor: pointer; } a.menuNavRightDisabled { right: -5px; background: url(../images/menu-nav.png) -120px 0 no-repeat; cursor: default; } a.menuNavRightDisabled:hover { right: -5px; background: url(../images/menu-nav.png) -120px 0 no-repeat; cursor: default; } div.menuNavSub { bottom: -72px; background: none 0 0 no-repeat; } div.menuNavSub ul { margin: 7px auto 0 auto; } a.verticalNav { position: absolute; top: 0px; display: block; width: 30px; height: 450px; text-indent: -9999px; } div.horizontalNav { position: absolute; left: -22px; width: 614px; height: 31px; } div.innerSlide { position: relative; top: 28px; left: 23px; overflow: hidden; width: 520px; height: 390px; } div.innerSlide ul { float: left; padding: 0 0 0 15px; width: 505px; background: #fff; } div.innerSlide ul li { float: left; margin: 8px 0 0 8px; width: 112px; height: 117px; } div.innerSlide ul li.deactive a p { color: #919191; } div.innerWrap { position: absolute; top: 0; left: 0; width: 520px; height: 390px; } div.innerSub { position: relative; min-height: 100%; height: auto; } div.menuArea { margin-left: 7px; min-height: 130px; } div.pageBanner { voice-family: "\"}\""; voice-family: inherit; position: relative; padding-bottom:15px; } table.pageHeaderOptions { float: right; margin: -23px 0 0 0; height: 20px; } table.pageHeaderOptions td { padding-bottom: 10px; } table.pageHeaderOptions td.left { border-right: 1px solid #acbdcc; } /* updateInformationTable */ table.updateInformationTable tr { height: 30px; } table.updateInformationTable tr.textArea { height: 50px; } table.updateInformationTable tr.Error { height: auto; } table.updateInformationTable tr.Error td { padding: 0 0 5px 0; } table.updateInformationTable td { min-width: 150px; } table.updateInformationTable td.staticwidthinfo { max-width: 74%; width: 74%; -ms-word-wrap: break-word; word-wrap: break-word; } table.updateInformationTable td.staticwidthlabel { max-width: 120px; width: 120px; } table.updateInformationTable td.staticwidthlabelWider { padding: 5px 0; max-width: 160px; width: 160px; } table.updateInformationTable td.imageArea { padding-top: 20px; } table.updateInformationTable .file { display: none; } table.updateInformationTable a.loadicon, table.updateInformationTable a.chooseicon, table.updateInformationTable a.returndefault { font-weight: bold; font-size: 14px; } table.updateInformationTable.noMargin { margin: 0 !important; } /* Crop - Gallery */ div#crop div.miniImage { overflow: hidden; margin-left: 10px; width: 100px; height: 100px; } img.galleryIcon { -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); cursor: pointer; /* For IE8 and earlier */ /*0*/ } table#iconGallery { margin: 15px auto; } table#iconGallery td { width: 90px; height: 90px; } div.emptyImageBig { margin-bottom: 30px; width: 430px; height: 430px; background-color: #F2F2F2; } div.emptyImageSmall { margin-left: 20px; width: 100px; height: 100px; background-color: #F2F2F2; } /* Search */ ul.ui-autocomplete { z-index: 9999 !important; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: White; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { margin: 0px !important; background: #EBEBEB; font-weight: normal; } .ui-menu-item { cursor: pointer !important; } .ui-menu-item:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #f2f2f2; } .searchedIcon { width: 24px; height: 24px; vertical-align: middle; cursor: pointer; } .searchedIconArrow { width: 15px; height: 12px; vertical-align: middle; } .searchedName { margin-left: 5px; font-weight: normal; font-size: 13px; cursor: pointer; } .EmptyResult { margin-left: 5px; color: #919191; font-weight: normal; font-style: italic; font-size: 13px; } /* ListView */ div#DivListView { margin-left: 65px; } div.ListViewDiv { float: left; width: 49%; } div.ListViewDiv ul.ListView { margin: 50px 0 40px 5px; } div.ListViewDiv ul.ListView img.ListViewIcon { float: left; width: 24px; height: 24px; vertical-align: middle; } div.ListViewDiv ul.ListView li { float: left; overflow: hidden; margin: 2px 0; width: 230px; height: 26px; } div.ListViewDiv ul.ListView li a.ListViewMenu { float: left; text-decoration: none; } div.ListViewDiv ul.ListView li span { float: left; overflow: hidden; margin: 4px 0 0 4px; width: 200px; height: 18px; color: #0c5da8; font-size: 13px; } div.ListViewDiv ul.ListView li span:hover { color: #6b7982; } div.ListViewDiv ul.ListView li input[type="radio"] { float: left; margin: 6px 4px 0 0; } /* AllMenu */ ul.allMenuList { position: relative; z-index: 2; } ul.allMenuList li { } ul.allMenuList li.activeAllMenuListItem { } ul.allMenuList li a { } ul.allMenuList li.activeAllMenuListItem a { color: #fff; } ul.allMenuList li.activeAllMenuListItem a:hover { color: #fff; } span.rootNodeText { margin-left: 0px; } img.newResourceRoot { vertical-align: middle; position: initial; right: -10px; top: 12px; } img.newResourceSub, img.newResourceSubSub { vertical-align: text-top; } div.allMenuListSubContainer { float: left; margin: 11px 0; } div.allMenuListSub { padding: 10px 0px 10px 30px; } div.allMenuListSub dl dt a { display: block; margin-top: 3px; padding: 8px 0 0 12px; width: 242px; height: 22px; background: url("../images/bg-for-all-menu-sub-master-white.png") no-repeat scroll 0 0 transparent; color: #0c5da8; text-decoration: none; font-size: 14px; } div.allMenuListSub dl dt a.disabled { color: #fff; cursor: default; background: url("../images/bg-for-all-menu-sub-master.png") no-repeat scroll 0 0 transparent; } div.allMenuListSub dl dd ul li { display: block; margin: 0 1px; width: 253px; min-height: 30px; background-color: white; border-bottom: 1px solid #dee7ec; } div.allMenuListSub dl dd ul li a { display: block; padding: 8px 5px 8px 25px; width: 219px; background: url("../images/icon-arrow.png") no-repeat scroll 15px 13px transparent; color: #0c5da8; text-decoration: none; font-size: 14px; } div.allMenuListSub dl dd ul li a.disabled { color: #919191; cursor: auto; } div.allMenuListSubBottom { } div.allMenuListSubTop { } #allMenuRootNodes { float: left; margin: 11px 0; padding: 0px; } ul.allMenuList a:hover { color: #1f478c !important; } div.allMenuListSub dl dt a:hover { color: #1f478c !important; } div.allMenuListSub dl dt a.disabled:hover { color: #fff !important; } div.allMenuListSub dl dd ul li a:hover { color: #1f478c !important; } div.allMenuListSub dl dd ul li a.disabled:hover { color: #919191 !important; } a.aTop { -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } a.aBottom { -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } /* People And Places */ div.ppAddTransaction table.updateLinks { float: right; } div.ppAddTransaction a.additem { font-weight: bold; font-size: 14px; } div.ppAddTransaction a.deleteitem { margin-top: 15px; font-weight: bold; font-size: 14px; } div.ppAddTransaction a.updateitem { margin-top: 15px; margin-right: 15px; font-weight: bold; font-size: 14px; } div.ppDefinedTransactionListAreaContainer { margin-bottom: 20px; } div.ppDefinedTransactionListArea { float: left; margin: 15px 0; width: 100%; } div.ppTransactionListArea div.criteria { padding: 0 !important; } a.ppTransactionLinkDelete { } a.ppTransactionLinkUpdate { } a.ppTransactionLinkRelaod { } div#PeopleAndPlacesArea { } div#PeopleAndPlacesArea div.ListViewDiv ul.ListView li span { } div#PeopleAndPlacesArea div.ppLetters { margin: 5px 0 5px 0px; } div#PeopleAndPlacesArea div.ppLetters ul.alphabet { display: inline-block; } div#PeopleAndPlacesArea div.ppLetters ul.alphabet li { float: left; } div#PeopleAndPlacesArea div.ppLetters ul.alphabet li span { display: block; padding: 5px 10px; border: 1px solid #EEEEEE; background-color: #FFFFFF; color: #666666; text-align: center; font-size: 12px; cursor: pointer; } div#PeopleAndPlacesArea div.ppLetters ul.alphabet li span.first { border-left: none; } div#PeopleAndPlacesArea div.ppLetters ul.alphabet li span.inserted { background-color: #dce4eb; } div#PeopleAndPlacesArea div.ppLetters ul.alphabet li span.active { background-color: #de188c; color: White; font-weight: bold; } div#PeopleAndPlacesArea div.ppLetters ul.alphabet li span.all { border-right: none; } div#PeopleAndPlacesArea div.ppLetters ul.alphabet li span:hover { background-color: #de188c; color: white; } div.ppMenuListAreaIkon { min-height: 342px; } div.ppMenuListAreaList { min-height: 342px; } div.ppMenuListAreaList div.ListViewDiv ul.ListView { margin: 5px 0 10px 0; padding: 0; } div.ppMenuListAreaList div.ListViewDiv ul.ListView li { width: 235px; } div.ppMenuListAreaList div.ListViewDiv ul.ListView li span { width: 190px; } div.ppMenuListAreaList div.newItem { width: 68px; height: 24px; background-color: #c3d0d8; } div.ppMenuListAreaList div.newItem:hover span.add { color: #6b7982; } div.ppMenuListAreaList div.newItem:hover span.plus { color: #6b7982; } div.ppMenuListAreaList div.newItem span.add { float: left; margin-top: 3px; margin-left: 8px; width: 36px !important; color: White; font-weight: bold; font-size: 14px; } div.ppMenuListAreaList div.newItem span.plus { float: left; margin: 0; width: 20px !important; height: 24px; color: White; font-weight: normal; font-size: 31px; line-height: 24px; } div#PeopleAndPlacesArea div.ppMenuListAreaIkon ul { margin: 0 0 20px 0; } div#PeopleAndPlacesArea div.ppMenuListAreaIkon ul li { float: left; margin: 10px 10px 0px 10px; } /* Widget */ .WidgetContentContainer { margin-bottom:30px;} .WidgetContentContainer:nth-last-child(1) { padding-right:0px !important;} .WidgetContentContainer:nth-last-child(2) { padding-left:0px !important;} .WidgetContentContainer:nth-last-child(3) { padding-right:0px !important;} .WidgetContentContainer:nth-last-child(4) { padding-left:0px !important;} .WidgetContentContainer .WidgetBox { background:#fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; min-height:300px; font-weight:500;} div#WidgetCapsule { height: 81px; padding: 10px 0 0; background: url(../images/widget-capsule-bg.png) 0 0 no-repeat; voice-family: "\"}\""; voice-family: inherit; } div#WidgetList { height: 64px; width: 210px; overflow: auto; } div#WidgetList ul { width: 171px; margin: 0 0 0 11px; } div#WidgetList ul li { padding: 0 0 6px 0; background: url(../images/widget-border-bottom.png) center bottom no-repeat; } div#WidgetList ul li a { font-size: 11px; font-weight: bold; color: #0c5da8; text-decoration: none; } div#WidgetList ul li.active a{ color: #de188c; } div#WidgetList ul li:hover a { color: #6b7982; } div#WidgetArea { font-size: 13px; } div#WidgetArea div.activeWidget { padding: 20px;} div#WidgetArea div.activeWidget div.widgetContent { background: url(../images/widget-content-bg.png) 0 0 repeat; height: 118px; overflow: hidden; } div#WidgetArea div.activeWidget div.widgetEmptyContent { background: url(../images/widget-content-empty-bg.png) 0 0 repeat; height: 118px; overflow: hidden; } div#WidgetArea div.activeWidget div.widgetContentHeader { background: url("../images/icon-bullet.png") no-repeat scroll 5px 7px transparent; color: #0c5da8; font-size: 13px; font-weight: bold; height: 23px; padding: 4px 0 0 21px; } div#WidgetArea div.activeWidget div.newsContent p { color: #6b7982; font-size: 12px; padding: 0 0 0 21px; width: 169px; } div#WidgetArea div.activeWidget span.error { font-size: 12px !important; color: #DD0000 !important; } div#WidgetArea div.activeWidget span.noAnnouncement { font-size: 12px !important; color: #C0C0C0 !important; } div#WidgetArea div.activeWidget div.widgetEmptyContent td { height: 118px; width: 210px; } div#WidgetArea div.activeWidget div.widgetHeaderedContent { background:#fff;} div#WidgetArea div.activeWidget div.widgetHeaderedContent.straigth {} div#WidgetArea div.activeWidget div.widgetHeaderedContent div.selectArea { height: 24px; width: 50%; float: left; padding: 0 0 0 2px; background: #de188c; } div#WidgetArea div.activeWidget div.widgetHeaderedContent div.selectArea div { color: #fff; padding: 2px 0 0; margin: 4px 1px 0; float: left; font-size: 11px; text-align: center; height: 20px; width: 37px; } div#WidgetArea div.activeWidget div.widgetHeaderedContent div.selectArea div.link { cursor: pointer; } div#WidgetArea div.activeWidget div.widgetHeaderedContent div.selectArea div.active { color: #0c5da8; background: url(../images/widget-select.png) 0 0 no-repeat; } div#WidgetArea div.activeWidget div.widgetHeaderedContent div.selectArea div.wider { width: 48px; } div#WidgetArea div.activeWidget div.widgetHeaderedContent div.selectArea div.wider.active { background: url(../images/widget-select-wider.png) 0 0 no-repeat; } div#WidgetArea div.activeWidget div.widgetHeaderedContent div.selectArea div.widest { width: 79px; } div#WidgetArea div.activeWidget div.widgetHeaderedContent div.selectArea div.widest.active { background: url(../images/widget-select-widest.png) 0 0 no-repeat; } div#WidgetArea div.activeWidget div.widgetInfoHeader { color: #fff; float: left; font-size: 13px; font-weight: bold; height: 24px; width: 50%; background: #de188c;} div#WidgetArea div.activeWidget div.widgetInfoHeader div.left { float: left; height: 18px; padding: 2px 0 0 30px; width: 75px; } div#WidgetArea div.activeWidget div.widgetInfoHeader div.right { float: left; height: 18px; padding: 2px 0 0; text-align: right; width: 75px; } div#WidgetArea div.activeWidget div.fxInfoArea span.icon1 { height: 9px; left: 128px; position: absolute; top: 82px; width: 9px; } div#WidgetArea div.activeWidget div.fxInfoArea span.icon1.minus { background: url("../images/icons-mix-arrows.png") -50px -10px no-repeat; } div#WidgetArea div.activeWidget div.fxInfoArea span.icon1.plus { background: url(../images/icons-mix-arrows.png) -40px 0 no-repeat; margin: 120px 0px 0px 37px; } div#WidgetArea div.activeWidget div.fxInfoArea span.icon2 { height: 9px; left: 128px; position: absolute; top: 120px; width: 9px; } div#WidgetArea div.activeWidget div.fxInfoArea span.icon2.minus {background: url(../images/icons-mix-arrows.png) -50px -10px no-repeat; margin: -16px 0px 0px 37px;} div#WidgetArea div.activeWidget div.fxInfoArea span.icon2.plus { background: url("../images/icons-mix-arrows.png") -40px 0 no-repeat; } div#WidgetArea div.activeWidget div.fxInfoArea table { width:100%; } div#WidgetArea div.activeWidget div.fxInfoArea table td { padding:20px; text-align:center !important; } div#WidgetArea div.activeWidget div.fxInfoArea tr.first { border-bottom: 1px solid #acbdcc; } div#WidgetArea div.activeWidget div.fxInfoArea td.left {border-right: 1px solid #acbdcc;} div#WidgetArea div.activeWidget div.fxInfoArea td.right { text-align: right; } div#WidgetArea div.activeWidget div.fxInfoArea table p { color: #919191; font-size: 12px; } div#WidgetArea div.activeWidget div.fxInfoArea table p.fxinfo { color: #919191; font-size: 15px; font-weight: bold;} div#WidgetArea div.activeWidget p.plus { color: #0c5da8 !important; font-size: 15px !important; font-weight: bold; clear:both} div#WidgetArea div.activeWidget p.minus { color: #DD0000 !important; font-size: 15px !important; font-weight: bold; clear:both} div#WidgetArea div.activeWidget p.plus span { font-size: 12px !important; font-weight: bold; } div#WidgetArea div.activeWidget p.minus span { font-size: 12px !important; font-weight: bold; } div#WidgetArea div.activeWidget div.downLinkDiv { text-align: center; width:95px; height:20px; margin: 0 0 0 5px; padding: 6px 0 0; font-weight: bold; color:#0c5da8; font-size:12px !important; cursor: pointer; } div#WidgetArea div.activeWidget div.downLinkDiv.selected { color:White; background: url('../images/button-down.png') 0 0 no-repeat; cursor:default; } div#WidgetArea div.activeWidget div.downLinkDiv:hover { color:#fff; } div#WidgetArea div.activeWidget > p { font-size: 14px; color: #fff; padding: 8px 0 8px 10px; font-weight: bold; height: 17px; } div#WidgetArea div.activeWidget a.widgetOption { width: 13px; text-indent: -9999px; background: url(../images/icons-mix.png) -102px -56px no-repeat; float: right; margin: 9px 11px 0 0; } div#WidgetArea div.activeWidget .nextW, div#WidgetArea div.activeWidget .prevW { display: block; display: none; position: absolute; text-indent: -9999px; width: 13px; height: 13px; } div#WidgetArea div.activeWidget div.widgetContent .nextW, div#WidgetArea div.activeWidget div.widgetContent .prevW { top: 95px; } div#WidgetArea div.activeWidget div.widgetHeaderedContent .nextW, div#WidgetArea div.activeWidget div.widgetHeaderedContent .prevW { top: 108px; } div#WidgetArea div.activeWidget .nextW { left: 193px; } div#WidgetArea div.activeWidget .prevW { left: 4px; } div#WidgetArea div.activeWidget .prevW.on { display: block; background: url("../images/icons-mix-arrows.png") -188px 0 no-repeat; } div#WidgetArea div.activeWidget .nextW.on { display: block; background: url("../images/icons-mix-arrows.png") -203px 0 no-repeat; } div#WidgetArea table.cardTable { width:100%;} div#WidgetArea table.cardTable tr.first { height: 92px; } div#WidgetArea table.cardTable td.semiColumn { width: 105px; text-align: center; } div#WidgetArea table.cardTable td.multiColumn { width: 210px; text-align: center; } div#WidgetArea table.cardTable div.transparentButton { margin: 0 auto; padding: 3px !important; width: 78px; font-weight: normal; } div#WidgetArea table.cardTable div.selectArea { margin-left: 10px; margin-bottom: -3px; margin-top: 4px; } div#WidgetArea table.cardTable p.plus { font-size: 14px; } div#WidgetArea table.cardTable p.minus { font-size: 14px; } div#WidgetArea table.cardTable div.dataListDetail { margin: 0; width: 210px !important; } div#WidgetArea table.cardTable div.dataListDetail table { width: 200px !important; margin-left: 3px; } div#WidgetArea table.cardTable div.dataListDetail td.pagerTd { width: 5px !important; } div#WidgetArea table.cardTable div.dataListDetail table.infoTableVertical th { display: none; } div#WidgetArea table.cardTable div.dataListDetail table.infoTableVertical tr.seperatorTr { display: none; } div#WidgetArea table.cardTable div.dataListDetail table.infoTableVertical td { padding: 1px 2px 1px 5px; } div#WidgetArea table.cardTable div.dataListDetail table.infoTableVertical td.seperatorTd { padding: 1px !important; width: 1px !important; } div#WidgetArea table.cardTable div.dataListDetail table.infoTableVertical td.status.plus { background:url(../images/icon-status-green.png) left 5px no-repeat; } div#WidgetArea table.cardTable div.dataListDetail table.infoTableVertical td.status.minus { background:url(../images/icon-status-red.png) left 5px no-repeat; } div#WidgetArea table.cardTable div.dataListDetail table.infoTableVertical td.status.gold { background:url(../images/icon-status-gold.png) left 5px no-repeat; } /* Calendar */ div#CalendarArea { margin-bottom: 14px; font-size: 13px; width: 100%; padding:20px; } table#CalendarTable { height: 100%; width: 100%; } table#CalendarTable tbody {border: 1px solid #dee7ec;} table#CalendarTable .ThHeader {background: #dee7ec;} table#CalendarTable th { color: #718b9c !important; font-size: 11px; height: 25px; text-align:center !important; } table#CalendarTable th.weekend { color: #fff; } table#CalendarTable td { border-top: none; height: 24px; color: #0c5da8; font-size: 12px; font-weight: normal; cursor: pointer; text-align: center; } table#CalendarTable td.outofmonth { color: #6b7982; font-weight: normal; font-size: 12px; } table#CalendarTable td.holiday { color:#de188c; } table#CalendarTable td.today { background:#718b9c !important; color: white; } table#CalendarTable td.financial { background:#ebf0f3; font-weight: bold; } table#CalendarTable td.noteDay { background:#ebf0f3; font-weight: bold; } table#CalendarTable td.inDay { background:#ebf0f3; font-weight: bold; } table#CalendarTable td.outDay { background:#ebf0f3; font-weight: bold; } table#CalendarTable+img { vertical-align: top; } div.calendarMonthArea { width: 100%; } div.calendarMonthHeader { height: 31px; position: relative; text-align: center; background: #718b9c; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } div.calendarMonthHeader .headerElement { float: left; } div.calendarMonthHeader .headerElement.prevMonth { cursor: pointer; background: url("../images/calendar-prev-next.png") no-repeat scroll 0 0 transparent; height: 9px; left: 12px; position: relative; top: 11px; width: 9px; } div.calendarMonthHeader .headerElement.nextMonth { cursor: pointer; background: url("../images/calendar-prev-next.png") no-repeat scroll -19px 0 transparent; height: 9px; left: 150px; position: relative; top: 11px; width: 9px; } div.calendarMonthHeader .headerElement.textArea { font-weight: bold; font-size:14px; left: 20px; position: absolute; top: 6px; width:140px; color: #fff; } div.calendarMonthHeader a.calendarOption { width: 13px; text-indent: -9999px; background: url(../images/icons-mix.png) -102px -56px no-repeat; float: right; margin: 9px 9px 0 0; } div.calendarDayArea { width: 100%; height: 100%; background:#fff; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } div.calendarDayHeader { width: 100%; height: 31px; position: relative; text-align: center; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #718b9c; } div.calendarDayHeader .headerElement { float: left; } div.calendarDayHeader .headerElement.prev { cursor: pointer; background: url("../images/icons-mix-arrows.png") -146px 0 no-repeat; height: 20px; left: 7px; position: relative; top: 6px; width: 20px; } div.calendarDayHeader .headerElement.next { cursor: pointer; background: url("../images/icons-mix-arrows.png") -167px 0 no-repeat; height: 20px; left: 166px; position: relative; top: 6px; width: 20px; } div.calendarDayHeader .headerElement.textArea { color: #fff; font-weight: bold; font-size:12px; left: 26px; position: absolute; top: 8px; } .countAll { color: #6b7982; font-size:13px; display: block; position: absolute; top: 131px; left: 55px; width:100px; text-align: center;} .buttonArea { margin: 0 auto; padding-left: 1px; padding-top: 12px; width: 190px; } .calenderSliderContent { margin-left: 12px; width: 100%;} .calenderSliderContent span { font-size: 13px; color: #6b7982; width: 180px; -ms-word-wrap: break-word; word-wrap: break-word; } .calenderSliderContent div.header { margin-bottom: 5px; } .calenderSliderContent.multiRecord { height: 115px; border-bottom: 1px solid #DEDEDE; } .calenderSliderContent .jspTrack{ background: url("../images/calendar-track.png") no-repeat scroll 0 0 transparent; } .calenderSlider { padding: 15px 0px; position: relative; } .calenderSlider .nextS, .prevS { display: none; position: absolute; } .calenderSlider .nextS { background: url("../images/icons-mix-arrows.png") -132px 0 no-repeat; height: 20px; left: 186px; text-indent: -9999px; top: 131px; width: 13px; } .calenderSlider .prevS { background: url("../images/icons-mix-arrows.png") -118px 0 no-repeat; height: 20px; left: 10px; text-indent: -9999px; top: 131px; width: 13px; } .calenderSlider .nextS.on { background: url("../images/icons-mix-arrows.png") -104px 0 no-repeat; display: block; } .calenderSlider .prevS.on { background: url("../images/icons-mix-arrows.png") -90px 0 no-repeat; display: block; } div.noteContent { font-size:13px; color: #6b7982; height: 135px; overflow-y: hidden; } div.noteContent.multiRecord { height: 105px; } div.noteContent p { font-size: 14px; font-weight: bold; margin-bottom: 5px;} div.noteContent table.linkArea { float: right; margin-right: 20px;} div.noteContent table.linkArea a { margin: 10px 0 0 0; font-weight: bold; } div.noteContent table.linkArea td.seperator { padding: 9px 7px 0; } div.noteContent.multiRecord div.noteTextArea { min-height: 80px; } div.noteContent div.noteTextArea { width: 170px;} .noNote { color: #919191; font-size:13px; font-style: italic; } .calendarNewNoteInputArea { height: 123px; padding: 10px; } input.selectbox { } textarea { width: 100%; height: 74px; } @media (max-width: 992px) { #WidgetArea { margin-top:15px;} .WidgetContentContainer { margin-bottom:15px;} .WidgetContentContainer:nth-last-child(1) { padding:0px !important;} .WidgetContentContainer:nth-last-child(2) { padding:0px !important;} .WidgetContentContainer:nth-last-child(3) { padding:0px !important;} .WidgetContentContainer:nth-last-child(4) { padding:0px !important;} } /* * jQuery UI CSS Framework 1.8.16 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses. * http: // jquery .org/license * http: // docs .jquery .com/UI/Theming/API */ /* Layout helpers */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; -moz-outline: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix { display: inline-block; display:block; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; -moz-opacity: 0; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues */ .ui-state-disabled { cursor: default !important; } /* Icons */ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 7px; height: 9px; background-image: url(../images/ui/ui-icons_222222_256x240.png); } /* Misc visuals */ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #666666 url(../images/ui/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; -moz-opacity: .50; opacity: .50;filter:Alpha(Opacity=50); } /* * jQuery UI CSS Framework 1.8.16 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses. http: // jquery .org/license * http: // docs .jquery .com/UI/Theming/API * To view and modify this theme, visit http: // jqueryui .com / themeroller / ? ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px */ /* Component containers */ .ui-widget { font-family: 'Urbanist'; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Urbanist'; font-size: 1em; } .ui-widget-content { color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #0c5da8; font-size:10px; font-family: 'Urbanist', sans-serif; font-weight:bold; padding:3px 0px; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { } .ui-state-hover a, .ui-state-hover a:hover { color: #A63A79; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-color:#de188c; font-weight: bold; color: white; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #A63A79; text-decoration: none; } .ui-widget :active { -moz-outline: none; outline: none; } /* Interaction Cues */ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #a3b0b8; color: #363636; padding:3px 0px; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(../images/ui/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { color:#a0a0a0; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { -moz-opacity: .35; opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons */ /* states and images */ .ui-widget-content .ui-icon {background-image: url(../images/ui/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../images/calendar-prev-next.png); } .ui-state-default .ui-icon { background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { } .ui-state-active .ui-icon {background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../images/ui/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui/ui-icons_ffd27a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: right 0; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: 0 0; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals */ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../images/ui/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; -moz-opacity: .20; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* * jQuery UI Resizable 1.8.16 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses. * http: // jquery .org/license * http: // docs .jquery .com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} /* * jQuery UI Selectable 1.8.16 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses. * http: // jquery .org/license * http: // docs .jquery .com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.16 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses. * http: // jquery .org/license * http: // docs .jquery .com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.16 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses. * http: // jquery .org/license * http: // docs .jquery .com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.16 * Copyright 2010, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses. * http: // jquery .org/license * http: // docs .jquery .com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.16 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses. * http: // jquery .org/license * http: // docs .jquery .com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.16 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses. * http: // jquery .org/license * http: // docs .jquery .com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.16 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses. * http: // jquery .org/license * http: // docs .jquery .com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* * jQuery UI Tabs 1.8.16 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses. * http: // jquery .org/license * http: // docs .jquery .com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.16 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses. * http: // jquery .org/license * http: // docs .jquery .com/UI/Datepicker#theming */ .ui-datepicker { padding: 3px 3px 0 3px; display: none; color: #333333; height:191px; height:188px; voice-family:"\"}\""; voice-family:inherit; background: #fff; } html>body .ui-datepicker{height:188px;} .ui-datepicker-calendar thead { background:#a3b0b8;} .ui-datepicker .ui-datepicker-header { position:relative; padding:4px 0 20px 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 7px; width: 7px; height: 9px; cursor:pointer; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { } .ui-datepicker .ui-datepicker-prev { left:10px; } .ui-datepicker .ui-datepicker-next { right:10px; } .ui-datepicker .ui-datepicker-prev-hover { } .ui-datepicker .ui-datepicker-next-hover { } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 0; margin-left: 0; top:0; margin-top: 0; } .ui-datepicker .ui-datepicker-title { text-align: center; font-family: 'Urbanist'; font-size:12px; color:#093175; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 40%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { padding: 3px 15px 5px 5px !important; width: 40%; height: 40px; margin: 0px 1px;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 auto } .ui-datepicker th { padding: .7em .3em .9em .3em; text-align: center; font-weight: bold; border: 0; font-family: 'Urbanist'; font-size:9px; color:#fff; } .ui-datepicker th.ui-datepicker-week-end{color:#fff;} .ui-datepicker td { border: 0; padding: 6px 4px 0px 4px; } .ui-datepicker td span, .ui-datepicker td a { display: block; text-align: center; text-decoration: none; padding:5px 0 0 0; voice-family:"\"}\""; voice-family:inherit; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* * jQuery UI Progressbar 1.8.16 * Copyright 2011, AUTHORS .txt (http: // jqueryui .com/about) Dual licensed under the MIT or GPL Version 2 licenses. * http: // jquery .org/license * http: // docs .jquery .com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } html>body .ui-datepicker { width:230px; height:180px; } .ui-datepicker .ui-datepicker-header { position:relative; padding:4px 0 0 0; } div#ui-datepicker-div { border:1px solid #d4d4d4; padding:0; height: auto; padding-bottom:6px; margin-top: 0px !important; margin-left: 0px !important;} div#ui-datepicker-div .ui-datepicker-header { background:#1f478c; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; padding:10px 0; padding-left: 30px;} div#ui-datepicker-div .ui-datepicker-prev, div#ui-datepicker-div .ui-datepicker-next { top:28px; } .ui-creditcard{text-align:right;} /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 10px; width: 8px; height: 100%; background: none; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 0px; height: 0px; background: red; visibility: collapse; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #fff; position: relative; } div.itemListContainer .jspTrack { background: #fff; } div.cityList .jspTrack, div.branchList .jspTrack { background: #fff; } dd.CreditCardListComponentSelection .jspTrack, dd.AccountComponentSelection .jspTrack { background: #fff; margin-left:5px; width:4px } .jspDrag { background: #a3b0b8; border: 2px solid #fff; position: relative; top: 0; left: -6px; cursor: pointer; width: 16px; height: 16px !important; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /* Ekran ad�m g�stergeleri */ ul.transactionSteps { } ul.transactionSteps li { float: left; padding: 6px 15px; color: #fff; background: #8d9fb5; font-size: 12px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } ul.transactionSteps li.on { color: #fff; background: #1d4f90; } ul.transactionSteps li.seperator { margin: -5px 0px 0px 0px; padding: 0px 5px 0; font-size: 24px; background: none; color: #1d4f90; } /* MessageComponent */ div.messageComponentContainer { padding: 20px 0; } div.messageComponentImageContent { float: left; margin-top: 6px; } div.messageComponentMessageContent { } div.pageCapsule div.messageComponentContainer { margin: 0; } div.popupCapsule div.messageComponentContainer { margin: 0 auto; } div.popupContent div.messageComponentContainer { margin-left: 0; padding: 5px 0 20px 0; } div.popupCapsule div.contentContainer { margin: 0 auto; width: 537px; } div.messageComponentContainer div.contentContainer { padding: 15px; border: 1px solid White; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #fff; color: #6b7982; } .exceptionArea div.messageComponentContainer div.contentContainer { color: #de188c !important; } table.messageComponentTable { margin: 30px 0 30px 0; } table.messageComponentTable td.imageTd { padding: 0 10px 0 20px; width: 27px; vertical-align: top; } table.messageComponentTable td.messageTd { padding: 0 20px 0 0; width: 460px; line-height: 17px; } div.innerAreaNoBorder table.messageComponentTable td.messageTd { width: 425px; } table.messageComponentTable div.imageDiv { padding: 1px 0 0 1px; width: 22px; height: 27px; border: 1px solid #de188c; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-color: #de188c; font-weight: bold; font-size: 23px; } table.messageComponentTable div.imageDiv.unimportant { background-color: #de188c; } table.messageComponentTable div.imageDiv.success { border: 1px solid #de188c; background-color: #de188c; } table.messageComponentTable span.imageSpan { padding: 7px; color: #fff; } table.messageComponentTable span.imageSpan.success { color: White; font-weight: bold; font-style: italic; font-size: 22px; font-family: 'Urbanist'; } table.messageComponentTable span.messageSpan { color: #fff; } .contentContainer table.messageComponentTable span.messageSpan { color: #6b7982; } .contentContainer .messageComponentTable span.messageText { color: #fff !important; } table.messageComponentTable span.messageSpan.unimportant { color: #6b7982; } .exceptionArea table.messageComponentTable span.messageSpan { color: #de188c !important; } div.messageComponentContainer table.messageComponentTable td.imageTd { } div.messageComponentContainer.narrowNoBorder { width: auto; } div.messageComponentContainer.narrowNoBorder div.contentContainer { width: auto; border: none; background-color: transparent; } div.messageComponentContainer.narrowNoBorder table.messageComponentTable td.imageTd { padding-left: 20px; } /* Veri giri� alan� i�in */ div.attention { border: 1px #de188c solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px; color: #de188c; padding: 8px 15px !important; } div.infoArea { clear: both; padding: 0px 15px; min-height: 83px; font-weight: 500; } div.infoBullets span { color: #6b7982 !important; font-size: 13px; } div.infoArea.noImage { background: none; } div.infoArea.notebook { } div.infoArea.card { } div.infoArea.edit { } div.infoArea.iban { } div.infoArea.password { } div.infoArea.letter { } div.infoArea.noimage { padding: 15px 25px 15px 25px; background: none; } div.infoArea div { padding: 10px 0 5px 0; } div.infoArea div.label_radio_container, div.infoArea div.label_check_container { padding: 0; } div.infoArea div.label_radio_container div, div.infoArea div.label_check_container div { padding: 0; } div.infoArea div.Error { padding: 0; } div.infoArea div.Error.noMargin { margin-left: 0; } div.infoArea div p { padding: 5px 5px 3px 0; font-size: 13px; font-weight: bold; } div.infoArea div p.long { } div.infoArea div.info { margin: 5px 0 0 0px; padding: 0; } div.infoArea .unimportant { margin: 10px 0 0 0; color: #6b7982; font-size: 11px; line-height: 13px; } div.infoArea > input { float: left; margin: 10px 10px 0 0; } div.infoArea div input[type="submit"] { margin: 0; } div.infoArea div.secretWordArea div { padding: 2px 0 5px; } div.infoArea div.secretWordArea p { width: 140px; } /* checkInfoArea */ div.checkInfoArea { padding: 10px 0; } div.checkInfoArea div.content { margin: 5px 0 0 40px; } div.checkInfoArea td.seperator { padding: 0 5px; } /* Ek i�lemler alan� i�in */ div.otherOperationsContainer { margin: 10px auto 0 auto; width: 537px; } div.otherOperations { float: left; } div.otherOperations div { float: left; } div.otherOperations p { float: left; padding: 8px 0 0 0; width: 140px; color: #6b7982; font-size: 12px; } div.otherOperations input[type="text"] { margin: 3px 0 0 0; width: 200px; } div.otherOperations div.Error { margin-left: 160px; } div.otherOperations div.Error p { padding: 3px 0 2px; } div.otherOperations td.imageArea { width: 110px; height: 70px; background: url(../images/letter.png) no-repeat scroll center center transparent; } div.otherOperations p.text { float: left; padding: 8px 0 5px 0; width: 400px; color: #6b7982; font-size: 12px; } div.otherOperations p.success { padding-bottom: 5px; padding-left: 20px; width: 380px; width: auto; background: url(../images/icon-check.png) no-repeat scroll 0 11px transparent; -ms-word-wrap: hyphenate; word-wrap: hyphenate; } div.otherOperationsContainer div.label_check_container { float: left; padding-top: 5px; padding-left: 0px; } /* Popup veri giri� alan� i�in */ div.infoAreaPopupCenterLimit { } div.infoAreaPopupCenter { } div.infoAreaPopupCenter textarea { width: 100% !important; height: 40px; } div.infoAreaPopupCenter p { width: 100px; color: #6b7982; font-size: 12px; } div.infoAreaPopupCenter a { margin: 10px 0 0 110px; } div.infoAreaPopupCenter div.Error { margin: 10px 0 10px 0; text-align: center; } div.infoAreaPopupCenter input[type="text"] { width: 100% !important; } div.infoAreaPopupCenter div.dropdown_container input[type="text"] { width: 100% !important; } div.infoAreaPopupCenter div.label_radio_container { float: left; } div.infoAreaPopupCenter.radioArea { width: 350px; } div.infoAreaPopupCenter textarea { width: 100% !important; } div.infoAreaPopup { margin: 10px auto 0 auto; } div.infoAreaPopup p { float: left; margin: 0 0 0 130px; padding: 5px 0; width: 100px; color: #6b7982; font-size: 12px; } div.infoAreaPopup input.selectbox { width: 168px; } div.infoAreaPopup div.secureConfirmSelection { margin: 10px auto 10px auto; width: 537px; text-align: center; } div.infoAreaPopup div.secureConfirmSelection span { margin-right: 20px; } div.infoAreaPopup div#MobileSignDropDownContainerDiv { float: left; margin: 5px 0 5px 120px; } div.infoAreaPopup div#MobileSignDropDownContainerDiv input.signButton { margin-top: -3px; margin-left: 10px; } div.infoAreaPopup div#MobileSignDropDownContainerDiv div.timerdiv { margin-top: -28px; margin-left: 264px; } div.infoAreaPopup div#MobileSignDropDownContainerDiv div.mobilSignText { padding: 15px 0 5px; width: 320px; color: #0c5da8; text-align: center; font-weight: bold; } div.infoAreaPopup div#MobileSignDropDownContainerDiv span.mobilesigndata { color: #0c5da8; font-style: italic; font-size: 14px; } div.infoAreaPopup div#MobileSignDropDownContainerDiv div.mobilSignText span#spanIdMobileSignTakingTextError { color: #dd0000; } div.infoAreaPopup div.secretWordArea p.mobilesignselectiontext { margin: 0 0 0 90px; width: 180px; } div.infoAreaPopup div.secretWordArea p { margin: 5px 0px 0px 0px; width: 140px; } #secretWordArea { } div.infoAreaPopup div.secretWordArea input { width: 40px; } div.infoAreaPopup div.secretWordArea span.Error { margin: 0 auto 0 270px; } div.infoAreaPopupNoMargin { margin: 0 auto 0 auto; } /* G�nderici al�c� alan� */ div.relatedPeopleContainer { padding: 20px 0px; } div.relatedPeople { } div.relatedPeople .MTSender { padding-left: 0px; } div.relatedPeople .MTReceiver { padding-right: 0px; } div.relatedPeople .MTSenderReceiverBox { background: #fff; padding: 20px; min-height: 264px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.relatedPeople .MTSenderReceiverBox h1 { font-size: 18px; font-weight: 500; color: #de188c; margin: 0px 0px 10px 0px; } div.relatedPeople .MTSenderReceiverBox p { font-size: 16px; } div.relatedPeople > div { float: left; } div.relatedPeople table tr td.t1 { padding: 0 20px 0 0; vertical-align: bottom; text-align: right; } div.relatedPeople table tr td.t3 { padding: 0 0 0 15px; vertical-align: bottom; } div.relatedPeople table tr td.t4 { vertical-align: top; } div.relatedPeople table tr td.t6 { vertical-align: top; } div.relatedPeople div.info { width: 252px; } div.relatedPeople div.info p { color: #3C3C3C; -ms-word-wrap: break-word; word-wrap: break-word; font-size: 12px; } div.relatedPeople div.info p.first { margin: 5px 0 0 0; } div.relatedPeople div.info h2 { padding: 5px 0; color: #0c5da8; -ms-word-wrap: break-word; word-wrap: break-word; font-weight: bold; font-size: 16px; } div.relatedPeople div.left { padding: 10px 10px 10px 16px; text-align: left; } div.relatedPeople div.right { padding: 10px 20px 10px 10px; text-align: right; } .slidecontainer { width: 70%; } .slider { -webkit-appearance: none; width: 50%; height: 4px; background: #1d4f90; outline: none; opacity: 0.9; -webkit-transition: .5s; transition: opacity .2s; } .slider:hover { opacity: 1; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; border-radius: 50px; background-color: #e51a92; cursor: pointer; } .slider::-moz-range-thumb { width: 25px; height: 25px; background: #4CAF50; cursor: pointer; } .minusplus { background: #a2afb7; color: #fff; font-size: 14px; border-radius: 4px; font-weight: normal; } table.range { } table.range td.motorate { width: 50px; } table.range td.rangeslider { width: 500px; } /* Standart veri g�sterme tablosu */ table.infoTableForPopup { margin: 10px auto; width: 537px; color: #6b7982; font-size: 12px; } table.infoTableForPopup th { padding: 3px 3px 3px 8px; width: 200px; border: 1px solid #acbdcc; background: none repeat scroll 0 0 WhiteSmoke; text-align: left; font-weight: bold; } table.infoTableForPopup td { padding: 3px 3px 3px 8px; max-width: 440px; border: 1px solid #acbdcc; background: none repeat scroll 0 0 #F9F9F9; } table.infoTableForPopup td.staticwidthinfo { max-width: 350px; width: 350px; -ms-word-wrap: break-word; word-wrap: break-word; } table.infoTableForPopup td.staticwidthlabel { max-width: 120px; width: 120px; } table.infoTableForPopup td.right { text-align: right; } table.infoTableForPopup td.center { text-align: center; } table.infoTableForPopup th.center { text-align: center; } table.infoTableForPopup th.messageDetailSeverity { padding: 5px 0; width: 40px; text-align: center; } div.infoTablePopup { margin: 0 auto; } h2.infoTablePopup { margin-left: 45px; } table.infoTable { margin: 10px 0 10px; } table.infoTable tr { } table.infoTable th { padding: 5px 15px 5px 5px; width: 50%; border-right: 1px solid #dee7ec; border-bottom: 3px solid #dee7ec; text-align: left; } table.infoTable th.cardDetail{ padding: 5px 15px 5px 5px; width: 200px !important; border-right: 1px solid #dee7ec; border-bottom: 3px solid #dee7ec; text-align: left; } table.infoTable td { padding: 5px 2px 2px 10px; font-weight: 500; background: none repeat scroll 0 0 White; color: #6b7982; -ms-word-wrap: break-word; word-wrap: break-word; } table.infoTable td.left { text-align: left; } table.infoTable td.right { text-align: right; } table.infoTable td.important { color: red; font-weight: bold; } table.infoTable.shortTable { } table.infoTable.creditCardTable { width: 270px; } table.infoTable.creditCardTable th { padding: 4px 5px 1px 5px; width: 60%; border-right: 1px solid #dee7ec; border-bottom: 3px solid #dee7ec; text-align: left; } table.infoTable.shortTable td { max-width: 300px; width: 300px; } table.infoTable tr.seperatorTr { height: 10px; } table.infoTableMin { margin: 10px 0 10px; max-width: 300px; width: 300px; } table.infoTableMin tr { width: 300px; } table.infoTableMin th { padding: 4px 5px 1px 5px; width: 40%; border-right: 1px solid #dee7ec; border-bottom: 3px solid #dee7ec; text-align: left; } table.infoTableMin td { padding: 5px 2px 2px 10px; background: none repeat scroll 0 0 White; color: #666666; -ms-word-wrap: break-word; word-wrap: break-word; } table.infoTableMin td.left { text-align: left; } table.infoTableMin td.right { text-align: right; } table.infoTableMin td.important { color: red; font-weight: bold; } table.infoTableMin tr.seperatorTr { height: 10px; } div.innerArea table.infoTableVertical { width: 100%; } div.innerAreaNoBorder table.infoTableVertical { width: 100%; } div.innerAreaNoBorder table.infoTableVertical tr.header { background-color: #718b9c; color: #fff; font-weight: bold; } div.innerAreaNoBorder table.infoTableVertical tr.header th { border: none; padding: 10px 10px; text-align: left; } table.infoTableVertical tr.bottomInfo { font-weight: bold; } table.infoTableVertical tr.bottomInfo td { padding-bottom: 12px; border-bottom: 3px solid #dee7ec; } table.infoTableVertical tr.topInfo { font-weight: bold; } table.infoTableVertical tr.topInfo td { padding-bottom: 12px; } table.infoTableVertical th.selection { width: 30px; } table.infoTableVertical th.selection2 { width: 20px; } table.infoTableVertical td { padding: 5px 2px 5px 5px; border-bottom: 1px solid #DEDEDE; color: #6b7982; -ms-word-wrap: break-word; word-wrap: break-word; font-size: 12px; } table.infoTableVertical td.selection { width: 30px; } table.infoTableVertical td.selection2 { width: 20px; } table.infoTableVertical td.noBorderBottom { border-bottom: none !important; } table.infoTableVertical td.status.plus { background: url(../images/icon-status-green.png) 10px 10px no-repeat; } table.infoTableVertical td.status.minus { background: url(../images/icon-status-red.png) 10px 10px no-repeat; } table.infoTableVertical td.status.gold { background: url(../images/icon-status-gold.png) 10px 10px no-repeat; } table.infoTableVertical td.money { } table.infoTableVertical td.money.plus { color: #6b7982; } table.infoTableVertical td.money.minus { color: #d02b3c; } table.infoTableVertical td.money.gold { color: #FFD000; } table.infoTableVertical td.left { text-align: left; } table.infoTableVertical td.right { text-align: right; } table.infoTableVertical td.center { text-align: center; } table.infoTableVertical td.bold { font-weight: bold; } table.infoTableVertical td.important { color: #FF2222; font-weight: bold; } table.infoTableVertical td.error { color: #DD0000; font-weight: bold; } table.infoTableVertical td.waiting { color: #F1B01D; font-weight: bold; } table.infoTableVertical td.success { color: #0c5da8; font-weight: bold; } table.infoTableVertical td.passive { color: #888686; font-weight: bold; } table.infoTableVertical td.complete { color: #000; font-weight: bold; } table.infoTableVertical td.processing { color: #6598D9; font-weight: bold; } table.infoTableVertical.shortTable { margin: 0 0 0 65px; } table.infoTableVertical.shortTable td { width: 200px; } table.infoTableVertical tr.seperatorTr { height: 10px; border: medium none; } table.infoTableVertical th.seperatorTh { padding: 0 1px; width: 5px; border: medium none; } table.infoTableVertical td.seperatorTd { padding: 0 1px; width: 5px; border-bottom: 1px solid #dee7ec; } table.infoTableVertical div.label_radio_container, table.infoTableVertical div.label_check_container { padding-left: 0px; } /* Di�er tablolar */ table.importantInfoTable { font-size: 15px; } table.importantInfoTable td { padding-right: 10px; padding-bottom: 5px; } /* Radio Area */ div.innerAreaNoBorder div.radioArea { margin: 10px 0 0 0; } div.radioArea table td { padding-right: 3px; } div.radioArea table td.even { padding-top: 1px; padding-right: 8px; } div.radioArea span.green { color: #0c5da8; font-weight: bold; } div.radioArea span.red { color: #dd0000; font-weight: bold; } div.radioArea2 table td { padding-right: 3px; padding-bottom: 5px; } div.radioArea2 table td.even { padding-top: 1px; padding-right: 15px; } table.radioTable td { padding-right: 3px; padding-bottom: 5px; } table.radioTable td.even { padding-top: 1px; padding-right: 15px; } table.radioTable span.green { color: #0c5da8; font-weight: bold; } table.radioTable span.red { color: #dd0000; font-weight: bold; } /* Bir tab �izer */ ul.oneTabsArea { position: relative; display: block; color: #666666; text-decoration: none; font-size: 12px; } ul.oneTabsArea li { display: block; float: left; padding: 10px; background-repeat: no-repeat; color: #0c5da8; } ul.oneTabsArea li td { padding: 0 2px; } ul.oneTabsArea li span { float: right; color: #919191; font-weight: normal !important; font-size: 11px; } ul.oneTabsArea li table { margin: 0 auto; } ul.oneTabsArea li.importantTab { font-weight: bold; font-size: 14px; } /* �ki tab �izer */ ul.twoTabsArea { position: relative; display: block; width: 541px; color: #666666; text-decoration: none; font-size: 12px; } ul.twoTabsArea li { voice-family: "\"}\""; voice-family: inherit; display: block; float: left; padding: 10px; width: 250px; height: 11px; background-repeat: no-repeat; color: White; cursor: pointer; } ul.twoTabsArea li.on { color: #0c5da8; } ul.twoTabsArea li.on:hover { color: #0c5da8; } ul.twoTabsArea li:hover { color: #de188c; } ul.twoTabsArea li td { padding: 0 2px; } ul.twoTabsArea li span { color: White; font-weight: normal !important; font-size: 11px; } ul.twoTabsArea li.on span { color: #919191; } ul.twoTabsArea li:hover span { color: #de188c; } ul.twoTabsArea li.on:hover span { color: #919191; } ul.twoTabsArea li table { margin: 0 auto; } ul.twoTabsArea li#tab01 { background: url("../images/tabs-info3.png") no-repeat scroll 0 3px transparent; } ul.twoTabsArea li#tab01.on { background: url("../images/tabs-info.png") no-repeat scroll 0 0 transparent; } ul.twoTabsArea li#tab02 { background: url("../images/tabs-info2.png") no-repeat scroll 0 3px transparent; } ul.twoTabsArea li#tab02.on { background: url("../images/tabs-info.png") no-repeat scroll 0 0 transparent; } ul.twoTabsArea li.importantTab { font-size: 14px; } ul.twoTabsArea li.importantTab.on { font-weight: bold; } /* Kart ekranlar� */ div.cardImageBig { /*width: 310px;*/ } div.cardImageBig img { max-width: 180px; width: 180px; } div.cardImageBig img.passive { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0.5; -webkit-filter: grayscale(100%); -khtml-opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); filter: gray; filter: url("data:image/svg+xml;utf8,#grayscale"); -moz-transition: all .6s ease; -o-transition: all .6s ease; -webkit-transition: all .6s ease; transition: all .6s ease; /* Chrome 19+ & Safari 6+ */ /* Fade to color for Chrome and Safari */ /* Firefox 10+, IE10 */ /* Fix for transition flickering */ /* fx, safari, opera */ /* IE6-9 */ /* internet explorer */ /* khtml, old safari */ /* mozilla, netscape */ } div.cardImageSmall { float: left; max-width: 50px; width: 50px; } div.cardImageSmall img { max-width: 50px; width: 50px; } div.cardImageSmall img.passive { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0.5; -webkit-filter: grayscale(100%); -khtml-opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); filter: gray; filter: url("data:image/svg+xml;utf8,#grayscale"); -moz-transition: all .6s ease; -o-transition: all .6s ease; -webkit-transition: all .6s ease; transition: all .6s ease; /* Chrome 19+ & Safari 6+ */ /* Fade to color for Chrome and Safari */ /* Firefox 10+, IE10 */ /* Fix for transition flickering */ /* fx, safari, opera */ /* IE6-9 */ /* internet explorer */ /* khtml, old safari */ /* mozilla, netscape */ } div.CardInfoRelated .innerArea { padding: 30px 15px; } div.CardInfoRelated .innerArea div { } div.CardInfoRelated .CardName { margin: 5px 0px 15px 0px; font-size: 20px; color: #0c5da8; } div.CardInfoRelated table.dateTable { } div.CardInfoRelated table.dateTable td.center { text-align: center; width: 15px; } div.CardInfoRelated p.statementDates { color: #e51a92; font-weight: bold; } div.CardInfoRelated .CardDebtArea { margin-top: 20px; } div.CardInfoRelated .CardDebtBox { background: #dee7ec; text-align: center; padding: 20px 0px 20px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } div.CardInfoRelated .CardDebtBox p.CardDebtBoxTitle { color: #0c5da8; font-size: 14px; margin: 0px 0px 2px 0px; } div.CardInfoRelated .CardDebtBox p.CardDebtBoxText { font-size: 18px; color: #0c5da8; margin-bottom: 0px; } div.CardInfoRelated .BoxLinkContainer { width: 100%; padding: 0px 15px; } div.CardInfoRelated div.cardInfoDetail { } div.CardInfoRelated table td.leftPart { } div.CardInfoRelated table td.rightPart { } div.CardInfoRelated table.cardInfoDetail { } div.CardInfo div.cardInfoDetail { float: left; margin-top: -10px; margin-bottom: -10px; margin-left: 19px; padding-bottom: 10px; padding-left: 18px; border-left: 1px solid #dfdfdf; } div.CardInfo div.cardInfoDetail table { margin-top: 11px; width: 400px; } div.CardInfo div.cardInfoDetail table tr.first td { color: #666666; vertical-align: bottom; } div.CardInfo div.cardInfoDetail table tr.first td.important { font-weight: bold; } div.CardInfo div.cardInfoDetail table tr.last td { color: #666666; vertical-align: top; } div.CardInfo div.cardInfoDetail table tr.last td.important { font-weight: bold; } table.cardInfoDetail table.infoTable { max-width: 272px; width: 272px; } table.cardInfoDetail table.infoTable tr { max-width: 272px; width: 272px; } table.cardInfoDetail table.infoTable th { max-width: 50%; width: 50%; } table.cardInfoDetail table.infoTable td { max-width: 50%; width: 50%; } div.HGSInfoRelated div.HGSInfoDetail { padding-top: 8px; padding-left: 8px; max-width: 275px; width: 275px; } div.HGSInfoRelated table td.leftPart { padding-top: 17px; padding-bottom: 10px; background: url('../images/bg-for-card-box-link.png') repeat-y scroll 300px 0 transparent; vertical-align: top; } div.HGSInfoRelated table td.rightPart { padding-top: 17px; padding-bottom: 20px; vertical-align: top; } div.HGSInfoRelated table.HGSInfoDetail { margin-top: -11px; margin-bottom: -10px; } div#HgsProductContainer { padding-top: 10px; } div.HGSInfo { margin-top: -10px; } div.HGSInfo div.HGSInfoDetail { float: left; margin-top: -10px; margin-bottom: -10px; margin-left: 19px; padding-bottom: 10px; padding-left: 18px; border-left: 1px solid #dfdfdf; } div.HGSInfo div.HGSInfoDetail table { margin-top: 11px; width: 400px; } div.HGSInfo div.HGSInfoDetail table tr.first td { color: #666666; vertical-align: bottom; } div.HGSInfo div.HGSInfoDetail table tr.first td.important { font-weight: bold; } div.HGSInfo div.HGSInfoDetail table tr.last td { color: #666666; vertical-align: top; } div.HGSInfo div.HGSInfoDetail table tr.last td.important { font-weight: bold; } table.HGSInfoDetail table.infoTable { max-width: 272px; width: 272px; } table.HGSInfoDetail table.infoTable tr { max-width: 272px; width: 272px; } table.HGSInfoDetail table.infoTable th { max-width: 50%; width: 50%; } table.HGSInfoDetail table.infoTable td { max-width: 50%; width: 50%; } /* Corporate */ div.posViewDate div { float: left; } div.posViewDate input[datepicker] { width: 80px !important; } div.posViewDate span.seperator { float: left; padding: 5px 10px 5px 10px; } /* Ip Restriction */ table.twoColumnSelect { margin: 10px 0; } table.twoColumnSelect select { width: 221px; height: 200px; } table.twoColumnSelect input[type="button"] { margin: 0 15px 2px 15px; } table.twoColumnSelect.downUp select { width: 203px; } div.ipRestrictionDiv { } div.ipRestrictionDiv table.container { margin: 10px 0; } div.ipRestrictionDiv tr.seperator { height: 7px; } div.ipRestrictionDiv td.labeled { width: 90px; } div.ipRestrictionDiv td.dot { width: 10px; text-align: center; font-size: 18px; } div.ipRestrictionDiv input[type="text"] { width: 40px; } div.ipRestrictionDiv input[type="button"] { margin: 5px 0 5px auto; } div.ipRestrictionDiv select { background: #fff !important; } .campaignContainer { min-height: 300px; } .campaignInfoContainer { float: left; margin-top: 35px; width: 312px; } .campaignInfoHeader { margin-bottom: 10px; } .campaignInfoText { margin-bottom: 25px; min-height: 150px; } .campaignActionsContainer { } .campaignImageContainer { float: left; margin: 35px 0px 15px 35px; padding: 0; width: 190px; height: 190px; } .campaignImage { width: 190px; height: 190px; } div.agreement { width: 530px; height: 300px; margin-left: 45px; overflow: scroll; border: 1px solid #EFEEEC; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #EFEEEC; padding: 10px 0px 0px 10px; } div.popupCapsule div.dataListContainer { margin: 0 auto; width: 537px; } div.dataListContainer div.buttonArea {} div.dataListContainer div.buttonArea2 {} div.dataListContainer div.buttonArea3 {} div.dataListContainer div.buttonArea4 {} div.dataListContainer div.criteria { margin-top:20px; } div.dataListContainer div.criteria a.showdetails { float:right; margin-right:0px; margin-top:0px; padding-right:22px; text-align:right; } div.dataListContainer div.criteria a.collapsedetails { float:right; margin-right:0px; margin-top:0px;margin-bottom:15px } div.dataListContainer div.criteria div.innerAreaNoBorder td { height: 25px; } div.dataListContainer div.criteria div.innerAreaNoBorder input[type="radio"], div.dataListContainer div.criteria div.innerAreaNoBorder input[type="checkbox"] { margin-right: 4px; } .filterInfo { float:left} div.dataListContainer div.criteria2 div.filterInfo { float:left; margin-top: 5px; width: 380px; } div.dataListContainer div.criteria2 a.filter { width: 170px; margin-right: -2px;} div.dataListContainer div.filters1 > * { padding-left:0px; } div.dataListContainer div.filters1 { padding: 0px 0; } div.dataListContainer div.filters1 span.period { padding: 5px 0; } div.dataListContainer div.filters1 input.selectbox { } div.dataListContainer div.filters1 p, div.dataListContainer div.filters2 p { font-size:16px; font-weight:bold;} div.dataListContainer div.filters2 .col-lg-3, div.dataListContainer div.filters2 .col-md-3, div.dataListContainer div.filters2 .col-sm-3, div.dataListContainer div.filters2 .col-xs-12 { margin-bottom:10px; } div.dataListContainer div.filters2 > * { } div.dataListContainer div.filters2 { padding: 0px 0 15px 0;} div.dataListContainer div.filters2 div.filters2date > * { float:left; } div.dataListContainer div.filters2 div.filters2date > p { float:none; } div.dataListContainer div.filters2.row1 { height: 17px; } div.dataListContainer div.filters2.row1 input { width: 79px; } div.dataListContainer div.filters2 input.selectbox { width: 232px; } div.dataListContainer div.filters2 input#Comment { border:1px solid #c3d0d8;} div.dataListContainer div.filters2 span.seperator { padding:11px 5px; } div.dataListContainer div.filters2 span.caption { width: 95px; padding: 5px 0 5px 0px; } div.dataListContainer div.filters2 span.caption2 { width: 95px; padding: 5px 0 5px 0px; display:inline-block} div.dataListContainer div.filters2 span.data { width: 295px; padding: 5px 0 5px 0px; } div.dataListContainer div.filters2 .StartDateArea { margin-right:20px;} div.dataListContainer div.filters2 .StartDateArea, div.dataListContainer div.filters2 .FinishDateArea { float:left;} div.dataListContainer button.ButtonList, div.dataListContainer button.ButtonGrid, div.dataListContainer a.printer, div.dataListContainer a.email, div.dataListContainer a.excel, div.dataListContainer a.document, div.dataListContainer a.image, div.dataListContainer a.graphic, div.dataListContainer a.refreshIcon, div.dataListContainer a.deleteBox { height: 34px; display: block; background-image: url("../images/mix-function.png"); background-repeat: no-repeat; float: left; margin-bottom: 0 !important; margin-left: 0 !important; margin-top: 0 !important; margin-right: 6px; padding-left: 34px !important; text-decoration: none; overflow: hidden; color: #0c5da8; line-height: 34px; border: none !important; text-indent: -9999px; padding: 0; } div.dataListContainer a.printer { background-position:0 0; width: 0; } div.dataListContainer a.printer:hover { background-position:0 -34px; width: 0; color: #093175 } div.dataListContainer a.excel { background-position:0px -68px; width: 0; } div.dataListContainer a.excel:hover { background-position:-0px -102px; width: 0; color: #093175 } div.dataListContainer a.document { background-position: 0px -476px; width: 0;} div.dataListContainer a.document:hover {background-position: -0px -510px; width: 0; color: #093175 } div.dataListContainer a.image { background-position: 0px -544px; width: 0;} div.dataListContainer a.image:hover {background-position: -0px -578px; width: 0; color: #093175 } div.dataListContainer a.email { background-position:0px -136px; width: 0; } div.dataListContainer a.email:hover { background-position:0px -170px; width: 0; color: #093175 } div.dataListContainer a.graphic { background-position:0px -204px; width: 0; } div.dataListContainer a.graphic:hover { background-position:0px -238px; width: 0; color: #093175 } div.dataListContainer a.refreshIcon {background-position: 0px -272px;width: 0;} div.dataListContainer a.refreshIcon:hover {background-position: 0px -306px;width: 0;color: #093175} div.dataListContainer a.deleteBox {background-position: 0px -612px;width: 0;} div.dataListContainer a.deleteBox:hover {background-position: 0px -646px;width: 0;color: #093175} div.dataListContainer button.ButtonList { background-position:0px -340px; width: 0; } div.dataListContainer button.ButtonList:hover { background-position:0px -374px; width: 0; color: #093175 } div.dataListContainer button.ButtonGrid { background-position:0px -408px; width: 0; } div.dataListContainer button.ButtonGrid:hover { background-position:0px -442px; width: 0; color: #093175 } div.dataListContainer a.prevLinkButtonLink { display:block; width:20px; height:20px; text-indent:-9999px; background: url("../images/icons-mix-arrows.png") -259px 0 no-repeat; cursor: default; } div.dataListContainer a.nextLinkButtonLink { display:block; width:20px; height:20px; text-indent:-9999px; background: url("../images/icons-mix-arrows.png") -280px 0 no-repeat; cursor: default; } div.dataListContainer a.prevLinkButtonLink.on { background: url("../images/icons-mix-arrows.png") -217px 0 no-repeat; cursor: pointer; } div.dataListContainer a.nextLinkButtonLink.on { background: url("../images/icons-mix-arrows.png") -238px 0 no-repeat; cursor: pointer; } div.dataListContainer table.pager { color: #666666; float: right; font-size: 14px; margin: 0px 20px 0 0; } div.dataListContainer table.pager input { padding: 4px; text-align: right; width: 30px; } div.dataListContainer table.pager td.linkButtonLeft { padding-right: 5px; width: 20px; } div.dataListContainer table.pager td.linkButtonRight { padding-left: 5px; width: 20px; } div.dataListContainer div.label_radio_container { padding-left: 0px; } div.dataListContainer div.criteria div.label_radio_container { padding-left: 0px; } div.dataListDetail { } #dataListHeader { margin-bottom:15px;} table.invisibleTableInfo { display: none; margin: 10px 10px 10px 20px; } table.invisibleTableInfo span { font-weight: bold; font-size: 16px; margin-right: 15px; } /* Diğer */ td.iconButtons { padding-top: 2px !important; padding-right: 10px !important; } td.iconButtons a { float: left; display: block; text-indent: -9999px; margin: 0 3px; } td.iconButtons a.history { background: url("../images/icons-mix-table.png") 0 0 no-repeat; } td.iconButtons a.history:hover { background: url("../images/icons-mix-table.png") 0 -20px no-repeat; } td.iconButtons a.slip { width:17px; height:17px; background: url("../images/icons-mix-table.png") -16px 0 no-repeat; } td.iconButtons a.slip:hover { background: url("../images/icons-mix-table.png") -16px -20px no-repeat; } td.iconButtons a.find { width:17px; height:20px; background: url("../images/icons-mix-table.png") -32px 0 no-repeat; } td.iconButtons a.find:hover { background: url("../images/icons-mix-table.png") -32px -20px no-repeat; } td.iconButtons a.delete { width:17px; height:20px; background: url("../images/icons-mix-table.png") -48px 0 no-repeat; } td.iconButtons a.delete:hover { background: url("../images/icons-mix-table.png") -48px -20px no-repeat; } td.iconButtons a.refresh { width:17px; height:20px; background: url("../images/icons-mix-table.png") -64px 0 no-repeat; } td.iconButtons a.refresh:hover { background: url("../images/icons-mix-table.png") -64px -20px no-repeat; } td.iconButtons a.complete { background: url("../images/icons-mix-table.png") -80px 0 no-repeat; } td.iconButtons a.complete:hover { background: url("../images/icons-mix-table.png") -80px -20px no-repeat; } td.iconButtons a.waiting { background: url("../images/icons-mix-table.png") -96px 0 no-repeat; } td.iconButtons a.waiting:hover { background: url("../images/icons-mix-table.png") -96px -20px no-repeat; } td.iconButtons a.upload { background: url("../images/icons-mix-table.png") -112px 0 no-repeat; } td.iconButtons a.upload:hover { background: url("../images/icons-mix-table.png") -112px -20px no-repeat; } td.iconButtons a.next { background: url("../images/icons-mix-table.png") -128px 0 no-repeat; } td.iconButtons a.next:hover { background: url("../images/icons-mix-table.png") -128px -20px no-repeat; } td.iconButtons a.download { background: url("../images/icons-mix-table.png") -144px 0 no-repeat; } td.iconButtons a.download:hover { background: url("../images/icons-mix-table.png") -144px -20px no-repeat; } td.iconButtons a.prev { background: url("../images/icons-mix-table.png") -160px 0 no-repeat; } td.iconButtons a.prev:hover { background: url("../images/icons-mix-table.png") -160px -20px no-repeat; } td.iconButtons a.next2 { background: url("../images/icons-mix-table.png") -176px 0 no-repeat; } td.iconButtons a.next2:hover { background: url("../images/icons-mix-table.png") -176px -20px no-repeat; } td.iconButtons a.returnright { background: url("../images/icons-mix-table.png") -192px 0 no-repeat; } td.iconButtons a.returnright:hover { background: url("../images/icons-mix-table.png") -192px -20px no-repeat; } td.iconButtons a.filter { background: url("../images/icons-mix-table.png") -209px 0 no-repeat; width: 21px; } td.iconButtons a.filter:hover { background: url("../images/icons-mix-table.png") -209px -20px no-repeat; width: 21px; } td.iconButtons a.reload { background: url("../images/icons-mix-table.png") -230px 0 no-repeat; width: 20px; } td.iconButtons a.reload:hover { background: url("../images/icons-mix-table.png") -230px -20px no-repeat; width: 20px; } td.iconButtons a.stockup { background: url("../images/icons-mix-table.png") -250px 0 no-repeat; } td.iconButtons a.stockup:hover { background: url("../images/icons-mix-table.png") -250px -20px no-repeat; } td.iconButtons a.stockdown { background: url("../images/icons-mix-table.png") -266px 0 no-repeat; } td.iconButtons a.stockdown:hover { background: url("../images/icons-mix-table.png") -266px -20px no-repeat; } td.iconButtons a.buy {width:18px; height:20px; background: url("../images/icons-mix-table.png") -411px 0 no-repeat; } td.iconButtons a.sell { width:18px; height:20px; background: url("../images/icons-mix-table.png") -411px -20px no-repeat; } td.iconButtons a.installment {width:18px; height:20px; background: url("../images/icons-mix-table.png") -432px 0 no-repeat; } td.iconButtons a.installmentCancel {width:18px; height:20px; background: url("../images/icons-mix-table.png") -452px 0 no-repeat; } td.iconButtons a.installmentCancelPending {width:18px; height:20px; background: url("../images/icons-mix-table.png") -474px 0 no-repeat; } td.iconButtons a.installmentPending {width:18px; height:20px; background: url("../images/icons-mix-table.png") -495px 0 no-repeat; } td.iconButtons a.noIndent { text-indent: 0 !important; float:right; } td.history a { width: 16px; height: 20px; display: block; text-indent: -9999px; background: url("../images/icons-mix-table.png") 0 0 no-repeat; } td.history a:hover { background: url("../images/icons-mix-table.png") 0 0 no-repeat; } /* Hesap bilgileri ekranındaki sitiller */ div.accountsContent { font-size:14px; color:#093175;} div.accountsContent h2.total { background: #144371; margin: 20px 0 0 0; padding: 20px 38px 20px 15px; color: white; } div.accountsContent h2.total span { color: #fff; font-size: 13px; margin: 0 0 0 5px; } div.accountsContent h2.total span.rightSpan { margin: 0 5px 0 62px; } div.accountsContent h2.total table.rightTable { float: right; margin-top: -18px; } div.accountsContent h2.total a { float: right; background: url("../images/icons-mix-buttons.png") -21px 0 no-repeat; width:20px; height:20px; text-indent:-9999px; position:relative; } div.accountsContent h2.total a.showAll { background: url("../images/icons-mix-buttons.png") -42px 0 no-repeat } div.accountsContent div.criteria2 { padding-top: 10px; } div.accountsContent div.AccountSaveExcelPrint { padding-bottom: 27px; } /* hesap gruplarının toplam tl ve usd karşılıkları */ div.totalAmount { margin-top:10px; width:400px; } div.totalAmount div.currencyCode { float:left; padding: 8px 0px 0px 3px; width:70px } div.totalAmount div.totalTlAmount{ float:left; margin-left:20px; color:#144371; background-color:#dee7ec; width:300px } div.totalAmount div.totalTlAmount span.amountSpan{font-size: 16px;padding:10px 3px 10px 9px; } div.totalAmount div.totalUSDAmount { float: left; padding: 13px 0px 10px 5px; background-color: #144371; } /* Para karşılığı tooltipi */ span.accountsTooltipInfo { width: 17px; height: 17px; display: inline-block; background: url("../images/icons-mix.png") -129px -71px no-repeat; cursor: pointer; } div.accountsTooltip { width:140px; position:absolute; z-index:2000; display:none; margin: -55px 0 0 -63px; } div.accountsTooltipTop { background: url("../images/tooltip-top.png") 0 0 no-repeat; height:7px; } div.accountsTooltipMid { background: url("../images/tooltip-mid.png") 0 0 repeat-y; padding:0 5px;display:table-cell;width:140px;} div.accountsTooltipMid p { color:White; font-size:14px; text-align:center; } div.accountsTooltipMid p.header { margin-bottom: 5px; } div.accountsTooltipMid p span.fec { color:#de188c !important; padding:0 5px 0 0; } div.accountsTooltipMid p span.fec:hover { color:#de188c !important; padding:0 5px 0 0; } div.accountsTooltipSub { height:13px; background: url("../images/tooltip-sub.png") 0 0 no-repeat; } /* Hesap Kısıtı tooltipi */ span.restrictionTooltipInfo { width: 17px; height: 17px; display: inline-block; background: url("../images/icon-info.png") 0px 0px no-repeat; cursor: pointer; } div.restrictionTooltip { width:140px; position:absolute; z-index:2000; display:none; margin: -5px 0 0 25px; } div.restrictionTooltipTop { background: url("../images/tooltip-top.png") 0 0 no-repeat; height:7px; } div.restrictionTooltipMid { background: url("../images/tooltip-mid.png") 0 0 repeat-y; padding:0 5px;display:table-cell;width:140px;} div.restrictionTooltipMid p { color:White; font-size:12px; text-align:center; text-wrap:normal } div.restrictionTooltipMid p span.fec { color:#ffd000 !important; padding:0 5px 0 0; } div.restrictionTooltipSub { height:13px; background: url("../images/tooltip-mid.png") 0 0 no-repeat; } /* Hesap detayları alanı */ dl.accountDetails { } dl.accountDetails * { font-size:14px; } dl.accountDetails dt.header { float:left; color:#666666; voice-family:"\"}\""; voice-family:inherit; text-align: center; } dl.accountDetails span.accountsTooltipInfo { margin: 0 30px 0 3px; } dl.accountDetails dt.accordion { cursor: pointer; background: #dee7ec; margin: 15px 0px 0px 0px; padding: 15px 20px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } dl.accountDetails dt.accordion.open { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} dl.accountDetails dt.accordion span { display:inline-block; } dl.accountDetails dt.accordion span.accountAlias { font-size:18px; color:#144371; font-weight:bold; } dl.accountDetails dt.accordion span.balance { color:#fff; font-weight:bold; text-align: right; } dl.accountDetails dt.accordion span.unImportant { color: White; font-size: 13px; } dl.accountDetails dt.accordion span.hideShow { position:absolute; margin-top:5px; margin-left:-15px; width:13px; height:9px; background: url("../images/icons-mix-arrows.png") -26px 1px no-repeat; font-size: 0px; } dl.accountDetails dt.accordion.open span.hideShow { background: url("../images/icons-mix-arrows.png") -26px -9px no-repeat; font-size: 0px; } dl.accountDetails dd { margin: 0px; padding: 0px 5px; background: #dee7ec; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } dl.accountDetails dd div.pagingArea { margin:0px !important; } dl.accountDetails dd table tr td span { color:#093175; } dl.accountDetails dd table tr td.buttons { width:50px; max-width:50px; padding-top: 2px; } dl.accountDetails dd table tr td.buttons a { width: 16px; height: 20px; display: block; text-indent: -9999px; float: left; margin-left: 3px; } dl.accountDetails dd table tr td.buttons a.history { background: url("../images/icons-mix-table.png") 0 0 no-repeat; } dl.accountDetails dd table tr td.buttons a.history:hover { background: url("../images/icons-mix-table.png") 0 -20px no-repeat; } dl.accountDetails dd table tr td.buttons a.slip { background: url("../images/icons-mix-table.png") -16px 0 no-repeat; } dl.accountDetails dd table tr td.buttons a.slip:hover { background: url("../images/icons-mix-table.png") -16px -20px no-repeat; } dl.accountDetails dd table tr td.buttons a.details { background: url("../images/icons-mix-table.png") -32px 0 no-repeat; } dl.accountDetails dd table tr td.buttons a.details:hover { background: url("../images/icons-mix-table.png") -32px -20px no-repeat; } /* infoHeader */ div.infoHeader div.tableHeader { margin: 5px 0 0; font-size: 16px; } div.infoHeader span.tableCaption { color: #0c5da8; font-weight: bold; float: left; } div.infoHeader a.unImportant { float: right; font-size: 14px; text-align: center; margin: 2px 0 0; } div.infoHeader span.captionSeperator { color: #919191; float: right; font-size: 16px; } /* pagingArea */ div.pagingArea { margin-top:20px;} div.pagingArea table { width: 100%; } div.pagingArea table tr.seperatorTr { height: 10px; } div.pagingArea table tr th { font-size:16px; color:#3C3C3C; padding: 10px; border-bottom:1px solid #dee7ec; border-right:1px solid #dee7ec; text-align: left; -ms-word-wrap: break-word; word-wrap: break-word; } div.pagingArea table tr th.headerColor { color: #6b7982; } div.pagingArea table tr th.noBorder { border-bottom-width: 0; border-right-width: 0; } div.pagingArea table tr td { font-size:14px; font-weight:500; padding:10px; border-bottom:1px solid #DEDEDE; vertical-align:middle; overflow: hidden; -ms-word-wrap: break-word; word-wrap: break-word; } div.pagingArea table tr td.noBorder { padding:0; border-bottom-width: 0; } div.pagingArea table tr td.pagerTd { vertical-align: middle; } div.pagingArea table tr td.status.plus { background: url("../images/icon-status-green.png") left center no-repeat; } div.pagingArea table tr td.status.minus { background: url("../images/icon-status-red.png") left center no-repeat; } div.pagingArea table tr td.status.gold { background: url("../images/icon-status-gold.png") left center no-repeat; } div.pagingArea table tr td.money { text-align: right !important; } div.pagingArea table tr td.money.plus { color:#0c5da8; } div.pagingArea table tr td.money.minus { color: #dd0000; } div.pagingArea table tr td.left { text-align: left !important; } div.pagingArea table tr td.right { text-align: right !important; } div.pagingArea table tr th.left { text-align: left; padding-left: 5px; } div.pagingArea table tr th.right { text-align: right; } div.pagingArea table tr td.bold { font-weight:bold; } div.pagingArea table tr.boderedBottom { border-bottom: 3px solid #dee7ec; } /* Hesap hareketleri */ div#chart { width:473px; height:163px; margin:10px auto; background: url("../images/chart-bg.png") 0 0 no-repeat; padding:6px; voice-family:"\"}\""; voice-family:inherit; } div#innerChart { width:473px; height:163px; } /* Tanımlı Alıcılar - Eski Gönderiler */ div.TransactionHeader { margin-bottom:10px; } div.TransactionHeader .table { margin:0 !important;} div.TransactionHeader .table tr td { border:none !important;} li.Oldtrans { display:none; } div.TransactionTable { display:none; margin: 10px 0; } div.TransactionTable a.ButtonWideShort { padding: 5px 10px; } div.TransactionTable tr:Hover { cursor: auto; } div.TransactionHeader div.comboIcon { float:right; width:13px; height:10px; display:block; background: url("../images/icons-mix-arrows.png") 0 -10px no-repeat; } div.TransactionHeader:hover div.comboIcon { background: url("../images/icons-mix-arrows.png") -13px -10px no-repeat; } div.TransactionHeader div.comboIconReverse { float:right; width:13px; height:6px; display:block; background: url("../images/icons-mix-arrows.png") 0 0 no-repeat; } div.TransactionHeader:hover div.comboIconReverse { background: url("../images/icons-mix-arrows.png") -13px 0 no-repeat; } div.TransactionHeader tr:Hover span { font-weight: bold; } div.DefinedUsers { margin-top:20px; } span.DefinedUsers { display : inline-block; } div.DefinedUsers a.ButtonWideShort2{ float:right; } /*KAYIT DEFTERI*/ div#oldTransactionContainer { margin-top: 10px; margin-right: 10px; overflow: hidden; background:url(../images/agent-bg.png) center 0 no-repeat; width:627px; height:486px; position:relative; } div#oldTransactionContainer div#shadow { position:absolute; top:5px; right:292px; width:71px; height:450px; background:url(../images/agent-shadow.png) no-repeat 0 0; } div#oldTransactionContainer div#header { padding:35px 55px 15px 55px; voice-family:"\"}\""; voice-family:inherit; } div#oldTransactionContainer div#headerLeft { float:left;} div#oldTransactionContainer div#headerLeft h1 { margin: 5px 0 0; color:#093175; font-size:14px; font-weight:bold; } div#oldTransactionContainer div#searchArea { float:right; } div#oldTransactionContainer div#contentGuide { margin:0 auto; width:518px; height:361px; } div#oldTransactionContainer div#contentGuide ul#guide li { display:inline-block; border-top: solid #DEDEDE 1px; width:259px; height:58px; float:left; } div#oldTransactionContainer div#contentGuide ul#guide li div.guidePeople { border-right: 1px solid #DEDEDE; float: left; height: 46px; padding: 12px 5px 0 5px; min-width: 35px; } div#oldTransactionContainer div#contentGuide ul#guide li div.guideInformation { float: left; height: 52px; padding: 8px 0 0 10px; width: 172px; } div#oldTransactionContainer div#contentGuide ul#guide li.even div.guidePeople { padding: 12px 5px 0 21px; min-width: 35px; } div#oldTransactionContainer div.guideInformation h3 { font-weight:bold; font-size:12px; color:#0c5da8; line-height:16px; height: 17px; overflow: hidden; } div#oldTransactionContainer div.guideInformation p { font-size:12px; color:#666666; line-height:15px; overflow: hidden; height: 15px; } /*div#contentGuide [opened="true"] div.innerAreaWithHover:hover div.innerAreaNoBorder { position:relative; }*/ /*div#contentGuide [opened="true"] div.innerAreaWithHover:hover div.innerAreaNoBorderWithHoverTop { background:url(../images/inner-area-noborder-hover-top.png) no-repeat scroll 0 0 transparent; height: 5px; } div#contentGuide [opened="true"] div.innerAreaWithHover:hover div.innerAreaNoBorderWithHoverSub { background:url(../images/inner-area-noborder-hover-sub.png) no-repeat scroll 0 0 transparent; height: 5px; }*/ div#oldTransactionContainer div#pager ul { margin: 30px auto; } div#oldTransactionContainer div#pager ul li { float:left; } div#oldTransactionContainer div#pager ul li a { background:url(../images/agent-point-button.png) 0 0 no-repeat; text-indent:-9999px; width:5px; height:6px; margin:1px 10px 0 10px; display:block; } div#oldTransactionContainer div#pager ul li a:hover, div#oldTransactionContainer div#pager ul li a.on { background-position: 0 -8px; } .multiDropDown { font-size: 13px; color: #6b7982; text-decoration: none; -moz-outline: none; outline: none; } .multiDropDown span.value { display: none; } .multiDropDown .important { font-weight:bold; color: #1f478c; } .multiDropDown dd, .multiDropDown dt, .multiDropDown ul { margin: 0px; padding: 0px; } .multiDropDown dt:hover { } .multiDropDown dt div { margin: 0; background: no-repeat scroll right center; cursor: pointer; display: block; padding: 1px; } .multiDropDown dd { position: relative; z-index: 7000; } .multiDropDown dd div.ulOuterContainer { position:relative; margin: 0px -15px 0px -15px; } .multiDropDown dd div.ulOuterContainer .ulSubBorder { display:none !important;} .multiDropDown dd div.ulOuterContainer div.ulContainer { display: block; visibility:hidden; max-height: 220px; padding: 0px !important; position: absolute; top: 15px; width: 100% !important; z-index: 10000; overflow: auto; border:5px solid #d2dde4; } .multiDropDown dd div.ulOuterContainer div.ulContainer .jspContainer { width:100% !important;} .multiDropDown dd div.ulOuterContainer div.ulContainer .jspContainer .jspPane { width:100% !important;} .multiDropDown dd div.ulOuterContainer div.ulContainer ul { background: none repeat scroll 0 0 #FFFFFF; list-style: none outside none; width: 100%; z-index: 10000;} .multiDropDown dd div.ulOuterContainer div.ulContainer ul li div { padding: 1px 0 0 5px; display: block; cursor: pointer; } .multiDropDown dd div.ulOuterContainer div.ulContainer ul li div:hover { } .multiDropDown dd div.ulOuterContainer div.ulContainer ul li.even { background-color: #d5e0e8; border-bottom:1px solid #fff; } .multiDropDown dd div.ulOuterContainer div.ulContainer ul li.odd { background-color: #d5e0e8; border-bottom:1px solid #fff;} .multiDropDown dd div.ulOuterContainer div.ulContainer ul li.active { background-color: #8d9ead; color:#fff; } .multiDropDown dd div.ulOuterContainer div.ulContainer ul li.passive { color: #919191; font-size: 12px; font-weight: normal; } .multiDropDown dd div.ulOuterContainer div.ulContainer ul li.passive div:hover { color: #919191; } .multiDropDown dd div.ulOuterContainer div.ulContainer ul li.passive .important { color: #919191;} .multiDropDown dd img { margin-left:-20px; position: absolute; display: none; } .multiDropDown .SelectedAccountData { display: none; } .multiDropDown .SelectedCreditCardData { display: none; } .multiDropDown img.cardImage { float: left; position: relative; margin: 6px 8px 0 0; display: inline; } /****************************************************************************/ div.imgListContainer span { display : none; } div.imgListContainer span.name { display : block; } div.imgListContainer .dropdown-menu, div.imgListContainer2 .dropdown-menu { float: left; width: 100%; height: 200px; overflow-y:scroll; padding: 5px 0; margin: 0px -5px; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border-radius: 4px; } div.imgListContainer div.leftDiv { } div.imgListContainer div.leftDiv a { display:block; text-align:left; font-weight:400; width:100%;} div.imgListContainer div.leftDiv #FilterimgListArea, div.imgListContainer div.leftDiv #FilterimgListArea .btn-group { width:100%;} /*div.imgListContainer div.leftDiv div.ktImage { background: url("../images/bg-for-kt-area.png") no-repeat scroll 0 0 transparent; height: 74px; margin: 3px 0 0 3px; }*/ div.imgListContainer div.leftDiv div.ktImage { background: url("../images/profile-icon-man-color.png") no-repeat scroll 0 0 transparent; height: 69px; margin: 3px 0 0 25px; } div.imgListContainer div.leftDiv ul.bigItem li { cursor: pointer; height: 49px; width:120px; text-align:center; border:3px solid Transparent; } div.imgListContainer div.leftDiv ul.bigItem li:hover { border:3px solid #EEEEEE; } div.imgListContainer div.leftDiv ul.bigItem li.selectedImageItemDiv { border: 3px solid #de188c !important; } div.imgListContainer div.leftDiv ul.bigItem li p { margin: 4px 10px; } div.imgListContainer div.leftDiv a { font-size:14px; color:#0c5da8; text-decoration:none; voice-family:"\"}\""; voice-family:inherit; } div.itemListContainer ul { padding: 4px 0; } div.itemListContainer ul li { margin-left: 5px; margin-right: 10px; } div.itemListContainer ul li div { font-size: 11px; color: #6b7982; cursor: pointer; text-decoration: none; display: block; border-bottom: 1px solid #DEDEDE; padding: 5px 0 5px 5px; overflow: hidden; max-width: 88px; } div.itemListContainer ul li div span.value { display: none; } div.itemListContainer ul li.first div { border-top: 0 none; } div.itemListContainer ul li.last div { border-bottom: 0 none; } div.itemListContainer ul li div:hover { background-color: #de188c; } div.itemListContainer ul li div.selectedItemDiv { background-color: #0c5da8; color: #fff; } div.imgListContainer div.rightDiv { } div.imgListContainer div.rightDiv a { display:block; font-weight:400; text-align:left; width:100%;} /*div.imgListContainer div.rightDiv #FilterCompanyListArea, div.imgListContainer div.rightDiv #FilterCompanyListArea .btn-group { width:100%;}*/ div.imgListContainer div.rightDiv div.rightDivHeader { background:url(../images/bg-for-otherbanks-header.png) 0 0 no-repeat; margin: 3px 3px 0; } div.imgListContainer div.rightDiv div.rightDivHeader span { color:#0c5da8; display: block; font-weight: bold; padding: 5px; } div.imgListContainer div.rightDiv a#prevLinkButton { display:none; width:20px; height:20px; text-indent:-9999px; background-repeat:no-repeat; position:absolute; top:93px; z-index:20; } div.imgListContainer div.rightDiv a#nextLinkButton { display:none; width:20px; height:20px; text-indent:-9999px; background-repeat:no-repeat; position:absolute; top:93px; z-index:20; } div.imgListContainer div.rightDiv a#prevLinkButton.on { left:-10px; background: url("../images/icons-mix-arrows.png") no-repeat scroll -217px 0 transparent; cursor: pointer; display: block; } div.imgListContainer div.rightDiv a#nextLinkButton.on { right:-10px; background: url("../images/icons-mix-arrows.png") no-repeat scroll -238px 0 transparent; cursor: pointer; display: block; } div.imgListContainer div.rightDiv ul { position:absolute; left:0; height:156px; z-index:18; } div.imgListContainer div.rightDiv ul div {} div.imgListContainer div.rightDiv ul li { } div.imgListContainer div.rightDiv ul li:hover { } div.imgListContainer div.rightDiv ul li.selectedImageItemDiv { } div.searchBank { float: left; padding-left: 142px; margin-bottom: 9px; width: 362px; } div.searchCompany { float: left; padding-left: 142px; margin-bottom: 9px; width: 362px; } div.oldTransactions { float: right; margin-right: 10px; } /**Yeni Para Transferi Css*/ div.searchBank2 { float: left; padding-left: 15px; margin-bottom: 9px; width: 362px; } div.imgListContainer2 span { display : none; } div.imgListContainer2 a span { display : block !important; } div.imgListContainer2 span.name { display : block; } div.imgListContainer2 div.rightDiv { } div.imgListContainer2 div.rightDiv div.rightDivHeader { background:url(../images/bg-for-otherbanks-header.png) 0 0 repeat; margin: 3px 3px 0; } div.imgListContainer2 div.rightDiv div.rightDivHeader span { color:#0c5da8; display: block; font-weight: bold; padding: 5px; } div.imgListContainer2 div.rightDiv a#prevLinkButton { display:none; width:20px; height:20px; text-indent:-9999px; background-repeat:no-repeat; position:absolute; top:93px; z-index:20; } div.imgListContainer2 div.rightDiv a#nextLinkButton { display:none; width:20px; height:20px; text-indent:-9999px; background-repeat:no-repeat; position:absolute; top:93px; z-index:20; } div.imgListContainer2 div.rightDiv a#prevLinkButton.on { left:-10px; background: url("../images/icons-mix-arrows.png") no-repeat scroll -217px 0 transparent; cursor: pointer; display: block; } div.imgListContainer2 div.rightDiv a#nextLinkButton.on { right:-10px; background: url("../images/icons-mix-arrows.png") no-repeat scroll -238px 0 transparent; cursor: pointer; display: block; } div.imgListContainer2 div.obSlider { position:relative; overflow:hidden; width:480px; height:145px; } div.imgListContainer2 div.obSlider ul { position:absolute; top:0; left:0; height:156px; z-index:18; } div.imgListContainer2 div.obSlider ul div { float: left; width: 120px; } div.imgListContainer2 div.obSlider ul li { height:43px; float: left; width:114px; border:3px solid White; } div.imgListContainer2 div.obSlider ul li:hover { border:3px solid #EEEEEE; } div.imgListContainer2 div.obSlider ul li.selectedImageItemDiv { border: 3px solid #de188c !important; } div#DivMenu ul li { height:88px; float: left; border:3px solid White; } div#DivMenu ul li:hover { border:3px solid #EEEEEE; } div#DivMenu ul li.selectedImageItemDiv { border: 3px solid #de188c !important; } div#DivMenu div.bankmenu { cursor: pointer; } div#DivMenu div.bankmenu span{ font-weight: bold; font-size: 11px; color: #1F478C;} /****************************************************************************/ div.cityBranchDiv { } div.cityBranchDiv span.bankidvalue { display: none; } /*div.cityList { } div.cityList ul li, div.branchList ul li { margin-right: 15px; margin-left:6px; } div.cityList ul li div, div.branchList ul li div { font-size: 11px; color: #6b7982; cursor: pointer; text-decoration: none; display: block; border-bottom: 1px solid #D4D4D4; border-top: 1px solid #fff; padding: 5px 0 5px 25px; } div.cityList ul li div span.value, div.branchList ul li div span.value { display: none; } div.cityList ul li.first div, div.branchList ul li.first div { border-top: 0 none; } div.cityList ul li div:hover, div.branchList ul li div:hover { background-color: #de188c; } div.cityList ul li div.selectedCityDiv, div.branchList ul li div.selectedBranchDiv { background-color: #0c5da8; color: #fff; } div.branchList { width: 290px; height: 172px; position: relative; float: left; margin: 6px 0 0 5px; } div.branchList ul li div span.column1 { display: inline-block; width: 75%; } div.branchList ul li div span.column2 { display: inline-block; width: 20%; text-align: right; }*/ .BranchDiv span.column1 { width: 45% !important; float: left;} .BranchDiv span.column2 { width: 50%; text-align: right; float: left;} .selectpicker span.text { width:100%;} div.searchBranch { width:295px; float:left; margin-bottom: 5px; } div.searchBranch a.orderByName { padding:5px 0 0 15px; width:40% } div.searchBranch a.orderByCode { padding:5px 0 0 15px; width:auto; } div.activeBank { width:211px; float:left; } /* Resimli se�im alan� sitilleri */ div.imageOptionsContainer { float: left; position: relative;} div.imageOptionsContainer li { float: left; border:3px solid White; position:relative; margin-right:2px; } div.imageOptionsContainer li:hover { border:3px solid #EEEEEE; } div.imageOptionsContainer li.selected { border:3px solid #de188c !important; } div.imageOptionsContainer p { color: #6b7982; font-size: 15px; margin: 10px 0 10px 59px; text-align: center; text-decoration: none; width: 90px; } div.imageOptionsContainer p.oneRow { margin: 20px 0; width: auto; } div.imageOptionsContainer img.absoluteImage { position: absolute; top: 17px; left:11px} /* FutureDated */ div.futureDatedArea { padding: 0 !important; } div.futureDatedArea.hasCurrency p { } div.futureDatedArea { } div.futureDatedArea p.point { padding: 22px 8px 0px 8px; float:left; } div.futureDatedArea p.currency { } div.futureDatedArea input.integer { width: 40%; text-align: right; } div.futureDatedArea input.decimal { width: 30px; } div.futureDatedArea div.Error { margin-left: 0; padding-top: 12px; text-align: center; width: 455px; } div.futureDatedArea div.Error p { width: 455px; } /* Genel ayıraçlar ve kutular */ div#content-2 { /*min-height: 520px;*/ } div.contentTop { } div#mainCapsule #contentCapsule { margin-top: 60px !important; } div.contentCenter { margin: 0 auto; } div.contentCenterTwo { margin: 0 auto; } div.contentCenterTwoMid { background-color:rgba(255, 255, 255, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:15px; } .noneKeyboard div.label_radio_container .icon, .noneKeyboard div.label_radio_container .label1, .noneKeyboard div.label_radio_container .label2, .noneKeyboard div.label_check_container .icon, .noneKeyboard div.label_check_container .label1, .noneKeyboard div.label_check_container .label2 { display: inline-block; *display: inline; margin-top: 2px; margin-right: 9px; vertical-align: middle; -ms-zoom: 1; zoom: 1; color: #194e91 !important; font-weight: 500; } div.contentCenterTwoTop { display:none; } div.contentCenterTwoSub { display:none; } div.loginInnerArea img.loginLock { position: absolute; top: 60px; right: 0px; } div.mainLeftContent { } div.mainLeftContentTop { width: 690px; height: 3px; background: url(../images/login-main-left-content-top.png) 0 0 no-repeat; } div.mainLeftContentCenter { } div.mainLeftContentCenter ul.mainContentMenu { margin: 0 auto; padding: 32px 19px 19px 19px; width: 654px; } div.mainLeftContentCenter ul.mainContentMenu li { float: left; width: 145px; } div.mainLeftContentBottom { width: 690px; height: 2px; background: url(../images/login-main-left-content-bottom.png) 0 0 no-repeat; } div.mainInnerContentCenter { } div.mainInnerContentCenter h2 { padding: 30px 0 0px 00px; color: #194e91; font-weight: bold; font-size: 14px; } div.menuContentCenter { } div.menuLeft { position: absolute; top: 270px; left: 50px; width: 10px; height: 174px; background: url(../images/inner-area-long-left.png) 0 0 no-repeat; } ul.menuContents li { float: left; } ul.menuContents li.FirstListItem { } ul.menuContents li div.seperator { float: left; margin: 10px 10px 20px 1px; width: 10px; height: 127px; border-right: 1px solid #d4d4d4; } div.contentCenter div.otpLoginErrorArea { margin: 30px 0px 0px 0px; } /*div.contentCenter div.loginErrorArea { margin: 30px 0px 0px 0px; } }*/ div.contentCenterTwoMid div.loginErrorArea { margin-left: 0px; } #loginFormErrorArea .validation-summary-errors > div { font-size: 16px !important; color: #DD0000 !important; padding: 3px 0 0 6px; font-weight: 600; margin-bottom: 0px; } #loginFormErrorArea { padding-top: 15px; display: flex; } .whiteBackgroundCheckBox { background: white; padding: 16px 0px 11px 16px !important; border-radius: 10px; } .whiteBackgroundCheckBox .label1 { font-size: 14px; } #RoleId_container { font-weight: 600; } div.contentCenter div.messageComponentContainer { margin: 0; font-size: 12px; } div.noteCapsulePopup { min-height: 0; } div.infoMessage { margin-left:30px; } div.videoContainer { display: none; } div.demoContainer { display: none; } div.contentCenterTwoMid div.loginRightPart { position: relative; display: inline-block; *display: inline; margin-left: 31px; min-height: 415px; width: 150px; vertical-align: top; -ms-zoom: 1; zoom: 1; } /* Diğer sayfalar */ div.infoBullets { padding-right:45px; } div.infoBullets span { color: #fff; font-size: 13px; } /* Dış alan */ div#safeLinks { float: left; } div#safeLinks a { voice-family: "\"}\""; voice-family: inherit; display: block; margin: 34px 0px 0px 0px; padding-top: 0px; padding-left: 34px; width:120px; height:33px; background: url(../images/security.png) 0px 3px no-repeat; color: #a2afb7; text-align: left; text-decoration: none; font-weight: normal; font-size: 13px; } div#mobileBranchLink { float: left; margin-right:25px; } div#mobileBranchLink a { voice-family: "\"}\""; voice-family: inherit; display: block; margin: 34px 0px 0px 0px; padding-top: 0px; padding-left: 26px; width:100px; height:33px; background: url(../images/mobilsube.png) 0px 3px no-repeat; color: #a2afb7; text-align: left; text-decoration: none; font-weight: normal; font-size: 13px; } /* Yazı sitilleri */ div.titleIcon { margin: 0px auto; width: 70px; height: 70px; background: url(../../../icons/security.png) 0 0 no-repeat; } .line-1 { position: relative; left: -18px; margin: 10px 0; width: 249px; height: 2px; background: url(../images/line.png) 0 0 no-repeat; } .title-2 { color: #0c5da8; font-weight: bold; font-size: 13px; } .info-phone { color: #fff; text-align: center; font-size: 18px; height: 28px; padding:4px 0px 0px 25px; } .info-1 { color: #fff; font-size: 11px; } .info-2 { margin: 6px 0px 20px 0px; color: #48555d; text-align: left; font-size: 11px; line-height: 12px; } .info-4 { margin-bottom: 4px; color: #48555d; text-align: center; font-size: 13px; line-height: 14px; } .info-6 { margin-top: 90px; color: #48555d; text-align: left; font-weight: 400; font-size: 16px; } .boxlink { display: block; margin-right: auto; margin-left: auto; padding-top: 5px; width: 220px; height: 24px; background-color:rgba(255, 255, 255, 0.3); color: #FFF; text-align: center; font-weight: bold; font-size: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } /* MagicVirtualPadLayer */ div#MagicVirtualPadLayer { position: absolute; top: -172px!important; left: 372px!important; z-index: 1; padding: 5px 15px 15px 15px; background: #233254; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } *:first-child + html div#MagicVirtualPadLayer { top: 28px!important; } div#MagicVirtualPadLayer div { margin: -15px auto 0 auto; width: 420px; height: 100px; } div#MagicVirtualPadLayer table tr td a, div#MagicVirtualPadLayer table tr td input[type="button"] { padding-top: 3px; color: #fff; vertical-align: 0; text-align: center; text-decoration: none; font-weight: bold; font-size: 12px; } div#MagicVirtualPadLayer table tr td a:hover, div#MagicVirtualPadLayer table tr td input[type="button"]:hover { color: #fff; } div#MagicVirtualPadLayer table tr td a.keyboardClose { display: block; float: right; width: 10px; height: 10px; } div#MagicVirtualPadLayer table.sk_harfler tr td input[type="button"], div#MagicVirtualPadLayer table.sk_numaralar tr td input[type="button"], div#MagicVirtualPadLayer table.sk_karakterler tr td input[type="button"] { width:29px; height:26px; } div#MagicVirtualPadLayer table tr td#qkeyboard a { display: block; padding: 4px 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #32446d; } div#MagicVirtualPadLayer table tr td#caps a { display: block; padding: 4px 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #32446d; } div#MagicVirtualPadLayer table tr td#fkeyboard a { display: block; padding: 4px 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #32446d; } div#MagicVirtualPadLayer table tr td#alphabetical a { display: block; padding: 4px 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #32446d; } div#MagicVirtualPadLayer table tr td#delete a { display: block; padding: 4px 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #32446d; } div#MagicVirtualPadLayer table tr td#mix a { display: block; padding: 4px 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #32446d; } div#MagicVirtualPadLayer table tr td#qkeyboard a:hover { background: #486e9e; } div#MagicVirtualPadLayer table tr td#caps a:hover { background: #486e9e; } div#MagicVirtualPadLayer table tr td#fkeyboard a:hover { background: #486e9e; } div#MagicVirtualPadLayer table tr td#alphabetical a:hover { background: #486e9e; } div#MagicVirtualPadLayer table tr td#delete a:hover { background: #486e9e; } div#MagicVirtualPadLayer table tr td#mix a:hover { background: #486e9e; } div#MagicVirtualPadLayer table tr td input[type="button"] { display: block; padding: 1px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #32446d !important; border: none !important; width: 100%; height: auto; } div#MagicVirtualPadLayer table tr td input[type="button"]:hover { background: #486e9e !important; } div#MagicVirtualPadLayer table tr a.keyBoard1:hover { background: #486e9e; } div#MagicVirtualPadLayer table tr td { padding: 1px; } #content-2 #leftPart input[type="submit"], #content-2 #leftPart input[type="button"] { voice-family: "\"}\""; voice-family: inherit; color: #fff; font-size: 13px !important; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color:rgba(255, 255, 255, 0.3); border:2px solid #fff ; } #content-2 #leftPart .loginLeftPart input[type="submit"]:hover, #content-2 #leftPart .loginLeftPart input[type="button"]:hover { background-color:rgba(255, 255, 255, 0.3); border:2px solid #fff; } input#internetBranch:hover, input[type="button"]:hover { background-color:rgba(255, 255, 255, 0.3); border:2px solid #fff; } p.infoPhone { color: #4f4f4f; font-size: 16px; font-weight: 600; } p.infoMessage { color: #666666; font-size: 12px; } p#loginHeaderText { color: #fff; font-weight: normal; font-size: 14px; padding:15px 0px 0px 15px; line-height:normal; } ul.formArea + p.infoMessage { margin: 30px 0px 15px 0px; color: #48555d; font-size: 12px; } div.securitySeperator { width: 8px; height: 8px; } /* Tablar */ div#tab-links a { display: block; float: left; margin: 20px 20px 0px 0px; color: #a5b4bd; text-decoration: none; font-weight: 400; font-size: 15px; } div#tab-links a.active { color: #194e91; font-weight: 500; } /* Logout */ div.logout-top { padding: 30px 0px 0px 0px; } div.infoArea div { padding: 0px 0 5px 0; } /* Dil */ div.language { float: left; margin: 35px 0px 0px 18px; } div.language a { display:block; color: #fff; background:#a2afb7; text-decoration: none; font-weight: normal; font-size: 14px; padding:7px 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* Login form */ div.loginForm { padding-top: 30px; } div.loginForm p { font-size: 16px; margin: 0px; padding:0px 0px 5px 0px; } .userVerification { padding: 10px 0px 0px 10px; } div.mainLeftContentCenter div.innerArea { background: none; padding: 0px; } div.mainLeftContentCenter div.infoArea { padding: 0px; background:none;} div.mainLeftContentCenter div.infoArea.password { background:none;} div.loginForm table { color: #48555d; font-size: 14px; } div.loginForm table tr td { padding: 5px 10px; text-align: left; } div.loginForm table.tableNoPadding tr td { margin: 0px; padding: 0px; } div.loginForm input[type="text"] { width: 100%; height: 40px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #4f4f4f; font-size: 16px !important; font-weight: 600; /*margin-bottom:20px;*/ } div.loginForm input[type="password"] { width: 100%; height:40px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom:20px; color: #4f4f4f; font-size: 16px !important; font-weight: 600; } div.loginForm input[type="submit"],div.btnClass { float: left; } div.loginForm input[type="image"] { float: right; } div.loginForm a.question { float: none; } div.loginForm tr.helpRow { height: 40px; } div.loginForm span.important { color: #fff; font-weight: bold; font-size: 14px; } div.header { color: #fff; font-weight: bold; font-size: 15px; } div.mainLeftContentCenter div.pageInnerCapsule h2 { color: #48555d; font-weight: bold; font-size: 14px; margin: 0; } div.newPassword { padding: 0px; font-size: 11px; padding:0px !important; color:#b2c4d3; } div.newPasswordContent { width:224px; margin-right:20px; } div.newPasswordContent p { color: #154c93 !important; } div.popupCapsule div.loginForm.mobileSignArea { margin: 0 0 0 140px; min-height: 200px; } #corporateFirmName { float: left; margin-top: 5px; height: 19px; color: #0c5da8; font-weight: bold; font-size: 12px; cursor: pointer; } #corporateUserName { float: left; margin-top: 5px; height: 19px; color: #0c5da8; font-weight: bold; font-size: 12px; cursor: pointer; } #retailUserName { float: left; margin-top: 5px; height: 19px; color: #0c5da8; font-weight: bold; font-size: 12px; cursor: pointer; } #corporateFirmNameToolTip { position: absolute; } #corporateUserNameToolTip { position: absolute; } #retailUserNameToolTip { position: absolute; } /* BackButton */ div.backbuttonarea { float: left; margin: 20px 0px 0px 0px; } /* Logout */ div.closeButton { margin: 10px auto; width: 537px; text-align: center; } /* Login Footer */ div.footerContent { margin: 0px auto 30px auto; padding:15px 30px; background-color:rgba(4, 25, 44, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.footerContent span.footerNumber { float: left; margin: 15px 0 0 150px; color: #0c5da8; font-size: 18px; } div.footerContent span.footerNumber:before { float: left; width: 22px; height: 22px; display:block; content: url('../images/phone.png'); margin:0 10px 0 0; } div.footerContent .veriSign { float:left; margin-right:60px; } div.footerContent .veriSign a { display: block; width: 74px; height:40px; background: url(../images/nsec.png) 0 0 no-repeat; text-indent: -9999px; } div.footerContent .KisiselVeriler, div.footerContent .MobilSube, div.footerContent .Guvenlik { float:left; } div.footerContent .KisiselVeriler a { display: block; width:204px; color:#fff; text-decoration:none; font-size:13px; padding-left:40px; background: url(../images/kisiselveriler.png) 0px 5px no-repeat; } div.footerContent .MobilSube a { display: block; width:155px; color:#fff; text-decoration:none; font-size:13px; padding-left:40px; background: url(../images/footer-mobilsube.png) 0px 5px no-repeat; } div.footerContent .Guvenlik a { display: block; width:155px; color:#fff; text-decoration:none; font-size:13px; padding-left:40px; background: url(../images/footer-security.png) 0px 5px no-repeat; } div.footerContent .PhoneNumber { float:right; padding-top:5px; } /* Login Klavye */ div.keyboardContainer { position: relative; display: none; } .noneKeyboard { margin: 10px 0 0; color: #666666; font-size: 12px; } /* Sms klavye */ #hiddenkeyboard { position: absolute; margin: -19px 0 0 156px; } #hiddenkeyboard .numberTop { width: 122px; height: 5px; background: url(../images/number-top.png) 0 0 no-repeat; } #hiddenkeyboard .numberCenter { width: 122px; background: url(../images/number-repeat.png) 0 0 repeat-y; } #hiddenkeyboard .numberCenter span a { display: block; padding-top: 5px; color: #0c5da8; text-align: center; text-decoration: none; font-size: 12px; } #hiddenkeyboard .numberPosition { margin-left: 3px; } #hiddenkeyboard .numberPosition table tr td { padding: 2px 3px 2px 3px; } #hiddenkeyboard .numberBottom { margin-bottom: 3px; width: 122px; height: 4px; background: url(../images/number-bottom.png) 0 0 no-repeat; } #hiddenkeyboard .smallNumber { display: block; width: 23px; height: 27px; background: url(../images/number-small.png) 0 0 no-repeat; } #hiddenkeyboard .smallNumber a { height: 21px; } #hiddenkeyboard .numberDelete { display: block; width: 23px; height: 59px; background: url(../images/number-delete.png) 0 0 no-repeat; } #hiddenkeyboard .numberDelete a { height: 52px; text-indent: -9999px; } /* Smsotp */ div.phoneNumberArea { margin: 5px 0px 0px 0px; } div.phoneNumberArea.on { margin: 0px 0px 0px 0px; } div.phoneNumberArea p { margin: 0 0 10px 0; } select { float: left; width: 100%; padding: 5px 40px 5px 15px; height: 60px; border: 1px solid #c3d0d8; color: #48555d; text-decoration: none; font-weight: normal; font-size: 12px !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border-radius: 10px; /*background: url(../images/dropdown-arrow.png) right 22px no-repeat #fff;*/ background-size: 15px; background-position: right 15px top 39%, right 15px bottom 38%; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Cpath d=%22M6 3L0 9h12z%22 fill=%22%2325334266%22/%3E%3C/svg%3E'), url('data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Cpath d=%22M6 9L0 3h12z%22 fill=%22%2325334266%22/%3E%3C/svg%3E'); } select[disabled] { /*background: url(../images/dropdown-arrow.png) right 22px no-repeat #f4f9fc !important; color: #48555d !important;*/ background-size: 15px !important; background-position: right 15px top 39%, right 15px bottom 38% !important; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Cpath d=%22M6 3L0 9h12z%22 fill=%22%2325334266%22/%3E%3C/svg%3E'), url('data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Cpath d=%22M6 9L0 3h12z%22 fill=%22%2325334266%22/%3E%3C/svg%3E') !important; } div.phoneMessage p { } div.phoneMessage ul.formArea { margin-bottom: 2px; } .hiddenSmsPassword { display: none; } .forgetpassword, .forgetpassword:hover, .forgetpassword:focus, .forgetpassword:visited { float:left; color: #c3d0d8; padding-top:10px; text-decoration: underline; font-size: 12px; } /* Softotp */ div.loginForm.softotpInfo { margin-top: 0px; padding: 22px 0px 0px 0px; width: 600px; text-align: center; font-size: 14px!important; } div.loginForm.softotp { margin-top: 0px; padding: 12px 0px 30px 0px; width: 228px; } /* Mobilesign */ div.loginForm.mobilesignInfo { margin-top: 0px; padding: 22px 0px 0px 0px; width: 400px; text-align: center; font-size: 14px!important; } div.loginForm.mobilesignInfo div.mobilSignText { padding-bottom: 20px; width: 100%; color: #0c5da8; text-align: center; font-weight: bold; font-size: 12px; } div.loginForm.mobilesignInfo span.mobilesigndata { color: #0c5da8; font-style: italic; font-size: 14px; } div.loginForm.mobilesign { margin-top: 0px; padding: 12px 0px 10px 0px; width: 265px; } /* Form alanları */ ul.formArea li { display: inline-block; float: left; margin: 0 10px 0 0; width: auto; } ul.formArea li input.input-1 { width: 28px; } .mainLeftContent ul.formArea li input.input-2 { height: 60px !important; } .btn-login { margin-top:0px; } /* LoginMenu */ .mainContentMenu a { display: block; height: 13px; color: #0c5da8; text-align: center; text-decoration: none; font-weight: bold; font-size: 15px; } .mainContentMenu a:visited { color: #0c5da8; } .mainContentMenu a:hover { color: #fff; } ul.mainContentMenu li { position: relative; margin: 0 27px; width: 155px !important; height: 157px; border:3px solid #fff; } ul.mainContentMenu li.smsMessage div.icon { margin-top: 19px; margin-right: auto; margin-left: auto; width: 100px; height: 100px; background: url(../images/login-otp.png) 0 0 no-repeat; } ul.mainContentMenu li.softOtp div.icon { margin-top: 19px; margin-right: auto; margin-left: auto; width: 100px; height: 100px; background: url(../images/login-otp.png) -100px 0 no-repeat; } ul.mainContentMenu li.mobileSign div.icon { margin-top: 19px; margin-right: auto; margin-left: auto; width: 100px; height: 100px; background: url(../images/login-otp.png) -300px 0 no-repeat; } ul.mainContentMenu li a, ul.mainContentMenu li a, ul.mainContentMenu li a{ float:left; width: 156px; height: 158px; } ul.mainContentMenu li.smsMessage div.arrow, ul.mainContentMenu li.softOtp div.arrow, ul.mainContentMenu li.mobileSign div.arrow { position: absolute; bottom: -13px; left: 52px; width: 46px; height: 14px; background: url(../images/otp-login-arrow.png) -42px 0 no-repeat; } ul.mainContentMenu li.smsMessage:hover, ul.mainContentMenu li.softOtp:hover, ul.mainContentMenu li.mobileSign:hover { border:3px solid #de188c; } ul.mainContentMenu li.smsMessage:hover div.arrow, ul.mainContentMenu li.softOtp:hover div.arrow, ul.mainContentMenu li.mobileSign:hover div.arrow { position: absolute; bottom: -13px; left: 55px; width: 46px; height: 14px; background: url(../images/otp-login-arrow.png) 0 0 no-repeat; } ul.mainContentMenu li.activeSmsMessage div.icon { margin-top: 19px; margin-right: auto; margin-left: auto; width: 100px; height: 100px; background: url(../images/login-otp.png) 0 0 no-repeat; } ul.mainContentMenu li.activeSoftOtp div.icon { margin-top: 19px; margin-right: auto; margin-left: auto; width: 100px; height: 100px; background: url(../images/login-otp.png) -100px 0 no-repeat; } ul.mainContentMenu li.activeMobileSign div.icon { margin-top: 19px; margin-right: auto; margin-left: auto; width: 100px; height: 100px; background: url(../images/login-otp.png) -300px 0 no-repeat; } ul.mainContentMenu li.disabledSmsMessage div.icon { margin-top: 19px; margin-right: auto; margin-left: auto; width: 100px; height: 100px; background: url(../images/login-otp.png) 0 -100px no-repeat; } ul.mainContentMenu li.disabledSoftOtp div.icon { margin-top: 19px; margin-right: auto; margin-left: auto; width: 100px; height: 100px; background: url(../images/login-otp.png) -100px -100px no-repeat; } ul.mainContentMenu li.disabledMobileSign div.icon { margin-top: 19px; margin-right: auto; margin-left: auto; width: 100px; height: 100px; background: url(../images/login-otp.png) -300px -100px no-repeat; } ul.mainContentMenu a.disabledSmsMessage { color: #d9d9d9; cursor: default; } ul.mainContentMenu a.disabledSoftOtp { color: #d9d9d9; cursor: default; } ul.mainContentMenu a.disabledMobileSign { color: #d9d9d9; cursor: default; } ul.mainContentMenu li.activeSmsMessage, ul.mainContentMenu li.activeSoftOtp, ul.mainContentMenu li.activeMobileSign { border:3px solid #de188c; } ul.mainContentMenu li.activeSmsMessage div.arrow, ul.mainContentMenu li.activeSoftOtp div.arrow, ul.mainContentMenu li.activeMobileSign div.arrow { position: absolute; bottom: -13px; left: 55px; width: 46px; height: 14px; background: url(../images/otp-login-arrow.png) 0 0 no-repeat; } ul.mainContentMenu li.disabledSmsMessage, ul.mainContentMenu li.disabledSoftOtp, ul.mainContentMenu li.disabledMobileSign { border:3px solid #ddd; } /* Video */ div.contentCenterTwoMid div.videoContent { position: relative; margin-top: 20px; width: 133px; height: 85px; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; } div.contentCenterTwoMid div.videoContent:hover img { display: block; margin-left: 49px; } div.contentCenterTwoMid div#demo { margin-top: 10px; background: url(../images/login_video1.png) 0 0 no-repeat; } div.contentCenterTwoMid div#presentation { margin-top: 17px; background: url(../images/login_video2.png) 0 0 no-repeat; } div.contentCenterTwoMid div.videoContent div.info { position: absolute; bottom: 0px; padding: 2px 0; -moz-border-radius: 0 3px 0 3px; -webkit-border-radius: 0 3px 0 3px; border-radius: 0 3px 0 3px; background-color: #F9DA55; color: #6b7982; font-weight: bold; font-size: 14px; -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); } div.contentCenterTwoMid div.videoContent div.info span.infoText { margin: 0 7px; } div.contentCenterTwoMid div.videoContent img { position: absolute; display: none; margin-top: 24px; margin-left: 49px; width: 33px; } div.videoContainer div.videoContainerBottom { } div.backToLogin { position: absolute; top: 50px; left: 704px; cursor: pointer; } div.mainLeftContentCenter div.videoContent { position: relative; margin-top: 10px; width: 178px; height: 114px; border-radius: 4px; cursor: pointer; } div.mainLeftContentCenter div.videoContent:hover img { display: block; margin-left: 49px; } div.mainLeftContentCenter div.videoGaleryContent { margin: 0 auto; width: 690px; height: 100px; } div.mainLeftContentCenter div.videoGaleryContent div.video { float: left; margin: 10px 0px 30px 39px; } div.mainLeftContentCenter div.videoGaleryContent div#smartmenu { background: url(../images/akilli_menu.png) 0 0 no-repeat; } div.mainLeftContentCenter div.videoGaleryContent div#peopleplace { background: url(../images/tanimli_alicilar.png) 0 0 no-repeat; } div.mainLeftContentCenter div.videoGaleryContent div.video div.info { padding: 2px 0; color: #6b7982; font-weight: bold; font-size: 14px; -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); } div.mainLeftContentCenter div.videoGaleryContent div.video div.info span.infoText { margin: 0 7px; } div.mainLeftContentCenter div.videoGaleryContent div.video div.info span.infoTime { margin: 0 7px; font-size: 12px; } div.mainLeftContentCenter div.videoGaleryContent div.video img { position: absolute; display: none; margin-top: 24px; margin-left: 49px; width: 33px; } /* ForgetPassword & BottomInfos */ div.contentCenterTwoMid div.forgetPassword { margin-top: 27px; } div.contentCenterTwoMid div.forgetPassword a { text-decoration: none; } div.contentCenterTwoMid div.forgetPassword div.info { margin-bottom: 9px; color: #919191; font-size: 12px; line-height: 12px; } div.contentCenterTwoMid div.bottomInfos { position: absolute; bottom: 0; width: 133px; color: #919191; font-size: 9px; line-height: 11px; } /* Advertising */ div.advertisingContainer { margin: 15px auto; width: 460px; } /* SVerification */ div.sVerification { clear: both; min-height: 83px; text-align: center; max-width: 450px; } div.sVerification p { float: left; padding: 5px 5px 3px 0; color: #6b7982; font-size: 13px; } div.sVerification div.line { padding: 10px 0 5px 0; border-bottom : 1px solid #ccc; } div.sVerification div p { float: left; padding: 5px 5px 3px 0; width: 150px; color: #6b7982; font-size: 13px; } div.sVerification table { width:100%; padding : 0px 32px; } div.sVerification table td{ margin:auto; } div.sVerification table tr:nth-child(1) td { padding-top: 24px; } div.sVerification table tr:nth-child(2) td { padding-top: 7px; padding-bottom: 7px; padding-left: 14px; } div.sVerification table tr:nth-child(3) td { padding-top: 15px; } div.sVerification table tr:nth-child(4) td { padding-top: 7px; padding-bottom: 25px; padding-left: 14px; } div.sVerification table tr:nth-child(5) td { padding-bottom: 25px; padding-left: 15px; padding-right: 15px; text-align: left; } div.sVerification table td div{ margin-left: 13px; } div.sVerification table img{ width:70px; } .navy { color:#1f478c!important; } .gray { color:#666!important; } .red { color:#D00!important; } span.timerspan { margin-top:10px; } .sVerification-error { position: absolute; bottom: 15px; right: 55px; left: 55px; } .text-middle-info-font { font-family: Urbanist; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; } .login-left-container { min-height: 579px; max-height: 579px; } .text-middle-info-center { padding: 0px 66px; } .header-second-text { font-size: 21px; } .font-style-normal { font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } .weight-500 { font-weight: 500 !important; } .weight-600 { font-weight: 600 !important; } .gray-color { color: #4f4f4f; } .header-first-text { font-family: Urbanist; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: normal; color: #154c93; } .size-16 { font-size: 16px !important; } .size-18 { font-size: 18px !important; } .size-21 { font-size: 21px !important; } .size-22 { font-size: 22px !important; } .error-color { color: #e34a4e; } .text-semibold-16 { font-size: 16px !important; font-weight: 600; } .text-middle-info { font-size: 18px !important; font-weight: 600; line-height: 25px; } .colorBlue { color: #154c93 !important; } .colorGrey { color: #4f4f4f !important; } input[data-val-brequiredif] { background-color: #ffffff; } input[datavalrequired] { background-color: #f6f8ea;} textarea[data-val-required] { background-color: #f6f8ea;} textarea[datavalrequired] { background-color: #f6f8ea; } select[datavalrequired] { } select[data-val-required] { } .field-validation-error { color: #DD0000 !important; font-size:13px; } .field-validation-valid { display: none; } .input-validation-error { background-color: #FEF3F7 !important; } .validation-summary-errors { color: #DD0000; font-size: 12px; } .validation-summary-valid { display: none; } .fakerequired { background-color: #f6f8ea !important; } /* Buraya diğer sitilleri ezen sitiller konulacak */ select[disabled] { background: url(../images/dropdown-arrow.png) 128px 12px no-repeat #f4f9fc; color: #000 !important; } input[disabled] { background: #f4f9fc !important; color: #000 !important; } textarea[disabled] { background: #f4f9fc !important; color: #000 !important; } .receiptContainer { margin: 0 20px 0 20px; padding-top: 10px; } .receiptInnerContainer { margin-top: 20px; margin-bottom: 20px; color: #6b7982; font-size: 10px; } .receiptInnerContainer:first-child { margin-top: 0; } .receiptInnerContainer:last-child { margin-bottom: 5px; } .receiptInnerContainer .receiptError { margin: 30px auto 20px auto; padding: 15px 5px 15px 5px; width: 548px; border: 1px solid #919191; text-align: center; font-style: italic; font-size: 11px; } .receiptTable { margin-right: auto; margin-left: auto; width: 560px; } .receiptTable .receiptTitle { padding: 3px; width: 560px !important; text-align: center !important; font-weight: bold; font-size: 11px; } .receiptTable td { padding: 3px; text-align: left; } .receiptTable td span { float: left; max-width: 448px; -ms-word-wrap: break-word; word-wrap: break-word; } .receiptTable .receiptTableHeaderLeft th { padding: 3px; width: 70px; text-align: left; font-weight: bold; } .receiptTable .receiptTableHeaderRight th { padding: 3px; width: 75px; text-align: left; font-weight: bold; } .receiptTable .receiptTableBody th { padding: 3px; width: 70px; text-align: left; font-weight: bold; } .receiptTable .tdBordered { padding: 0px; border: 1px solid #919191; } .receiptTable .receiptSeperatorRow { line-height: 4px; } .receiptHeaderTable { margin-right: auto; margin-left: auto; width: 560px; } .receiptHeaderTable .receiptTitle { font-weight: bold; font-size: 12px; } .receiptHeaderTable th { text-align: center; font-weight: bold; } .receiptHeaderTable td.right { text-align: right; font-size: 7px; } .receiptFooterTable { margin: 5px auto 5px auto; width: 560px; } .receiptFooterTable td { text-align: center; } .page-breaker { display: block; clear: both; page-break-after: always; } /* JCrop */ .jcrop-holder { text-align: left; } .jcrop-vline, .jcrop-hline { font-size:0px; position:absolute; background: white url('../images/Jcrop.gif') top left repeat; } .jcrop-vline { height: 100%; width: 1px !important; } .jcrop-hline { width: 100%; height: 1px !important; } .jcrop-vline.right { right: 0px; } .jcrop-hline.bottom { bottom: 0px; } .jcrop-handle { font-size: 1px; width:7px !important; height:7px !important; border: 1px #eee solid; background-color: #333; } .jcrop-tracker { width: 100%; height: 100%; } .custom .jcrop-vline, .custom .jcrop-hline { background: yellow; } .custom .jcrop-handle { border-color: black; background-color:#C7BB00; -moz-border-radius:3px; -webkit-border-radius:3px; } div#alertContainer div.imageBorderDiv { height: 10px; } div#alertContainer div.imageBorderDiv img { vertical-align: top; height: 10px; } #popup_content { padding: 20px 45px; } #popup_content.alert div#popup_message { background: url("../images/icon-info-big.png") no-repeat scroll 0 0 transparent; display: table-cell; } #popup_content.confirm div#popup_message { background: url("../images/icon-warning-big.png") no-repeat scroll 0 0 transparent; display: table-cell; } #popup_content.prompt div#popup_message { background: url("../images/icon-question-big.png") no-repeat scroll 0 0 transparent; display: table-cell; } #popup_content.email div#popup_message { background: url("../images/icon-email-big.png") no-repeat scroll 0 0 transparent; display: table-cell; } #popup_content.email2 div#popup_message { background: url("../images/icon-email-big.png") no-repeat scroll 0 0 transparent; display: table-cell; } #popup_message { height: 30px; min-height: 32px; padding-left: 48px; vertical-align: middle; width: 100%; } #alertContainer span.important { font-size: 20px; font-weight: bold; } #alertContainer div.email { min-height: 230px; } #alertContainer div.email2 { min-height: 230px; } #popup_panel { text-align: center; padding: 20px 0; } #popup_prompt { margin: .5em 0em; } .popup_email_content { width: 100%; } .popup_email_content span.title { font-weight:500; float: left; width: 150px; margin-top: 8px; margin-bottom: 6px; } #popup_other_email_message .title { color: #919191; font-size: 10px; width: 100%; } #popup_other_email_message .title span.important { font-family: 'Urbanist'; font-size: 15px; font-weight: bold; } #popup_defined_email_content .combo_content { float: left; width: 100%; padding:0px 15px; } #popup_defined_email_content select.defined_email option.new { font-weight:bold; font-style:italic; } #popup_message .text_content { float: left; width: 100%; border:1px solid #c3d0d8 !important; } #popup_email_validation .popup_email_validation_text { float: left; width: 100%; margin-top: 6px; margin-bottom: 6px; color: #dd0000; } /*! * Bootstrap v3.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html{font-family:Urbanist;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:#fff0}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:800}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:Urbanist;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:"Glyphicons Halflings";src:url(https://isube.vakifkatilim.com.tr/Content/themes/base/fonts/glyphicons-halflings-regular.eot);src:url(https://isube.vakifkatilim.com.tr/Content/themes/base/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(https://isube.vakifkatilim.com.tr/Content/themes/base/fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(https://isube.vakifkatilim.com.tr/Content/themes/base/fonts/glyphicons-halflings-regular.woff) format("woff"),url(https://isube.vakifkatilim.com.tr/Content/themes/base/fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(https://isube.vakifkatilim.com.tr/Content/themes/base/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}@font-face{font-family:'Urbanist';src:url(Urbanist-Regular.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Urbanist';src:url(Urbanist-Regular.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Urbanist';src:url(Urbanist-Light.ttf) format('truetype');font-weight:300;font-style:normal}@font-face{font-family:'Urbanist';src:url(Urbanist-Bold.ttf) format('truetype');font-weight:700;font-style:normal}.glyphicon{position:relative;top:1px;display:inline-block;font-family:"Urbanist";font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\002a"}.glyphicon-plus:before{content:"\002b"}.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-cd:before{content:"\e201"}.glyphicon-save-file:before{content:"\e202"}.glyphicon-open-file:before{content:"\e203"}.glyphicon-level-up:before{content:"\e204"}.glyphicon-copy:before{content:"\e205"}.glyphicon-paste:before{content:"\e206"}.glyphicon-alert:before{content:"\e209"}.glyphicon-equalizer:before{content:"\e210"}.glyphicon-king:before{content:"\e211"}.glyphicon-queen:before{content:"\e212"}.glyphicon-pawn:before{content:"\e213"}.glyphicon-bishop:before{content:"\e214"}.glyphicon-knight:before{content:"\e215"}.glyphicon-baby-formula:before{content:"\e216"}.glyphicon-tent:before{content:"\26fa"}.glyphicon-blackboard:before{content:"\e218"}.glyphicon-bed:before{content:"\e219"}.glyphicon-apple:before{content:"\f8ff"}.glyphicon-erase:before{content:"\e221"}.glyphicon-hourglass:before{content:"\231b"}.glyphicon-lamp:before{content:"\e223"}.glyphicon-duplicate:before{content:"\e224"}.glyphicon-piggy-bank:before{content:"\e225"}.glyphicon-scissors:before{content:"\e226"}.glyphicon-bitcoin:before{content:"\e227"}.glyphicon-btc:before{content:"\e227"}.glyphicon-xbt:before{content:"\e227"}.glyphicon-yen:before{content:"\00a5"}.glyphicon-jpy:before{content:"\00a5"}.glyphicon-ruble:before{content:"\20bd"}.glyphicon-rub:before{content:"\20bd"}.glyphicon-scale:before{content:"\e230"}.glyphicon-ice-lolly:before{content:"\e231"}.glyphicon-ice-lolly-tasted:before{content:"\e232"}.glyphicon-education:before{content:"\e233"}.glyphicon-option-horizontal:before{content:"\e234"}.glyphicon-option-vertical:before{content:"\e235"}.glyphicon-menu-hamburger:before{content:"\e236"}.glyphicon-modal-window:before{content:"\e237"}.glyphicon-oil:before{content:"\e238"}.glyphicon-grain:before{content:"\e239"}.glyphicon-sunglasses:before{content:"\e240"}.glyphicon-text-size:before{content:"\e241"}.glyphicon-text-color:before{content:"\e242"}.glyphicon-text-background:before{content:"\e243"}.glyphicon-object-align-top:before{content:"\e244"}.glyphicon-object-align-bottom:before{content:"\e245"}.glyphicon-object-align-horizontal:before{content:"\e246"}.glyphicon-object-align-left:before{content:"\e247"}.glyphicon-object-align-vertical:before{content:"\e248"}.glyphicon-object-align-right:before{content:"\e249"}.glyphicon-triangle-right:before{content:"\e250"}.glyphicon-triangle-left:before{content:"\e251"}.glyphicon-triangle-bottom:before{content:"\e252"}.glyphicon-triangle-top:before{content:"\e253"}.glyphicon-console:before{content:"\e254"}.glyphicon-superscript:before{content:"\e255"}.glyphicon-subscript:before{content:"\e256"}.glyphicon-menu-left:before{content:"\e257"}.glyphicon-menu-right:before{content:"\e258"}.glyphicon-menu-down:before{content:"\e259"}.glyphicon-menu-up:before{content:"\e260"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:#fff0}body{font-family:"Urbanist";font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote .small:before,blockquote footer:before,blockquote small:before{content:"\2014 \00A0"}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;text-align:right;border-right:5px solid #eee;border-left:0}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:""}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:"\00A0 \2014"}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:"Urbanist"}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgb(0 0 0 / .25);box-shadow:inset 0 -1px 0 rgb(0 0 0 / .25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:#fff0;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*="col-"]{padding-right:0;padding-left:0}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:#fff0}table col[class*="col-"]{position:static;display:table-column;float:none}table td[class*="col-"],table th[class*="col-"]{position:static;display:table-cell;float:none}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type="checkbox"],input[type="radio"]{margin:4px 0 0;margin-top:1px\9;line-height:normal}fieldset[disabled] input[type="checkbox"],fieldset[disabled] input[type="radio"],input[type="checkbox"].disabled,input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="radio"][disabled]{cursor:not-allowed}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="checkbox"]:focus,input[type="file"]:focus,input[type="radio"]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / .075);box-shadow:inset 0 1px 1px rgb(0 0 0 / .075);-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;-o-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;-webkit-transition:border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / .075),0 0 8px rgb(102 175 233 / .6);box-shadow:inset 0 1px 1px rgb(0 0 0 / .075),0 0 8px rgb(102 175 233 / .6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:#fff0;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type="date"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control,input[type="time"].form-control{line-height:34px}.input-group-sm input[type="date"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"],.input-group-sm input[type="time"],input[type="date"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,input[type="time"].input-sm{line-height:30px}.input-group-lg input[type="date"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"],.input-group-lg input[type="time"],input[type="date"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,input[type="time"].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"],.radio input[type="radio"],.radio-inline input[type="radio"]{position:absolute;margin-top:4px\9;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.form-control-static{min-height:34px;padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-right:0;padding-left:0}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / .075);box-shadow:inset 0 1px 1px rgb(0 0 0 / .075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / .075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgb(0 0 0 / .075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / .075);box-shadow:inset 0 1px 1px rgb(0 0 0 / .075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / .075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgb(0 0 0 / .075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / .075);box-shadow:inset 0 1px 1px rgb(0 0 0 / .075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / .075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgb(0 0 0 / .075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid #fff0;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgb(0 0 0 / .125);box-shadow:inset 0 3px 5px rgb(0 0 0 / .125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:#fff0;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:#fff0}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:#fff0}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="button"].btn-block,input[type="reset"].btn-block,input[type="submit"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:0.35s;-o-transition-duration:0.35s;transition-duration:0.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid #fff0;border-left:4px solid #fff0}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgb(0 0 0 / .15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgb(0 0 0 / .175);box-shadow:0 6px 12px rgb(0 0 0 / .175)}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:#fff0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{right:0;left:auto}.dropdown-menu-left{right:auto;left:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgb(0 0 0 / .125);box-shadow:inset 0 3px 5px rgb(0 0 0 / .125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-right:0;padding-left:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group .form-control:focus{z-index:3}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="checkbox"],.input-group-addon input[type="radio"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:#fff0}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid #fff0;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:#fff0}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid #fff0}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid #fff0;-webkit-box-shadow:inset 0 1px 0 rgb(255 255 255 / .1);box-shadow:inset 0 1px 0 rgb(255 255 255 / .1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:15px;margin-top:8px;margin-bottom:8px;background-color:#fff0;background-image:none;border:1px solid #fff0;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:#fff0;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{padding:10px 15px;margin-right:-15px;margin-left:-15px;border-top:1px solid #fff0;border-bottom:1px solid #fff0;-webkit-box-shadow:inset 0 1px 0 rgb(255 255 255 / .1),0 1px 0 rgb(255 255 255 / .1);box-shadow:inset 0 1px 0 rgb(255 255 255 / .1),0 1px 0 rgb(255 255 255 / .1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type="checkbox"],.navbar-form .radio input[type="radio"]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:#fff0}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:#fff0}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:#fff0}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:#fff0}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:#fff0}}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:#fff0}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:#fff0}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:#fff0}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:#fff0}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:#fff0}}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#337ab7}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{padding-right:15px;padding-left:15px;border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border 0.2s ease-in-out;-o-transition:border 0.2s ease-in-out;transition:border 0.2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid #fff0;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgb(0 0 0 / .1);box-shadow:inset 0 1px 2px rgb(0 0 0 / .1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgb(0 0 0 / .15);box-shadow:inset 0 -1px 0 rgb(0 0 0 / .15);-webkit-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{overflow:hidden;zoom:1}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{color:#777;cursor:not-allowed;background-color:#eee}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#c7ddef}a.list-group-item,button.list-group-item{color:#555}a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{color:#555;text-decoration:none;background-color:#f5f5f5}button.list-group-item{width:100%;text-align:left}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success,button.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info,button.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning,button.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger,button.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid #fff0;border-radius:4px;-webkit-box-shadow:0 1px 1px rgb(0 0 0 / .05);box-shadow:0 1px 1px rgb(0 0 0 / .05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid #fff0;border-top-left-radius:3px;border-top-right-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-left-radius:0;border-top-right-radius:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-right:15px;padding-left:15px}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / .05);box-shadow:inset 0 1px 1px rgb(0 0 0 / .05)}.well blockquote{border-color:#ddd;border-color:rgb(0 0 0 / .15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out,-o-transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgb(0 0 0 / .2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgb(0 0 0 / .5);box-shadow:0 3px 9px rgb(0 0 0 / .5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgb(0 0 0 / .5);box-shadow:0 5px 15px rgb(0 0 0 / .5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Urbanist";font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:12px;filter:alpha(opacity=0);opacity:0}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:#fff0;border-style:solid}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Urbanist";font-style:normal;font-weight:400;line-height:1.42857143;line-break:auto;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size:14px;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgb(0 0 0 / .2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgb(0 0 0 / .2);box-shadow:0 5px 10px rgb(0 0 0 / .2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover>.arrow{border-width:11px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:#fff0;border-style:solid}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgb(0 0 0 / .25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgb(0 0 0 / .25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgb(0 0 0 / .25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgb(0 0 0 / .25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform 0.6s ease-in-out;-o-transition:-o-transform 0.6s ease-in-out;transition:-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out,-o-transform 0.6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgb(0 0 0 / .6);background-color:#fff0;filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgb(0 0 0 / .5) 0,rgb(0 0 0 / .0001) 100%);background-image:-o-linear-gradient(left,rgb(0 0 0 / .5) 0,rgb(0 0 0 / .0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgb(0 0 0 / .5)),to(rgb(0 0 0 / .0001)));background-image:linear-gradient(to right,rgb(0 0 0 / .5) 0,rgb(0 0 0 / .0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgb(0 0 0 / .0001) 0,rgb(0 0 0 / .5) 100%);background-image:-o-linear-gradient(left,rgb(0 0 0 / .0001) 0,rgb(0 0 0 / .5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgb(0 0 0 / .0001)),to(rgb(0 0 0 / .5)));background-image:linear-gradient(to right,rgb(0 0 0 / .0001) 0,rgb(0 0 0 / .5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;outline:0;filter:alpha(opacity=90);opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:Urbanist;line-height:1}.carousel-control .icon-prev:before{content:"\2039"}.carousel-control .icon-next:before{content:"\203a"}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:#fff0;border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgb(0 0 0 / .6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:#fff0;text-shadow:none;background-color:#fff0;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}} html { } body { background: #e9ecf3; font-weight: 500; /*overflow-x: hidden;*/ position: relative; color: #333; padding: 0; margin: 0; direction: "ltr"; min-height: 100%; } * { zoom: 1; } /*############################################################################## Header CSS Start ###############################################################################*/ .scoop-address { font-size: 12px; font-weight: 600; line-height: 35px; } .scoop-address span { padding: 0 10px; } .scoop-address span a { color: #5cb85c; } .scoop-address span i { font-size: 14px; padding: 0 2px; } .scoop-rl-header .scoop-logo img { height: 30px; width: 95px; } .scoop-logo { font-size: 13px; font-weight: 600; line-height: 35px; } /*############################################################################## Header CSS Close ###############################################################################*/ /*############################################################################## ##################### Search Item CSS Start #################### ###############################################################################*/ .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item.scoop-search-item > li.scoop-hasmenu > a:after { display: none; } #scoop-search-input { margin: 0; padding: 0; } .scoop-form-wrapper.sm:before, .scoop-form-wrapper.sm:after { content: ""; display: table; } .scoop-form-wrapper.sm:after { clear: both; } .scoop-form-wrapper.sm { zoom: 1; } .scoop-form-wrapper { width: 340px; margin: 10px 10px 10px 10px; background: #444; background: rgba(0,0,0,.2); border-radius: 10px; } .scoop-form-wrapper input { width: 260px; height: 35px; padding: 6px 5px; float: left; border: 0; background: #eee; border-radius: 0px 0 0 0px; } .scoop-form-wrapper input:focus { outline: 0; background: #fff; } .scoop-form-wrapper input::-webkit-input-placeholder { color: #999; font-weight: normal; } .scoop-form-wrapper input:-moz-placeholder { color: #999; font-weight: normal; } .scoop-form-wrapper input:-ms-input-placeholder { color: #999; font-weight: normal; } .scoop-form-wrapper button { overflow: visible; position: relative; float: right; border: 0; padding: 0; cursor: pointer; height: 35px; width: 80px; color: #fff; text-transform: uppercase; background: #e64056; border-radius: 0 0px 0px 0; text-shadow: 0 -1px 0 rgba(0, 0,0, .3); } .scoop-form-wrapper button:hover { background: #e54040; } .scoop-form-wrapper button:active, .scoop-form-wrapper button:focus { background: #c42f2f; outline: 0; } .scoop-form-wrapper button:before { content: ''; position: absolute; border-width: 8px 8px 8px 0; border-style: solid solid solid none; border-color: transparent #e64056 transparent; top: 12px; left: -6px; } .scoop-form-wrapper button:hover:before { border-right-color: #e54040; } .scoop-form-wrapper button:focus:before, .scoop-form-wrapper button:active:before { border-right-color: #c42f2f; } .scoop-form-wrapper button::-moz-focus-inner { border: 0; padding: 0; } /*############################################################################## ####################### Search Item CSS Close ################### ###############################################################################*/ a:focus { outline: none; outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px; } .scoop .scoop-container { position: relative; } .scoop .scoop-header { display: block; height: 35px; color: #414141; width: 100%; z-index: 1024; } .scoop .scoop-navbar { display: block; height: 40px; width: 100%; z-index: 1024; } .scoop-main-container { display: block; background: #c3c3c3; } .scoop .scoop-content { position: relative; display: block; } .scoop .scoop-inner-content { padding: 10px; } /* ########### Header CSS Style Start Here ############################## */ .scoop .scoop-header .scoop-left-header { float: left; min-width: 230px; padding: 0 10px; } .scoop .scoop-header .scoop-right-header { padding: 0 10px; } .scoop .scoop-header .scoop-right-header .scoop-rl-header { float: left; } .scoop .scoop-header .scoop-right-header .scoop-rr-header { text-align: right; } /* ########### Header CSS Style Close Here ############################## */ .scoop .scoop-brand { float: left; } .scoop .scoop-brand a .scoop-brand-text { } .scoop[scoop-device-type="desktop"] .scoop-brand .menu-toggle, .scoop[scoop-device-type="tablet"] .scoop-brand .menu-toggle { display: none; } .scoop .scoop-brand .menu-toggle a { text-decoration: none; } .scoop .scoop-brand .menu-toggle a i { font-size: 24px; } .scoop .scoop-navbar .scoop-item { display: block; list-style: none; margin: 0; padding: 0; position: relative; } .scoop .scoop-navbar .scoop-item > li { display: block; list-style: outside none none; margin: 0; padding: 0; position: relative; } .scoop .scoop-navbar .scoop-item > li > a { display: block; font-size: 17px; padding: 0 20px; text-decoration: none; position: relative; line-height: 40px; } .scoop .scoop-navbar .scoop-item > li.scoop-hasmenu > a { line-height: 39px; } .scoop .scoop-navbar .scoop-item > li:hover > a { } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu { list-style: outside none none; margin: 0; padding: 0; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li { display: block; list-style: outside none none; margin: 0; padding: 0; position: relative; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li > a { display: inline-block; font-size: 14px; padding: 0 8px; text-decoration: none; position: relative; } /* .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { padding-left:15px; transition: padding .3s; transition-property: padding; transition-duration: 0.3s; transition-timing-function: initial; transition-delay: initial; } */ .scoop .scoop-navbar .scoop-item > li > a > .scoop-micon { font-size: 14px; padding: 0 5px 0 0; } .scoop .scoop-navbar .scoop-item.scoop-search-item > li > a > .scoop-micon { padding: 0 5px 0 7px; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-micon { font-size: 13px; padding-right: 5px; } .scoop[horizontal-layout="wide"] .scoop-container { width: 100%; display: block; } .scoop[horizontal-layout="box"] .scoop-container { display: block; margin: 0 auto; max-width: 1200px; width: 100%; } .scoop[theme-layout="horizontal"][horizontal-layout="box"] .scoop-header[scoop-header-position="fixed"] { max-width: 1200px; } .scoop[theme-layout="horizontal"][horizontal-layout="box"] .scoop-navbar[scoop-navbar-position="fixed"] { max-width: 1200px; } .scoop[theme-layout="horizontal"][horizontal-layout="box"] .scoop-navbar.stickybar { max-width: 1200px; } .scoop[horizontal-layout="widebox"] .scoop-container { width: 100%; } .scoop[horizontal-layout="widebox"] .scoop-header .scoop-wrapper { display: block; margin: 0 auto; max-width: 1200px; width: 100%; } .scoop[horizontal-layout="widebox"] .scoop-navbar .scoop-wrapper { display: block; margin: 0 auto; width: 100%; } .scoop[horizontal-layout="widebox"] .scoop-content .scoop-wrapper { display: block; margin: 0 auto; max-width: 1200px; width: 100%; } .scoop[horizontal-layout="wide"][horizontal-placement="bottom"] .scoop-navbar { width: 100%; } .scoop[horizontal-layout="box"][horizontal-placement="bottom"] .scoop-navbar { margin: 0 auto; max-width: 1200px; width: 100%; } .scoop[horizontal-layout="widebox"][horizontal-placement="bottom"] .scoop-navbar { width: 100%; } .scoop .scoop-navbar .scoop-item { } .scoop .scoop-navbar .scoop-item > li { float: left; } .scoop .scoop-navbar .scoop-item > li.active > a { background:; color:; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu { position: absolute; min-width: 200px; z-index: 11; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li > a { font-size: 13px; font-weight: 500; line-height: 34px; text-align: left; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background:; color:; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background:; color; } .scoop .scoop-navbar .scoop-item .scoop-submenu .scoop-submenu { position: absolute; min-width: 200px; z-index: 1; /* box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26); */ left: 100%; top: -1px; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu { opacity: 0; visibility: hidden; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu { -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-90deg); -o-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item .scoop-hasmenu.scoop-trigger > .scoop-submenu { opacity: 1; visibility: visible; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 20px 90px -1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 20px 90px -1px rgba(0,0,0,0.15); box-shadow: 0px 20px 90px -1px rgba(0,0,0,0.15); } /* ############################# New Css Start Here ######################################## */ /*###########################Horiozontal Componet Position CSS Start Here ###############################*/ .scoop[theme-layout="horizontal"] .scoop-navbar[ scoop-navbar-position="relative"] { position: relative; } .scoop[theme-layout="horizontal"] .scoop-navbar[ scoop-navbar-position="fixed"] { position: fixed; } .scoop[theme-layout="horizontal"] .scoop-navbar[ scoop-navbar-position="absolute"] { position: absolute; } .scoop[theme-layout="horizontal"] .scoop-header[scoop-header-position="relative"] { position: relative; } .scoop[theme-layout="horizontal"] .scoop-header[scoop-header-position="fixed"] { position: fixed; } .scoop[theme-layout="horizontal"] .scoop-header[scoop-header-position="absolute"] { position: absolute; } /*###########################Horiozontal Componet Position CSS Close Here ###############################*/ /*###########################Horiozontal Navigation Placement CSS Start Here ###############################*/ .scoop[theme-layout="horizontal"][horizontal-placement="top"] .scoop-navbar { } .scoop[theme-layout="horizontal"][horizontal-placement="bottom"] .scoop-navbar { } /*###########################Horiozontal Navigation Placemention CSS Close Here ###############################*/ .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-brand.scoop-left-align { float: left; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-left-item.scoop-left-align { float: left; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-right-item.scoop-left-align { float: left; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-search-item.scoop-left-align { float: left; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-brand.scoop-right-align { float: right; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-left-item.scoop-right-align { float: right; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-right-item.scoop-right-align { float: right; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-search-item.scoop-right-align { float: right; } /* Border Style CSS Start Here */ .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="dashed"] > li > a { border-right-style: dashed; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="dotted"] > li > a { border-right-style: dotted; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="solid"] > li > a { } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="dashed"] .scoop-hasmenu .scoop-submenu li > a { border-bottom-style: dashed; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="dotted"] .scoop-hasmenu .scoop-submenu li > a { border-bottom-style: dotted; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="solid"] .scoop-hasmenu .scoop-submenu li > a { border-bottom-style: solid; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="false"] > li > a { border-right-width: 0px; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"] > li > a { border-right-width: 1px; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[subitem-border="false"] .scoop-hasmenu .scoop-submenu li > a { border-bottom-width: 0px; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a { border-bottom-width: 1px; } /* Border Style CSS Close Here */ /* #####################Item Border Stle Css Close Here #####################*/ /* DropDown Icon Style Start Here */ .scoop .scoop-navbar .scoop-item .scoop-submenu li.scoop-hasmenu > a:after { content: "\f101"; font-family: FontAwesome; font-style: normal; margin-left: 3px; position: relative; float: right; top: 1px; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu > a:after, .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu.active > a:after, .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger > a:after { font-style: normal; margin-left: 3px; font-size: 10px; padding-left: 5px; position: relative; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu[dropdown-icon="style1"] > a::before { /*content: "\e604"; font-family: simple-line-icons;*/ } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger[dropdown-icon="style1"] > a:after { /*content: "\e607"; font-family: simple-line-icons;*/ } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu[dropdown-icon="style2"] > a:after { content: "\f0d7"; font-family: FontAwesome; font-size: 13px; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger[dropdown-icon="style2"] > a:after { content: "\f0d8"; font-family: FontAwesome; font-size: 13px; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu[dropdown-icon="style3"] > a:after { content: "\f218"; font-family: Ionicons; font-size: 11px; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger[dropdown-icon="style3"] > a:after { content: "\f209"; font-family: Ionicons; font-size: 11px; } /*################## Style Selector Theme Color Start ###########################*/ .scoop #styleSelector { /* background-color: rgba(255, 255, 255, .1); */ background: #ddd; border: 1px solid #ddd; border-radius: 6px; height: auto; margin-top: 50px; padding: 15px; position: relative; width: 100%; } #styleSelector ul { border: 0 none; margin: 0; padding: 0; width: 100%; } #styleSelector ul li { border-bottom: 0px solid #e9e9e9; display: block; margin: 0; padding: 10px; text-align: left; min-width: 220px; display: inline-block; } #styleSelector ul li p.selector-title { border-bottom: 1px solid #e9e9e9; color: #9c9c9c; font-size: 14px; margin: 0; padding: 6px; text-align: center; } #styleSelector > ul > li > .sub-title { /* border-bottom: 1px solid #ddd; */ color: #9c9c9c; display: block; font-size: 15px; margin: 0 0 10px; padding: 5px 0; position: relative; text-align: left; font-weight: 500; } #styleSelector li { padding: 5px; } .theme-option label { color: #8e8e8e; display: inline-block; font-weight: 500; margin-bottom: 5px; max-width: 100%; } .theme-option select { background-color: #f1f1f1; border: 1px solid #ccc; border-radius: 2px; padding: 3px 10px; display: block; width: 100%; } @-moz-document url-prefix() { .theme-option select { /* border: 0 !important; */ /*Removes border*/ -webkit-appearance: none !important; /*Removes default chrome and safari style*/ -moz-appearance: none !important; /* Removes Default Firefox style*/ background: #FFF url(../images/select-arrow.html) no-repeat 95% center !important; width: 100% !important; /*Width of select dropdown to give space for arrow image*/ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/ color: #555; border-radius: 4px; font: inherit; line-height: 1.5em; border: 1px solid #ddd !important; } } .theme-color { padding: 0px; width: 100%; } /**/ .theme-color a { border-radius: 0%; cursor: pointer; display: inline-block; height: 18px; width: 18px; margin: 0px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .theme-color a:hover, .theme-color a:focus { text-decoration: none; } /*Left Header style selector Css start here*/ .theme-color a[lheader-theme="theme1"] { background: #2a394f; } .theme-color a[lheader-theme="theme2"] { background: #FFF; } .theme-color a[lheader-theme="theme3"] { background: #e9e9e9; } .theme-color a[lheader-theme="theme4"] { background: #354052; } .theme-color a[lheader-theme="theme5"] { background: #2b64a4; } .theme-color a[lheader-theme="theme6"] { background: #624e89; } .theme-color a[lheader-theme="theme7"] { background: #0b9c8f; } .theme-color a[lheader-theme="theme8"] { background: #3f5485; } .theme-color a[lheader-theme="theme9"] { background: #3c4fb1; } /*Left Header style selector CSS Close here*/ /*Header style selector Css start here*/ .theme-color a[header-theme="theme1"] { background: #364760; } .theme-color a[header-theme="theme2"] { background: #FFF; } .theme-color a[header-theme="theme3"] { background: #f5f5f5; } .theme-color a[header-theme="theme4"] { background: #354052; } .theme-color a[header-theme="theme5"] { background: #3c75b5; } .theme-color a[header-theme="theme6"] { background: #624e89; } .theme-color a[header-theme="theme7"] { background: #0aa699; } .theme-color a[header-theme="theme8"] { background: #4e6ca5; } .theme-color a[header-theme="theme9"] { background: #485bbd; } /*Header style selector CSS Close here*/ /*Navbar style selector Css start here*/ .theme-color a[navbar-theme="theme1"] { background: #364760; } .theme-color a[navbar-theme="theme2"] { background: #FFF; } .theme-color a[navbar-theme="theme3"] { background: #f5f5f5; } .theme-color a[navbar-theme="theme4"] { background: #354052; } .theme-color a[navbar-theme="theme5"] { background: #3c75b5; } .theme-color a[navbar-theme="theme6"] { background: #624e89; } .theme-color a[navbar-theme="theme7"] { background: #0aa699; } .theme-color a[navbar-theme="theme8"] { } .theme-color a[navbar-theme="theme9"] { background: #485bbd; } /*Navbar style selector CSS Close here*/ /*Active Item style selector Css start here*/ .theme-color a[active-item-theme="theme1"] { background: #ff5e3a; } .theme-color a[active-item-theme="theme2"] { background: #0096b1; } .theme-color a[active-item-theme="theme3"] { background: #e64056; } .theme-color a[active-item-theme="theme4"] { background: #f39e10; } .theme-color a[active-item-theme="theme5"] { background: #8eb021; } .theme-color a[active-item-theme="theme6"] { background: #967adc; } .theme-color a[active-item-theme="theme7"] { background: #fe9375; } .theme-color a[active-item-theme="theme8"] { background: #565a90; } /*Active Item style selector CSS Close here*/ /*Subitem style selector Css start here*/ .theme-color a[sub-item-theme="theme1"] { background: #70ca63; } .theme-color a[sub-item-theme="theme2"] { background: #3498DB; } .theme-color a[sub-item-theme="theme3"] { background: #485BBD; } .theme-color a[sub-item-theme="theme4"] { background: #e7604a; } .theme-color a[sub-item-theme="theme5"] { background: #333843; } .theme-color a[sub-item-theme="theme6"] { background: #624e89; } .theme-color a[sub-item-theme="theme7"] { background: #FFF; } .theme-color a[sub-item-theme="theme8"] { background: #384b5f; } .theme-color a[sub-item-theme="theme9"] { background: #578ebe; } /*Subitem style selector CSS Close here*/ /*background Pattern style selector Css start here*/ .theme-color a[themebg-pattern="pattern1"] { background-image: url("../images/pattern1.html"); } .theme-color a[themebg-pattern="pattern2"] { background-image: url("../images/pattern2.html"); } .theme-color a[themebg-pattern="pattern3"] { background-image: url("../images/pattern3.html"); } .theme-color a[themebg-pattern="pattern4"] { background-image: url("../images/pattern4.html"); } .theme-color a[themebg-pattern="pattern5"] { background-image: url("../images/pattern5.html"); } .theme-color a[themebg-pattern="pattern6"] { background-image: url("../images/pattern6.html"); } .theme-color a[themebg-pattern="pattern7"] { background-image: url("../images/pattern7.html"); } .theme-color a[themebg-pattern="pattern8"] { background-image: url("../images/pattern8.html"); } .theme-color a[themebg-pattern="pattern9"] { background-image: url("../images/pattern9.html"); } /*background Pattern style selector CSS Close here*/ /* Plugin Option Panel Csss Close Here */ li.edge > ul { left: auto !important; right: 100%; } .stickybar { height: 40px; position: fixed; top: 0; width: 100% !important; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > .scoop-hasmenu.edge.scoop-trigger > .scoop-submenu { right: 0px; } /* li.casa-hasmenu .casa-submenu > li.casa-hasmenu.edge > a::after { content: "" !important; float: right; font-family: FontAwesome; font-size: 18px; position: relative; } */ /*############################################################################## Navigation Bottom Placement CSS Start ###############################################################################*/ .scoop[horizontal-layout="wide"][horizontal-placement="bottom"] .scoop-navbar { bottom: 0; position: fixed; } .scoop[horizontal-layout="box"][horizontal-placement="bottom"] .scoop-navbar { bottom: 0; position: fixed; } .scoop[horizontal-layout="widebox"][horizontal-placement="bottom"] .scoop-navbar { bottom: 0; position: fixed; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item > .scoop-hasmenu > .scoop-submenu { bottom: 40px; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item .scoop-submenu .scoop-submenu { bottom: 0; top: auto; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-style: solid; border-bottom-width: 1px; border-top-width: 0px; } /* ########### SubMenu Cart CSS Start ########### */ .scoop[horizontal-placement="top"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { background: transparent none repeat scroll 0 0; border-bottom-style: solid; border-bottom-width: 7px; border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: 0; display: block; float: right; height: 0; margin: 0 auto; position: absolute; right: 50%; width: 0; z-index: 12; } .scoop[theme-layout="horizontal"][horizontal-placement="top"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { } .scoop[theme-layout="horizontal"][horizontal-placement="top"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-width: 7px; border-bottom-style: solid; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { background: transparent none repeat scroll 0 0; border-top-width: 7px; border-left: 8px solid transparent; border-right: 8px solid transparent; top: 0; display: block; float: right; height: 0; margin: 0 auto; position: absolute; right: 50%; width: 0; } .scoop[theme-layout="horizontal"][horizontal-placement="bottom"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-top-width: 7px; border-top-style: solid; } .scoop .scoop-navbar .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu > li:last-child > a { border-bottom-color: transparent !important; } /* ########### SubMenu Cart CSS Close ########### */ /*############################################################################## Navigation Bottom Placement CSS Close ###############################################################################*/ .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li > a { padding: 0 8px; } .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li > a > .scoop-micon { display: none; } .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item.scoop-search-item > li > a > .scoop-micon { display: block; } .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-brand.scoop-left-align { /* display: none; */ } /* ############################################################################## *************** Centered Horizontal Navigation CSS Start *************** ################################################################################ */ .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar.isCentered, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar.isCentered { text-align: center; } .scoop[scoop-device-type="desktop"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu, .scoop[scoop-device-type="tablet"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu { text-align: left; } .scoop[theme-layout="horizontal"] .scoop-navbar.isCentered .scoop-brand { display: inline-block; float: none; float: unset; margin-top: 0px; position: relative; top: -13px; } .scoop[theme-layout="horizontal"] .scoop-navbar.isCentered .scoop-left-item { display: inline-block; } .scoop[theme-layout="horizontal"] .scoop-navbar.isCentered .scoop-right-item { display: inline-block; } .scoop[theme-layout="horizontal"] .scoop-navbar.isCentered .scoop-search-item { display: inline-block; } .scoop .scoop-navbar.isCentered .scoop-item > li { display: inline-block; } /* ############################################################################## *************** Centered Horizontal Navigation CSS Close *************** ################################################################################ */ /* ############################################################################## ************ Horizontal Navigation dropDown FullWidth CSS Start ******** ################################################################################ */ .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-inner-navbar, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-inner-navbar { position: relative; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item { position: static; position: static; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > li.fullwidth-drop, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li.fullwidth-drop { position: static; position: static; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu { min-width: 200px; width: 100%; left: 0; right: 0; top: auto; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu li, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu li { display: inline-block; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu li, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu li { position: static; position: static; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"].scoop-navbar .scoop-item > li.fullwidth-drop .scoop-submenu .scoop-submenu, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"].scoop-navbar .scoop-item > li.fullwidth-drop .scoop-submenu .scoop-submenu { top: 100%; left: 0; } .scoop .scoop-navbar .scoop-item[subitem-border="true"] .scoop-hasmenu.fullwidth-drop .scoop-submenu li > a { border-bottom-width: 0px; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item > .scoop-hasmenu.fullwidth-drop > .scoop-submenu { bottom: 100%; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item > .scoop-hasmenu.fullwidth-drop > .scoop-submenu > .scoop-hasmenu > .scoop-submenu { bottom: 100%; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu.fullwidth-drop .scoop-submenu li > a { display: inline-block; } /* ############################################################################## ************ Horizontal Navigation dropDown FullWidth CSS Close ******** ################################################################################ */ /* ############################################################################## ************ Horizontal Navigation Half Mega menu CSS Start ******** ################################################################################ */ .scoop-inner-navbar { position: relative; } .scoop .scoop-navbar .scoop-item { position: static; } .scoop .scoop-navbar .scoop-item > li.megamenu-half { position: static; } .scoop .scoop-navbar .scoop-item > li.megamenu-half.scoop-hasmenu .scoop-submenu { left: auto; min-width: 200px; right: auto; width: 50%; } .scoop .megamenu-half .scoop-submenu { padding: 10px !important; color: #b4bcc8; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item > .scoop-hasmenu.megamenu-half > .scoop-submenu { bottom: 100%; } /* ############################################################################## ************ Horizontal Navigation Half Mega menu CSS Close ******** ################################################################################ */ /* ############################################################################## ************ Horizontal Navigation Full Mega menu CSS Start ******** ################################################################################ */ .scoop-inner-navbar { position: relative; } .scoop .scoop-navbar .scoop-item { position: static; } .scoop .scoop-navbar .scoop-item > li.megamenu-full { position: static; } .scoop .scoop-navbar .scoop-item > li.megamenu-full.scoop-hasmenu .scoop-submenu { left: 0; min-width: 200px; right: 0; width: 100%; } .scoop .megamenu-full .scoop-submenu { padding: 10px !important; color: #b4bcc8; } .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item > .scoop-hasmenu.megamenu-full > .scoop-submenu { bottom: 100%; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul { margin: 0; padding: 0; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li { display: block; list-style: outside none none; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { border-bottom-width: 0 !important; font-size: 14px; font-weight: 600; line-height: 36px; padding: 0; text-decoration: none; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { text-decoration: none; background: transparent !important; color: #FFF; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { display: block; font-size: 13px; font-weight: 600; padding: 10px 0; margin-bottom: 10px; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { border-radius: 2px; font-size: 10px; margin-bottom: 11px; min-height: 23px; padding-top: 5px; text-align: center; } /* ############################################################################## ************ Horizontal Navigation Full Mega menu CSS Close ******** ################################################################################ */ /* Handle Horizontal menu on Phone CSS Start */ .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-header .scoop-rl-header { display: none; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-header .scoop-right-header .scoop-rr-header { text-align: center; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoopbrand-xs, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoopbrand-xs { height: 40px; width: 100%; padding: 0px; margin: 0px; position: relative; display: none; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoopbrand-xs { height: 40px; width: 100%; padding: 0px; margin: 0px; position: relative; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoopbrand-xs .scoop-brand a { font-family: 'Urbanist'; font-size: 20px !important; font-weight: 700; line-height: 40px; padding: 0 10px; text-decoration: none; color: #fff; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoopbrand-xs .scoop-brand a:hover, .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoopbrand-xs .scoop-brand a:focus { color: #fff; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoopbrand-xs .menu-toggle { float: right; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar { background: transparent !important; height: auto; position: absolute; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-inner-navbar { height: auto; position: relative; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-brand a { display: none; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar { opacity: 0; visibility: hidden; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar { -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -o-transition: -o-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar { transform-style: preserve-3d; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: rotateX(-90deg); -o-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar.show-menu { opacity: 1; visibility: visible; transform: rotateX(0deg); -o-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-brand a { font-family: 'Urbanist'; font-size: 20px !important; font-weight: 700; line-height: 40px; padding: 0 10px; text-decoration: none; } .scoop[scoop-device-type="desktop"] .scoop-navbar .scoop-brand .menu-toggle, .scoop[scoop-device-type="tablet"] .scoop-navbar .scoop-brand .menu-toggle, .scoop[scoop-device-type="phone"] .scoop-navbar .scoop-brand .menu-toggle { display: none; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-brand .menu-toggle { float: right; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-brand { float: unset !important; float: none !important; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item { display: block; float: none !important; position: relative; width: 100%; z-index: 1; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > li { float: none; display: block; position: relative; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item[item-border="true"] > li > a { border-right-width: 0px; border-bottom-width: 1px; border-bottom-style: solid; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item[item-border="true"] > li.scoop-trigger > a { border-bottom-width: 0px; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > .scoop-hasmenu > .scoop-submenu { min-width: 100%; z-index: 2; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu { position: relative; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > .scoop-hasmenu > .scoop-submenu > .scoop-hasmenu > .scoop-submenu { left: 0; min-width: 100%; right: 0; top: 0; z-index: 1; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > .scoop-hasmenu > .scoop-submenu > .scoop-hasmenu.scoop-trigger > .scoop-submenu { position: relative; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > .scoop-hasmenu > .scoop-submenu > .scoop-hasmenu > .scoop-submenu > .scoop-hasmenu > .scoop-submenu { left: 0; min-width: 100%; right: 0; top: 0; z-index: 1; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > .scoop-hasmenu > .scoop-submenu > .scoop-hasmenu.scoop-trigger > .scoop-submenu > .scoop-hasmenu.scoop-trigger > .scoop-submenu { position: relative; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"][horizontal-placement="bottom"] .scoop-navbar { bottom: auto; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-header { height: auto; } .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > li.scoop-hasmenu > a:after, .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > li.scoop-hasmenu.active > a:after, .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger > a:after { position: absolute; right: 13px; } /* Handle Horizontal menu on Phone CSS Close */ /*################################################################################################## ***************************** Horizontal Theme CSS Style Start here ************************** ####################################################################################################*/ /* ######################### Horizontal Navbar Theme 1 #################################*/ .scoop .scoop-navbar[navbar-theme="theme1"] { background: #364760 none repeat scroll 0 0; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #2a3b54; } .scoop[theme-layout="horizontal"] .scoop-navbar[navbar-theme="theme1"] .scoop-item[item-border="true"] > li > a { border-right-color: #40516a; } .scoop[theme-layout="horizontal"] .scoop-navbar[navbar-theme="theme1"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a { border-bottom-color: #34455e; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-brand a { color: #fff; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-brand a .scoop-brand-text .small-text { color: #f39e10; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-brand .menu-toggle a { color: #fff !important; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item > li > a { color: #cbd3df; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu li > a { color: #cbd3df; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item > li:hover > a { background: #233146; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.active > a { background: #233146; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background: #233146; color: #fff; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background: #233146; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #f39e10; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #f39e10; } .scoop[theme-layout="horizontal"] .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #f39e10; } .scoop[theme-layout="horizontal"] .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #f39e10; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #40516a; color: #cbd3df; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #40516a; color: #cbd3df; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #cbd3df; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #FFF; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme1"] .scoop-inner-navbar { background: #364760; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme1"] .scoop-item[item-border="true"] > li > a { border-bottom-color: #42536c; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #f39e10; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-top-color: #f39e10; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #f39e10; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #f39e10; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-form-wrapper button:before { border-color: transparent #f39e10 transparent; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-form-wrapper button:hover:before { border-right-color: #f39e10; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-form-wrapper button { background: #f39e10; color: #000; } .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-form-wrapper button:hover { background: #f39e10; color: #000; } /* Navbar Theme 2 */ .scoop .scoop-navbar[navbar-theme="theme2"] { background: #FFF none repeat scroll 0 0; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #FFF; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item[item-border="true"] > li > a { border-right-color: #f5f5f5; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a { border-bottom-color: #f5f5f5; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-brand a { color: #858b89; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-brand a .scoop-brand-text .small-text { color: #f39e10; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-brand .menu-toggle a { color: #678098; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li > a { color: #6e6e6e; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu li > a { color: #6e6e6e; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li:hover > a { background: #f1f1f1; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.active > a { background: #f1f1f1; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background: #f1f1f1; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background: #f1f1f1; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #dddddd; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #dddddd; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #dddddd; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #dddddd; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #dddddd; color: #6d6d6d; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #ededed; color: #6d6d6d; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #6e6e6e; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #000; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme2"] .scoop-inner-navbar { background: #FFF; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme2"] .scoop-item[item-border="true"] > li > a { border-bottom-color: #f5f5f5; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #dddddd; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-top-color: #dddddd; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #dddddd; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #dddddd; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-form-wrapper button:before { border-color: transparent #dddddd transparent; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-form-wrapper button:hover:before { border-right-color: #dddddd; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-form-wrapper button { background: #dddddd; color: #000; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-form-wrapper button:hover { background: #dddddd; color: #000; } .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-form-wrapper input:focus { background: #f1f1f1; } /* Navbar Theme 3 */ .scoop .scoop-navbar[navbar-theme="theme3"] { background: #f5f5f5; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #f5f5f5; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item[item-border="true"] > li > a { border-right-color: #eeeeee; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a { border-bottom-color: #eeeeee; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-brand a { color: #858b89; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-brand a .scoop-brand-text .small-text { color: #f39e10; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-brand .menu-toggle a { color: #678098; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li > a { color: #767c7a; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu li > a { color: #767c7a; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li:hover > a { background: #FFF; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.active > a { background: #FFF; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background: #FFF; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background: #FFF; color: #414141; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #eaeaea; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #eaeaea; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #eaeaea; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #e4e4e4; color: #666666; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #ededed; color: #6d6d6d; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #767c7a; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #000; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme3"] .scoop-inner-navbar { background: #f5f5f5; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme3"] .scoop-item[item-border="true"] > li > a { border-bottom-color: #eeeeee; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #eaeaea; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-top-color: #eaeaea; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #eaeaea; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #eaeaea; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-form-wrapper button:before { border-color: transparent #eaeaea transparent; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-form-wrapper button:hover:before { border-right-color: #eaeaea; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-form-wrapper button { background: #eaeaea; color: #000; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-form-wrapper button:hover { background: #eaeaea; color: #000; } .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-form-wrapper input:focus { background: #FFF; } /* Navbar Theme 4 */ .scoop .scoop-navbar[navbar-theme="theme4"] { background: #354052; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #3e495b; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item[item-border="true"] > li > a { border-right-color: #485468; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a { border-bottom-color: #485468; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-brand a { color: #b4bcc8; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-brand a .scoop-brand-text .small-text { color: #e64056; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-brand .menu-toggle a { color: #b4bcc8; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li > a { color: #b4bcc8; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu li > a { color: #b4bcc8; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li:hover > a { background: #3f4c61; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.active > a { background: #3f4c61; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background: #3f4c61; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background: #3f4c61; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #e64056; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #e64056; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #e64056; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #485468; color: #b4bcc8; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #49566b; color: #b4bcc8; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #b4bcc8; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #fff; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme4"] .scoop-inner-navbar { background: #354052; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme4"] .scoop-item[item-border="true"] > li > a { border-bottom-color: #485468; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #e64056; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-top-color: #e64056; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #e64056; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #e64056; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-form-wrapper button:before { border-color: transparent #e64056 transparent; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-form-wrapper button:hover:before { border-right-color: #e64056; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-form-wrapper button { background: #e64056; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-form-wrapper button:hover { background: #e64056; color: #FFF; } /* Navbar Theme 5 */ .scoop .scoop-navbar[navbar-theme="theme5"] { background: #3c75b5; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #2b64a4; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item[item-border="true"] > li > a { border-right-color: #4f82bc; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a { border-bottom-color: #356eae; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-brand a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-brand a .scoop-brand-text .small-text { color: #b9d4f2; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-brand .menu-toggle a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li > a { color: #b9d4f2; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu li > a { color: #b9d4f2; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li:hover > a { background: #4f82bc; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.active > a { background: #4f82bc; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background: #4f82bc; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background: #4f82bc; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #356eae; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #2b64a4; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #2b64a4; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #4f82bc; color: #b9d4f2; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #4f82bc; color: #b9d4f2; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #b9d4f2; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #fff; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme5"] .scoop-inner-navbar { background: #3c75b5; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme5"] .scoop-item[item-border="true"] > li > a { border-bottom-color: #5b8ec8; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #2b64a4; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-top-color: #2b64a4; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #2b64a4; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #2b64a4; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-form-wrapper button:before { border-color: transparent #4f82bc transparent; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-form-wrapper button:hover:before { border-right-color: #4f82bc; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-form-wrapper button { background: #4f82bc; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-form-wrapper button:hover { background: #4f82bc; color: #FFF; } /* Navbar Theme 6 */ .scoop .scoop-navbar[navbar-theme="theme6"] { background: #583a63; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #51355b; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item[item-border="true"] > li > a { border-right-color: #684d72; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a { border-bottom-color: #684d72; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-brand a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-brand a .scoop-brand-text .small-text { color: #af64cc; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-brand .menu-toggle a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li > a { color: #e0cee6; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu li > a { color: #e0cee6; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li:hover > a { background: #442a4d; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.active > a { background: #442a4d; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background: #442a4d; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background: #442a4d; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #684d72; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #684d72; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #684d72; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #684d72; color: #e0cee6; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #684d72; color: #e0cee6; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #e0cee6; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #fff; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme6"] .scoop-inner-navbar { background: #583a63; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme6"] .scoop-item[item-border="true"] > li > a { border-bottom-color: #684d72; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #684d72; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-top-color: #684d72; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #684d72; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #684d72; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-form-wrapper button:before { border-color: transparent #684d72 transparent; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-form-wrapper button:hover:before { border-right-color: #684d72; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-form-wrapper button { background: #684d72; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-form-wrapper button:hover { background: #684d72; color: #FFF; } /* Navbar Theme 7 */ .scoop .scoop-navbar[navbar-theme="theme7"] { background: #0aa699; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #079185; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item[item-border="true"] > li > a { border-right-color: #1ab0a3; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a { border-bottom-color: #0b9c8f; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-brand a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-brand a .scoop-brand-text .small-text { color: #004538; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-brand .menu-toggle a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li > a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu li > a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li:hover > a { background: #018a7d; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.active > a { background: #018a7d; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background: #007b6f; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background: #007b6f; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #1ab0a3; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #1ab0a3; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #1ab0a3; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #1ab0a3; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #1ab0a3; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #dbdbdb; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #fff; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme7"] .scoop-inner-navbar { background: #0aa699; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme7"] .scoop-item[item-border="true"] > li > a { border-bottom-color: #1ab0a3; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #1ab0a3; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-top-color: #1ab0a3; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #1ab0a3; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #1ab0a3; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-form-wrapper button:before { border-color: transparent #1ab0a3 transparent; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-form-wrapper button:hover:before { border-right-color: #1ab0a3; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-form-wrapper button { background: #1ab0a3; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-form-wrapper button:hover { background: #1ab0a3; color: #FFF; } /* Navbar Theme 8 */ .scoop .scoop-navbar[navbar-theme="theme8"] { } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #fff; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item[item-border="true"] > li > a { } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a { border-bottom-color: #3f5485; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-brand a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-brand a .scoop-brand-text .small-text { color: #8eb021; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-brand .menu-toggle a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item li a { color: #0c2f4f; font-weight: 600; z-index: 3; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li > a { color: #fff; } /*.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li:hover > a { color: #0c2f4f !important; }*/ .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme8"] .scoop-item > li:hover > a { color: #fff; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.active > a { color: #0c2f4f !important; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { color: #1d4f90; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { color: #1d4f90 !important; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu { } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #fff; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { color: #1d4f90; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { color: #1d4f90; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #1d4f90; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #1d4f90; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme8"] .scoop-inner-navbar { background: #222833; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme8"] .scoop-item[item-border="true"] > li > a { border-bottom-color: #0e131c; color: #fff; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #2f4475; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-top-color: #2f4475; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #2f4475; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #2f4475; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-form-wrapper button:before { border-color: transparent #516697 transparent; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-form-wrapper button:hover:before { border-right-color: #516697; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-form-wrapper button { background: #516697; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-form-wrapper button:hover { background: #516697; color: #FFF; } /* Navbar Theme 9 */ .scoop .scoop-navbar[navbar-theme="theme9"] { background: #576acc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu { background: #485bbd; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item[item-border="true"] > li > a { border-right-color: #6174d6; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a { border-bottom-color: #576acc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-brand a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-brand a .scoop-brand-text .small-text { color: #d8e3fc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-brand .menu-toggle a { color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li > a { color: #d8e3fc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu li > a { color: #d8e3fc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li:hover > a { background: #4457b9; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.active > a { background: #4457b9; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background: #384bad; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background: #384bad; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #5063c5; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #5063c5; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #5063c5; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title { border-bottom-color: #6174d6; color: #d8e3fc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox { background: #6174d6; color: #d8e3fc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a { color: #d8e3fc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover { color: #fff; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme9"] .scoop-inner-navbar { background: #576acc; } .scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme9"] .scoop-item[item-border="true"] > li > a { border-bottom-color: #6174d6; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu { border-bottom-color: #5063c5; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-top-color: #5063c5; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #5063c5; } .scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #5063c5; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-form-wrapper button:before { border-color: transparent #576acc transparent; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-form-wrapper button:hover:before { border-right-color: #576acc; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-form-wrapper button { background: #576acc; color: #FFF; } .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-form-wrapper button:hover { background: #576acc; color: #FFF; } /* Navigation Theme CSS Style Close Here */ /* ################################################################################### ********************Horizontal Theme patteren CSS Start************ ##################################################################################*/ body[themebg-pattern="pattern1"] { background-image: url("../images/pattern1.html"); } body[themebg-pattern="pattern2"] { background-image: url("../images/pattern2.html"); } body[themebg-pattern="pattern3"] { background-image: url("../images/pattern3.html"); } body[themebg-pattern="pattern4"] { background-image: url("../images/pattern4.html"); } body[themebg-pattern="pattern5"] { background-image: url("../images/pattern5.html"); } body[themebg-pattern="pattern6"] { background-image: url("../images/pattern6.html"); } body[themebg-pattern="pattern7"] { background-image: url("../images/pattern7.html"); } body[themebg-pattern="pattern8"] { background-image: url("../images/pattern8.html"); } body[themebg-pattern="pattern9"] { background-image: url("../images/pattern9.html"); } /* ################################################################################### ********************Horizontal Theme patteren CSS Close ************ ##################################################################################*/ /* ################################################################################### ********************Header Theme CSS Start ************ ##################################################################################*/ /* Header Theme 1 */ .scoop .scoop-header[header-theme="theme1"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme1"] .scoopbrand-xs { background: #364760; } .scoop .scoop-header[header-theme="theme1"] .scoopbrand-xs .scoop-brand a { color: #fff; } .scoop .scoop-header[header-theme="theme1"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #f39e10 !important; } /* Header Theme 2 */ .scoop .scoop-header[header-theme="theme2"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme2"] .scoopbrand-xs { background: #FFF; } .scoop .scoop-header[header-theme="theme2"] .scoopbrand-xs .scoop-brand a { color: #000; } .scoop .scoop-header[header-theme="theme2"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #f39e10; } /* Header Theme 3 */ .scoop .scoop-header[header-theme="theme3"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme3"] .scoopbrand-xs { background: #f5f5f5; } .scoop .scoop-header[header-theme="theme3"] .scoopbrand-xs .scoop-brand a { color: #858b89; } .scoop .scoop-header[header-theme="theme3"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #f39e10; } /* Header Theme 4 */ .scoop .scoop-header[header-theme="theme4"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme4"] .scoopbrand-xs { background: #354052; } .scoop .scoop-header[header-theme="theme4"] .scoopbrand-xs .scoop-brand a { color: #FFF; } .scoop .scoop-header[header-theme="theme4"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #e64056; } /* Header Theme 5 */ .scoop .scoop-header[header-theme="theme5"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme5"] .scoopbrand-xs { background: #3c75b5; } .scoop .scoop-header[header-theme="theme5"] .scoopbrand-xs .scoop-brand a { color: #FFF; } .scoop .scoop-header[header-theme="theme5"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #b9d4f2; } /* Header Theme 6 */ .scoop .scoop-header[header-theme="theme6"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme6"] .scoopbrand-xs { background: #583a63; } .scoop .scoop-header[header-theme="theme6"] .scoopbrand-xs .scoop-brand a { color: #FFF; } .scoop .scoop-header[header-theme="theme6"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #af64cc; } /* Header Theme 7 */ .scoop .scoop-header[header-theme="theme7"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme7"] .scoopbrand-xs { background: #0aa699; } .scoop .scoop-header[header-theme="theme7"] .scoopbrand-xs .scoop-brand a { color: #FFF; } .scoop .scoop-header[header-theme="theme7"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #004538; } /* Header Theme 8 */ .scoop .scoop-header[header-theme="theme8"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme8"] .scoopbrand-xs { background: #3f5485; } .scoop .scoop-header[header-theme="theme8"] .scoopbrand-xs .scoop-brand a { color: #FFF; } .scoop .scoop-header[header-theme="theme8"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #8eb021; } /* Header Theme 9 */ .scoop .scoop-header[header-theme="theme9"] { background: #e9ecf3; } .scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme9"] .scoopbrand-xs { background: #576acc; } .scoop .scoop-header[header-theme="theme9"] .scoopbrand-xs .scoop-brand a { color: #FFF; } .scoop .scoop-header[header-theme="theme9"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text { color: #d8e3fc; } /* ################################################################################### ********************Header Theme CSS Close ************ ##################################################################################*/ /*########################################################################################## *************************Active Item and Hover Item Theme CSS style here ***************** ############################################################################################*/ /* Active Item Theme 1 with style1 */ .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item > li:hover > a { background: #F2706E; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item > li.active > a { background: #F2706E; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background: #F2706E; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background: #F2706E; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #de5c5a; } .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #de5c5a; } .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #de5c5a !important; } .scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #de5c5a !important; } .scoop .scoop-navbar[active-item-theme="theme1"] .scoop-form-wrapper button:before { border-color: transparent #de5c5a transparent !important; } .scoop .scoop-navbar[active-item-theme="theme1"] .scoop-form-wrapper button:hover:before { border-right-color: #de5c5a !important; } .scoop .scoop-navbar[active-item-theme="theme1"] .scoop-form-wrapper button { background: #de5c5a !important; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme1"] .scoop-form-wrapper button:hover { background: #de5c5a !important; color: #FFF; } /* Active Item Theme 2 */ .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item > li:hover > a { background: #0096b1; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item > li.active > a { background: #0096b1; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background: #0096b1; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background: #0096b1; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #028097; } .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #028097; } .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #028097 !important; } .scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #028097 !important; } .scoop .scoop-navbar[active-item-theme="theme2"] .scoop-form-wrapper button:before { border-color: transparent #028097 transparent !important; } .scoop .scoop-navbar[active-item-theme="theme2"] .scoop-form-wrapper button:hover:before { border-right-color: #028097 !important; } .scoop .scoop-navbar[active-item-theme="theme2"] .scoop-form-wrapper button { background: #028097 !important; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme2"] .scoop-form-wrapper button:hover { background: #028097 !important; color: #FFF; } /* Active Item Theme 3 */ .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item > li:hover > a { background: #e64056; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item > li.active > a { background: #e64056; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background: #e64056; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background: #e64056; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #d83248; } .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #d83248; } .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #d83248 !important; } .scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #d83248 !important; } .scoop .scoop-navbar[active-item-theme="theme3"] .scoop-form-wrapper button:before { border-color: transparent #d83248 transparent !important; } .scoop .scoop-navbar[active-item-theme="theme3"] .scoop-form-wrapper button:hover:before { border-right-color: #d83248 !important; } .scoop .scoop-navbar[active-item-theme="theme3"] .scoop-form-wrapper button { background: #d83248 !important; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme3"] .scoop-form-wrapper button:hover { background: #d83248 !important; color: #FFF; } /* Active Item Theme 4 */ .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item > li:hover > a { background: #f39e10; color: #414141; } .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item > li.active > a { background: #f39e10; color: #414141; } .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background: #f39e10; color: #414141; } .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background: #f39e10; color: #414141; } .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #d78906; } .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #d78906; } .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #d78906 !important; } .scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #d78906 !important; } .scoop .scoop-navbar[active-item-theme="theme4"] .scoop-form-wrapper button:before { border-color: transparent #f39e10 transparent !important; } .scoop .scoop-navbar[active-item-theme="theme4"] .scoop-form-wrapper button:hover:before { border-right-color: #f39e10 !important; } .scoop .scoop-navbar[active-item-theme="theme4"] .scoop-form-wrapper button { background: #f39e10 !important; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme4"] .scoop-form-wrapper button:hover { background: #f39e10 !important; color: #FFF; } /* Active Item Theme 5 */ .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item > li:hover > a { background: #8eb021; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item > li.active > a { background: #8eb021; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background: #8eb021; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background: #8eb021; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #77941b; } .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #77941b; } .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #77941b !important; } .scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #77941b !important; } .scoop .scoop-navbar[active-item-theme="theme5"] .scoop-form-wrapper button:before { border-color: transparent #77941b transparent !important; } .scoop .scoop-navbar[active-item-theme="theme5"] .scoop-form-wrapper button:hover:before { border-right-color: #77941b !important; } .scoop .scoop-navbar[active-item-theme="theme5"] .scoop-form-wrapper button { background: #77941b !important; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme5"] .scoop-form-wrapper button:hover { background: #77941b !important; color: #FFF; } /* Active Item Theme 6 */ .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item > li:hover > a { background: #967adc; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item > li.active > a { background: #967adc; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background: #967adc; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background: #967adc; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #a889f7; } .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #a889f7; } .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #a889f7 !important; } .scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #a889f7 !important; ; } .scoop .scoop-navbar[active-item-theme="theme6"] .scoop-form-wrapper button:before { border-color: transparent #a889f7 transparent !important; } .scoop .scoop-navbar[active-item-theme="theme6"] .scoop-form-wrapper button:hover:before { border-right-color: #a889f7 !important; } .scoop .scoop-navbar[active-item-theme="theme6"] .scoop-form-wrapper button { background: #a889f7 !important; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme6"] .scoop-form-wrapper button:hover { background: #a889f7 !important; color: #FFF; } /* Active Item Theme 7 */ .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item > li:hover > a { background: #fe9375; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item > li.active > a { background: #fe9375; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a { background: #fe9375; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a { background: #fe9375; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu { border-top-color: #eb8669; } .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret { border-bottom-color: #eb8669; } .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu { border-top-color: #eb8669 !important; } .scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret { border-bottom-color: #eb8669 !important; } .scoop .scoop-navbar[active-item-theme="theme7"] .scoop-form-wrapper button:before { border-color: transparent #eb8669 transparent !important; } .scoop .scoop-navbar[active-item-theme="theme7"] .scoop-form-wrapper button:hover:before { border-right-color: #eb8669 !important; } .scoop .scoop-navbar[active-item-theme="theme7"] .scoop-form-wrapper button { background: #eb8669 !important; color: #FFF; } .scoop .scoop-navbar[active-item-theme="theme7"] .scoop-form-wrapper button:hover { background: #eb8669 !important; color: #FFF; } /*########################################################################################## *************************Active Item and Hover Item Theme CSS style Close ***************** ############################################################################################*/ .scoop-rr-header .btn { font-size: 12px; font-weight: 600; margin-left: 5px; } /* fixed issue 20170319 */ .scoop-main-container { clear: both; } .scoop-address span { float: left; } .scoop .scoop-navbar .scoop-item .scoop-hasmenu.fullwidth-drop .scoop-submenu li > a { display: list-item; } .scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[subitem-border="true"] .scoop-hasmenu.fullwidth-drop .scoop-submenu li > a { border-bottom-width: 0; } .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu li, .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu li, .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu li { display: block; float: left; } .scoop .scoop-navbar .scoop-item li.fullwidth-drop.scoop-hasmenu .scoop-submenu li.scoop-hasmenu > a:after { float: none; } @font-face { font-family: 'vakifkatilim'; src: url('vakifkatilim57b0.eot?qo8xt4'); src: url('vakifkatilim57b0.eot?qo8xt4#iefix') format('embedded-opentype'), url('vakifkatilim57b0.ttf?qo8xt4') format('truetype'), url('vakifkatilim57b0.woff?qo8xt4') format('woff'), url('vakifkatilim57b0.svg?qo8xt4#vakifkatilim') format('svg'); font-weight: normal; font-style: normal; } [class^="f-"], [class*=" f-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'vakifkatilim' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .f-odemeler .path1:before { content: "\e90d"; color: rgb(208, 232, 249); } .f-odemeler .path2:before { content: "\e90e"; margin-left: -1.3115234375em; color: rgb(56, 87, 144); } .f-odemeler .path3:before { content: "\e90f"; margin-left: -1.3115234375em; color: rgb(202, 92, 170); } .f-odemeler .path4:before { content: "\e910"; margin-left: -1.3115234375em; color: rgb(202, 92, 170); } .f-para-gonder .path1:before { content: "\e911"; color: rgb(208, 232, 249); } .f-para-gonder .path2:before { content: "\e912"; margin-left: -1.275390625em; color: rgb(56, 87, 144); } .f-para-gonder .path3:before { content: "\e913"; margin-left: -1.275390625em; color: rgb(56, 87, 144); } .f-para-gonder .path4:before { content: "\e914"; margin-left: -1.275390625em; color: rgb(202, 92, 170); } .f-para-gonder .path5:before { content: "\e915"; margin-left: -1.275390625em; color: rgb(56, 87, 144); } .f-para-gonder .path6:before { content: "\e916"; margin-left: -1.275390625em; color: rgb(56, 87, 144); } .f-para-gonder .path7:before { content: "\e917"; margin-left: -1.275390625em; color: rgb(202, 92, 170); } .f-arrow-empty-down:before { content: "\e90c"; } .f-arrow-empty-left:before { content: "\e90a"; } .f-arrow-empty-right:before { content: "\e90b"; } .f-document:before { content: "\e907"; } .f-refresh:before { content: "\e908"; } .f-search:before { content: "\e909"; } .f-notification:before { content: "\e906"; } .f-qr-kod-islemleri:before { content: "\e902"; } .f-ucretsiz-eft-havale:before { content: "\e903"; } .f-kart-islemleri:before { content: "\e904"; } .f-tek-pin-giris:before { content: "\e905"; } .f-checked:before { content: "\e901"; } .f-arrow-down:before { content: "\e900"; }