/*#region main variables*/ .clear { clear: both; content: ''; display: table; } .relative { position: relative; } /*#endregion main variables*/ /*#region div templates*/ /*#endregion div templates*/ /*#region bootstrap-select*/ /*#endregon bootstrap-select*/ /*#region statusbar*/ @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .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: 1140px; } } /*CONTAINER NEW WIDTH*/ @media (min-width: 1400px) { .container { width: 1320px; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .progress .bar { width: 0%; height: 100%; color: #ffffff; float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .fsz12 { font-size: 12px !important; } .fsz13 { font-size: 13px !important; } .fsz14 { font-size: 14px !important; } .z3 { z-index: 3 !important; } in .fsz15 { font-size: 15px !important; } .fsz16 { font-size: 16px !important; } .fsz18 { font-size: 18px !important; } .fsz20 { font-size: 20px !important; } .fsz21 { font-size: 21px !important; } .fsz22 { font-size: 22px !important; } .fsz23 { font-size: 23px !important; } .fsz24 { font-size: 24px !important; } .fsz25 { font-size: 25px !important; } .fsz26 { font-size: 26px !important; } .fsz27 { font-size: 27px !important; } .fsz28 { font-size: 28px !important; } .fsz29 { font-size: 29px !important; } .fsz30 { font-size: 30px !important; } .fsz32 { font-size: 32px !important; } .fsz33 { font-size: 33px !important; } .fsz34 { font-size: 34px !important; } .fsz35 { font-size: 35px !important; } .fsz36 { font-size: 36px !important; } .fsz40 { font-size: 40px !important; } .fsz45 { font-size: 45px !important; } .fsz50 { font-size: 50px !important; } .fsz70 { font-size: 70px !important; } .fsz75 { font-size: 75px !important; } .fsz80 { font-size: 80px !important; } .fsz100 { font-size: 100px !important; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #171b30; } .pr0 { padding-right: 0px; } .plr-40 { padding: 0 40px; } .blueGradient { background: #4ab9e9; background: -moz-linear-gradient(45deg, #4ab9e9 0%, #5ac3b9 100%); background: -webkit-linear-gradient(45deg, #4ab9e9 0%, #5ac3b9 100%); background: linear-gradient(45deg, #4ab9e9 0%, #5ac3b9 100%); } .orangeGradient { background: #F5634A; background: -moz-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: -webkit-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: linear-gradient(-45deg, #fbb885 0%, #f5634a 100%); } .greenGradient { background: #6cc57f; background: -moz-linear-gradient(-45deg, #6cc57f 0%, #9fcd5d 100%); background: -webkit-linear-gradient(-45deg, #6cc57f 0%, #9fcd5d 100%); background: linear-gradient(-45deg, #6cc57f 0%, #9fcd5d 100%); } .bluePurpleGradient { background: #6ac8ed; background: -moz-linear-gradient(45deg, #6ac8ed 0%, #8a3c6a 100%); background: -webkit-linear-gradient(45deg, #6ac8ed 0%, #8a3c6a 100%); background: linear-gradient(45deg, #6ac8ed 0%, #8a3c6a 100%); } .ionIcon { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pointer { cursor: pointer; } .accept { color: black !important; cursor: default !important; text-transform: uppercase !important; } .doc-submit { line-height: 10px; display: inline-block; font-size: 33px !important; margin-top: 8px; } .flex { display: flex; justify-content: space-between; margin: 0 auto; gap: 20px; align-items: flex-start; } .t0 { top: 0px !important; } .mt0 { margin-top: 0px !important; } .mb0 { margin-bottom: 0px !important; } .mt90 { margin-top: 90px !important; } .mt140 { margin-top: 140px !important; } .mt50 { margin-top: 50px !important; } .ml20 { margin-left: 20px !important; } .ml15 { margin-left: 15px !important; } .ui-select-container { margin-top: 5px; } .mr20 { margin-right: 20px !important; } .w100 { width: 100% !important; } .w95 { width: 95% !important; } .z3 { z-index: 3 !important; } .orderNo { top: 15px !important; font-weight: bold !important; font-style: normal !important; color: #3768BD !important; font-size: 28px !important; } img.leftImage { position: absolute; left: 18px; top: -5px; } img.leftImageTwo { position: absolute; left: 18px; top: 4px; } .faqWrap.faqList .panel .panel-heading { border: none; } ul.proofDocs .conditions .indicator.orderNo { font-size: 14px !important; left: -40px; top: 4px !important; background: #668BCE1C 0% 0% no-repeat padding-box; border-radius: 50%; width: 28px; height: 28px; display: flex; text-align: center; align-items: center; justify-content: center; align-content: center; flex-wrap: nowrap; flex-direction: row; } .a-details { margin: 0 !important; padding: 10px 20px !important; } .img-contact { width: 105px; } .mr15 { margin-right: 15px !important; } .docsInfo { margin-left: 34px !important; font-size: 12px !important; margin-top: 10px; } .error-tiny { border: 1px solid #FF6969 !important; padding: 1px; } .docsAtt { margin-left: 16px !important; font-size: 12px !important; } .docsTitle { border-top: 1px solid #e5e5e5 !important; margin-top: 10px !important; text-transform: uppercase; } .docs-act { margin-top: 10px; font-size: 20px !important; border-top: 1px solid #e5e5e5 !important; } .ml-15 { margin-left: -15px !important; } .notReqFile { color: #dedede; } .optFile { color: #fb7474; } .reqFile { color: #38b3e7; } .dti { display: list-item; list-style-type: disc; } .checkPluginsModal { margin-bottom: 15px !important; } .checkPluginsModal .theBlock { min-height: 167px !important; } .checkPluginsModal .theBlock .blockBody { margin-left: -28px !important; } .checkPluginsModal .theBlock .alert { margin-top: -10px !important; } .checkPluginsModal .blockXml { margin-right: -340px !important; margin-top: -165px !important; float: right; width: 335px; } .checkPluginsModal label { font-size: 12px !important; margin-bottom: 10px; } .checkPluginsModal h4 { margin-bottom: 5px; margin-top: 5px; } .checkPluginsModal .bigStatus { font-size: 35px !important; color: #38b3e7; background: -webkit-linear-gradient(#4ab9e9, #5ac3b9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 10px; margin-top: 0px; display: inline-block; } .checkPluginsModal .bigStatus:before { background: #38b3e7; background: -webkit-linear-gradient(#4ab9e9, #5ac3b9); -webkit-background-clip: text; } .checkPluginsModal .bigStatus.toDo { color: #d5d5e2; background: transparent; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; } .checkPluginsModal .bigStatus.toDo:before { background: transparent; -webkit-background-clip: inherit; } .checkPluginsModal small { font-size: 13px !important; line-height: 17px; display: inline-block; margin-bottom: 20px; border-top: 1px solid #e5e5e5; padding-top: 5px; } .checkPluginsModal small.blue { color: #8a8e9e; } .checkPluginsModal small.red { color: #7143c1; } .checkPluginsModal .alert-warning { padding: 20px 40px 20px 60px; position: relative; background-color: rgba(251, 243, 230, 0.5); } .checkPluginsModal .alert-warning:before { position: absolute; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 27px !important; margin-right: 10px; color: #f9956d; line-height: 10px; content: "\f44c"; left: 20px; top: 25px; } .checkPluginsModal .alert-warning p + p { margin-top: 15px; border-top: 1px solid #efe0c8; padding-top: 15px; } .pt50 { padding: 50px 0 !important; } .text-center { text-align: center !important; } .ass { color: #4ab9e9; font-size: 20px !important; } .modal-loader div { margin-top: -118px !important; } .blockInline { margin-top: 7px; display: block; } @media screen and (max-width: 767px) { .p0-xs { padding: 0px; } } @font-face { font-family: 'Mulish-Medium'; src: url('../fonts/Mulish-Medium.eot') format('embedded-opentype'), url('../fonts/Mulish-Medium.svg') format('svg'), url('../fonts/Mulish-Medium.ttf') format('truetype'), url('../fonts/Mulish-Medium.woff') format('woff'), url('../fonts/Mulish-Medium.woff2') format('woff2'); font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; text-rendering: optimizeLegibility; font-weight: normal; font-display: swap; } @font-face { font-family: 'Mulish-Regular'; src: url('../fonts/Mulish-Regular.eot') format('embedded-opentype'), url('../fonts/Mulish-Regular.svg') format('svg'), url('../fonts/Mulish-Regular.ttf') format('truetype'), url('../fonts/Mulish-Regular.woff') format('woff'), url('../fonts/Mulish-Regular.woff2') format('woff2'); font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; text-rendering: optimizeLegibility; font-weight: normal; font-display: swap; } @font-face { font-family: 'Mulish-SemiBold'; src: url('../fonts/Mulish-SemiBold.eot') format('embedded-opentype'), url('../fonts/Mulish-SemiBold.svg') format('svg'), url('../fonts/Mulish-SemiBold.ttf') format('truetype'), url('../fonts/Mulish-SemiBold.woff') format('woff'), url('../fonts/Mulish-SemiBold.woff2') format('woff2'); font-style: normal; -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; text-rendering: optimizeLegibility; font-weight: normal; font-display: swap; } @font-face { font-family: 'Mulish-Bold'; src: url('../fonts/Mulish-Bold.eot') format('embedded-opentype'), url('../fonts/Mulish-Bold.svg') format('svg'), url('../fonts/Mulish-Bold.ttf') format('truetype'), url('../fonts/Mulish-Bold.woff') format('woff'), url('../fonts/Mulish-Bold.woff2') format('woff2'); -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; text-rendering: optimizeLegibility; font-weight: normal; font-display: swap; } @font-face { font-family: 'Mulish-ExtraBold'; src: url('../fonts/Mulish-ExtraBold.eot') format('embedded-opentype'), url('../fonts/Mulish-ExtraBold.svg') format('svg'), url('../fonts/Mulish-ExtraBold.ttf') format('truetype'), url('../fonts/Mulish-ExtraBold.woff') format('woff'), url('../fonts/Mulish-ExtraBold.woff2') format('woff2'); -webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; text-rendering: optimizeLegibility; font-weight: normal; font-display: swap; } html { height: 100%; } body { font-family: 'Mulish-Regular'; font-size: 15px; color: #171b30; overflow-x: hidden; position: relative; min-height: 100%; padding-bottom: 245px; height: auto; } body.noImages *:not(i.ion-android-notifications, #ns-header #topBar #getHelp > p:before):after, body.noImages *:not(i.ion-android-notifications, #ns-header #topBar #getHelp > p:before):before { background-image: none !important; } body.noImages .wrapperHomepage:before, body.noImages .wrapperHomepage:after { background-image: initial !important; } body.noImages .newsBox .img-wrap, body.noImages .wrapperDiv .eIdProfileLevel .eIdProfileStatus, body.noImages .modal-dialog { /*opacity: 0;*/ background-image: none !important; } /* body.noImages .wrapperSponsors .box{ background: none; }*/ body.noImages .profileChooseIn .float-right .firstButtonInside button::after { background: url(../images/prashanje-modal.svg) !important; } body.noImages .profileChooseIn .float-right .secondButtonInside button::after { background: url(../images/problem-modal.svg) !important; } body.noImages .noRecords.noComments span:before { content: "" !important; } body.noImages #countStatistics .boxWrapper h4::after { display: none !important; } @media (max-width: 991px) { body { padding-bottom: 480px; } } ul { list-style-type: none; margin: 0px; padding: 0px; } #credits { right: 0; bottom: -10px; left: 0; position: absolute; box-shadow: 0 15px 34px #0000006e; z-index: 0; } a, button, .btn { color: #38b3e7; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:hover, button:hover, .btn:hover, a:focus, button:focus, .btn:focus, a:target, button:target, .btn:target { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; } p { margin: 0px 0 10px 0; line-height: 23px; } strong, b { font-weight: normal; font-family: 'Mulish-Bold'; } /*#region HEADER*/ .searchByLetter p { border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; padding-bottom: 10px; font-size: 13px !important; } .searchByLetter ul { text-align: center; } .searchByLetter ul li { display: inline-block; position: relative; text-transform: uppercase; } .searchByLetter ul li > span { padding: 20px 25px; font-family: 'Mulish-Bold'; display: block; font-size: 15px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 61px; opacity: 0.2; cursor: not-allowed; } .searchByLetter ul li a { color: #171b30; padding: 20px 25px; font-family: 'Mulish-Bold'; display: block; font-size: 15px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 61px; } .searchByLetter ul li a.disabled { opacity: 0.2; } .searchByLetter ul li:hover a.disabled { cursor: not-allowed; color: #171b30; position: relative; } .searchByLetter ul li:hover a:after { background-color: #4ab9e9; height: 5px; left: 10px; right: 10px; position: absolute; bottom: 0px; content: ''; display: block; } #langBar { font-size: 14px !important; color: #171b30; padding: 18px 0; } @media (max-width: 991px) { #langBar { padding: 8px 0px; } #ns-header #navigationBar .loginBar { height: 53px; } } @media screen and (max-width: 767px) { #langBar { text-align: right; padding: 18px 0px !important; } #ns-header #topBar img:not(.userProfileLogo) { height: 50px !important; padding-top: 15px !important; margin-top: 5px; } } #langBar li { display: inline-block; padding: 0 4px; } #langBar li:last-child { border-right: none; } #langBar li a, #langBar li input { /*color: #42415F; opacity: 0.5;*/ color: #2E2E2E; opacity: 0.7; font-family: 'Mulish-Bold'; border: none; padding: 0; display: inline-block; font-size: 15px; padding: 0 3px; background: transparent; } #langBar li a.active-language, #langBar li input.active-language { /* color: #42415F; opacity: 1;*/ color: #2E2E2E; opacity: 1; font-family: 'Mulish-ExtraBold'; } #langBar li a.active-language:hover, #langBar li input.active-language:hover { color: #38b3e7; } #langBar li.active-language a, #langBar li:hover a, #langBar li.active-language input, #langBar li:hover input { opacity: 0.4; background: transparent; } #ns-header p { margin: 0px; } #ns-header #topBar a { display: inline-block; width: auto; position: relative; } #ns-header #topBar { position: fixed; left: 0; right: 0; top: 0; /* background: transparent linear-gradient(270deg, #11346F 0%, #B02C84 100%) 0% 0% no-repeat padding-box;*/ background: url(../images/osnoven-bg-new.png); z-index: 6; background-repeat: no-repeat; background-size: cover; } #ns-header #topBar.business-mode { background: url(../images/pravno-lice-bg-new-new.png); background-size: cover; } #ns-header #topBar.private-mode { background: url(../images/fizichko-lice-bg-new-new.png); background-size: cover; } /* #ns-header #topBar .logo::before { content: ''; left: -315px; background: url(../images/lines-bg-head.png); width: 633px; height: 100%; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: left; bottom: 0px; top: 0px; min-height: 73px; z-index: -1; }*/ #ns-header #topBar::before { content: ''; left: 0; background: url(../images/lines-bg-head.png); width: 633px; height: 100%; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: left; bottom: 0px; top: 0px; min-height: 73px; z-index: -1; } @media (max-width: 991px) { #ns-header #topBar::before { display: none; } #ns-header #topBar.private-mode, #ns-header #topBar.business-mode { background-position: center; } } #ns-header #topBar img:not(.userProfileLogo) { height: 60px; max-width: 100%; padding-top: 15px; } @media (max-width: 991px) { #ns-header #topBar img.mainLogoMobile { display: inline-block; margin-right: 30px; } #ns-header #topBar img.mainLogo { display: none; } } @media (min-width: 992px) { #ns-header #topBar img.grbLogoMobile { display: none; } #ns-header #topBar img.mainLogoMobile { display: none; } #ns-header #topBar img.mainLogo { display: inline-block; margin-right: 30px; } } @media (max-width: 1199px) { #ns-header #topBar img.grbLogoMobile { display: inline-block; } #ns-header #topBar img.grbLogoDesktop { display: none; } #ns-header #topBar > img:not(.userProfileLogo) { display: none; height: auto; max-width: 100%; padding-top: 15px; } #ns-header .loginBar .user_logged_system > a { display: none !important; } #ns-header #topBar #divEID { padding: 22px 25px !important; right: 5px; gap: 0px !important; } } #divEID::after { display: none; } #ns-header #topBar #notifications { display: inline-block; position: relative; cursor: pointer; background: url(../images/notification.svg); background-repeat: no-repeat; background-size: cover; color: black; border: none; width: 25px; height: 25px; top: 5px; margin-right: 15px; } #ns-header #topBar #getHelp { display: inline-block; position: relative; cursor: pointer; background: transparent; border: none; color: black; } #ns-header #topBar #getHelp > p { color: #FFFFFF; padding: 25px 25px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 14px !important; margin-right: 20px; } @media (max-width: 767px) { #ns-header #topBar #getHelp > p { padding: 13px 0px; border-right: 0px solid #e5e5e5; } } #ns-header #topBar #getHelp > p:before { content: ''; position: absolute; right: 10px; width: 27px; height: 27px; top: 23px; background: url(../images/poddrshka.svg); background-repeat: no-repeat; background-size: contain; background-position: center; } @media screen and (max-width: 767px) { #ns-header #topBar #getHelp > p { padding: 17px 5px; } } #ns-header #topBar #getHelp .dropdown-menu { display: none; position: absolute; right: 0px; left: auto; border: 0px solid #e5e5e5; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; margin: 0px; padding: 0px; min-width: 250px; opacity: 0; visibility: hidden; height: 0px; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #ns-header #topBar #getHelp .dropdown-menu li { padding: 0 10px; } #ns-header #topBar #getHelp .dropdown-menu li:first-child { padding-top: 10px; } #ns-header #topBar #getHelp .dropdown-menu li:last-child { padding-bottom: 10px; } #ns-header #topBar #getHelp .dropdown-menu li .btn { background: none; border: none; color: #171b30; padding: 10px 15px !important; display: block; width: 100%; text-align: left; outline: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border-bottom: 1px solid #f5f5f5; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } #ns-header #topBar #getHelp .dropdown-menu li .btn:hover { background-color: #f5f5f5; } #ns-header #topBar #getHelp .dropdown-menu a { padding: 10px 15px; color: #171b30; display: block; } #ns-header #topBar #getHelp .dropdown-menu a i { font-size: 45px !important; color: rgba(23, 27, 48, 0.1); vertical-align: middle; padding: 8px; } #ns-header #topBar #getHelp:hover { background: transparent linear-gradient(120deg, #ffffff30 0%, #eaecf333 100%) 0% 0% no-repeat padding-box !important; color: white !important; } #ns-header #topBar #getHelp:hover > p { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: white; } #ns-header #topBar #getHelp:hover .dropdown-menu { display: block; opacity: 1; visibility: visible; height: auto; overflow: auto; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #ns-header #topBar #divEID img.secondImage { display: none; } #ns-header #topBar #divEID #loginSso .user_not_logged_system a { background: transparent; color: white; padding: 8px; outline: none; border: none; box-shadow: none; } @media (max-width: 767px) { #ns-header #topBar #divEID #loginSso .user_not_logged_system a { display: none !important; } } #ns-header #topBar .eIdMyProfile img { vertical-align: bottom; width: 40px; } #ns-header #topBar #settings { position: relative; margin-right: 70px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: transparent; border: none; } #ns-header #topBar #settings:hover p, #ns-header #topBar #settings.active p { color: #292435 !important; } #ns-header #topBar #settings:hover > p::before, #ns-header #topBar #settings.active > p::before { /*background: url(../images/postapki_new_hover.svg);*/ background: url(../images/wheelchair-hover.svg); } #ns-header #topBar #settings:hover, #ns-header #topBar #settings.active { background: transparent linear-gradient(120deg, #FFFFFF 0%, #EAECF3 100%) 0% 0% no-repeat padding-box; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #ns-header #topBar #settings .checkbox, #ns-header #topBar #settings .radio { margin-bottom: 3px !important; } #ns-header #topBar #settings > p { color: #FFFFFF; padding: 25px 25px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 14px !important; margin-right: 20px; } #ns-header #topBar #settings > p:before { content: ''; position: absolute; right: 10px; /* top: 22px;*/ top: 25px; /*width: 27px; height: 27px;*/ width: 22px; height: 22px; /*background: url(../images/postavki.svg);*/ background: url(../images/wheelchair.svg); background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; } @media screen and (max-width: 767px) { #ns-header #topBar #settings > p { padding: 17px 5px; } } #ns-header #topBar #settings strong { display: block; margin-top: 20px; font-size: 15px; margin-bottom: 20px; } #ns-header #topBar #settings .radio { height: 36px; } #ns-header #topBar #settings .radio label { padding-left: 0px; font-size: 15px; } #ns-header #topBar #settings .radio span.smallFont { font-size: 75%; } #ns-header #topBar #settings .radio span.bigFont { font-size: 150%; } #ns-header #topBar #settings .radio input[type=radio] { margin-left: 0px; right: 0; } button.resetSettingsBtn { border: none; background: transparent; position: relative; color: #3768BD; text-decoration: underline; } button.resetSettingsBtn span { padding: 10px; } button.resetSettingsBtn::before { content: ''; position: absolute; width: 18px; top: 3px; height: 18px; right: 0px; background: url(../images/refresh.svg); background-size: contain; background-repeat: no-repeat; background-position: center; } .flexEnd { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } #ns-header #topBar #settings .dropdown-menu { display: none; position: absolute; right: auto; left: 0px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 9px 20px #00000012; border: none; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; margin: 0px; min-width: 495px; opacity: 0; visibility: hidden; height: 0px; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0px; } @media (max-width: 1400px) { #ns-header #topBar #settings { height: 73px; padding: 0px; } #ns-header #topBar #settings .dropdown-menu .settWrap { position: fixed !important; right: 0 !important; top: 73px !important; width: 490px; } #ns-header #topBar #settings > p { padding: 25px; height: 72px; margin: 0; width: 70px; } #ns-header #topBar #getHelp > p:before, #ns-header #topBar #settings > p:before { top: 50% !important; left: 50%; transform: translate(-50%, -50%); } } @media (max-width: 991px) { #ns-header #topBar #settings .dropdown-menu .settWrap { position: relative; right: 27%; top: 1px; } #ns-header #topBar #settings > p { padding: 35px 30px; } } #ns-header #topBar #settings .dropdown-menu .settWrap { padding: 20px 20px 20px; box-shadow: 0px 9px 20px #00000012; background: white; } #ns-header #topBar #settings .dropdown-menu { visibility: visible; opacity: 1; overflow: unset; } @media (max-height: 800px) { #ns-header #topBar #settings .dropdown-menu .settWrap { overflow: auto; max-height: 500px; padding-bottom: 50px; position: relative; } } @media (max-width: 1400px) { #ns-header #topBar #settings .dropdown-menu .settWrap { padding-bottom: 100px; } .custom-checkbox label { min-height: 55px; max-height: 55px; padding: 10px 15px; font-size: 12px; } #ns-header #topBar #settings strong { font-size: 12px; margin-top: 10px; } } #ns-header #topBar #settings .dropdown-menu li { padding: 0 10px; } #ns-header #topBar #settings .dropdown-menu li:first-child { padding-top: 10px; } #ns-header #topBar #settings .dropdown-menu li:last-child { padding-bottom: 10px; } #ns-header #topBar #settings .dropdown-menu li .btn { background: none; border: none; color: #171b30; padding: 10px 15px; display: block; width: 100%; text-align: left; outline: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border-bottom: 1px solid #f5f5f5; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } #ns-header #topBar #settings .dropdown-menu li .btn:hover { background-color: #f5f5f5; } #ns-header #topBar #settings .dropdown-menu a { padding: 10px 0px; color: #171b30; display: block; } #ns-header #topBar #settings .dropdown-menu a i { font-size: 45px !important; color: rgba(23, 27, 48, 0.1); vertical-align: middle; padding: 8px; } #ns-header #navigationBar { background: white; position: fixed; left: 0; right: 0; top: 71px; z-index: 5; height: 55px; -webkit-box-shadow: 0px 6px 42px rgba(13, 31, 63, 0.12); -khtml-box-shadow: 0px 6px 42px rgba(13, 31, 63, 0.12); -moz-box-shadow: 0px 6px 42px rgba(13, 31, 63, 0.12); -ie-box-shadow: 0px 6px 42px rgba(13, 31, 63, 0.12); -o-box-shadow: 0px 6px 42px rgba(13, 31, 63, 0.12); -ms-box-shadow: 0px 6px 42px rgba(13, 31, 63, 0.12); box-shadow: 0px 6px 42px #0D1F3F1F; } #ns-header #navigationBar #categories_events { display: block; position: relative; height: 0px; } @media (min-width: 768px) { #ns-header #navigationBar #categories_events .navbar-collapse { padding-right: 13px; padding-left: 0px !important; } } #ns-header #navigationBar #categories_events > #menuMain { display: inline-block !important; padding-right: 0px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu { border: none; margin: 0px; padding: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; left: 15px; right: 15px; top: 60px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.lifeEventsMenu { padding: 40px 0 40px 0; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-animation: fadeIn .3s; animation: fadeIn .3s; animation-delay: 1s; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.lifeEventsMenu:after { content: ''; background: white; position: absolute; top: -5px; right: -999999%; bottom: 0px; display: block; left: -999999%; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); z-index: -1; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.lifeEventsMenu li { text-align: center; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.lifeEventsMenu li a { padding: 10px; background: transparent !important; display: block; margin-top: 10px; font-family: 'Mulish-Bold'; word-break: break-word; white-space: normal; line-height: 15px; height: 100px; position: relative; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.lifeEventsMenu li a img { height: 35px; display: block; margin: 0 auto; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.lifeEventsMenu li a span { display: block; margin-top: 10px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.lifeEventsMenu li:hover a:after { background-color: #4ab9e9; height: 5px; left: 25px; right: 25px; position: absolute; bottom: 0px; content: ''; display: block; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.lifeEventsMenu li img { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.lifeEventsMenu li:hover a { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.lifeEventsMenu li:hover img { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu { -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; padding: 20px 0; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu:after { content: ''; background: white; position: absolute; top: -5px; right: -999999%; bottom: 0px; display: block; left: -999999%; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); z-index: -1; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li { width: 30%; border-right: 1px solid #e5e5e5; padding: 0px; } @media screen and (max-width: 1199px) { #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li { width: 35%; } } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li > a { font-family: 'Mulish-Bold'; padding: 10px; display: block; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: white; white-space: normal; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li:hover > a { background: #f1f1f1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active > a, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open > a { background-color: #4ab9e9; -webkit-transition: none 0.2s ease-in-out; -khtml-transition: none 0.2s ease-in-out; -moz-transition: none 0.2s ease-in-out; -ie-transition: none 0.2s ease-in-out; -o-transition: none 0.2s ease-in-out; -ms-transition: none 0.2s ease-in-out; transition: none 0.2s ease-in-out; color: white; position: relative; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active > a:after, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open > a:after { background-color: #4ab9e9; content: "\f3d3"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: white; width: 0px; height: 40px; position: absolute; left: 100%; top: 0px; font-size: 20px !important; padding: 10px 18px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu { position: absolute; width: 65%; top: 0 !important; right: 0 !important; left: auto; margin-left: 35% !important; margin-top: 0 !important; min-width: inherit !important; max-width: inherit !important; right: 0; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; bottom: 0; border: none; padding: 30px 30px 30px 60px; display: block; -webkit-animation: fadeIn .5s; animation: fadeIn .5s; background: transparent; } @media screen and (max-width: 1199px) { #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu { width: 65%; margin-left: 35% !important; } } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li { margin-bottom: 30px; position: relative; padding: 0 20px 0px 10px; min-height: 100px; font-size: 13px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li b, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li b { display: block; position: relative; padding: 10px 0; margin-bottom: 0px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li a, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li a { height: 100px; display: block; white-space: normal; padding: 0px !important; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li a span, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li a span { white-space: normal; word-break: break-word; display: block; line-height: 18px; font-size: 14px !important; max-height: 40px; overflow: hidden; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li a b, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li a b { display: inline-block; position: relative; padding: 10px 0; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li a:after, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li a:after { content: url(../images/arrow-right-blue.svg); position: absolute; bottom: -10px; opacity: 0; color: black; left: 20px; display: block; width: 20px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li:hover a, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li:hover a { background: none; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li:hover a:hover, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li:hover a:hover { background: none; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li:hover a b:after, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li:hover a b:after { background: #F5634A; background: -moz-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: -webkit-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: linear-gradient(-45deg, #fbb885 0%, #f5634a 100%); clear: both; height: 5px; width: 50px; position: absolute; bottom: 0px; display: block; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li:hover a:after, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li:hover a:after { opacity: 1; color: #7143c1; left: 35px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu b, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu b { display: block; margin-bottom: 10px; line-height: 18px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner { position: absolute; background-color: #f3f3f9; margin-left: 40%; right: 0px; width: 60%; bottom: 30px; padding: 0px 20px 0 0; border-right: none; z-index: 1001; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ie-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; box-shadow: none; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner.active > a:after, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner.open > a:after { bottom: 40px !important; right: 60px !important; width: 27px; height: 12px; left: auto !important; top: auto; background-color: transparent; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner.active > a p, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner.open > a p { color: #171b30; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner a { display: block; background: transparent; padding: 0; position: relative; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner a p { font-family: 'Mulish-Regular'; white-space: normal; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner a h4 { font-family: 'Mulish-Bold'; font-size: 16px !important; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; color: black; margin-bottom: 20px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner a h4 span { color: #767989; padding-left: 5px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner a:hover h4, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner a:focus h4 { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner a:hover p, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner a:focus p { color: #171b30; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner a:after { content: ''; position: absolute; bottom: 40px; font-size: 30px; right: 60px; background-image: url(../images/arrow-right-black.png); background-repeat: no-repeat; background-size: contain; width: 27px; height: 12px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner img { max-width: 115px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner .interactive-map { padding: 20px; } @media screen and (min-width: 1199px) { #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.interactiveMapBanner .interactive-map { margin-right: 210px !important; } } #ns-header #navigationBar #categories_events > #menuMain > .nav > li:hover > a { background: white; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li.open > .dropdown-menu { display: block; -webkit-animation: fadeIn .3s; animation: fadeIn .3s; top: 60px; } #ns-header #navigationBar #categories_events #menuMain, #ns-header #navigationBar #categories_events #eServices, #ns-header #navigationBar #categories_events #searchAbc { display: block !important; float: left; } #ns-header #navigationBar #categories_events #eServices { display: inline-block; } #ns-header #navigationBar #categories_events #eServices > a { padding: 17px; display: block; color: #171b30; font-family: 'Mulish-Bold'; text-transform: none; font-size: 15px; } @media screen and (max-width: 1199px) { #ns-header #navigationBar #categories_events #eServices > a { font-size: 13px; padding: 20px 8px; padding-left: 0px !important; padding-right: 0px !important; } } #ns-header #navigationBar #categories_events #eServices > a:hover { background: white; background: #f2f3f5; } #ns-header #navigationBar #categories_events #searchAbc { display: inline-block; position: inherit; } #ns-header #navigationBar #categories_events #searchAbc .dropdown-menu { display: none; border: none; margin: 0px; padding: 30px 20px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; left: 15px; right: 15px; top: 60px; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } #ns-header #navigationBar #categories_events #searchAbc .dropdown-menu.menu-open { display: block; } #ns-header #navigationBar #categories_events #searchAbc .dropdown-menu:after { content: ''; background: white; position: absolute; top: -5px; right: -999999%; bottom: 0px; display: block; left: -999999%; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); z-index: -1; } #ns-header #navigationBar #categories_events #searchAbc.open .dropdown-menu { -webkit-animation: fadeIn .3s; animation: fadeIn .3s; display: block; } #ns-header #navigationBar #categories_events #searchAbc:hover > a { background: white; } #ns-header #navigationBar #categories_events #searchAbc.open .dropdown-menu { display: block; } #ns-header #navigationBar #categories_events #searchAbc > a { padding: 18px; display: block; color: #171b30; font-family: 'Mulish-Bold'; text-transform: uppercase; font-size: 15px; line-height: 20px; padding: 18px 15px !important; } @media screen and (max-width: 1199px) { #ns-header #navigationBar #categories_events #searchAbc > a { font-size: 13px !important; padding: 20px 8px; } } #ns-header #navigationBar #categories_events #searchAbc .searchByLetter p { border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; padding-bottom: 10px; font-size: 13px !important; } #ns-header #navigationBar #categories_events #searchAbc .searchByLetter ul { text-align: center; } #ns-header #navigationBar #categories_events #searchAbc .searchByLetter ul li { display: inline-block; position: relative; text-transform: uppercase; } #ns-header #navigationBar #categories_events #searchAbc .searchByLetter ul li > span { padding: 20px 25px; font-family: 'Mulish-Bold'; display: block; font-size: 15px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 61px; opacity: 0.2; cursor: not-allowed; } #ns-header #navigationBar #categories_events #searchAbc .searchByLetter ul li a { color: #171b30; padding: 20px 25px; font-family: 'Mulish-Bold'; display: block; font-size: 15px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 61px; } #ns-header #navigationBar #categories_events #searchAbc .searchByLetter ul li a.disabled { opacity: 0.2; } #ns-header #navigationBar #categories_events #searchAbc .searchByLetter ul li:hover a.disabled { cursor: not-allowed; color: #171b30; position: relative; } #ns-header #navigationBar #categories_events #searchAbc .searchByLetter ul li:hover a:after { background-color: #4ab9e9; height: 5px; left: 10px; right: 10px; position: absolute; bottom: 0px; content: ''; display: block; } #ns-header #navigationBar #categories_events .navbar-nav > li#mainMenuClick { background-repeat: no-repeat; background-size: 28px; background-position: 10px 50%; } #ns-header #navigationBar #categories_events .navbar-nav > li#mainMenuClick > a { color: #B02C84 !important; padding-left: 40px; } #ns-header #navigationBar #categories_events .navbar-nav > li { position: inherit; } #ns-header #navigationBar #categories_events .navbar-nav > li > a { padding-top: 0; padding-bottom: 0; color: #171b30; font-family: 'Mulish-Bold'; text-transform: none; font-size: 16px; padding: 16px 15px; position: relative; } #ns-header #navigationBar #categories_events .navbar-nav > li#mainMenuClick > a:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 10px; z-index: 1; background-image: url(../images/menu-icon.svg); background-repeat: no-repeat; background-position: center left; } @media screen and (max-width: 1199px) { #ns-header #navigationBar #categories_events .navbar-nav > li > a { font-size: 13px !important; padding: 20px 8px; } } #ns-header #navigationBar #categories_events .navbar-nav > li > a:hover { background: #f2f3f5 !important; } #ns-header #navigationBar .loginBar { background-color: #FFFFFF; height: 60px; color: white; position: relative; padding: 0px 0px 0px 0px; } @media screen and (max-width: 991px) and (min-width: 768px) { #ns-header #navigationBar .loginBar { padding: 10px 0px 10px 0px; } } @media screen and (max-width: 767px) { #ns-header #navigationBar .loginBar { padding: 0px 0px 10px 0px; left: -15px; } #ns-header #navigationBar .loginBar #userNotifications a { margin-left: -30px !important; } } #ns-header #navigationBar .loginBar .user_not_logged_system a { color: white; background-color: #4ab9e9; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ie-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding: 8px 25px; display: inline-block; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (max-width: 991px) { #ns-header #navigationBar .loginBar .user_not_logged_system a { padding: 8px 15px; font-size: 14px !important; } } #ns-header #navigationBar .loginBar .user_not_logged_system a:hover { background-color: #1da7e3; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (max-width: 767px) { #ns-header #navigationBar .loginBar .user_not_logged_system { padding-top: 12px; min-width: 156px; } } #ns-header .loginBar #userNotifications { display: inline-block; float: left; } #ns-header .loginBar #userNotifications a { color: white; font-size: 28px !important; display: inline-block; position: relative; margin-left: -10px; } @media screen and (max-width: 991px) { #ns-header .loginBar #userNotifications a { margin-left: -20px; } } #ns-header .loginBar #userNotifications a i { color: white; position: relative; width: 30px; height: 30px; display: block; } #ns-header .loginBar #userNotifications a i.ion-android-notifications:before { content: ""; position: absolute; background-image: url(../images/notifications-new.svg?v=1); width: 100%; height: 100%; left: 0; background-repeat: no-repeat; background-position: center; } #ns-header .loginBar #userNotifications a span { position: absolute; top: 0px; right: -10px; font-style: normal; } #ns-header .loginBar #userNotifications .badge { background-color: #de57a6 !important; color: white; padding: 2px 3px; line-height: 20px; font-size: 10px; text-align: center; display: inline-block; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 20px; height: 20px; position: absolute; } #ns-header .loginBar #userNotifications { position: absolute; top: 0px; width: 30px; height: 30px; left: -55px; bottom: 0; margin: auto 0; } @media screen and (max-width: 767px) { #ns-header .loginBar .user_logged_system { font-size: 12px !important; } } #ns-header .loginBar .user_logged_system ul { display: none; font-size: 14px !important; text-align: left; list-style: none; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 9px 20px #00000012; margin: 0px; padding: 0px; position: absolute; right: 0; left: unset; top: 70px; z-index: 1; width: 100%; } @media screen and (max-width: 991px) { #ns-header .loginBar .user_logged_system ul { left: unset; top: unset; min-width: 213px; } } @media screen and (max-width: 767px) { #ns-header .loginBar .user_logged_system ul { left: 15px; top: 60px; } } #ns-header .loginBar .user_logged_system ul a::before { content: ''; position: absolute; background: #767989; opacity: 0.15; width: 80%; height: 1px; bottom: 0px; margin: 0px auto; } #ns-header .loginBar .user_logged_system ul input, #ns-header .loginBar .user_logged_system ul a { background: none; border: none; color: #171b30; padding: 15px 25px; display: block; width: 100%; text-align: left; outline: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; color: #292435; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #ns-header .loginBar .user_logged_system ul input:hover, #ns-header .loginBar .user_logged_system ul a:hover { background-color: transparent; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #ns-header .loginBar .user_logged_system ul a { color: #292435; position: relative; display: block !important; } #ns-header .loginBar .user_logged_system > a { font-family: 'Mulish-Bold'; color: white; padding: 8px 25px 0px 20px; overflow: hidden; margin-left: -20px; display: inline-block; line-height: 18px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (max-width: 991px) and (min-width: 768px) { #ns-header .loginBar .user_logged_system > a { padding: 0px; font-size: 12px; margin-left: 0px; margin-right: 20px; } .user_logged_system { line-height: 0px; } } #ns-header #navigationBar .loginBar .helpCenter { font-size: 13px !important; letter-spacing: 1px; } @media screen and (max-width: 991px) { #ns-header #navigationBar .loginBar .helpCenter { letter-spacing: 0px; } } #ns-header #navigationBar .loginBar .helpCenter span { font-size: 15px; display: block; color: #38b3e7; font-family: 'Mulish-Bold'; letter-spacing: 0px; } @media screen and (max-width: 991px) { #ns-header #navigationBar .loginBar .helpCenter span { font-size: 14px !important; } } /*#endregion HEADER*/ /*#region HOME PAGE*/ #main_content { padding-top: 120px !important; background-repeat: no-repeat; background-size: 100%; } @media screen and (max-width: 767px) { #main_content { margin-top: 10px; } } .servicesWrapperGrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 65px 15px; padding-bottom: 0px; } @media (max-width: 991px) { .servicesWrapperGrid { grid-template-columns: repeat(3, 1fr); padding: 20px; } } @media (max-width: 768px) { .servicesWrapperGrid { grid-template-columns: repeat(1, 1fr) !important; margin: 0px auto; } #lifeEvents h2, .flexServicesHeader h2 span { font-size: 25px !important; } } .servicesWrapperGrid::before { display: none; } .servicesWrapperGrid .servicesBox { background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFFF5 43%, #FFFFFFC4 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 25px 40px #E7EAF0BF; border-radius: 8px; padding: 20px 20px 35px 20px; transition: 0.3s ease-in-out all; position: relative; max-height: 150px; min-height: 150px; max-width: 305px; width: 100%; } @media (max-width: 991px) { .servicesWrapperGrid .servicesBox { max-width: unset; padding-bottom: 50px; max-height: initial; } } .flexServicesHeader { display: flex; justify-content: flex-start; align-items: center; padding-bottom: 0px; position: absolute; top: 80px; gap: 30px; } @media (max-width: 991px) { .flexServicesHeader { top: 105px; } } @media (max-width: 565px) { .flexServicesHeader { top: 50px; gap: 30px; left: 0px; right: 0px; margin: 0px auto; text-align: center; justify-content: center; } body.bigFont * .flexServicesHeader { top: 15px !important; } /* body.bigFont * .flexServicesHeader h2.mainTitle span { font-size: 35px !important; }*/ .servicesSection .flexHeader { justify-content: center !important; } .lifeEvents .wrapperForLifeEvents { flex-direction: column !important; gap: 20px; text-align: center; } .lifeEvents .wrapperForLifeEvents .flexHeader { justify-content: center !important; } } .flexServicesHeader h2 { padding-bottom: 0 !important; } .flexServicesHeader h2 span { color: #292435; font-size: 30px; font-family: Mulish-ExtraBold; } .flexServicesHeader a span { font-size: 15px; text-decoration: underline; color: #B02C84; } .flexServicesHeader h2, .flexServicesHeader a { margin: 0px !important; height: auto !important; line-height: normal !important; } .servicesWrapperGrid .servicesBox .mostSearchedItem h2 { margin: 0px !important; } .servicesWrapperGrid .servicesBox .mostSearchedItem h2, .servicesWrapperGrid .servicesBox .mostSearchedItem a, .servicesWrapperGrid .servicesBox .additionalNewsItem h2 { color: #292435; font-family: Mulish-Bold; } .servicesWrapperGrid .servicesBox .mostSearchedItem a { position: absolute !important; width: 100%; height: 100%; top: 0; left: 0; } .servicesWrapperGrid .servicesBox .mostSearchedItem a span { position: absolute; bottom: 10px; left: 20px; } .servicesWrapperGrid .servicesBox:hover { background: transparent linear-gradient(67deg, #11346F 0%, #B02C84 100%) 0% 0% no-repeat padding-box; transition: 0.3s ease-in-out all; } .servicesWrapperGrid .servicesBox:hover a span { color: white !important; } .servicesWrapperGrid .servicesBox:hover a::after { right: -35px !important; opacity: 1 !important; } .servicesWrapperGrid .servicesBox:hover .mostSearchedItem h2, .servicesWrapperGrid .servicesBox:hover .additionalNewsItem h2, .servicesWrapperGrid .servicesBox:hover a { color: white !important; } .flexHeader .nav-tabs { border: none; display: flex; justify-content: flex-end; padding-top: 30px; } .flexHeader .nav-tabs { background: transparent; } .flexHeader .nav-tabs li button { padding: 10px; } .flexHeader .nav-tabs li button, .flexHeader .nav-tabs li a { color: #42415F; background: white; border: none; display: flex; gap: 10px; position: relative; min-width: 180px; font-family: 'Mulish-Bold'; box-shadow: 0px 0px 30px 0px #0000000f; } @media (max-width: 565px) { .flexHeader .nav-tabs li button, .flexHeader .nav-tabs li a { min-width: 150px; font-size: 12px; } } .flexHeader .nav-tabs li:first-child button, .flexHeader .nav-tabs li:first-child a { border-radius: 8px 0px 0px 8px; } .flexHeader .nav-tabs li:first-child button svg path, .flexHeader .nav-tabs li:first-child a svg path { stroke: black; } .flexHeader .nav-tabs li:last-child button, .flexHeader .nav-tabs li:last-child a { border-radius: 0px 8px 8px 0px; } .flexHeader .nav-tabs li.active button, .flexHeader .nav-tabs li.active a { border: none; background: transparent; font-family: 'Mulish-Bold'; color: black; } .flexHeader .nav-tabs li.active:first-child button, .flexHeader .nav-tabs li.active:first-child a { background: #B02C84 0% 0% no-repeat padding-box; color: white; } .flexHeader .nav-tabs li button svg, .flexHeader .nav-tabs li a svg { width: 20px; height: 20px; } .flexHeader .nav-tabs li.active:first-child button svg path, .flexHeader .nav-tabs li.active:first-child a svg path { stroke: white; } #lifeEvents .flexHeader .nav-tabs li.active:first-child a svg path { stroke: none; fill: white; } #lifeEvents .flexHeader .nav-tabs li:first-child a svg path { stroke: none; fill: #B02C84; } .flexHeader .nav-tabs li.active:last-child button, .flexHeader .nav-tabs li.active:last-child a { background: #10336E 0% 0% no-repeat padding-box; color: white; } .flexHeader .nav-tabs li:first-child a { color: #B02C84; } .flexHeader .nav-tabs li:last-child a { color: #10336E; } .flexHeader .nav-tabs li.active:last-child button svg path, .flexHeader .nav-tabs li.active:last-child a svg path { fill: white; } #headerSection { background-color: white; } #headerSection .mainSearchBanner { background-image: url('../images/search-bar-bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center; } #headerSection .p0 { padding: 0px; } #headerSection .wrapper { padding: 50px 20px; } #headerSection .eIDBox.eIDBox2 { background-image: url('../images/flexslider/kids-playing.jpg'); } @media screen and (max-width: 767px) { #headerSection .eIDBox { padding: 10px 0px 10px; } } #headerSection .eIDBox:after { content: ''; background: rgba(23, 27, 48, 0.8); position: absolute; top: 0px; right: 0%; bottom: 0px; display: block; left: 100%; } @media screen and (max-width: 991px) and (min-width: 767px) { #headerSection .eIDBox:after, #headerSection .eIDBox:before { display: none; } } #headerSection .eIDBox img { width: 25px; max-width: 100%; } #headerSection .eIDBox h2 { font-size: 24px !important; font-family: 'Mulish-Bold'; margin-top: 35px; } #headerSection .eIDBox p { margin: 30px 0 30px; max-width: 100%; } #headerSection .eIDBox a { font-family: 'Mulish-Bold'; position: relative; display: inline-block; font-size: 16px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #headerSection .eIDBox a:after { content: url('../images/arrow-right.svg'); position: absolute; right: -20px; width: 20px; top: 0px; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #headerSection .eIDBox a:hover { color: white; } #headerSection .eIDBox a:hover:after { display: none; } #headerSection h1:not(.title) { margin-top: 70px; font-size: 40px !important; text-align: center; font-family: Mulish-Bold; } #headerSection h1:not(.title) + p { font-size: 17px; margin: 50px 0 50px; text-align: center; } @media (max-width: 767px) { #headerSection h1 + p { font-size: 14px; } #headerSection h1 { font-size: 18px !important; margin-top: 20px !important; } .mainHeaderDesign a, .mainHeaderDesign span { font-size: 12px; } #headerSection .eIDBox img { width: 18px; } #headerSection h1:not(.title) { font-size: 30px !important; margin-bottom: 20px; line-height: 1; } #headerSection h1:not(.title) + p { margin: 30px 0 50px; font-size: 17px; } } #headerSection .searchApps { margin-bottom: 30px; width: 100%; } #headerSection .searchApps .form-control { border: none; padding: 20px; height: 60px; -webkit-border-radius: 8px !important; -khtml-border-radius: 8px !important; -moz-border-radius: 8px !important; -ie-border-radius: 8px !important; -o-border-radius: 8px !important; -ms-border-radius: 8px !important; border-radius: 8px !important; -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); box-shadow: none !important; margin-bottom: 20px; position: relative; font-family: 'Mulish-Bold'; font-size: 16px; } #headerSection .searchApps .form-control:hover { background: #fafafa; } #headerSection .searchApps .ui-select-placeholder { font-size: 15px; font-family: 'Mulish-Bold'; color: #171b30; } #headerSection .searchApps .search-form-group .btn-search { width: 60px; height: 60px; } #headerSection .searchApps .ui-select-container.ui-select-bootstrap .dropdown-menu { border: none; margin: 0px; margin-top: -19px; padding: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); } #headerSection .searchApps .ui-select-container.ui-select-bootstrap .ui-select-choices-row > span { padding: 10px 20px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; white-space: normal; } #headerSection .searchApps .ui-select-container.ui-select-bootstrap .ui-select-choices-row.active > span { background-color: #46b0da; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; white-space: normal; } #headerSection .ui-select-highlight { font-weight: normal; font-family: 'Mulish-Bold'; } .servicesSection { height: 100%; padding: 50px 0px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; } #headerSection .mostSearched .mostSearchedItem, #headerSection #additionalNews .mostSearchedItem, #headerSection .mostSearched .additionalNewsItem, #headerSection #additionalNews .additionalNewsItem { padding-right: 10px; } #headerSection .mainTitle { padding-bottom: 0px !important; } #headerSection .mostSearched h2 { font-size: 14px; line-height: 19px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width: 767px) { #headerSection .mostSearched h2 { display: unset !important; -webkit-line-clamp: unset !important; overflow: unset !important; } } #headerSection #additionalNews h2 { font-size: 15px; line-height: 20px; padding-bottom: 40px; } #headerSection #additionalNews .wrapperHomepage h2 { font-size: 15px; line-height: 20px; margin-bottom: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 0px; min-height: 40px; } #headerSection .mostSearched .titleBorder, #headerSection #additionalNews .titleBorder { opacity: 0.5; letter-spacing: 1px; font-size: 14px; font-family: 'Mulish-Bold'; margin-bottom: 0px; } #headerSection .mostSearched .titleBorder { opacity: 1; letter-spacing: normal; font-family: 'Mulish-Bold'; font-size: 16px; } #headerSection .mostSearched .firstBoxColor .servicesBox a, #headerSection .mostSearched .firstBoxColor .titleBorder, #headerSection .mostSearched .firstBoxColor .seeAllWrapper a { color: #70337b !important; } #headerSection .mostSearched .secondBoxColor .titleBorder { color: #13346c; } #headerSection .mostSearched .servicesBox a { color: #1c326d !important; } .seeAllHeaderHomePage a:after { display: none; } #headerSection .mostSearched .servicesBox a, #headerSection #additionalNews .servicesBox a { color: #B43D8D; font-family: 'Mulish-Bold'; font-size: 15px !important; margin: 0; position: absolute; display: inline-block; bottom: 20px; left: 0; } #headerSection .mostSearched a:after, #headerSection #additionalNews a:after { content: url('../images/arrow.png'); position: absolute; right: -20px; width: 20px; bottom: 8px; height: 20px; top: auto; left: 85px; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #headerSection .mostSearched a:hover, #headerSection #additionalNews a:hover { color: #4ab9e9; } #headerSection .mostSearched a:hover:after, #headerSection #additionalNews a:hover:after { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; right: -35px; } #headerSection .mostSearched .pagination, #headerSection #additionalNews .pagination { margin: 0px; top: 20px; right: 0px; position: absolute; } #headerSection .mostSearched .pagination .pagination-first, #headerSection #additionalNews .pagination .pagination-first, #headerSection .mostSearched .pagination .pagination-last, #headerSection #additionalNews .pagination .pagination-last, #headerSection .mostSearched .pagination .pagination-page, #headerSection #additionalNews .pagination .pagination-page { display: none; } #headerSection .mostSearched .pagination .pagination-prev, #headerSection #additionalNews .pagination .pagination-prev, #headerSection .mostSearched .pagination .pagination-next, #headerSection #additionalNews .pagination .pagination-next { position: relative; display: inline-block; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #headerSection .mostSearched .pagination .pagination-prev:hover, #headerSection #additionalNews .pagination .pagination-prev:hover, #headerSection .mostSearched .pagination .pagination-next:hover, #headerSection #additionalNews .pagination .pagination-next:hover { background: rgba(23, 27, 48, 0.1); -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ie-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #headerSection .mostSearched .pagination .pagination-prev:after, #headerSection #additionalNews .pagination .pagination-prev:after, #headerSection .mostSearched .pagination .pagination-next:after, #headerSection #additionalNews .pagination .pagination-next:after { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px !important; display: block; position: absolute; top: 6px; left: 14px; } #headerSection .mostSearched .pagination .pagination-prev a, #headerSection #additionalNews .pagination .pagination-prev a, #headerSection .mostSearched .pagination .pagination-next a, #headerSection #additionalNews .pagination .pagination-next a { opacity: 0; } #headerSection .mostSearched .pagination .pagination-prev.disabled, #headerSection #additionalNews .pagination .pagination-prev.disabled, #headerSection .mostSearched .pagination .pagination-next.disabled, #headerSection #additionalNews .pagination .pagination-next.disabled { opacity: 0.3; } #headerSection .mostSearched .pagination .pagination-prev.disabled:hover, #headerSection #additionalNews .pagination .pagination-prev.disabled:hover, #headerSection .mostSearched .pagination .pagination-next.disabled:hover, #headerSection #additionalNews .pagination .pagination-next.disabled:hover { background: transparent; color: #171b30; } #headerSection .mostSearched .pagination .pagination-prev:after, #headerSection #additionalNews .pagination .pagination-prev:after { content: "\f3d2"; } #headerSection .mostSearched .pagination .pagination-next:after, #headerSection #additionalNews .pagination .pagination-next:after { content: "\f3d3"; } #headerSection .mostSearched .pagination li a, #headerSection #additionalNews .pagination li a { background: transparent; border: none; padding: 5px; display: inline-block; font-size: 24px !important; line-height: 20px; margin: 0px; } #headerSection .mostSearched .pagination li a:after, #headerSection #additionalNews .pagination li a:after { display: none; } #headerSection #additionalNews .titleBorder { color: white; border-bottom: 1px solid #c1c1c166; } #headerSection #additionalNews:before { display: none; left: 0; } #headerSection #additionalNews .additionalNewsItem a:hover { color: #b02074; } #headerSection #additionalNews .pagination li { color: rgba(255, 255, 255, 0.5); } #headerSection #additionalNews .carousel-indicators { display: none; } #headerSection #additionalNews .carousel-control { margin: 0px; top: -38px; right: 0px; position: absolute; bottom: auto; color: rgba(255, 255, 255, 0.5); background-image: none; } #headerSection #additionalNews .carousel-control.left { right: 45px !important; left: auto !important; } #headerSection #additionalNews .carousel-control.left:before { content: "\f3d2"; } #headerSection #additionalNews .carousel-control.left:hover:before { content: "\f3d2"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #headerSection #additionalNews .carousel-control.right:before { content: "\f3d3"; } #headerSection #additionalNews .carousel-control.right:hover:before { content: "\f3d3"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #headerSection #additionalNews .carousel-control .glyphicon { display: none; } #headerSection #additionalNews .carousel-control:before { font-size: 26px; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #headerSection #additionalNews .carousel-control:hover { color: white; } #headerSection #additionalNews .carousel-control:hover:after { display: none; } #headerSection #additionalNews .conLeft { padding-top: 0; position: relative; } #helpSteps { background: url(../images/steps-bg.png); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 60px 15px; } #helpSteps .startCounter { counter-reset: steps-count; display: flex; flex-direction: row; justify-content: space-between; gap: 20px; } @media screen and (max-width: 768px) { #helpSteps .startCounter { padding-left: 0px !important; } #helpSteps p { padding-left: 100px !important; } #helpSteps .startCounter { top: unset !important; } } @media screen and (max-width: 991px) { #helpSteps .startCounter { flex-direction: column; width: 100%; padding-left: 150px; position: relative; top: 30px; } #helpSteps .startCounter .col-sm-4 { width: 100% !important; } #helpSteps .startCounter .col-sm-4:first-child::before, #helpSteps .startCounter .col-sm-4:last-of-type::before, #helpSteps .startCounter .col-sm-4:nth-of-type(2)::before { top: -3px; } } #helpSteps .startCounter .col-sm-4 { padding: 0px; width: 30%; } #helpSteps .startCounter > div:last-of-type p:after { display: none; } #helpSteps .startCounter > div:nth-of-type(2) p { margin: 0px auto; } @media screen and (max-width: 767px) { #helpSteps { padding: 50px 15px; } } #helpSteps p { margin: 0px; width: auto; padding-left: 90px; position: relative; } #helpSteps p a { font-family: 'Mulish-Bold'; font-weight: 600; color: #50B6FE; text-decoration: underline; } #helpSteps p:before { /* font-size: 18px !important;*/ font-size: inherit; font-style: normal; float: left; line-height: 21px; padding: 0px; font-family: 'Mulish-Bold'; background-clip: text; color: white; background-color: white; -webkit-background-clip: text; -webkit-text-fill-color: transparent; counter-increment: steps-count; content: "" counter(steps-count) ""; margin-left: -3px; margin-top: 1px; } #helpSteps .startCounter .col-sm-4:first-child::before { content: ''; position: absolute; left: 0px; height: 80px; width: 80px; background: url(../images/registriraj_new.svg); background-size: cover; background-position: center; background-repeat: no-repeat; } #helpSteps .startCounter .col-sm-4:nth-of-type(2)::before { content: ''; position: absolute; left: 0px; height: 80px; width: 80px; background: url(../images/pronajdi_usluga.svg); background-size: cover; background-position: center; background-repeat: no-repeat; } #helpSteps .startCounter .col-sm-4:last-of-type::before { content: ''; position: absolute; left: 0px; height: 80px; width: 80px; background: url(../images/apliciraj.svg); background-size: cover; background-position: center; background-repeat: no-repeat; } #helpSteps p.highlight { display: none; } #helpSteps p.highlight:before, #helpSteps p.highlight:after { content: ''; display: none; } @media screen and (max-width: 991px) { #helpSteps p { height: 110px; width: 100%; } #helpSteps p.highlight { height: auto; } #helpSteps p:after { display: none; } } @media screen and (max-width: 767px) { #helpSteps p { height: auto; margin-bottom: 35px !important; padding-left: 50px; } #helpSteps p.highlight { text-align: left; padding-left: 15px; } } #helpSteps em { font-size: 80px !important; font-style: normal; float: left; line-height: 65px; padding-right: 15px; font-family: 'Mulish-Bold'; background: -webkit-linear-gradient(#4ab9e9, #5ac3b9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #helpSteps strong { display: block; color: #FFFFFF; margin-bottom: 10px; margin-left: 15px; } #helpSteps span { font-size: 14px; color: #FFFFFF; line-height: 18px; } @media screen and (max-width: 767px) { #helpSteps .col-sm-4:last-of-type p { margin-bottom: 0 !important; } } #onlineServices { padding: 40px 15px 50px; background: white; } @media screen and (max-width: 991px) { #onlineServices { padding: 40px 0px; } } #onlineServices .pImg { text-align: right; } #onlineServices .pImg img { width: 35px; margin: 30px 0; } #onlineServices h2 { text-transform: uppercase; margin: 20px 0 50px 0; } #onlineServices h2 .highlight { color: #7143c1; } #onlineServices p.description { padding-left: 80px; font-size: 140%; margin: 80px 0 50px; } @media screen and (max-width: 1199px) { #onlineServices p.description { margin: 40px 0 30px; } } @media screen and (max-width: 991px) { #onlineServices p.description { margin: 40px 0 50px; } } #onlineServices p.chooseItem { padding-left: 80px; font-size: 135%; color: #7143c1; margin: 50px 0 10px; position: relative; display: inline-block; } @media screen and (max-width: 991px) { #onlineServices p.chooseItem { margin: 10px 0 10px; } #onlineServices p.chooseItem:after { display: none !important; } } #onlineServices p.chooseItem:after { content: url('../images/arrow-right.svg'); position: absolute; right: -40px; width: 20px; top: -2px; opacity: 1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #onlineServices #lifeEvents .labelSideTitle { display: none; } #onlineServices #lifeEvents .col-fix { border-right: 0; position: relative; margin-bottom: 0; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #onlineServices #lifeEvents .col-fix:before, #onlineServices #lifeEvents .col-fix :after { content: ''; display: block; background-color: #e5e5e5; position: absolute; bottom: 0; right: 0; margin: auto; } #onlineServices #lifeEvents .col-fix:before { width: 1px; height: 80%; top: 0; } #onlineServices #lifeEvents .col-fix:after { width: 80%; height: 1px; left: 0; } #onlineServices #lifeEvents .col-fix:nth-of-type(9) a, #onlineServices #lifeEvents .col-fix:nth-of-type(10) a, #onlineServices #lifeEvents .col-fix:nth-of-type(11) a, #onlineServices #lifeEvents .col-fix:nth-of-type(12) a { border-bottom: none; } #onlineServices #lifeEvents a { color: #171b30; display: block; text-align: center; padding: 10px 15px; border-bottom: 1px solid #e5e5e5; height: 130px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #onlineServices #lifeEvents a img { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #onlineServices #lifeEvents a:hover, #onlineServices #lifeEvents a.active { color: #7143c1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #onlineServices #lifeEvents a:hover img, #onlineServices #lifeEvents a.active img { transform: scale(1.2, 1.2); -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #onlineServices #lifeEvents h3 { display: block; margin: 12px 0px 10px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #onlineServices #lifeEvents h3:before, #onlineServices #lifeEvents h3:after { content: ''; display: block; clear: both; } #onlineServices #lifeEvents h3 span { font-size: 15px; font-family: 'Mulish-Bold'; display: block; margin-top: 10px; } #onlineServices #lifeEvents h3 img { height: 40px; display: block; margin: 0 auto; } #latestNews { background-color: #73768a; background-image: url('../images/newsBg2.png'); background-repeat: no-repeat; color: white; padding: 30px 15px; } @media screen and (max-width: 991px) { #latestNews { background-size: cover; } } #latestNews .newsInfo { position: relative; min-height: 100px; text-align: left; max-width: 400px; } #latestNews .newsInfo .h3, #latestNews .newsInfo h3 { font-size: 18px; text-transform: uppercase; font-family: 'Mulish-Bold'; } #latestNews .newsInfo p { margin-bottom: 20px; } #latestNews .newsInfo:after { display: block; content: ''; height: 7px; width: 50px; background: #F5634A; background: -moz-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: -webkit-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: linear-gradient(-45deg, #fbb885 0%, #f5634a 100%); position: absolute; left: 0; bottom: 0px; } #latestNews .newsTitle h2, #latestNews .newsTitle .h2 { font-size: 19px; line-height: 26px; margin-top: 15px; text-align: left; max-width: 420px; color: white; } #latestNews .newsTitle h2 a, #latestNews .newsTitle .h2 a { color: white; position: relative; display: inline-block; } #latestNews .newsTitle h2 a:after, #latestNews .newsTitle .h2 a:after { content: url(../images/arrow-right.svg); position: absolute; right: -20px; width: 20px; top: 0px; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #latestNews .newsTitle h2 a:hover, #latestNews .newsTitle .h2 a:hover { opacity: 0.8; } #latestNews .newsTitle h2 a:hover:after, #latestNews .newsTitle .h2 a:hover:after { opacity: 1; right: -35px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #latestNews .carousel-control { background-image: none; bottom: 7px; top: auto; width: 33px; } #latestNews .carousel-control .glyphicon { opacity: 0; } #latestNews .carousel-control.right { right: 41%; } @media screen and (max-width: 991px) { #latestNews .carousel-control.right { right: 10px; } } #latestNews .carousel-control.right:before { content: url(../images/arrow_right_new.svg); } #latestNews .carousel-control.left { left: 51%; } @media screen and (max-width: 991px) { #latestNews .carousel-control.left { left: auto; right: 70px; } } #latestNews .carousel-control.left:before { content: url(../images/arrow_left_new.svg); } #latestNews .carousel-indicators { display: none; } #latestNews .glyphicon-chevron-left, #latestNews .glyphicon-chevron-right { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: none; font-size: 40px !important; } #latestNews .glyphicon-chevron-left:before { content: "\f3d5"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #latestNews .glyphicon-chevron-right:before { content: "\f3d6"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #institutuions { padding: 40px 30px; overflow: hidden; background-repeat: no-repeat; background-size: 50%; background-position: left -110px top; } #institutuions .lineAhead { padding-left: 0px; color: #767989; } #institutuions p:before { display: none; } @media screen and (max-width: 991px) { #institutuions img { opacity: 0.5; } } @media screen and (max-width: 767px) { #institutuions { padding: 40px 10px; } } #institutuions a { color: #171b30; } #institutuions h2 { text-transform: uppercase; margin: 50px 0 50px 0px; font-size: 26px !important; line-height: 32px; } #institutuions h2 a { float: right; } #institutuions h2 a:after { display: none; } #institutuions h2 .highlight span { color: #767989; display: block; } @media screen and (max-width: 767px) { #institutuions h2 { margin: 0px 0 30px; } } #institutuions .interactive-map-text { position: relative; } #institutuions .interactive-map-text img { position: absolute; right: 150px; width: 195%; top: -40px; } #institutuions .interactive-map-text .txt { position: absolute; right: 30px; top: 310px; width: 50%; } #institutuions .interactive-map-text .txt span { color: black; font-size: 18px !important; display: inline-block; margin-bottom: 30px; font-family: 'Mulish-Bold'; text-transform: uppercase; line-height: 1; } #institutuions .interactive-map-text .txt span.mapText { color: #767989 !important; } #institutuions .interactive-map-text .txt span.mapText span { color: #767989 !important; } #institutuions .interactive-map-text .txt #mapDescriptionLabel span { color: inherit; font-size: 15px !important; text-transform: none; font-family: 'Mulish-Regular'; margin: 0px !important; line-height: 21px; } #institutuions .interactive-map-text .txt:before { position: absolute; bottom: -55px; font-size: 30px; right: 20px; background-image: url('../images/arrow-right-black.png'); background-repeat: no-repeat; background-size: contain; width: 27px; height: 12px; } @media screen and (max-width: 1199px) { #institutuions .interactive-map-text .txt { top: 230px; } } #institutuions .interactive-map-text h2 { font-size: 18px !important; margin: 15px 0 0px 0 !important; font-family: 'Mulish-Bold'; } #institutuions .interactive-map-text a { display: block; position: relative; } #institutuions .interactive-map-text a:before { content: url(../images/arrow-right.svg); position: absolute; right: 0px; width: 20px; top: 25px; opacity: 1; } #institutuions ul { padding-left: 0; margin: 30px 0; width: 100%; min-height: 260px !important; } #institutuions ul li a { font-family: 'Mulish-Bold'; display: inline-block; padding: 8px 0 8px; position: relative; line-height: 18px; } #institutuions ul li a:after { position: absolute; right: -20px; width: 20px; top: 10px; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #institutuions ul li a:hover { color: #4ab9e9; } #institutuions ul li a:hover:after { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; right: -35px; } #institutionsList h2 a { display: inline-block; position: relative; } #institutionsList h2 a:after { content: url(../images/arrow-right.svg); position: absolute; right: -50px; width: 20px; top: 27px; opacity: 1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #institutionsList h2 a:hover:after { opacity: 1; right: -70px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #institutionsList .pagination { margin: 0px; right: 0px; } #institutionsList .pagination .pagination-first, #institutionsList .pagination .pagination-last, #institutionsList .pagination .pagination-page { display: none; } #institutionsList .pagination .pagination-prev, #institutionsList .pagination .pagination-next { position: relative; display: inline-block; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #institutionsList .pagination .pagination-prev:hover, #institutionsList .pagination .pagination-next:hover { background: rgba(23, 27, 48, 0.1); -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ie-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: white; } #institutionsList .pagination .pagination-prev:after, #institutionsList .pagination .pagination-next:after { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px !important; display: block; position: absolute; top: 6px; left: 14px; } @media (max-width: 767px) { #institutionsList .pagination .pagination-prev:after, #institutionsList .pagination .pagination-next:after { display: none; } } #institutionsList .pagination .pagination-prev a, #institutionsList .pagination .pagination-next a { opacity: 0; width: 40px; height: 47px; line-height: 33px; } @media (max-width: 767px) { #institutionsList .pagination .pagination-prev a, #institutionsList .pagination .pagination-next a { opacity: 1; } } #institutionsList .pagination .pagination-prev.disabled, #institutionsList .pagination .pagination-next.disabled { opacity: 0.3; } #institutionsList .pagination .pagination-prev.disabled:hover, #institutionsList .pagination .pagination-next.disabled:hover { background: transparent; color: #171b30; } #institutionsList .pagination .pagination-prev:after { content: "\f3d2"; font-size: 35px !important; } #institutionsList .pagination .pagination-next:after { content: "\f3d3"; font-size: 35px !important; } #institutionsList .pagination li a { background: transparent; border: none; padding: 5px; display: inline-block; font-size: 24px !important; line-height: 20px; margin: 0px; } #institutionsList .pagination li a:after { display: none; } #institutionsList .pagination li:hover a { color: #4ab9e9; } #statistics { padding: 30px 15px; background: #F1F5F8 0% 0% no-repeat padding-box; background-image: url(../images/stats-bg.png); background-size: contain; background-position: bottom; background-repeat: no-repeat; } #statistics #countStatistics .flexWrapper { display: flex; gap: 20px; width: 100%; height: 100%; align-items: stretch; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 0px 15px; align-items: stretch; } #statistics #countStatistics .flexWrapper .flexColWrapper { display: flex; flex-direction: column; gap: 25px; justify-content: space-between; } #statistics #countStatistics .flexWrapper .flexColWrapper .boxWrapper { height: 100% !important; } #statistics #countStatistics .flexWrapper .boxWrapper { height: auto; width: 100%; max-width: 300px; box-shadow: 0px 25px 40px #E7EAF0BF; } @media (max-width:1400px) and (min-width: 991px) { #statistics #countStatistics .flexWrapper .flexColWrapper, #statistics #countStatistics .flexWrapper .boxWrapper { /* max-width: 48%;*/ max-width: 48%; width: 100%; } #statistics #countStatistics .flexWrapper .flexColWrapper .boxWrapper { width: 100%; max-width: unset; } } @media (max-width: 991px) { #statistics #countStatistics .flexWrapper .boxWrapper { min-width: unset; max-width: unset; } #statistics #countStatistics .flexWrapper .flexColWrapper { width: 100%; } } #statistics #countStatistics .flexWrapper .boxWrapper .infoCount { width: 100%; height: 100%; margin: 0px !important; /* min-height: 300px;*/ justify-content: space-between; display: flex; flex-direction: column; border-radius: 8px; } #statistics #countStatistics .countInfo { position: relative; padding: 30px 0; margin-bottom: 30px; } #statistics #countStatistics .countInfo .countNumber { font-size: 40px !important; } @media screen and (max-width: 991px) { #statistics #countStatistics .countInfo .countNumber { font-size: 34px !important; } } #statistics #countStatistics .countInfo .countLabel { color: rgba(23, 27, 48, 0.15); text-transform: uppercase; font-size: 28px !important; } @media screen and (max-width: 991px) { #statistics #countStatistics .countInfo .countLabel { font-size: 22px !important; } } #statistics #countStatistics .countInfo .countDesc { display: block; max-width: 250px; } #statistics #countStatistics .countInfo:after { display: block; content: ''; height: 3px; width: 50px; background-color: #8a3c6a; background-image: -o-linear-gradient(45deg, #8a3c6a 0%, #6ac8ed 100%); background-image: -ms-linear-gradient(45deg, #8a3c6a 0%, #6ac8ed 100%); background-image: -moz-linear-gradient(45deg, #8a3c6a 0%, #6ac8ed 100%); background-image: -webkit-linear-gradient(45deg, #8a3c6a 0%, #6ac8ed 100%); background-image: -webkit-gradient(-45deg, #8a3c6a 0%, #6ac8ed 100%); position: absolute; left: 0; bottom: 0px; } @media screen and (max-width: 767px) { #statistics { padding: 20px 10px 40px; } } .countInfo { position: relative; padding: 30px 0; margin-bottom: 30px; } .countInfo .countNumber { font-size: 40px !important; } @media screen and (max-width: 991px) { .countInfo .countNumber { font-size: 34px !important; } } .countInfo .countLabel { color: rgba(23, 27, 48, 0.2); text-transform: uppercase; font-size: 28px !important; } @media screen and (max-width: 991px) { .countInfo .countLabel { font-size: 22px !important; } } .countInfo .countDesc { display: block; } .countInfo:after { display: block; content: ''; height: 7px; width: 50px; background: #F5634A; background: -moz-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: -webkit-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: linear-gradient(-45deg, #fbb885 0%, #f5634a 100%); position: absolute; left: 0; bottom: 0px; } /*#endregion HOME PAGE*/ /*#region INNER*/ .full-content { padding: 60px 0 0; } .full-content.eID { padding-top: 0; } .breadcrumb { padding: 0; margin: 0 -15px; margin-bottom: 0; list-style: none; background-color: transparent; } .full-content #lifeEvents .col-fix { width: 100%; } .full-content #lifeEvents .col-fix a { color: #171b30; display: block; text-align: left; padding: 3px 15px 10px; border-bottom: 0px solid #e5e5e5; position: relative; margin: 2px 0; } .full-content #lifeEvents .col-fix a:hover { background: #f5f5f6; } .full-content #lifeEvents .col-fix a:hover:after { display: none; } .full-content #lifeEvents .col-fix a.active { background: #f5f5f6; } .full-content #lifeEvents .col-fix a.active:hover { background: #f5f5f6; } .full-content #lifeEvents .col-fix a h3 { display: block; margin: 0px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .full-content #lifeEvents .col-fix a h3:before, .full-content #lifeEvents .col-fix a h3:after { content: ''; display: block; clear: both; } .full-content #lifeEvents .col-fix a h3 span { font-size: 15px; font-family: 'Mulish-Bold'; display: inline; margin-top: 0px; font-size: 14px; } .full-content #lifeEvents .col-fix a h3 img { display: inline; margin: 0 auto; margin-right: 7px; max-width: 20px; max-height: 25px; } /*#endregion INNER*/ /*#region PROFILE*/ @media screen and (max-width: 991px) and (min-width: 767px) { .profileHeader { margin: -10px 0 30px; } } @media (max-width: 767px) { .profileHeader h3, .profileHeader .col-md-12 { margin-left: 0px; padding-left: 10px; padding-right: 10px; } #statistics #countStatistics .flexWrapper .flexColWrapper { min-width: unset; max-width: unset; width: 100%; } } .profileHeader .search-form-group { position: relative; } .profileHeader .search-form-group::before { content: ''; position: absolute; bottom: -10px; background: transparent linear-gradient(270deg, #DB45F659 0%, #50B6FE45 100%) 0% 0% no-repeat padding-box; width: 100%; margin: 0px auto; height: 20px; text-align: center; align-items: center; right: 0px; left: 0px; filter: blur(20px); } .profileHeader .search-form-group input { background: white; border-radius: 8px !important; color: #42415F; font-family: Mulish-Bold; box-shadow: none; } .profileHeader .search-form-group input:focus { box-shadow: none !important; } .profileHeader img { max-width: 90px; display: inline; } .profileHeader h2 { display: inline-block; max-width: 300px; vertical-align: middle; margin: 0px; font-size: 24px !important; font-family: Mulish-ExtraBold; } .profileHeader .input-group { margin-top: 20px; z-index: 0; } .profileHeader h3 { margin-top: 10px; font-family: Mulish-ExtraBold; } @media (max-width: 1199px) { .profileHeader h3 { font-size: 22px; } .profileHeader h3 img.lifeE { max-height: 25px !important; } } @media (max-width: 991px) { .profileHeader h3 { width: 100%; } } /*#endregion PROFILE*/ /*#region INTERACTIVE MAP*/ .interactiveTabs { background-image: none !important; } @media (max-width: 565px) { .instTabs .nav.nav-pills { display: flex; align-items: center; justify-content: center; align-content: center; flex-wrap: nowrap; flex-direction: row; } .tabsContent li.active a, .tabsContent li:focus a { text-transform: capitalize; white-space: nowrap; } .instTabs .tabsContent li a { white-space: nowrap; text-transform: capitalize !important; } } .interactiveMap .table img, .instTabs .table img { width: 25px; height: 25px; } .interactiveMap, .interactiveTabs { margin: 0px -15px 0px; background-repeat: no-repeat; background-size: contain; background-position: 15%; } .interactiveMap #institutionLocationMap, .interactiveTabs #institutionLocationMap, .interactiveMap #institutionsInGroupLocationMap, .interactiveTabs #institutionsInGroupLocationMap { height: 565px; width: 100%; border-radius: 8px; } @media screen and (max-width: 991px) { .interactiveMap #institutionLocationMap, .interactiveTabs #institutionLocationMap, .interactiveMap #institutionsInGroupLocationMap, .interactiveTabs #institutionsInGroupLocationMap { height: 350px; } } .interactiveMap .table, .interactiveTabs .table { font-size: 14px !important; } .interactiveMap .table tbody td, .interactiveTabs .table tbody td, .interactiveMap .table tbody th, .interactiveTabs .table tbody th { vertical-align: middle; padding: 7px 8px !important; } .interactiveMap .innerContentMap, .interactiveTabs .innerContentMap { padding: 15px 15px 15px 15px; position: relative; z-index: 1; } .interactiveMap .innerContentMap .statistics, .interactiveTabs .innerContentMap .statistics { padding-left: 80px; } .interactiveMap .innerContentMap .statistics .countInfo, .interactiveTabs .innerContentMap .statistics .countInfo { margin-bottom: 10px; padding: 20px 0; } .interactiveMap .innerContentMap .statistics .countInfo:after, .interactiveTabs .innerContentMap .statistics .countInfo:after { height: 1px; background: #4ab9e9; } .interactiveMap .innerContentMap .statistics .countInfo .countNumber, .interactiveTabs .innerContentMap .statistics .countInfo .countNumber { font-size: 30px !important; } .interactiveMap .innerContentMap .statistics .countInfo .countLabel, .interactiveTabs .innerContentMap .statistics .countInfo .countLabel { font-size: 20px !important; color: rgba(23, 27, 48, 0.3); } .interactiveMap .innerContentMap .institutionsTable table tbody td, .interactiveTabs .innerContentMap .institutionsTable table tbody td, .interactiveMap .innerContentMap .institutionsTable table tbody th, .interactiveTabs .innerContentMap .institutionsTable table tbody th { border-top: 0px dashed #e5e5e5 !important; } .interactiveMap .innerContentMap .institutionsTable table i, .interactiveTabs .innerContentMap .institutionsTable table i { font-size: 24px !important; } @media screen and (max-width: 991px) { .interactiveMap .innerContentMap, .interactiveTabs .innerContentMap { padding: 0px; } } .interactiveMap .mapSection, .interactiveTabs .mapSection { position: relative; } @media screen and (max-width: 991px) { .interactiveMap .mapSection, .interactiveTabs .mapSection { margin-top: 50px; } } .interactiveMap h3, .interactiveTabs h3 { font-size: 18px; line-height: 24px; font-family: 'Mulish-Bold'; margin-bottom: 25px; margin-top: 45px; border-bottom: 1px solid #dadada; padding-bottom: 25px; } .interactiveMap h2, .interactiveTabs h2 { margin-top: 45px; font-size: 26px !important; } .interactiveMap h2 + p, .interactiveTabs h2 + p { margin: 10px 0 55px; } .interactiveMap .ui-select-bootstrap .ui-select-match, .interactiveTabs .ui-select-bootstrap .ui-select-match { outline: none !important; } .interactiveMap .ui-select-bootstrap .btn, .interactiveTabs .ui-select-bootstrap .btn, .interactiveMap .ui-select-bootstrap input, .interactiveTabs .ui-select-bootstrap input { padding-right: 60px; white-space: nowrap; text-overflow: ellipsis; } .interactiveMap .ui-select-bootstrap span, .interactiveTabs .ui-select-bootstrap span { overflow-x: hidden; color: black; font-family: 'Mulish-Bold'; white-space: nowrap; text-overflow: ellipsis; } .interactiveMap .btn-blue .serviceStatus img, .interactiveTabs .btn-blue .serviceStatus img { width: 20px; margin-right: 5px; vertical-align: top; } .interactiveMap .circleBtns { bottom: 28px !important; } .interactiveMap .circleBtns, .interactiveTabs .circleBtns { position: absolute; left: 10px; z-index: 1; width: auto; bottom: 40px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); font-family: 'Mulish-Bold'; } .interactiveMap .circleBtns .btn-submit, .interactiveTabs .circleBtns .btn-submit { background-image: none !important; padding: 10px 15px !important; } .interactiveMap .tooltip-inner, .interactiveTabs .tooltip-inner { word-wrap: break-word; width: 150px !important; } .interactiveMap .form-group, .interactiveTabs .form-group { position: relative; } .interactiveMap .form-group select, .interactiveTabs .form-group select { border: none; padding: 15px 20px; height: 50px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ie-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); margin-bottom: 20px; position: relative; font-family: 'Mulish-Bold'; font-size: 15px; } .interactiveMap .form-group select:hover, .interactiveTabs .form-group select:hover { background: #fafafa; } /* .interactiveMap .form-group:after,*/ .interactiveTabs .form-group:after { background: white; content: "\f3d0"; content: ""; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: black; width: 60px; height: 50px; position: absolute; right: 0px; top: 26px; font-size: 26px !important; padding: 13px 20px; } .interactiveMap .form-control, .interactiveTabs .form-control { border: none; padding: 15px 20px; height: 50px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); -khtml-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); -ie-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); margin-bottom: 20px; position: relative; font-family: 'Mulish-Bold'; font-size: 15px; } .interactiveMap .form-control:hover, .interactiveTabs .form-control:hover { background: #fafafa; } .interactiveMap .ui-select-placeholder, .interactiveTabs .ui-select-placeholder { font-size: 15px; font-family: 'Mulish-Bold'; color: #171b30; } .interactiveMap .ui-select-container.ui-select-bootstrap:after, .interactiveTabs .ui-select-container.ui-select-bootstrap:after, .interactiveMap select:after, .interactiveTabs select:after { background: white; content: "\f3d0"; content: ""; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: black; width: 60px; height: 50px; position: absolute; right: 0px; top: 0px; font-size: 26px !important; padding: 13px 20px; } .interactiveMap .ui-select-container.ui-select-bootstrap .dropdown-menu, .interactiveTabs .ui-select-container.ui-select-bootstrap .dropdown-menu, .interactiveMap select .dropdown-menu, .interactiveTabs select .dropdown-menu { border: none; margin: 0px; margin-top: -19px; padding: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); } .interactiveMap .ui-select-container.ui-select-bootstrap .ui-select-choices-row > span, .interactiveTabs .ui-select-container.ui-select-bootstrap .ui-select-choices-row > span, .interactiveMap select .ui-select-choices-row > span, .interactiveTabs select .ui-select-choices-row > span { padding: 10px 20px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; white-space: normal; } .interactiveMap .ui-select-container.ui-select-bootstrap .ui-select-choices-row.active > span, .interactiveTabs .ui-select-container.ui-select-bootstrap .ui-select-choices-row.active > span, .interactiveMap select .ui-select-choices-row.active > span, .interactiveTabs select .ui-select-choices-row.active > span { background-color: #46b0da; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; white-space: normal; } .interactiveMap .containerHalf label, .interactiveTabs .containerHalf label { font-family: 'Mulish-Regular'; font-weight: normal; margin-top: 20px; } .interactiveMap .ui-select-highlight, .interactiveTabs .ui-select-highlight { font-weight: normal; font-family: 'Mulish-Bold'; } .link { cursor: pointer; } .btn-circle { -webkit-border-radius: 50px !important; -khtml-border-radius: 50px !important; -moz-border-radius: 50px !important; -ie-border-radius: 50px !important; -o-border-radius: 50px !important; -ms-border-radius: 50px !important; border-radius: 50px !important; width: 65px; height: 65px; background: white !important; padding: 17px 10px !important; -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); -ie-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); margin-bottom: 10px; } @media screen and (max-width: 991px) { .btn-circle { margin: 0 10px; } } .btn-circle i { font-size: 30px !important; color: black; } .btn-circle:hover i { color: #38b3e7; } .btn-circle img { width: 35px; margin-top: -21px; margin-left: -10px; } .btn-circle.btnMap { background: #38b3e7 !important; } @media screen and (max-width: 991px) { .btn-circle.btnMap { float: right; } } .btn-circle.btnMap:hover { background: #4fbcea !important; } .btn-circle.btnForm:hover { background: #e6e6e6 !important; } @media screen and (max-width: 991px) { .btn-circle.btnForm { float: left; } } .tab-content .btn-circle.btnForm { float: none !important; } .cslip { height: 12px !important; width: 13px !important; margin-bottom: 16px !important; } .institutionsTable { margin-top: 20px; } .institutionsTable table i { font-size: 28px !important; vertical-align: middle; padding-right: 10px; color: #d7d8de; } .institutionsTable table i.orangeSmall { font-size: 20px !important; vertical-align: middle; padding-right: 10px; color: #f77c5b; } .institutionsTable table i.orangeSmall:hover { color: #171b30; } .institutionsTable table td { vertical-align: middle; } .institutionsTable table td a { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .institutionsTable table td a:hover { color: black; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .institutionsTable table th { font-weight: normal; font-family: 'Mulish-Bold'; } .institutionsTable table .w50 { width: 50px; } .institutionsTable h3 { text-align: center; margin-bottom: 40px; } .table > thead > tr > th { border-bottom: 1px solid #7143c1; } .table tr th, .table tr td { padding: 12px 8px !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .table tbody td, .table tbody th { border-top: 1px solid #e5e5e5 !important; font-size: 14px; } .table.tableClean { margin-top: 0px !important; } .interactiveTabs .table i.orangeSmall { font-size: 20px !important; vertical-align: middle; padding-right: 10px; color: #f77c5b; } .interactiveTabs .table i.orangeSmall:hover { color: #171b30; } /*#endregion INTERACTIVE MAP*/ /*#region FOOTER*/ #supporters { background-color: #192332; padding: 25px 15px; position: relative; z-index: 1; } #supporters a { padding: 0 25px; } #footer { background: #142748 0% 0% no-repeat padding-box; color: rgba(255, 255, 255, 0.3); text-align: center; padding: 40px 15px 50px; font-size: 85%; position: relative; z-index: 1; bottom: 0px !important; } #footer p { text-align: left; /*color: #838C9B;*/ color: #b0bbcf; font-size: 14px; line-height: normal; white-space: nowrap; } #footer a { display: inline-block; } @media (max-width: 425px) { #footer a { padding: 0px 50px; } } #footer a img { height: 45px; } #footer ul.socialIcons a img { height: 22px; } #footer ul li { display: inline; white-space: nowrap; } #footer ul { display: flex; flex-direction: row; gap: 15px; align-content: center; justify-content: flex-end; flex-wrap: wrap; margin-top: 20px; } @media (max-width: 991px) { #footer ul { flex-direction: column; margin-top: 35px !important; padding-bottom: 20px; } } #footer ul li a { padding: 0px 10px; /*color: #C6D1E2;*/ color: white; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 14px; } #footer ul li a:hover { background: white; color: black; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ie-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #footer ul.socialIcons li a:hover { background: transparent; opacity: 0.6; } #footer ul li:last-child a { border-right: none; } /*#endregion FOOTER*/ /*#region SWITCH*/ .switch { position: relative; display: inline-block; width: 40px; height: 25px; float: right; } .switch input { display: none; } .switch.on .slider::before { background: #15AC59; left: -8px; } .switch.on .slider { background-color: transparent; border: 2px solid #15AC59; } .switch.on .slider:before { transform: translateX(24px); } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; box-shadow: 0px 0px 92px #00000026; border: 2px solid #CBCCD5; -webkit-box-shadow: 0px 0px 92px #00000026; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 2px; bottom: 2px; background-color: #CACBD4; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } input:checked + .slider { border-color: #15AC59; } input:checked + .slider:before { transform: translateX(14px); } input:checked + .slider:before { background-color: #15AC59; } input:focus + .slider { box-shadow: 0 0 1px #38b3e7; } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } /*#endregion SWITCH*/ .lineAhead { position: relative; padding-left: 80px; font-size: 17px; } .lineAhead:before { background: #4ab9e9; position: absolute; content: ''; width: 50px; height: 1px; left: 0px; top: 13px; } .conRight { float: right; } @media screen and (max-width: 991px) { .conRight { float: none; margin: 0; padding: 0 45px 0 45px; } } .conLeft { float: left; } @media screen and (min-width: 768px) { .containerHalf { width: 100%; } } @media screen and (min-width: 991px) and (max-width: 1199px) { .containerHalf { width: 485px; } } @media screen and (min-width: 1200px) { .containerHalf { width: 585px; } } .btn-default-focus { outline: none !important; background-color: transparent; border-color: transparent; outline: 0px auto -webkit-focus-ring-color; box-shadow: none; } .modal-header h2 { color: #B02C84 !important; margin-top: 5px; } .notificationsModal .modal-dialog { top: 250px; } .modal-dialog .attFiles .btn.btn-primary { border-radius: 8px !important; color: white !important; font-size: 14px !important; } .modal-dialog .attFiles .btn.btn-primary span { color: white !important; font-size: 14px !important; } #myForm.newFormFlex { display: flex; align-items: center; justify-content: center; align-content: center; flex-wrap: nowrap; flex-direction: row; gap: 20px; border: none; } /*#region modal*/ .complain .modal-dialog, .modal-dialog { padding-left: 60px; background-image: url(../images/modal-bg-new.png) !important; background-repeat: no-repeat; z-index: 11; background-color: transparent !important; border-radius: 8px 0px 0px 8px; } .complain.shareDocument .modal-dialog { padding-left: 50px; } .complain.shareDocument .modal-dialog .modal-content:before { left: -45px; width: 35px; height: 35px; } .complain .modal-dialog { background-size: contain; } #supportSection .modal-dialog.noBgImage { background-image: none !important; top: 100px; } @media (max-width: 565px) { #supportSection .modal-dialog.noBgImage { top: 15px; } } #supportSection .modal-dialog.noBgImage .modal-content { background: white; border-radius: 8px; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center { width: 100%; position: relative; left: 0px; right: 0px; background: transparent linear-gradient(180deg, #28477D14 0%, #3768BD00 100%) 0% 0% no-repeat padding-box; opacity: 1; padding: 20px 10px; border-radius: 0px 0px 8px 8px; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center div { width: 100%; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenter { display: flex; align-items: center; justify-content: flex-start; align-content: center; flex-wrap: nowrap; flex-direction: row; width: 100%; margin-left: 0px; padding: 0px; font-family: Mulish-Bold; color: #4C4C4C; color: #4C4C4C; font-family: 'Mulish-ExtraBold'; } @media (max-width: 565px) { #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenter { flex-direction: column; margin: 0px; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center { position: relative; padding: 0px; } } @media screen and (max-width: 767px) { .modal-dialog { padding-left: 55px; } } .modal-dialog i.bigIcon { display: block; font-size: 75px !important; color: #38b3e7; } .modal-dialog .modal-header .h2, .modal-dialog .modal-header h2 { font-size: 23px; font-family: Mulish-ExtraBold; } .modal-dialog .modal-content { padding: 0 30px 30px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px 8px 8px 0px; border: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .modal-dialog .modal-content > img { position: absolute; top: 20px; left: -48px; width: 35px; } .modal-dialog .modal-content > img.biggerImageModal { top: 30px; left: -55px; width: 50px; } @media screen and (max-width: 767px) { .modal-dialog .modal-content > img { width: 30px; left: -43px; } } .modal-dialog .modal-content .uploadedDocuments i { color: #000000; font-size: 30px !important; vertical-align: sub; padding-right: 10px; } .modal-dialog .modal-content .uploadedDocuments em { color: black; font-size: 20px !important; vertical-align: sub; padding: 0 5px; float: right; font-style: normal; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 5px; } .modal-dialog .modal-content .uploadedDocuments em:hover { color: red; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .modal-dialog .modal-content .uploadedDocuments p { padding: 10px 15px; font-size: 13px !important; background: rgba(78, 188, 219, 0.1); border-bottom: 1px solid white; } .modal-dialog .modal-content .uploadedDocuments p span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; padding-right: 20px; } .modal-dialog .modal-content .modal-title { font-size: 20px !important; color: #B02C84 !important; font-family: Mulish-ExtraBold; } @media screen and (max-width: 767px) { .modal-dialog .modal-content .modal-title { font-size: 20px !important; margin: 0; } } .modal-dialog .modal-content .modal-header, .modal-dialog .modal-content .modal-body, .modal-dialog .modal-content .modal-footer { padding: 20px; } .modal-dialog .modal-content .dropdown-menu { border: none; margin: 0px; margin-top: -19px; padding: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); width: 100%; top: 63px !important; } .modal-dialog .modal-content li > a { padding: 10px 20px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; white-space: normal; } .modal-dialog .modal-content li.active:hover a { background-color: #f1f1f1 !important; color: black !important; } .modal-dialog .modal-content li.active > a { background-color: #46b0da; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; white-space: normal; } .modal-dialog .modal-content .btn-primary, .modal-dialog .modal-content .btn-default { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ie-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border: none; padding: 10px 25px; font-size: 15px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: black; } .modal-dialog .modal-content .btn-primary:hover, .modal-dialog .modal-content .btn-default:hover { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .modal-dialog .modal-content .btn-primary { background: transparent linear-gradient(90deg, #353273 0%, #B02C84 100%) 0% 0% no-repeat padding-box; border-radius: 8px; color: white !important; padding: 9px 45px !important; font-family: Mulish-Bold; } .modal-dialog .modal-content .btn-primary:hover { background-color: #1da7e3; } .mr-20 { margin-right: 20px !important; } .mr-10 { margin-right: 10px !important; } .flexNew { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .flexNew small { font-family: Mulish-Bold; } .btn.btn-default.hasArrow:hover { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn.btn-default.hasArrow img { position: relative; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; right: 0px; } .btn.btn-default.hasArrow:hover img { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; right: -10px; } .modal-dialog .modal-content .btn-default { background: transparent linear-gradient(104deg, #668bce30 0%, #668bce2b 100%) 0% 0% no-repeat padding-box !important; color: #2C5FB8 !important; } .btn.btn-default { box-shadow: 0px 0px 16px 5px #00000012 !important; border-radius: 8px !important; font-family: Mulish-Bold; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: none; outline: none; padding: 10px 40px !important; background-color: white; color: black; } .modal-dialog .modal-content .btn-default { background-color: white; color: black; box-shadow: none !important; padding: 10px 40px !important; border-radius: 8px !important; font-family: 'Mulish-Bold'; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: none; outline: none; } .modal-dialog .modal-content .btn-default:hover { border-color: #000; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .modal-dialog .modal-content .btn-primary:hover, .modal-dialog .modal-content .btn-default:hover { opacity: 0.8; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (max-width: 767px) { .modal-dialog .modal-content { padding: 0 !important; } .modal-dialog .modal-content { border-radius: 8px; } } .modal-dialog .captcha img { border: 1px solid #dadada; padding: 6px 6px 5px 6px; margin-top: 5px; } .modal-dialog .alert { font-size: 14px; margin-top: 15px; } .complain .modal-dialog .modal-content > img { display: none; } .complain .modal-dialog .modal-content:before { content: ''; background-image: url(../images/submitComplain.png); position: absolute; top: 30px; left: -50px; width: 40px; height: 40px; background-size: 100%; background-repeat: no-repeat; } .complain .modal-dialog .modal-content .btn-primary { background-color: #52a4c7; border-color: #52a4c7; } label { font-weight: normal; font-family: 'Mulish-Bold'; display: block; } .form-control, input, select { position: relative; font-size: 15px; border: 1px solid #dadada; display: block; width: 100%; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; color: #828694; padding: 10px 20px; height: auto; background: #fff; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) { .form-control, input, select { -webkit-appearance: none; } } @media not all and (min-resolution: 0.001dpcm) { .form-control, input, select { -webkit-appearance: none; } } .form-control[disabled], input[disabled], select[disabled] { cursor: not-allowed; margin: 0 0 15px; background: #eaeaea !important; border: 1px solid #eaeaea; opacity: 0.7; } .form-control[disabled]:hover, input[disabled]:hover, select[disabled]:hover { border: 1px solid #eaeaea; } .form-control optgroup, input optgroup, select optgroup { font-family: 'Mulish-Bold'; } .form-control optgroup option, input optgroup option, select optgroup option { font-family: 'Mulish-Regular'; font-size: 14px !important; } .form-control:hover, input:hover, select:hover { background: #fafafa; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mce-menubar { border: none; } .mce-edit-area { border: none; } .mce-panel { background-color: white !important; border-radius: 8px !important; border-top: 0px !important; } .textAreaClass { border: 1px solid #CBCCD5 !important; border-radius: 8px !important; } .flexCol { display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start; width: 100%; } .flexCol.end { align-items: flex-end; gap: 10px; } .flexCol .serviceStatus { position: relative !important; background-color: transparent !important; background-image: none !important; padding: 0px !important; right: unset !important; left: unset; } .flexCol .serviceStatus:after { display: none !important; } .flexHeader { display: inline-flex !important; flex-direction: row; justify-content: space-between; align-content: center; align-items: center; width: 100%; padding-top: 30px; } .mce-toolbar-grp { border-radius: 8px 8px 0px 0px !important; box-shadow: -6px 26px 33px -9px #00000021; position: relative !important; } .servicesList.appsList .serviceItem.pointer.noBoxShadow { background: transparent !important; box-shadow: none !important; -webkit-box-shadow: none !important; } .mce-edit-area { border-radius: 8px !important; } .mce-edit-area iframe { border-radius: 8px; } #tinymce { background: transparent linear-gradient(180deg, #28477D14 0%, #3768BD00 100%) 0% 0% no-repeat padding-box !important; } .mce-btn { border: 1px solid #b1b1b1; border-color: transparent transparent transparent transparent; position: relative; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); display: inline-block; background-color: #fff !important; } .input-group { width: 100%; } .form-autocomplete { position: relative; } .form-autocomplete input { padding-right: 80px; } .form-autocomplete:after { background: white; background: transparent; content: "\f4a4"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: black; width: 60px; height: 40px; position: absolute; right: 1px; bottom: 1px; font-size: 24px !important; padding: 6px 20px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .customSelect { position: relative; } .customSelect:after { content: "\f3d0"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: black; width: 40px; height: 40px; position: absolute; right: 1px; top: 1px; font-size: 20px !important; padding: 10px 10px; pointer-events: none; } /*#endregion modal*/ .pos-i { position: inheirt !important; } .mt15 { margin-top: 15px; } .mt10 { margin-top: 10px !important; } .mt20 { margin-top: 20px !important; } .mt22 { margin-top: 22px !important; } .pl20 { padding-left: 20px !important; } .pl0 { padding-left: 0px !important; } .pr0 { padding-right: 0; } .lbl-additional { text-transform: uppercase; margin-bottom: 10px; } .pp-info { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 50px !important; padding-right: 50px !important; } .mb20 { margin-bottom: 20px !important; } .mt40 { margin-top: 40px !important; } .mt6 { margin-top: 6px !important; } .mt-10 { margin-top: -10px !important; } .mt-15 { margin-top: -15px !important; } .mt-20 { margin-top: -20px !important; } .ion-info { font-size: 27px !important; vertical-align: sub; margin-right: 10px; color: #38b3e7; line-height: 10px; } .alert-info { color: black; background-color: #d9edf7; border-color: #d9edf7; font-size: 14px; } /*#region eID*/ .npBg { background: url(../images/eIDbg.jpg); background-repeat: no-repeat; background-size: cover; } .npBg .faqList { margin-top: 0px; } .npBg .faqList img { max-width: 100%; width: 40px; } .npBg .p80 { padding: 80px 0; } .npBg .p80 img { width: 360px; } .npBg .p40 { padding: 40px 0; } @media screen and (max-width: 767px) { .npBg .p40 { padding: 40px 15px; } } .eIDLevels { padding: 20px 50px 50px 65px; } @media (max-width: 767px) { .eIDLevels { padding: 20px 0px 100px 0px; } } @media screen and (max-width: 767px) { .eID .container-fluid .container .eIDland > div > div { padding: 20px; } } .eID .container-fluid .container .eIDland h2 { font-family: 'Mulish-Bold'; font-size: 21px; margin-bottom: 30px; } body.bigFont * .eID .container-fluid .container .eIDland h2 { font-size: 28px !important; } .eID .container-fluid .container .eIDland h2 span { color: #38b3e7; } .eID .container-fluid .container .eIDland p { line-height: 26px; } .eID .container-fluid .container .eIDland a.btn { color: white; background: #4ab9e9; background: -moz-linear-gradient(45deg, #4ab9e9 0%, #5ac3b9 100%); background: -webkit-linear-gradient(45deg, #4ab9e9 0%, #5ac3b9 100%); background: linear-gradient(45deg, #4ab9e9 0%, #5ac3b9 100%); -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ie-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; padding: 8px 25px; display: inline-block; margin: 40px 0; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: none; } @media screen and (max-width: 991px) { .eID .container-fluid .container .eIDland a.btn { padding: 8px 15px; font-size: 14px !important; } } .eID .container-fluid .container .eIDland a.btn:hover { background: #F5634A; background: -moz-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: -webkit-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: linear-gradient(-45deg, #fbb885 0%, #f5634a 100%); -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .eID .container-fluid .container .eIDland .stepCounter { counter-reset: steps-count; padding-left: 100px; margin-top: 20px; } @media (max-width: 767px) { .eID .container-fluid .container .eIDland .stepCounter { margin-top: 0px; } } .eID .container-fluid .container .eIDland .stepCounter .countStep { padding: 20px 50px 100px 50px; position: relative; } @media (max-width: 767px) { .eID .container-fluid .container .eIDland .stepCounter .countStep { padding: 20px 0px 50px 0px !important; } } .eID .container-fluid .container .eIDland .stepCounter .countStep .step-num { border: 1px solid #dddddd; position: absolute; left: -30px; top: -35px; width: 90px; height: 90px; border-radius: 50%; padding: 30px 25px; } @media (max-width: 991px) { .eID .container-fluid .container .eIDland .stepCounter .countStep .step-num { right: 0px; left: 85% !important; top: -20px !important; } } .eID .container-fluid .container .eIDland .stepCounter .countStep .step-num:before { font-size: 35px !important; font-style: normal; float: left; line-height: 35px; padding-right: 0; font-family: 'Mulish-Bold'; counter-increment: steps-count; position: absolute; right: -9px; top: 25px; background-color: white; } .eID .container-fluid .container .eIDland .stepCounter .countStep .step-num img { width: 40px; position: relative; } .eID .container-fluid .container .eIDland .stepCounter .countStep:first-of-type .step-num { left: -97px; top: 10px; } .eID .container-fluid .container .eIDland .stepCounter .countStep:first-of-type:after { width: 1px; background: #e5e5e5; display: block; height: 45%; content: ''; position: absolute; left: 0px; bottom: 40px; } .eID .container-fluid .container .eIDland .stepCounter .countStep:last-of-type { padding: 20px 50px 0px 50px; } .eID .container-fluid .container .eIDland .stepCounter .countStep:last-of-type .step-num { bottom: 40px; top: auto; right: -80px; left: auto; } .eID .container-fluid .container .eIDland .stepCounter .countStep:last-of-type .step-num:before { right: auto; top: 25px; background-color: white; left: -10px; } .eID .container-fluid .container .eIDland .stepCounter .countStep:last-of-type:after { width: 1px; background: #e5e5e5; display: block; content: ''; position: absolute; right: 0px; top: -40px; height: 40%; } .eID .container-fluid .container .eIDland .stepCounter .countStep:last-of-type:before { display: none; } .eID .container-fluid .container .eIDland .stepCounter .countStep:before { content: ''; display: block; height: 1px; width: 100%; background-color: #e5e5e5; bottom: 40px; position: absolute; left: 0; right: 0; } @media screen and (max-width: 767px) { .eID .container-fluid .container .eIDland .stepCounter .countStep { padding: 20px 0px 100px 80px; } .eID .container-fluid .container .eIDland .stepCounter .countStep .step-num { width: 70px; height: 70px; border-radius: 50%; padding: 22px 18px; } .eID .container-fluid .container .eIDland .stepCounter .countStep .step-num:before { top: 16px; } .eID .container-fluid .container .eIDland .stepCounter .countStep:after { display: none !important; } .eID .container-fluid .container .eIDland .stepCounter .countStep:first-of-type .step-num { left: -10px; top: 18px; } .eID .container-fluid .container .eIDland .stepCounter .countStep:nth-of-type(2) .step-num { left: -10px; top: 18px; right: auto; bottom: auto; } .eID .container-fluid .container .eIDland .stepCounter .countStep:nth-of-type(2) .step-num:before { top: 15px; background-color: white; left: auto; right: -10px; } .eID .container-fluid .container .eIDland .stepCounter .countStep:last-of-type .step-num { left: -10px; top: 18px; } } @media screen and (max-width: 767px) { .eID .container-fluid .container .eIDland .stepCounter { padding-left: 0; } } .eID .container-fluid .container .eIDland .faqWrap h3 { text-transform: none; display: block; font-family: 'Mulish-Bold'; font-size: 18px; position: relative; margin-bottom: 0px; padding-left: 20px; padding-top: 0; background: transparent; } .eID .container-fluid .container .eIDland .faqWrap h3:after { display: none; } @media (max-width: 767px) { .eID .container-fluid .container .eIDland .faqWrap h3 { font-size: 16px; line-height: 20px; } } .eID .container-fluid .container .eIDland .faqWrap .panel { -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -ie-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background-color: rgba(255, 255, 255, 0.5); } .eID .container-fluid .container .eIDland .faqWrap .panel + .panel { margin-top: 10px; } .eID .container-fluid .container .eIDland .faqWrap .panel .panel-heading { padding: 0px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -ie-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; background: transparent; } .eID .container-fluid .container .eIDland .faqWrap .panel .panel-heading h4 { display: block; font-family: 'Mulish-Bold'; } .eID .container-fluid .container .eIDland .faqWrap .panel .panel-heading h4 a { display: block; margin: 0px; background: transparent; padding: 15px 20px; position: relative; } .eID .container-fluid .container .eIDland .faqWrap .panel .panel-heading h4 a:hover { margin: 0px; background: transparent; } .eID .container-fluid .container .eIDland .faqWrap .panel .panel-heading h4 a.collapsed { color: #171b30; } .eID .container-fluid .container .eIDland .faqWrap .panel .panel-heading h4 a.collapsed:after { opacity: 1; } .eID .container-fluid .container .eIDland .faqWrap .panel .panel-heading h4 a:after { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f3d0"; position: absolute; right: 25px; top: 11px; font-size: 25px !important; opacity: 1; } .eID .container-fluid .container .eIDland .faqWrap .panel .panel-body { padding: 15px 25px; line-height: 24px; } .eID .container-fluid .container .eIDland .faqWrap .panel .panel-body p { margin-bottom: 5px; } /*#endregion eID*/ .modal-dialog .alertTotal { position: relative; top: 0; } .modal-dialog .alertTotal.inPlace { top: 0; left: 0; position: relative; margin-bottom: 20px !important; } .alertTotal { color: #ff6969; background-color: white; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ie-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #ff6969; padding: 15px; margin: 0px 0 !important; color: #a94442; background-color: #f2dede; border-color: #ebccd1; position: fixed; top: 127px; left: 0; right: 0; text-align: left; border: none; z-index: 2; } .alertTotal p:before { content: '-'; padding-right: 5px; display: inline; } .alertTotal p + p { margin: 0px; } .alertTotal label { font-size: 17px; position: absolute; top: 50%; right: 50px; transform: translate(0, -50%); text-transform: uppercase; } .alertTotal label i { padding: 0 10px; font-size: 26px !important; vertical-align: sub; } .alert-danger:not(.alertTotal) { background: transparent; padding: 0; border: none; color: #ff6969; margin: 0 !important; margin-bottom: 10px !important; } .form-control.error { border: 1px solid #ff6969; } .error { border: 1px solid #ff6969; } #myForm { border: 1px solid #dadada; border-radius: 3px; font-size: 13px !important; padding: 3px; } .attFiles a { display: block; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ie-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; } .attFiles a:hover span { color: white; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .attFiles a:hover:after { right: 0%; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1; } .attFiles:before, .attFiles:after { clear: both; display: table; content: ''; } .attFiles .btn.btn-primary { padding: 2px 13px; font-size: 13px !important; font-size: 23px !important; vertical-align: sub; position: relative; z-index: 1; } .attFiles span { padding: 0 5px 0 2px; position: relative; z-index: 1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .attFiles p { position: relative; } .attFiles em { right: 10px; top: 10px; position: absolute; z-index: 1; } .ticketInfo { padding: 30px 15px; border-top: 1px solid #e5e5e5; margin-top: 30px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; } .ticketInfo p { margin-bottom: 10px; line-height: 24px; font-size: 14px !important; } .ticketInfo label { font-size: 14px !important; margin: 0px; position: relative; } .ticketInfo b { font-size: 15px !important; margin-bottom: 20px; display: block; } .ticketInfo .statusTicket .ticketRow { padding-bottom: 5px; margin-bottom: 15px; } .ticketInfo .statusTicket .ticketRow:first-of-type { background: #f1f1f1; margin: 0px 0 0 -50px; padding-left: 50px; padding-top: 15px; margin-bottom: 15px; position: relative; } .ticketInfo .statusTicket .ticketRow:first-of-type p { font-family: 'Mulish-Bold'; font-size: 15px !important; } .ticketInfoAlert { color: #777; margin-bottom: 0px; } .ticketInfoAlert i { font-size: 36px !important; float: left; padding-right: 20px; line-height: 42px; color: #777; } .ticketInfoAlert a { text-decoration: underline; } .ticketID { display: inline-block; padding: 10px 25px; font-family: 'Mulish-Bold'; border: 1px solid #e5e5e5; position: relative; background: #fafafa; letter-spacing: 1px; } @media screen and (min-width: 992px) and (max-width: 1199px) { .col-md-3 .profileMenu, .sideMenu .widgetBox { position: fixed; width: 230px; } } @media screen and (min-width: 992px) { .resources { position: fixed; width: 360px; } } /*#region profileMenu*/ .profileMenu { margin-bottom: 80px; display: block; } @media (min-width: 992px) { .profileMenu.collapse, .profileMenu.collapsing { display: block !important; height: inherit !important; } } @media (max-width: 991px) { .profileMenu { margin-bottom: 0px; } .profileMenu.collapse { overflow: hidden; } } .profileMenu:after { content: ''; clear: both; display: block; } .profileMenu .profileItem.active { opacity: 1; } .profileMenu .profileItem a span { margin-left: 40px; display: block; } .menuItemsWrapper .profileItem a::before { content: ''; position: absolute; left: 13px; width: 25px; height: 22px; top: 8px; background-position: center !important; background-size: contain !important; background-repeat: no-repeat !important; } .menuItemsWrapper .menuItem1 .profileItem a::before { background: url(../images/profil-new.svg); } .menuItemsWrapper .menuItem3 .profileItem a::before { background: url(../images/tiketi-new.svg); } .menuItemsWrapper .menuItem10 .profileItem a::before, .menuItemsWrapper .menuItem4 .profileItem a::before { background: url(../images/app-za-usluga-new.svg); } .menuItemsWrapper .menuItem2 .profileItem a::before { background: url(../images/notifications-new.svg); } .menuItemsWrapper .menuItem8 .profileItem a::before { background: url(../images/podnesuvanja-new.svg); } .menuItemsWrapper .menuItem5 .profileItem a::before { background: url(../images/dokumenti-new.svg); } .menuItemsWrapper .menuItem6 .profileItem a::before { background: url(../images/pretplata-uslugi-new.svg); } .menuItemsWrapper .menuItem7 .profileItem a::before { background: url(../images/omileni-uslugi-new.svg); } .profileMenu .profileItem.active a::after { content: ''; position: absolute; right: 0px; height: 60%; width: 5px; background: #10336E 0% 0% no-repeat padding-box; border-radius: 4px 0px 0px 4px; top: 8px !important; } .profileMenu .profileItem.active a { background: transparent linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; } .profileMenu .profileItem.active a span { opacity: 1; } .profileMenu .profileItem a span { opacity: 0.8; } .profileMenu .profileItem a { padding: 10px; display: block; color: black; margin: 5px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: none; font-family: 'Mulish-Bold'; font-size: 12px; position: relative; } .profileMenu .profileItem a span.badge { margin: 0px; position: absolute; right: 20px; top: 10px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ie-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; min-width: 25px; padding: 3px 6px !important; border-radius: 5px; color: white; font-family: 'Mulish-Bold'; font-size: 10px; } .profileMenu .profileItem a:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; font-size: 40px !important; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .profileMenu .profileItem a:after { height: 25px; width: 3px; position: absolute; background: transparent; right: 35px; top: 0px; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; content: ''; transform: translate(-50%, 0); } .profileMenu .profileItem.active a { background: transparent linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .profileMenu .profileItem.active a:after { opacity: 1; top: 35px; } .profileMenu .profileItem.active:hover a { background: rgba(228, 229, 233, 0.55); -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .profileMenu .profileItem.active:hover a:before { font-size: 45px !important; } .profileMenu .profileItem:hover a { background: #fafafa; background: rgba(228, 229, 233, 0.15); background: rgba(220, 234, 239, 0.5); -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .profileMenu .profileItem:hover a:before { font-size: 45px !important; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .profileMenu .profileItem:hover a:after { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1; top: 35px; } .profileMenu .col-sm-6.menuItem1 .profileItem { margin-top: 60px; } .profileMenu .col-sm-6.menuItem1 .profileItem a:before { content: "\f47d"; color: #38b3e7; } .profileMenu .col-sm-6.menuItem1 .profileItem a:after { background: #38b3e7; } .profileMenu .col-sm-6.menuItem8 .profileItem { margin-top: 60px; } .profileMenu .col-sm-6.menuItem8 .profileItem a:before { content: "\f43c"; color: #ef9a85; } .profileMenu .col-sm-6.menuItem8 .profileItem a:after { background: #ef9a85; } .profileMenu .col-sm-6.menuItem2 .profileItem a:before { content: "\f3e1"; color: #6987A2; } .profileMenu .col-sm-6.menuItem2 .profileItem a:after { background: #6987A2; } .profileMenu .col-sm-6.menuItem4 .profileItem a:before, .profileMenu .col-sm-6.menuItem10 .profileItem a:before { content: "\f417"; color: #c07bcc; } .profileMenu .col-sm-6.menuItem4 .profileItem a:after, .profileMenu .col-sm-6.menuItem10 .profileItem a:after { background: #c07bcc; } .profileMenu .col-sm-6.menuItem3 .profileItem a:before { content: "\f3f9"; color: #6FB485; } .profileMenu .col-sm-6.menuItem3 .profileItem a:after { background: #6FB485; } .profileMenu .col-sm-6.menuItem6 .profileItem a:before { content: "\f3fe"; color: #e49ac2; } .profileMenu .col-sm-6.menuItem6 .profileItem a:after { background: #e49ac2; } .profileMenu .col-sm-6.menuItem9 .profileItem a:before { content: "\f47d"; color: #38b3e7; } .profileMenu .col-sm-6.menuItem9 .profileItem a:after { background: #38b3e7; } .profileMenu .col-sm-6.menuItem7 .profileItem a:before { content: "\f4b2"; color: #dc8484; } .profileMenu .col-sm-6.menuItem7 .profileItem a:after { background: #dc8484; } .profileMenu .col-sm-6.menuItem5 .profileItem a:before { content: "\f471"; color: #d6cba0; } .profileMenu .col-sm-6.menuItem5 .profileItem a:after { background: #d6cba0; } .pr-0 { padding-right: 0px; } .pl-0 { padding-left: 0px; } @media (max-width: 991px) { .profileMenu > .col-sm-6 { padding: 0px; width: 100%; } .profileMenu .profileItem { margin-top: 0px !important; } .profileMenu .profileItem:hover a, .profileMenu .profileItem.active a { background: #f5f5f6; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .profileMenu .profileItem:hover a:before, .profileMenu .profileItem.active a:before { font-size: 25px !important; } .profileMenu .profileItem.active:hover a:before { font-size: 25px !important; } .profileMenu .profileItem a { padding: 8px 15px; height: auto; margin: 2px 0; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: none; background: transparent; } .profileMenu .profileItem a:before { display: inline-block; font-size: 25px !important; padding-right: 10px; } .profileMenu .profileItem a:after { top: 0; right: 0; display: none; } .profileMenu .profileItem a span { position: relative; bottom: inherit; left: inherit; vertical-align: super; font-size: 13px !important; } .profileMenu .profileItem a span.badge { position: relative; right: inherit; left: inherit; bottom: inherit; font-size: inherit; padding: 0; min-width: inherit; background: none; display: inline-block; color: white; } } .paddingOut .col-sm-6 { padding: 0px; } .paddingOut.fullW .col-sm-6 { width: 100%; } .paddingOut.fullW .col-sm-6:nth-of-type(2) .profileItem { margin-top: 0px; } .paddingOut.fullW .col-sm-6 .profileItem:hover a, .paddingOut.fullW .col-sm-6 .profileItem.active a { background: #f5f5f6; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .paddingOut.fullW .col-sm-6 .profileItem a { padding: 8px 15px; height: auto; margin: 2px 0; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: none; background: transparent; } .paddingOut.fullW .col-sm-6 .profileItem a:before { display: inline-block; font-size: 25px !important; padding-right: 10px; } .paddingOut.fullW .col-sm-6 .profileItem a:after { top: 0; right: 0; display: none; } .paddingOut.fullW .col-sm-6 .profileItem a span { position: relative; bottom: inherit; left: inherit; vertical-align: top; font-size: 13px !important; display: inline-block; max-width: 80%; } .paddingOut.fullW .col-sm-6 .profileItem a span.badge { position: relative; right: inherit; left: inherit; bottom: inherit; font-size: inherit; padding: 3px 0; min-width: inherit; background: none; display: inline-block; color: #a3a7b7; } .paddingOut.fullW .col-sm-6 .profileItem a span.badge:before { content: '|'; display: inline-block; padding: 0 2px; } @media screen and (max-width: 768px) { .paddingOut.fullW { padding-top: 30px; } } .userProfile .table td { color: #292435; opacity: 0.7; } .mt-30 { margin-top: 30px !important; } .userProfile .table td, .userProfile .table th { border: 0px none transparent !important; /*padding: 10px 0 !important;*/ padding: 10px 5px !important; font-family: 'Mulish-Bold'; } .userProfile .table th { font-weight: normal; font-family: 'Mulish-Bold'; } .userProfile h3 { margin-bottom: 25px; padding-bottom: 10px; font-family: Mulish-ExtraBold; color: #292435; margin-top: 25px; line-height: 30px; position: relative; } .userProfile h2 { font-family: Mulish-ExtraBold; margin-bottom: 25px; padding-bottom: 10px; } .mainProfile h3, .mainProfile h2 { font-family: Mulish-Bold; } .userProfile .actionProfile { margin-top: 30px; } .userProfile .actionProfile .table td, .userProfile .actionProfile .table th { border: 0px none transparent !important; padding: 12px 0 !important; max-width: 147px; } .userProfile .actionProfile .table th { font-weight: normal; font-family: 'Mulish-Bold'; } .switchWrap { margin-bottom: 35px; display: block; margin-top: -5px; border-bottom: 1px solid #DEDEDE; padding-bottom: 20px; } .switchWrap.inactive { opacity: 0.4; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .switchWrap.inactive:hover { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .switchWrap:before, .switchWrap:after { clear: both; content: ''; display: table; } .bolded { font-family: Mulish-Bold; } .switchWrap p { width: 75%; float: left; font-size: 14px !important; font-family: Mulish-Regular; } .switchWrap label { display: inline-block; padding-right: 10px; } .switchWrap .switch { margin-top: 10px; } @media (max-width: 991px) { .actionProfile .switchWrap label { display: block; } } .profileData { background: rgba(220, 234, 239, 0.6); padding: 30px; } .profileData:before, .profileData:after { clear: both; content: ''; display: table; } /*#endregion profileMenu*/ .btnH .btn-submit { min-height: 42px; } a.btn.btn-submit:active { background: transparent linear-gradient(90deg, #B02C84 0%, #B02C84 100%) 0% 0% no-repeat padding-box } /*#region FAQ*/ .faqWrap.fullList .panel { padding-bottom: 15px; border-bottom: 1px solid #2d337021; } .faqWrap.fullList .panel-default > .panel-heading { border-color: transparent; } .faqWrap.fullList h4 a { padding: 15px 20px; } .faqWrap.fullList h4 a:after { display: none !important; } .faqWrap.fullList .answer, .faqWrap.fullList .question { position: relative; min-height: 50px; margin-top: 15px; } .faqWrap.fullList .answer img, .faqWrap.fullList .question img { position: absolute; top: 0; left: 0; } .faqWrap.fullList .answer { padding-left: 0px !important; } .faqWrap.fullList .question p { line-height: 21px; color: #292435f2; text-transform: none; margin-bottom: 0px; } .faqWrap .scrollNav ul li a { white-space: normal; padding-left: 20px; position: relative; } .faqWrap .scrollNav ul li a::before { content: ''; position: absolute; left: 0px; width: 8px; height: 8px; background: transparent; border: 1px solid #000000; border-radius: 50%; top: 14px; } .faqWrap .scrollNav h3 { position: relative; margin-bottom: 0px; padding-left: 20px; } .faqWrap .scrollNav h3::before { content: ''; position: absolute; left: -5px; top: 0px; width: 20px; height: 20px; background: url(../images/poddrsha_naslov.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .paddingLeftSection { padding-left: 40px; } .faqWrap .scrollNav ul li.active { cursor: pointer; } .faqWrap .scrollNav ul li.active a { cursor: pointer; } .faqWrap .panel-title { font-size: 15px !important; } .faqWrap h3 { text-transform: none; display: block; margin-bottom: 30px; font-family: 'Mulish-Bold'; font-size: 18px; position: relative; } .faqWrap .panel { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background-color: rgba(255, 255, 255, 0.5); border: none; border-bottom: 1px solid #ddd; } .faqWrap .panel + .panel { margin-top: 10px; } .faqWrap .panel .panel-heading { padding: 0px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -ie-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background: transparent; } .faqWrap .panel .panel-heading h4 { display: block; font-family: 'Mulish-Bold'; font-size: 14px !important; } .faqWrap .panel .panel-heading h4 a { display: block; margin: 0px; background: transparent; padding: 20px 0px; position: relative; color: #424657; border-color: transparent; font-size: 15px; } .faqWrap .panel .panel-heading h4 a::after { transform: rotate(180deg); transition: 0.3s ease-in-out all; } .faqWrap .panel .panel-heading h4 a.collapsed::after { transform: none; transition: 0.3s ease-in-out all; } .faqWrap .panel .panel-heading h4 a:hover { margin: 0px; background: transparent; } .faqWrap .panel .panel-heading h4 a.collapsed { color: #171b30; } .faqWrap .panel .panel-heading h4 a.collapsed:after { opacity: 0.4; } .faqWrap .panel .panel-heading h4 a:after { color: #42415f; display: block; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f3d0"; position: absolute; right: 25px; top: 15px; font-size: 25px !important; opacity: 1; } .faqWrap .panel .panel-body { padding: 10px 25px; line-height: 24px; } .faqWrap .panel .panel-body img { margin-right: 15px; } .faqWrap .panel .panel-body p { margin-bottom: 5px; } .faqList { margin-top: -50px; } .faqList h2 { margin-bottom: 30px; font-size: 24px; margin-top: 60px; } .faqList .breadcrumbs { margin-bottom: 50px; } .faqList h3 { margin-top: 65px; } .faqList .panel-default { border-bottom: 0px solid #dddddd; } .faqList .panel-default > .panel-heading { cursor: pointer; border-bottom: 1px solid #eaeaea; } .faqList .panel-default > .panel-heading h4 { line-height: 15px; } .faqList .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .faqList .panel-body p, .faqList .panel-body span, .faqList .panel-body ul, .faqList .panel-body li { font-size: 15px; /* font-family: 'Mulish-Regular' !important;*/ margin-bottom: 5px; } @media (max-width: 767px) { .faqList .panel-body p, .faqList .panel-body span, .faqList .panel-body ul, .faqList .panel-body li { font-size: 12px; } } .faqList ol { margin-top: 20px; margin-bottom: 0px; } .faqList .form-control { border: none; padding: 15px 20px; height: 60px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ie-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); margin-bottom: 20px; position: relative; font-family: 'Mulish-Regular'; font-size: 15px; } .faqList .search-form { position: relative; } .faqList .search-form .form-control { padding-right: 60px; } .faqList .search-form:after { background: #4ab9e9; background: -moz-linear-gradient(45deg, #4ab9e9 0%, #5ac3b9 100%); background: -webkit-linear-gradient(45deg, #4ab9e9 0%, #5ac3b9 100%); background: linear-gradient(45deg, #4ab9e9 0%, #5ac3b9 100%); content: "\f4a4"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: white; width: 55px; height: 50px; position: absolute; right: 0px; top: 26px; font-size: 24px !important; padding: 15px 20px; } .faqList .search-form .btn-blank { width: 50px; height: 50px; position: absolute; right: 55px; top: 26px; background: transparent; color: rgba(23, 27, 48, 0.7); z-index: 1; font-size: 22px !important; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ie-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; line-height: 40px; } .faqList .search-form .btn-blank:hover { background: #f1f1f1; color: #171b30; } .search-form { position: relative; } .search-form .form-control { border: none; padding: 15px 20px; height: 50px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ie-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); margin-bottom: 20px; position: relative; font-family: 'Mulish-Regular'; font-size: 15px; padding-right: 60px; } .search-form:after { background: #4ab9e9; background: -moz-linear-gradient(45deg, #4ab9e9 0%, #5ac3b9 100%); background: -webkit-linear-gradient(45deg, #4ab9e9 0%, #5ac3b9 100%); background: linear-gradient(45deg, #4ab9e9 0%, #5ac3b9 100%); content: "\f4a4"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: white; width: 55px; height: 50px; position: absolute; right: 0px; top: 0px; font-size: 24px !important; padding: 15px 20px; } .search-form .btn-blank { width: 50px; height: 50px; position: absolute; right: 55px; top: 0px; background: transparent; color: rgba(23, 27, 48, 0.7); z-index: 1; font-size: 22px !important; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ie-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; line-height: 40px; } .search-form .btn-blank:hover { background: #f1f1f1; color: #171b30; } .search-form.searchLabel:after { top: 26px; } .search-form.searchLabel .btn-blank { top: 26px; } #headerSection .search-form-group::before { content: ''; position: absolute; width: 90%; height: 30px; bottom: -20px; background: transparent linear-gradient(270deg, #E752B6 0%, #50B6FE 100%) 0% 0% no-repeat padding-box; right: 0px; left: 0px; filter: blur(20px); margin: 0px auto; } .search-form-group { position: relative; } .search-form-group .form-control { border: none; padding: 15px 20px; height: 50px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ie-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); margin-bottom: 20px; position: relative; font-family: 'Mulish-Regular'; font-size: 15px; padding-right: 105px; } .search-form-group .btn-search { background: transparent linear-gradient(135deg, #B70F74 0%, #730C6F 100%) 0% 0% no-repeat padding-box; content: "\f4a4"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: white; width: 55px; height: 50px; position: absolute; right: 0px; top: 0px; font-size: 24px !important; padding: 10px 15px; -webkit-border-radius: 0px 8px 8px 0px; -khtml-border-radius: 0px 8px 8px 0px; -moz-border-radius: 0px 8px 8px 0px; -ie-border-radius: 0px 8px 8px 0px; -o-border-radius: 0px 8px 8px 0px; -ms-border-radius: 0px 8px 8px 0px; border-radius: 0px 8px 8px 0px; border: none; } .search-form-group .btn-search i { font-size: 24px; line-height: 35px !important; } .search-form-group .btn-blank { width: 50px; height: 50px; position: absolute; right: 55px; top: 0px; background: transparent; color: rgba(23, 27, 48, 0.7); z-index: 1; font-size: 22px !important; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ie-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; line-height: 40px; } .search-form-group .btn-blank:hover { background: #f1f1f1; color: #171b30; } .search-form-group.searchLabel .btn-search { top: 26px; } .search-form-group.searchLabel .btn-blank { top: 26px; } /*#endregion FAQ*/ /*#region table*/ .table-responsive { padding: 0 5px; } .tableBox { padding: 0px 40px; background: rgba(255, 255, 255, 0.8); } .tableBox:before, .tableBox:after { content: ''; clear: both; display: table; } .tableBox .table thead tr th { font-family: 'Mulish-Bold'; font-weight: normal; border-bottom: 1px solid #7143c1; padding: 0px 10px 10px; } .tableBox .table tbody tr { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tableBox .table tbody tr td { border-top: 1px solid #e5e5e5; padding: 15px 10px; } .tableBox .table tbody tr td.actionBtns { width: 105px; max-width: 105px; } .tableBox .table tbody tr td.actionBtns a { display: block; text-align: center; } .tableBox .table tbody tr td.actionBtns i { font-size: 24px !important; color: #777777; cursor: pointer; display: inline-block; width: 25px; float: none; margin: 0 auto; line-height: 10px; } .tableBox .table tbody tr:hover { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /*#endregion table*/ /*#region pagination*/ .pagination { transform: scale(1.15, 1.15); } .pagination .pagination-prev a::before { content: url('/images/arrow-pagination-right.svg'); transform: rotate(180deg); position: relative; right: -5px; top: -2px; display: inline-block; width: 20px; height: 20px; vertical-align: middle; } /* Style for the "next" button */ .pagination .pagination-next a::before { content: url('/images/arrow-pagination-right.svg'); display: inline-block; width: 20px; position: relative; left: -5px; top: -1px; height: 20px; vertical-align: middle; } .pagination > li > a, .pagination > li > span { -webkit-border-radius: 50% !important; -khtml-border-radius: 50% !important; -moz-border-radius: 50% !important; -ie-border-radius: 50% !important; -o-border-radius: 50% !important; -ms-border-radius: 50% !important; border-radius: 50% !important; font-family: Mulish-Bold; margin: 0 5px; letter-spacing: 0px; text-align: center; padding: 5px 0px; color: #10336E; background: none; width: 30px; height: 30px; font-size: 13px; white-space: nowrap; } .pagination > li.pagination-prev > a, .pagination > li.pagination-next > a, .pagination > li.pagination-first > a, .pagination > li.pagination-last > a { border: none; background: none; width: unset; } .pagination > li.pagination-prev:hover a, .pagination > li.pagination-next:hover a, .pagination > li.pagination-first:hover a, .pagination > li.pagination-last:hover a { background: none; color: #7143c1 !important; } .pagination > li.pagination-prev.disabled:hover a, .pagination > li.pagination-next.disabled:hover a, .pagination > li.pagination-first.disabled:hover a, .pagination > li.pagination-last.disabled:hover a { color: #171b30 !important; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 0; background: #3768bd3d 0% 0% no-repeat padding-box; color: #10336E; cursor: default; } /*#endregion pagination*/ /*#region institutuions*/ .tableHref { color: #171b30; } .tabSearch { padding: 35px 0px; } .tabSearch .form-control { -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); border: none; padding: 15px 20px; height: 50px; margin-bottom: 20px; position: relative; font-family: 'Mulish-Bold'; font-size: 15px !important; } .tabSearch .form-group { position: relative; } .tabSearch .form-group:after { background: white; content: "\f4a4"; display: inline-block; font-family: Ionicons; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: black; width: 60px; height: 50px; position: absolute; right: 0px; top: auto; bottom: 0px; font-size: 26px !important; padding: 13px 20px; } .tabSearch .btn { padding: 7px 15px !important; margin-top: 25px; } .tabSearch .btn i { font-size: 22px !important; } .tabSearch label { font-size: 14px !important; } .tabsContent { margin-top: 30px; background: #eaecef; } .tabsContent.tabsBlank { margin: 0; box-shadow: none; } .tabsContent .btn { background: transparent; padding: 15px 25px; border: none; color: #171b30; font-family: 'Mulish-Bold'; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ie-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-size: 15px !important; font-size: 14px !important; text-transform: uppercase; } .tabsContent .btn.btn-primary { color: #8f426c; background: #fafafa; position: relative; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tabsContent .btn.btn-primary:after { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tabsContent .btn.btn-primary:hover { color: #171b30; } .tabsContent .btn.btn-primary:hover:after { content: ''; position: absolute; top: 0px; height: 3px; background: #F5634A; background: -moz-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: -webkit-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: linear-gradient(-45deg, #fbb885 0%, #f5634a 100%); display: block; width: 100%; left: 0px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tabsContent .btn:hover, .tabsContent .btn:active { background: transparent; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .tabsContent .btn:hover { color: #8f426c; background: #fafafa; } .tabsContent .btn.btn-active { position: relative; font-family: 'Mulish-Bold'; background: white; } .tabsContent .btn.btn-active:hover { color: #171b30; } .tabsContent .btn.btn-active:after { content: ''; position: absolute; top: 0px; height: 3px; background-color: #8f426c; display: block; width: 100%; left: 0px; } .tabsContent .btn.btn-orange { margin: 5px; } .tabsContent li a { position: relative; font-family: 'Mulish-Bold'; background: white; padding: 17px 25px; border: none; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; color: rgba(23, 27, 48, 0.6); font-size: 14px !important; text-transform: uppercase; background: transparent; cursor: pointer; } .tabsContent li a:hover { background: #fafafa; } .tabsContent li.active a, .tabsContent li:focus a { background: transparent !important; color: black; font-family: 'Mulish-Bold'; text-transform: uppercase; } .tabsContent li.active a:hover, .tabsContent li:focus a:hover { background: #fdfdfd !important; color: black !important; } .tabsContent li.active a:after, .tabsContent li:focus a:after { content: ''; height: 0; display: block; border-color: #eaecef transparent transparent transparent; border-width: 12px; border-style: solid; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); } .tabsContent li.active a:hover, .tabsContent li:focus a:hover { background: transparent !important; color: #171b30; } .tab-content { padding-bottom: 50px; } .tab-content .tab-pane { padding: 25px 15px; } @media(max-width:767px) { .tab-content .tab-pane { padding: 25px 0px; } #SubInstitutions .institutionList .institutionCard .institutionBody { padding-left: 0; } #SubInstitutions .institutionList .institutionCard { padding: 30px 20px; padding-left: 55px; } #SubInstitutions .institutionList .institutionCard h4 { font-size: 14px !important; position: relative; margin-top: 5px; line-height: 19px; max-height: unset !important; margin-left: 10px; overflow: hidden; } #SubInstitutions .institutionList .col-md-4 { padding: 0px; width: 100%; } } .instIcon { width: 32px !important; margin-top: -2px; } .institutionList { padding: 25px 0; display: flex; flex-wrap: wrap; gap: 30px 0; } .institutionList .institutionCard { padding: 30px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; margin-bottom: 30px; box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); border: 1px solid rgba(220, 220, 220, 0.32); background: rgba(255, 255, 255, 0.8); height: 100%; } .institutionList .institutionCard:before, .institutionList .institutionCard:after { content: ''; clear: both; display: table; } .institutionList .institutionCard h4 { font-family: 'Mulish-Bold'; font-size: 14px !important; position: relative; margin-top: 5px; line-height: 21px; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; max-height: 65px; overflow: hidden; } .institutionList .institutionCard .findOnMap { position: absolute; left: 20px; top: 35px; cursor: pointer; opacity: 0.5; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .institutionList .institutionCard .findOnMap .gps_ring { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; visibility: hidden; } .institutionList .institutionCard .findOnMap img { margin-right: 5px; position: relative; z-index: 1; width: 25px; height: 25px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .institutionList .institutionCard .institutionBody { font-size: 14px !important; padding-left: 30px; padding-right: 0px; } .institutionList .institutionCard .institutionBody label { margin-top: 15px; } .institutionList .institutionCard .institutionBody i { color: #d7d8de; font-size: 24px !important; line-height: 9px; display: inline-block; vertical-align: middle; padding-right: 10px; } .institutionList .institutionCard .institutionBody h4 a { color: #171b30; } .institutionList .institutionCard .institutionBody a { font-size: 15px !important; } .institutionList .institutionCard .institutionBody a:hover { color: #171b30; } .institutionList .institutionCard:hover { -webkit-box-shadow: 0 0px 50px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 0px 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0px 50px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0 0px 50px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0px 50px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0px 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 50px rgba(0, 0, 0, 0.1); background: white; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: rgba(255, 255, 255, 0.9); } .institutionList .institutionCard:hover .findOnMap { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1; } .institutionList .institutionCard:hover .findOnMap img { width: 32px; height: 32px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .institutionList .institutionCard:hover .findOnMap .gps_ring { visibility: visible; opacity: 1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .gps_ring { border: 2px solid #38b3e7; -webkit-border-radius: 50%; height: 18px; width: 18px; position: absolute; left: 7px; top: 7px; -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; opacity: 0.0; } .gps_ring:before { content: ""; display: block; border: 2px solid #38b3e7; -webkit-border-radius: 50%; height: 30px; width: 30px; position: absolute; left: -8px; top: -8px; -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: 0.1s; opacity: 0.0; } .gps_ring:after { content: ""; display: block; border: 2px solid #38b3e7; -webkit-border-radius: 50%; height: 50px; width: 50px; position: absolute; left: -18px; top: -18px; -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; -webkit-animation-delay: 0.2s; opacity: 0.0; } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); opacity: 0.0; } 50% { opacity: 1.0; } 100% { -webkit-transform: scale(1.2, 1.2); opacity: 0.0; } } /*#region institutuions*/ .preview-pdf { width: 100%; min-height: 1000px; } .preview-pdf object { width: 100%; height: 100%; } embed { width: 100%; } .btn-orange, .btn-blue { color: white !important; -webkit-border-radius: 3px !important; -khtml-border-radius: 3px !important; -moz-border-radius: 3px !important; -ie-border-radius: 3px !important; -o-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; border: none; padding: 10px 25px; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: none !important; } .btn-orange i, .btn-blue i { font-size: 20px; margin-right: 5px; line-height: 10px; vertical-align: text-top; } .btn-orange:hover, .btn-blue:hover { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn-icons { padding: 10px 25px 10px 50px !important; border: 1px solid #dcdcdc; background-repeat: no-repeat; background-size: 15px; background-position: left 20px top 13px; } .btn-save { background-color: #4ab9e9; color: white; background-image: url('../images/btn-save-icon.png'); } .btn-save:hover, .btn-save:focus { background-color: #1da7e3; color: white; } .btn-submit, .btn-shalter { background: transparent linear-gradient(90deg, #B02C84 0%, #B02C84 100%) 0% 0% no-repeat padding-box; border-radius: 8px; color: white; font-family: 'Mulish-Bold'; padding: 9px 45px !important; -webkit-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ie-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .btn-submit:active { box-shadow: none !important; -webkit-box-shadow: none !important; opacity: 0.6; background: transparent linear-gradient(90deg, #B02C84 0%, #B02C84 100%) 0% 0% no-repeat padding-box; } .btn-submit:focus { color: white !important; } .btn-submit:hover, .btn-shalter:hover { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: white !important; } .btn-submit:hover, .btn-shalter:hover, .btn-submit:focus, .btn-shalter:focus { background-color: #e6e6e6; color: #171b30; } .btn-submit.btn-shalter, .btn-shalter.btn-shalter { background-image: url(../images/zgrada.svg); } .btn-edit { box-shadow: 1px 3px 13px 0px rgba(0, 0, 0, 0.03); background-color: #8f426c; color: white; background-image: url('../images/edit.png'); background-repeat: no-repeat; background-size: 15px; background-position: left 15px top 13px; } .btn-edit:hover, .btn-edit:focus { background-color: #6c3252; color: white; } .btn-blue { background-color: white; color: black !important; box-shadow: 0px 0px 16px 5px #00000012; padding: 9px 45px !important; border-radius: 8px !important; font-family: 'Mulish-Bold'; } .btn-blue:hover, .btn-blue:focus { background: white; opacity: 0.8; } .btn-orange { background-color: #f37352; } .btn-orange:hover { background-color: #f04c22; } .inline { display: inline-block; } .homePadding { position: relative; height: 100%; width: 100%; padding: 50px 0px; } @media (max-width: 768px) { .homePadding { padding-top: 0px; } } .homePadding .mostSearched { position: absolute !important; bottom: 0; right: 0; left: 30px; } @media screen and (max-width: 991px) { .homePadding { padding-left: 0; height: auto; } .advancedMainSearchWrapper .advWrap .entrance h3, .advancedMainSearchWrapper .advWrap .inFocus h3 { font-size: 14px; margin-top: 10px; padding-bottom: 15px !important; } .mainSearchBannerWrapper .advancedMainSearchWrapper .advWrap .inFocus h4 img, .mainSearchBannerWrapper .advancedMainSearchWrapper .advWrap .entrance h4 img { width: 15px !important; height: 15px; margin-left: 0px !important; } .mainSearchBannerWrapper .advancedMainSearchWrapper .advWrap .entrance h4, .advancedMainSearchWrapper .advWrap .inFocus h4 .bolded { font-size: 13px; } .differentColor { color: #1c326d !important; } .advancedMainSearchWrapper .advWrap .entrance .servicesBox, .advancedMainSearchWrapper .advWrap .inFocus .servicesBox { padding: 10px 0px !important; margin-top: 10px; } .advancedMainSearchWrapper .advWrap .inFocus h4 { padding: 8px !important; font-size: 12px !important; } .p15.noItemsAdvanced { padding: 0px !important; } .noItemsAdvanced span { font-size: 12px; } .advancedMainSearchWrapper .helper { padding: 5px; font-size: 13px; } .advancedMainSearchWrapper .advancedMainSearchFooter { flex-direction: column !important; font-size: 12px !important; gap: 10px; } .advancedMainSearchWrapper .advancedMainSearchFooter .inFlex { align-items: center; justify-content: space-between; flex-direction: column !important; } } @media screen and (max-width: 767px) { .advancedMainSearchWrapper .advWrap .entrance .servicesBox ul li, .advancedMainSearchWrapper .advWrap .inFocus .servicesBox ul li { padding-left: 0px; padding-right: 0px; } .advancedMainSearchWrapper .advWrap .entrance .servicesBox ul li a, .advancedMainSearchWrapper .advWrap .inFocus .servicesBox ul li a { font-size: 12px; } #main_content { padding-top: 120px !important; } #headerSection .wrapper { padding-top: 40px; padding: 50px 10px 0 10px; } #headerSection h1 { margin-top: 60px !important; } .eIDBox .plr-40 { padding: 0; } .conRight { padding: 0 30px 0 30px; } #statistics #countStatistics .countInfo { margin-bottom: 20px; } #statistics #countStatistics .countInfo .countLabel { color: rgba(23, 27, 48, 0.45); } #institutuions ul { margin-bottom: 0; } #institutuions ul li a { padding: 10px 0 15px; } #ns-header #navigationBar #categories_events #menuMain.hidden-xs { display: none !important; } #ns-header #navigationBar #categories_events #searchAbc > a { padding: 18px 20px; } #ns-header #topBar #settings .dropdown-menu { right: -15px; } } @media screen and (max-width: 570px) { .advancedMainSearchWrapper .advancedMainSearchFooter .inFlex ul { display: block !important; column-count: 2; } .advancedMainSearchWrapper .advancedMainSearchFooter .inFlex ul li + li { padding-left: 0px !important; border: none; } } .breadcrumbs { margin: 0px; display: block; padding: 12px 10px 2px; background: #fafafa; font-size: 13px !important; position: relative; } .breadcrumbs::before, .breadcrumbs::after { content: ''; position: absolute; height: 100%; top: 0px; background: #fafafa; width: 100%; } .breadcrumbs::before { right: -100%; } .breadcrumbs::after { left: -100%; } .breadcrumbs i { font-size: 18px; display: inline-block; color: #171b30; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 10px; } .breadcrumbs i:hover { color: #38b3e7; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .breadcrumbs span { display: inline-block; vertical-align: top; font-family: Mulish-Bold; } .breadcrumbs span:last-of-type { margin-left: 5px; } .breadcrumbs a { color: #171b30; max-width: 200px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .breadcrumbs a:hover { color: #7143c1; } @media screen and (max-width: 767px) { .breadcrumbs { padding: 7px 5px; display: none; } } .btn-primary.btn-gradient, .btn-default.btn-gradient { color: white !important; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ie-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; border: none; padding: 10px 25px; font-size: 15px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn-primary.btn-gradient:hover, .btn-default.btn-gradient:hover { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn-primary.btn-gradient { background-color: #4ab9e9; } .btn-primary.btn-gradient:hover { background-color: #1da7e3; } .btn-default.btn-gradient { background-color: #f5634a; background-image: -o-linear-gradient(45deg, #f5634a 0%, #fe9419 100%); background-image: -ms-linear-gradient(45deg, #f5634a 0%, #fe9419 100%); background-image: -moz-linear-gradient(45deg, #f5634a 0%, #fe9419 100%); background-image: -webkit-linear-gradient(45deg, #f5634a 0%, #fe9419 100%); background-image: -webkit-gradient(-45deg, #f5634a 0%, #fe9419 100%); } .btn-default.btn-gradient:hover { background-color: #fe9419; background-image: -o-linear-gradient(45deg, #fe9419 0%, #f5634a 100%); background-image: -ms-linear-gradient(45deg, #fe9419 0%, #f5634a 100%); background-image: -moz-linear-gradient(45deg, #fe9419 0%, #f5634a 100%); background-image: -webkit-linear-gradient(45deg, #fe9419 0%, #f5634a 100%); background-image: -webkit-gradient(-45deg, #fe9419 0%, #f5634a 100%); } .institutionsTable .table { table-layout: fixed; } .institutionsTable .table tr td.act-pub, .institutionsTable .table tr th.act-pub { width: 40px; max-width: 40px; text-align: center; } .institutionsTable .table tr td.act-pub i.orangeSmall, .institutionsTable .table tr th.act-pub i.orangeSmall { padding-right: 0px; } .btn.btn-clear { background: white; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: 1px solid #dedede; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; padding: 10px 15px; margin-top: 7px; margin-left: -5px; height: 43px; color: #52bed0; font-size: 18px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn.btn-clear:hover { background: #fafafa; color: black; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mt30 { margin-top: 30px !important; } /*#test*/ .instTabs { margin-right: -15px; margin-left: -15px; } .m0 { margin: 0px !important; } .p0 { padding: 0px !important; } .p10 { padding: 10px !important; } @-webkit-keyframes fadeIn { from { opacity: 0; -webkit-transform: translateY(-100%); } to { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /*region WIZARD*/ .stepwizard-step p { margin-top: 10px; } .stepwizard-row { display: inline-block; float: none; text-align: center; padding: 0 40px; } .stepwizard { display: inline-block; width: auto; position: relative; text-align: center; margin: 0 auto; padding: 0; z-index: 0; } .stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; } .stepwizard-row:before { top: 20px; bottom: 0; position: absolute; content: " "; width: 100%; z-index: 0; left: 0; border-top: 1px dashed #c7c7c7; } .stepwizard-step { display: table-cell; text-align: center; position: relative; } .btn-circle, .btn-circle:active, .btn-circle:hover, .btn-circle:focus { width: 40px; height: 20px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; z-index: 5; position: relative; cursor: default; background-color: #c5c5c5 !important; border: 4px solid #dcdcdc; } .stepwizard-content { border: none !important; float: left !important; margin-top: 0 !important; padding: 15px !important; width: 100% !important; } .wizard { width: 100%; overflow: hidden; text-align: center; margin-top: 20px; margin-bottom: 20px; } .wizard p { margin: 5px 0; font-weight: 400; text-transform: uppercase; font-size: 11px; } .active-state { color: #2097C9; } .active-state a, .active-state a:hover, .active-state a:active, .active-state a:focus { background: #97bee5 !important; border: 4px solid #d4e4f4; cursor: default; } .completed-state a, .completed-state a:hover, .completed-state a:active, .completed-state a:focus { background: #b7cc88 !important; border: 4px solid #dce6c5; cursor: default; } /*#region USERP_ROFILE*/ .serviceDetailsBox { padding: 0px 0px 50px 0px; } @media (max-width: 767px) { .serviceDetailsBox .affixWrap { height: auto !important; } } .serviceDetailsBox .tooltip-inner { word-wrap: break-word; width: 150px !important; height: auto; } .serviceDetailsBox p { margin-bottom: 15px; } .serviceDetailsBox .h2, .serviceDetailsBox h2 { font-size: 18px; margin-top: 0; } .serviceDetailsBox .h3, .serviceDetailsBox h3 { font-size: 16px; } .serviceDetailsBox .h4, .serviceDetailsBox h4 { font-size: 14px !important; line-height: 21px; } .serviceDetailsBox .h5, .serviceDetailsBox h5 { font-size: 13px !important; } .serviceDetailsBox .h6, .serviceDetailsBox h6 { font-size: 12px !important; } .serviceDetailsBox .titleBorder { font-size: 18px; font-family: 'Mulish-Bold'; position: relative; padding-top: 25px; margin-top: 0; /*margin-bottom: 30px;*/ margin-bottom: 15px; } .serviceDetailsBox .serviceIntro h2.noLine { font-size: 18px; font-family: 'Mulish-Bold'; text-transform: uppercase; position: relative; margin: 0px 0px 10px 0; line-height: 26px; } .serviceDetailsBox .serviceIntro h2.noLine:before { display: none; } .serviceDetailsBox h3.blueStrong { color: #38b3e7; font-size: 16px; font-family: 'Mulish-Bold'; margin: 50px 0 30px; } .serviceDetailsBox h4.categoryTitle { color: #38b3e7; margin-top: 35px; font-size: 14px !important; font-family: 'Mulish-Bold'; } .serviceDetailsBox h5 { font-family: 'Mulish-Regular'; padding-bottom: 10px; font-size: 15px !important; margin-top: 25px; position: relative; line-height: 20px; } .serviceDetailsBox h5.border-bottom { font-size: 14px !important; line-height: 20px; } .serviceDetailsBox .proofDocs li { padding-bottom: 15px; } li.conditions::before { content: ''; position: absolute; bottom: -6px; width: 100%; height: 1px; background: #eceded; left: -40px; right: 0px; } .proofDocs .conditions h5.border-bottom { margin-bottom: 0px !important; } .serviceDetailsBox h5 strong { display: inline-block; width: auto; } .serviceDetailsBox .toolTipNoWrap strong { display: unset; width: unset; } .serviceDetailsBox h5 small { display: inline-block; width: 30%; text-align: right; position: absolute; bottom: 15px; } .serviceDetailsBox h5 small > span:after { content: ''; display: block; display: inline-block; width: 12px; height: 12px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ie-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; margin-left: 10px; vertical-align: sub; } .serviceDetailsBox h5 small > span.notReqFile:after { background: #dedede; } .serviceDetailsBox h5 small > span.reqFile:after { background: #fb7474; } .serviceDetailsBox h5 small > span.optFile:after { background: #38b3e7; background: #fb7474; } .serviceDetailsBox .servicePayment { color: #424657; } .serviceDetailsBox .servicePayment .table { margin-top: 20px; } .serviceDetailsBox .servicePayment .table tr { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .serviceDetailsBox .servicePayment .table tr td { padding: 12px 15px !important; vertical-align: middle; } .serviceDetailsBox .servicePayment .table tr td:first-child { white-space: normal; } .serviceDetailsBox .servicePayment .table tr td:last-child { width: 50px; } .serviceDetailsBox .servicePayment .table tr:hover { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #f5f5f6; } .serviceDetailsBox .servicePayment .table small { display: block; } .serviceDetailsBox .servicePayment .table a { cursor: pointer; height: 30px; display: block; width: 25px; } .serviceDetailsBox .servicePayment .table a i { font-size: 28px !important; line-height: 10px; } .serviceDetailsBox .servicePayment .table tfoot { background: #F1F9FF; font-size: 17px; } .serviceDetailsBox .servicePayment .form-group { position: relative; } .serviceDetailsBox .servicePayment .form-group .form-control { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); margin-bottom: 20px; position: relative; font-family: 'Mulish-Bold'; font-size: 15px !important; border: none; padding: 15px 20px; height: 50px; } .serviceDetailsBox .servicePayment .form-group:after { background: white; content: "\f3d0"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: black; width: 60px; height: 50px; position: absolute; right: 0px; bottom: 0px; font-size: 26px !important; padding: 13px 20px; } .serviceDetailsBox .serviceDocs .docWrap { margin-bottom: 30px; } .serviceDetailsBox .serviceDocs .docWrap:before, .serviceDetailsBox .serviceDocs .docWrap:after { clear: both; content: ''; display: table; } .serviceDetailsBox .serviceDocs .docWrap .docDownload { display: inline-block; float: left; margin-right: 10px; margin-top: 10px; } .serviceDetailsBox .serviceDocs .docWrap .docDownload .badge { -webkit-border-radius: 30px !important; -khtml-border-radius: 30px !important; -moz-border-radius: 30px !important; -ie-border-radius: 30px !important; -o-border-radius: 30px !important; -ms-border-radius: 30px !important; border-radius: 30px !important; padding: 7px 15px !important; background-color: #E0E0E4; color: #171b30; font-family: 'Mulish-Regular'; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-right: 5px; } .serviceDetailsBox .serviceDocs .docWrap .docDownload .badge i { color: #171b30; font-size: 22px !important; } .serviceDetailsBox .serviceDocs .docWrap .docDownload .badge:hover { background: #c5c5cc; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .serviceDetailsBox .serviceDocs small > span { color: rgba(23, 27, 48, 0.9); line-height: 1.4; display: inline-block; } .serviceDetailsBox .serviceDocs .delivery-type { font-size: 13px; /* color: #a5a5a5;*/ color: #423b3b; } .serviceDetailsBox .serviceDocs .delivery-type strong, .serviceDetailsBox .serviceDocs .delivery-type span { width: auto !important; } .serviceDetailsBox .download-template { line-height: 0px; display: inline-block; font-size: 25px !important; vertical-align: middle; margin-top: -5px; margin-right: 5px; color: #38b3e7 !important; } .serviceDetailsBox .serviceContact { margin-top: 100px; } .serviceDetailsBox .serviceContact .alert-info { padding: 30px 30px 30px 90px; color: #171b30; background: #f1f9ff; position: relative; font-size: 14px !important; border: none; } .serviceDetailsBox .serviceContact .alert-info img { position: absolute; top: 30px; left: 30px; width: 30px; } .serviceDetailsBox .serviceContact .alert-info > div + div { margin-top: 30px; border-top: 1px solid #dedede; padding-top: 25px; } .serviceDetailsBox .serviceContact .alert-info label { margin-bottom: 0px; font-size: 15px !important; } .serviceDetailsBox .serviceContact .alert-info label + p { font-size: 15px !important; } .serviceDetailsBox .serviceContact .alert-info .contactBody { margin-top: 15px; } .serviceDetailsBox .serviceContact .alert-info .contactBody p + p { margin-top: 3px; } .serviceDetailsBox .serviceContact .alert-info .contactBody a { font-family: 'Mulish-Bold'; } .serviceDetailsBox ul { margin: 0 0 20px 0; padding-left: 5px; } .serviceDetailsBox ul li i { line-height: 10px; display: inline-block; font-size: 40px !important; color: #75B47E; vertical-align: middle; margin-top: -5px; margin-right: 5px; } .serviceDetailsBox .widget { margin: 30px 0; } .serviceDetailsBox .widget.life-events .tags { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .serviceDetailsBox .widget.life-events .tags a:hover { background-color: #f5ebf1; opacity: 0.8; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .serviceDetailsBox .widget.sub-categories .tags { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .serviceDetailsBox .widget.sub-categories .tags a:hover { background-color: #f1f9ff; opacity: 0.8; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .serviceDetailsBox .widget .tags a { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; padding: 15px 20px; border: 1px solid #dcdcdc; border-radius: 8px; color: #171b30; margin-top: 10px; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .serviceDetailsBox .widget .tags a:hover { background-color: #f1f1f1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .serviceDetailsBox .widget .tags a img.image111 { width: 20px; height: 20px; } .serviceDetailsBox .widget .tags a img.image126, .serviceDetailsBox .widget .tags a img.image128 { margin-right: 10px !important; width: 24px; height: 24px; filter: brightness(0.5); } .serviceDetailsBox .widget .tags a img { height: 14px; margin-right: 10px; } .serviceDetailsBox .serviceApply .appsHead { position: relative; } .serviceDetailsBox .serviceApply .appsHead::before { content: ''; position: absolute; left: -25px; top: 15px; width: 5px; height: 70px; background: transparent linear-gradient(90deg, #B02C84 0%, #6991D9 100%) 0% 0% no-repeat padding-box; border-radius: 0px 8px 8px 0px } .serviceDetailsBox .serviceApply .appsHead h3 { margin-top: 0px; padding-top: 0px; } .serviceDetailsBox .serviceApply { -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -ie-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -khtml-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -ie-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -o-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -ms-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); border: 1px solid rgba(220, 220, 220, 0.32); padding: 30px 25px; background-image: url('../images/document-download-bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center right; } .serviceDetailsBox .serviceApply .status { margin-top: 0px; text-align: center; padding: 0px 0 20px; } .serviceDetailsBox .serviceApply .status img { width: 35px; display: inline-block; } .serviceDetailsBox .serviceApply .status small { display: inline-block; font-size: 12px !important; margin-top: 5px; } .serviceDetailsBox .serviceApply .cantApply { width: 50px; margin-bottom: 20px; } .serviceDetailsBox .serviceApply .appsHead { padding: 10px 0 0px; } .serviceDetailsBox .serviceApply .appsHead h3 { color: #171b30; line-height: 19px; } .serviceDetailsBox .serviceApply .appsHead h3 a { font-weight: normal; font-family: 'Mulish-Bold'; display: block; color: black; } @media (max-width: 1200px) and (min-width: 991px) { .serviceDetailsBox .serviceApply .appsHead h3 a { font-size: 12px; } } .serviceDetailsBox .serviceApply .appsHead h3 a:hover { color: #4ab9e9; } .serviceDetailsBox .serviceApply .appsHead h3 span { display: block; font-size: 14px; margin-bottom: 15px; font-family: 'Mulish-Regular'; } .serviceDetailsBox .serviceApply .appsHead h3 label { line-height: 22px; } .serviceDetailsBox .serviceApply .appsHead.pb0 { padding-bottom: 0px; } .serviceDetailsBox .serviceApply .appsBox { border-top: 1px solid #dedede; padding: 20px 0; } .serviceDetailsBox .serviceApply .appsBox h4 { font-size: 15px !important; line-height: 21px; } .serviceDetailsBox .serviceApply .appsBox ul { padding: 0px; margin-bottom: 0; font-size: 14px !important; margin-top: 15px; } .serviceDetailsBox .requestDocs, .serviceDetailsBox .proofDocs { padding-left: 40px; } .serviceDetailsBox .requestDocs a:hover span, .serviceDetailsBox .proofDocs a:hover span { color: #806893; } .serviceDetailsBox .requestDocs .conditions .indicator, .serviceDetailsBox .proofDocs .conditions .indicator { font-size: 25px !important; } .serviceDetailsBox .requestDocs .conditions .indicator:after, .serviceDetailsBox .proofDocs .conditions .indicator:after { display: none; } .serviceDetailsBox .requestDocs .red, .serviceDetailsBox .proofDocs .red { color: #fb7474; } .serviceDetailsBox .requestDocs .indicator, .serviceDetailsBox .proofDocs .indicator { position: absolute; top: 0px; left: -40px; font-size: 32px !important; color: #6c7083; } .serviceDetailsBox .requestDocs .indicator:after, .serviceDetailsBox .proofDocs .indicator:after { content: ''; display: inline-block; width: 20px; height: 20px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ie-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; right: -6px; bottom: -8px; border: 5px solid #ffffff; } .serviceDetailsBox .requestDocs .indicator.notReqFile:after, .serviceDetailsBox .proofDocs .indicator.notReqFile:after { background: #faca6e; } .serviceDetailsBox .requestDocs .indicator.reqFile:after, .serviceDetailsBox .proofDocs .indicator.reqFile:after { background: #de57a6; } .serviceDetailsBox .requestDocs .indicator.optFile:after, .serviceDetailsBox .proofDocs .indicator.optFile:after { background: #acacac; background: #de57a6; } .serviceDetailsBox .requestDocs li, .serviceDetailsBox .proofDocs li { position: relative; } .serviceDetailsBox .requestDocs li:not(.conditions) .indicator, .serviceDetailsBox .proofDocs li:not(.conditions) .indicator { padding: 7px 5px; background: transparent; border: 1px solid transparent; -webkit-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.05); -khtml-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.05); -ie-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.05); -o-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.05); -ms-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.05); box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.05); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ie-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; bottom: auto; top: auto; } .serviceDetailsBox .requestDocs li:not(.conditions) h5, .serviceDetailsBox .proofDocs li:not(.conditions) h5 { padding-left: 70px; } .serviceDetailsBox .serviceStatus { margin-top: 30px; text-align: right; margin-bottom: 10px; } @media screen and (max-width: 767px) { .serviceDetailsBox .serviceStatus { margin-top: 0; margin-bottom: -10px; } } .serviceDetailsBox .serviceStatus a { padding: 10px 15px; display: inline-block; cursor: pointer; border-right: none; text-align: center; color: #444757; border-radius: 3px; width: auto; background: white; position: relative; margin-left: 7px; font-family: 'Mulish-Bold'; } .serviceDetailsBox .serviceStatus a img { width: 20px; height: 20px; } .serviceDetailsBox .serviceStatus a span { color: #444757; } .serviceDetailsBox .serviceStatus a:not(.active) .selected { display: none; } .serviceDetailsBox .serviceStatus a:last-of-type { border: none; } .serviceDetailsBox .serviceStatus a.active .basic { display: none; } .serviceDetailsBox .serviceStatus.serviceButtons a { font-size: 13px !important; background-color: #f8f8f8; display: inline-flex; gap: 15px; align-items: center; justify-content: center; align-content: center; flex-wrap: nowrap; flex-direction: row; border: 1px solid #6532791c; border-radius: 8px; } .serviceDetailsBox .serviceStatus.serviceButtons a span i { font-size: 21px !important; margin-right: 15px; } .serviceDetailsBox .serviceStatus.serviceButtons a span i.blue { top: 5px; position: relative; } .serviceDetailsBox .serviceStatus.serviceButtons a.active { background: #fff; } .serviceDetailsBox .serviceStatus.serviceButtons a.favourites img { width: 28px; } @media screen and (max-width: 767px) { .serviceDetailsBox .serviceStatus.serviceButtons { text-align: left; display: flex; gap: 15px; position: relative; } .serviceDetailsBox .serviceStatus.serviceButtons a { margin: 10px auto 0; width: 50%; } } @media screen and (max-width: 767px) { .serviceDetailsBox { padding-top: 25px; padding-bottom: 100px; } .serviceDetailsBox .titleBorder { margin-top: 50px; } } @media (max-width: 565px) { .alert { font-size: 12px; } } .alert { padding: 10px 20px; -webkit-border-radius: 8px !important; -khtml-border-radius: 8px !important; -moz-border-radius: 8px !important; -ie-border-radius: 8px !important; -o-border-radius: 8px !important; -ms-border-radius: 8px !important; border-radius: 8px !important; color: #171b30; } .alert p { margin: 0px; line-height: 19px; } .alert p.alertImage { display: flex; gap: 15px; align-items: center; justify-content: flex-start; align-content: center; flex-wrap: nowrap; flex-direction: row; } .alert p.alertImage img { width: 25px; height: 25px; } .alert.alert-warning p { margin-bottom: 0px; } .alert.alert-warning { color: black; border-color: transparent; margin-top: 20px; font-size: 14px !important; background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFFF5 43%, #FFFFFFC4 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 25px 40px #E7EAF0BF; border-radius: 8px; } .alert.alert-warning i { font-size: 27px !important; vertical-align: sub; margin-right: 10px; color: #f9956d; line-height: 10px; float: left; } /*#endregion USER_PROFILE*/ .scrollNav { font-family: 'Mulish-Bold'; padding: 0; margin: 0; position: fixed; top: 220px; max-width: 250px; min-width: 250px; z-index: 1; } @media (max-width: 1200px) { .scrollNav { min-width: 215px; max-width: 215px; } .stickyPosition.new .tabsDescription { font-size: 14px; } .scrollNav ul li a, .scrollNav ul li a:focus { font-size: 12px; } .scrollNav.newStickyScrollNav .inlineTicket button.btn-submit.btn { padding: 10px 55px !important; font-size: 12px; } .faqWrap .panel .panel-heading h4 a:after { right: 0px; font-size: 20px !important; } .faqWrap .panel .panel-heading h4 a { font-size: 12px; } .faqWrap.faqList .panel-heading { padding: 0px 15px; } } .scrollNav.secondScrollNav { top: 165px; } .serviceRequest { position: relative; top: 40px; } .scrollNav .innerScrollNav { background: white; padding: 10px 20px; box-shadow: 0px 1px 21px -6px #0000001c; border-radius: 8px !important; position: relative; } .scrollNav .inlineTicket button.btn-submit { min-height: unset; height: auto; width: 100%; padding: 10px 40px !important; margin-top: 20px; text-align: center; } #serviceSpy ul.nav.nav-tabs { margin: 15px 0px; } .innerScrollNav::Before { content: ''; position: absolute; top: 45px; width: 100%; height: 1px; background: #70707029; left: 0px; right: 0px; } .scrollNav ul { margin: 0 0 0 0; border: none; max-width: 210px; } .scrollNav ul li { float: none; margin: 2px 0; } .scrollNav ul li a, .scrollNav ul li a:focus { color: rgba(0, 0, 0, 0.55); cursor: pointer; padding: 8px 15px 8px 8px; border: none; background: transparent; display: block; font-size: 14px !important; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; white-space: nowrap; } .scrollNav ul li a:hover, .scrollNav ul li a:focus:hover { border: none; background: transparent; color: rgba(0, 0, 0, 0.8); } .scrollNav ul li.active a, .scrollNav ul li.active a:focus { border: none; color: #171b30; } .scrollNav ul li.active a:focus:before { content: ''; display: block; height: 10px; width: 10px; background: #8f255d; left: 0px; top: 13px; position: absolute; z-index: 1; background: transparent; border: 1px solid #aa3284; border-radius: 50%; } .scrollNav ul li.active a:hover, .scrollNav ul li.active a:focus:hover { border: none; } .pp50 { padding: 20px !important; background: #DAE0E7 !important; } .pp50 .col-xs-6, .pp50 .col-xs-2, .pp50 .col-xs-4, .pp50 .col-xs-3, .pp50 .col-xs-12 { padding: 0 5px; } .pp50 .form-control, .pp50 input { padding: 3px 8px !important; font-size: 12px !important; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ie-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; margin: 0 0 3px; } .pp50 h6 { color: #c74060 !important; margin: 7px 0 2px; font-size: 10px; text-transform: uppercase; } .pp30 { padding: 20px !important; background: #fbd6dc !important; } .pp30 .col-xs-6, .pp30 .col-xs-2, .pp30 .col-xs-4, .pp30 .col-xs-3, .pp30 .col-xs-12 { padding: 0 5px; } .pp30 .form-control, .pp30 input { padding: 3px 8px !important; font-size: 12px !important; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ie-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .pp30 h6 { color: #d05151 !important; margin: 7px 0 2px; font-size: 10px; text-transform: uppercase; } .sgn { height: 72px !important; } .toast.ng-scope.toast-error::before { content: ''; position: absolute; left: 20px; width: 30px; height: 30px; background: url(../images/toaster-error.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; } .toast.ng-scope.toast-success::before { content: ''; position: absolute; left: 20px; width: 25px; height: 25px; background: url(../images/toaster-success-new.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; } .toast-error { background-color: white; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1) !important; width: 300px; font-size: 14px !important; line-height: 18px; padding: 20px 40px 20px 40px !important; border: 1px solid red; border-radius: 8px !important; width: auto; display: inline-flex; align-items: center; justify-content: space-around; align-content: center; flex-direction: row; gap: 15px; color: black !important; font-family: 'Mulish-Bold'; } .toast-bottom-right { top: 80px !important; } #toast-container > div { margin: 0px; text-align: center; width: 260px !important; color: black !important; margin-bottom: 20px; } button.toast-close-button { display: none; } .toast-success { background-color: white; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1) !important; padding: 20px 30px 20px 50px !important; width: 300px; font-size: 14px !important; line-height: 18px; text-align: left; border-radius: 8px !important; width: auto; text-align: left; border: 1px solid #2ed82ed4; } .toast-success .toast-close-button { text-shadow: none; right: -0.5em; } .servicesList .serviceItem { color: #171b30; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 20px 50px; -webkit-box-shadow: 0px 25px 20px #e7eaf069; -khtml-box-shadow: 0px 25px 20px #e7eaf069; -moz-box-shadow: 0px 25px 20px #e7eaf069; -ie-box-shadow: 0px 25px 20px #e7eaf069; -o-box-shadow: 0px 25px 20px #e7eaf069; -ms-box-shadow: 0px 25px 20px #e7eaf069; background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFFF5 43%, #FFFFFFC4 100%) 0% 0% no-repeat padding-box !important; box-shadow: 0px 25px 20px #e7eaf069; border-radius: 8px; margin-bottom: 20px; position: relative; } .servicesList .serviceItem:first-of-type { margin-top: 25px; } @media screen and (max-width: 767px) { .servicesList .serviceItem:hover { -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background: transparent; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } } .servicesList .serviceItem:before, .servicesList .serviceItem:after { clear: both; content: ''; display: table; } .servicesList .serviceItem a.aInst { color: #38b3e7; font-size: 14px !important; } @media (max-width: 767px) { .servicesList .serviceItem a.aInst { font-size: 11px !important; line-height: 17px; display: inline-block; } } .servicesList .serviceItem a.aInst:hover { color: #7143c1; } .servicesList .serviceItem .serviceStatus { position: absolute; right: -50px; top: 3px; display: block; content: ''; background-color: #a06589; background-image: -o-linear-gradient(45deg, #a06589 0%, #4ab9e9 100%); background-image: -ms-linear-gradient(45deg, #a06589 0%, #4ab9e9 100%); background-image: -moz-linear-gradient(45deg, #a06589 0%, #4ab9e9 100%); background-image: -webkit-linear-gradient(45deg, #a06589 0%, #4ab9e9 100%); background-image: -webkit-gradient(-45deg, #a06589 0%, #4ab9e9 100%); padding: 5px 10px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ie-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border-bottom-right-radius: 0px; } .servicesList .serviceItem .serviceStatus img { width: 22px; height: 22px; } .servicesList .serviceItem .serviceStatus .eIDStatus { color: white; font-family: 'Mulish-Regular'; } .servicesList .serviceItem .serviceStatus:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 15px 0 0; border-color: #4e6e86 transparent transparent transparent; position: absolute; bottom: -10px; right: 0; } .servicesList .serviceItem .serviceIcons { float: right; } .servicesList .serviceItem .serviceIcons a { display: inline-block; padding: 3px 5px; color: #171b30; position: relative; width: 38px; height: 35px; text-align: center; } .servicesList .serviceItem .serviceIcons a img { height: 22px; } .servicesList .serviceItem .serviceIcons a:hover:after { background: #8f426c; height: 5px; left: 0px; right: 0px; position: absolute; bottom: -10px; content: ''; display: block; } .servicesList .serviceItem .serviceIcons a + a { margin-left: 5px; } .servicesList .serviceItem h3 { font-size: 16px; font-family: 'Mulish-Bold'; margin-bottom: 3px; margin-top: 20px; line-height: 21px; } .servicesList .serviceItem .serviceType { color: #7143c1; font-size: 14px !important; } .servicesList .serviceItem .serviceIntro { line-height: 22px; margin-top: 15px; max-height: 115px; overflow: hidden; } .servicesList .serviceItem .serviceLinks { text-transform: uppercase; font-size: 14px !important; margin: 0px; } .deviderTickets { display: flex; justify-content: space-between; } @media (max-width: 625px) { .deviderTickets { flex-direction: column; } } p.serviceLinks.Resolved { padding-right: 50px; margin-top: 0px !important; } .servicesList .serviceItem ap .btn { padding: 9px 20px !important; font-size: 15px !important; } @media screen and (max-width: 991px) { .servicesList .serviceItem.paddingBottom { padding-bottom: 30px !important; } .wordsSpanWrapper { flex-wrap: wrap; bottom: 10px !important; } .wordsSpan { /* padding: 5px 5px !important;*/ font-size: 10px !important; } } .servicesList.appsList .serviceItem { position: relative; margin: 10px 0 0; padding: 20px 25px; } .servicesList.appsList .serviceItem:first-of-type { margin-top: 0px; } .servicesList.appsList .serviceItem .serviceSubmited { color: #B2B2B2; margin-left: 50px; opacity: 0.8; } .servicesList.appsList .serviceItem .serviceSubmited .black { color: #171b30; } .servicesList.appsList .serviceItem .smallGray { display: inline-block; font-size: 11px; color: #8d8e96; } .servicesList.appsList .serviceItem .serviceLinks { text-transform: none; } @media (max-width: 991px) { .servicesList.appsList .serviceItem .serviceLinks { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .servicesList.appsList .serviceItem .serviceLinks small { margin-left: 0px; margin-top: 20px; } } .servicesList.appsList .serviceItem .statusTicket { color: #38b3e7; margin-right: 5px; } .wrapperAdvancedSearch { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .wrapperAdvancedSearch .form-group { margin: 0px !important; position: relative; } .wrapperAdvancedSearch .form-group::before { content: ''; position: absolute; bottom: -10px; background: transparent linear-gradient(270deg, #DB45F659 0%, #50B6FE45 100%) 0% 0% no-repeat padding-box; width: 100%; margin: 0px auto; height: 20px; text-align: center; align-items: center; right: 0px; left: 0px; filter: blur(20px); } .flexOriginal { display: flex; width: 100%; justify-content: flex-end; } button.btn-submitGradient { background: transparent linear-gradient(90deg, #353273 0%, #B02C84 100%) 0% 0% no-repeat padding-box !important; border-radius: 8px !important; padding: 10px 45px; color: white !important; font-family: 'Mulish-Bold'; } button.btn-submitGradient.fullWidth { width: 100%; padding: 12px 45px; } @media (max-width: 600px) { .wrapperAdvancedSearch .flexOriginal .form-group input { width: 100%; height: 45px; padding-right: 88px !important; /* font-size: 12px !important;*/ } .wrapperAdvancedSearch .flexOriginal .form-group { width: 80% !important; } .wrapperAdvancedSearch .form-group .btn-search { height: 45px; } } .wrapperAdvancedSearch .form-group input { border-radius: 8px !important; color: #42415F; font-family: Mulish-Bold; box-shadow: none; width: 100%; outline: none; border: none; min-width: 300px; height: 100%; padding-right: 65px; min-height: 50px; } .wrapperAdvancedSearch .form-group input::placeholder { color: rgba(66, 65, 95, 0.5) !important; } .wrapperAdvancedSearch .form-group input:focus { box-shadow: none !important; border: none; outline: none; } .wrapperAdvancedSearch .form-group .btn-search { background: transparent linear-gradient(135deg, #B70F74 0%, #730C6F 100%) 0% 0% no-repeat padding-box; content: "\f4a4"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: white; width: 55px; height: 50px; position: absolute; right: 0px; top: 0px; font-size: 24px !important; padding: 13px 18px; -webkit-border-radius: 0px 8px 8px 0px; -khtml-border-radius: 0px 8px 8px 0px; -moz-border-radius: 0px 8px 8px 0px; -ie-border-radius: 0px 8px 8px 0px; -o-border-radius: 0px 8px 8px 0px; -ms-border-radius: 0px 8px 8px 0px; border-radius: 0px 8px 8px 0px; } .wrapperAdvancedSearch .form-group .btn-search { font-size: 24px; } .wrapperAdvancedSearch button { margin: 0px; padding: 8px 15px !important; background: #FFFFFF 0% 0% no-repeat padding-box !important; box-shadow: 0px 18px 40px #E7EAF0F2 !important; border-radius: 8px !important; height: 100%; min-height: 50px; margin-left: 15px; } .wrapperAdvancedSearch button img { width: 22px; height: 22px; } .serviceItem pointer itemDetails { box-shadow: 0px 25px 40px #E7EAF0BF; } .servicesList.appsList .serviceItem a.details { color: #4ab9e9; font-size: 25px !important; display: block; padding: 0 10px; line-height: 10px; opacity: 0; position: absolute; cursor: pointer; right: 60px; top: 30px; bottom: 50px; } .servicesList.appsList .serviceItem a.details:hover { color: #1da7e3; } .servicesList.appsList .serviceItem label { cursor: pointer; margin-top: 5px; margin-bottom: 10px; padding-right: 100px; padding-bottom: 10px; border-bottom: 1px solid #E7EAF0BF; word-break: break-word; } @media (max-width: 767px) { .servicesList.appsList .serviceItem label { padding-right: 50px; } .tab-content { padding-bottom: 0px; } } .servicesList.appsList .serviceItem .dateTime label { padding-right: 0; } .servicesList.appsList .serviceItem:hover a.details { opacity: 1; right: 20px; top: 30px; bottom: 50px; } .servicesList.appsList .serviceItem:hover a.details.detailsNew { right: 50px !important; top: 28px !important; } .servicesList.appsList .serviceItem .detailsTop { top: 15px; font-size: 22px !important; bottom: auto; color: #bdbdbd !important; } .affixOnly { display: none; } #serviceAffix.affix-top { position: relative; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #serviceAffix.affix { position: fixed; top: 125px; left: 0; right: 0; padding: 10px 20px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #f1f9ff; z-index: 2; } #serviceAffix.affix .status, #serviceAffix.affix .appsBox, #serviceAffix.affix .appsHead, #serviceAffix.affix img.cantApply { display: none; } #serviceAffix.affix .affixOnly { display: block; } #serviceAffix.affix label.affixOnly { width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #serviceAffix.affix > div { max-width: 1320px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } @media (max-width: 991px) { #serviceAffix.affix > div { max-width: 715px; } } @media (max-width: 767px) { #serviceAffix.affix > div { padding-right: 0px; padding-left: 0px; } } #serviceAffix.affix > div:before, #serviceAffix.affix > div:after { clear: both; content: ''; display: table; } #serviceAffix.affix > div label { float: left; margin: 10px 0; } #serviceAffix.affix > div a { float: right; } .title-wrapper { margin-bottom: 30px; } .titleFixed { position: fixed; top: 120px; left: 0; right: 0; padding: 10px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #f1f9ff; z-index: 2; } .titleFixed .status, .titleFixed .appsBox, .titleFixed .appsHead { display: none; } .titleFixed .affixOnly { display: block; } .titleFixed > div { max-width: 1340px; margin: 0 auto; } .titleFixed > div:before, .titleFixed > div:after { clear: both; content: ''; display: table; } .titleFixed > div label { float: left; margin: 10px 0; } .titleFixed > div label.e-service { margin: 0; display: flex; gap: 10px; align-items: center; justify-content: center; align-content: center; flex-wrap: nowrap; flex-direction: row; } .titleFixed > div label.e-service span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; } .titleFixed > div label.e-service img { width: 35px; height: 35px; } .titleFixed > div label.value { font-family: 'Mulish-Regular'; margin-left: 7px; } .titleFixed > div a { float: right; } .noWhiteWrap { white-space: nowrap; } .flexStartNew { display: flex; align-content: center; align-items: center; gap: 20px; } @media (max-width: 768px) { .flexStartNew { flex-direction: column; align-items: flex-start; } .notifyItem .statusTicket { left: 175px !important; top: 45px !important; } .flexStartNew.ml20 { margin-left: 0px !important; } } /*#region USER_NOTIFICATIONS*/ .notifyItem { display: flex; align-items: center; justify-content: space-between; gap: 50px; padding: 10px 30px; color: #171b30; background: rgba(255, 255, 255, 0.5); height: auto; -webkit-box-shadow: 0px 25px 40px #e7eaf033; -khtml-box-shadow: 0px 25px 40px #e7eaf033; -moz-box-shadow: 0px 25px 40px #e7eaf033; -ie-box-shadow: 0px 25px 40px #e7eaf033; -o-box-shadow: 0px 25px 40px #e7eaf033; -ms-box-shadow: 0px 25px 40px #e7eaf033; background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFFF5 43%, #FFFFFFC4 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 25px 40px #e7eaf033; border-radius: 8px; margin: 5px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; } .notifyItem label { display: block; cursor: pointer; overflow: hidden; } .notifyItem p { font-size: 15px !important; } .notifyItem small { font-size: 14px !important; } .notifyItem small span { display: block; font-size: 11px; color: #aaa; } .notifyItem .statusTicket { color: #ef9a84; position: absolute; left: 25px; top: 17px; } .actionBtnsWrapper { display: flex; float: right; gap: 10px; } .actionBtnsWrapper a { cursor: pointer; } .actionBtnsWrapper .details img { transform: rotate(90deg); } .notifyItem a.details:hover { color: #1da7e3; } .notifyItem .actionBtns a:hover { color: #434757; } .notifyItem .actionBtns img { cursor: pointer; max-width: 30px; } .notifyItem.seenNotification { background: rgba(247, 247, 247, 0.7); -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; color: #434757; } @media (max-width: 991px) { .notifyItem.seenNotification { margin-bottom: 20px; } } .notifyItem.seenNotification label { color: #292435; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .notifyItem.seenNotification .statusTicket { color: #dadedb; } .notifyItem.seenNotification:hover { background: rgba(228, 229, 233, 0.55); -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; color: #171b30; } .notifyItem.seenNotification:hover label { color: #434757; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .notifyItem:hover { background: #fafafa; background: rgba(228, 229, 233, 0.15); background: rgba(220, 234, 239, 0.5); -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .notifyItem:hover a.details { opacity: 1; right: 15px; } /*#endregion USER_NOTIFICATIONS*/ .luft { padding: 30px 15px; } .action { padding: 0px 5px; } .action a { font-size: 14px !important; cursor: pointer; } .action a i { font-size: 25px !important; vertical-align: sub; padding-right: 5px; cursor: pointer; color: #434757; } .action a:hover i { color: #434757; } .pagination { margin: 40px 0; } .pagination li a { border: none; } .pagination li a:hover { background-color: #3768bd1a; } .tooltip-inner { word-wrap: break-word; width: 150px !important; } .requestDocs ul, .proofDocs ul { padding-left: 0px !important; } .requestDocs ul li, .proofDocs ul li { margin: 10px 0; font-size: 14px !important; } .requestDocs ul .red, .proofDocs ul .red { color: #fb7474; } .requestDocs ul .indicator, .proofDocs ul .indicator { position: absolute; top: 0px; left: -40px; font-size: 32px !important; color: #e5e5e5; } .requestDocs ul .indicator:after, .proofDocs ul .indicator:after { content: ''; display: block; display: inline-block; width: 12px; height: 12px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ie-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; left: 10px; top: 20px; } .requestDocs ul .indicator.notReqFile:after, .proofDocs ul .indicator.notReqFile:after { background: #faca6e; } .requestDocs ul .indicator.reqFile:after, .proofDocs ul .indicator.reqFile:after { background: #fb7474; } .requestDocs ul .indicator.optFile:after, .proofDocs ul .indicator.optFile:after { background: #38b3e7; } .requestDocs ul li, .proofDocs ul li { position: relative; } .requestDocs ul h5, .proofDocs ul h5 { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 5px; font-size: 15px !important; margin-top: 25px; position: relative; line-height: 20px; font-family: 'Mulish-Bold'; } .requestDocs ul h5 .block, .proofDocs ul h5 .block { display: block; margin-top: 5px; font-family: 'Mulish-Regular'; font-size: 14px !important; } .requestDocs ul p, .proofDocs ul p { font-size: 13px !important; color: #999; } .requestDocs ul .actionBtns, .proofDocs ul .actionBtns { position: absolute; right: 10px; top: 8px; } .requestDocs ul .actionBtns img, .proofDocs ul .actionBtns img { cursor: pointer; } .proofDocs ul .actionBtns.newUpdated { height: 100%; margin: auto 0; display: flex; align-items: center; justify-content: flex-end; align-content: center; flex-wrap: nowrap; right: 25px; gap: 15px; position: unset; width: auto !important; } .proofDocs ul .actionBtns.newUpdated img { width: 20px; height: 20px !important; object-fit: contain; } .proofDocs ul li img { height: auto !important; } .requestDocs ul .actionBtns i, .proofDocs ul .actionBtns i { font-size: 24px !important; color: #777777; cursor: pointer; display: inline-block; width: 25px; float: none; margin: 0 auto; line-height: 10px; } .requestDocs ul .actionBtns i.blue:hover, .proofDocs ul .actionBtns i.blue:hover { color: #38b3e7; } .requestDocs ul .actionBtns i.red:hover, .proofDocs ul .actionBtns i.red:hover { color: #7143c1; } .requestDocs h4, .proofDocs h4 { margin-top: 40px; margin-bottom: 0; font-size: 16px; font-family: 'Mulish-Bold'; color: #38b3e7; padding: 0 5px; } .requestDocs h4 small, .proofDocs h4 small { font-family: 'Mulish-Regular'; display: block; } .preview-pdf object { height: 1000px; } .profileView .tabsContent { background: rgba(244, 245, 248, 0.8); border-radius: 0 30px 30px 0; } .profileView .proofDocs ul li { padding-left: 40px; position: relative; } .profileView .proofDocs ul li .indicator { left: 0; } .userProfile .proofDocs ul li { padding-left: 15px; position: relative; } .userProfile .proofDocs ul li .indicator { left: 0 !important; } .uploadDocs.attFiles #myForm { margin-top: 3px; margin-right: 3px; } .uploadDocs.attFiles .btn-primary, .uploadDocs.attFiles .btn-default { color: white !important; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ie-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; border: none; padding: 2px 12px; font-size: 23px !important; vertical-align: sub; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .uploadDocs.attFiles .btn-primary:hover, .uploadDocs.attFiles .btn-default:hover { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .uploadDocs.attFiles .btn-primary { background-color: #4ab9e9; } .uploadDocs.attFiles .btn-primary:hover { background-color: #1da7e3; } .uploadDocs.attFiles .btn-primary:hover:after { display: none !important; } .uploadDocs.attFiles a:after { display: none !important; } .pullTop { margin-top: -62px; } p.serviceIntro * { font-size: 14px; } .categoryList { margin: 30px 0 0px; } .categoryList .profileHeader img { max-width: 60px; } .categoryList .profileHeader img.lifeE { max-height: 30px; } .categoryList .profileHeader i { font-size: 36px !important; vertical-align: sub; padding-right: 10px; color: #434757; line-height: 10px; } .categoryList h3 strong { font-family: 'Mulish-Regular'; font-size: 28px; } @media (max-width: 767px) { .categoryList h3 strong { font-size: 14px; } .categoryList { margin-top: 0px; } } .categoryList .servicesList .serviceItem h3 { margin-top: 15px; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fff; opacity: 0.5; } .widgetBox { padding: 48px 0px; } .widgetBox .labelSideTitle { margin-top: 18px; font-size: 16px; margin-bottom: 15px; display: block; padding-left: 15px; } .widgetBox:before, .widgetBox:after { clear: both; content: ''; display: table; } .widgetBox .widget .categoryName { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 15px; } .widgetBox .widget .orangeTxt { color: #a0a0a0; opacity: 1; } .widgetBox .widget > label { margin-top: -13px; font-size: 16px; margin-bottom: 15px; display: none; } .widgetBox .widget .tags a { display: inline-block; padding: 5px 10px; border: 1px solid #dedede; color: #171b30; margin-top: 10px; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .widgetBox .widget .tags a:hover { color: white; border: 1px solid #7143c1; background: #F5634A; background: -moz-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: -webkit-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: linear-gradient(-45deg, #fbb885 0%, #f5634a 100%); -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .loadingData { text-align: center; padding: 200px 20px; font-size: 14px !important; color: #434757; background: rgba(255, 255, 255, 0.9); opacity: 1; font-weight: bold; z-index: 3 !important; position: fixed; width: 100%; box-shadow: none; top: 118px; left: 0; letter-spacing: 1px; right: 0; bottom: 0; } .loadingData span:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 100px !important; color: #c4ccd0; display: block; text-align: center; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .noRecords { text-align: center; padding: 50px 20px 150px 20px; font-size: 14px !important; color: #434757; } .noRecords span:before { content: "\f44c"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 70px !important; color: #e5e5e5; display: block; text-align: center; } .noRecords.noComments span:before { content: "\f3f9"; content: "\f11f"; } .noCert { text-align: center; font-size: 14px !important; color: #434757; } .noCert span:before { content: "\f29c"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 80px !important; color: #e5e5e5; display: block; text-align: center; } .noCert.noComments span:before { content: "\f3f9"; content: "\f11f"; } .sideMenu .widgetBox .tags { display: block; } .sideMenu .widgetBox .tags a { border: none; font-family: 'Mulish-Bold'; color: #171b30; display: block; text-align: left; padding: 11px 15px; border-bottom: 0px solid #e5e5e5; position: relative; margin: 2px 0; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sideMenu .widgetBox .tags a:hover, .sideMenu .widgetBox .tags a.active { background: #f5f5f6; border: none; color: #171b30; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sideMenu .widgetBox .tags a.active { position: relative; background: transparent; } .sideMenu .widgetBox .tags a.active:before { content: ''; display: block; height: 100%; width: 4px; background-color: #8f426c; left: 0; top: 0; position: absolute; z-index: 2; } .ext { position: inherit !important; margin-top: 60px; margin-left: -20px; padding: 40px; background: rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .halfBgProfile .checkPlugins .theBlock { margin: 30px 0; } .halfBgProfile .checkPlugins label { font-size: 14px !important; margin-bottom: 10px; } .halfBgProfile .checkPlugins h4 { margin-bottom: 5px; margin-top: 5px; } .halfBgProfile .checkPlugins a { margin-top: 10px; } .halfBgProfile .checkPlugins .bigStatus { font-size: 50px !important; color: #38b3e7; background: -webkit-linear-gradient(#4ab9e9, #5ac3b9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 10px; margin-top: 0px; display: inline-block; } .halfBgProfile .checkPlugins .bigStatus:before { background: #38b3e7; background: -webkit-linear-gradient(#4ab9e9, #5ac3b9); -webkit-background-clip: text; } .halfBgProfile .checkPlugins .bigStatus.toDo { color: #d5d5e2; background: transparent; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; } .halfBgProfile .checkPlugins .bigStatus.toDo:before { background: transparent; -webkit-background-clip: inherit; } .halfBgProfile .checkPlugins small { font-size: 13px !important; line-height: 17px; display: inline-block; margin-bottom: 20px; border-top: 1px solid #e5e5e5; padding-top: 5px; } .halfBgProfile .checkPlugins small.blue { color: #8a8e9e; } .halfBgProfile .checkPlugins small.red { color: #7143c1; } .halfBgProfile .checkPlugins .alert-warning { padding: 20px 40px 20px 60px; position: relative; background-color: rgba(251, 243, 230, 0.5); } .halfBgProfile .checkPlugins .alert-warning:before { position: absolute; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 27px !important; margin-right: 10px; color: #f9956d; line-height: 10px; content: "\f44c"; left: 20px; top: 25px; } .halfBgProfile .checkPlugins .alert-warning p + p { margin-top: 15px; border-top: 1px solid #efe0c8; padding-top: 15px; } /*#region Apply Online*/ .applyOnline { display: block; padding: 0px 0 0px; background-repeat: no-repeat; background-position: left top; margin-top: 30px; } .applyOnline .ui-select-multiple.ui-select-bootstrap.form-control { background-color: transparent; padding: 0 !important; height: auto !important; } .applyOnline .ui-select-multiple.ui-select-bootstrap.form-control .ui-select-match .ui-select-match-item { margin: 7px 4px; } .applyOnline .ui-select-multiple.ui-select-bootstrap.form-control input { background: #f5f5f6 !important; height: 42px !important; margin-top: 15px; } .applyOnline .ui-select-multiple.ui-select-bootstrap.form-control:after { height: 42px; position: absolute; bottom: 0; top: auto; z-index: 99999; } .applyOnline .ui-select-multiple.ui-select-bootstrap.form-control.open:after { display: none; } .applyOnline .ui-select-multiple > ul.ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu.ng-scope { display: contents; } .applyOnline ::-webkit-scrollbar { width: 3px; height: 3px; } .applyOnline ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); } .applyOnline ::-webkit-scrollbar-thumb { background: #4ab9e9; } .applyOnline .help-block { color: #ff6969 !important; font-size: 12px !important; margin-bottom: 10px; font-weight: bold; } .applyOnline:before, .applyOnline:after { clear: both; content: ''; display: table; } .applyOnline .checkPlugins .theBlock { margin: 30px 0; } .applyOnline .checkPlugins label { font-size: 14px !important; margin-bottom: 10px; } .applyOnline .checkPlugins h4 { margin-bottom: 5px; margin-top: 5px; } .applyOnline .checkPlugins a { margin-top: 10px; } .applyOnline .checkPlugins .bigStatus { font-size: 50px !important; color: #38b3e7; background: -webkit-linear-gradient(#4ab9e9, #5ac3b9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 10px; margin-top: 0px; display: inline-block; } .applyOnline .checkPlugins .bigStatus:before { background: #38b3e7; background: -webkit-linear-gradient(#4ab9e9, #5ac3b9); -webkit-background-clip: text; } .applyOnline .checkPlugins .bigStatus.toDo { color: #d5d5e2; background: transparent; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; } .applyOnline .checkPlugins .bigStatus.toDo:before { background: transparent; -webkit-background-clip: inherit; } .applyOnline .checkPlugins small { font-size: 13px !important; line-height: 17px; display: inline-block; margin-bottom: 20px; border-top: 1px solid #e5e5e5; padding-top: 5px; } .applyOnline .checkPlugins small.blue { color: #8a8e9e; } .applyOnline .checkPlugins small.red { color: #7143c1; } .applyOnline .checkPlugins .alert-warning { padding: 20px 40px 20px 60px; position: relative; background-color: rgba(251, 243, 230, 0.5); } .applyOnline .checkPlugins .alert-warning:before { position: absolute; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 27px !important; margin-right: 10px; color: #f9956d; line-height: 10px; content: "\f44c"; left: 20px; top: 25px; } .applyOnline .checkPlugins .alert-warning p + p { margin-top: 15px; border-top: 1px solid #efe0c8; padding-top: 15px; } .applyOnline .applyNow { padding-top: 50px; padding-bottom: 50px; } .applyOnline .applyNow .alertTotal { background-color: #ff696917; border-color: #ebccd1; position: relative; top: 0; left: 0; right: 0; margin: 15px 0 !important; } .applyOnline .applyNow .alertTotal p { color: #b94545; font-size: 13px; } .applyOnline .applyNow .basic-questions.affix { padding-top: 80px; } .applyOnline .applyNow .basic-questions hr { display: none; } .applyOnline .applyNow .basic-questions .btn-justified-wrapper > div { margin: 0 -15px; margin-bottom: 40px; display: inline-block; } .applyOnline .applyNow .basic-questions .btn-justified-wrapper > div .form-control-static label { display: block; position: relative; padding-left: 35px; margin-bottom: 35px; cursor: pointer; font-size: 22px !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .applyOnline .applyNow .basic-questions .btn-justified-wrapper > div .form-control-static label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .applyOnline .applyNow .basic-questions .btn-justified-wrapper > div .form-control-static label span { padding-left: 25px; text-indent: 15px; white-space: nowrap; font-size: 14px !important; line-height: 22px; } .applyOnline .applyNow .basic-questions .btn-justified-wrapper > div .form-control-static span { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyOnline .applyNow .basic-questions .btn-justified-wrapper > div .form-control-static label:hover input ~ span { background-color: #ccc; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyOnline .applyNow .basic-questions .btn-justified-wrapper > div .form-control-static label input:checked ~ span { background-color: #38b2e7; } .applyOnline .applyNow .basic-questions .btn-justified-wrapper > div .form-control-static span:after { content: ""; position: absolute; display: none; } .applyOnline .applyNow .basic-questions .btn-justified-wrapper > div .form-control-static label input:checked ~ span:after { display: block; } .applyOnline .applyNow .basic-questions .btn-justified-wrapper > div .form-control-static label span:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; } .applyOnline .applyNow .basic-questions .schema-form-select { position: relative; margin-bottom: 25px; } .applyOnline .applyNow .basic-questions .schema-form-select select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; -webkit-border-radius: 0px !important; -khtml-border-radius: 0px !important; -moz-border-radius: 0px !important; -ie-border-radius: 0px !important; -o-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); -khtml-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); -ie-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); margin-bottom: 20px; position: relative; font-family: 'Mulish-Bold'; font-size: 14px; border: none; padding: 15px 10px; } @media (max-width: 1500px) { .applyOnline .applyNow .basic-questions .schema-form-select select { margin-bottom: 60px; } } .applyOnline .applyNow .basic-questions .schema-form-select:after { content: "\f3d0"; display: inline-block; font-family: Ionicons; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: black; width: 60px; height: 37px; position: absolute; right: 1px; top: 35px; font-size: 26px !important; padding: 13px 20px; line-height: 14px; } .applyOnline .applyNow .basic-questions .schema-form-select label { padding-left: 0; } .applyOnline .applyNow .formBody .form-control { border-radius: 50px; height: 48px !important; line-height: 20px; font-size: 15px !important; } @media screen and (max-width: 991px) { .applyOnline .applyNow .formBody { min-height: 0; } .applyOnline .applyNow h3 { font-size: 20px !important; } } .applyOnline .applyNow h3 { font-size: 24px; line-height: 30px; margin-bottom: 30px; padding-bottom: 30px; position: relative; margin-bottom: 50px; } .applyOnline .applyNow .ui-select-toggle { height: 42px !important; color: #828694; cursor: default; overflow: hidden; } .applyOnline .applyNow .form-control { height: 42px !important; box-shadow: none; border: 1px solid #dadada; background: white; padding: 10px 20px !important; } .applyOnline .applyNow bootstrap-decorator .list-group-item { background: transparent; border: none; padding: 0 55px 5px 0; margin-top: 10px; } .applyOnline .applyNow bootstrap-decorator .list-group-item .close { font-size: 25px !important; right: 0px; top: 35px; opacity: 1; color: #b1b1b1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 0 !important; } .applyOnline .applyNow bootstrap-decorator .list-group-item .close:hover { color: #fb7777; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyOnline .applyNow bootstrap-decorator button.btn-default { margin-top: 0px; padding-left: 1px; padding-right: 60px !important; box-shadow: none !important; padding-left: 20px !important; } .applyOnline .applyNow bootstrap-decorator ol.list-group li.list-group-item:after { content: ''; border-bottom: 1px dashed #dadada; height: 1px; width: 100%; position: absolute; bottom: 0px; } .applyOnline .applyNow .alert-info { color: #69b8d1; font-family: 'Mulish-Bold'; line-height: 1.2; text-align: center; } .applyOnline .applyNow label { color: rgba(0, 0, 0, 0.8); margin-bottom: 10px; font-size: 14px; } .applyOnline .applyNow label.np-breadcrumb-title { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 767px) { .applyOnline .applyNow label.np-breadcrumb-title { white-space: unset; } } .applyOnline .apply-form-control { padding-top: 0px !important; padding-bottom: 100px !important; position: relative; z-index: 1; } .applyOnline .apply-form-control .btn-default { padding-right: 75px; position: relative; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ie-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; height: 56px; text-transform: uppercase; font-family: 'Mulish-Bold'; border: 1px solid #e1e1e1; } .applyOnline .apply-form-control .btn-default:hover { background-color: transparent; } .applyOnline .apply-form-control .btn-default:hover .glyphicon-plus:after { background-color: rgba(80, 189, 216, 0.5); -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyOnline .apply-form-control .btn-default .glyphicon-plus { position: inheirt; text-transform: none; } .applyOnline .apply-form-control .btn-default .glyphicon-plus:before { position: absolute; right: 8px; height: 40px; width: 40px; background-color: #4ab9e9; line-height: 40px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ie-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: white; top: 0; bottom: 0; margin: auto; z-index: 1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyOnline .apply-form-control .schema-form-tabarray-left { margin-top: 50px; position: relative; } .applyOnline .apply-form-control .schema-form-tabarray-left > div { position: inheirt; width: 100%; } .applyOnline .apply-form-control .schema-form-tabarray-left .nav-tabs { text-transform: uppercase; font-weight: bold; font-size: 14px !important; border-bottom: none; margin-right: 43px; } .applyOnline .apply-form-control .schema-form-tabarray-left .tab-content { margin-top: 0; display: block; padding: 30px 50px !important; border: 1px solid #dfdfdf; margin-bottom: 20px; } .applyOnline .apply-form-control .schema-form-tabarray-left .tab-content .btn-default { padding-right: 75px; position: relative; border: none; height: 50px; text-transform: uppercase; font-family: 'Mulish-Bold'; border: 1px solid #e1e1e1; } .applyOnline .apply-form-control .schema-form-tabarray-left .tab-content .btn-default:hover { background-color: transparent; } .applyOnline .apply-form-control .schema-form-tabarray-left .tab-content .btn-default i { position: inheirt; text-transform: none; } .applyOnline .apply-form-control .schema-form-tabarray-left .tab-content .btn-default i:before { position: absolute; right: 10px; height: 35px; width: 35px; line-height: 35px; border-radius: 3px; background-color: #806893; color: white; top: 0; bottom: 0; margin: auto; z-index: 1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 12px !important; } .applyOnline .apply-form-control .schema-form-tabarray-left fieldset { margin-top: 0 !important; } .applyOnline .apply-form-control .schema-form-tabarray-left fieldset legend { padding-top: 0; text-align: left; margin-bottom: 45px; } .applyOnline .apply-form-control .schema-form-tabarray-left fieldset legend:after { right: auto; } .applyOnline .apply-form-control .schema-form-checkbox { margin-bottom: 20px; } .applyOnline .form-control, .applyOnline select { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; position: relative; color: rgba(0, 0, 0, 0.6); font-size: 15px; border: 1px solid #dadada; padding: 15px 10px; height: 50px; margin-bottom: 0; -webkit-appearance: none; } .applyOnline fieldset legend { font-size: 18px; font-family: 'Mulish-Bold'; text-transform: uppercase; color: rgba(51, 51, 102, 0.5); border-bottom: none; padding: 25px 0 20px; text-align: center; position: relative; } .applyOnline fieldset legend:after { content: ''; display: block; width: 50px; height: 3px; background-color: #33ccff; left: 0; right: 0; bottom: 0px; margin: auto; position: absolute; } .applyOnline .form-group { position: relative; margin-bottom: 20px !important; } .applyOnline .form-control-feedback.glyphicon-remove { color: #a94442; display: none; } .applyOnline .npNoShadow { margin-bottom: 150px; padding-top: 20px; } .applyOnline .npNoShadow .form-control { -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: none; overflow: auto !important; background: #f5f5f6; } .applyOnline .npNoShadow .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .applyOnline .npNoShadow .form-control:hover { border-color: #66afe9; } .applyOnline .npNoShadow .form-control::placeholder { color: rgba(0, 0, 0, 0.6); font-weight: 100 !important; } .applyOnline .npNoShadow .input-group .input-group-addon { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .applyOnline .npNoShadow .nav-tabs { text-transform: uppercase; font-weight: bold; font-size: 14px !important; border-bottom: none; min-width: 180px; margin-bottom: 30px; position: relative; width: 100%; } .applyOnline .npNoShadow .nav-tabs li a { border: none; color: #333366; margin-bottom: 5px; margin-right: 5px; padding: 18px 18px; font-size: 12px !important; line-height: 1.2; background-color: #eff5f8; border: 1px solid #eff5f8; text-align: center; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ie-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .applyOnline .npNoShadow .nav-tabs li.active a { background-color: rgba(73, 185, 233, 0.2); } .applyOnline .npNoShadow .nav-tabs li:last-of-type a { background-color: white; border: 1px solid #e1e1e1; } .applyOnline .npNoShadow .nav-tabs li:last-of-type a:hover { background-color: #eeeeee; } .applyOnline .npNoShadow .nav-tabs li:last-of-type a:hover .glyphicon { background-color: #cce1ea; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyOnline .npNoShadow .tab-content { padding-bottom: 0px !important; padding-left: 10px; padding-right: 10px; margin-top: 15px; } .applyOnline .npNoShadow legend { font-size: 18px; padding: 20px 0 20px; } .applyOnline .schema-form-select { position: relative; } .applyOnline .schema-form-select select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; -webkit-border-radius: 0px !important; -khtml-border-radius: 0px !important; -moz-border-radius: 0px !important; -ie-border-radius: 0px !important; -o-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; position: relative; } .applyOnline .schema-form-select select:after { content: "\f3d0"; display: inline-block; font-family: Ionicons; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: black; width: 60px; height: 37px; position: absolute; right: 1px; top: 1px; font-size: 26px !important; padding: 13px 20px; line-height: 14px; } .applyOnline .schema-form-select label { padding-left: 0; } .applyOnline .schema-form-select select { -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ie-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background-color: transparent; border-bottom: 1px solid #bfbfbf; padding: 0px; line-height: 1; color: rgba(0, 0, 0, 0.65); } .applyOnline .ui-select-container { position: relative; } .applyOnline .ui-select-container .caret { display: none; } .applyOnline .ui-select-container:after { content: "\f3d0"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: black; width: 60px; height: 37px; position: absolute; right: 1px; top: 1px; font-size: 26px !important; padding: 13px 20px; line-height: 14px; } .applyOnline .form-control:focus { border: 1px solid #38b3e7 !important; background: white !important; } .applyOnline .has-success .checkbox, .applyOnline .has-success .checkbox-inline, .applyOnline .has-success .control-label, .applyOnline .has-success .help-block, .applyOnline .has-success .radio, .applyOnline .has-success .radio-inline, .applyOnline .has-success.checkbox label, .applyOnline .has-success.checkbox-inline label, .applyOnline .has-success.radio label, .applyOnline .has-success.radio-inline label { color: #171b30; } .applyOnline input[type=checkbox], .applyOnline input[type=radio] { zoom: 1.6; display: inline-block; position: relative; width: auto; vertical-align: sub; margin: 3px; } .applyOnline .form-group.schema-form-textarea textarea { min-height: 110px; max-width: 100% !important; } .mb50 { margin-bottom: 50px; } .mb15 { margin-bottom: 15px !important; } .has-success .form-control:focus { border-color: transparent; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .has-error .checkbox, .has-error .checkbox-inline, .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: #ff6969; margin: 0px; font-size: 13px !important; } .has-error .radio, .has-error .checkbox { margin: 4px 0 0; } .has-error input[type=radio], .has-error input[type=checkbox] { zoom: 1.6; display: inline-block; position: relative; width: auto; vertical-align: sub; margin: 3px; } .has-error input[type=radio] + span, .has-error input[type=checkbox] + span { font-size: 15px !important; color: black; } .has-error .control-label { color: #171b30; } .has-error .form-control { border: 1px solid #ff6969 !important; background: white !important; margin-bottom: 3px; } .has-error .form-control:focus { border: 1px solid #ff6969 !important; background: white !important; box-shadow: none; } .has-error.schema-form-select:after { bottom: 22px !important; } /*#region apply form*/ .applyNow > div p { color: #6a6d7d; line-height: 1.5; } .schema-form-array { border: 1px solid #ddd; padding: 5px 30px 5px; margin-bottom: 40px; margin-top: 40px; } .schema-form-array > label { padding-left: 0 !important; font-family: 'Mulish-Bold'; display: none; } .schema-form-array legend { text-align: left !important; } .schema-form-array legend:after { right: auto !important; } #affixApplyService .affix-visible, #affixApplyService1 .affix-visible { display: none; } #affixApplyService.affix, #affixApplyService1.affix { position: fixed; top: 117px; left: 0; right: 0; z-index: 4; padding-top: 0; background-color: white; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1); text-align: center; } @media screen and (max-width: 767px) { #affixApplyService.affix, #affixApplyService1.affix { top: 172px; } } #affixApplyService.affix .affix-visible, #affixApplyService1.affix .affix-visible { display: inline-block; } @media screen and (max-width: 767px) { #affixApplyService.affix .affix-visible, #affixApplyService1.affix .affix-visible { width: 100%; } } #affixApplyService.affix .affix-visible .row .person, #affixApplyService1.affix .affix-visible .row .person, #affixApplyService.affix .affix-visible .row .language, #affixApplyService1.affix .affix-visible .row .language { display: inline-block; float: left; text-align: left; padding: 13px 0 6px 30px; } #affixApplyService.affix .affix-visible .row .person label, #affixApplyService1.affix .affix-visible .row .person label, #affixApplyService.affix .affix-visible .row .language label, #affixApplyService1.affix .affix-visible .row .language label, #affixApplyService.affix .affix-visible .row .person span, #affixApplyService1.affix .affix-visible .row .person span, #affixApplyService.affix .affix-visible .row .language span, #affixApplyService1.affix .affix-visible .row .language span { display: inline-block; } #affixApplyService.affix .affix-visible .row .person label, #affixApplyService1.affix .affix-visible .row .person label, #affixApplyService.affix .affix-visible .row .language label, #affixApplyService1.affix .affix-visible .row .language label { padding-right: 10px; padding-left: 0; font-family: 'Mulish-Regular'; margin-bottom: 0; } #affixApplyService.affix .affix-visible .row .person label span, #affixApplyService1.affix .affix-visible .row .person label span, #affixApplyService.affix .affix-visible .row .language label span, #affixApplyService1.affix .affix-visible .row .language label span { font-family: 'Mulish-Regular'; } #affixApplyService.affix .affix-visible .row .person span, #affixApplyService1.affix .affix-visible .row .person span, #affixApplyService.affix .affix-visible .row .language span, #affixApplyService1.affix .affix-visible .row .language span { font-family: 'Mulish-Bold'; } #affixApplyService.affix .affix-hide, #affixApplyService1.affix .affix-hide { display: none; } #affixApplyService.affix .service-title, #affixApplyService1.affix .service-title { display: inline-block; width: 50%; float: left; } #affixApplyService.affix .formBody, #affixApplyService1.affix .formBody { min-height: 0; display: inline-block; width: 50%; float: left; padding-left: 15px; } #affixApplyService.affix h3, #affixApplyService1.affix h3 { font-size: 14px !important; font-family: 'Mulish-Bold'; padding: 7px 0 0; margin: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 30px; text-align: left; } @media screen and (max-width: 767px) { #affixApplyService.affix h3, #affixApplyService1.affix h3 { margin-bottom: 15px; } } #affixApplyService.affix h3:after, #affixApplyService1.affix h3:after { background: #4ab9e9; background: -moz-linear-gradient(45deg, #4ab9e9 0%, #5ac3b9 100%); background: -webkit-linear-gradient(45deg, #4ab9e9 0%, #5ac3b9 100%); background: linear-gradient(45deg, #4ab9e9 0%, #5ac3b9 100%); bottom: -4px; } #affixApplyService.affix p, #affixApplyService1.affix p { display: none; } #affixApplyService.affix .affix-container, #affixApplyService1.affix .affix-container { max-width: 1140px; margin: auto; } @media screen and (max-width: 1199px) { #affixApplyService.affix .affix-container, #affixApplyService1.affix .affix-container { max-width: 970px; padding: 0 15px; } } @media screen and (max-width: 991px) { #affixApplyService.affix .affix-container, #affixApplyService1.affix .affix-container { max-width: 750px; padding: 0 15px; } #affixApplyService.affix .affix-container .person, #affixApplyService1.affix .affix-container .person, #affixApplyService.affix .affix-container .language, #affixApplyService1.affix .affix-container .language { background-position: left top 5px; } } #affixApplyService.affix .certificates, #affixApplyService1.affix .certificates { display: block; } #affixApplyService.affix .person, #affixApplyService1.affix .person { padding-left: 30px; background-image: url('../images/apply-icon.png'); background-size: 18px; background-repeat: no-repeat; background-position: left top 13px; width: 70%; } #affixApplyService.affix .language, #affixApplyService1.affix .language { padding-left: 30px; background-image: url('../images/language-icon.png'); background-size: 18px; background-repeat: no-repeat; background-position: left top 13px; width: 30%; } .ui-select-choices-row { z-index: 999 !important; position: relative; background-color: white; } .ui-select-choices-group { background-color: white; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.16); } bootstrap-decorator .form-control.ui-select-multiple { position: relative; margin-bottom: 60px !important; height: auto; } bootstrap-decorator .form-control.ui-select-multiple > div { border-radius: 20px; z-index: 999; position: relative; } bootstrap-decorator .form-control.ui-select-multiple .ui-select-match-item.btn.btn-default { height: auto; } bootstrap-decorator .form-control.ui-select-multiple .ui-select-match { z-index: 0 !important; } bootstrap-decorator .form-control.ui-select-multiple .ui-select-match .btn-default { position: relative; border: none; height: 60px; text-transform: uppercase; font-family: 'Mulish-Bold'; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25); padding-right: 16px !important; margin: 0px 10px 0 0; } /*#endregion apply form*/ /*#endregion Apply Online*/ /*#region loaders*/ .loader { height: 4px; width: 100%; position: fixed; top: 118px; overflow: hidden; background-color: #fff; background-color: rgba(169, 169, 169, 0.1); z-index: 99999; left: 0; } .loader:before { display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 4px; background-color: #58c3f7; animation: loading 2s linear infinite; z-index: 1; } @keyframes loading { from { left: -200px; width: 30%; } 50% { width: 30%; } 70% { width: 70%; } 80% { left: 50%; } 95% { left: 120%; } to { left: 100%; } } .loader2 { display: inline-block; width: 64px; height: 64px; position: fixed; top: 0; z-index: 99999; left: 0; bottom: 0; right: 0; } .loader2:after { content: " "; display: block; border-radius: 50%; width: 0; height: 0; margin: 6px; box-sizing: border-box; border: 26px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-hourglass 1.2s infinite; top: 50%; left: 50%; position: fixed; transform: translate(-50%, -50%); } .loader2:before { background: rgba(23, 27, 48, 0.5); content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; } @keyframes lds-hourglass { 0% { transform: rotate(0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { transform: rotate(900deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { transform: rotate(1800deg); } } .loader3 { display: inline-block; width: 64px; height: 64px; position: fixed; top: 0; z-index: 99999; left: 0; bottom: 0; right: 0; } .loader3:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1.2s linear infinite; top: 50%; left: 50%; position: fixed; transform: translate(-50%, -50%); } .loader3:before { background: rgba(23, 27, 48, 0.5); content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loader4 { position: fixed; top: 0; z-index: 99999; left: 0; bottom: 0; right: 0; } .loader4:after { content: " "; display: block; border-radius: 50%; width: 64px; height: 64px; border: 6px solid white; border-top: 6px solid rgba(255, 255, 255, 0.2); animation: rotating 1.2s infinite linear; top: 50%; left: 50%; position: fixed; } .loader4:before { background: rgba(23, 27, 48, 0.7); content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; } @keyframes rotating { 100% { transform: rotate(360deg); } } /*#endregion loaders*/ .submitTicketBox { padding: 10px 20px; } .submitTicketInstance img { width: 50px; max-width: 100%; display: block; margin: 0 auto; } .appDetails .serviceItem { -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); background: rgba(255, 255, 255, 0.9); cursor: default; } .appDetails .serviceItem:hover { -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); } .appDetails .serviceItem h4 { font-size: 17px; margin-bottom: 20px; } .appDetails .serviceItem p { margin-top: 15px; margin-left: 0px; } .appDetails .serviceItem p span { font-size: 14px !important; display: block; } .appDetails .serviceItem p strong { font-size: 14px !important; } .appDetails ul { padding: 0px; } .appDetails ul h5 { margin: 0px; font-size: 16px !important; } .appDetails .appInstanceService li { margin: 25px 0 0; } .appDetails .appInstanceService li > div { background: rgba(228, 229, 233, 0.5); padding: 28px 30px; padding-left: 30px; position: relative; } .appDetails .appInstanceService li .fancyBox { background: url(../images/document-download-bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 20px 20px; box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); border: 1px solid rgba(220, 220, 220, 0.32); min-height: 200px; border-radius: 8px; } .appDetails .appInstanceService li .fancyBox h5 { position: relative; border-bottom: 0px; margin-top: 15px; } a.downloadDocument { color: white; font-family: Mulish-Bold; background: transparent linear-gradient(90deg, #353273 0%, #B02C84 100%) 0% 0% no-repeat padding-box; border-radius: 8px; padding: 5px 15px; right: 15px; position: relative; display: flex; } a.downloadDocument img { width: 20px; height: 20px; } a.downloadDocument span { font-size: 12px; margin-right: 8px; } a.downloadDocument.disabled { background: grey; pointer-events: none; cursor: default; opacity: 0.6; } .appDetails .appInstanceService li .fancyBox h5::before { content: ''; position: absolute; left: -20px; top: -15px; height: 60px; width: 5px; border-radius: 0px 8px 8px 0px; background: transparent linear-gradient(90deg, #48C3F3 0%, #6991D9 100%) 0% 0% no-repeat padding-box; } .appDetails .appInstanceService li > div p { margin-top: 9px; padding-right: 40px; } .appDetails .appInstanceService li > div .indicator { top: 20px; left: 25px !important; color: rgba(113, 67, 193, 0.5); } .appDetails .appInstanceService li > div .actionBtns { position: absolute; right: 0px; bottom: 10px; display: flex; width: 100%; justify-content: space-between; align-items: center; top: auto; } .appDetails .serviceStatus { margin-top: -7px; padding: 10px 0; display: block; float: right; text-transform: none; font-size: 14px !important; } .appDetails .serviceStatus i { color: #38b3e7; padding-right: 10px; } .appDetails .serviceStatus strong { display: inline-block; color: #171b30; font-family: 'Mulish-Bold'; font-size: 15px; } .appDetails h3 { padding-bottom: 15px; margin-bottom: 0; } .appDetails .serviceLinks { position: relative; margin-bottom: 0px !important; } .appDetails .serviceLinks span { display: inline-block !important; } .appDetails .serviceLinks .details { bottom: 5px !important; right: 0px !important; } .appDetails .serviceLinks .noLink { cursor: default !important; } .ticektDetails .itemDetails { -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1); background: white; padding: 20px 30px; } .ticektDetails .itemDetails p strong { color: #171b30; } .ticektDetails .commentDocs { padding-left: 10px !important; } .ticektDetails .ticketContent p { margin-bottom: 15px; } .ticektDetails .ticketContent p span { font-family: 'Mulish-Regular' !important; } .ticektDetails .ticketContent p label span { font-family: 'Mulish-Bold' !important; } .ticektDetails .ticketContent label { font-size: 14px !important; } .ticektDetails .ticketContent ul li h5 { padding-bottom: 7px; font-size: 14px !important; } .ticektDetails .ticketContent ul li:hover h5 { color: #4ab9e9; } .ticektDetails label { margin: 0px; } .ticektDetails .ticketContent { padding: 0; font-size: 14px !important; } .ticektDetails .tab-content { background: transparent; } .ticektDetails .pullUp { margin-top: -30px; text-transform: uppercase; } .ticektDetails .nav.nav-tabs { margin-top: 40px; } .ticektDetails .nav.nav-tabs > li { float: left !important; } .ticektDetails .nav.nav-tabs > li a { color: rgba(0, 0, 0, 0.5); cursor: pointer; } .ticektDetails .nav.nav-tabs > li a label { cursor: pointer; font-size: 14px !important; text-transform: uppercase; } .ticektDetails .nav.nav-tabs > li a i { font-size: 30px !important; line-height: 10px; color: #171b30; } .ticektDetails .nav.nav-tabs > li a:hover { background-color: #f5f5f5; border-color: transparent; } .ticektDetails .nav.nav-tabs > li.active a { border: 1px solid transparent; border-bottom: 2px solid #38b2e6; color: black; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .ticektDetails .nav.nav-tabs > li.active a i { font-size: 30px !important; line-height: 10px; color: #38b3e7 !important; } .userProfile.appDetails .nav.nav-tabs { margin-top: 40px; } .userProfile.appDetails .nav.nav-tabs > li { float: left !important; } .userProfile.appDetails .nav.nav-tabs > li a { color: rgba(0, 0, 0, 0.5); cursor: pointer; } .userProfile.appDetails .nav.nav-tabs > li a label { cursor: pointer; font-size: 14px !important; text-transform: uppercase; } .userProfile.appDetails .nav.nav-tabs > li a i { font-size: 30px !important; line-height: 10px; color: #171b30; } .userProfile.appDetails .nav.nav-tabs > li a:hover { background-color: #f5f5f5; border-color: transparent; } .userProfile.appDetails .nav.nav-tabs > li.active a { border: 1px solid transparent; border-bottom: 2px solid #38b2e6; color: black; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; } .userProfile.appDetails .nav.nav-tabs > li.active a i { font-size: 30px !important; line-height: 10px; color: #38b3e7 !important; } /*#region timeline*/ .timelineWrap { margin-bottom: 50px; } .timelineWrap .timeline { list-style: none; padding: 20px 0 40px; position: relative; width: 500px; margin: 20px auto; } .timelineWrap .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #e5e6e8; left: 50%; margin-left: -1.5px; } .timelineWrap .timeline > li { margin-bottom: 0px; position: relative; } .timelineWrap .timeline > li:before, .timelineWrap .timeline > li:after { content: " "; display: table; clear: both; } .timelineWrap .timeline > li > .timeline-panel { width: 40%; float: left; padding: 20px 0; position: relative; } .timelineWrap .timeline > li > .timeline-badge { color: #fff; width: 22px; height: 22px; line-height: 50px; font-size: 1.4em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -11px; background-color: #97BEE5; z-index: 0; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ie-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 5px solid #d4e4f4; } .timelineWrap .timeline > li .disabled-badge { color: #AAAAAA !important; width: 22px; height: 22px; line-height: 50px; font-size: 1.4em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -11px; background-color: #AAAAAA; z-index: 0; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ie-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 5px solid #d0d0d0; } .timelineWrap .timeline > li .timeline-title { color: #97BEE5 !important; text-transform: uppercase; font-size: 14px !important; line-height: 18px; margin-top: 0; color: inherit; white-space: normal; word-break: break-word; } .timelineWrap .timeline > li .disabled-title { color: #AAAAAA !important; text-transform: uppercase !important; cursor: no-drop !important; } .timelineWrap .timeline > li:nth-of-type(2n + 1) > .timeline-badge { background-color: #f7947a; border: 5px solid #fcd6cc; } .timelineWrap .timeline > li:nth-of-type(2n + 1) .timeline-title { color: #f7947a !important; } .timelineWrap .timeline > li:nth-of-type(2n + 1) > .timeline-panel { float: right; } .timelineWrap .timeline > li:nth-of-type(2n + 1) > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timelineWrap .timeline > li:nth-of-type(2n + 1) > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timelineWrap .timeline > li:nth-of-type(3n + 1) > .timeline-badge { background-color: #b7cc88; border: 5px solid #dce6c5; } .timelineWrap .timeline > li:nth-of-type(3n + 1) .timeline-title { color: #b7cc88 !important; } .timelineWrap .timeline .timeline-body > p { margin-bottom: 0; } .timelineWrap .timeline .timeline-body > p + p { margin-top: 5px; } .timelineWrap .timeline .timeline-body > ul { margin-bottom: 0; } .timelineWrap .timeline .timeline-body label { font-size: 14px !important; margin-top: 10px; margin-bottom: 0px; } .timelineWrap .timeline .timeline-body span { font-size: 14px !important; } .timelineWrap .timeline small { font-size: 14px !important; } @media screen and (max-width: 767px) { ul.timeline:before { left: 40px; } ul.timeline > li > .timeline-panel { width: calc(10%); width: -moz-calc(10%); width: -webkit-calc(10%); } ul.timeline > li > .timeline-badge { left: 15px; margin-left: 0; top: 16px; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } } /*#endregion timeline*/ .eIDprofile { position: relative; background: #FCFDFE; } .eIDprofile:empty { display: none; } .eIDprofile .halfBgProfile { position: relative; } .eIDprofile .halfBgProfile .left { background: #F5F7FA; position: absolute; width: 35%; display: flex; justify-content: flex-end; height: 100%; padding: 50px 0px; min-height: 70vh; bottom: 0px; } @media (max-width: 1400px) { .eIDprofile .halfBgProfile .right { padding-right: 10%; } } @media (max-width: 767px) { #ns-header #topBar #settings:hover { background: linear-gradient(126deg, #ae1f74, #75186e) !important; } } @media (max-width: 991px) { #ns-header #topBar #settings p::before { /*background: url(../images/postavki.svg);*/ background: url(../images/wheelchair.svg); } #ns-header #topBar #settings:hover p::before { /*background: url(../images/postapki_new_hover.svg);*/ background: url(../images/wheelchair-hover.svg); } #ns-header #topBar #settings.active { background: transparent linear-gradient(120deg, #FFFFFF 0%, #EAECF3 100%) 0% 0% no-repeat padding-box !important; } #ns-header #topBar #settings.active p:before { /* background: url(../images/postapki_new_hover.svg);*/ background: url(../images/wheelchair-hover.svg); } .eIDprofile .halfBgProfile .left { min-height: unset; } .eIDprofile .halfBgProfile .right { min-height: unset; } } .eIDprofile .halfBgProfile .left .profileMenuCollapse { position: relative; width: 380px; } .eIDprofile .halfBgProfile .right { padding-left: 37%; width: 100%; padding-right: 16%; padding-top: 50px; padding-bottom: 50px; min-height: 70vh; } @media (max-width: 1400px) { .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label { font-size: 12px; } .menuItemsWrapper .profileItem a::before { width: 20px; height: 20px; top: 11px; } .profileMenu .profileItem a { padding-right: 0px; font-size: 12px !important; } .profileHeader h3 { font-size: 14px; margin-left: 15px; } .flexItem .flexIn.flexLeft h3 { font-size: 14px; text-transform: uppercase; } .flexItem .flexIn.flexLeft .o6 { font-size: 12px; } } @media (max-width: 1360px) { .eIDprofile .halfBgProfile .left { width: 35%; } } @media (max-width: 1650px) { .eIDprofile .halfBgProfile .right { padding-right: 11%; padding-left: 34%; } .eIDprofile .halfBgProfile .left { width: 32%; } } .flexDropdown { display: flex; justify-content: flex-end; align-content: flex-end; align-items: center; } .flexDropdown .loginBar { white-space: nowrap; } .upgradeWrapperEID { background: #dfdfdf42 0% 0% no-repeat padding-box; border-radius: 8px; text-align: left; padding: 10px 15px; } .upgradeWrapperEID a { position: relative; display: block; } .upgradeWrapperEID a::before { content: ''; right: 15px; width: 20px; height: 20px; background: url(../images/arrow.svg); position: absolute; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } span.full_name_system::before { content: ''; position: absolute; right: 0; width: 20px; height: 20px; background: url(../images/chevron.svg); background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .upgradeWrapperEID:hover a::before { right: 0px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .wrapperDiv .eIdProfileLevel { width: 40%; max-height: 200px; border-radius: 8px; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; } .wrapperDiv .eIdProfileLevel .eIdProfileStatus { height: 100%; border-radius: 8px; background: url(../images/nivo-eid-bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; box-shadow: 1px 5px 50px 0px #0000000d; } .wrapperDiv .eIdProfileLevel .eIdProfileStatus .textWrapper { display: flex; flex-direction: column; margin-top: 0px; margin-left: 0px; position: relative; font-size: 19px; line-height: 21px; gap: 10px; padding: 15px 30px; height: 100%; justify-content: space-between; } .eidStatusText { font-size: 25px; padding-top: 10px; font-family: 'Mulish-ExtraBold'; } .customTooltipRight .eidProfileDisclaimerTooltipNew span, .eidProfileDisclaimer span { font-size: 14px; font-family: 'Mulish-Regular' !important; } .customTooltipRight .eidProfileDisclaimerTooltipNew span strong span, .eidProfileDisclaimer span strong span { font-family: 'Mulish-ExtraBold' !important; padding: 0px; font-size: 14px; } .wrapperDiv .eIdProfileLevel .eIdProfileStatus .textWrapper::before { content: ''; position: absolute; left: 0px; height: 80px; width: 5px; border-radius: 0px 8px 8px 0px; } .wrapperDiv .eIdProfileLevel .eIdProfileStatus .textWrapper.visoko::before { background: transparent linear-gradient(0deg, #F21A3E 0%, #FF99AA 100%) 0% 0% no-repeat padding-box; } .wrapperDiv .eIdProfileLevel .eIdProfileStatus .textWrapper.osnovno::before { background: transparent linear-gradient(0deg, #30E782 0%, #B7F3D3 100%) 0% 0% no-repeat padding-box; } .wrapperDiv .eIdProfileLevel .eIdProfileStatus .textWrapper.nisko::before { /* background: transparent linear-gradient(0deg, #FAD942 0%, #FEF0B3 100%) 0% 0% no-repeat padding-box;*/ background: linear-gradient(90deg, #B02C84 0%, #6991D9 100%); } .wrapperDiv .eIdProfileLevel .eIdProfileStatus .textWrapper span { font-family: Mulish-ExtraBold; } .wrapperDiv .eIdProfileLevel .eIdProfileStatus .textWrapper span.differentSpan { color: #3768BD; } .upgradeWrapperEID a span { color: #292435; font-family: 'Mulish-Bold'; } @media (max-width: 991px) { .eIDprofile .flex { flex-direction: column; margin-top: 30px; } .eIDprofile .actionBtnsNew .flex { flex-direction: row; } .eIDprofile .halfBgProfile .left { width: 100%; position: relative; display: block; padding: 0; } .eIDprofile .halfBgProfile .left .profileMenuCollapse { position: relative; width: 100%; height: 100%; top: 0; } .eIDprofile .halfBgProfile .right { padding: 0 20px 30px 20px; margin-top: 0px; } } @media (max-width: 767px) { .eIDprofile .flex { margin-top: 0px !important; flex-direction: row; } .eIDprofile .halfBgProfile .left .profileMenuCollapse { top: 105px; } .eIDprofile .halfBgProfile .right { margin-top: 80px; } .wrapperDiv .eIdProfileLevel .eIdProfileStatus .textWrapper::before { height: 50%; } } /*#region PAYMENT STATUS*/ .paymentStatus { max-width: 500px; display: block; margin: 100px auto; text-align: center; } .paymentStatus i { font-size: 100px !important; } .paymentStatus h4 { font-family: 'Mulish-Bold'; margin-bottom: 30px; font-size: 16px; } .paymentStatus.statusSuccess i { color: #b7cc88; } .paymentStatus.statusFail i { color: #d7d7dc; } /*#endregion PAYMENT STATUS*/ /*#region INSTANCE PAYMENT*/ .casysPayment { padding-bottom: 150px; } .casysPayment .proceedCasys { margin-top: 15px; } .casysPayment .proceedCasys .alert-warning { padding-right: 30px; } .casysPayment .proceedCasys .alert-warning:before, .casysPayment .proceedCasys .alert-warning:after { clear: both; content: ''; display: table; } .casysPayment .proceedCasys .alert-warning p { margin-top: 5px; } .casysPayment .instancePayment { padding-bottom: 100px; } .casysPayment .instancePayment .userProfile { padding: 35px 0 10px; } .casysPayment .instancePayment .userProfile .service-payment { margin-bottom: 20px; } .casysPayment .instancePayment .alert p { margin: 0px; line-height: 19px; } .casysPayment .instancePayment .m40 { margin-top: 40px; } .casysPayment .instancePayment .pFix { padding: 135px 0 0px 85px; } .casysPayment .instancePayment .pFix2 { padding: 55px 0 0px 85px; margin-bottom: 20px; } .casysPayment .instancePayment h4 { font-size: 17px; font-family: 'Mulish-Bold'; margin-bottom: 30px; } .casysPayment .instancePayment h4 .orange { font-size: 14px !important; color: #7143c1; font-family: 'Mulish-Regular'; display: block; margin-top: 5px; } .casysPayment .instancePayment .f15 { font-size: 15px !important; } .casysPayment .instancePayment p { font-size: 14px !important; margin-bottom: 20px; } .casysPayment .instancePayment p label { margin-top: 5px; color: #696d7b; } .casysPayment .instancePayment p.statusInstance { font-family: 'Mulish-Bold'; font-size: 15px !important; margin-bottom: 22px; } .casysPayment .instancePayment p.statusInstance i { color: #38b3e7; padding-right: 10px; } .casysPayment .instancePayment .valueInstance { font-family: 'Mulish-Regular'; margin-top: 15px; color: #424657; } .casysPayment .instancePayment label { font-size: 14px !important; } .casysPayment .instancePayment span.blue { color: #38b3e7; font-family: 'Mulish-Bold'; } .casysPayment .instancePayment .table { margin-top: 10px; border-collapse: inherit; border-spacing: 0px 15px !important; } .casysPayment .instancePayment .table a { display: inline-block !important; margin-top: 15px; vertical-align: sub; padding-right: 20px; } .casysPayment .instancePayment .table tfoot tr td { background-color: #e1eff3; } .casysPayment .instancePayment .table tr { background-color: white; box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); } .casysPayment .instancePayment .table tr td { padding: 10px 25px !important; vertical-align: middle; border-bottom: 1px solid rgba(220, 220, 220, 0.3); border-top: 1px solid rgba(220, 220, 220, 0.3) !important; white-space: normal; } .casysPayment .instancePayment .table tr td:first-child { white-space: normal; } .casysPayment .instancePayment .table tr td .row:before, .casysPayment .instancePayment .table tr td .row:after { height: 0; display: none; } .casysPayment .instancePayment .table tr td:first-of-type { border-left: 1px solid rgba(220, 220, 220, 0.3); padding-right: 0 !important; } .casysPayment .instancePayment .table tr td:last-of-type { border-right: 1px solid rgba(220, 220, 220, 0.3); } .casysPayment .instancePayment .table tr td.w50 { width: 50px; vertical-align: top; } .casysPayment .instancePayment .table tr td .edit-price { display: table; vertical-align: middle; margin: auto 0 auto auto; text-align: right; } .casysPayment .instancePayment .table tr td .edit-price a, .casysPayment .instancePayment .table tr td .edit-price strong { display: table-cell !important; } .casysPayment .instancePayment .table tr td .edit-price strong { min-width: 80px; } .casysPayment .instancePayment .table tr td .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; } .casysPayment .instancePayment .table tr td .checkbox label { display: inline-block; position: relative; padding-left: 35px; margin-bottom: 0px; cursor: pointer; font-size: 22px !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .casysPayment .instancePayment .table tr td .checkbox label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; margin: 0px !important; left: 0; } .casysPayment .instancePayment .table tr td .checkbox span { position: absolute; display: inline-block; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .casysPayment .instancePayment .table tr td .checkbox label:hover input ~ span { background-color: #ccc; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .casysPayment .instancePayment .table tr td .checkbox label span { padding-left: 25px; text-indent: 15px; white-space: nowrap; font-size: 14px !important; line-height: 22px; } .casysPayment .instancePayment .table tr td .checkbox label input:checked ~ span { background-color: #87d1f1; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ie-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .casysPayment .instancePayment .table tr td .checkbox span:after { content: ""; position: absolute; display: none; } .casysPayment .instancePayment .table tr td .checkbox label input:checked ~ span:after { display: inline-block; } .casysPayment .instancePayment .table tr td .checkbox label span:after { left: 9px; top: 5px; width: 7px; height: 13px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .casysPayment .instancePayment .table.inP { margin-bottom: 0px; } .casysPayment .instancePayment .table.inP tr td:first-child { padding: 15px 28px !important; } .casysPayment .instancePayment .table small { display: block; } .casysPayment .instancePayment .table a { cursor: pointer; height: 20px; display: block; width: 25px; } .casysPayment .instancePayment .table a i { font-size: 25px !important; line-height: 10px; } .casysPayment .instancePayment .table tfoot { background: #F1F9FF; font-size: 17px; } .casysPayment .instancePayment .form-group { position: relative; } .casysPayment .instancePayment .form-group .form-control { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); -khtml-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); -ie-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08); margin-bottom: 20px; position: relative; font-family: 'Mulish-Bold'; font-size: 14px !important; border: none; padding: 15px 10px; height: 50px; } .casysPayment .instancePayment .form-group:after { background: white; content: "\f3d0"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: black; width: 40px; height: 50px; position: absolute; right: 0px; bottom: 0px; font-size: 20px !important; padding: 15px 10px; } .casysPayment .instancePayment input[type=checkbox], .casysPayment .instancePayment input[type=radio] { zoom: 1.6; } .casysPayment .instancePayment h5 { font-size: 15px !important; margin-top: 5px; margin-bottom: 30px; padding-top: 20px; color: #424657; } .casysPayment .instancePayment .whiteBox h5 { margin: 0px; margin-bottom: 20px; } select option { font-family: 'Mulish-Regular' !important; color: black; font-size: 14px; } /*#endregion INSTANCE PAYMENT*/ .whiteBox { -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); background: white; padding: 30px 40px 50px; } .whiteBox .boxHead { padding: 0 25px; } .blueBold { color: #38b3e7 !important; font-family: 'Mulish-Bold'; } .marginFix .dropdown-menu { margin-top: 7px !important; max-width: 570px; white-space: nowrap; max-height: 250px; overflow-Y: auto; } .marginFix .dropdown-menu > li > a { white-space: normal; } .modal-content textarea { max-width: 100%; min-width: 100%; } .modal-cert { width: 1000px !important; } .ticketStatus .Submitted .ion-record, .ticketStatus .Submitted .indicator { color: #38b3e7; } .ticketStatus .Assigned .ion-record, .ticketStatus .Assigned .indicator { color: #9abfce !important; } .ticketStatus .Sent.Institution .ion-record, .ticketStatus .Sent.Institution .indicator { color: #c7c7c7 !important; } .ticketStatus .Assigned.Institution .ion-record, .ticketStatus .Assigned.Institution .indicator { color: #9faab8 !important; } .ticketStatus .Resolved .ion-record, .ticketStatus .Resolved .indicator { color: #a7cc87 !important; } .ticketStatus .Invalid .ion-record, .ticketStatus .Invalid .indicator { color: #dc8484 !important; } .ticketStatus .Returned .ion-record, .ticketStatus .Returned .indicator { color: #e0cea4 !important; } .uploadedDocuments i { color: #000000; font-size: 30px !important; vertical-align: sub; padding-right: 10px; } .uploadedDocuments em { color: black; font-size: 20px !important; vertical-align: sub; padding: 0 5px; float: right; font-style: normal; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height: 5px; } .uploadedDocuments em:hover { color: red; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .uploadedDocuments p { padding: 10px 15px; font-size: 13px !important; background: rgba(78, 188, 219, 0.1); border-bottom: 1px solid white; border-radius: 8px; margin-bottom: 0 !important; } .uploadedDocuments p span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; padding-right: 20px; } .attFiles .btn-primary { color: white !important; -webkit-border-radius: 3px !important; -khtml-border-radius: 3px !important; -moz-border-radius: 3px !important; -ie-border-radius: 3px !important; -o-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; border: none; padding: 10px 25px; font-size: 15px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: none !important; background-color: #4ab9e9; padding: 2px 13px !important; font-size: 13px !important; font-size: 23px !important; vertical-align: sub; position: relative; z-index: 2; } .attFiles .btn-primary i { font-size: 20px; margin-right: 5px; line-height: 10px; vertical-align: text-top; } .attFiles .btn-primary:hover { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .attFiles .btn-primary:hover, .attFiles .btn-primary:focus { background-color: #1da7e3; } .attFiles #myForm { white-space: nowrap; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { filter: alpha(opacity=50); opacity: .5; } .inlineBlock { display: inline-block; } .f14 { font-size: 14px !important; } .tickContent p * { font-family: 'Mulish-Regular' !important; } .tickContent strong, .tickContent b { font-family: 'Mulish-Bold' !important; } /*#region chat*/ ul.ticketTimeline { list-style-type: none; position: relative; margin: 30px 0px 0; } @media (max-width: 991px) { ul.ticketTimeline { padding: 0px 15px; } .servicesList.appsList .serviceItem { margin-bottom: 20px; } } ul.ticketTimeline label { font-size: 14px !important; padding-bottom: 5px; margin-bottom: 5px; } ul.ticketTimeline .attFilesComment { border-top: 1px dashed #e5e5e5; padding-top: 5px; } ul.ticketTimeline .attFilesComment a { cursor: pointer; font-size: 13px !important; } ul.ticketTimeline .attFilesComment a:hover { color: #7143c1; } .moreComments { cursor: pointer; display: block; margin-top: 20px; } ul.ticketTimeline > li { margin: 25px 0 !important; padding: 20px 25px; position: relative; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-left: 60px !important; margin-right: 0px !important; border-left: 1px solid #f3f3f3; } ul.ticketTimeline > li .avatar { position: absolute; left: -70px; top: 25px; font-size: 30px !important; background: #f5f5f6; border-radius: 30px; width: 50px; height: 50px; text-align: center; line-height: 50px; } ul.ticketTimeline > li .avatar i { color: rgba(67, 71, 87, 0.2); } ul.ticketTimeline > li.myComment { margin-right: 60px !important; margin-left: 0px !important; background: #f1f9ff; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border-left: 0px solid #f1f9ff; } ul.ticketTimeline > li.myComment .avatar { left: auto; right: -70px; background: #f1f9ff; } ul.ticketTimeline > li.myComment:hover { background: #f1f9ff; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } ul.ticketTimeline > li small { color: #96979c; font-size: 90%; } .mt50 { margin-top: 50px; } .commentDocs { padding-left: 40px !important; } .commentDocs li:hover h5 { color: black; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .commentDocs .indicator { top: -12px !important; left: -40px !important; } .commentDocs h5 { border: none !important; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .commentDocs .actionBtns { right: 10px !important; } .theComment p { margin-bottom: 5px; } .theComment > div { width: 100% !important; margin: 0px !important; font-family: 'Mulish-Regular' !important; font-size: 13px !important; line-height: 20px; } .theComment > div p * { font-family: 'Mulish-Regular' !important; } .theComment > div strong, .theComment > div b { font-family: 'Mulish-Bold' !important; } /*#endregion chat*/ .smallSelect select { font-size: 13px !important; padding: 8px 15px; margin-top: -10px; } .halfBgProfile .checkPlugins .ext { margin-top: 0px; margin-left: 0px; } .halfBgProfile .checkPlugins .ext.resources { width: 100% !important; } .halfBgProfile .checkPlugins .theBlock { margin: 0px; padding: 20px 0px; } .halfBgProfile .checkPlugins .theBlock + .theBlock { margin-top: 50px; } .schema-form-fieldset .tab-content { background-image: none; background-color: transparent; padding-bottom: inheirt; } /*#region custom check radio*/ .applyNow .checkbox label { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .applyNow .checkbox label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .applyNow .checkbox span { white-space: normal !important; } .applyNow .checkbox:before { position: absolute; content: ''; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyNow .checkbox label:hover input ~ span { background-color: #ccc; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyNow .checkbox label span { padding-left: 0px; text-indent: 0; white-space: nowrap; font-size: 14px !important; line-height: 20px; word-break: break-word; display: inline-block; vertical-align: super; } .applyNow .checkbox label input:checked ~ span:before { background-color: #38b2e7; content: ""; height: 25px; width: 25px; position: absolute; left: 0px; } .applyNow .checkbox span:after { content: ""; position: absolute; display: none; } .applyNow .checkbox label input:checked ~ span:after { display: block; } .applyNow .checkbox label span:after { left: 9px; top: 5px; width: 7px; height: 13px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .applyNow .radio label { display: block; position: relative; padding-left: 35px; margin-bottom: 20px; cursor: pointer; font-size: 22px !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .applyNow .radio label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .applyNow .radio span { white-space: normal !important; } .applyNow .radio:before { position: absolute; content: ''; top: 0; left: 0; height: 25px; width: 25px; border-radius: 50%; background-color: #eee; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyNow .radio label span { padding-left: 0px; text-indent: 0; white-space: nowrap; font-size: 14px !important; line-height: 20px; word-break: break-word; display: inline-block; vertical-align: super; } .applyNow .radio label:hover input ~ span { background-color: #ccc; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyNow .radio label input:checked ~ span:before { background-color: #38b2e7; content: ""; height: 25px; width: 25px; position: absolute; left: 0px; border-radius: 50%; } .applyNow .radio span:after { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyNow .radio label:hover input ~ span { background-color: #ccc; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyNow .radio label input:checked ~ span:after { display: block; } .applyNow .radio span:after { content: ""; position: absolute; display: none; } .applyNow .radio label input:checked ~ span:after { display: block; } .applyNow .radio label span:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; } .applyNow .form-control { font-size: 13px; } .applyNow .control-label { font-size: 14px; } /*#endregion custom check radio*/ .has-error .input-group-addon { color: #555; background-color: #fb7777; border-color: #fb7777; } .has-success .form-control:focus { border-color: #dadada; } .has-success .form-control-feedback { color: #88c57a; top: 30px; display: none; } .has-success .input-group-addon { border-color: #dadada; } .sideWidget { position: fixed; right: 0; top: 40%; transform: translateY(40%); z-index: 9; } .sideWidget .resources { position: relative; width: 100%; min-width: 250px; } .sideWidget > .btn-blue { -webkit-border-radius: 1px !important; -khtml-border-radius: 1px !important; -moz-border-radius: 1px !important; -ie-border-radius: 1px !important; -o-border-radius: 1px !important; -ms-border-radius: 1px !important; border-radius: 1px !important; padding: 8px 18px !important; font-size: 30px !important; border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .sideWidget .popover { margin-left: -10px; font-family: inherit; padding: 10px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); border: none; max-width: 300px; } .sideWidget .popover.left > .arrow { border-left-color: rgba(0, 0, 0, 0.05); } .sideWidget .popover .popover-content { width: 100%; } .sideWidget .popover .services-extensions { display: block; min-height: 0; } .sideWidget .popover .services-extensions .extensions, .sideWidget .popover .services-extensions .client-app { display: block; padding: 0px; } .sideWidget .popover .services-extensions .extensions h4, .sideWidget .popover .services-extensions .client-app h4 { font-size: 15px !important; min-height: 0; max-width: 100%; padding-bottom: 15px; margin: 20px auto 25px; } .sideWidget .popover .services-extensions .extensions .theBlock img, .sideWidget .popover .services-extensions .client-app .theBlock img { width: 110px; } .sideWidget .popover .services-extensions .extensions .blockBody, .sideWidget .popover .services-extensions .client-app .blockBody { min-height: 0; } .sideWidget .popover .services-extensions .extensions:after, .sideWidget .popover .services-extensions .client-app:after, .sideWidget .popover .services-extensions .extensions:before, .sideWidget .popover .services-extensions .client-app:before { display: none; } .sideWidget .popover .services-extensions .extensions label, .sideWidget .popover .services-extensions .client-app label { font-weight: normal; font-family: 'Mulish-Regular'; line-height: 1.2; color: rgba(0, 0, 0, 0.85); } .sideWidget .popover .services-extensions .client-app { background-color: transparent; border-top: 1px solid #ddd; } .sideWidget .popover .alert-warning { padding: 15px 15px 15px 56px; position: relative; font-size: 13px !important; background-color: rgba(251, 243, 230, 0.5); text-align: left; } @media screen and (max-height: 780px) { .sideWidget .popover .theBlock img { display: none; } } .controls { position: absolute; bottom: 190px; left: 0; right: 0; text-align: center; } .controls .carousel-control { background-image: none !important; position: relative; } .controls .carousel-control:hover, .controls .carousel-control:focus { background-image: none; } .controls .carousel-indicators { left: 0; padding: 20px; margin-left: 0; list-style: none; padding-top: 15px !important; width: 35%; } .controls .carousel-indicators li { display: inline-block; width: 50px; height: 5px; margin: 5px 20px 5px 0; background-color: rgba(255, 255, 255, 0.3); background-color: #8a8d9e; border: none; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; float: left; } .controls .carousel-indicators li:hover { background-color: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .controls .carousel-indicators li.active { background: linear-gradient(-45deg, #fbb885 0%, #f5634a 100%); } .controls .carouselNav { width: 65%; } .controls .carouselNav .carousel-control { background-color: rgba(0, 0, 0, 0); text-shadow: none; padding-right: 40px; font-size: 35px !important; } .controls .carousel-indicators, .controls .carouselNav { position: relative; float: left; text-align: left; padding: 0px 30px 0px; margin: 0px; bottom: 0px; z-index: 1; } .carousel-fade { background: #424756; } .carousel-fade .carousel-inner .item { transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control { z-index: 2; } .has-success .input-group-addon { color: #424756; border-color: #424756; } sf-decorator { position: relative; display: block; } sf-decorator div > strong > span > span { font-weight: normal; font-family: 'Mulish-Bold'; display: block; font-size: 14px !important; margin-bottom: 5px; } sf-decorator div > img { position: absolute; top: 30px; right: 50px; } .affixWrap { margin-bottom: 75px; margin-top: 35px; } @media screen and (max-width: 767px) { .affixWrap { margin-bottom: 25px; } } @media (max-width: 991px) { .affixWrap .serviceApply.affix label.affixOnly { display: none !important; } } .blob { border-radius: 50%; margin: 10px; height: 20px; width: 20px; box-shadow: 0 0 0 0 black; transform: scale(1); animation: pulse 1s infinite; position: absolute; top: 250px; left: 50px; width: 100px; height: 100px; background-color: #7242c1; background-image: url(../images/map.png); background-repeat: no-repeat; background-size: cover; } .ccircle { border: 1px solid #000; border-radius: 50%; width: 500px; height: 500px; } .circle { display: block; width: 25px; height: 25px; border-radius: 50%; background: #f5634a; background-color: #883cc7; background-image: -o-linear-gradient(45deg, #883cc7 0%, #7043c0 100%); background-image: -ms-linear-gradient(45deg, #883cc7 0%, #7043c0 100%); background-image: -moz-linear-gradient(45deg, #883cc7 0%, #7043c0 100%); background-image: -webkit-linear-gradient(45deg, #883cc7 0%, #7043c0 100%); background-image: -webkit-gradient(-45deg, #883cc7 0%, #7043c0 100%); position: absolute; left: 150px; top: 660px; } @keyframes pulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(167, 51, 207, 0.2); } 100% { transform: scale(1); box-shadow: 0 0 0 80px rgba(136, 60, 199, 0); } } .profileMenu > .col-sm-6:nth-of-type(1), .profileMenu > .col-sm-6:nth-of-type(3), .profileMenu > .col-sm-6:nth-of-type(5), .profileMenu > .col-sm-6:nth-of-type(7) { padding-right: 0; } .profileMenu > .col-sm-6:nth-of-type(2), .profileMenu > .col-sm-6:nth-of-type(4), .profileMenu > .col-sm-6:nth-of-type(6), .profileMenu > .col-sm-6:nth-of-type(8) { padding-left: 0; } @media screen and (max-width: 767px) { .profileMenu > .col-sm-6 { padding-left: 0px; padding-right: 0px; } .profileMenu > .col-sm-6:nth-of-type(1), .profileMenu > .col-sm-6:nth-of-type(4), .profileMenu > .col-sm-6:nth-of-type(6) { padding-right: 0px; } .profileMenu > .col-sm-6:nth-of-type(1) .profileItem, .profileMenu > .col-sm-6:nth-of-type(2) .profileItem { margin-top: 0; } } @media screen and (min-width: 768px) and (max-width: 991px) { .profileMenu { margin-left: -15px; } #ns-header #topBar #settings:hover { background: transparent !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .pr0 { padding-right: 15px; } } /*#region extensions*/ .services-extensions { display: table; width: 100%; table-layout: fixed; min-height: 80vh; } .services-extensions .extensions, .services-extensions .client-app { display: table-cell; vertical-align: middle; padding: 120px 80px; position: relative; text-align: center; } .services-extensions .extensions:after, .services-extensions .client-app:after { content: ''; position: absolute; display: block; top: 0; bottom: 0; } .services-extensions .extensions h4, .services-extensions .client-app h4 { font-family: 'Mulish-Bold'; max-width: 210px; line-height: 1.3; margin: 20px auto 25px; padding-bottom: 20px; position: relative; min-height: 66px; } .services-extensions .extensions h4:after, .services-extensions .client-app h4:after { content: ''; position: absolute; display: block; height: 2px; bottom: 0; background: #F5634A; background: -moz-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: -webkit-linear-gradient(-45deg, #f5634a 0%, #fbb885 100%); background: linear-gradient(-45deg, #fbb885 0%, #f5634a 100%); width: 80px; left: 0; right: 0; margin: auto; } .services-extensions .blockXml h4:after { background: #6cc57f; background: -moz-linear-gradient(-45deg, #6cc57f 0%, #9fcd5d 100%); background: -webkit-linear-gradient(-45deg, #6cc57f 0%, #9fcd5d 100%); background: linear-gradient(-45deg, #6cc57f 0%, #9fcd5d 100%); } .services-extensions .extensions { background-color: white; } .services-extensions .extensions:after { background-color: white; right: 100%; left: auto; width: 100%; } .services-extensions .client-app { background-color: #f1f1f1; } .services-extensions .client-app:after { background-color: #f1f1f1; left: 100%; right: auto; width: 100%; } .services-extensions .blockBody { min-height: 400px; margin-top: 30px; } .services-extensions .alert-warning, .services-extensions .alert-info { background-color: transparent; border: transparent; color: rgba(0, 0, 0, 0.6); margin-bottom: 30px; } @media screen and (max-width: 767px) { .services-extensions .extensions, .services-extensions .client-app { display: block; height: auto; } .services-extensions .extensions:before, .services-extensions .client-app:before { content: ''; position: absolute; display: block; top: 0; bottom: 0; } .services-extensions .client-app { background-color: #f1f1f1; } .services-extensions .client-app:before { background-color: #f1f1f1; right: 100%; left: auto; width: 100%; } .services-extensions .extensions { background-color: white; } .services-extensions .extensions:after { background-color: white; left: 100%; right: auto; width: 100%; } .services-extensions .blockBody { min-height: auto; } } /*#endregion extensions*/ /*#region service details, documents, additional proofs*/ .documentsApplyNow .main-info p { color: #da6d34 !important; line-height: 1.2; margin: 10px auto; font-size: 14px !important; } .documentsApplyNow .unlimited-doc p { color: #000; font-size: 14px !important; } .documentsApplyNow .unlimited-doc p .mark, .documentsApplyNow .unlimited-doc p mark { padding: 2px 5px; background: #ec263d; background-color: #ec263d; border-radius: 4px; color: white; } .documentsApplyNow .faqWrap .panel-collapse { border-top: 1px solid #ddd; } .documentsApplyNow .faqWrap label { color: rgba(66, 69, 82, 0.65); font-size: 13px !important; } .documentsApplyNow .faqWrap .content-dashed { margin-top: 15px; border-radius: 10px; margin-bottom: 15px; } @media (max-width: 767px) { .modal .modal-content .btn.btn-default, .modal-dialog .modal-content .btn-primary, .complain .modal-dialog .modal-content .btn-primary, .modal-dialog .modal-content .btn-default { font-size: 12px; margin-left: 0px; } } @media (max-width: 425px) { .modal-footer.newFooterRedesign { flex-direction: column; } } .documentsApplyNow .faqWrap .content-dashed .docsTitle, .documentsApplyNow .faqWrap .content-dashed .docs-act { border-top: none !important; } .documentsApplyNow .faqWrap .content-dashed .row-custom { display: table; width: 100%; table-layout: fixed; } .documentsApplyNow .faqWrap .content-dashed .row-custom .col-4-custom { display: table-cell; vertical-align: middle; padding: 10px 20px; } .documentsApplyNow .faqWrap .content-dashed .row-custom .col-4-custom:first-of-type { vertical-align: top; } .documentsApplyNow .faqWrap .content-dashed .row-custom .col-4-custom:first-of-type h5 { color: rgba(0, 0, 0, 0.65); } .documentsApplyNow .faqWrap .content-dashed .row-custom .col-4-custom:first-of-type p { color: rgba(0, 0, 0, 0.5); font-family: 'Mulish-Bold'; margin-top: 15px; margin-bottom: 10px; text-transform: none; } .documentsApplyNow .faqWrap .content-dashed .row-custom .col-4-custom:first-of-type label { font-size: 13px !important; font-family: 'Mulish-Regular'; } .documentsApplyNow .faqWrap .content-dashed .row-custom .col-4-custom .drag-drop-area { text-align: center; } .documentsApplyNow .faqWrap .content-dashed .row-custom .col-4-custom .drag-drop-area label { color: rgba(66, 69, 82, 0.35); font-size: 15px !important; } .documentsApplyNow .faqWrap .content-dashed .row-custom .col-4-custom .drag-drop-area button { background: none; border: none; text-align: center; max-width: 250px; } @media screen and (max-width: 991px) { .documentsApplyNow .faqWrap .content-dashed .row-custom .col-4-custom { display: block; } .documentsApplyNow .faqWrap .content-dashed .row-custom .col-4-custom .docs-act { text-align: center; } .documentsApplyNow .faqWrap .content-dashed .row-custom .col-4-custom .docs-act button { display: inline-block; margin: 15px auto 15px auto; } } .documentsApplyNow .faqWrap .panel.panel-default { border: none; border-bottom: 1px solid #ddd; border-radius: 0; } .documentsApplyNow .faqWrap .panel .panel-heading .panel-title { background-color: transparent !important; } .documentsApplyNow .faqWrap .panel .panel-heading h4 a { color: black; padding: 15px 0; font-size: 15px !important; } .documentsApplyNow .faqWrap .panel h5 { color: rgba(0, 0, 0, 0.65); font-family: 'Mulish-Bold'; } .documentsApplyNow .faqWrap .docs-act button { min-width: 187px; border-radius: 5px !important; min-height: 39px; display: block; margin: 15px 0 15px auto; text-align: left; font-size: 14px !important; } .documentsApplyNow .faqWrap .docs-act .btn-default { color: #000; background-color: #f3f3f5; color: rgba(66, 69, 82, 0.65); border-color: #f3f3f5; } .documentsApplyNow .faqWrap .docs-act .btn-orange { background-color: #f5a3c7 !important; background-image: -o-linear-gradient(45deg, #f5a3c7 0%, #fbb983 100%) !important; background-image: -ms-linear-gradient(45deg, #f5a3c7 0%, #fbb983 100%) !important; background-image: -moz-linear-gradient(45deg, #f5a3c7 0%, #fbb983 100%) !important; background-image: -webkit-linear-gradient(45deg, #f5a3c7 0%, #fbb983 100%) !important; background-image: -webkit-gradient(-45deg, #f5a3c7 0%, #fbb983 100%) !important; border: 1px solid transparent; } .documentsApplyNow .faqWrap .docs-act .btn-orange:hover { background-color: transparent !important; color: rgba(66, 69, 82, 0.65) !important; border: 1px solid #fbb983; background-image: none !important; } @media screen and (max-width: 991px) { .documentsApplyNow .faqWrap .docs-act > div { text-align: center; } .documentsApplyNow .faqWrap .docs-act > div button { display: inline-block; margin: 15px auto 15px auto; } } .documentsApplyNow .faqWrap .doc-opt span { display: inline-block; padding: 0px 4px; color: rgba(66, 69, 82, 0.65); font-size: 21px; } .documentsApplyNow .faqWrap .doc-opt span:hover { color: #e85873; } .documentsApplyNow .faqWrap .doc-opt label { padding: 5px 0; } .service-details-docs .requestDocs, .service-details-docs .proofDocs { padding-left: 0; } .service-details-docs .requestDocs > li, .service-details-docs .proofDocs > li { padding-bottom: 15px; padding-right: 15px; border-radius: 10px; margin: 15px 0; padding: 0px 0px 20px 0px; min-height: 90px; } .service-details-docs h5 { padding-left: 40px; padding-bottom: 15px; padding-right: 35px; position: relative; border-bottom: none; width: 100%; display: block; margin-top: 0px; } .serviceDocs section ul.proofDocs.noBorders li { border: 0; } .serviceDocs section ul.proofDocs li, .serviceDocs section ul.requestDocs li { border-bottom: 1px solid #eceded; border-radius: 0px !important; padding-bottom: 10px; } .service-details-docs .indicator { bottom: auto; padding: 0 0px 0px 0; left: 5px !important; } @media (max-width: 565px) { .service-details-docs .indicator { left: 0px !important; } .serviceDetailsBox .requestDocs li:not(.conditions) h5, .serviceDetailsBox .proofDocs li:not(.conditions) h5 { padding-left: 55px; } .service-details-docs .download { /* margin-left: 55px !important;*/ margin-left: 0px !important; } .service-details-docs .download-doc { font-size: 11px !important; margin-left: 10px !important; } } .service-details-docs .download { display: inline-block; float: right; margin-top: -20px; } .service-details-docs .download > span { font-size: 13px !important; } .service-details-docs .download-doc { color: #66ccff; color: black; font-size: 13px; line-height: 21px; margin-left: 15px; padding: 1px 15px; border: 1px solid #dcdcdc; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -moz-border-radius: 20px; -ie-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -khtml-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -ie-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -o-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -ms-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .service-details-docs .download-doc:hover { background: #f1f1f1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .responseDocuments .requestDocs { text-align: center; position: relative; } .requestDocs.newRedesigned { padding: 10px 30px; margin: 0px; } .delivery.periodOfValid { margin: 0px !important; padding: 0px !important; } li.displayFlexLi .secondDiv { display: flex; flex-direction: column; text-align: left; gap: 15px; border-left: 1px solid #eaeaea; padding-left: 30px; } .responseDocuments { background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFFF5 43%, #FFFFFFC4 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 25px 40px #E7EAF0BF; } li.displayFlexLi { display: flex; gap: 15px; align-content: center; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 10px; margin-top: 10px; text-align: left; text-align: center; } .responseDocuments .requestDocs li h5 strong { text-transform: none; } .responseDocuments .requestDocs h5 { border-bottom: none !important; padding: 0; margin: 0; padding-left: 0 !important; text-transform: uppercase; } .responseDocuments .requestDocs h5 strong { font-family: 'Mulish-Bold'; } .responseDocuments .requestDocs li { min-height: 0; } .responseDocuments .delivery { font-size: 15px; color: black; margin-top: 25px; } .responseDocuments .delivery strong { width: auto !important; } .responseDocuments .days { margin-top: 20px; padding: 3px 25px; border: 1px solid #dcdcdc; display: inline-block; } .delivery-icons { list-style-type: circle; padding-left: 0; padding-top: 5px; margin-bottom: 3px; } .appsBox { padding: 30px 60px; background-color: #f1f9ff; border: none; margin: 35px 0px 35px 0px; } .appsBox h4 { margin-bottom: 20px; color: rgba(0, 0, 0, 0.99); } .appsBox ul { padding: 0; margin: 0px 0; list-style-position: inside; } .proofDocs .proofDescription, .responseDocuments .proofDescription { display: block; margin-left: 40px; } .proofDocs .proofDescription > span, .responseDocuments .proofDescription > span { display: block !important; } .required-document-status { position: absolute; padding-right: 40px; height: 30px; line-height: 26px; right: 30px; top: 25px; } .required-document-status:before { content: ''; display: block; width: 30px; height: 30px; border-radius: 50%; position: absolute; right: 0px; } .required-document-status:after { content: ''; display: block; width: 14px; height: 14px; border-radius: 50%; position: absolute; right: 8px; left: auto; top: 8px; } .required-document-status.reqFile:before { border: 1px solid #de57a6; } .required-document-status.reqFile:after { background: #de57a6; } .required-document-status.reqFile span, .required-document-status.reqFile .red { color: rgba(23, 27, 48, 0.5); } .required-document-status.notReqFile { color: rgba(23, 27, 48, 0.5); } .required-document-status.notReqFile:before { border: 1px solid #acacac; } .required-document-status.notReqFile:after { background: #acacac; } .required-document-status.optFile { color: rgba(23, 27, 48, 0.5); } .required-document-status.optFile:before { border: 1px solid #38b3e7; } .required-document-status.optFile:after { background: #38b3e7; } .additional-proof-docs { position: relative; } .additional-proof-docs > a { bottom: auto; width: 50px; text-align: right; font-size: 25px; color: black; cursor: pointer; left: auto; margin: auto; margin-top: -55px; float: right; } .additional-proof-docs > a .btn-more:hover { color: #806893; } .additional-proof-docs .panel-collapse { padding: 10px 70px; } .additional-proof-docs .panel-collapse ul li { padding-bottom: 0; margin: 0px 0 10px; } .additional-proof-docs .proofDocs li { border: none; margin: 0 0 0px 0; padding: 10px 0px 0; } /*#endregion service details, documents, additional proofs*/ @media screen and (max-width: 767px) { .serviceRequest, .servicePayment, .serviceResponse, .serviceMoreInfo, .serviceRelated { padding: 0 10px; } } .toggleElement, .proofDescription { display: block; padding-right: 80px; position: relative; } .toggleElement span { color: #292435; margin-right: 0px; } .proofDescription span.btn-more, .toggleElement span.btn-more { color: #ae2b83 !important; position: relative !important; bottom: 0px; margin-left: 10px; text-transform: capitalize; } .btn-more { color: #4ab9e9; text-transform: lowercase; text-decoration: underline; cursor: pointer; font-size: 13px; white-space: nowrap; } a.collapsed .less { display: none; } a:not(.collapsed) .more { display: none; } .firstRequestDoc.panel-default { border: none; background-color: transparent; box-shadow: none; margin-bottom: 7px; } .firstRequestDoc .panel-heading { border: none; background-color: transparent; padding: 0; cursor: pointer; padding-top: 35px; margin-top: 20px; } .firstRequestDoc .panel-collapse { padding: 15px 15px 15px 85px; } .firstRequestDoc .panel-title .indicator:after { display: none; } .periodOfValid { padding-left: 40px; } .tabsDescription { margin-bottom: 15px; display: inline-block; margin-left: 0px; font-size: 16px; } .applicationSteps { margin-top: 25px; } .datepicker tr, .datepicker td { padding: 0; } .datepicker button, .datepicker .btn { border: none !important; padding: 10px; } /*#region apply now form*/ bootstrap-decorator { /*#region calendar*/ /*#endregion calendar*/ } bootstrap-decorator .form-control-date { padding: 0 15px; } bootstrap-decorator .fa.fa-calendar:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f2d1"; font-size: 20px !important; } bootstrap-decorator .form-control-date .input-group-addon { padding: 0px 15px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; background: #e9e9ed; border: none; } bootstrap-decorator .form-control-date input { margin-bottom: 0px !important; padding: 10px 20px !important; height: auto !important; } bootstrap-decorator .form-control { padding: 10px 10px !important; height: auto !important; } bootstrap-decorator label { font-size: 14px; } bootstrap-decorator fieldset { margin-top: 45px; } bootstrap-decorator fieldset:before, bootstrap-decorator fieldset:after { clear: both; content: ''; display: block; } bootstrap-decorator .list-group-item { -webkit-border-radius: 0px !important; -khtml-border-radius: 0px !important; -moz-border-radius: 0px !important; -ie-border-radius: 0px !important; -o-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; background: #fafafa; border: 1px solid #f1f1f1; padding: 30px; margin-top: 10px; margin-bottom: 30px; } bootstrap-decorator .list-group-item fieldset { margin: 0px !important; } bootstrap-decorator .list-group-item .close { font-size: 30px !important; position: absolute !important; right: 30px; top: 5px; } bootstrap-decorator .btn-default { -webkit-border-radius: 50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; -ie-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; color: black; padding: 8px 20px; margin-bottom: 20px; border-color: #dedede; } bootstrap-decorator .btn-default:hover { border-color: #dedede; } bootstrap-decorator .glyphicon-plus:before { content: "\f2c7"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px !important; } bootstrap-decorator .clearfix { padding: 0 !important; } bootstrap-decorator .datepicker ul { padding: 15px; background: #fafafa; } bootstrap-decorator .datepicker .btn-default { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; color: black !important; } bootstrap-decorator .datepicker .table tbody { border-top: 1px solid #73879c !important; border-bottom: 0px solid #73879c !important; } bootstrap-decorator .datepicker table > thead > tr > th, bootstrap-decorator .datepicker table > thead > tr, bootstrap-decorator .datepicker table > thead > tr > td, bootstrap-decorator .datepicker em { vertical-align: middle !important; border-bottom: 0 solid #58bbc1; height: 30px; font-weight: normal; color: #666; } bootstrap-decorator .datepicker .btn-sm, bootstrap-decorator .btn-group-sm > .btn { padding: 3px 6px; font-size: 12px !important; line-height: 1.5; -ms-border-radius: 3px; border-radius: 3px; background: #2D3238; border-color: #2D3238; color: white; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } bootstrap-decorator .datepicker .text-muted:hover { background: transparent; color: white; } bootstrap-decorator .datepicker .text-center { text-align: center; background: transparent; } bootstrap-decorator .datepicker table { width: 100% !important; background-color: transparent; outline: none; } bootstrap-decorator .datepicker .btn-info.active { color: white; font-weight: bold; font-size: 13px !important; background: #38b3e7; } bootstrap-decorator .datepicker .btn-info { border-color: #444; } bootstrap-decorator .datepicker .btn-danger { border-color: #444; } bootstrap-decorator .datepicker p.input-group { padding: 0; } bootstrap-decorator .datepicker b, bootstrap-decorator .datepicker strong { font-weight: normal; } bootstrap-decorator .datepicker table .btn-default { border-radius: 0; border-color: transparent; background: transparent; color: white; font-weight: normal; } bootstrap-decorator .datepicker table .btn-default.active { background: #38b3e7; } bootstrap-decorator .datepicker .text-info { color: white; font-size: 13px !important; font-weight: normal; } bootstrap-decorator .datepicker.m5 p { margin-top: 0; } bootstrap-decorator .datepicker .btn-sm:hover, bootstrap-decorator .datepicker .btn-group-sm > .btn:hover { background: #38b3e7 !important; color: white; } bootstrap-decorator .datepicker td .btn-sm:hover { background: rgba(0, 148, 208, 0.7) !important; } bootstrap-decorator .datepicker .btn-success { background: transparent !important; border-color: transparent; } bootstrap-decorator .datepicker .btn-info.active { background: #38b3e7; } bootstrap-decorator .datepicker table .btn-default { background: transparent; box-shadow: none; color: #333; } bootstrap-decorator .datepicker .btn-default.active:hover { background: #38b3e7; } bootstrap-decorator .datepicker table .btn-default { min-width: inherit; border-radius: 50%; height: 34px; } bootstrap-decorator .datepicker .text-muted { color: #bfbfbf; } bootstrap-decorator .datepicker table tr td { border: 0px !important; padding: 0px !important; line-height: 16px; } bootstrap-decorator .datepicker thead tr th:nth-of-type(2) { min-width: 150px; } bootstrap-decorator .datepicker .glyphicon { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; } bootstrap-decorator .datepicker .glyphicon.glyphicon-chevron-right:before { content: "\f125"; } bootstrap-decorator .datepicker .glyphicon.glyphicon-chevron-left:before { content: "\f124"; } bootstrap-decorator .form-control { z-index: 0 !important; margin-bottom: 12px !important; } bootstrap-decorator .form-group { margin-bottom: 0px !important; } bootstrap-decorator legend { font-size: 16px; } /*#endregion apply now form*/ /*#region interactiveMap*/ .gm-style .gm-style-iw-c { -webkit-border-radius: 2px !important; -khtml-border-radius: 2px !important; -moz-border-radius: 2px !important; -ie-border-radius: 2px !important; -o-border-radius: 2px !important; -ms-border-radius: 2px !important; border-radius: 2px !important; padding: 25px 15px 10px !important; } .gm-style .gm-style-iw-d div { font-family: 'Mulish-Bold'; } .gm-ui-hover-effect { top: 0 !important; right: 0 !important; } /*#endregion interactiveMap*/ .faqDetails .faqCategory { padding: 15px 60px 15px 0px; margin-bottom: 15px; } .faqDetails .panel .panel-heading h4 a { padding: 15px 60px 15px 20px; } .faqDetails .panel .panel-body { padding: 15px 20px; } .level-info { padding: 80px 0; } .level-info.high-level .mark-low-level { background-color: #f37352; } .level-info .mark-low-level { background-color: #7fd47f; color: white; padding: 0px 3px; border-radius: 3px; } .level-info .btn-submit { border: none; background-color: transparent; box-shadow: none; } .level-info ul { display: table; border-spacing: 25px; border-collapse: inherit; margin-top: 110px; } .level-info ul li { display: table-cell; vertical-align: middle; padding: 90px 70px 30px; border: 1px solid #ddd; border-radius: 3px; text-align: center; position: relative; } .level-info ul li img { width: 200px; position: absolute; background-color: white; border-left: 40px solid white; border-right: 40px solid white; top: -60px; left: 0; right: 0; margin: auto; height: auto; } .level-info ul li p { margin-bottom: 30px; } @media screen and (max-width: 991px) { .level-info ul { display: block; } .level-info ul li { display: block; margin: 30px auto 80px; } } .level-info.paymentStatus { max-width: 620px; margin: 40px auto; padding: 0; } .level-info.paymentStatus.level-info ul li img { width: 160px; position: absolute; background-color: white; border-left: 20px solid white; border-right: 20px solid white; top: -60px; left: 0; right: 0; margin: auto; } .fromProfile .proofDocs ul { margin: 30px 0; } .fromProfile .proofDocs ul li .row::before { display: none; } .flexItemWrapper { display: flex; gap: 20px; align-items: center; justify-content: space-between; align-content: center; flex-wrap: nowrap; flex-direction: row; } .proofDocs ul .actionBtns.newUpdated { height: 100%; margin: auto 0; } .flexItemWrapper .boxItem:nth-child(2):not(.muted) { display: flex; gap: 200px; padding-left: 10px; align-items: center; } @media (max-width: 1440px) and (min-width: 991px) { .flexItemWrapper .boxItem:nth-child(2):not(.muted) { gap: 50px; } } @media (max-width: 768px) { .flexItemWrapper { flex-direction: column; align-items: flex-start; } .flexItemWrapper .boxItem:nth-child(2) { flex-direction: column; padding-left: 0px; } } .muted { color: #292435; opacity: 0.7; } .flexItemWrapper .boxItem:nth-child(2) h5 { margin: 0px; padding: 0px; max-width: 250px; } .modal-footer { width: 100%; justify-content: flex-end; display: flex; gap: 15px; } .modal-footer:before { display: none; } .modal-footer .newDefaultButton, .modal-footer .newPrimaryModalButton { padding: 10px 50px !important; font-family: Mulish-Bold; } .modal-footer .newDefaultButton span { color: #2C5FB8 !important; } .modal-footer .newDefaultButton { background: linear-gradient(104deg, rgba(102, 139, 206, 0.16) 0%, rgba(102, 139, 206, 0.16) 100%) no-repeat padding-box !important; border-radius: 8px !important; border: none !important; outline: none !important; } .modal-footer .newPrimaryModalButton { background: transparent linear-gradient(90deg, #353273 0%, #B02C84 100%) 0% 0% no-repeat padding-box; border-radius: 8px !important; border: none !important; outline: none !important; } .newFormInput .input-group input { background: #FFFFFF 0% 0% no-repeat padding-box !important; border: 2px solid #CBCCD5; border-radius: 8px !important; } .modal-footer .newPrimaryModalButton span { color: white !important; } .modal-footer.newFooterRedesign::before, .modal-footer.newFooterRedesign::after { display: none; } .fromProfile .proofDocs ul li:hover { box-shadow: 0px 25px 20px #e7eaf0f7 !important; transition: 0.2s ease-in-out all; } .fromProfile .proofDocs ul li { transition: 0.2s ease-in-out all; border-bottom: 1px solid #eaeaea; padding: 20px; background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFFF5 43%, #FFFFFFC4 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 25px 20px #e7eaf069; border-radius: 8px; margin-bottom: 20px; } .fromProfile .proofDocs ul li h5 { margin-top: 0px; border-bottom: none !important; padding-bottom: 0px; margin-bottom: 0px; } .fromProfile .proofDocs ul li h5 small { font-size: 13px !important; color: #8b8b8b; margin-top: 10px; font-family: 'Mulish-Regular'; } .fromProfile .proofDocs ul li h5 .block { margin-top: 0; margin-bottom: 3px; } .fromProfile .proofDocs ul li .tooltip .tooltip-inner { width: auto !important; } .fromProfile .proofDocs ul li .actionBtns i { font-size: 25px !important; color: #777777; cursor: pointer; display: inline-block; float: none; margin: 0 auto; line-height: 10px; } .fromProfile .proofDocs ul li a, .fromProfile .proofDocs ul li img { cursor: pointer; } .fromProfile .proofDocs ul li img { width: 24px; height: 100%; margin-top: 0px; } .fromProfile .proofDocs ul li:last-child { border: none; } .fromProfile .proofDocs ul li .block { font-size: 13px !important; color: #8b8b8b; margin-top: 10px; } .inlineTicket .btn-submit { width: 100%; position: relative; background: transparent linear-gradient(90deg, #353273 0%, #B02C84 100%) 0% 0% no-repeat padding-box !important; border-radius: 8px !important; text-align: left; padding: 15px 40px !important; -webkit-border-radius: 8px !important; -khtml-border-radius: 8px !important; -moz-border-radius: 8px !important; -ie-border-radius: 8px !important; -o-border-radius: 8px !important; -ms-border-radius: 8px !important; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; min-height: 51px; } .inlineTicket .btn-submit:hover { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0.8; } @media screen and (max-width: 991px) { .flexCol.end { margin-top: 15px; } .pullTop { margin-top: 0px; } .pullTop .col-sm-6.pull-right { float: none !important; width: 100%; } .pullTop:before { content: ''; clear: both; display: table; } .interMapXs h2 { margin: 15px 0 15px 0 !important; line-height: 21px !important; } .interMapXs .interactive-map-text .txt span { margin-bottom: 0px !important; } .interMapXs .interactive-map-text .blob { width: 80px; height: 80px; } } @media screen and (max-width: 767px) { .interMapXs { height: 400px; max-width: 500px; margin: 0 auto; } .interMapXs a { display: block; } .interMapXs .interactive-map-text { height: 350px; } .interMapXs .interactive-map-text img { right: 0 !important; top: -150px !important; } .interMapXs .interactive-map-text .txt { top: 50% !important; } .interMapXs .blob { top: 30%; left: 50px; width: 70px !important; height: 70px !important; } .modal-dialog { padding-left: 0; } .btn.btn-clear { margin-left: 0px; } .modal-dialog .modal-content .dropdown-menu { height: auto; overflow: auto; } .text-left-xs { text-align: left; } .xspLR0 { text-align: right; padding-left: 0px; padding-right: 5px; } .xsLang { display: inline-block !important; } .xsLang a { display: block; padding: 0px 10px; border-right: 0px solid #eaeaea; } .xsLang a i { font-size: 24px !important; vertical-align: bottom; color: black; line-height: 20px; display: inline-block; } .changeLanguage { position: absolute; right: 0px; top: 88px; z-index: 1; } .xsLang .dropdown-menu { right: 0px; left: auto; border: 0px solid #e5e5e5; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; min-width: 70px; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0px; margin: 0px !important; } .xsLang .dropdown-menu ul { margin: 0px !important; } .xsLang .dropdown-menu ul li { display: block; } .xsLang .dropdown-menu ul li input { padding: 5px; border: none !important; } .xsLang .dropdown-menu ul li input.active-language { color: #38b3e7; } #ns-header #topBar .eIdMyProfile { padding-right: 0px; } #ns-header .checkbox, #ns-header .radio { margin-bottom: 0px !important; } #navigationBar .loginBar { padding: 0px 0px !important; left: 0px !important; } #navigationBar .loginBar #userNotifications { position: absolute; top: 10px !important; left: 35px; } #navigationBar .loginBar .user_logged_system { padding: 0px 0px 0px 15px !important; } #navigationBar .loginBar .user_logged_system > a { padding: 15px 0px 12px 45px !important; } #navigationBar .loginBar .user_logged_system ul { left: 0 !important; top: 118px !important; right: 0 !important; position: fixed !important; border-top: none !important; } #navigationBar .loginBar .user_logged_system ul li a { border: none !important; padding: 15px 15px !important; } .leftMenu .dropdown-menu { position: fixed !important; right: 40px !important; top: 115px !important; width: 20%; } #headerSection .pr0 { padding-left: 0px; } #headerSection .wrapper { padding: 30px 20px 30px 20px; } #supporters a { width: 50%; display: block; float: left; padding: 0 10px; } #supporters a img { max-width: 100%; } /* .userProfile .table td, .institutionsTable .table td, .userProfile .table th, .institutionsTable .table th, .userProfile .table tr, .institutionsTable .table tr, .userProfile .table thead, .institutionsTable .table thead, .userProfile .table tbody, .institutionsTable .table tbody { display: block; text-align: left !important; }*/ .userProfile .table td, .institutionsTable .table td { padding: 8px 0 0 !important; } .userProfile .table th, .institutionsTable .table th { /* padding: 0 0 8px !important;*/ padding: 5px 5px !important; } .actionProfile select { width: 80px; } .full-content { padding: 0px 0 0; } .pagination li { display: none; } .pagination li a:focus { outline: none !important; } .pagination li.pagination-first, .pagination li.pagination-last, .pagination li.pagination-prev, .pagination li.pagination-next { display: inline-block; } .servicesList .serviceLinks a { display: inline-block; margin-bottom: 10px; } .servicesList .serviceItem .serviceStatus { right: -30px; } .pullTop { margin-top: 0px; } .docsApplyNow .content-dashed .drag-drop-area { margin-top: 0px !important; } .casysPayment .proceedCasys .alert-warning p { margin-top: 5px; margin-bottom: 20px; } } @media screen and (max-width: 600px) { #serviceAffix.affix > div a { float: right; } } @media screen and (max-width: 417px) { .interMapXs { height: 200px; } .interMapXs .interactive-map-text { height: 200px; } .interMapXs .interactive-map-text img { right: 0 !important; top: -100px !important; } .interMapXs .interactive-map-text .txt { top: 10% !important; width: 90% !important; } .interMapXs .blob { top: 50%; left: auto; width: 50px !important; height: 50px !important; right: 10%; } } .modal-body .nfc p { position: relative; } .modal-body .nfc a { font-family: 'Mulish-Bold'; color: #4ab9e9; } .modal-body .nfc a:hover { background: transparent; color: #806893; } .closeModal { margin: 0px; top: 10px; font-size: 24px; position: absolute; right: 30px; top: 25px; } .toolTipNoWrap .tooltip-inner { word-wrap: break-word; width: auto !important; min-width: 150px; } .mapCorrection { display: block; margin-top: -50px; } .institutionNormal { font-weight: normal; } .inlineImgSmall img { vertical-align: bottom; margin-right: 5px; max-width: 50px; } #menuXs:not(.mm-menu) { display: none !important; } @media screen and (max-width: 767px) { #menu li a:hover { background-color: rgba(0, 0, 0, 0.03); } #hamburger { display: block; position: relative; overflow: hidden; border: 0px solid #999; width: 55px; padding: 17px; left: 0px; top: 0px; z-index: 998; float: left; height: 61px; } #hamburger span { background: #434757; display: block; height: 2px; margin: 5px 0; position: relative; transform: rotate(0); top: 0; left: 0; opacity: 1; transition: none 0.5s ease; transition-property: transform, top, left, opacity; } html.mm-opened #hamburger span.top-bar { transform: rotate(45deg); top: 7px; } html.mm-opened #hamburger span.middle-bar { opacity: 0; left: -40px; } html.mm-opened #hamburger span.bottom-bar { transform: rotate(-45deg); top: -7px; } html.mm-blocking #mm-blocker { display: block; top: 58px; left: 0px; right: auto; width: 55px; position: fixed; height: 60px; z-index: 9999; cursor: pointer; transform: none !important; } .mm-menu { right: 0; top: 118px; background: white; border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); z-index: 9 !important; width: 100% !important; max-width: 100% !important; margin-top: 8px; } .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-btn:before, .mm-menu .mm-btn:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li .mm-next { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li .mm-next:before, .mm-menu .mm-listview > li .mm-next:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu .mm-listview > li .mm-next:after { border-color: rgba(0, 0, 0, 0.3); } .mm-listview > li:not(.mm-divider):after { left: 0px; } .mm-panels, .mm-panels > .mm-panel { background: white; } .mm-panels img, .mm-panels > .mm-panel img { width: 29px; margin-right: 10px; } .mm-panels .mm-opened .dropdown-menu, .mm-panels > .mm-panel .mm-opened .dropdown-menu { display: block; } .mm-panels .mm-opened.searchByLetter p, .mm-panels > .mm-panel .mm-opened.searchByLetter p { display: none; } .mm-panels .mm-opened.searchByLetter li, .mm-panels > .mm-panel .mm-opened.searchByLetter li { display: inline-block; } .mm-opened .interactiveMapBanner { display: none; } .mm-opened .dropdown-menu { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; border: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; position: relative; top: 0px; width: 100%; max-width: 100%; margin: 0px !important; } .mm-opened .dropdown-menu .col-md-4.col-sm-6, .mm-opened .dropdown-menu .col-md-2.col-sm-3.col-xs-6 { width: 100%; } .mm-opened .dropdown-menu .col-md-4.col-sm-6 b, .mm-opened .dropdown-menu .col-md-2.col-sm-3.col-xs-6 b { display: block; font-family: 'Mulish-Bold'; } .mm-opened .dropdown-menu .col-md-4.col-sm-6 b + span, .mm-opened .dropdown-menu .col-md-2.col-sm-3.col-xs-6 b + span { font-size: 12px; font-family: 'Mulish-Regular'; } .mm-menu .mm-listview > li .mm-next:before { border-color: transparent; } .mm-listview .mm-next { width: 100%; } .mm-listview > li { padding: 10px 10px 10px 20px; } .mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: normal; overflow: visible; color: inherit; display: block; font-family: 'Mulish-Bold'; margin: 0; padding: 0px; } } .affixBottom.affix-bottom { position: relative; } .breadcrumbs .tooltip-inner, .captcha .tooltip-inner { width: auto !important; min-width: inherit; white-space: nowrap; } .interactiveMap .form-control, .interactiveTabs .form-control { font-family: 'Mulish-Regular'; } .interactiveMap .form-group select, .interactiveTabs .form-group select { font-family: 'Mulish-Regular'; } .interactiveMap .ui-select-bootstrap span, .interactiveTabs .ui-select-bootstrap span { font-family: 'Mulish-Regular'; } .interactiveMap .ui-select-bootstrap:focus, .interactiveTabs .ui-select-bootstrap:focus { font-family: 'Mulish-Bold'; } .servStatus { margin-top: 20px; margin-bottom: -10px; } .servStatus small, .servStatus span { text-transform: none; color: #979aa7; } .externalLink { margin-left: 5px; } @media screen and (max-height: 720px) { #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li > a { padding: 5px 10px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active > a:after, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open > a:after { height: 30px; padding: 6px 18px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li { margin-bottom: 0px; min-height: 80px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li a, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li a { height: 80px; padding: 0px !important; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li a b, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li a b { font-size: 13px; padding: 5px 0; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li a span, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li a span { font-size: 12px !important; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu { padding-right: 0; padding-left: 40px; } } .dateTime span, .dateTime label, .dateTime small { font-size: 13px !important; } .dateTime label { margin: 0px 5px !important; display: inline-block; font-size: 14px !important; } .ticketStatus .requestDocs ul h5, .ticketStatus .proofDocs ul h5 { border-bottom: 1px dashed #e5e5e5; padding-left: 35px; } .ticketStatus .requestDocs ul h5 .indicator, .ticketStatus .proofDocs ul h5 .indicator { top: -2px; font-size: 25px !important; } .ticketStatus .requestDocs ul a, .ticketStatus .proofDocs ul a { color: #4ab9e9; } .ticketStatus .requestDocs ul a:hover, .ticketStatus .proofDocs ul a:hover { color: #806893; } .bigIcon { font-size: 40px !important; opacity: 0.3; } .table-bottom td { vertical-align: bottom !important; } .table-bottom th { text-transform: uppercase; } .table-bottom tr:last-of-type { border-bottom: none; } @media screen and (min-width: 1280px) { .full-content #institutuions.interactive-map { min-height: 720px; } } #paymentSlip .form-control[disabled], #paymentSlip input[disabled], #paymentSlip select[disabled] { margin: 0 0 3px; opacity: 1; } .fsz14 { font-size: 14px !important; } .fsz15 { font-size: 15px !important; } .fsz25 { font-size: 25px !important; } .fsz32 { font-size: 32px !important; } .mr5 { margin-right: 5px; } .form-control { -webkit-border-radius: 3px !important; -khtml-border-radius: 3px !important; -moz-border-radius: 3px !important; -ie-border-radius: 3px !important; -o-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 0; padding: 10px 15px; height: auto; font-size: 15px; border: 1px solid #dadada; background: white !important; color: #4c4c4c; } .form-control:hover { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-color: #80bdff; background: #f5f5f6; } .form-control:focus { background-color: #fff; border-color: #36b3e7; outline: 0; box-shadow: 0 0 0 0.3rem rgba(0, 123, 255, 0.25) !important; } .applyOnline .npNoShadow legend { padding: 20px 0 20px; } .npNoShadow .form-group .form-control-date input { border-radius: 0px 8px 8px 0px !important; } .form-group.schema-form-radiobuttons .btn-group label { padding: 15px 20px !important; } .applyOnline .npNoShadow .form-control { position: relative; display: block; width: 100%; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; color: #828694; padding: 10px 20px; background: #fff; -webkit-border-radius: 8px !important; -khtml-border-radius: 8px !important; -moz-border-radius: 8px !important; -ie-border-radius: 8px !important; -o-border-radius: 8px !important; -ms-border-radius: 8px !important; border-radius: 8px !important; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 0; padding: 10px 15px; height: auto; font-size: 15px; border: 1px solid #CBCCD5; background: #FFFFFF 0% 0% no-repeat padding-box !important; color: #4c4c4c; } @media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) { .applyOnline .npNoShadow .form-control { -webkit-appearance: none; } } @media not all and (min-resolution: 0.001dpcm) { .applyOnline .npNoShadow .form-control { -webkit-appearance: none; } } .applyOnline .npNoShadow .form-control[disabled] { cursor: not-allowed; margin: 0 0 15px; background: #eaeaea !important; border: 1px solid #eaeaea; opacity: 0.7; } .applyOnline .npNoShadow .form-control[disabled]:hover { border: 1px solid #eaeaea; } .applyOnline .npNoShadow .form-control optgroup { font-family: 'Mulish-Bold'; } .applyOnline .npNoShadow .form-control optgroup option { font-family: 'Mulish-Regular'; font-size: 14px !important; } .applyOnline .npNoShadow .form-control:hover { background: #fafafa; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyOnline .npNoShadow .form-control.error { border: 1px solid #ff6969; } .applyOnline .npNoShadow .form-control:hover { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-color: #80bdff; background: #f5f5f6; } .applyOnline .npNoShadow .form-control:focus { background-color: #fff; border-color: #36b3e7; outline: 0; box-shadow: 0 0 0 0.3rem rgba(0, 123, 255, 0.25) !important; } .applyOnline .npNoShadow .form-control.ui-select-multiple.ui-select-bootstrap { border: none; } .applyOnline .npNoShadow .form-control.ui-select-multiple.ui-select-bootstrap input { position: relative; display: block; width: 100%; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; color: #828694; padding: 10px 20px; background: #fff; -webkit-border-radius: 3px !important; -khtml-border-radius: 3px !important; -moz-border-radius: 3px !important; -ie-border-radius: 3px !important; -o-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 0; padding: 10px 15px; height: auto; font-size: 15px !important; border: 1px solid #dadada; background: white !important; color: #4c4c4c; } @media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) { .applyOnline .npNoShadow .form-control.ui-select-multiple.ui-select-bootstrap input { -webkit-appearance: none; } } @media not all and (min-resolution: 0.001dpcm) { .applyOnline .npNoShadow .form-control.ui-select-multiple.ui-select-bootstrap input { -webkit-appearance: none; } } .applyOnline .npNoShadow .form-control.ui-select-multiple.ui-select-bootstrap input[disabled] { cursor: not-allowed; margin: 0 0 15px; background: #eaeaea !important; border: 1px solid #eaeaea; opacity: 0.7; } .applyOnline .npNoShadow .form-control.ui-select-multiple.ui-select-bootstrap input[disabled]:hover { border: 1px solid #eaeaea; } .applyOnline .npNoShadow .form-control.ui-select-multiple.ui-select-bootstrap input optgroup { font-family: 'Mulish-Bold'; } .applyOnline .npNoShadow .form-control.ui-select-multiple.ui-select-bootstrap input optgroup option { font-family: 'Mulish-Regular'; font-size: 14px !important; } .applyOnline .npNoShadow .form-control.ui-select-multiple.ui-select-bootstrap input:hover { background: #fafafa; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyOnline .npNoShadow .form-control.ui-select-multiple.ui-select-bootstrap input.error { border: 1px solid #ff6969; } .applyOnline .npNoShadow .form-control.ui-select-multiple.ui-select-bootstrap input:hover { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-color: #80bdff; background: #f5f5f6; } .applyOnline .npNoShadow .form-control.ui-select-multiple.ui-select-bootstrap input:focus { background-color: #fff; border-color: #36b3e7; outline: 0; box-shadow: 0 0 0 0.3rem rgba(0, 123, 255, 0.25) !important; } .applyOnline .npNoShadow .form-control.ui-select-multiple.ui-select-bootstrap:after { right: 0; top: 3px; height: 40px; } .applyOnline .schema-form-fieldset { margin-top: 10px; } .applyOnline .schema-form-fieldset .btn-default { height: 50px; padding-right: 65px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyOnline .schema-form-fieldset .btn-default .glyphicon-plus:before { height: 35px; width: 35px; line-height: 35px; } .applyOnline .schema-form-fieldset .btn-default:hover { background: #f1f1f1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyOnline .schema-form-fieldset label { margin-bottom: 10px; } .applyOnline .schema-form-fieldset .form-group { position: relative; margin-bottom: 15px !important; } .applyOnline .ui-select-container:after { right: 0; top: 3px; font-size: 22px !important; } .applyOnline .ui-select-bootstrap .ui-select-choices, .applyOnline .ui-select-bootstrap .ui-select-no-choice { padding: 0px; border-radius: 2px; border: 0px solid #eaeaea; } .applyOnline .ui-select-bootstrap .ui-select-choices-row > span { padding: 5px 20px; white-space: normal; } .applyOnline .ui-select-bootstrap .ui-select-choices-row.active > span { padding: 6px 20px; background: #38b2e7; } .applyOnline .ui-select-bootstrap .ui-select-match-text { color: #4c4c4c; font-size: 15px !important; text-transform: none; font-family: 'Mulish-Regular'; width: 100%; overflow: hidden; display: block; text-overflow: ellipsis; } .applyOnline bootstrap-decorator .list-group-item .close { top: 20px; } .applyOnline .btn-submit, .applyOnline .btn-save { font-size: 15px !important; margin-right: 10px; } .pull-right.smallSelect.gradiantSelect select.form-control { color: white !important; background: transparent linear-gradient(90deg, #B70F74 0%, #B02C84 100%) 0% 0% no-repeat padding-box !important; border: none; font-family: 'Mulish-Bold'; text-align: center; padding: 10px 0px 10px 0px; min-width: 160px; text-align-last: center; } .form-group select.form-control { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ie-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); background: #FFFFFF 0% 0% no-repeat padding-box !important; border: 1px solid #CBCCD5; border-radius: 8px !important; } .serviceDetailsBox .servicePayment .form-group select.form-control { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ie-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } .eIDprofile .serviceDetailsBox { margin-bottom: 30px; } .eIDprofile .serviceDetailsBox .h4, .eIDprofile .serviceDetailsBox h4 { font-size: 18px !important; text-align: center; } .ionIcon { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .checkbox, .radio { margin-bottom: 20px !important; } .applicationSteps #serviceSpy { counter-reset: section; } .applicationSteps #serviceSpy li { counter-increment: section; } .applicationSteps #serviceSpy li.completed-state a { background: transparent !important; border: 0px solid #dce6c5; cursor: default; color: rgba(0, 0, 0, 0.4); } .applicationSteps #serviceSpy li.completed-state a:after { content: "\f3fd"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 3px; left: 7px; font-size: 29px; z-index: 1; color: #aac175; } .applicationSteps #serviceSpy li a { position: relative; display: block; padding-left: 45px; } .applicationSteps #serviceSpy li a:before { display: block; height: 25px; width: 25px; background: #f1f3f4; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ie-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; left: 0; top: 5px; position: absolute; z-index: 1; color: #aaa; content: ''; } .applicationSteps #serviceSpy li a:after { content: counters(section, ".") " "; position: absolute; top: 7px; left: 8px; font-size: 15px; z-index: 1; color: #c3c3c3; } .applicationSteps #serviceSpy li.active a:before { background: #b7cc88; content: "\f10b"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: white; padding: 5px 8px; } .applicationSteps #serviceSpy li.active a:after { content: ''; background: #f1f3f4; height: 35px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ie-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 35px; left: -5px; top: 0px; position: absolute; z-index: 0; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .datepicker.dropdown-menu { font-size: 13px !important; padding: 20px; border-radius: 2px; border: 1px solid #eaeaea; } .datepicker.dropdown-menu button { height: auto !important; font-size: 13px !important; display: inline-block; padding: 2px 5px !important; line-height: 25px; margin: 0px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .datepicker.dropdown-menu * { font-size: 13px !important; } .datepicker.dropdown-menu table { table-layout: unset; max-width: 100%; } .datepicker.dropdown-menu table thead th { font-size: 10px !important; margin: 0px; padding: 0px; text-align: center; vertical-align: middle; } .datepicker.dropdown-menu table tbody td { padding: 0px; vertical-align: middle; text-align: center; } .datepicker.dropdown-menu table tbody td:hover { background: #f1f1f1; background: #4ab9e9; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .datepicker.dropdown-menu table tbody td:hover button { color: white !important; background: transparent !important; } .docsApplyNow hr { margin-top: 10px; margin-bottom: 10px; } .docsApplyNow .content-dashed { position: relative; padding: 15px 25px 15px 80px !important; -webkit-border-radius: 8px !important; -khtml-border-radius: 8px !important; -moz-border-radius: 8px !important; -ie-border-radius: 8px !important; -o-border-radius: 8px !important; -ms-border-radius: 8px !important; background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFFF5 43%, #FFFFFFC4 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 25px 40px #E7EAF0BF; border-radius: 8px; transition: 0.3s ease-in-out all; } .docsApplyNow .content-dashed:hover { box-shadow: 0px 25px 40px #e7eaf06e; transition: 0.3s ease-in-out all; } .docsApplyNow .content-dashed small { font-size: 12px; color: #29243585; font-family: Mulish-ExtraBold; } .docsApplyNow .content-dashed a { font-size: 13px; font-family: 'Mulish-Bold'; cursor: pointer; } .docsApplyNow .content-dashed a span { position: relative; right: -4px; } .docsApplyNow .content-dashed .drag-drop-area img { opacity: 0; } .docsApplyNow .content-dashed .drag-drop-area button { background: none; border: none; text-align: right; border: 1px dashed transparent; padding: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 15px; } .docsApplyNow .content-dashed .drag-drop-area button label { color: #38b3e7; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-top: 0px; cursor: pointer; margin-bottom: 0px; } .docsApplyNow .content-dashed .drag-drop-area button label:hover { color: #23527c; } .docsApplyNow .content-dashed .mark, .docsApplyNow .content-dashed mark { padding: 3px 10px; background: #EDEDED 0% 0% no-repeat padding-box; -webkit-border-radius: 13px; -khtml-border-radius: 13px; -moz-border-radius: 13px; -ie-border-radius: 13px; -o-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; color: #29243585; } .docsApplyNow .content-dashed .customSelect:after { width: 25px; height: 25px; position: absolute; right: 5px; top: 13px; font-size: 22px !important; padding: 3px 10px 3px 5px; } .docsApplyNow .content-dashed .disabledCustomSelect .customSelect select { cursor: not-allowed; } .docsApplyNow .content-dashed .disabledCustomSelect .customSelect:after { color: rgba(0, 0, 0, 0.3); } .docsApplyNow .content-dashed .attachedDocs a { font-size: 13px !important; font-family: 'Mulish-Regular'; color: black; cursor: pointer; } .docsApplyNow .content-dashed .attachedDocs a:hover { color: #38b2e7; } .docsApplyNow .content-dashed .attachedDocs i { font-size: 22px; vertical-align: top; color: rgba(66, 69, 82, 0.65); } .docsApplyNow .content-dashed .attachedDocs i.downDoc { float: left; margin-right: 10px; margin-top: -7px; } .docsApplyNow .disabledUpload { position: relative; } .docsApplyNow .disabledUpload:after { position: absolute; background: rgba(255, 255, 255, 0); content: ''; top: 0; bottom: 0; left: 0; right: 0; } .docsApplyNow .disabledUpload a, .docsApplyNow .disabledUpload button label, .docsApplyNow .disabledUpload .btn { color: #c7ccce !important; } .docsApplyNow h4 { font-size: 15px !important; margin-top: 5px; } .docsApplyNow .indicator img { width: 25px; height: 26px; position: relative; top: -3px; } .docsApplyNow .indicator { position: absolute; bottom: auto; top: auto; top: 20px; left: 20px; font-size: 32px !important; color: #6c7083; padding: 2px 8px; border: 1px solid gainsboro; -webkit-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -khtml-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -ie-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -o-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -ms-box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ie-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .docsApplyNow .indicator:after { content: ''; display: block; display: inline-block; width: 20px; height: 20px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ie-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; right: -6px; bottom: -8px; border: 5px solid white; background: #fb7474; } .docsApplyNow .indicator.notReqFile:after { background: #faca6e; } .docsApplyNow .indicator.reqFile:after { background: #de57a6; } .docsApplyNow .indicator.optFile:after { background: #acacac; } .docsApplyNow ul li { margin-bottom: 3px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .docsApplyNow ul li:hover { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .docsApplyNow .btnExtraSmallGrey, .docsApplyNow .btnExtraSmallBlue, .docsApplyNow .btnExtraSmallGreen { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ie-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding: 4px 10px; height: 30px; font-size: 14px; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; margin-left: 3px; } .docsApplyNow .btnExtraSmallGrey i, .docsApplyNow .btnExtraSmallBlue i, .docsApplyNow .btnExtraSmallGreen i { font-size: 14px !important; } .docsApplyNow .btnExtraSmallGrey { background: #e5e5e5; } .docsApplyNow .btnExtraSmallBlue { background: #4ab9e9; color: white !important; } .docsApplyNow .btnExtraSmallBlue i { color: white !important; } .docsApplyNow .btnExtraSmallGreen { background: #b7cc88; color: white !important; } .docsApplyNow .btnExtraSmallGreen i { color: white !important; } .static { position: static; } .titleToTop { font-size: 19px; font-family: 'Mulish-Bold'; line-height: 27px; margin-bottom: 20px; margin-top: 35px; } .modal-body.fromProfile h5 { margin-top: 0px; border-bottom: 0px; } .modal-body.fromProfile .tooltip .tooltip-inner { width: auto !important; } .modal-body.fromProfile .proofDocs ul { margin: 30px 0; } .modal-body.fromProfile .proofDocs ul li { border-bottom: 1px solid #eaeaea; padding: 5px 0; } .modal-body.fromProfile .proofDocs ul li a, .modal-body.fromProfile .proofDocs ul li img { cursor: pointer; } .modal-body.fromProfile .proofDocs ul li:last-child { border: none; } .modal-body.fromProfile .proofDocs ul li .block { font-size: 13px !important; color: #8b8b8b; margin-top: 10px; } .helpCenter a:hover { color: #4ab9e9; } #ns-header #navigationBar .loginBar { height: 55px; } @media (max-width: 767px) { #ns-header { z-index: 99 !important; } } .eIDStatus { font-size: 13px; font-family: 'Mulish-Bold'; color: #292435; letter-spacing: 0; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; margin-top: 11px; } .eIDStatus:hover { color: #4ab9e9; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .serviceLevel { cursor: pointer; color: black; } .serviceLevel label { cursor: pointer; } .serviceLevel:hover { color: #4ab9e9; } .infopage { padding: 25px 20px; margin-bottom: 30px; } .infopage h2, .infopage h3, .infopage h4 { font-family: 'Mulish-Bold'; } .infopage h2 { font-size: 20px; margin-bottom: 20px; } .infopage h2 a { font-size: 20px; } .infopage h3 { margin-top: 30px; font-size: 18px !important; line-height: 20px; } .infopage h3 a { font-size: 18px; } .infopage h4 { margin-top: 20px; font-size: 16px !important; line-height: 20px; } .infopage ul { list-style: circle; padding-left: 25px; margin-left: 15px; margin-bottom: 20px; } .infopage ul li { margin-bottom: 10px; font-size: 14px; } .infopage p { margin-bottom: 15px; font-size: 14px; } .infopage a { font-family: 'Mulish-Bold'; font-size: 14px; } .supportSection .modal-dialog { padding-left: 0px; background-color: white; } .supportSection .modal-dialog .modal-content { padding: 0px; } .supportSection .modal-dialog .modal-content .modal-header { margin-bottom: 30px; padding: 0px 0px 20px; } @media (max-width: 340px) { .supportSection .modal-dialog .modal-content .modal-header { margin-bottom: 10px !important; } } .supportSection .modal-dialog .modal-content .modal-footer { padding: 20px 0 0 0; } .supportSection .modal-dialog .modal-content .modal-footer p { color: #717381; font-size: 13px; background: transparent; padding: 10px; margin: 0px; height: auto; } .supportSection .modal-dialog .modal-content .modal-footer p span { display: block; font-family: Mulish-Regular; margin-left: 10px; color: #292435; text-align: left; } .supportSection .modal-dialog .modal-content .modal-footer p span a { color: #171b30 !important; font-family: Mulish-Bold; font-size: 15px; display: inline-block; margin: 0px; padding-right: 10px; border-right: 1px solid #CECECE; text-decoration: underline; } .supportSection .modal-dialog .modal-content .modal-footer p span a:hover { color: #11346f !important; } .supportSection .modal-dialog .modal-content .modal-footer p span a:last-of-type { border-right: none; } @media (max-width: 340px) { .supportSection .modal-dialog .modal-content { padding: 40px 20px !important; } .supportSection .modal-dialog .modal-content .modal-footer p { margin: -21px -19px -40px !important; } .supportSection .modal-dialog .col-md-3 { padding: 0px 3px; } .supportSection .modal-dialog .supportBox { padding: 5px 0px 25px; } } .supportSection .close { position: absolute; top: 30px; right: 40px; font-size: 24px; } .supportSection .supportBox { color: #171b30; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 20px; border: 1px solid #76798926; border-radius: 8px; padding: 20px; position: relative; } .supportSection .supportBox .btn, .supportSection .supportBox button, .supportSection .supportBox a { -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; min-height: inherit; } .supportSection .supportBox .btn:before, .supportSection .supportBox button:before, .supportSection .supportBox a:before { content: ''; display: block; position: absolute; top: 0; bottom: 0px; left: 0px; right: 0px; } @media (max-width: 767px) { .supportSection .supportBox { margin-bottom: 0px; } } .supportSection .supportBox img { max-width: 30px; margin: 10px auto 15px; display: block; max-height: 30px; } .supportSection .supportBox a, .supportSection .supportBox button { color: #717381 !important; font-family: 'Mulish-Bold' !important; font-size: 13px !important; line-height: 16px; display: block; text-align: center; } .supportSection .supportBox button.btn, .supportSection .supportBox button span { background: transparent !important; margin: 0px auto; padding: 0px !important; border: none; background-image: none; white-space: normal; font-size: 16px; color: #292435 !important; max-width: 250px; outline: none; } @media (max-width: 565px) { .supportSection .supportBox button.btn, .supportSection .supportBox button span { font-size: 12px !important; } } .supportSection .supportBox button.btn:hover, .supportSection .supportBox button span:hover { background: transparent; color: black; } .supportSection .supportBox:hover { background: #F5F7FA; } .supportSection .supportBox:hover button.btn, .supportSection .supportBox:hover button span { color: black !important; } .wFull { width: 100% !important; margin-bottom: 10px; } .fsSmaller p { font-size: 13px; } .applyStatus .statusSpy { counter-reset: section; } .applyStatus .statusSpy tr { counter-increment: section; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #82838e; } .applyStatus .statusSpy tr th > div { padding: 12px 0; } .applyStatus .statusSpy tr.completed-state { color: rgba(0, 0, 0, 0.4); color: #82838e; border-bottom: 1px solid #dedede5e; } .applyStatus .statusSpy tr.completed-state strong { background: transparent !important; border: 0px solid #dce6c5; cursor: default; color: #717381; left: 0px; white-space: pre-wrap; padding-right: 20px; } @media (max-width: 1500px) and (min-width: 991px) { .timeline-body small, .timeline-heading small, .timeline-body label, .timeline-heading label, .applyStatus .statusSpy tr.completed-state strong { font-size: 12px !important; } } .applyStatus .statusSpy tr.completed-state strong:after { content: "\f3fd"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: -6px; left: 14px; font-size: 35px; z-index: 1; color: #15AC59; font-weight: bold; opacity: 0.7; } .applyStatus .statusSpy tr strong { position: relative; display: block; padding-left: 45px; color: #82838e; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; word-break: break-word; white-space: pre-wrap; } .applyStatus .statusSpy tr strong:before { display: block; height: 30px; width: 30px; background: #f1f3f47a; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ie-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; left: 5px; top: -5px; position: absolute; z-index: 1; color: #aaa; content: ''; } .applyStatus .statusSpy tr strong:after { content: counters(section, ".") " "; position: absolute; top: 0px; left: 16px; font-size: 15px; z-index: 1; color: #afafaf; } .applyStatus .statusSpy tr.activeState { color: black; } .applyStatus .statusSpy tr.activeState strong { color: black; } .applyStatus .statusSpy tr.activeState strong:before { background: #15AC59; content: "\f10b"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: white; padding: 8px 8px; left: 5px; text-align: center; } .applyStatus .statusSpy tr.activeState strong:after { content: ''; background: #f1f3f4; height: 30px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ie-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 30px; left: 5px; top: -5px; position: absolute; z-index: 0; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; } .applyStatus .statusSpy tr:hover { color: black; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyStatus .statusSpy tr:hover strong { color: black; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .applyOnline .apply-form-control .schema-form-array .btn-default .glyphicon-plus { position: absolute !important; text-transform: none; right: 0; top: 24px; } .pl30 { padding-left: 30px; } .vTopWrap th, .vTopWrap td { vertical-align: top !important; white-space: normal !important; overflow: inherit !important; } .alertTotal div { text-align: left; font-size: 13px; } @media (max-width: 991px) { .alertTotal div { max-height: 80px; overflow: auto; height: 100%; } } .alertTotal div p { font-size: 13px; } .alertTotal .close { top: 15px; bottom: auto; position: absolute; right: 20px; } #ns-header { display: block; z-index: 11; position: relative; } .switch.pull-left + p { padding-left: 55px; } .btn-continue-blue { background: #4ab9e9; color: white; } .serviceApply.affix .tooltip { display: none; } .eIdProfileLevel .eIdProfileStatus a { font-size: 13px; font-family: 'Mulish-Bold'; color: #666975; color: #b1b4bf; letter-spacing: 0; text-transform: lowercase; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; margin-top: 11px; } .wrapperDiv { display: flex; justify-content: space-between; align-items: stretch; align-content: center; flex-wrap: wrap; flex-direction: row; } .wrapperDiv .tableWrapper { width: 60%; } .wrapperDiv .eIdProfileLevel { width: 40%; max-height: 230px; border-radius: 8px; } .eIdProfileLevel strong { font-size: 15px; font-family: 'Mulish-Bold' !important; color: #292435 !important; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; } @media (max-width: 767px) { .eIdProfileLevel strong { font-size: 12px; } } .contentNow { position: relative; margin-bottom: 80px; } .contentNow #xmlGo { cursor: pointer; } .contentNow:before, .contentNow:after { clear: both; content: ''; display: table; } .contentNow p, .contentNow li, .contentNow a { font-size: 14px; margin-bottom: 15px; } .contentNow .whiteBox { padding: 10px 40px 20px; position: relative; margin-top: 30px; } @media (max-width: 767px) { .contentNow .whiteBox { padding: 10px 15px 20px; } } .contentNow .whiteBox img { position: absolute; right: 50px; top: -50px; width: 115px; } @media (max-width: 767px) { .contentNow .whiteBox img { right: 10px !important; width: 90px !important; } } .contentNow .whiteBox h3 { background: transparent; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; padding: 0px; font-size: 17px; margin-top: 40px; } .contentNow .whiteBox h3:after { display: none; } .contentNow .whiteBox .counter { counter-reset: list-counter; padding: 25px 0 0; } .contentNow .whiteBox .counter div { counter-increment: list-counter; } .contentNow .whiteBox .counter div p { margin-bottom: 40px; padding: 0 15% 0 0; } .contentNow .whiteBox .counter div p:before { content: counter(list-counter) ". "; background: #ebebed; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ie-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; font-family: 'Mulish-Bold'; padding: 7px 0px; text-align: center; width: 35px; height: 35px; display: inline-block; margin-right: 10px; float: left; margin-bottom: 40px; } @media (max-width: 767px) { .contentNow .whiteBox .counter div p:before { padding: 3px 0px; width: 25px; height: 25px; } } .contentNow .whiteBox .counter div p a { display: block; font-family: 'Mulish-Bold'; cursor: pointer; } .contentNow .whiteBox .counter div p span { display: block; padding-left: 40px; } @media (max-width: 767px) { .contentNow .whiteBox .counter div p span { padding-left: 35px; } } .contentNow h4 { text-transform: none; display: block; margin-bottom: 30px; font-family: 'Mulish-Bold'; font-size: 16px; position: relative; margin-top: 40px; } .contentNow a { font-family: 'Mulish-Bold'; } .contentNow h3 { margin-top: 65px; font-size: 17px; background-color: #e1eff3; padding: 30px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ie-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding-right: 30%; line-height: 23px; position: relative; } @media (max-width: 767px) { .contentNow h3 { font-size: 16px; line-height: 21px; } } .contentNow h3 img { position: absolute; right: 50px; top: -50px; width: 115px; } @media (max-width: 767px) { .contentNow h3 img { right: 10px !important; width: 75px !important; top: -90px !important; } } .contentNow h3:after { width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #e1eff3 transparent transparent transparent; content: ''; position: absolute; top: 100%; left: 30px; } .blockContent { padding: 20px 0px 0 0px; } .blockContent ul li { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 10px 40px #F3F3F3; border-radius: 8px; padding: 15px 20px; position: relative; } #aboutLevels .blockContent ul li::before { content: ''; position: absolute; left: 0px; top: 0px; bottom: 0px; border-radius: 0px 8px 8px 0px; width: 5px !important; height: 40px; top: 16px; width: 4px !important; padding: 0px; margin: 0px; } #aboutLevels .blockContent ul li.firstLevel::before { background: transparent linear-gradient(90deg, #EC4986 0%, #BC51A1 100%) 0% 0% no-repeat padding-box; } #aboutLevels .blockContent ul li.secondLevel::before { background: transparent linear-gradient(90deg, #48C3F3 0%, #6991D9 100%) 0% 0% no-repeat padding-box; } #aboutLevels .blockContent ul li.thirdLevel::before { background: transparent linear-gradient(90deg, #15AC59 0%, #30E782 100%) 0% 0% no-repeat padding-box; } @media (max-width: 767px) { .blockContent { padding: 0px 10px 0 10px; } } .blockContent ol { padding-left: 30px; margin: 15px 0 25px; } @media (max-width: 767px) { .blockContent ol { padding-left: 15px; } } .blockContent ul { margin-left: 30px; } .blockContent ul li { position: relative; } .blockContent ul li:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f10b"; font-size: 22px; vertical-align: sub; padding: 0 20px 0 0; position: absolute; left: -30px; color: #62c0e8; } .eIDland h3 { margin-top: 65px; font-size: 17px; background-color: #e1eff3; padding: 30px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ie-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; position: relative; padding-right: 30%; line-height: 23px; font-family: 'Mulish-Bold'; } .eIDland h3:after { width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #e1eff3 transparent transparent transparent; content: ''; position: absolute; top: 100%; left: 30px; } .eIDland h3 img { position: absolute; right: 50px; top: -50px; width: 115px; } .eIDland .mark-low-level, .eIDland .mark-high-level { color: white; padding: 0px 3px; border-radius: 3px; } .eIDland .mark-low-level { background-color: #7fd47f; } .eIDland .mark-high-level { background-color: #f37352; } .eIDland img { max-width: 100%; } .eIDland p, .eIDland li, .eIDland a { margin-bottom: 15px; font-size: 14px; } .eIDland a { font-family: 'Mulish-Bold'; } .eIDland p { line-height: 21px !important; } .eIDland .eIDLevels ul { margin-left: 30px; } .eIDland .eIDLevels ul li { position: relative; } .eIDland .eIDLevels ul li:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f10b"; font-size: 22px; vertical-align: sub; padding: 0 20px 0 0; position: absolute; left: -30px; color: #62c0e8; } .eIDland .eIDLevels ol { padding-left: 30px; margin: 15px 0 25px; } @media (max-width: 767px) { .eIDland .eIDLevels ol { padding-left: 15px; } } .eIDland h4 { text-transform: none; display: block; margin-bottom: 30px; font-family: 'Mulish-Bold'; font-size: 16px; position: relative; margin-top: 40px; } .scrollToTop { background-position: center; width: 73px; height: 73px; text-align: center; background: #f5f5f5; font-weight: bold; color: #444; text-decoration: none; position: fixed; bottom: 55px; right: 20px; display: none; background: url(../images/back_to_top.svg) no-repeat; z-index: 999; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 100; border-bottom: 0 solid #af005a; background-repeat: no-repeat; cursor: pointer; box-shadow: 0 5px 20px 3px #00000014; border-radius: 50px; } @media (max-width: 991px) { .scrollToTop { width: 50px; background-size: 62px; background-position: center; height: 50px; bottom: 100px; } .profileMenu { margin: 0; } .profileMenu .col-sm-6:nth-of-type(1) .profileItem { margin-top: 0px; } .profileMenuCollapse { margin: -27px 0px 0; background: white; border-bottom: 1px solid #e5e5e5; display: block; position: fixed; left: 0; top: 150px; right: 0; z-index: 22; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -ie-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } .profileMenuCollapse > a { display: block; padding: 15px 20px; color: #c2c5d2; font-family: 'Mulish-Bold'; background: #434757; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; } .profileMenuCollapse > a:after { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f3d0"; color: #c2c5d2; font-size: 22px; line-height: 20px; float: right; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .profileMenuCollapse > a.cXs:after { transform: rotate(-180deg); -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } } @media (min-width: 767px) { .modalHeaderAccesibility { display: none; } } @media (max-width: 767px) { #additionalNews > div > .container { padding-right: 0; padding-left: 0; } .alert.alert-warning .flexBetween { flex-direction: column; gap: 20px; } .statXS { margin-top: 0px !important; float: none !important; } .appXS { margin-bottom: 20px !important; } .timeline-heading { padding-left: 45px; } .timeline-body { padding-left: 10px; } .table.statusSpy td { white-space: normal; } .modalHeaderAccesibility { display: block; position: fixed; top: 0; right: 0px; left: 0px; z-index: 11; background: linear-gradient(270deg, rgb(17, 52, 111) 0%, rgb(176, 44, 132) 100%) 0% 0% no-repeat padding-box padding-box transparent; margin: 0px; padding: 8px 15px 5px 15px; } .closeAccesibility { padding: 0px; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; background: rgba(0, 0, 0, 0.36); position: relative; display: flex; align-items: center; justify-content: center; border: none; } .modalHeaderAccesibilityFlex { display: flex; justify-content: space-between; align-items: center; width: 100%; } #ns-header #settings .modalHeaderAccesibility .modalHeaderAccesibilityFlex img { margin: 0px !important; padding: 0px !important; height: auto !important; width: auto; margin-top: 2px !important; } #ns-header #topBar #settings .dropdown-menu { width: 95%; min-width: unset; left: 0px !important; right: 0px !important; border-radius: 20px !important; height: auto; top: 50px !important; margin: 0px auto !important; } #ns-header #topBar #settings .dropdown-menu .settWrap { width: 100%; right: 0px !important; left: 0px !important; margin: 0px auto !important; max-height: 100%; position: fixed !important; border-radius: 20px !important; scrollbar-width: thin; top: 0px !important; overflow: auto; padding-bottom: 50px !important; padding-top: 80px !important; z-index: 1; } #ns-header #topBar #settings .dropdown-menu .settWrap .flexEnd { margin-top: 35px; } #ns-header #topBar #settings .dropdown-menu .settWrap { padding-bottom: 20px; } .custom-checkbox, .custom-checkboxFonts { flex-direction: column !important; gap: 10px; } .custom-checkbox label, .custom-checkboxFonts label { width: 100% !important; max-width: unset !important; } #settings, #settings:hover, #settings:focus { /*display: none !important;*/ display: block !important; position: fixed !important; bottom: 25px; right: -50px; background: linear-gradient(126deg, #ae1f74, #75186e) !important; height: auto !important; border-radius: 50%; z-index: 9999999999; } .zoomWrapper, .cursorWrapper { display: none; } #ns-header #topBar #settings:hover > p::before, #ns-header #topBar #settings.active > p::before { /*background-image: url(../images/postavki.svg) !important;*/ background-image: url(../images/wheelchair.svg) !important; background-repeat: no-repeat; } #ns-header #topBar #settings:focus, #ns-header #topBar #settings.active { background: linear-gradient(126deg, #ae1f74, #75186e) !important; } #ns-header #topBar #settings > p { height: 50px !important; /* width: 50px !important;*/ width: 100%; /* padding: 25px 0px !important;*/ padding: 14px 15px 14px 40px !important; } .tableClean.table td, .tableClean.table th, .tableClean.table tr, .tableClean.table thead, .tableClean.table tbody { display: block; text-align: left !important; } .tableClean.table tr { border-bottom: 1px solid #e5e5e5; } .tableClean.table td { padding: 8px 0 0 !important; border-top: 0px solid #e5e5e5 !important; } .tableClean.table th { padding: 0 0 8px !important; } .appsBox { padding: 30px 30px; } .responseDocuments .requestDocs { padding: 55px 30px 30px; } .periodOfValid { padding-left: 0px; } .faqWrap .panel .panel-heading h4 a { padding: 15px 0px; } .a-details { padding: 10px 0px 10px; } .service-details-docs h5 { padding-right: 50px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #institutionsList h2 a.btn-icons { background-size: 50px !important; background-position: left 0px top 13px !important; min-height: inherit; } .btn-submit, .btn-shalter { background-size: 80px !important; background-position: left -10px top 13px !important; min-height: inherit; } #helpSteps p:before { background-color: transparent !important; background-image: none !important; -webkit-bacjground-clip: inherit !important; -webkite-text-fill-color: transparent !important; color: #4ab9e9 !important; } } @media (max-width: 767px) { .titleFixed .np-breadcrumb-title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; } .casysPayment .instancePayment .table tr { background-color: #fff; box-shadow: -3px 2px 13px 0 rgba(0, 0, 0, 0.03); margin-bottom: 10px; border-bottom: 1px solid #f1f1f1; } .casysPayment .instancePayment .table tr { margin-bottom: 0px; } .casysPayment .instancePayment .table tr td .edit-price { display: block; } .casysPayment .instancePayment .table tr td { text-align: left !important; border-bottom: 0px solid rgba(220, 220, 220, 0.3); border-top: 0px solid rgba(220, 220, 220, 0.3) !important; } .casysPayment .instancePayment .table tr td .text-right { text-align: left !important; } .casysPayment .instancePayment .table tr td:empty { display: none; } } .interactiveMapBanner { display: none !important; } @media (min-width: 768px) { .serviceMenu.menuOpen:before { content: ''; background: transparent; width: 165px; height: 60px; position: absolute; bottom: 100%; left: -15px; } } .pp30 .form-control[disabled], .pp50 .form-control[disabled], .pp30 input[disabled], .pp50 input[disabled], .pp30 select[disabled], .pp50 select[disabled] { background: #f7f7f7 !important; color: #45464c; } @media (max-width: 991px) { .col-sm-m0 { margin-top: 0px !important; } } .disclaimer { background: #fafafa; padding: 30px; margin-top: 40px; border: 1px solid #eaeaea; margin-bottom: 40px; } .disclaimer p { font-size: 14px; line-height: 21px; color: #505152; } .disclaimer img { height: 50px; } @media (max-width: 375px) { .eIdProfileLevel strong { padding-right: 0; } } @media (max-width: 325px) { .eIdProfileLevel strong { padding-right: 0; } } ::-webkit-scrollbar-track { background: rgba(0, 38, 67, 0.1); } ::-webkit-scrollbar-thumb { background: rgba(0, 38, 67, 0.2); } ::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.3); } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #dfdfe5; background: #ccced2; } ::-webkit-scrollbar-thumb { background: #38b3e7; background: #94969a; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ie-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } ::-webkit-scrollbar-thumb:hover { background: #806893; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .socialIcons { display: flex; justify-content: flex-end; align-items: center; align-content: center; flex-wrap: nowrap; flex-direction: row; gap: 20px; padding: 13px 8px; top: auto; bottom: 0px; right: 0px; position: absolute; } .socialIcons a { font-size: 20px; border-right: none !important; } .hidden-all { display: none; } .newG { overflow: auto; font-size: 14px; line-height: 17px; } .newG.in { background: rgba(0, 0, 0, 0.45); } .newG.in .modal-dialog { transform: translate(0px, -50%); top: 45%; width: 90% !important; max-width: 700px; } @media (max-width: 767px) { .newG.in .modal-dialog { transform: none; top: 0; } } .newG .modal-header { padding: 25px 30px; border-bottom: none; } .newG .modal-header .modal-title { font-size: 28px; line-height: 42px; } @media (max-width: 767px) { .newG .modal-header .modal-title { line-height: 28px; font-size: 22px; } } .newG .modal-body { padding: 30px; } .newG .modal-body p { font-size: 14px; line-height: 19px; } .newG .modal-footer { padding: 30px; text-align: right; border-top: none; } .newG.cookies .modal-header { padding: 30px 30px 0px; } .newG.cookies .modal-body { padding: 20px 30px 0px; } .newG.cookies .modal-body .panel-default { border: none; border-radius: 0; border-bottom: 1px solid #ddd; } .newG.cookies .modal-body .panel-default > .panel-heading { background-color: transparent; padding: 20px 0; position: relative; } .newG.cookies .modal-body .panel-default > .panel-heading .panel-title { padding-right: 145px; } .newG.cookies .modal-body .panel-default > .panel-heading .panel-title a { text-decoration: none; } .newG.cookies .modal-body .panel-default > .panel-heading .panel-title a:focus { text-decoration: none; } .newG.cookies .modal-body .panel-default > .panel-heading .panel-title h3 { font-size: 15px; margin-bottom: 7px; font-family: 'Mulish-Bold'; } .newG.cookies .modal-body .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top: none; padding-top: 0; line-height: 20px; } .newG.cookies .modal-body .panel-default .panel-body { padding: 15px 0; } .newG.cookies .modal-footer { padding: 0 !important; margin-top: 30px !important; } .newG.cookies .modal-footer .linkarea { display: flex; justify-content: flex-end; justify-content: space-between; flex-wrap: wrap; align-items: center; } .newG.cookies .modal-footer .linkarea li a { margin: 10px; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .newG.cookies .modal-footer .linkarea li a:hover { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media (max-width: 767px) { .newG.cookies .modal-footer .linkarea li a { margin: 0 0 20px 0; } } .newG.cookies .modal-footer .linkarea li:first-of-type a { background-color: transparent; font-family: 'Mulish-Bold'; } .newG.cookies .modal-footer .linkarea li:first-of-type a:hover { background-color: transparent; color: #199cd3 !important; } .newG.cookies .modal-footer .linkarea li:last-of-type a { margin-left: 20px; background: transparent linear-gradient(90deg, #353273 0%, #B02C84 100%) 0% 0% no-repeat padding-box; border-radius: 8px; color: white; } .newG.cookies .modal-footer .linkarea li:last-of-type a:hover { background-color: #199cd3; border-color: #199cd3; } @media (max-width: 767px) { .newG.cookies .modal-footer .linkarea li:last-of-type a { margin-left: 0px; } } @media (max-width: 767px) { .newG.cookies .modal-footer .linkarea li { text-align: center; } } @media (max-width: 767px) { .newG.cookies .modal-footer .linkarea { justify-content: space-between; flex-direction: column; } } .basic-questions { margin-top: 50px; } #settingsModal .modal-dialog img { position: absolute; left: 16px; top: 15px; width: 30px; } .newG.cookies.gdprSettings .modal-dialog { width: 43%; } .newG.cookies.gdprSettings .modal-dialog .modal-footer .linkarea { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; } .newG.cookies.gdprSettings .modal-dialog .modal-footer .linkarea li a { margin: 10px; } .newG.cookies.gdprSettings .modal-dialog .modal-footer .linkarea li:first-of-type a { background: transparent linear-gradient(104deg, #668bce29 0%, #668bce36 100%) 0% 0% no-repeat padding-box; border-radius: 8px; color: #2C5FB8; } .newG.cookies.gdprSettings .modal-dialog .modal-footer .linkarea li:first-of-type a:hover { background-color: transparent; color: #2a5297; } @media (max-width: 767px) { .newG.cookies.gdprSettings .modal-dialog { width: 93%; } } .newG.cookies.in { display: block; } .newG h4 { font-size: 15px; font-weight: 400; font-family: 'Mulish-Bold'; margin-bottom: 20px; } .newG.miniModal { position: fixed; bottom: 0; top: auto; height: auto; z-index: 99; background: rgba(0, 0, 0, 0.85); color: white; padding: 25px; overflow: hidden; font-size: 14px; line-height: 17px; } @media (max-width: 768px) { .newG.miniModal .text-right { text-align: left; margin-top: 11px; } } .newG.miniModal .btn-blue { font-size: 14px; } .newG.miniModal .btn-blue.btn-white { background-color: #ffffff; color: black !important; } .newG.miniModal .btn-blue.btn-white:hover { background-color: #fbf3e6; } .newG.miniModal .btn + .btn { margin-left: 10px; } .toggle { position: relative; } .toggle .slide-toggle { position: relative; display: inline-block; min-width: 91px; padding: 8px 36px 8px 24px; display: block; height: 34px; } .toggle .slide-toggle input { position: absolute; right: 0; top: 0; margin: auto; min-width: 91px; padding: 8px 36px 8px 24px; display: block; height: 34px; z-index: 4; opacity: 0; cursor: pointer; } .toggle .slide-toggle input + .yes { opacity: 0; background-color: #15AC59; border: 1px solid #72deb4; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .toggle .slide-toggle input + .yes i { left: 1px; right: auto; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .toggle .slide-toggle input + .yes + .no { opacity: 1; background-color: #cccccc; border: 1px solid #cccccc; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .toggle .slide-toggle input + .yes + .no i { left: 1px; right: auto; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .toggle .slide-toggle input:checked + .yes { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .toggle .slide-toggle input:checked + .yes i { right: 1px; left: auto; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .toggle .slide-toggle input:checked + .yes + .no { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .toggle .slide-toggle input:checked + .yes + .no i { right: 1px; left: auto; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .toggle .slide-toggle .yes { text-align: left; min-width: 100px; padding: 8px 20px; } .toggle .slide-toggle .no { text-align: right; min-width: 100px; padding: 8px 20px; } .toggle .slide-toggle .yes, .toggle .slide-toggle .no { position: absolute; right: 0; top: 0; color: white; border-radius: 18px; text-align: center; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-family: 'Mulish-Bold'; } .toggle .slide-toggle .yes i, .toggle .slide-toggle .no i { display: block; font-size: 32px; position: absolute; top: -1px; color: #fff; width: 30px; height: 30px; border-radius: 50%; background: white; bottom: 0; margin: auto; } .searchBox { margin-top: 20px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 18px 50px #E7EAF0; border-radius: 8px; } .searchBox .collapse:before, .searchBox .collapse:after { clear: both; display: table; content: ''; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .searchBox .collapse.in { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media (max-width: 768px) { .searchBox { margin-right: 0px; background: transparent; } } .searchBox > div { padding: 20px; } .searchBox > div:before, .searchBox > div:after { clear: both; display: table; content: ''; } @media (max-width: 768px) { .searchBox > div { margin-right: 0px; } } .searchBox:before, .searchBox:after { clear: both; display: table; content: ''; } .searchBox label { font-weight: normal; font-family: 'Mulish-Regular'; display: block; font-size: 13px; } .searchBox .form-control, .searchBox input, .searchBox select { font-size: 12px; -webkit-box-shadow: none !important; -khtml-box-shadow: none !important; -moz-box-shadow: none !important; -ie-box-shadow: none !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } .searchBox:before, .searchBox:after { clear: both; content: ''; display: block; } .searchBox .p0 { padding: 0px 5px; } .searchBox .ui-select-multiple.ui-select-bootstrap { min-height: 40px; padding-bottom: 4px; background: #FFFFFF 0% 0% no-repeat padding-box !important; border: 1px solid #CBCCD5; border-radius: 8px !important; height: 100%; padding: 0px; max-height: 40px; } .searchBox .ui-select-multiple.ui-select-bootstrap .ui-select-match::-webkit-scrollbar { width: 3px; height: 4px; } .searchBox .ui-select-multiple.ui-select-bootstrap .ui-select-match::-webkit-scrollbar-track { background: #f1f1f1; } .searchBox .ui-select-multiple.ui-select-bootstrap .ui-select-match::-webkit-scrollbar-thumb { background: #d7dae5; } .searchBox .ui-select-multiple.ui-select-bootstrap .ui-select-match::-webkit-scrollbar-thumb:hover { background: #c1c5d0; } .searchBox .ui-select-multiple.ui-select-bootstrap .ui-select-match { padding: 5px 8px; display: flex; flex-wrap: wrap; gap: 5px; align-items: center; justify-content: flex-start; align-content: center; margin-right: 35px; flex-direction: row; overflow: auto; flex-wrap: nowrap; flex-direction: row; margin-left: 3px; } .hasArrow .form-group { position: relative; } .hasArrow .form-group::before { content: ''; position: absolute; right: 15px; bottom: 10px; z-index: 1; width: 14px; height: 14px; background: url(../images/accordion-img.svg); background-size: contain; background-position: center; background-repeat: no-repeat; } .searchBox .ui-select-multiple.ui-select-bootstrap input.ui-select-search { width: calc(100% - 15px) !important; height: 100% !important; margin: 0 !important; padding: 10px 15px; position: absolute; top: 0; z-index: 0; } .searchBox .ui-select-multiple.ui-select-bootstrap .ui-select-match { position: relative; z-index: 1; } .searchBox .ui-select-bootstrap > .ui-select-choices, .searchBox .ui-select-bootstrap > .ui-select-no-choice { padding: 0px !important; } .searchBox .form-autocomplete input { padding-right: 10px; background: #FFFFFF 0% 0% no-repeat padding-box !important; border: 1px solid #CBCCD5; border-radius: 8px !important; } .searchBox .form-autocomplete:after { font-size: 19px !important; padding: 9px; height: auto; width: auto; display: none; } .searchBox .btn.btn-white { padding: 8px 15px; color: #9195a7; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 18px; background: transparent linear-gradient(124deg, #bbe3ff26 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 11px 30px #7c818829; } @media (max-width: 1199px) { .searchBox .btn.btn-white { padding: 7px 8px; } } @media (max-width: 991px) { .searchBox .btn.btn-white { padding: 7px 10px; } } .searchBox .btn.btn-white:hover { color: black; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .searchBox .btn.btn-blue { font-size: 14px !important; } @media (max-width: 1200px) { .searchBox .btn.btn-blue { padding: 10px 10px; } } .searchBox .mt22 { margin-top: 22px; } .searchBox .ui-select-multiple.ui-select-bootstrap .ui-select-match-item { margin: 0px; white-space: normal; text-align: left; border: none; background: #e3e3e978; padding: 3px 5px !important; box-shadow: none !important; white-space: nowrap; display: flex; flex-direction: row-reverse; } .searchBox .ui-select-multiple.ui-select-bootstrap .ui-select-match-item .close { color: #a3a7b9; opacity: 1; } .searchBox .ui-select-multiple.ui-select-bootstrap.dropdown > div { width: 100%; height: 100%; } .searchBox .btn-justified-wrapper .radio { margin: 0px !important; padding: 0px !important; } .searchBox .btn-justified-wrapper .radio .btn-default { padding: 10px 15px; border: #dadada 1px solid; color: #848790 !important; } @media (max-width: 576px) { .searchBox .btn-justified-wrapper .radio .btn-default { padding: 10px 10px; } } .searchBox .btn-justified-wrapper .radio .btn-default:hover { background-color: #f5f5f6; } .searchBox .btn-justified-wrapper .radio .btn-default.active { background-color: #f5f5f6; border: #dadada 1px solid; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; outline: 3px solid rgba(56, 179, 231, 0.3) !important; color: #171b30 !important; } .searchBox .btn-justified-wrapper .radio .btn-default.active:hover { background-color: #f5f5f6; border: #dadada 1px solid; } .tab-content .tabcontent .searchBox { background: transparent; padding: 25px 20px 25px 20px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; margin-right: 0px; } .tab-content .tabcontent .searchBox > div { padding: 0; } .tab-content .tabcontent .searchBox .col-md-4.pull-right.p0.text-right { margin-top: 22px; } .deleteShareEmail { color: rgba(255, 105, 105, 0.7); font-size: 22px !important; vertical-align: middle; margin-right: 5px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .deleteShareEmail:hover { color: #ff6969; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #containerId:before, #containerId:after { clear: both; content: ''; display: table; } .advancedSearchBtn { margin-top: -50px; margin-bottom: 20px; margin-right: 20px; position: relative; z-index: 1; font-family: 'Mulish-Bold'; background: white; color: #434757 !important; padding: 10px 25px 10px 20px; -webkit-box-shadow: 0 0 20px rgba(23, 27, 48, 0.05); -khtml-box-shadow: 0 0 20px rgba(23, 27, 48, 0.05); -moz-box-shadow: 0 0 20px rgba(23, 27, 48, 0.05); -ie-box-shadow: 0 0 20px rgba(23, 27, 48, 0.05); -o-box-shadow: 0 0 20px rgba(23, 27, 48, 0.05); -ms-box-shadow: 0 0 20px rgba(23, 27, 48, 0.05); box-shadow: 0 0 20px rgba(23, 27, 48, 0.05); font-size: 14px; } .advancedSearchBtn i { color: #4ab9e9; font-size: 24px; margin-right: 0px; margin-left: 5px; vertical-align: middle; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .advancedSearchBtn i:before { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .advancedSearchBtn i.ion-ios-search-strong { margin-right: 10px; margin-left: 0px; } .advancedSearchBtn:focus { background: white; } .advancedSearchBtn:focus span { color: #434757 !important; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .advancedSearchBtn:focus i { color: #4ab9e9; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .advancedSearchBtn:hover, .advancedSearchBtn.openSearch { background: white; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .advancedSearchBtn:hover span, .advancedSearchBtn.openSearch span { color: #434757 !important; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .advancedSearchBtn:hover i, .advancedSearchBtn.openSearch i { color: #c53c97 !important; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .advancedSearchBtn.openSearch i.ion-ios-arrow-down:before { transform: rotate(180deg); -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media (max-width: 991px) { .advancedSearchBtn { padding: 10px 20px 10px 20px; margin-top: 0px; display: block; width: auto; float: left !important; margin-left: 15px; margin-bottom: 10px; } .advancedSearchBtn .ion-ios-search-strong { margin-right: 0px; } .advancedSearchBtn .ion-ios-arrow-down { color: #434757 !important; } .advancedSearchBtn:hover, .advancedSearchBtn.openSearch { background: white; -webkit-box-shadow: 0 0 20px rgba(23, 27, 48, 0.05); -khtml-box-shadow: 0 0 20px rgba(23, 27, 48, 0.05); -moz-box-shadow: 0 0 20px rgba(23, 27, 48, 0.05); -ie-box-shadow: 0 0 20px rgba(23, 27, 48, 0.05); -o-box-shadow: 0 0 20px rgba(23, 27, 48, 0.05); -ms-box-shadow: 0 0 20px rgba(23, 27, 48, 0.05); box-shadow: 0 0 20px rgba(23, 27, 48, 0.05); } } @media (max-width: 767px) { .advancedSearchBtn { margin-top: 10px; margin-bottom: 10px; } } .institutionTitle { font-size: 16px; line-height: 24px; font-family: 'Mulish-Bold'; border-bottom: 1px solid #dadada; padding-bottom: 25px; padding-right: 23%; } @media (max-width: 991px) { .institutionTitle { padding-right: 0px; font-size: 14px; } } .inline-block { display: inline-block; } .flexItem { display: flex; flex-wrap: nowrap; } @media (max-width: 991px) { .flexItem { flex-direction: column; } } .flexItem .flexIn { padding: 30px 35px; padding-bottom: 45px; } .flexItem .flexIn.flexLeft { width: 100%; } .flexItem .flexIn.flexLeft h3 { margin-top: 10px !important; cursor: pointer; margin-left: 0px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; padding-right: 45px; } .flexItem .flexIn.flexLeft h3 svg { position: absolute; top: 0; right: 0; } .flexItem .flexIn.flexLeft:hover h3 { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .flexItem .flexIn.flexLeft .o6 { color: #292435ba; margin-top: 5px; font-size: 14px; font-family: 'Mulish-Bold'; } .flexItem .flexIn.flexLeft .serviceIntro { font-size: 14px; cursor: pointer; display: block; color: #292435; font-family: 'Mulish-Bold'; } .flexItem .flexIn.flexLeft .serviceIntro p { font-size: 14px; margin-bottom: 0px; text-align: left; } body.body-right .newsListingHomePage .three-news-wrap .wrapper .newsBox .title, body.body-right .newsListingHomePage .three-news-wrap .wrapper .newsBox p.intro, body.body-right .flexItem .flexIn.flexLeft .serviceIntro p { text-align: right; } body.body-center .upgradeWrapperEID a, body.body-center .newsListingHomePage .three-news-wrap .wrapper .newsBox .title, body.body-center .newsListingHomePage .three-news-wrap .wrapper .newsBox p.intro, body.body-center .flexItem .flexIn.flexLeft .serviceIntro p { text-align: center; } body.body-right .upgradeWrapperEID a { text-align: right; padding-right: 45px; } body.body-left .newsListingHomePage .three-news-wrap .wrapper .newsBox .title, body.body-left .newsListingHomePage .three-news-wrap .wrapper .newsBox p.intro { text-align: left; } .flexItem .flexIn.flexLeft .aInst { color: #98afb9; font-size: 11px !important; line-height: 16px; display: inline-block; } @media (max-width: 991px) { .flexItem .flexIn.flexLeft .aInst { margin-top: 10px; } } .flexItem .flexIn.flexLeft .aInst:hover { color: #4ab9e9; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media (max-width: 991px) { .flexItem .flexIn.flexLeft { width: 100%; } } .boxForFavoriteServices:hover { box-shadow: 0px 25px 20px #e7eaf0f7 !important; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .boxForFavoriteServices { -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .flexItem .flexIn.flexRight.fullClass { display: none; } .flexItem .flexIn.flexRight { text-align: center; background: transparent; border-left: 1px solid #f1f1f1; display: flex; flex-direction: column-reverse; justify-content: flex-start; justify-content: space-between; width: 25%; min-width: 255px; } @media (max-width: 991px) { .flexItem .flexIn.flexRight { width: 100%; padding-bottom: 75px; } } .flexItem .flexIn.flexRight .btn-blue { display: block; } .flexItem .flexIn.flexRight .btn-blue svg { vertical-align: sub; } .flexItem .flexIn.flexRight .itemStatus { text-align: left; text-align: left; display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-start; align-content: center; gap: 30px; } @media (max-width: 991px) { .flexItem .flexIn.flexRight .itemStatus { margin-top: 10px; } } .flexItem .flexIn.flexRight .itemStatus .inline-block { float: right; margin-top: 5px; } .servicesList .serviceItem { padding: 0px; } .dropMenu .btn-default { width: 100%; border-radius: 0; display: block; padding: 15px 20px; border: 1px solid #dcdcdc; margin-top: 10px; font-size: 14px !important; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-shadow: 1px 3px 13px 0px rgba(0, 0, 0, 0.03); background-color: white; color: #171b30; font-family: 'Mulish-Bold'; text-align: left; } .dropMenu .btn-default:hover { background: #f1f1f1 !important; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .dropMenu .btn-default i { font-size: 21px; line-height: 10px; vertical-align: inherit; margin-right: 15px; } .dropMenu .btn-default span + i { float: right; margin-right: 0px; } .dropMenu .dropdown-menu { width: 100%; border: none; padding: 10px; } .dropMenu .dropdown-menu a { margin-top: 0px; white-space: normal; padding: 7px 15px; border-bottom: 1px solid #eaeaea; cursor: pointer; font-family: 'Mulish-Bold'; font-size: 13px; } .dropMenu .dropdown-menu a:hover { color: #4ab9e9; background: transparent; } .dropMenu .dropdown-menu li:last-child a { border-bottom: none; } .profileChoose { display: block; padding: 0px 0px; text-align: right; } .flexedNewWrapper { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; align-content: center; flex-wrap: nowrap; } .searchBox .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group { flex-wrap: wrap !important; } .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group { background: transparent linear-gradient(82deg, #FFFFFFA8 0%, #FFFFFFAD 65%, #FFFFFF 100%) 0% 0% no-repeat padding-box; padding: 8px; box-shadow: 0px 25px 40px #D2DDF866; border-radius: 8px; width: 100%; display: flex; align-items: center; justify-content: center; align-content: center; /* flex-wrap: nowrap;*/ flex-direction: row; gap: 10px; flex-wrap: wrap; } .searchBox .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group { box-shadow: none; margin-bottom: 20px !important; } .menuItemsWrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center; gap: 0px; margin-top: 30px; margin-right: -20px; margin-left: -20px; } h4.profileSubHeading { color: #292435; font-size: 22px; font-family: Mulish-ExtraBold; margin-top: 20px; padding-top: 30px; } .userProfile p small { font-size: 14px; } .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label { padding: 10px 20px; flex: 1 1 0; color: #292435; background: transparent; box-shadow: none !important; outline: none; border: none !important; background: #edf2fa; transition: all ease-in .3s; } @media (max-width: 565px) { .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label { white-space: normal; } } .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label:hover { color: #B02C84; transition: all ease-in .3s; } .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label:last-child:hover { color: #1c326d; transition: all ease-in .3s; } .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label.active { background: #3768bd26 0% 0% no-repeat padding-box; color: #B02C84; font-family: 'Mulish-Bold'; } .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label.active:first-of-type { border-radius: 6px 0px 0px 6px; } .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label.active:last-of-type { border-radius: 0px 6px 6px 0px; } .profileChoose .btn-group.checkbox, .profileChoose .btn-group.radio { margin-bottom: 0px !important; margin-top: 2px; } .profileChoose .btn-group.checkbox label, .profileChoose .btn-group.radio label { padding: 10px 20px; border: 1px solid #eaeaea; } .profileChoose .btn-group.checkbox label.active, .profileChoose .btn-group.radio label.active { border: 1px solid #eaeaea; } .profileChooseIn { display: flex; justify-content: space-between; padding: 0 20px; text-align: right; margin-top: 0px; margin-bottom: 0px; align-items: center; } .profileChooseIn .btn-group.checkbox, .profileChooseIn .btn-group.radio { margin-bottom: 0px !important; margin-top: 2px; } .profileChooseIn .btn-group.checkbox label, .profileChooseIn .btn-group.radio label { padding: 10px 20px; border: 1px solid #eaeaea; } .profileChooseIn .btn-group.checkbox label.active, .profileChooseIn .btn-group.radio label.active { border: 1px solid #eaeaea; } .legalWrap { max-height: 300px; padding-right: 10px; overflow-y: auto; position: relative; } .legalWrap .notifyItem.profileLegal { padding: 13px 30px 13px 30px; background: #f9f9f9; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ie-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } @media (max-width: 565px) { .legalWrap .notifyItem.profileLegal label { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; } } .legalWrap .notifyItem.profileLegal small { font-size: 12px !important; } .legalWrap .notifyItem.profileLegal label { font-size: 14px; margin-top: 7px; } .legalWrap .notifyItem.profileLegal .statusTicket { left: 20px; top: 15px; font-size: 10px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1; } .legalWrap .notifyItem.profileLegal:hover { background: rgba(220, 234, 239, 0.5); } .legalWrap .notifyItem.profileLegal a.details { font-size: 21px !important; } .legalWrap::-webkit-scrollbar { width: 3px; height: 3px; } .legalWrap::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); } .legalWrap::-webkit-scrollbar-thumb { background: #f37352; } .legalTab { padding: 20px 40px; } .legalTab .table td { padding: 10px 10px !important; white-space: normal; } .p25 { padding: 0 20px 0 30px; margin-top: 14px !important; } .serviceDetailsBox .printOnly p { margin-bottom: 0px !important; } .printOnly { display: none; } @media print { .printOnly { display: block; } #clickdesk-appendable-bubble, .cd-bubble.clickdesk_bubble.top_to_bottom { display: none !important; } a[href]:after { content: none !important; } * { font-size: 14px; } #main_content { margin-top: 0 !important; } .full-content { padding: 0 !important; } .scrollNav { display: none; } html, body { margin: 0 !important; padding: 0 !important; page-break-before: always; page-break-after: always; } .serviceItem { page-break-after: auto; page-break-before: auto; } #navigationBar, .breadcrumbs, #topBar .xspLR0, np-loader, #footer, .profileMenuCollapse { display: none; } .col-md-push-9 { width: 100%; left: 0; } .col-md-push-9 .affixWrap { height: auto !important; margin-bottom: 20px; } .col-md-push-9 .affixWrap .serviceApply { box-shadow: none; border: 0px solid rgba(220, 220, 220, 0.32); padding: 0; background-image: none; } .col-md-push-9 .affixWrap .serviceApply .status, .col-md-push-9 .affixWrap .serviceApply .pb0 { display: none; } .col-md-push-9 .affixWrap .serviceApply h3.text-center { text-align: left !important; } .col-md-push-9 .affixWrap .serviceApply .btn-blue { display: none; } .col-md-push-9 + .col-md-6 { width: 100%; } .col-md-push-9 .dropMenu { display: none; } .full-content { padding: 0; } .logo { display: none !important; } .serviceDetailsBox .btn-more, .serviceDetailsBox .indicator, .serviceDetailsBox .download, .serviceDetailsBox .inlineTicket, .serviceDetailsBox .visible-xs.visible-sm.mt50 { display: none !important; } .serviceDetailsBox .servicePayment .table tr td { vertical-align: bottom; } .serviceDetailsBox .requestDocs li:not(.conditions) h5, .serviceDetailsBox .proofDocs li:not(.conditions) h5 { padding-left: 0; border: none; padding-bottom: 0px; margin-bottom: 0px; min-height: initial; } .serviceDetailsBox .requestDocs, .serviceDetailsBox .proofDocs { padding-left: 0; } .serviceDetailsBox h5.border-bottom { margin: 10px 0 0; padding: 0; } .proofDocs .proofDescription, .responseDocuments .proofDescription { margin-left: 0px; padding-right: 0px; } .service-details-docs .requestDocs > li, .service-details-docs .proofDocs > li { padding: 0; min-height: initial; } .serviceDetailsBox .firstRequestDoc .panel-heading { padding-top: 0; margin-top: 0; } .serviceDetailsBox .appsBox.alert.alert-info h4 { font-family: 'Mulish-Bold'; margin-bottom: 0px; margin-top: 20px; } .serviceDetailsBox .table tbody td, .table tbody th { border-top: 0px solid #e5e5e5 !important; } .serviceDetailsBox .servicePayment .table a { display: none; } .serviceDetailsBox .titleBorder { margin-bottom: 0px; } .serviceResponse .alert.alert-warning { border: none; padding: 0; margin: 0; margin-top: 5px; } .serviceResponse .alert.alert-warning i { display: none; } .serviceResponse .responseDocuments .requestDocs { border: 0px solid #dcdcdc; padding: 0; text-align: left; position: relative; margin-top: 10px; } .serviceResponse .responseDocuments .delivery { margin-top: 10px; padding-left: 0; } .serviceMoreInfo div { display: none; } .serviceMoreInfo div:first-of-type { display: block !important; } } body .clickdesk-minimalistic .cd-chat-inner .cd-form-sec input.cd-form-text, body .clickdesk-minimalistic .cd-chat-inner .cd-form-sec textarea, body .clickdesk-minimalistic .cd-chat-inner .cd-form-sec select.cd-form-text, body .clickdesk-minimalistic .cd-chat-inner .cd-form-sec input.cd-form-text:focus, body .clickdesk-minimalistic .cd-chat-inner .cd-form-sec textarea:focus, body .clickdesk-minimalistic .cd-chat-inner .cd-form-sec select.cd-form-text:focus { background: #fff !important; border: 2px solid #e5e5e5 !important; border-radius: 3px 3px 3px 3px !important; padding: 5px 11px 5px 8px !important; color: #404040 !important; } body #clickdesk_popup { box-shadow: 0 0 20px rgba(0, 0, 0, 0.15) !important; padding: 10px !important; background: white !important; } body .clickdesk-minimalistic * { color: #171b30 !important; } body .clickdesk-minimalistic div#clickdesk_smilediv div { background-color: #393945 !important; } body .clickdesk-minimalistic #cd_user_rating { background: #393945 !important; } body .clickdesk-minimalistic .cd-chat-inner .clickdesk-command-option { background: #c0c0d2 !important; } body .clickdesk-minimalistic .cd-chat-inner .clickdesk-command-option ul li { border-right: 0px solid #17a9e9 !important; border-left: 0px solid #8cd4f4 !important; } body .clickdesk-minimalistic .cd-chat-inner #ClickdeskofflinethxMsgName, body .clickdesk-minimalistic .cd-chat-inner #ClickdeskofflinethxMsgVal { color: #171b30 !important; } body .clickdesk-minimalistic .cd-chat-inner * { color: #171b30 !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-chat-inner-title { width: 100% !important; } body .clickdesk-minimalistic .cd-chat-inner a.clickdesk_min { background-color: #38b2e6 !important; left: auto !important; right: 35px; } body .clickdesk-minimalistic .cd-chat-inner a.clickdesk_close { background-color: #c1c1dc !important; left: auto !important; right: 15px; } body .clickdesk-minimalistic .cd-chat-inner .cd-form-sec { background-color: #ffffff !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-form-sec .cd-comment-write { border: 1px solid #e5e5e5 !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-form-sec .clickdesk-minimalistic .cd-chat-inner .cd-form-sec .cd-errordiv { color: #e83959 !important; background: #ffffff !important; line-height: 16px !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-form-sec p { color: #171b30 !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-form-sec input.cd-chat-button { border: none !important; border-radius: 2px !important; box-shadow: none !important; background-color: #38b2e6 !important; background-image: none !important; padding: 10px !important; color: white !important; position: absolute; right: 10px; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } body .clickdesk-minimalistic .cd-chat-inner .cd-form-sec input.cd-chat-button:hover { border: none !important; border-radius: 2px !important; box-shadow: none !important; background-image: none !important; padding: 10px !important; color: white !important; position: absolute; right: 10px; background-color: #8f426c !important; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } body .clickdesk-minimalistic .cd-chat-inner .cd-chat-inner-top .cd-header-left { background-color: #ffffff !important; border-radius: 2px !important; width: 80% !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-chat-inner-top .cd-header-right { width: 20% !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-chat-inner-top .cd-header-right .cd-header-right-bottom { border-radius: 0 0px 0 0 !important; background-color: #ffffff !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-chat-inner-top .cd-header-right .cd-header-right-top { background-color: #ffffff !important; } body .clickdesk-minimalistic .cd-chat-inner div.cd-livily-content { background-color: #ffffff !important; padding-bottom: 25px !important; } body .clickdesk-minimalistic .cd-chat-inner #ClickDeskMetaData + #ClickDeskMetaData { border-top: 1px solid #e5e5e5 !important; padding-top: 10px !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-comment-area { height: 250px !important; max-height: 250px !important; padding-right: 10px !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-comment-area .cd_rewrite_system { margin-top: 10px !important; background: #f9f9fa !important; padding: 10px !important; font-size: 11px !important; text-align: center !important; margin-bottom: 10px !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-comment-area span.cd-chat-name { color: #a0337c !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-chat-inner-title { color: #171b30 !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-footer { background-color: #ffffff !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-footer .clickdesk-branding { background-color: #ffffff !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-footer .clickdesk-branding .footer-icons-sec { position: absolute; background: #38b2e6 !important; padding: 10px !important; bottom: 19px; left: 28px; width: auto !important; border-radius: 2px !important; z-index: 1111111; } body #clickdesk-appendable-bubble .clickdesk-minimalistic .cd-bar { color: #171b30 !important; color: white !important; display: block; width: auto !important; background-color: #ffffff !important; background-color: #8f426c !important; border: 0px solid #fff !important; border-bottom-width: 0px !important; border-radius: 2px 2px 0 0 !important; box-shadow: 0 0 40px rgba(23, 27, 48, 0.3) !important; padding: 5px 30px 5px 20px !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-comment-area { border: 2px solid #fff !important; padding-left: 0px !important; padding-right: 0px !important; } body .clickdesk-minimalistic .cd-chat-inner .cd-comment-area div.ClickDeskTime { top: 7px; } body .clickdesk-minimalistic .cd-chat-inner .cd-comment-area div.ClickDeskMeta { display: block; border-top: 1px solid #f1f1f1 !important; padding-top: 10px !important; } .lowcase { text-transform: lowercase; } .infoCount { background: white; margin: 15px 0; padding: 10px 15px; position: relative; } .infoCount h4 { color: #292435; top: 0px; position: relative; font-weight: bold; text-transform: none; flex-wrap: wrap; white-space: normal; word-break: break-word; font-weight: normal; font-size: 16px; font-family: 'Mulish-ExtraBold'; display: block; margin-bottom: 20px; height: 50px; display: flex; align-items: center; } .infoCount.yel h4 { margin-bottom: 55px; } .infoCount.grn h4 span { top: 8px; } @media (max-width: 991px) { .infoCount.grn h4 span { top: 16px; white-space: nowrap; } } .infoCount.grn .infoItems .numberCount { color: #B70F74; } .infoCount.yel .infoItems .numberCount { color: #654FBD; } .infoCount.prp .infoItems .numberCount { color: #3768BD; } .infoCount.blue .infoItems .numberCount { color: #D53D0B; } .infoCount h4 span { color: #292435; top: 16px; position: relative; font-weight: bold; text-transform: none; flex-wrap: wrap; white-space: pre-wrap; word-break: auto-phrase; font-family: Mulish-ExtraBold; font-size: 16px; padding-left: 60px; top: 8px; display: block; position: static; /* padding-top: 9px;*/ white-space: normal !important; word-break: break-word; max-width: 250px; } .infoCount.grn h4:after { background: url(../images/korisnici_new.svg); } .infoCount.yel h4:after { background: url(../images/institucii_new.svg); } .infoCount.prp h4:after { background: url(../images/uslugi_new.svg); } .infoCount.blue h4:after { background: url(../images/baranja_new.svg); } .infoCount.rainbox h4:after { background: url(../images/eid_logo_blue.svg); } .infoCount h4:after { content: ''; position: absolute; left: 10px; width: 35px; height: 30px; /*top: 10px;*/ top: 50%; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; transform: translateY(-50%); } .infoCount h4:before { height: 50px; width: 4px; content: " "; display: inline-block; border-radius: 10px; position: absolute; left: -15px; top: 0px; border-radius: 0px 6px 6px 0px; } .infoCount.grn h4:before { background: transparent linear-gradient(180deg, #ec49868a 0%, #BC51A1 100%) 0% 0% no-repeat padding-box; } .infoCount.yel h4:before { background: transparent linear-gradient(180deg, #875fc082 0%, #614DBC 100%) 0% 0% no-repeat padding-box; } .infoCount.prp h4:before { background: transparent linear-gradient(180deg, #48C3F3 0%, #6991D9 100%) 0% 0% no-repeat padding-box; } .infoCount.blue h4:before { background: transparent linear-gradient(180deg, #FFB82F 0%, #e0582c 100%) 0% 0% no-repeat padding-box; } .infoCount.rainbox h4:before { background: linear-gradient(90.11deg, #B3FF00 -50.66%, #38B2E6 99.9%); } .numberCount { width: 100%; display: inline-block; font-size: 18px; font-family: 'Mulish-ExtraBold'; vertical-align: middle; } .infoItems { margin: 0 0 10px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; align-content: center; flex-wrap: nowrap; padding-left: 12px; } .wrapperSponsors .box h4 { margin-bottom: 2px; font-family: 'Mulish-Bold'; } .descCount { position: relative; padding: 0px; color: #4C4C4C; font-size: 15px; font-family: 'Mulish-Regular'; } .totalCount { position: absolute; right: 0; top: 0; font-size: 18px; font-family: 'Mulish-Bold'; padding: 10px 20px; background: #F8F9FB; } #statistics { padding: 40px 15px 80px 15px !important; } .pointerCount { cursor: pointer; } @media (max-width: 991px) { #statistics { padding: 40px 15px 100px 15px !important; } .numberCount { position: relative; width: 100%; display: flex; justify-content: flex-start; font-size: 20px; font-family: 'Mulish-Bold'; vertical-align: middle; -ms-transform: translate(-50%, -50%); align-items: center; } } .disabledAnchor { cursor: not-allowed; opacity: .5; outline: none !important; } .npNoShadow { position: relative; z-index: 0; } div[ng-if="noResults"] { position: absolute; font-size: 12px; color: #c53c97; } .searchBox .form-group { position: relative; } .custom-checkboxFonts { flex-wrap: wrap !important; gap: 10px; } .custom-checkboxFonts > div { position: relative; } .custom-checkbox, .custom-checkboxFonts { display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: stretch; flex-direction: row; } .custom-checkboxFonts input[type="checkbox"], .custom-checkbox input[type="checkbox"] { display: none; } .custom-checkboxFonts label, .custom-checkbox label { display: inline-flex; align-items: center; justify-content: flex-start; flex-direction: row; font-family: Arial, sans-serif; font-size: 14px; color: #333; border: 2px solid #76798926; border-radius: 8px; padding: 15px 20px; cursor: pointer; text-align: center; margin: 0px; min-width: 210px; max-width: 210px; flex: 1 1 0; width: auto; transition: border-color 0.3s ease; gap: 15px; } .subHeadingSettings { text-transform: uppercase; } .custom-checkboxFonts input[type="checkbox"]:checked + label, .custom-checkbox input[type="checkbox"]:checked + label { border-color: #B02C8480; position: relative; } .custom-checkboxFonts .checkbox-text { padding-right: 40px; } .custom-checkboxFonts .checkbox-text, .custom-checkbox .checkbox-text { font-family: 'Mulish-Regular'; text-align: left; } .custom-checkboxFonts input[type="checkbox"]:checked + label .checkbox-text, .custom-checkbox input[type="checkbox"]:checked + label .checkbox-text { font-family: 'Mulish-Bold'; text-align: left; user-select: none; } .imageBox3.normalFont { background-size: 20px !important; } .accIcon { width: 25px; height: 25px; min-width: 25px; max-width: 25px; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } .cursorBigIcon { background: url(../images/kursor.svg); } .highlightLinksIcon { background: url(../images/linkovi.svg); } .custom-checkboxFonts .imageBox3 { background: url(../images/golemina.svg); } .contrastIcon { background: url(../images/kontrast.svg); } .hideImagesIcon { background: url(../images/hide-images.svg); } .hideAnimationsIcon { background: url(../images/hide-animations.svg); } .colorSaturationIcon { background: url(../images/zasitenost-boi.svg); } .lineHeightIcon { background: url(../images/line-height.svg); } .textHelperIcon { background: url(../images/text-helper.svg); } .textAlignIcon { background: url(../images/text-align.svg); } .letterSpacingIcon { background: url(../images/letter-spacing.svg); } .dislexyIcon { background: url(../images/dislexy-icon.svg); } #lifeEvents { padding-bottom: 50px; /*min-height: 615px;*/ min-height: unset; } #lifeEvents .flexWrapper { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; } @media (max-width: 991px) { #lifeEvents .flexWrapper { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 565px) { #lifeEvents .flexWrapper { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important; gap: 16px; } #lifeEvents .flexWrapper li.lifeBox { padding: 30px; height: auto; max-width: 160px; } #lifeEvents .flexWrapper a h3 span { display: none; } #lifeEvents .flexWrapper .lifeBox a { bottom: 0px; top: 0px; } .row.flexWrapper::after { display: none; } } @media (max-width: 768px) { #lifeEvents .flexWrapper { grid-template-columns: repeat(2, 1fr); } } #lifeEvents h2 { font-family: Mulish-ExtraBold; margin-bottom: 50px; } #lifeEvents .flexWrapper .lifeBox:hover { background: url(../images/hover_new.jpg); transition: 0.3s ease-in-out all; background-position: top; background-size: cover; background-repeat: no-repeat; } #lifeEvents .flexWrapper .lifeBox { background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFFF5 43%, #FFFFFFC4 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 20px 40px #E7EAF080; border-radius: 8px; width: 100%; height: 130px; transition: 0.3s ease-in-out all; } #lifeEvents .flexWrapper .lifeBox a { height: 100%; width: 100%; position: absolute; left: 0; right: 0; } #lifeEvents .flexWrapper::before { display: none; } #lifeEvents .flexWrapper .lifeBox h3 span { font-size: 14px; color: #292435; text-align: center; } #lifeEvents .flexWrapper .lifeBox h3 { font-size: 17px; font-family: 'Mulish-Bold'; display: flex; flex-direction: column; align-items: center; justify-content: center; align-content: center; flex-wrap: nowrap; height: 100%; width: 100%; margin: 0px; gap: 20px; } .inlineImgSmall span { font-family: Mulish-Bold; } .flexWrapperDocuments { display: flex; justify-content: space-between; align-items: center; align-content: center; flex-wrap: nowrap; flex-direction: row; margin-top: 30px; } .flexWrapperDocuments .documentsDate { background: #15ac5917 0% 0% no-repeat padding-box; border-radius: 19px; color: #292435 !important; font-family: Mulish-Bold; padding: 5px 15px 5px 40px; position: relative; opacity: 0.7 !important; } .flexWrapperDocuments .documentsDate::before { content: ''; position: absolute; left: 12px; top: 8px; background-image: url(../images/directbox-receive.svg); background-repeat: no-repeat; background-size: contain; background-position: center; width: 18px; height: 18px; } .flexStart { display: flex; align-items: center; justify-content: flex-start; gap: 20px; } .flexStart svg { margin-left: -5px; margin-bottom: 10px; } .flexStart img { width: 20px; height: 20px; } .eIDStatusWrapper { display: flex; flex-direction: column; gap: 5px; justify-content: flex-end; align-items: flex-end; } .eIDStatusWrapper .tooltip, .eIDStatusWrapper .tooltip-inner { width: auto !important; max-width: 60px !important; min-width: 60px !important; } .eIDStatusWrapper .statusWrapper { display: flex; gap: 3px; align-content: center; justify-content: center; align-items: center; flex-direction: row; padding-bottom: 10px; } .eIDStatusWrapper .statusWrapper .default-gray { background: #DBDBDC; width: 30px; height: 3px; } .eIDStatusWrapper .statusWrapper .default-gray.nisko { /* background: #15AC59;*/ background: transparent linear-gradient(270deg, #EC4986 0%, #BC51A1 100%) 0% 0% no-repeat padding-box; width: 35px; } .eIDStatusWrapper .statusWrapper .default-gray.osnovno { /* background: #FAD942;*/ background: transparent linear-gradient(270deg, #48C3F3 0%, #6991D9 100%) 0% 0% no-repeat padding-box; width: 35px; } .eIDStatusWrapper .statusWrapper .default-gray.visoko { /* background: #F21A3E;*/ background: transparent linear-gradient(270deg, #15AC59 0%, #30E782 100%) 0% 0% no-repeat padding-box; width: 35px; } .flexRight.flexIn a.btn-submit { width: 100%; } a.flexLeft.flexIn h3 { color: #292435; } p.serviceIntro { color: #292435; } .actionForNotifications { text-align: right; padding-bottom: 20px; } .actionForNotifications a { text-decoration: underline; color: #292435; } .adminPageAreaDesignText + div > .handle + div { height: 40px; background: rgba(0,0,0,.1); } .adminPageAreaDesignText { color: red; font-size: 12px; } .servicesBox .additionalNewsItem h2 { margin-top: 0px; } .wrapperSponsors { display: flex; width: 100%; gap: 30px; justify-content: space-between; flex-wrap: wrap; margin-top: 80px; padding: 0px 15px; } .box { min-width: 300px; flex: 1 1 0; width: 100%; color: white; padding: 20px 30px; border-radius: 8px; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; } .box h4 { margin-top: 0px; } .box.secondOne a, .box.thirdOne a, .box.firstOne a { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; } .box.firstOne { background: url(../images/interaktivna-mapa.png); background-size: cover; background-position: center; background-repeat: no-repeat; } .box.secondOne { background: url(../images/open-balcan-bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; } .box.thirdOne { background: transparent linear-gradient(169deg, #395381 0%, #142748 100%) 0% 0% no-repeat padding-box; } .wrapperSearchBoxClass { display: flex; width: 100%; justify-content: space-between; align-items: center; } .wrapperSearchBoxClass .col-sm-4 .form-group { margin-bottom: 0px !important; } .wrapperSearchBoxClass .buttonFlex { display: flex; justify-content: flex-end; align-content: center; align-items: center; gap: 5px; padding-right: 5px; } .flexCenter { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center; } .star-rating { display: flex !important; justify-content: center; align-items: center; height: 100%; } .star-rating span { font-size: 42px; cursor: pointer; color: #b0b0b0; transition: color 0.2s; } .star-rating .selected { color: #eb841a; } .appDetails .serviceItem .preview-star-rating span { font-size: 20px !important; cursor: default !important; } .reviewParagraph { display: flex; justify-content: flex-start; align-items: center; text-align: left; gap: 20px; } .resultQuestion { width: 100%; position: relative; word-wrap: break-word; margin-top: 0px; line-height: normal; height: auto; } .aplicirajWrap { display: flex; justify-content: space-between; } @media (max-width: 991px) { .aplicirajWrap { flex-direction: column; width: 100%; } .aplicirajWrap .serviceItem.pointer { width: 100% !important; } .aplicirajWrap .proofDocs.appInstanceService { width: 50% !important; margin: 0px auto; } } @media (max-width: 765px) { .aplicirajWrap .proofDocs.appInstanceService { width: 100% !important; padding: 0px 50px; } } .aplicirajWrap .serviceItem.pointer { width: 68%; } .aplicirajWrap .proofDocs.appInstanceService { width: 30%; } .aplicirajWrap .proofDocs.appInstanceService ul li { width: 100%; padding: 0px; } .dateTime.flexCol { margin-top: 30px; } .dateTime.flexCol img { position: relative; top: -5px; } .shareWrapper { display: flex; gap: 20px; flex-direction: row-reverse; margin-left: 15px; } .custom-checkbox label, .custom-checkboxFonts label { min-height: 65px; max-height: 65px; height: 100%; } .appDetails .appInstanceService li .notFancyBox { background: #dfdfdf61 !important; border-radius: 8px; padding: 20px; } .appDetails .appInstanceService li .notFancyBox h5 { border: none !important; } .actionBtnsNew { display: flex; justify-content: space-between; margin-top: 10px; gap: 20px; align-items: center; } .actionBtnsNew a { color: white; text-decoration: none; font-family: Mulish-Bold; transition: 0.3s ease-in-out all; } .actionBtnsNew a.downloadDocument { right: 0; } .actionBtnsNew .flex { margin: 0 !important; } .actionBtns a { transition: 0.3s ease-in-out all; } .actionBtns a:hover, .actionBtnsNew a:hover { opacity: 0.8; transition: 0.3s ease-in-out all; cursor: pointer; } .serviceLinks.changed a.btn-default { padding: 10px 35px 10px 20px !important; text-align: left; } .serviceLinks.changed { width: 100%; position: unset; } .serviceLinks.changed a { margin-top: 20px; width: 100%; } .serviceLinks.changed a > span { margin-right: 10px; } .faqWrap.faqList .panel-heading { padding: 0px 25px; background: transparent linear-gradient(281deg, #FFFFFF96 0%, #FFFFFFAD 43%, #FFFFFFC4 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 7px 40px #E7EAF0BF; border-radius: 8px; } .pl-30 { padding-left: 30px; } .mt-0 { margin-top: 0px; } .servicesList.appsList.aplicirajWrap .serviceItem.pointer .flexCol .serviceStatus { padding: 0 5px !important; border-radius: 2px; top: -35px; display: inline-block; position: absolute; } .servicesList.appsList.aplicirajWrap .flexCol .serviceStatus strong { font-size: 13px; } .flexHeader { margin-bottom: 10px !important; } .mb-0 { margin-bottom: 0px !important; } .mt25 { margin-top: 25px; } .inlineTicket button.btn.btn-default { background: transparent linear-gradient(90deg, #353273 0%, #B02C84 100%) 0% 0% no-repeat padding-box; margin-top: 20px; width: 100%; } .inlineTicket button.btn.btn-default span { margin-right: 0px !important; color: white; } .inlineTicket button.btn.btn-default img { display: none; } .servicesList.appsList .serviceItem.pointer.ticketStatus { background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFFF5 43%, #FFFFFFC4 100%) 0% 0% no-repeat padding-box !important; box-shadow: 0px 25px 40px #E7EAF0BF !important; } .schema-form-radiobuttons .btn-group label.btn-default { box-shadow: none !important; margin-right: 15px; } .schema-form-radiobuttons .btn-group label.btn-default.active { border-color: #6f327a; } .applyOnline .schema-form-fieldset .btn-default { box-shadow: none !important; } a.details .detailsNew img { transform: rotate(90deg); } .servicesSection .flexHeader { justify-content: flex-end; } .lifeEvents .tab-content { padding: 0px 20px 0px 20px; } .lifeEvents .wrapperForLifeEvents { width: 100%; display: flex; justify-content: space-between; align-items: center; align-content: center; flex-direction: row; padding: 50px 15px; } .lifeEvents .wrapperForLifeEvents h2 { margin: 0px !important; padding: 0px !important; width: 100%; } .lifeEvents .wrapperForLifeEvents .flexHeader { margin-bottom: 0px !important; padding-top: 0px !important; justify-content: flex-end; } .lifeEvents .wrapperForLifeEvents .flexHeader .nav-tabs { margin: 0px; padding: 0px; } .wrapperWidget { position: relative; right: 115px; height: 100%; display: flex; align-items: center; flex-direction: row; width: 100%; max-width: 250px; justify-content: flex-start; gap: 20px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 0px 45px #08152C0D; border-radius: 8px 0px 0px 8px; transition: 0.2s ease-in-out all; z-index: 2; padding: 10px 10px; } .sideWidgetWrapperDiv { display: flex; flex-direction: column; gap: 10px; position: fixed; right: auto; top: 30%; z-index: 2; width: 300px; align-items: flex-end; left: 100%; } /*@media (max-width: 1560px){ .sideWidgetWrapperDiv { right: -210px; } .wrapperWidget { max-width: 280px; right: 0px; } .wrapperWidget:hover{ right: 185px !important; } }*/ .pt-0 { padding-top: 0px !important; } .wrapperWidget::before { content: ''; position: absolute; left: 0; top: 0px; background: transparent linear-gradient(183deg, #50B6FE33 0%, #2F54B3 100%) 0% 0% no-repeat padding-box; height: 100%; width: 5px; border-radius: 8px 0px 0px 8px; } .flexLink { display: flex; flex-direction: column; align-items: start; justify-content: flex-start; gap: 5px; } .flexLink a:hover { text-decoration: none; } .wrapperWidget p:hover, .wrapperWidget a:hover, .wrapperWidget:hover { right: 100%; transition: 0.2s ease-in-out all; } .flexLink a { color: #3768BD; text-decoration: none; display: flex; gap: 5px; justify-content: center; align-items: center; flex-direction: row; } .wrapperWidget img { margin-left: 15px; } .flexLink a, .flexLink p { margin: 0px !important; padding: 2px 0px; font-family: Mulish-Bold; } .supportHeading h1 { font-family: Mulish-Bold; color: black; padding: 50px 0px 0px 0px; } #headerSection .mainSearchBanner { padding: 0px 0px 50px 0px; } @media (max-width: 576px) { #headerSection .mainSearchBanner { padding-bottom: 0px; } #headerSection .mainSearchBanner .homePadding { padding-bottom: 0px; } } .flexFooter { display: flex; flex-direction: row-reverse; justify-content: space-between; width: 100%; gap: 60px; position: relative; } @media (max-width: 991px) { .flexFooter { flex-direction: column-reverse; justify-content: space-between; gap: 0px; } .actionText { align-items: center !important; } #footer .socialIcons { flex-direction: row !important; position: relative; padding: 0px; margin: 0px auto; margin-top: 0px !important; justify-content: center !important; padding-bottom: 20px; } .actionText p { position: absolute; bottom: -40px; white-space: pre-wrap !important; text-align: center !important; padding-top: 20px; font-size: 12px !important; width: 100%; } } @media (max-width: 460px) { .actionText p { bottom: -45px; } #footer .socialIcons { padding-bottom: 30px; } } .flexFooter a { padding-top: 0px; } .wrapperSupport { display: flex; width: 100%; justify-content: center; flex-direction: row; margin: 50px 0px; flex-wrap: wrap; gap: 20px; } .wrapperSupport .box { background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFFF5 43%, #FFFFFFC4 100%) 0% 0% no-repeat padding-box; box-shadow: -1px 4px 40px #DEDEDE80; border-radius: 8px; display: flex; max-width: 400px; flex: 1 1 0; transition: 0.3s ease-in-out all; justify-content: space-between; align-items: center; flex-wrap: nowrap; position: relative; padding: 30px 25px; flex-direction: row; } .wrapperSupport .box a { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; } .wrapperSupport .box a, .wrapperSupport span, .wrapperSupport .box p { margin: 0px; padding: 0px; font-family: Mulish-Bold; } .wrapperSupport .box svg, .wrapperSupport .box img { width: 60px; height: 60px; object-fit: contain; } .wrapperSupport p { color: #292435; font-size: 20px; font-family: 'Mulish-ExtraBold'; } .wrapperSupport .box span { color: #B02C84; } .wrapperSupport .box:hover { background: url('../images/hover_state_eid.png'); transition: 0.3s ease-in-out all; } .wrapperSupport .box:hover a, .wrapperSupport .box:hover p, .wrapperSupport .box:hover span { color: white; } .wrapperSupport .box:hover svg path { fill: white; } .searchSuggestedWrapper { display: flex; gap: 20px; width: 65%; margin-left: auto; margin-right: auto; justify-content: flex-start; align-items: center; flex-direction: row; margin-top: 30px; padding-bottom: 50px; } .searchSuggestedWrapper .suggestionsTags { display: flex; gap: 15px; align-items: center; justify-content: flex-start; align-content: center; } .searchSuggestedWrapper h2 { font-size: 16px; margin: 0px; padding: 0px; color: rgba(41, 36, 53, 0.7); } .searchSuggestedWrapper .suggestionsTags span { background: #FFFFFF 0% 0% no-repeat padding-box !important; box-shadow: 0px 25px 40px #E7EAF0BF !important; padding: 5px 15px !important; transition: 0.2s ease-in-out all; } .searchSuggestedWrapper .suggestionsTags span:hover { opacity: 0.8; transition: 0.2s ease-in-out all; cursor: pointer; } .graySection { background: #F1F5F8 0% 0% no-repeat padding-box; position: relative; } .contactWrapper { display: flex; align-items: center; border-radius: 8px; padding: 20px 20px 30px 20px; background: white; margin: 50px 20px 50px 20px; } @media (max-width: 565px) { .contactWrapper img { width: 90%; } } @media (max-width: 991px) { .contactWrapper { margin-bottom: 100px; } .contactWrapper img { width: 50%; } .contactWrapper .helpWrap { top: 0px !important; /* text-align: center;*/ } /*.contactWrapper .cardText p:last-of-type { font-size: 12px !important; }*/ /* .contactWrapper .cardText p:first-of-type { font-size: 18px !important; }*/ .contactWrapper .helpWrap a.askQuestionLink { font-size: 12px; } } @media (max-width: 768px) { .contactWrapper { flex-flow: column; } .contactWrapper img { width: auto; } } .contactWrapper .cardText { flex: 1; padding-bottom: 50px; /* text-align: left;*/ } .contactWrapper .cardText p:last-of-type { font-size: 14px; color: #666; line-height: 1.6; padding-right: 20px; margin-top: 15px; color: #000000; } .contactWrapper .helpWrap { position: relative; top: -10px; } .contactWrapper .helpWrap a.askQuestionLink { padding: 10px 55px 10px 25px !important; position: relative; float: left; } .contactWrapper .helpWrap a.askQuestionLink::before { content: ''; position: absolute; right: 25px; width: 18px; top: 2px; bottom: 0px; background: url(../images/arrow.png); background-size: contain; background-repeat: no-repeat; background-position: center; transition: 0.2s ease-in-out all; } .contactWrapper .helpWrap a.askQuestionLink:hover::before { right: 15px; transition: 0.2s ease-in-out all; } .contactWrapper .cardTitle { font-family: Mulish-Bold; margin-bottom: 10px; color: #B02C84 !important; font-size: 30px; margin-bottom: 0px; line-height: 31px; } body.bigFont * .contactWrapper .cardTitle { font-size: 35px !important; } .wrapperHomepage { display: flex; width: 100%; height: 100%; flex-direction: row; align-items: flex-start; justify-content: space-between; align-content: center; flex-wrap: wrap; padding: 0px; gap: 0px; } .wrapperHomepage .homePageMainBox { width: 48%; } .wrapperHomepage::after { content: ''; position: absolute; left: 0px; top: 0; bottom: 0px; height: 100%; width: 50%; background: transparent linear-gradient(161deg, #F8F9FC 0%, #F3F6FA 100%) 0% 0% no-repeat padding-box; } .wrapperHomepage::before { content: ''; position: absolute; right: 0px; top: 0; bottom: 0px; height: 100%; width: 50%; background: transparent linear-gradient(157deg, #E8EEF6 0%, #C7D1E8 100%) 0% 0% no-repeat padding-box; } .wrapperHomepage .homePageMainBox { z-index: 1; } .mainHeaderDesign { border-radius: 8px; padding: 15px; color: white; display: flex; width: 100%; justify-content: space-between; } .mainHeaderDesign a { color: #10336E; } .mainHeaderDesign a, .mainHeaderDesign span { font-family: Mulish-Bold; } .mainHeaderDesign a { margin: 0px !important; text-decoration: underline; color: #B02C84 !important; } .miniWrap { display: flex; align-items: center; gap: 15px; } .mainHeaderDesign.leftSide { background: transparent linear-gradient(90deg, #B02C84 0%, #C5359540 55%, #D53BA212 100%) 0% 0% no-repeat padding-box; } .mainHeaderDesign.rightSide { background: transparent linear-gradient(90deg, #10336E 0%, #10336E40 55%, #10336E0F 100%) 0% 0% no-repeat padding-box; } .serviceBoxWrapper .servicesBox { background: white; padding: 25px 20px 50px 20px; border-radius: 8px; height: auto; position: relative; } .serviceBoxWrapper .servicesBox a { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; } .serviceBoxWrapper .servicesBox a span { position: absolute; bottom: 20px; left: 20px; } .serviceBoxWrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 30px; } @media (max-width: 768px) { } @media (max-width: 991px) { .wrapperHomepage { flex-direction: column; padding: 0px; } .wrapperHomepage .homePageMainBox { width: 100%; } .wrapperHomepage::before { bottom: 0px; top: auto; width: 100%; height: 50%; } .wrapperHomepage::after { top: 0px; bottom: auto; height: 57%; width: 100%; } .homePageMainBox:last-of-type { margin-top: 50px; } } @media (max-width: 768px) { .serviceBoxWrapper { grid-template-columns: 1fr; } .wrapperHomepage::after { height: 55%; } } #headerSection .homePageMainBox .serviceBoxWrapper .servicesBox .additionalNewsItem h2 { margin: 0px; padding: 0px; font-size: 16px !important; } .serviceBoxWrapper .servicesBox a.moreDetails { position: absolute !important; bottom: 10px; } .serviceBoxWrapper .servicesBox::after { position: absolute; content: ''; top: 0px; width: 50px; height: 5px; background: transparent linear-gradient(90deg, #B02C84 0%, #3768BD 100%) 0% 0% no-repeat padding-box; border-radius: 0px 0px 4px 4px; left: 20px; } .wrapperNewest { display: flex; width: 100%; flex-direction: row; align-items: flex-start; justify-content: space-between; align-content: center; gap: 40px; position: relative; } .seeAllWrapper { width: auto; display: inline-flex; align-items: center; justify-content: space-between; align-content: center; flex-wrap: nowrap; flex-direction: row-reverse; gap: 20px; width: 100%; } .seeAllWrapper a { color: #1d336e !important; font-family: 'Mulish-SemiBold' !important; font-size: 14px; text-decoration: underline; } .servicesSection .tab-content { padding-bottom: 0px; } @media (max-width: 991px) { .wrapperNewest { flex-direction: column; } } .wrapperNewest p.titleBorder.new { font-size: 16px; } .row.servicesWrapperGrid.new { display: grid; padding: 40px 15px; grid-template-columns: 1fr 1fr; padding-bottom: 0px; position: relative; width: 100%; } .mainSearchBanner h1 strong { font-family: Mulish-ExtraBold; } .wrapperWidget.newWidget.thirdWidget p { font-size: 15px !important; } .wrapperWidget.newWidget.thirdWidget svg { margin-left: 15px; width: 30px; height: 100%; } .wrapperWidget.newWidget.thirdWidget a { color: #3768BD !important; } .wrapperWidget.newWidget.thirdWidget::before { background: #53b0e400 linear-gradient(183deg, #53b0e438 0%, #53b0e4 100%) 0% 0% no-repeat padding-box; } .wrapperWidget.newWidget::before { background: transparent linear-gradient(183deg, #DB45F633 0%, #B02C84 100%) 0% 0% no-repeat padding-box; } .wrapperWidget.newWidget .flexLink p { margin-bottom: 15px; } .wrapperWidget.newWidget .flexLink { gap: 0px; } /* .wrapperWidget.newWidget .flexLink > p { margin-bottom: 10px !important; }*/ .wrapperWidget.newWidget .flexLink p, .wrapperWidget.newWidget .flexLink span, .wrapperWidget.newWidget .flexLink a { font-size: 14px; } .wrapperWidget.newWidget .flexLink a { color: #292435; } .wrapperWidget.newWidget .flexLink span { color: #292435b0; position: relative; } .wrapperWidget.newWidget .flexLink div { display: flex; gap: 15px; margin-left: 0px; align-items: center; } .actionText { display: flex; flex-direction: column; align-items: flex-start; gap: 30px; } #headerSection .flexServicesHeader a::after { display: none; } #serviceSpy.nav-tabs > li.active > a { background: transparent !important; } .serviceApply.affix a.btn.btn-blue { background: transparent linear-gradient(90deg, #B70F74 0%, #B02C84 100%) 0% 0% no-repeat padding-box !important; color: white !important; } .modal-body .col-sm-12 .col-md-4.text-right button.btn.btn-primary.smallerBtn { font-size: 12px !important; padding: 12px 20px !important; } /*ZA da bide na wb taman*/ #topBar, #topBar .col-md-6.col-sm-4.col-xs-4, #topBar .col-md-6.col-sm-8.col-xs-8.xspLR0, #topBar .col-sm-12.col-xs-12.text-right.xspLR0, #topBar .flexDropdown, #topBar #ns-header #topBar #divEID { max-height: 73px; } #supportLabel { font-size: 21px; font-family: 'Mulish-Bold'; color: #B02C84; padding-top: 25px; } #supportSection .modal-dialog.noBgImage .modal-content .flexCenter { padding: 0px 40px; } .col-lg-12 .supportBox { background: #F5F7FA; border-radius: 8px; text-align: left; padding: 15px 25px; display: flex; width: 100%; justify-content: space-between; margin-bottom: 30px; transition: 0.3s ease-in-out all; } .col-lg-12 .supportBox a { color: #3768BD !important; width: auto; text-align: left; font-size: 16px !important; } @media (max-width: 565px) { .col-lg-12 .supportBox a { font-size: 12px !important; } } .col-lg-12 .supportBox img { margin: 0px; } .col-lg-12 .supportBox:hover { opacity: 0.8; transition: 0.3s ease-in-out all; background: #c8d7ed70; } .col-lg-12 .supportBox:hover a { color: #3768BD !important; } @media (max-width: 565px) { #supportSection .row.flexCenter .col-md-6.col-sm-6.col-xs-6 { width: 100%; margin-bottom: 15px; } } .flex.new { gap: 10px; } @media (max-width: 625px) { .flex.new { flex-direction: column; } .flex.new a, .flex.new span, .flex.new button { width: 100%; } .flex.new a i, .flex.new span i, .flex.new button i { display: none; } } .interactiveMap { padding: 20px 0px; margin-top: 20px; padding-bottom: 100px; } .userProfile.appDetails { padding-top: 0; padding-right: 15px; } .accessability-indicators { display: flex; flex-direction: column; position: absolute; right: 0px; top: 0; bottom: 0; margin: auto 0; height: 100%; width: 30px; justify-content: center; align-items: flex-end; padding-right: 10px; gap: 6px; } .accessability-indicators span.dots { background: #E6E6E6; border-radius: 50%; width: 10px; height: 10px; } .accessability-indicators span.dots.active { background: #B02C84; } .normalCursor { cursor: auto; } .bigCursor { cursor: url(../images/big-cursor.png), auto; } .customSelect select.highlight-links, span.btn-more.highlight-links, #langBar ul li.highlight-links, #settings.highlight-links, .actionBtns img.highlight-links, input.ui-select-search.highlight-links, span.btn.highlight-links, input.form-control.highlight-links, .openNotifications.highlight-links, select.form-control.highlight-links, label.btn-select.highlight-links, button.highlight-links, a.highlight-links, .serviceItem.ticketStatus.highlight-links, .serviceItem.highlight-links { outline: 2px solid rgba(255, 114, 22, 0.5) !important; outline-offset: 2px !important; } .body-left { text-align: left; } .body-center { text-align: center; } .body-right { text-align: right; } .body-right .profileMenu .profileItem a span.badge { left: 45px; right: auto; } .body-right .flexItem .flexIn.flexLeft h3, .body-right .flexItem .flexIn.flexLeft .o6 { padding-right: 0px; margin-right: 0px; } .body-right .userProfile .table th { text-align: right; padding-right: 20px !important; } body.body-right .service-details-docs .download { margin-top: 0px; } body.body-right .supportSection .supportBox button.btn { margin-left: auto !important; margin: 0px; text-align: right; } body.body-right .col-md-push-9 .appsHead h4 { align-items: flex-end; } body.body-center .col-md-push-9 .appsHead h4 { align-items: center; } body.body-right .col-lg-12 .supportBox { flex-direction: row-reverse; } body.body-right .serviceDetailsBox .widget .tags a { justify-content: flex-start; gap: 20px; } body.body-left .serviceDetailsBox .widget .tags a { justify-content: flex-start; } body.body-center .serviceDetailsBox .widget .tags a { justify-content: center; } body.body-right .servicePayment table.table.tableClean tr td { text-align: right !important; } body.body-center .servicePayment table.table.tableClean tr td { text-align: center !important; } body.body-right .infoItems { align-items: flex-end; } body.body-right .faqWrap .panel .panel-heading h4 a:after { right: auto; left: 0px; } body.body-left .supportSection .supportBox button.btn { margin: 0px; margin-right: auto; text-align: left; } .body-normalSpacing * { letter-spacing: 0px !important; } .body-middleSpacing * { letter-spacing: 2px !important; } .body-bigSpacing * { letter-spacing: 4px !important; } @media (max-width: 767px) { .body-bigSpacing * { letter-spacing: 1.5px !important; } .body-middleSpacing * { letter-spacing: 1px !important; } .body-normalSpacing * { letter-spacing: 0.5px !important; } } body.isMonospace *, body.isMonospace #headerSection * #additionalNews h2, body.isMonospace * #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li > a, body.isMonospace * #headerSection h1, body.isMonospace * #headerSection .mostSearched h2, body.isMonospace * #helpSteps p a, body.isMonospace * .mainHeaderDesign.leftSide a span, body.isMonospace * .flexHeader .nav-tabs li a { font-family: 'Monospace', monospace !important; } body.isMonospace strong, body.isMonospace * .flexServicesHeader h2 span, body.isMonospace #headerSection .searchApps .form-control, body.isMonospace * #ns-header #navigationBar #categories_events .navbar-nav > li > a, body.isMonospace * #eServices a, body.isMonospace * .userProfile h3 { font-family: 'Monospace', monospace !important; font-weight: 600 !important; } .body-bigSpacing #settings *, .body-middleSpacing #settings *, .body-bigSpacing #getHelp *, .body-middleSpacing #getHelp * { letter-spacing: 0px !important; } body.isMonospace #settings * { font-family: Mulish-Regular !important; } body.isMonospace #settings strong { font-family: Mulish-Bold !important; } body.smallFont *, body.smallFont #headerSection h1, body.smallFont * #headerSection .mostSearched h2, body.smallFont * #headerSection #additionalNews h2, body.smallFont * .categoryList h3 strong { font-size: 12px !important; } @media (max-width: 767px) { body.smallFont *, body.smallFont #headerSection h1, body.smallFont * #headerSection .mostSearched h2, body.smallFont * #headerSection #additionalNews h2, body.smallFont * .categoryList h3 strong { font-size: 10px !important; } } body.bigFont * .categoryList h3 strong { font-size: 32px !important; } body.bigFont *, body.bigFont #headerSection h1, body.bigFont * #headerSection .mostSearched h2, body.bigFont * #headerSection #additionalNews h2 { font-size: 20px !important; } body.bigFont * .interactiveMap .innerContentMap h2 span { font-size: 35px !important; } body.bigFont * #headerSection .servicesSection h2.mainTitle span, body.bigFont * #headerSection .newsListingHomePage h2, body.bigFont * #headerSection .mainSearchBanner h1 strong, body.bigFont * #headerSection .mainSearchBanner h1 { font-size: 60px !important; } @media (max-width: 767px) { body .bigFont * #headerSection .servicesSection h2.mainTitle span, body.bigFont * #headerSection .newsListingHomePage h2, body.bigFont * #headerSection .mainSearchBanner h1 strong, body.bigFont * #headerSection .mainSearchBanner h1, body.bigFont * #statistics .wrapperForLifeEvents h2 span, body.bigFont * #headerSection .servicesSection h2.mainTitle span { font-size: 35px !important; } body.bigFont *, body.bigFont #headerSection h1, body.bigFont * #headerSection .mostSearched h2, body.bigFont * #headerSection #additionalNews h2, body.bigFont * .supportSection .supportBox button.btn, body.bigFont * .supportSection .supportBox button span { font-size: 15px !important; } } body.bigFont * #settings .dropdown-menu span, body.smallFont * #settings .dropdown-menu span { font-size: 14px !important; } body.bigFont * .scrollNav .inlineTicket button.btn-submit { padding: 10px 25px !important; } body.bigFont * #headerSection .mostSearched a:after, body.bigFont * #headerSection #additionalNews a:after { left: 35%; bottom: 10px; } body.noAnimations *, body.noAnimations * #footer ul li a { animation: none !important; transition: none !important; } body.isSaturation::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; backdrop-filter: saturate(0.75) !important; z-index: 9999; pointer-events: none; } :root { --cursor-height: 200px; --transition-speed: 0.1s; --backdrop-color: rgba(0, 0, 0, 0.5); } .isZoomed .cursor { height: var(--cursor-height); width: var(--cursor-height); } .isZoomed .ruler-highlight { position: absolute; left: 0; width: 100%; height: var(--cursor-height); pointer-events: none; z-index: 9999; } .isZoomed .ruler-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: var(--backdrop-color); pointer-events: none; z-index: 9998; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } .isZoomed .ruler-highlight { position: fixed; left: 0; width: 100%; height: var(--cursor-height); pointer-events: none; z-index: 9999; } .isZoomed .cursor:hover { transform: scale(1.1); } .flexedColumn { flex-direction: column !important; align-items: flex-start !important; gap: 10px; } .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group.flexedColumn { box-shadow: none !important; } .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group.flexedColumn label { min-height: unset; max-height: unset; height: 100%; padding: 10px; background: transparent; border-radius: 4px !important; border: 1px solid #80808042 !important; } .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group.flexedColumn label.active { border: 1px solid #73337b !important; } .profileHeader .search-form-group { width: 75%; } .mainSearchBannerWrapper { width: 100%; display: flex; align-items: center; justify-content: center; align-content: center; flex-wrap: nowrap; } .applyOnline .applyNow bootstrap-decorator .datepicker button, .applyOnline .applyNow bootstrap-decorator .datepicker .btn, .applyOnline .applyNow bootstrap-decorator .datepicker .btn-sm { margin-top: 0px; box-shadow: none !important; padding-left: 10px !important; width: auto !important; padding-right: 10px !important; } .flexBetween { width: 100%; justify-content: space-between; display: flex; flex-direction: row; align-items: center; gap: 10px; } .mainHeaderDesign.leftSide a span { font-family: Mulish-Bold !important; color: #B02C84 !important; font-size: 15px; } .mainHeaderDesign.rightSide a { font-family: Mulish-Bold !important; color: #10336E !important; font-size: 15px; } /*#region novosti naslovna*/ .newsListingHomePage .three-news-wrap { position: relative; padding: 0px 0; } .newsListingHomePage .three-news-wrap .headerWrap { flex-direction: row; justify-content: space-between; align-items: center; } .newsListingHomePage .three-news-wrap h2 { font-size: 30px; font-family: Mulish-ExtraBold; } .newsListingHomePage .three-news-wrap a.more { padding: 9px 50px 9px 20px !important; font-size: 15px; font-family: Mulish-Regular; position: relative; } .newsListingHomePage .three-news-wrap a.more:after { content: ''; position: absolute; right: 20px; width: 15px; height: 10px; margin: auto 0; top: 5px; bottom: 0; background-image: url(../images/arrow_right_new-noOpacity.svg); background-size: contain; background-repeat: no-repeat; transition: all ease-in .3s; } .newsListingHomePage .three-news-wrap a.more:hover:after { right: 10px; transition: all ease-in .3s; } .newsListingHomePage .three-news-wrap .wrapper { justify-content: space-between; gap: 20px; padding: 50px 0 !important; } .newsListingHomePage .three-news-wrap .wrapper .newsBox { position: relative; text-align: left; width: 23%; min-width: 23%; border-radius: 8px; box-shadow: 0px 25px 40px #E7EAF0BF; background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFFF5 43%, #FFFFFFC4 100%) 0% 0% no-repeat padding-box; padding-bottom: 30px; } .newsListingHomePage .three-news-wrap .wrapper .newsBox .img-wrap { position: relative; width: 100%; text-align: center; min-height: 143px; border-radius: 8px 8px 0 0; background-size: cover; } .newsListingHomePage .three-news-wrap .wrapper .newsBox .img-wrap:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent linear-gradient(61deg, #11346F 0%, #B02C84 100%) 0% 0% no-repeat padding-box; opacity: .25; border-radius: 8px 8px 0 0; } .newsListingHomePage .three-news-wrap .wrapper .newsBox .img-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 8px 8px 0px 0px; } .newsListingHomePage .three-news-wrap .wrapper .newsBox p.intro { font-family: Mulish-Regular; padding-top: 0px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; width: 100%; padding: 0px 20px; color: #292435; line-height: 1.2; font-size: 15px; font-family: Mulish-Regular; padding-top: 0px; margin-bottom: 20px; line-height: 21px; } .newsListingHomePage .three-news-wrap .wrapper .newsBox .title { font-family: 'Mulish-Bold'; padding: 0 20px; padding-top: 0px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 20px; height: 37px; font-size: 16px; line-height: 18px; } .newsListingHomePage .three-news-wrap .wrapper .newsBox a.more-btn { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: Mulish-Bold; font-size: 15px; background: transparent; border: 0; } .newsListingHomePage .three-news-wrap .wrapper .newsBox a.more-btn span { position: absolute; left: 20px; bottom: 10px; color: #B02C84; } .newsListingHomePage .three-news-wrap .wrapper .newsBox a.more-btn span:after { content: ''; position: absolute; right: -24px; top: 3px; bottom: 0; margin: auto 0; width: 13px; height: 13px; background-image: url(../images/arrow-more.svg); background-size: contain; background-repeat: no-repeat; opacity: 0; transition: opacity .3s ease-in-out; } .newsListingHomePage .three-news-wrap .wrapper .newsBox a.more-btn:hover span:after { opacity: 1; transition: opacity .3s ease-in-out; } @media (min-width: 992px ) and (max-width: 1199px) { .newsListingHomePage .three-news-wrap .wrapper .newsBox .img-wrap { min-height: 120px; } } @media (min-width: 768px ) and (max-width: 991px) { .newsListingHomePage .three-news-wrap .wrapper { flex-direction: row; flex-wrap: wrap } .newsListingHomePage .three-news-wrap .wrapper .newsBox { width: 48%; min-width: 48%; } } @media (max-width: 767px) { .newsListingHomePage .three-news-wrap .wrapper { flex-direction: column; } .newsListingHomePage .three-news-wrap .wrapper .newsBox { width: 100%; } } /*#endregion novosti naslovna*/ #settings::-webkit-scrollbar { width: 9px; } #settings::-webkit-scrollbar-thumb { border-radius: 50px; background-color: silver; } #settings::-webkit-scrollbar-track { border-radius: 50px; background-color: transparent; } .flexStart.new { gap: 25px; } .customWidth { width: 50%; } @media (max-width: 991px) { .customWidth:last-of-type { position: absolute; bottom: 41%; } .mostSearched .customWidth { width: auto; } } .ellipsis { max-width: 200px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mainSearchBannerWrapper .search-form-group { width: 60%; z-index: 3; margin: 0px auto; } @media (max-width: 991px) { .mainSearchBannerWrapper .search-form-group { width: 100%; } .mainSearchBannerWrapper .search-form-group input { font-size: 14px; padding: 15px 10px !important; height: auto !important; } #headerSection .searchApps .search-form-group .btn-search { /* height: auto !important; padding: 13px;*/ height: 100%; padding: 8px 18px; width: auto; } .mainSearchBannerWrapper .search-form-group button i { font-size: 22px !important; } } .advancedMainSearchWrapper { position: absolute; width: 100%; margin: 0px auto; left: 0px; right: 0px; z-index: 3; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 0px 80px #111E3759; border-radius: 8px !important; padding: 20px 30px; } .advancedSearchBackdrop { background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; z-index: 2; position: fixed; left: 0px; top: 0px; right: 0px; } .neptunContent h2 { margin-bottom: 30px; } .neptunContent .alert { padding: 15px 20px; } @media (max-width: 1200px) { .inner-content-box { padding-bottom: 40px !important; } } .theComment ul { list-style-type: circle !important; margin-left: 20px; } .tickContent ul { list-style-type: unset; margin-left: 20px; } .timeline-body small, .timeline-heading small { color: #292435; font-size: 14px; font-weight: normal; font-family: 'Mulish-Bold'; } .timeline-body label, .timeline-heading label { color: black; font-weight: normal; font-family: 'Mulish-Bold'; font-size: 16px; } .timeline-body small, .timeline-body label { position: relative; right: -35px; } .pb20 { padding-bottom: 20px !important; } .lifeEvents .tab-content .lifeBox a h3 img { max-width: 30px; max-height: 30px; width: 100%; height: auto; } .profileHeader .flexStart svg { margin: 0px !important; } .customPadding { padding: 0px 20px; } .flexBetween.center { align-items: center; } .serviceLevel label { width: auto; display: inline-block; } .profileChoose .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label:last-of-type.active { color: #3768BD !important; } .detailsImg { width: 18px; height: 18px; } .customTdWidth { width: 55%; } .inFlex p { margin-bottom: 0px; color: #4C4C4C; font-family: 'Mulish-ExtraBold'; } .advancedMainSearchWrapper .advancedMainSearchFooter .inFlex ul { align-items: center; justify-content: center; } .mce-widget.mce-btn.mce-primary.mce-abs-layout-item.mce-first.mce-btn-has-text button span { color: black !important; } .languageSelector .smallSelect.gradiantSelect .form-group::before { content: ''; position: absolute; right: 25px; width: 20px; height: 20px; z-index: 1; top: 5px; background: url(../images/chevron.svg); } .openBalkanProfile { padding: 10px 0px; } .userProfile p strong { font-size: 16px; } button.btn.btn-submit-new.btn-icons { padding: 10px 40px !important; background: transparent linear-gradient(104deg, #668bce30 0%, #668bce2b 100%) 0% 0% no-repeat padding-box !important; color: #2C5FB8 !important; border-radius: 8px !important; font-family: 'Mulish-Bold'; } .blockContent ul { margin-left: 0px !important; } a.interactiveMapButtonDigital { display: flex; align-items: center; justify-content: center; align-content: center; flex-wrap: nowrap; flex-direction: row; padding: 9px 40px !important; } a.interactiveMapButtonDigital .isElectronic { line-height: 0px; } a.interactiveMapButtonDigitalSecond { padding: 13px 40px !important; } body.bigFont * .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label, body.bigFont * a.interactiveMapButtonDigitalSecond { white-space: normal; } @media (max-width: 767px) { a.interactiveMapButtonDigitalSecond { margin-top: 20px; } } #institutionLocationMap .gm-style-iw.gm-style-iw-c { flex-direction: row-reverse !important; align-items: center !important; justify-content: center !important; padding: 10px 20px !important; border-radius: 8px !important; } #institutionLocationMap .gm-style-iw.gm-style-iw-c .gm-style-iw-d { overflow: auto !important; } .innerContentMap .form-autocomplete:after { display: none !important; } @media (max-width: 1500px) { .contentNow.faqWrap.faqList.fullList .scrollNav { top: 80px; } .eID .container-fluid .container .eIDland .faqWrap h3 { padding-bottom: 0px; font-size: 16px; } .faqWrap .scrollNav ul li a { margin-bottom: 0px; } } .stickyPosition { position: sticky; top: 150px; } .stickyPosition .scrollNav.newStickyScrollNav { position: sticky; } .stickyPosition.new { top: 220px; margin-bottom: 40px; } @media (max-width: 1500px) and (min-width: 991px) { .stickyPosition.new .tabsDescription { margin-bottom: 0px; } .stickyPosition.new #serviceSpy ul.nav.nav-tabs { margin: 10px 0px; } .userProfile.appDetails h3.flexHeader { font-size: 16px; } .flexHeader button { font-size: 12px; } .appDetails ul h5, .appDetails .appInstanceService li .fancyBox h5, .appDetails .serviceItem h4 { font-size: 14px !important; } .servicesList.appsList .serviceItem label { font-size: 12px !important; } .proofDocs ul li img, .dateTime.flexCol img { width: 15px; } .downloadDocument img { display: none; } a.downloadDocument span { margin-right: 0px; } .eIDprofile .halfBgProfile .right { padding-right: 10% !important; } } a.btn.btn-default.ratingButton img { margin-left: 30px; float: right; margin-top: 3px; } @media (max-width: 991px) { a.btn.btn-default.ratingButton img { float: right; margin-left: 0px; margin-top: 2px; } } a.btn.btn-default.ratingButton { width: 100%; text-align: left; margin-top: 15px; } @media (max-width: 1200px) and (min-width: 991px) { a.btn.btn-default.ratingButton img { display: none; } } @media (max-width: 1600px) and (min-width: 991px) { a .btn.btn-default.ratingButton { font-size: 12px; text-align: center; padding: 10px 20px !important; } } a.flexLeft.flexIn p.serviceIntro { line-height: 19px; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media(max-width:991px) { .flexItem .flexIn.flexRight { margin-top: 20px; } a.flexLeft.flexIn p.serviceIntro { line-height: 20px; display: unset !important; -webkit-line-clamp: inherit; -webkit-box-orient: vertical; overflow: hidden; max-height: 65px; } .flexItem .flexIn { padding-bottom: 0px; } .flexRight.flexIn { padding-top: 0px; } } .servicesList { padding-bottom: 50px; } @media (max-width: 991px) { .eIDprofile { background: white !important; } .menuItemsWrapper .col-sm-12 { width: 100%; } .profileMenu .profileItem a span.badge { right: 20px !important; left: unset !important; position: absolute; } .menuItemsWrapper { margin-right: 0px; margin-left: 0px; margin-top: 0px; } .wrapperDiv .eIdProfileLevel .eIdProfileStatus .textWrapper span { font-size: 14px; } .col-lg-12.col-md-12.col-xs-12.flexedNewWrapper.pl0 { padding-left: 15px !important; } .userProfile { padding-bottom: 150px; } } @media (max-width: 768px) { .halfBgProfile .paddingOut.fullW { padding-top: 0px; } .wrapperDiv { flex-direction: column-reverse; } .wrapperDiv .eIdProfileLevel, .wrapperDiv .tableWrapper { width: 100%; } } .eIDprofile { background: linear-gradient(90deg, #F5F7FA 50%, white 60%); } .userProfile { padding-bottom: 150px; } .userProfileClass { padding: 50px 0; background: linear-gradient(90deg, #F5F7FA 25%, white 25%); } @media(max-width:1199px) { .userProfileClass { padding-top: 50px; background: linear-gradient(90deg, #F5F7FA 33.33333333%, white 33.33333333%); } } @media(max-width:991px) { .userProfileClass { padding-top: 50px; background: white; } } .wrapperAdvancedSearch { margin-top: 10px; } .searchBox .form-group select.form-control { padding-right: 35px !important; } body.highContrastClass::before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; backdrop-filter: contrast(120%); z-index: 9999; pointer-events: none; } .supportSection .modal-header { margin-bottom: 10px !important; padding: 0px 0px 15px !important; border: none !important; } .gap10 { gap: 10px !important; } .full-content { padding: 0px !important; } .advancedMainSearchWrapper .advancedMainSearchFooter .inFlex ul li a { font-family: Mulish-Bold; text-decoration: underline; margin-bottom: 20px; padding-bottom: 20px; } .advancedMainSearchWrapper .advancedMainSearchFooter .inFlex ul li a:hover { color: #b02c84 !important; } .advancedMainSearchWrapper .advWrap .entrance h4 img { width: 25px !important; margin-right: 8px; margin-left: 5px; } .p15 { padding: 15px !important; } .pb0 { padding-bottom: 0px !important; } .nestedDivOverflow .form-group .ui-select-container > div { max-height: 150px; overflow: auto; z-index: 111; position: relative; background: white; border-radius: 8px; box-shadow: 0px 0px 0px 30px 5px black; } .mainSearchBannerWrapper .advancedMainSearchWrapper .advWrap .entrance h4, .advancedMainSearchWrapper .advWrap .inFocus h4 { font-family: Mulish-Medium !important; } .mainSearchBannerWrapper .advancedMainSearchWrapper .advWrap .entrance h4, .advancedMainSearchWrapper .advWrap .inFocus h4 .bolded { font-family: Mulish-ExtraBold !important; color: #aa3284; } .mainSearchBannerWrapper .advancedMainSearchWrapper .advWrap .entrance h4.differentColor { color: #1c326d !important } ul li.resultTerm a { position: relative; width: 100%; display: block; } ul li.resultTerm a:after { content: url(../images/arrow-search-advanced.svg); position: absolute; right: 0px; width: 20px; bottom: 8px; height: 20px; top: 2px; left: auto; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } ul li.resultTerm a:hover:after { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; right: -25px; } .boldedSearch { font-family: Mulish-Bold; color: #11346F; } .noElipsis { white-space: unset !important; text-overflow: unset !important; } a.collapsed span.btn-more.more { color: #292435 !important; text-transform: capitalize !important; } .flexedParagraph { display: flex; padding-right: 30px; align-items: center; } li.displayFlexLi.displayRowDocument { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; gap: 25px; } .mainSearchBanner input.form-control { border-radius: 3px 10px 10px 3px !important; } .badge { background-color: #b2b8c5 !important; } .wordsSpanWrapper { display: flex; flex-direction: row; gap: 15px; position: absolute; bottom: 5px; left: 35px; } @media (max-width: 767px) { .wordsSpanWrapper { display: flex; flex-direction: row; gap: 10px; position: absolute; bottom: 5px; left: 0 !important; flex-wrap: wrap; width: 100%; padding: 0px 35px; margin-top: 30px; } .userProfile .tableWrapper .table tr { display: flex; flex-direction: column; align-items: flex-start; } body.body-left .userProfile .tableWrapper .table tr { align-items: flex-start; } body.body-right .userProfile .tableWrapper .table tr { align-items: flex-end; } body.body-center .userProfile .tableWrapper .table tr { align-items: center; } body.body-right .userProfile .tableWrapper .table tr th { padding-right: 5px !important; } } body.body-center userProfile .tableWrapper .table tr { align-items: center; } .wordsSpan { background: #8080801f; border-radius: 8px; padding: 3px 15px; font-size: 13px; text-transform: lowercase; font-family: 'Mulish-Bold'; } .mdtLink { background: #2C3D5B; padding: 6px 35px 6px 15px !important; border-radius: 30px; position: relative; color: white; font-family: 'Mulish-Bold'; } .mdtLink::before { content: ''; position: absolute; right: 10px; background: url(../images/link.svg); background-size: contain; background-repeat: no-repeat; width: 15px; height: 15px; top: 9px; } .mdtLink:hover { opacity: 0.5; color: white; } .mr0 { margin-right: 0px !important; } .profileChooseIn .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group { background: none; box-shadow: none; padding: 0px; gap: 0px; } .profileChooseIn .float-right span button span { display: none; } @media (max-width: 991px) { .eIDprofile .flex.mobileNoWrap { flex-direction: row !important; } } .flex.gap10.mobileNoWrap { margin-right: 10px; } @media (max-width: 767px) { .eIDprofile .flex.mobileNoWrap { margin-top: 0px !important; } .profileChooseIn { flex-direction: column; gap: 30px; width: 100%; } .profileChooseIn form-radio { width: 100%; text-align: center; } .profileChooseIn .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label { align-items: center; justify-content: center; } } .profileChooseIn .float-right span button { padding: 22px 25px !important; margin: 0px; height: 100%; position: relative; } .profileChooseIn .float-right .secondButtonInside button::after, .profileChooseIn .float-right .firstButtonInside button::after { content: ""; position: absolute; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; width: 22px; height: 22px; left: 14px; top: 11px; bottom: 0px; right: 0px; } .profileChooseIn .float-right .firstButtonInside button::after { background: url(../images/prashanje-modal.svg); } .profileChooseIn .float-right .secondButtonInside button::after { background: url(../images/problem-modal.svg); } .profileChooseIn .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 4px 5px 30px #0000000D !important; display: flex; gap: 10px; flex-direction: row; align-content: center; align-items: center; } .profileChooseIn .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label.active { background: transparent linear-gradient(90deg, #B02C84 0%, #B02C84 100%) 0% 0% no-repeat padding-box; color: white; } .profileChooseIn .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label.active svg circle, .profileChooseIn .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label.active svg path { stroke: white; } .profileChooseIn .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label:first-of-type { border-radius: 8px 0px 0px 8px; } .profileChooseIn .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label:last-of-type { border-radius: 0px 8px 8px 0px; } #ns-header #navigationBar { top: 73px !important; } @media (max-width: 767px) { #ns-header #navigationBar { top: 70px !important; } #ns-header #topBar #settings > p span { display: block !important; } #ns-header #topBar #settings > p span.hide-span { /* opacity: 0; transform: translateY(10px); transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; pointer-events: none;*/ opacity: 0; transform: translateY(10px) scale(0.9); filter: blur(4px); transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, filter 0.5s ease-in-out; pointer-events: none; visibility: hidden; width: 50px; } #ns-header #topBar #settings > p span.show-span { /* opacity: 1; transform: translateY(0); transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;*/ opacity: 1; transform: translateY(0) scale(1); filter: blur(0px); transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out, filter 0.5s ease-in-out; } #settings.hide-p { border-radius: 50% !important; transition: 0.3s ease-in-out all !important; } #ns-header #topBar #settings > p.hide-p { /* width: 50px !important; height: 50px !important; transition: 0.3s ease-in-out all; padding: 0px !important;*/ width: 50px !important; height: 50px !important; padding: 0 !important; border-radius: 50%; transform: scale(0.8); transition: all 0.4s ease-in-out; } #ns-header #topBar #settings > p.hide-p:before { /* transition: 0.3s ease-in-out all; left: 50%;*/ left: 50%; transition: all 0.4s ease-in-out; } #ns-header #topBar #settings > p.show-p:before { left: 18%; transition: all 0.4s ease-in-out; } #ns-header #topBar #settings { border-radius: 12px; } #ns-header #topBar #settings > p:before { width: 20px; height: 20px; } #ns-header #topBar #settings > p span { font-size: 12px !important; } #ns-header #topBar #settings > p:before { left: 18%; } #ns-header #topBar #settings:hover p { color: white !important; } } .mm-opened .dropdown-menu .col-md-4.col-sm-6:empty, .mm-opened .dropdown-menu .col-md-2.col-sm-3.col-xs-6:empty { display: none; } @media (max-width: 1400px) { #ns-header #topBar #getHelp > p span, #ns-header #topBar #settings > p span { display: none; } #ns-header #topBar #getHelp > p { padding: 35px 30px; margin-right: 0px; } } @media (max-width: 991px) { #ns-header #topBar #getHelp > p { padding: 35px 25px; } .interactiveMap h2, .interactiveTabs h2 { margin-top: 0px; } .interactiveMap h2 + p, .interactiveTabs h2 + p { margin: 10px 0 10px; } .interactiveMap { padding-bottom: 100px; } .containerHalf.conRight { padding: 0px !important; } .interactiveMap .col-md-6 { padding-right: 0px; padding-left: 0px; } } .noLinkAllowed { opacity: 0.3; } .box.thirdOne a { display: none; } @media (max-width: 565px) { .openBalkanLogo { width: 270px; height: 80px; } } .profileChoose .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label svg { display: none; } .goToLinkDetails { color: black !important; } .searchBox .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label svg { display: none; } .modal.cookies.gdpr.newG.miniModal p { line-height: 20px; margin: 0px !important; } .modal.cookies.gdpr.newG.miniModal a.btn-submit, .modal.cookies.gdpr.newG.miniModal a.btn-blue { padding: 9px 25px !important; } @media (max-width: 767px) { .modal.cookies.gdpr.newG.miniModal p, .modal.cookies.gdpr.newG.miniModal a.btn-submit, .modal.cookies.gdpr.newG.miniModal a.btn-blue { font-size: 12px; } .complain .modal-dialog, .cookies .modal-dialog > img, .cookies .modal-dialog { background: none !important; } #settingsModal.cookies.gdprSettings img:first-of-type { display: none !important; } #settingsModal.cookies.gdprSettings .linkarea li { width: 100%; } #settingsModal.cookies.gdprSettings .linkarea li a { margin: 0px auto; width: 80%; } #settingsModal.cookies.gdprSettings .linkarea li a:last-of-type { margin-bottom: 30px; } .complain .modal-dialog .modal-content:before { display: none; } .complain .modal-dialog, .cookies .modal-dialog { transform: none; top: 100px; left: 0px; right: 0px; margin: 0px auto; padding: 20px; width: 100% !important; } .complain .modal-dialog { margin-top: 35px; } #ns-header #topBar #getHelp { margin-right: 0; position: fixed; left: 110px; } #ns-header #topBar #getHelp > p:before { right: 25px; } } @media (max-width: 565px) { .cookies .modal-dialog { top: 60px; } } .cookies .modal-dialog .modal-footer { gap: 0px !important; } .cookies .modal-dialog .modal-footer .linkarea { gap: 15px; } @media (max-width: 767px) { .inlineTicket .btn-submit { text-align: center; } .service-details-docs .requestDocs > li, .service-details-docs .proofDocs > li { padding-bottom: 40px; } .service-details-docs .download { margin-top: 8px !important; margin-top: 8px !important; float: none; margin-left: 70px; } .userProfile.appDetails .appXS.flexHeader { padding-right: 30px; flex-direction: column-reverse; align-items: flex-start; gap: 20px; } .wrapperAdvancedSearch button img { width: 18px; height: 18px; } .wrapperAdvancedSearch button { height: 50px; /* min-height: 45px;*/ } .userProfileClass .profileHeader .col-md-7 { width: 100%; max-width: unset; min-width: unset; } .userProfileClass .profileHeader .search-form-group.pull-right { width: 100%; max-width: unset; min-width: unset; } .userProfileClass .form-group input, .userProfileClass .search-form-group input { font-size: 12px !important; height: 45px; min-height: 45px; } .userProfileClass .form-group .btn-search, .userProfileClass .search-form-group .btn-search { height: 45px; display: flex; align-items: center; justify-content: center; } .userProfileClass .form-group .btn-search i, .userProfileClass .search-form-group .btn-search i { font-size: 25px; } .userProfileClass .form-group .btn-search i { top: -2px; position: relative; } .userProfileClass .form-group .btn-blank, .userProfileClass .profileHeader .search-form-group .btn-blank { height: 45px; /*top: -5px*/ top: 0px; line-height: 0px; text-align: center; display: flex; align-items: center; justify-content: center; } .attFiles .btn-submit { font-size: 12px; padding: 10px 25px !important; } .wrapperAdvancedSearch .col-md-6 { width: 100%; max-width: unset; min-width: unset; padding-right: 0px; padding-left: 0px; } .wrapperAdvancedSearch .form-group { width: 100%; } .lastMoveApliciraj { flex-direction: column; } } @media (max-width: 991px) { .fromProfile { padding-bottom: 100px; } .fromProfile .proofDocs { margin-top: 50px; } .fromProfile .proofDocs ul .actionBtns.newUpdated { width: auto !important; } .userProfileClass .pl30 { padding-left: 15px !important; } .userProfileClass .pagination { padding-bottom: 50px; } .flexMobile { display: flex; flex-direction: column; align-items: flex-end; } .applyNow .alert.alert-warning { margin-bottom: 100px; } .service-title { margin-top: 80px; } } @media (max-width: 565px) { .servicesList.appsList .serviceItem .serviceSubmited { margin-left: 0px; float: right; } .notifyItem label { font-size: 12px; } .insideWrapper span { font-size: 12px; } .notifyItem small { font-size: 12px !important; } .pull-right.smallSelect.gradiantSelect select.form-control { min-width: 130px; font-size: 12px !important; } .servicesList.appsList .serviceItem span { font-size: 12px !important; } .profileHeader h3 { margin-left: 0px; } .profileHeader h3.marginMobile { margin-left: 15px; } } @media (max-width: 1200px) { .searchBox .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group { flex-direction: column; } .flexedNewWrapper .btn-group.radio.form-control-static.radio-btns-custom-group label { width: 100%; padding: 10px; min-height: auto; } .pagination { padding-bottom: 100px; } } .searchBox .ui-select-bootstrap > .ui-select-choices, .searchBox .ui-select-bootstrap > .ui-select-no-choice { z-index: 2 !important; } .applyNow .alert.alert-warning { box-shadow: none !important; } .noBorder { border: none !important; } .morePaddingBottom { padding-bottom: 100px; } @media (max-width: 767px) { .morePaddingBottom { padding-bottom: 200px; } } .np-breadcrumb-title.citizensHeader { color: #aa3284; } .customWidth.homePage { position: absolute; width: 95%; top: 0px; left: 15px; } @media(max-width:991px) { .wrapperWidget { display: none !important; } } @media (max-width: 767px) { .widgetSideRight { display: block !important; } #SubInstitutions .p25 { padding: 0px; margin: 0px; } .pagination > li.pagination-first > a, .pagination > li.pagination-last > a { display: none; } .interactiveMap h3, .interactiveTabs h3 { margin-top: 0px; font-size: 14px; } .wrapperWidget { display: none !important; } } .transparent { background: transparent !important; } .indicator.ion-document::before { background-image: url(../images/baranje.svg) !important; content: "" !important; background-size: contain; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; } .proofDocs .proofDescription { margin-left: 70px !important; padding-right: 0px !important; } .seeAllHeaderHomePage { width: 92%; position: absolute; left: 24px; top: 19px; } @media (max-width: 565px) { .seeAllHeaderHomePage { padding: 0px 20px 0px 0px; } } .boxItem { width: 33%; } @media (max-width: 991px) { .boxItem { width: 100%; } } .boxItem.muted { text-align: center; } @media (max-width: 1200px) and (min-width: 991px) { .boxItem.muted { text-align: right; } } @media (max-width: 400px) { .col-md-6.col-sm-5.col-xs-6.pull-right.pullRightXs.loginBarWrapper { width: auto; } .pagination { margin: 0px; } } @media (max-width: 565px) { .attFiles #myForm { flex-direction: column; align-items: center; justify-content: center; width: 100%; } .attFiles .row.flexMobile > div { width: 100%; } } .nav > li > a:focus { background: transparent; } .advancedMainSearchWrapper .advWrap .inFocus .pravni h4.differentColor span { color: #1c326d !important; } .faqWrapper { padding-bottom: 100px; } .row.servicesWrapperGrid.new::after { display: none; } .firstBoxColor, .secondBoxColor { padding: 65px 25px 25px 25px !important; border-radius: 8px; } .firstBoxColor { background: #FCF4F9; } .secondBoxColor { background: #E1E8F5; } #searchAbc .dropdown-menu::before, ul.dropdown-menu.serviceMenu::before { content: "\f12a"; position: absolute; cursor: pointer; right: 0px; width: 20px; height: 20px; z-index: 11; font-family: "Ionicons"; top: 0; } @media (max-width: 767px) { #searchAbc .dropdown-menu::before, ul.dropdown-menu.serviceMenu::before { display: none; } } .modal { z-index: 1600 !important; } .modal-backdropError { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1040; } .modalError { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 20px; z-index: 1050; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); border-radius: 8px; width: 90%; max-width: 600px; max-height: 270px; overflow: auto; } .modal-contentError { position: relative; padding: 30px 20px 20px 20px; max-height: 70vh; overflow: auto; } .modal-contentError ul { list-style-type: circle; } .close-btnError { position: absolute; top: -5px; right: 0px; background: none; border: none; font-size: 20px; cursor: pointer; } .modal-contentError .form-errors ul li { margin-bottom: 15px; font-size: 14px; } .openUrlProfile { z-index: 1; } .flexHeader .nav-tabs li button label, .flexHeader .nav-tabs li a label { margin-bottom: 0px; font-size: 14px; cursor: pointer; } a.logo:first-of-type::after { content: ""; position: absolute; right: 0px; background: #ffffff42; width: 1px; height: 80%; right: 10px; top: 62%; transform: translateY(-50%); } .full_name_system { max-width: 150px; overflow: hidden; display: block; text-overflow: ellipsis; } #ns-header .loginBar .user_logged_system > a { padding: 33px 25px 0px 20px; height: 80px; } @media(max-width:1199px) { #ns-header { z-index: 111; } #ns-header .loginBar .user_logged_system > a { padding: 33px 25px 0px 20px; display: block !important; height: 70px; margin-left: 0; color: transparent; position: absolute !important; top: 0; left: 0; padding: 0; z-index: 1; bottom: 0; } #ns-header #divEID .user_logged_system:hover > ul { right: 0; left: auto; } #ns-header .loginBar .user_logged_system ul a, #ns-header .loginBar .user_logged_system ul input { padding: 15px 25px !important; line-height: 18px; display: block !important; } #ns-header #divEID .user_logged_system .full_name_system:before { display: none; } } /*merge*/ .wrapperHomepage .servicesBox:hover { background: transparent linear-gradient(67deg, #11346F 0%, #B02C84 100%) 0% 0% no-repeat padding-box; transition: 0.3s ease-in-out all; } .wrapperHomepage .servicesBox:hover a span { color: white !important; } .wrapperHomepage .servicesBox:hover a::after { right: -35px !important; opacity: 1 !important; } .wrapperHomepage .servicesBox:hover h2, .wrapperHomepage .servicesBox:hover h2, .wrapperHomepage .servicesBox:hover a { color: white !important; } .wrapperHomepage .servicesBox:hover a:after { display: block !important; } .wrapperHomepage .servicesBox a:after { bottom: 18px !important; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center:after { display: none; padding: 0 40px; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenter { padding: 20px 0; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenter p.title-help-center { margin-bottom: 0; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenterFooterFlex { padding-bottom: 0; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenter { display: flex; flex-direction: column; justify-content: center; padding: 0; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenter ul { column-count: 2; width: fit-content; margin: auto; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenter ul li { width: fit-content; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenter ul li a { color: #171b30; font-family: Mulish-Bold; display: block; padding: 10px; font-size: 13px; margin: 0; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenter ul li a:hover { color: #b02c84; } @media (min-width: 992px) { .helpCenterFooterFlex svg { margin-top: -8px; } .supportSection .modal-dialog .modal-content .modal-footer { padding: 0; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenterFooterFlex { padding-right: 35px; padding-bottom: 0; display: flex; align-items: center; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenter { padding-left: 35px; flex-direction: row; align-items: center; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenter p.title-help-center { padding: 0px; margin-bottom: 0px; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenter ul { column-count: unset; display: flex; align-items: center; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenter ul li { position: relative; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenter ul li::after { position: absolute; content: ''; width: 1px; height: 20px; right: 0px; top: 12px; background-color: black; } #supportSection .modal-dialog.noBgImage .modal-footer.text-center .helpCenter ul li:last-of-type::after { display: none; } } @media screen and (max-height:780px) { #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li > a { padding: 3px 10px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active > a:after, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open > a:after { height: 30px; padding: 6px 18px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li { margin-bottom: 0px; min-height: 80px; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li a, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li a { height: 80px; padding: 0px !important; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li a b, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li a b { font-size: 13px; padding: 5px 0; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li a span, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu li a span { font-size: 12px !important; } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu, #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.open .dropdown-menu { padding-right: 0; padding-left: 40px; } } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active > a { background-color: #62ccfd4a; color: black; white-space: normal; } @media(max-width:991px) { .supportSection .col-sm-6 .supportBox { margin-bottom: 10px; min-height: 150px; } } @media(max-width:767px) { .supportSection .col-sm-6 { width: 100%; padding: 0px; min-height: initial; } .supportSection .col-sm-6 .supportBox { margin-bottom: 10px; min-height: initial; } } .headerWrap.flex .btn-submit { margin-top: 70px; } @media (max-width:991px) { .newsListingHomePage .three-news-wrap .wrapper .newsBox .img-wrap { position: relative; width: 100%; text-align: center; min-height: 250px; border-radius: 8px 8px 0 0; background-size: cover; background-position: center; } } .proceedCasys .alert.alert-warning p.flexStart span { display: block; } .proceedCasys .alert.alert-warning p.flexStart img { width: 30px; height: 30px; } .neptunContent img { max-width: 100%; height: auto; } #ns-header .loginBar #userNotifications a i { top: 0; } .serviceDetailsBox .servicePayment .ui-select-bootstrap > .ui-select-match > .btn { height: 40px; } .serviceDetailsBox .servicePayment .ui-select-bootstrap > .ui-select-match { margin-bottom: 10px; } .embed-responsive-16by9 { border-radius: 10px; } .videosHelp h2 { opacity: 0.8; font-size: 18px; } .videosHelp { padding: 20px; } .videosHelp h3 { font-size: 15px; font-family: 'Mulish-Bold'; margin-top: 10px; line-height: 20px; padding: 0 10px 0 0; min-height: 50px; } .newsListingHomePage .headerWrap h2 { font-size: 30px; font-family: Mulish-ExtraBold; padding-top: 50px; padding-bottom: 0; margin-bottom: 0; } @media(max-width:767px) { .titleXsFix { margin-top: -30px !important; } } .innerContentMap .form-group select.form-control { border: none; } .btn.interactiveMapButtonDigitalSecond.btn-submit.interactiveMapButtonDigital.isElectronic { padding: 8px 35px !important; } @media (max-width: 991px) { .btn.interactiveMapButtonDigitalSecond.btn-submit.interactiveMapButtonDigital.isElectronic .flex { margin: 0px; } a.interactiveMapButtonDigitalSecond { width: 100%; } } body.lineHeightNormal * { line-height: 1.7 !important; } body.lineHeightBig * { line-height: 1.9 !important; } #ns-header #navigationBar #categories_events #eServices > a { padding: 18px 20px !important; line-height: 20px; } @media (max-width:767px) { #ns-header #navigationBar #categories_events #eServices > a { padding: 18px 0px !important; line-height: 20px; } } #ns-header #navigationBar #categories_events > #menuMain > .nav > li > .dropdown-menu.serviceMenu > li.active .dropdown-menu li.col-md-4.col-sm-6 b { font-size: inherit !important; } li.pagination-next.disabled { opacity: 0.3; } .load { background: #fff; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; } .load img { width: 200px; } a.darkerTag { color: #3c8bc4 !important; } .infopage a, .contactBody a, #aboutCert a, #aboutMail a, .darkerTags a, #aboutOffice a, #aboutLevels .blockContent li a, #aboutUpgrade .blockContent li a, .faqWrap.faqList.fullList .panel-default a { color: #0074a2 !important; word-wrap: break-word; } body.bigFont * li.pagination-first { position: relative; left: -50px; } body.bigFont * .pagination > li > a { padding: 1px 0px; } body.bigFont * li.pagination-last { position: relative; right: -50px; } body.bigFont * .wrapperForLifeEvents h2 span { font-size: 60px !important; } body.bigFont * ul.ticketTimeline label { font-size: 20px !important; } @media (max-width: 1200px) and (min-width: 991px) { .col-md-push-9 .dropMenu.dropdown .btn-default { padding: 15px 10px !important; } .dropMenu .btn-default i { font-size: 20px; margin-right: 8px; } .col-md-push-9 .dropMenu .btn-default span { font-size: 12px !important; } .dropMenu .btn-default span + i { margin-top: 2px; } .serviceDetailsBox .widget .tags a { padding: 15px 10px; font-size: 12px; } .serviceDetailsBox .widget .tags a img { margin-right: 0px; } } .userProfile.ticketStatus { padding: 0px 20px; } .newsListingHomePage .three-news-wrap.innerNews .wrapper .newsBox { width: 30%; min-width: 30%; } .newsListingHomePage .three-news-wrap.innerNews .wrapper.flex { display: flex; justify-content: flex-start; gap: 30px; align-items: flex-start; flex-wrap: wrap; } .theNews #container { padding: 30px; } .theNews #container img { width: auto; max-width: 100%; margin: 20px 0; } .theNews #container h1 { font-size: 32px; margin-bottom: 30px; margin-top: 30px; } .NewsContent { padding-bottom: 80px; } .innerNews .noRecords { text-align: center; padding: 80px 20px; font-size: 14px !important; color: #434757; display: inline-flex; align-items: center; justify-content: center; width: 100%; } .innerNews + .clear-fix + .btn-group { display: flex; justify-content: center; align-items: center; } @media(min-width:992px) { .inner-content-box.theNews { background: linear-gradient(90deg, #f5f7fa 25%, white 25%); min-height: calc(100vh - 365px); } .innerNews { padding-left: 20px !important; } } .sideBox { padding: 50px 0 20px !important; } .sideBox h2.sidemenu-title { display: block; color: #12143b; font-family: 'Mulish-Bold'; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 15px; font-size: 17px; } .sideBox .btn-submit { background: transparent linear-gradient(90deg, #353273 0%, #B02C84 100%) 0% 0% no-repeat padding-box !important; } .sideBox .sidemenu li a { border: none; font-family: 'Mulish-Bold'; font-size: 14px; color: #171b30; display: block; text-align: left; padding: 11px 15px; border-bottom: 0px solid #e5e5e5; position: relative; margin: 2px 0; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sideBox .sidemenu li a:hover { background: white; -webkit-transition: all 0.2s ease-in-out; -khtml-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ie-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sideBox .sidemenu li.active { position: relative; background: linear-gradient(90deg, #ffffff, transparent); } .sideBox .sidemenu li.active:before { content: ''; display: block; height: 100%; width: 4px; background: linear-gradient(0deg, #2b6084, #4daff5); left: 0; top: 0; position: absolute; z-index: 2; } @media(max-width:1199px) { .newsListingHomePage .three-news-wrap.innerNews .wrapper .newsBox { width: 45%; min-width: 45%; } } @media(max-width:991px) { .newsListingHomePage .three-news-wrap.innerNews .wrapper .newsBox { width: 100%; min-width: 100%; } #body > .container .sideMenu + .col-md-8.col-sm-8.col-lg-9 > .inner-content-box .np-breadcrumb-title { margin-top: -80px; display: block; } .theNews #container { padding: 5px; } .theNews #container h1 { margin-bottom: 30px; font-size: 26px; } .theNews#body .sideBox { padding: 20px 20px 20px !important; } } body.smallFont .btn.btn-search i, body.bigFont .btn.btn-search i { font-size: inherit !important; } .modal-footer .btn + .btn { margin-left: 0px; } .mm-title { display: none; } .panel-title a.collapsed.question.highlight-links { outline: none !important; outline-offset: unset !important; } .body-center #ns-header, .body-right #ns-header { text-align: left !important; } .body-right #helpSteps p:before { margin-left: 25%; } .body-center .infoItems { align-items: center; justify-content: center; } .body-right .numberCount { justify-content: flex-end; } .body-center .numberCount { justify-content: center; } .body-center #headerSection .searchApps .form-control, .body-center #headerSection h1:not(.title), .body-center #headerSection h1:not(.title) + p { text-align: center; } .body-right #headerSection .searchApps .form-control { text-align: right; padding-right: 75px !important; } .body-right #headerSection h1:not(.title), .body-right #headerSection h1:not(.title) + p { text-align: right; } .body-left #headerSection .searchApps .form-control, .body-left #headerSection h1:not(.title), .body-left #headerSection h1:not(.title) + p { text-align: left; } .body-right .mainSearchBannerWrapper .search-form-group { float: right; } .body-left .mainSearchBannerWrapper .search-form-group { float: left; } @media (max-width: 991px) { .body-bigSpacing .attFiles .flexMobile { flex-direction: column; align-items: flex-start; } } .body-bigSpacing .attFiles .flexMobile #myForm.newFormFlex { flex-direction: column; align-items: flex-start; } body.body-left .userProfile .tableWrapper .table tr, body.body-center .userProfile .tableWrapper .table tr td { text-align: center !important; } body.body-left .userProfile .tableWrapper .table tr th, body.body-right .userProfile .tableWrapper .table tr td { text-align: right !important; } body.body-left .userProfile .tableWrapper .table tr th, body.body-left .userProfile .tableWrapper .table tr td { text-align: left !important; } .userProfile .tableWrapper .table tr th { text-align: unset; } .mce-btn-small .mce-ico { font-family: 'tinymce-small', Arial !important; } @media (max-width: 991px) { .complain .legalWrap { overflow: hidden; } .complain .notifyItem { display: block !important; } } .user_not_logged_system a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } @media (max-width: 767px) { body.body-right .notificationsModal h2 { padding-right: 35px; margin-top: 2px; } .legalWrap .notifyItem.profileLegal label { white-space: pre-wrap; word-wrap: break-word; word-break: auto-phrase; display: unset; } } @media (max-width: 768px) { .tooltip { display: none !important; } body.lineHeightNormal .newsListingHomePage .three-news-wrap .wrapper .newsBox .title, body.lineHeightBig .newsListingHomePage .three-news-wrap .wrapper .newsBox .title { display: block; height: auto !important; } body.body-right .profileMenu .profileItem a span:first-of-type { margin-left: 0px; margin-right: 60px; } .timeline-heading { white-space: nowrap; } } #statusFlowInstance .applyStatus { width: 100%; overflow: auto; } .applyStatus .statusSpy tr.completed-state strong { white-space: nowrap; } #statusFlowInstance .applyStatus::-webkit-scrollbar { width: 10px; height: 5px; } #statusFlowInstance .applyStatus::-webkit-scrollbar-track { background: #f1f1f1; } #statusFlowInstance .applyStatus::-webkit-scrollbar-thumb { background: #888; } #statusFlowInstance .applyStatus::-webkit-scrollbar-thumb:hover { background: #555; } body.lineHeightBig .btn.btn-search, body.lineHeightBig .btn.btn-search i { line-height: 0px !important; } body.bigFont .modal .modal-title h2 span { font-size: 20px !important; } body.body-center .wrapperSupport .eIDBox .textWrapper { min-width: 300px; } body.body-right .wrapperSupport .eIDBox .textWrapper { min-width: 250px; } body.bigFont * #ns-header .loginBar #userNotifications .badge { font-size: 10px !important; } body.smallFont * #ns-header .loginBar #userNotifications .badge { font-size: 10px !important; } body.lineHeightBig * #ns-header .loginBar #userNotifications .badge { line-height: 20px !important; } @media (max-width: 476px) { .viewVerificationDocumentWRap { display: flex; flex-direction: column; align-content: center; align-items: center; gap: 20px; width: 100%; } .viewVerificationDocumentWRap span { font-size: 20px; } .userProfile.appDetails { padding-right: 0px; } } .viewVerificationDocumentWRap { padding-bottom: 30px !important; } .mainBoxesWrap { display: flex; gap: 20px; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; padding-bottom: 50px; } .mainBoxesWrap .leftBoxesWrap { display: flex; flex-direction: column; gap: 20px; } .mainBoxesWrap .servicesList.appsList { width: 100%; padding-bottom: 0px; } .mainBoxesWrap .leftBoxesWrap .box .servicesList.appsList label { padding-right: 0px; padding-bottom: 14px; word-break: break-word; line-height: normal; } .mainBoxesWrap .leftBoxesWrap .box { padding: 0px; } .mainBoxesWrap .leftBoxesWrap .box .servicesList.appsList .dateTime { display: flex; flex-direction: column; align-items: flex-start; } .mainBoxesWrap .leftBoxesWrap .box .servicesList.appsList .dateTime label { border: none !important; } #decisionDetailsEconomicOperator h2 { font-family: 'Mulish-Bold'; font-size: 24px; padding: 60px 0px 35px 0px; margin: 0px; line-height: normal; padding-right: 300px; } .mainBoxesWrap .leftBoxesWrap p small span { font-size: 13px !important; } .mainBoxesWrap .leftBoxesWrap .dateTime p { display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin: 5px 0px; } .mainBoxesWrap .leftBoxesWrap .dateTime p label { border: none; padding: 0 !important; margin: 0px !important; } .mainBoxesWrap .servicesList .serviceItem .panel-heading { width: 100%; display: flex; align-items: center; justify-content: space-between; align-content: center; flex-wrap: nowrap; flex-direction: row; padding: 0px 0px 15px 0; } .mainBoxesWrap .servicesList .serviceItem .panel-heading h4 { font-family: 'Mulish-Bold'; font-size: 18px; } .mainBoxesWrap .servicesList .serviceItem .panel-heading a { right: 0px; } .pt70 { padding-top: 70px !important; } @media (max-width: 991px) { .mainBoxesWrap { flex-direction: column; gap: 30px; align-items: stretch; } #decisionDetailsEconomicOperator h2 { padding-right: 0px; font-size: 22px; padding-top: 40px; padding-bottom: 25px; } .mainBoxesWrap .leftBoxesWrap { gap: 18px; } } @media (max-width: 767px) { .mainBoxesWrap { padding-bottom: 20px; gap: 20px; } .mainBoxesWrap .leftBoxesWrap { gap: 14px; } .mainBoxesWrap .servicesList .serviceItem .panel-heading h4 { font-size: 16px; } .mainBoxesWrap .servicesList .serviceItem .panel-heading { flex-direction: column; align-items: flex-start; gap: 10px; } #decisionDetailsEconomicOperator table.table { font-size: 14px; } #decisionDetailsEconomicOperator .table th, #decisionDetailsEconomicOperator .table td { padding: 8px 5px; } .leftBoxesWrap.lonelyBoxes { flex-direction: column !important; } } @media (max-width: 480px) { #decisionDetailsEconomicOperator h2 { font-size: 17px; padding-top: 20px; padding-bottom: 15px; } .mainBoxesWrap .servicesList .serviceItem .panel-heading h4 { font-size: 14px; } .mainBoxesWrap .servicesList.appsList { padding-bottom: 0; } #decisionDetailsEconomicOperator .table th, #decisionDetailsEconomicOperator .table td { font-size: 12px; padding: 6px 2px; word-break: break-word; } .mainBoxesWrap .box { min-width: unset; } #decisionDetailsEconomicOperator .rightTablePart .box { min-width: unset; } .rightTablePart { overflow-x: auto; -webkit-overflow-scrolling: touch; } .rightTablePart .table { min-width: 410px; width: 100%; } #decisionDetailsEconomicOperator .rightTablePart .servicesList.appsList .serviceItem { max-width: unset; min-width: 450px; width: 100%; } .rightTablePart .serviceItem { min-width: 500px; } .mainBoxesWrap .leftBoxesWrap .box label, .mainBoxesWrap .leftBoxesWrap .box small, .mainBoxesWrap .leftBoxesWrap .box span, .mainBoxesWrap .leftBoxesWrap .box p, .mainBoxesWrap .leftBoxesWrap .box { font-size: 12px !important; line-height: 1.3; } .mainBoxesWrap .leftBoxesWrap .box h4 { font-size: 14px; } .rightTablePart::-webkit-scrollbar { height: 6px; } .rightTablePart::-webkit-scrollbar-thumb { background: #cccccc; border-radius: 3px; } .rightTablePart::-webkit-scrollbar-track { background: #f5f7fa; } .rightTablePart { scrollbar-width: thin; scrollbar-color: #cccccc #f5f7fa; } } .leftBoxesWrap.lonelyBoxes { flex-direction: row; width: 100%; align-items: stretch; justify-content: center; } .leftBoxesWrap.lonelyBoxes .servicesList.appsList { height: 100%; } .leftBoxesWrap.lonelyBoxes .servicesList.appsList .serviceItem { height: 100%; } .mainBoxesWrap .servicesList.appsList.rightTablePart table tbody tr td span { white-space: pre-wrap; } .search-proof { display: flex; gap: 10px; } .search-proof-input, .search-proof-select { padding: 8px 12px !important; border-radius: 8px !important; border: 1px solid #ccc !important; font-size: 14px !important; height: 50px !important; } .verificationDocumentPage .downloadVerDocument { display: flex; justify-content: space-between; align-content: center; align-items: center; padding: 25px 0px; } .verificationDocumentPage .downloadVerDocument a.btn.btnDownload { display: flex; align-items: center; gap: 12px; background: linear-gradient(90deg, #353273 0%, #B02C84 100%); padding: 8px 18px 8px 18px; border-radius: 10px; color: white; font-family: 'Mulish-Bold'; } .verificationDocumentPage .downloadVerDocument a.btn.btnDownload.white { color: black; background: white; box-shadow: 0px 0px 30px -18px #00000096; border: 1px solid rgba(40, 50, 112, 0.278); } .verificationDocumentPage .downloadVerDocument a.btn.btnDownload:hover { opacity: 0.8; } .verificationDocumentPage .verificationBox h3 span { font-family: 'Mulish-Bold'; } .verificationDocumentPage .verificationBox .verificationBoxInner { background: white; box-shadow: 0px 0px 41px 0px #E7EAF0; padding: 20px; border-radius: 8px; margin-bottom: 50px; } .verificationDocumentPage .verificationBox .appXS { padding-bottom: 35px; } .verificationDocumentPage .verificationBox .verificationBoxInner h4 label { font-size: 16px; } .verificationDocumentPage .verificationBox .verificationBoxInner .muted { margin-bottom: 0px; } .verificationDocumentPage .verificationBox .verificationBoxInner hr { margin-top: 15px; margin-bottom: 15px; } .verificationDocumentPage .flexStatus { display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: space-between; } .verificationDocumentPage .flexStatus label { font-size: 14px; margin: 0px; } .verificationDocumentPage .statusWrap { display: flex; gap: 10px; align-items: center; flex-direction: row; } .verificationDocumentPage .statusWrap i.statusTicket { color: #38b3e7; } .verificationDocumentPage .signaturesWrapper li { display: flex; gap: 20px; flex-direction: row; align-items: center; margin-bottom: 8px; } .verificationDocumentPage .signaturesWrapper li p { font-family: 'Mulish-Medium'; } .verificationDocumentPage .signaturesWrapper li label, .verificationDocumentPage .signaturesWrapper li p { margin-bottom: 0px; } .verificationDocumentPage .signaturesMainWrap { display: flex; flex-direction: column; gap: 50px; } .verificationDocumentPage .mainTitleVerification { padding: 40px 0px 50px 0px !important; } .verificationDocumentPage .attachmentsList li { background: #ffffff6b; box-shadow: 0px 0px 11px 0px #E7EAF0BF; border-radius: 8px; padding: 12px 20px; margin-bottom: 15px; display: flex; align-content: center; align-items: center; flex-direction: row; transition: all 0.2s ease; justify-content: space-between; transition: 0.7s ease-in-out all; } .verificationDocumentPage .attachmentsList li:hover { box-shadow: 0px 0px 11px 0px #e7eaf0; transition: 0.7s ease-in-out all; background: linear-gradient(116.85deg, #FFFFFF 2.68%, #FFFFFF 66.8%); } .verificationDocumentPage .noData { text-align: center; padding: 30px; color: #6c757d; font-style: italic; } @media (max-width: 768px) { .verificationDocumentPage .downloadVerDocument { flex-direction: column; align-items: flex-start; width: 100%; gap: 20px; text-align: center; } .verificationDocumentPage .signaturesWrapper li.infoDate { flex-direction: column; align-items: flex-start; } .verificationDocumentPage .flexStatus { flex-direction: column; align-items: flex-start; } .verificationDocumentPage .signaturesWrapper li { flex-direction: row; } .verificationDocumentPage .preview-pdf object { zoom: 2; min-height: 500px; height: auto; } } @media (max-width: 576px) { .verificationDocumentPage .preview-pdf object { min-height: 200px; } .verificationDocumentPage .userProfile.appDetails .preview-pdf { min-height: 200px; } .verificationDocumentPage .btnDownload { width: 100%; justify-content: center; } .verificationDocumentPage .attachmentsList li { flex-direction: column; align-items: flex-start; gap: 8px; } .verificationDocumentPage .downloadVerDocument label { text-align: center; width: 100%; } .verificationDocumentPage .signaturesWrapper li { justify-content: space-between; } .verificationDocumentPage .preview-pdf object { min-height: 300px; } .verificationDocumentPage .userProfile.appDetails .preview-pdf { min-height: 300px; } } @media (min-width: 992px) { .verificationDocumentPage .prDetails { padding-right: 30px !important; } } @media (max-width: 991px) { .verificationDocumentPage .userProfile.appDetails, .verificationDocumentPage .userProfile.appDetails.prDetails { padding-bottom: 0px; padding-right: 0px; } .verificationDocumentPage .downloadVerDocument { flex-direction: column; align-items: flex-start; width: 100%; gap: 20px; text-align: center; } } @media (max-width: 1500px) and (min-width: 991px) { #customTableDesign table.table.customTableDesign .downloadDocument img { display: block; } } #customTableDesign table.table.customTableDesign .uploadDocument, #customTableDesign table.table.customTableDesign .downloadDocument { gap: 10px; } #customTableDesign table.table.customTableDesign .uploadDocument span, #customTableDesign table.table.customTableDesign .downloadDocument span { margin-right: 0px; } #customTableDesign table.table.customTableDesign .vouchersActions > span, #customTableDesign table.table.customTableDesign .vouchersActions { overflow: unset !important; text-overflow: unset; white-space: pre-wrap; text-align: left; } #customTableDesign table.table.customTableDesign .vouchersActions a span { white-space: nowrap; } #customTableDesign table.table.customTableDesign tr th span, #customTableDesign table.table.customTableDesign tr td span { overflow: visible; text-overflow: unset; white-space: normal; } #customTableDesign table.table.customTableDesign tr th, #customTableDesign table.table.customTableDesign tr td { overflow: visible; } .verificationDocumentPage .downloadVerDocument.mt50 { margin-top: 125px !important; } .verificationDocumentPage .dateTime { padding: 30px 0; overflow: hidden; height: 100%; opacity: 1; transition: all 0.4s ease-in-out; overflow: hidden; } .verificationDocumentPage .dateTime.hiddenDate { max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; height: 0%; transition: all 0.4s ease-in-out; } .verificationDocumentPage .readMoreButton a span { color: #3768BD; font-family: 'Mulish-Medium'; text-decoration: underline; cursor: pointer; } .verificationDocumentPage .datesWrapper:first-of-type { margin-bottom: 11px; } .verificationDocumentPage .datesWrapper { display: flex; align-items: center; justify-content: flex-start; align-content: center; flex-wrap: nowrap; } .verificationDocumentPage .datesWrapper > div { display: flex; gap: 10px; } .verificationDocumentPage .statusInfoWrap { display: flex; align-items: center; gap: 10px; } .newFancyBox { padding: 20px 20px !important; box-shadow: -3px 2px 13px 0px rgba(0, 0, 0, 0.03); border: 1px solid rgba(220, 220, 220, 0.32); background: white !important; border-radius: 8px; min-height: 220px; } .newFancyBox h5 { border-bottom: none !important; } .fancyWrapper { display: flex; flex-direction: column; padding: 10px 0px; gap: 5px; } a.uploadDocument { color: white; font-family: Mulish-Bold; background: transparent linear-gradient(90deg, #353273 0%, #B02C84 100%) 0% 0% no-repeat padding-box; border-radius: 8px; padding: 5px 15px; right: 15px; position: relative; display: flex; } a.uploadDocument img { width: 20px; height: 20px; } a.uploadDocument span { font-size: 12px; margin-right: 8px; } a.uploadDocument.disabled { background: grey; pointer-events: none; cursor: default; opacity: 0.6; } .mainSearchBanner .mainBoxesWrap#customTableDesign .servicesList .serviceItem table tbody tr th input { border-radius: 6px !important; transition: 0.3s ease-in-out all; } .mainSearchBanner .mainBoxesWrap#customTableDesign .servicesList .serviceItem table tbody tr td { vertical-align: middle; } .mainSearchBanner .mainBoxesWrap#customTableDesign .servicesList .serviceItem table tbody tr th input:focus { box-shadow: none !important; outline: 1px #27327036; transition: 0.3s ease-in-out all; } #studentVoucherAnnulation h2 { padding: 30px 0px 50px 0px; } .deleteStudentVoucher.disabled { pointer-events: none; cursor: default; opacity: 0.6 !important; cursor: not-allowed; } #customTableDesign a.downloadDocument, #customTableDesign a.uploadDocument { right: 0px; } #customTableDesign .table { margin-bottom: 0px; } .vouchersActions { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; align-content: center; gap: 20px; flex-wrap: wrap; } @media (max-width: 767px) { .mainSearchBanner .mainBoxesWrap#customTableDesign .servicesList .serviceItem table tbody { display: flex; flex-direction: column; gap: 10px; } .mainSearchBanner .mainBoxesWrap#customTableDesign .servicesList .serviceItem table tbody tr { display: flex; flex-direction: column; width: 100%; border-radius: unset; } } .selectWithArrow::after { width: 25px; height: 25px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); font-size: 22px !important; padding: 3px 10px 3px 5px; content: "\f3d0"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; pointer-events: none; } .selectWithArrow { position: relative; } .lifeEventsInnerHeader h3 { display: flex; align-items: center; justify-content: flex-start; gap: 15px; margin: 0px; padding: 0px; } .lifeEventsInnerHeader h3 img { max-width: 30px !important; } .lifeEventsInnerHeader h3 span { margin: 0px !important; padding: 0px; } .requestDocs.fileListing .innerDocsListingItem { max-height: unset; min-height: unset; height: auto; display: flex; align-items: center; justify-content: space-between; } .fileListing .innerDocsListingItem a { display: flex; align-items: center; justify-content: flex-start; gap: 15px; } .fileListing .innerDocsListingItem a strong { color: black; } .fileListing .innerDocsListingItem a .indicator.ion-document { position: relative; margin: 0px; } .requestDocs.fileListing .innerDocsListingItem .download { position: relative; margin: 0px; float: none; } .serviceDetailsBox .serviceRequest.middleServiceContent { margin-top: -105px; padding-right: 80px; } .scrollNav.newStickyScrollNav.serviceScrollspy { margin-top: -75px; } .stickyPosition.new.serviceScrollspyWrap { top: 280px; } @media (max-width: 767px) { .serviceDetailsBox .serviceRequest.middleServiceContent { margin-top: 0px; padding-right: 10px; } } .modal.eidHelpModal.miniModal.newG { border-radius: 8px; background: linear-gradient(0deg, rgba(19, 18, 73, 0.9) 0%, #0A0937 100%); color: black; width: 300px; bottom: 20px; left: 20px; box-shadow: 0px 22px 40px 0px rgba(33, 32, 62, 0.08); padding: 35px 30px; } .modal.eidHelpModal.miniModal.newG svg { height: 100%; width: 70px; margin-bottom: 20px; } .modal.eidHelpModal.miniModal.newG p { line-height: 19px; font-family: 'Mulish-Regular'; font-size: 15px; color: white; } .modal.eidHelpModal.miniModal.newG p a { font-family: 'Mulish-Bold'; color: #3768BD !important; } .modal.eidHelpModal.miniModal.newG a { color: rgba(120, 199, 255, 1) !important; } .modal.eidHelpModal.miniModal.newG .flexLink { align-items: center; } .modal.eidHelpModal.miniModal.newG .closeButton { position: absolute; top: 20px; right: 20px; color: black; font-size: 25px; font-family: 'Mulish-Bold'; } button#EIDmodalHelper a img, button#EIDmodalHelper a, button#EIDmodalHelper { transition: none !important; -webkit-transition: none !important; } #cookiesModal:before { content: ''; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; height: 100%; width: 100%; background: #0000009e; } @media (max-width: 767px) { .modal.eidHelpModal.miniModal.newG { padding: 25px 20px; top: 91px; right: 90px; bottom: auto; left: auto; overflow: visible; } .modal.eidHelpModal.miniModal.newG:before { content: ""; position: absolute; bottom: 100%; right: 15px; border-width: 12px; border-style: solid; border-color: transparent #0f0a38 transparent transparent; transform: rotate(90deg); } .modal.eidHelpModal.miniModal.newG svg { width: 50px; margin-bottom: 15px; } .flexLink { gap: 0px; } .modal.eidHelpModal.miniModal.newG a.visible-xs.closeButtonMobile { position: relative; width: auto; height: auto; margin: 0px auto; display: inline-flex !important; border: 1px solid rgba(255, 255, 255, 0.25); padding: 12px 25px; font-size: 14px; color: white !important; border-radius: 6px; left: 0px; right: 0px; margin: 20px 0px 0px 0px; } .modal.eidHelpModal.miniModal.newG:before { display: none; } button#EIDmodalHelper.cuf:before { content: ""; position: absolute; bottom: -30px; right: 25%; border-width: 12px; border-style: solid; border-color: transparent #0f0a38 transparent transparent; transform: rotate(90deg); } } @media (max-width: 500px) { .modal.eidHelpModal.miniModal.newG { margin: 0px auto; left: 0; right: 0px; max-width: 100%; } } @media (min-height: 600px) { .sideMenu.sideMenuStickyNav { position: sticky !important; top: 100px; } } button#EIDmodalHelper { background: transparent; border: none; margin-right: 20px; position: relative; } button#EIDmodalHelper.isLoggedMargin { margin-right: 65px; } #ns-header #topBar button#EIDmodalHelper img { margin: 0px !important; padding: 0px !important; width: 40px; } @media (min-height: 600px) { .sideMenu.sideMenuStickyNav { position: sticky !important; top: 100px; } } .selectWithArrow { position: relative; } .table.customTableDesign { table-layout: fixed; width: 100%; } .table.customTableDesign .vouchersActions { flex-wrap: nowrap; } @media (max-width: 767px) { .table.customTableDesign .vouchersActions { flex-wrap: wrap; } } #ns-header #topBar #privateIcon, #ns-header #topBar #businessIcon { display: none; width: 50px; height: 30px; transition: 0.3s ease-in-out all; } #businessIcon svg g rect, #businessIcon svg g path, #privateIcon svg g rect, #privateIcon svg g path { transition: all 0.3s ease-in-out; } #privateIcon:hover svg g rect { fill: white; } #privateIcon:hover svg g path { stroke: rgba(167, 14, 114, 1); } #businessIcon:hover svg g > path { fill: white; } #businessIcon:hover svg g path:last-of-type { stroke: rgba(27, 115, 193, 1); } #ns-header #topBar #divEID { display: inline-flex; background: transparent linear-gradient(107deg, #B70F74 0%, #730C6F 100%) 0% 0% no-repeat padding-box; padding: 22px; cursor: pointer; max-height: 73px; height: 73px; gap: 20px; align-items: center; justify-content: center; align-content: center; flex-wrap: nowrap; flex-direction: row; -webkit-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ie-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: relative; } #ns-header #topBar #divEID.business-mode { background: linear-gradient(135.19deg, #1D7CCD 1.56%, #12356F 101.23%); } .customTooltipRight .eidProfileDisclaimerTooltipNew .tooltip-inner, .eidProfileDisclaimerTooltip .tooltip-inner { max-width: 700px !important; width: 100% !important; background: rgba(41, 36, 53, 1) !important; color: #fff !important; text-align: left !important; padding: 15px 20px !important; border-radius: 10px !important; line-height: 12px !important; } .customTooltipRight .eidProfileDisclaimerTooltipNew .tooltip-inner, .eidProfileDisclaimer#disabledText .tooltip-inner { max-width: 800px !important; } .customTooltipRight .eidProfileDisclaimerTooltipNew .tooltip-inner p span, .eidProfileDisclaimer#disabledText .tooltip-inner p span { font-size: 12px !important; margin: 0px 0px 0px 0px !important; line-height: 1; } .eidProfileDisclaimer#disabledText .eid-tooltip-content p { margin-bottom: 5px; } .eidProfileDisclaimer#disabledText .tooltip-inner b span { font-size: 12px !important; } .eidProfileDisclaimerTooltipNew .tooltip .tooltip-arrow, .eidProfileDisclaimer .tooltip .tooltip-arrow { border-bottom-color: rgba(41, 36, 53, 1) !important; } .eidProfileDisclaimerTooltipNew.tooltip .tooltip-arrow { top: 20%; } .eidProfileDisclaimerTooltip .eid-tooltip-content p span { font-size: 14px !important; font-family: 'Mulish-Regular'; margin: 0px 0px 10px 0px !important; line-height: 1.3; } .eidProfileDisclaimerTooltip .eid-tooltip-content b span { font-size: 14px !important; font-family: 'Mulish-ExtraBold' !important; } .eidProfileDisclaimerTooltip .eid-tooltip-content .highlight span { font-family: 'Mulish-ExtraBold' !important; color: #fff; font-size: 14px !important; } @media (max-width: 768px) { .customTooltipRight .eidProfileDisclaimerTooltipNew { display: block !important; } .eidProfileDisclaimerTooltip.tooltip { display: block !important; z-index: 1; margin: 0px 20px; left: auto !important; right: auto !important; } .eidProfileDisclaimerTooltip .tooltip-inner { max-width: 90vw !important; padding: 12px 15px !important; font-size: 13px !important; line-height: 1.3 !important; } .eidProfileDisclaimerTooltip .eid-tooltip-content p { font-size: 13px !important; } } @media (max-width: 480px) { .eidProfileDisclaimerTooltip .tooltip-inner { max-width: 95vw !important; padding: 10px 12px !important; font-size: 12px !important; line-height: 1.3 !important; } .eidProfileDisclaimerTooltip .eid-tooltip-content b, .eidProfileDisclaimerTooltip .eid-tooltip-content .highlight { font-size: 12px !important; } } .chart-wrapper { position: relative; height: 240px; } #statistics #countStatistics .flexWrapper .flexColWrapper .boxWrapper h4 { margin-bottom: 40px; } #customTableDesign table.table.customTableDesign tbody tr td span { text-overflow: unset; white-space: pre-wrap; } #customTableDesign table.table.customTableDesign tbody tr th input { font-size: 12px; } #customTableDesign table.table.customTableDesign tbody tr th { padding: 12px 0px !important; } #customTableDesign .servicesList.appsList .serviceItem { padding: 20px; } } .butonsWraped { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; justify-content: flex-end; } .progress-container { justify-content: flex-start; display: flex; align-items: center; gap: 15px; width: 100%; } .circular-progress { width: 64px; height: 64px; position: relative; } .circular-progress svg { transform: rotate(-90deg) rotate(90deg); width: 64px; height: 64px; position: relative; } .circular-progress .circle-bg { fill: none; stroke: rgba(222, 222, 222, 1); stroke-width: 1.2px; } .circular-progress .circle { fill: none; stroke-width: 4; stroke-linecap: round; transition: stroke-dasharray 0.8s ease; width: 64px; height: 64px; } .progress-success { display: flex; font-size: 14px; gap: 25px; padding-left: 20px; justify-content: flex-start; align-items: center; } .totalItemsApps { position: absolute; left: 0; top: 50%; font-size: 12px; right: 0px; margin: 0px auto; text-align: center; transform: translateY(-50%); font-family: 'Mulish-Regular'; } .userProfileLatestApps.serviceItem { display: flex; align-items: center; justify-content: space-between; align-content: center; flex-wrap: nowrap; flex-direction: row; gap: 50px; } .userProfileLatestApps.serviceItem::after, .userProfileLatestApps.serviceItem::before { display: none; } .userProfileLatestApps.serviceItem a { color: #171b30; } .changedDateWrap span { color: rgba(127, 127, 127, 1); font-weight: 500; font-size: 14px; } .servicesList.appsList .userProfileLatestApps.serviceItem label { margin: 0px 0px 5px 0px; padding: 0px; border: none; } .progress-label { color: black; font-family: 'Mulish-Regular'; font-size: 14px; } .statusApplicationWrap { min-width: 300px; max-width: 300px; position: relative; } .statusApplicationWrap::before { content: ''; position: absolute; right: auto; top: 0px; bottom: 0px; height: 100%; width: 1px; background: rgba(222, 222, 222, 1); left: -30px; } .seeAllApplications a { color: rgba(80, 182, 254, 1); font-size: 16px; text-decoration: underline; font-family: 'Mulish-Bold'; } .userProfileLatestApps a.flexLeft.flexIn { position: relative; } @media (max-width: 991px) { .statusApplicationWrap::before { display: none; } .userProfileLatestApps a.flexLeft.flexIn::before { content: ''; position: absolute; right: 0px; top: auto; bottom: -10px; height: 1px; width: 100%; background: rgba(222, 222, 222, 1); left: 0px; } .userProfileLatestApps.serviceItem { flex-direction: column; align-items: flex-start; gap: 20px; } .circular-progress { filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.15)); } .statusApplicationWrap { max-width: 100%; min-width: auto; } .progress-container { justify-content: flex-start; } .progress-label { font-size: 13px; } .changedDateWrap span { font-size: 13px; } .circular-progress svg { transition: transform 0.3s ease; } .circular-progress:hover svg { transform: rotate(-90deg) scale(1.05); } .newSearchWrapperClass #newSearchWrapper .searchApps.fixed-search .search-form-group input { padding-right: 50px; } } @media (max-width: 1200px) { .newSearchWrapperClass #newSearchWrapper .advancedMainSearchWrapper { max-width: 90% !important; } } @media (max-width: 767px) { .userProfileLatestApps.serviceItem { flex-direction: column; align-items: center; text-align: center; gap: 15px; } .servicesList.appsList .serviceItem { gap: 20px; } .progress-container { flex-direction: column; align-items: center; justify-content: center; gap: 10px; } .circular-progress { width: 56px; height: 56px; } .circular-progress svg { width: 56px; height: 56px; } .progress-label { font-size: 13px; } .totalItemsApps { font-size: 11px; } .changedDateWrap span { display: block; font-size: 12px; line-height: 1.3; } .statusApplicationWrap { width: 100%; text-align: center; } #ns-header #navigationBar #categories_events #eServices { display: none !important; } .loginBarWrapper.col-xs-5 { width: 35%; } .newSearchWrapperClass { width: 50%; padding: 0; } #newSearchWrapper .mainSearchBannerWrapper .search-form-group input { height: 40px !important; } .mainProfile .mainProfile h3 { font-size: 20px; padding-bottom: 5px; } .mainProfile .mainProfile h4 { font-size: 16px; } .newSearchWrapperClass #newSearchWrapper .searchApps.fixed-search .search-form-group input { padding-right: 5px; } .profileActionBar { display: flex; justify-content: center; align-items: center; } .eidProfileDisclaimerTooltip.tooltip.top { margin: -10px 20px 0px 20px; } .customTooltipRight .eidProfileDisclaimerTooltipNew .tooltip-arrow, .eidProfileDisclaimerTooltip.tooltip .tooltip-arrow { display: none; } .user_logged_system:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1; } .pinBtnsWrapper a { width: 100%; } } @media (max-width: 567px) { .progress-container { flex-direction: column; align-items: center; gap: 8px; } .circular-progress { width: 48px; height: 48px; } .circular-progress svg { width: 48px; height: 48px; } .progress-label { font-size: 12px; } .totalItemsApps { font-size: 10px; } .changedDateWrap span { font-size: 11px; } .userProfileLatestApps.serviceItem { gap: 12px; padding: 10px 0; } .seeAllApplications a { font-size: 14px; } } @media (min-width: 768px) { .wrapperAdvancedSearch + .searchBox > div { display: flex; flex-direction: row; flex-wrap: wrap; } button.closeSearchButton { right: 10px; top: 0px; } } a.btn.btn-submit.disabledAnchor { background: #F0F0F0; border: 1px solid #B8B8B81A; color: rgba(174, 174, 174, 1); opacity: 1; display: flex; gap: 10px; align-items: center; justify-content: center; align-content: center; flex-wrap: nowrap; flex-direction: row; } a.btn.btn-submit.btn-icons.mt10.disabledProfileAps { background: #F0F0F0; border: 1px solid #B8B8B81A; color: rgba(174, 174, 174, 1); opacity: 1; align-items: center; justify-content: center; align-content: center; flex-wrap: nowrap; flex-direction: row; } a.btn.btn-submit.disabledAnchor:hover { color: rgba(174, 174, 174, 1) !important; } a.btn.btn-submit.btn-icons.mt10.disabledProfileAps:hover { color: rgba(174, 174, 174, 1) !important; } .newSearchWrapperClass { position: static; } .newSearchWrapperClass #newSearchWrapper { margin-top: 8px; } .newSearchWrapperClass #newSearchWrapper .mainSearchBannerWrapper { position: static; } .newSearchWrapperClass #newSearchWrapper .mainSearchBannerWrapper .searchApps { position: static; } .newSearchWrapperClass #newSearchWrapper .mainSearchBannerWrapper .searchApps .search-form-group { width: 100%; } .newSearchWrapperClass #newSearchWrapper .mainSearchBannerWrapper .searchApps .search-form-group input { box-shadow: none; border: 0.95px solid rgba(225, 236, 247, 1); height: 40px; font-size: 14px; color: rgba(118, 121, 137, 1); } .newSearchWrapperClass #newSearchWrapper .mainSearchBannerWrapper .searchApps .search-form-group input::placeholder { color: rgba(118, 121, 137, 1); } .newSearchWrapperClass #newSearchWrapper .mainSearchBannerWrapper .searchApps .search-form-group .btn-search { padding: 0px; border-radius: 0px 3px 3px 0px; width: 40px; height: 40px; } .newSearchWrapperClass #newSearchWrapper .searchApps.fixed-search { position: static; } .newSearchWrapperClass #newSearchWrapper .searchApps.fixed-search .search-form-group { position: relative; z-index: 3; } .newSearchWrapperClass #newSearchWrapper .searchApps.fixed-search .search-form-group .btn-search { padding: 0px; border-radius: 0px 3px 3px 0px; width: 40px; height: 40px !important; } .newSearchWrapperClass #newSearchWrapper .searchApps.fixed-search .search-form-group input::placeholder { color: rgba(118, 121, 137, 1); } .newSearchWrapperClass #newSearchWrapper .searchApps.fixed-search .search-form-group input { box-shadow: none; border: 0.95px solid rgba(225, 236, 247, 1); height: 40px !important; font-size: 14px; color: rgba(118, 121, 137, 1); } .newSearchWrapperClass #newSearchWrapper .advancedMainSearchWrapper { max-width: 1290px; } button.closeSearchButton { border: none; background: transparent; position: absolute; right: 15px; top: 15px; } button.closeSearchButton span { font-size: 24px; font-weight: 700; color: gray; opacity: 0.6; } button.closeSearchButton:hover span { color: #000; text-decoration: none; cursor: pointer; opacity: .5; } .newSearchWrapperClass #newSearchWrapper .advancedMainSearchWrapper { max-width: 1290px; } .disabledProfileAps { cursor: not-allowed; opacity: .5; outline: none !important; } .customTooltipRight .eidProfileDisclaimerTooltipNew, .eidProfileDisclaimerTooltip { z-index: 10; } .verificationWrap { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .verificationWrap > div { display: flex; flex-direction: row; gap: 20px; align-items: center; } .verificationWrap > div a { border-radius: 8px !important; } @media (max-width: 476px) { .verificationWrap { justify-content: center; } .verificationWrap > div { flex-direction: column; } .verificationWrap > div span, .verificationWrap > div a, .verificationWrap > div span img, .verificationWrap > div input { width: 100%; } } .pinBtnsWrapper { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; } .calculate-price-alert { display: flex; flex-direction: row; align-items: center; } .customTR td { width: 100% !important; }